@gearbox-protocol/permissionless-ui 1.15.3 → 1.15.4

package/dist/cjs/utils/format-number.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=1e-10,d=1e-4,S=1e11;function c(t){const i=Math.abs(t);return i<1||i<10?2:i<100?1:0}function D(t,i={}){const{format:e="full",minimumFractionDigits:o=0,maximumFractionDigits:f,maxExponentialThreshold:l=S,adaptiveDecimals:m=!1}=i,s=f!==void 0?f:e==="short"?1:0,a=Math.abs(t);if(e==="short"){if(a>=5e8){const r=t/1e9,n=m?c(r):s;return`${r.toFixed(n)}B`}if(a>=1e6){const r=t/1e6,n=m?c(r):s;return`${r.toFixed(n)}M`}if(a>=1e3){const r=t/1e3,n=m?c(r):s;return`${r.toFixed(n)}K`}}return l&&a>l?t.toExponential(2):new Intl.NumberFormat("en-US",{minimumFractionDigits:o,maximumFractionDigits:s}).format(t)}function h(t,i){const e=10**i;return(Math.floor(t*e)/e).toFixed(i).replace(/\.?0+$/,"")}function x(t){return Math.abs(t)<u}function F(t){const i=Math.abs(t);return i<u&&i>0}function b(t,i){if(!F(t))return null;const e=`<${d}`;return i?`${e}${i}`:e}const g={EPSILON:u,MIN_DISPLAY_THRESHOLD:d,MAX_EXPONENTIAL_THRESHOLD:S};function N(t,i=2,e=6){if(!Number.isFinite(t))return"∞";const o=1/10**i;return t<o&&t!==0?t.toFixed(e).replace(/\.?0+$/,""):t>1?new Intl.NumberFormat("en-US",{minimumFractionDigits:i,maximumFractionDigits:i}).format(t):t.toFixed(i)}exports.FORMAT_CONSTANTS=g;exports.formatNumberWithSuffix=D;exports.formatPrice=N;exports.formatSmallValue=b;exports.getAdaptiveDecimals=c;exports.isBelowDisplayThreshold=F;exports.isEffectivelyZero=x;exports.toSignificantDigits=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=1e-10,S=1e-4,F=1e11;function c(t){const i=Math.abs(t);return i<10?4:i<100?2:1}function l(t){return t.replace(/\.?0+$/,"")}function g(t,i={}){const{format:e="full",minimumFractionDigits:o=0,maximumFractionDigits:f,maxExponentialThreshold:d=F,adaptiveDecimals:u=!1}=i,s=f!==void 0?f:e==="short"?1:0,a=Math.abs(t);if(e==="short"){if(a>=5e8){const r=t/1e9,n=u?c(r):s;return`${l(r.toFixed(n))}B`}if(a>=1e6){const r=t/1e6,n=u?c(r):s;return`${l(r.toFixed(n))}M`}if(a>=1e3){const r=t/1e3,n=u?c(r):s;return`${l(r.toFixed(n))}K`}}return d&&a>d?t.toExponential(2):new Intl.NumberFormat("en-US",{minimumFractionDigits:o,maximumFractionDigits:s}).format(t)}function h(t,i){const e=10**i;return(Math.floor(t*e)/e).toFixed(i).replace(/\.?0+$/,"")}function x(t){return Math.abs(t)<m}function D(t){const i=Math.abs(t);return i<m&&i>0}function b(t,i){if(!D(t))return null;const e=`<${S}`;return i?`${e}${i}`:e}const p={EPSILON:m,MIN_DISPLAY_THRESHOLD:S,MAX_EXPONENTIAL_THRESHOLD:F};function N(t,i=2,e=6){if(!Number.isFinite(t))return"∞";const o=1/10**i;return t<o&&t!==0?t.toFixed(e).replace(/\.?0+$/,""):t>1?new Intl.NumberFormat("en-US",{minimumFractionDigits:i,maximumFractionDigits:i}).format(t):t.toFixed(i)}exports.FORMAT_CONSTANTS=p;exports.formatNumberWithSuffix=g;exports.formatPrice=N;exports.formatSmallValue=b;exports.getAdaptiveDecimals=c;exports.isBelowDisplayThreshold=D;exports.isEffectivelyZero=x;exports.toSignificantDigits=h;

