@hypen-space/web 0.3.8 → 0.3.10

package/dist/src/dom/applicators/transition.js

@@ -1,88 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __moduleCache = /* @__PURE__ */ new WeakMap;
-var __toCommonJS = (from) => {
-  var entry = __moduleCache.get(from), desc;
-  if (entry)
-    return entry;
-  entry = __defProp({}, "__esModule", { value: true });
-  if (from && typeof from === "object" || typeof from === "function")
-    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    }));
-  __moduleCache.set(from, entry);
-  return entry;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, {
-      get: all[name],
-      enumerable: true,
-      configurable: true,
-      set: (newValue) => all[name] = () => newValue
-    });
-};
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-
-// src/dom/applicators/transition.ts
-var exports_transition = {};
-__export(exports_transition, {
-  transitionHandlers: () => transitionHandlers
-});
-var transitionHandlers;
-var init_transition = __esm(() => {
-  transitionHandlers = {
-    transition: (el, value) => {
-      el.style.transition = String(value);
-    },
-    transitionProperty: (el, value) => {
-      el.style.transitionProperty = String(value);
-    },
-    transitionDuration: (el, value) => {
-      el.style.transitionDuration = String(value);
-    },
-    transitionTimingFunction: (el, value) => {
-      el.style.transitionTimingFunction = String(value);
-    },
-    transitionDelay: (el, value) => {
-      el.style.transitionDelay = String(value);
-    },
-    animation: (el, value) => {
-      el.style.animation = String(value);
-    },
-    animationName: (el, value) => {
-      el.style.animationName = String(value);
-    },
-    animationDuration: (el, value) => {
-      el.style.animationDuration = String(value);
-    },
-    animationTimingFunction: (el, value) => {
-      el.style.animationTimingFunction = String(value);
-    },
-    animationDelay: (el, value) => {
-      el.style.animationDelay = String(value);
-    },
-    animationIterationCount: (el, value) => {
-      el.style.animationIterationCount = String(value);
-    },
-    animationDirection: (el, value) => {
-      el.style.animationDirection = String(value);
-    },
-    animationFillMode: (el, value) => {
-      el.style.animationFillMode = String(value);
-    },
-    animationPlayState: (el, value) => {
-      el.style.animationPlayState = String(value);
-    }
-  };
-});
-init_transition();
-
-export {
-  transitionHandlers
-};
-
-//# debugId=3E2E306AE569ACC964756E2164756E21

package/dist/src/dom/applicators/typography.js

@@ -1,109 +0,0 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __moduleCache = /* @__PURE__ */ new WeakMap;
-var __toCommonJS = (from) => {
-  var entry = __moduleCache.get(from), desc;
-  if (entry)
-    return entry;
-  entry = __defProp({}, "__esModule", { value: true });
-  if (from && typeof from === "object" || typeof from === "function")
-    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
-      get: () => from[key],
-      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-    }));
-  __moduleCache.set(from, entry);
-  return entry;
-};
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, {
-      get: all[name],
-      enumerable: true,
-      configurable: true,
-      set: (newValue) => all[name] = () => newValue
-    });
-};
-var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
-
-// src/dom/applicators/typography.ts
-var exports_typography = {};
-__export(exports_typography, {
-  typographyHandlers: () => typographyHandlers
-});
-var typographyHandlers;
-var init_typography = __esm(() => {
-  typographyHandlers = {
-    textAlign: (el, value) => {
-      el.style.textAlign = String(value);
-    },
-    textTransform: (el, value) => {
-      el.style.textTransform = String(value);
-    },
-    textDecoration: (el, value) => {
-      el.style.textDecoration = String(value);
-    },
-    textDecorationColor: (el, value) => {
-      el.style.textDecorationColor = String(value);
-    },
-    textDecorationStyle: (el, value) => {
-      el.style.textDecorationStyle = String(value);
-    },
-    textDecorationThickness: (el, value) => {
-      el.style.textDecorationThickness = typeof value === "number" ? `${value}px` : String(value);
-    },
-    letterSpacing: (el, value) => {
-      el.style.letterSpacing = typeof value === "number" ? `${value}px` : String(value);
-    },
-    wordSpacing: (el, value) => {
-      el.style.wordSpacing = typeof value === "number" ? `${value}px` : String(value);
-    },
-    lineHeight: (el, value) => {
-      el.style.lineHeight = String(value);
-    },
-    textIndent: (el, value) => {
-      el.style.textIndent = typeof value === "number" ? `${value}px` : String(value);
-    },
-    textOverflow: (el, value) => {
-      el.style.textOverflow = String(value);
-    },
-    whiteSpace: (el, value) => {
-      el.style.whiteSpace = String(value);
-    },
-    wordBreak: (el, value) => {
-      el.style.wordBreak = String(value);
-    },
-    verticalAlign: (el, value) => {
-      el.style.verticalAlign = String(value);
-    },
-    fontVariant: (el, value) => {
-      el.style.fontVariant = String(value);
-    },
-    fontStretch: (el, value) => {
-      el.style.fontStretch = String(value);
-    },
-    fontStyle: (el, value) => {
-      el.style.fontStyle = String(value);
-    },
-    writingMode: (el, value) => {
-      el.style.writingMode = String(value);
-    },
-    maxLines: (el, value) => {
-      const lines = typeof value === "number" ? value : parseInt(String(value), 10);
-      if (!isNaN(lines) && lines > 0) {
-        el.style.display = "-webkit-box";
-        el.style.setProperty("-webkit-line-clamp", String(lines));
-        el.style.setProperty("-webkit-box-orient", "vertical");
-        el.style.overflow = "hidden";
-      }
-    }
-  };
-});
-init_typography();
-
-export {
-  typographyHandlers
-};
-
-//# debugId=E16867140495B48C64756E2164756E21

package/dist/src/dom/components/avatar.js.map

@@ -1,10 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/avatar.ts"],
-  "sourcesContent": [
-    "/**\n * Avatar Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const avatarHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.dataset.hypenType = \"avatar\";\n    el.style.display = \"inline-flex\";\n    el.style.alignItems = \"center\";\n    el.style.justifyContent = \"center\";\n    el.style.width = \"40px\";\n    el.style.height = \"40px\";\n    el.style.borderRadius = \"50%\";\n    el.style.backgroundColor = \"#9e9e9e\";\n    el.style.color = \"#fff\";\n    el.style.fontSize = \"16px\";\n    el.style.fontWeight = \"600\";\n    el.style.overflow = \"hidden\";\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Image source\n    if (props.src !== undefined) {\n      const img = document.createElement(\"img\");\n      img.src = String(props.src);\n      img.style.width = \"100%\";\n      img.style.height = \"100%\";\n      img.style.objectFit = \"cover\";\n      el.innerHTML = \"\";\n      el.appendChild(img);\n    } else if (props.initials !== undefined) {\n      // Show initials\n      el.textContent = String(props.initials).toUpperCase();\n    }\n\n    // Size\n    if (props.size !== undefined) {\n      const size = typeof props.size === \"number\" ? `${props.size}px` : String(props.size);\n      el.style.width = size;\n      el.style.height = size;\n    }\n  },\n};\n\n\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,kBAAkC;AAAA,IAC7C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,QAAQ,YAAY;AAAA,MACvB,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,MAAM,aAAa;AAAA,MACtB,GAAG,MAAM,iBAAiB;AAAA,MAC1B,GAAG,MAAM,QAAQ;AAAA,MACjB,GAAG,MAAM,SAAS;AAAA,MAClB,GAAG,MAAM,eAAe;AAAA,MACxB,GAAG,MAAM,kBAAkB;AAAA,MAC3B,GAAG,MAAM,QAAQ;AAAA,MACjB,GAAG,MAAM,WAAW;AAAA,MACpB,GAAG,MAAM,aAAa;AAAA,MACtB,GAAG,MAAM,WAAW;AAAA,MACpB,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAE5D,IAAI,MAAM,QAAQ,WAAW;AAAA,QAC3B,MAAM,MAAM,SAAS,cAAc,KAAK;AAAA,QACxC,IAAI,MAAM,OAAO,MAAM,GAAG;AAAA,QAC1B,IAAI,MAAM,QAAQ;AAAA,QAClB,IAAI,MAAM,SAAS;AAAA,QACnB,IAAI,MAAM,YAAY;AAAA,QACtB,GAAG,YAAY;AAAA,QACf,GAAG,YAAY,GAAG;AAAA,MACpB,EAAO,SAAI,MAAM,aAAa,WAAW;AAAA,QAEvC,GAAG,cAAc,OAAO,MAAM,QAAQ,EAAE,YAAY;AAAA,MACtD;AAAA,MAGA,IAAI,MAAM,SAAS,WAAW;AAAA,QAC5B,MAAM,OAAO,OAAO,MAAM,SAAS,WAAW,GAAG,MAAM,WAAW,OAAO,MAAM,IAAI;AAAA,QACnF,GAAG,MAAM,QAAQ;AAAA,QACjB,GAAG,MAAM,SAAS;AAAA,MACpB;AAAA;AAAA,EAEJ;AAAA;",
-  "debugId": "9070AD72B5A383EE64756E2164756E21",
-  "names": []
-}

package/dist/src/dom/components/button.js.map

@@ -1,10 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/button.ts"],
-  "sourcesContent": [
-    "/**\n * Button Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const buttonHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"button\");\n    el.dataset.hypenType = \"button\";\n    return el;\n  },\n};\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,kBAAkC;AAAA,IAC7C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,QAAQ;AAAA,MAC1C,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,EAEX;AAAA;",
-  "debugId": "C97F585A40A1711164756E2164756E21",
-  "names": []
-}

package/dist/src/dom/components/center.js.map

@@ -1,10 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/center.ts"],
-  "sourcesContent": [
-    "/**\n * Center Component - Centers content\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const centerHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.style.display = \"flex\";\n    el.style.alignItems = \"center\";\n    el.style.justifyContent = \"center\";\n    el.dataset.hypenType = \"center\";\n    return el;\n  },\n};\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,kBAAkC;AAAA,IAC7C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,MAAM,aAAa;AAAA,MACtB,GAAG,MAAM,iBAAiB;AAAA,MAC1B,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,EAEX;AAAA;",
-  "debugId": "373FA3951950D07364756E2164756E21",
-  "names": []
-}

