what-core 0.6.2 → 0.7.0

package/dist/jsx-dev-runtime.js

@@ -1,8 +1,21 @@
 // packages/core/src/h.js
 var EMPTY_OBJ = /* @__PURE__ */ Object.create(null);
-function h(tag, props, ...children) {
+var EMPTY_ARR = [];
+function h(tag, props) {
   props = props || EMPTY_OBJ;
-  const flat = flattenChildren(children);
+  const argLen = arguments.length;
+  let flat;
+  if (argLen <= 2) {
+    flat = EMPTY_ARR;
+  } else if (argLen === 3) {
+    flat = _flattenSingle(arguments[2]);
+  } else {
+    const out = [];
+    for (let i = 2; i < argLen; i++) {
+      _flattenInto(arguments[i], out);
+    }
+    flat = out;
+  }
   const key = props.key ?? null;
   if (props.key !== void 0) {
     props = { ...props };
@@ -13,22 +26,30 @@ function h(tag, props, ...children) {
 function Fragment({ children }) {
   return children;
 }
-function flattenChildren(children) {
-  const out = [];
-  for (let i = 0; i < children.length; i++) {
-    const child = children[i];
-    if (child == null || child === false || child === true) continue;
-    if (Array.isArray(child)) {
-      out.push(...flattenChildren(child));
-    } else if (typeof child === "object" && child._vnode) {
-      out.push(child);
-    } else if (typeof child === "function") {
-      out.push(child);
-    } else {
-      out.push(String(child));
+function _flattenSingle(child) {
+  if (child == null || child === false || child === true) return EMPTY_ARR;
+  if (Array.isArray(child)) {
+    const out = [];
+    _flattenInto(child, out);
+    return out;
+  }
+  if (typeof child === "object" && child._vnode) return [child];
+  if (typeof child === "function") return [child];
+  return [String(child)];
+}
+function _flattenInto(child, out) {
+  if (child == null || child === false || child === true) return;
+  if (Array.isArray(child)) {
+    for (let i = 0; i < child.length; i++) {
+      _flattenInto(child[i], out);
     }
+  } else if (typeof child === "object" && child._vnode) {
+    out.push(child);
+  } else if (typeof child === "function") {
+    out.push(child);
+  } else {
+    out.push(String(child));
   }
-  return out;
 }
 
 // packages/core/src/jsx-dev-runtime.js

package/dist/jsx-dev-runtime.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/h.js", "../src/jsx-dev-runtime.js"],
-  "sourcesContent": ["// What Framework - Element Descriptors\n// Minimal element descriptor objects. No classes, no fibers, just plain objects.\n\n// h(tag, props, ...children) -> VNode\n// h(Component, props, ...children) -> VNode\n// VNode = { tag, props, children, key }\n\nconst EMPTY_OBJ = Object.create(null);\nconst EMPTY_ARR = [];\n\nexport function h(tag, props, ...children) {\n  props = props || EMPTY_OBJ;\n  const flat = flattenChildren(children);\n  const key = props.key ?? null;\n\n  // Strip key from props passed to component/element\n  if (props.key !== undefined) {\n    props = { ...props };\n    delete props.key;\n  }\n\n  return { tag, props, children: flat, key, _vnode: true };\n}\n\n// Fragment \u2014 just returns children\nexport function Fragment({ children }) {\n  return children;\n}\n\nfunction flattenChildren(children) {\n  const out = [];\n  for (let i = 0; i < children.length; i++) {\n    const child = children[i];\n    if (child == null || child === false || child === true) continue;\n    if (Array.isArray(child)) {\n      out.push(...flattenChildren(child));\n    } else if (typeof child === 'object' && child._vnode) {\n      out.push(child);\n    } else if (typeof child === 'function') {\n      // Reactive child \u2014 preserve function for fine-grained DOM updates\n      out.push(child);\n    } else {\n      // Text node\n      out.push(String(child));\n    }\n  }\n  return out;\n}\n\n// JSX-like tagged template alternative (no build step needed)\n// html`<div class=\"foo\">${content}</div>`\n// Uses a simple parser, not full HTML \u2014 good enough for most cases.\n\nexport function html(strings, ...values) {\n  const src = strings.reduce((acc, str, i) =>\n    acc + str + (i < values.length ? `\\x00${i}\\x00` : ''), '');\n  return parseTemplate(src, values);\n}\n\nfunction parseTemplate(src, values) {\n  // Lightweight tagged template parser\n  // Supports: <tag attr=\"val\">, <tag ...${spread}>, ${children}, self-closing\n  src = src.trim();\n  const nodes = [];\n  let i = 0;\n\n  while (i < src.length) {\n    if (src[i] === '<') {\n      const result = parseElement(src, i, values);\n      if (result) {\n        nodes.push(result.node);\n        i = result.end;\n        continue;\n      }\n    }\n    // Text or interpolation\n    const result = parseText(src, i, values);\n    if (result.text) nodes.push(result.text);\n    i = result.end;\n  }\n\n  return nodes.length === 1 ? nodes[0] : nodes;\n}\n\nfunction parseElement(src, start, values) {\n  // Opening tag\n  const openMatch = src.slice(start).match(/^<([a-zA-Z][a-zA-Z0-9-]*|[A-Z]\\w*)/);\n  if (!openMatch) return null;\n\n  const tag = openMatch[1];\n  let i = start + openMatch[0].length;\n  const props = {};\n\n  // Parse attributes\n  while (i < src.length) {\n    // Skip whitespace\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    // Self-closing or end of opening tag\n    if (src.slice(i, i + 2) === '/>') {\n      return { node: h(tag, Object.keys(props).length ? props : null), end: i + 2 };\n    }\n    if (src[i] === '>') {\n      i++;\n      break;\n    }\n\n    // Spread: ...${obj}\n    if (src.slice(i, i + 3) === '...') {\n      const placeholder = src.slice(i + 3).match(/^\\x00(\\d+)\\x00/);\n      if (placeholder) {\n        Object.assign(props, values[Number(placeholder[1])]);\n        i += 3 + placeholder[0].length;\n        continue;\n      }\n    }\n\n    // Attribute: name=${val} or name=\"val\" or name\n    const attrMatch = src.slice(i).match(/^([a-zA-Z_@:][a-zA-Z0-9_:.-]*)/);\n    if (!attrMatch) break;\n\n    const attrName = attrMatch[1];\n    i += attrMatch[0].length;\n\n    // Skip whitespace around =\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    if (src[i] === '=') {\n      i++;\n      while (i < src.length && /\\s/.test(src[i])) i++;\n\n      // Value is a placeholder\n      const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n      if (ph) {\n        props[attrName] = values[Number(ph[1])];\n        i += ph[0].length;\n      } else if (src[i] === '\"' || src[i] === \"'\") {\n        const q = src[i];\n        i++;\n        let val = '';\n        while (i < src.length && src[i] !== q) {\n          const tph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n          if (tph) {\n            val += String(values[Number(tph[1])]);\n            i += tph[0].length;\n          } else {\n            val += src[i];\n            i++;\n          }\n        }\n        i++; // closing quote\n        props[attrName] = val;\n      }\n    } else {\n      props[attrName] = true;\n    }\n  }\n\n  // Parse children until closing tag\n  const children = [];\n  const closeTag = `</${tag}>`;\n\n  while (i < src.length) {\n    if (src.slice(i, i + closeTag.length) === closeTag) {\n      i += closeTag.length;\n      break;\n    }\n\n    if (src[i] === '<') {\n      const child = parseElement(src, i, values);\n      if (child) {\n        children.push(child.node);\n        i = child.end;\n        continue;\n      }\n    }\n\n    const text = parseText(src, i, values);\n    if (text.text != null) children.push(text.text);\n    i = text.end;\n  }\n\n  return {\n    node: h(tag, Object.keys(props).length ? props : null, ...children),\n    end: i,\n  };\n}\n\nfunction parseText(src, start, values) {\n  let i = start;\n  let text = '';\n\n  while (i < src.length && src[i] !== '<') {\n    const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n    if (ph) {\n      if (text.trim()) {\n        return { text: text.trim(), end: i };\n      }\n      return { text: values[Number(ph[1])], end: i + ph[0].length };\n    }\n    text += src[i];\n    i++;\n  }\n\n  return { text: text.trim() || null, end: i };\n}\n", "// What Framework \u2014 JSX Dev Runtime\n// Same as jsx-runtime but used in development mode by Vite.\n\nimport { h, Fragment } from './h.js';\n\nexport { Fragment };\n\nexport function jsxDEV(type, props, key) {\n  if (props == null) return h(type, null);\n  const { children, ...rest } = props;\n  if (key !== undefined) rest.key = key;\n  if (children === undefined) return h(type, rest);\n  if (Array.isArray(children)) return h(type, rest, ...children);\n  return h(type, rest, children);\n}\n\n// Also export jsx/jsxs for compatibility \u2014 some bundlers use these even in dev\nexport const jsx = jsxDEV;\nexport const jsxs = jsxDEV;\n"],
-  "mappings": ";AAOA,IAAM,YAAY,uBAAO,OAAO,IAAI;AAG7B,SAAS,EAAE,KAAK,UAAU,UAAU;AACzC,UAAQ,SAAS;AACjB,QAAM,OAAO,gBAAgB,QAAQ;AACrC,QAAM,MAAM,MAAM,OAAO;AAGzB,MAAI,MAAM,QAAQ,QAAW;AAC3B,YAAQ,EAAE,GAAG,MAAM;AACnB,WAAO,MAAM;AAAA,EACf;AAEA,SAAO,EAAE,KAAK,OAAO,UAAU,MAAM,KAAK,QAAQ,KAAK;AACzD;AAGO,SAAS,SAAS,EAAE,SAAS,GAAG;AACrC,SAAO;AACT;AAEA,SAAS,gBAAgB,UAAU;AACjC,QAAM,MAAM,CAAC;AACb,WAAS,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;AACxC,UAAM,QAAQ,SAAS,CAAC;AACxB,QAAI,SAAS,QAAQ,UAAU,SAAS,UAAU,KAAM;AACxD,QAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,UAAI,KAAK,GAAG,gBAAgB,KAAK,CAAC;AAAA,IACpC,WAAW,OAAO,UAAU,YAAY,MAAM,QAAQ;AACpD,UAAI,KAAK,KAAK;AAAA,IAChB,WAAW,OAAO,UAAU,YAAY;AAEtC,UAAI,KAAK,KAAK;AAAA,IAChB,OAAO;AAEL,UAAI,KAAK,OAAO,KAAK,CAAC;AAAA,IACxB;AAAA,EACF;AACA,SAAO;AACT;;;ACxCO,SAAS,OAAO,MAAM,OAAO,KAAK;AACvC,MAAI,SAAS,KAAM,QAAO,EAAE,MAAM,IAAI;AACtC,QAAM,EAAE,UAAU,GAAG,KAAK,IAAI;AAC9B,MAAI,QAAQ,OAAW,MAAK,MAAM;AAClC,MAAI,aAAa,OAAW,QAAO,EAAE,MAAM,IAAI;AAC/C,MAAI,MAAM,QAAQ,QAAQ,EAAG,QAAO,EAAE,MAAM,MAAM,GAAG,QAAQ;AAC7D,SAAO,EAAE,MAAM,MAAM,QAAQ;AAC/B;AAGO,IAAM,MAAM;AACZ,IAAM,OAAO;",
+  "sourcesContent": ["// What Framework - Element Descriptors\n// Minimal element descriptor objects. No classes, no fibers, just plain objects.\n\n// h(tag, props, ...children) -> VNode\n// h(Component, props, ...children) -> VNode\n// VNode = { tag, props, children, key }\n\nconst EMPTY_OBJ = Object.create(null);\nconst EMPTY_ARR = [];\n\nexport function h(tag, props) {\n  props = props || EMPTY_OBJ;\n  // Collect children from arguments[2..n] without rest args \u2014 avoids array allocation\n  // when there are 0-1 children (common case: leaf elements, text nodes).\n  const argLen = arguments.length;\n  let flat;\n  if (argLen <= 2) {\n    flat = EMPTY_ARR;\n  } else if (argLen === 3) {\n    flat = _flattenSingle(arguments[2]);\n  } else {\n    // Multiple children: flatten all arguments from position 2 onward\n    const out = [];\n    for (let i = 2; i < argLen; i++) {\n      _flattenInto(arguments[i], out);\n    }\n    flat = out;\n  }\n\n  const key = props.key ?? null;\n\n  // Strip key from props passed to component/element\n  if (props.key !== undefined) {\n    props = { ...props };\n    delete props.key;\n  }\n\n  return { tag, props, children: flat, key, _vnode: true };\n}\n\n// Fragment \u2014 just returns children\nexport function Fragment({ children }) {\n  return children;\n}\n\n// Fast path for single child (most common case)\nfunction _flattenSingle(child) {\n  if (child == null || child === false || child === true) return EMPTY_ARR;\n  if (Array.isArray(child)) {\n    const out = [];\n    _flattenInto(child, out);\n    return out;\n  }\n  if (typeof child === 'object' && child._vnode) return [child];\n  if (typeof child === 'function') return [child];\n  return [String(child)];\n}\n\n// Flatten a child (or array of children) into the output array\nfunction _flattenInto(child, out) {\n  if (child == null || child === false || child === true) return;\n  if (Array.isArray(child)) {\n    for (let i = 0; i < child.length; i++) {\n      _flattenInto(child[i], out);\n    }\n  } else if (typeof child === 'object' && child._vnode) {\n    out.push(child);\n  } else if (typeof child === 'function') {\n    out.push(child);\n  } else {\n    out.push(String(child));\n  }\n}\n\n// JSX-like tagged template alternative (no build step needed)\n// html`<div class=\"foo\">${content}</div>`\n// Uses a simple parser, not full HTML \u2014 good enough for most cases.\n\nexport function html(strings, ...values) {\n  const src = strings.reduce((acc, str, i) =>\n    acc + str + (i < values.length ? `\\x00${i}\\x00` : ''), '');\n  return parseTemplate(src, values);\n}\n\nfunction parseTemplate(src, values) {\n  // Lightweight tagged template parser\n  // Supports: <tag attr=\"val\">, <tag ...${spread}>, ${children}, self-closing\n  src = src.trim();\n  const nodes = [];\n  let i = 0;\n\n  while (i < src.length) {\n    if (src[i] === '<') {\n      const result = parseElement(src, i, values);\n      if (result) {\n        nodes.push(result.node);\n        i = result.end;\n        continue;\n      }\n    }\n    // Text or interpolation\n    const result = parseText(src, i, values);\n    if (result.text) nodes.push(result.text);\n    i = result.end;\n  }\n\n  return nodes.length === 1 ? nodes[0] : nodes;\n}\n\nfunction parseElement(src, start, values) {\n  // Opening tag\n  const openMatch = src.slice(start).match(/^<([a-zA-Z][a-zA-Z0-9-]*|[A-Z]\\w*)/);\n  if (!openMatch) return null;\n\n  const tag = openMatch[1];\n  let i = start + openMatch[0].length;\n  const props = {};\n\n  // Parse attributes\n  while (i < src.length) {\n    // Skip whitespace\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    // Self-closing or end of opening tag\n    if (src.slice(i, i + 2) === '/>') {\n      return { node: h(tag, Object.keys(props).length ? props : null), end: i + 2 };\n    }\n    if (src[i] === '>') {\n      i++;\n      break;\n    }\n\n    // Spread: ...${obj}\n    if (src.slice(i, i + 3) === '...') {\n      const placeholder = src.slice(i + 3).match(/^\\x00(\\d+)\\x00/);\n      if (placeholder) {\n        Object.assign(props, values[Number(placeholder[1])]);\n        i += 3 + placeholder[0].length;\n        continue;\n      }\n    }\n\n    // Attribute: name=${val} or name=\"val\" or name\n    const attrMatch = src.slice(i).match(/^([a-zA-Z_@:][a-zA-Z0-9_:.-]*)/);\n    if (!attrMatch) break;\n\n    const attrName = attrMatch[1];\n    i += attrMatch[0].length;\n\n    // Skip whitespace around =\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    if (src[i] === '=') {\n      i++;\n      while (i < src.length && /\\s/.test(src[i])) i++;\n\n      // Value is a placeholder\n      const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n      if (ph) {\n        props[attrName] = values[Number(ph[1])];\n        i += ph[0].length;\n      } else if (src[i] === '\"' || src[i] === \"'\") {\n        const q = src[i];\n        i++;\n        let val = '';\n        while (i < src.length && src[i] !== q) {\n          const tph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n          if (tph) {\n            val += String(values[Number(tph[1])]);\n            i += tph[0].length;\n          } else {\n            val += src[i];\n            i++;\n          }\n        }\n        i++; // closing quote\n        props[attrName] = val;\n      }\n    } else {\n      props[attrName] = true;\n    }\n  }\n\n  // Parse children until closing tag\n  const children = [];\n  const closeTag = `</${tag}>`;\n\n  while (i < src.length) {\n    if (src.slice(i, i + closeTag.length) === closeTag) {\n      i += closeTag.length;\n      break;\n    }\n\n    if (src[i] === '<') {\n      const child = parseElement(src, i, values);\n      if (child) {\n        children.push(child.node);\n        i = child.end;\n        continue;\n      }\n    }\n\n    const text = parseText(src, i, values);\n    if (text.text != null) children.push(text.text);\n    i = text.end;\n  }\n\n  return {\n    node: h(tag, Object.keys(props).length ? props : null, ...children),\n    end: i,\n  };\n}\n\nfunction parseText(src, start, values) {\n  let i = start;\n  let text = '';\n\n  while (i < src.length && src[i] !== '<') {\n    const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n    if (ph) {\n      if (text.trim()) {\n        return { text: text.trim(), end: i };\n      }\n      return { text: values[Number(ph[1])], end: i + ph[0].length };\n    }\n    text += src[i];\n    i++;\n  }\n\n  return { text: text.trim() || null, end: i };\n}\n", "// What Framework \u2014 JSX Dev Runtime\n// Same as jsx-runtime but used in development mode by Vite.\n\nimport { h, Fragment } from './h.js';\n\nexport { Fragment };\n\nexport function jsxDEV(type, props, key) {\n  if (props == null) return h(type, null);\n  const { children, ...rest } = props;\n  if (key !== undefined) rest.key = key;\n  if (children === undefined) return h(type, rest);\n  if (Array.isArray(children)) return h(type, rest, ...children);\n  return h(type, rest, children);\n}\n\n// Also export jsx/jsxs for compatibility \u2014 some bundlers use these even in dev\nexport const jsx = jsxDEV;\nexport const jsxs = jsxDEV;\n"],
+  "mappings": ";AAOA,IAAM,YAAY,uBAAO,OAAO,IAAI;AACpC,IAAM,YAAY,CAAC;AAEZ,SAAS,EAAE,KAAK,OAAO;AAC5B,UAAQ,SAAS;AAGjB,QAAM,SAAS,UAAU;AACzB,MAAI;AACJ,MAAI,UAAU,GAAG;AACf,WAAO;AAAA,EACT,WAAW,WAAW,GAAG;AACvB,WAAO,eAAe,UAAU,CAAC,CAAC;AAAA,EACpC,OAAO;AAEL,UAAM,MAAM,CAAC;AACb,aAAS,IAAI,GAAG,IAAI,QAAQ,KAAK;AAC/B,mBAAa,UAAU,CAAC,GAAG,GAAG;AAAA,IAChC;AACA,WAAO;AAAA,EACT;AAEA,QAAM,MAAM,MAAM,OAAO;AAGzB,MAAI,MAAM,QAAQ,QAAW;AAC3B,YAAQ,EAAE,GAAG,MAAM;AACnB,WAAO,MAAM;AAAA,EACf;AAEA,SAAO,EAAE,KAAK,OAAO,UAAU,MAAM,KAAK,QAAQ,KAAK;AACzD;AAGO,SAAS,SAAS,EAAE,SAAS,GAAG;AACrC,SAAO;AACT;AAGA,SAAS,eAAe,OAAO;AAC7B,MAAI,SAAS,QAAQ,UAAU,SAAS,UAAU,KAAM,QAAO;AAC/D,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,UAAM,MAAM,CAAC;AACb,iBAAa,OAAO,GAAG;AACvB,WAAO;AAAA,EACT;AACA,MAAI,OAAO,UAAU,YAAY,MAAM,OAAQ,QAAO,CAAC,KAAK;AAC5D,MAAI,OAAO,UAAU,WAAY,QAAO,CAAC,KAAK;AAC9C,SAAO,CAAC,OAAO,KAAK,CAAC;AACvB;AAGA,SAAS,aAAa,OAAO,KAAK;AAChC,MAAI,SAAS,QAAQ,UAAU,SAAS,UAAU,KAAM;AACxD,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,aAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACrC,mBAAa,MAAM,CAAC,GAAG,GAAG;AAAA,IAC5B;AAAA,EACF,WAAW,OAAO,UAAU,YAAY,MAAM,QAAQ;AACpD,QAAI,KAAK,KAAK;AAAA,EAChB,WAAW,OAAO,UAAU,YAAY;AACtC,QAAI,KAAK,KAAK;AAAA,EAChB,OAAO;AACL,QAAI,KAAK,OAAO,KAAK,CAAC;AAAA,EACxB;AACF;;;ACjEO,SAAS,OAAO,MAAM,OAAO,KAAK;AACvC,MAAI,SAAS,KAAM,QAAO,EAAE,MAAM,IAAI;AACtC,QAAM,EAAE,UAAU,GAAG,KAAK,IAAI;AAC9B,MAAI,QAAQ,OAAW,MAAK,MAAM;AAClC,MAAI,aAAa,OAAW,QAAO,EAAE,MAAM,IAAI;AAC/C,MAAI,MAAM,QAAQ,QAAQ,EAAG,QAAO,EAAE,MAAM,MAAM,GAAG,QAAQ;AAC7D,SAAO,EAAE,MAAM,MAAM,QAAQ;AAC/B;AAGO,IAAM,MAAM;AACZ,IAAM,OAAO;",
   "names": []
 }

package/dist/jsx-dev-runtime.min.js

@@ -1,2 +1,2 @@
-var f=Object.create(null);function h(n,t,...l){t=t||f;let e=o(l),i=t.key??null;return t.key!==void 0&&(t={...t},delete t.key),{tag:n,props:t,children:e,key:i,_vnode:!0}}function r({children:n}){return n}function o(n){let t=[];for(let l=0;l<n.length;l++){let e=n[l];e==null||e===!1||e===!0||(Array.isArray(e)?t.push(...o(e)):typeof e=="object"&&e._vnode||typeof e=="function"?t.push(e):t.push(String(e)))}return t}function u(n,t,l){if(t==null)return h(n,null);let{children:e,...i}=t;return l!==void 0&&(i.key=l),e===void 0?h(n,i):Array.isArray(e)?h(n,i,...e):h(n,i,e)}var a=u,x=u;export{r as Fragment,a as jsx,u as jsxDEV,x as jsxs};
+var h=Object.create(null),a=[];function o(e,t){t=t||h;let n=arguments.length,l;if(n<=2)l=a;else if(n===3)l=x(arguments[2]);else{let r=[];for(let u=2;u<n;u++)f(arguments[u],r);l=r}let i=t.key??null;return t.key!==void 0&&(t={...t},delete t.key),{tag:e,props:t,children:l,key:i,_vnode:!0}}function s({children:e}){return e}function x(e){if(e==null||e===!1||e===!0)return a;if(Array.isArray(e)){let t=[];return f(e,t),t}return typeof e=="object"&&e._vnode?[e]:typeof e=="function"?[e]:[String(e)]}function f(e,t){if(!(e==null||e===!1||e===!0))if(Array.isArray(e))for(let n=0;n<e.length;n++)f(e[n],t);else typeof e=="object"&&e._vnode||typeof e=="function"?t.push(e):t.push(String(e))}function g(e,t,n){if(t==null)return o(e,null);let{children:l,...i}=t;return n!==void 0&&(i.key=n),l===void 0?o(e,i):Array.isArray(l)?o(e,i,...l):o(e,i,l)}var b=g,d=g;export{s as Fragment,b as jsx,g as jsxDEV,d as jsxs};
 //# sourceMappingURL=jsx-dev-runtime.min.js.map

package/dist/jsx-dev-runtime.min.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/h.js", "../src/jsx-dev-runtime.js"],
-  "sourcesContent": ["// What Framework - Element Descriptors\n// Minimal element descriptor objects. No classes, no fibers, just plain objects.\n\n// h(tag, props, ...children) -> VNode\n// h(Component, props, ...children) -> VNode\n// VNode = { tag, props, children, key }\n\nconst EMPTY_OBJ = Object.create(null);\nconst EMPTY_ARR = [];\n\nexport function h(tag, props, ...children) {\n  props = props || EMPTY_OBJ;\n  const flat = flattenChildren(children);\n  const key = props.key ?? null;\n\n  // Strip key from props passed to component/element\n  if (props.key !== undefined) {\n    props = { ...props };\n    delete props.key;\n  }\n\n  return { tag, props, children: flat, key, _vnode: true };\n}\n\n// Fragment \u2014 just returns children\nexport function Fragment({ children }) {\n  return children;\n}\n\nfunction flattenChildren(children) {\n  const out = [];\n  for (let i = 0; i < children.length; i++) {\n    const child = children[i];\n    if (child == null || child === false || child === true) continue;\n    if (Array.isArray(child)) {\n      out.push(...flattenChildren(child));\n    } else if (typeof child === 'object' && child._vnode) {\n      out.push(child);\n    } else if (typeof child === 'function') {\n      // Reactive child \u2014 preserve function for fine-grained DOM updates\n      out.push(child);\n    } else {\n      // Text node\n      out.push(String(child));\n    }\n  }\n  return out;\n}\n\n// JSX-like tagged template alternative (no build step needed)\n// html`<div class=\"foo\">${content}</div>`\n// Uses a simple parser, not full HTML \u2014 good enough for most cases.\n\nexport function html(strings, ...values) {\n  const src = strings.reduce((acc, str, i) =>\n    acc + str + (i < values.length ? `\\x00${i}\\x00` : ''), '');\n  return parseTemplate(src, values);\n}\n\nfunction parseTemplate(src, values) {\n  // Lightweight tagged template parser\n  // Supports: <tag attr=\"val\">, <tag ...${spread}>, ${children}, self-closing\n  src = src.trim();\n  const nodes = [];\n  let i = 0;\n\n  while (i < src.length) {\n    if (src[i] === '<') {\n      const result = parseElement(src, i, values);\n      if (result) {\n        nodes.push(result.node);\n        i = result.end;\n        continue;\n      }\n    }\n    // Text or interpolation\n    const result = parseText(src, i, values);\n    if (result.text) nodes.push(result.text);\n    i = result.end;\n  }\n\n  return nodes.length === 1 ? nodes[0] : nodes;\n}\n\nfunction parseElement(src, start, values) {\n  // Opening tag\n  const openMatch = src.slice(start).match(/^<([a-zA-Z][a-zA-Z0-9-]*|[A-Z]\\w*)/);\n  if (!openMatch) return null;\n\n  const tag = openMatch[1];\n  let i = start + openMatch[0].length;\n  const props = {};\n\n  // Parse attributes\n  while (i < src.length) {\n    // Skip whitespace\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    // Self-closing or end of opening tag\n    if (src.slice(i, i + 2) === '/>') {\n      return { node: h(tag, Object.keys(props).length ? props : null), end: i + 2 };\n    }\n    if (src[i] === '>') {\n      i++;\n      break;\n    }\n\n    // Spread: ...${obj}\n    if (src.slice(i, i + 3) === '...') {\n      const placeholder = src.slice(i + 3).match(/^\\x00(\\d+)\\x00/);\n      if (placeholder) {\n        Object.assign(props, values[Number(placeholder[1])]);\n        i += 3 + placeholder[0].length;\n        continue;\n      }\n    }\n\n    // Attribute: name=${val} or name=\"val\" or name\n    const attrMatch = src.slice(i).match(/^([a-zA-Z_@:][a-zA-Z0-9_:.-]*)/);\n    if (!attrMatch) break;\n\n    const attrName = attrMatch[1];\n    i += attrMatch[0].length;\n\n    // Skip whitespace around =\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    if (src[i] === '=') {\n      i++;\n      while (i < src.length && /\\s/.test(src[i])) i++;\n\n      // Value is a placeholder\n      const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n      if (ph) {\n        props[attrName] = values[Number(ph[1])];\n        i += ph[0].length;\n      } else if (src[i] === '\"' || src[i] === \"'\") {\n        const q = src[i];\n        i++;\n        let val = '';\n        while (i < src.length && src[i] !== q) {\n          const tph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n          if (tph) {\n            val += String(values[Number(tph[1])]);\n            i += tph[0].length;\n          } else {\n            val += src[i];\n            i++;\n          }\n        }\n        i++; // closing quote\n        props[attrName] = val;\n      }\n    } else {\n      props[attrName] = true;\n    }\n  }\n\n  // Parse children until closing tag\n  const children = [];\n  const closeTag = `</${tag}>`;\n\n  while (i < src.length) {\n    if (src.slice(i, i + closeTag.length) === closeTag) {\n      i += closeTag.length;\n      break;\n    }\n\n    if (src[i] === '<') {\n      const child = parseElement(src, i, values);\n      if (child) {\n        children.push(child.node);\n        i = child.end;\n        continue;\n      }\n    }\n\n    const text = parseText(src, i, values);\n    if (text.text != null) children.push(text.text);\n    i = text.end;\n  }\n\n  return {\n    node: h(tag, Object.keys(props).length ? props : null, ...children),\n    end: i,\n  };\n}\n\nfunction parseText(src, start, values) {\n  let i = start;\n  let text = '';\n\n  while (i < src.length && src[i] !== '<') {\n    const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n    if (ph) {\n      if (text.trim()) {\n        return { text: text.trim(), end: i };\n      }\n      return { text: values[Number(ph[1])], end: i + ph[0].length };\n    }\n    text += src[i];\n    i++;\n  }\n\n  return { text: text.trim() || null, end: i };\n}\n", "// What Framework \u2014 JSX Dev Runtime\n// Same as jsx-runtime but used in development mode by Vite.\n\nimport { h, Fragment } from './h.js';\n\nexport { Fragment };\n\nexport function jsxDEV(type, props, key) {\n  if (props == null) return h(type, null);\n  const { children, ...rest } = props;\n  if (key !== undefined) rest.key = key;\n  if (children === undefined) return h(type, rest);\n  if (Array.isArray(children)) return h(type, rest, ...children);\n  return h(type, rest, children);\n}\n\n// Also export jsx/jsxs for compatibility \u2014 some bundlers use these even in dev\nexport const jsx = jsxDEV;\nexport const jsxs = jsxDEV;\n"],
-  "mappings": "AAOA,IAAMA,EAAY,OAAO,OAAO,IAAI,EAG7B,SAAS,EAAEC,EAAKC,KAAUC,EAAU,CACzCD,EAAQA,GAASE,EACjB,IAAMC,EAAOC,EAAgBH,CAAQ,EAC/BI,EAAML,EAAM,KAAO,KAGzB,OAAIA,EAAM,MAAQ,SAChBA,EAAQ,CAAE,GAAGA,CAAM,EACnB,OAAOA,EAAM,KAGR,CAAE,IAAAD,EAAK,MAAAC,EAAO,SAAUG,EAAM,IAAAE,EAAK,OAAQ,EAAK,CACzD,CAGO,SAASC,EAAS,CAAE,SAAAL,CAAS,EAAG,CACrC,OAAOA,CACT,CAEA,SAASG,EAAgBH,EAAU,CACjC,IAAMM,EAAM,CAAC,EACb,QAASC,EAAI,EAAGA,EAAIP,EAAS,OAAQO,IAAK,CACxC,IAAMC,EAAQR,EAASO,CAAC,EACpBC,GAAS,MAAQA,IAAU,IAASA,IAAU,KAC9C,MAAM,QAAQA,CAAK,EACrBF,EAAI,KAAK,GAAGH,EAAgBK,CAAK,CAAC,EACzB,OAAOA,GAAU,UAAYA,EAAM,QAEnC,OAAOA,GAAU,WAD1BF,EAAI,KAAKE,CAAK,EAMdF,EAAI,KAAK,OAAOE,CAAK,CAAC,EAE1B,CACA,OAAOF,CACT,CCxCO,SAASG,EAAOC,EAAMC,EAAOC,EAAK,CACvC,GAAID,GAAS,KAAM,OAAO,EAAED,EAAM,IAAI,EACtC,GAAM,CAAE,SAAAG,EAAU,GAAGC,CAAK,EAAIH,EAE9B,OADIC,IAAQ,SAAWE,EAAK,IAAMF,GAC9BC,IAAa,OAAkB,EAAEH,EAAMI,CAAI,EAC3C,MAAM,QAAQD,CAAQ,EAAU,EAAEH,EAAMI,EAAM,GAAGD,CAAQ,EACtD,EAAEH,EAAMI,EAAMD,CAAQ,CAC/B,CAGO,IAAME,EAAMN,EACNO,EAAOP",
-  "names": ["EMPTY_OBJ", "tag", "props", "children", "EMPTY_OBJ", "flat", "flattenChildren", "key", "Fragment", "out", "i", "child", "jsxDEV", "type", "props", "key", "children", "rest", "jsx", "jsxs"]
+  "sourcesContent": ["// What Framework - Element Descriptors\n// Minimal element descriptor objects. No classes, no fibers, just plain objects.\n\n// h(tag, props, ...children) -> VNode\n// h(Component, props, ...children) -> VNode\n// VNode = { tag, props, children, key }\n\nconst EMPTY_OBJ = Object.create(null);\nconst EMPTY_ARR = [];\n\nexport function h(tag, props) {\n  props = props || EMPTY_OBJ;\n  // Collect children from arguments[2..n] without rest args \u2014 avoids array allocation\n  // when there are 0-1 children (common case: leaf elements, text nodes).\n  const argLen = arguments.length;\n  let flat;\n  if (argLen <= 2) {\n    flat = EMPTY_ARR;\n  } else if (argLen === 3) {\n    flat = _flattenSingle(arguments[2]);\n  } else {\n    // Multiple children: flatten all arguments from position 2 onward\n    const out = [];\n    for (let i = 2; i < argLen; i++) {\n      _flattenInto(arguments[i], out);\n    }\n    flat = out;\n  }\n\n  const key = props.key ?? null;\n\n  // Strip key from props passed to component/element\n  if (props.key !== undefined) {\n    props = { ...props };\n    delete props.key;\n  }\n\n  return { tag, props, children: flat, key, _vnode: true };\n}\n\n// Fragment \u2014 just returns children\nexport function Fragment({ children }) {\n  return children;\n}\n\n// Fast path for single child (most common case)\nfunction _flattenSingle(child) {\n  if (child == null || child === false || child === true) return EMPTY_ARR;\n  if (Array.isArray(child)) {\n    const out = [];\n    _flattenInto(child, out);\n    return out;\n  }\n  if (typeof child === 'object' && child._vnode) return [child];\n  if (typeof child === 'function') return [child];\n  return [String(child)];\n}\n\n// Flatten a child (or array of children) into the output array\nfunction _flattenInto(child, out) {\n  if (child == null || child === false || child === true) return;\n  if (Array.isArray(child)) {\n    for (let i = 0; i < child.length; i++) {\n      _flattenInto(child[i], out);\n    }\n  } else if (typeof child === 'object' && child._vnode) {\n    out.push(child);\n  } else if (typeof child === 'function') {\n    out.push(child);\n  } else {\n    out.push(String(child));\n  }\n}\n\n// JSX-like tagged template alternative (no build step needed)\n// html`<div class=\"foo\">${content}</div>`\n// Uses a simple parser, not full HTML \u2014 good enough for most cases.\n\nexport function html(strings, ...values) {\n  const src = strings.reduce((acc, str, i) =>\n    acc + str + (i < values.length ? `\\x00${i}\\x00` : ''), '');\n  return parseTemplate(src, values);\n}\n\nfunction parseTemplate(src, values) {\n  // Lightweight tagged template parser\n  // Supports: <tag attr=\"val\">, <tag ...${spread}>, ${children}, self-closing\n  src = src.trim();\n  const nodes = [];\n  let i = 0;\n\n  while (i < src.length) {\n    if (src[i] === '<') {\n      const result = parseElement(src, i, values);\n      if (result) {\n        nodes.push(result.node);\n        i = result.end;\n        continue;\n      }\n    }\n    // Text or interpolation\n    const result = parseText(src, i, values);\n    if (result.text) nodes.push(result.text);\n    i = result.end;\n  }\n\n  return nodes.length === 1 ? nodes[0] : nodes;\n}\n\nfunction parseElement(src, start, values) {\n  // Opening tag\n  const openMatch = src.slice(start).match(/^<([a-zA-Z][a-zA-Z0-9-]*|[A-Z]\\w*)/);\n  if (!openMatch) return null;\n\n  const tag = openMatch[1];\n  let i = start + openMatch[0].length;\n  const props = {};\n\n  // Parse attributes\n  while (i < src.length) {\n    // Skip whitespace\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    // Self-closing or end of opening tag\n    if (src.slice(i, i + 2) === '/>') {\n      return { node: h(tag, Object.keys(props).length ? props : null), end: i + 2 };\n    }\n    if (src[i] === '>') {\n      i++;\n      break;\n    }\n\n    // Spread: ...${obj}\n    if (src.slice(i, i + 3) === '...') {\n      const placeholder = src.slice(i + 3).match(/^\\x00(\\d+)\\x00/);\n      if (placeholder) {\n        Object.assign(props, values[Number(placeholder[1])]);\n        i += 3 + placeholder[0].length;\n        continue;\n      }\n    }\n\n    // Attribute: name=${val} or name=\"val\" or name\n    const attrMatch = src.slice(i).match(/^([a-zA-Z_@:][a-zA-Z0-9_:.-]*)/);\n    if (!attrMatch) break;\n\n    const attrName = attrMatch[1];\n    i += attrMatch[0].length;\n\n    // Skip whitespace around =\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    if (src[i] === '=') {\n      i++;\n      while (i < src.length && /\\s/.test(src[i])) i++;\n\n      // Value is a placeholder\n      const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n      if (ph) {\n        props[attrName] = values[Number(ph[1])];\n        i += ph[0].length;\n      } else if (src[i] === '\"' || src[i] === \"'\") {\n        const q = src[i];\n        i++;\n        let val = '';\n        while (i < src.length && src[i] !== q) {\n          const tph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n          if (tph) {\n            val += String(values[Number(tph[1])]);\n            i += tph[0].length;\n          } else {\n            val += src[i];\n            i++;\n          }\n        }\n        i++; // closing quote\n        props[attrName] = val;\n      }\n    } else {\n      props[attrName] = true;\n    }\n  }\n\n  // Parse children until closing tag\n  const children = [];\n  const closeTag = `</${tag}>`;\n\n  while (i < src.length) {\n    if (src.slice(i, i + closeTag.length) === closeTag) {\n      i += closeTag.length;\n      break;\n    }\n\n    if (src[i] === '<') {\n      const child = parseElement(src, i, values);\n      if (child) {\n        children.push(child.node);\n        i = child.end;\n        continue;\n      }\n    }\n\n    const text = parseText(src, i, values);\n    if (text.text != null) children.push(text.text);\n    i = text.end;\n  }\n\n  return {\n    node: h(tag, Object.keys(props).length ? props : null, ...children),\n    end: i,\n  };\n}\n\nfunction parseText(src, start, values) {\n  let i = start;\n  let text = '';\n\n  while (i < src.length && src[i] !== '<') {\n    const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n    if (ph) {\n      if (text.trim()) {\n        return { text: text.trim(), end: i };\n      }\n      return { text: values[Number(ph[1])], end: i + ph[0].length };\n    }\n    text += src[i];\n    i++;\n  }\n\n  return { text: text.trim() || null, end: i };\n}\n", "// What Framework \u2014 JSX Dev Runtime\n// Same as jsx-runtime but used in development mode by Vite.\n\nimport { h, Fragment } from './h.js';\n\nexport { Fragment };\n\nexport function jsxDEV(type, props, key) {\n  if (props == null) return h(type, null);\n  const { children, ...rest } = props;\n  if (key !== undefined) rest.key = key;\n  if (children === undefined) return h(type, rest);\n  if (Array.isArray(children)) return h(type, rest, ...children);\n  return h(type, rest, children);\n}\n\n// Also export jsx/jsxs for compatibility \u2014 some bundlers use these even in dev\nexport const jsx = jsxDEV;\nexport const jsxs = jsxDEV;\n"],
+  "mappings": "AAOA,IAAMA,EAAY,OAAO,OAAO,IAAI,EAC9BC,EAAY,CAAC,EAEZ,SAASC,EAAEC,EAAKC,EAAO,CAC5BA,EAAQA,GAASJ,EAGjB,IAAMK,EAAS,UAAU,OACrBC,EACJ,GAAID,GAAU,EACZC,EAAOL,UACEI,IAAW,EACpBC,EAAOC,EAAe,UAAU,CAAC,CAAC,MAC7B,CAEL,IAAMC,EAAM,CAAC,EACb,QAASC,EAAI,EAAGA,EAAIJ,EAAQI,IAC1BC,EAAa,UAAUD,CAAC,EAAGD,CAAG,EAEhCF,EAAOE,CACT,CAEA,IAAMG,EAAMP,EAAM,KAAO,KAGzB,OAAIA,EAAM,MAAQ,SAChBA,EAAQ,CAAE,GAAGA,CAAM,EACnB,OAAOA,EAAM,KAGR,CAAE,IAAAD,EAAK,MAAAC,EAAO,SAAUE,EAAM,IAAAK,EAAK,OAAQ,EAAK,CACzD,CAGO,SAASC,EAAS,CAAE,SAAAC,CAAS,EAAG,CACrC,OAAOA,CACT,CAGA,SAASN,EAAeO,EAAO,CAC7B,GAAIA,GAAS,MAAQA,IAAU,IAASA,IAAU,GAAM,OAAOb,EAC/D,GAAI,MAAM,QAAQa,CAAK,EAAG,CACxB,IAAMN,EAAM,CAAC,EACb,OAAAE,EAAaI,EAAON,CAAG,EAChBA,CACT,CACA,OAAI,OAAOM,GAAU,UAAYA,EAAM,OAAe,CAACA,CAAK,EACxD,OAAOA,GAAU,WAAmB,CAACA,CAAK,EACvC,CAAC,OAAOA,CAAK,CAAC,CACvB,CAGA,SAASJ,EAAaI,EAAON,EAAK,CAChC,GAAI,EAAAM,GAAS,MAAQA,IAAU,IAASA,IAAU,IAClD,GAAI,MAAM,QAAQA,CAAK,EACrB,QAASL,EAAI,EAAGA,EAAIK,EAAM,OAAQL,IAChCC,EAAaI,EAAML,CAAC,EAAGD,CAAG,OAEnB,OAAOM,GAAU,UAAYA,EAAM,QAEnC,OAAOA,GAAU,WAD1BN,EAAI,KAAKM,CAAK,EAIdN,EAAI,KAAK,OAAOM,CAAK,CAAC,CAE1B,CCjEO,SAASC,EAAOC,EAAMC,EAAOC,EAAK,CACvC,GAAID,GAAS,KAAM,OAAOE,EAAEH,EAAM,IAAI,EACtC,GAAM,CAAE,SAAAI,EAAU,GAAGC,CAAK,EAAIJ,EAE9B,OADIC,IAAQ,SAAWG,EAAK,IAAMH,GAC9BE,IAAa,OAAkBD,EAAEH,EAAMK,CAAI,EAC3C,MAAM,QAAQD,CAAQ,EAAUD,EAAEH,EAAMK,EAAM,GAAGD,CAAQ,EACtDD,EAAEH,EAAMK,EAAMD,CAAQ,CAC/B,CAGO,IAAME,EAAMP,EACNQ,EAAOR",
+  "names": ["EMPTY_OBJ", "EMPTY_ARR", "h", "tag", "props", "argLen", "flat", "_flattenSingle", "out", "i", "_flattenInto", "key", "Fragment", "children", "child", "jsxDEV", "type", "props", "key", "h", "children", "rest", "jsx", "jsxs"]
 }

package/dist/jsx-runtime.js

@@ -1,8 +1,21 @@
 // packages/core/src/h.js
 var EMPTY_OBJ = /* @__PURE__ */ Object.create(null);
-function h(tag, props, ...children) {
+var EMPTY_ARR = [];
+function h(tag, props) {
   props = props || EMPTY_OBJ;
-  const flat = flattenChildren(children);
+  const argLen = arguments.length;
+  let flat;
+  if (argLen <= 2) {
+    flat = EMPTY_ARR;
+  } else if (argLen === 3) {
+    flat = _flattenSingle(arguments[2]);
+  } else {
+    const out = [];
+    for (let i = 2; i < argLen; i++) {
+      _flattenInto(arguments[i], out);
+    }
+    flat = out;
+  }
   const key = props.key ?? null;
   if (props.key !== void 0) {
     props = { ...props };
@@ -13,22 +26,30 @@ function h(tag, props, ...children) {
 function Fragment({ children }) {
   return children;
 }
-function flattenChildren(children) {
-  const out = [];
-  for (let i = 0; i < children.length; i++) {
-    const child = children[i];
-    if (child == null || child === false || child === true) continue;
-    if (Array.isArray(child)) {
-      out.push(...flattenChildren(child));
-    } else if (typeof child === "object" && child._vnode) {
-      out.push(child);
-    } else if (typeof child === "function") {
-      out.push(child);
-    } else {
-      out.push(String(child));
+function _flattenSingle(child) {
+  if (child == null || child === false || child === true) return EMPTY_ARR;
+  if (Array.isArray(child)) {
+    const out = [];
+    _flattenInto(child, out);
+    return out;
+  }
+  if (typeof child === "object" && child._vnode) return [child];
+  if (typeof child === "function") return [child];
+  return [String(child)];
+}
+function _flattenInto(child, out) {
+  if (child == null || child === false || child === true) return;
+  if (Array.isArray(child)) {
+    for (let i = 0; i < child.length; i++) {
+      _flattenInto(child[i], out);
     }
+  } else if (typeof child === "object" && child._vnode) {
+    out.push(child);
+  } else if (typeof child === "function") {
+    out.push(child);
+  } else {
+    out.push(String(child));
   }
-  return out;
 }
 
 // packages/core/src/jsx-runtime.js

package/dist/jsx-runtime.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/h.js", "../src/jsx-runtime.js"],
-  "sourcesContent": ["// What Framework - Element Descriptors\n// Minimal element descriptor objects. No classes, no fibers, just plain objects.\n\n// h(tag, props, ...children) -> VNode\n// h(Component, props, ...children) -> VNode\n// VNode = { tag, props, children, key }\n\nconst EMPTY_OBJ = Object.create(null);\nconst EMPTY_ARR = [];\n\nexport function h(tag, props, ...children) {\n  props = props || EMPTY_OBJ;\n  const flat = flattenChildren(children);\n  const key = props.key ?? null;\n\n  // Strip key from props passed to component/element\n  if (props.key !== undefined) {\n    props = { ...props };\n    delete props.key;\n  }\n\n  return { tag, props, children: flat, key, _vnode: true };\n}\n\n// Fragment \u2014 just returns children\nexport function Fragment({ children }) {\n  return children;\n}\n\nfunction flattenChildren(children) {\n  const out = [];\n  for (let i = 0; i < children.length; i++) {\n    const child = children[i];\n    if (child == null || child === false || child === true) continue;\n    if (Array.isArray(child)) {\n      out.push(...flattenChildren(child));\n    } else if (typeof child === 'object' && child._vnode) {\n      out.push(child);\n    } else if (typeof child === 'function') {\n      // Reactive child \u2014 preserve function for fine-grained DOM updates\n      out.push(child);\n    } else {\n      // Text node\n      out.push(String(child));\n    }\n  }\n  return out;\n}\n\n// JSX-like tagged template alternative (no build step needed)\n// html`<div class=\"foo\">${content}</div>`\n// Uses a simple parser, not full HTML \u2014 good enough for most cases.\n\nexport function html(strings, ...values) {\n  const src = strings.reduce((acc, str, i) =>\n    acc + str + (i < values.length ? `\\x00${i}\\x00` : ''), '');\n  return parseTemplate(src, values);\n}\n\nfunction parseTemplate(src, values) {\n  // Lightweight tagged template parser\n  // Supports: <tag attr=\"val\">, <tag ...${spread}>, ${children}, self-closing\n  src = src.trim();\n  const nodes = [];\n  let i = 0;\n\n  while (i < src.length) {\n    if (src[i] === '<') {\n      const result = parseElement(src, i, values);\n      if (result) {\n        nodes.push(result.node);\n        i = result.end;\n        continue;\n      }\n    }\n    // Text or interpolation\n    const result = parseText(src, i, values);\n    if (result.text) nodes.push(result.text);\n    i = result.end;\n  }\n\n  return nodes.length === 1 ? nodes[0] : nodes;\n}\n\nfunction parseElement(src, start, values) {\n  // Opening tag\n  const openMatch = src.slice(start).match(/^<([a-zA-Z][a-zA-Z0-9-]*|[A-Z]\\w*)/);\n  if (!openMatch) return null;\n\n  const tag = openMatch[1];\n  let i = start + openMatch[0].length;\n  const props = {};\n\n  // Parse attributes\n  while (i < src.length) {\n    // Skip whitespace\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    // Self-closing or end of opening tag\n    if (src.slice(i, i + 2) === '/>') {\n      return { node: h(tag, Object.keys(props).length ? props : null), end: i + 2 };\n    }\n    if (src[i] === '>') {\n      i++;\n      break;\n    }\n\n    // Spread: ...${obj}\n    if (src.slice(i, i + 3) === '...') {\n      const placeholder = src.slice(i + 3).match(/^\\x00(\\d+)\\x00/);\n      if (placeholder) {\n        Object.assign(props, values[Number(placeholder[1])]);\n        i += 3 + placeholder[0].length;\n        continue;\n      }\n    }\n\n    // Attribute: name=${val} or name=\"val\" or name\n    const attrMatch = src.slice(i).match(/^([a-zA-Z_@:][a-zA-Z0-9_:.-]*)/);\n    if (!attrMatch) break;\n\n    const attrName = attrMatch[1];\n    i += attrMatch[0].length;\n\n    // Skip whitespace around =\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    if (src[i] === '=') {\n      i++;\n      while (i < src.length && /\\s/.test(src[i])) i++;\n\n      // Value is a placeholder\n      const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n      if (ph) {\n        props[attrName] = values[Number(ph[1])];\n        i += ph[0].length;\n      } else if (src[i] === '\"' || src[i] === \"'\") {\n        const q = src[i];\n        i++;\n        let val = '';\n        while (i < src.length && src[i] !== q) {\n          const tph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n          if (tph) {\n            val += String(values[Number(tph[1])]);\n            i += tph[0].length;\n          } else {\n            val += src[i];\n            i++;\n          }\n        }\n        i++; // closing quote\n        props[attrName] = val;\n      }\n    } else {\n      props[attrName] = true;\n    }\n  }\n\n  // Parse children until closing tag\n  const children = [];\n  const closeTag = `</${tag}>`;\n\n  while (i < src.length) {\n    if (src.slice(i, i + closeTag.length) === closeTag) {\n      i += closeTag.length;\n      break;\n    }\n\n    if (src[i] === '<') {\n      const child = parseElement(src, i, values);\n      if (child) {\n        children.push(child.node);\n        i = child.end;\n        continue;\n      }\n    }\n\n    const text = parseText(src, i, values);\n    if (text.text != null) children.push(text.text);\n    i = text.end;\n  }\n\n  return {\n    node: h(tag, Object.keys(props).length ? props : null, ...children),\n    end: i,\n  };\n}\n\nfunction parseText(src, start, values) {\n  let i = start;\n  let text = '';\n\n  while (i < src.length && src[i] !== '<') {\n    const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n    if (ph) {\n      if (text.trim()) {\n        return { text: text.trim(), end: i };\n      }\n      return { text: values[Number(ph[1])], end: i + ph[0].length };\n    }\n    text += src[i];\n    i++;\n  }\n\n  return { text: text.trim() || null, end: i };\n}\n", "// What Framework \u2014 JSX Automatic Runtime\n// Used by: jsxImportSource: \"what-framework\" (or \"what-core\")\n// Vite/esbuild import this automatically when using the \"react-jsx\" transform.\n\nimport { h, Fragment } from './h.js';\n\nexport { Fragment };\n\n// Automatic JSX transform signature: jsx(type, { children, ...props }, key)\n// What's h() signature: h(type, props, ...children)\nexport function jsx(type, props, key) {\n  if (props == null) return h(type, null);\n  const { children, ...rest } = props;\n  if (key !== undefined) rest.key = key;\n  if (children === undefined) return h(type, rest);\n  if (Array.isArray(children)) return h(type, rest, ...children);\n  return h(type, rest, children);\n}\n\n// jsxs = jsx for static children (multiple). Same behavior for What.\nexport const jsxs = jsx;\n"],
-  "mappings": ";AAOA,IAAM,YAAY,uBAAO,OAAO,IAAI;AAG7B,SAAS,EAAE,KAAK,UAAU,UAAU;AACzC,UAAQ,SAAS;AACjB,QAAM,OAAO,gBAAgB,QAAQ;AACrC,QAAM,MAAM,MAAM,OAAO;AAGzB,MAAI,MAAM,QAAQ,QAAW;AAC3B,YAAQ,EAAE,GAAG,MAAM;AACnB,WAAO,MAAM;AAAA,EACf;AAEA,SAAO,EAAE,KAAK,OAAO,UAAU,MAAM,KAAK,QAAQ,KAAK;AACzD;AAGO,SAAS,SAAS,EAAE,SAAS,GAAG;AACrC,SAAO;AACT;AAEA,SAAS,gBAAgB,UAAU;AACjC,QAAM,MAAM,CAAC;AACb,WAAS,IAAI,GAAG,IAAI,SAAS,QAAQ,KAAK;AACxC,UAAM,QAAQ,SAAS,CAAC;AACxB,QAAI,SAAS,QAAQ,UAAU,SAAS,UAAU,KAAM;AACxD,QAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,UAAI,KAAK,GAAG,gBAAgB,KAAK,CAAC;AAAA,IACpC,WAAW,OAAO,UAAU,YAAY,MAAM,QAAQ;AACpD,UAAI,KAAK,KAAK;AAAA,IAChB,WAAW,OAAO,UAAU,YAAY;AAEtC,UAAI,KAAK,KAAK;AAAA,IAChB,OAAO;AAEL,UAAI,KAAK,OAAO,KAAK,CAAC;AAAA,IACxB;AAAA,EACF;AACA,SAAO;AACT;;;ACrCO,SAAS,IAAI,MAAM,OAAO,KAAK;AACpC,MAAI,SAAS,KAAM,QAAO,EAAE,MAAM,IAAI;AACtC,QAAM,EAAE,UAAU,GAAG,KAAK,IAAI;AAC9B,MAAI,QAAQ,OAAW,MAAK,MAAM;AAClC,MAAI,aAAa,OAAW,QAAO,EAAE,MAAM,IAAI;AAC/C,MAAI,MAAM,QAAQ,QAAQ,EAAG,QAAO,EAAE,MAAM,MAAM,GAAG,QAAQ;AAC7D,SAAO,EAAE,MAAM,MAAM,QAAQ;AAC/B;AAGO,IAAM,OAAO;",
+  "sourcesContent": ["// What Framework - Element Descriptors\n// Minimal element descriptor objects. No classes, no fibers, just plain objects.\n\n// h(tag, props, ...children) -> VNode\n// h(Component, props, ...children) -> VNode\n// VNode = { tag, props, children, key }\n\nconst EMPTY_OBJ = Object.create(null);\nconst EMPTY_ARR = [];\n\nexport function h(tag, props) {\n  props = props || EMPTY_OBJ;\n  // Collect children from arguments[2..n] without rest args \u2014 avoids array allocation\n  // when there are 0-1 children (common case: leaf elements, text nodes).\n  const argLen = arguments.length;\n  let flat;\n  if (argLen <= 2) {\n    flat = EMPTY_ARR;\n  } else if (argLen === 3) {\n    flat = _flattenSingle(arguments[2]);\n  } else {\n    // Multiple children: flatten all arguments from position 2 onward\n    const out = [];\n    for (let i = 2; i < argLen; i++) {\n      _flattenInto(arguments[i], out);\n    }\n    flat = out;\n  }\n\n  const key = props.key ?? null;\n\n  // Strip key from props passed to component/element\n  if (props.key !== undefined) {\n    props = { ...props };\n    delete props.key;\n  }\n\n  return { tag, props, children: flat, key, _vnode: true };\n}\n\n// Fragment \u2014 just returns children\nexport function Fragment({ children }) {\n  return children;\n}\n\n// Fast path for single child (most common case)\nfunction _flattenSingle(child) {\n  if (child == null || child === false || child === true) return EMPTY_ARR;\n  if (Array.isArray(child)) {\n    const out = [];\n    _flattenInto(child, out);\n    return out;\n  }\n  if (typeof child === 'object' && child._vnode) return [child];\n  if (typeof child === 'function') return [child];\n  return [String(child)];\n}\n\n// Flatten a child (or array of children) into the output array\nfunction _flattenInto(child, out) {\n  if (child == null || child === false || child === true) return;\n  if (Array.isArray(child)) {\n    for (let i = 0; i < child.length; i++) {\n      _flattenInto(child[i], out);\n    }\n  } else if (typeof child === 'object' && child._vnode) {\n    out.push(child);\n  } else if (typeof child === 'function') {\n    out.push(child);\n  } else {\n    out.push(String(child));\n  }\n}\n\n// JSX-like tagged template alternative (no build step needed)\n// html`<div class=\"foo\">${content}</div>`\n// Uses a simple parser, not full HTML \u2014 good enough for most cases.\n\nexport function html(strings, ...values) {\n  const src = strings.reduce((acc, str, i) =>\n    acc + str + (i < values.length ? `\\x00${i}\\x00` : ''), '');\n  return parseTemplate(src, values);\n}\n\nfunction parseTemplate(src, values) {\n  // Lightweight tagged template parser\n  // Supports: <tag attr=\"val\">, <tag ...${spread}>, ${children}, self-closing\n  src = src.trim();\n  const nodes = [];\n  let i = 0;\n\n  while (i < src.length) {\n    if (src[i] === '<') {\n      const result = parseElement(src, i, values);\n      if (result) {\n        nodes.push(result.node);\n        i = result.end;\n        continue;\n      }\n    }\n    // Text or interpolation\n    const result = parseText(src, i, values);\n    if (result.text) nodes.push(result.text);\n    i = result.end;\n  }\n\n  return nodes.length === 1 ? nodes[0] : nodes;\n}\n\nfunction parseElement(src, start, values) {\n  // Opening tag\n  const openMatch = src.slice(start).match(/^<([a-zA-Z][a-zA-Z0-9-]*|[A-Z]\\w*)/);\n  if (!openMatch) return null;\n\n  const tag = openMatch[1];\n  let i = start + openMatch[0].length;\n  const props = {};\n\n  // Parse attributes\n  while (i < src.length) {\n    // Skip whitespace\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    // Self-closing or end of opening tag\n    if (src.slice(i, i + 2) === '/>') {\n      return { node: h(tag, Object.keys(props).length ? props : null), end: i + 2 };\n    }\n    if (src[i] === '>') {\n      i++;\n      break;\n    }\n\n    // Spread: ...${obj}\n    if (src.slice(i, i + 3) === '...') {\n      const placeholder = src.slice(i + 3).match(/^\\x00(\\d+)\\x00/);\n      if (placeholder) {\n        Object.assign(props, values[Number(placeholder[1])]);\n        i += 3 + placeholder[0].length;\n        continue;\n      }\n    }\n\n    // Attribute: name=${val} or name=\"val\" or name\n    const attrMatch = src.slice(i).match(/^([a-zA-Z_@:][a-zA-Z0-9_:.-]*)/);\n    if (!attrMatch) break;\n\n    const attrName = attrMatch[1];\n    i += attrMatch[0].length;\n\n    // Skip whitespace around =\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    if (src[i] === '=') {\n      i++;\n      while (i < src.length && /\\s/.test(src[i])) i++;\n\n      // Value is a placeholder\n      const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n      if (ph) {\n        props[attrName] = values[Number(ph[1])];\n        i += ph[0].length;\n      } else if (src[i] === '\"' || src[i] === \"'\") {\n        const q = src[i];\n        i++;\n        let val = '';\n        while (i < src.length && src[i] !== q) {\n          const tph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n          if (tph) {\n            val += String(values[Number(tph[1])]);\n            i += tph[0].length;\n          } else {\n            val += src[i];\n            i++;\n          }\n        }\n        i++; // closing quote\n        props[attrName] = val;\n      }\n    } else {\n      props[attrName] = true;\n    }\n  }\n\n  // Parse children until closing tag\n  const children = [];\n  const closeTag = `</${tag}>`;\n\n  while (i < src.length) {\n    if (src.slice(i, i + closeTag.length) === closeTag) {\n      i += closeTag.length;\n      break;\n    }\n\n    if (src[i] === '<') {\n      const child = parseElement(src, i, values);\n      if (child) {\n        children.push(child.node);\n        i = child.end;\n        continue;\n      }\n    }\n\n    const text = parseText(src, i, values);\n    if (text.text != null) children.push(text.text);\n    i = text.end;\n  }\n\n  return {\n    node: h(tag, Object.keys(props).length ? props : null, ...children),\n    end: i,\n  };\n}\n\nfunction parseText(src, start, values) {\n  let i = start;\n  let text = '';\n\n  while (i < src.length && src[i] !== '<') {\n    const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n    if (ph) {\n      if (text.trim()) {\n        return { text: text.trim(), end: i };\n      }\n      return { text: values[Number(ph[1])], end: i + ph[0].length };\n    }\n    text += src[i];\n    i++;\n  }\n\n  return { text: text.trim() || null, end: i };\n}\n", "// What Framework \u2014 JSX Automatic Runtime\n// Used by: jsxImportSource: \"what-framework\" (or \"what-core\")\n// Vite/esbuild import this automatically when using the \"react-jsx\" transform.\n\nimport { h, Fragment } from './h.js';\n\nexport { Fragment };\n\n// Automatic JSX transform signature: jsx(type, { children, ...props }, key)\n// What's h() signature: h(type, props, ...children)\nexport function jsx(type, props, key) {\n  if (props == null) return h(type, null);\n  const { children, ...rest } = props;\n  if (key !== undefined) rest.key = key;\n  if (children === undefined) return h(type, rest);\n  if (Array.isArray(children)) return h(type, rest, ...children);\n  return h(type, rest, children);\n}\n\n// jsxs = jsx for static children (multiple). Same behavior for What.\nexport const jsxs = jsx;\n"],
+  "mappings": ";AAOA,IAAM,YAAY,uBAAO,OAAO,IAAI;AACpC,IAAM,YAAY,CAAC;AAEZ,SAAS,EAAE,KAAK,OAAO;AAC5B,UAAQ,SAAS;AAGjB,QAAM,SAAS,UAAU;AACzB,MAAI;AACJ,MAAI,UAAU,GAAG;AACf,WAAO;AAAA,EACT,WAAW,WAAW,GAAG;AACvB,WAAO,eAAe,UAAU,CAAC,CAAC;AAAA,EACpC,OAAO;AAEL,UAAM,MAAM,CAAC;AACb,aAAS,IAAI,GAAG,IAAI,QAAQ,KAAK;AAC/B,mBAAa,UAAU,CAAC,GAAG,GAAG;AAAA,IAChC;AACA,WAAO;AAAA,EACT;AAEA,QAAM,MAAM,MAAM,OAAO;AAGzB,MAAI,MAAM,QAAQ,QAAW;AAC3B,YAAQ,EAAE,GAAG,MAAM;AACnB,WAAO,MAAM;AAAA,EACf;AAEA,SAAO,EAAE,KAAK,OAAO,UAAU,MAAM,KAAK,QAAQ,KAAK;AACzD;AAGO,SAAS,SAAS,EAAE,SAAS,GAAG;AACrC,SAAO;AACT;AAGA,SAAS,eAAe,OAAO;AAC7B,MAAI,SAAS,QAAQ,UAAU,SAAS,UAAU,KAAM,QAAO;AAC/D,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,UAAM,MAAM,CAAC;AACb,iBAAa,OAAO,GAAG;AACvB,WAAO;AAAA,EACT;AACA,MAAI,OAAO,UAAU,YAAY,MAAM,OAAQ,QAAO,CAAC,KAAK;AAC5D,MAAI,OAAO,UAAU,WAAY,QAAO,CAAC,KAAK;AAC9C,SAAO,CAAC,OAAO,KAAK,CAAC;AACvB;AAGA,SAAS,aAAa,OAAO,KAAK;AAChC,MAAI,SAAS,QAAQ,UAAU,SAAS,UAAU,KAAM;AACxD,MAAI,MAAM,QAAQ,KAAK,GAAG;AACxB,aAAS,IAAI,GAAG,IAAI,MAAM,QAAQ,KAAK;AACrC,mBAAa,MAAM,CAAC,GAAG,GAAG;AAAA,IAC5B;AAAA,EACF,WAAW,OAAO,UAAU,YAAY,MAAM,QAAQ;AACpD,QAAI,KAAK,KAAK;AAAA,EAChB,WAAW,OAAO,UAAU,YAAY;AACtC,QAAI,KAAK,KAAK;AAAA,EAChB,OAAO;AACL,QAAI,KAAK,OAAO,KAAK,CAAC;AAAA,EACxB;AACF;;;AC9DO,SAAS,IAAI,MAAM,OAAO,KAAK;AACpC,MAAI,SAAS,KAAM,QAAO,EAAE,MAAM,IAAI;AACtC,QAAM,EAAE,UAAU,GAAG,KAAK,IAAI;AAC9B,MAAI,QAAQ,OAAW,MAAK,MAAM;AAClC,MAAI,aAAa,OAAW,QAAO,EAAE,MAAM,IAAI;AAC/C,MAAI,MAAM,QAAQ,QAAQ,EAAG,QAAO,EAAE,MAAM,MAAM,GAAG,QAAQ;AAC7D,SAAO,EAAE,MAAM,MAAM,QAAQ;AAC/B;AAGO,IAAM,OAAO;",
   "names": []
 }

package/dist/jsx-runtime.min.js

@@ -1,2 +1,2 @@
-var u=Object.create(null);function h(n,t,...l){t=t||u;let e=o(l),i=t.key??null;return t.key!==void 0&&(t={...t},delete t.key),{tag:n,props:t,children:e,key:i,_vnode:!0}}function f({children:n}){return n}function o(n){let t=[];for(let l=0;l<n.length;l++){let e=n[l];e==null||e===!1||e===!0||(Array.isArray(e)?t.push(...o(e)):typeof e=="object"&&e._vnode||typeof e=="function"?t.push(e):t.push(String(e)))}return t}function r(n,t,l){if(t==null)return h(n,null);let{children:e,...i}=t;return l!==void 0&&(i.key=l),e===void 0?h(n,i):Array.isArray(e)?h(n,i,...e):h(n,i,e)}var a=r;export{f as Fragment,r as jsx,a as jsxs};
+var g=Object.create(null),a=[];function u(e,t){t=t||g;let n=arguments.length,l;if(n<=2)l=a;else if(n===3)l=s(arguments[2]);else{let r=[];for(let f=2;f<n;f++)o(arguments[f],r);l=r}let i=t.key??null;return t.key!==void 0&&(t={...t},delete t.key),{tag:e,props:t,children:l,key:i,_vnode:!0}}function h({children:e}){return e}function s(e){if(e==null||e===!1||e===!0)return a;if(Array.isArray(e)){let t=[];return o(e,t),t}return typeof e=="object"&&e._vnode?[e]:typeof e=="function"?[e]:[String(e)]}function o(e,t){if(!(e==null||e===!1||e===!0))if(Array.isArray(e))for(let n=0;n<e.length;n++)o(e[n],t);else typeof e=="object"&&e._vnode||typeof e=="function"?t.push(e):t.push(String(e))}function x(e,t,n){if(t==null)return u(e,null);let{children:l,...i}=t;return n!==void 0&&(i.key=n),l===void 0?u(e,i):Array.isArray(l)?u(e,i,...l):u(e,i,l)}var b=x;export{h as Fragment,x as jsx,b as jsxs};
 //# sourceMappingURL=jsx-runtime.min.js.map

package/dist/jsx-runtime.min.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../src/h.js", "../src/jsx-runtime.js"],
-  "sourcesContent": ["// What Framework - Element Descriptors\n// Minimal element descriptor objects. No classes, no fibers, just plain objects.\n\n// h(tag, props, ...children) -> VNode\n// h(Component, props, ...children) -> VNode\n// VNode = { tag, props, children, key }\n\nconst EMPTY_OBJ = Object.create(null);\nconst EMPTY_ARR = [];\n\nexport function h(tag, props, ...children) {\n  props = props || EMPTY_OBJ;\n  const flat = flattenChildren(children);\n  const key = props.key ?? null;\n\n  // Strip key from props passed to component/element\n  if (props.key !== undefined) {\n    props = { ...props };\n    delete props.key;\n  }\n\n  return { tag, props, children: flat, key, _vnode: true };\n}\n\n// Fragment \u2014 just returns children\nexport function Fragment({ children }) {\n  return children;\n}\n\nfunction flattenChildren(children) {\n  const out = [];\n  for (let i = 0; i < children.length; i++) {\n    const child = children[i];\n    if (child == null || child === false || child === true) continue;\n    if (Array.isArray(child)) {\n      out.push(...flattenChildren(child));\n    } else if (typeof child === 'object' && child._vnode) {\n      out.push(child);\n    } else if (typeof child === 'function') {\n      // Reactive child \u2014 preserve function for fine-grained DOM updates\n      out.push(child);\n    } else {\n      // Text node\n      out.push(String(child));\n    }\n  }\n  return out;\n}\n\n// JSX-like tagged template alternative (no build step needed)\n// html`<div class=\"foo\">${content}</div>`\n// Uses a simple parser, not full HTML \u2014 good enough for most cases.\n\nexport function html(strings, ...values) {\n  const src = strings.reduce((acc, str, i) =>\n    acc + str + (i < values.length ? `\\x00${i}\\x00` : ''), '');\n  return parseTemplate(src, values);\n}\n\nfunction parseTemplate(src, values) {\n  // Lightweight tagged template parser\n  // Supports: <tag attr=\"val\">, <tag ...${spread}>, ${children}, self-closing\n  src = src.trim();\n  const nodes = [];\n  let i = 0;\n\n  while (i < src.length) {\n    if (src[i] === '<') {\n      const result = parseElement(src, i, values);\n      if (result) {\n        nodes.push(result.node);\n        i = result.end;\n        continue;\n      }\n    }\n    // Text or interpolation\n    const result = parseText(src, i, values);\n    if (result.text) nodes.push(result.text);\n    i = result.end;\n  }\n\n  return nodes.length === 1 ? nodes[0] : nodes;\n}\n\nfunction parseElement(src, start, values) {\n  // Opening tag\n  const openMatch = src.slice(start).match(/^<([a-zA-Z][a-zA-Z0-9-]*|[A-Z]\\w*)/);\n  if (!openMatch) return null;\n\n  const tag = openMatch[1];\n  let i = start + openMatch[0].length;\n  const props = {};\n\n  // Parse attributes\n  while (i < src.length) {\n    // Skip whitespace\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    // Self-closing or end of opening tag\n    if (src.slice(i, i + 2) === '/>') {\n      return { node: h(tag, Object.keys(props).length ? props : null), end: i + 2 };\n    }\n    if (src[i] === '>') {\n      i++;\n      break;\n    }\n\n    // Spread: ...${obj}\n    if (src.slice(i, i + 3) === '...') {\n      const placeholder = src.slice(i + 3).match(/^\\x00(\\d+)\\x00/);\n      if (placeholder) {\n        Object.assign(props, values[Number(placeholder[1])]);\n        i += 3 + placeholder[0].length;\n        continue;\n      }\n    }\n\n    // Attribute: name=${val} or name=\"val\" or name\n    const attrMatch = src.slice(i).match(/^([a-zA-Z_@:][a-zA-Z0-9_:.-]*)/);\n    if (!attrMatch) break;\n\n    const attrName = attrMatch[1];\n    i += attrMatch[0].length;\n\n    // Skip whitespace around =\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    if (src[i] === '=') {\n      i++;\n      while (i < src.length && /\\s/.test(src[i])) i++;\n\n      // Value is a placeholder\n      const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n      if (ph) {\n        props[attrName] = values[Number(ph[1])];\n        i += ph[0].length;\n      } else if (src[i] === '\"' || src[i] === \"'\") {\n        const q = src[i];\n        i++;\n        let val = '';\n        while (i < src.length && src[i] !== q) {\n          const tph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n          if (tph) {\n            val += String(values[Number(tph[1])]);\n            i += tph[0].length;\n          } else {\n            val += src[i];\n            i++;\n          }\n        }\n        i++; // closing quote\n        props[attrName] = val;\n      }\n    } else {\n      props[attrName] = true;\n    }\n  }\n\n  // Parse children until closing tag\n  const children = [];\n  const closeTag = `</${tag}>`;\n\n  while (i < src.length) {\n    if (src.slice(i, i + closeTag.length) === closeTag) {\n      i += closeTag.length;\n      break;\n    }\n\n    if (src[i] === '<') {\n      const child = parseElement(src, i, values);\n      if (child) {\n        children.push(child.node);\n        i = child.end;\n        continue;\n      }\n    }\n\n    const text = parseText(src, i, values);\n    if (text.text != null) children.push(text.text);\n    i = text.end;\n  }\n\n  return {\n    node: h(tag, Object.keys(props).length ? props : null, ...children),\n    end: i,\n  };\n}\n\nfunction parseText(src, start, values) {\n  let i = start;\n  let text = '';\n\n  while (i < src.length && src[i] !== '<') {\n    const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n    if (ph) {\n      if (text.trim()) {\n        return { text: text.trim(), end: i };\n      }\n      return { text: values[Number(ph[1])], end: i + ph[0].length };\n    }\n    text += src[i];\n    i++;\n  }\n\n  return { text: text.trim() || null, end: i };\n}\n", "// What Framework \u2014 JSX Automatic Runtime\n// Used by: jsxImportSource: \"what-framework\" (or \"what-core\")\n// Vite/esbuild import this automatically when using the \"react-jsx\" transform.\n\nimport { h, Fragment } from './h.js';\n\nexport { Fragment };\n\n// Automatic JSX transform signature: jsx(type, { children, ...props }, key)\n// What's h() signature: h(type, props, ...children)\nexport function jsx(type, props, key) {\n  if (props == null) return h(type, null);\n  const { children, ...rest } = props;\n  if (key !== undefined) rest.key = key;\n  if (children === undefined) return h(type, rest);\n  if (Array.isArray(children)) return h(type, rest, ...children);\n  return h(type, rest, children);\n}\n\n// jsxs = jsx for static children (multiple). Same behavior for What.\nexport const jsxs = jsx;\n"],
-  "mappings": "AAOA,IAAMA,EAAY,OAAO,OAAO,IAAI,EAG7B,SAAS,EAAEC,EAAKC,KAAUC,EAAU,CACzCD,EAAQA,GAASE,EACjB,IAAMC,EAAOC,EAAgBH,CAAQ,EAC/BI,EAAML,EAAM,KAAO,KAGzB,OAAIA,EAAM,MAAQ,SAChBA,EAAQ,CAAE,GAAGA,CAAM,EACnB,OAAOA,EAAM,KAGR,CAAE,IAAAD,EAAK,MAAAC,EAAO,SAAUG,EAAM,IAAAE,EAAK,OAAQ,EAAK,CACzD,CAGO,SAASC,EAAS,CAAE,SAAAL,CAAS,EAAG,CACrC,OAAOA,CACT,CAEA,SAASG,EAAgBH,EAAU,CACjC,IAAMM,EAAM,CAAC,EACb,QAASC,EAAI,EAAGA,EAAIP,EAAS,OAAQO,IAAK,CACxC,IAAMC,EAAQR,EAASO,CAAC,EACpBC,GAAS,MAAQA,IAAU,IAASA,IAAU,KAC9C,MAAM,QAAQA,CAAK,EACrBF,EAAI,KAAK,GAAGH,EAAgBK,CAAK,CAAC,EACzB,OAAOA,GAAU,UAAYA,EAAM,QAEnC,OAAOA,GAAU,WAD1BF,EAAI,KAAKE,CAAK,EAMdF,EAAI,KAAK,OAAOE,CAAK,CAAC,EAE1B,CACA,OAAOF,CACT,CCrCO,SAASG,EAAIC,EAAMC,EAAOC,EAAK,CACpC,GAAID,GAAS,KAAM,OAAO,EAAED,EAAM,IAAI,EACtC,GAAM,CAAE,SAAAG,EAAU,GAAGC,CAAK,EAAIH,EAE9B,OADIC,IAAQ,SAAWE,EAAK,IAAMF,GAC9BC,IAAa,OAAkB,EAAEH,EAAMI,CAAI,EAC3C,MAAM,QAAQD,CAAQ,EAAU,EAAEH,EAAMI,EAAM,GAAGD,CAAQ,EACtD,EAAEH,EAAMI,EAAMD,CAAQ,CAC/B,CAGO,IAAME,EAAON",
-  "names": ["EMPTY_OBJ", "tag", "props", "children", "EMPTY_OBJ", "flat", "flattenChildren", "key", "Fragment", "out", "i", "child", "jsx", "type", "props", "key", "children", "rest", "jsxs"]
+  "sourcesContent": ["// What Framework - Element Descriptors\n// Minimal element descriptor objects. No classes, no fibers, just plain objects.\n\n// h(tag, props, ...children) -> VNode\n// h(Component, props, ...children) -> VNode\n// VNode = { tag, props, children, key }\n\nconst EMPTY_OBJ = Object.create(null);\nconst EMPTY_ARR = [];\n\nexport function h(tag, props) {\n  props = props || EMPTY_OBJ;\n  // Collect children from arguments[2..n] without rest args \u2014 avoids array allocation\n  // when there are 0-1 children (common case: leaf elements, text nodes).\n  const argLen = arguments.length;\n  let flat;\n  if (argLen <= 2) {\n    flat = EMPTY_ARR;\n  } else if (argLen === 3) {\n    flat = _flattenSingle(arguments[2]);\n  } else {\n    // Multiple children: flatten all arguments from position 2 onward\n    const out = [];\n    for (let i = 2; i < argLen; i++) {\n      _flattenInto(arguments[i], out);\n    }\n    flat = out;\n  }\n\n  const key = props.key ?? null;\n\n  // Strip key from props passed to component/element\n  if (props.key !== undefined) {\n    props = { ...props };\n    delete props.key;\n  }\n\n  return { tag, props, children: flat, key, _vnode: true };\n}\n\n// Fragment \u2014 just returns children\nexport function Fragment({ children }) {\n  return children;\n}\n\n// Fast path for single child (most common case)\nfunction _flattenSingle(child) {\n  if (child == null || child === false || child === true) return EMPTY_ARR;\n  if (Array.isArray(child)) {\n    const out = [];\n    _flattenInto(child, out);\n    return out;\n  }\n  if (typeof child === 'object' && child._vnode) return [child];\n  if (typeof child === 'function') return [child];\n  return [String(child)];\n}\n\n// Flatten a child (or array of children) into the output array\nfunction _flattenInto(child, out) {\n  if (child == null || child === false || child === true) return;\n  if (Array.isArray(child)) {\n    for (let i = 0; i < child.length; i++) {\n      _flattenInto(child[i], out);\n    }\n  } else if (typeof child === 'object' && child._vnode) {\n    out.push(child);\n  } else if (typeof child === 'function') {\n    out.push(child);\n  } else {\n    out.push(String(child));\n  }\n}\n\n// JSX-like tagged template alternative (no build step needed)\n// html`<div class=\"foo\">${content}</div>`\n// Uses a simple parser, not full HTML \u2014 good enough for most cases.\n\nexport function html(strings, ...values) {\n  const src = strings.reduce((acc, str, i) =>\n    acc + str + (i < values.length ? `\\x00${i}\\x00` : ''), '');\n  return parseTemplate(src, values);\n}\n\nfunction parseTemplate(src, values) {\n  // Lightweight tagged template parser\n  // Supports: <tag attr=\"val\">, <tag ...${spread}>, ${children}, self-closing\n  src = src.trim();\n  const nodes = [];\n  let i = 0;\n\n  while (i < src.length) {\n    if (src[i] === '<') {\n      const result = parseElement(src, i, values);\n      if (result) {\n        nodes.push(result.node);\n        i = result.end;\n        continue;\n      }\n    }\n    // Text or interpolation\n    const result = parseText(src, i, values);\n    if (result.text) nodes.push(result.text);\n    i = result.end;\n  }\n\n  return nodes.length === 1 ? nodes[0] : nodes;\n}\n\nfunction parseElement(src, start, values) {\n  // Opening tag\n  const openMatch = src.slice(start).match(/^<([a-zA-Z][a-zA-Z0-9-]*|[A-Z]\\w*)/);\n  if (!openMatch) return null;\n\n  const tag = openMatch[1];\n  let i = start + openMatch[0].length;\n  const props = {};\n\n  // Parse attributes\n  while (i < src.length) {\n    // Skip whitespace\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    // Self-closing or end of opening tag\n    if (src.slice(i, i + 2) === '/>') {\n      return { node: h(tag, Object.keys(props).length ? props : null), end: i + 2 };\n    }\n    if (src[i] === '>') {\n      i++;\n      break;\n    }\n\n    // Spread: ...${obj}\n    if (src.slice(i, i + 3) === '...') {\n      const placeholder = src.slice(i + 3).match(/^\\x00(\\d+)\\x00/);\n      if (placeholder) {\n        Object.assign(props, values[Number(placeholder[1])]);\n        i += 3 + placeholder[0].length;\n        continue;\n      }\n    }\n\n    // Attribute: name=${val} or name=\"val\" or name\n    const attrMatch = src.slice(i).match(/^([a-zA-Z_@:][a-zA-Z0-9_:.-]*)/);\n    if (!attrMatch) break;\n\n    const attrName = attrMatch[1];\n    i += attrMatch[0].length;\n\n    // Skip whitespace around =\n    while (i < src.length && /\\s/.test(src[i])) i++;\n\n    if (src[i] === '=') {\n      i++;\n      while (i < src.length && /\\s/.test(src[i])) i++;\n\n      // Value is a placeholder\n      const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n      if (ph) {\n        props[attrName] = values[Number(ph[1])];\n        i += ph[0].length;\n      } else if (src[i] === '\"' || src[i] === \"'\") {\n        const q = src[i];\n        i++;\n        let val = '';\n        while (i < src.length && src[i] !== q) {\n          const tph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n          if (tph) {\n            val += String(values[Number(tph[1])]);\n            i += tph[0].length;\n          } else {\n            val += src[i];\n            i++;\n          }\n        }\n        i++; // closing quote\n        props[attrName] = val;\n      }\n    } else {\n      props[attrName] = true;\n    }\n  }\n\n  // Parse children until closing tag\n  const children = [];\n  const closeTag = `</${tag}>`;\n\n  while (i < src.length) {\n    if (src.slice(i, i + closeTag.length) === closeTag) {\n      i += closeTag.length;\n      break;\n    }\n\n    if (src[i] === '<') {\n      const child = parseElement(src, i, values);\n      if (child) {\n        children.push(child.node);\n        i = child.end;\n        continue;\n      }\n    }\n\n    const text = parseText(src, i, values);\n    if (text.text != null) children.push(text.text);\n    i = text.end;\n  }\n\n  return {\n    node: h(tag, Object.keys(props).length ? props : null, ...children),\n    end: i,\n  };\n}\n\nfunction parseText(src, start, values) {\n  let i = start;\n  let text = '';\n\n  while (i < src.length && src[i] !== '<') {\n    const ph = src.slice(i).match(/^\\x00(\\d+)\\x00/);\n    if (ph) {\n      if (text.trim()) {\n        return { text: text.trim(), end: i };\n      }\n      return { text: values[Number(ph[1])], end: i + ph[0].length };\n    }\n    text += src[i];\n    i++;\n  }\n\n  return { text: text.trim() || null, end: i };\n}\n", "// What Framework \u2014 JSX Automatic Runtime\n// Used by: jsxImportSource: \"what-framework\" (or \"what-core\")\n// Vite/esbuild import this automatically when using the \"react-jsx\" transform.\n\nimport { h, Fragment } from './h.js';\n\nexport { Fragment };\n\n// Automatic JSX transform signature: jsx(type, { children, ...props }, key)\n// What's h() signature: h(type, props, ...children)\nexport function jsx(type, props, key) {\n  if (props == null) return h(type, null);\n  const { children, ...rest } = props;\n  if (key !== undefined) rest.key = key;\n  if (children === undefined) return h(type, rest);\n  if (Array.isArray(children)) return h(type, rest, ...children);\n  return h(type, rest, children);\n}\n\n// jsxs = jsx for static children (multiple). Same behavior for What.\nexport const jsxs = jsx;\n"],
+  "mappings": "AAOA,IAAMA,EAAY,OAAO,OAAO,IAAI,EAC9BC,EAAY,CAAC,EAEZ,SAASC,EAAEC,EAAKC,EAAO,CAC5BA,EAAQA,GAASJ,EAGjB,IAAMK,EAAS,UAAU,OACrBC,EACJ,GAAID,GAAU,EACZC,EAAOL,UACEI,IAAW,EACpBC,EAAOC,EAAe,UAAU,CAAC,CAAC,MAC7B,CAEL,IAAMC,EAAM,CAAC,EACb,QAASC,EAAI,EAAGA,EAAIJ,EAAQI,IAC1BC,EAAa,UAAUD,CAAC,EAAGD,CAAG,EAEhCF,EAAOE,CACT,CAEA,IAAMG,EAAMP,EAAM,KAAO,KAGzB,OAAIA,EAAM,MAAQ,SAChBA,EAAQ,CAAE,GAAGA,CAAM,EACnB,OAAOA,EAAM,KAGR,CAAE,IAAAD,EAAK,MAAAC,EAAO,SAAUE,EAAM,IAAAK,EAAK,OAAQ,EAAK,CACzD,CAGO,SAASC,EAAS,CAAE,SAAAC,CAAS,EAAG,CACrC,OAAOA,CACT,CAGA,SAASN,EAAeO,EAAO,CAC7B,GAAIA,GAAS,MAAQA,IAAU,IAASA,IAAU,GAAM,OAAOb,EAC/D,GAAI,MAAM,QAAQa,CAAK,EAAG,CACxB,IAAMN,EAAM,CAAC,EACb,OAAAE,EAAaI,EAAON,CAAG,EAChBA,CACT,CACA,OAAI,OAAOM,GAAU,UAAYA,EAAM,OAAe,CAACA,CAAK,EACxD,OAAOA,GAAU,WAAmB,CAACA,CAAK,EACvC,CAAC,OAAOA,CAAK,CAAC,CACvB,CAGA,SAASJ,EAAaI,EAAON,EAAK,CAChC,GAAI,EAAAM,GAAS,MAAQA,IAAU,IAASA,IAAU,IAClD,GAAI,MAAM,QAAQA,CAAK,EACrB,QAASL,EAAI,EAAGA,EAAIK,EAAM,OAAQL,IAChCC,EAAaI,EAAML,CAAC,EAAGD,CAAG,OAEnB,OAAOM,GAAU,UAAYA,EAAM,QAEnC,OAAOA,GAAU,WAD1BN,EAAI,KAAKM,CAAK,EAIdN,EAAI,KAAK,OAAOM,CAAK,CAAC,CAE1B,CC9DO,SAASC,EAAIC,EAAMC,EAAOC,EAAK,CACpC,GAAID,GAAS,KAAM,OAAOE,EAAEH,EAAM,IAAI,EACtC,GAAM,CAAE,SAAAI,EAAU,GAAGC,CAAK,EAAIJ,EAE9B,OADIC,IAAQ,SAAWG,EAAK,IAAMH,GAC9BE,IAAa,OAAkBD,EAAEH,EAAMK,CAAI,EAC3C,MAAM,QAAQD,CAAQ,EAAUD,EAAEH,EAAMK,EAAM,GAAGD,CAAQ,EACtDD,EAAEH,EAAMK,EAAMD,CAAQ,CAC/B,CAGO,IAAME,EAAOP",
+  "names": ["EMPTY_OBJ", "EMPTY_ARR", "h", "tag", "props", "argLen", "flat", "_flattenSingle", "out", "i", "_flattenInto", "key", "Fragment", "children", "child", "jsx", "type", "props", "key", "h", "children", "rest", "jsxs"]
 }