@ohhwells/bridge 0.1.117-next.327 → 0.1.117-next.328

package/dist/index.cjs

@@ -2442,7 +2442,7 @@ function MediaStripBlock({ node, ctx, path }) {
     /* @__PURE__ */ (0, import_jsx_runtime.jsx)("style", {
       // Host sites often style `a:hover{opacity}` globally — that would fade every linked item
       // whatever preset is chosen, so the anchors here opt out and only the preset applies.
-      children: '[data-ohw-media-strip] a,[data-ohw-media-strip] a:hover{opacity:1}[data-ohw-media-strip-item]{transition:transform 0.2s ease, opacity 0.2s ease}[data-ohw-media-strip-hover="lift"]:hover{transform:translateY(-4px)}[data-ohw-media-strip-hover="zoom"]:hover{transform:scale(1.05)}[data-ohw-media-strip-hover="fade"]:hover{opacity:0.75}'
+      children: '[data-ohw-media-strip] a,[data-ohw-media-strip] a:hover{opacity:1}[data-ohw-media-strip-hover]{transition:transform 0.2s ease, opacity 0.2s ease}[data-ohw-media-strip-item]:hover>[data-ohw-media-strip-hover="lift"]{transform:translateY(-4px)}[data-ohw-media-strip-item]:hover>[data-ohw-media-strip-hover="zoom"]{transform:scale(1.05)}[data-ohw-media-strip-item]:hover>[data-ohw-media-strip-hover="fade"]{opacity:0.75}'
     }),
     label && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
@@ -2474,22 +2474,28 @@ function MediaStripBlock({ node, ctx, path }) {
             {
               "data-ohw-media-strip-item": "",
               "data-ohw-media-strip-index": i,
-              "data-ohw-media-strip-hover": hoverPreset === "none" ? void 0 : hoverPreset,
               style: variant === "logos" ? { height: logoMaxHeight, width: "auto" } : { width: cardWidth, flexShrink: 0 },
               children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                MediaBox,
+                "div",
                 {
-                  refValue: item.assetId,
-                  ctx,
-                  aspect: variant === "reel" ? "9:16" : void 0,
-                  radius: variant === "reel" ? AI_TREE_TOKENS.radiusCard : 4,
-                  height: variant === "logos" ? logoMaxHeight : void 0,
-                  editPath: `${path}.items.${i}.assetId`,
-                  alt: item.alt,
-                  fit: variant === "logos" ? "contain" : "cover",
-                  grayscale: treatment === "grayscale",
-                  fixedSize: variant === "logos",
-                  genericImageEdit: false
+                  "data-ohw-media-strip-hover": hoverPreset === "none" ? void 0 : hoverPreset,
+                  style: { height: "100%" },
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                    MediaBox,
+                    {
+                      refValue: item.assetId,
+                      ctx,
+                      aspect: variant === "reel" ? "9:16" : void 0,
+                      radius: variant === "reel" ? AI_TREE_TOKENS.radiusCard : 4,
+                      height: variant === "logos" ? logoMaxHeight : void 0,
+                      editPath: `${path}.items.${i}.assetId`,
+                      alt: item.alt,
+                      fit: variant === "logos" ? "contain" : "cover",
+                      grayscale: treatment === "grayscale",
+                      fixedSize: variant === "logos",
+                      genericImageEdit: false
+                    }
+                  )
                 }
               )
             }