@number10/jsx-core 5.0.0

package/dist/layout/strategies/column-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"column-layout.js","sources":["../../../src/layout/strategies/column-layout.ts"],"sourcesContent":["/**\n * Column layout strategy (vertical stacking)\n * Like SwiftUI's VStack\n */\nimport type { LayoutChild, LayoutContext, LayoutLine, Position } from '../types'\nimport type { ContentMetrics } from '../utils/dimension-calculator'\nimport { parseSize, resolveSize } from '../utils/size-resolver'\nimport { calculateAlignItems } from '../utils/spacing-calculator'\nimport { BaseLayoutStrategy } from './base-strategy'\n\n/**\n * Column layout strategy - stacks children vertically\n */\nexport class ColumnLayoutStrategy extends BaseLayoutStrategy {\n  /**\n   * Calculate content dimensions for column layout\n   * For flex children, uses a minimum default size to avoid chicken-egg sizing issues\n   * @param children - Array of layout children\n   * @param context - Layout context\n   * @returns Content metrics\n   */\n  calculateMetrics(children: LayoutChild[], _context: LayoutContext): ContentMetrics {\n    const FLEX_CHILD_MIN_SIZE = 100 // Minimum size for flex children in content calculation\n    let maxWidth = 0\n    let totalMainSize = 0\n\n    for (const child of children) {\n      const total = this.getTotalChildSize(child)\n      maxWidth = Math.max(maxWidth, total.width)\n\n      // Check if this child participates in flexbox (flex, flexShrink, or flexBasis)\n      const props = child.child.__layoutProps\n      const isFlexItem =\n        (props?.flex !== undefined && props.flex > 0) ||\n        props?.flexShrink !== undefined ||\n        props?.flexBasis !== undefined\n      // If flex child already has a resolved size (> 10), use it; otherwise use minimum\n      const childHeight = isFlexItem && child.size.height <= 10 ? FLEX_CHILD_MIN_SIZE : total.height\n\n      totalMainSize += childHeight\n    }\n\n    return {\n      maxWidth,\n      maxHeight: 0, // Not used for column\n      totalMainSize,\n    }\n  }\n\n  /**\n   * Position a child in column layout\n   * @param child - Layout child\n   * @param _index - Child index (unused for column layout)\n   * @param context - Layout context\n   * @param currentMain - Current Y position\n   * @returns Position and next main axis value\n   */\n  positionChild(\n    child: LayoutChild,\n    _index: number,\n    context: LayoutContext,\n    currentMain: number\n  ): { position: Position; nextMain: number } {\n    const margin = this.getMarginValues(child)\n    const isHeadless = child.child.__layoutProps?.headless\n\n    let x: number\n    let y: number\n    let nextMain: number\n\n    if (isHeadless) {\n      // Headless: calculate position directly using alignItems/justifyContent on full parent size\n      const parentWidth = context.parentSize?.width ?? context.contentArea.width\n      const parentHeight = context.parentSize?.height ?? context.contentArea.height\n\n      // justifyContent on main axis (vertical) - manual calculation\n      const justify = context.containerProps.justifyContent ?? 'start'\n      let mainAxisOffset = 0\n      if (justify === 'center') {\n        mainAxisOffset = (parentHeight - child.size.height) / 2\n      } else if (justify === 'end') {\n        mainAxisOffset = parentHeight - child.size.height\n      }\n      // start and space-* variants use 0 for single item\n      y = mainAxisOffset\n\n      // alignItems on cross axis (horizontal)\n      const crossAxisOffset = calculateAlignItems(\n        context.containerProps.alignItems,\n        parentWidth,\n        child.size.width,\n        0,\n        0\n      )\n      x = crossAxisOffset\n\n      // Don't advance currentMain for headless (they don't participate in flow)\n      nextMain = currentMain\n    } else {\n      // Normal: use container padding and contentArea\n      currentMain += margin.top\n      y = context.padding.top + currentMain\n\n      const alignOffset = calculateAlignItems(\n        context.containerProps.alignItems,\n        context.contentArea.width,\n        child.size.width,\n        margin.left,\n        margin.right\n      )\n      x = context.padding.left + alignOffset\n\n      nextMain = currentMain + child.size.height + margin.bottom\n    }\n\n    return {\n      position: { x, y },\n      nextMain,\n    }\n  }\n\n  /**\n   * Wrap children into lines based on available height\n   * Used when flexWrap is 'wrap' or 'wrap-reverse'\n   * @param children - Layout children to wrap\n   * @param availableHeight - Available height for each line\n   * @param gap - Gap between children\n   * @returns Array of layout lines\n   */\n  wrapChildren(children: LayoutChild[], availableHeight: number, gap: number): LayoutLine[] {\n    const lines: LayoutLine[] = []\n    let currentLine: LayoutChild[] = []\n    let currentLineHeight = 0\n    let currentLineWidth = 0\n\n    for (const child of children) {\n      // Skip headless children in wrapping calculation\n      if (child.child.__layoutProps?.headless) {\n        continue\n      }\n\n      const margin = this.getMarginValues(child)\n      const props = child.child.__layoutProps\n\n      // For flex items with no size, use flexBasis or minHeight as hint for wrapping\n      let effectiveHeight = child.size.height\n      if (effectiveHeight <= 0 && props) {\n        if (props.flexBasis !== undefined && typeof props.flexBasis === 'number') {\n          effectiveHeight = props.flexBasis\n        } else if (props.minHeight !== undefined) {\n          // Resolve minHeight SizeValue to number\n          const parsed = parseSize(props.minHeight)\n          effectiveHeight = resolveSize(parsed, availableHeight, 100, undefined)\n        } else if (props.flex && props.flex > 0) {\n          // Use a reasonable default for flex items with no size hint\n          effectiveHeight = 100\n        }\n      }\n\n      const childHeight = effectiveHeight + margin.top + margin.bottom\n      const childWidth = child.size.width + margin.left + margin.right\n\n      const gapSpace = currentLine.length > 0 ? gap : 0\n      const requiredSpace = currentLineHeight + childHeight + gapSpace\n\n      // Check if we need to wrap to a new line (column)\n      if (requiredSpace > availableHeight && currentLine.length > 0) {\n        // Save current line\n        lines.push({\n          children: currentLine,\n          mainAxisSize: currentLineHeight,\n          crossAxisSize: currentLineWidth,\n        })\n\n        // Start new line\n        currentLine = [child]\n        currentLineHeight = childHeight\n        currentLineWidth = childWidth\n      } else {\n        // Add to current line\n        currentLine.push(child)\n        currentLineHeight = requiredSpace\n        currentLineWidth = Math.max(currentLineWidth, childWidth)\n      }\n    }\n\n    // Add remaining line\n    if (currentLine.length > 0) {\n      lines.push({\n        children: currentLine,\n        mainAxisSize: currentLineHeight,\n        crossAxisSize: currentLineWidth,\n      })\n    }\n\n    return lines\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/layout/strategies/row-layout.cjs

@@ -0,0 +1,145 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const sizeResolver = require("../utils/size-resolver.cjs");
+const spacingCalculator = require("../utils/spacing-calculator.cjs");
+const baseStrategy = require("./base-strategy.cjs");
+class RowLayoutStrategy extends baseStrategy.BaseLayoutStrategy {
+  /**
+   * Calculate content dimensions for row layout
+   * For flex children, uses a minimum default size to avoid chicken-egg sizing issues
+   * @param children - Array of layout children
+   * @param context - Layout context
+   * @returns Content metrics
+   */
+  calculateMetrics(children, _context) {
+    const FLEX_CHILD_MIN_SIZE = 100;
+    let maxHeight = 0;
+    let totalMainSize = 0;
+    for (const child of children) {
+      const total = this.getTotalChildSize(child);
+      maxHeight = Math.max(maxHeight, total.height);
+      const props = child.child.__layoutProps;
+      const isFlexItem = props?.flex !== void 0 && props.flex > 0 || props?.flexShrink !== void 0 || props?.flexBasis !== void 0;
+      const childWidth = isFlexItem && child.size.width <= 10 ? FLEX_CHILD_MIN_SIZE : total.width;
+      totalMainSize += childWidth;
+    }
+    return {
+      maxWidth: 0,
+      // Not used for row
+      maxHeight,
+      totalMainSize
+    };
+  }
+  /**
+   * Position a child in row layout
+   * @param child - Layout child
+   * @param _index - Child index (unused for row layout)
+   * @param context - Layout context
+   * @param currentMain - Current X position
+   * @returns Position and next main axis value
+   */
+  positionChild(child, _index, context, currentMain) {
+    const margin = this.getMarginValues(child);
+    const isHeadless = child.child.__layoutProps?.headless;
+    let x;
+    let y;
+    let nextMain;
+    if (isHeadless) {
+      const parentWidth = context.parentSize?.width ?? context.contentArea.width;
+      const parentHeight = context.parentSize?.height ?? context.contentArea.height;
+      const justify = context.containerProps.justifyContent ?? "start";
+      let mainAxisOffset = 0;
+      if (justify === "center") {
+        mainAxisOffset = (parentWidth - child.size.width) / 2;
+      } else if (justify === "end") {
+        mainAxisOffset = parentWidth - child.size.width;
+      }
+      x = mainAxisOffset;
+      const crossAxisOffset = spacingCalculator.calculateAlignItems(
+        context.containerProps.alignItems,
+        parentHeight,
+        child.size.height,
+        0,
+        0
+      );
+      y = crossAxisOffset;
+      nextMain = currentMain;
+    } else {
+      currentMain += margin.left;
+      x = context.padding.left + currentMain;
+      const alignOffset = spacingCalculator.calculateAlignItems(
+        context.containerProps.alignItems,
+        context.contentArea.height,
+        child.size.height,
+        margin.top,
+        margin.bottom
+      );
+      y = context.padding.top + alignOffset;
+      nextMain = currentMain + child.size.width + margin.right;
+    }
+    return {
+      position: { x, y },
+      nextMain
+    };
+  }
+  /**
+   * Wrap children into lines based on available width
+   * Used when flexWrap is 'wrap' or 'wrap-reverse'
+   * @param children - Layout children to wrap
+   * @param availableWidth - Available width for each line
+   * @param gap - Gap between children
+   * @returns Array of layout lines
+   */
+  wrapChildren(children, availableWidth, gap) {
+    const lines = [];
+    let currentLine = [];
+    let currentLineWidth = 0;
+    let currentLineHeight = 0;
+    for (const child of children) {
+      if (child.child.__layoutProps?.headless) {
+        continue;
+      }
+      const margin = this.getMarginValues(child);
+      const props = child.child.__layoutProps;
+      let effectiveWidth = child.size.width;
+      if (effectiveWidth <= 0 && props) {
+        if (props.flexBasis !== void 0 && typeof props.flexBasis === "number") {
+          effectiveWidth = props.flexBasis;
+        } else if (props.minWidth !== void 0) {
+          const parsed = sizeResolver.parseSize(props.minWidth);
+          effectiveWidth = sizeResolver.resolveSize(parsed, availableWidth, 100, void 0);
+        } else if (props.flex && props.flex > 0) {
+          effectiveWidth = 100;
+        }
+      }
+      const childWidth = effectiveWidth + margin.left + margin.right;
+      const childHeight = child.size.height + margin.top + margin.bottom;
+      const gapSpace = currentLine.length > 0 ? gap : 0;
+      const requiredSpace = currentLineWidth + childWidth + gapSpace;
+      if (requiredSpace > availableWidth && currentLine.length > 0) {
+        lines.push({
+          children: currentLine,
+          mainAxisSize: currentLineWidth,
+          crossAxisSize: currentLineHeight
+        });
+        currentLine = [child];
+        currentLineWidth = childWidth;
+        currentLineHeight = childHeight;
+      } else {
+        currentLine.push(child);
+        currentLineWidth = requiredSpace;
+        currentLineHeight = Math.max(currentLineHeight, childHeight);
+      }
+    }
+    if (currentLine.length > 0) {
+      lines.push({
+        children: currentLine,
+        mainAxisSize: currentLineWidth,
+        crossAxisSize: currentLineHeight
+      });
+    }
+    return lines;
+  }
+}
+exports.RowLayoutStrategy = RowLayoutStrategy;
+//# sourceMappingURL=row-layout.cjs.map

package/dist/layout/strategies/row-layout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"row-layout.cjs","sources":["../../../src/layout/strategies/row-layout.ts"],"sourcesContent":["/**\n * Row layout strategy (horizontal stacking)\n * Like SwiftUI's HStack\n */\nimport type { LayoutChild, LayoutContext, LayoutLine, Position } from '../types'\nimport type { ContentMetrics } from '../utils/dimension-calculator'\nimport { parseSize, resolveSize } from '../utils/size-resolver'\nimport { calculateAlignItems } from '../utils/spacing-calculator'\nimport { BaseLayoutStrategy } from './base-strategy'\n\n/**\n * Row layout strategy - stacks children horizontally\n */\nexport class RowLayoutStrategy extends BaseLayoutStrategy {\n  /**\n   * Calculate content dimensions for row layout\n   * For flex children, uses a minimum default size to avoid chicken-egg sizing issues\n   * @param children - Array of layout children\n   * @param context - Layout context\n   * @returns Content metrics\n   */\n  calculateMetrics(children: LayoutChild[], _context: LayoutContext): ContentMetrics {\n    const FLEX_CHILD_MIN_SIZE = 100 // Minimum size for flex children in content calculation\n    let maxHeight = 0\n    let totalMainSize = 0\n\n    for (const child of children) {\n      const total = this.getTotalChildSize(child)\n      maxHeight = Math.max(maxHeight, total.height)\n\n      // Check if this child participates in flexbox (flex, flexShrink, or flexBasis)\n      const props = child.child.__layoutProps\n      const isFlexItem =\n        (props?.flex !== undefined && props.flex > 0) ||\n        props?.flexShrink !== undefined ||\n        props?.flexBasis !== undefined\n      // If flex child already has a resolved size (> 10), use it; otherwise use minimum\n      const childWidth = isFlexItem && child.size.width <= 10 ? FLEX_CHILD_MIN_SIZE : total.width\n\n      totalMainSize += childWidth\n    }\n\n    return {\n      maxWidth: 0, // Not used for row\n      maxHeight,\n      totalMainSize,\n    }\n  }\n\n  /**\n   * Position a child in row layout\n   * @param child - Layout child\n   * @param _index - Child index (unused for row layout)\n   * @param context - Layout context\n   * @param currentMain - Current X position\n   * @returns Position and next main axis value\n   */\n  positionChild(\n    child: LayoutChild,\n    _index: number,\n    context: LayoutContext,\n    currentMain: number\n  ): { position: Position; nextMain: number } {\n    const margin = this.getMarginValues(child)\n    const isHeadless = child.child.__layoutProps?.headless\n\n    let x: number\n    let y: number\n    let nextMain: number\n\n    if (isHeadless) {\n      // Headless: calculate position directly using alignItems/justifyContent on full parent size\n      const parentWidth = context.parentSize?.width ?? context.contentArea.width\n      const parentHeight = context.parentSize?.height ?? context.contentArea.height\n\n      // justifyContent on main axis (horizontal)\n      const justify = context.containerProps.justifyContent ?? 'start'\n      let mainAxisOffset = 0\n      if (justify === 'center') {\n        mainAxisOffset = (parentWidth - child.size.width) / 2\n      } else if (justify === 'end') {\n        mainAxisOffset = parentWidth - child.size.width\n      }\n      x = mainAxisOffset\n\n      // alignItems on cross axis (vertical)\n      const crossAxisOffset = calculateAlignItems(\n        context.containerProps.alignItems,\n        parentHeight,\n        child.size.height,\n        0,\n        0\n      )\n      y = crossAxisOffset\n\n      // Don't advance currentMain for headless\n      nextMain = currentMain\n    } else {\n      // Normal: use container padding and contentArea\n      currentMain += margin.left\n      x = context.padding.left + currentMain\n\n      const alignOffset = calculateAlignItems(\n        context.containerProps.alignItems,\n        context.contentArea.height,\n        child.size.height,\n        margin.top,\n        margin.bottom\n      )\n      y = context.padding.top + alignOffset\n\n      nextMain = currentMain + child.size.width + margin.right\n    }\n\n    return {\n      position: { x, y },\n      nextMain,\n    }\n  }\n\n  /**\n   * Wrap children into lines based on available width\n   * Used when flexWrap is 'wrap' or 'wrap-reverse'\n   * @param children - Layout children to wrap\n   * @param availableWidth - Available width for each line\n   * @param gap - Gap between children\n   * @returns Array of layout lines\n   */\n  wrapChildren(children: LayoutChild[], availableWidth: number, gap: number): LayoutLine[] {\n    const lines: LayoutLine[] = []\n    let currentLine: LayoutChild[] = []\n    let currentLineWidth = 0\n    let currentLineHeight = 0\n\n    for (const child of children) {\n      // Skip headless children in wrapping calculation\n      if (child.child.__layoutProps?.headless) {\n        continue\n      }\n\n      const margin = this.getMarginValues(child)\n      const props = child.child.__layoutProps\n\n      // For flex items with no size, use flexBasis or minWidth as hint for wrapping\n      let effectiveWidth = child.size.width\n      if (effectiveWidth <= 0 && props) {\n        if (props.flexBasis !== undefined && typeof props.flexBasis === 'number') {\n          effectiveWidth = props.flexBasis\n        } else if (props.minWidth !== undefined) {\n          // Resolve minWidth SizeValue to number\n          const parsed = parseSize(props.minWidth)\n          effectiveWidth = resolveSize(parsed, availableWidth, 100, undefined)\n        } else if (props.flex && props.flex > 0) {\n          // Use a reasonable default for flex items with no size hint\n          effectiveWidth = 100\n        }\n      }\n\n      const childWidth = effectiveWidth + margin.left + margin.right\n      const childHeight = child.size.height + margin.top + margin.bottom\n\n      const gapSpace = currentLine.length > 0 ? gap : 0\n      const requiredSpace = currentLineWidth + childWidth + gapSpace\n\n      // Check if we need to wrap to a new line\n      if (requiredSpace > availableWidth && currentLine.length > 0) {\n        // Save current line\n        lines.push({\n          children: currentLine,\n          mainAxisSize: currentLineWidth,\n          crossAxisSize: currentLineHeight,\n        })\n\n        // Start new line\n        currentLine = [child]\n        currentLineWidth = childWidth\n        currentLineHeight = childHeight\n      } else {\n        // Add to current line\n        currentLine.push(child)\n        currentLineWidth = requiredSpace\n        currentLineHeight = Math.max(currentLineHeight, childHeight)\n      }\n    }\n\n    // Add remaining line\n    if (currentLine.length > 0) {\n      lines.push({\n        children: currentLine,\n        mainAxisSize: currentLineWidth,\n        crossAxisSize: currentLineHeight,\n      })\n    }\n\n    return lines\n  }\n}\n"],"names":["BaseLayoutStrategy","calculateAlignItems","parseSize","resolveSize"],"mappings":"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"}

