@pibbl/core 0.0.2 → 0.0.3-alpha.109.1

package/dist/lib/layout/flow.js

@@ -1,4 +1,9 @@
-import { preparedStyleValue, preparedStyleQuery } from "../style/responsive.js";
+import { withAllocationCheckpoint } from "./allocation-checkpoint.js";
+import { contentBoxStyle } from "./box-sizing.js";
+import { canvasMeasurementService } from "./canvas-measurement.js";
+import { nativeLayout, mountedLayoutRegion, recordWasmAllocationPass, recordWasmAllocationItem, recordWasmAllocationCacheHit } from "./wasm/region.js";
+import { prepareKnownLayoutDescendants, registerKnownLayoutPreflight, claimPreparedLayoutPlan, stagePreparedLayoutPlan, preparePlacedKnownLayout } from "./prepared-root.js";
+import { getStyleMeasurementMode, preparedStyleValue, preparedStyleQuery } from "../style/responsive.js";
 import { definePrimitive } from "../define-primitive.js";
 import { clonePibblElement } from "../element/create-element.js";
 import { getChildPrimitiveReceiverToken } from "../element/metadata.js";
@@ -7,7 +12,7 @@ import { layoutDiagnostic } from "../style/diagnostics.js";
 import {
   wireStructuralEvents
 } from "../components/structural-events.js";
-import { normalizeEdges } from "../style/normalize.js";
+import { normalizeBoxInsets, hasPercentageBoxPadding, resolveAllocatedInsets } from "./box-insets.js";
 import { setPreNormalizedStyle } from "../style/resolve-dispatch.js";
 import {
   childWithUsedSize,
@@ -18,13 +23,13 @@ import {
   resolveContainerBox,
   resolveDirectChildBox
 } from "./absolute.js";
-import { pushLayoutBox } from "./context.js";
+import { pushLayoutBox, resolvePositionedContainingBox } from "./context.js";
 import { recordLayoutEvaluation } from "./diagnostics.js";
 import { assertSupportedChildPosition } from "./positioning-diagnostics.js";
-import { measureElement } from "./measure.js";
+import { measureElement, measureIntrinsicElement } from "./measure.js";
+const FLOW_CONTAINING_BOX_STYLE = /* @__PURE__ */ Symbol("pibbl.flow-containing-box-style");
 function renderFlow(props, style, ctx) {
   wireStructuralEvents(props);
-  const children = prepareLayoutChildren(props.children, "Flow");
   recordLayoutEvaluation();
   const content = style.box.contentBox;
   ctx.translate(content.x, content.y);
@@ -34,61 +39,230 @@ function renderFlow(props, style, ctx) {
     width: content.width,
     height: content.height
   });
-  const releaseLayout = pushLayoutBox(localContent);
+  const releaseLayout = pushLayoutBox(localContent, {
+    logicalOffset: content,
+    containingBlock: resolvePositionedContainingBox(
+      style[FLOW_CONTAINING_BOX_STYLE],
+      localContent,
+      "Flow"
+    )
+  });
   GLOBAL_STATE.componentRefs.onAfterRender = releaseLayout;
-  const service = {
-    measureText(value, font) {
-      ctx.save();
-      try {
-        ctx.font = font;
-        return ctx.measureText(value);
-      } finally {
-        ctx.restore();
-      }
-    }
-  };
-  const placements = resolveFlowPlacements(
-    localContent,
-    children,
-    style,
-    {
-      service,
-      measureElement: (element, constraints) => measureElement(element, constraints, service)
-    }
-  );
+  const prepared = nativeLayout ? claimPreparedLayoutPlan(GLOBAL_STATE.componentRefs.element, localContent) : void 0;
+  const nativeRegion = prepared?.region ?? (nativeLayout ? mountedLayoutRegion() : void 0);
+  if (nativeLayout && !nativeRegion) throw new Error("Experimental Flow requires its mounted native region.");
+  const plan = prepared ?? prepareFlowAllocation(props, style, localContent, ctx, nativeRegion);
+  const { children, placements } = plan;
   let index = 0;
   return placeDirectChildren(
     children,
     localContent,
-    () => placements[index++],
+    (_child, occurrence) => {
+      const placement = placements[index++];
+      if (nativeLayout && !prepared) preparePlacedKnownLayout(placement.element, occurrence);
+      return placement;
+    },
     style.overflow
   );
 }
 const Flow = definePrimitive(renderFlow, {
   childInput: "structural",
-  resolveStyle: (style, context) => ({
-    box: resolveContainerBox(style, context, "Flow", "flow"),
-    overflow: style.overflow ?? "visible",
-    ...normalizeFlowOptions(style, context.allocation)
-  }),
-  measure: (input) => measureFlow(input)
+  resolveStyle: (style, context) => {
+    if (nativeLayout && hasPercentageBoxPadding(style)) {
+      style = resolveAllocatedInsets(style, {
+        width: context.percentageBasis.width,
+        context: { ...context, component: "Flow", algorithm: "flow" }
+      });
+    }
+    return {
+      box: resolveContainerBox(style, context, "Flow", "flow"),
+      [FLOW_CONTAINING_BOX_STYLE]: style,
+      overflow: style.overflow ?? "visible",
+      ...normalizeFlowOptions(style, context.allocation)
+    };
+  },
+  measure: (input) => measureFlow(input),
+  measureIntrinsic: (input) => measureFlowIntrinsic(input)
+});
+function measureFlowIntrinsic(input) {
+  const maximumWidth = intrinsicConstraintMaximum(input.constraints.width);
+  const maximumHeight = intrinsicConstraintMaximum(input.constraints.height);
+  const owner = { x: 0, y: 0, width: maximumWidth, height: maximumHeight };
+  const options = normalizeFlowOptions(input.style, owner);
+  const children = materializeLayoutChildren(input.props.children, "Flow");
+  const items = [];
+  let maximumWidthContribution = 0;
+  let minimumWidthContribution = 0;
+  for (let index = 0; index < children.length; index++) {
+    const child = children[index];
+    const receiver = getChildPrimitiveReceiverToken(
+      GLOBAL_STATE.renderTransaction,
+      GLOBAL_STATE.primitiveReceiverToken,
+      index
+    );
+    const prepared = prepareDirectChildStyle(child, receiver, owner);
+    let style = preparedStyleValue(prepared);
+    if (hasIntrinsicPercentageCycle(style)) {
+      return { status: "unsupported", reason: "Flow intrinsic percentage child sizes require a definite owner allocation" };
+    }
+    if (style.boxSizing !== void 0) {
+      style = contentBoxStyle(style, {
+        width: owner.width,
+        height: owner.height,
+        context: {
+          component: child.type.name || "Anonymous",
+          algorithm: "Flow intrinsic measurement",
+          constraints: { minWidth: 0, maxWidth: owner.width, minHeight: 0, maxHeight: owner.height }
+        }
+      });
+    }
+    assertSupportedChildPosition("Flow", child, style);
+    const insets = normalizeBoxInsets(style, {
+      component: child.type.name || "Anonymous",
+      algorithm: "Flow intrinsic measurement",
+      constraints: { minWidth: 0, maxWidth: owner.width, minHeight: 0, maxHeight: owner.height }
+    });
+    const horizontalInsets = insets.left + insets.right;
+    const verticalInsets = insets.top + insets.bottom;
+    let minWidth;
+    let maxWidth;
+    if (typeof style.width === "number" && typeof style.height === "number") {
+      minWidth = style.width + horizontalInsets;
+      maxWidth = minWidth;
+    } else {
+      const measuredChild = clonePibblElement(child);
+      setPreNormalizedStyle(measuredChild, style, child, receiver, preparedStyleQuery(prepared));
+      const measured = measureIntrinsicElement(measuredChild, {
+        minWidth: 0,
+        maxWidth: owner.width,
+        minHeight: 0,
+        maxHeight: owner.height
+      }, input.service);
+      if (measured.status !== "measured") return measured;
+      minWidth = (typeof style.width === "number" ? style.width : measured.minContent.width) + horizontalInsets;
+      maxWidth = (typeof style.width === "number" ? style.width : measured.maxContent.width) + horizontalInsets;
+    }
+    if (!Number.isFinite(minWidth) || !Number.isFinite(maxWidth) || minWidth < 0 || maxWidth < minWidth) {
+      return { status: "unsupported", reason: "Flow intrinsic child widths must be finite and ordered" };
+    }
+    items.push({ child, style, receiver, query: preparedStyleQuery(prepared), horizontalInsets, verticalInsets, minWidth, maxWidth });
+    minimumWidthContribution = options.wrap ? Math.max(minimumWidthContribution, minWidth) : minimumWidthContribution + minWidth;
+    maximumWidthContribution += maxWidth;
+  }
+  const gaps = Math.max(0, items.length - 1) * options.gap;
+  if (!options.wrap) minimumWidthContribution += gaps;
+  maximumWidthContribution += gaps;
+  const minimumHeight = measureIntrinsicFlowHeight(items, minimumWidthContribution, false, options, input, owner);
+  if (minimumHeight.status !== "measured") return minimumHeight;
+  const maximumHeightResult = measureIntrinsicFlowHeight(items, maximumWidthContribution, true, options, input, owner);
+  if (maximumHeightResult.status !== "measured") return maximumHeightResult;
+  return {
+    status: "measured",
+    minContent: { width: minimumWidthContribution, height: minimumHeight.height },
+    maxContent: { width: maximumWidthContribution, height: maximumHeightResult.height }
+  };
+}
+function intrinsicConstraintMaximum(constraint) {
+  return constraint.kind === "bounded" ? constraint.max : Number.MAX_SAFE_INTEGER;
+}
+function hasIntrinsicPercentageCycle(style) {
+  return hasPercentageBoxPadding(style) || isPercentageLength(style.width) || isPercentageLength(style.height) || isPercentageLength(style.minWidth) || isPercentageLength(style.maxWidth) || isPercentageLength(style.minHeight) || isPercentageLength(style.maxHeight);
+}
+function isPercentageLength(value) {
+  return typeof value === "string" && value.endsWith("%");
+}
+function measureIntrinsicFlowHeight(items, width, maximumWidths, options, input, owner) {
+  const placements = [];
+  for (const item of items) {
+    const selectedWidth = maximumWidths ? item.maxWidth : item.minWidth;
+    const contentWidth = Math.max(0, (width === 0 ? 0 : options.wrap ? Math.min(width, selectedWidth) : selectedWidth) - item.horizontalInsets);
+    let contentHeight;
+    if (typeof item.style.height === "number") {
+      contentHeight = item.style.height;
+    } else {
+      const measuredChild = clonePibblElement(item.child);
+      setPreNormalizedStyle(measuredChild, { ...item.style, width: contentWidth }, item.child, item.receiver, item.query);
+      const measured = measureElement(measuredChild, {
+        minWidth: contentWidth,
+        maxWidth: contentWidth,
+        minHeight: 0,
+        maxHeight: owner.height
+      }, input.service);
+      if (measured.status !== "measured") return measured;
+      contentHeight = measured.size.height;
+    }
+    if (!Number.isFinite(contentHeight) || contentHeight < 0) {
+      return { status: "unsupported", reason: "Flow intrinsic child heights must be finite and nonnegative" };
+    }
+    placements.push({
+      child: item.child,
+      normalized: item.style,
+      width: contentWidth + item.horizontalInsets,
+      height: contentHeight + item.verticalInsets,
+      horizontalPadding: item.horizontalInsets,
+      verticalPadding: item.verticalInsets,
+      alignment: options.alignItems,
+      receiverToken: item.receiver,
+      query: item.query
+    });
+  }
+  const boxes = arrangeFlowItems({ x: 0, y: 0, width, height: owner.height }, placements, options);
+  let height = 0;
+  for (const box of boxes) height = Math.max(height, box.y + box.height);
+  return { status: "measured", height };
+}
+function prepareFlowAllocation(props, style, content, ctx, region) {
+  const children = prepareLayoutChildren(props.children, "Flow");
+  const service = canvasMeasurementService(ctx);
+  const placements = withAllocationCheckpoint(region, { children, content, settings: style, onHit: recordWasmAllocationCacheHit, calculate: () => resolveFlowPlacements(content, children, style, { service, measureElement: (child, constraints) => measureElement(child, constraints, service) }, region) });
+  return { children, placements };
+}
+if (nativeLayout) registerKnownLayoutPreflight(Flow, (element, style, content, receiver, slot) => {
+  const previous = GLOBAL_STATE.primitiveReceiverToken;
+  GLOBAL_STATE.primitiveReceiverToken = receiver;
+  const releaseLayout = pushLayoutBox(content, {
+    containingBlock: resolvePositionedContainingBox(
+      style,
+      content,
+      "Flow"
+    )
+  });
+  try {
+    const options = normalizeFlowOptions(style, content);
+    const ctx = GLOBAL_STATE.renderContext;
+    if (!ctx) throw new Error("Known Flow preparation requires a Canvas measurement context.");
+    const region = slot.acquire();
+    const allocation = prepareFlowAllocation(element.props, options, content, ctx, region);
+    const plan = { region, content, ...allocation };
+    prepareKnownLayoutDescendants(plan, slot);
+    stagePreparedLayoutPlan(slot, plan);
+  } finally {
+    releaseLayout();
+    GLOBAL_STATE.primitiveReceiverToken = previous;
+  }
 });
 function layoutFlow(container, children, style, measurement) {
   const prepared = materializeLayoutChildren(children, "Flow");
   return resolveFlowPlacements(container, prepared, style, measurement).map((placement) => placement.box);
 }