package/dist/src/dom/components/column.js.map

@@ -1,10 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/column.ts"],
-  "sourcesContent": [
-    "/**\n * Column Component - Vertical Stack\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const columnHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.style.display = \"flex\";\n    el.style.flexDirection = \"column\";\n    // Default to flex-start (leading/start) to match Android/iOS behavior\n    // CSS default is \"stretch\", but we want cross-platform consistency\n    el.style.alignItems = \"flex-start\";\n    el.dataset.hypenType = \"column\";\n    return el;\n  },\n};\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,kBAAkC;AAAA,IAC7C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,MAAM,gBAAgB;AAAA,MAGzB,GAAG,MAAM,aAAa;AAAA,MACtB,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,EAEX;AAAA;",
-  "debugId": "1577A6018C457F2F64756E2164756E21",
-  "names": []
-}

package/dist/src/dom/components/grid.js.map

@@ -1,10 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/grid.ts"],
-  "sourcesContent": [
-    "/**\n * Grid Component - CSS Grid Layout\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const gridHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.style.display = \"grid\";\n    el.dataset.hypenType = \"grid\";\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Columns\n    if (props.columns !== undefined) {\n      const columns = typeof props.columns === \"number\"\n        ? `repeat(${props.columns}, 1fr)`\n        : String(props.columns);\n      el.style.gridTemplateColumns = columns;\n    }\n\n    // Rows\n    if (props.rows !== undefined) {\n      const rows = typeof props.rows === \"number\"\n        ? `repeat(${props.rows}, 1fr)`\n        : String(props.rows);\n      el.style.gridTemplateRows = rows;\n    }\n\n    // Gap\n    if (props.gap !== undefined) {\n      const gap = typeof props.gap === \"number\" ? `${props.gap}px` : String(props.gap);\n      el.style.gap = gap;\n    }\n  },\n};\n\n\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,gBAAgC;AAAA,IAC3C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAE5D,IAAI,MAAM,YAAY,WAAW;AAAA,QAC/B,MAAM,UAAU,OAAO,MAAM,YAAY,WACrC,UAAU,MAAM,kBAChB,OAAO,MAAM,OAAO;AAAA,QACxB,GAAG,MAAM,sBAAsB;AAAA,MACjC;AAAA,MAGA,IAAI,MAAM,SAAS,WAAW;AAAA,QAC5B,MAAM,OAAO,OAAO,MAAM,SAAS,WAC/B,UAAU,MAAM,eAChB,OAAO,MAAM,IAAI;AAAA,QACrB,GAAG,MAAM,mBAAmB;AAAA,MAC9B;AAAA,MAGA,IAAI,MAAM,QAAQ,WAAW;AAAA,QAC3B,MAAM,MAAM,OAAO,MAAM,QAAQ,WAAW,GAAG,MAAM,UAAU,OAAO,MAAM,GAAG;AAAA,QAC/E,GAAG,MAAM,MAAM;AAAA,MACjB;AAAA;AAAA,EAEJ;AAAA;",
-  "debugId": "D40001AB02746ECF64756E2164756E21",
-  "names": []
-}

package/dist/src/dom/components/hypenapp.js.map

@@ -1,10 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/hypenapp.ts"],
-  "sourcesContent": [
-    "/**\n * HypenApp Component\n *\n * Embeds a remote Hypen app via WebSocket\n *\n * Usage in Hypen DSL:\n * ```hypen\n * HypenApp(\"ws://localhost:3000\")\n *\n * // Or with named prop:\n * HypenApp(url: \"ws://localhost:3000\")\n * ```\n */\n\nimport type { ComponentHandler } from \"./index.js\";\nimport { RemoteEngine } from \"@hypen-space/core/remote/client\";\nimport type { Patch } from \"@hypen-space/core/remote\";\n\n// Store active HypenApp instances for cleanup\nconst activeInstances = new WeakMap<\n  HTMLElement,\n  {\n    engine: RemoteEngine;\n    nodes: Map<string, HTMLElement>;\n  }\n>();\n\nexport const hypenAppHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.dataset.hypenType = \"hypenapp\";\n    el.style.display = \"contents\"; // Don't affect layout\n    return el;\n  },\n\n  applyProps(element: HTMLElement, props: Record<string, any>): void {\n    // Get URL from props (can be positional \"0\" or named \"url\")\n    const url = props[\"0\"] || props.url;\n\n    if (!url || typeof url !== \"string\") {\n      console.error(\"[HypenApp] URL is required\");\n      element.innerHTML = '<div style=\"color: red;\">HypenApp: URL required</div>';\n      return;\n    }\n\n    // Check if already connected\n    const existing = activeInstances.get(element);\n    if (existing) {\n      // Already connected, don't reconnect\n      return;\n    }\n\n    // Create the remote engine\n    const engine = new RemoteEngine(url, {\n      autoReconnect: props.autoReconnect ?? true,\n      reconnectInterval: props.reconnectInterval ?? 3000,\n      maxReconnectAttempts: props.maxReconnectAttempts ?? 10,\n    });\n\n    // Map to track created nodes\n    const nodes = new Map<string, HTMLElement>();\n    let rootId: string | null = null;\n\n    // Store instance for cleanup\n    activeInstances.set(element, { engine, nodes });\n\n    // Set up patch handling\n    engine.onPatches((patches) => {\n      applyPatches(element, nodes, patches, engine, (id) => {\n        if (!rootId) rootId = id;\n      });\n    });\n\n    // Show loading state\n    element.innerHTML = '<div class=\"hypen-app-loading\">Connecting...</div>';\n\n    // Connect\n    engine\n      .connect()\n      .then(() => {\n        // Clear loading state - patches will populate content\n        element.innerHTML = \"\";\n        console.log(`[HypenApp] Connected to ${url}`);\n      })\n      .catch((error) => {\n        element.innerHTML = `<div style=\"color: red;\">HypenApp: Connection failed - ${error.message}</div>`;\n        console.error(\"[HypenApp] Connection failed:\", error);\n      });\n\n    // Handle disconnection\n    engine.onDisconnect(() => {\n      console.log(\"[HypenApp] Disconnected\");\n    });\n\n    engine.onError((error) => {\n      console.error(\"[HypenApp] Error:\", error);\n    });\n\n    // Cleanup on element removal\n    const observer = new MutationObserver((mutations) => {\n      for (const mutation of mutations) {\n        for (const removedNode of mutation.removedNodes) {\n          if (removedNode === element || (removedNode as Element).contains?.(element)) {\n            engine.disconnect();\n            activeInstances.delete(element);\n            observer.disconnect();\n            console.log(\"[HypenApp] Cleaned up\");\n            return;\n          }\n        }\n      }\n    });\n\n    // Observe parent for removal\n    if (element.parentNode) {\n      observer.observe(element.parentNode, { childList: true, subtree: true });\n    }\n  },\n};\n\n/**\n * Minimal patch application for HypenApp container\n */\nfunction applyPatches(\n  container: HTMLElement,\n  nodes: Map<string, HTMLElement>,\n  patches: Patch[],\n  engine: RemoteEngine,\n  onRoot: (id: string) => void\n): void {\n  for (const patch of patches) {\n    switch (patch.type) {\n      case \"create\": {\n        const el = createElement((patch as any).element_type, patch.props || {});\n        el.dataset.hypenId = patch.id!;\n        (el as any).__hypenEngine = engine;\n        nodes.set(patch.id!, el);\n        break;\n      }\n\n      case \"setProp\": {\n        const el = nodes.get(patch.id!);\n        if (el) {\n          applyProp(el, patch.name!, patch.value);\n        }\n        break;\n      }\n\n      case \"setText\": {\n        const el = nodes.get(patch.id!);\n        if (el) {\n          el.textContent = patch.text!;\n        }\n        break;\n      }\n\n      case \"insert\": {\n        const parentId = (patch as any).parent_id;\n        const parent = parentId === \"root\" ? container : nodes.get(parentId);\n        const child = nodes.get(patch.id!);\n        const beforeId = (patch as any).before_id;\n\n        if (parent && child) {\n          if (parentId === \"root\") {\n            onRoot(patch.id!);\n          }\n\n          if (beforeId) {\n            const before = nodes.get(beforeId);\n            if (before && before.parentNode === parent) {\n              parent.insertBefore(child, before);\n            } else if (!parent.contains(child)) {\n              parent.appendChild(child);\n            }\n          } else if (!parent.contains(child)) {\n            parent.appendChild(child);\n          }\n        }\n        break;\n      }\n\n      case \"move\": {\n        const parentId = (patch as any).parent_id;\n        const parent = parentId === \"root\" ? container : nodes.get(parentId);\n        const child = nodes.get(patch.id!);\n        const beforeId = (patch as any).before_id;\n\n        if (parent && child) {\n          if (beforeId) {\n            const before = nodes.get(beforeId);\n            if (before && before.parentNode === parent) {\n              parent.insertBefore(child, before);\n            }\n          } else {\n            parent.appendChild(child);\n          }\n        }\n        break;\n      }\n\n      case \"remove\": {\n        const el = nodes.get(patch.id!);\n        if (el && el.parentNode) {\n          el.parentNode.removeChild(el);\n        }\n        nodes.delete(patch.id!);\n        break;\n      }\n    }\n  }\n}\n\n/**\n * Create element by type\n */\nfunction createElement(type: string, props: Record<string, any>): HTMLElement {\n  const normalizedType = type.toLowerCase();\n\n  // Map Hypen types to HTML elements\n  const tagMap: Record<string, string> = {\n    column: \"div\",\n    row: \"div\",\n    text: \"span\",\n    button: \"button\",\n    input: \"input\",\n    image: \"img\",\n    container: \"div\",\n    box: \"div\",\n    center: \"div\",\n    list: \"div\",\n    spacer: \"div\",\n    stack: \"div\",\n    divider: \"hr\",\n    grid: \"div\",\n    card: \"div\",\n    heading: \"h2\",\n    link: \"a\",\n    textarea: \"textarea\",\n    checkbox: \"input\",\n    select: \"select\",\n    slider: \"input\",\n    switch: \"input\",\n    spinner: \"div\",\n    badge: \"span\",\n    avatar: \"img\",\n    progressbar: \"div\",\n    video: \"video\",\n    audio: \"audio\",\n  };\n\n  const tag = tagMap[normalizedType] || \"div\";\n  const el = document.createElement(tag);\n  el.dataset.hypenType = normalizedType;\n\n  // Apply basic styles\n  if (normalizedType === \"column\") {\n    el.style.display = \"flex\";\n    el.style.flexDirection = \"column\";\n  } else if (normalizedType === \"row\") {\n    el.style.display = \"flex\";\n    el.style.flexDirection = \"row\";\n  } else if (normalizedType === \"center\") {\n    el.style.display = \"flex\";\n    el.style.alignItems = \"center\";\n    el.style.justifyContent = \"center\";\n  } else if (normalizedType === \"text\") {\n    // Text content from props\n    if (props[\"0\"]) {\n      el.textContent = String(props[\"0\"]);\n    }\n  } else if (normalizedType === \"button\") {\n    el.style.cursor = \"pointer\";\n  } else if (normalizedType === \"checkbox\" || normalizedType === \"switch\") {\n    (el as HTMLInputElement).type = \"checkbox\";\n  } else if (normalizedType === \"slider\") {\n    (el as HTMLInputElement).type = \"range\";\n  }\n\n  return el;\n}\n\n/**\n * Apply a prop to an element\n */\nfunction applyProp(el: HTMLElement, name: string, value: any): void {\n  // Text content\n  if (name === \"0\" || name === \"text\") {\n    el.textContent = String(value);\n    return;\n  }\n\n  // Style props\n  const styleProps: Record<string, string> = {\n    padding: \"padding\",\n    margin: \"margin\",\n    backgroundColor: \"backgroundColor\",\n    background: \"background\",\n    color: \"color\",\n    fontSize: \"fontSize\",\n    fontWeight: \"fontWeight\",\n    width: \"width\",\n    height: \"height\",\n    minWidth: \"minWidth\",\n    minHeight: \"minHeight\",\n    maxWidth: \"maxWidth\",\n    maxHeight: \"maxHeight\",\n    borderRadius: \"borderRadius\",\n    border: \"border\",\n    gap: \"gap\",\n    flex: \"flex\",\n    alignItems: \"alignItems\",\n    justifyContent: \"justifyContent\",\n    opacity: \"opacity\",\n    overflow: \"overflow\",\n  };\n\n  if (styleProps[name]) {\n    const cssValue = typeof value === \"number\" ? `${value}px` : String(value);\n    (el.style as any)[styleProps[name]] = cssValue;\n    return;\n  }\n\n  // Event handlers\n  if (name === \"onClick\" || name === \"onclick\") {\n    el.onclick = () => {\n      const engine = (el as any).__hypenEngine as RemoteEngine;\n      if (engine && typeof value === \"string\" && value.startsWith(\"@actions.\")) {\n        const action = value.replace(\"@actions.\", \"\");\n        engine.dispatchAction(action);\n      }\n    };\n    return;\n  }\n\n  // Other attributes\n  el.setAttribute(name, String(value));\n}\n\n/**\n * Disconnect a HypenApp instance\n */\nexport function disconnectHypenApp(element: HTMLElement): void {\n  const instance = activeInstances.get(element);\n  if (instance) {\n    instance.engine.disconnect();\n    activeInstances.delete(element);\n  }\n}\n"
-  ],
-  "mappings": "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",
-  "debugId": "FF8625BC3E34C63E64756E2164756E21",
-  "names": []
-}

