@acoustte-digital-services/digitalstore-controls-dev 0.8.1-dev.20260603093340 → 0.8.1-dev.20260604041835

package/dist/{HlsPlayer-SM3WGJSW.mjs → HlsPlayer-JXH6KK7T.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   HlsPlayer_default
-} from "./chunk-4XZGG725.mjs";
+} from "./chunk-DPFBQY2N.mjs";
 export {
   HlsPlayer_default as default
 };

package/dist/{chunk-4XZGG725.mjs → chunk-DPFBQY2N.mjs}

@@ -36,7 +36,8 @@ var HlsPlayer = React.memo(
     showControls = true,
     loop = false,
     playOptions = "autoplay",
-    placementCode = ""
+    placementCode = "",
+    styles
   }) => {
     const containerRef = useRef(null);
     const videoRef = useRef(null);
@@ -305,7 +306,8 @@ var HlsPlayer = React.memo(
       "div",
       {
         ref: containerRef,
-        className: "relative w-full aspect-video bg-black",
+        className: "relative w-full overflow-hidden aspect-video bg-black",
+        style: styles,
         onMouseEnter: handleMouseEnter,
         onMouseLeave: handleMouseLeave,
         onMouseMove: handleMouseMove,
@@ -314,7 +316,7 @@ var HlsPlayer = React.memo(
             "video",
             {
               ref: videoRef,
-              className: "w-full h-full object-contain",
+              className: "w-full h-full object-cover",
               poster: fallbackPoster,
               controls: showControls && (isMobile || isPlaying),
               muted: startsMuted,

package/dist/index.js

@@ -200,7 +200,8 @@ var init_HlsPlayer = __esm({
         showControls = true,
         loop = false,
         playOptions = "autoplay",
-        placementCode = ""
+        placementCode = "",
+        styles
       }) => {
         const containerRef = (0, import_react4.useRef)(null);
         const videoRef = (0, import_react4.useRef)(null);
@@ -469,7 +470,8 @@ var init_HlsPlayer = __esm({
           "div",
           {
             ref: containerRef,
-            className: "relative w-full aspect-video bg-black",
+            className: "relative w-full overflow-hidden aspect-video bg-black",
+            style: styles,
             onMouseEnter: handleMouseEnter,
             onMouseLeave: handleMouseLeave,
             onMouseMove: handleMouseMove,
@@ -478,7 +480,7 @@ var init_HlsPlayer = __esm({
                 "video",
                 {
                   ref: videoRef,
-                  className: "w-full h-full object-contain",
+                  className: "w-full h-full object-cover",
                   poster: fallbackPoster,
                   controls: showControls && (isMobile || isPlaying),
                   muted: startsMuted,

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   HlsPlayer_default
-} from "./chunk-4XZGG725.mjs";
+} from "./chunk-DPFBQY2N.mjs";
 import {
   Button_default,
   ClientButton_default,
@@ -2055,7 +2055,7 @@ import React30 from "react";
 // src/components/pageRenderingEngine/nodes/ImageNode.tsx
 import dynamic3 from "next/dynamic";
 import { jsx as jsx39 } from "react/jsx-runtime";
-var HlsPlayer = dynamic3(() => import("./HlsPlayer-SM3WGJSW.mjs"), { ssr: false });
+var HlsPlayer = dynamic3(() => import("./HlsPlayer-JXH6KK7T.mjs"), { ssr: false });
 var getNestedValue = (obj, path) => {
   if (!obj || !path) return void 0;
   return path.split(".").reduce((current, key) => {
@@ -3715,7 +3715,7 @@ var Pagination_default = Pagination;
 // src/components/pageRenderingEngine/nodes/ImageGalleryNode.tsx
 import dynamic7 from "next/dynamic";
 import { Fragment as Fragment7, jsx as jsx58, jsxs as jsxs31 } from "react/jsx-runtime";
-var HlsPlayer2 = dynamic7(() => import("./HlsPlayer-SM3WGJSW.mjs"), { ssr: false });
+var HlsPlayer2 = dynamic7(() => import("./HlsPlayer-JXH6KK7T.mjs"), { ssr: false });
 var deviceToMediaQuery = (device) => {
   switch (device) {
     case "sm":

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acoustte-digital-services/digitalstore-controls-dev",
-  "version": "0.8.1-dev.20260603093340",
+  "version": "0.8.1-dev.20260604041835",
   "description": "Reusable React components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",