package/dist/layout/strategies/row-layout.d.ts

@@ -0,0 +1,38 @@
+import { LayoutChild, LayoutContext, LayoutLine, Position } from '../types';
+import { ContentMetrics } from '../utils/dimension-calculator';
+import { BaseLayoutStrategy } from './base-strategy';
+/**
+ * Row layout strategy - stacks children horizontally
+ */
+export declare class RowLayoutStrategy extends BaseLayoutStrategy {
+    /**
+     * Calculate content dimensions for row layout
+     * For flex children, uses a minimum default size to avoid chicken-egg sizing issues
+     * @param children - Array of layout children
+     * @param context - Layout context
+     * @returns Content metrics
+     */
+    calculateMetrics(children: LayoutChild[], _context: LayoutContext): ContentMetrics;
+    /**
+     * Position a child in row layout
+     * @param child - Layout child
+     * @param _index - Child index (unused for row layout)
+     * @param context - Layout context
+     * @param currentMain - Current X position
+     * @returns Position and next main axis value
+     */
+    positionChild(child: LayoutChild, _index: number, context: LayoutContext, currentMain: number): {
+        position: Position;
+        nextMain: number;
+    };
+    /**
+     * Wrap children into lines based on available width
+     * Used when flexWrap is 'wrap' or 'wrap-reverse'
+     * @param children - Layout children to wrap
+     * @param availableWidth - Available width for each line
+     * @param gap - Gap between children
+     * @returns Array of layout lines
+     */
+    wrapChildren(children: LayoutChild[], availableWidth: number, gap: number): LayoutLine[];
+}
+//# sourceMappingURL=row-layout.d.ts.map

