@ohhwells/bridge 0.1.114-next.305 → 0.1.114-next.307

package/dist/index.cjs

@@ -15897,7 +15897,7 @@ function ButtonStylePanel({
   const label = previewLabel.trim() || "Book Now";
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("div", { className: "flex w-full flex-col gap-5", children: [
     /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("section", { className: "flex w-full flex-col gap-2.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h3", { className: "text-xs font-semibold uppercase leading-4 tracking-[0.6px] text-muted-foreground", children: "Variants" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h3", { className: "text-xs font-semibold uppercase leading-4 tracking-[0.6px] text-stone-500", children: "Variants" }),
       /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("div", { className: "flex w-full flex-col gap-2.5", children: BUTTON_VARIANT_IDS.map((id) => {
         const chrome = variants[id];
         const selected = id === variant;
@@ -15960,11 +15960,11 @@ function ButtonStylePanel({
       }) })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)("section", { className: "flex w-full flex-col gap-2.5", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h3", { className: "text-xs font-semibold uppercase leading-4 tracking-[0.6px] text-muted-foreground", children: "Size" }),
+      /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("h3", { className: "text-xs font-semibold uppercase leading-4 tracking-[0.6px] text-stone-500", children: "Size" }),
       /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
         "div",
         {
-          className: "flex w-full items-start rounded-lg bg-accent p-1",
+          className: "flex w-full items-start rounded-lg bg-stone-100 p-1",
           role: "radiogroup",
           "aria-label": "Size",
           children: BUTTON_SIZE_IDS.map((id) => {
@@ -15982,7 +15982,7 @@ function ButtonStylePanel({
                 onClick: () => onSize(id),
                 className: cn(
                   "flex min-w-14 flex-1 items-center justify-center rounded-md px-3 py-1.5 text-sm font-medium leading-5",
-                  selected ? "bg-background text-foreground shadow-sm" : "bg-transparent text-muted-foreground"
+                  selected ? "bg-white text-stone-950 shadow-sm" : "bg-transparent text-stone-500"
                 ),
                 children: SIZE_LABEL[id]
               },
@@ -23132,7 +23132,13 @@ function OhhwellsBridge() {
         setHoveredItemRect(null);
       }
     };
+    const syncSelectedMediaPointerRelease = (released) => {
+      setSelectedMedia(
+        (prev) => prev && prev.hasTextOverlap !== released ? { ...prev, hasTextOverlap: released } : prev
+      );
+    };
     const probeImageAt = (clientX, clientY, isDragOver = false, fromParentViewport = false) => {
+      syncSelectedMediaPointerRelease(true);
       if (linkPopoverOpenRef.current || floatingPanelOpenRef.current && isPointOverFloatingPanel(clientX, clientY)) {
         if (hoveredImageRef.current) {
           hoveredImageRef.current = null;
@@ -23327,6 +23333,7 @@ function OhhwellsBridge() {
           return;
         }
         document.querySelectorAll("[data-ohw-hovered]").forEach((el) => el.removeAttribute("data-ohw-hovered"));
+        syncSelectedMediaPointerRelease(false);
         if (imgEl !== hoveredImageRef.current || hoveredImageHasTextOverlapRef.current) {
           hoveredImageRef.current = imgEl;
           showImageHover(imgEl, isDragOver);