@gearbox-protocol/ui-kit 4.0.0-next.39 → 4.0.0-next.40

package/dist/esm/components/vertical-indicator/vertical-indicator.js

@@ -4,7 +4,6 @@ import * as v from "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as r } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import { HelpTip as V } from "../help-tip/help-tip.js";
@@ -73,9 +72,9 @@ const k = l(
     description: s,
     valueDescription: o,
     tip: d,
-    value: m,
+    value: c,
     valueTo: a,
-    dimPreviousValue: c = !0,
+    dimPreviousValue: m = !0,
     size: i = "sm",
     weight: x = "medium",
     color: f = "default",
@@ -104,7 +103,7 @@ const k = l(
             }
           )
         ] }),
-        m && /* @__PURE__ */ t("div", { className: "w-auto grow-0 shrink-0 basis-auto flex flex-col", children: [
+        c && /* @__PURE__ */ t("div", { className: "w-auto grow-0 shrink-0 basis-auto flex flex-col", children: [
           /* @__PURE__ */ t(
             "div",
             {
@@ -121,12 +120,12 @@ const k = l(
                       g({
                         size: i,
                         weight: x,
-                        color: a && c ? "secondary" : f
+                        color: a && m ? "secondary" : f
                       }),
                       a && "line-through [&_*]:line-through",
-                      a && c && "[&_*]:text-secondary-foreground"
+                      a && m && "[&_*]:text-secondary-foreground"
                     ),
-                    children: m
+                    children: c
                   }
                 ),
                 a && /* @__PURE__ */ t(b, { children: [

package/dist/esm/components/vspace/vspace.js

@@ -4,30 +4,29 @@ import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as m } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const i = (r, t) => typeof r == "number" ? r : n[r][t];
-function y({
+const e = (r, t) => typeof r == "number" ? r : n[r][t];
+function P({
   size: r,
   mobileSize: t,
   className: o
 }) {
   if (typeof r != "number" && t === void 0)
     return /* @__PURE__ */ p("div", { className: m(d[r], o), "aria-hidden": !0 });
-  const e = {
-    "--vspace-h": `${i(t ?? r, "mobile")}px`,
-    "--vspace-h-md": `${i(r, "desktop")}px`
+  const i = {
+    "--vspace-h": `${e(t ?? r, "mobile")}px`,
+    "--vspace-h-md": `${e(r, "desktop")}px`
   };
   return /* @__PURE__ */ p(
     "div",
     {
       className: m("h-(--vspace-h) md:h-(--vspace-h-md)", o),
-      style: e,
+      style: i,
       "aria-hidden": !0
     }
   );
 }
 export {
-  y as VSpace
+  P as VSpace
 };

package/dist/esm/components/with-copy/with-copy.js

@@ -6,7 +6,6 @@ import { FaIcon as j } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as i } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
 import "../accordion/accordion.js";
@@ -135,7 +134,7 @@ import "../separate-line/separate-line.js";
 import "../split-list/split-list.js";
 import "../textarea/textarea.js";
 import "../theme-provider.js";
-function rr({
+function or({
   toCopy: u,
   children: d,
   onCopySuccess: f,
@@ -217,5 +216,5 @@ function rr({
   return a ? /* @__PURE__ */ t(T, { placement: "top", triangle: !0, title: c(), children: a }) : c();
 }
 export {
-  rr as WithCopy
+  or as WithCopy
 };

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

@@ -1,13 +1,12 @@
-import { jsxs as p, jsx as i } from "react/jsx-runtime";
-import { cva as x } from "class-variance-authority";
+import { jsxs as x, jsx as i } from "react/jsx-runtime";
+import { cva as a } from "class-variance-authority";
 import "react";
 import "@gearbox-protocol/sdk/onchain";
 import { cn as e } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk/common-utils";
 import "luxon";
 import "../../utils/z-index.js";
-const a = x("", {
+const p = a("", {
   variants: {
     size: {
       sm: "text-[14px] mb-[14px]",
@@ -20,19 +19,19 @@ const a = x("", {
     size: "default"
   }
 });
-function g({
+function b({
   title: m,
   children: t,
   size: o = "default",
   className: r
 }) {
-  return /* @__PURE__ */ p("div", { className: e("flex flex-col"), children: [
+  return /* @__PURE__ */ x("div", { className: e("flex flex-col"), children: [
     /* @__PURE__ */ i(
       "div",
       {
         className: e(
           "text-foreground font-medium",
-          a({ size: o }),
+          p({ size: o }),
           r
         ),
         children: m
@@ -42,5 +41,5 @@ function g({
   ] });
 }
 export {
-  g as WithTitle
+  b as WithTitle
 };

package/dist/esm/hooks/index.js

@@ -2,13 +2,12 @@ import { useCheckboxSelect as r } from "./use-checkbox-select.js";
 import { useControllableState as s } from "./use-controllable-state.js";
 import { useDebounce as l } from "./use-debounce.js";
 import { useDebounceCall as p } from "./use-debounce-call.js";
-import { getSortForField as S, getSortForFields as i, nextMultiSortState as a, useFilterAllSelected as f, useMultiSort as b, useRangeFilter as d, useSelectFilter as F, useSort as n } from "./use-filter.js";
-import { useHF as I } from "./use-hf.js";
-import { useIsDesktop as g, useIsExtraSmall as C, useIsMedium as D, useIsMobile as h, useIsTablet as k, useMediaQuery as v } from "./use-media-query.js";
-import { useObservedWidthKey as O } from "./use-observed-width-key.js";
-import { useOpenedState as E } from "./use-opened-state.js";
-import { usePrevious as K } from "./use-previous.js";
-import { useSmartNumberInput as P } from "./use-smart-number-input.js";
+import { getSortForField as S, getSortForFields as i, nextMultiSortState as a, useFilterAllSelected as f, useMultiSort as b, useRangeFilter as d, useSelectFilter as n, useSort as F } from "./use-filter.js";
+import { useIsDesktop as I, useIsExtraSmall as M, useIsMedium as g, useIsMobile as C, useIsTablet as D, useMediaQuery as h } from "./use-media-query.js";
+import { useObservedWidthKey as v } from "./use-observed-width-key.js";
+import { useOpenedState as O } from "./use-opened-state.js";
+import { usePrevious as E } from "./use-previous.js";
+import { useSmartNumberInput as N } from "./use-smart-number-input.js";
 export {
   S as getSortForField,
   i as getSortForFields,
@@ -18,19 +17,18 @@ export {
   l as useDebounce,
   p as useDebounceCall,
   f as useFilterAllSelected,
-  I as useHF,
-  g as useIsDesktop,
-  C as useIsExtraSmall,
-  D as useIsMedium,
-  h as useIsMobile,
-  k as useIsTablet,
-  v as useMediaQuery,
+  I as useIsDesktop,
+  M as useIsExtraSmall,
+  g as useIsMedium,
+  C as useIsMobile,
+  D as useIsTablet,
+  h as useMediaQuery,
   b as useMultiSort,
-  O as useObservedWidthKey,
-  E as useOpenedState,
-  K as usePrevious,
+  v as useObservedWidthKey,
+  O as useOpenedState,
+  E as usePrevious,
   d as useRangeFilter,
-  F as useSelectFilter,
-  P as useSmartNumberInput,
-  n as useSort
+  n as useSelectFilter,
+  N as useSmartNumberInput,
+  F as useSort
 };

package/dist/esm/hooks/use-debounce-call.js

@@ -1,11 +1,10 @@
 import "react";
-import { useDebounce as e } from "./use-debounce.js";
-import "@gearbox-protocol/sdk/common-utils";
+import { useDebounce as o } from "./use-debounce.js";
 import "../components/breakpoint-provider.js";
-const n = (o) => o();
-function m(o) {
-  return e(n, o);
+const n = (e) => e();
+function b(e) {
+  return o(n, e);
 }
 export {
-  m as useDebounceCall
+  b as useDebounceCall
 };