@ohhwells/bridge 0.1.139-next.398 → 0.1.139-next.399

package/dist/index.cjs

@@ -1571,7 +1571,19 @@ function brandTrackedFontFamily(doc, stack) {
 }
 var paintLockByEl = /* @__PURE__ */ new WeakMap();
 var paintObserverByEl = /* @__PURE__ */ new WeakMap();
-var paintingButton = false;
+var PAINT_GUARD_ATTRS = {
+  attributes: true,
+  attributeFilter: ["style", "class"]
+};
+function paintGuarded(el, assignment, tokens) {
+  const observer = paintObserverByEl.get(el);
+  observer?.disconnect();
+  try {
+    paintButtonChrome(el, assignment, tokens);
+  } finally {
+    observer?.observe(el, PAINT_GUARD_ATTRS);
+  }
+}
 function paintButtonChrome(el, assignment, tokens) {
   const origin = captureButtonOrigin(el);
   const chrome = tokens.variants[assignment.variant];
@@ -1610,14 +1622,11 @@ function paintButtonChrome(el, assignment, tokens) {
 function guardTemplateHover(el) {
   if (paintObserverByEl.has(el)) return;
   const observer = new MutationObserver(() => {
-    if (paintingButton) return;
     const lock = paintLockByEl.get(el);
     if (!lock) return;
-    paintingButton = true;
-    paintButtonChrome(el, lock.assignment, lock.tokens);
-    paintingButton = false;
+    paintGuarded(el, lock.assignment, lock.tokens);
   });
-  observer.observe(el, { attributes: true, attributeFilter: ["style", "class"] });
+  observer.observe(el, PAINT_GUARD_ATTRS);
   paintObserverByEl.set(el, observer);
 }
 function paintedTokensOf(el) {
@@ -1634,10 +1643,8 @@ function applyButtonStyle(el, assignment, tokens) {
     }
   };
   paintLockByEl.set(el, { assignment, tokens: tracked });
-  paintingButton = true;
-  paintButtonChrome(el, assignment, tracked);
-  paintingButton = false;
   guardTemplateHover(el);
+  paintGuarded(el, assignment, tracked);
 }
 function applyButtonStylesFromContent(doc, content) {
   const assignments = readAssignments(content);