@gearbox-protocol/ui-kit 4.0.0-next.3 → 4.0.0-next.30

package/dist/esm/components/detailed-page-title/detailed-page-title-explorer-dropdown.js

@@ -1,59 +1,68 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { IconExternal as t } from "@gearbox-protocol/static";
-import * as a from "react";
-import { BaseLink as p } from "../base-link/base-link.js";
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { IconExternal as o } from "@gearbox-protocol/static";
+import * as s from "react";
+import { BaseLink as a } from "../base-link/base-link.js";
 import { IconButton as d } from "../icon-button/icon-button.js";
 import { SimpleDropdown as c } from "../simple-dropdown/simple-dropdown.js";
 import { SimpleDropdownMenuItem as f } from "../simple-dropdown/simple-dropdown-menu-item.js";
-import { useIsMobile as u } from "../../hooks/use-media-query.js";
-import "@gearbox-protocol/sdk";
-import { cn as h } from "../../utils/cn.js";
+import { SimpleTooltip as u } from "../tooltip/simple-tooltip.js";
+import "../tooltip/tooltip.js";
+import { FormattedMessageTyped as h } from "../typed-intl/index.js";
+import { useIsMobile as x } from "../../hooks/use-media-query.js";
+import "@gearbox-protocol/sdk/onchain";
+import { cn as g } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const x = a.forwardRef(function({ explorerLinks: o, className: i, title: l }, n) {
-  const m = u() ? 32 : 40;
+const D = s.forwardRef(function({ explorerLinks: r, className: i, title: m }, n) {
+  const l = x() ? 32 : 40;
   return /* @__PURE__ */ e(
-    c,
+    u,
     {
-      title: l || /* @__PURE__ */ e(
-        d,
+      title: /* @__PURE__ */ e(
+        c,
         {
-          ref: n,
-          buttonType: "outlined",
-          size: m,
-          title: "View in explorer",
-          className: h(i),
-          children: /* @__PURE__ */ e("span", { className: "flex items-center justify-center text-foreground", children: /* @__PURE__ */ e(t, { size: 14 }) })
+          title: m || /* @__PURE__ */ e(
+            d,
+            {
+              ref: n,
+              buttonType: "outlined",
+              size: l,
+              className: g(i),
+              children: /* @__PURE__ */ e("span", { className: "flex items-center justify-center text-foreground", children: /* @__PURE__ */ e(o, { size: 14 }) })
+            }
+          ),
+          asChild: !0,
+          placement: "bottom",
+          align: "end",
+          children: r?.map((t) => /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ p(
+            a,
+            {
+              href: t.url,
+              external: !0,
+              className: "flex items-center gap-2",
+              children: [
+                t.name,
+                /* @__PURE__ */ e(
+                  o,
+                  {
+                    size: 14,
+                    className: "ml-auto",
+                    style: { width: 14, height: 14 }
+                  }
+                )
+              ]
+            }
+          ) }, t.url))
         }
       ),
-      asChild: !0,
-      placement: "bottom",
-      align: "end",
-      children: o?.map((r) => /* @__PURE__ */ e(f, { asChild: !0, children: /* @__PURE__ */ s(
-        p,
-        {
-          href: r.url,
-          external: !0,
-          className: "flex items-center gap-2",
-          children: [
-            r.name,
-            /* @__PURE__ */ e(
-              t,
-              {
-                size: 14,
-                className: "ml-auto",
-                style: { width: 14, height: 14 }
-              }
-            )
-          ]
-        }
-      ) }, r.url))
+      placement: "top",
+      children: /* @__PURE__ */ e(h, { messageId: "components.openCopyButtons.explorer" })
     }
   );
 });
-x.displayName = "DetailedPageTitleExplorerDropdown";
+D.displayName = "DetailedPageTitleExplorerDropdown";
 export {
-  x as DetailedPageTitleExplorerDropdown
+  D as DetailedPageTitleExplorerDropdown
 };

package/dist/esm/components/dialog/dialog-container.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import { cva as n } from "class-variance-authority";
 import * as s from "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as p } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/dialog/dialog-content.js

@@ -3,7 +3,7 @@ import * as a from "@radix-ui/react-dialog";
 import * as d from "react";
 import { faXmark as n } from "@fortawesome/free-solid-svg-icons";
 import { FaIcon as l } from "../icons/fa-icon.js";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as m } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/dialog/dialog-description.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-dialog";
 import * as p from "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as e } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/dialog/dialog-footer.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as e } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/dialog/dialog-form.js

@@ -1,7 +1,7 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { Button as n } from "../buttons/button/button.js";
 import "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as b } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/dialog/dialog-header.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/dialog/dialog-modal-container.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { cva as f } from "class-variance-authority";
 import * as c from "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as w } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/dialog/dialog-overlay.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-dialog";
 import * as r from "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as m } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/dialog/dialog-title.js

