@gearbox-protocol/permissionless-ui 1.18.0 → 1.20.0

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

@@ -1,10 +1,10 @@
 import { jsxs as t, jsx as e } from "react/jsx-runtime";
-import { cva as m } from "class-variance-authority";
+import { cva as d } from "class-variance-authority";
 import * as u from "react";
-import { cn as a } from "../../utils/cn.js";
+import { cn as r } from "../../utils/cn.js";
 import "sonner";
 import "@gearbox-protocol/sdk";
-const h = m(
+const v = d(
   "font-semibold leading-tight tracking-tight flex items-center gap-2",
   {
     variants: {
@@ -26,7 +26,7 @@ const h = m(
       variant: "default"
     }
   }
-), v = m(
+), N = d(
   "flex flex-col md:flex-row items-start md:items-center",
   {
     variants: {
@@ -40,42 +40,55 @@ const h = m(
       spacing: "default"
     }
   }
-), N = u.forwardRef(
+), w = u.forwardRef(
   ({
-    className: d,
-    size: n,
-    variant: x,
+    className: n,
+    size: x,
+    variant: f,
     spacing: c,
-    backButton: l,
-    icon: r,
-    actions: i,
+    backButton: i,
+    icon: m,
+    actions: a,
     subtitle: s,
-    as: f = "h1",
-    children: o,
-    ...g
-  }, p) => /* @__PURE__ */ t("div", { ref: p, className: a("w-full", d), ...g, children: [
-    l && /* @__PURE__ */ e("div", { className: "shrink-0 flex items-center mb-4", children: l }),
-    /* @__PURE__ */ e("div", { className: a(v({ spacing: c })), children: /* @__PURE__ */ e("div", { className: "flex-1 flex flex-col md:flex-row md:items-center gap-4 w-full md:w-auto", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-3 min-w-0", children: [
-      r && /* @__PURE__ */ e("div", { className: "shrink-0", children: r }),
-      /* @__PURE__ */ t("div", { className: "min-w-0", children: [
-        /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ e(
-            f,
-            {
-              className: a(h({ size: n, variant: x }), "m-0"),
-              children: o
-            }
-          ),
-          i && /* @__PURE__ */ e("div", { className: "shrink-0 flex items-center gap-2", children: i })
-        ] }),
-        s && /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground mt-1", children: s })
-      ] })
-    ] }) }) })
+    as: g = "h1",
+    children: p,
+    actionsPosition: l = "left",
+    ...o
+  }, h) => /* @__PURE__ */ t("div", { ref: h, className: r("w-full", n), ...o, children: [
+    i && /* @__PURE__ */ e("div", { className: "shrink-0 flex items-center mb-4", children: i }),
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: r(
+          N({ spacing: c }),
+          l === "right" && "justify-between w-full"
+        ),
+        children: [
+          /* @__PURE__ */ e("div", { className: "flex flex-col md:flex-row md:items-center gap-4 w-full md:w-auto", children: /* @__PURE__ */ t("div", { className: "flex items-center gap-3 min-w-0", children: [
+            m && /* @__PURE__ */ e("div", { className: "shrink-0", children: m }),
+            /* @__PURE__ */ t("div", { className: "min-w-0", children: [
+              /* @__PURE__ */ t("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ e(
+                  g,
+                  {
+                    className: r(v({ size: x, variant: f }), "m-0"),
+                    children: p
+                  }
+                ),
+                a && l === "left" && /* @__PURE__ */ e("div", { className: "shrink-0 flex items-center gap-2", children: a })
+              ] }),
+              s && /* @__PURE__ */ e("div", { className: "text-sm text-muted-foreground mt-1", children: s })
+            ] })
+          ] }) }),
+          a && l === "right" && /* @__PURE__ */ e("div", { className: "shrink-0 flex items-center gap-2", children: a })
+        ]
+      }
+    )
   ] })
 );
-N.displayName = "PageTitle";
+w.displayName = "PageTitle";
 export {
-  N as PageTitle,
-  v as pageTitleRootVariants,
-  h as pageTitleVariants
+  w as PageTitle,
+  N as pageTitleRootVariants,
+  v as pageTitleVariants
 };