deckjsx 0.8.0 → 0.8.2

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { a as isSlideNode, c as authorElementPropsFromEntries, d as isAuthorTreeNode, f as isAuthoredTag, i as isContentNode, l as createAuthorElement, o as isAuthorNodeValue, r as isAuthorNode, s as toAuthorJsxNode, u as isAuthorTreeChild } from "./jsx-DGGM5erN.mjs";
-import { A as CompositionDiagnosticError, C as parsePointValue, D as POINTS_PER_INCH, E as EMU_PER_INCH, F as formatDiagnostics, M as SemanticGraphDiagnosticError, N as StyleDiagnosticError, O as createDiagnostics, P as formatDiagnostic, S as parsePointToken, T as pointsToEmu, _ as isDeckLengthString, a as isInspectableThemePayload, b as parseLengthToken, c as fingerprintString, d as createWriterRenderContext, f as createTemplateHandle, g as DEFAULT_FONT_SIZE_PT, h as validateSlideTemplates, i as isContentTypesPayload, j as DeckDiagnosticError, k as diagnostic, l as stableJson, m as templateRefValue, n as pptxMediaAssetLoadRequirements, o as isRecord$2, p as isTemplateAreaRef, r as validatePptxPackageModel, s as projectedRelationshipTarget, t as pptx, u as withPackagePartFingerprints, v as isDeckPointLengthString, w as parseStrokeWidth, x as parsePercentage$1, y as parseLength } from "./adapter-BamaV2yi.mjs";
+import { c as isAuthoredTag, i as createAuthorElement, o as isAuthorTreeChild, s as isAuthorTreeNode, t as authorElementPropsFromEntries } from "./tree-DNsco0U3.mjs";
+import { A as diagnostic, C as parsePointToken, D as EMU_PER_INCH, E as pointsToEmu, F as formatDiagnostic, I as formatDiagnostics, M as DeckDiagnosticError, N as SemanticGraphDiagnosticError, O as POINTS_PER_INCH, P as StyleDiagnosticError, S as parsePercentage$1, T as parseStrokeWidth, _ as isCssWideKeyword, a as isInspectableThemePayload, b as parseLength, c as fingerprintString, d as createWriterRenderContext, f as createTemplateHandle, g as DEFAULT_FONT_SIZE_PT, h as validateSlideTemplates, i as isContentTypesPayload, j as CompositionDiagnosticError, k as createDiagnostics, l as stableJson, m as templateRefValue, n as pptxMediaAssetLoadRequirements, o as isRecord$2, p as isTemplateAreaRef, r as validatePptxPackageModel, s as projectedRelationshipTarget, t as pptx, u as withPackagePartFingerprints, v as isDeckLengthString, w as parsePointValue, x as parseLengthToken, y as isDeckPointLengthString } from "./adapter-B3Efckbf.mjs";
 import { n as isPptxMediaPart, o as isPptxSlidePart, r as isPptxPackageModel } from "./model-DIuh51qh.mjs";
 //#region src/composition/types.ts
 const COMPOSITION_SOURCE = Symbol("deckjsx.compositionSource");