package/dist/src/dom/components/index.js.map

@@ -1,41 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/column.ts", "../src/dom/components/row.ts", "../src/dom/components/text.ts", "../src/dom/components/image.ts", "../src/dom/components/button.ts", "../src/dom/components/container.ts", "../src/dom/components/center.ts", "../src/dom/components/list.ts", "../src/dom/components/input.ts", "../src/dom/components/link.ts", "../src/dom/components/textarea.ts", "../src/dom/components/checkbox.ts", "../src/dom/components/select.ts", "../src/dom/components/spacer.ts", "../src/dom/components/stack.ts", "../src/dom/components/divider.ts", "../src/dom/components/grid.ts", "../src/dom/components/card.ts", "../src/dom/components/heading.ts", "../src/dom/components/switch.ts", "../src/dom/components/slider.ts", "../src/dom/components/spinner.ts", "../src/dom/components/badge.ts", "../src/dom/components/avatar.ts", "../src/dom/components/progressbar.ts", "../src/dom/components/video.ts", "../src/dom/components/audio.ts", "../src/dom/components/paragraph.ts", "../src/dom/components/router.ts", "../src/dom/components/route.ts", "../src/dom/components/hypenapp.ts", "../src/dom/components/index.ts"],
-  "sourcesContent": [
-    "/**\n * Column Component - Vertical Stack\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const columnHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.style.display = \"flex\";\n    el.style.flexDirection = \"column\";\n    // Default to flex-start (leading/start) to match Android/iOS behavior\n    // CSS default is \"stretch\", but we want cross-platform consistency\n    el.style.alignItems = \"flex-start\";\n    el.dataset.hypenType = \"column\";\n    return el;\n  },\n};\n",
-    "/**\n * Row Component - Horizontal Stack\n * Children stretch to fill available space equally by default.\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\n// Inject global styles once for Row child behavior\nlet rowStylesInjected = false;\nfunction ensureRowStyles(): void {\n  if (rowStylesInjected) return;\n  rowStylesInjected = true;\n\n  const style = document.createElement(\"style\");\n  style.id = \"hypen-row-styles\";\n  style.textContent = `\n    [data-hypen-type=\"row\"] > * {\n      flex: 1 1 0%;\n      min-width: 0;\n    }\n  `;\n  document.head.appendChild(style);\n}\n\nexport const rowHandler: ComponentHandler = {\n  create(): HTMLElement {\n    ensureRowStyles();\n\n    const el = document.createElement(\"div\");\n    el.style.display = \"flex\";\n    el.style.flexDirection = \"row\";\n    // Default to flex-start (top) to match Android/iOS behavior\n    // CSS default is \"stretch\", but we want cross-platform consistency\n    el.style.alignItems = \"flex-start\";\n    el.dataset.hypenType = \"row\";\n    return el;\n  },\n};\n",
-    "/**\n * Text Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const textHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"span\");\n    el.style.display = \"inline-block\";\n    el.dataset.hypenType = \"text\";\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Text content from first positional arg or \"text\" prop\n    const text = props[\"0\"] || props.text;\n    if (text !== undefined) {\n      // Store the original text template for state interpolation\n      el.dataset.textTemplate = String(text);\n      el.textContent = String(text);\n    }\n  },\n};\n",
-    "/**\n * Image Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const imageHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"img\");\n    el.dataset.hypenType = \"image\";\n    return el as any as HTMLElement;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const img = el as HTMLImageElement;\n\n    // Support url, src, or first positional argument\n    const src = props[\"0\"] || props.url || props.src;\n    if (src !== undefined) {\n      img.src = String(src);\n    }\n\n    if (props.alt !== undefined) {\n      img.alt = String(props.alt);\n    }\n  },\n};\n",
-    "/**\n * Button Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const buttonHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"button\");\n    el.dataset.hypenType = \"button\";\n    return el;\n  },\n};\n",
-    "/**\n * Container/Box Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const containerHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.style.display = \"flex\";\n    el.style.flexDirection = \"column\";\n    el.style.alignItems = \"stretch\";\n    el.dataset.hypenType = \"container\";\n    return el;\n  },\n};\n",
-    "/**\n * Center Component - Centers content\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const centerHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.style.display = \"flex\";\n    el.style.alignItems = \"center\";\n    el.style.justifyContent = \"center\";\n    el.dataset.hypenType = \"center\";\n    return el;\n  },\n};\n",
-    "/**\n * List Component - Scrollable stack\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const listHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.style.display = \"flex\";\n    el.style.flexDirection = \"column\"; // Default to vertical (like Android)\n    // Default to flex-start to match Android/iOS behavior\n    el.style.alignItems = \"flex-start\";\n    el.style.overflow = \"auto\";\n    el.dataset.hypenType = \"list\";\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Direction: vertical or horizontal\n    const direction = props.direction || props[\"1\"] || \"vertical\";\n    if (direction === \"vertical\") {\n      el.style.flexDirection = \"column\";\n    } else {\n      el.style.flexDirection = \"row\";\n    }\n\n    // Gap between items\n    if (props.gap !== undefined) {\n      el.style.gap = typeof props.gap === \"number\" ? `${props.gap}px` : String(props.gap);\n    }\n  },\n};\n",
-    "/**\n * Input Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const inputHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"input\");\n    el.dataset.hypenType = \"input\";\n    return el as any as HTMLElement;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const input = el as HTMLInputElement;\n\n    if (props.type !== undefined) {\n      input.type = String(props.type);\n    }\n\n    if (props.placeholder !== undefined) {\n      input.placeholder = String(props.placeholder);\n    }\n\n    if (props.value !== undefined) {\n      input.value = String(props.value);\n    }\n  },\n};\n",
-    "/**\n * Link Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const linkHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"a\");\n    el.dataset.hypenType = \"link\";\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const anchor = el as HTMLAnchorElement;\n\n    // Support href or first positional argument\n    const href = props[\"0\"] || props.href;\n    if (href !== undefined) {\n      anchor.href = String(href);\n    }\n\n    // Target property\n    if (props.target !== undefined) {\n      anchor.target = String(props.target);\n    }\n\n    // Rel property\n    if (props.rel !== undefined) {\n      anchor.rel = String(props.rel);\n    }\n  },\n};\n\n\n",
-    "/**\n * Textarea Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const textareaHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"textarea\");\n    el.dataset.hypenType = \"textarea\";\n    return el as any as HTMLElement;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const textarea = el as HTMLTextAreaElement;\n\n    // Value property\n    const value = props[\"0\"] || props.value;\n    if (value !== undefined) {\n      textarea.value = String(value);\n    }\n\n    // Placeholder\n    if (props.placeholder !== undefined) {\n      textarea.placeholder = String(props.placeholder);\n    }\n\n    // Rows\n    if (props.rows !== undefined) {\n      textarea.rows = Number(props.rows);\n    }\n\n    // Cols\n    if (props.cols !== undefined) {\n      textarea.cols = Number(props.cols);\n    }\n\n    // Disabled\n    if (props.disabled !== undefined) {\n      textarea.disabled = Boolean(props.disabled);\n    }\n\n    // Readonly\n    if (props.readonly !== undefined) {\n      textarea.readOnly = Boolean(props.readonly);\n    }\n  },\n};\n\n\n",
-    "/**\n * Checkbox Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const checkboxHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const wrapper = document.createElement(\"label\");\n    wrapper.dataset.hypenType = \"checkbox\";\n    wrapper.style.display = \"inline-flex\";\n    wrapper.style.alignItems = \"center\";\n    wrapper.style.gap = \"8px\";\n    wrapper.style.cursor = \"pointer\";\n\n    const input = document.createElement(\"input\");\n    input.type = \"checkbox\";\n    input.dataset.hypenCheckbox = \"true\";\n    \n    wrapper.appendChild(input);\n    \n    return wrapper;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const input = el.querySelector('input[type=\"checkbox\"]') as HTMLInputElement;\n    if (!input) return;\n\n    // Checked state\n    if (props.checked !== undefined) {\n      input.checked = Boolean(props.checked);\n    }\n\n    // Disabled\n    if (props.disabled !== undefined) {\n      input.disabled = Boolean(props.disabled);\n    }\n\n    // Label text\n    const label = props[\"0\"] || props.label;\n    if (label !== undefined) {\n      // Remove existing text node if any\n      const textNodes = Array.from(el.childNodes).filter(\n        node => node.nodeType === Node.TEXT_NODE\n      );\n      textNodes.forEach(node => node.remove());\n      \n      // Add new label text\n      el.appendChild(document.createTextNode(String(label)));\n    }\n  },\n};\n\n\n",
-    "/**\n * Select Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const selectHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"select\");\n    el.dataset.hypenType = \"select\";\n    return el as any as HTMLElement;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const select = el as HTMLSelectElement;\n\n    // Value property\n    if (props.value !== undefined) {\n      select.value = String(props.value);\n    }\n\n    // Disabled\n    if (props.disabled !== undefined) {\n      select.disabled = Boolean(props.disabled);\n    }\n\n    // Multiple\n    if (props.multiple !== undefined) {\n      select.multiple = Boolean(props.multiple);\n    }\n\n    // Options array\n    if (props.options && Array.isArray(props.options)) {\n      // Clear existing options\n      select.innerHTML = \"\";\n      \n      // Add new options\n      props.options.forEach((opt: any) => {\n        const option = document.createElement(\"option\");\n        \n        if (typeof opt === \"string\") {\n          option.value = opt;\n          option.textContent = opt;\n        } else if (typeof opt === \"object\") {\n          option.value = String(opt.value ?? opt.label ?? \"\");\n          option.textContent = String(opt.label ?? opt.value ?? \"\");\n          if (opt.disabled) option.disabled = true;\n        }\n        \n        select.appendChild(option);\n      });\n    }\n  },\n};\n\n\n",
-    "/**\n * Spacer Component - Flexible space in flex layouts\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const spacerHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.style.flex = \"1\";\n    el.dataset.hypenType = \"spacer\";\n    return el;\n  },\n};\n\n\n",
-    "/**\n * Stack Component - Overlaying elements with absolute positioning\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\n// Inject global styles once\nlet stackStylesInjected = false;\nfunction ensureStackStyles(): void {\n  if (stackStylesInjected) return;\n  stackStylesInjected = true;\n\n  const style = document.createElement(\"style\");\n  style.id = \"hypen-stack-styles\";\n  style.textContent = `\n    [data-hypen-type=\"stack\"] {\n      position: relative;\n      display: grid;\n      grid-template-areas: \"stack\";\n      /* Ensure Stack participates properly in flex layouts (Row/Column) */\n      min-width: 0;\n      min-height: 0;\n    }\n    [data-hypen-type=\"stack\"] > * {\n      grid-area: stack;\n    }\n  `;\n  document.head.appendChild(style);\n}\n\nexport const stackHandler: ComponentHandler = {\n  create(): HTMLElement {\n    ensureStackStyles();\n\n    const el = document.createElement(\"div\");\n    el.dataset.hypenType = \"stack\";\n\n    return el;\n  },\n};\n\n\n",
-    "/**\n * Divider Component - Visual separator\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const dividerHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"hr\");\n    el.dataset.hypenType = \"divider\";\n    el.style.border = \"none\";\n    el.style.borderTop = \"1px solid #e0e0e0\";\n    el.style.margin = \"0\";\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Thickness\n    if (props.thickness !== undefined) {\n      const thickness = typeof props.thickness === \"number\" \n        ? `${props.thickness}px` \n        : String(props.thickness);\n      el.style.borderTopWidth = thickness;\n    }\n\n    // Orientation\n    if (props.orientation === \"vertical\") {\n      el.style.borderTop = \"none\";\n      el.style.borderLeft = \"1px solid #e0e0e0\";\n      el.style.height = \"100%\";\n      el.style.width = \"0\";\n      el.style.display = \"inline-block\";\n    }\n  },\n};\n\n\n",
-    "/**\n * Grid Component - CSS Grid Layout\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const gridHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.style.display = \"grid\";\n    el.dataset.hypenType = \"grid\";\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Columns\n    if (props.columns !== undefined) {\n      const columns = typeof props.columns === \"number\"\n        ? `repeat(${props.columns}, 1fr)`\n        : String(props.columns);\n      el.style.gridTemplateColumns = columns;\n    }\n\n    // Rows\n    if (props.rows !== undefined) {\n      const rows = typeof props.rows === \"number\"\n        ? `repeat(${props.rows}, 1fr)`\n        : String(props.rows);\n      el.style.gridTemplateRows = rows;\n    }\n\n    // Gap\n    if (props.gap !== undefined) {\n      const gap = typeof props.gap === \"number\" ? `${props.gap}px` : String(props.gap);\n      el.style.gap = gap;\n    }\n  },\n};\n\n\n",
-    "/**\n * Card Component - Container with default styling\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const cardHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.dataset.hypenType = \"card\";\n    el.style.backgroundColor = \"#ffffff\";\n    el.style.borderRadius = \"8px\";\n    el.style.boxShadow = \"0 2px 4px rgba(0, 0, 0, 0.1)\";\n    el.style.padding = \"16px\";\n    return el;\n  },\n};\n\n\n",
-    "/**\n * Heading Component - Semantic headings (h1-h6)\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const headingHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"h2\");\n    el.dataset.hypenType = \"heading\";\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Level property (1-6)\n    if (props.level !== undefined) {\n      const level = Math.max(1, Math.min(6, Number(props.level)));\n      const newEl = document.createElement(`h${level}`);\n      newEl.dataset.hypenType = \"heading\";\n      \n      // Copy content and attributes\n      newEl.innerHTML = el.innerHTML;\n      Array.from(el.attributes).forEach(attr => {\n        newEl.setAttribute(attr.name, attr.value);\n      });\n      \n      // Replace the element\n      if (el.parentNode) {\n        el.parentNode.replaceChild(newEl, el);\n      }\n    }\n\n    // Text content\n    const text = props[\"0\"] || props.text;\n    if (text !== undefined) {\n      el.textContent = String(text);\n    }\n  },\n};\n\n\n",
-    "/**\n * Switch Component (Toggle)\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const switchHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const wrapper = document.createElement(\"label\");\n    wrapper.dataset.hypenType = \"switch\";\n    wrapper.style.display = \"inline-flex\";\n    wrapper.style.alignItems = \"center\";\n    wrapper.style.gap = \"8px\";\n    wrapper.style.cursor = \"pointer\";\n\n    const input = document.createElement(\"input\");\n    input.type = \"checkbox\";\n    input.dataset.hypenSwitch = \"true\";\n    \n    // Style the switch\n    input.style.appearance = \"none\";\n    input.style.width = \"44px\";\n    input.style.height = \"24px\";\n    input.style.backgroundColor = \"#ccc\";\n    input.style.borderRadius = \"12px\";\n    input.style.position = \"relative\";\n    input.style.cursor = \"pointer\";\n    input.style.transition = \"background-color 0.2s\";\n    \n    // Add pseudo-element styling via CSS\n    const style = document.createElement(\"style\");\n    style.textContent = `\n      input[data-hypen-switch=\"true\"]::before {\n        content: \"\";\n        position: absolute;\n        width: 20px;\n        height: 20px;\n        background-color: white;\n        border-radius: 50%;\n        top: 2px;\n        left: 2px;\n        transition: transform 0.2s;\n      }\n      input[data-hypen-switch=\"true\"]:checked {\n        background-color: #4CAF50;\n      }\n      input[data-hypen-switch=\"true\"]:checked::before {\n        transform: translateX(20px);\n      }\n    `;\n    wrapper.appendChild(style);\n    wrapper.appendChild(input);\n    \n    return wrapper;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const input = el.querySelector('input[type=\"checkbox\"]') as HTMLInputElement;\n    if (!input) return;\n\n    // On state (checked)\n    if (props.on !== undefined) {\n      input.checked = Boolean(props.on);\n    }\n\n    // Disabled\n    if (props.disabled !== undefined) {\n      input.disabled = Boolean(props.disabled);\n    }\n\n    // Label text\n    const label = props[\"0\"] || props.label;\n    if (label !== undefined) {\n      // Remove existing text node if any\n      const textNodes = Array.from(el.childNodes).filter(\n        node => node.nodeType === Node.TEXT_NODE\n      );\n      textNodes.forEach(node => node.remove());\n      \n      // Add new label text\n      el.appendChild(document.createTextNode(String(label)));\n    }\n  },\n};\n\n\n",
-    "/**\n * Slider Component (Range Input)\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const sliderHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"input\");\n    el.type = \"range\";\n    el.dataset.hypenType = \"slider\";\n    return el as any as HTMLElement;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const input = el as HTMLInputElement;\n\n    // Value\n    if (props.value !== undefined) {\n      input.value = String(props.value);\n    }\n\n    // Min\n    if (props.min !== undefined) {\n      input.min = String(props.min);\n    }\n\n    // Max\n    if (props.max !== undefined) {\n      input.max = String(props.max);\n    }\n\n    // Step\n    if (props.step !== undefined) {\n      input.step = String(props.step);\n    }\n\n    // Disabled\n    if (props.disabled !== undefined) {\n      input.disabled = Boolean(props.disabled);\n    }\n  },\n};\n\n\n",
-    "/**\n * Spinner Component (Loading Indicator)\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const spinnerHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const wrapper = document.createElement(\"div\");\n    wrapper.dataset.hypenType = \"spinner\";\n    wrapper.style.display = \"inline-block\";\n\n    const spinner = document.createElement(\"div\");\n    spinner.style.width = \"40px\";\n    spinner.style.height = \"40px\";\n    spinner.style.border = \"4px solid #f3f3f3\";\n    spinner.style.borderTop = \"4px solid #3498db\";\n    spinner.style.borderRadius = \"50%\";\n    spinner.style.animation = \"spin 1s linear infinite\";\n\n    // Add keyframe animation\n    const style = document.createElement(\"style\");\n    style.textContent = `\n      @keyframes spin {\n        0% { transform: rotate(0deg); }\n        100% { transform: rotate(360deg); }\n      }\n    `;\n    \n    wrapper.appendChild(style);\n    wrapper.appendChild(spinner);\n    \n    return wrapper;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const spinner = el.querySelector(\"div:not(style)\") as HTMLElement;\n    if (!spinner) return;\n\n    // Size\n    if (props.size !== undefined) {\n      const size = String(props.size);\n      const sizeMap: Record<string, string> = {\n        small: \"24px\",\n        medium: \"40px\",\n        large: \"60px\",\n      };\n      const actualSize = sizeMap[size] || size;\n      spinner.style.width = actualSize;\n      spinner.style.height = actualSize;\n    }\n\n    // Color\n    if (props.color !== undefined) {\n      spinner.style.borderTopColor = String(props.color);\n    }\n  },\n};\n\n\n",
-    "/**\n * Badge Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const badgeHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"span\");\n    el.dataset.hypenType = \"badge\";\n    el.style.display = \"inline-block\";\n    el.style.padding = \"4px 8px\";\n    el.style.borderRadius = \"4px\";\n    el.style.fontSize = \"12px\";\n    el.style.fontWeight = \"600\";\n    el.style.backgroundColor = \"#e0e0e0\";\n    el.style.color = \"#333\";\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Theme\n    if (props.theme !== undefined) {\n      const theme = String(props.theme);\n      const themeColors: Record<string, { bg: string; color: string }> = {\n        success: { bg: \"#4CAF50\", color: \"#fff\" },\n        error: { bg: \"#f44336\", color: \"#fff\" },\n        warning: { bg: \"#ff9800\", color: \"#fff\" },\n        info: { bg: \"#2196F3\", color: \"#fff\" },\n        default: { bg: \"#e0e0e0\", color: \"#333\" },\n      };\n      const colors = themeColors[theme] || themeColors.default;\n      el.style.backgroundColor = colors.bg;\n      el.style.color = colors.color;\n    }\n\n    // Text content\n    const text = props[\"0\"] || props.text;\n    if (text !== undefined) {\n      el.textContent = String(text);\n    }\n  },\n};\n\n\n",
-    "/**\n * Avatar Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const avatarHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.dataset.hypenType = \"avatar\";\n    el.style.display = \"inline-flex\";\n    el.style.alignItems = \"center\";\n    el.style.justifyContent = \"center\";\n    el.style.width = \"40px\";\n    el.style.height = \"40px\";\n    el.style.borderRadius = \"50%\";\n    el.style.backgroundColor = \"#9e9e9e\";\n    el.style.color = \"#fff\";\n    el.style.fontSize = \"16px\";\n    el.style.fontWeight = \"600\";\n    el.style.overflow = \"hidden\";\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Image source\n    if (props.src !== undefined) {\n      const img = document.createElement(\"img\");\n      img.src = String(props.src);\n      img.style.width = \"100%\";\n      img.style.height = \"100%\";\n      img.style.objectFit = \"cover\";\n      el.innerHTML = \"\";\n      el.appendChild(img);\n    } else if (props.initials !== undefined) {\n      // Show initials\n      el.textContent = String(props.initials).toUpperCase();\n    }\n\n    // Size\n    if (props.size !== undefined) {\n      const size = typeof props.size === \"number\" ? `${props.size}px` : String(props.size);\n      el.style.width = size;\n      el.style.height = size;\n    }\n  },\n};\n\n\n",
-    "/**\n * ProgressBar Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const progressBarHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const wrapper = document.createElement(\"div\");\n    wrapper.dataset.hypenType = \"progressbar\";\n    wrapper.style.width = \"100%\";\n    wrapper.style.height = \"8px\";\n    wrapper.style.backgroundColor = \"#e0e0e0\";\n    wrapper.style.borderRadius = \"4px\";\n    wrapper.style.overflow = \"hidden\";\n\n    const bar = document.createElement(\"div\");\n    bar.dataset.hypenBar = \"true\";\n    bar.style.height = \"100%\";\n    bar.style.backgroundColor = \"#2196F3\";\n    bar.style.transition = \"width 0.3s ease\";\n    bar.style.width = \"0%\";\n\n    wrapper.appendChild(bar);\n    return wrapper;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const bar = el.querySelector('[data-hypen-bar=\"true\"]') as HTMLElement;\n    if (!bar) return;\n\n    // Value and max\n    const value = Number(props.value || 0);\n    const max = Number(props.max || 100);\n    const percentage = Math.min(100, Math.max(0, (value / max) * 100));\n    bar.style.width = `${percentage}%`;\n\n    // Color\n    if (props.color !== undefined) {\n      bar.style.backgroundColor = String(props.color);\n    }\n\n    // Height\n    if (props.height !== undefined) {\n      const height = typeof props.height === \"number\" ? `${props.height}px` : String(props.height);\n      el.style.height = height;\n    }\n  },\n};\n\n\n",
-    "/**\n * Video Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const videoHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"video\");\n    el.dataset.hypenType = \"video\";\n    return el as any as HTMLElement;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const video = el as HTMLVideoElement;\n\n    // Source\n    const src = props[\"0\"] || props.src;\n    if (src !== undefined) {\n      video.src = String(src);\n    }\n\n    // Controls\n    if (props.controls !== undefined) {\n      video.controls = Boolean(props.controls);\n    }\n\n    // Autoplay\n    if (props.autoplay !== undefined) {\n      video.autoplay = Boolean(props.autoplay);\n    }\n\n    // Loop\n    if (props.loop !== undefined) {\n      video.loop = Boolean(props.loop);\n    }\n\n    // Muted\n    if (props.muted !== undefined) {\n      video.muted = Boolean(props.muted);\n    }\n\n    // Poster\n    if (props.poster !== undefined) {\n      video.poster = String(props.poster);\n    }\n  },\n};\n\n\n",
-    "/**\n * Audio Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const audioHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"audio\");\n    el.dataset.hypenType = \"audio\";\n    return el as any as HTMLElement;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    const audio = el as HTMLAudioElement;\n\n    // Source\n    const src = props[\"0\"] || props.src;\n    if (src !== undefined) {\n      audio.src = String(src);\n    }\n\n    // Controls\n    if (props.controls !== undefined) {\n      audio.controls = Boolean(props.controls);\n    }\n\n    // Autoplay\n    if (props.autoplay !== undefined) {\n      audio.autoplay = Boolean(props.autoplay);\n    }\n\n    // Loop\n    if (props.loop !== undefined) {\n      audio.loop = Boolean(props.loop);\n    }\n\n    // Muted\n    if (props.muted !== undefined) {\n      audio.muted = Boolean(props.muted);\n    }\n  },\n};\n\n\n",
-    "/**\n * Paragraph Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const paragraphHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"p\");\n    el.dataset.hypenType = \"paragraph\";\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Text content\n    const text = props[\"0\"] || props.text;\n    if (text !== undefined) {\n      el.textContent = String(text);\n    }\n  },\n};\n\n\n",
-    "/**\n * Router Component - Container for routes\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const routerHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.style.display = \"flex\";\n    el.style.flexDirection = \"column\";\n    el.style.width = \"100%\";\n    el.dataset.hypenType = \"router\";\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Router doesn't need special prop handling\n    // The routing logic is handled by the Router module\n  },\n};\n\n",
-    "/**\n * Route Component - Lazy rendering container for route content\n * Stores component name as metadata, Router handles actual rendering\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const routeHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.style.display = \"flex\";\n    el.style.flexDirection = \"column\";\n    el.style.width = \"100%\";\n    el.dataset.hypenType = \"route\";\n    el.dataset.routeRendered = \"false\"; // Track if component has been rendered\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Extract route path from props\n    const path = props.path || props[\"0\"] || \"/\";\n    el.dataset.routePath = String(path);\n    \n    // Check if this is a lazy route (has __lazy flag)\n    const isLazy = props.__lazy === true;\n    el.dataset.routeLazy = String(isLazy);\n    \n    // Store component name - either from explicit prop or from lazy child\n    const componentName = props.component || props.__lazy_child;\n    if (componentName) {\n      el.dataset.routeComponent = String(componentName);\n    }\n    \n    console.log(`🛣️ Route created: path=\"${path}\", lazy=${isLazy}, component=\"${el.dataset.routeComponent || 'none'}\"`);\n  },\n};\n\n",
-    "/**\n * HypenApp Component\n *\n * Embeds a remote Hypen app via WebSocket\n *\n * Usage in Hypen DSL:\n * ```hypen\n * HypenApp(\"ws://localhost:3000\")\n *\n * // Or with named prop:\n * HypenApp(url: \"ws://localhost:3000\")\n * ```\n */\n\nimport type { ComponentHandler } from \"./index.js\";\nimport { RemoteEngine } from \"@hypen-space/core/remote/client\";\nimport type { Patch } from \"@hypen-space/core/remote\";\n\n// Store active HypenApp instances for cleanup\nconst activeInstances = new WeakMap<\n  HTMLElement,\n  {\n    engine: RemoteEngine;\n    nodes: Map<string, HTMLElement>;\n  }\n>();\n\nexport const hypenAppHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.dataset.hypenType = \"hypenapp\";\n    el.style.display = \"contents\"; // Don't affect layout\n    return el;\n  },\n\n  applyProps(element: HTMLElement, props: Record<string, any>): void {\n    // Get URL from props (can be positional \"0\" or named \"url\")\n    const url = props[\"0\"] || props.url;\n\n    if (!url || typeof url !== \"string\") {\n      console.error(\"[HypenApp] URL is required\");\n      element.innerHTML = '<div style=\"color: red;\">HypenApp: URL required</div>';\n      return;\n    }\n\n    // Check if already connected\n    const existing = activeInstances.get(element);\n    if (existing) {\n      // Already connected, don't reconnect\n      return;\n    }\n\n    // Create the remote engine\n    const engine = new RemoteEngine(url, {\n      autoReconnect: props.autoReconnect ?? true,\n      reconnectInterval: props.reconnectInterval ?? 3000,\n      maxReconnectAttempts: props.maxReconnectAttempts ?? 10,\n    });\n\n    // Map to track created nodes\n    const nodes = new Map<string, HTMLElement>();\n    let rootId: string | null = null;\n\n    // Store instance for cleanup\n    activeInstances.set(element, { engine, nodes });\n\n    // Set up patch handling\n    engine.onPatches((patches) => {\n      applyPatches(element, nodes, patches, engine, (id) => {\n        if (!rootId) rootId = id;\n      });\n    });\n\n    // Show loading state\n    element.innerHTML = '<div class=\"hypen-app-loading\">Connecting...</div>';\n\n    // Connect\n    engine\n      .connect()\n      .then(() => {\n        // Clear loading state - patches will populate content\n        element.innerHTML = \"\";\n        console.log(`[HypenApp] Connected to ${url}`);\n      })\n      .catch((error) => {\n        element.innerHTML = `<div style=\"color: red;\">HypenApp: Connection failed - ${error.message}</div>`;\n        console.error(\"[HypenApp] Connection failed:\", error);\n      });\n\n    // Handle disconnection\n    engine.onDisconnect(() => {\n      console.log(\"[HypenApp] Disconnected\");\n    });\n\n    engine.onError((error) => {\n      console.error(\"[HypenApp] Error:\", error);\n    });\n\n    // Cleanup on element removal\n    const observer = new MutationObserver((mutations) => {\n      for (const mutation of mutations) {\n        for (const removedNode of mutation.removedNodes) {\n          if (removedNode === element || (removedNode as Element).contains?.(element)) {\n            engine.disconnect();\n            activeInstances.delete(element);\n            observer.disconnect();\n            console.log(\"[HypenApp] Cleaned up\");\n            return;\n          }\n        }\n      }\n    });\n\n    // Observe parent for removal\n    if (element.parentNode) {\n      observer.observe(element.parentNode, { childList: true, subtree: true });\n    }\n  },\n};\n\n/**\n * Minimal patch application for HypenApp container\n */\nfunction applyPatches(\n  container: HTMLElement,\n  nodes: Map<string, HTMLElement>,\n  patches: Patch[],\n  engine: RemoteEngine,\n  onRoot: (id: string) => void\n): void {\n  for (const patch of patches) {\n    switch (patch.type) {\n      case \"create\": {\n        const el = createElement((patch as any).element_type, patch.props || {});\n        el.dataset.hypenId = patch.id!;\n        (el as any).__hypenEngine = engine;\n        nodes.set(patch.id!, el);\n        break;\n      }\n\n      case \"setProp\": {\n        const el = nodes.get(patch.id!);\n        if (el) {\n          applyProp(el, patch.name!, patch.value);\n        }\n        break;\n      }\n\n      case \"setText\": {\n        const el = nodes.get(patch.id!);\n        if (el) {\n          el.textContent = patch.text!;\n        }\n        break;\n      }\n\n      case \"insert\": {\n        const parentId = (patch as any).parent_id;\n        const parent = parentId === \"root\" ? container : nodes.get(parentId);\n        const child = nodes.get(patch.id!);\n        const beforeId = (patch as any).before_id;\n\n        if (parent && child) {\n          if (parentId === \"root\") {\n            onRoot(patch.id!);\n          }\n\n          if (beforeId) {\n            const before = nodes.get(beforeId);\n            if (before && before.parentNode === parent) {\n              parent.insertBefore(child, before);\n            } else if (!parent.contains(child)) {\n              parent.appendChild(child);\n            }\n          } else if (!parent.contains(child)) {\n            parent.appendChild(child);\n          }\n        }\n        break;\n      }\n\n      case \"move\": {\n        const parentId = (patch as any).parent_id;\n        const parent = parentId === \"root\" ? container : nodes.get(parentId);\n        const child = nodes.get(patch.id!);\n        const beforeId = (patch as any).before_id;\n\n        if (parent && child) {\n          if (beforeId) {\n            const before = nodes.get(beforeId);\n            if (before && before.parentNode === parent) {\n              parent.insertBefore(child, before);\n            }\n          } else {\n            parent.appendChild(child);\n          }\n        }\n        break;\n      }\n\n      case \"remove\": {\n        const el = nodes.get(patch.id!);\n        if (el && el.parentNode) {\n          el.parentNode.removeChild(el);\n        }\n        nodes.delete(patch.id!);\n        break;\n      }\n    }\n  }\n}\n\n/**\n * Create element by type\n */\nfunction createElement(type: string, props: Record<string, any>): HTMLElement {\n  const normalizedType = type.toLowerCase();\n\n  // Map Hypen types to HTML elements\n  const tagMap: Record<string, string> = {\n    column: \"div\",\n    row: \"div\",\n    text: \"span\",\n    button: \"button\",\n    input: \"input\",\n    image: \"img\",\n    container: \"div\",\n    box: \"div\",\n    center: \"div\",\n    list: \"div\",\n    spacer: \"div\",\n    stack: \"div\",\n    divider: \"hr\",\n    grid: \"div\",\n    card: \"div\",\n    heading: \"h2\",\n    link: \"a\",\n    textarea: \"textarea\",\n    checkbox: \"input\",\n    select: \"select\",\n    slider: \"input\",\n    switch: \"input\",\n    spinner: \"div\",\n    badge: \"span\",\n    avatar: \"img\",\n    progressbar: \"div\",\n    video: \"video\",\n    audio: \"audio\",\n  };\n\n  const tag = tagMap[normalizedType] || \"div\";\n  const el = document.createElement(tag);\n  el.dataset.hypenType = normalizedType;\n\n  // Apply basic styles\n  if (normalizedType === \"column\") {\n    el.style.display = \"flex\";\n    el.style.flexDirection = \"column\";\n  } else if (normalizedType === \"row\") {\n    el.style.display = \"flex\";\n    el.style.flexDirection = \"row\";\n  } else if (normalizedType === \"center\") {\n    el.style.display = \"flex\";\n    el.style.alignItems = \"center\";\n    el.style.justifyContent = \"center\";\n  } else if (normalizedType === \"text\") {\n    // Text content from props\n    if (props[\"0\"]) {\n      el.textContent = String(props[\"0\"]);\n    }\n  } else if (normalizedType === \"button\") {\n    el.style.cursor = \"pointer\";\n  } else if (normalizedType === \"checkbox\" || normalizedType === \"switch\") {\n    (el as HTMLInputElement).type = \"checkbox\";\n  } else if (normalizedType === \"slider\") {\n    (el as HTMLInputElement).type = \"range\";\n  }\n\n  return el;\n}\n\n/**\n * Apply a prop to an element\n */\nfunction applyProp(el: HTMLElement, name: string, value: any): void {\n  // Text content\n  if (name === \"0\" || name === \"text\") {\n    el.textContent = String(value);\n    return;\n  }\n\n  // Style props\n  const styleProps: Record<string, string> = {\n    padding: \"padding\",\n    margin: \"margin\",\n    backgroundColor: \"backgroundColor\",\n    background: \"background\",\n    color: \"color\",\n    fontSize: \"fontSize\",\n    fontWeight: \"fontWeight\",\n    width: \"width\",\n    height: \"height\",\n    minWidth: \"minWidth\",\n    minHeight: \"minHeight\",\n    maxWidth: \"maxWidth\",\n    maxHeight: \"maxHeight\",\n    borderRadius: \"borderRadius\",\n    border: \"border\",\n    gap: \"gap\",\n    flex: \"flex\",\n    alignItems: \"alignItems\",\n    justifyContent: \"justifyContent\",\n    opacity: \"opacity\",\n    overflow: \"overflow\",\n  };\n\n  if (styleProps[name]) {\n    const cssValue = typeof value === \"number\" ? `${value}px` : String(value);\n    (el.style as any)[styleProps[name]] = cssValue;\n    return;\n  }\n\n  // Event handlers\n  if (name === \"onClick\" || name === \"onclick\") {\n    el.onclick = () => {\n      const engine = (el as any).__hypenEngine as RemoteEngine;\n      if (engine && typeof value === \"string\" && value.startsWith(\"@actions.\")) {\n        const action = value.replace(\"@actions.\", \"\");\n        engine.dispatchAction(action);\n      }\n    };\n    return;\n  }\n\n  // Other attributes\n  el.setAttribute(name, String(value));\n}\n\n/**\n * Disconnect a HypenApp instance\n */\nexport function disconnectHypenApp(element: HTMLElement): void {\n  const instance = activeInstances.get(element);\n  if (instance) {\n    instance.engine.disconnect();\n    activeInstances.delete(element);\n  }\n}\n",
-    "/**\n * Component Registry\n *\n * Manages mappings from Hypen component types to DOM elements\n */\n\nexport interface ComponentHandler {\n  create(): HTMLElement;\n  applyProps?(element: HTMLElement, props: Record<string, any>): void;\n}\n\nexport class ComponentRegistry {\n  private handlers: Map<string, ComponentHandler> = new Map();\n\n  constructor() {\n    this.registerDefaults();\n  }\n\n  /**\n   * Register a component handler\n   */\n  register(type: string, handler: ComponentHandler): void {\n    this.handlers.set(type.toLowerCase(), handler);\n  }\n\n  /**\n   * Get handler for a component type\n   */\n  get(type: string): ComponentHandler | undefined {\n    return this.handlers.get(type.toLowerCase());\n  }\n\n  /**\n   * Create element for a component type\n   */\n  createElement(type: string, props: Record<string, any> = {}): HTMLElement | null {\n    const handler = this.get(type);\n    if (!handler) return null;\n\n    const element = handler.create();\n    if (handler.applyProps) {\n      handler.applyProps(element, props);\n    }\n    return element;\n  }\n\n  /**\n   * Register all default Hypen components\n   */\n  private registerDefaults(): void {\n    // Import and register all component handlers\n    const { columnHandler } = require(\"./column.js\");\n    const { rowHandler } = require(\"./row.js\");\n    const { textHandler } = require(\"./text.js\");\n    const { imageHandler } = require(\"./image.js\");\n    const { buttonHandler } = require(\"./button.js\");\n    const { containerHandler } = require(\"./container.js\");\n    const { centerHandler } = require(\"./center.js\");\n    const { listHandler } = require(\"./list.js\");\n    const { inputHandler } = require(\"./input.js\");\n    const { linkHandler } = require(\"./link.js\");\n    const { textareaHandler } = require(\"./textarea.js\");\n    const { checkboxHandler } = require(\"./checkbox.js\");\n    const { selectHandler } = require(\"./select.js\");\n    const { spacerHandler } = require(\"./spacer.js\");\n    const { stackHandler } = require(\"./stack.js\");\n    const { dividerHandler } = require(\"./divider.js\");\n    const { gridHandler } = require(\"./grid.js\");\n    const { cardHandler } = require(\"./card.js\");\n    const { headingHandler } = require(\"./heading.js\");\n    const { switchHandler } = require(\"./switch.js\");\n    const { sliderHandler } = require(\"./slider.js\");\n    const { spinnerHandler } = require(\"./spinner.js\");\n    const { badgeHandler } = require(\"./badge.js\");\n    const { avatarHandler } = require(\"./avatar.js\");\n    const { progressBarHandler } = require(\"./progressbar.js\");\n    const { videoHandler } = require(\"./video.js\");\n    const { audioHandler } = require(\"./audio.js\");\n    const { paragraphHandler } = require(\"./paragraph.js\");\n    const { routerHandler } = require(\"./router.js\");\n    const { routeHandler } = require(\"./route.js\");\n    const { hypenAppHandler } = require(\"./hypenapp.js\");\n\n    this.register(\"column\", columnHandler);\n    this.register(\"row\", rowHandler);\n    this.register(\"text\", textHandler);\n    this.register(\"image\", imageHandler);\n    this.register(\"button\", buttonHandler);\n    this.register(\"container\", containerHandler);\n    this.register(\"box\", containerHandler);\n    this.register(\"center\", centerHandler);\n    this.register(\"list\", listHandler);\n    this.register(\"input\", inputHandler);\n    this.register(\"link\", linkHandler);\n    this.register(\"textarea\", textareaHandler);\n    this.register(\"checkbox\", checkboxHandler);\n    this.register(\"select\", selectHandler);\n    this.register(\"spacer\", spacerHandler);\n    this.register(\"stack\", stackHandler);\n    this.register(\"divider\", dividerHandler);\n    this.register(\"grid\", gridHandler);\n    this.register(\"card\", cardHandler);\n    this.register(\"heading\", headingHandler);\n    this.register(\"switch\", switchHandler);\n    this.register(\"slider\", sliderHandler);\n    this.register(\"spinner\", spinnerHandler);\n    this.register(\"badge\", badgeHandler);\n    this.register(\"avatar\", avatarHandler);\n    this.register(\"progressbar\", progressBarHandler);\n    this.register(\"video\", videoHandler);\n    this.register(\"audio\", audioHandler);\n    this.register(\"paragraph\", paragraphHandler);\n    this.register(\"router\", routerHandler);\n    this.register(\"route\", routeHandler);\n    this.register(\"hypenapp\", hypenAppHandler);\n  }\n}\n"
-  ],
-  "mappings": "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",
-  "debugId": "2703B71A177D99FD64756E2164756E21",
-  "names": []
-}

