hive-react-kit 1.9.8 → 1.10.1

package/dist/build.css

@@ -303,6 +303,9 @@
   .\@container {
     container-type: inline-size;
   }
+  .pointer-events-auto {
+    pointer-events: auto;
+  }
   .pointer-events-none {
     pointer-events: none;
   }
@@ -372,6 +375,12 @@
   .top-3 {
     top: calc(var(--spacing) * 3);
   }
+  .top-12 {
+    top: calc(var(--spacing) * 12);
+  }
+  .top-14 {
+    top: calc(var(--spacing) * 14);
+  }
   .top-24 {
     top: calc(var(--spacing) * 24);
   }
@@ -751,6 +760,9 @@
   .aspect-video {
     aspect-ratio: var(--aspect-video);
   }
+  .h-0 {
+    height: 0;
+  }
   .h-1 {
     height: var(--spacing);
   }
@@ -1431,6 +1443,13 @@
   .gap-x-4 {
     column-gap: calc(var(--spacing) * 4);
   }
+  .-space-x-1\.5 {
+    :where(& > :not(:last-child)) {
+      --tw-space-x-reverse: 0;
+      margin-inline-start: calc(calc(var(--spacing) * -1.5) * var(--tw-space-x-reverse));
+      margin-inline-end: calc(calc(var(--spacing) * -1.5) * calc(1 - var(--tw-space-x-reverse)));
+    }
+  }
   .space-x-1 {
     :where(& > :not(:last-child)) {
       --tw-space-x-reverse: 0;
@@ -1525,6 +1544,9 @@
   .overflow-hidden {
     overflow: hidden;
   }
+  .overflow-visible {
+    overflow: visible;
+  }
   .overflow-x-auto {
     overflow-x: auto;
   }
@@ -1878,6 +1900,9 @@
   .bg-\[\#1a1d21\] {
     background-color: #1a1d21;
   }
+  .bg-\[\#1d9bf0\] {
+    background-color: #1d9bf0;
+  }
   .bg-\[\#1e242c\] {
     background-color: #1e242c;
   }
@@ -3360,6 +3385,9 @@
       --tw-shadow-color: color-mix(in oklab, color-mix(in oklab, var(--color-blue-500) 10%, transparent) var(--tw-shadow-alpha), transparent);
     }
   }
+  .ring-\[\#1d9bf0\] {
+    --tw-ring-color: #1d9bf0;
+  }
   .ring-\[var\(--hrk-border-default\)\] {
     --tw-ring-color: var(--hrk-border-default);
   }
@@ -3740,6 +3768,13 @@
       }
     }
   }
+  .hover\:bg-\[\#1a8cd8\] {
+    &:hover {
+      @media (hover: hover) {
+        background-color: #1a8cd8;
+      }
+    }
+  }
   .hover\:bg-\[var\(--hrk-bg-hover\)\] {
     &:hover {
       @media (hover: hover) {
@@ -6123,10 +6158,31 @@
 .hive-post-body img {
   max-width: 100%;
   height: auto;
+  max-height: 80vh;
+  object-fit: contain;
   border-radius: 0.75rem;
   margin: 1rem auto;
   display: block;
 }
+.hive-post-body .hive-image-gallery {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5rem;
+  margin: 1rem 0;
+  justify-content: center;
+}
+.hive-post-body .hive-image-gallery .hive-img-figure {
+  flex: 1 1 0%;
+  min-width: 200px;
+  margin: 0;
+}
+.hive-post-body .hive-image-gallery .hive-img-figure img {
+  margin: 0;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+  max-height: 80vh;
+}
 .hive-post-body blockquote {
   border-left: 4px solid #3b82f680;
   background: #1f293780;
@@ -6526,6 +6582,8 @@
 .snaps-feed-body img {
   max-width: 100%;
   height: auto;
+  max-height: 80vh;
+  object-fit: contain;
   border-radius: 0.5rem;
   margin: 0.25rem 0;
 }

package/dist/components/LanguagePickerButton.d.ts

@@ -7,6 +7,10 @@ interface LanguagePickerButtonProps {
     /** Optional override for the language list. Defaults to the same
      *  15-language set used by the selection-translate popover. */
     languages?: SelectionTranslateLanguage[];
+    /** Optional class name to override styling. */
+    className?: string;
+    /** Optional flag to render as a menu item instead of header button. */
+    isMenuItem?: boolean;
 }
-export declare function LanguagePickerButton({ language, onSelectLanguage, languages, }: LanguagePickerButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function LanguagePickerButton({ language, onSelectLanguage, languages, className, isMenuItem, }: LanguagePickerButtonProps): import("react/jsx-runtime").JSX.Element;
 export default LanguagePickerButton;

package/dist/components/feed/SnapsFeedView.d.ts

@@ -29,6 +29,9 @@ export interface SnapsFeedSlot {
     error?: string | null;
     onLoadMore?: () => void;
     onRefresh?: () => void;
+    newCount?: number;
+    newAvatars?: string[];
+    onShowNew?: () => void;
 }
 export interface SnapsFeedViewProps {
     feeds: Record<SnapsFeedKey, SnapsFeedSlot>;
@@ -127,6 +130,7 @@ export interface SnapsFeedViewProps {
      *  page-level scrollbar instead of four independent ones. Column
      *  headers stay visible via `sticky top-0`. Mobile is unaffected. */
     pageScroll?: boolean;
+    onActiveFeedChange?: (feed: SnapsFeedKey) => void;
 }
-export declare function SnapsFeedView({ feeds, labels, avatars, defaultPrimary, currentUser, onUpvote, onSubmitComment, onClickCommentUpvote, onReblog, isPostReblogged, onCheckReblogged, onReSnap, onTip, onSharePost, onCommentClick, onClickCommentIcon, onClickCommentCount, onReportPost, onToggleBookmark, isPostBookmarked, onDeletePost, onEditSnap, onVotePoll, onUserClick, onPostClick, getPostUrl, getUserUrl, getTagUrl, getCommunityUrl, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, defaultVotePercent, voteWeightStep, allowLandscapeVideos, awaitingWalletApproval, defaultReward, toolbar, footer, renderHeaderActions, actionsAsMenu, pageScroll, }: SnapsFeedViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SnapsFeedView({ feeds, labels, avatars, defaultPrimary, currentUser, onUpvote, onSubmitComment, onClickCommentUpvote, onReblog, isPostReblogged, onCheckReblogged, onReSnap, onTip, onSharePost, onCommentClick, onClickCommentIcon, onClickCommentCount, onReportPost, onToggleBookmark, isPostBookmarked, onDeletePost, onEditSnap, onVotePoll, onUserClick, onPostClick, getPostUrl, getUserUrl, getTagUrl, getCommunityUrl, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, defaultVotePercent, voteWeightStep, allowLandscapeVideos, awaitingWalletApproval, defaultReward, toolbar, footer, renderHeaderActions, actionsAsMenu, pageScroll, onActiveFeedChange, }: SnapsFeedViewProps): import("react/jsx-runtime").JSX.Element;
 export default SnapsFeedView;