@gearbox-protocol/ui-kit 4.0.0-next.42 → 4.0.0-next.44

package/dist/esm/components/link/link.js

@@ -1,6 +1,6 @@
-import { jsxs as o, jsx as r, Fragment as g } from "react/jsx-runtime";
-import { IconExternal as x } from "@gearbox-protocol/static";
-import { cva as b } from "class-variance-authority";
+import { jsxs as s, Fragment as b, jsx as n } from "react/jsx-runtime";
+import { IconExternal as g } from "@gearbox-protocol/static";
+import { cva as x } from "class-variance-authority";
 import { BaseLink as N } from "../base-link/base-link.js";
 import "react";
 import "@gearbox-protocol/sdk/onchain";
@@ -8,13 +8,17 @@ import { cn as h } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
-const v = b(
+const v = x(
   "[&_.icon-wrap]:-mt-px [&_.icon-wrap]:pl-1.5 [&_.icon-wrap]:leading-none [&_.icon-wrap]:text-secondary-foreground hover:[&_.icon-wrap]:text-foreground",
   {
     variants: {
       variant: {
         default: "[&_.content-wrap]:border-b [&_.content-wrap]:border-transparent hover:[&_.content-wrap]:border-foreground",
-        underlined: "[&_.content-wrap]:border-0",
+        // Underlined in rest as well as on hover — but drawn the same way, on
+        // `.content-wrap`, so the rule stops at the words. The real
+        // `text-decoration` this used to lean on paints under the external
+        // icon too, and no markup can scope it away.
+        underlined: "[&_.content-wrap]:border-b [&_.content-wrap]:border-gray-110 hover:[&_.content-wrap]:border-foreground",
         unset: "[&_.content-wrap]:border-0"
       }
     },
@@ -22,42 +26,52 @@ const v = b(
   }
 );
 function k({
-  className: i,
-  children: n,
-  href: c,
-  target: l,
-  variant: e = "default",
-  size: m = "default",
-  color: d = "main",
+  className: c,
+  children: r,
+  href: l,
+  target: m,
+  variant: a = "default",
+  size: d = "default",
+  color: f = "main",
   external: t = !1,
-  asChild: f = !1,
-  ...w
+  asChild: w = !1,
+  ...u
 }) {
-  const s = t ? /* @__PURE__ */ r("span", { className: "icon-wrap -mt-px pl-1.5 leading-none", children: /* @__PURE__ */ r(x, { size: 14 }) }) : null, p = t && typeof n == "string" ? (() => {
-    const a = n.trimEnd().lastIndexOf(" "), u = a === -1 ? "" : n.slice(0, a + 1), _ = a === -1 ? n : n.slice(a + 1);
-    return /* @__PURE__ */ o("span", { className: "content-wrap", children: [
-      u,
-      /* @__PURE__ */ o("span", { className: "whitespace-nowrap", children: [
-        _,
-        s
+  const o = t ? /* @__PURE__ */ n("span", { className: "icon-wrap -mt-px pl-1.5 leading-none", children: /* @__PURE__ */ n(g, { size: 14 }) }) : null, i = t && typeof r == "string" ? (() => {
+    const e = r.trimEnd().lastIndexOf(" "), p = e === -1 ? "" : r.slice(0, e + 1), _ = e === -1 ? r : r.slice(e + 1);
+    return /* @__PURE__ */ s(b, { children: [
+      p ? /* @__PURE__ */ n("span", { className: "content-wrap", children: p }) : null,
+      /* @__PURE__ */ s("span", { className: "inline-flex items-center whitespace-nowrap", children: [
+        /* @__PURE__ */ n("span", { className: "content-wrap", children: _ }),
+        o
       ] })
     ] });
-  })() : /* @__PURE__ */ o(g, { children: [
-    /* @__PURE__ */ r("span", { className: "content-wrap", children: n }),
-    s
-  ] });
-  return /* @__PURE__ */ r(
+  })() : o ? (
+    // Wrapped so the icon is not a direct child of the anchor: a caller that
+    // lays its anchor out as a flex row — `TitleMeta` does — would add its
+    // `gap` on top of the icon's own padding.
+    //
+    // No `whitespace-nowrap` here: a node child is often prose and must stay
+    // free to wrap. And only when there is an icon — this arm also catches
+    // non-external links, where wrapping would blockify `.content-wrap` and
+    // move an `underlined` border, to align nothing.
+    /* @__PURE__ */ s("span", { className: "inline-flex items-center", children: [
+      /* @__PURE__ */ n("span", { className: "content-wrap", children: r }),
+      o
+    ] })
+  ) : /* @__PURE__ */ n("span", { className: "content-wrap", children: r });
+  return /* @__PURE__ */ n(
     N,
     {
-      href: c,
-      target: l,
+      href: l,
+      target: m,
       external: t,
-      variant: e,
-      size: m,
-      color: d,
-      className: h(v({ variant: e }), i),
-      ...w,
-      children: f ? /* @__PURE__ */ r("span", { children: p }) : p
+      variant: a === "underlined" ? "default" : a,
+      size: d,
+      color: f,
+      className: h(v({ variant: a }), c),
+      ...u,
+      children: w ? /* @__PURE__ */ n("span", { children: i }) : i
     }
   );
 }

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

@@ -34,6 +34,7 @@ import "../token-symbol/token-symbol.js";
 import "../simple-accordion/simple-accordion.js";
 import "../tip-card/tip-card.js";
 import "../typography/typography.js";
+import "../help-tip/help-tip.js";
 import "../points-icon/points-icon.js";
 import "viem";
 import "../vertical-indicator/vertical-indicator.js";
@@ -81,7 +82,6 @@ import "../link/link.js";
 import "../rounded-image/rounded-image.js";
 import "../network-icon/network-indicator.js";
 import "../base-link/base-link.js";
-import "../help-tip/help-tip.js";
 import "../base-table/base-table-line.js";
 import "../navigation-context/navigation-context.js";
 import "../cards/card/card.js";