package/dist/src/dom/components/route.js.map

@@ -1,10 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/route.ts"],
-  "sourcesContent": [
-    "/**\n * Route Component - Lazy rendering container for route content\n * Stores component name as metadata, Router handles actual rendering\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const routeHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"div\");\n    el.style.display = \"flex\";\n    el.style.flexDirection = \"column\";\n    el.style.width = \"100%\";\n    el.dataset.hypenType = \"route\";\n    el.dataset.routeRendered = \"false\"; // Track if component has been rendered\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Extract route path from props\n    const path = props.path || props[\"0\"] || \"/\";\n    el.dataset.routePath = String(path);\n    \n    // Check if this is a lazy route (has __lazy flag)\n    const isLazy = props.__lazy === true;\n    el.dataset.routeLazy = String(isLazy);\n    \n    // Store component name - either from explicit prop or from lazy child\n    const componentName = props.component || props.__lazy_child;\n    if (componentName) {\n      el.dataset.routeComponent = String(componentName);\n    }\n    \n    console.log(`🛣️ Route created: path=\"${path}\", lazy=${isLazy}, component=\"${el.dataset.routeComponent || 'none'}\"`);\n  },\n};\n\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAOa;AAAA;AAAA,iBAAiC;AAAA,IAC5C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,MAAM,gBAAgB;AAAA,MACzB,GAAG,MAAM,QAAQ;AAAA,MACjB,GAAG,QAAQ,YAAY;AAAA,MACvB,GAAG,QAAQ,gBAAgB;AAAA,MAC3B,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAE5D,MAAM,OAAO,MAAM,QAAQ,MAAM,QAAQ;AAAA,MACzC,GAAG,QAAQ,YAAY,OAAO,IAAI;AAAA,MAGlC,MAAM,SAAS,MAAM,WAAW;AAAA,MAChC,GAAG,QAAQ,YAAY,OAAO,MAAM;AAAA,MAGpC,MAAM,gBAAgB,MAAM,aAAa,MAAM;AAAA,MAC/C,IAAI,eAAe;AAAA,QACjB,GAAG,QAAQ,iBAAiB,OAAO,aAAa;AAAA,MAClD;AAAA,MAEA,QAAQ,IAAI,sCAA2B,eAAe,sBAAsB,GAAG,QAAQ,kBAAkB,SAAS;AAAA;AAAA,EAEtH;AAAA;",
-  "debugId": "AE0D761C6DEB086964756E2164756E21",
-  "names": []
-}

