hive-react-kit 0.2.3 → 0.2.5

package/dist/index.esm.js

@@ -24981,7 +24981,7 @@ function fg({
   author: e,
   permlink: a,
   currentUser: i,
-  hiveValue: s = 0,
+  hiveValue: s,
   onUpvote: r,
   onSubmitComment: n,
   onComments: u,
@@ -25075,113 +25075,112 @@ function fg({
         throw O(Y), Ee;
       }
   }, ie = "absolute left-1/2 -translate-x-1/2 bottom-full mb-1 px-2 py-1 text-xs font-medium text-white bg-gray-800 dark:bg-gray-700 rounded shadow-lg whitespace-nowrap opacity-0 pointer-events-none group-hover:opacity-100 transition-opacity duration-150 z-[60]";
-  return /* @__PURE__ */ t.jsxs("div", { className: "flex flex-wrap items-center gap-3 sm:gap-4 text-sm", children: [
-    /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
+  return /* @__PURE__ */ t.jsxs("div", { className: "flex items-center justify-between gap-4 text-sm w-full", children: [
+    /* @__PURE__ */ t.jsxs("div", { className: "flex flex-wrap items-center justify-center gap-3 sm:gap-4 shrink-0", children: [
+      /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ t.jsxs("div", { className: "relative group", children: [
+          /* @__PURE__ */ t.jsx("span", { className: ie, children: "Upvote" }),
+          /* @__PURE__ */ t.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: q,
+              disabled: C,
+              className: "p-1 rounded hover:bg-gray-200 dark:hover:bg-gray-700 disabled:opacity-50",
+              "aria-label": "Upvote",
+              children: C ? /* @__PURE__ */ t.jsx(He, { className: "w-4 h-4 sm:w-5 sm:h-5 animate-spin text-blue-600" }) : /* @__PURE__ */ t.jsx(
+                jr,
+                {
+                  className: `w-4 h-4 sm:w-5 sm:h-5 ${U ? "text-blue-600 dark:text-blue-400 fill-current" : "text-gray-600 dark:text-gray-400"}`
+                }
+              )
+            }
+          )
+        ] }),
+        /* @__PURE__ */ t.jsxs("div", { className: "relative group", children: [
+          /* @__PURE__ */ t.jsx("span", { className: ie, children: "View upvotes" }),
+          /* @__PURE__ */ t.jsx(
+            "button",
+            {
+              type: "button",
+              onClick: W,
+              className: "flex items-center gap-1 text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition-colors",
+              "aria-label": "View upvotes",
+              children: /* @__PURE__ */ t.jsx("span", { children: x.length })
+            }
+          )
+        ] })
+      ] }),
       /* @__PURE__ */ t.jsxs("div", { className: "relative group", children: [
-        /* @__PURE__ */ t.jsx("span", { className: ie, children: "Upvote" }),
+        /* @__PURE__ */ t.jsx("span", { className: ie, children: "Comments" }),
+        /* @__PURE__ */ t.jsxs(
+          "button",
+          {
+            type: "button",
+            onClick: Q,
+            className: "flex items-center gap-1 text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition-colors",
+            "aria-label": "Comments",
+            children: [
+              /* @__PURE__ */ t.jsx(xa, { className: "w-4 h-4 sm:w-5 sm:h-5" }),
+              /* @__PURE__ */ t.jsx("span", { children: b })
+            ]
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "relative group", children: [
+        /* @__PURE__ */ t.jsx("span", { className: ie, children: "Reblog" }),
         /* @__PURE__ */ t.jsx(
           "button",
           {
             type: "button",
-            onClick: q,
-            disabled: C,
-            className: "p-1 rounded hover:bg-gray-200 dark:hover:bg-gray-700 disabled:opacity-50",
-            "aria-label": "Upvote",
-            children: C ? /* @__PURE__ */ t.jsx(He, { className: "w-4 h-4 sm:w-5 sm:h-5 animate-spin text-blue-600" }) : /* @__PURE__ */ t.jsx(
-              jr,
-              {
-                className: `w-4 h-4 sm:w-5 sm:h-5 ${U ? "text-blue-600 dark:text-blue-400 fill-current" : "text-gray-600 dark:text-gray-400"}`
-              }
-            )
+            onClick: M,
+            className: "flex items-center gap-1 text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors p-1 rounded",
+            "aria-label": "Reblog",
+            children: /* @__PURE__ */ t.jsx(Kc, { className: "w-4 h-4 sm:w-5 sm:h-5" })
           }
         )
       ] }),
       /* @__PURE__ */ t.jsxs("div", { className: "relative group", children: [
-        /* @__PURE__ */ t.jsx("span", { className: ie, children: "View upvotes" }),
+        /* @__PURE__ */ t.jsx("span", { className: ie, children: "Share" }),
         /* @__PURE__ */ t.jsx(
           "button",
           {
             type: "button",
-            onClick: W,
-            className: "flex items-center gap-1 text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition-colors",
-            "aria-label": "View upvotes",
-            children: /* @__PURE__ */ t.jsx("span", { children: x.length })
+            onClick: B,
+            className: "flex items-center gap-1 text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors p-1 rounded",
+            "aria-label": "Share",
+            children: /* @__PURE__ */ t.jsx(ks, { className: "w-4 h-4 sm:w-5 sm:h-5" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "relative group", children: [
+        /* @__PURE__ */ t.jsx("span", { className: ie, children: "Report" }),
+        /* @__PURE__ */ t.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: ne,
+            className: "flex items-center gap-1 text-gray-600 dark:text-gray-400 hover:text-red-600 dark:hover:text-red-400 transition-colors p-1 rounded",
+            "aria-label": "Report",
+            children: /* @__PURE__ */ t.jsx(h0, { className: "w-4 h-4 sm:w-5 sm:h-5" })
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t.jsxs("div", { className: "relative group", children: [
+        /* @__PURE__ */ t.jsx("span", { className: ie, children: "Tip" }),
+        /* @__PURE__ */ t.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: R,
+            className: "flex items-center gap-1 text-gray-600 dark:text-gray-400 hover:text-green-600 dark:hover:text-green-400 transition-colors p-1 rounded",
+            "aria-label": "Tip",
+            children: /* @__PURE__ */ t.jsx(p0, { className: "w-4 h-4 sm:w-5 sm:h-5" })
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: "relative group", children: [
-      /* @__PURE__ */ t.jsx("span", { className: ie, children: "Comments" }),
-      /* @__PURE__ */ t.jsxs(
-        "button",
-        {
-          type: "button",
-          onClick: Q,
-          className: "flex items-center gap-1 text-gray-700 dark:text-gray-300 hover:text-blue-600 dark:hover:text-blue-400 transition-colors",
-          "aria-label": "Comments",
-          children: [
-            /* @__PURE__ */ t.jsx(xa, { className: "w-4 h-4 sm:w-5 sm:h-5" }),
-            /* @__PURE__ */ t.jsx("span", { children: b })
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: "relative group", children: [
-      /* @__PURE__ */ t.jsx("span", { className: ie, children: "Reblog" }),
-      /* @__PURE__ */ t.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: M,
-          className: "flex items-center gap-1 text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors p-1 rounded",
-          "aria-label": "Reblog",
-          children: /* @__PURE__ */ t.jsx(Kc, { className: "w-4 h-4 sm:w-5 sm:h-5" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: "relative group", children: [
-      /* @__PURE__ */ t.jsx("span", { className: ie, children: "Share" }),
-      /* @__PURE__ */ t.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: B,
-          className: "flex items-center gap-1 text-gray-600 dark:text-gray-400 hover:text-blue-600 dark:hover:text-blue-400 transition-colors p-1 rounded",
-          "aria-label": "Share",
-          children: /* @__PURE__ */ t.jsx(ks, { className: "w-4 h-4 sm:w-5 sm:h-5" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: "relative group", children: [
-      /* @__PURE__ */ t.jsx("span", { className: ie, children: "Report" }),
-      /* @__PURE__ */ t.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: ne,
-          className: "flex items-center gap-1 text-gray-600 dark:text-gray-400 hover:text-red-600 dark:hover:text-red-400 transition-colors p-1 rounded",
-          "aria-label": "Report",
-          children: /* @__PURE__ */ t.jsx(h0, { className: "w-4 h-4 sm:w-5 sm:h-5" })
-        }
-      )
-    ] }),
-    /* @__PURE__ */ t.jsxs("div", { className: "relative group", children: [
-      /* @__PURE__ */ t.jsx("span", { className: ie, children: "Tip" }),
-      /* @__PURE__ */ t.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: R,
-          className: "flex items-center gap-1 text-gray-600 dark:text-gray-400 hover:text-green-600 dark:hover:text-green-400 transition-colors p-1 rounded",
-          "aria-label": "Tip",
-          children: /* @__PURE__ */ t.jsx(p0, { className: "w-4 h-4 sm:w-5 sm:h-5" })
-        }
-      )
-    ] }),
-    s > 0 && /* @__PURE__ */ t.jsxs("span", { className: "font-semibold text-green-600 dark:text-green-400", children: [
-      "$",
-      s.toFixed(2)
-    ] }),
+    /* @__PURE__ */ t.jsx("div", { className: "flex-1 flex justify-end min-w-0 shrink-0", children: s != null && s !== "" && /* @__PURE__ */ t.jsx("span", { className: "font-semibold text-green-600 dark:text-green-400", children: s }) }),
     v && /* @__PURE__ */ t.jsx(
       Do,
       {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "hive-react-kit",
   "private": false,
-  "version": "0.2.3",
+  "version": "0.2.5",
   "type": "module",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.esm.js",