@loafmarkets/ui 0.1.388 → 0.1.390

package/dist/index.mjs

@@ -2606,26 +2606,38 @@ var PropertyTour = React5.forwardRef(
         ...props,
         children: [
           /* @__PURE__ */ jsx(CardHeader, { className: "px-6 pb-0 pt-6", children: /* @__PURE__ */ jsx(CardTitle, { className: "m-0 text-lg font-semibold text-white", children: title }) }),
-          /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col px-6 pb-6 pt-5", style: { minHeight: 0 }, children: /* @__PURE__ */ jsx("div", { className: "relative flex-1 w-full overflow-hidden rounded-lg bg-black", children: /* @__PURE__ */ 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__ */ jsx("source", { src }),
-                "Your browser does not support the video tag."
-              ]
-            }
-          ) }) })
+          /* @__PURE__ */ jsx("div", { className: "flex flex-1 flex-col px-6 pb-6 pt-5", style: { minHeight: 0 }, children: /* @__PURE__ */ jsxs("div", { className: "relative flex-1 w-full overflow-hidden rounded-lg bg-black", children: [
+            /* @__PURE__ */ 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__ */ 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__ */ jsx("source", { src }),
+                  "Your browser does not support the video tag."
+                ]
+              }
+            )
+          ] }) })
         ]
       }
     );
@@ -9510,7 +9522,21 @@ function GalleryMapSection({
       ] }),
       isMobile ? /* @__PURE__ */ jsx(StackedGallery, { images, onPhotoClick }) : /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsxs(Carousel, { children: [
-          showVideo && videoUrl && /* @__PURE__ */ jsx(VideoOverlay, { children: /* @__PURE__ */ jsx("video", { autoPlay: true, loop: true, playsInline: true, controls: true, style: { width: "100%", height: "100%", objectFit: "cover", borderRadius: 8 }, children: /* @__PURE__ */ jsx("source", { src: videoUrl, type: "video/mp4" }) }) }),
+          showVideo && videoUrl && /* @__PURE__ */ jsx(VideoOverlay, { children: /* @__PURE__ */ jsx(
+            "video",
+            {
+              autoPlay: true,
+              loop: true,
+              playsInline: true,
+              muted: true,
+              controls: true,
+              onVolumeChange: (e) => {
+                if (!e.currentTarget.muted) e.currentTarget.muted = true;
+              },
+              style: { width: "100%", height: "100%", objectFit: "cover", borderRadius: 8 },
+              children: /* @__PURE__ */ jsx("source", { src: videoUrl, type: "video/mp4" })
+            }
+          ) }),
           /* @__PURE__ */ jsx(Track, { style: { transform: `translateX(-${carouselIndex * 100}%)` }, children: images.map((img, idx) => /* @__PURE__ */ jsxs(Slide, { onClick: () => onPhotoClick?.(idx), children: [
             /* @__PURE__ */ jsx("img", { src: img.src, alt: img.title }),
             /* @__PURE__ */ jsxs(SlideCaption, { children: [
@@ -9630,8 +9656,12 @@ function GalleryMapSection({
           autoPlay: true,
           controls: true,
           playsInline: true,
+          muted: true,
           controlsList: "nodownload",
           disablePictureInPicture: true,
+          onVolumeChange: (e) => {
+            if (!e.currentTarget.muted) e.currentTarget.muted = true;
+          },
           onClick: (e) => e.stopPropagation(),
           onContextMenu: (e) => e.preventDefault()
         }
@@ -9927,6 +9957,15 @@ var Carousel = styled10.div`
 var VideoOverlay = styled10.div`
   position: absolute; inset: 0; z-index: 3; background: #000; border-radius: 8px;
   display: flex; align-items: center; justify-content: center;
+
+  /* Property videos stay permanently muted — remove the volume + mute buttons
+     from the native player (Chrome/Edge/Safari/iOS/Android). Firefox ignores
+     these and is covered by the onVolumeChange force-mute fallback. */
+  video::-webkit-media-controls-mute-button,
+  video::-webkit-media-controls-volume-slider,
+  video::-webkit-media-controls-volume-control-container {
+    display: none !important;
+  }
 `;
 var Track = styled10.div`
   display: flex; transition: transform 0.4s ease;
@@ -10081,6 +10120,13 @@ var FullVideoOverlay = styled10.div`
     border-radius: 10px;
     background: #000;
   }
+  /* Permanent mute — strip the volume + mute buttons (Firefox handled by the
+     onVolumeChange fallback). */
+  video::-webkit-media-controls-mute-button,
+  video::-webkit-media-controls-volume-slider,
+  video::-webkit-media-controls-volume-control-container {
+    display: none !important;
+  }
 `;
 var FullVideoClose = styled10.button`
   position: absolute;
@@ -10667,6 +10713,8 @@ var Wrapper = styled10.div`
   display: flex;
   flex-direction: column;
   gap: 1.5rem;
+  /* Breathing room before the footer below the last section (Trading Hours). */
+  padding-bottom: 2.5rem;
 `;
 var GallerySpecRow = styled10.div`
   display: grid;