-function resolveFlowPlacements(container, children, style, measurement) {
+function resolveFlowPlacements(container, children, style, measurement, nativeRegion) {
+  if (nativeRegion) recordWasmAllocationPass();
   assertFiniteContainer(container);
   const options = normalizeFlowOptions(style, container);
   const items = [];
   for (const child of children) {
+    if (nativeRegion) recordWasmAllocationItem();
     const receiverToken = getChildPrimitiveReceiverToken(
       GLOBAL_STATE.renderTransaction,
       GLOBAL_STATE.primitiveReceiverToken,
       items.length
     );
     const prepared = prepareDirectChildStyle(child, receiverToken, container);
-    const normalized = preparedStyleValue(prepared);
+    let normalized = preparedStyleValue(prepared);
+    if (nativeLayout && GLOBAL_STATE.currentPibblInstance && getStyleMeasurementMode() === void 0 && hasPercentageBoxPadding(normalized)) {
+      normalized = resolveAllocatedInsets(normalized, { width: container.width, context: { component: child.type.name || "Anonymous", algorithm: "flow" } });
+    }
+    if (normalized.boxSizing !== void 0) normalized = contentBoxStyle(normalized, { width: container.width, height: container.height, context: { component: child.type.name || "Anonymous", algorithm: "flow", constraints: { minWidth: 0, maxWidth: container.width, minHeight: 0, maxHeight: container.height } } });
     assertSupportedChildPosition("Flow", child, normalized);
     const needsWidth = normalized.width === void 0 || normalized.width === "auto";
     const needsHeight = normalized.height === void 0 || normalized.height === "auto";
@@ -133,7 +307,9 @@ function resolveFlowPlacements(container, children, style, measurement) {
       container,
       child,
       "flow",
-      resolvedStyle
+      resolvedStyle,
+      measurement.service,
+      receiverToken
     );
     const box = resolved.borderBox;
     items.push({
@@ -153,18 +329,18 @@ function resolveFlowPlacements(container, children, style, measurement) {
       query: preparedStyleQuery(prepared)
     });
   }
-  const boxes = arrangeFlowItems(container, items, options);
-  return boxes.map((box, index) => ({
-    box,
-    element: childWithUsedSize(
-      items[index].child,
-      items[index].normalized,
-      Math.max(0, box.width - items[index].horizontalPadding),
-      Math.max(0, box.height - items[index].verticalPadding),
-      items[index].receiverToken,
-      items[index].query
-    )
-  }));
+  const nativeBoxes = nativeRegion?.placeFlow(items, { horizontal: options.direction === "horizontal", mainBound: options.direction === "horizontal" ? container.width : container.height, gap: options.gap, lineGap: options.lineGap, wrap: options.wrap });
+  const boxes = nativeBoxes ?? arrangeFlowItems(container, items, options);
+  return boxes.map((box, index) => {
+    const usedWidth = Math.max(0, box.width - items[index].horizontalPadding);
+    const usedHeight = Math.max(0, box.height - items[index].verticalPadding);
+    return {
+      box: nativeBoxes && (container.x !== 0 || container.y !== 0) ? { x: container.x + box.x, y: container.y + box.y, width: box.width, height: box.height } : box,
+      usedWidth,
+      usedHeight,
+      element: childWithUsedSize(items[index].child, items[index].normalized, usedWidth, usedHeight, items[index].receiverToken, items[index].query)
+    };
+  });
 }
 function measureFlow(input) {
   const children = prepareLayoutChildren(input.props.children, "Flow");
@@ -208,7 +384,7 @@ function provisionalFlowBox(style, constraints) {
     algorithm: "measurement",
     constraints
   };
-  const padding = normalizeEdges(style.padding, "padding", diagnosticContext);
+  const padding = normalizeBoxInsets(style, diagnosticContext);
   const width = finiteMeasurementBound(
     constraints.maxWidth,
     [style.width, style.minWidth, style.maxWidth],

package/dist/lib/layout/flow.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/lib/layout/flow.ts"],
-  "sourcesContent": ["import { preparedStyleValue, preparedStyleQuery, type PreparedQuery } from '../style/responsive.js';\nimport { definePrimitive } from '../define-primitive.js';\nimport { clonePibblElement } from '../element/create-element.js';\nimport { getChildPrimitiveReceiverToken } from '../element/metadata.js';\nimport type { PibblElement } from '../element/types.js';\nimport { GLOBAL_STATE } from '../global-state.js';\nimport { layoutDiagnostic } from '../style/diagnostics.js';\nimport {\n  type PibblStructuralEventProps,\n  wireStructuralEvents,\n} from '../components/structural-events.js';\nimport { normalizeEdges } from '../style/normalize.js';\nimport { setPreNormalizedStyle } from '../style/resolve-dispatch.js';\nimport type { BoxStyle, LayoutItemStyle, ResolvedBoxStyle } from '../style/types.js';\nimport type {\n  CanvasMeasurementService,\n  PibblNodeInput,\n  MeasureInput,\n  MeasureResult,\n  RenderingContext2D,\n  SystemStyle,\n} from '../types.js';\nimport {\n  childWithUsedSize,\n  materializeLayoutChildren,\n  prepareDirectChildStyle,\n  placeDirectChildren,\n  prepareLayoutChildren,\n  resolveContainerBox,\n  resolveDirectChildBox,\n} from './absolute.js';\nimport { pushLayoutBox } from './context.js';\nimport { recordLayoutEvaluation } from './diagnostics.js';\nimport { assertSupportedChildPosition } from './positioning-diagnostics.js';\nimport { measureElement } from './measure.js';\nimport type { Constraints, LayoutBox } from './types.js';\n\ntype FlowDirection = 'horizontal' | 'vertical';\ntype FlowAlignment = 'start' | 'center' | 'end' | 'stretch';\n\n/**\n * Supported geometry and presentation properties for Flow.\n *\n * @see {@link BoxStyle}\n * @see {@link LayoutItemStyle}\n * @see {@link Flow}\n */\nexport interface FlowStyle extends BoxStyle, LayoutItemStyle {\n  /** Direction in which this operation proceeds. See {@link FlowDirection}. */\n  direction?: FlowDirection;\n  /** Whether content may wrap into additional lines. See {@link FlowStyle}. */\n  wrap?: boolean;\n  /** Spacing between adjacent items. See {@link FlowStyle}. */\n  gap?: number;\n  /** Space between wrapped flow lines. See {@link FlowStyle}. */\n  lineGap?: number;\n  /** Default alignment of children on the cross or block axis. See {@link FlowAlignment}. */\n  alignItems?: FlowAlignment;\n}\n\n/**\n * Authored inputs for Flow, including the declared data and presentation options.\n *\n * @see {@link PibblNodeInput}\n * @see {@link Flow}\n */\nexport interface FlowProps extends PibblStructuralEventProps {\n  /** Descendant content or the callback that supplies it. See {@link PibblNodeInput}. */\n  children: PibblNodeInput;\n}\n\ninterface ResolvedFlowStyle extends SystemStyle {\n  box: ResolvedBoxStyle;\n  overflow: 'visible' | 'clip';\n  direction: FlowDirection;\n  wrap: boolean;\n  gap: number;\n  lineGap: number;\n  alignItems: FlowAlignment;\n}\n\ninterface FlowItem {\n  child: PibblElement<any>;\n  normalized: Readonly<SystemStyle>;\n  width: number;\n  height: number;\n  horizontalPadding: number;\n  verticalPadding: number;\n  alignment: FlowAlignment;\n  receiverToken: object;\n  query?: PreparedQuery;\n}\n\nexport interface FlowMeasurementInput {\n  service: CanvasMeasurementService;\n  measureElement(\n    element: PibblElement<any>,\n    constraints: Readonly<Constraints>,\n  ): MeasureResult;\n}\n\ninterface FlowPlacement {\n  box: LayoutBox;\n  element: PibblElement<any>;\n}\n\nfunction renderFlow(\n  props: FlowProps,\n  style: Readonly<ResolvedFlowStyle>,\n  ctx: RenderingContext2D,\n) {\n  wireStructuralEvents(props);\n  const children = prepareLayoutChildren(props.children, 'Flow');\n  recordLayoutEvaluation();\n  const content = style.box.contentBox;\n  ctx.translate(content.x, content.y);\n  const localContent = Object.freeze({\n    x: 0,\n    y: 0,\n    width: content.width,\n    height: content.height,\n  });\n  const releaseLayout = pushLayoutBox(localContent);\n  GLOBAL_STATE.componentRefs!.onAfterRender = releaseLayout;\n  const service = {\n    measureText(value: string, font: string) {\n      ctx.save();\n      try {\n        ctx.font = font;\n        return ctx.measureText(value);\n      } finally {\n        ctx.restore();\n      }\n    },\n  };\n  const placements = resolveFlowPlacements(\n    localContent,\n    children,\n    style,\n    {\n      service,\n      measureElement: (element, constraints) =>\n        measureElement(element, constraints, service),\n    },\n  );\n  let index = 0;\n  return placeDirectChildren(\n    children,\n    localContent,\n    () => placements[index++],\n    style.overflow,\n  );\n}\n\n/**\n * Describes sequential flow layout for JSX or createElement authoring.\n *\n * @param props - Authored component inputs, supplied through JSX or createElement. See the linked\n * props and style types.\n * @throws When called directly; Pibbl mounts this component through JSX or createElement.\n *\n * @see {@link FlowProps}\n * @see {@link FlowStyle}\n */\nexport const Flow = definePrimitive<\n  FlowProps,\n  FlowStyle,\n  FlowStyle,\n  ResolvedFlowStyle\n>(renderFlow, {\n  childInput: 'structural',\n  resolveStyle: (style, context) => ({\n    box: resolveContainerBox(style, context, 'Flow', 'flow'),\n    overflow: style.overflow ?? 'visible',\n    ...normalizeFlowOptions(style, context.allocation),\n  }),\n  measure: input => measureFlow(input),\n});\n\nexport function layoutFlow(\n  container: Readonly<LayoutBox>,\n  children: PibblNodeInput,\n  style: Readonly<FlowStyle>,\n  measurement: FlowMeasurementInput,\n): LayoutBox[] {\n  const prepared = materializeLayoutChildren(children, 'Flow');\n  return resolveFlowPlacements(container, prepared, style, measurement)\n    .map(placement => placement.box);\n}\n\nfunction resolveFlowPlacements(\n  container: Readonly<LayoutBox>,\n  children: readonly PibblElement<any>[],\n  style: Readonly<FlowStyle>,\n  measurement: FlowMeasurementInput,\n): FlowPlacement[] {\n  assertFiniteContainer(container);\n  const options = normalizeFlowOptions(style, container);\n  const items: FlowItem[] = [];\n  for (const child of children) {\n    const receiverToken = getChildPrimitiveReceiverToken(\n      GLOBAL_STATE.renderTransaction,\n      GLOBAL_STATE.primitiveReceiverToken,\n      items.length,\n    );\n    const prepared = prepareDirectChildStyle(child, receiverToken, container);\n    const normalized = preparedStyleValue(prepared) as Readonly<\n      BoxStyle & LayoutItemStyle\n    >;\n    assertSupportedChildPosition('Flow', child, normalized);\n    const needsWidth = normalized.width === undefined || normalized.width === 'auto';\n    const needsHeight = normalized.height === undefined || normalized.height === 'auto';\n    let measuredWidth: number | undefined;\n    let measuredHeight: number | undefined;\n    if (needsWidth || needsHeight) {\n      const constraints = {\n        minWidth: 0,\n        maxWidth: container.width,\n        minHeight: 0,\n        maxHeight: container.height,\n      };\n      const measurementChild = clonePibblElement(child);\n      setPreNormalizedStyle(\n        measurementChild,\n        normalized,\n        child,\n        receiverToken,\n        preparedStyleQuery(prepared),\n      );\n      const result = measurement.measureElement(measurementChild, constraints);\n      if (result.status === 'unsupported') {\n        const axis = needsWidth ? 'width' : 'height';\n        throw layoutDiagnostic({\n          component: child.type.name || 'Anonymous',\n          property: axis,\n          value: normalized[axis] ?? 'auto',\n          algorithm: 'flow',\n          constraints,\n          reason: `measurement is required but unsupported: ${result.reason}`,\n        });\n      }\n      measuredWidth = result.size.width;\n      measuredHeight = result.size.height;\n    }\n    const resolvedStyle = {\n      ...normalized,\n      width: needsWidth ? measuredWidth : normalized.width,\n      height: needsHeight ? measuredHeight : normalized.height,\n    };\n    const resolved = resolveDirectChildBox(\n      container,\n      child,\n      'flow',\n      resolvedStyle,\n    );\n    const box = resolved.borderBox;\n    items.push({\n      child,\n      normalized: Object.freeze(resolvedStyle),\n      width: box.width,\n      height: box.height,\n      horizontalPadding: box.width - resolved.contentBox.width,\n      verticalPadding: box.height - resolved.contentBox.height,\n      alignment: resolveItemAlignment(\n        normalized.alignSelf,\n        options.alignItems,\n        child,\n        container,\n      ),\n      receiverToken,\n      query: preparedStyleQuery(prepared),\n    });\n  }\n\n  const boxes = arrangeFlowItems(container, items, options);\n  return boxes.map((box, index) => ({\n    box,\n    element: childWithUsedSize(\n      items[index].child,\n      items[index].normalized,\n      Math.max(0, box.width - items[index].horizontalPadding),\n      Math.max(0, box.height - items[index].verticalPadding),\n      items[index].receiverToken,\n      items[index].query,\n    ),\n  }));\n}\n\nfunction measureFlow(\n  input: MeasureInput<FlowProps, FlowStyle>,\n): MeasureResult {\n  const children = prepareLayoutChildren(input.props.children, 'Flow');\n  const widthDefinite = input.style.width !== undefined &&\n    input.style.width !== 'auto';\n  const heightDefinite = input.style.height !== undefined &&\n    input.style.height !== 'auto';\n  const provisional = provisionalFlowBox(input.style, input.constraints);\n  if (widthDefinite && heightDefinite) {\n    return { status: 'measured', size: {\n      width: provisional.content.width,\n      height: provisional.content.height,\n    } };\n  }\n\n  const placements = resolveFlowPlacements(\n    provisional.content,\n    children,\n    input.style,\n    input,\n  );\n  let intrinsicWidth = 0;\n  let intrinsicHeight = 0;\n  for (const placement of placements) {\n    intrinsicWidth = Math.max(\n      intrinsicWidth,\n      placement.box.x - provisional.content.x + placement.box.width,\n    );\n    intrinsicHeight = Math.max(\n      intrinsicHeight,\n      placement.box.y - provisional.content.y + placement.box.height,\n    );\n  }\n  validateMeasuredExtent(intrinsicWidth, 'width', input.constraints);\n  validateMeasuredExtent(intrinsicHeight, 'height', input.constraints);\n  return { status: 'measured', size: {\n    width: widthDefinite ? provisional.content.width : intrinsicWidth,\n    height: heightDefinite ? provisional.content.height : intrinsicHeight,\n  } };\n}\n\nfunction provisionalFlowBox(\n  style: Readonly<FlowStyle>,\n  constraints: Readonly<Constraints>,\n): { border: LayoutBox; content: LayoutBox } {\n  const diagnosticContext = {\n    component: 'Flow',\n    algorithm: 'measurement',\n    constraints,\n  };\n  const padding = normalizeEdges(style.padding, 'padding', diagnosticContext);\n  const width = finiteMeasurementBound(\n    constraints.maxWidth,\n    [style.width, style.minWidth, style.maxWidth],\n    padding.left + padding.right,\n    'width',\n    constraints,\n  );\n  const height = finiteMeasurementBound(\n    constraints.maxHeight,\n    [style.height, style.minHeight, style.maxHeight],\n    padding.top + padding.bottom,\n    'height',\n    constraints,\n  );\n  const box = resolveContainerBox(style, {\n    allocation: { x: 0, y: 0, width, height },\n    percentageBasis: { x: 0, y: 0, width, height },\n    constraints,\n    component: 'Flow',\n    algorithm: 'render-dispatch',\n  }, 'Flow', 'measurement');\n  return { border: box.borderBox, content: box.contentBox };\n}\n\nfunction finiteMeasurementBound(\n  maximum: number,\n  specified: readonly (BoxStyle['width'] | undefined)[],\n  padding: number,\n  property: 'width' | 'height',\n  constraints: Readonly<Constraints>,\n): number {\n  if (Number.isFinite(maximum)) return maximum;\n  const numeric = specified.filter(\n    (value): value is number => typeof value === 'number' && Number.isFinite(value),\n  );\n  if (numeric.length > 0) {\n    const bound = Math.max(...numeric) + padding;\n    if (Number.isFinite(bound)) return bound;\n    throw layoutDiagnostic({\n      component: 'Flow',\n      property,\n      value: bound,\n      algorithm: 'measurement',\n      constraints,\n      reason: 'measurement allocation arithmetic must remain finite',\n    });\n  }\n  const percentage = specified.find(\n    value => typeof value === 'string' && value.endsWith('%'),\n  );\n  if (percentage !== undefined) {\n    throw layoutDiagnostic({\n      component: 'Flow',\n      property,\n      value: percentage,\n      algorithm: 'measurement',\n      constraints,\n      reason: 'requires a definite finite percentage reference',\n    });\n  }\n  return Number.MAX_SAFE_INTEGER;\n}\n\nfunction validateMeasuredExtent(\n  value: number,\n  property: string,\n  constraints: Readonly<Constraints>,\n): void {\n  if (!Number.isFinite(value) || value < 0) {\n    throw layoutDiagnostic({\n      component: 'Flow',\n      property,\n      value,\n      algorithm: 'measurement',\n      constraints,\n      reason: 'intrinsic flow extent must be finite and nonnegative',\n    });\n  }\n}\n\nfunction arrangeFlowItems(\n  container: Readonly<LayoutBox>,\n  items: readonly FlowItem[],\n  options: ReturnType<typeof normalizeFlowOptions>,\n): LayoutBox[] {\n  const horizontal = options.direction === 'horizontal';\n  const mainBound = horizontal ? container.width : container.height;\n  const lines: FlowItem[][] = [];\n  let line: FlowItem[] = [];\n  let occupiedMain = 0;\n  for (const item of items) {\n    const mainSize = horizontal ? item.width : item.height;\n    const nextMain = line.length === 0 ?\n      mainSize :\n      occupiedMain + options.gap + mainSize;\n    if (options.wrap && line.length > 0 && nextMain > mainBound) {\n      lines.push(line);\n      line = [];\n      occupiedMain = 0;\n    }\n    occupiedMain = line.length === 0 ?\n      mainSize :\n      occupiedMain + options.gap + mainSize;\n    line.push(item);\n  }\n  if (line.length > 0) lines.push(line);\n\n  const placements: LayoutBox[] = [];\n  let crossCursor = 0;\n  for (const currentLine of lines) {\n    const lineCross = Math.max(0, ...currentLine.map(item =>\n      horizontal ? item.height : item.width,\n    ));\n    let mainCursor = 0;\n    for (const item of currentLine) {\n      const itemMain = horizontal ? item.width : item.height;\n      const itemCross = horizontal ? item.height : item.width;\n      const crossOffset = alignCross(lineCross, itemCross, item.alignment);\n      const placedCross = item.alignment === 'stretch' ?\n        Math.max(0, lineCross) :\n        itemCross;\n      placements.push(horizontal ? {\n        x: container.x + mainCursor,\n        y: container.y + crossCursor + crossOffset,\n        width: itemMain,\n        height: placedCross,\n      } : {\n        x: container.x + crossCursor + crossOffset,\n        y: container.y + mainCursor,\n        width: placedCross,\n        height: itemMain,\n      });\n      mainCursor += itemMain + options.gap;\n    }\n    crossCursor += lineCross + options.lineGap;\n  }\n  return placements;\n}\n\nfunction normalizeFlowOptions(\n  style: Readonly<FlowStyle>,\n  container: Readonly<LayoutBox>,\n) {\n  const direction = style.direction ?? 'horizontal';\n  if (direction !== 'horizontal' && direction !== 'vertical') {\n    throw optionDiagnostic('direction', direction, container);\n  }\n  if (style.wrap !== undefined && typeof style.wrap !== 'boolean') {\n    throw optionDiagnostic('wrap', style.wrap, container);\n  }\n  const alignItems = style.alignItems ?? 'start';\n  if (\n    alignItems !== 'start' && alignItems !== 'center' &&\n    alignItems !== 'end' && alignItems !== 'stretch'\n  ) {\n    throw optionDiagnostic('alignItems', alignItems, container);\n  }\n  return {\n    direction,\n    wrap: style.wrap ?? false,\n    gap: nonnegativeOption(style.gap ?? 0, 'gap', container),\n    lineGap: nonnegativeOption(style.lineGap ?? 0, 'lineGap', container),\n    alignItems,\n  };\n}\n\nfunction nonnegativeOption(\n  value: number,\n  property: string,\n  container: Readonly<LayoutBox>,\n): number {\n  if (!Number.isFinite(value) || value < 0) {\n    throw optionDiagnostic(property, value, container);\n  }\n  return value;\n}\n\nfunction resolveItemAlignment(\n  value: LayoutItemStyle['alignSelf'],\n  fallback: FlowAlignment,\n  child: PibblElement<any>,\n  container: Readonly<LayoutBox>,\n): FlowAlignment {\n  if (value === undefined || value === 'auto') return fallback;\n  if (value === 'start' || value === 'center' || value === 'end' || value === 'stretch') {\n    return value;\n  }\n  throw layoutDiagnostic({\n    component: child.type.name || 'Anonymous',\n    property: 'alignSelf',\n    value,\n    algorithm: 'flow',\n    constraints: constraintsFor(container),\n    reason: 'uses an unsupported flow alignment value',\n  });\n}\n\nfunction alignCross(\n  lineCross: number,\n  itemCross: number,\n  alignment: FlowAlignment,\n): number {\n  if (alignment === 'center') return (lineCross - itemCross) / 2;\n  if (alignment === 'end') return lineCross - itemCross;\n  return 0;\n}\n\nfunction assertFiniteContainer(container: Readonly<LayoutBox>): void {\n  for (const [property, value] of Object.entries(container)) {\n    if (!Number.isFinite(value) ||\n      ((property === 'width' || property === 'height') && value < 0)) {\n      throw optionDiagnostic(property, value, container);\n    }\n  }\n}\n\nfunction optionDiagnostic(\n  property: string,\n  value: unknown,\n  container: Readonly<LayoutBox>,\n) {\n  return layoutDiagnostic({\n    component: 'Flow',\n    property,\n    value,\n    algorithm: 'flow',\n    constraints: constraintsFor(container),\n    reason: 'uses an unsupported flow value',\n  });\n}\n\nfunction constraintsFor(container: Readonly<LayoutBox>) {\n  return {\n    minWidth: 0,\n    maxWidth: container.width,\n    minHeight: 0,\n    maxHeight: container.height,\n  };\n}\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { withAllocationCheckpoint } from './allocation-checkpoint.js';\nimport { contentBoxStyle } from './box-sizing.js';\nimport { canvasMeasurementService } from './canvas-measurement.js';\nimport { nativeLayout, mountedLayoutRegion, type LayoutRegion, recordWasmAllocationPass, recordWasmAllocationItem, recordWasmAllocationCacheHit } from './wasm/region.js';\nimport { prepareKnownLayoutDescendants, registerKnownLayoutPreflight, claimPreparedLayoutPlan, stagePreparedLayoutPlan, preparePlacedKnownLayout, type PreparedLayoutPlan } from './prepared-root.js';\nimport { getStyleMeasurementMode, preparedStyleValue, preparedStyleQuery, type PreparedQuery } from '../style/responsive.js';\nimport { definePrimitive } from '../define-primitive.js';\nimport { clonePibblElement } from '../element/create-element.js';\nimport { getChildPrimitiveReceiverToken } from '../element/metadata.js';\nimport type { PibblElement } from '../element/types.js';\nimport { GLOBAL_STATE } from '../global-state.js';\nimport { layoutDiagnostic } from '../style/diagnostics.js';\nimport {\n  type PibblStructuralEventProps,\n  wireStructuralEvents,\n} from '../components/structural-events.js';\nimport { normalizeBoxInsets, hasPercentageBoxPadding, resolveAllocatedInsets } from './box-insets.js';\nimport { setPreNormalizedStyle } from '../style/resolve-dispatch.js';\nimport type { BoxStyle, LayoutItemStyle, ResolvedBoxStyle } from '../style/types.js';\nimport type {\n  CanvasMeasurementService,\n  PibblNodeInput,\n  IntrinsicMeasureInput,\n  IntrinsicSizesResult,\n  MeasureInput,\n  MeasureResult,\n  RenderingContext2D,\n  SystemStyle,\n} from '../types.js';\nimport {\n  childWithUsedSize,\n  materializeLayoutChildren,\n  prepareDirectChildStyle,\n  placeDirectChildren,\n  prepareLayoutChildren,\n  resolveContainerBox,\n  resolveDirectChildBox,\n} from './absolute.js';\nimport { pushLayoutBox, resolvePositionedContainingBox } from './context.js';\nimport { recordLayoutEvaluation } from './diagnostics.js';\nimport { assertSupportedChildPosition } from './positioning-diagnostics.js';\nimport { measureElement, measureIntrinsicElement } from './measure.js';\nimport type { Constraints, LayoutBox } from './types.js';\n\ntype FlowDirection = 'horizontal' | 'vertical';\ntype FlowAlignment = 'start' | 'center' | 'end' | 'stretch';\n\n/**\n * Supported geometry and presentation properties for Flow.\n *\n * @see {@link BoxStyle}\n * @see {@link LayoutItemStyle}\n * @see {@link Flow}\n */\nexport interface FlowStyle extends BoxStyle, LayoutItemStyle {\n  /** Direction in which this operation proceeds. See {@link FlowDirection}. */\n  direction?: FlowDirection;\n  /** Whether content may wrap into additional lines. See {@link FlowStyle}. */\n  wrap?: boolean;\n  /** Spacing between adjacent items. See {@link FlowStyle}. */\n  gap?: number;\n  /** Space between wrapped flow lines. See {@link FlowStyle}. */\n  lineGap?: number;\n  /** Default alignment of children on the cross or block axis. See {@link FlowAlignment}. */\n  alignItems?: FlowAlignment;\n}\n\n/**\n * Authored inputs for Flow, including the declared data and presentation options.\n *\n * @see {@link PibblNodeInput}\n * @see {@link Flow}\n */\nexport interface FlowProps extends PibblStructuralEventProps {\n  /** Descendant content or the callback that supplies it. See {@link PibblNodeInput}. */\n  children: PibblNodeInput;\n}\n\n// Parent input is private metadata, not a recursively validated resolved value.\nconst FLOW_CONTAINING_BOX_STYLE = Symbol('pibbl.flow-containing-box-style');\n\ninterface ResolvedFlowStyle extends SystemStyle {\n  box: ResolvedBoxStyle;\n  [FLOW_CONTAINING_BOX_STYLE]: Readonly<FlowStyle>;\n  overflow: 'visible' | 'clip';\n  direction: FlowDirection;\n  wrap: boolean;\n  gap: number;\n  lineGap: number;\n  alignItems: FlowAlignment;\n}\n\ninterface FlowItem {\n  child: PibblElement<any>;\n  normalized: Readonly<SystemStyle>;\n  width: number;\n  height: number;\n  horizontalPadding: number;\n  verticalPadding: number;\n  alignment: FlowAlignment;\n  receiverToken: object;\n  query?: PreparedQuery;\n}\n\nexport interface FlowMeasurementInput {\n  service: CanvasMeasurementService;\n  measureElement(\n    element: PibblElement<any>,\n    constraints: Readonly<Constraints>,\n  ): MeasureResult;\n}\n\ninterface FlowPlacement {\n  usedWidth: number; usedHeight: number;\n  box: LayoutBox;\n  element: PibblElement<any>;\n}\n\nfunction renderFlow(\n  props: FlowProps,\n  style: Readonly<ResolvedFlowStyle>,\n  ctx: RenderingContext2D,\n) {\n  wireStructuralEvents(props);\n  recordLayoutEvaluation();\n  const content = style.box.contentBox;\n  ctx.translate(content.x, content.y);\n  const localContent = Object.freeze({\n    x: 0,\n    y: 0,\n    width: content.width,\n    height: content.height,\n  });\n  const releaseLayout = pushLayoutBox(localContent, {\n    logicalOffset: content,\n    containingBlock: resolvePositionedContainingBox(\n      style[FLOW_CONTAINING_BOX_STYLE],\n      localContent,\n      'Flow',\n    ),\n  });\n  GLOBAL_STATE.componentRefs!.onAfterRender = releaseLayout;\n  const prepared = nativeLayout ? claimPreparedLayoutPlan(GLOBAL_STATE.componentRefs!.element, localContent) : undefined;\n  const nativeRegion = prepared?.region ?? (nativeLayout ? mountedLayoutRegion() : undefined);\n  if (nativeLayout && !nativeRegion) throw new Error('Experimental Flow requires its mounted native region.');\n  const plan = prepared ?? prepareFlowAllocation(props, style, localContent, ctx, nativeRegion);\n  const { children, placements } = plan;\n  let index = 0;\n  return placeDirectChildren(\n    children,\n    localContent,\n    (_child, occurrence) => {\n      const placement = placements[index++];\n      if (nativeLayout && !prepared) preparePlacedKnownLayout(placement.element, occurrence);\n      return placement;\n    },\n    style.overflow,\n  );\n}\n\n/**\n * Describes sequential flow layout for JSX or createElement authoring.\n *\n * @param props - Authored component inputs, supplied through JSX or createElement. See the linked\n * props and style types.\n * @throws When called directly; Pibbl mounts this component through JSX or createElement.\n *\n * @see {@link FlowProps}\n * @see {@link FlowStyle}\n */\nexport const Flow = definePrimitive<\n  FlowProps,\n  FlowStyle,\n  FlowStyle,\n  ResolvedFlowStyle\n>(renderFlow, {\n  childInput: 'structural',\n  resolveStyle: (style, context) => {\n    if (nativeLayout && hasPercentageBoxPadding(style)) {\n      style = resolveAllocatedInsets(style, { width: context.percentageBasis.width,\n        context: { ...context, component: 'Flow', algorithm: 'flow' } });\n    }\n    return {\n      box: resolveContainerBox(style, context, 'Flow', 'flow'),\n      [FLOW_CONTAINING_BOX_STYLE]: style,\n      overflow: style.overflow ?? 'visible',\n      ...normalizeFlowOptions(style, context.allocation),\n    };\n  },\n  measure: input => measureFlow(input),\n  measureIntrinsic: input => measureFlowIntrinsic(input),\n});\n\ninterface IntrinsicFlowItem {\n  readonly child: PibblElement<any>;\n  readonly style: Readonly<BoxStyle & LayoutItemStyle>;\n  readonly receiver: object;\n  readonly query?: PreparedQuery;\n  readonly horizontalInsets: number;\n  readonly verticalInsets: number;\n  readonly minWidth: number;\n  readonly maxWidth: number;\n}\n\n/** Pure paired contributions for a declared Flow sequence. */\nfunction measureFlowIntrinsic(\n  input: IntrinsicMeasureInput<FlowProps, FlowStyle>,\n): IntrinsicSizesResult {\n  const maximumWidth = intrinsicConstraintMaximum(input.constraints.width);\n  const maximumHeight = intrinsicConstraintMaximum(input.constraints.height);\n  const owner = { x: 0, y: 0, width: maximumWidth, height: maximumHeight };\n  const options = normalizeFlowOptions(input.style, owner);\n  const children = materializeLayoutChildren(input.props.children, 'Flow');\n  const items: IntrinsicFlowItem[] = [];\n  let maximumWidthContribution = 0;\n  let minimumWidthContribution = 0;\n\n  for (let index = 0; index < children.length; index++) {\n    const child = children[index]!;\n    const receiver = getChildPrimitiveReceiverToken(\n      GLOBAL_STATE.renderTransaction,\n      GLOBAL_STATE.primitiveReceiverToken,\n      index,\n    );\n    const prepared = prepareDirectChildStyle(child, receiver, owner);\n    let style = preparedStyleValue(prepared) as Readonly<BoxStyle & LayoutItemStyle>;\n    if (hasIntrinsicPercentageCycle(style)) {\n      return { status: 'unsupported', reason: 'Flow intrinsic percentage child sizes require a definite owner allocation' };\n    }\n    if (style.boxSizing !== undefined) {\n      style = contentBoxStyle(style, {\n        width: owner.width,\n        height: owner.height,\n        context: {\n          component: child.type.name || 'Anonymous', algorithm: 'Flow intrinsic measurement',\n          constraints: { minWidth: 0, maxWidth: owner.width, minHeight: 0, maxHeight: owner.height },\n        },\n      });\n    }\n    assertSupportedChildPosition('Flow', child, style);\n    const insets = normalizeBoxInsets(style, {\n      component: child.type.name || 'Anonymous', algorithm: 'Flow intrinsic measurement',\n      constraints: { minWidth: 0, maxWidth: owner.width, minHeight: 0, maxHeight: owner.height },\n    });\n    const horizontalInsets = insets.left + insets.right;\n    const verticalInsets = insets.top + insets.bottom;\n    let minWidth: number;\n    let maxWidth: number;\n    if (typeof style.width === 'number' && typeof style.height === 'number') {\n      minWidth = style.width + horizontalInsets;\n      maxWidth = minWidth;\n    } else {\n      const measuredChild = clonePibblElement(child);\n      setPreNormalizedStyle(measuredChild, style, child, receiver, preparedStyleQuery(prepared));\n      const measured = measureIntrinsicElement(measuredChild, {\n        minWidth: 0, maxWidth: owner.width, minHeight: 0, maxHeight: owner.height,\n      }, input.service);\n      if (measured.status !== 'measured') return measured;\n      minWidth = (typeof style.width === 'number' ? style.width : measured.minContent.width) + horizontalInsets;\n      maxWidth = (typeof style.width === 'number' ? style.width : measured.maxContent.width) + horizontalInsets;\n    }\n    if (!Number.isFinite(minWidth) || !Number.isFinite(maxWidth) || minWidth < 0 || maxWidth < minWidth) {\n      return { status: 'unsupported', reason: 'Flow intrinsic child widths must be finite and ordered' };\n    }\n    items.push({ child, style, receiver, query: preparedStyleQuery(prepared), horizontalInsets, verticalInsets, minWidth, maxWidth });\n    minimumWidthContribution = options.wrap ? Math.max(minimumWidthContribution, minWidth) : minimumWidthContribution + minWidth;\n    maximumWidthContribution += maxWidth;\n  }\n  const gaps = Math.max(0, items.length - 1) * options.gap;\n  if (!options.wrap) minimumWidthContribution += gaps;\n  maximumWidthContribution += gaps;\n  const minimumHeight = measureIntrinsicFlowHeight(items, minimumWidthContribution, false, options, input, owner);\n  if (minimumHeight.status !== 'measured') return minimumHeight;\n  const maximumHeightResult = measureIntrinsicFlowHeight(items, maximumWidthContribution, true, options, input, owner);\n  if (maximumHeightResult.status !== 'measured') return maximumHeightResult;\n  return {\n    status: 'measured',\n    minContent: { width: minimumWidthContribution, height: minimumHeight.height },\n    maxContent: { width: maximumWidthContribution, height: maximumHeightResult.height },\n  };\n}\n\nfunction intrinsicConstraintMaximum(constraint: IntrinsicMeasureInput<FlowProps, FlowStyle>['constraints']['width']): number {\n  return constraint.kind === 'bounded' ? constraint.max : Number.MAX_SAFE_INTEGER;\n}\n\nfunction hasIntrinsicPercentageCycle(style: Readonly<BoxStyle>): boolean {\n  return hasPercentageBoxPadding(style) || isPercentageLength(style.width) || isPercentageLength(style.height) ||\n    isPercentageLength(style.minWidth) || isPercentageLength(style.maxWidth) ||\n    isPercentageLength(style.minHeight) || isPercentageLength(style.maxHeight);\n}\n\nfunction isPercentageLength(value: unknown): boolean {\n  return typeof value === 'string' && value.endsWith('%');\n}\n\nfunction measureIntrinsicFlowHeight(\n  items: readonly IntrinsicFlowItem[],\n  width: number,\n  maximumWidths: boolean,\n  options: ReturnType<typeof normalizeFlowOptions>,\n  input: IntrinsicMeasureInput<FlowProps, FlowStyle>,\n  owner: Readonly<LayoutBox>,\n): Readonly<{ status: 'measured'; height: number }> | Readonly<{ status: 'unsupported'; reason: string }> {\n  const placements: FlowItem[] = [];\n  for (const item of items) {\n    const selectedWidth = maximumWidths ? item.maxWidth : item.minWidth;\n    const contentWidth = Math.max(0, (width === 0 ? 0 : options.wrap ? Math.min(width, selectedWidth) : selectedWidth) - item.horizontalInsets);\n    let contentHeight: number;\n    if (typeof item.style.height === 'number') {\n      contentHeight = item.style.height;\n    } else {\n      const measuredChild = clonePibblElement(item.child);\n      setPreNormalizedStyle(measuredChild, { ...item.style, width: contentWidth } as Readonly<BoxStyle & LayoutItemStyle>, item.child, item.receiver, item.query);\n      const measured = measureElement(measuredChild, {\n        minWidth: contentWidth, maxWidth: contentWidth,\n        minHeight: 0, maxHeight: owner.height,\n      }, input.service);\n      if (measured.status !== 'measured') return measured;\n      contentHeight = measured.size.height;\n    }\n    if (!Number.isFinite(contentHeight) || contentHeight < 0) {\n      return { status: 'unsupported', reason: 'Flow intrinsic child heights must be finite and nonnegative' };\n    }\n    placements.push({\n      child: item.child, normalized: item.style, width: contentWidth + item.horizontalInsets,\n      height: contentHeight + item.verticalInsets, horizontalPadding: item.horizontalInsets,\n      verticalPadding: item.verticalInsets, alignment: options.alignItems, receiverToken: item.receiver,\n      query: item.query,\n    });\n  }\n  const boxes = arrangeFlowItems({ x: 0, y: 0, width, height: owner.height }, placements, options);\n  let height = 0;\n  for (const box of boxes) height = Math.max(height, box.y + box.height);\n  return { status: 'measured', height };\n}\n\nfunction prepareFlowAllocation(props: FlowProps, style: Readonly<FlowStyle>, content: Readonly<LayoutBox>, ctx: RenderingContext2D, region?: LayoutRegion): { children: readonly PibblElement<any>[]; placements: FlowPlacement[] } {\n  const children = prepareLayoutChildren(props.children, 'Flow');\n  const service = canvasMeasurementService(ctx);\n  const placements = withAllocationCheckpoint(region, { children, content, settings: style, onHit: recordWasmAllocationCacheHit, calculate: () => resolveFlowPlacements(content, children, style, { service, measureElement: (child, constraints) => measureElement(child, constraints, service) }, region) });\n  return { children, placements };\n}\nif (nativeLayout) registerKnownLayoutPreflight(Flow, (element, style, content, receiver, slot) => {\n  const previous = GLOBAL_STATE.primitiveReceiverToken;\n  GLOBAL_STATE.primitiveReceiverToken = receiver;\n  const releaseLayout = pushLayoutBox(content, {\n    containingBlock: resolvePositionedContainingBox(\n      style as Readonly<FlowStyle>,\n      content,\n      'Flow',\n    ),\n  });\n  try {\n    const options = normalizeFlowOptions(style as Readonly<FlowStyle>, content);\n    const ctx = GLOBAL_STATE.renderContext;\n    if (!ctx) throw new Error('Known Flow preparation requires a Canvas measurement context.');\n    const region = slot.acquire();\n    const allocation = prepareFlowAllocation(element.props as FlowProps, options, content, ctx, region);\n    const plan: PreparedLayoutPlan = { region, content, ...allocation };\n    prepareKnownLayoutDescendants(plan, slot);\n    stagePreparedLayoutPlan(slot, plan);\n  } finally {\n    releaseLayout();\n    GLOBAL_STATE.primitiveReceiverToken = previous;\n  }\n});\n\nexport function layoutFlow(\n  container: Readonly<LayoutBox>,\n  children: PibblNodeInput,\n  style: Readonly<FlowStyle>,\n  measurement: FlowMeasurementInput,\n): LayoutBox[] {\n  const prepared = materializeLayoutChildren(children, 'Flow');\n  return resolveFlowPlacements(container, prepared, style, measurement)\n    .map(placement => placement.box);\n}\n\nfunction resolveFlowPlacements(\n  container: Readonly<LayoutBox>,\n  children: readonly PibblElement<any>[],\n  style: Readonly<FlowStyle>,\n  measurement: FlowMeasurementInput,\n  nativeRegion?: LayoutRegion,\n): FlowPlacement[] {\n  if (nativeRegion) recordWasmAllocationPass();\n  assertFiniteContainer(container);\n  const options = normalizeFlowOptions(style, container);\n  const items: FlowItem[] = [];\n  for (const child of children) {\n    if (nativeRegion) recordWasmAllocationItem();\n    const receiverToken = getChildPrimitiveReceiverToken(\n      GLOBAL_STATE.renderTransaction,\n      GLOBAL_STATE.primitiveReceiverToken,\n      items.length,\n    );\n    const prepared = prepareDirectChildStyle(child, receiverToken, container);\n    let normalized = preparedStyleValue(prepared) as Readonly<\n      BoxStyle & LayoutItemStyle\n    >;\n    if (nativeLayout && GLOBAL_STATE.currentPibblInstance && getStyleMeasurementMode() === undefined && hasPercentageBoxPadding(normalized)) {\n      normalized = resolveAllocatedInsets(normalized, { width: container.width, context: { component: child.type.name || 'Anonymous', algorithm: 'flow' } });\n    }\n    if (normalized.boxSizing !== undefined) normalized = contentBoxStyle(normalized, { width: container.width, height: container.height, context: { component: child.type.name || 'Anonymous', algorithm: 'flow', constraints: { minWidth: 0, maxWidth: container.width, minHeight: 0, maxHeight: container.height } } });\n    assertSupportedChildPosition('Flow', child, normalized);\n    const needsWidth = normalized.width === undefined || normalized.width === 'auto';\n    const needsHeight = normalized.height === undefined || normalized.height === 'auto';\n    let measuredWidth: number | undefined;\n    let measuredHeight: number | undefined;\n    if (needsWidth || needsHeight) {\n      const constraints = {\n        minWidth: 0,\n        maxWidth: container.width,\n        minHeight: 0,\n        maxHeight: container.height,\n      };\n      const measurementChild = clonePibblElement(child);\n      setPreNormalizedStyle(\n        measurementChild,\n        normalized,\n        child,\n        receiverToken,\n        preparedStyleQuery(prepared),\n      );\n      const result = measurement.measureElement(measurementChild, constraints);\n      if (result.status === 'unsupported') {\n        const axis = needsWidth ? 'width' : 'height';\n        throw layoutDiagnostic({\n          component: child.type.name || 'Anonymous',\n          property: axis,\n          value: normalized[axis] ?? 'auto',\n          algorithm: 'flow',\n          constraints,\n          reason: `measurement is required but unsupported: ${result.reason}`,\n        });\n      }\n      measuredWidth = result.size.width;\n      measuredHeight = result.size.height;\n    }\n    const resolvedStyle = {\n      ...normalized,\n      width: needsWidth ? measuredWidth : normalized.width,\n      height: needsHeight ? measuredHeight : normalized.height,\n    };\n    const resolved = resolveDirectChildBox(\n      container,\n      child,\n      'flow',\n      resolvedStyle,\n      measurement.service,\n      receiverToken,\n    );\n    const box = resolved.borderBox;\n    items.push({\n      child,\n      normalized: Object.freeze(resolvedStyle),\n      width: box.width,\n      height: box.height,\n      horizontalPadding: box.width - resolved.contentBox.width,\n      verticalPadding: box.height - resolved.contentBox.height,\n      alignment: resolveItemAlignment(\n        normalized.alignSelf,\n        options.alignItems,\n        child,\n        container,\n      ),\n      receiverToken,\n      query: preparedStyleQuery(prepared),\n    });\n  }\n\n  const nativeBoxes = nativeRegion?.placeFlow(items, { horizontal: options.direction === 'horizontal', mainBound: options.direction === 'horizontal' ? container.width : container.height, gap: options.gap, lineGap: options.lineGap, wrap: options.wrap });\n  const boxes = nativeBoxes ?? arrangeFlowItems(container, items, options);\n  return boxes.map((box, index) => {\n    const usedWidth = Math.max(0, box.width - items[index].horizontalPadding);\n    const usedHeight = Math.max(0, box.height - items[index].verticalPadding);\n    return {\n      box: nativeBoxes && (container.x !== 0 || container.y !== 0) ? { x: container.x + box.x, y: container.y + box.y, width: box.width, height: box.height } : box,\n      usedWidth, usedHeight,\n      element: childWithUsedSize(items[index].child, items[index].normalized, usedWidth, usedHeight, items[index].receiverToken, items[index].query),\n    };\n  });\n}\n\nfunction measureFlow(\n  input: MeasureInput<FlowProps, FlowStyle>,\n): MeasureResult {\n  const children = prepareLayoutChildren(input.props.children, 'Flow');\n  const widthDefinite = input.style.width !== undefined &&\n    input.style.width !== 'auto';\n  const heightDefinite = input.style.height !== undefined &&\n    input.style.height !== 'auto';\n  const provisional = provisionalFlowBox(input.style, input.constraints);\n  if (widthDefinite && heightDefinite) {\n    return { status: 'measured', size: {\n      width: provisional.content.width,\n      height: provisional.content.height,\n    } };\n  }\n\n  const placements = resolveFlowPlacements(\n    provisional.content,\n    children,\n    input.style,\n    input,\n  );\n  let intrinsicWidth = 0;\n  let intrinsicHeight = 0;\n  for (const placement of placements) {\n    intrinsicWidth = Math.max(\n      intrinsicWidth,\n      placement.box.x - provisional.content.x + placement.box.width,\n    );\n    intrinsicHeight = Math.max(\n      intrinsicHeight,\n      placement.box.y - provisional.content.y + placement.box.height,\n    );\n  }\n  validateMeasuredExtent(intrinsicWidth, 'width', input.constraints);\n  validateMeasuredExtent(intrinsicHeight, 'height', input.constraints);\n  return { status: 'measured', size: {\n    width: widthDefinite ? provisional.content.width : intrinsicWidth,\n    height: heightDefinite ? provisional.content.height : intrinsicHeight,\n  } };\n}\n\nfunction provisionalFlowBox(\n  style: Readonly<FlowStyle>,\n  constraints: Readonly<Constraints>,\n): { border: LayoutBox; content: LayoutBox } {\n  const diagnosticContext = {\n    component: 'Flow',\n    algorithm: 'measurement',\n    constraints,\n  };\n  const padding = normalizeBoxInsets(style, diagnosticContext);\n  const width = finiteMeasurementBound(\n    constraints.maxWidth,\n    [style.width, style.minWidth, style.maxWidth],\n    padding.left + padding.right,\n    'width',\n    constraints,\n  );\n  const height = finiteMeasurementBound(\n    constraints.maxHeight,\n    [style.height, style.minHeight, style.maxHeight],\n    padding.top + padding.bottom,\n    'height',\n    constraints,\n  );\n  const box = resolveContainerBox(style, {\n    allocation: { x: 0, y: 0, width, height },\n    percentageBasis: { x: 0, y: 0, width, height },\n    constraints,\n    component: 'Flow',\n    algorithm: 'render-dispatch',\n  }, 'Flow', 'measurement');\n  return { border: box.borderBox, content: box.contentBox };\n}\n\nfunction finiteMeasurementBound(\n  maximum: number,\n  specified: readonly (BoxStyle['width'] | undefined)[],\n  padding: number,\n  property: 'width' | 'height',\n  constraints: Readonly<Constraints>,\n): number {\n  if (Number.isFinite(maximum)) return maximum;\n  const numeric = specified.filter(\n    (value): value is number => typeof value === 'number' && Number.isFinite(value),\n  );\n  if (numeric.length > 0) {\n    const bound = Math.max(...numeric) + padding;\n    if (Number.isFinite(bound)) return bound;\n    throw layoutDiagnostic({\n      component: 'Flow',\n      property,\n      value: bound,\n      algorithm: 'measurement',\n      constraints,\n      reason: 'measurement allocation arithmetic must remain finite',\n    });\n  }\n  const percentage = specified.find(\n    value => typeof value === 'string' && value.endsWith('%'),\n  );\n  if (percentage !== undefined) {\n    throw layoutDiagnostic({\n      component: 'Flow',\n      property,\n      value: percentage,\n      algorithm: 'measurement',\n      constraints,\n      reason: 'requires a definite finite percentage reference',\n    });\n  }\n  return Number.MAX_SAFE_INTEGER;\n}\n\nfunction validateMeasuredExtent(\n  value: number,\n  property: string,\n  constraints: Readonly<Constraints>,\n): void {\n  if (!Number.isFinite(value) || value < 0) {\n    throw layoutDiagnostic({\n      component: 'Flow',\n      property,\n      value,\n      algorithm: 'measurement',\n      constraints,\n      reason: 'intrinsic flow extent must be finite and nonnegative',\n    });\n  }\n}\n\nfunction arrangeFlowItems(\n  container: Readonly<LayoutBox>,\n  items: readonly FlowItem[],\n  options: ReturnType<typeof normalizeFlowOptions>,\n): LayoutBox[] {\n  const horizontal = options.direction === 'horizontal';\n  const mainBound = horizontal ? container.width : container.height;\n  const lines: FlowItem[][] = [];\n  let line: FlowItem[] = [];\n  let occupiedMain = 0;\n  for (const item of items) {\n    const mainSize = horizontal ? item.width : item.height;\n    const nextMain = line.length === 0 ?\n      mainSize :\n      occupiedMain + options.gap + mainSize;\n    if (options.wrap && line.length > 0 && nextMain > mainBound) {\n      lines.push(line);\n      line = [];\n      occupiedMain = 0;\n    }\n    occupiedMain = line.length === 0 ?\n      mainSize :\n      occupiedMain + options.gap + mainSize;\n    line.push(item);\n  }\n  if (line.length > 0) lines.push(line);\n\n  const placements: LayoutBox[] = [];\n  let crossCursor = 0;\n  for (const currentLine of lines) {\n    const lineCross = Math.max(0, ...currentLine.map(item =>\n      horizontal ? item.height : item.width,\n    ));\n    let mainCursor = 0;\n    for (const item of currentLine) {\n      const itemMain = horizontal ? item.width : item.height;\n      const itemCross = horizontal ? item.height : item.width;\n      const crossOffset = alignCross(lineCross, itemCross, item.alignment);\n      const placedCross = item.alignment === 'stretch' ?\n        Math.max(0, lineCross) :\n        itemCross;\n      placements.push(horizontal ? {\n        x: container.x + mainCursor,\n        y: container.y + crossCursor + crossOffset,\n        width: itemMain,\n        height: placedCross,\n      } : {\n        x: container.x + crossCursor + crossOffset,\n        y: container.y + mainCursor,\n        width: placedCross,\n        height: itemMain,\n      });\n      mainCursor += itemMain + options.gap;\n    }\n    crossCursor += lineCross + options.lineGap;\n  }\n  return placements;\n}\n\nfunction normalizeFlowOptions(\n  style: Readonly<FlowStyle>,\n  container: Readonly<LayoutBox>,\n) {\n  const direction = style.direction ?? 'horizontal';\n  if (direction !== 'horizontal' && direction !== 'vertical') {\n    throw optionDiagnostic('direction', direction, container);\n  }\n  if (style.wrap !== undefined && typeof style.wrap !== 'boolean') {\n    throw optionDiagnostic('wrap', style.wrap, container);\n  }\n  const alignItems = style.alignItems ?? 'start';\n  if (\n    alignItems !== 'start' && alignItems !== 'center' &&\n    alignItems !== 'end' && alignItems !== 'stretch'\n  ) {\n    throw optionDiagnostic('alignItems', alignItems, container);\n  }\n  return {\n    direction,\n    wrap: style.wrap ?? false,\n    gap: nonnegativeOption(style.gap ?? 0, 'gap', container),\n    lineGap: nonnegativeOption(style.lineGap ?? 0, 'lineGap', container),\n    alignItems,\n  };\n}\n\nfunction nonnegativeOption(\n  value: number,\n  property: string,\n  container: Readonly<LayoutBox>,\n): number {\n  if (!Number.isFinite(value) || value < 0) {\n    throw optionDiagnostic(property, value, container);\n  }\n  return value;\n}\n\nfunction resolveItemAlignment(\n  value: LayoutItemStyle['alignSelf'],\n  fallback: FlowAlignment,\n  child: PibblElement<any>,\n  container: Readonly<LayoutBox>,\n): FlowAlignment {\n  if (value === undefined || value === 'auto') return fallback;\n  if (value === 'start' || value === 'center' || value === 'end' || value === 'stretch') {\n    return value;\n  }\n  throw layoutDiagnostic({\n    component: child.type.name || 'Anonymous',\n    property: 'alignSelf',\n    value,\n    algorithm: 'flow',\n    constraints: constraintsFor(container),\n    reason: 'uses an unsupported flow alignment value',\n  });\n}\n\nfunction alignCross(\n  lineCross: number,\n  itemCross: number,\n  alignment: FlowAlignment,\n): number {\n  if (alignment === 'center') return (lineCross - itemCross) / 2;\n  if (alignment === 'end') return lineCross - itemCross;\n  return 0;\n}\n\nfunction assertFiniteContainer(container: Readonly<LayoutBox>): void {\n  for (const [property, value] of Object.entries(container)) {\n    if (!Number.isFinite(value) ||\n      ((property === 'width' || property === 'height') && value < 0)) {\n      throw optionDiagnostic(property, value, container);\n    }\n  }\n}\n\nfunction optionDiagnostic(\n  property: string,\n  value: unknown,\n  container: Readonly<LayoutBox>,\n) {\n  return layoutDiagnostic({\n    component: 'Flow',\n    property,\n    value,\n    algorithm: 'flow',\n    constraints: constraintsFor(container),\n    reason: 'uses an unsupported flow value',\n  });\n}\n\nfunction constraintsFor(container: Readonly<LayoutBox>) {\n  return {\n    minWidth: 0,\n    maxWidth: container.width,\n    minHeight: 0,\n    maxHeight: container.height,\n  };\n}\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/lib/layout/geometry-publication.d.ts

@@ -0,0 +1,53 @@
+import type { HtmlFocusRegion } from '../focus/html-focus-region.js';
+import type { PibblEventTargetRegistration } from '../events/registrations.js';
+import type { LayoutBox } from './types.js';
+import { type PibblPaintEntry } from '../events/paint-entry.js';
+import type { PibblComponentRefs, PibblInstance, PibblRenderTransaction } from '../types.js';
+interface GeometryBox {
+    readonly nodeId: number;
+    readonly width: number;
+    readonly height: number;
+    readonly x: number;
+    readonly y: number;
+}
+interface GeometryChange {
+    readonly previous: GeometryBox | undefined;
+    readonly current: GeometryBox | undefined;
+}
+interface GeometrySnapshot {
+    readonly generation: number;
+    readonly boxes: readonly GeometryBox[];
+    readonly changed: readonly GeometryChange[];
+}
+/** Internal immutable receipt; it never establishes a reactive geometry-to-style edge. */
+export declare function snapshotLayoutGeometry(instance: PibblInstance): GeometrySnapshot;
+/** Start one instance's staged geometry, preserving clean managed Layer receipts. */
+export declare function beginLayoutGeometry(instance: PibblInstance, transaction: PibblRenderTransaction): void;
+/** Record the final logical allocation and accumulated layout origin for this generation. */
+export declare function stageLayoutGeometry(component: PibblComponentRefs<any>): void;
+/** Input reads the last successful geometry, never the mutable paint preparation ledger. */
+export declare function committedLayoutPaintEntries(instance: PibblInstance): readonly PibblPaintEntry[] | undefined;
+/** Composes only committed parent bridges, including clean managed Layers. */
+export declare function committedInstanceRootTransform(instance: PibblInstance): DOMMatrix | undefined;
+/** Released registrations cannot be retained by either committed or prepared geometry. */
+export declare function releaseLayoutTargetGeometry(target: PibblEventTargetRegistration): void;
+/** Returns a published target rectangle, including an intentional absent rectangle. */
+export declare function committedLayoutTargetBounds(target: PibblEventTargetRegistration): ReadonlyMap<PibblEventTargetRegistration, Readonly<LayoutBox> | undefined> | undefined;
+interface PreparedHtmlGeometry {
+    readonly active: boolean;
+    readonly bounds: Readonly<LayoutBox>;
+}
+/** HTML and focus preflight share one candidate, without mutating the live region. */
+export declare function stageLayoutHtmlGeometry(transaction: PibblRenderTransaction, region: HtmlFocusRegion, geometry: PreparedHtmlGeometry): void;
+export declare function preparedLayoutHtmlGeometry(transaction: PibblRenderTransaction, region: HtmlFocusRegion): PreparedHtmlGeometry | undefined;
+interface PreparedTargetGeometry {
+    readonly bounds: Readonly<LayoutBox> | undefined;
+    readonly transform: DOMMatrix;
+}
+/** Excludes retiring registrations from the candidate without touching committed ownership. */
+export declare function stageLayoutTargetRetirement(transaction: PibblRenderTransaction, target: PibblEventTargetRegistration): void;
+/** External renderer targets join geometry preparation without changing live registrations. */
+export declare function stageLayoutTargetGeometry(transaction: PibblRenderTransaction, target: PibblEventTargetRegistration, geometry: PreparedTargetGeometry): void;
+/** The shared preflight result used by both the receipt and focus candidates. */
+export declare function preparedLayoutTargetBounds(transaction: PibblRenderTransaction, target: PibblEventTargetRegistration): Readonly<LayoutBox> | undefined;
+export {};