@loafmarkets/ui 0.1.389 → 0.1.391

package/dist/index.mjs

@@ -5540,9 +5540,11 @@ var Header = ({
               {
                 type: "button",
                 onClick: (event) => {
-                  handleAddFundingClick(event);
+                  event?.preventDefault();
+                  closeMenus();
+                  onSettingsClick?.();
                 },
-                children: /* @__PURE__ */ jsx(MenuItem, { children: "Add funding" })
+                children: /* @__PURE__ */ jsx(MenuItem, { children: "Refer" })
               }
             ),
             onSettingsClick && /* @__PURE__ */ jsx(
@@ -9522,7 +9524,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: [
@@ -9642,8 +9658,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()
         }
@@ -9939,6 +9959,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;
@@ -10093,6 +10122,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;
@@ -10679,6 +10715,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;