@hypen-space/web 0.4.2 → 0.4.5

package/dist/canvas/input.d.ts

@@ -0,0 +1,63 @@
+/**
+ * Input Overlay System
+ *
+ * Handle text input using DOM overlay elements
+ */
+import type { VirtualNode } from "./types.js";
+/** Minimal engine interface for dispatching bind actions */
+interface BindEngine {
+    dispatchAction(name: string, payload?: unknown): void;
+}
+/**
+ * Input Overlay Manager
+ */
+export declare class InputOverlay {
+    private container;
+    private overlay;
+    private focusedNode;
+    private onChangeCallback;
+    private bindPath;
+    private engine;
+    constructor(container: HTMLElement | null);
+    /**
+     * Show input overlay for a node
+     */
+    showInput(node: VirtualNode, canvasBounds: DOMRect, onChange: (value: string) => void, engine?: BindEngine | null): void;
+    /**
+     * Hide input overlay
+     */
+    hideInput(): void;
+    /**
+     * Update overlay position
+     */
+    updatePosition(node: VirtualNode, canvasBounds: DOMRect): void;
+    /**
+     * Style overlay to match canvas node
+     */
+    private styleOverlay;
+    /**
+     * Position overlay over canvas node
+     */
+    private positionOverlay;
+    /**
+     * Handle input event
+     */
+    private onInput;
+    /**
+     * Handle blur event
+     */
+    private onBlur;
+    /**
+     * Handle keyboard events
+     */
+    private onKeyDown;
+    /**
+     * Check if input is currently shown
+     */
+    isShown(): boolean;
+    /**
+     * Get current focused node
+     */
+    getFocusedNode(): VirtualNode | null;
+}
+export {};

package/dist/canvas/input.js

