hive-react-kit 1.7.3 → 1.7.4

package/dist/build.css

@@ -3848,6 +3848,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 +6287,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;