@loafmarkets/ui 0.1.388 → 0.1.389

package/dist/index.js

@@ -2631,26 +2631,38 @@ var PropertyTour = React5__namespace.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(CardHeader, { className: "px-6 pb-0 pt-6", children: /* @__PURE__ */ jsxRuntime.jsx(CardTitle, { className: "m-0 text-lg font-semibold text-white", children: title }) }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col px-6 pb-6 pt-5", style: { minHeight: 0 }, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative flex-1 w-full overflow-hidden rounded-lg bg-black", children: /* @__PURE__ */ jsxRuntime.jsxs(
-            "video",
-            {
-              ref: videoRef,
-              className: "absolute inset-0 h-full w-full object-cover object-center",
-              controls,
-              controlsList: "nodownload noplaybackrate",
-              disablePictureInPicture: true,
-              onContextMenu: (e) => e.preventDefault(),
-              loop,
-              autoPlay,
-              muted,
-              playsInline,
-              poster,
-              children: [
-                /* @__PURE__ */ jsxRuntime.jsx("source", { src }),
-                "Your browser does not support the video tag."
-              ]
-            }
-          ) }) })
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-1 flex-col px-6 pb-6 pt-5", style: { minHeight: 0 }, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex-1 w-full overflow-hidden rounded-lg bg-black", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("style", { children: `
+              .loaf-muted-video::-webkit-media-controls-mute-button,
+              .loaf-muted-video::-webkit-media-controls-volume-slider,
+              .loaf-muted-video::-webkit-media-controls-volume-control-container {
+                display: none !important;
+              }
+            ` }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "video",
+              {
+                ref: videoRef,
+                className: "loaf-muted-video absolute inset-0 h-full w-full object-cover object-center",
+                controls,
+                controlsList: "nodownload noplaybackrate",
+                disablePictureInPicture: true,
+                onVolumeChange: (e) => {
+                  if (!e.currentTarget.muted) e.currentTarget.muted = true;
+                },
+                onContextMenu: (e) => e.preventDefault(),
+                loop,
+                autoPlay,
+                muted,
+                playsInline,
+                poster,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("source", { src }),
+                  "Your browser does not support the video tag."
+                ]
+              }
+            )
+          ] }) })
         ]
       }
     );