package/dist/src/dom/components/row.js.map

@@ -1,10 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/row.ts"],
-  "sourcesContent": [
-    "/**\n * Row Component - Horizontal Stack\n * Children stretch to fill available space equally by default.\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\n// Inject global styles once for Row child behavior\nlet rowStylesInjected = false;\nfunction ensureRowStyles(): void {\n  if (rowStylesInjected) return;\n  rowStylesInjected = true;\n\n  const style = document.createElement(\"style\");\n  style.id = \"hypen-row-styles\";\n  style.textContent = `\n    [data-hypen-type=\"row\"] > * {\n      flex: 1 1 0%;\n      min-width: 0;\n    }\n  `;\n  document.head.appendChild(style);\n}\n\nexport const rowHandler: ComponentHandler = {\n  create(): HTMLElement {\n    ensureRowStyles();\n\n    const el = document.createElement(\"div\");\n    el.style.display = \"flex\";\n    el.style.flexDirection = \"row\";\n    // Default to flex-start (top) to match Android/iOS behavior\n    // CSS default is \"stretch\", but we want cross-platform consistency\n    el.style.alignItems = \"flex-start\";\n    el.dataset.hypenType = \"row\";\n    return el;\n  },\n};\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,SAAS,eAAe,GAAS;AAAA,EAC/B,IAAI;AAAA,IAAmB;AAAA,EACvB,oBAAoB;AAAA,EAEpB,MAAM,QAAQ,SAAS,cAAc,OAAO;AAAA,EAC5C,MAAM,KAAK;AAAA,EACX,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMpB,SAAS,KAAK,YAAY,KAAK;AAAA;AAAA,IAb7B,oBAAoB,OAgBX;AAAA;AAAA,eAA+B;AAAA,IAC1C,MAAM,GAAgB;AAAA,MACpB,gBAAgB;AAAA,MAEhB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,MAAM,gBAAgB;AAAA,MAGzB,GAAG,MAAM,aAAa;AAAA,MACtB,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,EAEX;AAAA;",
-  "debugId": "EA2B75C986C4755A64756E2164756E21",
-  "names": []
-}

