@gearbox-protocol/ui-kit 4.0.0-next.60 → 4.0.0-next.62

package/dist/esm/components/confirm-menu/confirm-menu.js

@@ -3,18 +3,17 @@ import { faXmark as s } from "@fortawesome/free-solid-svg-icons";
 import * as t from "react";
 import { IconButton as c } from "../icon-button/icon-button.js";
 import { FaIcon as f } from "../icons/fa-icon.js";
-import "@gearbox-protocol/sdk/onchain";
 import { cn as l } from "../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
 const p = t.forwardRef(
-  ({ title: m, titleAddon: i, onClose: e, className: o }, a) => /* @__PURE__ */ n(
+  ({ title: a, titleAddon: i, onClose: e, className: m }, o) => /* @__PURE__ */ n(
     "div",
     {
-      ref: a,
+      ref: o,
       className: l(
         "flex flex-nowrap items-center w-full max-w-full shrink-0 basis-full",
-        o
+        m
       ),
       children: [
         /* @__PURE__ */ n("div", { className: "flex min-w-0 grow shrink-0 basis-[0%] flex-nowrap items-center gap-2", children: [
@@ -25,7 +24,7 @@ const p = t.forwardRef(
                 "font-normal min-h-[min-content]",
                 "text-[21px] leading-[25px]"
               ),
-              children: m
+              children: a
             }
           ),
           i ? /* @__PURE__ */ r("div", { className: "shrink-0", children: i }) : null

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

@@ -9,9 +9,8 @@ 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 "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
 const D = s.forwardRef(function({ explorerLinks: r, className: i, title: m }, n) {
   const l = x() ? 32 : 40;

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

@@ -1,11 +1,10 @@
-import { jsx as n } from "react/jsx-runtime";
-import { cva as s } from "class-variance-authority";
+import { jsx as t } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
 import * as i from "react";
+import { cn as x } from "../../utils/cn.js";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as p } from "../../utils/cn.js";
-import "luxon";
 import "../../utils/z-index.js";
-const x = s("", {
+const s = n("", {
   variants: {
     padding: {
       md: "p-5",
@@ -15,7 +14,6 @@ const x = s("", {
     },
     colorTheme: {
       box: "bg-card border border-gray-10",
-      transparent: "bg-transparent border border-border",
       modal: "bg-modal border border-gray-10 shadow-[0_4px_28px_4px_rgba(0,0,0,0.15)]",
       default: "bg-card border border-border"
     },
@@ -26,10 +24,6 @@ const x = s("", {
       xl: "max-w-screen-xl",
       "2xl": "max-w-screen-2xl",
       full: "max-w-full"
-    },
-    sticky: {
-      true: "sticky top-5 z-[1]",
-      false: ""
     }
   },
   defaultVariants: {
@@ -37,31 +31,30 @@ const x = s("", {
     colorTheme: "default",
     maxWidth: "full"
   }
-}), f = i.forwardRef(
+}), p = i.forwardRef(
   ({
     maxWidth: r = "full",
     padding: a = !0,
     colorTheme: e = "default",
-    sticky: o = !1,
-    className: d,
-    children: l,
-    ...t
-  }, m) => /* @__PURE__ */ n(
+    className: o,
+    children: d,
+    ...l
+  }, m) => /* @__PURE__ */ t(
     "div",
     {
       ref: m,
-      className: p(
+      className: x(
         "w-full",
         "rounded-[10px] md:rounded-2xl",
-        x({ padding: a, colorTheme: e, maxWidth: r, sticky: o }),
-        d
+        s({ padding: a, colorTheme: e, maxWidth: r }),
+        o
       ),
-      ...t,
-      children: l
+      ...l,
+      children: d
     }
   )
 );
-f.displayName = "DialogContainer";
+p.displayName = "DialogContainer";
 export {
-  f as DialogContainer
+  p as DialogContainer
 };

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

@@ -1,20 +1,19 @@
 import { jsxs as t, jsx as o } from "react/jsx-runtime";
-import { faXmark as d } from "@fortawesome/free-solid-svg-icons";
+import { faXmark as i } from "@fortawesome/free-solid-svg-icons";
 import * as a from "@radix-ui/react-dialog";
 import * as n from "react";
 import { FaIcon as l } from "../icons/fa-icon.js";
-import "@gearbox-protocol/sdk/onchain";
 import { cn as m } from "../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import { Z_INDEX as p } from "../../utils/z-index.js";
-import { DialogPortal as c } from "./dialog.js";
-import { DialogOverlay as f } from "./dialog-overlay.js";
-const u = n.forwardRef(({ className: e, children: r, ...s }, i) => /* @__PURE__ */ t(c, { children: [
-  /* @__PURE__ */ o(f, {}),
+import { DialogOverlay as c } from "./dialog-overlay.js";
+import { DialogPortal as f } from "./dialog-portal.js";
+const u = n.forwardRef(({ className: e, children: r, ...s }, d) => /* @__PURE__ */ t(f, { children: [
+  /* @__PURE__ */ o(c, {}),
   /* @__PURE__ */ t(
     a.Content,
     {
-      ref: i,
+      ref: d,
       className: m(
         p.MODAL,
         "fixed left-[50%] top-[50%] grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border border-border bg-card p-6 shadow-lg duration-200 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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[-10%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[-10%] rounded-lg",
@@ -24,7 +23,7 @@ const u = n.forwardRef(({ className: e, children: r, ...s }, i) => /* @__PURE__
       children: [
         r,
         /* @__PURE__ */ t(a.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none disabled:cursor-not-allowed disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground cursor-pointer hover:text-foreground", children: [
-          /* @__PURE__ */ o(l, { icon: d, className: "size-4" }),
+          /* @__PURE__ */ o(l, { icon: i, className: "size-4" }),
           /* @__PURE__ */ o("span", { className: "sr-only", children: "Close" })
         ] })
       ]

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

@@ -1,19 +1,18 @@
 import { jsx as m } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-dialog";
 import * as e from "react";
+import { cn as a } from "../../utils/cn.js";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as p } from "../../utils/cn.js";
-import "luxon";
 import "../../utils/z-index.js";
-const a = e.forwardRef(({ className: i, ...r }, t) => /* @__PURE__ */ m(
+const p = e.forwardRef(({ className: i, ...r }, t) => /* @__PURE__ */ m(
   o.Description,
   {
     ref: t,
-    className: p("text-sm text-muted-foreground", i),
+    className: a("text-sm text-muted-foreground", i),
     ...r
   }
 ));
-a.displayName = o.Description.displayName;
+p.displayName = o.Description.displayName;
 export {
-  a as DialogDescription
+  p as DialogDescription
 };

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

@@ -1,7 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import "@gearbox-protocol/sdk/onchain";
 import { cn as m } from "../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
 const s = ({
   className: o,

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

@@ -1,15 +1,14 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { Button as m } from "../buttons/button/button.js";
-import "@gearbox-protocol/sdk/onchain";
 import { cn as b } from "../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
 import { Dialog as g } from "./dialog.js";
 import { DialogContent as v } from "./dialog-content.js";
 import { DialogFooter as D } from "./dialog-footer.js";
 import { DialogHeader as w } from "./dialog-header.js";
 import { DialogTitle as N } from "./dialog-title.js";
-function E({
+function z({
   title: c,
   isFormValid: s,
   isLoading: l,
@@ -60,5 +59,5 @@ function E({
   ) });
 }
 export {
-  E as DialogForm
+  z as DialogForm
 };

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

@@ -1,9 +1,8 @@
 import { jsx as o } from "react/jsx-runtime";
-import "@gearbox-protocol/sdk/onchain";
 import { cn as r } from "../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
-const m = ({
+const a = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ o(
@@ -16,7 +15,7 @@ const m = ({
     ...t
   }
 );
-m.displayName = "DialogHeader";
+a.displayName = "DialogHeader";
 export {
-  m as DialogHeader
+  a as DialogHeader
 };

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

@@ -1,9 +1,8 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import { cva as f } from "class-variance-authority";
 import * as c from "react";
-import "@gearbox-protocol/sdk/onchain";
 import { cn as w } from "../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
 import { Modal as g } from "../modal/modal.js";
 import { DialogContainer as h } from "./dialog-container.js";
@@ -18,15 +17,15 @@ const u = f("", {
   defaultVariants: {
     width: "default"
   }
-}), x = c.forwardRef(({ show: a, onClickOutside: r, modal: i, dialog: t, children: l }, m) => {
+}), x = c.forwardRef(({ show: o, onClickOutside: r, modal: i, dialog: l, children: t }, m) => {
   const {
     className: d,
     colorTheme: e = "modal",
     padding: n = "xl",
     width: s,
     ...p
-  } = t || {};
-  return /* @__PURE__ */ o(g, { ...i, show: a, onClickOutside: r, children: /* @__PURE__ */ o(
+  } = l || {};
+  return /* @__PURE__ */ a(g, { ...i, show: o, onClickOutside: r, children: /* @__PURE__ */ a(
     h,
     {
       ref: m,
@@ -38,7 +37,7 @@ const u = f("", {
       colorTheme: e,
       padding: n,
       ...p,
-      children: l
+      children: t
     }
   ) });
 });

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

@@ -1,9 +1,8 @@
 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/onchain";
 import { cn as m } from "../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import { Z_INDEX as s } from "../../utils/z-index.js";
 const d = r.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ i(
   a.Overlay,

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

@@ -0,0 +1,5 @@
+import * as o from "@radix-ui/react-dialog";
+const i = o.Portal;
+export {
+  i as DialogPortal
+};

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

@@ -1,9 +1,8 @@
 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/onchain";
 import { cn as a } from "../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
 const l = e.forwardRef(({ className: t, ...i }, r) => /* @__PURE__ */ m(
   o.Title,

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

@@ -1,7 +1,6 @@
 import * as o from "@radix-ui/react-dialog";
-const i = o.Root, r = o.Trigger, t = o.Portal;
+const i = o.Root, r = o.Trigger;
 export {
   i as Dialog,
-  t as DialogPortal,
   r as DialogTrigger
 };

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

@@ -1,28 +1,25 @@
 import { Modal as e } from "../modal/modal.js";
-import { Dialog as i, DialogPortal as t, DialogTrigger as l } from "./dialog.js";
-import { DialogContainer as D } from "./dialog-container.js";
+import { Dialog as t, DialogTrigger as a } from "./dialog.js";
+import { DialogContainer as g } from "./dialog-container.js";
 import { DialogContent as p } from "./dialog-content.js";
-import { DialogDescription as x } from "./dialog-description.js";
-import { DialogFooter as d } from "./dialog-footer.js";
-import { DialogForm as F } from "./dialog-form.js";
-import { DialogHeader as O } from "./dialog-header.js";
+import { DialogDescription as f } from "./dialog-description.js";
+import { DialogFooter as n } from "./dialog-footer.js";
+import { DialogForm as C } from "./dialog-form.js";
+import { DialogHeader as M } from "./dialog-header.js";
 import { DialogModalContainer as c } from "./dialog-modal-container.js";
-import { DialogOverlay as v } from "./dialog-overlay.js";
 import { DialogTitle as H } from "./dialog-title.js";
 import { OneFieldDialog as b } from "./one-field-dialog.js";
 export {
-  i as Dialog,
-  D as DialogContainer,
+  t as Dialog,
+  g as DialogContainer,
   p as DialogContent,
-  x as DialogDescription,
-  d as DialogFooter,
-  F as DialogForm,
-  O as DialogHeader,
+  f as DialogDescription,
+  n as DialogFooter,
+  C as DialogForm,
+  M as DialogHeader,
   c as DialogModalContainer,
-  v as DialogOverlay,
-  t as DialogPortal,
   H as DialogTitle,
-  l as DialogTrigger,
+  a as DialogTrigger,
   e as Modal,
   b as OneFieldDialog
 };

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

@@ -1,9 +1,8 @@
 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/onchain";
 import { cn as n } from "../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import { Z_INDEX as m } from "../../utils/z-index.js";
 const s = i.forwardRef(({ className: e, sideOffset: a = 4, ...d }, r) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
   o.Content,

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

@@ -1,9 +1,8 @@
 import { jsx as n } from "react/jsx-runtime";
 import * as e from "@radix-ui/react-dropdown-menu";
 import * as i from "react";
-import "@gearbox-protocol/sdk/onchain";
 import { cn as a } from "../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
 const d = i.forwardRef(({ className: o, inset: r, ...t }, s) => /* @__PURE__ */ n(
   e.Item,

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

@@ -1,20 +1,19 @@
-import { jsx as t } from "react/jsx-runtime";
+import { jsx as a } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-dropdown-menu";
-import * as a from "react";
-import "@gearbox-protocol/sdk/onchain";
+import * as t from "react";
 import { cn as i } from "../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
-const s = a.forwardRef(({ className: m, inset: r, ...p }, e) => /* @__PURE__ */ t(
+const s = t.forwardRef(({ className: m, inset: r, ...e }, p) => /* @__PURE__ */ a(
   o.Label,
   {
-    ref: e,
+    ref: p,
     className: i(
       "px-2 py-1.5 text-sm font-semibold",
       r && "pl-8",
       m
     ),
-    ...p
+    ...e
   }
 ));
 s.displayName = o.Label.displayName;

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

@@ -6,9 +6,8 @@ import * as r from "react";
 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/onchain";
 import { cn as f } from "../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
 const S = K("", {
   variants: {
@@ -28,7 +27,7 @@ const S = K("", {
   md: "default",
   lg: "lg"
 };
-function W({
+function U({
   label: c,
   value: m,
   onChange: d,
@@ -119,5 +118,5 @@ function W({
   );
 }
 export {
-  W as EditInput
+  U as EditInput
 };

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

@@ -1,9 +1,8 @@
 import { jsxs as r } from "react/jsx-runtime";
-import "@gearbox-protocol/sdk/onchain";
 import { cn as i } from "../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
-function a({
+function p({
   err: e,
   title: t,
   className: o
@@ -18,5 +17,5 @@ function a({
   ] });
 }
 export {
-  a as ErrorLineMessage
+  p as ErrorLineMessage
 };

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

@@ -1,22 +1,21 @@
-import { jsx as p } from "react/jsx-runtime";
-import * as s from "react";
-import "@gearbox-protocol/sdk/onchain";
+import { jsx as s } from "react/jsx-runtime";
+import * as p from "react";
 import { cn as n } from "../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
-const d = s.forwardRef(
-  ({ className: t, loading: o, duration: a = 100, children: r, style: i, ...m }, e) => /* @__PURE__ */ p(
+const d = p.forwardRef(
+  ({ className: a, loading: o, duration: t = 100, children: r, style: i, ...e }, m) => /* @__PURE__ */ s(
     "span",
     {
-      ref: e,
-      className: n(t),
+      ref: m,
+      className: n(a),
       style: {
         opacity: o ? 0.5 : 1,
-        transition: `opacity ${a}ms ease-in-out`,
+        transition: `opacity ${t}ms ease-in-out`,
         ...i
       },
       "data-loading": o,
-      ...m,
+      ...e,
       children: r
     }
   )

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

@@ -1,11 +1,10 @@
 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 "@gearbox-protocol/sdk/onchain";
 import { cn as u } from "../../utils/cn.js";
-import "luxon";
+import "@gearbox-protocol/sdk/onchain";
 import "../../utils/z-index.js";
-function S({
+function P({
   value: t,
   decimalPartLength: r = 4,
   hideZerosIfMore: p = 3,
@@ -52,5 +51,5 @@ function x({ zeroPart: t, repeats: r }) {
   ] });
 }
 export {
-  S as FormattedNumberString
+  P as FormattedNumberString
 };

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

@@ -1,4 +1,4 @@
-import { resolveCSSColor as o } from "../../utils/colors.js";
+import { resolveCSSColor as o } from "./colors.js";
 const r = {
   topColor: "rgba(76, 175, 80, 0.56)",
   bottomColor: "rgba(76, 175, 80, 0.04)",

package/dist/esm/components/graph/format-number.js

@@ -0,0 +1,35 @@
+function c(t, n) {
+  const r = Math.abs(t);
+  if (r >= 1) {
+    const o = 10 ** n;
+    return (Math.floor(t * o) / o).toFixed(n).replace(/\.?0+$/, "");
+  }
+  if (r > 0) {
+    const o = Math.floor(Math.log10(r)), i = Math.max(n, Math.abs(o) + n), e = Math.min(i, 10);
+    return t.toFixed(e).replace(/\.?0+$/, "");
+  }
+  return "0";
+}
+function m(t) {
+  const n = Math.abs(t);
+  return n < 1e-10 && n > 0;
+}
+const f = {
+  EPSILON: 1e-10,
+  MIN_DISPLAY_THRESHOLD: 1e-4,
+  MAX_EXPONENTIAL_THRESHOLD: 1e11
+};
+function u(t, n = 2, r = 6) {
+  if (!Number.isFinite(t)) return "∞";
+  const o = 1 / 10 ** n;
+  return t < o && t !== 0 ? t.toFixed(r).replace(/\.?0+$/, "") : t > 1 ? new Intl.NumberFormat("en-US", {
+    minimumFractionDigits: n,
+    maximumFractionDigits: n
+  }).format(t) : t.toFixed(n);
+}
+export {
+  f as FORMAT_CONSTANTS,
+  u as formatPrice,
+  m as isBelowDisplayThreshold,
+  c as toSignificantDigits
+};

package/dist/esm/components/graph/formatters.js

@@ -1,6 +1,6 @@
 import { TickMarkType as F } from "lightweight-charts";
 import { DateTime as S } from "luxon";
-import { isBelowDisplayThreshold as H, FORMAT_CONSTANTS as L, toSignificantDigits as E } from "../../utils/format-number.js";
+import { isBelowDisplayThreshold as H, FORMAT_CONSTANTS as L, toSignificantDigits as E } from "./format-number.js";
 const { MIN_DISPLAY_THRESHOLD: k } = L, R = 2, U = (t, e) => {
   if (H(t))
     return e ? `<${k}${e}` : `<${k}`;

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

@@ -2,7 +2,7 @@ import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import { useRef as k, useState as F, useEffect as S } from "react";
 import { cn as z } from "../../utils/cn.js";
 import { getXFormatter as A, isRatioUnit as B, formatExactValue as x } from "./formatters.js";
-import { getSeriesColorPalette as E } from "./graph.js";
+import { getSeriesColorPalette as E } from "./series-palette.js";
 function M({
   points: d,
   series: v,