hive-react-kit 0.5.5 → 0.5.8

package/dist/build.css

@@ -20,8 +20,6 @@
     --color-orange-300: oklch(83.7% 0.128 66.29);
     --color-orange-400: oklch(75% 0.183 55.934);
     --color-orange-500: oklch(70.5% 0.213 47.604);
-    --color-orange-600: oklch(64.6% 0.222 41.116);
-    --color-orange-700: oklch(55.3% 0.195 38.402);
     --color-orange-900: oklch(40.8% 0.123 38.172);
     --color-amber-300: oklch(87.9% 0.169 91.605);
     --color-amber-400: oklch(82.8% 0.189 84.429);
@@ -47,7 +45,6 @@
     --color-emerald-900: oklch(37.8% 0.077 168.94);
     --color-sky-400: oklch(74.6% 0.16 232.661);
     --color-sky-500: oklch(68.5% 0.169 237.323);
-    --color-blue-50: oklch(97% 0.014 254.604);
     --color-blue-100: oklch(93.2% 0.032 255.585);
     --color-blue-200: oklch(88.2% 0.059 254.128);
     --color-blue-300: oklch(80.9% 0.105 251.813);
@@ -1102,9 +1099,9 @@
       border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
     }
   }
-  .divide-gray-100 {
+  .divide-gray-700 {
     :where(& > :not(:last-child)) {
-      border-color: var(--color-gray-100);
+      border-color: var(--color-gray-700);
     }
   }
   .truncate {
@@ -1265,6 +1262,9 @@
       border-color: color-mix(in oklab, var(--color-white) 30%, transparent);
     }
   }
+  .border-yellow-800 {
+    border-color: var(--color-yellow-800);
+  }
   .border-t-transparent {
     border-top-color: transparent;
   }
@@ -1367,12 +1367,6 @@
       background-color: color-mix(in oklab, var(--color-blue-900) 10%, transparent);
     }
   }
-  .bg-blue-900\/20 {
-    background-color: color-mix(in srgb, oklch(37.9% 0.146 265.522) 20%, transparent);
-    @supports (color: color-mix(in lab, red, red)) {
-      background-color: color-mix(in oklab, var(--color-blue-900) 20%, transparent);
-    }
-  }
   .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)) {
@@ -1406,9 +1400,6 @@
   .bg-gray-200 {
     background-color: var(--color-gray-200);
   }
-  .bg-gray-300 {
-    background-color: var(--color-gray-300);
-  }
   .bg-gray-500 {
     background-color: var(--color-gray-500);
   }
@@ -1442,6 +1433,12 @@
   .bg-gray-900 {
     background-color: var(--color-gray-900);
   }
+  .bg-gray-900\/30 {
+    background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 30%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-gray-900) 30%, transparent);
+    }
+  }
   .bg-gray-900\/50 {
     background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 50%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -1484,9 +1481,6 @@
       background-color: color-mix(in oklab, var(--color-orange-500) 15%, transparent);
     }
   }
-  .bg-orange-600 {
-    background-color: var(--color-orange-600);
-  }
   .bg-purple-100 {
     background-color: var(--color-purple-100);
   }
@@ -1553,8 +1547,14 @@
   .bg-yellow-100 {
     background-color: var(--color-yellow-100);
   }
-  .bg-yellow-200 {
-    background-color: var(--color-yellow-200);
+  .bg-yellow-800 {
+    background-color: var(--color-yellow-800);
+  }
+  .bg-yellow-900\/20 {
+    background-color: color-mix(in srgb, oklch(42.1% 0.095 57.708) 20%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-yellow-900) 20%, transparent);
+    }
   }
   .bg-gradient-to-b {
     --tw-gradient-position: to bottom in oklab;
@@ -1926,6 +1926,9 @@
       color: color-mix(in oklab, var(--color-blue-100) 80%, transparent);
     }
   }
+  .text-blue-200 {
+    color: var(--color-blue-200);
+  }
   .text-blue-300 {
     color: var(--color-blue-300);
   }
@@ -2043,6 +2046,9 @@
       color: color-mix(in oklab, var(--color-white) 90%, transparent);
     }
   }
+  .text-yellow-200 {
+    color: var(--color-yellow-200);
+  }
   .text-yellow-400 {
     color: var(--color-yellow-400);
   }
@@ -2130,8 +2136,8 @@
   .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);
   }
   .filter {
     filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
@@ -2337,13 +2343,6 @@
       }
     }
   }
-  .hover\:bg-blue-50 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-blue-50);
-      }
-    }
-  }
   .hover\:bg-blue-600 {
     &:hover {
       @media (hover: hover) {
@@ -2386,13 +2385,6 @@
       }
     }
   }
-  .hover\:bg-gray-400 {
-    &:hover {
-      @media (hover: hover) {
-        background-color: var(--color-gray-400);
-      }
-    }
-  }
   .hover\:bg-gray-600 {
     &:hover {
       @media (hover: hover) {
@@ -2424,27 +2416,30 @@
       }
     }
   }