package/dist/src/dom/components/stack.js.map

@@ -1,10 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/stack.ts"],
-  "sourcesContent": [
-    "/**\n * Stack Component - Overlaying elements with absolute positioning\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\n// Inject global styles once\nlet stackStylesInjected = false;\nfunction ensureStackStyles(): void {\n  if (stackStylesInjected) return;\n  stackStylesInjected = true;\n\n  const style = document.createElement(\"style\");\n  style.id = \"hypen-stack-styles\";\n  style.textContent = `\n    [data-hypen-type=\"stack\"] {\n      position: relative;\n      display: grid;\n      grid-template-areas: \"stack\";\n      /* Ensure Stack participates properly in flex layouts (Row/Column) */\n      min-width: 0;\n      min-height: 0;\n    }\n    [data-hypen-type=\"stack\"] > * {\n      grid-area: stack;\n    }\n  `;\n  document.head.appendChild(style);\n}\n\nexport const stackHandler: ComponentHandler = {\n  create(): HTMLElement {\n    ensureStackStyles();\n\n    const el = document.createElement(\"div\");\n    el.dataset.hypenType = \"stack\";\n\n    return el;\n  },\n};\n\n\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQA,SAAS,iBAAiB,GAAS;AAAA,EACjC,IAAI;AAAA,IAAqB;AAAA,EACzB,sBAAsB;AAAA,EAEtB,MAAM,QAAQ,SAAS,cAAc,OAAO;AAAA,EAC5C,MAAM,KAAK;AAAA,EACX,MAAM,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAapB,SAAS,KAAK,YAAY,KAAK;AAAA;AAAA,IApB7B,sBAAsB,OAuBb;AAAA;AAAA,iBAAiC;AAAA,IAC5C,MAAM,GAAgB;AAAA,MACpB,kBAAkB;AAAA,MAElB,MAAM,KAAK,SAAS,cAAc,KAAK;AAAA,MACvC,GAAG,QAAQ,YAAY;AAAA,MAEvB,OAAO;AAAA;AAAA,EAEX;AAAA;",
-  "debugId": "086C7ABCD9F16A7E64756E2164756E21",
-  "names": []
-}

