hive-react-kit 0.9.9 → 0.10.0

package/dist/build.css

@@ -4792,23 +4792,66 @@
   border-radius: 0.75rem;
   margin: 0;
 }
-.hive-post-body .threeSpeakWrapper {
-  aspect-ratio: 9 / 16;
-  max-width: 450px;
-  width: 100%;
+.hive-post-body .threeSpeakEmbed {
   margin: 1rem auto;
+  width: 100%;
+  display: flex;
+  justify-content: center;
+}
+.hive-post-body .threeSpeakNative {
+  width: 100%;
+  margin: 0 auto;
   border-radius: 0.75rem;
   overflow: hidden;
   background: #000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  position: relative;
 }
-.hive-post-body .threeSpeakWrapper iframe {
+.hive-post-body .threeSpeakNative.threeSpeakNativeLandscape {
+  aspect-ratio: 16 / 9;
+  max-width: 800px;
+  max-height: 80vh;
+}
+.hive-post-body .threeSpeakNative.threeSpeakNativePortrait {
+  aspect-ratio: 9 / 16;
+  max-width: 450px;
+  max-height: 80vh;
+}
+.hive-post-body .threeSpeakNative video, .hive-post-body .threeSpeakNative .threeSpeakNativeThumb {
   display: block;
+  position: absolute;
+  inset: 0;
   width: 100%;
   height: 100%;
-  aspect-ratio: auto;
-  border: none;
+  background: #000;
   border-radius: 0.75rem;
-  margin: 0;
+  object-fit: contain;
+}
+.hive-post-body .threeSpeakNative .threeSpeakNativeThumb {
+  z-index: 1;
+  pointer-events: none;
+}
+.hive-post-body .threeSpeakNative video {
+  z-index: 2;
+}
+.hive-post-body .threeSpeakNative.threeSpeakNativeNoThumb {
+  aspect-ratio: auto;
+  max-width: none;
+  display: block;
+  background: transparent;
+}
+.hive-post-body .threeSpeakNative.threeSpeakNativeNoThumb video {
+  position: static;
+  width: 100%;
+  height: auto;
+  max-width: 800px;
+  margin: 0 auto;
+}
+.hive-post-body .threeSpeakNativeMessage {
+  color: #9ca3b0;
+  font-size: 0.875rem;
 }
 .hive-post-body .audioWrapper {
   max-width: 500px;

package/dist/components/ThreeSpeakPlayer.d.ts

@@ -0,0 +1,11 @@
+interface ThreeSpeakPlayerProps {
+    author: string;
+    permlink: string;
+    /** Suppress the layered thumbnail entirely — useful in surfaces
+     *  (e.g. HiveDetailPost) where a thumbnail-shaped placeholder
+     *  before play is unwanted. Defaults to false: the thumbnail is
+     *  shown until first play. */
+    hideThumbnail?: boolean;
+}
+export declare function ThreeSpeakPlayer({ author, permlink, hideThumbnail }: ThreeSpeakPlayerProps): import("react/jsx-runtime").JSX.Element;
+export default ThreeSpeakPlayer;