@sesionario/blocks 1.24.0 → 1.26.0

package/dist/index.cjs

@@ -5164,6 +5164,7 @@ function VideoPlayer({
   onPlayingChange,
   onFirstPlay,
   onError,
+  fit = "aspect-video",
   className
 }) {
   const t = { ...DEFAULT_LABELS2, ...labels };
@@ -5445,8 +5446,10 @@ function VideoPlayer({
       ref: containerRef,
       "data-slot": "video-player",
       "data-mode": mode,
+      "data-fit": fit,
       className: cn(
-        "group relative aspect-video w-full overflow-hidden rounded-lg bg-black text-white select-none",
+        "group relative w-full overflow-hidden rounded-lg bg-black text-white select-none",
+        fit === "contain" ? "h-full min-h-0 aspect-auto" : "aspect-video",
         className
       ),
       onMouseMove: revealControls,
@@ -5463,7 +5466,10 @@ function VideoPlayer({
           {
             ref: videoRef,
             playsInline: true,
-            className: "h-full w-full bg-black",
+            className: cn(
+              "h-full w-full bg-black",
+              fit === "contain" && "object-contain"
+            ),
             onClick: active ? togglePlay : void 0,
             poster
           }
@@ -5841,6 +5847,8 @@ function FeedVideoPlayer({
   playbackId,
   onPlayingChange,
   paused: pausedProp,
+  fit = "aspect-video",
+  className,
   ...playerProps
 }) {
   const {
@@ -5855,14 +5863,24 @@ function FeedVideoPlayer({
     },
     [onExclusivePlayingChange, onPlayingChange]
   );
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { ref: containerRef, "data-slot": "feed-video-player", children: /* @__PURE__ */ jsxRuntime.jsx(
-    VideoPlayer,
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
     {
-      ...playerProps,
-      paused: pausedProp || exclusivePaused,
-      onPlayingChange: handlePlayingChange
+      ref: containerRef,
+      "data-slot": "feed-video-player",
+      className: cn(fit === "contain" && "h-full min-h-0 w-full", className),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        VideoPlayer,
+        {
+          ...playerProps,
+          fit,
+          paused: pausedProp || exclusivePaused,
+          onPlayingChange: handlePlayingChange,
+          className: fit === "contain" ? "h-full min-h-0" : void 0
+        }
+      )
     }
-  ) });
+  );
 }
 function usePlaybackStats(statsUrl, { intervalMs = 15e3, enabled = true } = {}) {
   const [stats, setStats] = React7__namespace.useState({});