package/dist/src/dom/components/text.js.map

@@ -1,10 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/components/text.ts"],
-  "sourcesContent": [
-    "/**\n * Text Component\n */\n\nimport type { ComponentHandler } from \"./index.js\";\n\nexport const textHandler: ComponentHandler = {\n  create(): HTMLElement {\n    const el = document.createElement(\"span\");\n    el.style.display = \"inline-block\";\n    el.dataset.hypenType = \"text\";\n    return el;\n  },\n\n  applyProps(el: HTMLElement, props: Record<string, any>): void {\n    // Text content from first positional arg or \"text\" prop\n    const text = props[\"0\"] || props.text;\n    if (text !== undefined) {\n      // Store the original text template for state interpolation\n      el.dataset.textTemplate = String(text);\n      el.textContent = String(text);\n    }\n  },\n};\n"
-  ],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAMa;AAAA;AAAA,gBAAgC;AAAA,IAC3C,MAAM,GAAgB;AAAA,MACpB,MAAM,KAAK,SAAS,cAAc,MAAM;AAAA,MACxC,GAAG,MAAM,UAAU;AAAA,MACnB,GAAG,QAAQ,YAAY;AAAA,MACvB,OAAO;AAAA;AAAA,IAGT,UAAU,CAAC,IAAiB,OAAkC;AAAA,MAE5D,MAAM,OAAO,MAAM,QAAQ,MAAM;AAAA,MACjC,IAAI,SAAS,WAAW;AAAA,QAEtB,GAAG,QAAQ,eAAe,OAAO,IAAI;AAAA,QACrC,GAAG,cAAc,OAAO,IAAI;AAAA,MAC9B;AAAA;AAAA,EAEJ;AAAA;",
-  "debugId": "CEE1737E286EE08A64756E2164756E21",
-  "names": []
-}

