@barefootjs/cli 0.31.8 → 0.31.9

package/dist/index.js

@@ -3920,8 +3920,8 @@ function templateAttrExpr(attrName, valExpr, presenceOrUndefined) {
 function escapeAttrValueExpr(valExpr) {
   return `escapeAttr(${valExpr})`;
 }
-function escapeTextSlotExpr(innerExpr) {
-  return `escapeText(${innerExpr})`;
+function escapeTextSlotExpr(innerExpr, isMarkup = false) {
+  return `${isMarkup ? "escapeTextOrMarkup" : "escapeText"}(${innerExpr})`;
 }
 function dangerouslyHtmlChildren(attrs, toExpr) {
   const attr = attrs.find((a) => a.name === "dangerouslySetInnerHTML");
@@ -4175,7 +4175,7 @@ function irToHtmlTemplate(node, restSpreadNames, loopDepth = 0, loopParams, bran
           case "jsx-children": {
             const hoistedRecurse = (n) => irToHtmlTemplate(n, restSpreadNames, loopDepth, loopParams, branchSlotsVar, true);
             const childHtml = p.value.children.map((c) => hoistedRecurse(c)).join("");
-            return `${quotePropName(p.name)}: \`${childHtml}\``;
+            return p.name === "children" ? `${quotePropName(p.name)}: \`${childHtml}\`` : `${quotePropName(p.name)}: bfMarkup(\`${childHtml}\`)`;
           }
           case "literal":
             return `${quotePropName(p.name)}: ${JSON.stringify(p.value.value)}`;
@@ -4493,6 +4493,9 @@ function irChildrenToJsExpr(children2) {
   if (exprs.length === 1) return exprs[0];
   return `[${exprs.join(", ")}]`;
 }
+function isSingleElementJsxChildren(nodes) {
+  return nodes.length === 1 && nodes[0].type === "element";
+}
 function irNodeToJsExprs(node) {
   switch (node.type) {
     case "component": {
@@ -4501,8 +4504,11 @@ function irNodeToJsExprs(node) {
           return `${quotePropName(p.name)}: ${attrValueToString(p.value) ?? "undefined"}`;
         }
         switch (p.value.kind) {
-          case "jsx-children":
-            return `get ${quotePropName(p.name)}() { return ${irChildrenToJsExpr(p.value.children)} }`;
+          case "jsx-children": {
+            const jsxExpr = irChildrenToJsExpr(p.value.children);
+            const wrapped = p.name !== "children" && isSingleElementJsxChildren(p.value.children) ? `bfMarkup(${jsxExpr})` : jsxExpr;
+            return `get ${quotePropName(p.name)}() { return ${wrapped} }`;
+          }
           case "literal":
             return `get ${quotePropName(p.name)}() { return ${JSON.stringify(p.value.value)} }`;
           case "boolean-shorthand":
@@ -4567,8 +4573,8 @@ function isSingleRootElement(html) {
   const closingPattern = new RegExp(`</${tag}>\\s*$`);
   return closingPattern.test(html.trim());
 }
-function irToComponentTemplate(node, inlinableConstants, restSpreadNames, propsObjectName) {
-  return irToComponentTemplateWithOpts(node, { inlinableConstants, restSpreadNames, propsObjectName, loopDepth: -1 });
+function irToComponentTemplate(node, inlinableConstants, restSpreadNames, propsObjectName, markupSlotIds) {
+  return irToComponentTemplateWithOpts(node, { inlinableConstants, restSpreadNames, propsObjectName, loopDepth: -1, markupSlotIds });
 }
 function irToComponentTemplateWithOpts(node, opts) {
   const { inlinableConstants, restSpreadNames, propsObjectName, loopDepth = 0 } = opts;
@@ -4670,7 +4676,8 @@ function irToComponentTemplateWithOpts(node, opts) {
       const wrapped = transformExpr(node.expr, node.templateExpr);
       const value2 = node.joinArrayChild ? `Array.isArray(${wrapped}) ? ${wrapped}.join('') : (${wrapped} ?? '')` : wrapped;
       if (node.slotId) {
-        return `<!--bf:${node.slotId}-->\${${node.joinArrayChild ? value2 : escapeTextSlotExpr(wrapped)}}<!--/-->`;
+        const isMarkup = opts.markupSlotIds?.has(node.slotId) ?? false;
+        return `<!--bf:${node.slotId}-->\${${node.joinArrayChild ? value2 : escapeTextSlotExpr(wrapped, isMarkup)}}<!--/-->`;
       }
       return `\${${value2}}`;
     }
@@ -4696,7 +4703,7 @@ function irToComponentTemplateWithOpts(node, opts) {
           case "jsx-children": {
             const hoistedRecurse = (n) => irToComponentTemplateWithOpts(n, { ...opts, inHoistedChildren: true });
             const childHtml = p.value.children.map((c) => hoistedRecurse(c)).join("");
-            return `${quotePropName(p.name)}: \`${childHtml}\``;
+            return p.name === "children" ? `${quotePropName(p.name)}: \`${childHtml}\`` : `${quotePropName(p.name)}: bfMarkup(\`${childHtml}\`)`;
           }
           case "literal":
             return `${quotePropName(p.name)}: ${JSON.stringify(p.value.value)}`;
@@ -4811,7 +4818,8 @@ function generateCsrTemplate(node, inlinableConstants, ctx2, restSpreadNames, pr
     }
   }
   const effectiveUnsafeLocalNames = mergeCsrNullUnsafe(ctx2, unsafeLocalNames);
-  return generateCsrTemplateWithOpts(node, { inlinableConstants, restSpreadNames, propsObjectName, csrEnv, unsafeLocalNames: effectiveUnsafeLocalNames, deferredChildSlots, loopDepth: -1 });
+  const markupSlotIds = new Set(ctx2.dynamicElements.map((e) => e.slotId));
+  return generateCsrTemplateWithOpts(node, { inlinableConstants, restSpreadNames, propsObjectName, csrEnv, unsafeLocalNames: effectiveUnsafeLocalNames, deferredChildSlots, loopDepth: -1, markupSlotIds });
 }
 function mergeCsrNullUnsafe(ctx2, unsafeLocalNames) {
   let merged = null;
@@ -4975,7 +4983,8 @@ function generateCsrTemplateWithOpts(node, opts) {
         const expr = transformed === UNSAFE_TEMPLATE_EXPR ? "''" : transformed;
         const value2 = node.joinArrayChild ? `Array.isArray(${expr}) ? ${expr}.join('') : (${expr} ?? '')` : expr;
         if (node.slotId) {
-          return `<!--bf:${node.slotId}-->\${${node.joinArrayChild ? value2 : escapeTextSlotExpr(expr)}}<!--/-->`;
+          const isMarkup = opts.markupSlotIds?.has(node.slotId) ?? false;
+          return `<!--bf:${node.slotId}-->\${${node.joinArrayChild ? value2 : escapeTextSlotExpr(expr, isMarkup)}}<!--/-->`;
         }
         return `\${${value2}}`;
       }
@@ -5004,7 +5013,7 @@ function generateCsrTemplateWithOpts(node, opts) {
           case "jsx-children": {
             const hoistedRecurse = (n) => generateCsrTemplateWithOpts(n, { ...opts, inHoistedChildren: true });
             const childHtml = p.value.children.map((c) => hoistedRecurse(c)).join("");
-            return `${quotePropName(p.name)}: \`${childHtml}\``;
+            return p.name === "children" ? `${quotePropName(p.name)}: \`${childHtml}\`` : `${quotePropName(p.name)}: bfMarkup(\`${childHtml}\`)`;
           }
           case "literal":
             return `${quotePropName(p.name)}: ${JSON.stringify(p.value.value)}`;
@@ -14629,22 +14638,52 @@ var init_reactivity = __esm({
 });
 
 // ../jsx/src/ir-to-client-js/control-flow/stringify/template-parse.ts
-function templateRootIsSvg(template) {
+function namespaceForTag(tag) {
+  if (SVG_ROOT_TAGS.has(tag) || SVG_ROOT_TAGS.has(tag.toLowerCase())) return "svg";
+  if (MATHML_ROOT_TAGS.has(tag) || MATHML_ROOT_TAGS.has(tag.toLowerCase())) return "math";
+  return null;
+}
+function detectRootNamespaceWrapTag(template) {
   const stripped = stripLeadingNonContent(template);
   const m = stripped.match(/^<\s*([A-Za-z][A-Za-z0-9-]*)/);
-  if (m) {
-    const tag = m[1];
-    if (SVG_ROOT_TAGS.has(tag)) return true;
-    return SVG_ROOT_TAGS.has(tag.toLowerCase());
-  }
+  if (m) return namespaceForTag(m[1]);
   const branches = extractConditionalBranchTemplates(stripped);
-  if (branches === null || branches.length === 0) return false;
-  return branches.every(templateRootIsSvg);
+  if (branches === null || branches.length === 0) return null;
+  let result2;
+  for (const branch of branches) {
+    const branchNs = detectRootNamespaceWrapTag(branch);
+    if (result2 === void 0) {
+      result2 = branchNs;
+    } else if (result2 !== branchNs) {
+      return null;
+    }
+  }
+  return result2 ?? null;
 }
-function multiRootTemplateNeedsSvgWrap(template) {
+function multiRootTemplateNeedsNamespaceWrap(template) {
   const m = stripLeadingNonContent(template).match(/^<\s*([A-Za-z][A-Za-z0-9-]*)/);
-  if (m && m[1].toLowerCase() === "svg") return false;
-  return templateRootIsSvg(template);
+  if (m) {
+    const tagLower = m[1].toLowerCase();
+    if (tagLower === "svg" || tagLower === "math") return null;
+  }
+  return detectRootNamespaceWrapTag(template);
+}
+function namespaceWrapForTemplate(template) {
+  const wrapTag = detectRootNamespaceWrapTag(template);
+  return {
+    wrapTag,
+    childPath: wrapTag ? ".firstElementChild.firstElementChild" : ".firstElementChild"
+  };
+}
+function multiRootNamespaceWrapForTemplate(template) {
+  const wrapTag = multiRootTemplateNeedsNamespaceWrap(template);
+  return {
+    wrapTag,
+    childPath: wrapTag ? ".firstElementChild" : ""
+  };
+}
+function wrapHtmlForNamespace(html, wrapTag) {
+  return wrapTag ? `<${wrapTag}>${html}</${wrapTag}>` : html;
 }
 function stripLeadingNonContent(template) {
   let s = template.trimStart();
@@ -14665,32 +14704,26 @@ function extractConditionalBranchTemplates(template) {
   return findTopLevelTemplateLiterals(expr);
 }
 function emitTemplateCloneInline(template) {
-  if (templateRootIsSvg(template)) {
-    return `const __tpl = document.createElement('template'); __tpl.innerHTML = \`<svg>${template}</svg>\`; return __tpl.content.firstElementChild.firstElementChild.cloneNode(true)`;
-  }
-  return `const __tpl = document.createElement('template'); __tpl.innerHTML = \`${template}\`; return __tpl.content.firstElementChild.cloneNode(true)`;
+  const { wrapTag, childPath } = namespaceWrapForTemplate(template);
+  const html = wrapHtmlForNamespace(template, wrapTag);
+  return `const __tpl = document.createElement('template'); __tpl.innerHTML = \`${html}\`; return __tpl.content${childPath}.cloneNode(true)`;
 }
 function emitHoistedTemplateDecl(lines, indent, tplVar, skeletonTemplate) {
-  const isSvg = templateRootIsSvg(skeletonTemplate);
-  const html = isSvg ? `<svg>${skeletonTemplate}</svg>` : skeletonTemplate;
+  const { wrapTag } = namespaceWrapForTemplate(skeletonTemplate);
+  const html = wrapHtmlForNamespace(skeletonTemplate, wrapTag);
   lines.push(`${indent}const ${tplVar} = document.createElement('template')`);
   lines.push(`${indent}${tplVar}.innerHTML = \`${html}\``);
 }
 function hoistedCloneExpr(tplVar, skeletonTemplate) {
-  return templateRootIsSvg(skeletonTemplate) ? `${tplVar}.content.firstElementChild.firstElementChild.cloneNode(true)` : `${tplVar}.content.firstElementChild.cloneNode(true)`;
+  return `${tplVar}.content${namespaceWrapForTemplate(skeletonTemplate).childPath}.cloneNode(true)`;
 }
 function emitTemplateCloneLines(template, indent) {
-  if (templateRootIsSvg(template)) {
-    return [
-      `${indent}const __tpl = document.createElement('template')`,
-      `${indent}__tpl.innerHTML = \`<svg>${template}</svg>\``,
-      `${indent}return __tpl.content.firstElementChild.firstElementChild.cloneNode(true)`
-    ];
-  }
+  const { wrapTag, childPath } = namespaceWrapForTemplate(template);
+  const html = wrapHtmlForNamespace(template, wrapTag);
   return [
     `${indent}const __tpl = document.createElement('template')`,
-    `${indent}__tpl.innerHTML = \`${template}\``,
-    `${indent}return __tpl.content.firstElementChild.cloneNode(true)`
+    `${indent}__tpl.innerHTML = \`${html}\``,
+    `${indent}return __tpl.content${childPath}.cloneNode(true)`
   ];
 }
 function emitLoopItemElementSetup(lines, opts) {
@@ -14720,9 +14753,9 @@ function emitLoopItemElementSetup(lines, opts) {
   lines.push(`${indent}})()${mountRow ? ")" : ""}`);
 }
 function emitMultiRootTemplateCloneLines(template, indent, varEl, varExtras) {
-  const isSvg = multiRootTemplateNeedsSvgWrap(template);
-  const innerHtmlExpr = isSvg ? `\`<svg>${template}</svg>\`` : `\`${template}\``;
-  const parentExpr = isSvg ? `__tpl.content.firstElementChild` : `__tpl.content`;
+  const { wrapTag, childPath } = multiRootNamespaceWrapForTemplate(template);
+  const innerHtmlExpr = `\`${wrapHtmlForNamespace(template, wrapTag)}\``;
+  const parentExpr = `__tpl.content${childPath}`;
   return [
     `${indent}const __tpl = document.createElement('template')`,
     `${indent}__tpl.innerHTML = ${innerHtmlExpr}`,
@@ -14731,7 +14764,7 @@ function emitMultiRootTemplateCloneLines(template, indent, varEl, varExtras) {
     `${indent}{ let __sib = ${parentExpr}.firstElementChild.nextElementSibling; while (__sib) { ${varExtras}.push(__sib.cloneNode(true)); __sib = __sib.nextElementSibling } }`
   ];
 }
-var SVG_ROOT_TAGS;
+var SVG_ROOT_TAGS, MATHML_ROOT_TAGS;
 var init_template_parse = __esm({
   "../jsx/src/ir-to-client-js/control-flow/stringify/template-parse.ts"() {
     "use strict";
@@ -14777,6 +14810,34 @@ var init_template_parse = __esm({
       "animateTransform",
       "animateMotion"
     ]);
+    MATHML_ROOT_TAGS = /* @__PURE__ */ new Set([
+      "math",
+      "mrow",
+      "mfrac",
+      "msup",
+      "msub",
+      "msubsup",
+      "mn",
+      "mi",
+      "mo",
+      "mtext",
+      "munder",
+      "mover",
+      "munderover",
+      "mtable",
+      "mtr",
+      "mtd",
+      "msqrt",
+      "mroot",
+      "mstyle",
+      "merror",
+      "mpadded",
+      "mphantom",
+      "menclose",
+      "semantics",
+      "annotation",
+      "annotation-xml"
+    ]);
   }
 });
 
@@ -14991,6 +15052,9 @@ function jsxChildrenContainComponent(nodes) {
   }
   return false;
 }
+function isSingleElementJsxChildren2(nodes) {
+  return nodes.length === 1 && nodes[0].type === "element";
+}
 function buildRestSpreadNames(ctx2) {
   const names = /* @__PURE__ */ new Set();
   if (ctx2.restPropsName) names.add(ctx2.restPropsName);
@@ -15022,6 +15086,8 @@ function buildComponentPropsExpr(props, ctx2) {
         const jsxExpr = irChildrenToJsExpr(prop.value.children);
         if (jsxChildrenContainComponent(prop.value.children)) {
           propsForInit.push(`get ${quotePropName(prop.name)}() { return __slot(() => ${jsxExpr}) }`);
+        } else if (prop.name !== "children" && isSingleElementJsxChildren2(prop.value.children)) {
+          propsForInit.push(`get ${quotePropName(prop.name)}() { return bfMarkup(${jsxExpr}) }`);
         } else {
           propsForInit.push(`get ${quotePropName(prop.name)}() { return ${jsxExpr} }`);
         }
@@ -15154,7 +15220,7 @@ function collectElements(node, ctx2, siblingOffsets, insideConditional = false)
             reactiveTextSlotIds: new Set(bindings.reactiveTexts.map((t) => t.slotId))
           };
           skeletonTemplate = buildLoopSkeletonTemplate(l.children[0], skeletonSafeSlots) ?? void 0;
-          if (skeletonTemplate && !templateRootIsSvg(skeletonTemplate)) {
+          if (skeletonTemplate && !detectRootNamespaceWrapTag(skeletonTemplate)) {
             skeletonPaths = computeSkeletonSlotPaths(l.children[0], skeletonSafeSlots) ?? void 0;
           }
         }
@@ -16243,6 +16309,11 @@ var init_imports = __esm({
       "escapeAttr",
       "escapeText",
       "escapeTextOrNode",
+      // JSX-element-as-non-children-prop markup brand (#2651) — `bfMarkup` wraps
+      // the compiler-built HTML at the producer (renderChild / initChild props);
+      // `escapeTextOrMarkup` unwraps it at the claim-plan-'markup' template slot.
+      "bfMarkup",
+      "escapeTextOrMarkup",
       "qsa",
       "qsaItem",
       "qsaChildScope",
@@ -17154,7 +17225,8 @@ function emitRegistrationAndHydration(lines, ctx2, _ir, graph, inlinability) {
   const isCommentScope = _ir.root.type === "fragment" && _ir.root.needsScopeComment || _ir.root.type === "component";
   const defParts = [`init: init${name2}`];
   if (canGenerateStaticTemplate(_ir.root, propNamesForStaticCheck, inlinableConstants, unsafeLocalNames)) {
-    const templateHtml = irToComponentTemplate(_ir.root, inlinableConstants, restSpreadNames, ctx2.propsObjectName);
+    const markupSlotIds = new Set(ctx2.dynamicElements.map((e) => e.slotId));
+    const templateHtml = irToComponentTemplate(_ir.root, inlinableConstants, restSpreadNames, ctx2.propsObjectName, markupSlotIds);
     if (templateHtml) {
       defParts.push(buildTemplateDefPart(ctx2, templateHtml));
     }
@@ -20613,9 +20685,8 @@ function stringifyBranchInnerLoops(lines, plan, indent, pc) {
       lines.push(`${indent}  ${inner.paramUnwrap}`);
     }
     {
-      const isSvg = templateRootIsSvg(inner.wrappedTemplate);
-      const innerHtml = isSvg ? `<svg>${inner.wrappedTemplate}</svg>` : inner.wrappedTemplate;
-      const childPath = isSvg ? ".firstElementChild.firstElementChild" : ".firstElementChild";
+      const { wrapTag, childPath } = namespaceWrapForTemplate(inner.wrappedTemplate);
+      const innerHtml = wrapTag ? `<${wrapTag}>${inner.wrappedTemplate}</${wrapTag}>` : inner.wrappedTemplate;
       lines.push(`${indent}  let __bel${uid} = __existing ?? (() => { const __t = document.createElement('template'); __t.innerHTML = \`${innerHtml}\`; return __t.content${childPath}.cloneNode(true) })()`);
     }
     if (inner.wrappedKey) {
@@ -21377,14 +21448,14 @@ function stringifyStaticLoop(lines, plan) {
   lines.push(`      let __iterEl = ${containerVar}.children[${childIndexExpr}]`);
   if (csrMaterialize) {
     lines.push(`      if (!__iterEl) {`);
-    const isSvg = csrMaterialize.bodyIsMultiRoot ? multiRootTemplateNeedsSvgWrap(csrMaterialize.itemTemplate) : templateRootIsSvg(csrMaterialize.itemTemplate);
-    const itemHtml = isSvg ? `<svg>${csrMaterialize.itemTemplate}</svg>` : csrMaterialize.itemTemplate;
+    const { wrapTag, childPath } = csrMaterialize.bodyIsMultiRoot ? multiRootNamespaceWrapForTemplate(csrMaterialize.itemTemplate) : namespaceWrapForTemplate(csrMaterialize.itemTemplate);
+    const itemHtml = wrapHtmlForNamespace(csrMaterialize.itemTemplate, wrapTag);
     if (csrMaterialize.bodyIsMultiRoot) {
       lines.push(`        const __mtpl = document.createElement('template')`);
       lines.push(`        __mtpl.innerHTML = \`${itemHtml}\``);
       lines.push(`        const __anchor = ${containerVar}.children[${childIndexExpr}] ?? null`);
       lines.push(`        let __first = null`);
-      lines.push(`        let __sib = __mtpl.content${isSvg ? ".firstElementChild" : ""}.firstElementChild`);
+      lines.push(`        let __sib = __mtpl.content${childPath}.firstElementChild`);
       lines.push(`        while (__sib) {`);
       lines.push(`          const __next = __sib.nextElementSibling`);
       lines.push(`          const __cloned = __sib.cloneNode(true)`);
@@ -21396,7 +21467,7 @@ function stringifyStaticLoop(lines, plan) {
     } else {
       lines.push(`        const __tpl = document.createElement('template')`);
       lines.push(`        __tpl.innerHTML = \`${itemHtml}\``);
-      lines.push(`        const __cloned = __tpl.content${isSvg ? ".firstElementChild" : ""}.firstElementChild`);
+      lines.push(`        const __cloned = __tpl.content${childPath}`);
       lines.push(`        if (__cloned) {`);
       lines.push(`          const __anchor = ${containerVar}.children[${childIndexExpr}] ?? null`);
       lines.push(`          ${containerVar}.insertBefore(__cloned, __anchor)`);
@@ -21478,9 +21549,8 @@ function emitReactive(lines, inner, indent, pc) {
     lines.push(`${innerIndent}  __innerEl${uid}.__bfExtras = __innerExtras${uid}`);
     lines.push(`${indent}  }`);
   } else {
-    const isSvg = templateRootIsSvg(emit.wrappedTemplate);
-    const innerHtml = isSvg ? `<svg>${emit.wrappedTemplate}</svg>` : emit.wrappedTemplate;
-    const childPath = isSvg ? ".firstElementChild.firstElementChild" : ".firstElementChild";
+    const { wrapTag, childPath } = namespaceWrapForTemplate(emit.wrappedTemplate);
+    const innerHtml = wrapTag ? `<${wrapTag}>${emit.wrappedTemplate}</${wrapTag}>` : emit.wrappedTemplate;
     lines.push(`${indent}  let __innerEl${uid} = __existing ?? (() => { const __t = document.createElement('template'); __t.innerHTML = \`${innerHtml}\`; return __t.content${childPath}.cloneNode(true) })()`);
   }
   if (emit.wrappedKey) {
@@ -22985,7 +23055,8 @@ function generateTemplateOnlyMount(ir, ctx2) {
   if (ctx2.propsObjectName) restSpreadNames.add(ctx2.propsObjectName);
   let templateHtml;
   if (canGenerateStaticTemplate(ir.root, propNamesForStaticCheck, inlinableConstants, unsafeLocalNames)) {
-    templateHtml = irToComponentTemplate(ir.root, inlinableConstants, restSpreadNames, ctx2.propsObjectName);
+    const markupSlotIds = new Set(ctx2.dynamicElements.map((e) => e.slotId));
+    templateHtml = irToComponentTemplate(ir.root, inlinableConstants, restSpreadNames, ctx2.propsObjectName, markupSlotIds);
   }
   if (!templateHtml) {
     const csrInlinableConstants = csrInlinableConstantsFromCtx(ctx2);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@barefootjs/cli",
-  "version": "0.31.8",
+  "version": "0.31.9",
   "description": "CLI for agent-driven UI component discovery and scaffolding",
   "type": "module",
   "main": "./dist/index.js",
@@ -30,12 +30,12 @@
     "esbuild": "^0.25.0",
     "typescript": "^5.0.0",
     "vite": "^6.0.0",
-    "@barefootjs/client": "0.31.8",
-    "@barefootjs/shared": "0.31.8"
+    "@barefootjs/client": "0.31.9",
+    "@barefootjs/shared": "0.31.9"
   },
   "devDependencies": {
-    "@barefootjs/jsx": "0.31.8",
-    "@barefootjs/vite": "0.31.8",
+    "@barefootjs/jsx": "0.31.9",
+    "@barefootjs/vite": "0.31.9",
     "@happy-dom/global-registrator": "^20.0.11",
     "@types/node": "^22.0.0",
     "happy-dom": "^20.0.11"