@@ -61,7 +61,6 @@ function validateSourceKey(sourceKey) {
 	if (sourceKey.includes("/")) return "Source Key must not contain /.";
 }
 function describeInvalidRoot(value) {
-	if (isAuthorNodeValue(value)) return "Slide factory returned an AuthorNode value instead of an Author Tree node.";
 	if (isAuthorTreeNode(value)) return "Slide factory returned an Author Tree node that cannot be used as slide content.";
 	if (value === null) return "Slide factory returned null.";
 	return `Slide factory returned ${typeof value}.`;
@@ -629,7 +628,7 @@ const ELEMENT_DEFAULTS = {
 		rotation: 0,
 		zIndex: 0,
 		overflow: "visible",
-		position: "relative",
+		position: "static",
 		boxSizing: "border-box",
 		backgroundTransparency: 100,
 		borderWidth: 0,
@@ -646,7 +645,7 @@ const ELEMENT_DEFAULTS = {
 		rotation: 0,
 		zIndex: 0,
 		overflow: "visible",
-		position: "relative",
+		position: "static",
 		boxSizing: "border-box",
 		backgroundTransparency: 100,
 		borderWidth: 0,
@@ -706,7 +705,7 @@ const ELEMENT_DEFAULTS = {
 		rotation: 0,
 		zIndex: 0,
 		overflow: "visible",
-		position: "relative",
+		position: "static",
 		fit: "contain",
 		objectFit: "contain",
 		objectPosition: "50% 50%",
@@ -721,7 +720,7 @@ const ELEMENT_DEFAULTS = {
 		rotation: 0,
 		zIndex: 0,
 		overflow: "visible",
-		position: "relative",
+		position: "static",
 		boxSizing: "border-box",
 		backgroundTransparency: 100,
 		borderWidth: 0,
@@ -1275,6 +1274,17 @@ const VIEW_STYLE_KEYS = [
 	"gridAutoRows",
 	"gridAutoFlow"
 ];
+const SLIDE_STYLE_KEYS$1 = [
+	"background",
+	"backgroundImage",
+	"backgroundColor",
+	"backgroundTransparency",
+	"backgroundPosition",
+	"backgroundSize",
+	"backgroundRepeat",
+	"backgroundClip",
+	"backgroundOrigin"
+];
 const TEXT_STYLE_KEYS = [
 	...VIEW_STYLE_KEYS,
 	"fontFamily",
@@ -1544,11 +1554,45 @@ function applyProperties(style, source, properties) {
 		};
 	});
 }
-function resolvedStyleFor$1(node, entity, registry, theme, context, diagnostics) {
+const INHERITED_STYLE_KEYS = new Set([
+	"charSpacing",
+	"color",
+	"direction",
+	"fontFamily",
+	"fontSize",
+	"fontStyle",
+	"fontWeight",
+	"italic",
+	"letterSpacing",
+	"lineHeight",
+	"overflowWrap",
+	"strike",
+	"textAlign",
+	"textTransform",
+	"underline",
+	"whiteSpace",
+	"wordBreak",
+	"writingMode"
+]);
+function applyInheritedProperties(parentId, parent, properties) {
+	if (parentId === void 0 || parent === void 0) return;
+	for (const key of INHERITED_STYLE_KEYS) {
+		const property = parent.properties[key];
+		if (property?.value !== void 0) properties[key] = {
+			value: property.value,
+			source: {
+				layer: "inherited",
+				parentId
+			}
+		};
+	}
+}
+function resolvedStyleFor$1(node, entity, registry, theme, context, inherited, diagnostics) {
 	const properties = {};
 	const appliedClasses = [];
 	const defaults = elementDefaultsFor(node);
 	if (defaults) applyProperties(defaults, { layer: "default" }, properties);
+	applyInheritedProperties(inherited.parentId, inherited.style, properties);
 	const themeDefaults = node.authoredTag && theme ? themeInput(theme).defaults : void 0;
 	const themeDefault = node.authoredTag ? themeDefaults?.[node.authoredTag] : void 0;
 	if (node.authoredTag && themeDefault) applyProperties(themeDefault, {
@@ -1607,9 +1651,10 @@ function resolveStyles(graph, roots) {
 	const stylesheets = classesBySource(roots);
 	const themes = themesBySource(roots);
 	const registries = /* @__PURE__ */ new Map();
+	const parentById = parentMapFor$1(graph);
 	const selectorContext = {
 		graph,
-		parentById: parentMapFor$1(graph),
+		parentById,
 		classNamesByNodeId: classNamesByNodeIdFor(graph)
 	};
 	const resolvedStyles = /* @__PURE__ */ new Map();
@@ -1619,8 +1664,10 @@ function resolveStyles(graph, roots) {
 	themes.forEach((theme, sourceKey) => {
 		diagnostics.push(...sourceThemeDiagnostics(sourceKey, theme));
 	});
-	graph.nodes.forEach((node) => {
+	const resolveNode = (node) => {
 		if (!isStyleCapableNode(node)) return;
+		const existing = resolvedStyles.get(node.id);
+		if (existing) return existing;
 		const sourceKey = sourceKeyFor$2(node.origin.source);
 		const entity = node.styleRef ? graph.styles.get(node.styleRef) : void 0;
 		let registry = registries.get(sourceKey);
@@ -1628,7 +1675,18 @@ function resolveStyles(graph, roots) {
 			registry = registerStylesheets(sourceKey, stylesheets.get(sourceKey), diagnostics);
 			registries.set(sourceKey, registry);
 		}
-		resolvedStyles.set(node.id, resolvedStyleFor$1(node, entity, registry, themes.get(sourceKey), selectorContext, diagnostics));
+		const parentId = parentById.get(node.id);
+		const parent = parentId ? graph.nodes.get(parentId) : void 0;
+		const inherited = parent ? resolveNode(parent) : void 0;
+		const resolved = resolvedStyleFor$1(node, entity, registry, themes.get(sourceKey), selectorContext, {
+			parentId,
+			style: inherited
+		}, diagnostics);
+		resolvedStyles.set(node.id, resolved);
+		return resolved;
+	};
+	graph.nodes.forEach((node) => {
+		resolveNode(node);
 	});
 	return {
 		resolvedStyles,
@@ -1960,6 +2018,9 @@ function semanticRoleForTag(tag) {
 function isRecord(value) {
 	return typeof value === "object" && value !== null && !Array.isArray(value);
 }
+function hasOwnProp(props, key) {
+	return Object.prototype.hasOwnProperty.call(props, key);
+}
 function keySegment(key, index) {
 	return key === void 0 ? `index:${index}` : `key:${String(key)}`;
 }
@@ -1984,6 +2045,51 @@ function isShapeElement(node) {
 function templateAreaValueFor(node) {
 	return "area" in node.props ? node.props.area : void 0;
 }
+function supportedPropNamesFor(node) {
+	if (node.source.kind === "slide") return new Set([
+		"name",
+		"template",
+		"className",
+		"style"
+	]);
+	switch (node.source.tag) {
+		case "span": return new Set(["className", "style"]);
+		case "img": return new Set([
+			"className",
+			"style",
+			"area",
+			"src",
+			"data"
+		]);
+		case "shape": return new Set([
+			"className",
+			"style",
+			"area",
+			"shape"
+		]);
+		default: return new Set([
+			"className",
+			"style",
+			"area"
+		]);
+	}
+}
+function supportedStyleNamesFor(node) {
+	if (node.source.kind === "slide") return new Set(SLIDE_STYLE_KEYS$1);
+	switch (node.source.tag) {
+		case "span": return new Set(TEXT_RUN_STYLE_KEYS);
+		case "img": return new Set(IMAGE_STYLE_KEYS);
+		case "shape": return new Set(SHAPE_STYLE_KEYS);
+		case "p":
+		case "h1":
+		case "h2":
+		case "h3":
+		case "h4":
+		case "h5":
+		case "h6": return new Set(TEXT_STYLE_KEYS);
+		default: return new Set(VIEW_STYLE_KEYS);
+	}
+}
 function sourceFor(context) {
 	return context.activeSlot?.source ?? context.source;
 }
@@ -2035,22 +2141,12 @@ function classRefsFor(value) {
 		index
 	}));
 }
-function directStyleProps(props) {
-	const directStyle = Object.fromEntries(Object.entries(props).filter(([key]) => key !== "children" && key !== "className" && key !== "data" && key !== "area" && key !== "name" && key !== "shape" && key !== "src" && key !== "style" && key !== "template"));
-	return Object.keys(directStyle).length === 0 ? void 0 : directStyle;
-}
 function sourceKeyFor(source) {
 	return !source || source.kind === "root" ? "root" : source.sourceIdentity;
 }
 function mergedAuthoredStyle(props) {
-	const directStyle = directStyleProps(props);
 	const inlineStyle = props.style;
-	if (directStyle === void 0) return isRecord(inlineStyle) ? Object.fromEntries(Object.entries(inlineStyle)) : void 0;
-	if (inlineStyle !== void 0 && (typeof inlineStyle !== "object" || inlineStyle === null || Array.isArray(inlineStyle))) return;
-	return {
-		...directStyle,
-		...isRecord(inlineStyle) ? inlineStyle : void 0
-	};
+	return isRecord(inlineStyle) ? Object.fromEntries(Object.entries(inlineStyle)) : void 0;
 }
 function styleRefFor(state, idMaterial, target, props) {
 	const style = mergedAuthoredStyle(props);
@@ -2083,7 +2179,115 @@ function invalidStructure(path, title, message, help) {
 		...help ? { help } : {}
 	});
 }
+function authoringPropDiagnostic(input) {
+	return diagnostic({
+		severity: "error",
+		code: input.code,
+		title: input.title,
+		message: input.message,
+		labels: [{
+			path: input.path,
+			message: input.message
+		}],
+		...input.help ? { help: input.help } : {}
+	});
+}
+function unsupportedStylePropDiagnostic(input) {
+	return diagnostic({
+		severity: "warning",
+		code: "W_COMPILE_UNSUPPORTED_STYLE_PROP",
+		title: "unsupported style property",
+		message: `Style property "${input.property}" is not supported by the deckjsx CSS-like style subset for ${input.tag}.`,
+		labels: [{
+			path: input.path,
+			message: `${input.property} is outside the supported deckjsx style property subset.`
+		}],
+		help: ["Use a supported deckjsx style key, or keep this value in your own data layer until deckjsx adds that CSS property."]
+	});
+}
+function validateAuthoringProps(state, node, path) {
+	const supported = supportedPropNamesFor(node);
+	const propPath = node.source.kind === "slide" ? `${path}.options` : `${path}.props`;
+	for (const key of Object.keys(node.props)) if (!supported.has(key)) addDiagnostic(state, authoringPropDiagnostic({
+		code: "E_COMPILE_UNSUPPORTED_AUTHORING_PROP",
+		title: `unsupported ${node.source.kind === "slide" ? "slide declaration option" : "authoring prop"}`,
+		path: `${propPath}.${key}`,
+		message: `${key} is not supported in the current deckjsx authoring interface.`
+	}));
+	if (hasOwnProp(node.props, "style")) {
+		const style = node.props.style;
+		if (style !== void 0 && !isRecord(style)) addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_INVALID_STYLE_PROP",
+			title: "style prop is invalid",
+			path: `${propPath}.style`,
+			message: "The style prop must be an object when it is provided."
+		}));
+		if (isRecord(style)) {
+			const supportedStyleNames = supportedStyleNamesFor(node);
+			const tag = sourceName(node);
+			Object.keys(style).forEach((key) => {
+				if (supportedStyleNames.has(key)) return;
+				addDiagnostic(state, unsupportedStylePropDiagnostic({
+					path: `${propPath}.style.${key}`,
+					property: key,
+					tag
+				}));
+			});
+		}
+	}
+	if (isShapeElement(node) && node.props.shape !== void 0) {
+		if (node.props.shape !== "rect" && node.props.shape !== "ellipse" && node.props.shape !== "line") addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_INVALID_SHAPE_PROP",
+			title: "shape prop is invalid",
+			path: `${propPath}.shape`,
+			message: "The shape prop must be rect, ellipse, or line."
+		}));
+	}
+	if (isSlideElement(node)) {
+		if (node.props.name !== void 0 && typeof node.props.name !== "string") addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_INVALID_SLIDE_NAME_OPTION",
+			title: "slide name option is invalid",
+			path: `${propPath}.name`,
+			message: "The slide declaration name option must be a string when it is provided."
+		}));
+		if (node.props.template !== void 0 && typeof node.props.template !== "string") addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_INVALID_SLIDE_TEMPLATE_OPTION",
+			title: "slide template option is invalid",
+			path: `${propPath}.template`,
+			message: "The slide declaration template option must be a template name string."
+		}));
+	}
+}
 function assetForImage(state, idMaterial, props, path) {
+	const hasSrc = props.src !== void 0;
+	const hasData = props.data !== void 0;
+	if (hasSrc && typeof props.src !== "string") {
+		addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_INVALID_IMAGE_SOURCE_PROP",
+			title: "image src prop is invalid",
+			path: `${path}.props.src`,
+			message: "The img src prop must be a string when it is provided."
+		}));
+		return;
+	}
+	if (hasData && typeof props.data !== "string") {
+		addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_INVALID_IMAGE_SOURCE_PROP",
+			title: "image data prop is invalid",
+			path: `${path}.props.data`,
+			message: "The img data prop must be a string when it is provided."
+		}));
+		return;
+	}
+	if (typeof props.src === "string" && typeof props.data === "string") {
+		addDiagnostic(state, authoringPropDiagnostic({
+			code: "E_COMPILE_AMBIGUOUS_IMAGE_SOURCE_PROP",
+			title: "image source props are ambiguous",
+			path: `${path}.props`,
+			message: "Use either img src or img data, not both."
+		}));
+		return;
+	}
 	if (typeof props.src !== "string" && typeof props.data !== "string") {
 		addDiagnostic(state, invalidStructure(path, "image source is missing", "Image nodes require either src or data.", ["Add a src path or data URL to the image."]));
 		return;
@@ -2350,6 +2554,7 @@ function buildNode(state, node, context, index) {
 	const material = [...nodeContext.parentMaterial, segment];
 	const id = graphNodeId(material);
 	const path = `${nodeContext.path} > ${sourceName(node)}[${keySegment(node.key, index)}]`;
+	validateAuthoringProps(state, node, path);
 	if (kind === "textRun") {
 		if (!context.inline) {
 			addDiagnostic(state, invalidStructure(path, "span cannot appear here", "span must be inside a text-like element.", ["Wrap the span in <p>...</p> or move it inside an existing text element."]));
@@ -3076,6 +3281,169 @@ function summarizePptxPackage(projection, options = {}) {
 	};
 }
 //#endregion
+//#region src/layout/input.ts
+function pushDefined(values, value) {
+	if (value !== void 0) values.push(value);
+}
+function resolvedPropsFor(node, resolvedStyles) {
+	const resolved = resolvedStyles.get(node.id);
+	if (!resolved) return {};
+	return Object.fromEntries(Object.entries(resolved.properties).filter(([, property]) => property.source.layer !== "default" && property.source.layer !== "inherited").map(([key, property]) => [key, property.value]));
+}
+function sourceKeyForOrigin$2(source) {
+	return !source || source.kind === "root" ? "root" : source.sourceIdentity;
+}
+function propsWithTemplateAreaFrame(resolvedStyles, node, templates) {
+	const props = resolvedPropsFor(node, resolvedStyles);
+	const ref = node.templateAreaRef;
+	if (!ref) return props;
+	const frame = templates?.[ref.template]?.areas?.[ref.area]?.frame;
+	if (!frame) return props;
+	const resolved = resolvedStyles.get(node.id);
+	const frameProps = {};
+	if (resolved?.properties.x?.source.layer !== "style") frameProps.x = frame.x;
+	if (resolved?.properties.y?.source.layer !== "style") frameProps.y = frame.y;
+	if (resolved?.properties.width?.source.layer !== "style") frameProps.width = frame.width;
+	if (resolved?.properties.height?.source.layer !== "style") frameProps.height = frame.height;
+	return {
+		...props,
+		...frameProps
+	};
+}
+function templateAreaKindFor$1(node, templates) {
+	const ref = node.templateAreaRef;
+	if (!ref) return;
+	return templates?.[ref.template]?.areas?.[ref.area]?.kind ?? "generic";
+}
+function collectTextOrigin(graph, node) {
+	const graphNodeIds = [node.id];
+	const styleEntityIds = [];
+	pushDefined(styleEntityIds, node.styleRef);
+	node.inlineChildren.forEach((childId) => {
+		const child = graph.nodes.get(childId);
+		if (!child) return;
+		graphNodeIds.push(child.id);
+		pushDefined(styleEntityIds, child.styleRef);
+		if (child.kind === "text") {
+			const nested = collectTextOrigin(graph, child);
+			graphNodeIds.push(...nested.graphNodeIds ?? []);
+			styleEntityIds.push(...nested.styleEntityIds ?? []);
+		}
+	});
+	return {
+		graphNodeIds: [...new Set(graphNodeIds)],
+		...styleEntityIds.length > 0 ? { styleEntityIds: [...new Set(styleEntityIds)] } : {}
+	};
+}
+function layoutOriginFor(graph, node, templates) {
+	const templateAreaKind = templateAreaKindFor$1(node, templates);
+	if (node.kind === "text") return {
+		...collectTextOrigin(graph, node),
+		...node.origin.source ? { source: node.origin.source } : {},
+		...node.templateAreaRef ? { templateAreaRef: node.templateAreaRef } : {},
+		...templateAreaKind ? { templateAreaKind } : {}
+	};
+	return {
+		graphNodeIds: [node.id],
+		...node.styleRef ? { styleEntityIds: [node.styleRef] } : {},
+		...node.kind === "image" && node.assetRef ? { assetEntityIds: [node.assetRef] } : {},
+		...node.origin.source ? { source: node.origin.source } : {},
+		...node.templateAreaRef ? { templateAreaRef: node.templateAreaRef } : {},
+		...templateAreaKind ? { templateAreaKind } : {}
+	};
+}
+function textChildrenFromGraph(graph, resolvedStyles, childIds, templates) {
+	return childIds.flatMap((childId) => {
+		const child = graph.nodes.get(childId);
+		if (!child) return [];
+		if (child.kind === "textRun") return [{
+			kind: "text",
+			props: resolvedPropsFor(child, resolvedStyles),
+			children: [child.text],
+			origin: layoutOriginFor(graph, child, templates)
+		}];
+		if (child.kind === "text") return textChildrenFromGraph(graph, resolvedStyles, child.inlineChildren, templates);
+		return [];
+	});
+}
+function contentChildrenFromGraph(graph, resolvedStyles, childIds, assetProbeArtifacts, templates) {
+	return childIds.flatMap((childId) => {
+		const child = graph.nodes.get(childId);
+		if (!child) return [];
+		const node = layoutInputNodeFromGraph(graph, resolvedStyles, child, assetProbeArtifacts, templates);
+		return node && node.kind !== "slide" ? [node] : [];
+	});
+}
+function layoutInputNodeFromGraph(graph, resolvedStyles, node, assetProbeArtifacts, templates) {
+	switch (node.kind) {
+		case "slide": {
+			const props = propsWithTemplateAreaFrame(resolvedStyles, node, templates);
+			const slideTemplates = graph.templates.get(sourceKeyForOrigin$2(node.origin.source));
+			return {
+				kind: "slide",
+				props: {
+					...props,
+					name: node.name
+				},
+				children: contentChildrenFromGraph(graph, resolvedStyles, node.children, assetProbeArtifacts, slideTemplates),
+				origin: layoutOriginFor(graph, node, slideTemplates)
+			};
+		}
+		case "container": return {
+			kind: "view",
+			props: propsWithTemplateAreaFrame(resolvedStyles, node, templates),
+			children: contentChildrenFromGraph(graph, resolvedStyles, node.children, assetProbeArtifacts, templates),
+			origin: layoutOriginFor(graph, node, templates)
+		};
+		case "text": return {
+			kind: "text",
+			props: propsWithTemplateAreaFrame(resolvedStyles, node, templates),
+			children: textChildrenFromGraph(graph, resolvedStyles, node.inlineChildren, templates),
+			origin: layoutOriginFor(graph, node, templates)
+		};
+		case "image": {
+			const props = propsWithTemplateAreaFrame(resolvedStyles, node, templates);
+			const asset = node.assetRef ? graph.assets.get(node.assetRef) : void 0;
+			if (!asset) return;
+			return {
+				kind: "image",
+				props: {
+					...props,
+					...imageSourceProps(asset)
+				},
+				...node.assetRef ? { assetProbe: assetProbeArtifacts?.get(node.assetRef)?.probe } : {},
+				origin: layoutOriginFor(graph, node, templates)
+			};
+		}
+		case "shape": return {
+			kind: "shape",
+			props: {
+				...propsWithTemplateAreaFrame(resolvedStyles, node, templates),
+				shape: node.shape
+			},
+			origin: layoutOriginFor(graph, node, templates)
+		};
+		case "document":
+		case "textRun": return;
+	}
+}
+function imageSourceProps(asset) {
+	if (asset.source.kind === "data") return { data: asset.source.data };
+	return { src: asset.source.kind === "path" ? asset.source.path : asset.source.url };
+}
+function buildLayoutInputSnapshot(input) {
+	const document = input.graph.nodes.get(input.graph.documentId);
+	const slideNodes = document?.kind === "document" ? document.children.map((id) => input.graph.nodes.get(id)).filter((node) => node?.kind === "slide") : [];
+	return {
+		snapshot: {
+			...input.meta ? { meta: input.meta } : {},
+			...input.deckSize ? { size: input.deckSize } : {},
+			slides: slideNodes.map((node) => layoutInputNodeFromGraph(input.graph, input.resolvedStyles, node, input.assetProbeArtifacts)).filter((node) => node?.kind === "slide")
+		},
+		diagnostics: input.diagnostics ?? createDiagnostics()
+	};
+}
+//#endregion
 //#region src/layout/frame.ts
 function intersectClipRect(frame, clipRect) {
 	if (!clipRect) return frame;
@@ -3645,16 +4013,83 @@ function resolveGridSelfAlignment(value) {
 	return value;
 }
 //#endregion
+//#region src/style/defaulting.ts
+function authoredLengthOrUndefined(value) {
+	if (typeof value === "string" && (value.trim().toLowerCase() === "auto" || isCssWideKeyword(value))) return;
+	return value;
+}
+function hasAuthoredLength(value) {
+	return authoredLengthOrUndefined(value) !== void 0;
+}
+function defaultingTokens(value) {
+	if (typeof value === "string") return value.trim().split(/\s+/).filter(Boolean);
+	if (Array.isArray(value)) return value;
+	return value === void 0 || value === null ? [] : [value];
+}
+function hasAutoToken(value) {
+	return defaultingTokens(value).some((token) => typeof token === "string" && token.trim().toLowerCase() === "auto");
+}
+function hasCssWideKeywordToken(value) {
+	return defaultingTokens(value).some((token) => isCssWideKeyword(token));
+}
+//#endregion
 //#region src/layout/spacing.ts
-function parseSpacing(value, context) {
+function splitSpacingTokens(value) {
+	const tokens = [];
+	let current = "";
+	let depth = 0;
+	for (const char of value) {
+		if (char === "(") {
+			depth += 1;
+			current += char;
+			continue;
+		}
+		if (char === ")") {
+			depth = Math.max(depth - 1, 0);
+			current += char;
+			continue;
+		}
+		if (/\s/.test(char) && depth === 0) {
+			if (current.trim()) tokens.push(current.trim());
+			current = "";
+			continue;
+		}
+		current += char;
+	}
+	if (current.trim()) tokens.push(current.trim());
+	return tokens;
+}
+function expandSpacingTokens(value) {
+	const tokens = splitSpacingTokens(value);
+	if (tokens.length <= 1) return;
+	if (tokens.length > 4) throw new Error(`Unsupported spacing shorthand: ${value}`);
+	const [top, right = top, bottom = top, left = right] = tokens;
+	if (top === void 0) return;
+	return [
+		top,
+		right,
+		bottom,
+		left
+	];
+}
+function parseSpacing(value, context, percentageBaseEmu = 0) {
 	if (value === void 0) return [
 		0,
 		0,
 		0,
 		0
 	];
+	if (typeof value === "string") {
+		const shorthand = expandSpacingTokens(value);
+		if (shorthand) return [
+			parseLength(shorthand[0], percentageBaseEmu, 0, context),
+			parseLength(shorthand[1], percentageBaseEmu, 0, context),
+			parseLength(shorthand[2], percentageBaseEmu, 0, context),
+			parseLength(shorthand[3], percentageBaseEmu, 0, context)
+		];
+	}
 	if (typeof value === "number" || typeof value === "string") {
-		const scalar = parseLength(value, 0, 0, context);
+		const scalar = parseLength(value, percentageBaseEmu, 0, context);
 		return [
 			scalar,
 			scalar,
@@ -3663,10 +4098,47 @@ function parseSpacing(value, context) {
 		];
 	}
 	return [
-		parseLength(value[0], 0, 0, context),
-		parseLength(value[1], 0, 0, context),
-		parseLength(value[2], 0, 0, context),
-		parseLength(value[3], 0, 0, context)
+		parseLength(value[0], percentageBaseEmu, 0, context),
+		parseLength(value[1], percentageBaseEmu, 0, context),
+		parseLength(value[2], percentageBaseEmu, 0, context),
+		parseLength(value[3], percentageBaseEmu, 0, context)
+	];
+}
+function parseLengthOrAuto(value, percentageBaseEmu, fallbackEmu, context) {
+	const authoredValue = authoredLengthOrUndefined(value);
+	if (authoredValue === void 0) return fallbackEmu;
+	return parseLength(authoredValue, percentageBaseEmu, fallbackEmu, context);
+}
+function parseSpacingAllowAuto(value, context, percentageBaseEmu = 0, autoFallbackEmu = 0) {
+	if (value === void 0) return [
+		0,
+		0,
+		0,
+		0
+	];
+	if (typeof value === "string") {
+		const shorthand = expandSpacingTokens(value);
+		if (shorthand) return [
+			parseLengthOrAuto(shorthand[0], percentageBaseEmu, autoFallbackEmu, context),
+			parseLengthOrAuto(shorthand[1], percentageBaseEmu, autoFallbackEmu, context),
+			parseLengthOrAuto(shorthand[2], percentageBaseEmu, autoFallbackEmu, context),
+			parseLengthOrAuto(shorthand[3], percentageBaseEmu, autoFallbackEmu, context)
+		];
+	}
+	if (typeof value === "number" || typeof value === "string") {
+		const scalar = parseLengthOrAuto(value, percentageBaseEmu, autoFallbackEmu, context);
+		return [
+			scalar,
+			scalar,
+			scalar,
+			scalar
+		];
+	}
+	return [
+		parseLengthOrAuto(value[0], percentageBaseEmu, autoFallbackEmu, context),
+		parseLengthOrAuto(value[1], percentageBaseEmu, autoFallbackEmu, context),
+		parseLengthOrAuto(value[2], percentageBaseEmu, autoFallbackEmu, context),
+		parseLengthOrAuto(value[3], percentageBaseEmu, autoFallbackEmu, context)
 	];
 }
 function expandRawSpacing(value) {
@@ -3676,12 +4148,21 @@ function expandRawSpacing(value) {
 		void 0,
 		void 0
 	];
-	if (typeof value === "number" || typeof value === "string") return [
-		value,
-		value,
-		value,
-		value
-	];
+	if (typeof value === "number" || typeof value === "string") {
+		const shorthand = typeof value === "string" ? expandSpacingTokens(value) : void 0;
+		if (shorthand) return [
+			shorthand[0],
+			shorthand[1],
+			shorthand[2],
+			shorthand[3]
+		];
+		return [
+			value,
+			value,
+			value,
+			value
+		];
+	}
 	return [
 		value[0],
 		value[1],
@@ -3709,9 +4190,9 @@ function resolveInset(value, top, right, bottom, left) {
 		left: left ?? baseLeft
 	};
 }
-function parseSpacingInPoints(value, context) {
+function parseSpacingInPoints(value, context, percentageBaseEmu = 0) {
 	if (value === void 0) return;
-	const spacing = parseSpacing(value, context);
+	const spacing = parseSpacing(value, context, percentageBaseEmu);
 	return [
 		spacing[0] / EMU_PER_INCH * 72,
 		spacing[1] / EMU_PER_INCH * 72,
@@ -5148,7 +5629,7 @@ function parseStrokeDasharray(value, context) {
 	if (rawTokens.length === 0) return;
 	const lengths = rawTokens.map((token) => {
 		if (/^-?(?:\d+|\d*\.\d+)$/.test(token)) return Number.parseFloat(token);
-		if (/^-?(?:\d+|\d*\.\d+)(?:pt|in|px|em|rem|vh|vw|ch)$/i.test(token)) return parsePointToken(token, 0, context);
+		if (/^-?(?:\d+|\d*\.\d+)(?:in|cm|mm|q|pt|pc|px|em|rem|vh|vw|vmin|vmax|ch)$/i.test(token)) return parsePointToken(token, 0, context);
 		throw new Error(`Unsupported strokeDasharray token: ${token}`);
 	});
 	if (lengths.some((length) => !Number.isFinite(length) || length < 0)) throw new Error(`Unsupported strokeDasharray value: ${value}`);
@@ -5236,10 +5717,15 @@ function parseTextDecoration(value) {
 	};
 }
 function resolveLineHeight(lineHeight, context) {
-	if (lineHeight === void 0 || lineHeight === "normal") return {};
+	if (lineHeight === void 0 || lineHeight === "normal" || isCssWideKeyword(lineHeight)) return {};
 	if (typeof lineHeight === "number") return { lineSpacingMultiple: lineHeight };
 	return { lineSpacing: parsePointValue(lineHeight, 0, context) };
 }
+function resolveCharacterSpacing(charSpacing, context) {
+	if (charSpacing === void 0 || isCssWideKeyword(charSpacing)) return;
+	if (charSpacing === "normal") return 0;
+	return parsePointValue(charSpacing, 0, context);
+}
 function resolveTextWrap(wrap, whiteSpace, wordBreak, overflowWrap) {
 	if (wrap !== void 0) return wrap;
 	if (wordBreak === "break-all" || wordBreak === "break-word") return true;
@@ -5361,16 +5847,17 @@ function extractText(children, textTransform) {
 			parts.push(String(child));
 			continue;
 		}
-		if (isAuthorNode(child)) throw new Error("Text nodes can only contain string or number children.");
+		if (typeof child === "object") throw new Error("Text nodes can only contain string or number children.");
 	}
 	return applyTextTransform$1(parts.join(""), textTransform);
 }
 //#endregion
-//#region src/compiler/normalization.ts
-function resolveFlexDirection(direction, flexDirection) {
+//#region src/layout/normalization.ts
+function resolveFlexDirection(direction, flexDirection, display) {
 	if (direction) return direction;
 	if (flexDirection === "row") return "horizontal";
 	if (flexDirection === "column") return "vertical";
+	if (display === "flex") return "horizontal";
 }
 function resolveLayout(layout, display, position) {
 	if (layout) return layout;
@@ -5384,6 +5871,10 @@ function resolveGap(gap, rowGap, columnGap, direction) {
 	if (direction === "vertical") return rowGap ?? columnGap;
 	return rowGap ?? columnGap;
 }
+function normalizeImageFit(value) {
+	if (value === "fill") return "stretch";
+	return value;
+}
 function isCssAlignSelf(value) {
 	return value === "start" || value === "flex-start" || value === "center" || value === "end" || value === "flex-end" || value === "stretch" || value === "auto";
 }
@@ -5454,7 +5945,7 @@ function normalizeViewProps(props) {
 	authored.gridAutoColumns = resolved.gridAutoColumns ?? gridContainerAuthoring.gridAutoColumns;
 	authored.gridAutoRows = resolved.gridAutoRows ?? gridContainerAuthoring.gridAutoRows;
 	authored.gridAutoFlow = resolved.gridAutoFlow ?? gridContainerAuthoring.gridAutoFlow;
-	const direction = resolveFlexDirection(authored.direction, authored.flexDirection);
+	const direction = resolveFlexDirection(authored.direction, authored.flexDirection, authored.display);
 	const inset = resolveInset(authored.inset, authored.top, authored.right, authored.bottom, authored.left);
 	return {
 		...authored,
@@ -5513,7 +6004,7 @@ function normalizeTextProps(props) {
 		italic: resolved.italic ?? (resolved.fontStyle === "italic" ? true : void 0),
 		underline: resolved.underline ?? decoration.underline,
 		strike: resolved.strike ?? decoration.strike,
-		charSpacing: resolved.charSpacing ?? resolved.letterSpacing,
+		charSpacing: resolved.charSpacing ?? (resolved.letterSpacing === "normal" ? 0 : resolved.letterSpacing),
 		backgroundColor: resolved.backgroundColor ?? background.backgroundColor,
 		borderColor: resolved.borderColor ?? border.borderColor,
 		borderWidth: resolved.borderWidth ?? border.borderWidth,
@@ -5551,7 +6042,7 @@ function normalizeImageProps(props, context) {
 		right: inset?.right ?? resolved.right,
 		bottom: inset?.bottom ?? resolved.bottom,
 		left: inset?.left ?? resolved.left,
-		fit: resolved.fit ?? resolved.objectFit,
+		fit: normalizeImageFit(resolved.fit ?? resolved.objectFit),
 		objectPosition: resolved.objectPosition,
 		crop: resolved.crop,
 		rounding: resolved.rounding ?? (resolved.borderRadius !== void 0 ? parseLength(resolved.borderRadius, 0, 0, context) > 0 : void 0),
@@ -5574,7 +6065,8 @@ function normalizeShapeProps(props) {
 	const { style, ...rest } = props;
 	const resolved = {
 		...rest,
-		...style
+		...style,
+		shape: rest.shape ?? "rect"
 	};
 	const background = parseBackgroundShorthand(resolved.background);
 	const border = parseBorderShorthand(resolved.border);
@@ -5944,7 +6436,8 @@ function matrixTranslatePxToEmu(value) {
 function parseAspectRatio(value) {
 	if (value === void 0) return;
 	if (typeof value === "number") return value > 0 ? value : void 0;
-	const normalized = value.replace(/\s+/g, "");
+	const normalized = value.replace(/\s+/g, "").toLowerCase();
+	if (normalized === "auto") return;
 	if (!normalized.includes("/")) {
 		const parsed = Number.parseFloat(normalized);
 		return Number.isFinite(parsed) && parsed > 0 ? parsed : void 0;
@@ -5976,35 +6469,51 @@ function inflateSpecifiedBoxSize(valueEmu, boxSizing, padding, dimension) {
 	if (boxSizing !== "content-box") return valueEmu;
 	return valueEmu + (dimension === "width" ? padding[1] + padding[3] : padding[0] + padding[2]);
 }
+function nonAutoLength(value) {
+	if (typeof value === "string" && (value.trim().toLowerCase() === "auto" || isCssWideKeyword(value))) return;
+	return value;
+}
+function specifiedLength(value) {
+	return nonAutoLength(value);
+}
 function frameFromProps(props, parent, placement, context) {
 	const transform = parseTransformShorthandOrIgnore(props.transform);
 	const resolvedInset = resolveInset(props.inset, props.top, props.right, props.bottom, props.left);
-	const resolvedX = props.x ?? resolvedInset?.left;
-	const resolvedY = props.y ?? resolvedInset?.top;
-	const resolvedRight = resolvedInset?.right;
-	const resolvedBottom = resolvedInset?.bottom;
+	const isRelativePosition = props.position === "relative";
+	const relativeLeft = nonAutoLength(props.x ?? resolvedInset?.left);
+	const relativeTop = nonAutoLength(props.y ?? resolvedInset?.top);
+	const relativeRight = nonAutoLength(resolvedInset?.right);
+	const relativeBottom = nonAutoLength(resolvedInset?.bottom);
+	const specifiedWidth = specifiedLength(props.width);
+	const specifiedHeight = specifiedLength(props.height);
+	const resolvedX = isRelativePosition ? void 0 : relativeLeft;
+	const resolvedY = isRelativePosition ? void 0 : relativeTop;
+	const resolvedRight = isRelativePosition ? void 0 : relativeRight;
+	const resolvedBottom = isRelativePosition ? void 0 : relativeBottom;
 	const aspectRatio = parseAspectRatio(props.aspectRatio);
-	const padding = parseSpacing(props.padding, context);
+	const padding = parseSpacing(props.padding, context, parent.widthEmu);
 	const boxSizing = props.boxSizing ?? "border-box";
 	const minWidthEmu = parseLength(props.minWidth, parent.widthEmu, 0, context);
 	const minHeightEmu = parseLength(props.minHeight, parent.heightEmu, 0, context);
 	const maxWidthEmu = parseLength(props.maxWidth, parent.widthEmu, Number.POSITIVE_INFINITY, context);
 	const maxHeightEmu = parseLength(props.maxHeight, parent.heightEmu, Number.POSITIVE_INFINITY, context);
 	const clampSize = (value, min, max) => Math.max(min, Math.min(value, max));
-	const baseWidth = placement?.widthEmu ?? (props.width !== void 0 ? parseLength(props.width, parent.widthEmu, 0, context) : resolvedX !== void 0 && resolvedRight !== void 0 ? Math.max(parent.widthEmu - parseLength(resolvedX, parent.widthEmu, 0, context) - parseLength(resolvedRight, parent.widthEmu, 0, context), 0) : 0);
-	const baseHeight = placement?.heightEmu ?? (props.height !== void 0 ? parseLength(props.height, parent.heightEmu, 0, context) : resolvedY !== void 0 && resolvedBottom !== void 0 ? Math.max(parent.heightEmu - parseLength(resolvedY, parent.heightEmu, 0, context) - parseLength(resolvedBottom, parent.heightEmu, 0, context), 0) : 0);
+	const baseWidth = placement?.widthEmu ?? (specifiedWidth !== void 0 ? parseLength(specifiedWidth, parent.widthEmu, 0, context) : resolvedX !== void 0 && resolvedRight !== void 0 ? Math.max(parent.widthEmu - parseLength(resolvedX, parent.widthEmu, 0, context) - parseLength(resolvedRight, parent.widthEmu, 0, context), 0) : 0);
+	const baseHeight = placement?.heightEmu ?? (specifiedHeight !== void 0 ? parseLength(specifiedHeight, parent.heightEmu, 0, context) : resolvedY !== void 0 && resolvedBottom !== void 0 ? Math.max(parent.heightEmu - parseLength(resolvedY, parent.heightEmu, 0, context) - parseLength(resolvedBottom, parent.heightEmu, 0, context), 0) : 0);
 	const aspectResolvedWidth = baseWidth === 0 && aspectRatio !== void 0 && baseHeight > 0 ? baseHeight * aspectRatio : baseWidth;
 	const aspectResolvedHeight = baseHeight === 0 && aspectRatio !== void 0 && aspectResolvedWidth > 0 ? aspectResolvedWidth / aspectRatio : baseHeight;
 	const clampedWidth = clampSize(aspectResolvedWidth, minWidthEmu, maxWidthEmu);
 	const clampedHeight = clampSize(aspectResolvedHeight, minHeightEmu, maxHeightEmu);
-	const widthUsesSpecifiedBox = props.width !== void 0 || props.height !== void 0 && aspectRatio !== void 0 && baseWidth === 0;
-	const heightUsesSpecifiedBox = props.height !== void 0 || props.width !== void 0 && aspectRatio !== void 0 && baseHeight === 0;
+	const widthUsesSpecifiedBox = specifiedWidth !== void 0 || specifiedHeight !== void 0 && aspectRatio !== void 0 && baseWidth === 0;
+	const heightUsesSpecifiedBox = specifiedHeight !== void 0 || specifiedWidth !== void 0 && aspectRatio !== void 0 && baseHeight === 0;
 	const resolvedWidth = placement?.widthEmu !== void 0 || !widthUsesSpecifiedBox ? clampedWidth : inflateSpecifiedBoxSize(clampedWidth, boxSizing, padding, "width");
 	const resolvedHeight = placement?.heightEmu !== void 0 || !heightUsesSpecifiedBox ? clampedHeight : inflateSpecifiedBoxSize(clampedHeight, boxSizing, padding, "height");
 	const absoluteX = resolvedX !== void 0 ? parent.xEmu + parseLength(resolvedX, parent.widthEmu, 0, context) : resolvedRight !== void 0 && (props.width !== void 0 || placement?.widthEmu !== void 0) ? parent.xEmu + parent.widthEmu - parseLength(resolvedRight, parent.widthEmu, 0, context) - resolvedWidth : parent.xEmu;
 	const absoluteY = resolvedY !== void 0 ? parent.yEmu + parseLength(resolvedY, parent.heightEmu, 0, context) : resolvedBottom !== void 0 && (props.height !== void 0 || placement?.heightEmu !== void 0) ? parent.yEmu + parent.heightEmu - parseLength(resolvedBottom, parent.heightEmu, 0, context) - resolvedHeight : parent.yEmu;
-	let transformedX = placement?.xEmu ?? absoluteX;
-	let transformedY = placement?.yEmu ?? absoluteY;
+	const relativeOffsetX = isRelativePosition && relativeLeft !== void 0 ? parseLength(relativeLeft, parent.widthEmu, 0, context) : isRelativePosition && relativeRight !== void 0 ? -parseLength(relativeRight, parent.widthEmu, 0, context) : 0;
+	const relativeOffsetY = isRelativePosition && relativeTop !== void 0 ? parseLength(relativeTop, parent.heightEmu, 0, context) : isRelativePosition && relativeBottom !== void 0 ? -parseLength(relativeBottom, parent.heightEmu, 0, context) : 0;
+	let transformedX = (placement?.xEmu ?? absoluteX) + relativeOffsetX;
+	let transformedY = (placement?.yEmu ?? absoluteY) + relativeOffsetY;
 	let transformedWidth = resolvedWidth;
 	let transformedHeight = resolvedHeight;
 	let transformRotation = 0;
@@ -6199,11 +6708,11 @@ function resolveCrossPlacement(alignment, availableCross, childCross, hasExplici
 		sizeEmu: childCross
 	};
 }
-function resolveMainGap(direction, gap, rowGap, columnGap, context) {
-	return parseLength(direction === "horizontal" ? columnGap ?? gap ?? rowGap : rowGap ?? gap ?? columnGap, 0, 0, context);
+function resolveMainGap(direction, gap, rowGap, columnGap, context, percentageBaseEmu = 0) {
+	return parseLength(direction === "horizontal" ? columnGap ?? gap ?? rowGap : rowGap ?? gap ?? columnGap, percentageBaseEmu, 0, context);
 }
-function resolveCrossGap(direction, gap, rowGap, columnGap, context) {
-	return parseLength(direction === "horizontal" ? rowGap ?? gap ?? columnGap : columnGap ?? gap ?? rowGap, 0, 0, context);
+function resolveCrossGap(direction, gap, rowGap, columnGap, context, percentageBaseEmu = 0) {
+	return parseLength(direction === "horizontal" ? rowGap ?? gap ?? columnGap : columnGap ?? gap ?? rowGap, percentageBaseEmu, 0, context);
 }
 function buildStackLines(entries, direction, parentFrame, availableMain, mainGapEmu, flexWrap, metrics, context) {
 	if (entries.length === 0) return [];
@@ -6329,7 +6838,7 @@ function splitTopLevelCommaList(value) {
 }
 function tryParsePointToken(value) {
 	if (value === "0") return 0;
-	if (!isDeckPointLengthString(value) || !/^-?(?:\d+|\d*\.\d+)(?:pt|in|px)$/i.test(value)) return;
+	if (!isDeckPointLengthString(value)) return;
 	return parsePointToken(value);
 }
 function parseShadowShorthand(value) {
@@ -6371,29 +6880,97 @@ function parseShadowShorthand(value) {
 		angle: angle % 360
 	};
 }
+function hasShadowSpreadRadius(value) {
+	if (!value) return false;
+	const trimmed = value.trim();
+	if (!trimmed || trimmed.toLowerCase() === "none") return false;
+	const layers = splitTopLevelCommaList(trimmed);
+	if (layers.length !== 1) return false;
+	const [layer] = layers;
+	if (layer === void 0) return false;
+	return splitCssValueTokens(layer).filter((token) => token.toLowerCase() !== "inset").filter((token) => {
+		if (parseCssColor(token)) return false;
+		return tryParsePointToken(token) !== void 0;
+	}).length === 4;
+}
 //#endregion
-//#region src/layout/resolve.ts
-function errorReason$1(error) {
+//#region src/layout/unsupported.ts
+function errorReason$2(error) {
 	return error instanceof Error ? error.message : String(error);
 }
-function unsupportedSemantic$1(input) {
+function semanticValue(value) {
+	if (typeof value === "string") return value;
+	return JSON.stringify(value) ?? String(value);
+}
+function unsupportedSemantic(input) {
 	if (input.value === void 0 || input.value === null || input.value === "") return;
 	return {
 		feature: input.feature,
 		property: input.property,
-		value: typeof input.value === "string" ? input.value : JSON.stringify(input.value),
-		reason: errorReason$1(input.error),
+		value: semanticValue(input.value),
+		reason: errorReason$2(input.error),
 		...input.fallback ? { fallback: input.fallback } : {}
 	};
 }
+function unsupportedCssWideKeywordSemantic(property, value) {
+	return unsupportedSemantic({
+		feature: "layout",
+		property,
+		value,
+		error: /* @__PURE__ */ new Error("CSS-wide keywords require cascade/defaulting semantics; deckjsx v0.8.2 falls back to the supported subset initial value and preserves the authored keyword for inspection."),
+		fallback: {
+			strategy: "preserveAuthoredValueOnly",
+			preserves: ["authoredValue"],
+			missing: ["cssWideKeywordCascade"]
+		}
+	});
+}
+//#endregion
+//#region src/layout/image-fit.ts
+function normalizeProjectedImageFit(value) {
+	if (value === "cover" || value === "contain" || value === "stretch" || value === "fill") return value === "fill" ? "stretch" : value;
+	return "contain";
+}
+function unsupportedObjectFitSemantics(value) {
+	if (value === void 0 || value === "cover" || value === "contain" || value === "stretch" || value === "fill") return [];
+	const unsupported = unsupportedSemantic({
+		feature: "image",
+		property: "objectFit",
+		value,
+		error: /* @__PURE__ */ new Error("CSS object-fit values none and scale-down require natural-size comparison that is outside the current deckjsx v0.8.2 image projection subset."),
+		fallback: {
+			strategy: "preserveAuthoredValueOnly",
+			preserves: ["authoredObjectFit"],
+			missing: ["cssObjectFitNaturalSize"]
+		}
+	});
+	return unsupported ? [unsupported] : [];
+}
+//#endregion
+//#region src/layout/resolve.ts
+function errorReason$1(error) {
+	return error instanceof Error ? error.message : String(error);
+}
 function parseShadowShorthandOrIgnore(input) {
 	try {
+		const shadow = parseShadowShorthand(input.value);
+		const unsupported = hasShadowSpreadRadius(input.value) ? unsupportedSemantic({
+			feature: "shadow",
+			property: input.property,
+			value: input.value,
+			error: /* @__PURE__ */ new Error(`CSS shadow spread radius is not projected by the current PPTX shadow model: ${input.value}`),
+			fallback: {
+				strategy: "preserveAuthoredValueOnly",
+				preserves: ["projectedShadowWithoutSpread"],
+				missing: ["cssShadowSpreadRadius"]
+			}
+		}) : void 0;
 		return {
-			shadow: parseShadowShorthand(input.value),
-			unsupportedSemantics: []
+			shadow,
+			unsupportedSemantics: unsupported ? [unsupported] : []
 		};
 	} catch (error) {
-		const unsupported = unsupportedSemantic$1({
+		const unsupported = unsupportedSemantic({
 			feature: "shadow",
 			property: input.property,
 			value: input.value,
@@ -6481,7 +7058,7 @@ function isStrokeIntentionallyNone$1(props) {
 }
 function unsupportedStrokeFallback$1(props, error) {
 	const input = strokeFallbackInput$1(props);
-	return unsupportedSemantic$1({
+	return unsupportedSemantic({
 		feature: input.feature,
 		property: input.property,
 		value: input.value,
@@ -6522,7 +7099,7 @@ function outlineStrokeOrFallback(props, context) {
 			unsupportedSemantics: []
 		};
 		const input = outlineFallbackInput$1(props);
-		const semantic = unsupportedSemantic$1({
+		const semantic = unsupportedSemantic({
 			feature: "outline",
 			property: input.property,
 			value: input.value,
@@ -6536,7 +7113,7 @@ function outlineStrokeOrFallback(props, context) {
 		return { unsupportedSemantics: semantic ? [semantic] : [] };
 	} catch (error) {
 		const input = outlineFallbackInput$1(props);
-		const semantic = unsupportedSemantic$1({
+		const semantic = unsupportedSemantic({
 			feature: "outline",
 			property: input.property,
 			value: input.value,
@@ -6554,7 +7131,7 @@ function resolveBackgroundLayersOrEmpty(input, transparency, context, frame, box
 	try {
 		return resolveBackgroundLayers(input.value, transparency, context, frame, boxFrames, backgroundPosition, backgroundSize, backgroundRepeat, backgroundOrigin, backgroundClip);
 	} catch (error) {
-		const unsupported = unsupportedSemantic$1({
+		const unsupported = unsupportedSemantic({
 			feature: "background",
 			property: input.property,
 			value: input.value,
@@ -6573,7 +7150,7 @@ function unsupportedTransformSemantics$1(props) {
 	try {
 		parseTransformShorthand(props.transform);
 	} catch (error) {
-		const semantic = unsupportedSemantic$1({
+		const semantic = unsupportedSemantic({
 			feature: "transform",
 			property: "transform",
 			value: props.transform,
@@ -6587,7 +7164,7 @@ function unsupportedTransformSemantics$1(props) {
 			heightEmu: EMU_PER_INCH
 		});
 	} catch (error) {
-		const semantic = unsupportedSemantic$1({
+		const semantic = unsupportedSemantic({
 			feature: "transform",
 			property: "transformOrigin",
 			value: props.transformOrigin,
@@ -6605,9 +7182,331 @@ const TRANSFORM_STACKING_CONTEXT_FALLBACK_REASON$1 = "CSS transforms create a st
 const FILTER_EFFECT_FALLBACK_REASON$1 = "CSS filter effects are not emitted by the current PPTX writer; v0.8 preserves the authored filter as an unsupported paint semantic for inspection.";
 const BLEND_MODE_FALLBACK_REASON$1 = "CSS blend modes require compositing behavior that the current PPTX writer does not reproduce; v0.8 preserves the authored blend mode as an unsupported paint semantic for inspection.";
 const ISOLATION_FALLBACK_REASON$1 = "CSS isolation creates a compositing group; v0.8 preserves the authored isolation input but does not yet evaluate isolated compositing groups.";
+const CSS_LAYOUT_UNSUPPORTED_VALUE_REASON = "This CSS layout value is valid CSS but is outside the current deckjsx v0.8.2 layout subset; deckjsx preserves the authored value for inspection and falls back to the closest supported layout behavior.";
+const CSS_SUPPORTED_DISPLAY_VALUES = new Set([
+	"block",
+	"flex",
+	"grid",
+	"none"
+]);
+const CSS_SUPPORTED_OVERFLOW_VALUES = new Set(["visible", "hidden"]);
+const CSS_SUPPORTED_POSITION_VALUES = new Set([
+	"static",
+	"relative",
+	"absolute"
+]);
+const CSS_SUPPORTED_FLEX_DIRECTION_VALUES = new Set(["row", "column"]);
+const CSS_SUPPORTED_FLEX_WRAP_VALUES = new Set(["nowrap", "wrap"]);
+const CSS_SUPPORTED_SELF_ALIGNMENT_VALUES = new Set([
+	"auto",
+	"start",
+	"flex-start",
+	"center",
+	"end",
+	"flex-end",
+	"stretch"
+]);
+const CSS_SUPPORTED_CONTENT_ALIGNMENT_VALUES = new Set([
+	"start",
+	"flex-start",
+	"center",
+	"end",
+	"flex-end",
+	"stretch",
+	"space-between",
+	"space-around",
+	"space-evenly"
+]);
+function normalizedCssKeyword(value) {
+	if (typeof value !== "string") return;
+	return value.trim().toLowerCase() || void 0;
+}
+function unsupportedCssLayoutValueSemantic(property, value, missing) {
+	return unsupportedSemantic({
+		feature: "layout",
+		property,
+		value,
+		error: new Error(CSS_LAYOUT_UNSUPPORTED_VALUE_REASON),
+		fallback: {
+			strategy: "preserveAuthoredValueOnly",
+			preserves: ["authoredValue"],
+			missing
+		}
+	});
+}
+function addUnsupportedKeywordSemantic(input) {
+	const value = normalizedCssKeyword(input.props[input.property]);
+	if (value === void 0 || input.supported.has(value) || isCssWideKeyword(value)) return;
+	const semantic = unsupportedCssLayoutValueSemantic(input.property, input.props[input.property], input.missing);
+	if (semantic) input.unsupported.push(semantic);
+}
+function hasUnsupportedAlignmentTokens(value, supported) {
+	const normalized = normalizedCssKeyword(value);
+	if (normalized === void 0) return false;
+	if (isCssWideKeyword(normalized)) return false;
+	const tokens = normalized.split(/\s+/).filter(Boolean);
+	if (tokens.length === 0) return false;
+	if (tokens[0] === "safe" || tokens[0] === "unsafe") return true;
+	if (tokens.length >= 2 && (tokens[0] === "first" && tokens[1] === "baseline" || tokens[0] === "last" && tokens[1] === "baseline")) return true;
+	return tokens.some((token) => !supported.has(token));
+}
+function hasUnsupportedGridLineValue(value) {
+	if (value === void 0 || value === null) return false;
+	if (typeof value === "number") return Number.isFinite(value) && value < 1;
+	const normalized = normalizedCssKeyword(value);
+	if (normalized === void 0 || normalized === "auto") return false;
+	if (isCssWideKeyword(normalized)) return false;
+	return !/^(?:span\s+\d+|\d+)$/.test(normalized);
+}
+function hasUnsupportedGridPlacementValue(value, allowNamedArea) {
+	if (value === void 0 || value === null) return false;
+	if (typeof value === "number") return Number.isFinite(value) && value < 1;
+	const normalized = normalizedCssKeyword(value);
+	if (normalized === void 0 || normalized === "auto") return false;
+	if (isCssWideKeyword(normalized)) return false;
+	if (allowNamedArea && !normalized.includes("/")) return false;
+	const linePattern = String.raw`(?:\d+|span\s+\d+)`;
+	return !new RegExp(String.raw`^(?:${linePattern}|${linePattern}\s*/\s*${linePattern})$`).test(normalized);
+}
+function unsupportedCssLayoutValueSemantics(props) {
+	const unsupported = [];
+	for (const property of [
+		"display",
+		"overflow",
+		"position",
+		"flexDirection",
+		"flexWrap",
+		"alignSelf",
+		"justifySelf",
+		"placeSelf",
+		"alignItems",
+		"justifyItems",
+		"placeItems",
+		"alignContent",
+		"justifyContent",
+		"placeContent",
+		"inset",
+		"top",
+		"right",
+		"bottom",
+		"left",
+		"x",
+		"y",
+		"width",
+		"height",
+		"minWidth",
+		"minHeight",
+		"maxWidth",
+		"maxHeight",
+		"padding",
+		"paddingTop",
+		"paddingRight",
+		"paddingBottom",
+		"paddingLeft",
+		"margin",
+		"marginTop",
+		"marginRight",
+		"marginBottom",
+		"marginLeft",
+		"gap",
+		"rowGap",
+		"columnGap",
+		"fontSize",
+		"lineHeight",
+		"charSpacing",
+		"letterSpacing",
+		"paragraphSpacingBefore",
+		"paragraphSpacingAfter",
+		"textIndent",
+		"borderWidth",
+		"borderTopWidth",
+		"borderRightWidth",
+		"borderBottomWidth",
+		"borderLeftWidth",
+		"outlineWidth",
+		"strokeWidth"
+	]) {
+		if (!hasCssWideKeywordToken(props[property])) continue;
+		const semantic = unsupportedCssWideKeywordSemantic(property, props[property]);
+		if (semantic) unsupported.push(semantic);
+	}
+	addUnsupportedKeywordSemantic({
+		unsupported,
+		props,
+		property: "display",
+		supported: CSS_SUPPORTED_DISPLAY_VALUES,
+		missing: ["cssDisplayBehavior"]
+	});
+	addUnsupportedKeywordSemantic({
+		unsupported,
+		props,
+		property: "overflow",
+		supported: CSS_SUPPORTED_OVERFLOW_VALUES,
+		missing: ["cssOverflowBehavior"]
+	});
+	addUnsupportedKeywordSemantic({
+		unsupported,
+		props,
+		property: "position",
+		supported: CSS_SUPPORTED_POSITION_VALUES,
+		missing: ["cssPositionBehavior"]
+	});
+	addUnsupportedKeywordSemantic({
+		unsupported,
+		props,
+		property: "flexDirection",
+		supported: CSS_SUPPORTED_FLEX_DIRECTION_VALUES,
+		missing: ["reverseFlexOrdering"]
+	});
+	addUnsupportedKeywordSemantic({
+		unsupported,
+		props,
+		property: "flexWrap",
+		supported: CSS_SUPPORTED_FLEX_WRAP_VALUES,
+		missing: ["reverseFlexLinePacking"]
+	});
+	const alignmentChecks = [
+		{
+			property: "alignSelf",
+			supported: CSS_SUPPORTED_SELF_ALIGNMENT_VALUES,
+			missing: ["cssBoxAlignment"]
+		},
+		{
+			property: "justifySelf",
+			supported: CSS_SUPPORTED_SELF_ALIGNMENT_VALUES,
+			missing: ["cssBoxAlignment"]
+		},
+		{
+			property: "placeSelf",
+			supported: CSS_SUPPORTED_SELF_ALIGNMENT_VALUES,
+			missing: ["cssBoxAlignment"]
+		},
+		{
+			property: "alignItems",
+			supported: CSS_SUPPORTED_SELF_ALIGNMENT_VALUES,
+			missing: ["cssBoxAlignment"]
+		},
+		{
+			property: "justifyItems",
+			supported: CSS_SUPPORTED_SELF_ALIGNMENT_VALUES,
+			missing: ["cssBoxAlignment"]
+		},
+		{
+			property: "placeItems",
+			supported: CSS_SUPPORTED_SELF_ALIGNMENT_VALUES,
+			missing: ["cssBoxAlignment"]
+		},
+		{
+			property: "alignContent",
+			supported: CSS_SUPPORTED_CONTENT_ALIGNMENT_VALUES,
+			missing: ["cssContentDistribution"]
+		},
+		{
+			property: "justifyContent",
+			supported: CSS_SUPPORTED_CONTENT_ALIGNMENT_VALUES,
+			missing: ["cssContentDistribution"]
+		},
+		{
+			property: "placeContent",
+			supported: CSS_SUPPORTED_CONTENT_ALIGNMENT_VALUES,
+			missing: ["cssContentDistribution"]
+		}
+	];
+	for (const check of alignmentChecks) {
+		if (!hasUnsupportedAlignmentTokens(props[check.property], check.supported)) continue;
+		const semantic = unsupportedCssLayoutValueSemantic(check.property, props[check.property], check.missing);
+		if (semantic) unsupported.push(semantic);
+	}
+	for (const property of [
+		"gridColumnStart",
+		"gridColumnEnd",
+		"gridRowStart",
+		"gridRowEnd"
+	]) {
+		if (!hasUnsupportedGridLineValue(props[property])) continue;
+		const semantic = unsupportedCssLayoutValueSemantic(property, props[property], ["cssGridNamedOrNegativeLineResolution"]);
+		if (semantic) unsupported.push(semantic);
+	}
+	for (const check of [
+		{
+			property: "gridColumn",
+			allowNamedArea: false
+		},
+		{
+			property: "gridRow",
+			allowNamedArea: false
+		},
+		{
+			property: "gridArea",
+			allowNamedArea: true
+		}
+	]) {
+		if (!hasUnsupportedGridPlacementValue(props[check.property], check.allowNamedArea)) continue;
+		const semantic = unsupportedCssLayoutValueSemantic(check.property, props[check.property], ["cssGridNamedOrNegativeLineResolution"]);
+		if (semantic) unsupported.push(semantic);
+	}
+	for (const property of [
+		"inset",
+		"top",
+		"right",
+		"bottom",
+		"left",
+		"x",
+		"y"
+	]) {
+		if (!hasAutoToken(props[property])) continue;
+		const semantic = unsupportedCssLayoutValueSemantic(property, props[property], ["cssAutoInsetResolution"]);
+		if (semantic) unsupported.push(semantic);
+	}
+	for (const property of [
+		"margin",
+		"marginTop",
+		"marginRight",
+		"marginBottom",
+		"marginLeft"
+	]) {
+		if (!hasAutoToken(props[property])) continue;
+		const semantic = unsupportedCssLayoutValueSemantic(property, props[property], ["cssAutoMarginResolution"]);
+		if (semantic) unsupported.push(semantic);
+	}
+	return unsupported;
+}
+const CSS_LOGICAL_LAYOUT_AXIS_FALLBACK_REASON = "CSS writing-mode and direction remap logical layout axes; deckjsx v0.8.2 projects them to PPTX text body direction but still resolves layout, spacing, insets, and start/end alignment on physical axes.";
+function unsupportedTextLogicalLayoutSemantics(props) {
+	const unsupported = [];
+	if (props.direction === "rtl") {
+		const semantic = unsupportedSemantic({
+			feature: "layout",
+			property: "direction",
+			value: props.direction,
+			error: new Error(CSS_LOGICAL_LAYOUT_AXIS_FALLBACK_REASON),
+			fallback: {
+				strategy: "preserveAuthoredValueOnly",
+				preserves: ["textBodyDirection"],
+				missing: ["logicalLayoutAxes", "cssLogicalStartEndMapping"]
+			}
+		});
+		if (semantic) unsupported.push(semantic);
+	}
+	if (props.writingMode !== void 0 && props.writingMode !== "horizontal-tb") {
+		const semantic = unsupportedSemantic({
+			feature: "layout",
+			property: "writingMode",
+			value: props.writingMode,
+			error: new Error(CSS_LOGICAL_LAYOUT_AXIS_FALLBACK_REASON),
+			fallback: {
+				strategy: "preserveAuthoredValueOnly",
+				preserves: ["textBodyDirection"],
+				missing: ["logicalLayoutAxes", "cssLogicalStartEndMapping"]
+			}
+		});
+		if (semantic) unsupported.push(semantic);
+	}
+	return unsupported;
+}
 function unsupportedGroupOpacitySemantics$1(props) {
 	if (props.opacity === void 0 || props.opacity <= 0 || props.opacity >= 1) return [];
-	const semantic = unsupportedSemantic$1({
+	const semantic = unsupportedSemantic({
 		feature: "opacity",
 		property: "opacity",
 		value: props.opacity,
@@ -6622,7 +7521,7 @@ function unsupportedGroupOpacitySemantics$1(props) {
 }
 function unsupportedOpacityStackingContextSemantics$1(props) {
 	if (props.opacity === void 0 || props.opacity <= 0 || props.opacity >= 1) return [];
-	const semantic = unsupportedSemantic$1({
+	const semantic = unsupportedSemantic({
 		feature: "opacity",
 		property: "stackingContext",
 		value: props.opacity,
@@ -6640,7 +7539,7 @@ function hasProjectedTransform(input) {
 }
 function unsupportedClippingTransformSemantics(input) {
 	if (!input.clip || !hasProjectedTransform(input)) return [];
-	const semantic = unsupportedSemantic$1({
+	const semantic = unsupportedSemantic({
 		feature: "clipping",
 		property: "overflow",
 		value: `hidden + transform:${input.clip.strategy}`,
@@ -6661,7 +7560,7 @@ function unsupportedClippingTransformSemantics(input) {
 function unsupportedClippedImageSourceRectTransformSemantics(input) {
 	if (!input.clip || !hasProjectedTransform(input)) return [];
 	const cropSuffix = input.hasExplicitCrop ? "+crop" : "";
-	const semantic = unsupportedSemantic$1({
+	const semantic = unsupportedSemantic({
 		feature: "clipping",
 		property: "imageSourceRect",
 		value: `clip:${input.clip.strategy}+transform+fit:${input.fit ?? "contain"}${cropSuffix}`,
@@ -6687,7 +7586,7 @@ function unsupportedTransformStackingContextSemantics$1(props) {
 		return [];
 	}
 	if (!operations?.length) return [];
-	const semantic = unsupportedSemantic$1({
+	const semantic = unsupportedSemantic({
 		feature: "transform",
 		property: "stackingContext",
 		value: props.transform,
@@ -6704,7 +7603,7 @@ function unsupportedCompositingSemantics$1(props) {
 	const unsupported = [];
 	const filter = props.filter?.trim();
 	if (filter && filter.toLowerCase() !== "none") {
-		const semantic = unsupportedSemantic$1({
+		const semantic = unsupportedSemantic({
 			feature: "filter",
 			property: "filter",
 			value: props.filter,
@@ -6719,7 +7618,7 @@ function unsupportedCompositingSemantics$1(props) {
 	}
 	const mixBlendMode = props.mixBlendMode?.trim();
 	if (mixBlendMode && mixBlendMode.toLowerCase() !== "normal") {
-		const semantic = unsupportedSemantic$1({
+		const semantic = unsupportedSemantic({
 			feature: "blend",
 			property: "mixBlendMode",
 			value: props.mixBlendMode,
@@ -6733,7 +7632,7 @@ function unsupportedCompositingSemantics$1(props) {
 		if (semantic) unsupported.push(semantic);
 	}
 	if (props.isolation === "isolate") {
-		const semantic = unsupportedSemantic$1({
+		const semantic = unsupportedSemantic({
 			feature: "isolation",
 			property: "isolation",
 			value: props.isolation,
@@ -6782,6 +7681,8 @@ const EMPTY_SPACING = [
 	0,
 	0
 ];
+const DEFAULT_TEXT_FONT_SIZE_PT = 18;
+const DEFAULT_NORMAL_LINE_HEIGHT_MULTIPLE = 1.2;
 function createIdGenerator() {
 	let slideCount = 0;
 	let nodeCount = 0;
@@ -6813,11 +7714,14 @@ function imageSourceFromProps(props) {
 	};
 	throw new Error("Image requires either src or data.");
 }
-function originForNode(node, options) {
-	return options?.origins?.get(node);
+function isLayoutInputContentNode(value) {
+	return typeof value === "object" && value !== null && "kind" in value && (value.kind === "view" || value.kind === "text" || value.kind === "image" || value.kind === "shape");
 }
-function layoutChildFromNode(child, siblingOrder, context, options) {
-	const origin = originForNode(child, options);
+function isLayoutInputTextNode(value) {
+	return typeof value === "object" && value !== null && "kind" in value && value.kind === "text";
+}
+function layoutChildFromNode(child, siblingOrder, context) {
+	const origin = child.origin;
 	switch (child.kind) {
 		case "view": return {
 			kind: "view",
@@ -6836,7 +7740,7 @@ function layoutChildFromNode(child, siblingOrder, context, options) {
 		case "image": return {
 			kind: "image",
 			source: child,
-			props: normalizeImageProps(child.props, context),
+			props: normalizeImagePropsWithIntrinsicAspectRatio(child, context),
 			siblingOrder,
 			...origin ? { origin } : {}
 		};
@@ -6849,6 +7753,35 @@ function layoutChildFromNode(child, siblingOrder, context, options) {
 		};
 	}
 }
+function normalizeImagePropsWithIntrinsicAspectRatio(child, context) {
+	const props = normalizeImageProps(child.props, context);
+	if (props.aspectRatio !== void 0) return props;
+	const width = child.assetProbe?.width;
+	const height = child.assetProbe?.height;
+	if (width === void 0 || height === void 0 || !Number.isFinite(width) || !Number.isFinite(height) || width <= 0 || height <= 0) return props;
+	return {
+		...props,
+		aspectRatio: width / height
+	};
+}
+function resolveCornerRadiusEmu$1(value, frame, context) {
+	return parseLength(value, Math.min(frame.widthEmu, frame.heightEmu), 0, context);
+}
+function unsupportedObjectPositionSemantics(input) {
+	if (input.value === void 0 || input.resolved !== void 0) return [];
+	const unsupported = unsupportedSemantic({
+		feature: "image",
+		property: "objectPosition",
+		value: input.value,
+		error: /* @__PURE__ */ new Error("Unsupported objectPosition value."),
+		fallback: {
+			strategy: "preserveAuthoredValueOnly",
+			preserves: ["authoredObjectPosition"],
+			missing: ["pptxObjectPosition"]
+		}
+	});
+	return unsupported ? [unsupported] : [];
+}
 function parseCropValue$1(value) {
 	if (value === void 0) return 0;
 	if (typeof value === "number") {
@@ -6925,12 +7858,12 @@ function resolveAlignContentOffset(alignContent, availableEmu, usedEmu, lineCoun
 		extraSizeEmu: 0
 	};
 }
-function getChildPadding(node, context) {
+function getChildPadding(node, context, percentageBaseEmu = 0) {
 	switch (node.kind) {
-		case "view": return parseSpacing(node.props.padding, context);
+		case "view": return parseSpacing(node.props.padding, context, percentageBaseEmu);
 		case "text": {
 			const { props } = node;
-			return parseSpacing(props.padding, getTextLengthContext(props, context));
+			return parseSpacing(props.padding, getTextLengthContext(props, context), percentageBaseEmu);
 		}
 		case "image": return EMPTY_SPACING;
 		case "shape": return EMPTY_SPACING;
@@ -6948,46 +7881,68 @@ function resolveChildMainLength(node, axis) {
 	if (flexBasis !== void 0 && flexBasis !== "auto") return flexBasis;
 	return node.props[axis === "horizontal" ? "width" : "height"];
 }
+function resolveTextFontSizePt(props, context) {
+	return parsePointValue(props.fontSize, DEFAULT_TEXT_FONT_SIZE_PT, context);
+}
+function resolveTextLineHeightPt(props, context) {
+	const fontSizePt = resolveTextFontSizePt(props, context);
+	if (props.lineHeight === void 0 || props.lineHeight === "normal") return fontSizePt * DEFAULT_NORMAL_LINE_HEIGHT_MULTIPLE;
+	if (typeof props.lineHeight === "number") return fontSizePt * props.lineHeight;
+	return parsePointValue(props.lineHeight, fontSizePt * DEFAULT_NORMAL_LINE_HEIGHT_MULTIPLE, {
+		...context,
+		fontSizePt
+	});
+}
+function estimateTextAutoContentSize(node, dimension, parent, context) {
+	const textContext = getTextLengthContext(node.props, context);
+	const [paddingTop, , paddingBottom] = parseSpacing(node.props.padding, textContext, parent.widthEmu);
+	if (dimension === "width") return parent.widthEmu;
+	return resolveTextLineHeightPt(node.props, textContext) / 72 * EMU_PER_INCH + paddingTop + paddingBottom;
+}
 function estimateChildContentSize(node, dimension, parent, mainAxis, context) {
 	const aspectRatio = parseAspectRatio(node.props.aspectRatio);
 	const isMainDimension = mainAxis === "horizontal" && dimension === "width" || mainAxis === "vertical" && dimension === "height";
 	const basis = dimension === "width" ? parent.widthEmu : parent.heightEmu;
-	const directValue = isMainDimension && mainAxis ? resolveChildMainLength(node, mainAxis) : node.props[dimension];
-	if (directValue !== void 0) return inflateSpecifiedBoxSize(parseLength(directValue, basis, 0, getNodeLengthContext(node, context)), node.kind === "image" ? "border-box" : node.props.boxSizing ?? "border-box", getChildPadding(node, context), dimension);
+	const authoredValue = authoredLengthOrUndefined(isMainDimension && mainAxis ? resolveChildMainLength(node, mainAxis) : node.props[dimension]);
+	if (authoredValue !== void 0) return inflateSpecifiedBoxSize(parseLength(authoredValue, basis, 0, getNodeLengthContext(node, context)), node.kind === "image" ? "border-box" : node.props.boxSizing ?? "border-box", getChildPadding(node, context, parent.widthEmu), dimension);
+	if (node.kind === "text") {
+		if (dimension === "width" && mainAxis === "horizontal") return 0;
+		return estimateTextAutoContentSize(node, dimension, parent, context);
+	}
 	if (aspectRatio === void 0) return 0;
 	const oppositeDimension = dimension === "width" ? "height" : "width";
 	const oppositeBasis = oppositeDimension === "width" ? parent.widthEmu : parent.heightEmu;
-	const oppositeValue = (mainAxis === "horizontal" && oppositeDimension === "width" || mainAxis === "vertical" && oppositeDimension === "height") && mainAxis ? resolveChildMainLength(node, mainAxis) : node.props[oppositeDimension];
-	if (oppositeValue === void 0) return 0;
-	const oppositeSize = parseLength(oppositeValue, oppositeBasis, 0, getNodeLengthContext(node, context));
-	return inflateSpecifiedBoxSize(dimension === "width" ? oppositeSize * aspectRatio : oppositeSize / aspectRatio, node.kind === "image" ? "border-box" : node.props.boxSizing ?? "border-box", getChildPadding(node, context), dimension);
+	const authoredOppositeValue = authoredLengthOrUndefined((mainAxis === "horizontal" && oppositeDimension === "width" || mainAxis === "vertical" && oppositeDimension === "height") && mainAxis ? resolveChildMainLength(node, mainAxis) : node.props[oppositeDimension]);
+	if (authoredOppositeValue === void 0) return 0;
+	const oppositeSize = parseLength(authoredOppositeValue, oppositeBasis, 0, getNodeLengthContext(node, context));
+	return inflateSpecifiedBoxSize(dimension === "width" ? oppositeSize * aspectRatio : oppositeSize / aspectRatio, node.kind === "image" ? "border-box" : node.props.boxSizing ?? "border-box", getChildPadding(node, context, parent.widthEmu), dimension);
 }
-function getNodeMargin(node, context) {
+function getNodeMargin(node, context, percentageBaseEmu = 0) {
 	switch (node.kind) {
-		case "view": return parseSpacing(node.props.margin, context);
+		case "view": return parseSpacingAllowAuto(node.props.margin, context, percentageBaseEmu);
 		case "text": {
 			const { props } = node;
-			return parseSpacing(props.margin, getTextLengthContext(props, context));
+			return parseSpacingAllowAuto(props.margin, getTextLengthContext(props, context), percentageBaseEmu);
 		}
-		case "image": return parseSpacing(node.props.margin, context);
-		case "shape": return parseSpacing(node.props.margin, context);
+		case "image": return parseSpacingAllowAuto(node.props.margin, context, percentageBaseEmu);
+		case "shape": return parseSpacingAllowAuto(node.props.margin, context, percentageBaseEmu);
 	}
 }
 function estimateChildMainSize(node, axis, parent, context) {
-	const [top, right, bottom, left] = getNodeMargin(node, context);
+	const [top, right, bottom, left] = getNodeMargin(node, context, parent.widthEmu);
 	const margin = axis === "horizontal" ? left + right : top + bottom;
 	return estimateChildContentSize(node, axis === "horizontal" ? "width" : "height", parent, axis, context) + margin;
 }
 function estimateChildCrossSize(node, axis, parent, context) {
-	const [top, right, bottom, left] = getNodeMargin(node, context);
+	const [top, right, bottom, left] = getNodeMargin(node, context, parent.widthEmu);
 	const margin = axis === "horizontal" ? top + bottom : left + right;
 	return estimateChildContentSize(node, axis === "horizontal" ? "height" : "width", parent, axis, context) + margin;
 }
 function shouldStretchGridDimension(node, dimension) {
-	if (node.props[dimension] !== void 0) return false;
+	if (hasAuthoredLength(node.props[dimension])) return false;
 	if (!parseAspectRatio(node.props.aspectRatio)) return true;
 	const oppositeDimension = dimension === "width" ? "height" : "width";
-	return node.props[oppositeDimension] === void 0;
+	return !hasAuthoredLength(node.props[oppositeDimension]);
 }
 function resolveChildGridPlacements(node, namedAreas) {
 	const explicitRow = resolveGridPlacementFromLonghands(node.props.gridRowStart, node.props.gridRowEnd) ?? parseGridPlacement(node.props.gridRow);
@@ -7006,7 +7961,7 @@ function resolveChildGridPlacements(node, namedAreas) {
 	};
 }
 function resolveGridContainerSpec(parentFrame, options, context) {
-	const [paddingTop, paddingRight, paddingBottom, paddingLeft] = parseSpacing(options.padding, context);
+	const [paddingTop, paddingRight, paddingBottom, paddingLeft] = parseSpacing(options.padding, context, parentFrame.widthEmu);
 	const contentX = parentFrame.xEmu + paddingLeft;
 	const contentY = parentFrame.yEmu + paddingTop;
 	const contentWidth = Math.max(parentFrame.widthEmu - paddingLeft - paddingRight, 0);
@@ -7017,8 +7972,8 @@ function resolveGridContainerSpec(parentFrame, options, context) {
 		widthEmu: contentWidth,
 		heightEmu: contentHeight
 	};
-	const columnGapEmu = parseLength(options.columnGap ?? options.rowGap, 0, 0, context);
-	const rowGapEmu = parseLength(options.rowGap ?? options.columnGap, 0, 0, context);
+	const columnGapEmu = parseLength(options.columnGap ?? options.rowGap, contentWidth, 0, context);
+	const rowGapEmu = parseLength(options.rowGap ?? options.columnGap, contentHeight, 0, context);
 	const placeItems = parsePlaceItems(options.placeItems);
 	const placeContent = parsePlaceContent(options.placeContent);
 	const namedAreas = parseGridTemplateAreas(options.gridTemplateAreas);
@@ -7103,7 +8058,7 @@ function compileGridChildren(authorChildren, parentFrame, idGenerator, options,
 	const rowOffsets = resolveTrackOffsets(stretchedRowTracks, spec.rowGapEmu).map((offset) => offset + blockPacking.offsetEmu);
 	return sortNodesForPaint(placements.map((placement) => {
 		const { child, row, column, rowSpan, columnSpan } = placement;
-		const [marginTop, marginRight, marginBottom, marginLeft] = getNodeMargin(child, context);
+		const [marginTop, marginRight, marginBottom, marginLeft] = getNodeMargin(child, context, spec.contentWidth);
 		const cellWidth = stretchedColumnTracks.slice(column - 1, column - 1 + columnSpan).reduce((sum, size) => sum + size, 0) + Math.max(columnSpan - 1, 0) * spec.columnGapEmu;
 		const cellHeight = stretchedRowTracks.slice(row - 1, row - 1 + rowSpan).reduce((sum, size) => sum + size, 0) + Math.max(rowSpan - 1, 0) * spec.rowGapEmu;
 		const innerFrame = {
@@ -7130,13 +8085,48 @@ function compileGridChildren(authorChildren, parentFrame, idGenerator, options,
 		return compileNode(child, innerFrame, idGenerator, placementOverride, clipRect, context, resolutionOptions);
 	}).filter((node) => node !== null));
 }
+function hasExplicitFrameInput(child) {
+	const { props } = child;
+	const relativePosition = props.position === "relative";
+	return props.position === "absolute" || props.area !== void 0 || !relativePosition && (hasAuthoredLength(props.x) || hasAuthoredLength(props.y) || hasCssWideKeywordToken(props.inset) === false && props.inset !== void 0 || hasAuthoredLength(props.left) || hasAuthoredLength(props.top) || hasAuthoredLength(props.right) || hasAuthoredLength(props.bottom)) || hasAuthoredLength(props.width) || hasAuthoredLength(props.height);
+}
+function compileBlockFlowChildren(authorChildren, parentFrame, idGenerator, options, clipRect, context, resolutionOptions) {
+	const [paddingTop, paddingRight, paddingBottom, paddingLeft] = parseSpacing(options.padding, context, parentFrame.widthEmu);
+	const contentFrame = {
+		xEmu: parentFrame.xEmu + paddingLeft,
+		yEmu: parentFrame.yEmu + paddingTop,
+		widthEmu: Math.max(parentFrame.widthEmu - paddingLeft - paddingRight, 0),
+		heightEmu: Math.max(parentFrame.heightEmu - paddingTop - paddingBottom, 0)
+	};
+	const blockGapEmu = resolveMainGap("vertical", options.gap, options.rowGap, options.columnGap, context, contentFrame.heightEmu);
+	let cursorY = contentFrame.yEmu;
+	const flowNodes = [];
+	for (const child of authorChildren) {
+		const [marginTop, marginRight, marginBottom, marginLeft] = getNodeMargin(child, context, contentFrame.widthEmu);
+		const childWidth = authoredLengthOrUndefined(child.props.width) === void 0 ? Math.max(contentFrame.widthEmu - marginLeft - marginRight, 0) : estimateChildContentSize(child, "width", contentFrame, void 0, context);
+		const childHeight = estimateChildContentSize(child, "height", contentFrame, "vertical", context);
+		const compiledNode = compileNode(child, contentFrame, idGenerator, {
+			xEmu: contentFrame.xEmu + marginLeft,
+			yEmu: cursorY + marginTop,
+			widthEmu: childWidth,
+			heightEmu: childHeight
+		}, clipRect, context, resolutionOptions);
+		if (compiledNode) flowNodes.push(compiledNode);
+		cursorY += marginTop + childHeight + marginBottom + blockGapEmu;
+	}
+	return flowNodes;
+}
+function compileAbsoluteChildren(authorChildren, parentFrame, idGenerator, options, clipRect, context, resolutionOptions) {
+	const flowChildren = authorChildren.filter((child) => !hasExplicitFrameInput(child));
+	const absoluteChildren = authorChildren.filter(hasExplicitFrameInput);
+	const flowNodes = compileBlockFlowChildren(flowChildren, parentFrame, idGenerator, options, clipRect, context, resolutionOptions);
+	const absoluteNodes = absoluteChildren.map((child) => compileNode(child, parentFrame, idGenerator, void 0, clipRect, context, resolutionOptions)).filter((node) => node !== null);
+	return sortNodesForPaint([...flowNodes, ...absoluteNodes].sort((left, right) => left.siblingOrder - right.siblingOrder));
+}
 function compileChildren$1(children, parentFrame, idGenerator, layout, options, clipRect, context, resolutionOptions) {
-	const authorChildren = children.filter((child) => child !== null && child !== void 0 && child !== false && child !== true).map((child, siblingOrder) => {
-		if (!isContentNode(child)) {
-			if (isSlideNode(child)) throw new Error("Slide cannot be nested inside another slide or view.");
-			throw new Error("Only deckjsx components can be children of View in structured layout.");
-		}
-		return layoutChildFromNode(child, siblingOrder, context, resolutionOptions);
+	const authorChildren = children.map((child, siblingOrder) => {
+		if (!isLayoutInputContentNode(child)) throw new Error("Only deckjsx components can be children of View in structured layout.");
+		return layoutChildFromNode(child, siblingOrder, context);
 	}).filter((child) => child.props.display !== "none");
 	if (layout === "grid") return compileGridChildren(authorChildren, parentFrame, idGenerator, {
 		padding: options.padding,
@@ -7155,11 +8145,15 @@ function compileChildren$1(children, parentFrame, idGenerator, layout, options,
 		placeContent: options.placeContent,
 		gridAutoFlow: options.gridAutoFlow
 	}, clipRect, context, resolutionOptions);
-	if (layout !== "stack") return sortNodesForPaint(authorChildren.map((child) => compileNode(child, parentFrame, idGenerator, void 0, clipRect, context, resolutionOptions)).filter((node) => node !== null));
+	if (layout !== "stack") return compileAbsoluteChildren(authorChildren, parentFrame, idGenerator, {
+		padding: options.padding,
+		gap: options.gap,
+		rowGap: options.rowGap,
+		columnGap: options.columnGap
+	}, clipRect, context, resolutionOptions);
 	const direction = options.direction ?? "vertical";
-	const mainGapEmu = resolveMainGap(direction, options.gap, options.rowGap, options.columnGap, context);
-	const crossGapEmu = resolveCrossGap(direction, options.gap, options.rowGap, options.columnGap, context);
-	const [paddingTop, paddingRight, paddingBottom, paddingLeft] = parseSpacing(options.padding, context);
+	const defaultAlignItems = options.alignItems ?? (options.display === "flex" ? "stretch" : void 0);
+	const [paddingTop, paddingRight, paddingBottom, paddingLeft] = parseSpacing(options.padding, context, parentFrame.widthEmu);
 	const contentX = parentFrame.xEmu + paddingLeft;
 	const contentY = parentFrame.yEmu + paddingTop;
 	const contentWidth = Math.max(parentFrame.widthEmu - paddingLeft - paddingRight, 0);
@@ -7170,6 +8164,8 @@ function compileChildren$1(children, parentFrame, idGenerator, layout, options,
 		widthEmu: contentWidth,
 		heightEmu: contentHeight
 	};
+	const mainGapEmu = resolveMainGap(direction, options.gap, options.rowGap, options.columnGap, context, direction === "horizontal" ? contentWidth : contentHeight);
+	const crossGapEmu = resolveCrossGap(direction, options.gap, options.rowGap, options.columnGap, context, direction === "horizontal" ? contentHeight : contentWidth);
 	const stackEntries = authorChildren.map((child, sourceIndex) => ({
 		child,
 		sourceIndex,
@@ -7187,13 +8183,13 @@ function compileChildren$1(children, parentFrame, idGenerator, layout, options,
 	const absoluteEntries = stackEntries.filter((entry) => entry.position === "absolute");
 	const availableMain = direction === "horizontal" ? contentWidth : contentHeight;
 	const availableCross = direction === "horizontal" ? contentHeight : contentWidth;
-	const lines = buildStackLines(flowEntries, direction, parentFrame, availableMain, mainGapEmu, options.flexWrap, stackMetrics, context);
+	const lines = buildStackLines(flowEntries, direction, contentFrame, availableMain, mainGapEmu, options.flexWrap, stackMetrics, context);
 	const usedCross = lines.reduce((sum, line) => sum + line.crossSizeEmu, 0) + Math.max(lines.length - 1, 0) * crossGapEmu;
 	const contentPacking = resolveAlignContentOffset(options.alignContent, availableCross, usedCross, lines.length);
 	let crossCursor = contentPacking.offsetEmu;
 	const flowNodes = [];
 	for (const [lineIndex, line] of lines.entries()) {
-		const mainAllocations = resolveFlexMainAllocations(line, direction, parentFrame, availableMain, mainGapEmu, stackMetrics, context);
+		const mainAllocations = resolveFlexMainAllocations(line, direction, contentFrame, availableMain, mainGapEmu, stackMetrics, context);
 		const allocatedUsedMain = mainAllocations.reduce((sum, allocation) => sum + allocation.outerMainEmu, 0) + Math.max(line.entries.length - 1, 0) * mainGapEmu;
 		const justify = resolveJustifyOffset(options.justifyContent, availableMain, allocatedUsedMain, line.entries.length);
 		let mainCursor = justify.offsetEmu;
@@ -7202,10 +8198,10 @@ function compileChildren$1(children, parentFrame, idGenerator, layout, options,
 			const mainAllocation = mainAllocations[entryIndex];
 			if (mainAllocation === void 0) throw new Error("Stack layout allocation count did not match line entry count.");
 			const { child } = entry;
-			const childCross = estimateChildCrossSize(child, direction, parentFrame, context);
-			const [marginTop, marginRight, marginBottom, marginLeft] = getNodeMargin(child, context);
-			let alignment = parsePlaceSelf(child.props.placeSelf).alignSelf ?? child.props.alignSelf ?? options.alignItems;
-			if (alignment === "auto") alignment = void 0;
+			const childCross = estimateChildCrossSize(child, direction, contentFrame, context);
+			const [marginTop, marginRight, marginBottom, marginLeft] = getNodeMargin(child, context, contentFrame.widthEmu);
+			const alignSelf = parsePlaceSelf(child.props.placeSelf).alignSelf ?? child.props.alignSelf;
+			let alignment = alignSelf === "auto" ? defaultAlignItems : alignSelf ?? defaultAlignItems;
 			if (alignment === "flex-start") alignment = "start";
 			if (alignment === "flex-end") alignment = "end";
 			const hasExplicitCrossSize = child.props[direction === "horizontal" ? "height" : "width"] !== void 0;
@@ -7251,13 +8247,14 @@ function compileGroupNode(node, parentFrame, idGenerator, placement, clipRect, c
 	const visibleFrame = intersectClipRect(originalFrame, clipRect);
 	if (!visibleFrame) return null;
 	const childClipRect = props.overflow === "hidden" ? intersectClipRect(originalFrame, clipRect) : clipRect;
-	const backgroundBoxFrames = resolveBackgroundBoxFrames(visibleFrame, strokes.stroke, strokes.edgeStrokes, parseSpacing(props.padding, context));
+	const backgroundBoxFrames = resolveBackgroundBoxFrames(visibleFrame, strokes.stroke, strokes.edgeStrokes, parseSpacing(props.padding, context, visibleFrame.widthEmu));
 	const backgroundFill = resolveBackgroundLayersOrEmpty(backgroundInput(props), props.backgroundTransparency, {
 		widthEmu: visibleFrame.widthEmu,
 		heightEmu: visibleFrame.heightEmu
 	}, visibleFrame, backgroundBoxFrames, props.backgroundPosition, props.backgroundSize, props.backgroundRepeat, props.backgroundOrigin, props.backgroundClip);
 	const clip = clippingMetadata(originalFrame, clipRect, visibleFrame);
 	const unsupportedSemantics = [
+		...unsupportedCssLayoutValueSemantics(props),
 		...unsupportedTransformSemantics$1(props),
 		...unsupportedTransformStackingContextSemantics$1(props),
 		...unsupportedCompositingSemantics$1(props),
@@ -7293,9 +8290,10 @@ function compileGroupNode(node, parentFrame, idGenerator, placement, clipRect, c
 		...strokes.edgeStrokes ? { edgeStrokes: strokes.edgeStrokes } : {},
 		...outline.outline ? { outline: outline.outline } : {},
 		...shadow.shadow ? { shadow: shadow.shadow } : {},
-		radiusEmu: parseLength(props.borderRadius, 0, 0, context),
+		radiusEmu: resolveCornerRadiusEmu$1(props.borderRadius, visibleFrame, context),
 		children: compileChildren$1(node.source.children, originalFrame, idGenerator, props.layout, {
 			direction: props.direction,
+			display: props.display,
 			gap: props.gap,
 			rowGap: props.rowGap,
 			columnGap: props.columnGap,
@@ -7323,7 +8321,7 @@ function textStyleFromProps$1(props, textLengthContext) {
 	const underlineColor = normalizeColor(props.textDecorationColor);
 	const textDirection = resolveTextDirection(props.writingMode);
 	const tabStops = resolveTabStops(props.tabStops, textLengthContext);
-	const fontSizePt = props.fontSize === void 0 ? void 0 : parsePointValue(props.fontSize, 0, textLengthContext);
+	const fontSizePt = props.fontSize === void 0 || isCssWideKeyword(props.fontSize) ? void 0 : parsePointValue(props.fontSize, 0, textLengthContext);
 	return {
 		fontFamily: props.fontFamily,
 		fontSizePt,
@@ -7339,11 +8337,11 @@ function textStyleFromProps$1(props, textLengthContext) {
 		paddingPt: parseSpacingInPoints(props.padding, textLengthContext),
 		lineSpacing: props.lineSpacing ?? lineHeight.lineSpacing,
 		lineSpacingMultiple: props.lineSpacingMultiple ?? lineHeight.lineSpacingMultiple,
-		paragraphSpacingBefore: props.paragraphSpacingBefore,
-		paragraphSpacingAfter: props.paragraphSpacingAfter,
+		paragraphSpacingBefore: props.paragraphSpacingBefore === void 0 ? void 0 : parsePointValue(props.paragraphSpacingBefore, 0, textLengthContext),
+		paragraphSpacingAfter: props.paragraphSpacingAfter === void 0 ? void 0 : parsePointValue(props.paragraphSpacingAfter, 0, textLengthContext),
 		...props.textIndent === void 0 ? {} : { textIndentPt: parsePointValue(props.textIndent, 0, textLengthContext) },
 		...tabStops ? { tabStops } : {},
-		charSpacing: props.charSpacing,
+		charSpacing: resolveCharacterSpacing(props.charSpacing, textLengthContext),
 		...list ? { list } : {},
 		fit: props.fit,
 		wrap: props.wrap,
@@ -7356,24 +8354,21 @@ function textStyleFromProps$1(props, textLengthContext) {
 function isEmptyRunStyle(style) {
 	return Object.values(style).every((value) => value === void 0);
 }
-function flattenJsxChildren(children) {
-	return children.flatMap((child) => Array.isArray(child) ? flattenJsxChildren(child) : [child]);
+function flattenTextChildren(children) {
+	return children.flatMap((child) => Array.isArray(child) ? flattenTextChildren(child) : [child]);
 }
 function extractRichTextRuns(children, textTransform, textLengthContext) {
 	const runs = [];
-	for (const child of flattenJsxChildren(children)) {
-		if (child === null || child === void 0 || child === false || child === true) continue;
+	for (const child of flattenTextChildren(children)) {
 		if (typeof child === "string" || typeof child === "number") {
 			runs.push({ text: extractText([child], textTransform) });
 			continue;
 		}
-		if (isAuthorNode(child)) {
-			const authorNode = child;
-			if (authorNode.kind !== "text") throw new Error("Text nodes can only contain primitive text or inline text runs.");
-			const props = normalizeTextProps(authorNode.props);
+		if (isLayoutInputTextNode(child)) {
+			const props = normalizeTextProps(child.props);
 			const childLengthContext = getTextLengthContext(props, textLengthContext);
 			const style = textStyleFromProps$1(props, childLengthContext);
-			const text = extractRichTextRuns(authorNode.children, props.textTransform ?? textTransform, childLengthContext).map((run) => run.text).join("");
+			const text = extractRichTextRuns(child.children, props.textTransform ?? textTransform, childLengthContext).map((run) => run.text).join("");
 			runs.push({
 				text,
 				...!isEmptyRunStyle(style) ? { style } : {}
@@ -7396,10 +8391,66 @@ function clippingMetadata(originalFrame, clipRect, visibleFrame) {
 		visibleFrame
 	};
 }
+function textFramePropsWithFallback(props, placement, context) {
+	let resolved = props;
+	const hasAuthoredWidth = authoredLengthOrUndefined(props.width) !== void 0;
+	const hasAuthoredHeight = authoredLengthOrUndefined(props.height) !== void 0;
+	const hasAuthoredInset = props.inset !== void 0 && !hasCssWideKeywordToken(props.inset);
+	const hasAuthoredLeft = authoredLengthOrUndefined(props.left) !== void 0;
+	const hasAuthoredRight = authoredLengthOrUndefined(props.right) !== void 0;
+	const hasAuthoredTop = authoredLengthOrUndefined(props.top) !== void 0;
+	const hasAuthoredBottom = authoredLengthOrUndefined(props.bottom) !== void 0;
+	const hasAuthoredX = authoredLengthOrUndefined(props.x) !== void 0;
+	if (placement?.widthEmu === void 0 && !hasAuthoredWidth && !hasAuthoredInset) {
+		if (!hasAuthoredRight && (hasAuthoredX || hasAuthoredLeft)) resolved = {
+			...resolved,
+			right: 0
+		};
+		else if (!hasAuthoredLeft && hasAuthoredRight) resolved = {
+			...resolved,
+			left: 0
+		};
+		else if (!hasAuthoredLeft && !hasAuthoredRight) resolved = {
+			...resolved,
+			width: "100%"
+		};
+	}
+	if (placement?.heightEmu === void 0 && !hasAuthoredHeight && !hasAuthoredInset && !(hasAuthoredTop && hasAuthoredBottom)) resolved = {
+		...resolved,
+		height: `${resolveTextLineHeightPt(props, context)}pt`
+	};
+	return resolved;
+}
+function usesTextLineHeightFallback(props, placement) {
+	const hasAuthoredHeight = authoredLengthOrUndefined(props.height) !== void 0;
+	const hasAuthoredInset = props.inset !== void 0 && !hasCssWideKeywordToken(props.inset);
+	const hasAuthoredTop = authoredLengthOrUndefined(props.top) !== void 0;
+	const hasAuthoredBottom = authoredLengthOrUndefined(props.bottom) !== void 0;
+	return placement?.heightEmu === void 0 && !hasAuthoredHeight && !hasAuthoredInset && !(hasAuthoredTop && hasAuthoredBottom);
+}
+function textMayNeedWrappedMeasurement(text, props) {
+	if (!text || props.wrap === false) return false;
+	return text.includes("\n") || text.trim().length > 80;
+}
+function unsupportedWrappedTextMeasurementSemantics(input) {
+	if (!usesTextLineHeightFallback(input.props, input.placement) || !textMayNeedWrappedMeasurement(input.text, input.props)) return [];
+	const semantic = unsupportedSemantic({
+		feature: "layout",
+		property: "height",
+		value: "auto",
+		error: /* @__PURE__ */ new Error("Exact wrapped text measurement is not part of the v0.8.2 layout subset; deckjsx uses a line-height based auto-height fallback."),
+		fallback: {
+			strategy: "preserveAuthoredValueOnly",
+			preserves: ["availableInlineSize", "lineHeightAutoHeight"],
+			missing: ["wrappedTextMeasurement"]
+		}
+	});
+	return semantic ? [semantic] : [];
+}
 function compileTextNode(node, parentFrame, idGenerator, placement, clipRect, context) {
 	const { props } = node;
 	const textLengthContext = getTextLengthContext(props, context);
-	const resolved = frameFromProps(props, parentFrame, placement, textLengthContext);
+	const resolved = frameFromProps(textFramePropsWithFallback(props, placement, textLengthContext), parentFrame, placement, textLengthContext);
 	const strokes = resolveNodeStrokesOrFallback(props, textLengthContext);
 	const shadow = parseShadowShorthandOrIgnore({
 		property: props.textShadow !== void 0 ? "textShadow" : "boxShadow",
@@ -7412,6 +8463,7 @@ function compileTextNode(node, parentFrame, idGenerator, placement, clipRect, co
 	} : void 0;
 	const style = textStyleFromProps$1(props, textLengthContext);
 	const runs = extractRichTextRuns(node.source.children, props.textTransform, textLengthContext);
+	const text = runs.map((run) => run.text).join("");
 	const originalFrame = {
 		xEmu: resolved.xEmu,
 		yEmu: resolved.yEmu,
@@ -7420,13 +8472,15 @@ function compileTextNode(node, parentFrame, idGenerator, placement, clipRect, co
 	};
 	const visibleFrame = intersectClipRect(originalFrame, clipRect);
 	if (!visibleFrame) return null;
-	const backgroundBoxFrames = resolveBackgroundBoxFrames(visibleFrame, strokes.stroke, strokes.edgeStrokes, parseSpacing(props.padding, textLengthContext));
+	const backgroundBoxFrames = resolveBackgroundBoxFrames(visibleFrame, strokes.stroke, strokes.edgeStrokes, parseSpacing(props.padding, textLengthContext, visibleFrame.widthEmu));
 	const backgroundFill = resolveBackgroundLayersOrEmpty(backgroundInput(props), props.backgroundTransparency, {
 		widthEmu: visibleFrame.widthEmu,
 		heightEmu: visibleFrame.heightEmu
 	}, visibleFrame, backgroundBoxFrames, props.backgroundPosition, props.backgroundSize, props.backgroundRepeat, props.backgroundOrigin, props.backgroundClip);
 	const clip = clippingMetadata(originalFrame, clipRect, visibleFrame);
 	const unsupportedSemantics = [
+		...unsupportedCssLayoutValueSemantics(props),
+		...unsupportedTextLogicalLayoutSemantics(props),
 		...unsupportedTransformSemantics$1(props),
 		...unsupportedCompositingSemantics$1(props),
 		...unsupportedOpacityStackingContextSemantics$1(props),
@@ -7436,6 +8490,11 @@ function compileTextNode(node, parentFrame, idGenerator, placement, clipRect, co
 			flipH: resolved.flipH,
 			flipV: resolved.flipV
 		}),
+		...unsupportedWrappedTextMeasurementSemantics({
+			props,
+			placement,
+			text
+		}),
 		...strokes.unsupportedSemantics,
 		...outline.unsupportedSemantics,
 		...shadow.unsupportedSemantics,
@@ -7456,7 +8515,7 @@ function compileTextNode(node, parentFrame, idGenerator, placement, clipRect, co
 		flipV: resolved.flipV,
 		...unsupportedSemantics.length ? { unsupportedSemantics } : {},
 		content: {
-			text: runs.map((run) => run.text).join(""),
+			text,
 			...runs.length > 1 || runs.some((run) => run.style) ? { runs } : {}
 		},
 		style,
@@ -7467,11 +8526,12 @@ function compileTextNode(node, parentFrame, idGenerator, placement, clipRect, co
 		...outline.outline ? { outline: outline.outline } : {},
 		...shadow.shadow ? { shadow: shadow.shadow } : {},
 		...hyperlink ? { hyperlink } : {},
-		radiusEmu: parseLength(props.borderRadius, 0, 0, textLengthContext)
+		radiusEmu: resolveCornerRadiusEmu$1(props.borderRadius, visibleFrame, textLengthContext)
 	};
 }
 function compileImageNode(node, parentFrame, idGenerator, placement, clipRect, context) {
 	const { props } = node;
+	const fit = normalizeProjectedImageFit(props.fit);
 	const resolved = frameFromProps(props, parentFrame, placement, context);
 	const shadow = parseShadowShorthandOrIgnore({
 		property: "boxShadow",
@@ -7497,6 +8557,7 @@ function compileImageNode(node, parentFrame, idGenerator, placement, clipRect, c
 	if (!visibleFrame) return null;
 	const clip = clippingMetadata(originalFrame, clipRect, visibleFrame);
 	const unsupportedSemantics = [
+		...unsupportedCssLayoutValueSemantics(props),
 		...unsupportedTransformSemantics$1(props),
 		...unsupportedCompositingSemantics$1(props),
 		...unsupportedOpacityStackingContextSemantics$1(props),
@@ -7511,9 +8572,14 @@ function compileImageNode(node, parentFrame, idGenerator, placement, clipRect, c
 			rotation: resolved.rotation,
 			flipH: resolved.flipH,
 			flipV: resolved.flipV,
-			fit: props.fit,
+			fit,
 			hasExplicitCrop: crop !== void 0
 		}),
+		...unsupportedObjectPositionSemantics({
+			value: props.objectPosition,
+			resolved: objectPosition
+		}),
+		...unsupportedObjectFitSemantics(props.fit),
 		...shadow.unsupportedSemantics
 	];
 	return {
@@ -7531,7 +8597,7 @@ function compileImageNode(node, parentFrame, idGenerator, placement, clipRect, c
 		flipH: resolved.flipH,
 		flipV: resolved.flipV,
 		...unsupportedSemantics.length ? { unsupportedSemantics } : {},
-		fit: props.fit ?? "contain",
+		fit,
 		...objectPosition ? { objectPosition } : {},
 		...crop ? { crop } : {},
 		transparency: normalizeTransparency$1(props.transparency),
@@ -7569,6 +8635,7 @@ function compileShapeNode(node, parentFrame, idGenerator, placement, clipRect, c
 	}, visibleFrame, backgroundBoxFrames, props.backgroundPosition, props.backgroundSize, props.backgroundRepeat, props.backgroundOrigin, props.backgroundClip);
 	const clip = clippingMetadata(originalFrame, clipRect, visibleFrame);
 	const unsupportedSemantics = [
+		...unsupportedCssLayoutValueSemantics(props),
 		...unsupportedTransformSemantics$1(props),
 		...unsupportedCompositingSemantics$1(props),
 		...unsupportedOpacityStackingContextSemantics$1(props),
@@ -7605,7 +8672,7 @@ function compileShapeNode(node, parentFrame, idGenerator, placement, clipRect, c
 		...outline.outline ? { outline: outline.outline } : {},
 		...shadow.shadow ? { shadow: shadow.shadow } : {},
 		...hyperlink ? { hyperlink } : {},
-		radiusEmu: parseLength(props.radius, 0, 0, context)
+		radiusEmu: resolveCornerRadiusEmu$1(props.radius, visibleFrame, context)
 	};
 }
 function compileNode(child, parentFrame, idGenerator, placement, clipRect, context, resolutionOptions) {
@@ -7616,32 +8683,38 @@ function compileNode(child, parentFrame, idGenerator, placement, clipRect, conte
 		case "shape": return compileShapeNode(child, parentFrame, idGenerator, placement, clipRect, context);
 	}
 }
-function compileSlide(root, context, slideFrame, idGenerator, lengthContext, resolutionOptions) {
-	if (!isSlideNode(root)) throw new Error(`Slide factory at index ${context.slideIndex} must resolve to a slide node.`);
+function compileSlide(root, context, slideFrame, idGenerator, lengthContext) {
 	const slideProps = normalizeSlideProps(root.props);
 	const backgroundBoxFrames = resolveBackgroundBoxFrames(slideFrame);
 	const backgroundFill = resolveBackgroundLayersOrEmpty(backgroundInput(slideProps), slideProps.backgroundTransparency, {
 		widthEmu: slideFrame.widthEmu,
 		heightEmu: slideFrame.heightEmu
 	}, slideFrame, backgroundBoxFrames, slideProps.backgroundPosition, slideProps.backgroundSize, slideProps.backgroundRepeat, slideProps.backgroundOrigin, slideProps.backgroundClip);
-	const nodes = root.children.filter((child) => child !== null && child !== void 0 && child !== false && child !== true).filter(isContentNode).map((child, siblingOrder) => layoutChildFromNode(child, siblingOrder, lengthContext, resolutionOptions)).filter((child) => child.props.display !== "none").map((child) => compileNode(child, slideFrame, idGenerator, void 0, void 0, lengthContext, resolutionOptions)).filter((node) => node !== null);
+	const nodes = compileAbsoluteChildren(root.children.map((child, siblingOrder) => layoutChildFromNode(child, siblingOrder, lengthContext)).filter((child) => child.props.display !== "none"), slideFrame, idGenerator, {
+		padding: void 0,
+		gap: void 0,
+		rowGap: void 0,
+		columnGap: void 0
+	}, void 0, lengthContext);
 	return {
 		id: idGenerator.nextSlide(),
 		name: slideProps.name,
+		...root.origin ? { origin: root.origin } : {},
 		background: backgroundFill.fill,
 		...backgroundFill.backgroundLayers ? { backgroundLayers: backgroundFill.backgroundLayers } : {},
-		nodes: sortNodesForPaint(nodes)
+		nodes
 	};
 }
-function resolveProjectedLayout(options, slides, resolutionOptions = {}) {
+function resolveProjectedLayout(options, input) {
 	const idGenerator = createIdGenerator();
-	const slideSize = options.layout.unit === "in" ? {
+	const slideSize = input.size ? input.size : options.layout.unit === "in" ? {
 		widthEmu: options.layout.width * EMU_PER_INCH,
 		heightEmu: options.layout.height * EMU_PER_INCH
 	} : {
 		widthEmu: options.layout.width / 72 * EMU_PER_INCH,
 		heightEmu: options.layout.height / 72 * EMU_PER_INCH
 	};
+	const slideMeta = input.meta ?? options.meta;
 	const slideFrame = {
 		xEmu: 0,
 		yEmu: 0,
@@ -7653,194 +8726,14 @@ function resolveProjectedLayout(options, slides, resolutionOptions = {}) {
 		viewportHeightEmu: slideFrame.heightEmu
 	};
 	return {
-		version: "layout-snapshot/0.6",
-		meta: options.meta,
+		...slideMeta ? { meta: slideMeta } : {},
 		size: slideSize,
-		slides: slides.map((factory, slideIndex) => {
-			return compileSlide(toAuthorJsxNode(factory({ composition: {
-				slideIndex,
-				totalSlides: slides.length,
-				deckSlideIndex: slideIndex,
-				deckTotalSlides: slides.length
-			} })), { slideIndex }, slideFrame, idGenerator, lengthContext, resolutionOptions);
+		slides: input.slides.map((slide, slideIndex) => {
+			return compileSlide(slide, { slideIndex }, slideFrame, idGenerator, lengthContext);
 		})
 	};
 }
 //#endregion
-//#region src/layout/graph.ts
-function layoutSlideNode(props, children) {
-	return {
-		$$typeof: "deckjsx.author-node",
-		kind: "slide",
-		props,
-		children
-	};
-}
-function layoutViewNode(props, children) {
-	return {
-		$$typeof: "deckjsx.author-node",
-		kind: "view",
-		props,
-		children
-	};
-}
-function layoutTextNode(props, children) {
-	return {
-		$$typeof: "deckjsx.author-node",
-		kind: "text",
-		props,
-		children
-	};
-}
-function layoutImageNode(props) {
-	return {
-		$$typeof: "deckjsx.author-node",
-		kind: "image",
-		props,
-		children: []
-	};
-}
-function layoutShapeNode(props) {
-	return {
-		$$typeof: "deckjsx.author-node",
-		kind: "shape",
-		props,
-		children: []
-	};
-}
-function resolvedPropsFor(node, resolvedStyles) {
-	const resolved = resolvedStyles.get(node.id);
-	if (!resolved) return {};
-	return Object.fromEntries(Object.entries(resolved.properties).filter(([, property]) => property.source.layer !== "default").map(([key, property]) => [key, property.value]));
-}
-function sourceKeyForOrigin$2(source) {
-	return !source || source.kind === "root" ? "root" : source.sourceIdentity;
-}
-function propsWithTemplateAreaFrame(resolvedStyles, node, templates) {
-	const props = resolvedPropsFor(node, resolvedStyles);
-	const ref = node.templateAreaRef;
-	if (!ref) return props;
-	const frame = templates?.[ref.template]?.areas?.[ref.area]?.frame;
-	if (!frame) return props;
-	const resolved = resolvedStyles.get(node.id);
-	const frameProps = {};
-	if (resolved?.properties.x?.source.layer !== "style") frameProps.x = frame.x;
-	if (resolved?.properties.y?.source.layer !== "style") frameProps.y = frame.y;
-	if (resolved?.properties.width?.source.layer !== "style") frameProps.width = frame.width;
-	if (resolved?.properties.height?.source.layer !== "style") frameProps.height = frame.height;
-	return {
-		...props,
-		...frameProps
-	};
-}
-function templateAreaKindFor$1(node, templates) {
-	const ref = node.templateAreaRef;
-	if (!ref) return;
-	return templates?.[ref.template]?.areas?.[ref.area]?.kind ?? "generic";
-}
-function pushDefined(values, value) {
-	if (value !== void 0) values.push(value);
-}
-function collectTextOrigin(graph, node) {
-	const graphNodeIds = [node.id];
-	const styleEntityIds = [];
-	pushDefined(styleEntityIds, node.styleRef);
-	node.inlineChildren.forEach((childId) => {
-		const child = graph.nodes.get(childId);
-		if (!child) return;
-		graphNodeIds.push(child.id);
-		pushDefined(styleEntityIds, child.styleRef);
-		if (child.kind === "text") {
-			const nested = collectTextOrigin(graph, child);
-			graphNodeIds.push(...nested.graphNodeIds ?? []);
-			styleEntityIds.push(...nested.styleEntityIds ?? []);
-		}
-	});
-	return {
-		graphNodeIds: [...new Set(graphNodeIds)],
-		...styleEntityIds.length > 0 ? { styleEntityIds: [...new Set(styleEntityIds)] } : {}
-	};
-}
-function layoutOriginFor(graph, node, templates) {
-	const templateAreaKind = templateAreaKindFor$1(node, templates);
-	if (node.kind === "text") return {
-		...collectTextOrigin(graph, node),
-		...node.origin.source ? { source: node.origin.source } : {},
-		...node.templateAreaRef ? { templateAreaRef: node.templateAreaRef } : {},
-		...templateAreaKind ? { templateAreaKind } : {}
-	};
-	return {
-		graphNodeIds: [node.id],
-		...node.styleRef ? { styleEntityIds: [node.styleRef] } : {},
-		...node.kind === "image" && node.assetRef ? { assetEntityIds: [node.assetRef] } : {},
-		...node.origin.source ? { source: node.origin.source } : {},
-		...node.templateAreaRef ? { templateAreaRef: node.templateAreaRef } : {},
-		...templateAreaKind ? { templateAreaKind } : {}
-	};
-}
-function rememberOrigin(node, origin, origins) {
-	origins.set(node, origin);
-	return node;
-}
-function slideFactoryFor(slide) {
-	return () => slide;
-}
-function textChildrenFromGraph(graph, resolvedStyles, childIds, origins, templates) {
-	return childIds.flatMap((childId) => {
-		const child = graph.nodes.get(childId);
-		if (!child) return [];
-		if (child.kind === "textRun") return [rememberOrigin(layoutTextNode(resolvedPropsFor(child, resolvedStyles), [child.text]), layoutOriginFor(graph, child, templates), origins)];
-		if (child.kind === "text") return textChildrenFromGraph(graph, resolvedStyles, child.inlineChildren, origins, templates);
-		return [];
-	});
-}
-function contentChildrenFromGraph(graph, resolvedStyles, childIds, origins, templates) {
-	return childIds.flatMap((childId) => {
-		const child = graph.nodes.get(childId);
-		if (!child) return [];
-		const node = layoutAuthorNodeFromGraph(graph, resolvedStyles, child, origins, templates);
-		return node ? [node] : [];
-	});
-}
-function layoutAuthorNodeFromGraph(graph, resolvedStyles, node, origins, templates) {
-	switch (node.kind) {
-		case "slide": {
-			const props = propsWithTemplateAreaFrame(resolvedStyles, node, templates);
-			const slideTemplates = graph.templates.get(sourceKeyForOrigin$2(node.origin.source));
-			return rememberOrigin(layoutSlideNode({
-				...props,
-				name: node.name
-			}, contentChildrenFromGraph(graph, resolvedStyles, node.children, origins, slideTemplates)), layoutOriginFor(graph, node, slideTemplates), origins);
-		}
-		case "container": return rememberOrigin(layoutViewNode(propsWithTemplateAreaFrame(resolvedStyles, node, templates), contentChildrenFromGraph(graph, resolvedStyles, node.children, origins, templates)), layoutOriginFor(graph, node, templates), origins);
-		case "text": return rememberOrigin(layoutTextNode(propsWithTemplateAreaFrame(resolvedStyles, node, templates), textChildrenFromGraph(graph, resolvedStyles, node.inlineChildren, origins, templates)), layoutOriginFor(graph, node, templates), origins);
-		case "image": {
-			const props = propsWithTemplateAreaFrame(resolvedStyles, node, templates);
-			const asset = node.assetRef ? graph.assets.get(node.assetRef) : void 0;
-			if (!asset) return;
-			if (asset.source.kind === "data") return rememberOrigin(layoutImageNode({
-				...props,
-				data: asset.source.data
-			}), layoutOriginFor(graph, node, templates), origins);
-			return rememberOrigin(layoutImageNode({
-				...props,
-				src: asset.source.kind === "path" ? asset.source.path : asset.source.url
-			}), layoutOriginFor(graph, node, templates), origins);
-		}
-		case "shape": return rememberOrigin(layoutShapeNode({
-			...propsWithTemplateAreaFrame(resolvedStyles, node, templates),
-			shape: node.shape
-		}), layoutOriginFor(graph, node, templates), origins);
-		case "document":
-		case "textRun": return;
-	}
-}
-function resolveProjectedLayoutFromGraph(options, graph, resolvedStyles) {
-	const origins = /* @__PURE__ */ new WeakMap();
-	const document = graph.nodes.get(graph.documentId);
-	return resolveProjectedLayout(options, (document?.kind === "document" ? document.children.map((id) => graph.nodes.get(id)).filter((node) => node?.kind === "slide") : []).map((node) => layoutAuthorNodeFromGraph(graph, resolvedStyles, node, origins)).filter((node) => node?.kind === "slide").map(slideFactoryFor), { origins });
-}
-//#endregion
 //#region src/projection/pptx/identity.ts
 const MAX_WRITER_SHAPE_OBJECT_ID = Number.MAX_SAFE_INTEGER - 1;
 function packagePartId(value) {
@@ -8524,24 +9417,23 @@ function shapeFillInputFor(resolved, props) {
 function errorReason(error) {
 	return error instanceof Error ? error.message : String(error);
 }
-function semanticValue(value) {
-	return typeof value === "string" ? value : JSON.stringify(value);
-}
-function unsupportedSemantic(input) {
-	if (input.value === void 0 || input.value === null || input.value === "") return;
-	return {
-		feature: input.feature,
-		property: input.property,
-		value: semanticValue(input.value),
-		reason: errorReason(input.error),
-		...input.fallback ? { fallback: input.fallback } : {}
-	};
-}
 function parseShadowSafely(input) {
 	try {
+		const shadow = parseShadowShorthand(input.value);
+		const unsupported = hasShadowSpreadRadius(input.value) ? unsupportedSemantic({
+			feature: "shadow",
+			property: input.property,
+			value: input.value,
+			error: /* @__PURE__ */ new Error(`CSS shadow spread radius is not projected by the current PPTX shadow model: ${input.value}`),
+			fallback: {
+				strategy: "preserveAuthoredValueOnly",
+				preserves: ["projectedShadowWithoutSpread"],
+				missing: ["cssShadowSpreadRadius"]
+			}
+		}) : void 0;
 		return {
-			shadow: parseShadowShorthand(input.value),
-			unsupportedSemantics: []
+			shadow,
+			unsupportedSemantics: unsupported ? [unsupported] : []
 		};
 	} catch (error) {
 		const unsupported = unsupportedSemantic({
@@ -8630,6 +9522,27 @@ function isExplicitNone(value) {
 function isStrokeIntentionallyNone(props) {
 	return isExplicitNone(props.border) || isExplicitNone(props.borderTop) || isExplicitNone(props.borderRight) || isExplicitNone(props.borderBottom) || isExplicitNone(props.borderLeft) || props.borderStyle === "none";
 }
+function unsupportedStrokeCssWideKeywordSemantics(props) {
+	const unsupported = [];
+	for (const property of [
+		"borderWidth",
+		"borderTopWidth",
+		"borderRightWidth",
+		"borderBottomWidth",
+		"borderLeftWidth",
+		"strokeWidth"
+	]) {
+		if (!hasCssWideKeywordToken(props[property])) continue;
+		const semantic = unsupportedCssWideKeywordSemantic(property, props[property]);
+		if (semantic) unsupported.push(semantic);
+	}
+	return unsupported;
+}
+function unsupportedOutlineCssWideKeywordSemantics(props) {
+	if (!hasCssWideKeywordToken(props.outlineWidth)) return [];
+	const semantic = unsupportedCssWideKeywordSemantic("outlineWidth", props.outlineWidth);
+	return semantic ? [semantic] : [];
+}
 function unsupportedStrokeFallback(props, error) {
 	const input = strokeFallbackInput(props);
 	return unsupportedSemantic({
@@ -8645,32 +9558,34 @@ function unsupportedStrokeFallback(props, error) {
 	});
 }
 function resolveNodeStrokesSafely(props, context) {
+	const cssWideSemantics = unsupportedStrokeCssWideKeywordSemantics(props);
 	try {
 		const strokes = resolveNodeStrokes(props, context);
 		if (!strokes.stroke && !strokes.edgeStrokes && hasAuthoredStrokeInput(props) && !isStrokeIntentionallyNone(props)) {
 			const semantic = unsupportedStrokeFallback(props, /* @__PURE__ */ new Error("No PPTX stroke could be produced from the authored stroke input."));
 			return {
 				...strokes,
-				unsupportedSemantics: semantic ? [semantic] : []
+				unsupportedSemantics: semantic ? [semantic, ...cssWideSemantics] : cssWideSemantics
 			};
 		}
 		return {
 			...strokes,
-			unsupportedSemantics: []
+			unsupportedSemantics: cssWideSemantics
 		};
 	} catch (error) {
 		const semantic = unsupportedStrokeFallback(props, error);
-		return { unsupportedSemantics: semantic ? [semantic] : [] };
+		return { unsupportedSemantics: semantic ? [semantic, ...cssWideSemantics] : cssWideSemantics };
 	}
 }
 function outlineStrokeSafely(props, context) {
 	if (!hasAuthoredOutlineInput(props)) return { unsupportedSemantics: [] };
+	const cssWideSemantics = unsupportedOutlineCssWideKeywordSemantics(props);
 	try {
 		const outlineInput = parseOutlineShorthand(props.outline);
 		const outline = toStroke(props.outlineColor ?? outlineInput.outlineColor, props.outlineWidth ?? outlineInput.outlineWidth, props.outlineStyle ?? outlineInput.outlineStyle, outlineInput.outlineDashType, parseStrokeLineCap(props.strokeLinecap), parseStrokeLineJoin(props.strokeLinejoin), void 0, context);
 		if (outline) return {
 			outline,
-			unsupportedSemantics: []
+			unsupportedSemantics: cssWideSemantics
 		};
 		const input = outlineFallbackInput(props);
 		const semantic = unsupportedSemantic({
@@ -8684,7 +9599,7 @@ function outlineStrokeSafely(props, context) {
 				missing: ["pptxOutline"]
 			}
 		});
-		return { unsupportedSemantics: semantic ? [semantic] : [] };
+		return { unsupportedSemantics: semantic ? [semantic, ...cssWideSemantics] : cssWideSemantics };
 	} catch (error) {
 		const input = outlineFallbackInput(props);
 		const semantic = unsupportedSemantic({
@@ -8698,7 +9613,7 @@ function outlineStrokeSafely(props, context) {
 				missing: ["pptxOutline"]
 			}
 		});
-		return { unsupportedSemantics: semantic ? [semantic] : [] };
+		return { unsupportedSemantics: semantic ? [semantic, ...cssWideSemantics] : cssWideSemantics };
 	}
 }
 function unsupportedTransformSemantics(props) {
@@ -9152,6 +10067,9 @@ function parseObjectPositionValue(objectPosition, frame) {
 		y: axisValue(yToken, frame.heightEmu)
 	};
 }
+function resolveCornerRadiusEmu(value, frame, context) {
+	return parseLength(value, Math.min(frame.widthEmu, frame.heightEmu), 0, context);
+}
 function textStyleFromProps(props, textLengthContext) {
 	const list = resolveListStyle(props, textLengthContext);
 	const lineHeight = resolveLineHeight(props.lineHeight, textLengthContext);
@@ -9175,11 +10093,11 @@ function textStyleFromProps(props, textLengthContext) {
 		paddingPt: parseSpacingInPoints(props.padding, textLengthContext),
 		lineSpacing: props.lineSpacing ?? lineHeight.lineSpacing,
 		lineSpacingMultiple: props.lineSpacingMultiple ?? lineHeight.lineSpacingMultiple,
-		paragraphSpacingBefore: props.paragraphSpacingBefore,
-		paragraphSpacingAfter: props.paragraphSpacingAfter,
+		paragraphSpacingBefore: props.paragraphSpacingBefore === void 0 ? void 0 : parsePointValue(props.paragraphSpacingBefore, 0, textLengthContext),
+		paragraphSpacingAfter: props.paragraphSpacingAfter === void 0 ? void 0 : parsePointValue(props.paragraphSpacingAfter, 0, textLengthContext),
 		...props.textIndent === void 0 ? {} : { textIndentPt: parsePointValue(props.textIndent, 0, textLengthContext) },
 		...tabStops ? { tabStops } : {},
-		charSpacing: props.charSpacing,
+		charSpacing: resolveCharacterSpacing(props.charSpacing, textLengthContext),
 		...list ? { list } : {},
 		fit: props.fit ?? DEFAULT_TEXT_FIT,
 		wrap: props.wrap ?? DEFAULT_TEXT_WRAP,
@@ -9444,7 +10362,7 @@ function compileContainer(graph, resolvedStyles, node, templates, packagePartIdV
 		...outlineResult.outline ? { outline: outlineResult.outline } : {},
 		...generatedStrokes ? { generatedStrokes } : {},
 		...shadowResult.shadow ? { shadow: shadowResult.shadow } : {},
-		radiusEmu: parseLength(props.borderRadius, 0, 0, context),
+		radiusEmu: resolveCornerRadiusEmu(props.borderRadius, frame, context),
 		children: compileChildren(graph, resolvedStyles, node.children, templates, packagePartIdValue, frame, indexPath, context)
 	};
 }
@@ -9523,7 +10441,7 @@ function compileText(graph, resolvedStyles, node, templates, packagePartIdValue,
 		...generatedStrokes ? { generatedStrokes } : {},
 		...shadowResult.shadow ? { shadow: shadowResult.shadow } : {},
 		...hyperlink ? { hyperlink } : {},
-		radiusEmu: parseLength(props.borderRadius, 0, 0, textLengthContext)
+		radiusEmu: resolveCornerRadiusEmu(props.borderRadius, frame, textLengthContext)
 	};
 }
 function compileImage(graph, resolvedStyles, node, templates, packagePartIdValue, parentFrame, indexPath, context) {
@@ -9536,6 +10454,7 @@ function compileImage(graph, resolvedStyles, node, templates, packagePartIdValue
 	}, context);
 	if (props.display === "none") return;
 	const frame = frameToFrameIR$1(frameFromProps(props, parentFrame, void 0, context));
+	const fit = normalizeProjectedImageFit(props.fit);
 	const shadowResult = parseShadowSafely({
 		property: "boxShadow",
 		value: props.boxShadow
@@ -9555,6 +10474,7 @@ function compileImage(graph, resolvedStyles, node, templates, packagePartIdValue
 			...unsupportedTransformSemantics(props),
 			...unsupportedCompositingSemantics(props),
 			...unsupportedOpacityStackingContextSemantics(props),
+			...unsupportedObjectFitSemantics(props.fit),
 			...shadowResult.unsupportedSemantics
 		]
 	});
@@ -9564,7 +10484,7 @@ function compileImage(graph, resolvedStyles, node, templates, packagePartIdValue
 		mediaPartId: mediaPartIdForElement(base.id),
 		sourceFrame: frame,
 		source: assetSource(asset),
-		fit: props.fit ?? "contain",
+		fit,
 		objectPosition: parseObjectPositionValue(props.objectPosition, frame),
 		...parseImageCrop(props.crop) ? { crop: parseImageCrop(props.crop) } : {},
 		transparency: props.transparency,
@@ -9641,7 +10561,7 @@ function compileShape(node, resolvedStyles, templates, packagePartIdValue, paren
 		...generatedStrokes ? { generatedStrokes } : {},
 		...shadowResult.shadow ? { shadow: shadowResult.shadow } : {},
 		...hyperlink ? { hyperlink } : {},
-		radiusEmu: parseLength(props.radius, 0, 0, context)
+		radiusEmu: resolveCornerRadiusEmu(props.radius, frame, context)
 	};
 }
 function compileElement(input) {
@@ -9688,9 +10608,6 @@ function compileChildrenPartial(graph, resolvedStyles, children, templates, pack
 	});
 	return elements.sort(comparePptxElementsByPaintOrder);
 }
-function graphNodeForElement(graph, nodeId) {
-	return nodeId ? graph.nodes.get(nodeId) : void 0;
-}
 function elementOriginFromLayoutOrigin(origin) {
 	return {
 		...origin?.graphNodeIds ? { graphNodeIds: origin.graphNodeIds } : {},
@@ -9701,7 +10618,6 @@ function elementOriginFromLayoutOrigin(origin) {
 }
 function mapProjectedLayoutNodeToElement(input) {
 	const graphNodeId = input.node.origin?.graphNodeIds?.[0];
-	const graphNode = graphNodeForElement(input.graph, graphNodeId);
 	const layoutAnchor = layoutAnchorFor({
 		templateAreaRef: input.node.origin?.templateAreaRef,
 		templateAreaKind: input.node.origin?.templateAreaKind,
@@ -9715,7 +10631,7 @@ function mapProjectedLayoutNodeToElement(input) {
 		}),
 		packagePartId: input.packagePartId,
 		serialized: { shapeObjectId: shapeObjectId(input.indexPath) },
-		origin: input.node.origin ? elementOriginFromLayoutOrigin(input.node.origin) : graphNode ? originFor(graphNode) : {},
+		origin: elementOriginFromLayoutOrigin(input.node.origin),
 		frame: input.node.frame,
 		measurement: { frame: input.node.frame },
 		...layoutAnchor ? { layoutAnchor } : {},
@@ -9762,7 +10678,6 @@ function mapProjectedLayoutNodeToElement(input) {
 				radiusEmu: input.node.radiusEmu,
 				children: input.node.children.map((child, index) => mapProjectedLayoutNodeToElement({
 					node: child,
-					graph: input.graph,
 					packagePartId: input.packagePartId,
 					indexPath: [...input.indexPath, index]
 				}))
@@ -9850,34 +10765,17 @@ function mapProjectedLayoutNodeToElement(input) {
 function pptxSlidePartFor(input) {
 	const slideNumber = input.slideIndex + 1;
 	const partId = input.slidePartId;
-	const resolved = resolvedStyleFor(input.slide, input.resolvedStyles);
-	const props = normalizeSlideProps(slideStyleFor(input.slide, input.resolvedStyles));
-	const slideTemplates = input.graph.templates.get(sourceKeyForOrigin$1(input.slide.origin.source));
-	const backgroundInput = backgroundInputFor(resolved, props);
-	const slideFill = resolveBackgroundLayersSafely({
-		property: backgroundInput?.property ?? "background",
-		value: backgroundInput?.value
-	}, props.backgroundTransparency, {
-		widthEmu: input.slideFrame.widthEmu,
-		heightEmu: input.slideFrame.heightEmu
-	}, input.slideFrame, {
-		borderBox: input.slideFrame,
-		paddingBox: input.slideFrame,
-		contentBox: input.slideFrame
-	}, props.backgroundPosition, props.backgroundSize, props.backgroundRepeat, props.backgroundOrigin, props.backgroundClip);
 	const backgroundLayers = projectBackgroundLayers({
-		layers: input.layoutSlide?.backgroundLayers ?? slideFill.backgroundLayers,
+		layers: input.layoutSlide.backgroundLayers,
 		indexPath: [5e3 + input.slideIndex]
 	});
+	const origin = elementOriginFromLayoutOrigin(input.layoutSlide.origin);
 	return {
 		id: partId,
 		category: "authored-content",
 		kind: "slide",
 		path: `ppt/slides/slide${slideNumber}.xml`,
-		origin: {
-			graphNodeIds: [input.slide.id],
-			...input.slide.origin.source ? { source: input.slide.origin.source } : {}
-		},
+		origin,
 		relationships: [{
 			id: serializedId("rId1"),
 			target: projectedRelationshipTarget({
@@ -9890,18 +10788,14 @@ function pptxSlidePartFor(input) {
 		}],
 		payload: {
 			slideId: String(256 + input.slideIndex),
-			name: input.slide.name,
-			background: input.layoutSlide?.background ?? slideFill.fill,
+			name: input.layoutSlide.name,
+			background: input.layoutSlide.background,
 			...backgroundLayers ? { backgroundLayers } : {},
-			drawing: drawingFromElements(input.layoutSlide ? input.layoutSlide.nodes.map((node, index) => mapProjectedLayoutNodeToElement({
+			drawing: drawingFromElements(input.layoutSlide.nodes.map((node, index) => mapProjectedLayoutNodeToElement({
 				node,
-				graph: input.graph,
 				packagePartId: partId,
 				indexPath: [index]
-			})) : compileChildren(input.graph, input.resolvedStyles, input.slide.children, slideTemplates, partId, input.slideFrame, [], {
-				viewportWidthEmu: input.slideFrame.widthEmu,
-				viewportHeightEmu: input.slideFrame.heightEmu
-			}))
+			})))
 		}
 	};
 }
@@ -10748,7 +11642,15 @@ function projectGraphToPptxPackageInternal(input) {
 		size,
 		slideIds
 	});
-	const projectedLayout = input.partial ? void 0 : resolveProjectedLayoutFromGraph(input.options, input.graph, input.resolvedStyles);
+	const layoutInput = input.partial ? void 0 : buildLayoutInputSnapshot({
+		graph: input.graph,
+		resolvedStyles: input.resolvedStyles,
+		assetProbeArtifacts: input.assets,
+		deckSize: size,
+		diagnostics: input.diagnostics,
+		meta: input.options.meta
+	});
+	const projectedLayout = layoutInput ? resolveProjectedLayout(input.options, layoutInput.snapshot) : void 0;
 	const slideFrame = {
 		xEmu: 0,
 		yEmu: 0,
@@ -10758,6 +11660,7 @@ function projectGraphToPptxPackageInternal(input) {
 	const projectedSlidesWithMedia = withCanonicalImageMediaPartIds(slideIds.flatMap((slideId, slideIndex) => {
 		const slide = input.graph.nodes.get(slideId);
 		if (slide?.kind !== "slide") return [];
+		const layoutSlide = projectedLayout?.slides[slideIndex];
 		const partId = slidePartIdFor(slide);
 		const slideLayoutPart = slideLayoutPartForSlide({
 			graph: input.graph,
@@ -10765,7 +11668,7 @@ function projectGraphToPptxPackageInternal(input) {
 			slideLayoutParts: supportParts.slideLayoutParts,
 			defaultSlideLayoutPart: supportParts.slideLayoutPart
 		});
-		return [input.partial ? partialPptxSlidePartFor({
+		if (input.partial) return [partialPptxSlidePartFor({
 			graph: input.graph,
 			resolvedStyles: input.resolvedStyles,
 			slide,
@@ -10773,11 +11676,10 @@ function projectGraphToPptxPackageInternal(input) {
 			slideFrame,
 			slideLayoutPart,
 			slidePartId: partId
-		}) : pptxSlidePartFor({
-			graph: input.graph,
-			resolvedStyles: input.resolvedStyles,
-			slide,
-			layoutSlide: projectedLayout?.slides[slideIndex],
+		})];
+		if (!layoutSlide) return [];
+		return [pptxSlidePartFor({
+			layoutSlide,
 			slideIndex,
 			slideFrame,
 			slideLayoutPart,
@@ -10907,7 +11809,7 @@ async function loadNodeOutputRuntime() {
 	const status = nodeOutputRuntimeStatus();
 	if (!status.ok) return status;
 	try {
-		const { createNodeOutputByteSink, writeNodeOutput } = await import("./node-output-ChRpOCV8.mjs");
+		const { createNodeOutputByteSink, writeNodeOutput } = await import("./node-output-L2bV2_8g.mjs");
 		return {
 			ok: true,
 			createByteSink: createNodeOutputByteSink,
@@ -11651,21 +12553,11 @@ async function prepareRenderOutputSink(adapter) {
 		path: output,
 		runtime: outputRuntime
 	};
-	try {
-		return {
-			requested: true,
-			mode: "sink",
-			path: output,
-			sink: outputRuntime.createByteSink({ output })
-		};
-	} catch (error) {
-		return {
-			requested: true,
-			mode: "sinkCreationFailed",
-			path: output,
-			error
-		};
-	}
+	return {
+		requested: true,
+		mode: "deferredWrite",
+		path: output
+	};
 }
 async function writeRenderedArtifact(input) {
 	if (!input.preparedOutput.requested) return {