@ohhwells/bridge 0.1.141 → 0.1.142

package/dist/index.cjs

@@ -1350,15 +1350,25 @@ function readAssignments(content) {
 function cssLength(style, prop) {
   return style.getPropertyValue(prop) || "0px";
 }
+function withTransitionsSettled(el, read) {
+  const prior = el.style.getPropertyValue("transition");
+  const priority = el.style.getPropertyPriority("transition");
+  el.style.setProperty("transition", "none", "important");
+  try {
+    return read(getComputedStyle(el));
+  } finally {
+    if (prior) el.style.setProperty("transition", prior, priority);
+    else el.style.removeProperty("transition");
+  }
+}
 function readVariantSample(el) {
-  const style = getComputedStyle(el);
-  return {
+  return withTransitionsSettled(el, (style) => ({
     background: style.backgroundColor,
     color: style.color,
     borderColor: style.borderTopColor,
     borderWidth: style.borderTopWidth,
     className: el.className || ""
-  };
+  }));
 }
 function readSizeSample(el) {
   const style = getComputedStyle(el);
@@ -10281,38 +10291,39 @@ function deriveTemplateButtonStyle() {
     el.querySelectorAll("[data-ohw-editable]").length <= 1
   );
   const isFilled = (el) => {
-    const bg = getComputedStyle(el).backgroundColor;
+    const bg = withTransitionsSettled(el, (s) => s.backgroundColor);
     if (!bg || bg === "transparent") return false;
     const alpha = bg.match(/rgba?\([^)]*,\s*([\d.]+)\)$/);
     return !alpha || parseFloat(alpha[1]) > 0;
   };
   const btn = candidates.find(isFilled) ?? candidates[0];
   if (!btn) return null;
-  const cs = getComputedStyle(btn);
-  const filled = isFilled(btn);
-  const corners = [
-    cs.borderTopLeftRadius,
-    cs.borderTopRightRadius,
-    cs.borderBottomRightRadius,
-    cs.borderBottomLeftRadius
-  ].map((v) => v || "0px");
-  const radius = corners.every((v) => v === corners[0]) ? corners[0] : corners.join(" ");
-  const px2 = (v) => parseFloat(v) || 0;
-  const lineHeight = px2(cs.lineHeight) || px2(cs.fontSize) * 1.2;
-  const contentH = btn.getBoundingClientRect().height - px2(cs.borderTopWidth) - px2(cs.borderBottomWidth);
-  const impliedY = Math.round(Math.max(0, (contentH - lineHeight) / 2));
-  const padY = Math.max(px2(cs.paddingTop), px2(cs.paddingBottom), impliedY);
-  const padX = Math.max(px2(cs.paddingLeft), px2(cs.paddingRight));
-  return {
-    radius: radius || "10px",
-    padding: `${padY}px ${padX}px`,
-    ...filled ? { background: cs.backgroundColor, color: cs.color } : {},
-    fontFamily: cs.fontFamily || "",
-    fontSize: cs.fontSize || "",
-    fontWeight: cs.fontWeight || "",
-    letterSpacing: cs.letterSpacing || "",
-    textTransform: cs.textTransform || ""
-  };
+  return withTransitionsSettled(btn, (cs) => {
+    const filled = isFilled(btn);
+    const corners = [
+      cs.borderTopLeftRadius,
+      cs.borderTopRightRadius,
+      cs.borderBottomRightRadius,
+      cs.borderBottomLeftRadius
+    ].map((v) => v || "0px");
+    const radius = corners.every((v) => v === corners[0]) ? corners[0] : corners.join(" ");
+    const px2 = (v) => parseFloat(v) || 0;
+    const lineHeight = px2(cs.lineHeight) || px2(cs.fontSize) * 1.2;
+    const contentH = btn.getBoundingClientRect().height - px2(cs.borderTopWidth) - px2(cs.borderBottomWidth);
+    const impliedY = Math.round(Math.max(0, (contentH - lineHeight) / 2));
+    const padY = Math.max(px2(cs.paddingTop), px2(cs.paddingBottom), impliedY);
+    const padX = Math.max(px2(cs.paddingLeft), px2(cs.paddingRight));
+    return {
+      radius: radius || "10px",
+      padding: `${padY}px ${padX}px`,
+      ...filled ? { background: cs.backgroundColor, color: cs.color } : {},
+      fontFamily: cs.fontFamily || "",
+      fontSize: cs.fontSize || "",
+      fontWeight: cs.fontWeight || "",
+      letterSpacing: cs.letterSpacing || "",
+      textTransform: cs.textTransform || ""
+    };
+  });
 }
 var mounted = /* @__PURE__ */ new Map();
 function findTemplateSection(id) {
@@ -31208,7 +31219,7 @@ function OhhwellsBridge() {
       postToParent2({
         type: "ow:ready",
         version: "1",
-        bridgeVersion: "0.1.140",
+        bridgeVersion: "0.1.141",
         path: pathname,
         nodes: collectEditableNodes(editContentRef.current),
         sections