@number10/jsx-core 5.0.0

package/dist/layout/utils/dimension-calculator.d.ts

@@ -0,0 +1,59 @@
+import { EdgeInsets, LayoutProps } from '../../core-props';
+import { LayoutChild } from '../types';
+/**
+ * Content dimension metrics
+ */
+export interface ContentMetrics {
+    maxWidth: number;
+    maxHeight: number;
+    totalMainSize: number;
+}
+/**
+ * Padding values (normalized)
+ */
+export interface PaddingValues {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+}
+/**
+ * Calculate content dimensions based on children and layout direction
+ * For flex children, uses a minimum default size to avoid chicken-egg sizing issues
+ * @param children - Array of layout children with size and margin info
+ * @param direction - Layout direction ('row', 'column', or 'stack')
+ * @returns Content metrics including max dimensions and total main axis size
+ */
+export declare function calculateContentDimensions(children: LayoutChild[], direction: 'row' | 'column' | 'stack'): ContentMetrics;
+/**
+ * Calculate final container dimensions
+ * @param props - Layout properties
+ * @param metrics - Content metrics from calculateContentDimensions
+ * @param padding - Normalized padding values
+ * @param direction - Layout direction
+ * @param gap - Gap between children (horizontal and vertical)
+ * @param childCount - Number of children
+ * @param parentSize - Parent dimensions for percentage resolution
+ * @param parentPadding - Parent padding for 'fill' resolution
+ * @returns Container width and height in pixels
+ */
+export declare function calculateContainerSize(props: LayoutProps, metrics: ContentMetrics, padding: PaddingValues, direction: 'row' | 'column' | 'stack', gap: {
+    horizontal: number;
+    vertical: number;
+}, childCount: number, parentSize?: {
+    width: number;
+    height: number;
+}, parentPadding?: {
+    horizontal: number;
+    vertical: number;
+}): {
+    width: number;
+    height: number;
+};
+/**
+ * Normalize padding from EdgeInsets or number to PaddingValues
+ * @param padding - Edge insets (may be undefined, partial, or a single number for all sides)
+ * @returns Normalized padding with all values defined
+ */
+export declare function normalizePadding(padding?: number | EdgeInsets): PaddingValues;
+//# sourceMappingURL=dimension-calculator.d.ts.map

package/dist/layout/utils/dimension-calculator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dimension-calculator.d.ts","sourceRoot":"","sources":["../../../src/layout/utils/dimension-calculator.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAA;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAG3C;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAA;IAChB,SAAS,EAAE,MAAM,CAAA;IACjB,aAAa,EAAE,MAAM,CAAA;CACtB;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,EAAE,MAAM,CAAA;IACb,MAAM,EAAE,MAAM,CAAA;CACf;AAsBD;;;;;;GAMG;AACH,wBAAgB,0BAA0B,CACxC,QAAQ,EAAE,WAAW,EAAE,EACvB,SAAS,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GACpC,cAAc,CAmChB;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,sBAAsB,CACpC,KAAK,EAAE,WAAW,EAClB,OAAO,EAAE,cAAc,EACvB,OAAO,EAAE,aAAa,EACtB,SAAS,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,EACrC,GAAG,EAAE;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,EAC7C,UAAU,EAAE,MAAM,EAClB,UAAU,CAAC,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAC9C,aAAa,CAAC,EAAE;IAAE,UAAU,EAAE,MAAM,CAAC;IAAC,QAAQ,EAAE,MAAM,CAAA;CAAE,GACvD;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,CAuDnC;AAED;;;;GAIG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,aAAa,CAe7E"}

package/dist/layout/utils/dimension-calculator.js

@@ -0,0 +1,109 @@
+import { parseSize, resolveSize, clampSize } from "./size-resolver.js";
+function normalizeMargin(margin) {
+  if (typeof margin === "number") {
+    return {
+      left: margin,
+      top: margin,
+      right: margin,
+      bottom: margin
+    };
+  }
+  return margin ?? {};
+}
+function getHorizontalMargin(margin) {
+  return (margin.left ?? 0) + (margin.right ?? 0);
+}
+function getVerticalMargin(margin) {
+  return (margin.top ?? 0) + (margin.bottom ?? 0);
+}
+function calculateContentDimensions(children, direction) {
+  const FLEX_CHILD_MIN_SIZE = 100;
+  let maxWidth = 0;
+  let maxHeight = 0;
+  let totalMainSize = 0;
+  for (const { size, margin, child } of children) {
+    const marginTop = margin.top ?? 0;
+    const marginBottom = margin.bottom ?? 0;
+    const marginLeft = margin.left ?? 0;
+    const marginRight = margin.right ?? 0;
+    const hasFlex = (child.__layoutProps?.flex ?? 0) > 0;
+    if (direction === "row") {
+      const childWidth = hasFlex ? FLEX_CHILD_MIN_SIZE : size.width;
+      totalMainSize += marginLeft + childWidth + marginRight;
+      const childTotalHeight = marginTop + size.height + marginBottom;
+      maxHeight = Math.max(maxHeight, childTotalHeight);
+    } else if (direction === "column") {
+      const childTotalWidth = marginLeft + size.width + marginRight;
+      maxWidth = Math.max(maxWidth, childTotalWidth);
+      const childHeight = hasFlex ? FLEX_CHILD_MIN_SIZE : size.height;
+      totalMainSize += marginTop + childHeight + marginBottom;
+    } else if (direction === "stack") {
+      const childTotalWidth = marginLeft + size.width + marginRight;
+      const childTotalHeight = marginTop + size.height + marginBottom;
+      maxWidth = Math.max(maxWidth, childTotalWidth);
+      maxHeight = Math.max(maxHeight, childTotalHeight);
+    }
+  }
+  return { maxWidth, maxHeight, totalMainSize };
+}
+function calculateContainerSize(props, metrics, padding, direction, gap, childCount, parentSize, parentPadding) {
+  let totalMainSizeWithGaps = metrics.totalMainSize;
+  if (direction !== "stack" && childCount > 1) {
+    const gapValue = direction === "row" ? gap.horizontal : gap.vertical;
+    totalMainSizeWithGaps += gapValue * (childCount - 1);
+  }
+  const contentWidth = direction === "row" ? totalMainSizeWithGaps + padding.left + padding.right : metrics.maxWidth + padding.left + padding.right;
+  const contentHeight = direction === "row" ? metrics.maxHeight + padding.top + padding.bottom : totalMainSizeWithGaps + padding.top + padding.bottom;
+  const parsedWidth = parseSize(props.width);
+  let width = resolveSize(parsedWidth, parentSize?.width, contentWidth, parentPadding?.horizontal);
+  const margin = normalizeMargin(props.margin);
+  if (parsedWidth.type === "fill") {
+    width = Math.max(0, width - getHorizontalMargin(margin));
+  }
+  const parsedHeight = parseSize(props.height);
+  let height = resolveSize(parsedHeight, parentSize?.height, contentHeight, parentPadding?.vertical);
+  if (parsedHeight.type === "fill") {
+    height = Math.max(0, height - getVerticalMargin(margin));
+  }
+  width = clampSize(
+    width,
+    props.minWidth,
+    props.maxWidth,
+    parentSize?.width,
+    contentWidth,
+    void 0
+    // Don't use parentPadding - parentSize is already content-area
+  );
+  height = clampSize(
+    height,
+    props.minHeight,
+    props.maxHeight,
+    parentSize?.height,
+    contentHeight,
+    void 0
+    // Don't use parentPadding - parentSize is already content-area
+  );
+  return { width, height };
+}
+function normalizePadding(padding) {
+  if (typeof padding === "number") {
+    return {
+      left: padding,
+      top: padding,
+      right: padding,
+      bottom: padding
+    };
+  }
+  return {
+    left: padding?.left ?? 0,
+    top: padding?.top ?? 0,
+    right: padding?.right ?? 0,
+    bottom: padding?.bottom ?? 0
+  };
+}
+export {
+  calculateContainerSize,
+  calculateContentDimensions,
+  normalizePadding
+};
+//# sourceMappingURL=dimension-calculator.js.map

