deckjsx 0.8.1 → 0.8.2

package/dist/index.mjs

@@ -1,5 +1,5 @@
 import { c as isAuthoredTag, i as createAuthorElement, o as isAuthorTreeChild, s as isAuthorTreeNode, t as authorElementPropsFromEntries } from "./tree-DNsco0U3.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-CNSvvD4i.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");
@@ -628,7 +628,7 @@ const ELEMENT_DEFAULTS = {
 		rotation: 0,
 		zIndex: 0,
 		overflow: "visible",
-		position: "relative",
+		position: "static",
 		boxSizing: "border-box",
 		backgroundTransparency: 100,
 		borderWidth: 0,
@@ -645,7 +645,7 @@ const ELEMENT_DEFAULTS = {
 		rotation: 0,
 		zIndex: 0,
 		overflow: "visible",
-		position: "relative",
+		position: "static",
 		boxSizing: "border-box",
 		backgroundTransparency: 100,
 		borderWidth: 0,
@@ -705,7 +705,7 @@ const ELEMENT_DEFAULTS = {
 		rotation: 0,
 		zIndex: 0,
 		overflow: "visible",
-		position: "relative",
+		position: "static",
 		fit: "contain",
 		objectFit: "contain",
 		objectPosition: "50% 50%",
@@ -720,7 +720,7 @@ const ELEMENT_DEFAULTS = {
 		rotation: 0,
 		zIndex: 0,
 		overflow: "visible",
-		position: "relative",
+		position: "static",
 		boxSizing: "border-box",
 		backgroundTransparency: 100,
 		borderWidth: 0,
@@ -1274,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",
@@ -1543,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, {
@@ -1606,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();
@@ -1618,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);
@@ -1627,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,
@@ -2015,6 +2074,22 @@ function supportedPropNamesFor(node) {
 		]);
 	}
 }
+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;
 }
@@ -2117,6 +2192,19 @@ function authoringPropDiagnostic(input) {
 		...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`;
@@ -2134,6 +2222,18 @@ function validateAuthoringProps(state, node, path) {
 			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({
@@ -3188,7 +3288,7 @@ function pushDefined(values, 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").map(([key, property]) => [key, property.value]));
+	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;
@@ -3913,16 +4013,120 @@ 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, percentageBaseEmu, 0, context);
+		return [
+			scalar,
+			scalar,
+			scalar,
+			scalar
+		];
+	}
+	return [
+		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 = parseLength(value, 0, 0, context);
+		const scalar = parseLengthOrAuto(value, percentageBaseEmu, autoFallbackEmu, context);
 		return [
 			scalar,
 			scalar,
@@ -3931,10 +4135,10 @@ 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)
+		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) {
@@ -3944,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],
@@ -3977,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,
@@ -5416,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}`);
@@ -5504,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;
@@ -5635,10 +5853,11 @@ function extractText(children, textTransform) {
 }
 //#endregion
 //#region src/layout/normalization.ts
-function resolveFlexDirection(direction, flexDirection) {
+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;
@@ -5652,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";
 }
@@ -5722,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,
@@ -5781,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,
@@ -5819,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),
@@ -6213,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;
@@ -6245,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;
@@ -6468,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 [];
@@ -6598,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) {
@@ -6640,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,
@@ -6750,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,
@@ -6791,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,
@@ -6805,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,
@@ -6823,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,
@@ -6842,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,
@@ -6856,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,
@@ -6874,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,
@@ -6891,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,
@@ -6909,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}`,
@@ -6930,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}`,
@@ -6956,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,
@@ -6973,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,
@@ -6988,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,
@@ -7002,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,
@@ -7051,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;
@@ -7108,7 +7740,7 @@ function layoutChildFromNode(child, siblingOrder, context) {
 		case "image": return {
 			kind: "image",
 			source: child,
-			props: normalizeImageProps(child.props, context),
+			props: normalizeImagePropsWithIntrinsicAspectRatio(child, context),
 			siblingOrder,
 			...origin ? { origin } : {}
 		};
@@ -7121,6 +7753,35 @@ function layoutChildFromNode(child, siblingOrder, context) {
 		};
 	}
 }
+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") {
@@ -7197,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;
@@ -7220,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);
@@ -7278,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);
@@ -7289,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);
@@ -7375,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 = {
@@ -7402,6 +8085,44 @@ 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.map((child, siblingOrder) => {
 		if (!isLayoutInputContentNode(child)) throw new Error("Only deckjsx components can be children of View in structured layout.");
@@ -7424,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);
@@ -7439,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,
@@ -7456,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;
@@ -7471,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;
@@ -7520,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),
@@ -7562,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,
@@ -7592,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,
@@ -7608,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,
@@ -7662,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",
@@ -7678,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,
@@ -7686,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),
@@ -7702,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,
@@ -7722,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,
@@ -7733,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",
@@ -7763,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),
@@ -7777,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 {
@@ -7797,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),
@@ -7835,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),
@@ -7871,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) {
@@ -7889,14 +8690,19 @@ function compileSlide(root, context, slideFrame, idGenerator, lengthContext) {
 		widthEmu: slideFrame.widthEmu,
 		heightEmu: slideFrame.heightEmu
 	}, slideFrame, backgroundBoxFrames, slideProps.backgroundPosition, slideProps.backgroundSize, slideProps.backgroundRepeat, slideProps.backgroundOrigin, slideProps.backgroundClip);
-	const nodes = root.children.map((child, siblingOrder) => layoutChildFromNode(child, siblingOrder, lengthContext)).filter((child) => child.props.display !== "none").map((child) => compileNode(child, slideFrame, idGenerator, void 0, void 0, lengthContext)).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, input) {
@@ -8611,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({
@@ -8717,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({
@@ -8732,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({
@@ -8771,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({
@@ -8785,7 +9613,7 @@ function outlineStrokeSafely(props, context) {
 				missing: ["pptxOutline"]
 			}
 		});
-		return { unsupportedSemantics: semantic ? [semantic] : [] };
+		return { unsupportedSemantics: semantic ? [semantic, ...cssWideSemantics] : cssWideSemantics };
 	}
 }
 function unsupportedTransformSemantics(props) {
@@ -9239,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);
@@ -9262,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,
@@ -9531,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)
 	};
 }
@@ -9610,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) {
@@ -9623,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
@@ -9642,6 +10474,7 @@ function compileImage(graph, resolvedStyles, node, templates, packagePartIdValue
 			...unsupportedTransformSemantics(props),
 			...unsupportedCompositingSemantics(props),
 			...unsupportedOpacityStackingContextSemantics(props),
+			...unsupportedObjectFitSemantics(props.fit),
 			...shadowResult.unsupportedSemantics
 		]
 	});
@@ -9651,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,
@@ -9728,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) {
@@ -10976,7 +11809,7 @@ async function loadNodeOutputRuntime() {
 	const status = nodeOutputRuntimeStatus();
 	if (!status.ok) return status;
 	try {
-		const { createNodeOutputByteSink, writeNodeOutput } = await import("./node-output-BXQOTLKj.mjs");
+		const { createNodeOutputByteSink, writeNodeOutput } = await import("./node-output-L2bV2_8g.mjs");
 		return {
 			ok: true,
 			createByteSink: createNodeOutputByteSink,
@@ -11720,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 {