hive-react-kit 1.7.3 → 1.7.5

package/dist/build.css

@@ -1063,6 +1063,9 @@
   .w-48 {
     width: calc(var(--spacing) * 48);
   }
+  .w-52 {
+    width: calc(var(--spacing) * 52);
+  }
   .w-56 {
     width: calc(var(--spacing) * 56);
   }
@@ -3848,6 +3851,16 @@
       }
     }
   }
+  .hover\:bg-black\/70 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, #000 70%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-black) 70%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-black\/80 {
     &:hover {
       @media (hover: hover) {
@@ -6277,9 +6290,38 @@
   object-fit: contain;
 }
 .threeSpeakNative .threeSpeakNativeThumb {
-  z-index: 1;
+  z-index: 3;
   pointer-events: none;
 }
+.threeSpeakNative .threeSpeakNativeSkeleton {
+  position: absolute;
+  inset: 0;
+  z-index: 1;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 0.75rem;
+  background: linear-gradient( 90deg, rgba(255, 255, 255, 0.04) 25%, rgba(255, 255, 255, 0.09) 37%, rgba(255, 255, 255, 0.04) 63% );
+  background-size: 400% 100%;
+  animation: threeSpeakShimmer 1.4s ease infinite;
+}
+.threeSpeakNative .threeSpeakNativeSkeletonDisc {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 3.5rem;
+  height: 3.5rem;
+  border-radius: 9999px;
+  background: rgba(0, 0, 0, 0.45);
+}
+@keyframes threeSpeakShimmer {
+  0% {
+    background-position: 100% 0;
+  }
+  100% {
+    background-position: 0 0;
+  }
+}
 .threeSpeakNative video {
   z-index: 2;
 }

package/dist/components/ThreeSpeakPlayer.d.ts

@@ -6,6 +6,11 @@ interface ThreeSpeakPlayerProps {
      *  before play is unwanted. Defaults to false: the thumbnail is
      *  shown until first play. */
     hideThumbnail?: boolean;
+    /** Poster image to show before first play. Takes priority over the
+     *  embed API's thumbnail — pass the post's own thumbnail (e.g. the
+     *  one in the 3Speak markdown) so the preview matches the composer
+     *  instead of falling back to the video's first frame. */
+    thumbnail?: string;
 }
-export declare function ThreeSpeakPlayer({ author, permlink, hideThumbnail }: ThreeSpeakPlayerProps): import("react/jsx-runtime").JSX.Element;
+export declare function ThreeSpeakPlayer({ author, permlink, hideThumbnail, thumbnail }: ThreeSpeakPlayerProps): import("react/jsx-runtime").JSX.Element;
 export default ThreeSpeakPlayer;

package/dist/components/composer/ParentPostComposer.d.ts

@@ -233,6 +233,10 @@ export interface ParentPostComposerProps {
     submitLabelWithVideo?: string;
     /** Page title shown in the sticky header (default "Create post"). */
     title?: string;
+    /** Add a top safe-area inset to the sticky header so its buttons clear
+     *  the device status bar / notch. Enable on full-screen routes; leave
+     *  off inside modals/sheets that already sit below the notch. */
+    safeAreaTop?: boolean;
     /** Hint shown when the wallet is awaiting approval during the broadcast. */
     walletApprovalLabel?: string;
     /** When true, the composer renders a blinking "approve in wallet" banner. */

package/dist/components/composer/PostTemplatesPanel.d.ts

@@ -69,6 +69,10 @@ export interface PostTemplatesPanelProps {
      *  state via the existing `applyTemplate` ref (or by remounting the
      *  composer). */
     onApplyTemplate: (template: PostTemplate) => void;
+    /** Which view to show when the panel opens — `'list'` (load a template)
+     *  or `'save'` (save the current post as a new template). Defaults to
+     *  `'list'`. */
+    initialView?: 'list' | 'save';
 }
-declare function PostTemplatesPanel({ isOpen, onClose, templates, currentPayload, busy, onSaveTemplate, onDeleteTemplate, onApplyTemplate, }: PostTemplatesPanelProps): React.JSX.Element | null;
+declare function PostTemplatesPanel({ isOpen, onClose, templates, currentPayload, busy, onSaveTemplate, onDeleteTemplate, onApplyTemplate, initialView, }: PostTemplatesPanelProps): React.JSX.Element | null;
 export default PostTemplatesPanel;