-  .hover\:bg-gray-800\/80 {
+  .hover\:bg-gray-800\/50 {
     &:hover {
       @media (hover: hover) {
-        background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 80%, transparent);
+        background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 50%, transparent);
         @supports (color: color-mix(in lab, red, red)) {
-          background-color: color-mix(in oklab, var(--color-gray-800) 80%, transparent);
+          background-color: color-mix(in oklab, var(--color-gray-800) 50%, transparent);
         }
       }
     }
   }
-  .hover\:bg-green-700 {
+  .hover\:bg-gray-800\/80 {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--color-green-700);
+        background-color: color-mix(in srgb, oklch(27.8% 0.033 256.848) 80%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-gray-800) 80%, transparent);
+        }
       }
     }
   }
-  .hover\:bg-orange-700 {
+  .hover\:bg-green-700 {
     &:hover {
       @media (hover: hover) {
-        background-color: var(--color-orange-700);
+        background-color: var(--color-green-700);
       }
     }
   }
@@ -2588,10 +2583,10 @@
       }
     }
   }
-  .hover\:text-green-600 {
+  .hover\:text-green-400 {
     &:hover {
       @media (hover: hover) {
-        color: var(--color-green-600);
+        color: var(--color-green-400);
       }
     }
   }
@@ -2609,13 +2604,6 @@
       }
     }
   }
-  .hover\:text-red-600 {
-    &:hover {
-      @media (hover: hover) {
-        color: var(--color-red-600);
-      }
-    }
-  }
   .hover\:text-white {
     &:hover {
       @media (hover: hover) {
@@ -2775,11 +2763,6 @@
       -webkit-line-clamp: 3;
     }
   }
-  .sm\:block {
-    @media (width >= 40rem) {
-      display: block;
-    }
-  }
   .sm\:flex {
     @media (width >= 40rem) {
       display: flex;
@@ -3231,13 +3214,6 @@
       grid-template-columns: repeat(4, minmax(0, 1fr));
     }
   }
-  .dark\:divide-gray-700 {
-    @media (prefers-color-scheme: dark) {
-      :where(& > :not(:last-child)) {
-        border-color: var(--color-gray-700);
-      }
-    }
-  }
   .dark\:border-blue-400 {
     @media (prefers-color-scheme: dark) {
       border-color: var(--color-blue-400);
@@ -3304,22 +3280,6 @@
       background-color: var(--color-gray-900);
     }
   }
-  .dark\:bg-gray-900\/30 {
-    @media (prefers-color-scheme: dark) {
-      background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 30%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-gray-900) 30%, transparent);
-      }
-    }
-  }
-  .dark\:bg-gray-900\/50 {
-    @media (prefers-color-scheme: dark) {
-      background-color: color-mix(in srgb, oklch(21% 0.034 264.665) 50%, transparent);
-      @supports (color: color-mix(in lab, red, red)) {
-        background-color: color-mix(in oklab, var(--color-gray-900) 50%, transparent);
-      }
-    }
-  }
   .dark\:bg-green-900\/20 {
     @media (prefers-color-scheme: dark) {
       background-color: color-mix(in srgb, oklch(39.3% 0.095 152.535) 20%, transparent);
@@ -3346,11 +3306,6 @@
       background-color: var(--color-red-900);
     }
   }
-  .dark\:bg-yellow-800 {
-    @media (prefers-color-scheme: dark) {
-      background-color: var(--color-yellow-800);
-    }
-  }
   .dark\:bg-yellow-900 {
     @media (prefers-color-scheme: dark) {
       background-color: var(--color-yellow-900);
@@ -3448,11 +3403,6 @@
       }
     }
   }
-  .dark\:ring-gray-700 {
-    @media (prefers-color-scheme: dark) {
-      --tw-ring-color: var(--color-gray-700);
-    }
-  }
   .dark\:hover\:bg-gray-600 {
     @media (prefers-color-scheme: dark) {
       &:hover {
@@ -3537,24 +3487,6 @@
       }
     }
   }