@@ -1,7 +1,7 @@
 import { jsx as m } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-dialog";
 import * as e from "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/dropdown-menu/dropdown-menu-checkbox-item.js

@@ -3,7 +3,7 @@ import * as o from "@radix-ui/react-dropdown-menu";
 import * as d from "react";
 import { faCheck as l } from "@fortawesome/free-solid-svg-icons";
 import { FaIcon as p } from "../icons/fa-icon.js";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as f } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/dropdown-menu/dropdown-menu-content.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-dropdown-menu";
 import * as i from "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as m } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/dropdown-menu/dropdown-menu-item.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-dropdown-menu";
 import * as n from "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/dropdown-menu/dropdown-menu-label.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-dropdown-menu";
 import * as e from "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/dropdown-menu/dropdown-menu-radio-item.js

@@ -3,7 +3,7 @@ import * as o from "@radix-ui/react-dropdown-menu";
 import * as s from "react";
 import { faCircle as m } from "@fortawesome/free-solid-svg-icons";
 import { FaIcon as c } from "../icons/fa-icon.js";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as d } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/dropdown-menu/dropdown-menu-separator.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-dropdown-menu";
 import * as a from "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as i } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/dropdown-menu/dropdown-menu-shortcut.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as p } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/dropdown-menu/dropdown-menu-sub-content.js

@@ -1,7 +1,7 @@
 import { jsx as d } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-dropdown-menu";
 import * as i from "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/dropdown-menu/dropdown-menu-sub-trigger.js

@@ -2,7 +2,7 @@ import { jsxs as m, jsx as n } from "react/jsx-runtime";
 import { IconExpand as p } from "@gearbox-protocol/static";
 import * as e from "@radix-ui/react-dropdown-menu";
 import * as a from "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as c } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/edit-input/edit-input.js

@@ -6,7 +6,7 @@ import { faArrowRight as K } from "@fortawesome/free-solid-svg-icons";
 import { FaIcon as N } from "../icons/fa-icon.js";
 import { Input as L } from "../input/input.js";
 import { TextButton as M } from "../text-button/text-button.js";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as f } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/error-message/error-line-message.js

@@ -1,6 +1,6 @@
 import { jsxs as r } from "react/jsx-runtime";
 import "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as e } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/error-message/error-message.js

@@ -4,7 +4,7 @@ import { Button as a } from "../buttons/button/button.js";
 import { DialogContainer as l } from "../dialog/dialog-container.js";
 import { FormattedMessageTyped as d } from "../typed-intl/index.js";
 import "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as n } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/fadeout-loading/fadeout-loading.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import * as s from "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as n } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/filter/filter-block.js

@@ -1,6 +1,6 @@
 import { jsx as p } from "react/jsx-runtime";
 import * as s from "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as l } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/filter/filter-checkbox-item.js

@@ -3,7 +3,7 @@ import * as t from "@radix-ui/react-dropdown-menu";
 import * as c from "react";
 import { faCheck as n } from "@fortawesome/free-solid-svg-icons";
 import { FaIcon as l } from "../icons/fa-icon.js";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as d } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/filter/filter-chip.js

@@ -1,9 +1,10 @@
 import { jsx as r, jsxs as c } from "react/jsx-runtime";
 import * as m from "react";
 import { Badge as s } from "../badge/badge.js";
+import "../badge/chip.js";
 import { faXmark as f } from "@fortawesome/free-solid-svg-icons";
 import { FaIcon as l } from "../icons/fa-icon.js";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as u } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/filter/filter-chips.js

@@ -1,6 +1,6 @@
 import { jsxs as l, jsx as i } from "react/jsx-runtime";
 import * as d from "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as s } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/filter/filter-dropdown-item.js

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as r } from "react/jsx-runtime";
 import * as d from "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as u } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/filter/filter-group.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-dropdown-menu";
 import * as t from "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/filter/filter-label.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-dropdown-menu";
 import * as e from "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as a } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/filter/filter-modal-item.js

@@ -1,6 +1,6 @@
 import { jsxs as d, jsx as n } from "react/jsx-runtime";
 import * as x from "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as g } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/filter/filter-modal.js

@@ -6,7 +6,7 @@ import "../buttons/copy-button/copy-button.js";
 import "../buttons/external-button/external-button.js";
 import "../buttons/filter-button/filter-button.js";
 import "../buttons/navigation-button/navigation-button.js";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as D } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/filter/filter-radio-item.js

@@ -3,7 +3,7 @@ import * as t from "@radix-ui/react-dropdown-menu";
 import * as m from "react";
 import { faCircle as n } from "@fortawesome/free-solid-svg-icons";
 import { FaIcon as c } from "../icons/fa-icon.js";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as l } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/filter/filter-separator.js

