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

package/dist/esm/components/simple-accordion/simple-accordion.js

@@ -1,16 +1,14 @@
 import { jsxs as m, jsx as o } from "react/jsx-runtime";
 import { IconExpand as N } from "@gearbox-protocol/static";
 import { AccordionTrigger as y, AccordionItem as S, AccordionContent as b, Accordion as p } from "../accordion/accordion.js";
-import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as a } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 const h = "flex-wrap text-left bg-transparent border-0 [&[data-state=open]>[data-accordion-icon]]:rotate-180";
 function u({
-  value: i,
-  title: n,
+  value: n,
+  title: i,
   description: e,
   className: c,
   hideIcon: r = !1,
@@ -29,7 +27,7 @@ function u({
         g?.(!f);
       },
       children: [
-        n,
+        i,
         !r && /* @__PURE__ */ o(
           "span",
           {
@@ -44,7 +42,7 @@ function u({
   return /* @__PURE__ */ m(
     S,
     {
-      value: i,
+      value: n,
       className: a(d && "border-b-0", c),
       children: [
         !t && s,
@@ -56,20 +54,20 @@ function u({
 }
 u.displayName = "SimpleAccordionItem";
 function x({
-  children: i,
-  className: n,
+  children: n,
+  className: i,
   type: e = "single",
   collapsible: c = !0,
   defaultValue: r
 }) {
-  const t = a("m-0 list-none p-0", n);
+  const t = a("m-0 list-none p-0", i);
   return e === "multiple" ? /* @__PURE__ */ o(
     p,
     {
       type: "multiple",
       defaultValue: Array.isArray(r) ? r : r ? [r] : void 0,
       className: t,
-      children: i
+      children: n
     }
   ) : /* @__PURE__ */ o(
     p,
@@ -78,7 +76,7 @@ function x({
       collapsible: c,
       defaultValue: typeof r == "string" ? r : r?.[0],
       className: t,
-      children: i
+      children: n
     }
   );
 }

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

@@ -1,25 +1,18 @@
 import { jsx as t } from "react/jsx-runtime";
 import * as p from "react";
 import "../dropdown-menu/dropdown-menu.js";
-import "../dropdown-menu/dropdown-menu-checkbox-item.js";
 import "../dropdown-menu/dropdown-menu-content.js";
-import { DropdownMenuItem as i } from "../dropdown-menu/dropdown-menu-item.js";
+import { DropdownMenuItem as e } from "../dropdown-menu/dropdown-menu-item.js";
 import "../dropdown-menu/dropdown-menu-label.js";
-import "../dropdown-menu/dropdown-menu-radio-item.js";
-import "../dropdown-menu/dropdown-menu-separator.js";
-import "../dropdown-menu/dropdown-menu-shortcut.js";
-import "../dropdown-menu/dropdown-menu-sub-content.js";
-import "../dropdown-menu/dropdown-menu-sub-trigger.js";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as e } from "../../utils/cn.js";
-import "sonner";
+import { cn as i } from "../../utils/cn.js";
 import "luxon";
 import "../../utils/z-index.js";
 const n = "cursor-pointer gap-0 rounded-lg px-3 py-3 text-sm font-normal leading-[17px] text-foreground hover:bg-gray-80 focus:bg-gray-80", a = p.forwardRef(({ className: o, ...r }, m) => /* @__PURE__ */ t(
-  i,
+  e,
   {
     ref: m,
-    className: e(n, o),
+    className: i(n, o),
     ...r
   }
 ));

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

@@ -1,15 +1,14 @@
-import { jsxs as R, jsx as r } from "react/jsx-runtime";
+import { jsxs as R, jsx as a } from "react/jsx-runtime";
 import * as t from "@radix-ui/react-dropdown-menu";
 import { useRef as j } from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as l } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import { Z_INDEX as y } from "../../utils/z-index.js";
 function E({
   children: f,
   title: p,
-  asChild: a = !1,
+  asChild: r = !1,
   placement: m = "bottom",
   align: u = "start",
   sideOffset: c = 4,
@@ -50,19 +49,19 @@ function E({
       } : e,
       modal: w,
       children: [
-        /* @__PURE__ */ r(
+        /* @__PURE__ */ a(
           t.Trigger,
           {
             ref: s,
-            asChild: a,
-            className: a ? void 0 : l(
+            asChild: r,
+            className: r ? void 0 : l(
               "inline-flex appearance-none border-0 bg-transparent p-0 text-inherit font-inherit cursor-pointer",
               v
             ),
             children: p
           }
         ),
-        /* @__PURE__ */ r(t.Portal, { children: /* @__PURE__ */ r(
+        /* @__PURE__ */ a(t.Portal, { children: /* @__PURE__ */ a(
           t.Content,
           {
             side: m,

package/dist/esm/components/skeleton/skeleton-stack.js

@@ -2,32 +2,31 @@ import { jsx as m } from "react/jsx-runtime";
 import { useMemo as c } from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as r } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 import { Skeleton as n } from "./skeleton.js";
-const i = {
+const l = {
   sm: "space-y-2",
   md: "space-y-3",
   lg: "space-y-4"
 };
-function S({
+function h({
   lines: o = 5,
   className: t,
   gap: e = "md"
 }) {
-  const p = c(
+  const s = c(
     () => Array.from({ length: o }, () => crypto.randomUUID()),
     [o]
   );
-  return /* @__PURE__ */ m("div", { className: r(i[e], t), children: p.map((s, a) => /* @__PURE__ */ m(
+  return /* @__PURE__ */ m("div", { className: r(l[e], t), children: s.map((p, a) => /* @__PURE__ */ m(
     n,
     {
       className: r("h-4 w-full", a === o - 1 && "w-3/4")
     },
-    s
+    p
   )) });
 }
 export {
-  S as SkeletonStack
+  h as SkeletonStack
 };

package/dist/esm/components/skeleton/skeleton.js

@@ -1,12 +1,10 @@
-import { jsx as a, Fragment as p } from "react/jsx-runtime";
-import { cva as f } from "class-variance-authority";
-import "react";
+import { jsx as a, Fragment as f } from "react/jsx-runtime";
+import { cva as p } from "class-variance-authority";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as w } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
-const c = f("animate-pulse rounded-md bg-muted", {
+const c = p("animate-pulse rounded-md bg-muted", {
   variants: {
     variant: {
       default: "",
@@ -50,21 +48,21 @@ const c = f("animate-pulse rounded-md bg-muted", {
     height: "md"
   }
 });
-function $({
+function S({
   className: s,
   variant: l,
   speed: n,
   width: t,
   height: e,
-  loading: m = !0,
+  loading: d = !0,
   children: i,
-  style: d,
+  style: m,
   ...h
 }) {
-  if (!m && i !== void 0)
-    return /* @__PURE__ */ a(p, { children: i });
+  if (!d && i !== void 0)
+    return /* @__PURE__ */ a(f, { children: i });
   const r = typeof t == "number", o = typeof e == "number", u = {
-    ...d,
+    ...m,
     ...r && { width: `${t}px` },
     ...o && { height: `${e}px` }
   };
@@ -86,6 +84,6 @@ function $({
   );
 }
 export {
-  $ as Skeleton,
+  S as Skeleton,
   c as skeletonVariants
 };

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

@@ -1,31 +1,29 @@
 import { SliderTest as o } from "./constants.js";
 import { Slider as i } from "./slider.js";
-import { SliderProvider as l, useSliderContext as m } from "./slider-context.js";
-import { SliderMark as d } from "./slider-mark.js";
+import { SliderProvider as a, useSliderContext as s } from "./slider-context.js";
+import { SliderMark as f } from "./slider-mark.js";
 import { SliderTrack as n } from "./slider-track.js";
 import { makeMarkerPoints as x, resolveSnap as M, validateMarkerPoints as S } from "./slider-utils.js";
-import { THEME_COLOR_MAP as T, THUMB_HALF as k, THUMB_SIZE as u, getIntervalBounds as P, getThumbInBoundsOffset as c, resolveColor as B } from "./types.js";
-import { decimalsToStep as H, findClosestPoint as I, formatWithDecimals as _, formatWithoutDecimals as h, splitInterval as E, validateMinMax as O } from "../../utils/math.js";
+import { THEME_COLOR_MAP as T, THUMB_HALF as k, THUMB_SIZE as u, getIntervalBounds as P, getThumbInBoundsOffset as B, resolveColor as C } from "./types.js";
+import { findClosestPoint as I, formatWithoutDecimals as _, splitInterval as E, validateMinMax as O } from "../../utils/math.js";
 export {
   i as Slider,
-  d as SliderMark,
-  l as SliderProvider,
+  f as SliderMark,
+  a as SliderProvider,
   o as SliderTest,
   n as SliderTrack,
   T as THEME_COLOR_MAP,
   k as THUMB_HALF,
   u as THUMB_SIZE,
-  H as decimalsToStep,
   I as findClosestPoint,
-  _ as formatWithDecimals,
-  h as formatWithoutDecimals,
+  _ as formatWithoutDecimals,
   P as getIntervalBounds,
-  c as getThumbInBoundsOffset,
+  B as getThumbInBoundsOffset,
   x as makeMarkerPoints,
-  B as resolveColor,
+  C as resolveColor,
   M as resolveSnap,
   E as splitInterval,
-  m as useSliderContext,
+  s as useSliderContext,
   S as validateMarkerPoints,
   O as validateMinMax
 };

package/dist/esm/components/slider/slider-utils.js

@@ -1,30 +1,30 @@
-import { splitInterval as h, findClosestPoint as M, formatWithoutDecimals as m } from "../../utils/math.js";
-import { decimalsToStep as g, formatWithDecimals as D, validateMinMax as P } from "../../utils/math.js";
-function k(t, e, s) {
+import { splitInterval as h, findClosestPoint as M, formatWithoutDecimals as d } from "../../utils/math.js";
+import { validateMinMax as l } from "../../utils/math.js";
+function k(t, e, r) {
   if (t.length === 0) return t;
-  const o = t.length - 1, r = {
+  const o = t.length - 1, s = {
     point: Math.max(t[0].point, e),
     type: t[0].type
   }, c = {
-    point: Math.min(t[o].point, s),
+    point: Math.min(t[o].point, r),
     type: t[o].type
-  }, p = t.slice(1, o).reduce((i, n) => (n.point !== r.point && n.point !== c.point && (i[n.point] = n), i), {});
-  return [r, ...Object.values(p), c];
+  }, p = t.slice(1, o).reduce((i, n) => (n.point !== s.point && n.point !== c.point && (i[n.point] = n), i), {});
+  return [s, ...Object.values(p), c];
 }
-function u(t, e, s, o, r) {
-  const c = m(t, s, 1), i = h(c, e, r).map(
+function y(t, e, r, o, s) {
+  const c = d(t, r, 1), i = h(c, e, s).map(
     (n) => ({
-      point: m(n, s, o),
+      point: d(n, r, o),
       type: "base"
     })
   );
   return k(i, t, e);
 }
-function y(t, { snapPoints: e, intervals: s, epsilon: o, decimals: r }) {
+function x(t, { snapPoints: e, intervals: r, epsilon: o, decimals: s }) {
   const { minDistance: c, minPoint: p } = M(
     t,
     [...e],
-    r
+    s
   );
   if (c >= o)
     return t;
@@ -33,17 +33,15 @@ function y(t, { snapPoints: e, intervals: s, epsilon: o, decimals: r }) {
     const f = Math.abs(a - t);
     f < n && (i = a, n = f);
   }
-  const d = s?.some((a) => p >= a.start && p <= a.end);
-  return i !== void 0 && !d ? i : p;
+  const m = r?.some((a) => p >= a.start && p <= a.end);
+  return i !== void 0 && !m ? i : p;
 }
 export {
-  g as decimalsToStep,
   M as findClosestPoint,
-  D as formatWithDecimals,
-  m as formatWithoutDecimals,
-  u as makeMarkerPoints,
-  y as resolveSnap,
+  d as formatWithoutDecimals,
+  y as makeMarkerPoints,
+  x as resolveSnap,
   h as splitInterval,
   k as validateMarkerPoints,
-  P as validateMinMax
+  l as validateMinMax
 };

package/dist/esm/components/slider/slider.js

@@ -4,7 +4,6 @@ import * as P from "@radix-ui/react-slider";
 import * as H from "react";
 import { useMemo as m, useRef as w, useCallback as J, useState as K, useLayoutEffect as Q } from "react";
 import { cn as y } from "../../utils/cn.js";
-import "sonner";
 import { validateMinMax as X } from "../../utils/math.js";
 import "luxon";
 import "../../utils/z-index.js";

package/dist/esm/components/spinner/spinner.js

@@ -3,7 +3,6 @@ import { IconPending as c } from "@gearbox-protocol/static";
 import * as i from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as a } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import { Z_INDEX as d } from "../../utils/z-index.js";
 const m = i.forwardRef(

package/dist/esm/components/spinner-loader/spinner-loader.js

@@ -1,12 +1,11 @@
-import { jsx as m } from "react/jsx-runtime";
-import * as d from "react";
+import { jsx as d } from "react/jsx-runtime";
+import * as m from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as p } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
-const s = d.forwardRef(
-  ({ size: r = 40, speed: o = "1s", width: i = 4, className: e, style: t, ...a }, n) => /* @__PURE__ */ m(
+const s = m.forwardRef(
+  ({ size: r = 40, speed: o = "1s", width: i = 4, className: e, style: a, ...t }, n) => /* @__PURE__ */ d(
     "span",
     {
       ref: n,
@@ -19,9 +18,9 @@ const s = d.forwardRef(
         height: r,
         borderWidth: i,
         animationDuration: o,
-        ...t
+        ...a
       },
-      ...a
+      ...t
     }
   )
 );

package/dist/esm/components/split-list/split-list.js

@@ -3,7 +3,6 @@ import { cva as m } from "class-variance-authority";
 import * as t from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as u } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 const b = m(

package/dist/esm/components/status-dot/status-dot.js

@@ -3,7 +3,6 @@ import { cva as m } from "class-variance-authority";
 import * as n from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as u } from "../../utils/cn.js";
-import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
 const d = m("rounded-full shrink-0", {

package/dist/esm/components/status-elements/status-elements.js

@@ -1,9 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { cva as u } from "class-variance-authority";
-import "react";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as s } from "../../utils/cn.js";
-import "sonner";
+import { cn as o } from "../../utils/cn.js";
 import "luxon";
 import "../../utils/z-index.js";
 const d = {
@@ -13,11 +11,11 @@ const d = {
   critical: "bg-destructive",
   liquidation: "bg-liquidation"
 };
-function q({ zone: i, size: t = 8 }) {
+function O({ zone: i, size: t = 8 }) {
   return /* @__PURE__ */ a(
     "div",
     {
-      className: s("rounded-full shrink-0", d[i]),
+      className: o("rounded-full shrink-0", d[i]),
       style: { width: t, height: t },
       "aria-hidden": !0
     }
@@ -52,17 +50,17 @@ const l = {
     }
   }
 );
-function A({ zone: i }) {
-  const t = l[i], e = m[i], n = Array.from({ length: g }, (o, r) => {
+function B({ zone: i }) {
+  const t = l[i], e = m[i], n = Array.from({ length: g }, (s, r) => {
     const c = r < t;
     return {
       key: r,
       color: c ? e : "gray-50"
     };
   }).reverse();
-  return /* @__PURE__ */ a("div", { className: s("flex flex-wrap gap-0.5 w-2"), "aria-hidden": !0, children: n.map(({ key: o, color: r }) => /* @__PURE__ */ a("div", { className: b({ color: r }) }, o)) });
+  return /* @__PURE__ */ a("div", { className: o("flex flex-wrap gap-0.5 w-2"), "aria-hidden": !0, children: n.map(({ key: s, color: r }) => /* @__PURE__ */ a("div", { className: b({ color: r }) }, s)) });
 }
 export {
-  q as HealthDot,
-  A as StatusBars
+  O as HealthDot,
+  B as StatusBars
 };

package/dist/esm/components/tab-control/index.js

@@ -1,8 +1,5 @@
-import { TabControl as e, TabItem as b, useHashTabs as s, useSectionTab as t, useTabControl as T } from "./tab-control.js";
+import { TabControl as t, TabItem as a } from "./tab-control.js";
 export {
-  e as TabControl,
-  b as TabItem,
-  s as useHashTabs,
-  t as useSectionTab,
-  T as useTabControl
+  t as TabControl,
+  a as TabItem
 };