@ohhwells/bridge 0.1.38-next.60 → 0.1.38-next.62

package/dist/index.cjs

@@ -4949,6 +4949,7 @@ function parseSectionsFromRoot(root) {
   for (const el of root.querySelectorAll("[data-ohw-section]")) {
     const id = el.getAttribute("data-ohw-section") ?? "";
     if (!id || seen.has(id)) continue;
+    if (el.parentElement?.closest("[data-ohw-section]")) continue;
     seen.add(id);
     const label = el.getAttribute("data-ohw-section-label") ?? titleCaseSectionId(id);
     sections.push({ id, label });
@@ -5783,6 +5784,9 @@ function SectionPickerOverlay({
     document.querySelectorAll("[data-ohw-hovered]").forEach((el) => {
       el.removeAttribute("data-ohw-hovered");
     });
+    document.querySelectorAll("[data-ohw-state-hovered]").forEach((el) => {
+      el.removeAttribute("data-ohw-state-hovered");
+    });
     return () => {
       document.documentElement.removeAttribute("data-ohw-section-picking");
     };
@@ -8490,6 +8494,7 @@ function OhhwellsBridge() {
       });
     };
     const handleMouseOver = (e) => {
+      if (document.documentElement.hasAttribute("data-ohw-section-picking")) return;
       const target = e.target;
       if (toolbarVariantRef.current !== "select-frame") {
         const navContainer = target.closest("[data-ohw-nav-container]");
@@ -8869,6 +8874,14 @@ function OhhwellsBridge() {
       }
     };
     const probeHoverCardsAt = (clientX, clientY, fromParentViewport = false) => {
+      if (linkPopoverOpenRef.current || document.documentElement.hasAttribute("data-ohw-section-picking")) {
+        if (activeStateElRef.current) {
+          activeStateElRef.current.removeAttribute("data-ohw-state-hovered");
+          activeStateElRef.current = null;
+          setToggleState(null);
+        }
+        return;
+      }
       const { x, y } = toProbeCoords(clientX, clientY, fromParentViewport);
       const toggleEl = document.querySelector("[data-ohw-state-toggle]");
       if (toggleEl) {
@@ -9356,6 +9369,7 @@ function OhhwellsBridge() {
     const handleDocMouseLeave = () => {
       hoveredImageRef.current = null;
       setMediaHover(null);
+      setCarouselHover(null);
       document.querySelectorAll("[data-ohw-state-hovered]").forEach((el) => el.removeAttribute("data-ohw-state-hovered"));
       document.querySelectorAll("[data-ohw-hovered]").forEach((el) => el.removeAttribute("data-ohw-hovered"));
       activeStateElRef.current = null;