hive-react-kit 1.5.1 → 1.5.2

package/dist/build.css

@@ -3054,6 +3054,9 @@
   .text-blue-600 {
     color: var(--color-blue-600);
   }
+  .text-blue-700 {
+    color: var(--color-blue-700);
+  }
   .text-blue-800 {
     color: var(--color-blue-800);
   }
@@ -3342,6 +3345,9 @@
   .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);
   }
@@ -4417,11 +4423,6 @@
       background-color: var(--hrk-bg-surface-raised);
     }
   }
-  .disabled\:bg-blue-400 {
-    &:disabled {
-      background-color: var(--color-blue-400);
-    }
-  }
   .disabled\:text-\[var\(--hrk-text-tertiary\)\] {
     &:disabled {
       color: var(--hrk-text-tertiary);
@@ -4442,6 +4443,11 @@
       opacity: 50%;
     }
   }
+  .disabled\:opacity-60 {
+    &:disabled {
+      opacity: 60%;
+    }
+  }
   .sm\:absolute {
     @media (width >= 40rem) {
       position: absolute;
@@ -5568,6 +5574,14 @@
       }
     }
   }
+  .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);
@@ -5591,6 +5605,14 @@
       }
     }
   }
+  .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);
@@ -5721,6 +5743,11 @@
       }
     }
   }
+  .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 {

package/dist/components/community/CommunityDetail.d.ts

@@ -54,6 +54,20 @@ export interface CommunityDetailProps {
     }[];
     onShare?: () => void;
     onRss?: () => void;
+    /** Whether the current viewer is subscribed to this community.
+     *  When omitted (undefined) the kit queries
+     *  `bridge.list_all_subscriptions` for `currentUser` itself; pass an
+     *  explicit boolean to override (e.g. to share status with the host
+     *  app). */
+    isSubscribed?: boolean;
+    /** Fired when the user taps the Subscribe / Unsubscribe button.
+     *  Receives the next intended state (true = subscribe). Implement on
+     *  the host to broadcast the `community` custom_json operation, then
+     *  reflect the new state via `isSubscribed`. */
+    onToggleSubscribe?: (next: boolean) => void | Promise<void>;
+    /** Show a spinner on the button — set this true while a broadcast is
+     *  in flight on the host. */
+    subscribePending?: boolean;
     /** Controlled top-level tab. Pass alongside `onActiveTabChange` to
      *  drive the tab from the URL or any other external store. When
      *  omitted, the component manages tab state internally (default
@@ -71,5 +85,5 @@ export interface CommunityDetailProps {
      *  the view starts at the top, matching forward navigation. */
     shouldRestoreScroll?: boolean;
 }
-declare const CommunityDetail: ({ communityId, currentUser, onBack, onUserClick, onPostClick, onCommentClick, onUpvote, onSubmitComment, onClickCommentUpvote, onReblog, onTip, onSharePost, onReportPost, onDeletePost, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, defaultVotePercent, voteWeightStep, allowLandscapeVideos, awaitingWalletApproval, defaultReward, actionsAsMenu, onShare, onRss, loadCommunitySnaps: _loadCommunitySnaps, reportedAuthors, reportedPosts, activeTab: controlledActiveTab, onActiveTabChange, postSort: controlledPostSort, onPostSortChange, shouldRestoreScroll, }: CommunityDetailProps) => import("react/jsx-runtime").JSX.Element;
+declare const CommunityDetail: ({ communityId, currentUser, onBack, onUserClick, onPostClick, onCommentClick, onUpvote, onSubmitComment, onClickCommentUpvote, onReblog, onTip, onSharePost, onReportPost, onDeletePost, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, defaultVotePercent, voteWeightStep, allowLandscapeVideos, awaitingWalletApproval, defaultReward, actionsAsMenu, onShare, onRss, isSubscribed: controlledIsSubscribed, onToggleSubscribe, subscribePending, loadCommunitySnaps: _loadCommunitySnaps, reportedAuthors, reportedPosts, activeTab: controlledActiveTab, onActiveTabChange, postSort: controlledPostSort, onPostSortChange, shouldRestoreScroll, }: CommunityDetailProps) => import("react/jsx-runtime").JSX.Element;
 export default CommunityDetail;