@wireweave/core 2.7.1 → 3.0.0-beta.0

package/dist/index.cjs

@@ -120,15 +120,19 @@ __export(src_exports, {
   isValidAst: () => isValidAst,
   isValidAttribute: () => isValidAttribute,
   isValidDevicePreset: () => isValidDevicePreset,
+  layoutCanvas: () => layoutCanvas,
   lucideIcons: () => lucideIcons,
   mapNodes: () => mapNodes,
   parse: () => parse,
   parseViewportString: () => parseViewportString,
   render: () => render,
+  renderCanvas: () => renderCanvas,
   renderIconSvg: () => renderIconSvg,
+  renderPage: () => renderPage,
   renderToHtml: () => renderToHtml,
   renderToSvg: () => renderToSvg,
   resetFigmaIdCounter: () => resetFigmaIdCounter,
+  resolvePageDimensions: () => resolvePageDimensions,
   resolveViewport: () => resolveViewport,
   tryParse: () => tryParse,
   validate: () => validate,
@@ -595,27 +599,30 @@ function peg$parse(input, options) {
   const peg$c51 = "breadcrumb";
   const peg$c52 = "marker";
   const peg$c53 = "annotations";
-  const peg$c54 = "=";
-  const peg$c55 = "//";
-  const peg$c56 = "/*";
-  const peg$c57 = '"';
-  const peg$c58 = "'";
-  const peg$c59 = "\\";
-  const peg$c60 = "n";
-  const peg$c61 = "r";
-  const peg$c62 = "t";
-  const peg$c63 = "-";
-  const peg$c64 = ".";
-  const peg$c65 = "px";
-  const peg$c66 = "%";
-  const peg$c67 = "em";
-  const peg$c68 = "rem";
-  const peg$c69 = "vh";
-  const peg$c70 = "vw";
-  const peg$c71 = "true";
-  const peg$c72 = "false";
-  const peg$c73 = "\n";
-  const peg$c74 = "*/";
+  const peg$c54 = "at";
+  const peg$c55 = "(";
+  const peg$c56 = ")";
+  const peg$c57 = "=";
+  const peg$c58 = "//";
+  const peg$c59 = "/*";
+  const peg$c60 = '"';
+  const peg$c61 = "'";
+  const peg$c62 = "\\";
+  const peg$c63 = "n";
+  const peg$c64 = "r";
+  const peg$c65 = "t";
+  const peg$c66 = "-";
+  const peg$c67 = ".";
+  const peg$c68 = "px";
+  const peg$c69 = "%";
+  const peg$c70 = "em";
+  const peg$c71 = "rem";
+  const peg$c72 = "vh";
+  const peg$c73 = "vw";
+  const peg$c74 = "true";
+  const peg$c75 = "false";
+  const peg$c76 = "\n";
+  const peg$c77 = "*/";
   const peg$r0 = /^[0-9]/;
   const peg$r1 = /^[=[{}]/;
   const peg$r2 = /^[a-zA-Z0-9_\-]/;
@@ -678,41 +685,46 @@ function peg$parse(input, options) {
   const peg$e53 = peg$literalExpectation("annotations", false);
   const peg$e54 = peg$otherExpectation("integer");
   const peg$e55 = peg$classExpectation([["0", "9"]], false, false, false);
-  const peg$e56 = peg$literalExpectation("=", false);
-  const peg$e57 = peg$classExpectation(["=", "[", "{", "}"], false, false, false);
-  const peg$e58 = peg$literalExpectation("//", false);
-  const peg$e59 = peg$literalExpectation("/*", false);
-  const peg$e60 = peg$anyExpectation();
-  const peg$e61 = peg$classExpectation([["a", "z"], ["A", "Z"], ["0", "9"], "_", "-"], false, false, false);
-  const peg$e62 = peg$otherExpectation("string");
-  const peg$e63 = peg$literalExpectation('"', false);
-  const peg$e64 = peg$literalExpectation("'", false);
-  const peg$e65 = peg$literalExpectation("\\", false);
-  const peg$e66 = peg$literalExpectation("n", false);
-  const peg$e67 = peg$literalExpectation("r", false);
-  const peg$e68 = peg$literalExpectation("t", false);
-  const peg$e69 = peg$otherExpectation("number");
-  const peg$e70 = peg$literalExpectation("-", false);
-  const peg$e71 = peg$literalExpectation(".", false);
-  const peg$e72 = peg$otherExpectation("value with unit");
-  const peg$e73 = peg$literalExpectation("px", false);
-  const peg$e74 = peg$literalExpectation("%", false);
-  const peg$e75 = peg$literalExpectation("em", false);
-  const peg$e76 = peg$literalExpectation("rem", false);
-  const peg$e77 = peg$literalExpectation("vh", false);
-  const peg$e78 = peg$literalExpectation("vw", false);
-  const peg$e79 = peg$otherExpectation("boolean");
-  const peg$e80 = peg$literalExpectation("true", false);
-  const peg$e81 = peg$literalExpectation("false", false);
-  const peg$e82 = peg$otherExpectation("identifier");
-  const peg$e83 = peg$classExpectation([["a", "z"], ["A", "Z"], "_"], false, false, false);
-  const peg$e84 = peg$classExpectation([" ", "	", "\n", "\r"], false, false, false);
-  const peg$e85 = peg$otherExpectation("comment");
-  const peg$e86 = peg$classExpectation(["\n"], true, false, false);
-  const peg$e87 = peg$literalExpectation("\n", false);
-  const peg$e88 = peg$literalExpectation("*/", false);
+  const peg$e56 = peg$literalExpectation("at", false);
+  const peg$e57 = peg$literalExpectation("(", false);
+  const peg$e58 = peg$literalExpectation(")", false);
+  const peg$e59 = peg$literalExpectation("=", false);
+  const peg$e60 = peg$classExpectation(["=", "[", "{", "}"], false, false, false);
+  const peg$e61 = peg$literalExpectation("//", false);
+  const peg$e62 = peg$literalExpectation("/*", false);
+  const peg$e63 = peg$anyExpectation();
+  const peg$e64 = peg$classExpectation([["a", "z"], ["A", "Z"], ["0", "9"], "_", "-"], false, false, false);
+  const peg$e65 = peg$otherExpectation("string");
+  const peg$e66 = peg$literalExpectation('"', false);
+  const peg$e67 = peg$literalExpectation("'", false);
+  const peg$e68 = peg$literalExpectation("\\", false);
+  const peg$e69 = peg$literalExpectation("n", false);
+  const peg$e70 = peg$literalExpectation("r", false);
+  const peg$e71 = peg$literalExpectation("t", false);
+  const peg$e72 = peg$otherExpectation("number");
+  const peg$e73 = peg$literalExpectation("-", false);
+  const peg$e74 = peg$literalExpectation(".", false);
+  const peg$e75 = peg$otherExpectation("value with unit");
+  const peg$e76 = peg$literalExpectation("px", false);
+  const peg$e77 = peg$literalExpectation("%", false);
+  const peg$e78 = peg$literalExpectation("em", false);
+  const peg$e79 = peg$literalExpectation("rem", false);
+  const peg$e80 = peg$literalExpectation("vh", false);
+  const peg$e81 = peg$literalExpectation("vw", false);
+  const peg$e82 = peg$otherExpectation("boolean");
+  const peg$e83 = peg$literalExpectation("true", false);
+  const peg$e84 = peg$literalExpectation("false", false);
+  const peg$e85 = peg$otherExpectation("identifier");
+  const peg$e86 = peg$classExpectation([["a", "z"], ["A", "Z"], "_"], false, false, false);
+  const peg$e87 = peg$classExpectation([" ", "	", "\n", "\r"], false, false, false);
+  const peg$e88 = peg$otherExpectation("comment");
+  const peg$e89 = peg$classExpectation(["\n"], true, false, false);
+  const peg$e90 = peg$literalExpectation("\n", false);
+  const peg$e91 = peg$literalExpectation("*/", false);
   function peg$f0(children) {
-    return createNode("Document", { children: children.filter((c) => c !== null) });
+    return createNode("Document", {
+      children: children.map((c) => c[0]).filter((c) => c !== null)
+    });
   }
   function peg$f1() {
     return null;
@@ -1148,75 +1160,81 @@ function peg$parse(input, options) {
   function peg$f78(attrs) {
     return attrs;
   }
-  function peg$f79(name, value) {
+  function peg$f79(x, y) {
+    return [
+      { name: "x", value: x },
+      { name: "y", value: y }
+    ];
+  }
+  function peg$f80(name, value) {
     return { name, value };
   }
-  function peg$f80(flag) {
+  function peg$f81(flag) {
     return { name: flag, value: true };
   }
-  function peg$f81(name) {
+  function peg$f82(name) {
     return name;
   }
-  function peg$f82(chars) {
+  function peg$f83(chars) {
     return chars.join("");
   }
-  function peg$f83(chars) {
+  function peg$f84(chars) {
     return chars.join("");
   }
-  function peg$f84(char) {
+  function peg$f85(char) {
     return char;
   }
-  function peg$f85(seq) {
+  function peg$f86(seq) {
     return seq;
   }
-  function peg$f86(char) {
+  function peg$f87(char) {
     return char;
   }
-  function peg$f87(seq) {
+  function peg$f88(seq) {
     return seq;
   }
-  function peg$f88() {
+  function peg$f89() {
     return "\n";
   }
-  function peg$f89() {
+  function peg$f90() {
     return "\r";
   }
-  function peg$f90() {
+  function peg$f91() {
     return "	";
   }
-  function peg$f91() {
+  function peg$f92() {
     return "\\";
   }
-  function peg$f92() {
+  function peg$f93() {
     return '"';
   }
-  function peg$f93() {
+  function peg$f94() {
     return "'";
   }
-  function peg$f94(sign, digits, decimal) {
+  function peg$f95(sign, digits, decimal) {
     const num = (sign || "") + digits.join("") + (decimal ? "." + decimal[1].join("") : "");
     return parseFloat(num);
   }
-  function peg$f95(sign, digits, decimal, unit) {
+  function peg$f96(sign, digits, decimal, unit) {
     const num = (sign || "") + digits.join("") + (decimal ? "." + decimal[1].join("") : "");
     return { value: parseFloat(num), unit };
   }
-  function peg$f96() {
+  function peg$f97() {
     return true;
   }
-  function peg$f97() {
+  function peg$f98() {
     return false;
   }
-  function peg$f98(head, tail) {
+  function peg$f99(head, tail) {
     return head + tail.join("");
   }
-  function peg$f99(items) {
+  function peg$f100(items) {
     return items || [];
   }
-  function peg$f100(head, tail) {
+  function peg$f101(head, tail) {
     return [head, ...tail.map((t) => t[3])];
   }
-  function peg$f101(props) {
+  function peg$f102(props) {
     const result = {};
     if (props) {
       for (const p of props) {
@@ -1225,13 +1243,13 @@ function peg$parse(input, options) {
     }
     return result;
   }
-  function peg$f102(head, tail) {
+  function peg$f103(head, tail) {
     return [head, ...tail.map((t) => t[3])];
   }
-  function peg$f103(name, value) {
+  function peg$f104(name, value) {
     return { name, value };
   }
-  function peg$f104(name) {
+  function peg$f105(name) {
     return { name, value: true };
   }
   let peg$currPos = options.peg$currPos | 0;
@@ -1372,16 +1390,33 @@ function peg$parse(input, options) {
     );
   }
   function peg$parseDocument() {
-    let s0, s1, s2, s3;
+    let s0, s1, s2, s3, s4, s5;
     s0 = peg$currPos;
     s1 = peg$parse_();
     s2 = [];
-    s3 = peg$parseTopLevelElement();
+    s3 = peg$currPos;
+    s4 = peg$parseTopLevelElement();
+    if (s4 !== peg$FAILED) {
+      s5 = peg$parse_();
+      s4 = [s4, s5];
+      s3 = s4;
+    } else {
+      peg$currPos = s3;
+      s3 = peg$FAILED;
+    }
     while (s3 !== peg$FAILED) {
       s2.push(s3);
-      s3 = peg$parseTopLevelElement();
+      s3 = peg$currPos;
+      s4 = peg$parseTopLevelElement();
+      if (s4 !== peg$FAILED) {
+        s5 = peg$parse_();
+        s4 = [s4, s5];
+        s3 = s4;
+      } else {
+        peg$currPos = s3;
+        s3 = peg$FAILED;
+      }
     }
-    s3 = peg$parse_();
     peg$savedPos = s0;
     s0 = peg$f0(s2);
     return s0;
@@ -4727,27 +4762,87 @@ function peg$parse(input, options) {
     return s0;
   }
   function peg$parseAttribute() {
-    let s0, s1, s2, s3, s4, s5, s6, s7;
+    let s0, s1, s2, s3, s4, s5, s6, s7, s8, s9, s10, s11, s12, s13;
     s0 = peg$currPos;
     s1 = peg$parse_();
-    s2 = peg$parseAttributeName();
+    if (input.substr(peg$currPos, 2) === peg$c54) {
+      s2 = peg$c54;
+      peg$currPos += 2;
+    } else {
+      s2 = peg$FAILED;
+      if (peg$silentFails === 0) {
+        peg$fail(peg$e56);
+      }
+    }
     if (s2 !== peg$FAILED) {
-      s3 = peg$parse_();
-      if (input.charCodeAt(peg$currPos) === 61) {
-        s4 = peg$c54;
-        peg$currPos++;
+      s3 = peg$currPos;
+      peg$silentFails++;
+      s4 = peg$parseIdentifierChar();
+      peg$silentFails--;
+      if (s4 === peg$FAILED) {
+        s3 = void 0;
       } else {
-        s4 = peg$FAILED;
-        if (peg$silentFails === 0) {
-          peg$fail(peg$e56);
-        }
+        peg$currPos = s3;
+        s3 = peg$FAILED;
       }
-      if (s4 !== peg$FAILED) {
-        s5 = peg$parse_();
-        s6 = peg$parseAttributeValue();
-        if (s6 !== peg$FAILED) {
-          peg$savedPos = s0;
-          s0 = peg$f79(s2, s6);
+      if (s3 !== peg$FAILED) {
+        s4 = peg$parse_();
+        if (input.charCodeAt(peg$currPos) === 40) {
+          s5 = peg$c55;
+          peg$currPos++;
+        } else {
+          s5 = peg$FAILED;
+          if (peg$silentFails === 0) {
+            peg$fail(peg$e57);
+          }
+        }
+        if (s5 !== peg$FAILED) {
+          s6 = peg$parse_();
+          s7 = peg$parseNumber();
+          if (s7 !== peg$FAILED) {
+            s8 = peg$parse_();
+            if (input.charCodeAt(peg$currPos) === 44) {
+              s9 = peg$c34;
+              peg$currPos++;
+            } else {
+              s9 = peg$FAILED;
+              if (peg$silentFails === 0) {
+                peg$fail(peg$e34);
+              }
+            }
+            if (s9 !== peg$FAILED) {
+              s10 = peg$parse_();
+              s11 = peg$parseNumber();
+              if (s11 !== peg$FAILED) {
+                s12 = peg$parse_();
+                if (input.charCodeAt(peg$currPos) === 41) {
+                  s13 = peg$c56;
+                  peg$currPos++;
+                } else {
+                  s13 = peg$FAILED;
+                  if (peg$silentFails === 0) {
+                    peg$fail(peg$e58);
+                  }
+                }
+                if (s13 !== peg$FAILED) {
+                  peg$savedPos = s0;
+                  s0 = peg$f79(s7, s11);
+                } else {
+                  peg$currPos = s0;
+                  s0 = peg$FAILED;
+                }
+              } else {
+                peg$currPos = s0;
+                s0 = peg$FAILED;
+              }
+            } else {
+              peg$currPos = s0;
+              s0 = peg$FAILED;
+            }
+          } else {
+            peg$currPos = s0;
+            s0 = peg$FAILED;
+          }
         } else {
           peg$currPos = s0;
           s0 = peg$FAILED;
@@ -4765,91 +4860,125 @@ function peg$parse(input, options) {
       s1 = peg$parse_();
       s2 = peg$parseAttributeName();
       if (s2 !== peg$FAILED) {
-        s3 = peg$currPos;
-        peg$silentFails++;
-        s4 = peg$currPos;
-        s5 = peg$parse_();
-        s6 = peg$parseChildKeyword();
-        if (s6 === peg$FAILED) {
-          s6 = peg$parseAttributeName();
+        s3 = peg$parse_();
+        if (input.charCodeAt(peg$currPos) === 61) {
+          s4 = peg$c57;
+          peg$currPos++;
+        } else {
+          s4 = peg$FAILED;
+          if (peg$silentFails === 0) {
+            peg$fail(peg$e59);
+          }
+        }
+        if (s4 !== peg$FAILED) {
+          s5 = peg$parse_();
+          s6 = peg$parseAttributeValue();
+          if (s6 !== peg$FAILED) {
+            peg$savedPos = s0;
+            s0 = peg$f80(s2, s6);
+          } else {
+            peg$currPos = s0;
+            s0 = peg$FAILED;
+          }
+        } else {
+          peg$currPos = s0;
+          s0 = peg$FAILED;
+        }
+      } else {
+        peg$currPos = s0;
+        s0 = peg$FAILED;
+      }
+      if (s0 === peg$FAILED) {
+        s0 = peg$currPos;
+        s1 = peg$parse_();
+        s2 = peg$parseAttributeName();
+        if (s2 !== peg$FAILED) {
+          s3 = peg$currPos;
+          peg$silentFails++;
+          s4 = peg$currPos;
+          s5 = peg$parse_();
+          s6 = peg$parseChildKeyword();
           if (s6 === peg$FAILED) {
-            s6 = input.charAt(peg$currPos);
-            if (peg$r1.test(s6)) {
-              peg$currPos++;
-            } else {
-              s6 = peg$FAILED;
-              if (peg$silentFails === 0) {
-                peg$fail(peg$e57);
-              }
-            }
+            s6 = peg$parseAttributeName();
             if (s6 === peg$FAILED) {
-              if (input.substr(peg$currPos, 2) === peg$c55) {
-                s6 = peg$c55;
-                peg$currPos += 2;
+              s6 = input.charAt(peg$currPos);
+              if (peg$r1.test(s6)) {
+                peg$currPos++;
               } else {
                 s6 = peg$FAILED;
                 if (peg$silentFails === 0) {
-                  peg$fail(peg$e58);
+                  peg$fail(peg$e60);
                 }
               }
               if (s6 === peg$FAILED) {
-                if (input.substr(peg$currPos, 2) === peg$c56) {
-                  s6 = peg$c56;
+                if (input.substr(peg$currPos, 2) === peg$c58) {
+                  s6 = peg$c58;
                   peg$currPos += 2;
                 } else {
                   s6 = peg$FAILED;
                   if (peg$silentFails === 0) {
-                    peg$fail(peg$e59);
+                    peg$fail(peg$e61);
                   }
                 }
                 if (s6 === peg$FAILED) {
-                  s6 = peg$currPos;
-                  peg$silentFails++;
-                  if (input.length > peg$currPos) {
-                    s7 = input.charAt(peg$currPos);
-                    peg$currPos++;
+                  if (input.substr(peg$currPos, 2) === peg$c59) {
+                    s6 = peg$c59;
+                    peg$currPos += 2;
                   } else {
-                    s7 = peg$FAILED;
+                    s6 = peg$FAILED;
                     if (peg$silentFails === 0) {
-                      peg$fail(peg$e60);
+                      peg$fail(peg$e62);
                     }
                   }
-                  peg$silentFails--;
-                  if (s7 === peg$FAILED) {
-                    s6 = void 0;
-                  } else {
-                    peg$currPos = s6;
-                    s6 = peg$FAILED;
+                  if (s6 === peg$FAILED) {
+                    s6 = peg$currPos;
+                    peg$silentFails++;
+                    if (input.length > peg$currPos) {
+                      s7 = input.charAt(peg$currPos);
+                      peg$currPos++;
+                    } else {
+                      s7 = peg$FAILED;
+                      if (peg$silentFails === 0) {
+                        peg$fail(peg$e63);
+                      }
+                    }
+                    peg$silentFails--;
+                    if (s7 === peg$FAILED) {
+                      s6 = void 0;
+                    } else {
+                      peg$currPos = s6;
+                      s6 = peg$FAILED;
+                    }
                   }
                 }
               }
             }
           }
-        }
-        if (s6 !== peg$FAILED) {
-          s5 = [s5, s6];
-          s4 = s5;
-        } else {
-          peg$currPos = s4;
-          s4 = peg$FAILED;
-        }
-        peg$silentFails--;
-        if (s4 !== peg$FAILED) {
-          peg$currPos = s3;
-          s3 = void 0;
-        } else {
-          s3 = peg$FAILED;
-        }
-        if (s3 !== peg$FAILED) {
-          peg$savedPos = s0;
-          s0 = peg$f80(s2);
+          if (s6 !== peg$FAILED) {
+            s5 = [s5, s6];
+            s4 = s5;
+          } else {
+            peg$currPos = s4;
+            s4 = peg$FAILED;
+          }
+          peg$silentFails--;
+          if (s4 !== peg$FAILED) {
+            peg$currPos = s3;
+            s3 = void 0;
+          } else {
+            s3 = peg$FAILED;
+          }
+          if (s3 !== peg$FAILED) {
+            peg$savedPos = s0;
+            s0 = peg$f81(s2);
+          } else {
+            peg$currPos = s0;
+            s0 = peg$FAILED;
+          }
         } else {
           peg$currPos = s0;
           s0 = peg$FAILED;
         }
-      } else {
-        peg$currPos = s0;
-        s0 = peg$FAILED;
       }
     }
     return s0;
@@ -4871,7 +5000,7 @@ function peg$parse(input, options) {
       s2 = peg$parseIdentifier();
       if (s2 !== peg$FAILED) {
         peg$savedPos = s0;
-        s0 = peg$f81(s2);
+        s0 = peg$f82(s2);
       } else {
         peg$currPos = s0;
         s0 = peg$FAILED;
@@ -5421,7 +5550,7 @@ function peg$parse(input, options) {
     } else {
       s0 = peg$FAILED;
       if (peg$silentFails === 0) {
-        peg$fail(peg$e61);
+        peg$fail(peg$e64);
       }
     }
     return s0;
@@ -5454,12 +5583,12 @@ function peg$parse(input, options) {
     peg$silentFails++;
     s0 = peg$currPos;
     if (input.charCodeAt(peg$currPos) === 34) {
-      s1 = peg$c57;
+      s1 = peg$c60;
       peg$currPos++;
     } else {
       s1 = peg$FAILED;
       if (peg$silentFails === 0) {
-        peg$fail(peg$e63);
+        peg$fail(peg$e66);
       }
     }
     if (s1 !== peg$FAILED) {
@@ -5470,17 +5599,17 @@ function peg$parse(input, options) {
         s3 = peg$parseDoubleStringChar();
       }
       if (input.charCodeAt(peg$currPos) === 34) {
-        s3 = peg$c57;
+        s3 = peg$c60;
         peg$currPos++;
       } else {
         s3 = peg$FAILED;
         if (peg$silentFails === 0) {
-          peg$fail(peg$e63);
+          peg$fail(peg$e66);
         }
       }
       if (s3 !== peg$FAILED) {
         peg$savedPos = s0;
-        s0 = peg$f82(s2);
+        s0 = peg$f83(s2);
       } else {
         peg$currPos = s0;
         s0 = peg$FAILED;
@@ -5492,12 +5621,12 @@ function peg$parse(input, options) {
     if (s0 === peg$FAILED) {
       s0 = peg$currPos;
       if (input.charCodeAt(peg$currPos) === 39) {
-        s1 = peg$c58;
+        s1 = peg$c61;
         peg$currPos++;
       } else {
         s1 = peg$FAILED;
         if (peg$silentFails === 0) {
-          peg$fail(peg$e64);
+          peg$fail(peg$e67);
         }
       }
       if (s1 !== peg$FAILED) {
@@ -5508,17 +5637,17 @@ function peg$parse(input, options) {
           s3 = peg$parseSingleStringChar();
         }
         if (input.charCodeAt(peg$currPos) === 39) {
-          s3 = peg$c58;
+          s3 = peg$c61;
           peg$currPos++;
         } else {
           s3 = peg$FAILED;
           if (peg$silentFails === 0) {
-            peg$fail(peg$e64);
+            peg$fail(peg$e67);
           }
         }
         if (s3 !== peg$FAILED) {
           peg$savedPos = s0;
-          s0 = peg$f83(s2);
+          s0 = peg$f84(s2);
         } else {
           peg$currPos = s0;
           s0 = peg$FAILED;
@@ -5532,7 +5661,7 @@ function peg$parse(input, options) {
     if (s0 === peg$FAILED) {
       s1 = peg$FAILED;
       if (peg$silentFails === 0) {
-        peg$fail(peg$e62);
+        peg$fail(peg$e65);
       }
     }
     return s0;
@@ -5543,12 +5672,12 @@ function peg$parse(input, options) {
     s1 = peg$currPos;
     peg$silentFails++;
     if (input.charCodeAt(peg$currPos) === 34) {
-      s2 = peg$c57;
+      s2 = peg$c60;
       peg$currPos++;
     } else {
       s2 = peg$FAILED;
       if (peg$silentFails === 0) {
-        peg$fail(peg$e63);
+        peg$fail(peg$e66);
       }
     }
     peg$silentFails--;
@@ -5562,12 +5691,12 @@ function peg$parse(input, options) {
       s2 = peg$currPos;
       peg$silentFails++;
       if (input.charCodeAt(peg$currPos) === 92) {
-        s3 = peg$c59;
+        s3 = peg$c62;
         peg$currPos++;
       } else {
         s3 = peg$FAILED;
         if (peg$silentFails === 0) {
-          peg$fail(peg$e65);
+          peg$fail(peg$e68);
         }
       }
       peg$silentFails--;
@@ -5584,12 +5713,12 @@ function peg$parse(input, options) {
         } else {
           s3 = peg$FAILED;
           if (peg$silentFails === 0) {
-            peg$fail(peg$e60);
+            peg$fail(peg$e63);
           }
         }
         if (s3 !== peg$FAILED) {
           peg$savedPos = s0;
-          s0 = peg$f84(s3);
+          s0 = peg$f85(s3);
         } else {
           peg$currPos = s0;
           s0 = peg$FAILED;
@@ -5605,19 +5734,19 @@ function peg$parse(input, options) {
     if (s0 === peg$FAILED) {
       s0 = peg$currPos;
       if (input.charCodeAt(peg$currPos) === 92) {
-        s1 = peg$c59;
+        s1 = peg$c62;
         peg$currPos++;
       } else {
         s1 = peg$FAILED;
         if (peg$silentFails === 0) {
-          peg$fail(peg$e65);
+          peg$fail(peg$e68);
         }
       }
       if (s1 !== peg$FAILED) {
         s2 = peg$parseEscapeSequence();
         if (s2 !== peg$FAILED) {
           peg$savedPos = s0;
-          s0 = peg$f85(s2);
+          s0 = peg$f86(s2);
         } else {
           peg$currPos = s0;
           s0 = peg$FAILED;
@@ -5635,12 +5764,12 @@ function peg$parse(input, options) {
     s1 = peg$currPos;
     peg$silentFails++;
     if (input.charCodeAt(peg$currPos) === 39) {
-      s2 = peg$c58;
+      s2 = peg$c61;
       peg$currPos++;
     } else {
       s2 = peg$FAILED;
       if (peg$silentFails === 0) {
-        peg$fail(peg$e64);
+        peg$fail(peg$e67);
       }
     }
     peg$silentFails--;
@@ -5654,12 +5783,12 @@ function peg$parse(input, options) {
       s2 = peg$currPos;
       peg$silentFails++;
       if (input.charCodeAt(peg$currPos) === 92) {
-        s3 = peg$c59;
+        s3 = peg$c62;
         peg$currPos++;
       } else {
         s3 = peg$FAILED;
         if (peg$silentFails === 0) {
-          peg$fail(peg$e65);
+          peg$fail(peg$e68);
         }
       }
       peg$silentFails--;
@@ -5676,12 +5805,12 @@ function peg$parse(input, options) {
         } else {
           s3 = peg$FAILED;
           if (peg$silentFails === 0) {
-            peg$fail(peg$e60);
+            peg$fail(peg$e63);
           }
         }
         if (s3 !== peg$FAILED) {
           peg$savedPos = s0;
-          s0 = peg$f86(s3);
+          s0 = peg$f87(s3);
         } else {
           peg$currPos = s0;
           s0 = peg$FAILED;
@@ -5697,19 +5826,19 @@ function peg$parse(input, options) {
     if (s0 === peg$FAILED) {
       s0 = peg$currPos;
       if (input.charCodeAt(peg$currPos) === 92) {
-        s1 = peg$c59;
+        s1 = peg$c62;
         peg$currPos++;
       } else {
         s1 = peg$FAILED;
         if (peg$silentFails === 0) {
-          peg$fail(peg$e65);
+          peg$fail(peg$e68);
         }
       }
       if (s1 !== peg$FAILED) {
         s2 = peg$parseEscapeSequence();
         if (s2 !== peg$FAILED) {
           peg$savedPos = s0;
-          s0 = peg$f87(s2);
+          s0 = peg$f88(s2);
         } else {
           peg$currPos = s0;
           s0 = peg$FAILED;
@@ -5725,97 +5854,97 @@ function peg$parse(input, options) {
     let s0, s1;
     s0 = peg$currPos;
     if (input.charCodeAt(peg$currPos) === 110) {
-      s1 = peg$c60;
+      s1 = peg$c63;
       peg$currPos++;
     } else {
       s1 = peg$FAILED;
       if (peg$silentFails === 0) {
-        peg$fail(peg$e66);
+        peg$fail(peg$e69);
       }
     }
     if (s1 !== peg$FAILED) {
       peg$savedPos = s0;
-      s1 = peg$f88();
+      s1 = peg$f89();
     }
     s0 = s1;
     if (s0 === peg$FAILED) {
       s0 = peg$currPos;
       if (input.charCodeAt(peg$currPos) === 114) {
-        s1 = peg$c61;
+        s1 = peg$c64;
         peg$currPos++;
       } else {
         s1 = peg$FAILED;
         if (peg$silentFails === 0) {
-          peg$fail(peg$e67);
+          peg$fail(peg$e70);
         }
       }
       if (s1 !== peg$FAILED) {
         peg$savedPos = s0;
-        s1 = peg$f89();
+        s1 = peg$f90();
       }
       s0 = s1;
       if (s0 === peg$FAILED) {
         s0 = peg$currPos;
         if (input.charCodeAt(peg$currPos) === 116) {
-          s1 = peg$c62;
+          s1 = peg$c65;
           peg$currPos++;
         } else {
           s1 = peg$FAILED;
           if (peg$silentFails === 0) {
-            peg$fail(peg$e68);
+            peg$fail(peg$e71);
           }
         }
         if (s1 !== peg$FAILED) {
           peg$savedPos = s0;
-          s1 = peg$f90();
+          s1 = peg$f91();
         }
         s0 = s1;
         if (s0 === peg$FAILED) {
           s0 = peg$currPos;
           if (input.charCodeAt(peg$currPos) === 92) {
-            s1 = peg$c59;
+            s1 = peg$c62;
             peg$currPos++;
           } else {
             s1 = peg$FAILED;
             if (peg$silentFails === 0) {
-              peg$fail(peg$e65);
+              peg$fail(peg$e68);
             }
           }
           if (s1 !== peg$FAILED) {
             peg$savedPos = s0;
-            s1 = peg$f91();
+            s1 = peg$f92();
           }
           s0 = s1;
           if (s0 === peg$FAILED) {
             s0 = peg$currPos;
             if (input.charCodeAt(peg$currPos) === 34) {
-              s1 = peg$c57;
+              s1 = peg$c60;
               peg$currPos++;
             } else {
               s1 = peg$FAILED;
               if (peg$silentFails === 0) {
-                peg$fail(peg$e63);
+                peg$fail(peg$e66);
               }
             }
             if (s1 !== peg$FAILED) {
               peg$savedPos = s0;
-              s1 = peg$f92();
+              s1 = peg$f93();
             }
             s0 = s1;
             if (s0 === peg$FAILED) {
               s0 = peg$currPos;
               if (input.charCodeAt(peg$currPos) === 39) {
-                s1 = peg$c58;
+                s1 = peg$c61;
                 peg$currPos++;
               } else {
                 s1 = peg$FAILED;
                 if (peg$silentFails === 0) {
-                  peg$fail(peg$e64);
+                  peg$fail(peg$e67);
                 }
               }
               if (s1 !== peg$FAILED) {
                 peg$savedPos = s0;
-                s1 = peg$f93();
+                s1 = peg$f94();
               }
               s0 = s1;
             }
@@ -5830,12 +5959,12 @@ function peg$parse(input, options) {
     peg$silentFails++;
     s0 = peg$currPos;
     if (input.charCodeAt(peg$currPos) === 45) {
-      s1 = peg$c63;
+      s1 = peg$c66;
       peg$currPos++;
     } else {
       s1 = peg$FAILED;
       if (peg$silentFails === 0) {
-        peg$fail(peg$e70);
+        peg$fail(peg$e73);
       }
     }
     if (s1 === peg$FAILED) {
@@ -5870,12 +5999,12 @@ function peg$parse(input, options) {
     if (s2 !== peg$FAILED) {
       s3 = peg$currPos;
       if (input.charCodeAt(peg$currPos) === 46) {
-        s4 = peg$c64;
+        s4 = peg$c67;
         peg$currPos++;
       } else {
         s4 = peg$FAILED;
         if (peg$silentFails === 0) {
-          peg$fail(peg$e71);
+          peg$fail(peg$e74);
         }
       }
       if (s4 !== peg$FAILED) {
@@ -5920,7 +6049,7 @@ function peg$parse(input, options) {
         s3 = null;
       }
       peg$savedPos = s0;
-      s0 = peg$f94(s1, s2, s3);
+      s0 = peg$f95(s1, s2, s3);
     } else {
       peg$currPos = s0;
       s0 = peg$FAILED;
@@ -5929,7 +6058,7 @@ function peg$parse(input, options) {
     if (s0 === peg$FAILED) {
       s1 = peg$FAILED;
       if (peg$silentFails === 0) {
-        peg$fail(peg$e69);
+        peg$fail(peg$e72);
       }
     }
     return s0;
@@ -5939,12 +6068,12 @@ function peg$parse(input, options) {
     peg$silentFails++;
     s0 = peg$currPos;
     if (input.charCodeAt(peg$currPos) === 45) {
-      s1 = peg$c63;
+      s1 = peg$c66;
       peg$currPos++;
     } else {
       s1 = peg$FAILED;
       if (peg$silentFails === 0) {
-        peg$fail(peg$e70);
+        peg$fail(peg$e73);
       }
     }
     if (s1 === peg$FAILED) {
@@ -5979,12 +6108,12 @@ function peg$parse(input, options) {
     if (s2 !== peg$FAILED) {
       s3 = peg$currPos;
       if (input.charCodeAt(peg$currPos) === 46) {
-        s4 = peg$c64;
+        s4 = peg$c67;
         peg$currPos++;
       } else {
         s4 = peg$FAILED;
         if (peg$silentFails === 0) {
-          peg$fail(peg$e71);
+          peg$fail(peg$e74);
         }
       }
       if (s4 !== peg$FAILED) {
@@ -6028,63 +6157,63 @@ function peg$parse(input, options) {
       if (s3 === peg$FAILED) {
         s3 = null;
       }
-      if (input.substr(peg$currPos, 2) === peg$c65) {
-        s4 = peg$c65;
+      if (input.substr(peg$currPos, 2) === peg$c68) {
+        s4 = peg$c68;
         peg$currPos += 2;
       } else {
         s4 = peg$FAILED;
         if (peg$silentFails === 0) {
-          peg$fail(peg$e73);
+          peg$fail(peg$e76);
         }
       }
       if (s4 === peg$FAILED) {
         if (input.charCodeAt(peg$currPos) === 37) {
-          s4 = peg$c66;
+          s4 = peg$c69;
           peg$currPos++;
         } else {
           s4 = peg$FAILED;
           if (peg$silentFails === 0) {
-            peg$fail(peg$e74);
+            peg$fail(peg$e77);
           }
         }
         if (s4 === peg$FAILED) {
-          if (input.substr(peg$currPos, 2) === peg$c67) {
-            s4 = peg$c67;
+          if (input.substr(peg$currPos, 2) === peg$c70) {
+            s4 = peg$c70;
             peg$currPos += 2;
           } else {
             s4 = peg$FAILED;
             if (peg$silentFails === 0) {
-              peg$fail(peg$e75);
+              peg$fail(peg$e78);
             }
           }
           if (s4 === peg$FAILED) {
-            if (input.substr(peg$currPos, 3) === peg$c68) {
-              s4 = peg$c68;
+            if (input.substr(peg$currPos, 3) === peg$c71) {
+              s4 = peg$c71;
               peg$currPos += 3;
             } else {
               s4 = peg$FAILED;
               if (peg$silentFails === 0) {
-                peg$fail(peg$e76);
+                peg$fail(peg$e79);
               }
             }
             if (s4 === peg$FAILED) {
-              if (input.substr(peg$currPos, 2) === peg$c69) {
-                s4 = peg$c69;
+              if (input.substr(peg$currPos, 2) === peg$c72) {
+                s4 = peg$c72;
                 peg$currPos += 2;
               } else {
                 s4 = peg$FAILED;
                 if (peg$silentFails === 0) {
-                  peg$fail(peg$e77);
+                  peg$fail(peg$e80);
                 }
               }
               if (s4 === peg$FAILED) {
-                if (input.substr(peg$currPos, 2) === peg$c70) {
-                  s4 = peg$c70;
+                if (input.substr(peg$currPos, 2) === peg$c73) {
+                  s4 = peg$c73;
                   peg$currPos += 2;
                 } else {
                   s4 = peg$FAILED;
                   if (peg$silentFails === 0) {
-                    peg$fail(peg$e78);
+                    peg$fail(peg$e81);
                   }
                 }
               }
@@ -6094,7 +6223,7 @@ function peg$parse(input, options) {
       }
       if (s4 !== peg$FAILED) {
         peg$savedPos = s0;
-        s0 = peg$f95(s1, s2, s3, s4);
+        s0 = peg$f96(s1, s2, s3, s4);
       } else {
         peg$currPos = s0;
         s0 = peg$FAILED;
@@ -6107,7 +6236,7 @@ function peg$parse(input, options) {
     if (s0 === peg$FAILED) {
       s1 = peg$FAILED;
       if (peg$silentFails === 0) {
-        peg$fail(peg$e72);
+        peg$fail(peg$e75);
       }
     }
     return s0;
@@ -6116,34 +6245,34 @@ function peg$parse(input, options) {
     let s0, s1;
     peg$silentFails++;
     s0 = peg$currPos;
-    if (input.substr(peg$currPos, 4) === peg$c71) {
-      s1 = peg$c71;
+    if (input.substr(peg$currPos, 4) === peg$c74) {
+      s1 = peg$c74;
       peg$currPos += 4;
     } else {
       s1 = peg$FAILED;
       if (peg$silentFails === 0) {
-        peg$fail(peg$e80);
+        peg$fail(peg$e83);
       }
     }
     if (s1 !== peg$FAILED) {
       peg$savedPos = s0;
-      s1 = peg$f96();
+      s1 = peg$f97();
     }
     s0 = s1;
     if (s0 === peg$FAILED) {
       s0 = peg$currPos;
-      if (input.substr(peg$currPos, 5) === peg$c72) {
-        s1 = peg$c72;
+      if (input.substr(peg$currPos, 5) === peg$c75) {
+        s1 = peg$c75;
         peg$currPos += 5;
       } else {
         s1 = peg$FAILED;
         if (peg$silentFails === 0) {
-          peg$fail(peg$e81);
+          peg$fail(peg$e84);
         }
       }
       if (s1 !== peg$FAILED) {
         peg$savedPos = s0;
-        s1 = peg$f97();
+        s1 = peg$f98();
       }
       s0 = s1;
     }
@@ -6151,7 +6280,7 @@ function peg$parse(input, options) {
     if (s0 === peg$FAILED) {
       s1 = peg$FAILED;
       if (peg$silentFails === 0) {
-        peg$fail(peg$e79);
+        peg$fail(peg$e82);
       }
     }
     return s0;
@@ -6166,7 +6295,7 @@ function peg$parse(input, options) {
     } else {
       s1 = peg$FAILED;
       if (peg$silentFails === 0) {
-        peg$fail(peg$e83);
+        peg$fail(peg$e86);
       }
     }
     if (s1 !== peg$FAILED) {
@@ -6177,7 +6306,7 @@ function peg$parse(input, options) {
       } else {
         s3 = peg$FAILED;
         if (peg$silentFails === 0) {
-          peg$fail(peg$e61);
+          peg$fail(peg$e64);
         }
       }
       while (s3 !== peg$FAILED) {
@@ -6188,12 +6317,12 @@ function peg$parse(input, options) {
         } else {
           s3 = peg$FAILED;
           if (peg$silentFails === 0) {
-            peg$fail(peg$e61);
+            peg$fail(peg$e64);
           }
         }
       }
       peg$savedPos = s0;
-      s0 = peg$f98(s1, s2);
+      s0 = peg$f99(s1, s2);
     } else {
       peg$currPos = s0;
       s0 = peg$FAILED;
@@ -6202,7 +6331,7 @@ function peg$parse(input, options) {
     if (s0 === peg$FAILED) {
       s1 = peg$FAILED;
       if (peg$silentFails === 0) {
-        peg$fail(peg$e82);
+        peg$fail(peg$e85);
       }
     }
     return s0;
@@ -6237,7 +6366,7 @@ function peg$parse(input, options) {
       }
       if (s5 !== peg$FAILED) {
         peg$savedPos = s0;
-        s0 = peg$f99(s3);
+        s0 = peg$f100(s3);
       } else {
         peg$currPos = s0;
         s0 = peg$FAILED;
@@ -6325,7 +6454,7 @@ function peg$parse(input, options) {
         s3 = null;
       }
       peg$savedPos = s0;
-      s0 = peg$f100(s1, s2);
+      s0 = peg$f101(s1, s2);
     } else {
       peg$currPos = s0;
       s0 = peg$FAILED;
@@ -6379,7 +6508,7 @@ function peg$parse(input, options) {
       }
       if (s5 !== peg$FAILED) {
         peg$savedPos = s0;
-        s0 = peg$f101(s3);
+        s0 = peg$f102(s3);
       } else {
         peg$currPos = s0;
         s0 = peg$FAILED;
@@ -6446,7 +6575,7 @@ function peg$parse(input, options) {
         }
       }
       peg$savedPos = s0;
-      s0 = peg$f102(s1, s2);
+      s0 = peg$f103(s1, s2);
     } else {
       peg$currPos = s0;
       s0 = peg$FAILED;
@@ -6460,12 +6589,12 @@ function peg$parse(input, options) {
     if (s1 !== peg$FAILED) {
       s2 = peg$parse_();
       if (input.charCodeAt(peg$currPos) === 61) {
-        s3 = peg$c54;
+        s3 = peg$c57;
         peg$currPos++;
       } else {
         s3 = peg$FAILED;
         if (peg$silentFails === 0) {
-          peg$fail(peg$e56);
+          peg$fail(peg$e59);
         }
       }
       if (s3 !== peg$FAILED) {
@@ -6473,7 +6602,7 @@ function peg$parse(input, options) {
         s5 = peg$parseAttributeValue();
         if (s5 !== peg$FAILED) {
           peg$savedPos = s0;
-          s0 = peg$f103(s1, s5);
+          s0 = peg$f104(s1, s5);
         } else {
           peg$currPos = s0;
           s0 = peg$FAILED;
@@ -6491,7 +6620,7 @@ function peg$parse(input, options) {
       s1 = peg$parseIdentifier();
       if (s1 !== peg$FAILED) {
         peg$savedPos = s0;
-        s1 = peg$f104(s1);
+        s1 = peg$f105(s1);
       }
       s0 = s1;
     }
@@ -6524,7 +6653,7 @@ function peg$parse(input, options) {
     } else {
       s1 = peg$FAILED;
       if (peg$silentFails === 0) {
-        peg$fail(peg$e84);
+        peg$fail(peg$e87);
       }
     }
     if (s1 !== peg$FAILED) {
@@ -6536,7 +6665,7 @@ function peg$parse(input, options) {
         } else {
           s1 = peg$FAILED;
           if (peg$silentFails === 0) {
-            peg$fail(peg$e84);
+            peg$fail(peg$e87);
           }
         }
       }
@@ -6556,7 +6685,7 @@ function peg$parse(input, options) {
     if (s0 === peg$FAILED) {
       s1 = peg$FAILED;
       if (peg$silentFails === 0) {
-        peg$fail(peg$e85);
+        peg$fail(peg$e88);
       }
     }
     return s0;
@@ -6564,13 +6693,13 @@ function peg$parse(input, options) {
   function peg$parseLineComment() {
     let s0, s1, s2, s3, s4;
     s0 = peg$currPos;
-    if (input.substr(peg$currPos, 2) === peg$c55) {
-      s1 = peg$c55;
+    if (input.substr(peg$currPos, 2) === peg$c58) {
+      s1 = peg$c58;
       peg$currPos += 2;
     } else {
       s1 = peg$FAILED;
       if (peg$silentFails === 0) {
-        peg$fail(peg$e58);
+        peg$fail(peg$e61);
       }
     }
     if (s1 !== peg$FAILED) {
@@ -6581,7 +6710,7 @@ function peg$parse(input, options) {
       } else {
         s3 = peg$FAILED;
         if (peg$silentFails === 0) {
-          peg$fail(peg$e86);
+          peg$fail(peg$e89);
         }
       }
       while (s3 !== peg$FAILED) {
@@ -6592,17 +6721,17 @@ function peg$parse(input, options) {
         } else {
           s3 = peg$FAILED;
           if (peg$silentFails === 0) {
-            peg$fail(peg$e86);
+            peg$fail(peg$e89);
           }
         }
       }
       if (input.charCodeAt(peg$currPos) === 10) {
-        s3 = peg$c73;
+        s3 = peg$c76;
         peg$currPos++;
       } else {
         s3 = peg$FAILED;
         if (peg$silentFails === 0) {
-          peg$fail(peg$e87);
+          peg$fail(peg$e90);
         }
       }
       if (s3 === peg$FAILED) {
@@ -6614,7 +6743,7 @@ function peg$parse(input, options) {
         } else {
           s4 = peg$FAILED;
           if (peg$silentFails === 0) {
-            peg$fail(peg$e60);
+            peg$fail(peg$e63);
           }
         }
         peg$silentFails--;
@@ -6641,13 +6770,13 @@ function peg$parse(input, options) {
   function peg$parseBlockComment() {
     let s0, s1, s2, s3, s4, s5;
     s0 = peg$currPos;
-    if (input.substr(peg$currPos, 2) === peg$c56) {
-      s1 = peg$c56;
+    if (input.substr(peg$currPos, 2) === peg$c59) {
+      s1 = peg$c59;
       peg$currPos += 2;
     } else {
       s1 = peg$FAILED;
       if (peg$silentFails === 0) {
-        peg$fail(peg$e59);
+        peg$fail(peg$e62);
       }
     }
     if (s1 !== peg$FAILED) {
@@ -6655,13 +6784,13 @@ function peg$parse(input, options) {
       s3 = peg$currPos;
       s4 = peg$currPos;
       peg$silentFails++;
-      if (input.substr(peg$currPos, 2) === peg$c74) {
-        s5 = peg$c74;
+      if (input.substr(peg$currPos, 2) === peg$c77) {
+        s5 = peg$c77;
         peg$currPos += 2;
       } else {
         s5 = peg$FAILED;
         if (peg$silentFails === 0) {
-          peg$fail(peg$e88);
+          peg$fail(peg$e91);
         }
       }
       peg$silentFails--;
@@ -6678,7 +6807,7 @@ function peg$parse(input, options) {
         } else {
           s5 = peg$FAILED;
           if (peg$silentFails === 0) {
-            peg$fail(peg$e60);
+            peg$fail(peg$e63);
           }
         }
         if (s5 !== peg$FAILED) {
@@ -6697,13 +6826,13 @@ function peg$parse(input, options) {
         s3 = peg$currPos;
         s4 = peg$currPos;
         peg$silentFails++;
-        if (input.substr(peg$currPos, 2) === peg$c74) {
-          s5 = peg$c74;
+        if (input.substr(peg$currPos, 2) === peg$c77) {
+          s5 = peg$c77;
           peg$currPos += 2;
         } else {
           s5 = peg$FAILED;
           if (peg$silentFails === 0) {
-            peg$fail(peg$e88);
+            peg$fail(peg$e91);
           }
         }
         peg$silentFails--;
@@ -6720,7 +6849,7 @@ function peg$parse(input, options) {
           } else {
             s5 = peg$FAILED;
             if (peg$silentFails === 0) {
-              peg$fail(peg$e60);
+              peg$fail(peg$e63);
             }
           }
           if (s5 !== peg$FAILED) {
@@ -6735,13 +6864,13 @@ function peg$parse(input, options) {
           s3 = peg$FAILED;
         }
       }
-      if (input.substr(peg$currPos, 2) === peg$c74) {
-        s3 = peg$c74;
+      if (input.substr(peg$currPos, 2) === peg$c77) {
+        s3 = peg$c77;
         peg$currPos += 2;
       } else {
         s3 = peg$FAILED;
         if (peg$silentFails === 0) {
-          peg$fail(peg$e88);
+          peg$fail(peg$e91);
         }
       }
       if (s3 !== peg$FAILED) {
@@ -6767,7 +6896,7 @@ function peg$parse(input, options) {
   function attrsToObject(attrs) {
     if (!attrs || attrs.length === 0) return {};
     const result = {};
-    for (const attr of attrs) {
+    for (const attr of attrs.flat()) {
       result[attr.name] = attr.value;
     }
     return result;
@@ -8735,6 +8864,9 @@ function generateLayoutClasses(prefix) {
   padding: 16px;
   display: flex;
   flex-direction: column;
+  /* Default vertical spacing between stacked content blocks.
+     Inline gap from DSL (main gap=N) overrides this. */
+  gap: 16px;
   min-height: 0;
 }
 
@@ -8776,7 +8908,7 @@ function generateLayoutClasses(prefix) {
 }
 
 .${prefix}-sidebar {
-  width: 256px;
+  width: 224px;
   border-right: 1px solid var(--${prefix}-border);
   padding: 16px 16px 16px 20px;
   flex-shrink: 0;
@@ -56256,7 +56388,6 @@ function renderDropdown(node, ctx) {
       "data-action": dropdownItem.action
     };
     const interactiveAttrStr = ctx.buildAttrsString(interactiveAttrs);
-    const hrefAttr = dropdownItem.href ? ` href="${ctx.escapeHtml(dropdownItem.href)}"` : "";
     const disabledAttr = dropdownItem.disabled ? ' disabled="disabled"' : "";
     if (dropdownItem.href || dropdownItem.navigate) {
       const href = dropdownItem.href || dropdownItem.navigate || "#";
@@ -56360,13 +56491,14 @@ function renderBreadcrumb(node, ctx) {
   ]);
   const styles = ctx.buildCommonStyles(node);
   const styleAttr = styles ? ` style="${styles}"` : "";
+  const separator = `<span class="${ctx.prefix}-breadcrumb-separator" aria-hidden="true">|</span>`;
   const items = node.items.map((item, idx) => {
     const isLast = idx === node.items.length - 1;
     if (typeof item === "string") {
       return isLast ? `<span class="${ctx.prefix}-breadcrumb-item" aria-current="page">${ctx.escapeHtml(item)}</span>` : `<a class="${ctx.prefix}-breadcrumb-item" href="#">${ctx.escapeHtml(item)}</a>`;
     }
     return isLast ? `<span class="${ctx.prefix}-breadcrumb-item" aria-current="page">${ctx.escapeHtml(item.label)}</span>` : `<a class="${ctx.prefix}-breadcrumb-item" href="${item.href || "#"}">${ctx.escapeHtml(item.label)}</a>`;
-  }).join(" / ");
+  }).join(separator);
   return `<nav class="${classes}"${styleAttr} aria-label="Breadcrumb">${items}</nav>`;
 }
 
@@ -56773,7 +56905,10 @@ var HtmlRenderer = class extends BaseRenderer {
     const uiContent = this.renderChildren(uiChildren);
     const title = node.title ? `<title>${this.escapeHtml(node.title)}</title>
 ` : "";
-    const commonStyles = this.buildCommonStyles(node);
+    const { x: _canvasX, y: _canvasY, ...nodeWithoutCanvasPos } = node;
+    void _canvasX;
+    void _canvasY;
+    const commonStyles = this.buildCommonStyles(nodeWithoutCanvasPos);
     let viewportStyle = `position: relative; width: ${viewport.width}px; height: ${viewport.height}px; overflow: hidden`;
     if (this.context.options.background) {
       viewportStyle += `; background: ${this.context.options.background}`;
@@ -57192,8 +57327,99 @@ function createHtmlRenderer(options) {
   return new HtmlRenderer(options);
 }
 
+// src/renderer/page-renderer.ts
+function renderPage(page, options = {}) {
+  const renderer = new HtmlRenderer(options);
+  const { html, css } = renderer.render({
+    type: "Document",
+    children: [page]
+  });
+  const { width, height } = resolvePageDimensions(page);
+  return { html, css, width, height };
+}
+function resolvePageDimensions(page) {
+  const pageAny = page;
+  const explicitW = page.w ?? pageAny.width;
+  const explicitH = page.h ?? pageAny.height;
+  if (typeof explicitW === "number" && typeof explicitH === "number") {
+    return { width: explicitW, height: explicitH };
+  }
+  const viewport = resolveViewport(page.viewport, page.device);
+  return { width: viewport.width, height: viewport.height };
+}
+
+// src/renderer/canvas-renderer.ts
+var DEFAULT_GAP = 64;
+var DEFAULT_PREFIX = "wf";
+function layoutCanvas(pages, gap = DEFAULT_GAP) {
+  const placed = [];
+  let cursorX = 0;
+  let maxRight = 0;
+  let maxBottom = 0;
+  for (const page of pages) {
+    const { width, height } = resolvePageDimensions(page);
+    const explicitX = typeof page.x === "number" ? page.x : void 0;
+    const explicitY = typeof page.y === "number" ? page.y : void 0;
+    const x = explicitX ?? cursorX;
+    const y = explicitY ?? 0;
+    placed.push({ page, x, y, w: width, h: height });
+    if (explicitX === void 0) {
+      cursorX = x + width + gap;
+    }
+    maxRight = Math.max(maxRight, x + width);
+    maxBottom = Math.max(maxBottom, y + height);
+  }
+  return { placed, width: maxRight, height: maxBottom };
+}
+function renderCanvas(doc, options = {}) {
+  const gap = options.gap ?? DEFAULT_GAP;
+  const prefix = options.classPrefix ?? DEFAULT_PREFIX;
+  const includeStyles = options.includeStyles !== false;
+  const theme = options.theme === "dark" ? darkTheme : defaultTheme;
+  const css = includeStyles ? generateStyles(theme, prefix) : "";
+  if (doc.children.length === 0) {
+    return {
+      html: `<div class="${prefix}-canvas" data-empty="true"></div>`,
+      css,
+      width: 0,
+      height: 0
+    };
+  }
+  const { placed, width, height } = layoutCanvas(doc.children, gap);
+  const pageRenderer = new HtmlRenderer({ ...options, includeStyles: false });
+  const boards = placed.map((p) => {
+    const { html: pageHtml } = pageRenderer.render({
+      type: "Document",
+      children: [p.page]
+    });
+    return wrapBoard(pageHtml, p, prefix);
+  }).join("\n");
+  const canvasStyle = `position: relative; width: ${width}px; height: ${height}px;`;
+  const html = `<div class="${prefix}-canvas" style="${canvasStyle}" data-page-count="${placed.length}">
+${boards}
+</div>`;
+  return { html, css, width, height };
+}
+function wrapBoard(pageHtml, placed, prefix) {
+  const { x, y, w, h, page } = placed;
+  const positionStyle = `position: absolute; left: ${x}px; top: ${y}px; width: ${w}px; height: ${h}px;`;
+  const titleAttr = page.title ? ` data-page-title="${escapeAttr(page.title)}"` : "";
+  const dataAttrs = ` data-page-x="${x}" data-page-y="${y}" data-page-w="${w}" data-page-h="${h}"${titleAttr}`;
+  return `<div class="${prefix}-canvas-board" style="${positionStyle}"${dataAttrs}>
+${pageHtml}
+</div>`;
+}
+function escapeAttr(s) {
+  return s.replace(/&/g, "&amp;").replace(/"/g, "&quot;").replace(/</g, "&lt;");
+}
+
 // src/renderer/index.ts
 function render(document, options = {}) {
+  const isMultiPage = document.children.length > 1;
+  if (isMultiPage) {
+    const result = renderCanvas(document, options);
+    return { html: result.html, css: result.css };
+  }
   const renderer = createHtmlRenderer(options);
   return renderer.render(document);
 }
@@ -57229,24 +57455,33 @@ ${html}
 </html>`;
 }
 function renderToSvg(document, options = {}) {
-  const firstPage = document.children[0];
+  const isMultiPage = document.children.length > 1;
   let width = options.width ?? 800;
   let height = options.height ?? 600;
-  if (firstPage && options.width === void 0 && options.height === void 0) {
-    const pageAny = firstPage;
-    const explicitW = firstPage.w ?? pageAny.width;
-    const explicitH = firstPage.h ?? pageAny.height;
-    if (typeof explicitW === "number" && typeof explicitH === "number") {
-      width = explicitW;
-      height = explicitH;
-    } else if (firstPage.viewport !== void 0 || firstPage.device !== void 0) {
-      const viewport = resolveViewport(firstPage.viewport, firstPage.device);
-      width = viewport.width;
-      height = viewport.height;
+  let html;
+  let css;
+  if (isMultiPage) {
+    const canvas = renderCanvas(document, {
+      theme: options.theme ?? "light"
+    });
+    if (options.width === void 0 && options.height === void 0) {
+      width = canvas.width;
+      height = canvas.height;
+    }
+    html = canvas.html;
+    css = canvas.css;
+  } else {
+    const firstPage = document.children[0];
+    if (firstPage && options.width === void 0 && options.height === void 0) {
+      const dims = resolvePageDimensions(firstPage);
+      width = dims.width;
+      height = dims.height;
     }
+    const result = render(document, { theme: options.theme ?? "light" });
+    html = result.html;
+    css = result.css;
   }
   const background = options.background ?? "#ffffff";
-  const { html, css } = render(document, { theme: options.theme ?? "light" });
   const svg = `<?xml version="1.0" encoding="UTF-8"?>
 <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
      viewBox="0 0 ${width} ${height}" width="${width}" height="${height}">
@@ -59171,15 +59406,19 @@ function analyze(doc, options = {}) {
   isValidAst,
   isValidAttribute,
   isValidDevicePreset,
+  layoutCanvas,
   lucideIcons,
   mapNodes,
   parse,
   parseViewportString,
   render,
+  renderCanvas,
   renderIconSvg,
+  renderPage,
   renderToHtml,
   renderToSvg,
   resetFigmaIdCounter,
+  resolvePageDimensions,
   resolveViewport,
   tryParse,
   validate,