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

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

@@ -1,14 +1,16 @@
-import { jsx as e } from "react/jsx-runtime";
-import { IconQuestionCircle as v, IconInfo as h } from "@gearbox-protocol/static";
+import { jsx as t } from "react/jsx-runtime";
+import { faCircleQuestion as u } from "@fortawesome/free-solid-svg-icons";
+import { IconInfo as v } from "@gearbox-protocol/static";
 import { cva as T } from "class-variance-authority";
-import * as c from "react";
+import * as p from "react";
+import { FaIcon as C } from "../icons/fa-icon.js";
 import "@gearbox-protocol/sdk/onchain";
-import { cn as s } from "../../utils/cn.js";
+import { cn as m } from "../../utils/cn.js";
 import "sonner";
 import "luxon";
 import "../../utils/z-index.js";
-import { SimpleTooltip as C } from "../tooltip/simple-tooltip.js";
-const H = T("transition-colors", {
+import { SimpleTooltip as H } from "../tooltip/simple-tooltip.js";
+const I = T("transition-colors", {
   variants: {
     iconColor: {
       "gray-10": "text-gray-10",
@@ -42,89 +44,92 @@ const H = T("transition-colors", {
     }
   },
   defaultVariants: { iconColor: "gray-90", iconHoverColor: "gray-110" }
-}), I = c.forwardRef(
+}), N = p.forwardRef(
   ({
-    className: r,
-    children: o,
-    maxWidth: t,
-    minWidth: a,
+    className: o,
+    children: r,
+    maxWidth: a,
+    minWidth: e,
     delayShow: g = 200,
     placement: y = "bottom",
     iconSize: i = 14,
     iconColor: n = "gray-90",
-    iconHoverColor: p = "gray-110",
+    iconHoverColor: s = "gray-110",
     iconVariant: x = "question",
-    onPointerEnter: m,
-    ...d
-  }, f) => {
-    const u = /* @__PURE__ */ e(
+    onPointerEnter: c,
+    ...f
+  }, d) => {
+    const h = /* @__PURE__ */ t(
       l,
       {
-        ref: f,
+        ref: d,
         iconSize: i,
         iconColor: n,
-        iconHoverColor: p,
+        iconHoverColor: s,
         iconVariant: x,
-        onPointerEnter: m,
-        className: r,
-        ...d
+        onPointerEnter: c,
+        className: o,
+        ...f
       }
     );
-    return /* @__PURE__ */ e(
-      C,
+    return /* @__PURE__ */ t(
+      H,
       {
-        title: u,
+        title: h,
         placement: y,
         delayShow: g,
-        maxWidth: t,
-        minWidth: a,
-        children: o
+        maxWidth: a,
+        minWidth: e,
+        children: r
       }
     );
   }
 );
-I.displayName = "HelpTip";
-const l = c.forwardRef(
+N.displayName = "HelpTip";
+const l = p.forwardRef(
   ({
-    className: r,
-    iconSize: o = 14,
-    iconColor: t = "gray-90",
-    iconHoverColor: a = "gray-110",
+    className: o,
+    iconSize: r = 14,
+    iconColor: a = "gray-90",
+    iconHoverColor: e = "gray-110",
     iconVariant: g = "question",
     onPointerEnter: y,
     ...i
-  }, n) => {
-    const p = g === "question" ? v : h;
-    return /* @__PURE__ */ e(
-      "span",
-      {
-        ref: n,
-        role: "img",
-        "aria-hidden": !0,
-        className: s(
-          "inline-block cursor-help",
-          H({ iconColor: t, iconHoverColor: a }),
-          r
-        ),
-        onPointerEnter: y,
-        ...i,
-        children: /* @__PURE__ */ e(p, { size: o })
-      }
-    );
-  }
+  }, n) => /* @__PURE__ */ t(
+    "span",
+    {
+      ref: n,
+      role: "img",
+      "aria-hidden": !0,
+      className: m(
+        "inline-block cursor-help",
+        I({ iconColor: a, iconHoverColor: e }),
+        o
+      ),
+      onPointerEnter: y,
+      ...i,
+      children: g === "question" ? /* @__PURE__ */ t(
+        C,
+        {
+          icon: u,
+          style: { width: r, height: r }
+        }
+      ) : /* @__PURE__ */ t(v, { size: r })
+    }
+  )
 );
 l.displayName = "HelpTipIcon";
-const N = c.forwardRef(({ className: r, ...o }, t) => /* @__PURE__ */ e(
+const w = p.forwardRef(({ className: o, ...r }, a) => /* @__PURE__ */ t(
   "span",
   {
-    ref: t,
-    className: s("ml-1.5 inline-block leading-[0]", r),
-    ...o
+    ref: a,
+    className: m("ml-1.5 inline-block leading-[0]", o),
+    ...r
   }
 ));
-N.displayName = "TipWrap";
+w.displayName = "TipWrap";
 export {
-  I as HelpTip,
+  N as HelpTip,
   l as HelpTipIcon,
-  N as TipWrap
+  w as TipWrap
 };