@gearbox-protocol/permissionless-ui 1.22.0-next.3 → 1.22.0-next.31

package/dist/esm/components/help-center-container/help-center-container.js

@@ -1,73 +1,63 @@
 import { jsx as f } from "react/jsx-runtime";
-import { useState as s, useEffect as u } from "react";
+import { useState as s, useEffect as a } from "react";
 import { BlockSync as h } from "../block-sync/block-sync.js";
 import { cn as g } from "../../utils/cn.js";
-function w() {
-  const [t, i] = s(
-    typeof window < "u" ? window.scrollY : 0
-  ), [e, c] = s(
-    typeof document < "u" ? document.documentElement.clientHeight : 0
-  );
-  u(() => {
-    const n = () => {
-      i(window.scrollY);
-    }, o = () => {
-      c(document.documentElement.clientHeight);
-    };
-    return window.addEventListener("scroll", n), window.addEventListener("resize", o), () => {
-      window.removeEventListener("scroll", n), window.removeEventListener("resize", o);
-    };
-  }, []);
-  const d = typeof document < "u" ? Math.max(
-    document.body.scrollHeight,
-    document.documentElement.scrollHeight,
-    document.body.offsetHeight,
-    document.documentElement.offsetHeight,
-    document.body.clientHeight,
-    document.documentElement.clientHeight
-  ) : 0;
-  return {
-    pageVerticalOffset: t,
-    clientHeight: e,
-    clientOffsetHeight: d
-  };
-}
-function E({
-  blockSyncProps: t,
+function y({
+  blockSyncProps: e,
   footerHeight: i,
-  gapFromFooter: e
+  gapFromFooter: t
 }) {
-  const [c, d] = s(e), { pageVerticalOffset: n, clientOffsetHeight: o, clientHeight: l } = w();
-  return u(() => {
-    const r = i + e, m = o - (l + n), a = m < r ? r - m : 0;
-    d(e + a);
-  }, [
-    n,
-    l,
-    o,
-    i,
-    e
-  ]), /* @__PURE__ */ f(
+  const [c, o] = s(t), { pageVerticalOffset: n, clientOffsetHeight: l, clientHeight: d } = H();
+  return a(() => {
+    const r = i + t, m = l - (d + n), u = m < r ? r - m : 0;
+    o(t + u);
+  }, [n, d, l]), /* @__PURE__ */ f(
     "div",
     {
       className: g(
         // Desktop: fixed position with dynamic bottom
         "hidden sm:flex",
-        "fixed right-9 flex-col items-end gap-2 text-xs text-muted-foreground z-[100]",
-        "transition-[bottom] duration-300 ease-in-out"
+        "fixed right-9 flex-col items-end gap-2 text-xs text-muted-foreground z-[100]"
       ),
       style: { bottom: `${c}px` },
       children: /* @__PURE__ */ f(
         h,
         {
-          blockByChain: t.blockByChain,
-          explorerAddresses: t.explorerAddresses,
-          networkById: t.networkById
+          blockByChain: e.blockByChain,
+          explorerAddresses: e.explorerAddresses,
+          networkById: e.networkById
         }
       )
     }
   );
 }
+const w = () => Math.max(
+  document.body.scrollHeight,
+  document.documentElement.scrollHeight,
+  document.body.offsetHeight,
+  document.documentElement.offsetHeight,
+  document.body.clientHeight,
+  document.documentElement.clientHeight
+);
+function H() {
+  const [e, i] = s(window.scrollY), [t, c] = s(
+    document.documentElement.clientHeight
+  );
+  return a(() => {
+    const o = () => {
+      i(window.scrollY);
+    }, n = () => {
+      c(document.documentElement.clientHeight);
+    };
+    return window.addEventListener("scroll", o), window.addEventListener("resize", n), () => {
+      window.removeEventListener("scroll", o), window.removeEventListener("resize", n);
+    };
+  }, []), {
+    pageVerticalOffset: e,
+    clientHeight: t,
+    clientOffsetHeight: w()
+  };
+}
 export {
-  E as HelpCenterContainer
+  y as HelpCenterContainer
 };

package/dist/esm/components/help-sections/help-sections.js

@@ -1,8 +1,8 @@
 import { jsx as r, jsxs as s } from "react/jsx-runtime";
 import "react";
+import "@gearbox-protocol/sdk";
 import { cn as o } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 function d({ children: e, className: t }) {
   return /* @__PURE__ */ r("div", { className: o("space-y-4", t), children: e });
 }

package/dist/esm/components/help-tip/help-tip.js

@@ -1,9 +1,9 @@
 import { jsx as e, jsxs as x } from "react/jsx-runtime";
 import { HelpCircle as s } from "lucide-react";
 import * as l from "react";
+import "@gearbox-protocol/sdk";
 import { cn as t } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 import { TooltipProvider as T, Tooltip as h, TooltipTrigger as y, TooltipContent as g } from "../tooltip/tooltip.js";
 const N = l.forwardRef(
   ({

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

@@ -2,9 +2,9 @@ import { jsxs as r, jsx as e } from "react/jsx-runtime";
 import { HelpCircle as a } from "lucide-react";
 import * as d from "react";
 import { TooltipProvider as c, Tooltip as m, TooltipTrigger as f, TooltipContent as p } from "../tooltip/tooltip.js";
+import "@gearbox-protocol/sdk";
 import { cn as x } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const h = d.forwardRef(({ label: i, value: l, tip: t, valueDescription: o, className: n }, s) => /* @__PURE__ */ r("div", { ref: s, className: x("flex flex-col gap-2 w-full", n), children: [
   /* @__PURE__ */ r("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
     /* @__PURE__ */ e("span", { children: i }),

package/dist/esm/components/icon-button/icon-button.js

@@ -2,9 +2,9 @@ import { jsx as a } from "react/jsx-runtime";
 import { Slot as s } from "@radix-ui/react-slot";
 import { cva as d } from "class-variance-authority";
 import * as u from "react";
+import "@gearbox-protocol/sdk";
 import { cn as c } from "../../utils/cn.js";
 import "sonner";
-import "@gearbox-protocol/sdk";
 const f = d(
   "inline-flex items-center justify-center rounded-md transition-colors cursor-pointer focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50",
   {