-  .dark\:hover\:text-green-400 {
-    @media (prefers-color-scheme: dark) {
-      &:hover {
-        @media (hover: hover) {
-          color: var(--color-green-400);
-        }
-      }
-    }
-  }
-  .dark\:hover\:text-red-400 {
-    @media (prefers-color-scheme: dark) {
-      &:hover {
-        @media (hover: hover) {
-          color: var(--color-red-400);
-        }
-      }
-    }
-  }
   .dark\:hover\:text-white {
     @media (prefers-color-scheme: dark) {
       &:hover {

package/dist/components/ReportModal.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export interface ReportModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onReport: (reason: string) => Promise<void>;
+    reportType: 'user' | 'post';
+    targetUsername: string;
+    targetPermlink?: string;
+}
+export declare const ReportModal: React.FC<ReportModalProps>;
+export default ReportModal;

package/dist/components/comments/AddCommentInput.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export interface PostComposerProps {
     onSubmit: (body: string) => void;
     onCancel?: () => void;
@@ -47,6 +48,12 @@ export interface PostComposerProps {
     disabled?: boolean;
     /** Hide the built-in submit button and keyboard hint footer (default false). Use when providing external submit buttons */
     hideSubmitArea?: boolean;
+    /** Ref that receives a { submit(), getFinalBody(), clear() } handle. Call submit() from external buttons to trigger the full submit flow. Call getFinalBody() to get body with audio/video URLs appended without submitting. Call clear() to reset all state. */
+    submitRef?: React.MutableRefObject<{
+        submit: () => Promise<void>;
+        getFinalBody: () => string;
+        clear: () => void;
+    } | null>;
     /** Hide the avatar and username header (default false) */
     hideUserHeader?: boolean;
     /** Custom background color for the composer container (e.g. "#262b30", "transparent") */
@@ -56,8 +63,8 @@ export interface PostComposerProps {
 }
 /** @deprecated Use PostComposerProps instead */
 export type AddCommentInputProps = PostComposerProps;
-declare const PostComposer: ({ onSubmit, onCancel, currentUser, placeholder, parentAuthor, parentPermlink, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, hideBold, hideItalic, hideLink, hideImage, hideAudio, hideVideo, hideEmoji, hideGif, hideCode, hideMention, hideTemplate, hidePreview, hidePoll, onPollChange, showCancel, submitLabel, title, defaultPreviewOn, value, onChange, disabled, hideSubmitArea, hideUserHeader, bgColor, borderColor, }: PostComposerProps) => import("react/jsx-runtime").JSX.Element;
+declare const PostComposer: ({ onSubmit, onCancel, currentUser, placeholder, parentAuthor, parentPermlink, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, hideBold, hideItalic, hideLink, hideImage, hideAudio, hideVideo, hideEmoji, hideGif, hideCode, hideMention, hideTemplate, hidePreview, hidePoll, onPollChange, showCancel, submitLabel, title, defaultPreviewOn, value, onChange, disabled, hideSubmitArea, submitRef, hideUserHeader, bgColor, borderColor, }: PostComposerProps) => import("react/jsx-runtime").JSX.Element;
 /** @deprecated Use PostComposer instead */
-declare const AddCommentInput: ({ onSubmit, onCancel, currentUser, placeholder, parentAuthor, parentPermlink, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, hideBold, hideItalic, hideLink, hideImage, hideAudio, hideVideo, hideEmoji, hideGif, hideCode, hideMention, hideTemplate, hidePreview, hidePoll, onPollChange, showCancel, submitLabel, title, defaultPreviewOn, value, onChange, disabled, hideSubmitArea, hideUserHeader, bgColor, borderColor, }: PostComposerProps) => import("react/jsx-runtime").JSX.Element;
+declare const AddCommentInput: ({ onSubmit, onCancel, currentUser, placeholder, parentAuthor, parentPermlink, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, hideBold, hideItalic, hideLink, hideImage, hideAudio, hideVideo, hideEmoji, hideGif, hideCode, hideMention, hideTemplate, hidePreview, hidePoll, onPollChange, showCancel, submitLabel, title, defaultPreviewOn, value, onChange, disabled, hideSubmitArea, submitRef, hideUserHeader, bgColor, borderColor, }: PostComposerProps) => import("react/jsx-runtime").JSX.Element;
 export { PostComposer };
 export default AddCommentInput;

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

@@ -22,6 +22,13 @@ export interface UserDetailProfileProps {
     templateToken?: string;
     /** Custom template API endpoint (defaults to https://hreplier-api.sagarkothari88.one/data/templates) */
     templateApiBaseUrl?: string;
+    /** List of reported posts to exclude from feed. Each entry has { author, permlink }. */
+    reportedPosts?: {
+        author: string;
+        permlink: string;
+    }[];
+    /** List of reported/ignored author usernames to exclude from feed. */
+    reportedAuthors?: string[];
     onFollow?: (username: string) => void | Promise<void>;
     onUnfollow?: (username: string) => void | Promise<void>;
     onIgnoreAuthor?: (username: string) => void | Promise<void>;
@@ -31,7 +38,7 @@ export interface UserDetailProfileProps {
     onClickCommentUpvote?: (author: string, permlink: string, percent: number) => void | Promise<void>;
     onReblog?: (author: string, permlink: string) => void;
     onTip?: (author: string, permlink: string) => void;
-    onReportPost?: (author: string, permlink: string) => void;
+    onReportPost?: (author: string, permlink: string, reason: string) => void | Promise<void>;
     onUserClick?: (username: string) => void;
     onPostClick?: (author: string, permlink: string, title: string) => void;
     onSnapClick?: (author: string, permlink: string) => void;
@@ -39,6 +46,7 @@ export interface UserDetailProfileProps {
     onActivityPermlink?: (author: string, permlink: string) => void;
     onActivitySelect?: (activity: any) => void;
     onShare?: (username: string) => void;
+    onSharePost?: (author: string, permlink: string) => void;
 }
 type TabType = "blogs" | "posts" | "snaps" | "polls" | "comments" | "replies" | "activities" | "authorRewards" | "curationRewards" | "followers" | "following" | "wallet";
 declare const UserDetailProfile: React.FC<UserDetailProfileProps>;