octane 0.2.14 → 0.2.15

package/dist/cjs/dom-binding-claims.cjs

@@ -0,0 +1,28 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var dom_binding_claims_exports = {};
+__export(dom_binding_claims_exports, {
+  domBindingClaims: () => domBindingClaims
+});
+module.exports = __toCommonJS(dom_binding_claims_exports);
+const domBindingClaims = /* @__PURE__ */ new WeakMap();
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  domBindingClaims
+});

package/dist/cjs/dom-bindings.cjs

@@ -31,6 +31,7 @@ __export(dom_bindings_exports, {
 });
 module.exports = __toCommonJS(dom_bindings_exports);
 var import_class_names = require("./class-names.cjs");
+var import_dom_binding_claims = require("./dom-binding-claims.cjs");
 var import_sanitize_url = require("./sanitize-url.cjs");
 var import_stream_protocol = require("./stream-protocol.cjs");
 var import_native_read_seeds = require("./signals/native-read-seeds.cjs");
@@ -91,6 +92,11 @@ function __releaseBinding(node, name) {
   const channels = claims.get(node);
   channels.delete(name);
   if (channels.size === 0) claims.delete(node);
+  const published = import_dom_binding_claims.domBindingClaims.get(node);
+  if (published) {
+    published.delete(name);
+    if (published.size === 0) import_dom_binding_claims.domBindingClaims.delete(node);
+  }
 }
 function resolveNodes(root, descriptor) {
   if (root?.nodeType !== 1 || root.getAttribute("data-octane-bindings") !== descriptor.id || descriptor.nodes.length === 0) {
@@ -100,9 +106,9 @@ function resolveNodes(root, descriptor) {
   const nodes = [];
   const childIndices = [];
   for (let i = 0; i < descriptor.nodes.length; i++) {
-    const [parent, tag, namespace, children] = descriptor.nodes[i];
+    const [parent, tag, namespace, children, , text] = descriptor.nodes[i];
     const node = i === 0 ? parent === -1 ? root : void 0 : parent >= 0 && parent < i && descriptor.nodes[parent][3] !== null ? nodes[parent]?.children[childIndices[parent]++] : void 0;
-    if (node === void 0 || descriptor.nodes[i][4] === true || node.localName !== tag || node.namespaceURI !== namespaces[namespace] || children !== null && (node.childNodes.length !== children || node.children.length !== children)) {
+    if (node === void 0 || descriptor.nodes[i][4] === true || node.localName !== tag || node.namespaceURI !== namespaces[namespace] || (text ? node.childNodes.length > 1 || node.firstChild !== null && node.firstChild.nodeType !== 3 : children !== null && (node.childNodes.length !== children || node.children.length !== children))) {
       throw new Error("DOM bindings cannot adopt a mismatched static element topology.");
     }
     nodes.push(node);
@@ -143,9 +149,9 @@ function resolveAddressedNodes(root, descriptor) {
   }
   const childCounts = new Array(descriptor.nodes.length).fill(0);
   for (let i = 0; i < descriptor.nodes.length; i++) {
-    const [parent, tag, namespace, children, openChildren] = descriptor.nodes[i];
+    const [parent, tag, namespace, children, openChildren, text] = descriptor.nodes[i];
     const node = nodes[i];
-    if (node === void 0 || node.localName !== tag || node.namespaceURI !== namespaces[namespace] || (i === 0 ? parent !== -1 || node !== root : parent < 0 || parent >= i || descriptor.nodes[parent][3] === null || node.parentElement !== nodes[parent] || descriptor.nodes[parent][4] !== true && nodes[parent].children[childCounts[parent]] !== node) || openChildren && children === null || children !== null && !openChildren && (node.childNodes.length !== children || node.children.length !== children)) {
+    if (node === void 0 || node.localName !== tag || node.namespaceURI !== namespaces[namespace] || (i === 0 ? parent !== -1 || node !== root : parent < 0 || parent >= i || descriptor.nodes[parent][3] === null || node.parentElement !== nodes[parent] || descriptor.nodes[parent][4] !== true && nodes[parent].children[childCounts[parent]] !== node) || openChildren && children === null || (text ? node.childNodes.length > 1 || node.firstChild !== null && node.firstChild.nodeType !== 3 : children !== null && !openChildren && (node.childNodes.length !== children || node.children.length !== children))) {
       throw new Error("DOM bindings cannot adopt a mismatched addressed element topology.");
     }
     if (parent !== -1) childCounts[parent]++;
@@ -160,6 +166,11 @@ function resolveAddressedNodes(root, descriptor) {
 function normalize(binding, value) {
   const type = typeof value;
   switch (binding[1]) {
+    case "text":
+      if (value == null || value === false) return "";
+      if (type !== "string" && type !== "number" && type !== "bigint" && type !== "boolean")
+        throw new TypeError("DOM binding text must be a synchronous scalar.");
+      return String(value);
     case "styleObject":
       return value;
     case "class":
@@ -187,7 +198,11 @@ function normalize(binding, value) {
 }
 function write(node, binding, value) {
   const name = binding[2];
-  if (binding[1] === "classToken") {
+  if (binding[1] === "text") {
+    const text = node.firstChild;
+    if (text === null) node.appendChild(node.ownerDocument.createTextNode(value));
+    else if (text.nodeValue !== value) text.nodeValue = value;
+  } else if (binding[1] === "classToken") {
     node.classList.toggle(name, value !== null);
   } else if (binding[1] === "url") {
     if (value === "" && !(name === "href" && node.localName === "a")) value = null;
@@ -400,7 +415,21 @@ function __adoptBindings(root, descriptor, source, options) {
           styles.set(i, style = __createBindingStyleRestoration(nodes[binding[0]], binding));
         style.write(next[i]);
       } else write(nodes[binding[0]], binding, next[i]);
-      if (!disposed) previous[i] = next[i];
+      if (!disposed) {
+        previous[i] = next[i];
+        if (binding[1] === "attr" || binding[1] === "boolean" || binding[1] === "aria" || binding[1] === "class" || binding[1] === "styleProperty" || binding[1] === "text") {
+          const [node, name] = owned[i];
+          let published2 = next[i];
+          if (binding[1] === "styleProperty") {
+            const style = node.style;
+            const value = style.getPropertyValue(binding[2]);
+            published2 = value === "" ? null : value + (style.getPropertyPriority(binding[2]) ? " !important" : "");
+          }
+          let claims2 = import_dom_binding_claims.domBindingClaims.get(node);
+          if (claims2 === void 0) import_dom_binding_claims.domBindingClaims.set(node, claims2 = /* @__PURE__ */ new Map());
+          claims2.set(name, published2);
+        }
+      }
     }
   };
   const drain = (preview = false) => {

package/dist/cjs/runtime.cjs

@@ -315,6 +315,7 @@ __export(runtime_exports, {
 });
 module.exports = __toCommonJS(runtime_exports);
 var import_hook_slot_cache = require("./hook-slot-cache.cjs");
+var import_dom_binding_claims = require("./dom-binding-claims.cjs");
 var import_dom_stage = require("./dom-stage.cjs");
 var import_dom_binding_styles = require("./dom-binding-styles.cjs");
 var import_dom_binding_handoff = require("./dom-binding-handoff.cjs");
@@ -11583,7 +11584,7 @@ class HydrationCapability {
     const first = getFirstChild(el);
     if (first !== null && first.nodeType === 3) {
       const server = (STAGED_DOM?.view(first) ?? first).nodeValue;
-      if (server !== text && !isTextParserNormalizedMatch(server, text) && !isHydrationSuppressed(el)) {
+      if (server !== text && import_dom_binding_claims.domBindingClaims.get(el)?.get("#text") !== server && !isTextParserNormalizedMatch(server, text) && !isHydrationSuppressed(el)) {
         this.recordTextMismatch(first, loc || el.__oct_loc, server);
         (STAGED_DOM?.view(first) ?? first).nodeValue = text;
       }
@@ -11668,6 +11669,7 @@ class HydrationCapability {
       name.indexOf(":") >= 0 ? name.slice(name.indexOf(":") + 1) : name
     ) : (STAGED_DOM?.view(el) ?? el).getAttribute(name);
     if (server === next) return false;
+    if (import_dom_binding_claims.domBindingClaims.get(el)?.get(name) === server) return false;
     if (next !== null && isAttributeParserNormalizedMatch(server, next)) return false;
     const mode = hydrationMismatchMode(el);
     if (mode === 0) return true;
@@ -11678,10 +11680,11 @@ class HydrationCapability {
   }
   allowClass(el, next, absentIsEmpty = false) {
     const mode = hydrationMismatchMode(el);
-    if (mode === 0) return true;
     const rawServer = (STAGED_DOM?.view(el) ?? el).getAttribute("class");
     const server = absentIsEmpty && rawServer === null ? "" : rawServer;
     if (server === next) return true;
+    if (import_dom_binding_claims.domBindingClaims.get(el)?.get("class") === rawServer) return false;
+    if (mode === 0) return true;
     if (mode === 1) return false;
     if (process.env.NODE_ENV !== "production")
       warnHydrationValueMismatch(el.__oct_loc, "attribute `class`", server, next);
@@ -11723,6 +11726,18 @@ class HydrationCapability {
           applyStyleProperty(el, expectedStyle, entries[i], entry);
       }
     }
+    const claims = import_dom_binding_claims.domBindingClaims.get(el);
+    if (claims !== void 0) {
+      for (const [channel, published] of claims) {
+        if (!channel.startsWith("style:")) continue;
+        const property = channel.slice(6);
+        const value2 = style.getPropertyValue(property);
+        const priority = style.getPropertyPriority(property);
+        if ((value2 === "" ? null : value2 + (priority ? " !important" : "")) !== published) continue;
+        if (value2 === "") expectedStyle.removeProperty(property);
+        else expectedStyle.setProperty(property, value2, priority);
+      }
+    }
     const expected = expectedStyle.cssText;
     const expectsStyleAttribute = expected !== "";
     if (before === expected && hadStyleAttribute === expectsStyleAttribute) return true;

package/dist/cjs/version.cjs

@@ -21,7 +21,7 @@ __export(version_exports, {
   version: () => version
 });
 module.exports = __toCommonJS(version_exports);
-const version = "0.2.14";
+const version = "0.2.15";
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   version

package/dist/compiler/dom-binding-program.js

@@ -62,7 +62,18 @@ export function needsBindingProgram(node, isUnbound) {
 	)
 		return true;
 	if (tagOf(node) === 'textarea') return false;
-	return (node.children ?? []).some((child) => needsBindingProgram(child, isUnbound));
+	const children = (node.children ?? []).filter(significant);
+	const child = children.length === 1 ? children[0] : null;
+	const expression = child?.type === 'JSXExpressionContainer' ? child.expression : null;
+	if (
+		child?.type === 'JSXText' ||
+		(expression?.type === 'Literal' && typeof expression.value === 'string') ||
+		(expression?.type === 'TSAsExpression' &&
+			(expression.typeAnnotation.type === 'TSStringKeyword' ||
+				expression.typeAnnotation.type === 'TSNumberKeyword'))
+	)
+		return false;
+	return children.some((child) => needsBindingProgram(child, isUnbound));
 }
 
 function data(value) {

package/dist/compiler/dom-bindings.js

@@ -901,6 +901,18 @@ function planView(fn, filename, source, imports, lexical, native = null) {
 			const expression = child.type === 'JSXExpressionContainer' ? child.expression : null;
 			return expression === null || !markUnbound(expression, true);
 		});
+		// A scalar leaf has one stable Text node (or no node for empty SSR).
+		// Structural or opaque children retain their existing compiler contract.
+		const child = children.length === 1 ? children[0] : null;
+		const expression = child?.type === 'JSXExpressionContainer' ? child.expression : null;
+		const text =
+			tag !== 'textarea' &&
+			authoredChildren.length === children.length &&
+			(child?.type === 'JSXText' ||
+				(expression?.type === 'Literal' && typeof expression.value === 'string') ||
+				(expression?.type === 'TSAsExpression' &&
+					(expression.typeAnnotation.type === 'TSStringKeyword' ||
+						expression.typeAnnotation.type === 'TSNumberKeyword')));
 		const opaqueChildren = authoredChildren.length !== children.length;
 		const openChildren = tag !== 'textarea' && opaqueChildren && children.length > 0;
 		if (tag === 'textarea' && children.some((child) => child.type !== 'JSXText'))
@@ -913,8 +925,8 @@ function planView(fn, filename, source, imports, lexical, native = null) {
 			parent,
 			tag,
 			ns,
-			(opaqueChildren && !openChildren) || tag === 'textarea' ? null : children.length,
-			...(openChildren ? [true] : []),
+			(opaqueChildren && !openChildren) || tag === 'textarea' ? null : text ? 0 : children.length,
+			...(text ? [null, 1] : openChildren ? [true] : []),
 		]);
 		elements.push(element);
 		const owned = new Set();
@@ -1157,7 +1169,9 @@ function planView(fn, filename, source, imports, lexical, native = null) {
 				add(index, kind, name, value, attr);
 			}
 		}
-		if (tag !== 'textarea') {
+		if (text) {
+			if (expression) add(index, 'text', '#text', expression, child);
+		} else if (tag !== 'textarea') {
 			for (const child of children) visit(child, index, ns, [...ancestors, tag]);
 		}
 	};
@@ -1264,6 +1278,8 @@ function projectionDependencies(plan, lexical) {
 			}
 		});
 	collect(plan.expressions ?? plan.values);
+	collect(plan.scalar?.values);
+	collect(plan.scalar?.projections?.map((declaration) => declaration.declarations[0].init));
 	collect(plan.projections?.map((declaration) => declaration.declarations[0].init));
 	return needed;
 }
@@ -1478,7 +1494,15 @@ function projectProgram(ast, plan, filename, lexical) {
 			b.object(
 				scalarProperties(
 					plan.scalar,
-					b.arrow(plan.fn.params, b.call(b.member(root, 'project'), b.array(plan.fn.params))),
+					inheritHookMemoOrigin(
+						b.arrow(
+							plan.fn.params,
+							plan.scalar.projections.length > 0
+								? b.block([...plan.scalar.projections, b.return(b.array(plan.scalar.values))])
+								: b.array(plan.scalar.values),
+						),
+						plan.fn,
+					),
 					plan.scalar.bindings.some((binding) => binding[1] === 'classGroup')
 						? b.member(root, 'createClassGroup')
 						: null,

package/dist/dom-binding-claims.d.ts

@@ -0,0 +1 @@
+export declare const domBindingClaims: WeakMap<Element, Map<string, string | null | undefined>>;

package/dist/dom-binding-claims.js

@@ -0,0 +1,4 @@
+const domBindingClaims = /* @__PURE__ */ new WeakMap();
+export {
+  domBindingClaims
+};

package/dist/dom-bindings.d.ts

@@ -45,12 +45,13 @@ export type BindingNode = readonly [
     tag: string,
     namespace: 0 | 1,
     children: number | null,
-    openChildren?: true
+    openChildren?: true | null,
+    text?: 1
 ];
 /** @internal Names and numeric CSS units are resolved by the compiler. */
 export type BindingOperation = readonly [
     node: number,
-    kind: 'attr' | 'boolean' | 'aria' | 'class' | 'classToken' | 'classGroup' | 'styleProperty' | 'styleAttribute' | 'styleObject' | 'control' | 'url',
+    kind: 'attr' | 'boolean' | 'aria' | 'class' | 'classToken' | 'classGroup' | 'styleProperty' | 'styleAttribute' | 'styleObject' | 'control' | 'url' | 'text',
     name: string,
     unitlessOrGroup?: boolean | number
 ];

package/dist/dom-bindings.js

@@ -1,4 +1,5 @@
 import { normalizeClass } from "./class-names.js";
+import { domBindingClaims } from "./dom-binding-claims.js";
 import { sanitizeURL } from "./sanitize-url.js";
 import { STREAM_SCRIPT_ATTR, SUSPENSE_SCRIPT_ATTR } from "./stream-protocol.js";
 import { NATIVE_SIGNAL_SEED_ATTR } from "./signals/native-read-seeds.js";
@@ -62,6 +63,11 @@ function __releaseBinding(node, name) {
   const channels = claims.get(node);
   channels.delete(name);
   if (channels.size === 0) claims.delete(node);
+  const published = domBindingClaims.get(node);
+  if (published) {
+    published.delete(name);
+    if (published.size === 0) domBindingClaims.delete(node);
+  }
 }
 function resolveNodes(root, descriptor) {
   if (root?.nodeType !== 1 || root.getAttribute("data-octane-bindings") !== descriptor.id || descriptor.nodes.length === 0) {
@@ -71,9 +77,9 @@ function resolveNodes(root, descriptor) {
   const nodes = [];
   const childIndices = [];
   for (let i = 0; i < descriptor.nodes.length; i++) {
-    const [parent, tag, namespace, children] = descriptor.nodes[i];
+    const [parent, tag, namespace, children, , text] = descriptor.nodes[i];
     const node = i === 0 ? parent === -1 ? root : void 0 : parent >= 0 && parent < i && descriptor.nodes[parent][3] !== null ? nodes[parent]?.children[childIndices[parent]++] : void 0;
-    if (node === void 0 || descriptor.nodes[i][4] === true || node.localName !== tag || node.namespaceURI !== namespaces[namespace] || children !== null && (node.childNodes.length !== children || node.children.length !== children)) {
+    if (node === void 0 || descriptor.nodes[i][4] === true || node.localName !== tag || node.namespaceURI !== namespaces[namespace] || (text ? node.childNodes.length > 1 || node.firstChild !== null && node.firstChild.nodeType !== 3 : children !== null && (node.childNodes.length !== children || node.children.length !== children))) {
       throw new Error("DOM bindings cannot adopt a mismatched static element topology.");
     }
     nodes.push(node);
@@ -114,9 +120,9 @@ function resolveAddressedNodes(root, descriptor) {
   }
   const childCounts = new Array(descriptor.nodes.length).fill(0);
   for (let i = 0; i < descriptor.nodes.length; i++) {
-    const [parent, tag, namespace, children, openChildren] = descriptor.nodes[i];
+    const [parent, tag, namespace, children, openChildren, text] = descriptor.nodes[i];
     const node = nodes[i];
-    if (node === void 0 || node.localName !== tag || node.namespaceURI !== namespaces[namespace] || (i === 0 ? parent !== -1 || node !== root : parent < 0 || parent >= i || descriptor.nodes[parent][3] === null || node.parentElement !== nodes[parent] || descriptor.nodes[parent][4] !== true && nodes[parent].children[childCounts[parent]] !== node) || openChildren && children === null || children !== null && !openChildren && (node.childNodes.length !== children || node.children.length !== children)) {
+    if (node === void 0 || node.localName !== tag || node.namespaceURI !== namespaces[namespace] || (i === 0 ? parent !== -1 || node !== root : parent < 0 || parent >= i || descriptor.nodes[parent][3] === null || node.parentElement !== nodes[parent] || descriptor.nodes[parent][4] !== true && nodes[parent].children[childCounts[parent]] !== node) || openChildren && children === null || (text ? node.childNodes.length > 1 || node.firstChild !== null && node.firstChild.nodeType !== 3 : children !== null && !openChildren && (node.childNodes.length !== children || node.children.length !== children))) {
       throw new Error("DOM bindings cannot adopt a mismatched addressed element topology.");
     }
     if (parent !== -1) childCounts[parent]++;
@@ -131,6 +137,11 @@ function resolveAddressedNodes(root, descriptor) {
 function normalize(binding, value) {
   const type = typeof value;
   switch (binding[1]) {
+    case "text":
+      if (value == null || value === false) return "";
+      if (type !== "string" && type !== "number" && type !== "bigint" && type !== "boolean")
+        throw new TypeError("DOM binding text must be a synchronous scalar.");
+      return String(value);
     case "styleObject":
       return value;
     case "class":
@@ -158,7 +169,11 @@ function normalize(binding, value) {
 }
 function write(node, binding, value) {
   const name = binding[2];
-  if (binding[1] === "classToken") {
+  if (binding[1] === "text") {
+    const text = node.firstChild;
+    if (text === null) node.appendChild(node.ownerDocument.createTextNode(value));
+    else if (text.nodeValue !== value) text.nodeValue = value;
+  } else if (binding[1] === "classToken") {
     node.classList.toggle(name, value !== null);
   } else if (binding[1] === "url") {
     if (value === "" && !(name === "href" && node.localName === "a")) value = null;
@@ -371,7 +386,21 @@ function __adoptBindings(root, descriptor, source, options) {
           styles.set(i, style = __createBindingStyleRestoration(nodes[binding[0]], binding));
         style.write(next[i]);
       } else write(nodes[binding[0]], binding, next[i]);
-      if (!disposed) previous[i] = next[i];
+      if (!disposed) {
+        previous[i] = next[i];
+        if (binding[1] === "attr" || binding[1] === "boolean" || binding[1] === "aria" || binding[1] === "class" || binding[1] === "styleProperty" || binding[1] === "text") {
+          const [node, name] = owned[i];
+          let published2 = next[i];
+          if (binding[1] === "styleProperty") {
+            const style = node.style;
+            const value = style.getPropertyValue(binding[2]);
+            published2 = value === "" ? null : value + (style.getPropertyPriority(binding[2]) ? " !important" : "");
+          }
+          let claims2 = domBindingClaims.get(node);
+          if (claims2 === void 0) domBindingClaims.set(node, claims2 = /* @__PURE__ */ new Map());
+          claims2.set(name, published2);
+        }
+      }
     }
   };
   const drain = (preview = false) => {

package/dist/runtime.js

@@ -1,4 +1,5 @@
 import { resolveHookPath } from "./hook-slot-cache.js";
+import { domBindingClaims } from "./dom-binding-claims.js";
 import { DOMStage } from "./dom-stage.js";
 import { __normalizeBindingStyle } from "./dom-binding-styles.js";
 import {
@@ -11417,7 +11418,7 @@ class HydrationCapability {
     const first = getFirstChild(el);
     if (first !== null && first.nodeType === 3) {
       const server = (STAGED_DOM?.view(first) ?? first).nodeValue;
-      if (server !== text && !isTextParserNormalizedMatch(server, text) && !isHydrationSuppressed(el)) {
+      if (server !== text && domBindingClaims.get(el)?.get("#text") !== server && !isTextParserNormalizedMatch(server, text) && !isHydrationSuppressed(el)) {
         this.recordTextMismatch(first, loc || el.__oct_loc, server);
         (STAGED_DOM?.view(first) ?? first).nodeValue = text;
       }
@@ -11502,6 +11503,7 @@ class HydrationCapability {
       name.indexOf(":") >= 0 ? name.slice(name.indexOf(":") + 1) : name
     ) : (STAGED_DOM?.view(el) ?? el).getAttribute(name);
     if (server === next) return false;
+    if (domBindingClaims.get(el)?.get(name) === server) return false;
     if (next !== null && isAttributeParserNormalizedMatch(server, next)) return false;
     const mode = hydrationMismatchMode(el);
     if (mode === 0) return true;
@@ -11512,10 +11514,11 @@ class HydrationCapability {
   }
   allowClass(el, next, absentIsEmpty = false) {
     const mode = hydrationMismatchMode(el);
-    if (mode === 0) return true;
     const rawServer = (STAGED_DOM?.view(el) ?? el).getAttribute("class");
     const server = absentIsEmpty && rawServer === null ? "" : rawServer;
     if (server === next) return true;
+    if (domBindingClaims.get(el)?.get("class") === rawServer) return false;
+    if (mode === 0) return true;
     if (mode === 1) return false;
     if (process.env.NODE_ENV !== "production")
       warnHydrationValueMismatch(el.__oct_loc, "attribute `class`", server, next);
@@ -11557,6 +11560,18 @@ class HydrationCapability {
           applyStyleProperty(el, expectedStyle, entries[i], entry);
       }
     }
+    const claims = domBindingClaims.get(el);
+    if (claims !== void 0) {
+      for (const [channel, published] of claims) {
+        if (!channel.startsWith("style:")) continue;
+        const property = channel.slice(6);
+        const value2 = style.getPropertyValue(property);
+        const priority = style.getPropertyPriority(property);
+        if ((value2 === "" ? null : value2 + (priority ? " !important" : "")) !== published) continue;
+        if (value2 === "") expectedStyle.removeProperty(property);
+        else expectedStyle.setProperty(property, value2, priority);
+      }
+    }
     const expected = expectedStyle.cssText;
     const expectsStyleAttribute = expected !== "";
     if (before === expected && hadStyleAttribute === expectsStyleAttribute) return true;

package/dist/version.js

@@ -1,4 +1,4 @@
-const version = "0.2.14";
+const version = "0.2.15";
 export {
   version
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "octane",
-  "version": "0.2.14",
+  "version": "0.2.15",
   "license": "MIT",
   "type": "module",
   "sideEffects": [