@gearbox-protocol/ui-kit 4.0.0-next.48 → 4.0.0-next.49

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

@@ -1,9 +1,7 @@
 import { jsx as e, jsxs as i } from "react/jsx-runtime";
 import { Button as m } from "../buttons/button/button.js";
-import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as b } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 import { Dialog as g } from "./dialog.js";
@@ -11,7 +9,7 @@ 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 I({
+function E({
   title: c,
   isFormValid: s,
   isLoading: l,
@@ -62,5 +60,5 @@ function I({
   ) });
 }
 export {
-  I as DialogForm
+  E as DialogForm
 };

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

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

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

@@ -3,7 +3,6 @@ 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 "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 import { Modal as g } from "../modal/modal.js";
@@ -19,7 +18,7 @@ const u = f("", {
   defaultVariants: {
     width: "default"
   }
-}), x = c.forwardRef(({ show: a, onClickOutside: r, modal: i, dialog: t, children: m }, l) => {
+}), x = c.forwardRef(({ show: a, onClickOutside: r, modal: i, dialog: t, children: l }, m) => {
   const {
     className: d,
     colorTheme: e = "modal",
@@ -30,7 +29,7 @@ const u = f("", {
   return /* @__PURE__ */ o(g, { ...i, show: a, onClickOutside: r, children: /* @__PURE__ */ o(
     h,
     {
-      ref: l,
+      ref: m,
       className: w(
         "w-full sm:w-[440px] min-h-screen sm:min-h-0",
         u({ width: s }),
@@ -39,7 +38,7 @@ const u = f("", {
       colorTheme: e,
       padding: n,
       ...p,
-      children: m
+      children: l
     }
   ) });
 });

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

@@ -3,10 +3,9 @@ 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 "sonner";
 import "luxon";
 import { Z_INDEX as s } from "../../utils/z-index.js";
-const p = r.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ i(
+const d = r.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ i(
   a.Overlay,
   {
     ref: o,
@@ -18,7 +17,7 @@ const p = r.forwardRef(({ className: t, ...e }, o) => /* @__PURE__ */ i(
     ...e
   }
 ));
-p.displayName = a.Overlay.displayName;
+d.displayName = a.Overlay.displayName;
 export {
-  p as DialogOverlay
+  d as DialogOverlay
 };

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

@@ -3,10 +3,9 @@ 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 "sonner";
 import "luxon";
 import "../../utils/z-index.js";
-const p = e.forwardRef(({ className: t, ...i }, r) => /* @__PURE__ */ m(
+const l = e.forwardRef(({ className: t, ...i }, r) => /* @__PURE__ */ m(
   o.Title,
   {
     ref: r,
@@ -14,7 +13,7 @@ const p = e.forwardRef(({ className: t, ...i }, r) => /* @__PURE__ */ m(
     ...i
   }
 ));
-p.displayName = o.Title.displayName;
+l.displayName = o.Title.displayName;
 export {
-  p as DialogTitle
+  l as DialogTitle
 };

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

@@ -3,13 +3,12 @@ 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 "sonner";
 import "luxon";
 import { Z_INDEX as m } from "../../utils/z-index.js";
-const s = i.forwardRef(({ className: e, sideOffset: a = 4, ...r }, d) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
+const s = i.forwardRef(({ className: e, sideOffset: a = 4, ...d }, r) => /* @__PURE__ */ t(o.Portal, { children: /* @__PURE__ */ t(
   o.Content,
   {
-    ref: d,
+    ref: r,
     sideOffset: a,
     className: n(
       m.DROPDOWN,
@@ -17,7 +16,7 @@ const s = i.forwardRef(({ className: e, sideOffset: a = 4, ...r }, d) => /* @__P
       "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",
       e
     ),
-    ...r
+    ...d
   }
 ) }));
 s.displayName = o.Content.displayName;

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

@@ -1,24 +1,23 @@
-import { jsx as i } from "react/jsx-runtime";
-import * as o from "@radix-ui/react-dropdown-menu";
-import * as n from "react";
+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 "sonner";
 import "luxon";
 import "../../utils/z-index.js";
-const m = n.forwardRef(({ className: e, inset: r, ...t }, s) => /* @__PURE__ */ i(
-  o.Item,
+const d = i.forwardRef(({ className: o, inset: r, ...t }, s) => /* @__PURE__ */ n(
+  e.Item,
   {
     ref: s,
     className: a(
       "relative flex cursor-pointer select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-none transition-colors hover:text-foreground hover:bg-secondary focus-visible:outline-none focus:bg-secondary focus:text-foreground data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&>svg]:size-3! [&>svg]:shrink-0",
       r && "pl-8",
-      e
+      o
     ),
     ...t
   }
 ));
-m.displayName = o.Item.displayName;
+d.displayName = e.Item.displayName;
 export {
-  m as DropdownMenuItem
+  d as DropdownMenuItem
 };

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

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

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

@@ -1,16 +1,13 @@
-import { jsx as p } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import * as o from "@radix-ui/react-dropdown-menu";
-const e = ({
+const t = ({
   modal: r = !1,
   ...n
-}) => /* @__PURE__ */ p(o.Root, { modal: r, ...n });
-e.displayName = "DropdownMenu";
-const t = o.Trigger, d = o.Group, i = o.Portal, s = o.Sub, a = o.RadioGroup;
+}) => /* @__PURE__ */ e(o.Root, { modal: r, ...n });
+t.displayName = "DropdownMenu";
+const i = o.Trigger, s = o.Portal;
 export {
-  e as DropdownMenu,
-  d as DropdownMenuGroup,
-  i as DropdownMenuPortal,
-  a as DropdownMenuRadioGroup,
-  s as DropdownMenuSub,
-  t as DropdownMenuTrigger
+  t as DropdownMenu,
+  s as DropdownMenuPortal,
+  i as DropdownMenuTrigger
 };

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

@@ -1,27 +1,12 @@
-import { DropdownMenu as e, DropdownMenuGroup as n, DropdownMenuPortal as p, DropdownMenuRadioGroup as t, DropdownMenuSub as u, DropdownMenuTrigger as d } from "./dropdown-menu.js";
-import { DropdownMenuCheckboxItem as D } from "./dropdown-menu-checkbox-item.js";
-import { DropdownMenuContent as m } from "./dropdown-menu-content.js";
-import { DropdownMenuItem as f } from "./dropdown-menu-item.js";
-import { DropdownMenuLabel as b } from "./dropdown-menu-label.js";
-import { DropdownMenuRadioItem as g } from "./dropdown-menu-radio-item.js";
-import { DropdownMenuSeparator as C } from "./dropdown-menu-separator.js";
-import { DropdownMenuShortcut as c } from "./dropdown-menu-shortcut.js";
-import { DropdownMenuSubContent as l } from "./dropdown-menu-sub-content.js";
-import { DropdownMenuSubTrigger as R } from "./dropdown-menu-sub-trigger.js";
+import { DropdownMenu as e, DropdownMenuPortal as n, DropdownMenuTrigger as p } from "./dropdown-menu.js";
+import { DropdownMenuContent as d } from "./dropdown-menu-content.js";
+import { DropdownMenuItem as w } from "./dropdown-menu-item.js";
+import { DropdownMenuLabel as M } from "./dropdown-menu-label.js";
 export {
   e as DropdownMenu,
-  D as DropdownMenuCheckboxItem,
-  m as DropdownMenuContent,
-  n as DropdownMenuGroup,
-  f as DropdownMenuItem,
-  b as DropdownMenuLabel,
-  p as DropdownMenuPortal,
-  t as DropdownMenuRadioGroup,
-  g as DropdownMenuRadioItem,
-  C as DropdownMenuSeparator,
-  c as DropdownMenuShortcut,
-  u as DropdownMenuSub,
-  l as DropdownMenuSubContent,
-  R as DropdownMenuSubTrigger,
-  d as DropdownMenuTrigger
+  d as DropdownMenuContent,
+  w as DropdownMenuItem,
+  M as DropdownMenuLabel,
+  n as DropdownMenuPortal,
+  p as DropdownMenuTrigger
 };

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

@@ -1,17 +1,16 @@
 import { jsx as t } from "react/jsx-runtime";
-import { IconEditPen as z } from "@gearbox-protocol/static";
-import { cva as D } from "class-variance-authority";
+import { faArrowRight as z } from "@fortawesome/free-solid-svg-icons";
+import { IconEditPen as D } from "@gearbox-protocol/static";
+import { cva as K } from "class-variance-authority";
 import * as r from "react";
-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/onchain";
 import { cn as f } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
-const S = D("", {
+const S = K("", {
   variants: {
     labelHeight: {
       xs: "h-auto",
@@ -29,7 +28,7 @@ const S = D("", {
   md: "default",
   lg: "lg"
 };
-function X({
+function W({
   label: c,
   value: m,
   onChange: d,
@@ -88,7 +87,7 @@ function X({
           endingIcon: /* @__PURE__ */ t(
             N,
             {
-              icon: K,
+              icon: z,
               className: "size-[18px] text-primary",
               "aria-hidden": !0
             }
@@ -110,7 +109,7 @@ function X({
         M,
         {
           ...h,
-          icon: /* @__PURE__ */ t(z, { size: 12, className: "mb-[3px] shrink-0", "aria-hidden": !0 }),
+          icon: /* @__PURE__ */ t(D, { size: 12, className: "mb-[3px] shrink-0", "aria-hidden": !0 }),
           tabIndex: -1,
           onClick: j,
           children: c
@@ -120,5 +119,5 @@ function X({
   );
 }
 export {
-  X as EditInput
+  W as EditInput
 };

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

@@ -1,24 +1,22 @@
 import { jsxs as r } from "react/jsx-runtime";
-import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as i } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
-function f({
-  err: t,
-  title: o,
-  className: e
+function a({
+  err: e,
+  title: t,
+  className: o
 }) {
-  return /* @__PURE__ */ r("div", { className: i("text-destructive", e), children: [
+  return /* @__PURE__ */ r("div", { className: i("text-destructive", o), children: [
     /* @__PURE__ */ r("strong", { children: [
-      o ?? "Error",
+      t ?? "Error",
       ":"
     ] }),
     " ",
-    t.message
+    e.message
   ] });
 }
 export {
-  f as ErrorLineMessage
+  a as ErrorLineMessage
 };

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

@@ -1,6 +1,4 @@
 import { ErrorLineMessage as o } from "./error-line-message.js";
-import { ErrorMessage as a } from "./error-message.js";
 export {
-  o as ErrorLineMessage,
-  a as ErrorMessage
+  o as ErrorLineMessage
 };

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

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

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

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

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

@@ -1,22 +1,17 @@
 import { resolveCSSColor as o } from "../../utils/colors.js";
-const l = {
+const r = {
   topColor: "rgba(76, 175, 80, 0.56)",
   bottomColor: "rgba(76, 175, 80, 0.04)",
   lineColor: "#02c39a",
   lineWidth: 2,
   lastValueVisible: !1,
   priceLineVisible: !1
-}, b = {
-  showLabel: !0,
-  color: "#02c39a",
-  labelBackgroundColor: "#02c39a",
-  width: 2
-}, 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(
+}, a = 'Rubik, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif', l = 14, t = 5, n = Math.ceil(l / 2) + 2, b = l + 6, c = 40;
+function u() {
+  const e = o(
     "hsl(var(--muted-foreground))",
     "rgb(163, 163, 163)"
-  ), a = o("hsl(var(--card))", "rgb(24, 24, 24)");
+  ), i = o("hsl(var(--card))", "rgb(24, 24, 24)");
   return {
     timeScale: {
       borderVisible: !0,
@@ -35,8 +30,8 @@ function g() {
       borderVisible: !0,
       borderColor: "rgba(224, 227, 235, 0.1)",
       entireTextOnly: !1,
-      tickMarkDensity: i,
-      textColor: r
+      tickMarkDensity: t,
+      textColor: e
     },
     rightPriceScale: {
       visible: !0,
@@ -45,16 +40,16 @@ function g() {
       borderVisible: !0,
       borderColor: "rgba(224, 227, 235, 0.1)",
       entireTextOnly: !1,
-      tickMarkDensity: i,
-      textColor: r
+      tickMarkDensity: t,
+      textColor: e
     },
     layout: {
       background: {
-        color: a
+        color: i
       },
-      textColor: r,
-      fontSize: e,
-      fontFamily: t
+      textColor: e,
+      fontSize: l,
+      fontFamily: a
     },
     crosshair: {
       horzLine: {
@@ -84,77 +79,28 @@ function f() {
   return {
     topColor: "rgba(76, 175, 80, 0.56)",
     bottomColor: "rgba(76, 175, 80, 0.04)",
-    lineColor: l.lineColor,
+    lineColor: r.lineColor,
     lineWidth: 2,
     lastValueVisible: !1,
     priceLineVisible: !1
   };
 }
-function d() {
+function g() {
   return {
     showLabel: !0,
-    color: l.lineColor,
-    labelBackgroundColor: l.lineColor,
+    color: r.lineColor,
+    labelBackgroundColor: r.lineColor,
     width: 2
   };
 }
-const L = {
-  timeScale: {
-    borderVisible: !0,
-    borderColor: "rgba(224, 227, 235, 0.1)",
-    visible: !0,
-    fixLeftEdge: !0,
-    fixRightEdge: !0
-  },
-  rightPriceScale: {
-    visible: !0,
-    autoScale: !0,
-    alignLabels: !0,
-    borderVisible: !0,
-    borderColor: "rgba(224, 227, 235, 0.1)",
-    entireTextOnly: !1
-  },
-  layout: {
-    background: {
-      color: "transparent"
-    },
-    textColor: "rgb(163, 163, 163)",
-    fontSize: e,
-    fontFamily: t
-  },
-  crosshair: {
-    horzLine: {
-      width: 2,
-      color: "rgba(224, 227, 235, 0.1)",
-      style: 0,
-      labelVisible: !1
-    },
-    vertLine: {
-      width: 2,
-      color: "rgba(224, 227, 235, 0.1)",
-      style: 0,
-      labelVisible: !1
-    }
-  },
-  grid: {
-    vertLines: {
-      visible: !1
-    },
-    horzLines: {
-      visible: !1
-    }
-  }
-};
 export {
   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,
+  l as AXIS_FONT_SIZE,
+  t as AXIS_TICK_MARK_DENSITY,
+  c as AXIS_TIME_EDGE_PADDING_PX,
+  b as AXIS_TOP_LABEL_PADDING_PX,
+  r as DEFAULT_AREA_SERIES,
+  u as getDefaultOptions,
   f as getDefaultSeries,
-  d as getDefaultVerticalLine
+  g as getDefaultVerticalLine
 };