@gearbox-protocol/permissionless-ui 1.22.0-next.30 → 1.22.0-next.32

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

@@ -1,55 +1,107 @@
-import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import * as d from "react";
+import { jsxs as v, Fragment as D, jsx as t } from "react/jsx-runtime";
+import { cva as n } from "class-variance-authority";
+import * as g from "react";
 import "@gearbox-protocol/sdk";
-import { cn as g } from "../../utils/cn.js";
+import { cn as o } from "../../utils/cn.js";
 import "sonner";
-const v = {
-  sm: "text-xs",
-  md: "text-sm",
-  lg: "text-base"
-}, m = {
-  primary: "text-primary hover:text-primary/80",
-  secondary: "text-secondary-foreground hover:text-secondary-foreground/80",
-  muted: "text-muted-foreground hover:text-foreground",
-  primaryDashed: "text-primary hover:text-primary/80 border-b border-dashed border-primary",
-  secondaryDashed: "text-secondary-foreground hover:text-secondary-foreground/80 border-b border-dashed border-secondary-foreground",
-  empty: "text-foreground hover:text-foreground/80"
-}, N = d.forwardRef(
+const f = n("", {
+  variants: {
+    buttonColor: {
+      primaryDashed: "text-foreground",
+      secondaryDashed: "text-secondary-foreground group-hover:text-foreground",
+      empty: "text-foreground"
+    }
+  },
+  defaultVariants: {
+    buttonColor: "primaryDashed"
+  }
+}), w = n("", {
+  variants: {
+    size: {
+      sm: "text-[13px] leading-[15px]",
+      default: "",
+      md: "",
+      lg: "text-base"
+    },
+    width: {
+      compact: "w-auto",
+      wide: "w-full"
+    }
+  },
+  defaultVariants: {
+    size: "default",
+    width: "compact"
+  }
+}), N = n("", {
+  variants: {
+    borderColor: {
+      primaryDashed: "border-b border-dashed border-secondary-foreground group-hover:border-foreground",
+      secondaryDashed: "border-b border-dashed border-secondary-foreground group-hover:border-foreground",
+      empty: ""
+    },
+    defaultVariants: {
+      primaryDashed: "primaryDashed"
+    }
+  }
+}), V = g.forwardRef(
   ({
-    children: o,
-    $icon: i,
-    icon: c,
-    $size: l = "md",
-    size: p,
-    $color: x = "primary",
-    color: u,
-    as: t = "button",
-    className: f,
-    ...s
-  }, n) => {
-    const r = c || i, y = p || l, b = u || x, a = g(
-      "inline-flex items-center gap-1 bg-transparent border-none cursor-pointer transition-colors",
-      "hover:underline underline-offset-2",
-      v[y],
-      m[b] || m.primary,
-      f
-    );
-    return t === "button" ? /* @__PURE__ */ h("button", { ref: n, className: a, ...s, children: [
-      /* @__PURE__ */ e("span", { children: o }),
-      r && /* @__PURE__ */ e("span", { className: "ml-1", children: r })
-    ] }) : d.createElement(
-      t,
+    children: y,
+    icon: s,
+    size: h = "default",
+    buttonColor: e = "primaryDashed",
+    width: x = "compact",
+    as: a = "button",
+    className: b,
+    disabled: r,
+    ...d
+  }, c) => {
+    const i = a === "a", l = o(
+      "group inline-block p-0 leading-[100%] font-normal bg-transparent border-none cursor-pointer transition-colors",
+      w({ size: h, width: x }),
+      !i && f({ buttonColor: e }),
+      r && "text-gray-110 cursor-default [&_svg]:text-gray-110",
+      b
+    ), p = i ? o(f({ buttonColor: e }), r && "text-gray-110") : null, u = /* @__PURE__ */ v(D, { children: [
+      /* @__PURE__ */ t(
+        "span",
+        {
+          className: o(
+            "inline-block",
+            N({ borderColor: e }),
+            r && e !== "empty" && "border-gray-110"
+          ),
+          children: y
+        }
+      ),
+      s && /* @__PURE__ */ t(
+        "span",
+        {
+          className: o(
+            "ml-1.5 [&_svg]:fill-current",
+            r ? "text-gray-110" : "text-gray-90 group-hover:text-foreground"
+          ),
+          children: s
+        }
+      )
+    ] }), m = p ? /* @__PURE__ */ t("span", { className: p, children: u }) : u;
+    return a === "button" ? /* @__PURE__ */ t(
+      "button",
       {
-        ref: n,
-        className: a,
-        ...s
-      },
-      /* @__PURE__ */ e("span", { children: o }),
-      r && /* @__PURE__ */ e("span", { className: "ml-1", children: r })
+        ref: c,
+        type: "button",
+        className: l,
+        disabled: r,
+        ...d,
+        children: m
+      }
+    ) : g.createElement(
+      a,
+      { ref: c, className: l, ...d },
+      m
     );
   }
 );
-N.displayName = "TextButton";
+V.displayName = "TextButton";
 export {
-  N as TextButton
+  V as TextButton
 };