@@ -1,7 +1,7 @@
 import { jsx as p } from "react/jsx-runtime";
 import * as r from "@radix-ui/react-dropdown-menu";
 import * as a from "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as i } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/formatted-number/formatted-number.js

@@ -2,7 +2,7 @@ import { jsx as n, jsxs as i, Fragment as o } from "react/jsx-runtime";
 import { SimpleTooltip as g } from "../tooltip/simple-tooltip.js";
 import "../tooltip/tooltip.js";
 import "react";
-import "@gearbox-protocol/sdk";
+import "@gearbox-protocol/sdk/onchain";
 import { cn as u } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk/common-utils";

package/dist/esm/components/graph/default-config.js

@@ -1,20 +1,22 @@
 import { resolveCSSColor as o } from "../../utils/colors.js";
-const e = {
+const l = {
   topColor: "rgba(76, 175, 80, 0.56)",
   bottomColor: "rgba(76, 175, 80, 0.04)",
   lineColor: "#02c39a",
-  lineWidth: 2
-}, i = {
+  lineWidth: 2,
+  lastValueVisible: !1,
+  priceLineVisible: !1
+}, b = {
   showLabel: !0,
   color: "#02c39a",
   labelBackgroundColor: "#02c39a",
   width: 2
-};
-function t() {
+}, t = 'Rubik, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', e = 14, i = 5, n = Math.ceil(e / 2) + 2, c = e + 6, u = 40;
+function g() {
   const r = o(
-    "hsl(var(--foreground))",
-    "rgb(0, 0, 0)"
-  );
+    "hsl(var(--muted-foreground))",
+    "rgb(163, 163, 163)"
+  ), a = o("hsl(var(--card))", "rgb(24, 24, 24)");
   return {
     timeScale: {
       borderVisible: !0,
@@ -26,6 +28,16 @@ function t() {
       // and legend appears). Avoids range shrinking to a few days.
       lockVisibleTimeRangeOnResize: !0
     },
+    leftPriceScale: {
+      visible: !1,
+      autoScale: !0,
+      alignLabels: !0,
+      borderVisible: !0,
+      borderColor: "rgba(224, 227, 235, 0.1)",
+      entireTextOnly: !1,
+      tickMarkDensity: i,
+      textColor: r
+    },
     rightPriceScale: {
       visible: !0,
       autoScale: !0,
@@ -33,14 +45,16 @@ function t() {
       borderVisible: !0,
       borderColor: "rgba(224, 227, 235, 0.1)",
       entireTextOnly: !1,
+      tickMarkDensity: i,
       textColor: r
     },
     layout: {
       background: {
-        color: "transparent"
+        color: a
       },
       textColor: r,
-      fontSize: 14
+      fontSize: e,
+      fontFamily: t
     },
     crosshair: {
       horzLine: {
@@ -66,23 +80,25 @@ function t() {
     }
   };
 }
-function a() {
+function f() {
   return {
     topColor: "rgba(76, 175, 80, 0.56)",
     bottomColor: "rgba(76, 175, 80, 0.04)",
-    lineColor: e.lineColor,
-    lineWidth: 2
+    lineColor: l.lineColor,
+    lineWidth: 2,
+    lastValueVisible: !1,
+    priceLineVisible: !1
   };
 }
-function s() {
+function d() {
   return {
     showLabel: !0,
-    color: e.lineColor,
-    labelBackgroundColor: e.lineColor,
+    color: l.lineColor,
+    labelBackgroundColor: l.lineColor,
     width: 2
   };
 }
-const b = {
+const L = {
   timeScale: {
     borderVisible: !0,
     borderColor: "rgba(224, 227, 235, 0.1)",
@@ -102,8 +118,9 @@ const b = {
     background: {
       color: "transparent"
     },
-    textColor: "rgb(0, 0, 0)",
-    fontSize: 14
+    textColor: "rgb(163, 163, 163)",
+    fontSize: e,
+    fontFamily: t
   },
   crosshair: {
     horzLine: {
@@ -129,10 +146,15 @@ const b = {
   }
 };
 export {
-  e as DEFAULT_AREA_SERIES,
-  b as DEFAULT_OPTIONS,
-  i as DEFAULT_VERTICAL_LINE,
-  t as getDefaultOptions,
-  a as getDefaultSeries,
-  s as getDefaultVerticalLine
+  n as AXIS_EDGE_LABEL_PADDING_PX,
+  e as AXIS_FONT_SIZE,
+  i as AXIS_TICK_MARK_DENSITY,
+  u as AXIS_TIME_EDGE_PADDING_PX,
+  c as AXIS_TOP_LABEL_PADDING_PX,
+  l as DEFAULT_AREA_SERIES,
+  L as DEFAULT_OPTIONS,
+  b as DEFAULT_VERTICAL_LINE,
+  g as getDefaultOptions,
+  f as getDefaultSeries,
+  d as getDefaultVerticalLine
 };