hive-react-kit 1.5.1 → 1.5.4

package/dist/build.css

@@ -376,8 +376,8 @@
   .top-24 {
     top: calc(var(--spacing) * 24);
   }
-  .top-\[56px\] {
-    top: 56px;
+  .top-\[calc\(56px\+env\(safe-area-inset-top\)\)\] {
+    top: calc(56px + env(safe-area-inset-top));
   }
   .top-\[calc\(env\(safe-area-inset-top\,0px\)\+1rem\)\] {
     top: calc(env(safe-area-inset-top,0px) + 1rem);
@@ -827,9 +827,6 @@
   .h-56 {
     height: calc(var(--spacing) * 56);
   }
-  .h-\[56px\] {
-    height: 56px;
-  }
   .h-\[80vh\] {
     height: 80vh;
   }
@@ -848,6 +845,9 @@
   .h-\[480px\] {
     height: 480px;
   }
+  .h-\[calc\(56px\+env\(safe-area-inset-top\)\)\] {
+    height: calc(56px + env(safe-area-inset-top));
+  }
   .h-\[calc\(100vh-200px\)\] {
     height: calc(100vh - 200px);
   }
@@ -2744,9 +2744,15 @@
   .pt-8 {
     padding-top: calc(var(--spacing) * 8);
   }
+  .pt-\[calc\(0\.75rem\+env\(safe-area-inset-top\)\)\] {
+    padding-top: calc(0.75rem + env(safe-area-inset-top));
+  }
   .pt-\[calc\(env\(safe-area-inset-top\,0px\)\+1rem\)\] {
     padding-top: calc(env(safe-area-inset-top,0px) + 1rem);
   }
+  .pt-\[env\(safe-area-inset-top\)\] {
+    padding-top: env(safe-area-inset-top);
+  }
   .pr-0\.5 {
     padding-right: calc(var(--spacing) * 0.5);
   }
@@ -3054,6 +3060,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 +3351,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 +4429,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 +4449,11 @@
       opacity: 50%;
     }
   }
+  .disabled\:opacity-60 {
+    &:disabled {
+      opacity: 60%;
+    }
+  }
   .sm\:absolute {
     @media (width >= 40rem) {
       position: absolute;
@@ -5568,6 +5580,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 +5611,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 +5749,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;