@loafmarkets/ui 0.1.166 → 0.1.168

package/dist/index.js

@@ -7972,7 +7972,6 @@ function GalleryMapSection({
   const [showVideo, setShowVideo] = React5.useState(false);
   const [autoPlaying, setAutoPlaying] = React5.useState(autoPlay);
   const [showFullMap, setShowFullMap] = React5.useState(false);
-  const [showFullVideo, setShowFullVideo] = React5.useState(false);
   const resolvedMapUrl = mapUrl ?? (tokenName ? `/map/${tokenName}?embed=true&zoom=14&hideOthers=true` : "about:blank");
   React5.useEffect(() => {
     if (!autoPlaying || images.length <= 1) return;
@@ -8045,7 +8044,7 @@ function GalleryMapSection({
             ] }),
             "Floor Plan"
           ] }),
-          videoUrl && /* @__PURE__ */ jsxRuntime.jsxs(FixedBtn, { $active: false, onClick: () => setShowFullVideo(true), children: [
+          videoUrl && /* @__PURE__ */ jsxRuntime.jsxs(FixedBtn, { $active: showVideo, onClick: () => setShowVideo((p) => !p), children: [
             /* @__PURE__ */ jsxRuntime.jsx(bi.BiVideo, { size: 16 }),
             " Video"
           ] }),
@@ -8109,19 +8108,18 @@ function GalleryMapSection({
             /* @__PURE__ */ jsxRuntime.jsx(SuburbStatValue, { children: "+42%" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(SuburbStat, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatLabel, { children: "Rental Yield" }),
-            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatValue, { children: "2.1%" })
+            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatLabel, { children: "Suburb Rank" }),
+            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatValue, { children: "Top 1%" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsxs(SuburbStat, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatLabel, { children: "Population" }),
-            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatValue, { children: "30,200" })
+            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatLabel, { children: "Avg. Days on Market" }),
+            /* @__PURE__ */ jsxRuntime.jsx(SuburbStatValue, { children: "28" })
           ] })
         ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(SuburbDesc, { children: "Premium harbourside suburb on Sydney's Lower North Shore. Known for heritage homes, village atmosphere, and proximity to Taronga Zoo and Balmoral Beach." })
+        /* @__PURE__ */ jsxRuntime.jsx(SuburbDesc, { children: "One of Sydney's most prestigious harbourside suburbs, consistently ranked among Australia's highest-value residential markets. Strong capital growth driven by limited supply, heritage conservation overlays, and international buyer demand." })
       ] })
     ] }),
-    showFullMap && /* @__PURE__ */ jsxRuntime.jsx(FullMapPopup, { onClose: () => setShowFullMap(false) }),
-    showFullVideo && videoUrl && /* @__PURE__ */ jsxRuntime.jsx(FullVideoPopup, { videoUrl, onClose: () => setShowFullVideo(false) })
+    showFullMap && /* @__PURE__ */ jsxRuntime.jsx(FullMapPopup, { onClose: () => setShowFullMap(false) })
   ] });
 }
 function FullMapPopup({ onClose }) {
@@ -8177,25 +8175,6 @@ function FullMapPopup({ onClose }) {
     ) })
   ] }) });
 }
-function FullVideoPopup({ videoUrl, onClose }) {
-  React5.useEffect(() => {
-    const handleEsc = (e) => {
-      if (e.key === "Escape") onClose();
-    };
-    window.addEventListener("keydown", handleEsc);
-    return () => window.removeEventListener("keydown", handleEsc);
-  }, [onClose]);
-  return /* @__PURE__ */ jsxRuntime.jsx(FullMapOverlay, { onClick: onClose, children: /* @__PURE__ */ jsxRuntime.jsxs(FullMapPanel, { onClick: (e) => e.stopPropagation(), style: { maxWidth: 1e3 }, children: [
-    /* @__PURE__ */ jsxRuntime.jsxs(FullMapHeader, { children: [
-      /* @__PURE__ */ jsxRuntime.jsxs(FullMapTitle, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(bi.BiVideo, {}),
-        " Property Video"
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(FullMapClose, { onClick: onClose, "aria-label": "Close video", children: "\u2715" })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(FullVideoFrame, { children: /* @__PURE__ */ jsxRuntime.jsx("video", { autoPlay: true, loop: true, playsInline: true, controls: true, style: { width: "100%", height: "100%", objectFit: "contain", background: "#000", borderRadius: 8 }, children: /* @__PURE__ */ jsxRuntime.jsx("source", { src: videoUrl, type: "video/mp4" }) }) })
-  ] }) });
-}
 var Row = styled9__default.default.div`
   display: grid;
   grid-template-columns: 2fr 1fr;
@@ -8418,14 +8397,6 @@ var FullMapFrame = styled9__default.default.div`
   flex: 1;
   min-height: 0;
 `;
-var FullVideoFrame = styled9__default.default.div`
-  flex: 1;
-  min-height: 0;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 0 1rem 1rem;
-`;
 var BedIcon = /* @__PURE__ */ jsxRuntime.jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: [
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 4v16" }),
   /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M2 8h18a2 2 0 0 1 2 2v10" }),