domflax 0.1.2 → 0.1.4

package/dist/{chunk-DNHOGPYV.js → chunk-3Z5ZWLXX.js}

@@ -4,6 +4,7 @@ import {
   and,
   computed,
   conditionKey,
+  createComment,
   createDocument,
   createElement,
   createExpr,
@@ -18,11 +19,11 @@ import {
   normalizer,
   not,
   targetedByCombinator
-} from "./chunk-DWLB7FRR.js";
+} from "./chunk-H5KTGI3A.js";
 import {
   __filename,
   init_esm_shims
-} from "./chunk-6WVVF6AD.js";
+} from "./chunk-U5GOONKV.js";
 
 // ../patterns/src/library/flatten/display-contents-wrapper.pattern.ts
 init_esm_shims();
@@ -184,19 +185,28 @@ var flexCenterWrapper = definePattern({
     flattenInto: "child",
     childGains: { placeSelf: "center" }
   },
-  // Collapsing a flex-centering wrapper to `place-self:center` on the child only stays centered when
-  // the child's NEW parent is flex/grid; moreover the wrapper's own `display:flex` establishes a
-  // formatting context. Both make this a `needs-verification` flatten, which the conservative
-  // production gate (`'provably-safe'`, used by the harness) intentionally REVERTS — so every case
-  // here is a no-match: the wrapper is preserved. Op-level rewrite correctness (purity, id-preserving
-  // unwrap, opacity-barrier safety) is still asserted by the invariant suite over every pattern.
+  // Collapsing a flex-centering wrapper to `place-self:center` on the child is render-identical ONLY
+  // when the child's NEW parent is a statically-known GRID that lets the wrapper fill its area (there
+  // `place-self`'s align-self AND justify-self both take effect). Under that ONE context the flatten is
+  // classified `provably-safe` and commits; under a flex/block/unknown parent — or when the wrapper
+  // drops any own style — it stays `needs-verification` and the conservative production gate PRESERVES
+  // it. Op-level correctness (purity, id-preserving unwrap, opacity-barrier safety) is additionally
+  // asserted by the invariant suite over every pattern.
   test: {
+    cases: [
+      {
+        name: "grid parent \u2192 flattened (child gains place-self-center)",
+        before: '<div className="grid"><div className="flex items-center justify-center"><span className="bg-red-200">x</span></div></div>',
+        after: '<div className="grid"><span className="bg-red-200 place-self-center">x</span></div>'
+      }
+    ],
     noMatch: [
-      // Even under a static flex/grid parent the centering flatten is not provably layout-neutral
-      // (the wrapper itself establishes a flex formatting context) → left unchanged.
-      '<div className="grid"><div className="flex items-center justify-center"><span className="bg-red-200">x</span></div></div>',
-      // Non-flex/grid parent (document root): place-self centering would not hold → left unchanged.
+      // Non-grid (flex) parent (document root): `justify-self` is ignored in flex → not provably safe.
       '<div className="flex justify-center items-center"><div className="bg-red-200">Hello</div></div>',
+      // Grid parent, but the wrapper drops padding when removed → not layout-neutral (rule 3).
+      '<div className="grid"><div className="p-4 flex items-center justify-center"><span className="bg-red-200">x</span></div></div>',
+      // Grid parent forcing place-items-center: the wrapper would not fill its area → fill guard skips.
+      '<div className="grid place-items-center"><div className="flex items-center justify-center"><span className="bg-red-200">x</span></div></div>',
       // onClick is a hard opacity barrier → the wrapper is load-bearing regardless of the gate.
       '<div className="flex justify-center items-center" onClick={handleClick}><div className="bg-red-200">Hello</div></div>'
     ]
@@ -2695,6 +2705,350 @@ function createCssResolver(cssFiles = [], options) {
 // ../resolver-css/src/index.ts
 init_esm_shims();
 
+// ../frontend-html/src/index.ts
+init_esm_shims();
+
+// ../frontend-html/src/backend.ts
+init_esm_shims();
+import MagicString from "magic-string";
+function staticTokensOf(classes) {
+  const out = [];
+  for (const seg of classes.segments) {
+    if (seg.kind === "static") for (const t of seg.tokens) out.push(t.value);
+  }
+  return out;
+}
+function sameTokens(a, b) {
+  if (a.length !== b.length) return false;
+  for (let i = 0; i < a.length; i += 1) if (a[i] !== b[i]) return false;
+  return true;
+}
+function primarySource(doc) {
+  for (const sf of doc.sources.values()) {
+    if (typeof sf.text === "string" && sf.text.length > 0) return sf;
+  }
+  return null;
+}
+function collectKept(doc) {
+  const out = [];
+  const seen = /* @__PURE__ */ new Set();
+  const visit = (id) => {
+    if (seen.has(id)) return;
+    seen.add(id);
+    const n = doc.nodes.get(id);
+    if (!n) return;
+    out.push(n);
+    if (n.kind === "element" || n.kind === "fragment") for (const c of n.children) visit(c);
+  };
+  visit(doc.root);
+  return out;
+}
+function strictlyContains(a, b) {
+  if (a.file !== b.file) return false;
+  if (a.start <= b.start && b.end <= a.end) return !(a.start === b.start && a.end === b.end);
+  return false;
+}
+function backrefIds(doc) {
+  const out = [];
+  const max = doc.alloc.peek;
+  for (let i = 1; i < max; i += 1) {
+    const id = i;
+    if (doc.backref.get(id)) out.push(id);
+  }
+  return out;
+}
+function currentTokens(sf, valueSpan) {
+  const raw = sf.text.slice(valueSpan.start, valueSpan.end).trim();
+  const unquoted = raw.replace(/^['"]/, "").replace(/['"]$/, "");
+  return unquoted.split(/\s+/).filter((t) => t.length > 0);
+}
+function editClasses(ms, doc, sf, el) {
+  const classes = el.classes;
+  if (classes.hasDynamic || classes.opaque) return false;
+  const tokens = staticTokensOf(classes);
+  const valueSpan = classes.valueSpan;
+  if (valueSpan && valueSpan.file === sf.id) {
+    if (sameTokens(currentTokens(sf, valueSpan), tokens)) return false;
+    const current = sf.text.slice(valueSpan.start, valueSpan.end).trim();
+    const quote = current.startsWith("'") ? "'" : '"';
+    ms.overwrite(valueSpan.start, valueSpan.end, `${quote}${tokens.join(" ")}${quote}`);
+    return true;
+  }
+  if (tokens.length === 0) return false;
+  const openTag = doc.backref.get(el.id)?.openTagSpan;
+  if (!openTag || openTag.file !== sf.id) return false;
+  ms.appendLeft(openTag.start + 1 + el.tag.length, ` class="${tokens.join(" ")}"`);
+  return true;
+}
+function surgicalPrint(doc) {
+  const sf = primarySource(doc);
+  if (!sf) return null;
+  const ms = new MagicString(sf.text);
+  const kept = collectKept(doc);
+  const keptSpans = [];
+  for (const n of kept) if (n.span && n.span.file === sf.id) keptSpans.push(n.span);
+  const removed = [];
+  for (const id of backrefIds(doc)) {
+    if (doc.nodes.has(id)) continue;
+    const back = doc.backref.get(id);
+    if (!back || back.span.file !== sf.id) continue;
+    const unwrapped = keptSpans.some((k) => strictlyContains(back.span, k));
+    removed.push({ backref: back, unwrapped });
+  }
+  const fullRemovals = removed.filter((r) => !r.unwrapped).map((r) => r.backref.span);
+  for (const r of removed) {
+    const s = r.backref.span;
+    if (fullRemovals.some((f) => f !== s && strictlyContains(f, s))) continue;
+    if (r.unwrapped) {
+      const open = r.backref.openTagSpan;
+      const close = r.backref.closeTagSpan;
+      if (open && open.file === sf.id && open.end > open.start) ms.remove(open.start, open.end);
+      if (close && close.file === sf.id && close.end > close.start) ms.remove(close.start, close.end);
+    } else {
+      ms.remove(s.start, s.end);
+    }
+  }
+  for (const n of kept) if (n.kind === "element") editClasses(ms, doc, sf, n);
+  return ms.toString();
+}
+function doPrint(doc) {
+  return surgicalPrint(doc) ?? "";
+}
+
+// ../frontend-html/src/parse.ts
+init_esm_shims();
+import { createRequire as createRequire3 } from "module";
+
+// ../frontend-html/src/walk.ts
+init_esm_shims();
+var HTML_LANGS = ["html"];
+var FILE_ID = 1;
+function looksLikeHtml(id, code) {
+  if (/\.html?$/i.test(id)) return true;
+  const head = code.slice(0, 256).trimStart().toLowerCase();
+  return head.startsWith("<!doctype html") || head.startsWith("<html") || head.startsWith("<");
+}
+var OPAQUE_SUBTREE_TAGS = /* @__PURE__ */ new Set([
+  "script",
+  "style",
+  "template",
+  "svg",
+  "pre",
+  "textarea"
+]);
+function isOpaqueSubtreeTag(tag) {
+  return OPAQUE_SUBTREE_TAGS.has(tag);
+}
+function elementIsOpaque(attrs) {
+  for (const a of attrs) {
+    const n = a.name.toLowerCase();
+    if (n === "id" || n === "contenteditable") return true;
+    if (n.startsWith("on")) return true;
+  }
+  return false;
+}
+function hasEventHandler(attrs) {
+  for (const a of attrs) if (/^on/i.test(a.name)) return true;
+  return false;
+}
+function span(start, end) {
+  return { file: FILE_ID, start, end };
+}
+function attrsLocOf(loc) {
+  if (!loc) return void 0;
+  return loc.startTag?.attrs ?? loc.attrs;
+}
+function classValueSpan(loc, source) {
+  const attrsLoc = attrsLocOf(loc);
+  const cl = attrsLoc?.["class"];
+  if (!cl) return null;
+  const text = source.slice(cl.startOffset, cl.endOffset);
+  const eq = text.indexOf("=");
+  if (eq === -1) return null;
+  let i = eq + 1;
+  while (i < text.length && /\s/.test(text[i])) i += 1;
+  if (i >= text.length) return null;
+  return span(cl.startOffset + i, cl.endOffset);
+}
+
+// ../frontend-html/src/parse.ts
+var cachedParse5 = null;
+function loadParse5() {
+  if (cachedParse5) return cachedParse5;
+  const req = createRequire3(import.meta.url);
+  cachedParse5 = req("parse5");
+  return cachedParse5;
+}
+function doParse(code, ctx) {
+  const diagnostics = [];
+  const doc = createDocument("html");
+  const backref = doc.backref;
+  const parse5 = loadParse5();
+  const document = parse5.parse(code, { sourceCodeLocationInfo: true });
+  const eol = code.includes("\r\n") ? "\r\n" : "\n";
+  const sourceFile = {
+    id: FILE_ID,
+    path: ctx.id,
+    text: code,
+    frontend: "html",
+    eol,
+    indentUnit: "  ",
+    native: document
+  };
+  doc.sources.set(FILE_ID, sourceFile);
+  const resolveComputed = (tokens, tag, nodeId) => {
+    if (tokens.length === 0) return emptyStyleMap();
+    const res = ctx.resolver.resolve({ classes: tokens, element: { tagName: tag, namespace: "html" } });
+    for (const w of res.warnings) {
+      diagnostics.push({
+        code: "DF_STYLE_CONFLICT_UNRESOLVED",
+        severity: w.severity,
+        message: w.message,
+        nodeId
+      });
+    }
+    return ctx.normalizer.normalizeStyleMap(res.styles);
+  };
+  const splitTokens = (raw) => raw.split(/\s+/).filter((t) => t.length > 0);
+  const appendChild = (node, parentId, out) => {
+    const name = node.nodeName;
+    if (name === "#text") {
+      const value = node.value ?? "";
+      const id = doc.alloc.next();
+      const loc = node.sourceCodeLocation ?? null;
+      doc.nodes.set(
+        id,
+        createText(id, value, {
+          parent: parentId,
+          span: loc ? span(loc.startOffset, loc.endOffset) : null,
+          collapsible: /^\s*$/.test(value)
+        })
+      );
+      out.push(id);
+      return;
+    }
+    if (name === "#comment") {
+      const id = doc.alloc.next();
+      const loc = node.sourceCodeLocation ?? null;
+      doc.nodes.set(
+        id,
+        createComment(id, node.data ?? "", {
+          parent: parentId,
+          span: loc ? span(loc.startOffset, loc.endOffset) : null
+        })
+      );
+      out.push(id);
+      return;
+    }
+    if (name === "#documentType") return;
+    if (name.startsWith("#")) {
+      for (const c of node.childNodes ?? []) appendChild(c, parentId, out);
+      return;
+    }
+    out.push(buildElement(node, parentId));
+  };
+  const buildElement = (node, parentId) => {
+    const id = doc.alloc.next();
+    const tag = (node.tagName ?? node.nodeName).toLowerCase();
+    const loc = node.sourceCodeLocation ?? null;
+    const attrsArr = node.attrs ?? [];
+    const opaqueSubtree = isOpaqueSubtreeTag(tag);
+    const synthetic = loc == null;
+    const opaque = opaqueSubtree || synthetic || elementIsOpaque(attrsArr);
+    const meta = defaultMeta();
+    meta.hasEventHandlers = hasEventHandler(attrsArr);
+    meta.safetyFloor = opaque ? 0 : 3;
+    let classes = emptyClassList();
+    let classTokens = [];
+    const entries = /* @__PURE__ */ new Map();
+    const order = [];
+    for (const a of attrsArr) {
+      if (a.name.toLowerCase() === "class") {
+        classTokens = splitTokens(a.value);
+        const valueSpan = classValueSpan(loc, code);
+        const clAttr = attrsLocOf(loc)?.["class"];
+        const seg = {
+          kind: "static",
+          span: valueSpan ?? void 0,
+          tokens: classTokens.map((value) => ({ value }))
+        };
+        classes = {
+          form: "string-literal",
+          segments: [seg],
+          valueSpan,
+          attrSpan: clAttr ? span(clAttr.startOffset, clAttr.endOffset) : void 0,
+          hasDynamic: false,
+          opaque: false,
+          rewritable: valueSpan != null
+        };
+        continue;
+      }
+      const v = a.value;
+      entries.set(a.name, { kind: "static", value: v === "" ? true : v });
+      order.push(a.name);
+    }
+    const attrs = { entries, spreads: [], order };
+    const computed2 = resolveComputed(classTokens, tag, id);
+    const children = [];
+    if (!opaqueSubtree) {
+      for (const c of node.childNodes ?? []) appendChild(c, id, children);
+    }
+    const el = createElement(id, {
+      tag,
+      namespace: "html",
+      isComponent: false,
+      selfClosing: loc ? loc.endTag == null : false,
+      classes,
+      computed: computed2,
+      attrs,
+      children,
+      parent: parentId,
+      span: loc ? span(loc.startOffset, loc.endOffset) : null,
+      meta
+    });
+    doc.nodes.set(id, el);
+    if (loc) {
+      backref.set(id, {
+        nodeId: id,
+        span: span(loc.startOffset, loc.endOffset),
+        openTagSpan: loc.startTag ? span(loc.startTag.startOffset, loc.startTag.endOffset) : null,
+        closeTagSpan: loc.endTag ? span(loc.endTag.startOffset, loc.endTag.endOffset) : null,
+        innerSpan: null,
+        selfClosing: loc.endTag == null
+      });
+    }
+    return id;
+  };
+  const rootFrag = doc.nodes.get(doc.root);
+  appendChild(document, doc.root, rootFrag.children);
+  return { doc, diagnostics };
+}
+
+// ../frontend-html/src/index.ts
+var htmlFrontend = {
+  name: "html",
+  langs: HTML_LANGS,
+  canParse(id, code) {
+    return looksLikeHtml(id, code);
+  },
+  parse(code, ctx) {
+    return doParse(code, ctx);
+  }
+};
+function createHtmlFrontend() {
+  return htmlFrontend;
+}
+var htmlBackend = {
+  name: "html",
+  langs: HTML_LANGS,
+  print(doc, _plan, _ctx) {
+    return { code: doPrint(doc), map: null, edits: [], diagnostics: [] };
+  }
+};
+function createHtmlBackend() {
+  return htmlBackend;
+}
+
 // ../frontend-jsx/src/frontend.ts
 init_esm_shims();
 
@@ -2703,7 +3057,7 @@ init_esm_shims();
 import babelTraverse from "@babel/traverse";
 var traverse = typeof babelTraverse === "function" ? babelTraverse : babelTraverse.default;
 var JSX_LANGS = ["jsx", "tsx"];
-var FILE_ID = 1;
+var FILE_ID2 = 1;
 function jsxName(node) {
   switch (node.type) {
     case "JSXIdentifier":
@@ -2828,7 +3182,7 @@ function looksLikeJsx(id, code) {
 // ../frontend-jsx/src/frontend-parse.ts
 init_esm_shims();
 import { parse as babelParse } from "@babel/parser";
-function doParse(code, ctx) {
+function doParse2(code, ctx) {
   const diagnostics = [];
   const doc = createDocument("jsx");
   const backref = doc.backref;
@@ -2838,7 +3192,7 @@ function doParse(code, ctx) {
   });
   const eol = code.includes("\r\n") ? "\r\n" : "\n";
   const sourceFile = {
-    id: FILE_ID,
+    id: FILE_ID2,
     path: ctx.id,
     text: code,
     frontend: "jsx",
@@ -2846,23 +3200,23 @@ function doParse(code, ctx) {
     indentUnit: "  ",
     native: ast
   };
-  doc.sources.set(FILE_ID, sourceFile);
+  doc.sources.set(FILE_ID2, sourceFile);
   const spanOf = (node) => {
     if (node.start == null || node.end == null) return null;
-    const span = {
-      file: FILE_ID,
+    const span2 = {
+      file: FILE_ID2,
       start: node.start,
       end: node.end,
       startLoc: node.loc ? { line: node.loc.start.line, column: node.loc.start.column } : void 0,
       endLoc: node.loc ? { line: node.loc.end.line, column: node.loc.end.column } : void 0
     };
-    return span;
+    return span2;
   };
   const sliceOf = (node) => node.start == null || node.end == null ? "" : code.slice(node.start, node.end);
   const internExpr = (node, spread) => {
     const payload = { text: sliceOf(node), spread };
     return doc.exprs.intern({
-      span: spanOf(node) ?? { file: FILE_ID, start: 0, end: 0 },
+      span: spanOf(node) ?? { file: FILE_ID2, start: 0, end: 0 },
       kind: exprKind(node),
       payload
     });
@@ -2908,7 +3262,7 @@ function doParse(code, ctx) {
     }
     return emptyClassList();
   };
-  const staticTokensOf2 = (classes) => {
+  const staticTokensOf3 = (classes) => {
     const out = [];
     for (const seg of classes.segments) {
       if (seg.kind === "static") for (const t of seg.tokens) out.push(t.value);
@@ -2986,7 +3340,7 @@ function doParse(code, ctx) {
     doc.nodes.set(id, createFragment(id, { children, parent: parentId, span: spanOf(node) }));
     backref.set(id, {
       nodeId: id,
-      span: spanOf(node) ?? { file: FILE_ID, start: 0, end: 0 },
+      span: spanOf(node) ?? { file: FILE_ID2, start: 0, end: 0 },
       openTagSpan: spanOf(node.openingFragment),
       closeTagSpan: spanOf(node.closingFragment),
       innerSpan: null,
@@ -3035,7 +3389,7 @@ function doParse(code, ctx) {
     }
     let computed2 = emptyStyleMap();
     if (!classes.hasDynamic) {
-      const tokens = staticTokensOf2(classes);
+      const tokens = staticTokensOf3(classes);
       if (tokens.length > 0) {
         const res = ctx.resolver.resolve({
           classes: tokens,
@@ -3068,13 +3422,13 @@ function doParse(code, ctx) {
     });
     doc.nodes.set(id, el);
     const inner = children.length > 0 ? spanOf(node.children[0]) && spanOf(node.children.at(-1)) ? {
-      file: FILE_ID,
+      file: FILE_ID2,
       start: spanOf(node.children[0]).start,
       end: spanOf(node.children.at(-1)).end
     } : null : null;
     backref.set(id, {
       nodeId: id,
-      span: spanOf(node) ?? { file: FILE_ID, start: 0, end: 0 },
+      span: spanOf(node) ?? { file: FILE_ID2, start: 0, end: 0 },
       openTagSpan: spanOf(opening),
       closeTagSpan: node.closingElement ? spanOf(node.closingElement) : null,
       innerSpan: inner,
@@ -3109,7 +3463,7 @@ var jsxFrontend = {
     return looksLikeJsx(id, code);
   },
   parse(code, ctx) {
-    return doParse(code, ctx);
+    return doParse2(code, ctx);
   }
 };
 function createJsxFrontend() {
@@ -3118,7 +3472,7 @@ function createJsxFrontend() {
 
 // ../frontend-jsx/src/backend.ts
 init_esm_shims();
-import MagicString from "magic-string";
+import MagicString2 from "magic-string";
 var JSX_LANGS2 = ["jsx", "tsx"];
 function exprText(doc, ref) {
   const rec = doc.exprs.get(ref);
@@ -3132,20 +3486,20 @@ function exprText(doc, ref) {
   }
   return { text: "", spread: false };
 }
-function staticTokensOf(classes) {
+function staticTokensOf2(classes) {
   const out = [];
   for (const seg of classes.segments) {
     if (seg.kind === "static") for (const t of seg.tokens) out.push(t.value);
   }
   return out;
 }
-function primarySource(doc) {
+function primarySource2(doc) {
   for (const sf of doc.sources.values()) {
     if (typeof sf.text === "string" && sf.text.length > 0) return sf;
   }
   return null;
 }
-function collectKept(doc) {
+function collectKept2(doc) {
   const out = [];
   const seen = /* @__PURE__ */ new Set();
   const visit = (id) => {
@@ -3159,15 +3513,15 @@ function collectKept(doc) {
   visit(doc.root);
   return out;
 }
-function strictlyContains(a, b) {
+function strictlyContains2(a, b) {
   if (a.file !== b.file) return false;
   if (a.start <= b.start && b.end <= a.end) return !(a.start === b.start && a.end === b.end);
   return false;
 }
-function editClasses(ms, doc, sf, el) {
+function editClasses2(ms, doc, sf, el) {
   const classes = el.classes;
   if (classes.hasDynamic || classes.opaque) return false;
-  const tokens = staticTokensOf(classes);
+  const tokens = staticTokensOf2(classes);
   const valueSpan = classes.valueSpan;
   if (valueSpan && valueSpan.file === sf.id) {
     const current = sf.text.slice(valueSpan.start, valueSpan.end);
@@ -3231,10 +3585,10 @@ function transferKeyOnUnwrap(ms, doc, sf, region, kept) {
   const inside = [];
   for (const n of kept) {
     if (n.kind !== "element" || !n.span || n.span.file !== sf.id) continue;
-    if (strictlyContains(region.span, n.span)) inside.push(n);
+    if (strictlyContains2(region.span, n.span)) inside.push(n);
   }
   const maximal = inside.filter(
-    (n) => !inside.some((o) => o !== n && o.span && n.span && strictlyContains(o.span, n.span))
+    (n) => !inside.some((o) => o !== n && o.span && n.span && strictlyContains2(o.span, n.span))
   );
   if (maximal.length !== 1) return;
   const child = maximal[0];
@@ -3243,25 +3597,25 @@ function transferKeyOnUnwrap(ms, doc, sf, region, kept) {
   if (extractKeyAttr(sf.text.slice(childOpen.start, childOpen.end))) return;
   ms.appendLeft(childOpen.start + 1 + child.tag.length, ` ${keyAttr}`);
 }
-function surgicalPrint(doc) {
-  const sf = primarySource(doc);
+function surgicalPrint2(doc) {
+  const sf = primarySource2(doc);
   if (!sf) return null;
-  const ms = new MagicString(sf.text);
-  const kept = collectKept(doc);
+  const ms = new MagicString2(sf.text);
+  const kept = collectKept2(doc);
   const keptSpans = [];
   for (const n of kept) if (n.span && n.span.file === sf.id) keptSpans.push(n.span);
   const removed = [];
-  for (const id of backrefIds(doc)) {
+  for (const id of backrefIds2(doc)) {
     if (doc.nodes.has(id)) continue;
     const back = doc.backref.get(id);
     if (!back || back.span.file !== sf.id) continue;
-    const unwrapped = keptSpans.some((k) => strictlyContains(back.span, k));
+    const unwrapped = keptSpans.some((k) => strictlyContains2(back.span, k));
     removed.push({ backref: back, unwrapped });
   }
   const fullRemovals = removed.filter((r) => !r.unwrapped).map((r) => r.backref.span);
   for (const r of removed) {
-    const span = r.backref.span;
-    const coveredByFull = fullRemovals.some((f) => f !== span && strictlyContains(f, span));
+    const span2 = r.backref.span;
+    const coveredByFull = fullRemovals.some((f) => f !== span2 && strictlyContains2(f, span2));
     if (coveredByFull) continue;
     if (r.unwrapped) {
       transferKeyOnUnwrap(ms, doc, sf, r.backref, kept);
@@ -3272,15 +3626,15 @@ function surgicalPrint(doc) {
         ms.remove(close.start, close.end);
       }
     } else {
-      ms.remove(span.start, span.end);
+      ms.remove(span2.start, span2.end);
     }
   }
   for (const n of kept) {
-    if (n.kind === "element") editClasses(ms, doc, sf, n);
+    if (n.kind === "element") editClasses2(ms, doc, sf, n);
   }
   return ms.toString();
 }
-function backrefIds(doc) {
+function backrefIds2(doc) {
   const out = [];
   const max = doc.alloc.peek;
   for (let i = 1; i < max; i += 1) {
@@ -3295,7 +3649,7 @@ function classText(doc, classes) {
   if (dynamic && dynamic.kind === "dynamic") {
     return `className={${exprText(doc, dynamic.expr).text}}`;
   }
-  const tokens = staticTokensOf(classes);
+  const tokens = staticTokensOf2(classes);
   return `className="${tokens.join(" ")}"`;
 }
 function attrText(doc, name, value) {
@@ -3348,15 +3702,15 @@ function rePrint(doc) {
   if (!root || root.kind !== "fragment") return printNode(doc, doc.root);
   return root.children.map((c) => printNode(doc, c)).join("");
 }
-function doPrint(doc) {
-  const surgical = surgicalPrint(doc);
+function doPrint2(doc) {
+  const surgical = surgicalPrint2(doc);
   return surgical ?? rePrint(doc);
 }
 var jsxBackend = {
   name: "babel-jsx",
   langs: JSX_LANGS2,
   print(doc, _plan, _ctx) {
-    const code = doPrint(doc);
+    const code = doPrint2(doc);
     return { code, map: null, edits: [], diagnostics: [] };
   }
 };
@@ -3393,7 +3747,9 @@ export {
   builtinPatterns,
   createTailwindResolver,
   createCssResolver,
+  createHtmlFrontend,
+  createHtmlBackend,
   createJsxFrontend,
   createJsxBackend
 };
-//# sourceMappingURL=chunk-DNHOGPYV.js.map
+//# sourceMappingURL=chunk-3Z5ZWLXX.js.map