hive-react-kit 1.7.8 → 1.7.13

package/dist/build.css

@@ -1625,6 +1625,9 @@
   .border-\[rgba\(255\,255\,255\,0\.08\)\] {
     border-color: rgba(255,255,255,0.08);
   }
+  .border-\[var\(--hrk-bg-surface\)\] {
+    border-color: var(--hrk-bg-surface);
+  }
   .border-\[var\(--hrk-border-default\)\] {
     border-color: var(--hrk-border-default);
   }
@@ -2210,6 +2213,12 @@
   .bg-blue-900 {
     background-color: var(--color-blue-900);
   }
+  .bg-blue-900\/30 {
+    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
+    }
+  }
   .bg-blue-900\/40 {
     background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 40%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2264,6 +2273,9 @@
   .bg-gray-500 {
     background-color: var(--color-gray-500);
   }
+  .bg-gray-600 {
+    background-color: var(--color-gray-600);
+  }
   .bg-gray-700 {
     background-color: var(--color-gray-700);
   }
@@ -2345,6 +2357,12 @@
       background-color: color-mix(in oklab, var(--color-green-900) 10%, transparent);
     }
   }
+  .bg-green-900\/30 {
+    background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent);
+    }
+  }
   .bg-green-900\/50 {
     background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2381,6 +2399,12 @@
   .bg-purple-600 {
     background-color: var(--color-purple-600);
   }
+  .bg-purple-900\/20 {
+    background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-purple-900) 20%, transparent);
+    }
+  }
   .bg-purple-900\/60 {
     background-color: color-mix(in srgb, oklch(38.1% 0.176 304.987) 60%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2618,6 +2642,9 @@
   .fill-white {
     fill: var(--color-white);
   }
+  .stroke-\[3px\] {
+    stroke-width: 3px;
+  }
   .object-contain {
     object-fit: contain;
   }
@@ -3066,9 +3093,6 @@
   .text-blue-600 {
     color: var(--color-blue-600);
   }
-  .text-blue-700 {
-    color: var(--color-blue-700);
-  }
   .text-blue-800 {
     color: var(--color-blue-800);
   }
@@ -3351,9 +3375,6 @@
   .ring-blue-500 {
     --tw-ring-color: var(--color-blue-500);
   }
-  .ring-gray-200 {
-    --tw-ring-color: var(--color-gray-200);
-  }
   .ring-gray-700 {
     --tw-ring-color: var(--color-gray-700);
   }
@@ -5001,6 +5022,11 @@
       border-color: var(--hrk-border-default);
     }
   }
+  .sm\:border-\[var\(--hrk-border-subtle\)\] {
+    @media (width >= 40rem) {
+      border-color: var(--hrk-border-subtle);
+    }
+  }
   .sm\:bg-transparent {
     @media (width >= 40rem) {
       background-color: transparent;
@@ -5569,16 +5595,6 @@
       line-height: var(--tw-leading, var(--text-base--line-height));
     }
   }
-  .dark\:border-\[var\(--hrk-border-default\)\] {
-    @media (prefers-color-scheme: dark) {
-      border-color: var(--hrk-border-default);
-    }
-  }
-  .dark\:border-\[var\(--hrk-border-subtle\)\] {
-    @media (prefers-color-scheme: dark) {
-      border-color: var(--hrk-border-subtle);
-    }
-  }
   .dark\:border-gray-600 {
     @media (prefers-color-scheme: dark) {
       border-color: var(--color-gray-600);
@@ -5604,24 +5620,11 @@
       background-color: var(--hrk-bg-app);
     }
   }
-  .dark\:bg-\[var\(--hrk-bg-surface\)\] {
-    @media (prefers-color-scheme: dark) {
-      background-color: var(--hrk-bg-surface);
-    }
-  }
   .dark\:bg-\[var\(--hrk-bg-surface-raised\)\] {
     @media (prefers-color-scheme: dark) {
       background-color: var(--hrk-bg-surface-raised);
     }
   }