package/dist/layout/strategies/row-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"row-layout.d.ts","sourceRoot":"","sources":["../../../src/layout/strategies/row-layout.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AAChF,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AAGnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAEpD;;GAEG;AACH,qBAAa,iBAAkB,SAAQ,kBAAkB;IACvD;;;;;;OAMG;IACH,gBAAgB,CAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,QAAQ,EAAE,aAAa,GAAG,cAAc;IA4BlF;;;;;;;OAOG;IACH,aAAa,CACX,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,aAAa,EACtB,WAAW,EAAE,MAAM,GAClB;QAAE,QAAQ,EAAE,QAAQ,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE;IA0D3C;;;;;;;OAOG;IACH,YAAY,CAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,cAAc,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,UAAU,EAAE;CAoEzF"}

package/dist/layout/strategies/row-layout.js

@@ -0,0 +1,145 @@
+import { parseSize, resolveSize } from "../utils/size-resolver.js";
+import { calculateAlignItems } from "../utils/spacing-calculator.js";
+import { BaseLayoutStrategy } from "./base-strategy.js";
+class RowLayoutStrategy extends BaseLayoutStrategy {
+  /**
+   * Calculate content dimensions for row layout
+   * For flex children, uses a minimum default size to avoid chicken-egg sizing issues
+   * @param children - Array of layout children
+   * @param context - Layout context
+   * @returns Content metrics
+   */
+  calculateMetrics(children, _context) {
+    const FLEX_CHILD_MIN_SIZE = 100;
+    let maxHeight = 0;
+    let totalMainSize = 0;
+    for (const child of children) {
+      const total = this.getTotalChildSize(child);
+      maxHeight = Math.max(maxHeight, total.height);
+      const props = child.child.__layoutProps;
+      const isFlexItem = props?.flex !== void 0 && props.flex > 0 || props?.flexShrink !== void 0 || props?.flexBasis !== void 0;
+      const childWidth = isFlexItem && child.size.width <= 10 ? FLEX_CHILD_MIN_SIZE : total.width;
+      totalMainSize += childWidth;
+    }
+    return {
+      maxWidth: 0,
+      // Not used for row
+      maxHeight,
+      totalMainSize
+    };
+  }
+  /**
+   * Position a child in row layout
+   * @param child - Layout child
+   * @param _index - Child index (unused for row layout)
+   * @param context - Layout context
+   * @param currentMain - Current X position
+   * @returns Position and next main axis value
+   */
+  positionChild(child, _index, context, currentMain) {
+    const margin = this.getMarginValues(child);
+    const isHeadless = child.child.__layoutProps?.headless;
+    let x;
+    let y;
+    let nextMain;
+    if (isHeadless) {
+      const parentWidth = context.parentSize?.width ?? context.contentArea.width;
+      const parentHeight = context.parentSize?.height ?? context.contentArea.height;
+      const justify = context.containerProps.justifyContent ?? "start";
+      let mainAxisOffset = 0;
+      if (justify === "center") {
+        mainAxisOffset = (parentWidth - child.size.width) / 2;
+      } else if (justify === "end") {
+        mainAxisOffset = parentWidth - child.size.width;
+      }
+      x = mainAxisOffset;
+      const crossAxisOffset = calculateAlignItems(
+        context.containerProps.alignItems,
+        parentHeight,
+        child.size.height,
+        0,
+        0
+      );
+      y = crossAxisOffset;
+      nextMain = currentMain;
+    } else {
+      currentMain += margin.left;
+      x = context.padding.left + currentMain;
+      const alignOffset = calculateAlignItems(
+        context.containerProps.alignItems,
+        context.contentArea.height,
+        child.size.height,
+        margin.top,
+        margin.bottom
+      );
+      y = context.padding.top + alignOffset;
+      nextMain = currentMain + child.size.width + margin.right;
+    }
+    return {
+      position: { x, y },
+      nextMain
+    };
+  }
+  /**
+   * Wrap children into lines based on available width
+   * Used when flexWrap is 'wrap' or 'wrap-reverse'
+   * @param children - Layout children to wrap
+   * @param availableWidth - Available width for each line
+   * @param gap - Gap between children
+   * @returns Array of layout lines
+   */
+  wrapChildren(children, availableWidth, gap) {
+    const lines = [];
+    let currentLine = [];
+    let currentLineWidth = 0;
+    let currentLineHeight = 0;
+    for (const child of children) {
+      if (child.child.__layoutProps?.headless) {
+        continue;
+      }
+      const margin = this.getMarginValues(child);
+      const props = child.child.__layoutProps;
+      let effectiveWidth = child.size.width;
+      if (effectiveWidth <= 0 && props) {
+        if (props.flexBasis !== void 0 && typeof props.flexBasis === "number") {
+          effectiveWidth = props.flexBasis;
+        } else if (props.minWidth !== void 0) {
+          const parsed = parseSize(props.minWidth);
+          effectiveWidth = resolveSize(parsed, availableWidth, 100, void 0);
+        } else if (props.flex && props.flex > 0) {
+          effectiveWidth = 100;
+        }
+      }
+      const childWidth = effectiveWidth + margin.left + margin.right;
+      const childHeight = child.size.height + margin.top + margin.bottom;
+      const gapSpace = currentLine.length > 0 ? gap : 0;
+      const requiredSpace = currentLineWidth + childWidth + gapSpace;
+      if (requiredSpace > availableWidth && currentLine.length > 0) {
+        lines.push({
+          children: currentLine,
+          mainAxisSize: currentLineWidth,
+          crossAxisSize: currentLineHeight
+        });
+        currentLine = [child];
+        currentLineWidth = childWidth;
+        currentLineHeight = childHeight;
+      } else {
+        currentLine.push(child);
+        currentLineWidth = requiredSpace;
+        currentLineHeight = Math.max(currentLineHeight, childHeight);
+      }
+    }
+    if (currentLine.length > 0) {
+      lines.push({
+        children: currentLine,
+        mainAxisSize: currentLineWidth,
+        crossAxisSize: currentLineHeight
+      });
+    }
+    return lines;
+  }
+}
+export {
+  RowLayoutStrategy
+};
+//# sourceMappingURL=row-layout.js.map