package/dist/esm/components/block-sync/block-sync.js

@@ -1,75 +1,82 @@
-import { jsxs as l, jsx as e } from "react/jsx-runtime";
-import { useState as h, useEffect as k, useMemo as N } from "react";
-import { TooltipProvider as b, Tooltip as w, TooltipTrigger as E, TooltipContent as j } from "../tooltip/tooltip.js";
-import { cn as m } from "../../utils/cn.js";
-const U = 1e3 * 60 * 10;
-function O({
+import { jsxs as c, jsx as t } from "react/jsx-runtime";
+import { useState as b, useEffect as w, useMemo as E } from "react";
+import { TooltipProvider as j, Tooltip as U, TooltipTrigger as D, TooltipContent as L } from "../tooltip/tooltip.js";
+import { cn as u } from "../../utils/cn.js";
+const $ = 1e3 * 60 * 10;
+function B({
   blockByChain: s,
-  explorerAddresses: f,
-  networkById: x
+  explorerAddresses: g,
+  networkById: h
 }) {
-  const [i, g] = h(Date.now());
-  k(() => {
-    const t = () => {
-      g(Date.now());
-    }, r = window.setInterval(t, 1e3);
+  const [i, v] = b(Date.now());
+  w(() => {
+    const r = () => {
+      v(Date.now());
+    }, e = window.setInterval(r, 1e3);
     return () => {
-      clearInterval(r);
+      clearInterval(e);
     };
   }, []);
-  const a = N(() => {
+  const p = E(() => {
     if (!s) return 0;
-    const t = Object.values(s).reduce((r, c) => {
-      const n = c.lastSyncBlock.localTimestamp;
-      return r === 0 || r !== 0 && n < r ? n : r;
+    const r = Object.values(s).reduce((e, a) => {
+      const o = a.lastSyncBlock.localTimestamp;
+      return e === 0 || e !== 0 && o < e ? o : e;
     }, 0);
-    return t ? i - t : 0;
-  }, [s, i]) > U, d = () => /* @__PURE__ */ l("div", { className: "flex items-center gap-2", children: [
-    /* @__PURE__ */ e(
+    return r ? i - r : 0;
+  }, [s, i]) > $, m = () => /* @__PURE__ */ c("div", { className: "flex h-[30px] items-center gap-1.5", children: [
+    /* @__PURE__ */ t(
       "span",
       {
-        className: m("text-xs", a ? "text-destructive" : "text-success"),
+        className: u(
+          "text-sm leading-[17px]",
+          p ? "text-destructive" : "text-success"
+        ),
         children: "Status"
       }
     ),
-    /* @__PURE__ */ e(
+    /* @__PURE__ */ t(
       "div",
       {
-        className: m(
+        className: u(
           "w-2 h-2 rounded-full",
-          a ? "bg-destructive" : "bg-success"
+          p ? "bg-destructive" : "bg-success"
         )
       }
     )
-  ] }), v = () => s ? /* @__PURE__ */ e("div", { className: "flex flex-col gap-2 text-left text-xs", children: Object.entries(s).map(([t, r]) => {
-    const c = r.lastSyncBlock, n = c?.block || 0n, S = c?.localTimestamp ? i - c.localTimestamp : 0, o = f[Number(t)], u = typeof o == "string" ? o : o && typeof o == "object" && "url" in o ? o.url : void 0, T = x[Number(t)] || "Unknown", p = `[${n.toString()}]`;
-    return /* @__PURE__ */ l("div", { children: [
-      /* @__PURE__ */ l("span", { children: [
-        T,
-        " "
-      ] }),
-      u && n > 0 ? /* @__PURE__ */ e(
-        "a",
-        {
-          href: `${u}/block/${n}`,
-          target: "_blank",
-          rel: "noopener noreferrer",
-          className: "underline hover:text-foreground",
-          children: p
-        }
-      ) : /* @__PURE__ */ e("span", { children: p }),
-      n > 0 && /* @__PURE__ */ l("span", { children: [
-        ", updated ",
-        (S / 1e3).toFixed(0),
-        " seconds ago"
-      ] })
-    ] }, t);
-  }) }) : null;
-  return s ? /* @__PURE__ */ e(b, { children: /* @__PURE__ */ l(w, { children: [
-    /* @__PURE__ */ e(E, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "cursor-help", children: d() }) }),
-    /* @__PURE__ */ e(j, { side: "top", align: "end", children: v() })
-  ] }) }) : d();
+  ] }), S = () => {
+    if (!s) return null;
+    const r = Object.entries(s);
+    return /* @__PURE__ */ t("div", { className: "flex flex-col text-left text-xs", children: r.map(([e, a], o) => {
+      const d = a.lastSyncBlock, l = d?.block || 0n, T = d?.localTimestamp ? i - d.localTimestamp : 0, n = g[Number(e)], f = typeof n == "string" ? n : n && typeof n == "object" && "url" in n ? n.url : void 0, N = h[Number(e)] || "Unknown", x = `[${l.toString()}]`, k = o === r.length - 1;
+      return /* @__PURE__ */ c("div", { className: u(!k && "mb-2"), children: [
+        /* @__PURE__ */ c("span", { children: [
+          N,
+          " "
+        ] }),
+        f && l > 0 ? /* @__PURE__ */ t(
+          "a",
+          {
+            href: `${f}/block/${l}`,
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: "underline hover:text-foreground",
+            children: x
+          }
+        ) : /* @__PURE__ */ t("span", { children: x }),
+        l > 0 && /* @__PURE__ */ c("span", { children: [
+          ", updated ",
+          (T / 1e3).toFixed(0),
+          " seconds ago"
+        ] })
+      ] }, e);
+    }) });
+  };
+  return s ? /* @__PURE__ */ t(j, { children: /* @__PURE__ */ c(U, { children: [
+    /* @__PURE__ */ t(D, { asChild: !0, children: /* @__PURE__ */ t("div", { className: "cursor-help", children: m() }) }),
+    /* @__PURE__ */ t(L, { side: "top", collisionPadding: 8, children: S() })
+  ] }) }) : m();
 }
 export {
-  O as BlockSync
+  B as BlockSync
 };

package/dist/esm/components/buttons/copy-button/copy-button.js

@@ -1,31 +1,64 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Copy as n } from "lucide-react";
-import * as c from "react";
-import { Button as s } from "../button/button.js";
-import { cn as r } from "../../../utils/cn.js";
-import { copyToClipboard as f } from "../../../utils/copy.js";
+import { jsxs as y, jsx as e } from "react/jsx-runtime";
+import { Check as h, Copy as C } from "lucide-react";
+import * as r from "react";
+import { Button as x } from "../button/button.js";
+import { cn as a } from "../../../utils/cn.js";
+import "sonner";
 import "@gearbox-protocol/sdk";
-const h = {
-  3: "!h-3 !w-3",
-  "3.5": "!h-3.5 !w-3.5",
-  4: "!h-4 !w-4",
-  5: "!h-5 !w-5",
-  6: "!h-6 !w-6"
-}, l = c.forwardRef(
-  ({ text: t, name: m, className: p, iconSize: i = "3.5", ...a }, e) => /* @__PURE__ */ o(
-    s,
-    {
-      ref: e,
-      variant: "text",
-      size: "auto",
-      className: r("p-1! border-0!", p),
-      onClick: () => f({ text: t, name: m }),
-      ...a,
-      children: /* @__PURE__ */ o(n, { className: r(h[i]) })
-    }
-  )
+const w = {
+  3: "h-3 w-3",
+  "3.5": "h-3.5 w-3.5",
+  4: "h-4 w-4",
+  5: "h-5 w-5",
+  6: "h-6 w-6"
+}, N = r.forwardRef(
+  ({ text: c, className: n, iconSize: l = "3.5", successDuration: p = 1500, ...m }, u) => {
+    const [t, s] = r.useState(!1), o = r.useRef(null), f = async () => {
+      try {
+        await navigator.clipboard.writeText(c), o.current && clearTimeout(o.current), s(!0), o.current = setTimeout(() => {
+          s(!1);
+        }, p);
+      } catch (d) {
+        console.error("Failed to copy:", d);
+      }
+    }, i = w[l];
+    return /* @__PURE__ */ y(
+      x,
+      {
+        ref: u,
+        variant: "text",
+        size: "auto",
+        className: a("p-1! border-0! relative", n),
+        onClick: f,
+        title: t ? "Copied!" : "Copy to clipboard",
+        ...m,
+        children: [
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: a(
+                "absolute inset-0 flex items-center justify-center transition-all duration-200",
+                t ? "opacity-100 scale-100 text-green-500" : "opacity-0 scale-50 text-green-500"
+              ),
+              children: /* @__PURE__ */ e(h, { className: i })
+            }
+          ),
+          /* @__PURE__ */ e(
+            "span",
+            {
+              className: a(
+                "flex items-center justify-center transition-all duration-200",
+                t ? "opacity-0 scale-50" : "opacity-100 scale-100"
+              ),
+              children: /* @__PURE__ */ e(C, { className: i })
+            }
+          )
+        ]
+      }
+    );
+  }
 );
-l.displayName = "CopyButton";
+N.displayName = "CopyButton";
 export {
-  l as CopyButton
+  N as CopyButton
 };

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

@@ -1,11 +1,11 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import { Copy as h, ExternalLink as s } from "lucide-react";
-import * as u from "react";
-import { Button as a } from "../buttons/button/button.js";
-import { DropdownMenu as g, DropdownMenuTrigger as w } from "../dropdown-menu/dropdown-menu.js";
+import { jsx as e, jsxs as r } from "react/jsx-runtime";
+import { Check as g, Copy as y, ExternalLink as m } from "lucide-react";
+import * as p from "react";
+import { Button as d } from "../buttons/button/button.js";
+import { DropdownMenu as w, DropdownMenuTrigger as N } from "../dropdown-menu/dropdown-menu.js";
 import "../dropdown-menu/dropdown-menu-checkbox-item.js";
-import { DropdownMenuContent as N } from "../dropdown-menu/dropdown-menu-content.js";
-import { DropdownMenuItem as T } from "../dropdown-menu/dropdown-menu-item.js";
+import { DropdownMenuContent as C } from "../dropdown-menu/dropdown-menu-content.js";
+import { DropdownMenuItem as x } 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";
@@ -13,44 +13,67 @@ import "../dropdown-menu/dropdown-menu-shortcut.js";
 import "../dropdown-menu/dropdown-menu-sub-content.js";
 import "../dropdown-menu/dropdown-menu-sub-trigger.js";
 import { PageTitle as b } from "../page-title/page-title.js";
-import { TokenIcon as y } from "../token-icon/token-icon.js";
-import { useIntlTyped as C } from "../typed-intl/index.js";
-import { cn as l } from "../../utils/cn.js";
-import { copyToClipboard as D } from "../../utils/copy.js";
+import { TokenIcon as T } from "../token-icon/token-icon.js";
+import { cn as s } from "../../utils/cn.js";
+import "sonner";
 import "@gearbox-protocol/sdk";
-function J({
-  title: c,
-  token: n,
-  toCopy: r,
+function H({
+  title: f,
+  token: l,
+  toCopy: i,
   explorerLinks: o,
-  className: p
+  className: u
 }) {
-  C();
-  const [d, m] = u.useState(!1), f = () => {
-    r && (D({ text: r }), m(!0), setTimeout(() => m(!1), 150));
+  const [a, c] = p.useState(!1), n = p.useRef(null), h = async () => {
+    if (i)
+      try {
+        await navigator.clipboard.writeText(i), n.current && clearTimeout(n.current), c(!0), n.current = setTimeout(() => {
+          c(!1);
+        }, 1500);
+      } catch (t) {
+        console.error("Failed to copy:", t);
+      }
   };
   return /* @__PURE__ */ e(
     b,
     {
-      icon: n?.symbol && /* @__PURE__ */ e(y, { symbol: n.symbol, size: 36 }),
-      actions: /* @__PURE__ */ i("div", { className: "flex items-center gap-2", children: [
-        r && /* @__PURE__ */ e(
-          a,
+      icon: l?.symbol && /* @__PURE__ */ e(T, { symbol: l.symbol, size: 36 }),
+      actions: /* @__PURE__ */ r("div", { className: "flex items-center gap-2", children: [
+        i && /* @__PURE__ */ r(
+          d,
           {
             variant: "ghost",
             size: "icon",
-            onClick: f,
-            title: "Copy address",
-            className: l(
-              "transition-all",
-              d ? "scale-75" : "scale-100"
-            ),
-            children: /* @__PURE__ */ e(h, { className: "h-4 w-4" })
+            onClick: h,
+            title: a ? "Copied!" : "Copy address",
+            className: "relative",
+            children: [
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  className: s(
+                    "absolute inset-0 flex items-center justify-center transition-all duration-200",
+                    a ? "opacity-100 scale-100 text-green-500" : "opacity-0 scale-50 text-green-500"
+                  ),
+                  children: /* @__PURE__ */ e(g, { className: "h-4 w-4" })
+                }
+              ),
+              /* @__PURE__ */ e(
+                "span",
+                {
+                  className: s(
+                    "flex items-center justify-center transition-all duration-200",
+                    a ? "opacity-0 scale-50" : "opacity-100 scale-100"
+                  ),
+                  children: /* @__PURE__ */ e(y, { className: "h-4 w-4" })
+                }
+              )
+            ]
           }
         ),
-        o && o.length > 0 && /* @__PURE__ */ i(g, { children: [
-          /* @__PURE__ */ e(w, { asChild: !0, children: /* @__PURE__ */ e(a, { variant: "ghost", size: "icon", title: "View in explorer", children: /* @__PURE__ */ e(s, { className: "h-4 w-4" }) }) }),
-          /* @__PURE__ */ e(N, { align: "end", children: o.map((t) => /* @__PURE__ */ e(T, { asChild: !0, children: /* @__PURE__ */ i(
+        o && o.length > 0 && /* @__PURE__ */ r(w, { children: [
+          /* @__PURE__ */ e(N, { asChild: !0, children: /* @__PURE__ */ e(d, { variant: "ghost", size: "icon", title: "View in explorer", children: /* @__PURE__ */ e(m, { className: "h-4 w-4" }) }) }),
+          /* @__PURE__ */ e(C, { align: "end", children: o.map((t) => /* @__PURE__ */ e(x, { asChild: !0, children: /* @__PURE__ */ r(
             "a",
             {
               href: t.link,
@@ -59,17 +82,17 @@ function J({
               className: "flex items-center gap-2",
               children: [
                 t.label,
-                /* @__PURE__ */ e(s, { className: "h-3 w-3 ml-auto" })
+                /* @__PURE__ */ e(m, { className: "h-3 w-3 ml-auto" })
               ]
             }
           ) }, t.link)) })
         ] })
       ] }),
-      className: l(p),
-      children: c
+      className: s(u),
+      children: f
     }
   );
 }
 export {
-  J as DetailedPageTitle
+  H as DetailedPageTitle
 };