package/dist/src/dom/debug.js.map

@@ -1,10 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../src/dom/debug.ts"],
-  "sourcesContent": [
-    "/**\n * Debug utilities for DOM rendering visualization\n *\n * Provides heatmap overlays to visualize re-renders\n */\n\nexport interface DebugConfig {\n  /** Enable debug mode */\n  enabled: boolean;\n  /** Show heatmap overlays on re-renders */\n  showHeatmap: boolean;\n  /** Increment per re-render (default: 5%) */\n  heatmapIncrement: number;\n  /** Maximum opacity for heatmap (default: 0.8) */\n  maxOpacity: number;\n  /** Fade out duration in ms (0 to disable) */\n  fadeOutDuration: number;\n}\n\nexport const defaultDebugConfig: DebugConfig = {\n  enabled: false,\n  showHeatmap: true,\n  heatmapIncrement: 5,\n  maxOpacity: 0.8,\n  fadeOutDuration: 2000,\n};\n\n/**\n * Tracks re-render counts for each element\n */\nexport class RerenderTracker {\n  private renderCounts = new Map<string, number>();\n  private overlays = new Map<string, HTMLDivElement>();\n  private config: DebugConfig;\n\n  constructor(config: DebugConfig = defaultDebugConfig) {\n    this.config = config;\n  }\n\n  /**\n   * Update the configuration\n   */\n  setConfig(config: Partial<DebugConfig>): void {\n    this.config = { ...this.config, ...config };\n\n    // If debug mode is disabled, clean up all overlays\n    if (!this.config.enabled) {\n      this.cleanup();\n    }\n  }\n\n  /**\n   * Track a re-render for an element\n   */\n  trackRerender(id: string, element: HTMLElement, patchType: string): void {\n    if (!this.config.enabled || !this.config.showHeatmap) {\n      return;\n    }\n\n    console.log(`🔥 [Debug] Tracking re-render: ${id} - ${patchType}`);\n\n    // Increment render count\n    const currentCount = this.renderCounts.get(id) || 0;\n    const newCount = currentCount + 1;\n    this.renderCounts.set(id, newCount);\n\n    // Create or update heatmap overlay\n    this.updateHeatmap(id, element, newCount, patchType);\n  }\n\n  /**\n   * Create or update the heatmap overlay for an element\n   */\n  private updateHeatmap(id: string, element: HTMLElement, renderCount: number, patchType: string): void {\n    // Calculate opacity based on render count (increment by heatmapIncrement% each time)\n    const opacity = Math.min(\n      (renderCount * this.config.heatmapIncrement) / 100,\n      this.config.maxOpacity\n    );\n\n    console.log(`🔥 [Debug] Updating heatmap for ${id}, count: ${renderCount}, opacity: ${opacity}`);\n\n    // For inline elements or text, use a simpler approach: background color + outline\n    const isInline = window.getComputedStyle(element).display.includes('inline');\n\n    if (isInline || element.tagName === 'SPAN') {\n      // Store original styles if not already stored\n      if (!element.dataset.hypenDebugOriginalBg) {\n        element.dataset.hypenDebugOriginalBg = element.style.backgroundColor || '';\n        element.dataset.hypenDebugOriginalOutline = element.style.outline || '';\n        element.dataset.hypenDebugOriginalPosition = element.style.position || '';\n      }\n\n      // Apply red background and outline directly to the element\n      element.style.backgroundColor = `rgba(255, 0, 0, ${Math.max(opacity, 0.15)})`;\n      element.style.outline = `2px solid rgba(255, 0, 0, ${Math.max(opacity + 0.2, 0.3)})`;\n      element.style.outlineOffset = '2px';\n      element.style.position = 'relative';\n\n      // Add count badge as ::before pseudo-element or data attribute\n      element.setAttribute('data-hypen-renders', `${renderCount}× ${patchType}`);\n\n      // Add CSS for the badge if not already added\n      if (!document.getElementById('hypen-debug-styles')) {\n        const style = document.createElement('style');\n        style.id = 'hypen-debug-styles';\n        style.textContent = `\n          [data-hypen-renders]::before {\n            content: attr(data-hypen-renders);\n            position: absolute;\n            top: -18px;\n            left: 0;\n            background: rgba(255, 0, 0, 0.9);\n            color: white;\n            padding: 2px 6px;\n            font-size: 10px;\n            font-family: 'Courier New', monospace;\n            font-weight: bold;\n            border-radius: 3px;\n            z-index: 999999;\n            pointer-events: none;\n            white-space: nowrap;\n            text-shadow: none;\n          }\n        `;\n        document.head.appendChild(style);\n      }\n\n      // Store in overlays map for cleanup\n      this.overlays.set(id, element as any);\n\n      // Fade out after duration if enabled\n      if (this.config.fadeOutDuration > 0) {\n        setTimeout(() => {\n          const originalBg = element.dataset.hypenDebugOriginalBg || '';\n          const originalOutline = element.dataset.hypenDebugOriginalOutline || '';\n          element.style.backgroundColor = originalBg;\n          element.style.outline = originalOutline;\n          element.style.opacity = '1';\n        }, this.config.fadeOutDuration);\n      }\n    } else {\n      // For block elements, use overlay approach\n      let overlay = this.overlays.get(id);\n\n      if (!overlay) {\n        overlay = document.createElement(\"div\");\n        overlay.className = \"hypen-debug-overlay\";\n        overlay.style.cssText = `\n          position: absolute;\n          top: 0;\n          left: 0;\n          right: 0;\n          bottom: 0;\n          pointer-events: none;\n          z-index: 999999 !important;\n          transition: opacity ${this.config.fadeOutDuration}ms ease-out;\n          border: 2px solid rgba(255, 0, 0, 0.7) !important;\n          box-sizing: border-box;\n          font-size: 11px;\n          color: white;\n          text-shadow: 0 0 3px black, 0 0 5px black;\n          padding: 4px;\n          font-family: 'Courier New', monospace;\n          font-weight: bold;\n          display: block !important;\n          visibility: visible !important;\n        `;\n\n        const currentPosition = window.getComputedStyle(element).position;\n        if (currentPosition === 'static') {\n          element.style.position = 'relative';\n        }\n\n        element.appendChild(overlay);\n        this.overlays.set(id, overlay);\n      }\n\n      overlay.style.backgroundColor = `rgba(255, 0, 0, ${Math.max(opacity, 0.15)})`;\n      overlay.style.opacity = '1';\n      overlay.textContent = `${renderCount}× ${patchType}`;\n\n      if (this.config.fadeOutDuration > 0) {\n        setTimeout(() => {\n          if (overlay) {\n            overlay.style.opacity = '0.2';\n          }\n        }, this.config.fadeOutDuration);\n      }\n    }\n  }\n\n  /**\n   * Reset tracking for a specific element\n   */\n  reset(id: string): void {\n    this.renderCounts.delete(id);\n    const overlay = this.overlays.get(id);\n    if (overlay) {\n      overlay.remove();\n      this.overlays.delete(id);\n    }\n  }\n\n  /**\n   * Reset tracking for all elements\n   */\n  resetAll(): void {\n    this.renderCounts.clear();\n    for (const overlay of this.overlays.values()) {\n      overlay.remove();\n    }\n    this.overlays.clear();\n  }\n\n  /**\n   * Get render count for an element\n   */\n  getRenderCount(id: string): number {\n    return this.renderCounts.get(id) || 0;\n  }\n\n  /**\n   * Clean up all overlays (called when debug mode is disabled)\n   */\n  private cleanup(): void {\n    for (const overlay of this.overlays.values()) {\n      overlay.remove();\n    }\n    this.overlays.clear();\n  }\n\n  /**\n   * Get statistics about re-renders\n   */\n  getStats(): { totalRerenders: number; elementCount: number; avgRerenders: number } {\n    const totalRerenders = Array.from(this.renderCounts.values()).reduce((sum, count) => sum + count, 0);\n    const elementCount = this.renderCounts.size;\n    const avgRerenders = elementCount > 0 ? totalRerenders / elementCount : 0;\n\n    return {\n      totalRerenders,\n      elementCount,\n      avgRerenders: Math.round(avgRerenders * 100) / 100,\n    };\n  }\n}\n"
-  ],
-  "mappings": "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",
-  "debugId": "955CB901E562768964756E2164756E21",
-  "names": []
-}