package/dist/layout/strategies/row-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"row-layout.js","sources":["../../../src/layout/strategies/row-layout.ts"],"sourcesContent":["/**\n * Row layout strategy (horizontal stacking)\n * Like SwiftUI's HStack\n */\nimport type { LayoutChild, LayoutContext, LayoutLine, Position } from '../types'\nimport type { ContentMetrics } from '../utils/dimension-calculator'\nimport { parseSize, resolveSize } from '../utils/size-resolver'\nimport { calculateAlignItems } from '../utils/spacing-calculator'\nimport { BaseLayoutStrategy } from './base-strategy'\n\n/**\n * Row layout strategy - stacks children horizontally\n */\nexport class RowLayoutStrategy extends BaseLayoutStrategy {\n  /**\n   * Calculate content dimensions for row layout\n   * For flex children, uses a minimum default size to avoid chicken-egg sizing issues\n   * @param children - Array of layout children\n   * @param context - Layout context\n   * @returns Content metrics\n   */\n  calculateMetrics(children: LayoutChild[], _context: LayoutContext): ContentMetrics {\n    const FLEX_CHILD_MIN_SIZE = 100 // Minimum size for flex children in content calculation\n    let maxHeight = 0\n    let totalMainSize = 0\n\n    for (const child of children) {\n      const total = this.getTotalChildSize(child)\n      maxHeight = Math.max(maxHeight, total.height)\n\n      // Check if this child participates in flexbox (flex, flexShrink, or flexBasis)\n      const props = child.child.__layoutProps\n      const isFlexItem =\n        (props?.flex !== undefined && props.flex > 0) ||\n        props?.flexShrink !== undefined ||\n        props?.flexBasis !== undefined\n      // If flex child already has a resolved size (> 10), use it; otherwise use minimum\n      const childWidth = isFlexItem && child.size.width <= 10 ? FLEX_CHILD_MIN_SIZE : total.width\n\n      totalMainSize += childWidth\n    }\n\n    return {\n      maxWidth: 0, // Not used for row\n      maxHeight,\n      totalMainSize,\n    }\n  }\n\n  /**\n   * Position a child in row layout\n   * @param child - Layout child\n   * @param _index - Child index (unused for row layout)\n   * @param context - Layout context\n   * @param currentMain - Current X position\n   * @returns Position and next main axis value\n   */\n  positionChild(\n    child: LayoutChild,\n    _index: number,\n    context: LayoutContext,\n    currentMain: number\n  ): { position: Position; nextMain: number } {\n    const margin = this.getMarginValues(child)\n    const isHeadless = child.child.__layoutProps?.headless\n\n    let x: number\n    let y: number\n    let nextMain: number\n\n    if (isHeadless) {\n      // Headless: calculate position directly using alignItems/justifyContent on full parent size\n      const parentWidth = context.parentSize?.width ?? context.contentArea.width\n      const parentHeight = context.parentSize?.height ?? context.contentArea.height\n\n      // justifyContent on main axis (horizontal)\n      const justify = context.containerProps.justifyContent ?? 'start'\n      let mainAxisOffset = 0\n      if (justify === 'center') {\n        mainAxisOffset = (parentWidth - child.size.width) / 2\n      } else if (justify === 'end') {\n        mainAxisOffset = parentWidth - child.size.width\n      }\n      x = mainAxisOffset\n\n      // alignItems on cross axis (vertical)\n      const crossAxisOffset = calculateAlignItems(\n        context.containerProps.alignItems,\n        parentHeight,\n        child.size.height,\n        0,\n        0\n      )\n      y = crossAxisOffset\n\n      // Don't advance currentMain for headless\n      nextMain = currentMain\n    } else {\n      // Normal: use container padding and contentArea\n      currentMain += margin.left\n      x = context.padding.left + currentMain\n\n      const alignOffset = calculateAlignItems(\n        context.containerProps.alignItems,\n        context.contentArea.height,\n        child.size.height,\n        margin.top,\n        margin.bottom\n      )\n      y = context.padding.top + alignOffset\n\n      nextMain = currentMain + child.size.width + margin.right\n    }\n\n    return {\n      position: { x, y },\n      nextMain,\n    }\n  }\n\n  /**\n   * Wrap children into lines based on available width\n   * Used when flexWrap is 'wrap' or 'wrap-reverse'\n   * @param children - Layout children to wrap\n   * @param availableWidth - Available width for each line\n   * @param gap - Gap between children\n   * @returns Array of layout lines\n   */\n  wrapChildren(children: LayoutChild[], availableWidth: number, gap: number): LayoutLine[] {\n    const lines: LayoutLine[] = []\n    let currentLine: LayoutChild[] = []\n    let currentLineWidth = 0\n    let currentLineHeight = 0\n\n    for (const child of children) {\n      // Skip headless children in wrapping calculation\n      if (child.child.__layoutProps?.headless) {\n        continue\n      }\n\n      const margin = this.getMarginValues(child)\n      const props = child.child.__layoutProps\n\n      // For flex items with no size, use flexBasis or minWidth as hint for wrapping\n      let effectiveWidth = child.size.width\n      if (effectiveWidth <= 0 && props) {\n        if (props.flexBasis !== undefined && typeof props.flexBasis === 'number') {\n          effectiveWidth = props.flexBasis\n        } else if (props.minWidth !== undefined) {\n          // Resolve minWidth SizeValue to number\n          const parsed = parseSize(props.minWidth)\n          effectiveWidth = resolveSize(parsed, availableWidth, 100, undefined)\n        } else if (props.flex && props.flex > 0) {\n          // Use a reasonable default for flex items with no size hint\n          effectiveWidth = 100\n        }\n      }\n\n      const childWidth = effectiveWidth + margin.left + margin.right\n      const childHeight = child.size.height + margin.top + margin.bottom\n\n      const gapSpace = currentLine.length > 0 ? gap : 0\n      const requiredSpace = currentLineWidth + childWidth + gapSpace\n\n      // Check if we need to wrap to a new line\n      if (requiredSpace > availableWidth && currentLine.length > 0) {\n        // Save current line\n        lines.push({\n          children: currentLine,\n          mainAxisSize: currentLineWidth,\n          crossAxisSize: currentLineHeight,\n        })\n\n        // Start new line\n        currentLine = [child]\n        currentLineWidth = childWidth\n        currentLineHeight = childHeight\n      } else {\n        // Add to current line\n        currentLine.push(child)\n        currentLineWidth = requiredSpace\n        currentLineHeight = Math.max(currentLineHeight, childHeight)\n      }\n    }\n\n    // Add remaining line\n    if (currentLine.length > 0) {\n      lines.push({\n        children: currentLine,\n        mainAxisSize: currentLineWidth,\n        crossAxisSize: currentLineHeight,\n      })\n    }\n\n    return lines\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/layout/strategies/stack-layout.cjs

@@ -0,0 +1,94 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const animatedSignal = require("../../animation/animated-signal.cjs");
+const baseStrategy = require("./base-strategy.cjs");
+function toLayoutNumber(value) {
+  if (value === void 0) return void 0;
+  return animatedSignal.isAnimatedSignal(value) ? value.value : value;
+}
+class StackLayoutStrategy extends baseStrategy.BaseLayoutStrategy {
+  /**
+   * Calculate content dimensions for stack layout
+   * For stack, we track max dimensions as children overlay
+   * @param children - Array of layout children
+   * @param context - Layout context
+   * @returns Content metrics
+   */
+  calculateMetrics(children, _context) {
+    let maxWidth = 0;
+    let maxHeight = 0;
+    for (const child of children) {
+      const total = this.getTotalChildSize(child);
+      maxWidth = Math.max(maxWidth, total.width);
+      maxHeight = Math.max(maxHeight, total.height);
+    }
+    return {
+      maxWidth,
+      maxHeight,
+      totalMainSize: 0
+      // Not applicable for stack
+    };
+  }
+  /**
+   * Position a child in stack layout
+   * All children positioned at same location, aligned via alignItems
+   * @param child - Layout child
+   * @param _index - Child index (unused for stack layout)
+   * @param context - Layout context
+   * @param currentMain - Current position (unused for stack)
+   * @returns Position and unchanged currentMain
+   */
+  positionChild(child, _index, context, currentMain) {
+    const margin = this.getMarginValues(child);
+    const { alignItems } = context.containerProps;
+    const isHeadless = child.child.__layoutProps?.headless;
+    let x;
+    let y;
+    if (isHeadless) {
+      return {
+        position: {
+          x: toLayoutNumber(child.child.__layoutProps?.x) ?? 0,
+          y: toLayoutNumber(child.child.__layoutProps?.y) ?? 0
+        },
+        nextMain: currentMain
+      };
+    }
+    switch (alignItems) {
+      case "start":
+        x = context.padding.left + margin.left;
+        y = context.padding.top + margin.top;
+        break;
+      case "center":
+        x = context.padding.left + (context.contentArea.width - child.size.width) / 2;
+        y = context.padding.top + (context.contentArea.height - child.size.height) / 2;
+        break;
+      case "end":
+        x = context.padding.left + context.contentArea.width - child.size.width - margin.right;
+        y = context.padding.top + context.contentArea.height - child.size.height - margin.bottom;
+        break;
+      case "stretch":
+        x = context.padding.left + margin.left;
+        y = context.padding.top + margin.top;
+        break;
+      default:
+        x = context.padding.left + margin.left;
+        y = context.padding.top + margin.top;
+        break;
+    }
+    const childX = toLayoutNumber(child.child.__layoutProps?.x);
+    const childY = toLayoutNumber(child.child.__layoutProps?.y);
+    if (childX !== void 0) {
+      x += childX;
+    }
+    if (childY !== void 0) {
+      y += childY;
+    }
+    return {
+      position: { x, y },
+      nextMain: currentMain
+      // Stack doesn't advance main axis
+    };
+  }
+}
+exports.StackLayoutStrategy = StackLayoutStrategy;
+//# sourceMappingURL=stack-layout.cjs.map

package/dist/layout/strategies/stack-layout.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-layout.cjs","sources":["../../../src/layout/strategies/stack-layout.ts"],"sourcesContent":["/**\n * Stack layout strategy (overlay positioning)\n * Like SwiftUI's ZStack - all children positioned at same location\n */\nimport { isAnimatedSignal } from '../../animation/animated-signal'\nimport type { LayoutChild, LayoutContext, Position } from '../types'\nimport type { ContentMetrics } from '../utils/dimension-calculator'\nimport { BaseLayoutStrategy } from './base-strategy'\n\n/**\n * Unwrap a layout prop value — resolves AnimatedSignal to its .value,\n * passes through plain numbers, returns undefined for undefined.\n */\nfunction toLayoutNumber(value: unknown): number | undefined {\n  if (value === undefined) return undefined\n  return isAnimatedSignal(value) ? value.value : (value as number)\n}\n\n/**\n * Stack layout strategy - overlays all children at the same position\n */\nexport class StackLayoutStrategy extends BaseLayoutStrategy {\n  /**\n   * Calculate content dimensions for stack layout\n   * For stack, we track max dimensions as children overlay\n   * @param children - Array of layout children\n   * @param context - Layout context\n   * @returns Content metrics\n   */\n  calculateMetrics(children: LayoutChild[], _context: LayoutContext): ContentMetrics {\n    let maxWidth = 0\n    let maxHeight = 0\n\n    for (const child of children) {\n      const total = this.getTotalChildSize(child)\n      maxWidth = Math.max(maxWidth, total.width)\n      maxHeight = Math.max(maxHeight, total.height)\n    }\n\n    return {\n      maxWidth,\n      maxHeight,\n      totalMainSize: 0, // Not applicable for stack\n    }\n  }\n\n  /**\n   * Position a child in stack layout\n   * All children positioned at same location, aligned via alignItems\n   * @param child - Layout child\n   * @param _index - Child index (unused for stack layout)\n   * @param context - Layout context\n   * @param currentMain - Current position (unused for stack)\n   * @returns Position and unchanged currentMain\n   */\n  positionChild(\n    child: LayoutChild,\n    _index: number,\n    context: LayoutContext,\n    currentMain: number\n  ): { position: Position; nextMain: number } {\n    const margin = this.getMarginValues(child)\n    const { alignItems } = context.containerProps\n    const isHeadless = child.child.__layoutProps?.headless\n\n    let x: number\n    let y: number\n\n    if (isHeadless) {\n      return {\n        position: {\n          x: toLayoutNumber(child.child.__layoutProps?.x) ?? 0,\n          y: toLayoutNumber(child.child.__layoutProps?.y) ?? 0,\n        },\n        nextMain: currentMain,\n      }\n    }\n\n    // Position based on alignItems (applies to both axes for stack)\n    switch (alignItems) {\n      case 'start':\n        x = context.padding.left + margin.left\n        y = context.padding.top + margin.top\n        break\n      case 'center':\n        x = context.padding.left + (context.contentArea.width - child.size.width) / 2\n        y = context.padding.top + (context.contentArea.height - child.size.height) / 2\n        break\n      case 'end':\n        x = context.padding.left + context.contentArea.width - child.size.width - margin.right\n        y = context.padding.top + context.contentArea.height - child.size.height - margin.bottom\n        break\n      case 'stretch':\n        // TODO: Implement stretch - for now behave like start\n        x = context.padding.left + margin.left\n        y = context.padding.top + margin.top\n        break\n      default:\n        x = context.padding.left + margin.left\n        y = context.padding.top + margin.top\n        break\n    }\n\n    // Apply explicit x/y offsets if provided\n    const childX = toLayoutNumber(child.child.__layoutProps?.x)\n    const childY = toLayoutNumber(child.child.__layoutProps?.y)\n\n    if (childX !== undefined) {\n      x += childX\n    }\n    if (childY !== undefined) {\n      y += childY\n    }\n\n    return {\n      position: { x, y },\n      nextMain: currentMain, // Stack doesn't advance main axis\n    }\n  }\n}\n"],"names":["isAnimatedSignal","BaseLayoutStrategy"],"mappings":";;;;AAaA,SAAS,eAAe,OAAoC;AAC1D,MAAI,UAAU,OAAW,QAAO;AAChC,SAAOA,eAAAA,iBAAiB,KAAK,IAAI,MAAM,QAAS;AAClD;AAKO,MAAM,4BAA4BC,aAAAA,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ1D,iBAAiB,UAAyB,UAAyC;AACjF,QAAI,WAAW;AACf,QAAI,YAAY;AAEhB,eAAW,SAAS,UAAU;AAC5B,YAAM,QAAQ,KAAK,kBAAkB,KAAK;AAC1C,iBAAW,KAAK,IAAI,UAAU,MAAM,KAAK;AACzC,kBAAY,KAAK,IAAI,WAAW,MAAM,MAAM;AAAA,IAC9C;AAEA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,eAAe;AAAA;AAAA,IAAA;AAAA,EAEnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWA,cACE,OACA,QACA,SACA,aAC0C;AAC1C,UAAM,SAAS,KAAK,gBAAgB,KAAK;AACzC,UAAM,EAAE,eAAe,QAAQ;AAC/B,UAAM,aAAa,MAAM,MAAM,eAAe;AAE9C,QAAI;AACJ,QAAI;AAEJ,QAAI,YAAY;AACd,aAAO;AAAA,QACL,UAAU;AAAA,UACR,GAAG,eAAe,MAAM,MAAM,eAAe,CAAC,KAAK;AAAA,UACnD,GAAG,eAAe,MAAM,MAAM,eAAe,CAAC,KAAK;AAAA,QAAA;AAAA,QAErD,UAAU;AAAA,MAAA;AAAA,IAEd;AAGA,YAAQ,YAAA;AAAA,MACN,KAAK;AACH,YAAI,QAAQ,QAAQ,OAAO,OAAO;AAClC,YAAI,QAAQ,QAAQ,MAAM,OAAO;AACjC;AAAA,MACF,KAAK;AACH,YAAI,QAAQ,QAAQ,QAAQ,QAAQ,YAAY,QAAQ,MAAM,KAAK,SAAS;AAC5E,YAAI,QAAQ,QAAQ,OAAO,QAAQ,YAAY,SAAS,MAAM,KAAK,UAAU;AAC7E;AAAA,MACF,KAAK;AACH,YAAI,QAAQ,QAAQ,OAAO,QAAQ,YAAY,QAAQ,MAAM,KAAK,QAAQ,OAAO;AACjF,YAAI,QAAQ,QAAQ,MAAM,QAAQ,YAAY,SAAS,MAAM,KAAK,SAAS,OAAO;AAClF;AAAA,MACF,KAAK;AAEH,YAAI,QAAQ,QAAQ,OAAO,OAAO;AAClC,YAAI,QAAQ,QAAQ,MAAM,OAAO;AACjC;AAAA,MACF;AACE,YAAI,QAAQ,QAAQ,OAAO,OAAO;AAClC,YAAI,QAAQ,QAAQ,MAAM,OAAO;AACjC;AAAA,IAAA;AAIJ,UAAM,SAAS,eAAe,MAAM,MAAM,eAAe,CAAC;AAC1D,UAAM,SAAS,eAAe,MAAM,MAAM,eAAe,CAAC;AAE1D,QAAI,WAAW,QAAW;AACxB,WAAK;AAAA,IACP;AACA,QAAI,WAAW,QAAW;AACxB,WAAK;AAAA,IACP;AAEA,WAAO;AAAA,MACL,UAAU,EAAE,GAAG,EAAA;AAAA,MACf,UAAU;AAAA;AAAA,IAAA;AAAA,EAEd;AACF;;"}

package/dist/layout/strategies/stack-layout.d.ts

@@ -0,0 +1,30 @@
+import { LayoutChild, LayoutContext, Position } from '../types';
+import { ContentMetrics } from '../utils/dimension-calculator';
+import { BaseLayoutStrategy } from './base-strategy';
+/**
+ * Stack layout strategy - overlays all children at the same position
+ */
+export declare class StackLayoutStrategy extends BaseLayoutStrategy {
+    /**
+     * Calculate content dimensions for stack layout
+     * For stack, we track max dimensions as children overlay
+     * @param children - Array of layout children
+     * @param context - Layout context
+     * @returns Content metrics
+     */
+    calculateMetrics(children: LayoutChild[], _context: LayoutContext): ContentMetrics;
+    /**
+     * Position a child in stack layout
+     * All children positioned at same location, aligned via alignItems
+     * @param child - Layout child
+     * @param _index - Child index (unused for stack layout)
+     * @param context - Layout context
+     * @param currentMain - Current position (unused for stack)
+     * @returns Position and unchanged currentMain
+     */
+    positionChild(child: LayoutChild, _index: number, context: LayoutContext, currentMain: number): {
+        position: Position;
+        nextMain: number;
+    };
+}
+//# sourceMappingURL=stack-layout.d.ts.map

package/dist/layout/strategies/stack-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-layout.d.ts","sourceRoot":"","sources":["../../../src/layout/strategies/stack-layout.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAA;AACpE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAA;AACnE,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAA;AAWpD;;GAEG;AACH,qBAAa,mBAAoB,SAAQ,kBAAkB;IACzD;;;;;;OAMG;IACH,gBAAgB,CAAC,QAAQ,EAAE,WAAW,EAAE,EAAE,QAAQ,EAAE,aAAa,GAAG,cAAc;IAiBlF;;;;;;;;OAQG;IACH,aAAa,CACX,KAAK,EAAE,WAAW,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,aAAa,EACtB,WAAW,EAAE,MAAM,GAClB;QAAE,QAAQ,EAAE,QAAQ,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE;CA2D5C"}

package/dist/layout/strategies/stack-layout.js

@@ -0,0 +1,94 @@
+import { isAnimatedSignal } from "../../animation/animated-signal.js";
+import { BaseLayoutStrategy } from "./base-strategy.js";
+function toLayoutNumber(value) {
+  if (value === void 0) return void 0;
+  return isAnimatedSignal(value) ? value.value : value;
+}
+class StackLayoutStrategy extends BaseLayoutStrategy {
+  /**
+   * Calculate content dimensions for stack layout
+   * For stack, we track max dimensions as children overlay
+   * @param children - Array of layout children
+   * @param context - Layout context
+   * @returns Content metrics
+   */
+  calculateMetrics(children, _context) {
+    let maxWidth = 0;
+    let maxHeight = 0;
+    for (const child of children) {
+      const total = this.getTotalChildSize(child);
+      maxWidth = Math.max(maxWidth, total.width);
+      maxHeight = Math.max(maxHeight, total.height);
+    }
+    return {
+      maxWidth,
+      maxHeight,
+      totalMainSize: 0
+      // Not applicable for stack
+    };
+  }
+  /**
+   * Position a child in stack layout
+   * All children positioned at same location, aligned via alignItems
+   * @param child - Layout child
+   * @param _index - Child index (unused for stack layout)
+   * @param context - Layout context
+   * @param currentMain - Current position (unused for stack)
+   * @returns Position and unchanged currentMain
+   */
+  positionChild(child, _index, context, currentMain) {
+    const margin = this.getMarginValues(child);
+    const { alignItems } = context.containerProps;
+    const isHeadless = child.child.__layoutProps?.headless;
+    let x;
+    let y;
+    if (isHeadless) {
+      return {
+        position: {
+          x: toLayoutNumber(child.child.__layoutProps?.x) ?? 0,
+          y: toLayoutNumber(child.child.__layoutProps?.y) ?? 0
+        },
+        nextMain: currentMain
+      };
+    }
+    switch (alignItems) {
+      case "start":
+        x = context.padding.left + margin.left;
+        y = context.padding.top + margin.top;
+        break;
+      case "center":
+        x = context.padding.left + (context.contentArea.width - child.size.width) / 2;
+        y = context.padding.top + (context.contentArea.height - child.size.height) / 2;
+        break;
+      case "end":
+        x = context.padding.left + context.contentArea.width - child.size.width - margin.right;
+        y = context.padding.top + context.contentArea.height - child.size.height - margin.bottom;
+        break;
+      case "stretch":
+        x = context.padding.left + margin.left;
+        y = context.padding.top + margin.top;
+        break;
+      default:
+        x = context.padding.left + margin.left;
+        y = context.padding.top + margin.top;
+        break;
+    }
+    const childX = toLayoutNumber(child.child.__layoutProps?.x);
+    const childY = toLayoutNumber(child.child.__layoutProps?.y);
+    if (childX !== void 0) {
+      x += childX;
+    }
+    if (childY !== void 0) {
+      y += childY;
+    }
+    return {
+      position: { x, y },
+      nextMain: currentMain
+      // Stack doesn't advance main axis
+    };
+  }
+}
+export {
+  StackLayoutStrategy
+};
+//# sourceMappingURL=stack-layout.js.map

package/dist/layout/strategies/stack-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stack-layout.js","sources":["../../../src/layout/strategies/stack-layout.ts"],"sourcesContent":["/**\n * Stack layout strategy (overlay positioning)\n * Like SwiftUI's ZStack - all children positioned at same location\n */\nimport { isAnimatedSignal } from '../../animation/animated-signal'\nimport type { LayoutChild, LayoutContext, Position } from '../types'\nimport type { ContentMetrics } from '../utils/dimension-calculator'\nimport { BaseLayoutStrategy } from './base-strategy'\n\n/**\n * Unwrap a layout prop value — resolves AnimatedSignal to its .value,\n * passes through plain numbers, returns undefined for undefined.\n */\nfunction toLayoutNumber(value: unknown): number | undefined {\n  if (value === undefined) return undefined\n  return isAnimatedSignal(value) ? value.value : (value as number)\n}\n\n/**\n * Stack layout strategy - overlays all children at the same position\n */\nexport class StackLayoutStrategy extends BaseLayoutStrategy {\n  /**\n   * Calculate content dimensions for stack layout\n   * For stack, we track max dimensions as children overlay\n   * @param children - Array of layout children\n   * @param context - Layout context\n   * @returns Content metrics\n   */\n  calculateMetrics(children: LayoutChild[], _context: LayoutContext): ContentMetrics {\n    let maxWidth = 0\n    let maxHeight = 0\n\n    for (const child of children) {\n      const total = this.getTotalChildSize(child)\n      maxWidth = Math.max(maxWidth, total.width)\n      maxHeight = Math.max(maxHeight, total.height)\n    }\n\n    return {\n      maxWidth,\n      maxHeight,\n      totalMainSize: 0, // Not applicable for stack\n    }\n  }\n\n  /**\n   * Position a child in stack layout\n   * All children positioned at same location, aligned via alignItems\n   * @param child - Layout child\n   * @param _index - Child index (unused for stack layout)\n   * @param context - Layout context\n   * @param currentMain - Current position (unused for stack)\n   * @returns Position and unchanged currentMain\n   */\n  positionChild(\n    child: LayoutChild,\n    _index: number,\n    context: LayoutContext,\n    currentMain: number\n  ): { position: Position; nextMain: number } {\n    const margin = this.getMarginValues(child)\n    const { alignItems } = context.containerProps\n    const isHeadless = child.child.__layoutProps?.headless\n\n    let x: number\n    let y: number\n\n    if (isHeadless) {\n      return {\n        position: {\n          x: toLayoutNumber(child.child.__layoutProps?.x) ?? 0,\n          y: toLayoutNumber(child.child.__layoutProps?.y) ?? 0,\n        },\n        nextMain: currentMain,\n      }\n    }\n\n    // Position based on alignItems (applies to both axes for stack)\n    switch (alignItems) {\n      case 'start':\n        x = context.padding.left + margin.left\n        y = context.padding.top + margin.top\n        break\n      case 'center':\n        x = context.padding.left + (context.contentArea.width - child.size.width) / 2\n        y = context.padding.top + (context.contentArea.height - child.size.height) / 2\n        break\n      case 'end':\n        x = context.padding.left + context.contentArea.width - child.size.width - margin.right\n        y = context.padding.top + context.contentArea.height - child.size.height - margin.bottom\n        break\n      case 'stretch':\n        // TODO: Implement stretch - for now behave like start\n        x = context.padding.left + margin.left\n        y = context.padding.top + margin.top\n        break\n      default:\n        x = context.padding.left + margin.left\n        y = context.padding.top + margin.top\n        break\n    }\n\n    // Apply explicit x/y offsets if provided\n    const childX = toLayoutNumber(child.child.__layoutProps?.x)\n    const childY = toLayoutNumber(child.child.__layoutProps?.y)\n\n    if (childX !== undefined) {\n      x += childX\n    }\n    if (childY !== undefined) {\n      y += childY\n    }\n\n    return {\n      position: { x, y },\n      nextMain: currentMain, // Stack doesn't advance main axis\n    }\n  }\n}\n"],"names":[],"mappings":";;AAaA,SAAS,eAAe,OAAoC;AAC1D,MAAI,UAAU,OAAW,QAAO;AAChC,SAAO,iBAAiB,KAAK,IAAI,MAAM,QAAS;AAClD;AAKO,MAAM,4BAA4B,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ1D,iBAAiB,UAAyB,UAAyC;AACjF,QAAI,WAAW;AACf,QAAI,YAAY;AAEhB,eAAW,SAAS,UAAU;AAC5B,YAAM,QAAQ,KAAK,kBAAkB,KAAK;AAC1C,iBAAW,KAAK,IAAI,UAAU,MAAM,KAAK;AACzC,kBAAY,KAAK,IAAI,WAAW,MAAM,MAAM;AAAA,IAC9C;AAEA,WAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA,eAAe;AAAA;AAAA,IAAA;AAAA,EAEnB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWA,cACE,OACA,QACA,SACA,aAC0C;AAC1C,UAAM,SAAS,KAAK,gBAAgB,KAAK;AACzC,UAAM,EAAE,eAAe,QAAQ;AAC/B,UAAM,aAAa,MAAM,MAAM,eAAe;AAE9C,QAAI;AACJ,QAAI;AAEJ,QAAI,YAAY;AACd,aAAO;AAAA,QACL,UAAU;AAAA,UACR,GAAG,eAAe,MAAM,MAAM,eAAe,CAAC,KAAK;AAAA,UACnD,GAAG,eAAe,MAAM,MAAM,eAAe,CAAC,KAAK;AAAA,QAAA;AAAA,QAErD,UAAU;AAAA,MAAA;AAAA,IAEd;AAGA,YAAQ,YAAA;AAAA,MACN,KAAK;AACH,YAAI,QAAQ,QAAQ,OAAO,OAAO;AAClC,YAAI,QAAQ,QAAQ,MAAM,OAAO;AACjC;AAAA,MACF,KAAK;AACH,YAAI,QAAQ,QAAQ,QAAQ,QAAQ,YAAY,QAAQ,MAAM,KAAK,SAAS;AAC5E,YAAI,QAAQ,QAAQ,OAAO,QAAQ,YAAY,SAAS,MAAM,KAAK,UAAU;AAC7E;AAAA,MACF,KAAK;AACH,YAAI,QAAQ,QAAQ,OAAO,QAAQ,YAAY,QAAQ,MAAM,KAAK,QAAQ,OAAO;AACjF,YAAI,QAAQ,QAAQ,MAAM,QAAQ,YAAY,SAAS,MAAM,KAAK,SAAS,OAAO;AAClF;AAAA,MACF,KAAK;AAEH,YAAI,QAAQ,QAAQ,OAAO,OAAO;AAClC,YAAI,QAAQ,QAAQ,MAAM,OAAO;AACjC;AAAA,MACF;AACE,YAAI,QAAQ,QAAQ,OAAO,OAAO;AAClC,YAAI,QAAQ,QAAQ,MAAM,OAAO;AACjC;AAAA,IAAA;AAIJ,UAAM,SAAS,eAAe,MAAM,MAAM,eAAe,CAAC;AAC1D,UAAM,SAAS,eAAe,MAAM,MAAM,eAAe,CAAC;AAE1D,QAAI,WAAW,QAAW;AACxB,WAAK;AAAA,IACP;AACA,QAAI,WAAW,QAAW;AACxB,WAAK;AAAA,IACP;AAEA,WAAO;AAAA,MACL,UAAU,EAAE,GAAG,EAAA;AAAA,MACf,UAAU;AAAA;AAAA,IAAA;AAAA,EAEd;AACF;"}