-  .dark\:bg-\[var\(--hrk-bg-surface-raised\)\]\/50 {
-    @media (prefers-color-scheme: dark) {
-      background-color: var(--hrk-bg-surface-raised);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--hrk-bg-surface-raised) 50%, transparent);
-      }
-    }
-  }
   .dark\:bg-blue-500 {
     @media (prefers-color-scheme: dark) {
       background-color: var(--color-blue-500);
@@ -5640,14 +5643,6 @@
       }
     }
   }
-  .dark\:bg-blue-900\/30 {
-    @media (prefers-color-scheme: dark) {
-      background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 30%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-blue-900) 30%, transparent);
-      }
-    }
-  }
   .dark\:bg-gray-700 {
     @media (prefers-color-scheme: dark) {
       background-color: var(--color-gray-700);
@@ -5671,14 +5666,6 @@
       }
     }
   }
-  .dark\:bg-green-900\/30 {
-    @media (prefers-color-scheme: dark) {
-      background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 30%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-green-900) 30%, transparent);
-      }
-    }
-  }
   .dark\:bg-purple-900 {
     @media (prefers-color-scheme: dark) {
       background-color: var(--color-purple-900);
@@ -5809,29 +5796,6 @@
       }
     }
   }
-  .dark\:ring-\[var\(--hrk-border-subtle\)\] {
-    @media (prefers-color-scheme: dark) {
-      --tw-ring-color: var(--hrk-border-subtle);
-    }
-  }
-  .dark\:hover\:border-\[var\(--hrk-border-default\)\] {
-    @media (prefers-color-scheme: dark) {
-      &:hover {
-        @media (hover: hover) {
-          border-color: var(--hrk-border-default);
-        }
-      }
-    }
-  }
-  .dark\:hover\:bg-\[var\(--hrk-bg-surface\)\] {
-    @media (prefers-color-scheme: dark) {
-      &:hover {
-        @media (hover: hover) {
-          background-color: var(--hrk-bg-surface);
-        }
-      }
-    }
-  }
   .dark\:hover\:bg-\[var\(--hrk-bg-surface-raised\)\] {
     @media (prefers-color-scheme: dark) {
       &:hover {

package/dist/components/UpvoteListModal.d.ts

@@ -27,8 +27,12 @@ interface UpvoteListModalProps {
     /** Unit suffix for each voter's `value` (e.g. "MHP"). Shown after the
      *  number in voters-only mode; no Hive reward icon is rendered. */
     valueUnit?: string;
-    /** Header title override. Defaults to "Votes (Hive Rewards)". */
+    /** Header title override. Defaults to "Votes (Hive Rewards)" or
+     *  "Downvotes" when `voteFilter` is `"downvotes"`. */
     title?: string;
+    /** When `"downvotes"`, only negative votes are listed (opened from
+     *  the broken-heart indicator). Default `"upvotes"`. */
+    voteFilter?: 'upvotes' | 'downvotes';
     /** Makes each voter row navigate to the account's profile. Mainly
      *  used in voters-only mode. */
     onUserClick?: (username: string) => void;
@@ -43,5 +47,5 @@ export interface VoterRow {
     value?: number;
 }
 export declare function formatTimeAgo(date: string | Date): string;
-declare const UpvoteListModal: ({ author, permlink, onClose, currentUser, token, onClickUpvoteButton, hiveIconUrl, voters, fetchVoters, valueUnit, title, onUserClick, getUserUrl, }: UpvoteListModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const UpvoteListModal: ({ author, permlink, onClose, currentUser, token, onClickUpvoteButton, hiveIconUrl, voters, fetchVoters, valueUnit, title, voteFilter, onUserClick, getUserUrl, }: UpvoteListModalProps) => import("react/jsx-runtime").JSX.Element;
 export default UpvoteListModal;

package/dist/components/actionButtons/PostActionButton.d.ts

@@ -27,6 +27,10 @@ export interface PostActionButtonProps {
      *  popular posts. Pass this when you have the canonical total so
      *  the chip reads "1.2k" instead of being capped at 1000. */
     initialVoteCount?: number;
+    /** Hive `stats.flag_weight` — non-zero means the post has downvotes.
+     *  Pair with `initialVotes` so the broken-heart indicator is reliable
+     *  even when the capped `active_votes` array omits flag voters. */
+    initialFlagWeight?: number;
     /** Optional: Pre-loaded comments count from the Post object (item.children). Skips the API call when provided. */
     initialCommentsCount?: number;
     /** Called when user confirms vote with percent (1–100). Frontend handles signing/broadcast. */
@@ -150,5 +154,5 @@ export interface PostActionButtonProps {
      *  polls, community detail) where there isn't room for four icons. */
     actionsAsMenu?: boolean;
 }
-export declare function PostActionButton({ author, permlink, currentUser: currentUserProp, hiveValue, hiveIconUrl, payoutTooltip, payoutDetails, initialVotes, initialVoteCount, initialCommentsCount, onUpvote, onSubmitComment, onComments, onEdit, onReblog, onReSnap, onShare, onTip, onReport, onToggleBookmark, isBookmarked, onDelete, onPin, onUnpin, onClickCommentUpvote, onUserClick, getUserUrl, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, disableCommentsModal, onClickCommentIcon, onClickCommentCount, hasCommented, myReplyKey, showVoteButton, parentTags, defaultReward, defaultBeneficiaries, beneficiaryFavorites, defaultVotePercent, voteWeightStep, allowLandscapeVideos, actionsAsMenu, awaitingWalletApproval, postCreatedAt, size, }: PostActionButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function PostActionButton({ author, permlink, currentUser: currentUserProp, hiveValue, hiveIconUrl, payoutTooltip, payoutDetails, initialVotes, initialVoteCount, initialFlagWeight, initialCommentsCount, onUpvote, onSubmitComment, onComments, onEdit, onReblog, onReSnap, onShare, onTip, onReport, onToggleBookmark, isBookmarked, onDelete, onPin, onUnpin, onClickCommentUpvote, onUserClick, getUserUrl, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, disableCommentsModal, onClickCommentIcon, onClickCommentCount, hasCommented, myReplyKey, showVoteButton, parentTags, defaultReward, defaultBeneficiaries, beneficiaryFavorites, defaultVotePercent, voteWeightStep, allowLandscapeVideos, actionsAsMenu, awaitingWalletApproval, postCreatedAt, size, }: PostActionButtonProps): import("react/jsx-runtime").JSX.Element;
 export default PostActionButton;

package/dist/components/user/UserDetailProfile.d.ts

@@ -228,6 +228,6 @@ export interface UserDetailProfileProps {
      *  `addAccountAuthority` / `removeAccountAuthority`). */
     onPostingAuthority?: () => void;
 }
-type TabType = "blogs" | "posts" | "snaps" | "polls" | "comments" | "replies" | "activities" | "authorRewards" | "curationRewards" | "followers" | "following" | "wallet" | "votingPower" | "badges" | "witnessVotes" | "growth";
+type TabType = "blogs" | "posts" | "snaps" | "polls" | "comments" | "replies" | "activities" | "authorRewards" | "curationRewards" | "followers" | "following" | "wallet" | "votingPower" | "badges" | "witnessVotes" | "growth" | "curation";
 declare const UserDetailProfile: React.FC<UserDetailProfileProps>;
 export default UserDetailProfile;

package/dist/i18n/messages.d.ts

@@ -15,7 +15,7 @@
  * Missing keys for a non-English language fall back to the English entry,
  * which is the source of truth for every label.
  */
-export type KitMessageKey = "tab.blogs" | "tab.posts" | "tab.snaps" | "tab.polls" | "tab.comments" | "tab.replies" | "tab.activities" | "tab.authorRewards" | "tab.curationRewards" | "tab.growth" | "tab.followers" | "tab.following" | "tab.wallet" | "tab.engineTokens" | "tab.votingPower" | "tab.badges" | "tab.witnessVotes" | "meta.followers" | "meta.following" | "meta.posts" | "action.follow" | "action.unfollow" | "action.ignoreAuthor" | "action.mute" | "action.unmute" | "action.reportUser" | "action.shareProfile" | "action.cancel" | "action.confirmIgnore" | "action.processing" | "modal.ignoreAuthorTitle" | "modal.ignoreAuthorBody" | "empty.noBlogs" | "empty.noPosts" | "empty.noSnaps" | "empty.noPolls" | "empty.noComments" | "empty.noReplies" | "empty.noFollowers" | "empty.notFollowing" | "empty.noBadges" | "empty.noWitnessVotes" | "empty.noPendingAuthor" | "empty.noPendingCuration" | "empty.curationHint" | "empty.votingPowerUnavailable" | "empty.userNotFound" | "status.active" | "status.ended" | "poll.selectAnOption" | "poll.selectUpTo" | "poll.changeYourVote" | "poll.selected" | "poll.submitVote" | "poll.submitVotes" | "poll.changeVote" | "poll.submitting" | "poll.voted" | "poll.voteChangesAllowed" | "poll.voter" | "poll.voters" | "poll.option" | "poll.options" | "poll.endsIn" | "common.translating" | "common.processing" | "common.fullyCharged" | "reward.pendingAuthor" | "reward.pendingCuration" | "reward.posts" | "reward.comments" | "reward.totalHbd" | "reward.totalHp" | "reward.avgEfficiency" | "reward.post" | "reward.comment" | "vp.upvotePower" | "vp.downvotePower" | "vp.resourceCredits";
+export type KitMessageKey = "tab.blogs" | "tab.posts" | "tab.snaps" | "tab.polls" | "tab.comments" | "tab.replies" | "tab.activities" | "tab.authorRewards" | "tab.curationRewards" | "tab.growth" | "tab.followers" | "tab.following" | "tab.wallet" | "tab.engineTokens" | "tab.votingPower" | "tab.badges" | "tab.witnessVotes" | "tab.curation" | "meta.followers" | "meta.following" | "meta.posts" | "action.follow" | "action.unfollow" | "action.ignoreAuthor" | "action.mute" | "action.unmute" | "action.reportUser" | "action.shareProfile" | "action.cancel" | "action.confirmIgnore" | "action.processing" | "modal.ignoreAuthorTitle" | "modal.ignoreAuthorBody" | "empty.noBlogs" | "empty.noPosts" | "empty.noSnaps" | "empty.noPolls" | "empty.noComments" | "empty.noReplies" | "empty.noFollowers" | "empty.notFollowing" | "empty.noBadges" | "empty.noWitnessVotes" | "empty.noPendingAuthor" | "empty.noPendingCuration" | "empty.curationHint" | "empty.votingPowerUnavailable" | "empty.userNotFound" | "empty.noCuration" | "status.active" | "status.ended" | "poll.selectAnOption" | "poll.selectUpTo" | "poll.changeYourVote" | "poll.selected" | "poll.submitVote" | "poll.submitVotes" | "poll.changeVote" | "poll.submitting" | "poll.voted" | "poll.voteChangesAllowed" | "poll.voter" | "poll.voters" | "poll.option" | "poll.options" | "poll.endsIn" | "common.translating" | "common.processing" | "common.fullyCharged" | "reward.pendingAuthor" | "reward.pendingCuration" | "reward.posts" | "reward.comments" | "reward.totalHbd" | "reward.totalHp" | "reward.avgEfficiency" | "reward.post" | "reward.comment" | "vp.upvotePower" | "vp.downvotePower" | "vp.resourceCredits";
 export type KitMessages = Partial<Record<KitMessageKey, string>>;
 export declare const BUILTIN_MESSAGES: Record<string, Record<string, string>>;
 /**