@@ -156,13 +156,17 @@ class InputOverlay {
   overlay = null;
   focusedNode = null;
   onChangeCallback = null;
+  bindPath = null;
+  engine = null;
   constructor(container) {
     this.container = container || {};
   }
-  showInput(node, canvasBounds, onChange) {
+  showInput(node, canvasBounds, onChange, engine) {
     if (typeof document === "undefined")
       return;
     this.hideInput();
+    this.bindPath = node.props.bind || null;
+    this.engine = engine || null;
     const bounds = getAbsoluteBounds(node);
     if (!bounds)
       return;
@@ -186,6 +190,8 @@ class InputOverlay {
     }
     this.focusedNode = null;
     this.onChangeCallback = null;
+    this.bindPath = null;
+    this.engine = null;
   }
   updatePosition(node, canvasBounds) {
     if (!this.overlay || node !== this.focusedNode)
@@ -247,6 +253,12 @@ class InputOverlay {
       return;
     const value = this.overlay.value;
     this.onChangeCallback(value);
+    if (this.bindPath && this.engine) {
+      this.engine.dispatchAction("__hypen_bind", {
+        path: this.bindPath,
+        value
+      });
+    }
   }
   onBlur() {
     this.hideInput();
@@ -274,4 +286,4 @@ export {
   InputOverlay
 };
 
-//# debugId=D10A1E6BEB4037D364756E2164756E21
+//# debugId=E146AC92E5A01CFA64756E2164756E21

package/dist/canvas/input.js.map

@@ -3,9 +3,9 @@
   "sources": ["../src/canvas/utils.ts", "../src/canvas/input.ts"],
   "sourcesContent": [
     "/**\n * Canvas Renderer Utilities\n *\n * Common utility functions\n */\n\nimport type { BoxSpacing, Rectangle, Point, VirtualNode } from \"./types.js\";\n\n/**\n * Parse spacing value (margin, padding)\n * Supports: number, \"10\", \"10 20\", \"10 20 30 40\"\n */\nexport function parseSpacing(value: any): BoxSpacing {\n  if (typeof value === \"number\") {\n    return { top: value, right: value, bottom: value, left: value };\n  }\n\n  if (typeof value === \"string\") {\n    const parts = value.split(/\\s+/).map((v) => parseFloat(v) || 0);\n    if (parts.length === 1) {\n      return { top: parts[0], right: parts[0], bottom: parts[0], left: parts[0] };\n    }\n    if (parts.length === 2) {\n      return { top: parts[0], right: parts[1], bottom: parts[0], left: parts[1] };\n    }\n    if (parts.length === 4) {\n      return { top: parts[0], right: parts[1], bottom: parts[2], left: parts[3] };\n    }\n  }\n\n  if (typeof value === \"object\" && value !== null) {\n    return {\n      top: parseFloat(value.top) || 0,\n      right: parseFloat(value.right) || 0,\n      bottom: parseFloat(value.bottom) || 0,\n      left: parseFloat(value.left) || 0,\n    };\n  }\n\n  return { top: 0, right: 0, bottom: 0, left: 0 };\n}\n\n/**\n * Parse size value (width, height)\n * Returns pixel value or null for \"auto\"\n */\nexport function parseSize(value: any): number | null {\n  if (typeof value === \"number\") return value;\n  if (typeof value === \"string\") {\n    if (value === \"auto\") return null;\n    const num = parseFloat(value);\n    return isNaN(num) ? null : num;\n  }\n  return null;\n}\n\n/**\n * Check if point is inside rectangle\n */\nexport function isPointInRect(point: Point, rect: Rectangle): boolean {\n  return (\n    point.x >= rect.x &&\n    point.x <= rect.x + rect.width &&\n    point.y >= rect.y &&\n    point.y <= rect.y + rect.height\n  );\n}\n\n/**\n * Check if point is inside rounded rectangle\n */\nexport function isPointInRoundedRect(\n  point: Point,\n  rect: Rectangle,\n  radius: number\n): boolean {\n  const { x, y, width, height } = rect;\n\n  // Quick reject if outside bounding box\n  if (!isPointInRect(point, rect)) return false;\n\n  // No radius means simple rectangle\n  if (radius <= 0) return true;\n\n  const px = point.x;\n  const py = point.y;\n\n  // Check corners\n  // Top-left\n  if (px < x + radius && py < y + radius) {\n    return Math.pow(px - (x + radius), 2) + Math.pow(py - (y + radius), 2) <= Math.pow(radius, 2);\n  }\n\n  // Top-right\n  if (px > x + width - radius && py < y + radius) {\n    return (\n      Math.pow(px - (x + width - radius), 2) + Math.pow(py - (y + radius), 2) <=\n      Math.pow(radius, 2)\n    );\n  }\n\n  // Bottom-left\n  if (px < x + radius && py > y + height - radius) {\n    return (\n      Math.pow(px - (x + radius), 2) + Math.pow(py - (y + height - radius), 2) <=\n      Math.pow(radius, 2)\n    );\n  }\n\n  // Bottom-right\n  if (px > x + width - radius && py > y + height - radius) {\n    return (\n      Math.pow(px - (x + width - radius), 2) + Math.pow(py - (y + height - radius), 2) <=\n      Math.pow(radius, 2)\n    );\n  }\n\n  // Inside rectangle\n  return true;\n}\n\n/**\n * Merge rectangles into bounding box\n */\nexport function mergeRects(rects: Rectangle[]): Rectangle | null {\n  if (rects.length === 0) return null;\n  if (rects.length === 1) return rects[0];\n\n  let minX = Infinity;\n  let minY = Infinity;\n  let maxX = -Infinity;\n  let maxY = -Infinity;\n\n  for (const rect of rects) {\n    minX = Math.min(minX, rect.x);\n    minY = Math.min(minY, rect.y);\n    maxX = Math.max(maxX, rect.x + rect.width);\n    maxY = Math.max(maxY, rect.y + rect.height);\n  }\n\n  return {\n    x: minX,\n    y: minY,\n    width: maxX - minX,\n    height: maxY - minY,\n  };\n}\n\n/**\n * Create a canvas font string from font style\n */\nexport function createFontString(\n  fontSize: number,\n  fontWeight: string | number,\n  fontFamily: string\n): string {\n  return `${fontWeight} ${fontSize}px ${fontFamily}`;\n}\n\n/**\n * Walk tree depth-first\n */\nexport function walkTree(node: VirtualNode, callback: (node: VirtualNode) => void): void {\n  callback(node);\n  for (const child of node.children) {\n    walkTree(child, callback);\n  }\n}\n\n/**\n * Find node by ID in tree\n */\nexport function findNodeById(root: VirtualNode, id: string): VirtualNode | null {\n  if (root.id === id) return root;\n\n  for (const child of root.children) {\n    const found = findNodeById(child, id);\n    if (found) return found;\n  }\n\n  return null;\n}\n\n/**\n * Get absolute bounds of node (including transformations)\n */\nexport function getAbsoluteBounds(node: VirtualNode): Rectangle | null {\n  if (!node.layout) return null;\n\n  let x = node.layout.x;\n  let y = node.layout.y;\n\n  // Walk up tree to accumulate offsets\n  let current = node.parent;\n  while (current && current.layout) {\n    x += current.layout.contentX;\n    y += current.layout.contentY;\n    current = current.parent;\n  }\n\n  return {\n    x,\n    y,\n    width: node.layout.width,\n    height: node.layout.height,\n  };\n}\n\n\n\n\n\n\n\n\n\n\n\n",
-    "/**\n * Input Overlay System\n *\n * Handle text input using DOM overlay elements\n */\n\nimport type { VirtualNode, Rectangle } from \"./types.js\";\nimport { getAbsoluteBounds } from \"./utils.js\";\n\n/**\n * Input Overlay Manager\n */\nexport class InputOverlay {\n  private container: HTMLElement;\n  private overlay: HTMLInputElement | HTMLTextAreaElement | null = null;\n  private focusedNode: VirtualNode | null = null;\n  private onChangeCallback: ((value: string) => void) | null = null;\n\n  constructor(container: HTMLElement | null) {\n    this.container = container || ({} as HTMLElement);\n  }\n\n  /**\n   * Show input overlay for a node\n   */\n  showInput(\n    node: VirtualNode,\n    canvasBounds: DOMRect,\n    onChange: (value: string) => void\n  ): void {\n    // Skip if document is not available (non-browser environment)\n    if (typeof document === \"undefined\") return;\n\n    this.hideInput();\n\n    const bounds = getAbsoluteBounds(node);\n    if (!bounds) return;\n\n    const isMultiline = node.type === \"textarea\";\n    this.overlay = isMultiline\n      ? document.createElement(\"textarea\")\n      : document.createElement(\"input\");\n\n    // Style overlay\n    this.styleOverlay(node, bounds, canvasBounds);\n\n    // Set initial value\n    const value = node.props.value || \"\";\n    this.overlay.value = value;\n\n    // Setup event handlers\n    this.onChangeCallback = onChange;\n    this.overlay.addEventListener(\"input\", this.onInput.bind(this));\n    this.overlay.addEventListener(\"blur\", this.onBlur.bind(this));\n    this.overlay.addEventListener(\"keydown\", this.onKeyDown.bind(this) as EventListener);\n\n    // Add to DOM and focus\n    this.container.appendChild(this.overlay);\n    this.overlay.focus();\n\n    this.focusedNode = node;\n  }\n\n  /**\n   * Hide input overlay\n   */\n  hideInput(): void {\n    if (this.overlay) {\n      this.overlay.remove();\n      this.overlay = null;\n    }\n    this.focusedNode = null;\n    this.onChangeCallback = null;\n  }\n\n  /**\n   * Update overlay position\n   */\n  updatePosition(node: VirtualNode, canvasBounds: DOMRect): void {\n    if (!this.overlay || node !== this.focusedNode) return;\n\n    const bounds = getAbsoluteBounds(node);\n    if (!bounds) return;\n\n    this.positionOverlay(bounds, canvasBounds);\n  }\n\n  /**\n   * Style overlay to match canvas node\n   */\n  private styleOverlay(\n    node: VirtualNode,\n    bounds: Rectangle,\n    canvasBounds: DOMRect\n  ): void {\n    if (!this.overlay) return;\n\n    const props = node.props;\n\n    // Position\n    this.positionOverlay(bounds, canvasBounds);\n\n    // Font and text styling\n    const fontSize = parseFloat(props.fontSize) || 16;\n    const fontWeight = props.fontWeight || \"normal\";\n    const fontFamily = props.fontFamily || \"system-ui, sans-serif\";\n    const color = props.color || \"#000000\";\n\n    Object.assign(this.overlay.style, {\n      fontSize: `${fontSize}px`,\n      fontWeight: fontWeight,\n      fontFamily: fontFamily,\n      color: color,\n      border: \"none\",\n      outline: \"2px solid #007bff\",\n      backgroundColor: props.backgroundColor || \"#ffffff\",\n      padding: `${props.padding || 8}px`,\n      borderRadius: `${props.borderRadius || 4}px`,\n      boxSizing: \"border-box\",\n      resize: \"none\",\n    });\n\n    // Placeholder\n    if (props.placeholder) {\n      this.overlay.placeholder = props.placeholder;\n    }\n\n    // Input type\n    if (this.overlay instanceof HTMLInputElement && props.type) {\n      this.overlay.type = props.type;\n    }\n  }\n\n  /**\n   * Position overlay over canvas node\n   */\n  private positionOverlay(bounds: Rectangle, canvasBounds: DOMRect): void {\n    if (!this.overlay) return;\n\n    // Calculate scale factor between canvas and display\n    const canvas = this.container.querySelector(\"canvas\") as HTMLCanvasElement;\n    const scaleX = canvasBounds.width / canvas.width;\n    const scaleY = canvasBounds.height / canvas.height;\n\n    const left = bounds.x * scaleX;\n    const top = bounds.y * scaleY;\n    const width = bounds.width * scaleX;\n    const height = bounds.height * scaleY;\n\n    Object.assign(this.overlay.style, {\n      position: \"absolute\",\n      left: `${left}px`,\n      top: `${top}px`,\n      width: `${width}px`,\n      height: `${height}px`,\n    });\n  }\n\n  /**\n   * Handle input event\n   */\n  private onInput(e: Event): void {\n    if (!this.overlay || !this.onChangeCallback) return;\n\n    const value = this.overlay.value;\n    this.onChangeCallback(value);\n  }\n\n  /**\n   * Handle blur event\n   */\n  private onBlur(): void {\n    // Hide overlay when focus is lost\n    this.hideInput();\n  }\n\n  /**\n   * Handle keyboard events\n   */\n  private onKeyDown(e: KeyboardEvent): void {\n    if (!this.overlay) return;\n\n    // Enter key submits (unless multiline)\n    if (e.key === \"Enter\" && this.overlay instanceof HTMLInputElement) {\n      e.preventDefault();\n      this.overlay.blur();\n    }\n\n    // Escape cancels\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      this.overlay.blur();\n    }\n  }\n\n  /**\n   * Check if input is currently shown\n   */\n  isShown(): boolean {\n    return this.overlay !== null;\n  }\n\n  /**\n   * Get current focused node\n   */\n  getFocusedNode(): VirtualNode | null {\n    return this.focusedNode;\n  }\n}\n\n"
+    "/**\n * Input Overlay System\n *\n * Handle text input using DOM overlay elements\n */\n\nimport type { VirtualNode, Rectangle } from \"./types.js\";\nimport { getAbsoluteBounds } from \"./utils.js\";\n\n/** Minimal engine interface for dispatching bind actions */\ninterface BindEngine {\n  dispatchAction(name: string, payload?: unknown): void;\n}\n\n/**\n * Input Overlay Manager\n */\nexport class InputOverlay {\n  private container: HTMLElement;\n  private overlay: HTMLInputElement | HTMLTextAreaElement | null = null;\n  private focusedNode: VirtualNode | null = null;\n  private onChangeCallback: ((value: string) => void) | null = null;\n  private bindPath: string | null = null;\n  private engine: BindEngine | null = null;\n\n  constructor(container: HTMLElement | null) {\n    this.container = container || ({} as HTMLElement);\n  }\n\n  /**\n   * Show input overlay for a node\n   */\n  showInput(\n    node: VirtualNode,\n    canvasBounds: DOMRect,\n    onChange: (value: string) => void,\n    engine?: BindEngine | null\n  ): void {\n    // Skip if document is not available (non-browser environment)\n    if (typeof document === \"undefined\") return;\n\n    this.hideInput();\n\n    // Store bind path and engine for two-way binding\n    this.bindPath = (node.props.bind as string) || null;\n    this.engine = engine || null;\n\n    const bounds = getAbsoluteBounds(node);\n    if (!bounds) return;\n\n    const isMultiline = node.type === \"textarea\";\n    this.overlay = isMultiline\n      ? document.createElement(\"textarea\")\n      : document.createElement(\"input\");\n\n    // Style overlay\n    this.styleOverlay(node, bounds, canvasBounds);\n\n    // Set initial value\n    const value = node.props.value || \"\";\n    this.overlay.value = value;\n\n    // Setup event handlers\n    this.onChangeCallback = onChange;\n    this.overlay.addEventListener(\"input\", this.onInput.bind(this));\n    this.overlay.addEventListener(\"blur\", this.onBlur.bind(this));\n    this.overlay.addEventListener(\"keydown\", this.onKeyDown.bind(this) as EventListener);\n\n    // Add to DOM and focus\n    this.container.appendChild(this.overlay);\n    this.overlay.focus();\n\n    this.focusedNode = node;\n  }\n\n  /**\n   * Hide input overlay\n   */\n  hideInput(): void {\n    if (this.overlay) {\n      this.overlay.remove();\n      this.overlay = null;\n    }\n    this.focusedNode = null;\n    this.onChangeCallback = null;\n    this.bindPath = null;\n    this.engine = null;\n  }\n\n  /**\n   * Update overlay position\n   */\n  updatePosition(node: VirtualNode, canvasBounds: DOMRect): void {\n    if (!this.overlay || node !== this.focusedNode) return;\n\n    const bounds = getAbsoluteBounds(node);\n    if (!bounds) return;\n\n    this.positionOverlay(bounds, canvasBounds);\n  }\n\n  /**\n   * Style overlay to match canvas node\n   */\n  private styleOverlay(\n    node: VirtualNode,\n    bounds: Rectangle,\n    canvasBounds: DOMRect\n  ): void {\n    if (!this.overlay) return;\n\n    const props = node.props;\n\n    // Position\n    this.positionOverlay(bounds, canvasBounds);\n\n    // Font and text styling\n    const fontSize = parseFloat(props.fontSize) || 16;\n    const fontWeight = props.fontWeight || \"normal\";\n    const fontFamily = props.fontFamily || \"system-ui, sans-serif\";\n    const color = props.color || \"#000000\";\n\n    Object.assign(this.overlay.style, {\n      fontSize: `${fontSize}px`,\n      fontWeight: fontWeight,\n      fontFamily: fontFamily,\n      color: color,\n      border: \"none\",\n      outline: \"2px solid #007bff\",\n      backgroundColor: props.backgroundColor || \"#ffffff\",\n      padding: `${props.padding || 8}px`,\n      borderRadius: `${props.borderRadius || 4}px`,\n      boxSizing: \"border-box\",\n      resize: \"none\",\n    });\n\n    // Placeholder\n    if (props.placeholder) {\n      this.overlay.placeholder = props.placeholder;\n    }\n\n    // Input type\n    if (this.overlay instanceof HTMLInputElement && props.type) {\n      this.overlay.type = props.type;\n    }\n  }\n\n  /**\n   * Position overlay over canvas node\n   */\n  private positionOverlay(bounds: Rectangle, canvasBounds: DOMRect): void {\n    if (!this.overlay) return;\n\n    // Calculate scale factor between canvas and display\n    const canvas = this.container.querySelector(\"canvas\") as HTMLCanvasElement;\n    const scaleX = canvasBounds.width / canvas.width;\n    const scaleY = canvasBounds.height / canvas.height;\n\n    const left = bounds.x * scaleX;\n    const top = bounds.y * scaleY;\n    const width = bounds.width * scaleX;\n    const height = bounds.height * scaleY;\n\n    Object.assign(this.overlay.style, {\n      position: \"absolute\",\n      left: `${left}px`,\n      top: `${top}px`,\n      width: `${width}px`,\n      height: `${height}px`,\n    });\n  }\n\n  /**\n   * Handle input event\n   */\n  private onInput(e: Event): void {\n    if (!this.overlay || !this.onChangeCallback) return;\n\n    const value = this.overlay.value;\n    this.onChangeCallback(value);\n\n    // Dispatch __hypen_bind for two-way binding\n    if (this.bindPath && this.engine) {\n      this.engine.dispatchAction(\"__hypen_bind\", {\n        path: this.bindPath,\n        value,\n      });\n    }\n  }\n\n  /**\n   * Handle blur event\n   */\n  private onBlur(): void {\n    // Hide overlay when focus is lost\n    this.hideInput();\n  }\n\n  /**\n   * Handle keyboard events\n   */\n  private onKeyDown(e: KeyboardEvent): void {\n    if (!this.overlay) return;\n\n    // Enter key submits (unless multiline)\n    if (e.key === \"Enter\" && this.overlay instanceof HTMLInputElement) {\n      e.preventDefault();\n      this.overlay.blur();\n    }\n\n    // Escape cancels\n    if (e.key === \"Escape\") {\n      e.preventDefault();\n      this.overlay.blur();\n    }\n  }\n\n  /**\n   * Check if input is currently shown\n   */\n  isShown(): boolean {\n    return this.overlay !== null;\n  }\n\n  /**\n   * Get current focused node\n   */\n  getFocusedNode(): VirtualNode | null {\n    return this.focusedNode;\n  }\n}\n\n"
   ],
-  "mappings": "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",
-  "debugId": "D10A1E6BEB4037D364756E2164756E21",
+  "mappings": "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",
+  "debugId": "E146AC92E5A01CFA64756E2164756E21",
   "names": []
 }

package/dist/canvas/layout.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Layout Engine
+ *
+ * Flexbox-like layout system for positioning virtual nodes
+ */
+import type { VirtualNode } from "./types.js";
+/**
+ * Compute layout for a virtual node tree
+ */
+export declare function computeLayout(ctx: CanvasRenderingContext2D, node: VirtualNode, availableWidth: number, availableHeight: number, x?: number, y?: number): void;

package/dist/canvas/layout.js

@@ -151,7 +151,7 @@ function getAbsoluteBounds(node) {
 }
 
 // src/canvas/text.ts
-import { frameworkLoggers } from "@hypen-space/core";
+import { frameworkLoggers } from "@hypen-space/core/logger";
 var log = frameworkLoggers.canvas;
 var textMetricsCache = new Map;
 function getCacheKey(text, fontStyle, maxWidth) {
@@ -287,7 +287,12 @@ function computeLayout(ctx, node, availableWidth, availableHeight, x = 0, y = 0)
   let width = parseSize(props.width);
   let height = parseSize(props.height);
   const type = node.type.toLowerCase();
-  if (type === "spacer") {
+  if (type === "app") {
+    if (width === null)
+      width = availableAfterMargin.width;
+    if (height === null)
+      height = availableAfterMargin.height;
+  } else if (type === "spacer") {
     if (width === null)
       width = availableAfterMargin.width;
     if (height === null)
@@ -410,10 +415,10 @@ function layoutChildren(ctx, parent) {
     return;
   }
   const flexDirection = props.flexDirection || (parent.type === "column" ? "column" : "row");
-  const justifyContent = props.justifyContent || "flex-start";
-  const alignItems = props.alignItems || "flex-start";
-  const gap = parseFloat(props.gap) || 0;
   const isColumn = flexDirection === "column";
+  const justifyContent = isColumn ? props.verticalAlignment || "flex-start" : props.horizontalAlignment || "flex-start";
+  const alignItems = isColumn ? props.horizontalAlignment || "flex-start" : props.verticalAlignment || "flex-start";
+  const gap = parseFloat(props.gap) || 0;
   const availableWidth = layout.contentWidth;
   const availableHeight = layout.contentHeight;
   const childInfo = [];
@@ -526,8 +531,8 @@ function layoutChildren(ctx, parent) {
 function layoutStackChildren(ctx, parent) {
   const layout = parent.layout;
   const props = parent.props;
-  const alignItems = props.alignItems || "flex-start";
-  const justifyContent = props.justifyContent || "flex-start";
+  const horizontalAlignment = props.horizontalAlignment || "flex-start";
+  const verticalAlignment = props.verticalAlignment || "flex-start";
   const availableWidth = layout.contentWidth;
   const availableHeight = layout.contentHeight;
   for (const child of parent.children) {
@@ -535,14 +540,14 @@ function layoutStackChildren(ctx, parent) {
     const childLayout = child.layout;
     let x = 0;
     let y = 0;
-    if (alignItems === "center") {
+    if (horizontalAlignment === "center") {
       x = (availableWidth - childLayout.width) / 2;
-    } else if (alignItems === "flex-end") {
+    } else if (horizontalAlignment === "flex-end") {
       x = availableWidth - childLayout.width;
     }
-    if (justifyContent === "center") {
+    if (verticalAlignment === "center") {
       y = (availableHeight - childLayout.height) / 2;
-    } else if (justifyContent === "flex-end") {
+    } else if (verticalAlignment === "flex-end") {
       y = availableHeight - childLayout.height;
     }
     childLayout.x = layout.x + layout.contentX + x;
@@ -553,4 +558,4 @@ export {
   computeLayout
 };
 
-//# debugId=C406790F0729CB1B64756E2164756E21
+//# debugId=07EE823F4AA0B51664756E2164756E21

package/dist/canvas/layout.js.map

@@ -3,10 +3,10 @@
   "sources": ["../src/canvas/utils.ts", "../src/canvas/text.ts", "../src/canvas/layout.ts"],
   "sourcesContent": [
     "/**\n * Canvas Renderer Utilities\n *\n * Common utility functions\n */\n\nimport type { BoxSpacing, Rectangle, Point, VirtualNode } from \"./types.js\";\n\n/**\n * Parse spacing value (margin, padding)\n * Supports: number, \"10\", \"10 20\", \"10 20 30 40\"\n */\nexport function parseSpacing(value: any): BoxSpacing {\n  if (typeof value === \"number\") {\n    return { top: value, right: value, bottom: value, left: value };\n  }\n\n  if (typeof value === \"string\") {\n    const parts = value.split(/\\s+/).map((v) => parseFloat(v) || 0);\n    if (parts.length === 1) {\n      return { top: parts[0], right: parts[0], bottom: parts[0], left: parts[0] };\n    }\n    if (parts.length === 2) {\n      return { top: parts[0], right: parts[1], bottom: parts[0], left: parts[1] };\n    }\n    if (parts.length === 4) {\n      return { top: parts[0], right: parts[1], bottom: parts[2], left: parts[3] };\n    }\n  }\n\n  if (typeof value === \"object\" && value !== null) {\n    return {\n      top: parseFloat(value.top) || 0,\n      right: parseFloat(value.right) || 0,\n      bottom: parseFloat(value.bottom) || 0,\n      left: parseFloat(value.left) || 0,\n    };\n  }\n\n  return { top: 0, right: 0, bottom: 0, left: 0 };\n}\n\n/**\n * Parse size value (width, height)\n * Returns pixel value or null for \"auto\"\n */\nexport function parseSize(value: any): number | null {\n  if (typeof value === \"number\") return value;\n  if (typeof value === \"string\") {\n    if (value === \"auto\") return null;\n    const num = parseFloat(value);\n    return isNaN(num) ? null : num;\n  }\n  return null;\n}\n\n/**\n * Check if point is inside rectangle\n */\nexport function isPointInRect(point: Point, rect: Rectangle): boolean {\n  return (\n    point.x >= rect.x &&\n    point.x <= rect.x + rect.width &&\n    point.y >= rect.y &&\n    point.y <= rect.y + rect.height\n  );\n}\n\n/**\n * Check if point is inside rounded rectangle\n */\nexport function isPointInRoundedRect(\n  point: Point,\n  rect: Rectangle,\n  radius: number\n): boolean {\n  const { x, y, width, height } = rect;\n\n  // Quick reject if outside bounding box\n  if (!isPointInRect(point, rect)) return false;\n\n  // No radius means simple rectangle\n  if (radius <= 0) return true;\n\n  const px = point.x;\n  const py = point.y;\n\n  // Check corners\n  // Top-left\n  if (px < x + radius && py < y + radius) {\n    return Math.pow(px - (x + radius), 2) + Math.pow(py - (y + radius), 2) <= Math.pow(radius, 2);\n  }\n\n  // Top-right\n  if (px > x + width - radius && py < y + radius) {\n    return (\n      Math.pow(px - (x + width - radius), 2) + Math.pow(py - (y + radius), 2) <=\n      Math.pow(radius, 2)\n    );\n  }\n\n  // Bottom-left\n  if (px < x + radius && py > y + height - radius) {\n    return (\n      Math.pow(px - (x + radius), 2) + Math.pow(py - (y + height - radius), 2) <=\n      Math.pow(radius, 2)\n    );\n  }\n\n  // Bottom-right\n  if (px > x + width - radius && py > y + height - radius) {\n    return (\n      Math.pow(px - (x + width - radius), 2) + Math.pow(py - (y + height - radius), 2) <=\n      Math.pow(radius, 2)\n    );\n  }\n\n  // Inside rectangle\n  return true;\n}\n\n/**\n * Merge rectangles into bounding box\n */\nexport function mergeRects(rects: Rectangle[]): Rectangle | null {\n  if (rects.length === 0) return null;\n  if (rects.length === 1) return rects[0];\n\n  let minX = Infinity;\n  let minY = Infinity;\n  let maxX = -Infinity;\n  let maxY = -Infinity;\n\n  for (const rect of rects) {\n    minX = Math.min(minX, rect.x);\n    minY = Math.min(minY, rect.y);\n    maxX = Math.max(maxX, rect.x + rect.width);\n    maxY = Math.max(maxY, rect.y + rect.height);\n  }\n\n  return {\n    x: minX,\n    y: minY,\n    width: maxX - minX,\n    height: maxY - minY,\n  };\n}\n\n/**\n * Create a canvas font string from font style\n */\nexport function createFontString(\n  fontSize: number,\n  fontWeight: string | number,\n  fontFamily: string\n): string {\n  return `${fontWeight} ${fontSize}px ${fontFamily}`;\n}\n\n/**\n * Walk tree depth-first\n */\nexport function walkTree(node: VirtualNode, callback: (node: VirtualNode) => void): void {\n  callback(node);\n  for (const child of node.children) {\n    walkTree(child, callback);\n  }\n}\n\n/**\n * Find node by ID in tree\n */\nexport function findNodeById(root: VirtualNode, id: string): VirtualNode | null {\n  if (root.id === id) return root;\n\n  for (const child of root.children) {\n    const found = findNodeById(child, id);\n    if (found) return found;\n  }\n\n  return null;\n}\n\n/**\n * Get absolute bounds of node (including transformations)\n */\nexport function getAbsoluteBounds(node: VirtualNode): Rectangle | null {\n  if (!node.layout) return null;\n\n  let x = node.layout.x;\n  let y = node.layout.y;\n\n  // Walk up tree to accumulate offsets\n  let current = node.parent;\n  while (current && current.layout) {\n    x += current.layout.contentX;\n    y += current.layout.contentY;\n    current = current.parent;\n  }\n\n  return {\n    x,\n    y,\n    width: node.layout.width,\n    height: node.layout.height,\n  };\n}\n\n\n\n\n\n\n\n\n\n\n\n",
-    "/**\n * Text Rendering System\n *\n * Text measurement, wrapping, and rendering\n */\n\nimport type { FontStyle, TextMetrics, TextStyle } from \"./types.js\";\nimport { createFontString } from \"./utils.js\";\nimport { frameworkLoggers } from \"@hypen-space/core\";\n\nconst log = frameworkLoggers.canvas;\n\n/**\n * Text metrics cache\n */\nconst textMetricsCache = new Map<string, TextMetrics>();\n\n/**\n * Get cache key for text metrics\n */\nfunction getCacheKey(text: string, fontStyle: FontStyle, maxWidth?: number): string {\n  return `${text}|${fontStyle.fontSize}|${fontStyle.fontWeight}|${fontStyle.fontFamily}|${maxWidth || \"auto\"}`;\n}\n\n/**\n * Measure text dimensions\n */\nexport function measureText(\n  ctx: CanvasRenderingContext2D,\n  text: string,\n  fontStyle: FontStyle,\n  maxWidth?: number\n): TextMetrics {\n  const cacheKey = getCacheKey(text, fontStyle, maxWidth);\n  const cached = textMetricsCache.get(cacheKey);\n  if (cached) return cached;\n\n  const font = createFontString(fontStyle.fontSize, fontStyle.fontWeight, fontStyle.fontFamily);\n  ctx.save();\n  ctx.font = font;\n\n  const lineHeight = fontStyle.lineHeight || fontStyle.fontSize * 1.2;\n\n  // No wrapping needed\n  if (!maxWidth) {\n    const metrics = ctx.measureText(text);\n    const result: TextMetrics = {\n      width: metrics.width,\n      height: lineHeight,\n      lines: [text],\n      lineHeight,\n    };\n    ctx.restore();\n    textMetricsCache.set(cacheKey, result);\n    return result;\n  }\n\n  // Wrap text\n  const lines = wrapText(ctx, text, maxWidth);\n  const width = Math.max(...lines.map((line) => ctx.measureText(line).width));\n  const height = lines.length * lineHeight;\n\n  const result: TextMetrics = {\n    width,\n    height,\n    lines,\n    lineHeight,\n  };\n\n  ctx.restore();\n  textMetricsCache.set(cacheKey, result);\n  return result;\n}\n\n/**\n * Wrap text to fit within maxWidth\n */\nfunction wrapText(ctx: CanvasRenderingContext2D, text: string, maxWidth: number): string[] {\n  const lines: string[] = [];\n  const paragraphs = text.split(\"\\n\");\n\n  for (const paragraph of paragraphs) {\n    const words = paragraph.split(\" \");\n    let currentLine = \"\";\n\n    for (const word of words) {\n      const testLine = currentLine ? `${currentLine} ${word}` : word;\n      const metrics = ctx.measureText(testLine);\n\n      if (metrics.width > maxWidth && currentLine) {\n        lines.push(currentLine);\n        currentLine = word;\n      } else {\n        currentLine = testLine;\n      }\n    }\n\n    if (currentLine) {\n      lines.push(currentLine);\n    }\n  }\n\n  return lines.length > 0 ? lines : [\"\"];\n}\n\n/**\n * Render text with style\n */\nexport function renderText(\n  ctx: CanvasRenderingContext2D,\n  text: string,\n  x: number,\n  y: number,\n  width: number,\n  height: number,\n  style: TextStyle\n): void {\n  const font = createFontString(style.fontSize, style.fontWeight, style.fontFamily);\n  ctx.save();\n  ctx.font = font;\n  ctx.fillStyle = style.color;\n  ctx.textBaseline = \"top\";\n\n  const metrics = measureText(ctx, text, style, width);\n\n  // Calculate starting Y based on vertical alignment\n  let startY = y;\n  if (style.verticalAlign === \"middle\") {\n    startY = y + (height - metrics.height) / 2;\n  } else if (style.verticalAlign === \"bottom\") {\n    startY = y + height - metrics.height;\n  }\n\n  // Render each line\n  for (let i = 0; i < metrics.lines.length; i++) {\n    const line = metrics.lines[i];\n    const lineY = startY + i * metrics.lineHeight;\n\n    // Calculate X based on text alignment\n    let lineX = x;\n    if (style.textAlign === \"center\") {\n      const lineWidth = ctx.measureText(line).width;\n      lineX = x + (width - lineWidth) / 2;\n    } else if (style.textAlign === \"right\") {\n      const lineWidth = ctx.measureText(line).width;\n      lineX = x + width - lineWidth;\n    }\n\n    ctx.fillText(line, lineX, lineY);\n  }\n\n  ctx.restore();\n}\n\n/**\n * Clear text metrics cache\n */\nexport function clearTextCache(): void {\n  textMetricsCache.clear();\n}\n\n/**\n * Preload font to ensure it's available\n */\nexport async function loadFont(fontFamily: string, fontWeight: string | number = \"normal\"): Promise<void> {\n  if (!(\"fonts\" in document)) return;\n\n  const font = `${fontWeight} 16px ${fontFamily}`;\n  try {\n    await document.fonts.load(font);\n  } catch (error) {\n    log.warn(`Failed to load font: ${font}`, error);\n  }\n}\n\n\n\n\n\n\n\n\n\n\n\n",
-    "/**\n * Layout Engine\n *\n * Flexbox-like layout system for positioning virtual nodes\n */\n\nimport type { VirtualNode, Layout, BoxSpacing } from \"./types.js\";\nimport { parseSpacing, parseSize } from \"./utils.js\";\nimport { measureText } from \"./text.js\";\n\n/**\n * Compute layout for a virtual node tree\n */\nexport function computeLayout(\n  ctx: CanvasRenderingContext2D,\n  node: VirtualNode,\n  availableWidth: number,\n  availableHeight: number,\n  x: number = 0,\n  y: number = 0\n): void {\n  // Parse props\n  const props = node.props;\n\n  // Support individual margins (marginTop, marginRight, etc.)\n  let margin = parseSpacing(props.margin || 0);\n  if (props.marginTop !== undefined) margin.top = parseFloat(props.marginTop) || 0;\n  if (props.marginRight !== undefined) margin.right = parseFloat(props.marginRight) || 0;\n  if (props.marginBottom !== undefined) margin.bottom = parseFloat(props.marginBottom) || 0;\n  if (props.marginLeft !== undefined) margin.left = parseFloat(props.marginLeft) || 0;\n\n  // Support individual padding (paddingTop, paddingRight, etc.)\n  let padding = parseSpacing(props.padding || 0);\n  if (props.paddingTop !== undefined) padding.top = parseFloat(props.paddingTop) || 0;\n  if (props.paddingRight !== undefined) padding.right = parseFloat(props.paddingRight) || 0;\n  if (props.paddingBottom !== undefined) padding.bottom = parseFloat(props.paddingBottom) || 0;\n  if (props.paddingLeft !== undefined) padding.left = parseFloat(props.paddingLeft) || 0;\n\n  const borderWidth = parseFloat(props.borderWidth) || 0;\n  const borderColor = props.borderColor || \"transparent\";\n  const borderRadius = parseFloat(props.borderRadius) || 0;\n\n  // Calculate available space after margin\n  const availableAfterMargin = {\n    width: availableWidth - margin.left - margin.right,\n    height: availableHeight - margin.top - margin.bottom,\n  };\n\n  // Determine size\n  let width = parseSize(props.width);\n  let height = parseSize(props.height);\n\n  // Default sizing for specific component types\n  const type = node.type.toLowerCase();\n\n  if (type === \"spacer\") {\n    // Spacer fills available space by default\n    if (width === null) width = availableAfterMargin.width;\n    if (height === null) height = availableAfterMargin.height;\n  } else if (type === \"divider\" || type === \"separator\") {\n    const orientation = props.orientation || \"horizontal\";\n    const thickness = parseFloat(props.thickness) || 1;\n\n    if (orientation === \"vertical\") {\n      if (width === null) width = thickness;\n      if (height === null) height = availableAfterMargin.height;\n    } else {\n      if (width === null) width = availableAfterMargin.width;\n      if (height === null) height = thickness;\n    }\n  } else if (type === \"checkbox\" || type === \"radio\") {\n    const size = parseFloat(props.size) || 20;\n    if (width === null) width = size;\n    if (height === null) height = size;\n  } else if (type === \"switch\" || type === \"toggle\") {\n    if (width === null) width = 44;\n    if (height === null) height = 24;\n  } else if (type === \"slider\") {\n    if (width === null) width = 200;\n    if (height === null) height = 20;\n  } else if (type === \"progress\" || type === \"progressbar\") {\n    if (width === null) width = 200;\n    if (height === null) height = 8;\n  } else if (type === \"spinner\" || type === \"loading\") {\n    const size = parseFloat(props.size) || 24;\n    if (width === null) width = size;\n    if (height === null) height = size;\n  } else if (type === \"badge\") {\n    if (width === null) width = 20;\n    if (height === null) height = 20;\n  } else if (type === \"avatar\") {\n    const size = parseFloat(props.size) || 40;\n    if (width === null) width = size;\n    if (height === null) height = size;\n  } else if (type === \"icon\") {\n    const size = parseFloat(props.size) || 24;\n    if (width === null) width = size;\n    if (height === null) height = size;\n  }\n\n  // Intrinsic sizing for text nodes\n  if (node.type === \"text\" && node.props[0]) {\n    const text = String(node.props[0] || \"\");\n    const fontSize = parseFloat(props.fontSize) || 16;\n    const fontWeight = props.fontWeight || \"normal\";\n    const fontFamily = props.fontFamily || \"system-ui, sans-serif\";\n    const lineHeight = parseFloat(props.lineHeight) || fontSize * 1.2;\n\n    const maxWidth = width || availableAfterMargin.width - padding.left - padding.right;\n    const metrics = measureText(ctx, text, { fontSize, fontWeight, fontFamily, lineHeight }, maxWidth);\n\n    if (!width) width = metrics.width + padding.left + padding.right;\n    if (!height) height = metrics.height + padding.top + padding.bottom;\n  }\n\n  // Default to available size if not specified\n  if (width === null) width = availableAfterMargin.width;\n  if (height === null) height = availableAfterMargin.height;\n\n  // Apply constraints\n  const minWidth = parseSize(props.minWidth);\n  const maxWidth = parseSize(props.maxWidth);\n  const minHeight = parseSize(props.minHeight);\n  const maxHeight = parseSize(props.maxHeight);\n\n  if (minWidth !== null) width = Math.max(width, minWidth);\n  if (maxWidth !== null) width = Math.min(width, maxWidth);\n  if (minHeight !== null) height = Math.max(height, minHeight);\n  if (maxHeight !== null) height = Math.min(height, maxHeight);\n\n  // Create layout object\n  const layout: Layout = {\n    x: x + margin.left,\n    y: y + margin.top,\n    width,\n    height,\n    margin,\n    padding,\n    border: {\n      width: borderWidth,\n      color: borderColor,\n      radius: borderRadius,\n    },\n    contentX: padding.left + borderWidth,\n    contentY: padding.top + borderWidth,\n    contentWidth: width - padding.left - padding.right - borderWidth * 2,\n    contentHeight: height - padding.top - padding.bottom - borderWidth * 2,\n  };\n\n  node.layout = layout;\n\n  // Layout children if container\n  if (node.children.length > 0) {\n    layoutChildren(ctx, node);\n  }\n}\n\n/**\n * Layout children using flexbox-like rules\n */\nfunction layoutChildren(ctx: CanvasRenderingContext2D, parent: VirtualNode): void {\n  const layout = parent.layout!;\n  const props = parent.props;\n\n  // Stack components overlay children on top of each other\n  if (parent.type.toLowerCase() === \"stack\") {\n    layoutStackChildren(ctx, parent);\n    return;\n  }\n\n  const flexDirection = props.flexDirection || (parent.type === \"column\" ? \"column\" : \"row\");\n  const justifyContent = props.justifyContent || \"flex-start\";\n  const alignItems = props.alignItems || \"flex-start\";\n  const gap = parseFloat(props.gap) || 0;\n\n  const isColumn = flexDirection === \"column\";\n  const availableWidth = layout.contentWidth;\n  const availableHeight = layout.contentHeight;\n\n  // First pass: compute intrinsic sizes and collect flex info\n  const childInfo: Array<{\n    width: number;\n    height: number;\n    flexGrow: number;\n    flexShrink: number;\n    flexBasis: number | null;\n  }> = [];\n  let totalMainSize = 0;\n  let totalFlexGrow = 0;\n  let totalFlexShrink = 0;\n\n  for (const child of parent.children) {\n    const flexGrow = parseFloat(child.props.flexGrow) || parseFloat(child.props.flex) || 0;\n    const flexShrink = parseFloat(child.props.flexShrink) || 1;\n    const flexBasis = parseSize(child.props.flexBasis);\n\n    // Compute child layout with available space\n    computeLayout(\n      ctx,\n      child,\n      availableWidth,\n      availableHeight,\n      0,\n      0\n    );\n\n    const childLayout = child.layout!;\n    let mainSize = isColumn ? childLayout.height : childLayout.width;\n\n    // Use flexBasis if specified\n    if (flexBasis !== null) {\n      mainSize = flexBasis;\n      if (isColumn) {\n        childLayout.height = flexBasis;\n      } else {\n        childLayout.width = flexBasis;\n      }\n    }\n\n    childInfo.push({\n      width: childLayout.width,\n      height: childLayout.height,\n      flexGrow,\n      flexShrink,\n      flexBasis,\n    });\n\n    totalMainSize += mainSize;\n    totalFlexGrow += flexGrow;\n    totalFlexShrink += flexShrink;\n  }\n\n  // Add gaps\n  const totalGap = gap * (parent.children.length - 1);\n  totalMainSize += totalGap;\n\n  // Apply flex grow/shrink\n  const availableMain = isColumn ? availableHeight : availableWidth;\n  let remainingSpace = availableMain - totalMainSize;\n\n  // Distribute remaining space to flex-grow children\n  if (remainingSpace > 0 && totalFlexGrow > 0) {\n    const spacePerFlex = remainingSpace / totalFlexGrow;\n\n    for (let i = 0; i < parent.children.length; i++) {\n      const info = childInfo[i];\n      if (info.flexGrow > 0) {\n        const extraSpace = spacePerFlex * info.flexGrow;\n        if (isColumn) {\n          info.height += extraSpace;\n        } else {\n          info.width += extraSpace;\n        }\n        totalMainSize += extraSpace;\n      }\n    }\n\n    remainingSpace = 0;\n  }\n\n  // Apply flex shrink if needed (content is too large)\n  if (remainingSpace < 0 && totalFlexShrink > 0) {\n    const shrinkPerFlex = Math.abs(remainingSpace) / totalFlexShrink;\n\n    for (let i = 0; i < parent.children.length; i++) {\n      const info = childInfo[i];\n      if (info.flexShrink > 0) {\n        const shrinkSpace = Math.min(\n          shrinkPerFlex * info.flexShrink,\n          isColumn ? info.height : info.width\n        );\n\n        if (isColumn) {\n          info.height = Math.max(0, info.height - shrinkSpace);\n        } else {\n          info.width = Math.max(0, info.width - shrinkSpace);\n        }\n\n        totalMainSize -= shrinkSpace;\n      }\n    }\n\n    remainingSpace = availableMain - totalMainSize;\n  }\n\n  // Calculate starting position based on justifyContent\n  let mainStart = 0;\n  let spacing = 0;\n\n  if (justifyContent === \"center\") {\n    mainStart = Math.max(0, remainingSpace / 2);\n  } else if (justifyContent === \"flex-end\") {\n    mainStart = Math.max(0, remainingSpace);\n  } else if (justifyContent === \"space-between\") {\n    spacing = remainingSpace / Math.max(1, parent.children.length - 1);\n  } else if (justifyContent === \"space-around\") {\n    spacing = remainingSpace / parent.children.length;\n    mainStart = spacing / 2;\n  }\n\n  // Position children\n  let currentMain = mainStart;\n\n  for (let i = 0; i < parent.children.length; i++) {\n    const child = parent.children[i];\n    const childLayout = child.layout!;\n    const info = childInfo[i];\n\n    // Update child layout with flex-adjusted size\n    childLayout.width = info.width;\n    childLayout.height = info.height;\n\n    // Calculate cross position based on alignItems\n    let crossStart = 0;\n    const availableCross = isColumn ? availableWidth : availableHeight;\n    const childCross = isColumn ? info.width : info.height;\n\n    if (alignItems === \"center\") {\n      crossStart = (availableCross - childCross) / 2;\n    } else if (alignItems === \"flex-end\") {\n      crossStart = availableCross - childCross;\n    }\n\n    // Update child position relative to parent content area\n    if (isColumn) {\n      childLayout.x = layout.x + layout.contentX + crossStart;\n      childLayout.y = layout.y + layout.contentY + currentMain;\n      currentMain += info.height + gap;\n    } else {\n      childLayout.x = layout.x + layout.contentX + currentMain;\n      childLayout.y = layout.y + layout.contentY + crossStart;\n      currentMain += info.width + gap;\n    }\n\n    if (justifyContent === \"space-between\" || justifyContent === \"space-around\") {\n      currentMain += spacing;\n    }\n  }\n}\n\n/**\n * Layout Stack children - overlays children on top of each other\n */\nfunction layoutStackChildren(ctx: CanvasRenderingContext2D, parent: VirtualNode): void {\n  const layout = parent.layout!;\n  const props = parent.props;\n\n  const alignItems = props.alignItems || \"flex-start\";\n  const justifyContent = props.justifyContent || \"flex-start\";\n\n  const availableWidth = layout.contentWidth;\n  const availableHeight = layout.contentHeight;\n\n  // Layout all children at the same position (stacked on top of each other)\n  for (const child of parent.children) {\n    // Compute child layout\n    computeLayout(\n      ctx,\n      child,\n      availableWidth,\n      availableHeight,\n      0,\n      0\n    );\n\n    const childLayout = child.layout!;\n\n    // Calculate position based on alignment\n    let x = 0;\n    let y = 0;\n\n    // Horizontal alignment\n    if (alignItems === \"center\") {\n      x = (availableWidth - childLayout.width) / 2;\n    } else if (alignItems === \"flex-end\") {\n      x = availableWidth - childLayout.width;\n    }\n\n    // Vertical alignment\n    if (justifyContent === \"center\") {\n      y = (availableHeight - childLayout.height) / 2;\n    } else if (justifyContent === \"flex-end\") {\n      y = availableHeight - childLayout.height;\n    }\n\n    // Update child position relative to parent content area\n    childLayout.x = layout.x + layout.contentX + x;\n    childLayout.y = layout.y + layout.contentY + y;\n  }\n}\n\n\n\n\n\n\n\n\n\n\n\n"
+    "/**\n * Text Rendering System\n *\n * Text measurement, wrapping, and rendering\n */\n\nimport type { FontStyle, TextMetrics, TextStyle } from \"./types.js\";\nimport { createFontString } from \"./utils.js\";\nimport { frameworkLoggers } from \"@hypen-space/core/logger\";\n\nconst log = frameworkLoggers.canvas;\n\n/**\n * Text metrics cache\n */\nconst textMetricsCache = new Map<string, TextMetrics>();\n\n/**\n * Get cache key for text metrics\n */\nfunction getCacheKey(text: string, fontStyle: FontStyle, maxWidth?: number): string {\n  return `${text}|${fontStyle.fontSize}|${fontStyle.fontWeight}|${fontStyle.fontFamily}|${maxWidth || \"auto\"}`;\n}\n\n/**\n * Measure text dimensions\n */\nexport function measureText(\n  ctx: CanvasRenderingContext2D,\n  text: string,\n  fontStyle: FontStyle,\n  maxWidth?: number\n): TextMetrics {\n  const cacheKey = getCacheKey(text, fontStyle, maxWidth);\n  const cached = textMetricsCache.get(cacheKey);\n  if (cached) return cached;\n\n  const font = createFontString(fontStyle.fontSize, fontStyle.fontWeight, fontStyle.fontFamily);\n  ctx.save();\n  ctx.font = font;\n\n  const lineHeight = fontStyle.lineHeight || fontStyle.fontSize * 1.2;\n\n  // No wrapping needed\n  if (!maxWidth) {\n    const metrics = ctx.measureText(text);\n    const result: TextMetrics = {\n      width: metrics.width,\n      height: lineHeight,\n      lines: [text],\n      lineHeight,\n    };\n    ctx.restore();\n    textMetricsCache.set(cacheKey, result);\n    return result;\n  }\n\n  // Wrap text\n  const lines = wrapText(ctx, text, maxWidth);\n  const width = Math.max(...lines.map((line) => ctx.measureText(line).width));\n  const height = lines.length * lineHeight;\n\n  const result: TextMetrics = {\n    width,\n    height,\n    lines,\n    lineHeight,\n  };\n\n  ctx.restore();\n  textMetricsCache.set(cacheKey, result);\n  return result;\n}\n\n/**\n * Wrap text to fit within maxWidth\n */\nfunction wrapText(ctx: CanvasRenderingContext2D, text: string, maxWidth: number): string[] {\n  const lines: string[] = [];\n  const paragraphs = text.split(\"\\n\");\n\n  for (const paragraph of paragraphs) {\n    const words = paragraph.split(\" \");\n    let currentLine = \"\";\n\n    for (const word of words) {\n      const testLine = currentLine ? `${currentLine} ${word}` : word;\n      const metrics = ctx.measureText(testLine);\n\n      if (metrics.width > maxWidth && currentLine) {\n        lines.push(currentLine);\n        currentLine = word;\n      } else {\n        currentLine = testLine;\n      }\n    }\n\n    if (currentLine) {\n      lines.push(currentLine);\n    }\n  }\n\n  return lines.length > 0 ? lines : [\"\"];\n}\n\n/**\n * Render text with style\n */\nexport function renderText(\n  ctx: CanvasRenderingContext2D,\n  text: string,\n  x: number,\n  y: number,\n  width: number,\n  height: number,\n  style: TextStyle\n): void {\n  const font = createFontString(style.fontSize, style.fontWeight, style.fontFamily);\n  ctx.save();\n  ctx.font = font;\n  ctx.fillStyle = style.color;\n  ctx.textBaseline = \"top\";\n\n  const metrics = measureText(ctx, text, style, width);\n\n  // Calculate starting Y based on vertical alignment\n  let startY = y;\n  if (style.verticalAlign === \"middle\") {\n    startY = y + (height - metrics.height) / 2;\n  } else if (style.verticalAlign === \"bottom\") {\n    startY = y + height - metrics.height;\n  }\n\n  // Render each line\n  for (let i = 0; i < metrics.lines.length; i++) {\n    const line = metrics.lines[i];\n    const lineY = startY + i * metrics.lineHeight;\n\n    // Calculate X based on text alignment\n    let lineX = x;\n    if (style.textAlign === \"center\") {\n      const lineWidth = ctx.measureText(line).width;\n      lineX = x + (width - lineWidth) / 2;\n    } else if (style.textAlign === \"right\") {\n      const lineWidth = ctx.measureText(line).width;\n      lineX = x + width - lineWidth;\n    }\n\n    ctx.fillText(line, lineX, lineY);\n  }\n\n  ctx.restore();\n}\n\n/**\n * Clear text metrics cache\n */\nexport function clearTextCache(): void {\n  textMetricsCache.clear();\n}\n\n/**\n * Preload font to ensure it's available\n */\nexport async function loadFont(fontFamily: string, fontWeight: string | number = \"normal\"): Promise<void> {\n  if (!(\"fonts\" in document)) return;\n\n  const font = `${fontWeight} 16px ${fontFamily}`;\n  try {\n    await document.fonts.load(font);\n  } catch (error) {\n    log.warn(`Failed to load font: ${font}`, error);\n  }\n}\n\n\n\n\n\n\n\n\n\n\n\n",
+    "/**\n * Layout Engine\n *\n * Flexbox-like layout system for positioning virtual nodes\n */\n\nimport type { VirtualNode, Layout, BoxSpacing } from \"./types.js\";\nimport { parseSpacing, parseSize } from \"./utils.js\";\nimport { measureText } from \"./text.js\";\n\n/**\n * Compute layout for a virtual node tree\n */\nexport function computeLayout(\n  ctx: CanvasRenderingContext2D,\n  node: VirtualNode,\n  availableWidth: number,\n  availableHeight: number,\n  x: number = 0,\n  y: number = 0\n): void {\n  // Parse props\n  const props = node.props;\n\n  // Support individual margins (marginTop, marginRight, etc.)\n  let margin = parseSpacing(props.margin || 0);\n  if (props.marginTop !== undefined) margin.top = parseFloat(props.marginTop) || 0;\n  if (props.marginRight !== undefined) margin.right = parseFloat(props.marginRight) || 0;\n  if (props.marginBottom !== undefined) margin.bottom = parseFloat(props.marginBottom) || 0;\n  if (props.marginLeft !== undefined) margin.left = parseFloat(props.marginLeft) || 0;\n\n  // Support individual padding (paddingTop, paddingRight, etc.)\n  let padding = parseSpacing(props.padding || 0);\n  if (props.paddingTop !== undefined) padding.top = parseFloat(props.paddingTop) || 0;\n  if (props.paddingRight !== undefined) padding.right = parseFloat(props.paddingRight) || 0;\n  if (props.paddingBottom !== undefined) padding.bottom = parseFloat(props.paddingBottom) || 0;\n  if (props.paddingLeft !== undefined) padding.left = parseFloat(props.paddingLeft) || 0;\n\n  const borderWidth = parseFloat(props.borderWidth) || 0;\n  const borderColor = props.borderColor || \"transparent\";\n  const borderRadius = parseFloat(props.borderRadius) || 0;\n\n  // Calculate available space after margin\n  const availableAfterMargin = {\n    width: availableWidth - margin.left - margin.right,\n    height: availableHeight - margin.top - margin.bottom,\n  };\n\n  // Determine size\n  let width = parseSize(props.width);\n  let height = parseSize(props.height);\n\n  // Default sizing for specific component types\n  const type = node.type.toLowerCase();\n\n  if (type === \"app\") {\n    // App fills the full available space by default\n    if (width === null) width = availableAfterMargin.width;\n    if (height === null) height = availableAfterMargin.height;\n  } else if (type === \"spacer\") {\n    // Spacer fills available space by default\n    if (width === null) width = availableAfterMargin.width;\n    if (height === null) height = availableAfterMargin.height;\n  } else if (type === \"divider\" || type === \"separator\") {\n    const orientation = props.orientation || \"horizontal\";\n    const thickness = parseFloat(props.thickness) || 1;\n\n    if (orientation === \"vertical\") {\n      if (width === null) width = thickness;\n      if (height === null) height = availableAfterMargin.height;\n    } else {\n      if (width === null) width = availableAfterMargin.width;\n      if (height === null) height = thickness;\n    }\n  } else if (type === \"checkbox\" || type === \"radio\") {\n    const size = parseFloat(props.size) || 20;\n    if (width === null) width = size;\n    if (height === null) height = size;\n  } else if (type === \"switch\" || type === \"toggle\") {\n    if (width === null) width = 44;\n    if (height === null) height = 24;\n  } else if (type === \"slider\") {\n    if (width === null) width = 200;\n    if (height === null) height = 20;\n  } else if (type === \"progress\" || type === \"progressbar\") {\n    if (width === null) width = 200;\n    if (height === null) height = 8;\n  } else if (type === \"spinner\" || type === \"loading\") {\n    const size = parseFloat(props.size) || 24;\n    if (width === null) width = size;\n    if (height === null) height = size;\n  } else if (type === \"badge\") {\n    if (width === null) width = 20;\n    if (height === null) height = 20;\n  } else if (type === \"avatar\") {\n    const size = parseFloat(props.size) || 40;\n    if (width === null) width = size;\n    if (height === null) height = size;\n  } else if (type === \"icon\") {\n    const size = parseFloat(props.size) || 24;\n    if (width === null) width = size;\n    if (height === null) height = size;\n  }\n\n  // Intrinsic sizing for text nodes\n  if (node.type === \"text\" && node.props[0]) {\n    const text = String(node.props[0] || \"\");\n    const fontSize = parseFloat(props.fontSize) || 16;\n    const fontWeight = props.fontWeight || \"normal\";\n    const fontFamily = props.fontFamily || \"system-ui, sans-serif\";\n    const lineHeight = parseFloat(props.lineHeight) || fontSize * 1.2;\n\n    const maxWidth = width || availableAfterMargin.width - padding.left - padding.right;\n    const metrics = measureText(ctx, text, { fontSize, fontWeight, fontFamily, lineHeight }, maxWidth);\n\n    if (!width) width = metrics.width + padding.left + padding.right;\n    if (!height) height = metrics.height + padding.top + padding.bottom;\n  }\n\n  // Default to available size if not specified\n  if (width === null) width = availableAfterMargin.width;\n  if (height === null) height = availableAfterMargin.height;\n\n  // Apply constraints\n  const minWidth = parseSize(props.minWidth);\n  const maxWidth = parseSize(props.maxWidth);\n  const minHeight = parseSize(props.minHeight);\n  const maxHeight = parseSize(props.maxHeight);\n\n  if (minWidth !== null) width = Math.max(width, minWidth);\n  if (maxWidth !== null) width = Math.min(width, maxWidth);\n  if (minHeight !== null) height = Math.max(height, minHeight);\n  if (maxHeight !== null) height = Math.min(height, maxHeight);\n\n  // Create layout object\n  const layout: Layout = {\n    x: x + margin.left,\n    y: y + margin.top,\n    width,\n    height,\n    margin,\n    padding,\n    border: {\n      width: borderWidth,\n      color: borderColor,\n      radius: borderRadius,\n    },\n    contentX: padding.left + borderWidth,\n    contentY: padding.top + borderWidth,\n    contentWidth: width - padding.left - padding.right - borderWidth * 2,\n    contentHeight: height - padding.top - padding.bottom - borderWidth * 2,\n  };\n\n  node.layout = layout;\n\n  // Layout children if container\n  if (node.children.length > 0) {\n    layoutChildren(ctx, node);\n  }\n}\n\n/**\n * Layout children using flexbox-like rules\n */\nfunction layoutChildren(ctx: CanvasRenderingContext2D, parent: VirtualNode): void {\n  const layout = parent.layout!;\n  const props = parent.props;\n\n  // Stack components overlay children on top of each other\n  if (parent.type.toLowerCase() === \"stack\") {\n    layoutStackChildren(ctx, parent);\n    return;\n  }\n\n  const flexDirection = props.flexDirection || (parent.type === \"column\" ? \"column\" : \"row\");\n  const isColumn = flexDirection === \"column\";\n\n  // Resolve verticalAlignment/horizontalAlignment to main/cross axis based on direction\n  const justifyContent = isColumn\n    ? (props.verticalAlignment || \"flex-start\")\n    : (props.horizontalAlignment || \"flex-start\");\n  const alignItems = isColumn\n    ? (props.horizontalAlignment || \"flex-start\")\n    : (props.verticalAlignment || \"flex-start\");\n  const gap = parseFloat(props.gap) || 0;\n\n  const availableWidth = layout.contentWidth;\n  const availableHeight = layout.contentHeight;\n\n  // First pass: compute intrinsic sizes and collect flex info\n  const childInfo: Array<{\n    width: number;\n    height: number;\n    flexGrow: number;\n    flexShrink: number;\n    flexBasis: number | null;\n  }> = [];\n  let totalMainSize = 0;\n  let totalFlexGrow = 0;\n  let totalFlexShrink = 0;\n\n  for (const child of parent.children) {\n    const flexGrow = parseFloat(child.props.flexGrow) || parseFloat(child.props.flex) || 0;\n    const flexShrink = parseFloat(child.props.flexShrink) || 1;\n    const flexBasis = parseSize(child.props.flexBasis);\n\n    // Compute child layout with available space\n    computeLayout(\n      ctx,\n      child,\n      availableWidth,\n      availableHeight,\n      0,\n      0\n    );\n\n    const childLayout = child.layout!;\n    let mainSize = isColumn ? childLayout.height : childLayout.width;\n\n    // Use flexBasis if specified\n    if (flexBasis !== null) {\n      mainSize = flexBasis;\n      if (isColumn) {\n        childLayout.height = flexBasis;\n      } else {\n        childLayout.width = flexBasis;\n      }\n    }\n\n    childInfo.push({\n      width: childLayout.width,\n      height: childLayout.height,\n      flexGrow,\n      flexShrink,\n      flexBasis,\n    });\n\n    totalMainSize += mainSize;\n    totalFlexGrow += flexGrow;\n    totalFlexShrink += flexShrink;\n  }\n\n  // Add gaps\n  const totalGap = gap * (parent.children.length - 1);\n  totalMainSize += totalGap;\n\n  // Apply flex grow/shrink\n  const availableMain = isColumn ? availableHeight : availableWidth;\n  let remainingSpace = availableMain - totalMainSize;\n\n  // Distribute remaining space to flex-grow children\n  if (remainingSpace > 0 && totalFlexGrow > 0) {\n    const spacePerFlex = remainingSpace / totalFlexGrow;\n\n    for (let i = 0; i < parent.children.length; i++) {\n      const info = childInfo[i];\n      if (info.flexGrow > 0) {\n        const extraSpace = spacePerFlex * info.flexGrow;\n        if (isColumn) {\n          info.height += extraSpace;\n        } else {\n          info.width += extraSpace;\n        }\n        totalMainSize += extraSpace;\n      }\n    }\n\n    remainingSpace = 0;\n  }\n\n  // Apply flex shrink if needed (content is too large)\n  if (remainingSpace < 0 && totalFlexShrink > 0) {\n    const shrinkPerFlex = Math.abs(remainingSpace) / totalFlexShrink;\n\n    for (let i = 0; i < parent.children.length; i++) {\n      const info = childInfo[i];\n      if (info.flexShrink > 0) {\n        const shrinkSpace = Math.min(\n          shrinkPerFlex * info.flexShrink,\n          isColumn ? info.height : info.width\n        );\n\n        if (isColumn) {\n          info.height = Math.max(0, info.height - shrinkSpace);\n        } else {\n          info.width = Math.max(0, info.width - shrinkSpace);\n        }\n\n        totalMainSize -= shrinkSpace;\n      }\n    }\n\n    remainingSpace = availableMain - totalMainSize;\n  }\n\n  // Calculate starting position based on justifyContent\n  let mainStart = 0;\n  let spacing = 0;\n\n  if (justifyContent === \"center\") {\n    mainStart = Math.max(0, remainingSpace / 2);\n  } else if (justifyContent === \"flex-end\") {\n    mainStart = Math.max(0, remainingSpace);\n  } else if (justifyContent === \"space-between\") {\n    spacing = remainingSpace / Math.max(1, parent.children.length - 1);\n  } else if (justifyContent === \"space-around\") {\n    spacing = remainingSpace / parent.children.length;\n    mainStart = spacing / 2;\n  }\n\n  // Position children\n  let currentMain = mainStart;\n\n  for (let i = 0; i < parent.children.length; i++) {\n    const child = parent.children[i];\n    const childLayout = child.layout!;\n    const info = childInfo[i];\n\n    // Update child layout with flex-adjusted size\n    childLayout.width = info.width;\n    childLayout.height = info.height;\n\n    // Calculate cross position based on alignItems\n    let crossStart = 0;\n    const availableCross = isColumn ? availableWidth : availableHeight;\n    const childCross = isColumn ? info.width : info.height;\n\n    if (alignItems === \"center\") {\n      crossStart = (availableCross - childCross) / 2;\n    } else if (alignItems === \"flex-end\") {\n      crossStart = availableCross - childCross;\n    }\n\n    // Update child position relative to parent content area\n    if (isColumn) {\n      childLayout.x = layout.x + layout.contentX + crossStart;\n      childLayout.y = layout.y + layout.contentY + currentMain;\n      currentMain += info.height + gap;\n    } else {\n      childLayout.x = layout.x + layout.contentX + currentMain;\n      childLayout.y = layout.y + layout.contentY + crossStart;\n      currentMain += info.width + gap;\n    }\n\n    if (justifyContent === \"space-between\" || justifyContent === \"space-around\") {\n      currentMain += spacing;\n    }\n  }\n}\n\n/**\n * Layout Stack children - overlays children on top of each other\n */\nfunction layoutStackChildren(ctx: CanvasRenderingContext2D, parent: VirtualNode): void {\n  const layout = parent.layout!;\n  const props = parent.props;\n\n  // Stack uses horizontalAlignment/verticalAlignment directly\n  const horizontalAlignment = props.horizontalAlignment || \"flex-start\";\n  const verticalAlignment = props.verticalAlignment || \"flex-start\";\n\n  const availableWidth = layout.contentWidth;\n  const availableHeight = layout.contentHeight;\n\n  // Layout all children at the same position (stacked on top of each other)\n  for (const child of parent.children) {\n    // Compute child layout\n    computeLayout(\n      ctx,\n      child,\n      availableWidth,\n      availableHeight,\n      0,\n      0\n    );\n\n    const childLayout = child.layout!;\n\n    // Calculate position based on alignment\n    let x = 0;\n    let y = 0;\n\n    // Horizontal alignment\n    if (horizontalAlignment === \"center\") {\n      x = (availableWidth - childLayout.width) / 2;\n    } else if (horizontalAlignment === \"flex-end\") {\n      x = availableWidth - childLayout.width;\n    }\n\n    // Vertical alignment\n    if (verticalAlignment === \"center\") {\n      y = (availableHeight - childLayout.height) / 2;\n    } else if (verticalAlignment === \"flex-end\") {\n      y = availableHeight - childLayout.height;\n    }\n\n    // Update child position relative to parent content area\n    childLayout.x = layout.x + layout.contentX + x;\n    childLayout.y = layout.y + layout.contentY + y;\n  }\n}\n\n\n\n\n\n\n\n\n\n\n\n"
   ],
-  "mappings": "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",
-  "debugId": "C406790F0729CB1B64756E2164756E21",
+  "mappings": "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",
+  "debugId": "07EE823F4AA0B51664756E2164756E21",
   "names": []
 }

package/dist/canvas/paint.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Paint System
+ *
+ * Drawing virtual nodes to canvas
+ */
+import type { VirtualNode, PainterFunction } from "./types.js";
+/**
+ * Register a custom painter for a component type
+ */
+export declare function registerPainter(type: string, painter: PainterFunction): void;
+/**
+ * Paint a virtual node and its children
+ */
+export declare function paintNode(ctx: CanvasRenderingContext2D, node: VirtualNode): void;

package/dist/canvas/paint.js

@@ -151,7 +151,7 @@ function getAbsoluteBounds(node) {
 }
 
 // src/canvas/text.ts
-import { frameworkLoggers } from "@hypen-space/core";
+import { frameworkLoggers } from "@hypen-space/core/logger";
 var log = frameworkLoggers.canvas;
 var textMetricsCache = new Map;
 function getCacheKey(text, fontStyle, maxWidth) {
@@ -335,6 +335,7 @@ function paintNode(ctx, node) {
     case "link":
       paintLink(ctx, node);
       break;
+    case "app":
     case "container":
     case "box":
       paintContainer(ctx, node);
@@ -1125,4 +1126,4 @@ export {
   paintNode
 };
 
-//# debugId=99487600008FDD0564756E2164756E21
+//# debugId=07A6963F6299A38264756E2164756E21