package/dist/layout/utils/dimension-calculator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dimension-calculator.js","sources":["../../../src/layout/utils/dimension-calculator.ts"],"sourcesContent":["/**\n * Dimension calculation utilities for layout system\n * Handles content size tracking and container dimension computation\n */\nimport type { EdgeInsets, LayoutProps } from '../../core-props'\nimport type { LayoutChild } from '../types'\nimport { clampSize, parseSize, resolveSize } from './size-resolver'\n\n/**\n * Content dimension metrics\n */\nexport interface ContentMetrics {\n  maxWidth: number\n  maxHeight: number\n  totalMainSize: number\n}\n\n/**\n * Padding values (normalized)\n */\nexport interface PaddingValues {\n  left: number\n  top: number\n  right: number\n  bottom: number\n}\n\nfunction normalizeMargin(margin?: number | EdgeInsets): EdgeInsets {\n  if (typeof margin === 'number') {\n    return {\n      left: margin,\n      top: margin,\n      right: margin,\n      bottom: margin,\n    }\n  }\n  return margin ?? {}\n}\n\nfunction getHorizontalMargin(margin: EdgeInsets): number {\n  return (margin.left ?? 0) + (margin.right ?? 0)\n}\n\nfunction getVerticalMargin(margin: EdgeInsets): number {\n  return (margin.top ?? 0) + (margin.bottom ?? 0)\n}\n\n/**\n * Calculate content dimensions based on children and layout direction\n * For flex children, uses a minimum default size to avoid chicken-egg sizing issues\n * @param children - Array of layout children with size and margin info\n * @param direction - Layout direction ('row', 'column', or 'stack')\n * @returns Content metrics including max dimensions and total main axis size\n */\nexport function calculateContentDimensions(\n  children: LayoutChild[],\n  direction: 'row' | 'column' | 'stack'\n): ContentMetrics {\n  const FLEX_CHILD_MIN_SIZE = 100 // Minimum size for flex children in content calculation\n  let maxWidth = 0\n  let maxHeight = 0\n  let totalMainSize = 0\n\n  for (const { size, margin, child } of children) {\n    const marginTop = margin.top ?? 0\n    const marginBottom = margin.bottom ?? 0\n    const marginLeft = margin.left ?? 0\n    const marginRight = margin.right ?? 0\n\n    // Check if this child has flex property\n    const hasFlex = (child.__layoutProps?.flex ?? 0) > 0\n\n    if (direction === 'row') {\n      const childWidth = hasFlex ? FLEX_CHILD_MIN_SIZE : size.width\n      totalMainSize += marginLeft + childWidth + marginRight\n      const childTotalHeight = marginTop + size.height + marginBottom\n      maxHeight = Math.max(maxHeight, childTotalHeight)\n    } else if (direction === 'column') {\n      const childTotalWidth = marginLeft + size.width + marginRight\n      maxWidth = Math.max(maxWidth, childTotalWidth)\n      const childHeight = hasFlex ? FLEX_CHILD_MIN_SIZE : size.height\n      totalMainSize += marginTop + childHeight + marginBottom\n    } else if (direction === 'stack') {\n      // For stack, track max dimensions (children overlay)\n      const childTotalWidth = marginLeft + size.width + marginRight\n      const childTotalHeight = marginTop + size.height + marginBottom\n      maxWidth = Math.max(maxWidth, childTotalWidth)\n      maxHeight = Math.max(maxHeight, childTotalHeight)\n    }\n  }\n\n  return { maxWidth, maxHeight, totalMainSize }\n}\n\n/**\n * Calculate final container dimensions\n * @param props - Layout properties\n * @param metrics - Content metrics from calculateContentDimensions\n * @param padding - Normalized padding values\n * @param direction - Layout direction\n * @param gap - Gap between children (horizontal and vertical)\n * @param childCount - Number of children\n * @param parentSize - Parent dimensions for percentage resolution\n * @param parentPadding - Parent padding for 'fill' resolution\n * @returns Container width and height in pixels\n */\nexport function calculateContainerSize(\n  props: LayoutProps,\n  metrics: ContentMetrics,\n  padding: PaddingValues,\n  direction: 'row' | 'column' | 'stack',\n  gap: { horizontal: number; vertical: number },\n  childCount: number,\n  parentSize?: { width: number; height: number },\n  parentPadding?: { horizontal: number; vertical: number }\n): { width: number; height: number } {\n  // Add gaps to total main size (not applicable for stack)\n  let totalMainSizeWithGaps = metrics.totalMainSize\n  if (direction !== 'stack' && childCount > 1) {\n    const gapValue = direction === 'row' ? gap.horizontal : gap.vertical\n    totalMainSizeWithGaps += gapValue * (childCount - 1)\n  }\n\n  // Calculate content-based default sizes\n  const contentWidth =\n    direction === 'row'\n      ? totalMainSizeWithGaps + padding.left + padding.right\n      : metrics.maxWidth + padding.left + padding.right\n\n  const contentHeight =\n    direction === 'row'\n      ? metrics.maxHeight + padding.top + padding.bottom\n      : totalMainSizeWithGaps + padding.top + padding.bottom\n\n  // Resolve width\n  const parsedWidth = parseSize(props.width)\n  let width = resolveSize(parsedWidth, parentSize?.width, contentWidth, parentPadding?.horizontal)\n  const margin = normalizeMargin(props.margin)\n  if (parsedWidth.type === 'fill') {\n    width = Math.max(0, width - getHorizontalMargin(margin))\n  }\n\n  // Resolve height\n  const parsedHeight = parseSize(props.height)\n  let height = resolveSize(parsedHeight, parentSize?.height, contentHeight, parentPadding?.vertical)\n  if (parsedHeight.type === 'fill') {\n    height = Math.max(0, height - getVerticalMargin(margin))\n  }\n\n  // Apply min/max constraints to container size\n  // Note: parentSize is already the content-area of the parent container (after padding),\n  // so we should NOT apply parentPadding again for percentage-based constraints\n  width = clampSize(\n    width,\n    props.minWidth,\n    props.maxWidth,\n    parentSize?.width,\n    contentWidth,\n    undefined // Don't use parentPadding - parentSize is already content-area\n  )\n  height = clampSize(\n    height,\n    props.minHeight,\n    props.maxHeight,\n    parentSize?.height,\n    contentHeight,\n    undefined // Don't use parentPadding - parentSize is already content-area\n  )\n\n  return { width, height }\n}\n\n/**\n * Normalize padding from EdgeInsets or number to PaddingValues\n * @param padding - Edge insets (may be undefined, partial, or a single number for all sides)\n * @returns Normalized padding with all values defined\n */\nexport function normalizePadding(padding?: number | EdgeInsets): PaddingValues {\n  if (typeof padding === 'number') {\n    return {\n      left: padding,\n      top: padding,\n      right: padding,\n      bottom: padding,\n    }\n  }\n  return {\n    left: padding?.left ?? 0,\n    top: padding?.top ?? 0,\n    right: padding?.right ?? 0,\n    bottom: padding?.bottom ?? 0,\n  }\n}\n"],"names":[],"mappings":"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"}

package/dist/layout/utils/flex-distributor.cjs

@@ -0,0 +1,173 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const sizeResolver = require("./size-resolver.cjs");
+function distributeFlexSpace(children, availableSpace, direction) {
+  if (direction === "stack") {
+    return children;
+  }
+  const flexItems = [];
+  let nonFlexSpace = 0;
+  children.forEach((layoutChild, index) => {
+    const props = layoutChild.child.__layoutProps;
+    const hasExplicitFlex = props?.flex !== void 0;
+    const hasExplicitShrink = props?.flexShrink !== void 0;
+    const hasExplicitBasis = props?.flexBasis !== void 0;
+    const flexGrow = props?.flex ?? 0;
+    const flexShrink = props?.flexShrink !== void 0 ? props.flexShrink : hasExplicitFlex || hasExplicitBasis ? 1 : 0;
+    const flexBasis = props?.flexBasis;
+    const margin = layoutChild.margin;
+    const marginSize = direction === "row" ? (margin.left ?? 0) + (margin.right ?? 0) : (margin.top ?? 0) + (margin.bottom ?? 0);
+    const minSizeValue = direction === "row" ? props?.minWidth : props?.minHeight;
+    const maxSizeValue = direction === "row" ? props?.maxWidth : props?.maxHeight;
+    const currentSize = direction === "row" ? layoutChild.size.width : layoutChild.size.height;
+    const minSize = minSizeValue !== void 0 ? sizeResolver.resolveSize(sizeResolver.parseSize(minSizeValue), availableSpace, currentSize, void 0) : void 0;
+    const maxSize = maxSizeValue !== void 0 ? sizeResolver.resolveSize(sizeResolver.parseSize(maxSizeValue), availableSpace, currentSize, void 0) : void 0;
+    let basisSize;
+    if (flexBasis !== void 0) {
+      const parsedBasis = sizeResolver.parseSize(flexBasis);
+      const currentSize2 = direction === "row" ? layoutChild.size.width : layoutChild.size.height;
+      basisSize = sizeResolver.resolveSize(parsedBasis, availableSpace, currentSize2, void 0);
+    } else {
+      basisSize = direction === "row" ? layoutChild.size.width : layoutChild.size.height;
+    }
+    const isFlexItem = hasExplicitFlex || hasExplicitShrink || hasExplicitBasis;
+    if (isFlexItem) {
+      flexItems.push({
+        child: layoutChild,
+        index,
+        flexGrow,
+        flexShrink,
+        flexBasis: basisSize,
+        minSize,
+        maxSize,
+        isFrozen: false,
+        targetSize: basisSize
+      });
+      nonFlexSpace += marginSize;
+    } else {
+      const size = direction === "row" ? layoutChild.size.width : layoutChild.size.height;
+      nonFlexSpace += size + marginSize;
+    }
+  });
+  if (flexItems.length === 0) {
+    return children;
+  }
+  let totalFlexBasis = flexItems.reduce((sum, item) => sum + item.flexBasis, 0);
+  let freeSpace = availableSpace - nonFlexSpace - totalFlexBasis;
+  const updatedChildren = [...children];
+  if (freeSpace > 0) {
+    distributeGrow(flexItems, freeSpace);
+  } else if (freeSpace < 0) {
+    distributeShrink(flexItems, freeSpace);
+  } else {
+    flexItems.forEach((item) => {
+      item.targetSize = item.flexBasis;
+    });
+  }
+  flexItems.forEach((item) => {
+    if (direction === "row") {
+      updatedChildren[item.index] = {
+        ...item.child,
+        size: {
+          ...item.child.size,
+          width: item.targetSize
+        }
+      };
+    } else {
+      updatedChildren[item.index] = {
+        ...item.child,
+        size: {
+          ...item.child.size,
+          height: item.targetSize
+        }
+      };
+    }
+  });
+  return updatedChildren;
+}
+function distributeGrow(flexItems, freeSpace) {
+  let remainingSpace = freeSpace;
+  const MAX_ITERATIONS = 10;
+  for (let iteration = 0; iteration < MAX_ITERATIONS; iteration++) {
+    const totalFlexGrow = flexItems.filter((item) => !item.isFrozen).reduce((sum, item) => sum + item.flexGrow, 0);
+    if (totalFlexGrow === 0 || remainingSpace <= 0) {
+      break;
+    }
+    let hasViolations = false;
+    for (const item of flexItems) {
+      if (item.isFrozen) continue;
+      const growShare = remainingSpace * item.flexGrow / totalFlexGrow;
+      let targetSize = item.flexBasis + growShare;
+      if (item.minSize !== void 0 && targetSize < item.minSize) {
+        targetSize = item.minSize;
+        item.isFrozen = true;
+        hasViolations = true;
+      } else if (item.maxSize !== void 0 && targetSize > item.maxSize) {
+        targetSize = item.maxSize;
+        item.isFrozen = true;
+        hasViolations = true;
+      }
+      item.targetSize = targetSize;
+    }
+    if (!hasViolations) {
+      break;
+    }
+    remainingSpace = freeSpace;
+    for (const item of flexItems) {
+      if (item.isFrozen) {
+        remainingSpace -= item.targetSize - item.flexBasis;
+      }
+    }
+  }
+  for (const item of flexItems) {
+    if (!item.isFrozen) ;
+  }
+}
+function distributeShrink(flexItems, freeSpace) {
+  let remainingSpace = Math.abs(freeSpace);
+  const MAX_ITERATIONS = 10;
+  for (let iteration = 0; iteration < MAX_ITERATIONS; iteration++) {
+    const totalScaledShrink = flexItems.filter((item) => !item.isFrozen).reduce((sum, item) => sum + item.flexShrink * item.flexBasis, 0);
+    if (totalScaledShrink === 0 || remainingSpace <= 0) {
+      break;
+    }
+    let hasViolations = false;
+    for (const item of flexItems) {
+      if (item.isFrozen) continue;
+      const scaledShrink = item.flexShrink * item.flexBasis;
+      const shrinkShare = remainingSpace * scaledShrink / totalScaledShrink;
+      let targetSize = item.flexBasis - shrinkShare;
+      if (item.minSize !== void 0 && targetSize < item.minSize) {
+        targetSize = item.minSize;
+        item.isFrozen = true;
+        hasViolations = true;
+      } else if (item.maxSize !== void 0 && targetSize > item.maxSize) {
+        targetSize = item.maxSize;
+        item.isFrozen = true;
+        hasViolations = true;
+      }
+      item.targetSize = targetSize;
+    }
+    if (!hasViolations) {
+      break;
+    }
+    remainingSpace = Math.abs(freeSpace);
+    for (const item of flexItems) {
+      if (item.isFrozen) {
+        remainingSpace -= item.flexBasis - item.targetSize;
+      }
+    }
+  }
+  for (const item of flexItems) {
+    if (!item.isFrozen) ;
+  }
+}
+function hasFlexChildren(children) {
+  return children.some((child) => {
+    const props = child.child.__layoutProps;
+    return props?.flex !== void 0 && props.flex > 0 || props?.flexShrink !== void 0 || props?.flexBasis !== void 0;
+  });
+}
+exports.distributeFlexSpace = distributeFlexSpace;
+exports.hasFlexChildren = hasFlexChildren;
+//# sourceMappingURL=flex-distributor.cjs.map

package/dist/layout/utils/flex-distributor.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex-distributor.cjs","sources":["../../../src/layout/utils/flex-distributor.ts"],"sourcesContent":["/**\n * Flex distribution utilities - handles flexbox logic (grow, shrink, basis) for layout children\n */\nimport type { LayoutChild } from '../types'\nimport { parseSize, resolveSize } from './size-resolver'\n\n/**\n * Flex item data structure\n */\ninterface FlexItem {\n  child: LayoutChild\n  index: number\n  flexGrow: number\n  flexShrink: number\n  flexBasis: number\n  minSize: number | undefined\n  maxSize: number | undefined\n  isFrozen: boolean\n  targetSize: number\n}\n\n/**\n * Calculate flex distribution for children\n * Implements flexbox algorithm with grow, shrink, and basis support\n * Respects min/max constraints during distribution\n * @param children - Layout children\n * @param availableSpace - Total available space on main axis\n * @param direction - Layout direction ('row' or 'column')\n * @returns Updated children with flex sizes resolved\n */\nexport function distributeFlexSpace(\n  children: LayoutChild[],\n  availableSpace: number,\n  direction: 'row' | 'column' | 'stack'\n): LayoutChild[] {\n  if (direction === 'stack') {\n    return children // Stack doesn't use flex\n  }\n\n  // Phase 1: Identify flex items and non-flex items\n  const flexItems: FlexItem[] = []\n  let nonFlexSpace = 0\n\n  children.forEach((layoutChild, index) => {\n    const props = layoutChild.child.__layoutProps\n    const hasExplicitFlex = props?.flex !== undefined\n    const hasExplicitShrink = props?.flexShrink !== undefined\n    const hasExplicitBasis = props?.flexBasis !== undefined\n\n    const flexGrow = props?.flex ?? 0\n    // Only default flexShrink to 1 if element explicitly participates in flex\n    const flexShrink =\n      props?.flexShrink !== undefined\n        ? props.flexShrink\n        : hasExplicitFlex || hasExplicitBasis\n          ? 1\n          : 0\n    const flexBasis = props?.flexBasis\n\n    const margin = layoutChild.margin\n    const marginSize =\n      direction === 'row'\n        ? (margin.left ?? 0) + (margin.right ?? 0)\n        : (margin.top ?? 0) + (margin.bottom ?? 0)\n\n    // Resolve min/max constraints from SizeValue to pixels\n    const minSizeValue = direction === 'row' ? props?.minWidth : props?.minHeight\n    const maxSizeValue = direction === 'row' ? props?.maxWidth : props?.maxHeight\n    const currentSize = direction === 'row' ? layoutChild.size.width : layoutChild.size.height\n\n    const minSize =\n      minSizeValue !== undefined\n        ? resolveSize(parseSize(minSizeValue), availableSpace, currentSize, undefined)\n        : undefined\n    const maxSize =\n      maxSizeValue !== undefined\n        ? resolveSize(parseSize(maxSizeValue), availableSpace, currentSize, undefined)\n        : undefined\n\n    // Calculate flex-basis\n    let basisSize: number\n    if (flexBasis !== undefined) {\n      // Use explicit flex-basis\n      const parsedBasis = parseSize(flexBasis)\n      const currentSize = direction === 'row' ? layoutChild.size.width : layoutChild.size.height\n      basisSize = resolveSize(parsedBasis, availableSpace, currentSize, undefined)\n    } else {\n      // Use width/height as flex-basis\n      basisSize = direction === 'row' ? layoutChild.size.width : layoutChild.size.height\n    }\n\n    // Determine if this is a flex item\n    // An item is a flex item if it explicitly sets flex, flexShrink, or flexBasis\n    const isFlexItem = hasExplicitFlex || hasExplicitShrink || hasExplicitBasis\n\n    if (isFlexItem) {\n      flexItems.push({\n        child: layoutChild,\n        index,\n        flexGrow,\n        flexShrink,\n        flexBasis: basisSize,\n        minSize,\n        maxSize,\n        isFrozen: false,\n        targetSize: basisSize,\n      })\n\n      nonFlexSpace += marginSize\n    } else {\n      // Non-flex item - uses its current size\n      const size = direction === 'row' ? layoutChild.size.width : layoutChild.size.height\n      nonFlexSpace += size + marginSize\n    }\n  })\n\n  // No flex items - return as is\n  if (flexItems.length === 0) {\n    return children\n  }\n\n  // Phase 2: Calculate total flex-basis\n  let totalFlexBasis = flexItems.reduce((sum, item) => sum + item.flexBasis, 0)\n  let freeSpace = availableSpace - nonFlexSpace - totalFlexBasis\n\n  // Phase 3: Flex distribution (grow or shrink)\n  const updatedChildren = [...children]\n\n  if (freeSpace > 0) {\n    // GROW: Distribute positive free space\n    distributeGrow(flexItems, freeSpace)\n  } else if (freeSpace < 0) {\n    // SHRINK: Distribute negative free space\n    distributeShrink(flexItems, freeSpace)\n  } else {\n    // Exact fit - use flex-basis\n    flexItems.forEach((item) => {\n      item.targetSize = item.flexBasis\n    })\n  }\n\n  // Phase 4: Apply calculated sizes\n  flexItems.forEach((item) => {\n    if (direction === 'row') {\n      updatedChildren[item.index] = {\n        ...item.child,\n        size: {\n          ...item.child.size,\n          width: item.targetSize,\n        },\n      }\n    } else {\n      updatedChildren[item.index] = {\n        ...item.child,\n        size: {\n          ...item.child.size,\n          height: item.targetSize,\n        },\n      }\n    }\n  })\n\n  return updatedChildren\n}\n\n/**\n * Distribute positive free space using flex-grow\n * @param flexItems - Flex items to distribute space among\n * @param freeSpace - Positive free space to distribute\n */\nfunction distributeGrow(flexItems: FlexItem[], freeSpace: number): void {\n  let remainingSpace = freeSpace\n  const MAX_ITERATIONS = 10\n\n  for (let iteration = 0; iteration < MAX_ITERATIONS; iteration++) {\n    // Calculate total flex-grow of unfrozen items\n    const totalFlexGrow = flexItems\n      .filter((item) => !item.isFrozen)\n      .reduce((sum, item) => sum + item.flexGrow, 0)\n\n    if (totalFlexGrow === 0 || remainingSpace <= 0) {\n      break\n    }\n\n    let hasViolations = false\n\n    // Distribute space proportionally\n    for (const item of flexItems) {\n      if (item.isFrozen) continue\n\n      const growShare = (remainingSpace * item.flexGrow) / totalFlexGrow\n      let targetSize = item.flexBasis + growShare\n\n      // Apply min/max constraints\n      if (item.minSize !== undefined && targetSize < item.minSize) {\n        targetSize = item.minSize\n        item.isFrozen = true\n        hasViolations = true\n      } else if (item.maxSize !== undefined && targetSize > item.maxSize) {\n        targetSize = item.maxSize\n        item.isFrozen = true\n        hasViolations = true\n      }\n\n      item.targetSize = targetSize\n    }\n\n    if (!hasViolations) {\n      break // All items distributed without violations\n    }\n\n    // Recalculate remaining space for next iteration\n    remainingSpace = freeSpace\n    for (const item of flexItems) {\n      if (item.isFrozen) {\n        remainingSpace -= item.targetSize - item.flexBasis\n      }\n    }\n  }\n\n  // Set targetSize for any remaining unfrozen items\n  for (const item of flexItems) {\n    if (!item.isFrozen) {\n      // Already set in loop\n    }\n  }\n}\n\n/**\n * Distribute negative free space using flex-shrink\n * @param flexItems - Flex items to shrink\n * @param freeSpace - Negative free space (deficit)\n */\nfunction distributeShrink(flexItems: FlexItem[], freeSpace: number): void {\n  let remainingSpace = Math.abs(freeSpace)\n  const MAX_ITERATIONS = 10\n\n  for (let iteration = 0; iteration < MAX_ITERATIONS; iteration++) {\n    // Calculate scaled flex-shrink (shrink * basis)\n    const totalScaledShrink = flexItems\n      .filter((item) => !item.isFrozen)\n      .reduce((sum, item) => sum + item.flexShrink * item.flexBasis, 0)\n\n    if (totalScaledShrink === 0 || remainingSpace <= 0) {\n      break\n    }\n\n    let hasViolations = false\n\n    // Distribute shrinkage proportionally\n    for (const item of flexItems) {\n      if (item.isFrozen) continue\n\n      const scaledShrink = item.flexShrink * item.flexBasis\n      const shrinkShare = (remainingSpace * scaledShrink) / totalScaledShrink\n      let targetSize = item.flexBasis - shrinkShare\n\n      // Apply min/max constraints\n      if (item.minSize !== undefined && targetSize < item.minSize) {\n        targetSize = item.minSize\n        item.isFrozen = true\n        hasViolations = true\n      } else if (item.maxSize !== undefined && targetSize > item.maxSize) {\n        targetSize = item.maxSize\n        item.isFrozen = true\n        hasViolations = true\n      }\n\n      item.targetSize = targetSize\n    }\n\n    if (!hasViolations) {\n      break // All items shrunk without violations\n    }\n\n    // Recalculate remaining space for next iteration\n    remainingSpace = Math.abs(freeSpace)\n    for (const item of flexItems) {\n      if (item.isFrozen) {\n        remainingSpace -= item.flexBasis - item.targetSize\n      }\n    }\n  }\n\n  // Set targetSize for any remaining unfrozen items\n  for (const item of flexItems) {\n    if (!item.isFrozen) {\n      // Already set in loop\n    }\n  }\n}\n\n/**\n * Check if any children have flex properties (flex, flexShrink, or flexBasis)\n * @param children - Layout children\n * @returns True if at least one child participates in flexbox\n */\nexport function hasFlexChildren(children: LayoutChild[]): boolean {\n  return children.some((child) => {\n    const props = child.child.__layoutProps\n    return (\n      (props?.flex !== undefined && props.flex > 0) ||\n      props?.flexShrink !== undefined ||\n      props?.flexBasis !== undefined\n    )\n  })\n}\n"],"names":["resolveSize","parseSize","currentSize"],"mappings":"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"}

package/dist/layout/utils/flex-distributor.d.ts

@@ -0,0 +1,18 @@
+import { LayoutChild } from '../types';
+/**
+ * Calculate flex distribution for children
+ * Implements flexbox algorithm with grow, shrink, and basis support
+ * Respects min/max constraints during distribution
+ * @param children - Layout children
+ * @param availableSpace - Total available space on main axis
+ * @param direction - Layout direction ('row' or 'column')
+ * @returns Updated children with flex sizes resolved
+ */
+export declare function distributeFlexSpace(children: LayoutChild[], availableSpace: number, direction: 'row' | 'column' | 'stack'): LayoutChild[];
+/**
+ * Check if any children have flex properties (flex, flexShrink, or flexBasis)
+ * @param children - Layout children
+ * @returns True if at least one child participates in flexbox
+ */
+export declare function hasFlexChildren(children: LayoutChild[]): boolean;
+//# sourceMappingURL=flex-distributor.d.ts.map

package/dist/layout/utils/flex-distributor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex-distributor.d.ts","sourceRoot":"","sources":["../../../src/layout/utils/flex-distributor.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAkB3C;;;;;;;;GAQG;AACH,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,WAAW,EAAE,EACvB,cAAc,EAAE,MAAM,EACtB,SAAS,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GACpC,WAAW,EAAE,CAiIf;AAiID;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,QAAQ,EAAE,WAAW,EAAE,GAAG,OAAO,CAShE"}

package/dist/layout/utils/flex-distributor.js

@@ -0,0 +1,173 @@
+import { resolveSize, parseSize } from "./size-resolver.js";
+function distributeFlexSpace(children, availableSpace, direction) {
+  if (direction === "stack") {
+    return children;
+  }
+  const flexItems = [];
+  let nonFlexSpace = 0;
+  children.forEach((layoutChild, index) => {
+    const props = layoutChild.child.__layoutProps;
+    const hasExplicitFlex = props?.flex !== void 0;
+    const hasExplicitShrink = props?.flexShrink !== void 0;
+    const hasExplicitBasis = props?.flexBasis !== void 0;
+    const flexGrow = props?.flex ?? 0;
+    const flexShrink = props?.flexShrink !== void 0 ? props.flexShrink : hasExplicitFlex || hasExplicitBasis ? 1 : 0;
+    const flexBasis = props?.flexBasis;
+    const margin = layoutChild.margin;
+    const marginSize = direction === "row" ? (margin.left ?? 0) + (margin.right ?? 0) : (margin.top ?? 0) + (margin.bottom ?? 0);
+    const minSizeValue = direction === "row" ? props?.minWidth : props?.minHeight;
+    const maxSizeValue = direction === "row" ? props?.maxWidth : props?.maxHeight;
+    const currentSize = direction === "row" ? layoutChild.size.width : layoutChild.size.height;
+    const minSize = minSizeValue !== void 0 ? resolveSize(parseSize(minSizeValue), availableSpace, currentSize, void 0) : void 0;
+    const maxSize = maxSizeValue !== void 0 ? resolveSize(parseSize(maxSizeValue), availableSpace, currentSize, void 0) : void 0;
+    let basisSize;
+    if (flexBasis !== void 0) {
+      const parsedBasis = parseSize(flexBasis);
+      const currentSize2 = direction === "row" ? layoutChild.size.width : layoutChild.size.height;
+      basisSize = resolveSize(parsedBasis, availableSpace, currentSize2, void 0);
+    } else {
+      basisSize = direction === "row" ? layoutChild.size.width : layoutChild.size.height;
+    }
+    const isFlexItem = hasExplicitFlex || hasExplicitShrink || hasExplicitBasis;
+    if (isFlexItem) {
+      flexItems.push({
+        child: layoutChild,
+        index,
+        flexGrow,
+        flexShrink,
+        flexBasis: basisSize,
+        minSize,
+        maxSize,
+        isFrozen: false,
+        targetSize: basisSize
+      });
+      nonFlexSpace += marginSize;
+    } else {
+      const size = direction === "row" ? layoutChild.size.width : layoutChild.size.height;
+      nonFlexSpace += size + marginSize;
+    }
+  });
+  if (flexItems.length === 0) {
+    return children;
+  }
+  let totalFlexBasis = flexItems.reduce((sum, item) => sum + item.flexBasis, 0);
+  let freeSpace = availableSpace - nonFlexSpace - totalFlexBasis;
+  const updatedChildren = [...children];
+  if (freeSpace > 0) {
+    distributeGrow(flexItems, freeSpace);
+  } else if (freeSpace < 0) {
+    distributeShrink(flexItems, freeSpace);
+  } else {
+    flexItems.forEach((item) => {
+      item.targetSize = item.flexBasis;
+    });
+  }
+  flexItems.forEach((item) => {
+    if (direction === "row") {
+      updatedChildren[item.index] = {
+        ...item.child,
+        size: {
+          ...item.child.size,
+          width: item.targetSize
+        }
+      };
+    } else {
+      updatedChildren[item.index] = {
+        ...item.child,
+        size: {
+          ...item.child.size,
+          height: item.targetSize
+        }
+      };
+    }
+  });
+  return updatedChildren;
+}
+function distributeGrow(flexItems, freeSpace) {
+  let remainingSpace = freeSpace;
+  const MAX_ITERATIONS = 10;
+  for (let iteration = 0; iteration < MAX_ITERATIONS; iteration++) {
+    const totalFlexGrow = flexItems.filter((item) => !item.isFrozen).reduce((sum, item) => sum + item.flexGrow, 0);
+    if (totalFlexGrow === 0 || remainingSpace <= 0) {
+      break;
+    }
+    let hasViolations = false;
+    for (const item of flexItems) {
+      if (item.isFrozen) continue;
+      const growShare = remainingSpace * item.flexGrow / totalFlexGrow;
+      let targetSize = item.flexBasis + growShare;
+      if (item.minSize !== void 0 && targetSize < item.minSize) {
+        targetSize = item.minSize;
+        item.isFrozen = true;
+        hasViolations = true;
+      } else if (item.maxSize !== void 0 && targetSize > item.maxSize) {
+        targetSize = item.maxSize;
+        item.isFrozen = true;
+        hasViolations = true;
+      }
+      item.targetSize = targetSize;
+    }
+    if (!hasViolations) {
+      break;
+    }
+    remainingSpace = freeSpace;
+    for (const item of flexItems) {
+      if (item.isFrozen) {
+        remainingSpace -= item.targetSize - item.flexBasis;
+      }
+    }
+  }
+  for (const item of flexItems) {
+    if (!item.isFrozen) ;
+  }
+}
+function distributeShrink(flexItems, freeSpace) {
+  let remainingSpace = Math.abs(freeSpace);
+  const MAX_ITERATIONS = 10;
+  for (let iteration = 0; iteration < MAX_ITERATIONS; iteration++) {
+    const totalScaledShrink = flexItems.filter((item) => !item.isFrozen).reduce((sum, item) => sum + item.flexShrink * item.flexBasis, 0);
+    if (totalScaledShrink === 0 || remainingSpace <= 0) {
+      break;
+    }
+    let hasViolations = false;
+    for (const item of flexItems) {
+      if (item.isFrozen) continue;
+      const scaledShrink = item.flexShrink * item.flexBasis;
+      const shrinkShare = remainingSpace * scaledShrink / totalScaledShrink;
+      let targetSize = item.flexBasis - shrinkShare;
+      if (item.minSize !== void 0 && targetSize < item.minSize) {
+        targetSize = item.minSize;
+        item.isFrozen = true;
+        hasViolations = true;
+      } else if (item.maxSize !== void 0 && targetSize > item.maxSize) {
+        targetSize = item.maxSize;
+        item.isFrozen = true;
+        hasViolations = true;
+      }
+      item.targetSize = targetSize;
+    }
+    if (!hasViolations) {
+      break;
+    }
+    remainingSpace = Math.abs(freeSpace);
+    for (const item of flexItems) {
+      if (item.isFrozen) {
+        remainingSpace -= item.flexBasis - item.targetSize;
+      }
+    }
+  }
+  for (const item of flexItems) {
+    if (!item.isFrozen) ;
+  }
+}
+function hasFlexChildren(children) {
+  return children.some((child) => {
+    const props = child.child.__layoutProps;
+    return props?.flex !== void 0 && props.flex > 0 || props?.flexShrink !== void 0 || props?.flexBasis !== void 0;
+  });
+}
+export {
+  distributeFlexSpace,
+  hasFlexChildren
+};
+//# sourceMappingURL=flex-distributor.js.map

package/dist/layout/utils/flex-distributor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"flex-distributor.js","sources":["../../../src/layout/utils/flex-distributor.ts"],"sourcesContent":["/**\n * Flex distribution utilities - handles flexbox logic (grow, shrink, basis) for layout children\n */\nimport type { LayoutChild } from '../types'\nimport { parseSize, resolveSize } from './size-resolver'\n\n/**\n * Flex item data structure\n */\ninterface FlexItem {\n  child: LayoutChild\n  index: number\n  flexGrow: number\n  flexShrink: number\n  flexBasis: number\n  minSize: number | undefined\n  maxSize: number | undefined\n  isFrozen: boolean\n  targetSize: number\n}\n\n/**\n * Calculate flex distribution for children\n * Implements flexbox algorithm with grow, shrink, and basis support\n * Respects min/max constraints during distribution\n * @param children - Layout children\n * @param availableSpace - Total available space on main axis\n * @param direction - Layout direction ('row' or 'column')\n * @returns Updated children with flex sizes resolved\n */\nexport function distributeFlexSpace(\n  children: LayoutChild[],\n  availableSpace: number,\n  direction: 'row' | 'column' | 'stack'\n): LayoutChild[] {\n  if (direction === 'stack') {\n    return children // Stack doesn't use flex\n  }\n\n  // Phase 1: Identify flex items and non-flex items\n  const flexItems: FlexItem[] = []\n  let nonFlexSpace = 0\n\n  children.forEach((layoutChild, index) => {\n    const props = layoutChild.child.__layoutProps\n    const hasExplicitFlex = props?.flex !== undefined\n    const hasExplicitShrink = props?.flexShrink !== undefined\n    const hasExplicitBasis = props?.flexBasis !== undefined\n\n    const flexGrow = props?.flex ?? 0\n    // Only default flexShrink to 1 if element explicitly participates in flex\n    const flexShrink =\n      props?.flexShrink !== undefined\n        ? props.flexShrink\n        : hasExplicitFlex || hasExplicitBasis\n          ? 1\n          : 0\n    const flexBasis = props?.flexBasis\n\n    const margin = layoutChild.margin\n    const marginSize =\n      direction === 'row'\n        ? (margin.left ?? 0) + (margin.right ?? 0)\n        : (margin.top ?? 0) + (margin.bottom ?? 0)\n\n    // Resolve min/max constraints from SizeValue to pixels\n    const minSizeValue = direction === 'row' ? props?.minWidth : props?.minHeight\n    const maxSizeValue = direction === 'row' ? props?.maxWidth : props?.maxHeight\n    const currentSize = direction === 'row' ? layoutChild.size.width : layoutChild.size.height\n\n    const minSize =\n      minSizeValue !== undefined\n        ? resolveSize(parseSize(minSizeValue), availableSpace, currentSize, undefined)\n        : undefined\n    const maxSize =\n      maxSizeValue !== undefined\n        ? resolveSize(parseSize(maxSizeValue), availableSpace, currentSize, undefined)\n        : undefined\n\n    // Calculate flex-basis\n    let basisSize: number\n    if (flexBasis !== undefined) {\n      // Use explicit flex-basis\n      const parsedBasis = parseSize(flexBasis)\n      const currentSize = direction === 'row' ? layoutChild.size.width : layoutChild.size.height\n      basisSize = resolveSize(parsedBasis, availableSpace, currentSize, undefined)\n    } else {\n      // Use width/height as flex-basis\n      basisSize = direction === 'row' ? layoutChild.size.width : layoutChild.size.height\n    }\n\n    // Determine if this is a flex item\n    // An item is a flex item if it explicitly sets flex, flexShrink, or flexBasis\n    const isFlexItem = hasExplicitFlex || hasExplicitShrink || hasExplicitBasis\n\n    if (isFlexItem) {\n      flexItems.push({\n        child: layoutChild,\n        index,\n        flexGrow,\n        flexShrink,\n        flexBasis: basisSize,\n        minSize,\n        maxSize,\n        isFrozen: false,\n        targetSize: basisSize,\n      })\n\n      nonFlexSpace += marginSize\n    } else {\n      // Non-flex item - uses its current size\n      const size = direction === 'row' ? layoutChild.size.width : layoutChild.size.height\n      nonFlexSpace += size + marginSize\n    }\n  })\n\n  // No flex items - return as is\n  if (flexItems.length === 0) {\n    return children\n  }\n\n  // Phase 2: Calculate total flex-basis\n  let totalFlexBasis = flexItems.reduce((sum, item) => sum + item.flexBasis, 0)\n  let freeSpace = availableSpace - nonFlexSpace - totalFlexBasis\n\n  // Phase 3: Flex distribution (grow or shrink)\n  const updatedChildren = [...children]\n\n  if (freeSpace > 0) {\n    // GROW: Distribute positive free space\n    distributeGrow(flexItems, freeSpace)\n  } else if (freeSpace < 0) {\n    // SHRINK: Distribute negative free space\n    distributeShrink(flexItems, freeSpace)\n  } else {\n    // Exact fit - use flex-basis\n    flexItems.forEach((item) => {\n      item.targetSize = item.flexBasis\n    })\n  }\n\n  // Phase 4: Apply calculated sizes\n  flexItems.forEach((item) => {\n    if (direction === 'row') {\n      updatedChildren[item.index] = {\n        ...item.child,\n        size: {\n          ...item.child.size,\n          width: item.targetSize,\n        },\n      }\n    } else {\n      updatedChildren[item.index] = {\n        ...item.child,\n        size: {\n          ...item.child.size,\n          height: item.targetSize,\n        },\n      }\n    }\n  })\n\n  return updatedChildren\n}\n\n/**\n * Distribute positive free space using flex-grow\n * @param flexItems - Flex items to distribute space among\n * @param freeSpace - Positive free space to distribute\n */\nfunction distributeGrow(flexItems: FlexItem[], freeSpace: number): void {\n  let remainingSpace = freeSpace\n  const MAX_ITERATIONS = 10\n\n  for (let iteration = 0; iteration < MAX_ITERATIONS; iteration++) {\n    // Calculate total flex-grow of unfrozen items\n    const totalFlexGrow = flexItems\n      .filter((item) => !item.isFrozen)\n      .reduce((sum, item) => sum + item.flexGrow, 0)\n\n    if (totalFlexGrow === 0 || remainingSpace <= 0) {\n      break\n    }\n\n    let hasViolations = false\n\n    // Distribute space proportionally\n    for (const item of flexItems) {\n      if (item.isFrozen) continue\n\n      const growShare = (remainingSpace * item.flexGrow) / totalFlexGrow\n      let targetSize = item.flexBasis + growShare\n\n      // Apply min/max constraints\n      if (item.minSize !== undefined && targetSize < item.minSize) {\n        targetSize = item.minSize\n        item.isFrozen = true\n        hasViolations = true\n      } else if (item.maxSize !== undefined && targetSize > item.maxSize) {\n        targetSize = item.maxSize\n        item.isFrozen = true\n        hasViolations = true\n      }\n\n      item.targetSize = targetSize\n    }\n\n    if (!hasViolations) {\n      break // All items distributed without violations\n    }\n\n    // Recalculate remaining space for next iteration\n    remainingSpace = freeSpace\n    for (const item of flexItems) {\n      if (item.isFrozen) {\n        remainingSpace -= item.targetSize - item.flexBasis\n      }\n    }\n  }\n\n  // Set targetSize for any remaining unfrozen items\n  for (const item of flexItems) {\n    if (!item.isFrozen) {\n      // Already set in loop\n    }\n  }\n}\n\n/**\n * Distribute negative free space using flex-shrink\n * @param flexItems - Flex items to shrink\n * @param freeSpace - Negative free space (deficit)\n */\nfunction distributeShrink(flexItems: FlexItem[], freeSpace: number): void {\n  let remainingSpace = Math.abs(freeSpace)\n  const MAX_ITERATIONS = 10\n\n  for (let iteration = 0; iteration < MAX_ITERATIONS; iteration++) {\n    // Calculate scaled flex-shrink (shrink * basis)\n    const totalScaledShrink = flexItems\n      .filter((item) => !item.isFrozen)\n      .reduce((sum, item) => sum + item.flexShrink * item.flexBasis, 0)\n\n    if (totalScaledShrink === 0 || remainingSpace <= 0) {\n      break\n    }\n\n    let hasViolations = false\n\n    // Distribute shrinkage proportionally\n    for (const item of flexItems) {\n      if (item.isFrozen) continue\n\n      const scaledShrink = item.flexShrink * item.flexBasis\n      const shrinkShare = (remainingSpace * scaledShrink) / totalScaledShrink\n      let targetSize = item.flexBasis - shrinkShare\n\n      // Apply min/max constraints\n      if (item.minSize !== undefined && targetSize < item.minSize) {\n        targetSize = item.minSize\n        item.isFrozen = true\n        hasViolations = true\n      } else if (item.maxSize !== undefined && targetSize > item.maxSize) {\n        targetSize = item.maxSize\n        item.isFrozen = true\n        hasViolations = true\n      }\n\n      item.targetSize = targetSize\n    }\n\n    if (!hasViolations) {\n      break // All items shrunk without violations\n    }\n\n    // Recalculate remaining space for next iteration\n    remainingSpace = Math.abs(freeSpace)\n    for (const item of flexItems) {\n      if (item.isFrozen) {\n        remainingSpace -= item.flexBasis - item.targetSize\n      }\n    }\n  }\n\n  // Set targetSize for any remaining unfrozen items\n  for (const item of flexItems) {\n    if (!item.isFrozen) {\n      // Already set in loop\n    }\n  }\n}\n\n/**\n * Check if any children have flex properties (flex, flexShrink, or flexBasis)\n * @param children - Layout children\n * @returns True if at least one child participates in flexbox\n */\nexport function hasFlexChildren(children: LayoutChild[]): boolean {\n  return children.some((child) => {\n    const props = child.child.__layoutProps\n    return (\n      (props?.flex !== undefined && props.flex > 0) ||\n      props?.flexShrink !== undefined ||\n      props?.flexBasis !== undefined\n    )\n  })\n}\n"],"names":["currentSize"],"mappings":"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"}