@chromatic-com/playwright 0.14.10 → 0.14.11

package/dist/browser.mjs

@@ -1,15 +1,7 @@
+// ../../node_modules/.pnpm/@chromaui+rrweb-snapshot@2.0.0-alpha.19-noAbsolute_b8560a50c19a5ac3b9c0be9c45593112/node_modules/@chromaui/rrweb-snapshot/dist/rrweb-snapshot.js
 var __defProp = Object.defineProperty;
-var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
-
-// ../../node_modules/@chromaui/rrweb-snapshot/dist/rrweb-snapshot.js
-var __defProp2 = Object.defineProperty;
-var __defNormalProp = /* @__PURE__ */ __name((obj, key, value) => key in obj ? __defProp2(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value
-}) : obj[key] = value, "__defNormalProp");
-var __publicField = /* @__PURE__ */ __name((obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value), "__publicField");
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 var NodeType = /* @__PURE__ */ ((NodeType2) => {
   NodeType2[NodeType2["Document"] = 0] = "Document";
   NodeType2[NodeType2["DocumentType"] = 1] = "DocumentType";
@@ -20,59 +12,48 @@ var NodeType = /* @__PURE__ */ ((NodeType2) => {
   return NodeType2;
 })(NodeType || {});
 var testableAccessors = {
-  Node: [
-    "childNodes",
-    "parentNode",
-    "parentElement",
-    "textContent"
-  ],
-  ShadowRoot: [
-    "host",
-    "styleSheets"
-  ],
-  Element: [
-    "shadowRoot",
-    "querySelector",
-    "querySelectorAll"
-  ],
+  Node: ["childNodes", "parentNode", "parentElement", "textContent"],
+  ShadowRoot: ["host", "styleSheets"],
+  Element: ["shadowRoot", "querySelector", "querySelectorAll"],
   MutationObserver: []
 };
 var testableMethods = {
-  Node: [
-    "contains",
-    "getRootNode"
-  ],
-  ShadowRoot: [
-    "getSelection"
-  ],
+  Node: ["contains", "getRootNode"],
+  ShadowRoot: ["getSelection"],
   Element: [],
-  MutationObserver: [
-    "constructor"
-  ]
+  MutationObserver: ["constructor"]
 };
 var untaintedBasePrototype = {};
-var isAngularZonePresent = /* @__PURE__ */ __name(() => {
+var isAngularZonePresent = () => {
   return !!globalThis.Zone;
-}, "isAngularZonePresent");
+};
 function getUntaintedPrototype(key) {
   if (untaintedBasePrototype[key])
     return untaintedBasePrototype[key];
   const defaultObj = globalThis[key];
   const defaultPrototype = defaultObj.prototype;
   const accessorNames = key in testableAccessors ? testableAccessors[key] : void 0;
-  const isUntaintedAccessors = Boolean(accessorNames && // @ts-expect-error 2345
-  accessorNames.every((accessor) => {
-    var _a21, _b;
-    return Boolean((_b = (_a21 = Object.getOwnPropertyDescriptor(defaultPrototype, accessor)) == null ? void 0 : _a21.get) == null ? void 0 : _b.toString().includes("[native code]"));
-  }));
+  const isUntaintedAccessors = Boolean(
+    accessorNames && // @ts-expect-error 2345
+    accessorNames.every(
+      (accessor) => {
+        var _a, _b;
+        return Boolean(
+          (_b = (_a = Object.getOwnPropertyDescriptor(defaultPrototype, accessor)) == null ? void 0 : _a.get) == null ? void 0 : _b.toString().includes("[native code]")
+        );
+      }
+    )
+  );
   const methodNames = key in testableMethods ? testableMethods[key] : void 0;
-  const isUntaintedMethods = Boolean(methodNames && methodNames.every(
-    // @ts-expect-error 2345
-    (method) => {
-      var _a21;
-      return typeof defaultPrototype[method] === "function" && ((_a21 = defaultPrototype[method]) == null ? void 0 : _a21.toString().includes("[native code]"));
-    }
-  ));
+  const isUntaintedMethods = Boolean(
+    methodNames && methodNames.every(
+      // @ts-expect-error 2345
+      (method) => {
+        var _a;
+        return typeof defaultPrototype[method] === "function" && ((_a = defaultPrototype[method]) == null ? void 0 : _a.toString().includes("[native code]"));
+      }
+    )
+  );
   if (isUntaintedAccessors && isUntaintedMethods && !isAngularZonePresent()) {
     untaintedBasePrototype[key] = defaultObj.prototype;
     return defaultObj.prototype;
@@ -92,26 +73,31 @@ function getUntaintedPrototype(key) {
     return defaultPrototype;
   }
 }
-__name(getUntaintedPrototype, "getUntaintedPrototype");
 var untaintedAccessorCache = {};
 function getUntaintedAccessor(key, instance, accessor) {
-  var _a21;
+  var _a;
   const cacheKey = `${key}.${String(accessor)}`;
   if (untaintedAccessorCache[cacheKey])
-    return untaintedAccessorCache[cacheKey].call(instance);
+    return untaintedAccessorCache[cacheKey].call(
+      instance
+    );
   const untaintedPrototype = getUntaintedPrototype(key);
-  const untaintedAccessor = (_a21 = Object.getOwnPropertyDescriptor(untaintedPrototype, accessor)) == null ? void 0 : _a21.get;
+  const untaintedAccessor = (_a = Object.getOwnPropertyDescriptor(
+    untaintedPrototype,
+    accessor
+  )) == null ? void 0 : _a.get;
   if (!untaintedAccessor)
     return instance[accessor];
   untaintedAccessorCache[cacheKey] = untaintedAccessor;
   return untaintedAccessor.call(instance);
 }
-__name(getUntaintedAccessor, "getUntaintedAccessor");
 var untaintedMethodCache = {};
 function getUntaintedMethod(key, instance, method) {
   const cacheKey = `${key}.${String(method)}`;
   if (untaintedMethodCache[cacheKey])
-    return untaintedMethodCache[cacheKey].bind(instance);
+    return untaintedMethodCache[cacheKey].bind(
+      instance
+    );
   const untaintedPrototype = getUntaintedPrototype(key);
   const untaintedMethod = untaintedPrototype[method];
   if (typeof untaintedMethod !== "function")
@@ -119,59 +105,46 @@ function getUntaintedMethod(key, instance, method) {
   untaintedMethodCache[cacheKey] = untaintedMethod;
   return untaintedMethod.bind(instance);
 }
-__name(getUntaintedMethod, "getUntaintedMethod");
 function childNodes(n) {
   return getUntaintedAccessor("Node", n, "childNodes");
 }
-__name(childNodes, "childNodes");
 function parentNode(n) {
   return getUntaintedAccessor("Node", n, "parentNode");
 }
-__name(parentNode, "parentNode");
 function parentElement(n) {
   return getUntaintedAccessor("Node", n, "parentElement");
 }
-__name(parentElement, "parentElement");
 function textContent(n) {
   return getUntaintedAccessor("Node", n, "textContent");
 }
-__name(textContent, "textContent");
 function contains(n, other) {
   return getUntaintedMethod("Node", n, "contains")(other);
 }
-__name(contains, "contains");
 function getRootNode(n) {
   return getUntaintedMethod("Node", n, "getRootNode")();
 }
-__name(getRootNode, "getRootNode");
 function host(n) {
   if (!n || !("host" in n))
     return null;
   return getUntaintedAccessor("ShadowRoot", n, "host");
 }
-__name(host, "host");
 function styleSheets(n) {
   return n.styleSheets;
 }
-__name(styleSheets, "styleSheets");
 function shadowRoot(n) {
   if (!n || !("shadowRoot" in n))
     return null;
   return getUntaintedAccessor("Element", n, "shadowRoot");
 }
-__name(shadowRoot, "shadowRoot");
 function querySelector(n, selectors) {
   return getUntaintedAccessor("Element", n, "querySelector")(selectors);
 }
-__name(querySelector, "querySelector");
 function querySelectorAll(n, selectors) {
   return getUntaintedAccessor("Element", n, "querySelectorAll")(selectors);
 }
-__name(querySelectorAll, "querySelectorAll");
 function mutationObserverCtor() {
   return getUntaintedPrototype("MutationObserver").constructor;
 }
-__name(mutationObserverCtor, "mutationObserverCtor");
 function patch(source, name, replacement) {
   try {
     if (!(name in source)) {
@@ -198,7 +171,6 @@ function patch(source, name, replacement) {
     };
   }
 }
-__name(patch, "patch");
 var index = {
   childNodes,
   parentNode,
@@ -217,35 +189,33 @@ var index = {
 function isElement(n) {
   return n.nodeType === n.ELEMENT_NODE;
 }
-__name(isElement, "isElement");
 function isShadowRoot(n) {
   const hostEl = (
     // anchor and textarea elements also have a `host` property
     // but only shadow roots have a `mode` property
     n && "host" in n && "mode" in n && index.host(n) || null
   );
-  return Boolean(hostEl && "shadowRoot" in hostEl && index.shadowRoot(hostEl) === n);
+  return Boolean(
+    hostEl && "shadowRoot" in hostEl && index.shadowRoot(hostEl) === n
+  );
 }
-__name(isShadowRoot, "isShadowRoot");
 function isNativeShadowDom(shadowRoot2) {
   return Object.prototype.toString.call(shadowRoot2) === "[object ShadowRoot]";
 }
-__name(isNativeShadowDom, "isNativeShadowDom");
 function fixBrowserCompatibilityIssuesInCSS(cssText) {
   if (cssText.includes(" background-clip: text;") && !cssText.includes(" -webkit-background-clip: text;")) {
-    cssText = cssText.replace(/\sbackground-clip:\s*text;/g, " -webkit-background-clip: text; background-clip: text;");
+    cssText = cssText.replace(
+      /\sbackground-clip:\s*text;/g,
+      " -webkit-background-clip: text; background-clip: text;"
+    );
   }
   return cssText;
 }
-__name(fixBrowserCompatibilityIssuesInCSS, "fixBrowserCompatibilityIssuesInCSS");
 function escapeImportStatement(rule2) {
   const { cssText } = rule2;
   if (cssText.split('"').length < 3)
     return cssText;
-  const statement = [
-    "@import",
-    `url(${JSON.stringify(rule2.href)})`
-  ];
+  const statement = ["@import", `url(${JSON.stringify(rule2.href)})`];
   if (rule2.layerName === "") {
     statement.push(`layer`);
   } else if (rule2.layerName) {
@@ -259,7 +229,6 @@ function escapeImportStatement(rule2) {
   }
   return statement.join(" ") + ";";
 }
-__name(escapeImportStatement, "escapeImportStatement");
 function stringifyStylesheet(s) {
   try {
     const rules = s.rules || s.cssRules;
@@ -270,18 +239,21 @@ function stringifyStylesheet(s) {
     if (!sheetHref && s.ownerNode && s.ownerNode.ownerDocument) {
       sheetHref = s.ownerNode.ownerDocument.location.href;
     }
-    const stringifiedRules = Array.from(rules, (rule2) => stringifyRule(rule2, sheetHref)).join("");
+    const stringifiedRules = Array.from(
+      rules,
+      (rule2) => stringifyRule(rule2, sheetHref)
+    ).join("");
     return fixBrowserCompatibilityIssuesInCSS(stringifiedRules);
   } catch (error) {
     return null;
   }
 }
-__name(stringifyStylesheet, "stringifyStylesheet");
 function stringifyRule(rule2, sheetHref) {
   if (isCSSImportRule(rule2)) {
     let importStringified;
     try {
-      importStringified = // we can access the imported stylesheet rules directly
+      importStringified = // for same-origin stylesheets,
+      // we can access the imported stylesheet rules directly
       stringifyStylesheet(rule2.styleSheet) || // work around browser issues with the raw string `@import url(...)` statement
       escapeImportStatement(rule2);
     } catch (error) {
@@ -302,31 +274,26 @@ function stringifyRule(rule2, sheetHref) {
     return ruleStringified;
   }
 }
-__name(stringifyRule, "stringifyRule");
 function fixSafariColons(cssStringified) {
   const regex = /(\[(?:[\w-]+)[^\\])(:(?:[\w-]+)\])/gm;
   return cssStringified.replace(regex, "$1\\$2");
 }
-__name(fixSafariColons, "fixSafariColons");
 function isCSSImportRule(rule2) {
   return "styleSheet" in rule2;
 }
-__name(isCSSImportRule, "isCSSImportRule");
 function isCSSStyleRule(rule2) {
   return "selectorText" in rule2;
 }
-__name(isCSSStyleRule, "isCSSStyleRule");
-var _a;
-var Mirror = (_a = class {
+var Mirror = class {
   constructor() {
     __publicField(this, "idNodeMap", /* @__PURE__ */ new Map());
     __publicField(this, "nodeMetaMap", /* @__PURE__ */ new WeakMap());
   }
   getId(n) {
-    var _a21;
+    var _a;
     if (!n)
       return -1;
-    const id = (_a21 = this.getMeta(n)) == null ? void 0 : _a21.id;
+    const id = (_a = this.getMeta(n)) == null ? void 0 : _a.id;
     return id ?? -1;
   }
   getNode(id) {
@@ -344,7 +311,9 @@ var Mirror = (_a = class {
     const id = this.getId(n);
     this.idNodeMap.delete(id);
     if (n.childNodes) {
-      n.childNodes.forEach((childNode) => this.removeNodeFromMap(childNode));
+      n.childNodes.forEach(
+        (childNode) => this.removeNodeFromMap(childNode)
+      );
     }
   }
   has(id) {
@@ -371,12 +340,18 @@ var Mirror = (_a = class {
     this.idNodeMap = /* @__PURE__ */ new Map();
     this.nodeMetaMap = /* @__PURE__ */ new WeakMap();
   }
-}, __name(_a, "Mirror"), _a);
+};
 function createMirror() {
   return new Mirror();
 }
-__name(createMirror, "createMirror");
-function maskInputValue({ element, maskInputOptions, tagName, type, value, maskInputFn }) {
+function maskInputValue({
+  element,
+  maskInputOptions,
+  tagName,
+  type,
+  value,
+  maskInputFn
+}) {
   let text = value || "";
   const actualType = type && toLowerCase(type);
   if (maskInputOptions[tagName.toLowerCase()] || actualType && maskInputOptions[actualType]) {
@@ -388,11 +363,9 @@ function maskInputValue({ element, maskInputOptions, tagName, type, value, maskI
   }
   return text;
 }
-__name(maskInputValue, "maskInputValue");
 function toLowerCase(str) {
   return str.toLowerCase();
 }
-__name(toLowerCase, "toLowerCase");
 var ORIGINAL_ATTRIBUTE_NAME = "__rrweb_original__";
 function is2DCanvasBlank(canvas) {
   const ctx = canvas.getContext("2d");
@@ -405,7 +378,13 @@ function is2DCanvasBlank(canvas) {
       const originalGetImageData = ORIGINAL_ATTRIBUTE_NAME in getImageData ? getImageData[ORIGINAL_ATTRIBUTE_NAME] : getImageData;
       const pixelBuffer = new Uint32Array(
         // eslint-disable-next-line @typescript-eslint/no-unsafe-argument, @typescript-eslint/no-unsafe-member-access
-        originalGetImageData.call(ctx, x2, y, Math.min(chunkSize, canvas.width - x2), Math.min(chunkSize, canvas.height - y)).data.buffer
+        originalGetImageData.call(
+          ctx,
+          x2,
+          y,
+          Math.min(chunkSize, canvas.width - x2),
+          Math.min(chunkSize, canvas.height - y)
+        ).data.buffer
       );
       if (pixelBuffer.some((pixel) => pixel !== 0))
         return false;
@@ -413,7 +392,6 @@ function is2DCanvasBlank(canvas) {
   }
   return true;
 }
-__name(is2DCanvasBlank, "is2DCanvasBlank");
 function getInputType(element) {
   const type = element.type;
   return element.hasAttribute("data-rr-is-password") ? "password" : type ? (
@@ -421,7 +399,6 @@ function getInputType(element) {
     toLowerCase(type)
   ) : null;
 }
-__name(getInputType, "getInputType");
 function extractFileExtension(path, baseURL) {
   let url;
   try {
@@ -433,7 +410,6 @@ function extractFileExtension(path, baseURL) {
   const match = url.pathname.match(regex);
   return (match == null ? void 0 : match[1]) ?? null;
 }
-__name(extractFileExtension, "extractFileExtension");
 function extractOrigin(url) {
   let origin = "";
   if (url.indexOf("//") > -1) {
@@ -444,43 +420,44 @@ function extractOrigin(url) {
   origin = origin.split("?")[0];
   return origin;
 }
-__name(extractOrigin, "extractOrigin");
 var URL_IN_CSS_REF = /url\((?:(')([^']*)'|(")(.*?)"|([^)]*))\)/gm;
 var URL_PROTOCOL_MATCH = /^(?:[a-z+]+:)?\/\//i;
 var URL_WWW_MATCH = /^www\..*/i;
 var DATA_URI = /^(data:)([^,]*),(.*)/i;
 function absolutifyURLs(cssText, href) {
-  return (cssText || "").replace(URL_IN_CSS_REF, (origin, quote1, path1, quote2, path2, path3) => {
-    const filePath = path1 || path2 || path3;
-    const maybeQuote = quote1 || quote2 || "";
-    if (!filePath) {
-      return origin;
-    }
-    if (URL_PROTOCOL_MATCH.test(filePath) || URL_WWW_MATCH.test(filePath)) {
-      return `url(${maybeQuote}${filePath}${maybeQuote})`;
-    }
-    if (DATA_URI.test(filePath)) {
-      return `url(${maybeQuote}${filePath}${maybeQuote})`;
-    }
-    if (filePath[0] === "/") {
-      return `url(${maybeQuote}${extractOrigin(href) + filePath}${maybeQuote})`;
-    }
-    const stack = href.split("/");
-    const parts = filePath.split("/");
-    stack.pop();
-    for (const part of parts) {
-      if (part === ".") {
-        continue;
-      } else if (part === "..") {
-        stack.pop();
-      } else {
-        stack.push(part);
+  return (cssText || "").replace(
+    URL_IN_CSS_REF,
+    (origin, quote1, path1, quote2, path2, path3) => {
+      const filePath = path1 || path2 || path3;
+      const maybeQuote = quote1 || quote2 || "";
+      if (!filePath) {
+        return origin;
+      }
+      if (URL_PROTOCOL_MATCH.test(filePath) || URL_WWW_MATCH.test(filePath)) {
+        return `url(${maybeQuote}${filePath}${maybeQuote})`;
+      }
+      if (DATA_URI.test(filePath)) {
+        return `url(${maybeQuote}${filePath}${maybeQuote})`;
+      }
+      if (filePath[0] === "/") {
+        return `url(${maybeQuote}${extractOrigin(href) + filePath}${maybeQuote})`;
+      }
+      const stack = href.split("/");
+      const parts = filePath.split("/");
+      stack.pop();
+      for (const part of parts) {
+        if (part === ".") {
+          continue;
+        } else if (part === "..") {
+          stack.pop();
+        } else {
+          stack.push(part);
+        }
       }
+      return `url(${maybeQuote}${stack.join("/")}${maybeQuote})`;
     }
-    return `url(${maybeQuote}${stack.join("/")}${maybeQuote})`;
-  });
+  );
 }
-__name(absolutifyURLs, "absolutifyURLs");
 function normalizeCssString(cssText, _testNoPxNorm = false) {
   if (_testNoPxNorm) {
     return cssText.replace(/(\/\*[^*]*\*\/)|[\s;]/g, "");
@@ -488,7 +465,6 @@ function normalizeCssString(cssText, _testNoPxNorm = false) {
     return cssText.replace(/(\/\*[^*]*\*\/)|[\s;]/g, "").replace(/0px/g, "0");
   }
 }
-__name(normalizeCssString, "normalizeCssString");
 function splitCssText(cssText, style, _testNoPxNorm = false) {
   const childNodes2 = Array.from(style.childNodes);
   const splits = [];
@@ -498,7 +474,10 @@ function splitCssText(cssText, style, _testNoPxNorm = false) {
     const normFactor = cssTextNorm.length / cssText.length;
     for (let i = 1; i < childNodes2.length; i++) {
       if (childNodes2[i].textContent && typeof childNodes2[i].textContent === "string") {
-        const textContentNorm = normalizeCssString(childNodes2[i].textContent, _testNoPxNorm);
+        const textContentNorm = normalizeCssString(
+          childNodes2[i].textContent,
+          _testNoPxNorm
+        );
         const jLimit = 100;
         let j = 3;
         for (; j < textContentNorm.length; j++) {
@@ -520,7 +499,10 @@ function splitCssText(cssText, style, _testNoPxNorm = false) {
           } else if (cssNormSplits.length > 2 && cssNormSplits[0] === "" && childNodes2[i - 1].textContent !== "") {
             splitNorm = cssTextNorm.indexOf(startSubstring, 1);
           } else if (cssNormSplits.length === 1) {
-            startSubstring = startSubstring.substring(0, startSubstring.length - 1);
+            startSubstring = startSubstring.substring(
+              0,
+              startSubstring.length - 1
+            );
             cssNormSplits = cssTextNorm.split(startSubstring);
             if (cssNormSplits.length <= 1) {
               splits.push(cssText);
@@ -548,16 +530,25 @@ function splitCssText(cssText, style, _testNoPxNorm = false) {
                 splits.push(cssText);
                 return splits;
               }
-              const normPart = normalizeCssString(cssText.substring(0, k), _testNoPxNorm);
+              const normPart = normalizeCssString(
+                cssText.substring(0, k),
+                _testNoPxNorm
+              );
               if (normPart.length === splitNorm) {
                 splits.push(cssText.substring(0, k));
                 cssText = cssText.substring(k);
                 cssTextNorm = cssTextNorm.substring(splitNorm);
                 break;
               } else if (normPart.length < splitNorm) {
-                k += Math.max(1, Math.floor((splitNorm - normPart.length) / normFactor));
+                k += Math.max(
+                  1,
+                  Math.floor((splitNorm - normPart.length) / normFactor)
+                );
               } else {
-                k -= Math.max(1, Math.floor((normPart.length - splitNorm) * normFactor));
+                k -= Math.max(
+                  1,
+                  Math.floor((normPart.length - splitNorm) * normFactor)
+                );
               }
             }
             break;
@@ -569,18 +560,15 @@ function splitCssText(cssText, style, _testNoPxNorm = false) {
   splits.push(cssText);
   return splits;
 }
-__name(splitCssText, "splitCssText");
 function markCssSplits(cssText, style) {
   return splitCssText(cssText, style).join("/* rr_split */");
 }
-__name(markCssSplits, "markCssSplits");
 var _id = 1;
 var tagNameRegex = new RegExp("[^a-z0-9-_:]");
 var IGNORED_NODE = -2;
 function genId() {
   return _id++;
 }
-__name(genId, "genId");
 function getValidTagName(element) {
   if (element instanceof HTMLFormElement) {
     return "form";
@@ -591,7 +579,6 @@ function getValidTagName(element) {
   }
   return processedTagName;
 }
-__name(getValidTagName, "getValidTagName");
 var canvasService;
 var canvasCtx;
 var SRCSET_NOT_SPACES = /^[^ \t\n\r\u000c]+/;
@@ -611,7 +598,6 @@ function getAbsoluteSrcsetString(doc, attributeValue) {
     }
     return "";
   }
-  __name(collectCharacters, "collectCharacters");
   const output = [];
   while (true) {
     collectCharacters(SRCSET_COMMAS_OR_SPACES);
@@ -651,7 +637,6 @@ function getAbsoluteSrcsetString(doc, attributeValue) {
   }
   return output.join(", ");
 }
-__name(getAbsoluteSrcsetString, "getAbsoluteSrcsetString");
 var cachedDocument = /* @__PURE__ */ new WeakMap();
 function absoluteToDoc(doc, attributeValue) {
   if (!attributeValue || attributeValue.trim() === "") {
@@ -659,11 +644,9 @@ function absoluteToDoc(doc, attributeValue) {
   }
   return getHref(doc, attributeValue);
 }
-__name(absoluteToDoc, "absoluteToDoc");
 function isSVGElement(el) {
   return Boolean(el.tagName === "svg" || el.ownerSVGElement);
 }
-__name(isSVGElement, "isSVGElement");
 function getHref(doc, customHref) {
   let a = cachedDocument.get(doc);
   if (!a) {
@@ -678,7 +661,6 @@ function getHref(doc, customHref) {
   a.setAttribute("href", customHref);
   return a.href;
 }
-__name(getHref, "getHref");
 function transformAttribute(doc, tagName, name, value) {
   if (!value) {
     return value;
@@ -698,11 +680,9 @@ function transformAttribute(doc, tagName, name, value) {
   }
   return value;
 }
-__name(transformAttribute, "transformAttribute");
 function ignoreAttribute(tagName, name, _value) {
   return (tagName === "video" || tagName === "audio") && name === "autoplay";
 }
-__name(ignoreAttribute, "ignoreAttribute");
 function _isBlockedElement(element, blockClass, blockSelector) {
   try {
     if (typeof blockClass === "string") {
@@ -724,7 +704,6 @@ function _isBlockedElement(element, blockClass, blockSelector) {
   }
   return false;
 }
-__name(_isBlockedElement, "_isBlockedElement");
 function classMatchesRegex(node2, regex, checkAncestors) {
   if (!node2)
     return false;
@@ -743,7 +722,6 @@ function classMatchesRegex(node2, regex, checkAncestors) {
     return false;
   return classMatchesRegex(index.parentNode(node2), regex, checkAncestors);
 }
-__name(classMatchesRegex, "classMatchesRegex");
 function needMaskingText(node2, maskTextClass, maskTextSelector, checkAncestors) {
   let el;
   if (isElement(node2)) {
@@ -782,7 +760,6 @@ function needMaskingText(node2, maskTextClass, maskTextSelector, checkAncestors)
   }
   return false;
 }
-__name(needMaskingText, "needMaskingText");
 function onceIframeLoaded(iframeEl, listener, iframeLoadTimeout) {
   const win = iframeEl.contentWindow;
   if (!win) {
@@ -816,7 +793,6 @@ function onceIframeLoaded(iframeEl, listener, iframeLoadTimeout) {
   }
   iframeEl.addEventListener("load", listener);
 }
-__name(onceIframeLoaded, "onceIframeLoaded");
 function onceStylesheetLoaded(link, listener, styleSheetLoadTimeout) {
   let fired = false;
   let styleSheetLoaded;
@@ -839,9 +815,24 @@ function onceStylesheetLoaded(link, listener, styleSheetLoadTimeout) {
     listener();
   });
 }
-__name(onceStylesheetLoaded, "onceStylesheetLoaded");
 function serializeNode(n, options) {
-  const { doc, mirror, blockClass, blockSelector, needsMask, inlineStylesheet, maskInputOptions = {}, maskTextFn, maskInputFn, dataURLOptions = {}, inlineImages, recordCanvas, keepIframeSrcFn, newlyAddedElement = false, cssCaptured = false } = options;
+  const {
+    doc,
+    mirror,
+    blockClass,
+    blockSelector,
+    needsMask,
+    inlineStylesheet,
+    maskInputOptions = {},
+    maskTextFn,
+    maskInputFn,
+    dataURLOptions = {},
+    inlineImages,
+    recordCanvas,
+    keepIframeSrcFn,
+    newlyAddedElement = false,
+    cssCaptured = false
+  } = options;
   const rootId = getRootId(doc, mirror);
   switch (n.nodeType) {
     case n.DOCUMENT_NODE:
@@ -850,6 +841,7 @@ function serializeNode(n, options) {
           type: NodeType.Document,
           childNodes: [],
           compatMode: n.compatMode
+          // probably "BackCompat"
         };
       } else {
         return {
@@ -904,14 +896,12 @@ function serializeNode(n, options) {
       return false;
   }
 }
-__name(serializeNode, "serializeNode");
 function getRootId(doc, mirror) {
   if (!mirror.hasNode(doc))
     return void 0;
   const docId = mirror.getId(doc);
   return docId === 1 ? void 0 : docId;
 }
-__name(getRootId, "getRootId");
 function serializeTextNode(n, options) {
   const { needsMask, maskTextFn, rootId, cssCaptured } = options;
   const parent = index.parentNode(n);
@@ -936,9 +926,21 @@ function serializeTextNode(n, options) {
     rootId
   };
 }
-__name(serializeTextNode, "serializeTextNode");
 function serializeElementNode(n, options) {
-  const { doc, blockClass, blockSelector, inlineStylesheet, maskInputOptions = {}, maskInputFn, dataURLOptions = {}, inlineImages, recordCanvas, keepIframeSrcFn, newlyAddedElement = false, rootId } = options;
+  const {
+    doc,
+    blockClass,
+    blockSelector,
+    inlineStylesheet,
+    maskInputOptions = {},
+    maskInputFn,
+    dataURLOptions = {},
+    inlineImages,
+    recordCanvas,
+    keepIframeSrcFn,
+    newlyAddedElement = false,
+    rootId
+  } = options;
   const needBlock = _isBlockedElement(n, blockClass, blockSelector);
   const tagName = getValidTagName(n);
   let attributes = {};
@@ -946,7 +948,12 @@ function serializeElementNode(n, options) {
   for (let i = 0; i < len; i++) {
     const attr = n.attributes[i];
     if (!ignoreAttribute(tagName, attr.name, attr.value)) {
-      attributes[attr.name] = transformAttribute(doc, tagName, toLowerCase(attr.name), attr.value);
+      attributes[attr.name] = transformAttribute(
+        doc,
+        tagName,
+        toLowerCase(attr.name),
+        attr.value
+      );
     }
   }
   if (tagName === "link" && inlineStylesheet) {
@@ -964,7 +971,9 @@ function serializeElementNode(n, options) {
     }
   }
   if (tagName === "style" && n.sheet) {
-    let cssText = stringifyStylesheet(n.sheet);
+    let cssText = stringifyStylesheet(
+      n.sheet
+    );
     if (cssText) {
       if (n.childNodes.length > 1) {
         cssText = markCssSplits(cssText, n);
@@ -1001,14 +1010,23 @@ function serializeElementNode(n, options) {
   if (tagName === "canvas" && recordCanvas) {
     if (n.__context === "2d") {
       if (!is2DCanvasBlank(n)) {
-        attributes.rr_dataURL = n.toDataURL(dataURLOptions.type, dataURLOptions.quality);
+        attributes.rr_dataURL = n.toDataURL(
+          dataURLOptions.type,
+          dataURLOptions.quality
+        );
       }
     } else if (!("__context" in n)) {
-      const canvasDataURL = n.toDataURL(dataURLOptions.type, dataURLOptions.quality);
+      const canvasDataURL = n.toDataURL(
+        dataURLOptions.type,
+        dataURLOptions.quality
+      );
       const blankCanvas = doc.createElement("canvas");
       blankCanvas.width = n.width;
       blankCanvas.height = n.height;
-      const blankCanvasDataURL = blankCanvas.toDataURL(dataURLOptions.type, dataURLOptions.quality);
+      const blankCanvasDataURL = blankCanvas.toDataURL(
+        dataURLOptions.type,
+        dataURLOptions.quality
+      );
       if (canvasDataURL !== blankCanvasDataURL) {
         attributes.rr_dataURL = canvasDataURL;
       }
@@ -1022,13 +1040,16 @@ function serializeElementNode(n, options) {
     const image = n;
     const imageSrc = image.currentSrc || image.getAttribute("src") || "<unknown-src>";
     const priorCrossOrigin = image.crossOrigin;
-    const recordInlineImage = /* @__PURE__ */ __name(() => {
+    const recordInlineImage = () => {
       image.removeEventListener("load", recordInlineImage);
       try {
         canvasService.width = image.naturalWidth;
         canvasService.height = image.naturalHeight;
         canvasCtx.drawImage(image, 0, 0);
-        attributes.rr_dataURL = canvasService.toDataURL(dataURLOptions.type, dataURLOptions.quality);
+        attributes.rr_dataURL = canvasService.toDataURL(
+          dataURLOptions.type,
+          dataURLOptions.quality
+        );
       } catch (err) {
         if (image.crossOrigin !== "anonymous") {
           image.crossOrigin = "anonymous";
@@ -1038,13 +1059,15 @@ function serializeElementNode(n, options) {
             image.addEventListener("load", recordInlineImage);
           return;
         } else {
-          console.warn(`Cannot inline img src=${imageSrc}! Error: ${err}`);
+          console.warn(
+            `Cannot inline img src=${imageSrc}! Error: ${err}`
+          );
         }
       }
       if (image.crossOrigin === "anonymous") {
         priorCrossOrigin ? attributes.crossOrigin = priorCrossOrigin : image.removeAttribute("crossorigin");
       }
-    }, "recordInlineImage");
+    };
     if (image.complete && image.naturalWidth !== 0)
       recordInlineImage();
     else
@@ -1098,7 +1121,6 @@ function serializeElementNode(n, options) {
     isCustom: isCustomElement
   };
 }
-__name(serializeElementNode, "serializeElementNode");
 function lowerIfExists(maybeAttr) {
   if (maybeAttr === void 0 || maybeAttr === null) {
     return "";
@@ -1106,7 +1128,6 @@ function lowerIfExists(maybeAttr) {
     return maybeAttr.toLowerCase();
   }
 }
-__name(lowerIfExists, "lowerIfExists");
 function slimDOMExcluded(sn, slimDOMOptions) {
   if (slimDOMOptions.comment && sn.type === NodeType.Comment) {
     return true;
@@ -1116,7 +1137,9 @@ function slimDOMExcluded(sn, slimDOMOptions) {
     sn.tagName === "link" && (sn.attributes.rel === "preload" && sn.attributes.as === "script" || sn.attributes.rel === "modulepreload") || // prefetch link
     sn.tagName === "link" && sn.attributes.rel === "prefetch" && typeof sn.attributes.href === "string" && extractFileExtension(sn.attributes.href) === "js")) {
       return true;
-    } else if (slimDOMOptions.headFavicon && (sn.tagName === "link" && sn.attributes.rel === "shortcut icon" || sn.tagName === "meta" && (lowerIfExists(sn.attributes.name).match(/^msapplication-tile(image|color)$/) || lowerIfExists(sn.attributes.name) === "application-name" || lowerIfExists(sn.attributes.rel) === "icon" || lowerIfExists(sn.attributes.rel) === "apple-touch-icon" || lowerIfExists(sn.attributes.rel) === "shortcut icon"))) {
+    } else if (slimDOMOptions.headFavicon && (sn.tagName === "link" && sn.attributes.rel === "shortcut icon" || sn.tagName === "meta" && (lowerIfExists(sn.attributes.name).match(
+      /^msapplication-tile(image|color)$/
+    ) || lowerIfExists(sn.attributes.name) === "application-name" || lowerIfExists(sn.attributes.rel) === "icon" || lowerIfExists(sn.attributes.rel) === "apple-touch-icon" || lowerIfExists(sn.attributes.rel) === "shortcut icon"))) {
       return true;
     } else if (sn.tagName === "meta") {
       if (slimDOMOptions.headMetaDescKeywords && lowerIfExists(sn.attributes.name).match(/^description|keywords$/)) {
@@ -1137,14 +1160,42 @@ function slimDOMExcluded(sn, slimDOMOptions) {
   }
   return false;
 }
-__name(slimDOMExcluded, "slimDOMExcluded");
 function serializeNodeWithId(n, options) {
-  const { doc, mirror, blockClass, blockSelector, maskTextClass, maskTextSelector, skipChild = false, inlineStylesheet = true, maskInputOptions = {}, maskTextFn, maskInputFn, slimDOMOptions, dataURLOptions = {}, inlineImages = false, recordCanvas = false, onSerialize, onIframeLoad, iframeLoadTimeout = 5e3, onStylesheetLoad, stylesheetLoadTimeout = 5e3, keepIframeSrcFn = /* @__PURE__ */ __name(() => false, "keepIframeSrcFn"), newlyAddedElement = false, cssCaptured = false } = options;
+  const {
+    doc,
+    mirror,
+    blockClass,
+    blockSelector,
+    maskTextClass,
+    maskTextSelector,
+    skipChild = false,
+    inlineStylesheet = true,
+    maskInputOptions = {},
+    maskTextFn,
+    maskInputFn,
+    slimDOMOptions,
+    dataURLOptions = {},
+    inlineImages = false,
+    recordCanvas = false,
+    onSerialize,
+    onIframeLoad,
+    iframeLoadTimeout = 5e3,
+    onStylesheetLoad,
+    stylesheetLoadTimeout = 5e3,
+    keepIframeSrcFn = () => false,
+    newlyAddedElement = false,
+    cssCaptured = false
+  } = options;
   let { needsMask } = options;
   let { preserveWhiteSpace = true } = options;
   if (!needsMask) {
     const checkAncestors = needsMask === void 0;
-    needsMask = needMaskingText(n, maskTextClass, maskTextSelector, checkAncestors);
+    needsMask = needMaskingText(
+      n,
+      maskTextClass,
+      maskTextSelector,
+      checkAncestors
+    );
   }
   const _serializedNode = serializeNode(n, {
     doc,
@@ -1175,9 +1226,7 @@ function serializeNodeWithId(n, options) {
   } else {
     id = genId();
   }
-  const serializedNode = Object.assign(_serializedNode, {
-    id
-  });
+  const serializedNode = Object.assign(_serializedNode, { id });
   mirror.add(n, serializedNode);
   if (id === IGNORED_NODE) {
     return null;
@@ -1193,7 +1242,9 @@ function serializeNodeWithId(n, options) {
     if (shadowRootEl && isNativeShadowDom(shadowRootEl)) {
       serializedNode.isShadowHost = true;
       if (shadowRootEl.adoptedStyleSheets.length > 0) {
-        serializedNode.chromaticAdoptedStylesheets = shadowRootEl.adoptedStyleSheets.map((stylesheet) => stringifyStylesheet(stylesheet));
+        serializedNode.chromaticAdoptedStylesheets = shadowRootEl.adoptedStyleSheets.map(
+          (stylesheet) => stringifyStylesheet(stylesheet)
+        );
       }
     }
   }
@@ -1256,79 +1307,113 @@ function serializeNodeWithId(n, options) {
     serializedNode.isShadow = true;
   }
   if (serializedNode.type === NodeType.Element && serializedNode.tagName === "iframe") {
-    onceIframeLoaded(n, () => {
-      const iframeDoc = n.contentDocument;
-      if (iframeDoc && onIframeLoad) {
-        const serializedIframeNode = serializeNodeWithId(iframeDoc, {
-          doc: iframeDoc,
-          mirror,
-          blockClass,
-          blockSelector,
-          needsMask,
-          maskTextClass,
-          maskTextSelector,
-          skipChild: false,
-          inlineStylesheet,
-          maskInputOptions,
-          maskTextFn,
-          maskInputFn,
-          slimDOMOptions,
-          dataURLOptions,
-          inlineImages,
-          recordCanvas,
-          preserveWhiteSpace,
-          onSerialize,
-          onIframeLoad,
-          iframeLoadTimeout,
-          onStylesheetLoad,
-          stylesheetLoadTimeout,
-          keepIframeSrcFn
-        });
-        if (serializedIframeNode) {
-          onIframeLoad(n, serializedIframeNode);
+    onceIframeLoaded(
+      n,
+      () => {
+        const iframeDoc = n.contentDocument;
+        if (iframeDoc && onIframeLoad) {
+          const serializedIframeNode = serializeNodeWithId(iframeDoc, {
+            doc: iframeDoc,
+            mirror,
+            blockClass,
+            blockSelector,
+            needsMask,
+            maskTextClass,
+            maskTextSelector,
+            skipChild: false,
+            inlineStylesheet,
+            maskInputOptions,
+            maskTextFn,
+            maskInputFn,
+            slimDOMOptions,
+            dataURLOptions,
+            inlineImages,
+            recordCanvas,
+            preserveWhiteSpace,
+            onSerialize,
+            onIframeLoad,
+            iframeLoadTimeout,
+            onStylesheetLoad,
+            stylesheetLoadTimeout,
+            keepIframeSrcFn
+          });
+          if (serializedIframeNode) {
+            onIframeLoad(
+              n,
+              serializedIframeNode
+            );
+          }
         }
-      }
-    }, iframeLoadTimeout);
+      },
+      iframeLoadTimeout
+    );
   }
   if (serializedNode.type === NodeType.Element && serializedNode.tagName === "link" && typeof serializedNode.attributes.rel === "string" && (serializedNode.attributes.rel === "stylesheet" || serializedNode.attributes.rel === "preload" && typeof serializedNode.attributes.href === "string" && extractFileExtension(serializedNode.attributes.href) === "css")) {
-    onceStylesheetLoaded(n, () => {
-      if (onStylesheetLoad) {
-        const serializedLinkNode = serializeNodeWithId(n, {
-          doc,
-          mirror,
-          blockClass,
-          blockSelector,
-          needsMask,
-          maskTextClass,
-          maskTextSelector,
-          skipChild: false,
-          inlineStylesheet,
-          maskInputOptions,
-          maskTextFn,
-          maskInputFn,
-          slimDOMOptions,
-          dataURLOptions,
-          inlineImages,
-          recordCanvas,
-          preserveWhiteSpace,
-          onSerialize,
-          onIframeLoad,
-          iframeLoadTimeout,
-          onStylesheetLoad,
-          stylesheetLoadTimeout,
-          keepIframeSrcFn
-        });
-        if (serializedLinkNode) {
-          onStylesheetLoad(n, serializedLinkNode);
+    onceStylesheetLoaded(
+      n,
+      () => {
+        if (onStylesheetLoad) {
+          const serializedLinkNode = serializeNodeWithId(n, {
+            doc,
+            mirror,
+            blockClass,
+            blockSelector,
+            needsMask,
+            maskTextClass,
+            maskTextSelector,
+            skipChild: false,
+            inlineStylesheet,
+            maskInputOptions,
+            maskTextFn,
+            maskInputFn,
+            slimDOMOptions,
+            dataURLOptions,
+            inlineImages,
+            recordCanvas,
+            preserveWhiteSpace,
+            onSerialize,
+            onIframeLoad,
+            iframeLoadTimeout,
+            onStylesheetLoad,
+            stylesheetLoadTimeout,
+            keepIframeSrcFn
+          });
+          if (serializedLinkNode) {
+            onStylesheetLoad(
+              n,
+              serializedLinkNode
+            );
+          }
         }
-      }
-    }, stylesheetLoadTimeout);
+      },
+      stylesheetLoadTimeout
+    );
   }
   return serializedNode;
 }
-__name(serializeNodeWithId, "serializeNodeWithId");
 function snapshot(n, options) {
-  const { mirror = new Mirror(), blockClass = "rr-block", blockSelector = null, maskTextClass = "rr-mask", maskTextSelector = null, inlineStylesheet = true, inlineImages = false, recordCanvas = false, maskAllInputs = false, maskTextFn, maskInputFn, slimDOM = false, dataURLOptions, preserveWhiteSpace, onSerialize, onIframeLoad, iframeLoadTimeout, onStylesheetLoad, stylesheetLoadTimeout, keepIframeSrcFn = /* @__PURE__ */ __name(() => false, "keepIframeSrcFn") } = options || {};
+  const {
+    mirror = new Mirror(),
+    blockClass = "rr-block",
+    blockSelector = null,
+    maskTextClass = "rr-mask",
+    maskTextSelector = null,
+    inlineStylesheet = true,
+    inlineImages = false,
+    recordCanvas = false,
+    maskAllInputs = false,
+    maskTextFn,
+    maskInputFn,
+    slimDOM = false,
+    dataURLOptions,
+    preserveWhiteSpace,
+    onSerialize,
+    onIframeLoad,
+    iframeLoadTimeout,
+    onStylesheetLoad,
+    stylesheetLoadTimeout,
+    keepIframeSrcFn = () => false
+  } = options || {};
   const maskInputOptions = maskAllInputs === true ? {
     color: true,
     date: true,
@@ -1391,28 +1476,24 @@ function snapshot(n, options) {
     newlyAddedElement: false
   });
 }
-__name(snapshot, "snapshot");
 function getDefaultExportFromCjs(x2) {
   return x2 && x2.__esModule && Object.prototype.hasOwnProperty.call(x2, "default") ? x2["default"] : x2;
 }
-__name(getDefaultExportFromCjs, "getDefaultExportFromCjs");
 function getAugmentedNamespace(n) {
   if (n.__esModule)
     return n;
   var f = n.default;
   if (typeof f == "function") {
-    var a = /* @__PURE__ */ __name(function a2() {
+    var a = function a2() {
       if (this instanceof a2) {
         return Reflect.construct(f, arguments, this.constructor);
       }
       return f.apply(this, arguments);
-    }, "a2");
+    };
     a.prototype = f.prototype;
   } else
     a = {};
-  Object.defineProperty(a, "__esModule", {
-    value: true
-  });
+  Object.defineProperty(a, "__esModule", { value: true });
   Object.keys(n).forEach(function(k) {
     var d = Object.getOwnPropertyDescriptor(n, k);
     Object.defineProperty(a, k, d.get ? d : {
@@ -1424,41 +1505,11 @@ function getAugmentedNamespace(n) {
   });
   return a;
 }
-__name(getAugmentedNamespace, "getAugmentedNamespace");
-var picocolors_browser = {
-  exports: {}
-};
+var picocolors_browser = { exports: {} };
 var x = String;
-var create = /* @__PURE__ */ __name(function() {
-  return {
-    isColorSupported: false,
-    reset: x,
-    bold: x,
-    dim: x,
-    italic: x,
-    underline: x,
-    inverse: x,
-    hidden: x,
-    strikethrough: x,
-    black: x,
-    red: x,
-    green: x,
-    yellow: x,
-    blue: x,
-    magenta: x,
-    cyan: x,
-    white: x,
-    gray: x,
-    bgBlack: x,
-    bgRed: x,
-    bgGreen: x,
-    bgYellow: x,
-    bgBlue: x,
-    bgMagenta: x,
-    bgCyan: x,
-    bgWhite: x
-  };
-}, "create");
+var create = function() {
+  return { isColorSupported: false, reset: x, bold: x, dim: x, italic: x, underline: x, inverse: x, hidden: x, strikethrough: x, black: x, red: x, green: x, yellow: x, blue: x, magenta: x, cyan: x, white: x, gray: x, bgBlack: x, bgRed: x, bgGreen: x, bgYellow: x, bgBlue: x, bgMagenta: x, bgCyan: x, bgWhite: x };
+};
 picocolors_browser.exports = create();
 picocolors_browser.exports.createColors = create;
 var picocolors_browserExports = picocolors_browser.exports;
@@ -1466,14 +1517,11 @@ var __viteBrowserExternal = {};
 var __viteBrowserExternal$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: __viteBrowserExternal
-}, Symbol.toStringTag, {
-  value: "Module"
-}));
+}, Symbol.toStringTag, { value: "Module" }));
 var require$$2 = /* @__PURE__ */ getAugmentedNamespace(__viteBrowserExternal$1);
 var pico = picocolors_browserExports;
 var terminalHighlight$1 = require$$2;
-var _a2;
-var CssSyntaxError$3 = (_a2 = class extends Error {
+var CssSyntaxError$3 = class CssSyntaxError extends Error {
   constructor(message, line, column, source, file, plugin2) {
     super(message);
     this.name = "CssSyntaxError";
@@ -1500,7 +1548,7 @@ var CssSyntaxError$3 = (_a2 = class extends Error {
     }
     this.setMessage();
     if (Error.captureStackTrace) {
-      Error.captureStackTrace(this, _a2);
+      Error.captureStackTrace(this, CssSyntaxError);
     }
   }
   setMessage() {
@@ -1528,10 +1576,10 @@ var CssSyntaxError$3 = (_a2 = class extends Error {
     let mark, aside;
     if (color) {
       let { bold, gray, red } = pico.createColors(true);
-      mark = /* @__PURE__ */ __name((text) => bold(red(text)), "mark");
-      aside = /* @__PURE__ */ __name((text) => gray(text), "aside");
+      mark = (text) => bold(red(text));
+      aside = (text) => gray(text);
     } else {
-      mark = aside = /* @__PURE__ */ __name((str) => str, "aside");
+      mark = aside = (str) => str;
     }
     return lines.slice(start, end).map((line, index2) => {
       let number = start + 1 + index2;
@@ -1550,7 +1598,7 @@ var CssSyntaxError$3 = (_a2 = class extends Error {
     }
     return this.name + ": " + this.message + code;
   }
-}, __name(_a2, "CssSyntaxError"), _a2);
+};
 var cssSyntaxError = CssSyntaxError$3;
 CssSyntaxError$3.default = CssSyntaxError$3;
 var symbols = {};
@@ -1573,9 +1621,7 @@ var DEFAULT_RAW = {
 function capitalize(str) {
   return str[0].toUpperCase() + str.slice(1);
 }
-__name(capitalize, "capitalize");
-var _a3;
-var Stringifier$2 = (_a3 = class {
+var Stringifier$2 = class Stringifier {
   constructor(builder) {
     this.builder = builder;
   }
@@ -1864,11 +1910,13 @@ var Stringifier$2 = (_a3 = class {
   }
   stringify(node2, semicolon) {
     if (!this[node2.type]) {
-      throw new Error("Unknown AST node type " + node2.type + ". Maybe you need to change PostCSS stringifier.");
+      throw new Error(
+        "Unknown AST node type " + node2.type + ". Maybe you need to change PostCSS stringifier."
+      );
     }
     this[node2.type](node2, semicolon);
   }
-}, __name(_a3, "Stringifier"), _a3);
+};
 var stringifier = Stringifier$2;
 Stringifier$2.default = Stringifier$2;
 var Stringifier$1 = stringifier;
@@ -1876,7 +1924,6 @@ function stringify$4(node2, builder) {
   let str = new Stringifier$1(builder);
   str.stringify(node2);
 }
-__name(stringify$4, "stringify$4");
 var stringify_1 = stringify$4;
 stringify$4.default = stringify$4;
 var { isClean: isClean$2, my: my$2 } = symbols;
@@ -1908,9 +1955,7 @@ function cloneNode(obj, parent) {
   }
   return cloned;
 }
-__name(cloneNode, "cloneNode");
-var _a4;
-var Node$4 = (_a4 = class {
+var Node$4 = class Node {
   constructor(defaults = {}) {
     this.raws = {};
     this[isClean$2] = false;
@@ -1934,7 +1979,10 @@ var Node$4 = (_a4 = class {
     error.postcssNode = this;
     if (error.stack && this.source && /\n\s{4}at /.test(error.stack)) {
       let s = this.source;
-      error.stack = error.stack.replace(/\n\s{4}at /, `$&${s.input.from}:${s.start.line}:${s.start.column}$&`);
+      error.stack = error.stack.replace(
+        /\n\s{4}at /,
+        `$&${s.input.from}:${s.start.line}:${s.start.column}$&`
+      );
     }
     return error;
   }
@@ -1978,13 +2026,12 @@ var Node$4 = (_a4 = class {
   error(message, opts = {}) {
     if (this.source) {
       let { end, start } = this.rangeBy(opts);
-      return this.source.input.error(message, {
-        column: start.column,
-        line: start.line
-      }, {
-        column: end.column,
-        line: end.line
-      }, opts);
+      return this.source.input.error(
+        message,
+        { column: start.column, line: start.line },
+        { column: end.column, line: end.line },
+        opts
+      );
     }
     return new CssSyntaxError$2(message);
   }
@@ -2050,10 +2097,7 @@ var Node$4 = (_a4 = class {
         column += 1;
       }
     }
-    return {
-      column,
-      line
-    };
+    return { column, line };
   }
   prev() {
     if (!this.parent)
@@ -2101,15 +2145,9 @@ var Node$4 = (_a4 = class {
       }
     }
     if (end.line < start.line || end.line === start.line && end.column <= start.column) {
-      end = {
-        column: start.column + 1,
-        line: start.line
-      };
+      end = { column: start.column + 1, line: start.line };
     }
-    return {
-      end,
-      start
-    };
+    return { end, start };
   }
   raw(prop, defaultType) {
     let str = new Stringifier2();
@@ -2188,9 +2226,7 @@ var Node$4 = (_a4 = class {
       }
     }
     if (emitInputs) {
-      fixed.inputs = [
-        ...inputs.keys()
-      ].map((input2) => input2.toJSON());
+      fixed.inputs = [...inputs.keys()].map((input2) => input2.toJSON());
     }
     return fixed;
   }
@@ -2210,9 +2246,7 @@ var Node$4 = (_a4 = class {
     return result2;
   }
   warn(result2, text, opts) {
-    let data = {
-      node: this
-    };
+    let data = { node: this };
     for (let i in opts)
       data[i] = opts[i];
     return result2.warn(text, data);
@@ -2220,18 +2254,14 @@ var Node$4 = (_a4 = class {
   get proxyOf() {
     return this;
   }
-}, __name(_a4, "Node"), _a4);
+};
 var node = Node$4;
 Node$4.default = Node$4;
 var Node$3 = node;
-var _a5;
-var Declaration$4 = (_a5 = class extends Node$3 {
+var Declaration$4 = class Declaration extends Node$3 {
   constructor(defaults) {
     if (defaults && typeof defaults.value !== "undefined" && typeof defaults.value !== "string") {
-      defaults = {
-        ...defaults,
-        value: String(defaults.value)
-      };
+      defaults = { ...defaults, value: String(defaults.value) };
     }
     super(defaults);
     this.type = "decl";
@@ -2239,20 +2269,19 @@ var Declaration$4 = (_a5 = class extends Node$3 {
   get variable() {
     return this.prop.startsWith("--") || this.prop[0] === "$";
   }
-}, __name(_a5, "Declaration"), _a5);
+};
 var declaration = Declaration$4;
 Declaration$4.default = Declaration$4;
 var urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
-var nanoid$1 = /* @__PURE__ */ __name((size = 21) => {
+var nanoid$1 = (size = 21) => {
   let id = "";
   let i = size;
   while (i--) {
     id += urlAlphabet[Math.random() * 64 | 0];
   }
   return id;
-}, "nanoid$1");
-var nonSecure = {
-  nanoid: nanoid$1};
+};
+var nonSecure = { nanoid: nanoid$1};
 var { SourceMapConsumer: SourceMapConsumer$2, SourceMapGenerator: SourceMapGenerator$2 } = require$$2;
 var { existsSync, readFileSync } = require$$2;
 var { dirname: dirname$1, join } = require$$2;
@@ -2263,9 +2292,7 @@ function fromBase64(str) {
     return window.atob(str);
   }
 }
-__name(fromBase64, "fromBase64");
-var _a6;
-var PreviousMap$2 = (_a6 = class {
+var PreviousMap$2 = class PreviousMap {
   constructor(css, opts) {
     if (opts.map === false)
       return;
@@ -2337,7 +2364,9 @@ var PreviousMap$2 = (_a6 = class {
         if (prevPath) {
           let map = this.loadFile(prevPath);
           if (!map) {
-            throw new Error("Unable to load previous source map: " + prevPath.toString());
+            throw new Error(
+              "Unable to load previous source map: " + prevPath.toString()
+            );
           }
           return map;
         }
@@ -2348,7 +2377,9 @@ var PreviousMap$2 = (_a6 = class {
       } else if (this.isMap(prev)) {
         return JSON.stringify(prev);
       } else {
-        throw new Error("Unsupported previous source map format: " + prev.toString());
+        throw new Error(
+          "Unsupported previous source map format: " + prev.toString()
+        );
       }
     } else if (this.inline) {
       return this.decodeInline(this.annotation);
@@ -2367,7 +2398,7 @@ var PreviousMap$2 = (_a6 = class {
   withContent() {
     return !!(this.consumer().sourcesContent && this.consumer().sourcesContent.length > 0);
   }
-}, __name(_a6, "PreviousMap"), _a6);
+};
 var previousMap = PreviousMap$2;
 PreviousMap$2.default = PreviousMap$2;
 var { SourceMapConsumer: SourceMapConsumer$1, SourceMapGenerator: SourceMapGenerator$1 } = require$$2;
@@ -2380,8 +2411,7 @@ var PreviousMap$1 = previousMap;
 var fromOffsetCache = Symbol("fromOffsetCache");
 var sourceMapAvailable$1 = Boolean(SourceMapConsumer$1 && SourceMapGenerator$1);
 var pathAvailable$1 = Boolean(resolve$1 && isAbsolute);
-var _a7;
-var Input$4 = (_a7 = class {
+var Input$4 = class Input {
   constructor(css, opts = {}) {
     if (css === null || typeof css === "undefined" || typeof css === "object" && !css.toString) {
       throw new Error(`PostCSS received ${css} instead of CSS string`);
@@ -2443,29 +2473,25 @@ var Input$4 = (_a7 = class {
     }
     let origin = this.origin(line, column, endLine, endColumn);
     if (origin) {
-      result2 = new CssSyntaxError$1(message, origin.endLine === void 0 ? origin.line : {
-        column: origin.column,
-        line: origin.line
-      }, origin.endLine === void 0 ? origin.column : {
-        column: origin.endColumn,
-        line: origin.endLine
-      }, origin.source, origin.file, opts.plugin);
+      result2 = new CssSyntaxError$1(
+        message,
+        origin.endLine === void 0 ? origin.line : { column: origin.column, line: origin.line },
+        origin.endLine === void 0 ? origin.column : { column: origin.endColumn, line: origin.endLine },
+        origin.source,
+        origin.file,
+        opts.plugin
+      );
     } else {
-      result2 = new CssSyntaxError$1(message, endLine === void 0 ? line : {
-        column,
-        line
-      }, endLine === void 0 ? column : {
-        column: endColumn,
-        line: endLine
-      }, this.css, this.file, opts.plugin);
-    }
-    result2.input = {
-      column,
-      endColumn,
-      endLine,
-      line,
-      source: this.css
-    };
+      result2 = new CssSyntaxError$1(
+        message,
+        endLine === void 0 ? line : { column, line },
+        endLine === void 0 ? column : { column: endColumn, line: endLine },
+        this.css,
+        this.file,
+        opts.plugin
+      );
+    }
+    result2.input = { column, endColumn, endLine, line, source: this.css };
     if (this.file) {
       if (pathToFileURL$1) {
         result2.input.url = pathToFileURL$1(this.file).toString();
@@ -2522,24 +2548,21 @@ var Input$4 = (_a7 = class {
     if (!this.map)
       return false;
     let consumer = this.map.consumer();
-    let from = consumer.originalPositionFor({
-      column,
-      line
-    });
+    let from = consumer.originalPositionFor({ column, line });
     if (!from.source)
       return false;
     let to;
     if (typeof endLine === "number") {
-      to = consumer.originalPositionFor({
-        column: endColumn,
-        line: endLine
-      });
+      to = consumer.originalPositionFor({ column: endColumn, line: endLine });
     }
     let fromUrl;
     if (isAbsolute(from.source)) {
       fromUrl = pathToFileURL$1(from.source);
     } else {
-      fromUrl = new URL(from.source, this.map.consumer().sourceRoot || pathToFileURL$1(this.map.mapFile));
+      fromUrl = new URL(
+        from.source,
+        this.map.consumer().sourceRoot || pathToFileURL$1(this.map.mapFile)
+      );
     }
     let result2 = {
       column: from.column,
@@ -2562,20 +2585,13 @@ var Input$4 = (_a7 = class {
   }
   toJSON() {
     let json = {};
-    for (let name of [
-      "hasBOM",
-      "css",
-      "file",
-      "id"
-    ]) {
+    for (let name of ["hasBOM", "css", "file", "id"]) {
       if (this[name] != null) {
         json[name] = this[name];
       }
     }
     if (this.map) {
-      json.map = {
-        ...this.map
-      };
+      json.map = { ...this.map };
       if (json.map.consumerCache) {
         json.map.consumerCache = void 0;
       }
@@ -2585,7 +2601,7 @@ var Input$4 = (_a7 = class {
   get from() {
     return this.file || this.id;
   }
-}, __name(_a7, "Input"), _a7);
+};
 var input = Input$4;
 Input$4.default = Input$4;
 if (terminalHighlight && terminalHighlight.registerInput) {
@@ -2597,8 +2613,7 @@ var { pathToFileURL } = require$$2;
 var Input$3 = input;
 var sourceMapAvailable = Boolean(SourceMapConsumer && SourceMapGenerator);
 var pathAvailable = Boolean(dirname && resolve && relative && sep);
-var _a8;
-var MapGenerator$2 = (_a8 = class {
+var MapGenerator$2 = class MapGenerator {
   constructor(stringify2, root2, opts, cssString) {
     this.stringify = stringify2;
     this.mapOpts = opts.map || {};
@@ -2669,9 +2684,7 @@ var MapGenerator$2 = (_a8 = class {
       this.stringify(this.root, (i) => {
         result2 += i;
       });
-      return [
-        result2
-      ];
+      return [result2];
     }
   }
   generateMap() {
@@ -2689,14 +2702,8 @@ var MapGenerator$2 = (_a8 = class {
         ignoreInvalidMapping: true
       });
       this.map.addMapping({
-        generated: {
-          column: 0,
-          line: 1
-        },
-        original: {
-          column: 0,
-          line: 1
-        },
+        generated: { column: 0, line: 1 },
+        original: { column: 0, line: 1 },
         source: this.opts.from ? this.toUrl(this.path(this.opts.from)) : "<no source>"
       });
     }
@@ -2707,14 +2714,9 @@ var MapGenerator$2 = (_a8 = class {
     if (this.isAnnotation())
       this.addAnnotation();
     if (this.isInline()) {
-      return [
-        this.css
-      ];
+      return [this.css];
     } else {
-      return [
-        this.css,
-        this.map
-      ];
+      return [this.css, this.map];
     }
   }
   generateString() {
@@ -2727,14 +2729,8 @@ var MapGenerator$2 = (_a8 = class {
     let column = 1;
     let noSource = "<no source>";
     let mapping = {
-      generated: {
-        column: 0,
-        line: 0
-      },
-      original: {
-        column: 0,
-        line: 0
-      },
+      generated: { column: 0, line: 0 },
+      original: { column: 0, line: 0 },
       source: ""
     };
     let lines, last;
@@ -2764,9 +2760,7 @@ var MapGenerator$2 = (_a8 = class {
         column += str.length;
       }
       if (node2 && type !== "start") {
-        let p = node2.parent || {
-          raws: {}
-        };
+        let p = node2.parent || { raws: {} };
         let childless = node2.type === "decl" || node2.type === "atrule" && !node2.nodes;
         if (!childless || node2 !== p.last || p.raws.semicolon) {
           if (node2.source && node2.source.end) {
@@ -2918,7 +2912,9 @@ var MapGenerator$2 = (_a8 = class {
       this.memoizedFileURLs.set(path, fileURL);
       return fileURL;
     } else {
-      throw new Error("`map.absolute` option is not available in this PostCSS build");
+      throw new Error(
+        "`map.absolute` option is not available in this PostCSS build"
+      );
     }
   }
   toUrl(path) {
@@ -2932,16 +2928,15 @@ var MapGenerator$2 = (_a8 = class {
     this.memoizedURLs.set(path, url);
     return url;
   }
-}, __name(_a8, "MapGenerator"), _a8);
+};
 var mapGenerator = MapGenerator$2;
 var Node$2 = node;
-var _a9;
-var Comment$4 = (_a9 = class extends Node$2 {
+var Comment$4 = class Comment extends Node$2 {
   constructor(defaults) {
     super(defaults);
     this.type = "comment";
   }
-}, __name(_a9, "Comment"), _a9);
+};
 var comment = Comment$4;
 Comment$4.default = Comment$4;
 var { isClean: isClean$1, my: my$1 } = symbols;
@@ -2960,7 +2955,6 @@ function cleanSource(nodes) {
     return i;
   });
 }
-__name(cleanSource, "cleanSource");
 function markDirtyUp(node2) {
   node2[isClean$1] = false;
   if (node2.proxyOf.nodes) {
@@ -2969,9 +2963,7 @@ function markDirtyUp(node2) {
     }
   }
 }
-__name(markDirtyUp, "markDirtyUp");
-var _a10;
-var Container$7 = (_a10 = class extends Node$1 {
+var Container$7 = class Container extends Node$1 {
   append(...children) {
     for (let child of children) {
       let nodes = this.normalize(child, this.last);
@@ -3025,17 +3017,21 @@ var Container$7 = (_a10 = class extends Node$1 {
           return node2[prop];
         } else if (prop === "each" || typeof prop === "string" && prop.startsWith("walk")) {
           return (...args) => {
-            return node2[prop](...args.map((i) => {
-              if (typeof i === "function") {
-                return (child, index2) => i(child.toProxy(), index2);
-              } else {
-                return i;
-              }
-            }));
+            return node2[prop](
+              ...args.map((i) => {
+                if (typeof i === "function") {
+                  return (child, index2) => i(child.toProxy(), index2);
+                } else {
+                  return i;
+                }
+              })
+            );
           };
         } else if (prop === "every" || prop === "some") {
           return (cb) => {
-            return node2[prop]((child, ...other) => cb(child.toProxy(), ...other));
+            return node2[prop](
+              (child, ...other) => cb(child.toProxy(), ...other)
+            );
           };
         } else if (prop === "root") {
           return () => node2.root().toProxy();
@@ -3116,36 +3112,26 @@ var Container$7 = (_a10 = class extends Node$1 {
           i.parent.removeChild(i, "ignore");
       }
     } else if (nodes.type) {
-      nodes = [
-        nodes
-      ];
+      nodes = [nodes];
     } else if (nodes.prop) {
       if (typeof nodes.value === "undefined") {
         throw new Error("Value field is missed in node creation");
       } else if (typeof nodes.value !== "string") {
         nodes.value = String(nodes.value);
       }
-      nodes = [
-        new Declaration$3(nodes)
-      ];
+      nodes = [new Declaration$3(nodes)];
     } else if (nodes.selector) {
-      nodes = [
-        new Rule$4(nodes)
-      ];
+      nodes = [new Rule$4(nodes)];
     } else if (nodes.name) {
-      nodes = [
-        new AtRule$4(nodes)
-      ];
+      nodes = [new AtRule$4(nodes)];
     } else if (nodes.text) {
-      nodes = [
-        new Comment$3(nodes)
-      ];
+      nodes = [new Comment$3(nodes)];
     } else {
       throw new Error("Unknown node type in node creation");
     }
     let processed = nodes.map((i) => {
       if (!i[my$1])
-        _a10.rebuild(i);
+        Container.rebuild(i);
       i = i.proxyOf;
       if (i.parent)
         i.parent.removeChild(i);
@@ -3315,7 +3301,7 @@ var Container$7 = (_a10 = class extends Node$1 {
       return void 0;
     return this.proxyOf.nodes[this.proxyOf.nodes.length - 1];
   }
-}, __name(_a10, "Container"), _a10);
+};
 Container$7.registerParse = (dependant) => {
   parse$4 = dependant;
 };
@@ -3352,13 +3338,9 @@ Container$7.rebuild = (node2) => {
 var Container$6 = container;
 var LazyResult$4;
 var Processor$3;
-var _a11;
-var Document$3 = (_a11 = class extends Container$6 {
+var Document$3 = class Document extends Container$6 {
   constructor(defaults) {
-    super({
-      type: "document",
-      ...defaults
-    });
+    super({ type: "document", ...defaults });
     if (!this.nodes) {
       this.nodes = [];
     }
@@ -3367,7 +3349,7 @@ var Document$3 = (_a11 = class extends Container$6 {
     let lazy = new LazyResult$4(new Processor$3(), this, opts);
     return lazy.stringify();
   }
-}, __name(_a11, "Document"), _a11);
+};
 Document$3.registerLazyResult = (dependant) => {
   LazyResult$4 = dependant;
 };
@@ -3377,16 +3359,15 @@ Document$3.registerProcessor = (dependant) => {
 var document$1 = Document$3;
 Document$3.default = Document$3;
 var printed = {};
-var warnOnce$2 = /* @__PURE__ */ __name(function warnOnce(message) {
+var warnOnce$2 = function warnOnce(message) {
   if (printed[message])
     return;
   printed[message] = true;
   if (typeof console !== "undefined" && console.warn) {
     console.warn(message);
   }
-}, "warnOnce");
-var _a12;
-var Warning$2 = (_a12 = class {
+};
+var Warning$2 = class Warning {
   constructor(text, opts = {}) {
     this.type = "warning";
     this.text = text;
@@ -3413,12 +3394,11 @@ var Warning$2 = (_a12 = class {
     }
     return this.text;
   }
-}, __name(_a12, "Warning"), _a12);
+};
 var warning = Warning$2;
 Warning$2.default = Warning$2;
 var Warning$1 = warning;
-var _a13;
-var Result$3 = (_a13 = class {
+var Result$3 = class Result {
   constructor(processor2, root2, opts) {
     this.processor = processor2;
     this.messages = [];
@@ -3446,7 +3426,7 @@ var Result$3 = (_a13 = class {
   get content() {
     return this.css;
   }
-}, __name(_a13, "Result"), _a13);
+};
 var result = Result$3;
 Result$3.default = Result$3;
 var SINGLE_QUOTE = "'".charCodeAt(0);
@@ -3472,7 +3452,7 @@ var RE_AT_END = /[\t\n\f\r "#'()/;[\\\]{}]/g;
 var RE_WORD_END = /[\t\n\f\r !"#'():;@[\\\]{}]|\/(?=\*)/g;
 var RE_BAD_BRACKET = /.[\r\n"'(/\\]/;
 var RE_HEX_ESCAPE = /[\da-f]/i;
-var tokenize = /* @__PURE__ */ __name(function tokenizer(input2, options = {}) {
+var tokenize = function tokenizer(input2, options = {}) {
   let css = input2.css.valueOf();
   let ignore = options.ignoreErrors;
   let code, next, quote, content, escape;
@@ -3484,15 +3464,12 @@ var tokenize = /* @__PURE__ */ __name(function tokenizer(input2, options = {}) {
   function position() {
     return pos;
   }
-  __name(position, "position");
   function unclosed(what) {
     throw input2.error("Unclosed " + what, pos);
   }
-  __name(unclosed, "unclosed");
   function endOfFile() {
     return returned.length === 0 && pos >= length;
   }
-  __name(endOfFile, "endOfFile");
   function nextToken(opts) {
     if (returned.length)
       return returned.pop();
@@ -3511,10 +3488,7 @@ var tokenize = /* @__PURE__ */ __name(function tokenizer(input2, options = {}) {
           next += 1;
           code = css.charCodeAt(next);
         } while (code === SPACE || code === NEWLINE || code === TAB || code === CR || code === FEED);
-        currentToken = [
-          "space",
-          css.slice(pos, next)
-        ];
+        currentToken = ["space", css.slice(pos, next)];
         pos = next - 1;
         break;
       }
@@ -3526,11 +3500,7 @@ var tokenize = /* @__PURE__ */ __name(function tokenizer(input2, options = {}) {
       case SEMICOLON:
       case CLOSE_PARENTHESES: {
         let controlChar = String.fromCharCode(code);
-        currentToken = [
-          controlChar,
-          controlChar,
-          pos
-        ];
+        currentToken = [controlChar, controlChar, pos];
         break;
       }
       case OPEN_PARENTHESES: {
@@ -3555,29 +3525,15 @@ var tokenize = /* @__PURE__ */ __name(function tokenizer(input2, options = {}) {
               escaped = !escaped;
             }
           } while (escaped);
-          currentToken = [
-            "brackets",
-            css.slice(pos, next + 1),
-            pos,
-            next
-          ];
+          currentToken = ["brackets", css.slice(pos, next + 1), pos, next];
           pos = next;
         } else {
           next = css.indexOf(")", pos + 1);
           content = css.slice(pos, next + 1);
           if (next === -1 || RE_BAD_BRACKET.test(content)) {
-            currentToken = [
-              "(",
-              "(",
-              pos
-            ];
+            currentToken = ["(", "(", pos];
           } else {
-            currentToken = [
-              "brackets",
-              content,
-              pos,
-              next
-            ];
+            currentToken = ["brackets", content, pos, next];
             pos = next;
           }
         }
@@ -3604,12 +3560,7 @@ var tokenize = /* @__PURE__ */ __name(function tokenizer(input2, options = {}) {
             escaped = !escaped;
           }
         } while (escaped);
-        currentToken = [
-          "string",
-          css.slice(pos, next + 1),
-          pos,
-          next
-        ];
+        currentToken = ["string", css.slice(pos, next + 1), pos, next];
         pos = next;
         break;
       }
@@ -3621,12 +3572,7 @@ var tokenize = /* @__PURE__ */ __name(function tokenizer(input2, options = {}) {
         } else {
           next = RE_AT_END.lastIndex - 2;
         }
-        currentToken = [
-          "at-word",
-          css.slice(pos, next + 1),
-          pos,
-          next
-        ];
+        currentToken = ["at-word", css.slice(pos, next + 1), pos, next];
         pos = next;
         break;
       }
@@ -3649,12 +3595,7 @@ var tokenize = /* @__PURE__ */ __name(function tokenizer(input2, options = {}) {
             }
           }
         }
-        currentToken = [
-          "word",
-          css.slice(pos, next + 1),
-          pos,
-          next
-        ];
+        currentToken = ["word", css.slice(pos, next + 1), pos, next];
         pos = next;
         break;
       }
@@ -3668,12 +3609,7 @@ var tokenize = /* @__PURE__ */ __name(function tokenizer(input2, options = {}) {
               unclosed("comment");
             }
           }
-          currentToken = [
-            "comment",
-            css.slice(pos, next + 1),
-            pos,
-            next
-          ];
+          currentToken = ["comment", css.slice(pos, next + 1), pos, next];
           pos = next;
         } else {
           RE_WORD_END.lastIndex = pos + 1;
@@ -3683,12 +3619,7 @@ var tokenize = /* @__PURE__ */ __name(function tokenizer(input2, options = {}) {
           } else {
             next = RE_WORD_END.lastIndex - 2;
           }
-          currentToken = [
-            "word",
-            css.slice(pos, next + 1),
-            pos,
-            next
-          ];
+          currentToken = ["word", css.slice(pos, next + 1), pos, next];
           buffer.push(currentToken);
           pos = next;
         }
@@ -3698,21 +3629,18 @@ var tokenize = /* @__PURE__ */ __name(function tokenizer(input2, options = {}) {
     pos++;
     return currentToken;
   }
-  __name(nextToken, "nextToken");
   function back(token) {
     returned.push(token);
   }
-  __name(back, "back");
   return {
     back,
     endOfFile,
     nextToken,
     position
   };
-}, "tokenizer");
+};
 var Container$5 = container;
-var _a14;
-var AtRule$3 = (_a14 = class extends Container$5 {
+var AtRule$3 = class AtRule extends Container$5 {
   constructor(defaults) {
     super(defaults);
     this.type = "atrule";
@@ -3727,15 +3655,14 @@ var AtRule$3 = (_a14 = class extends Container$5 {
       this.nodes = [];
     return super.prepend(...children);
   }
-}, __name(_a14, "AtRule"), _a14);
+};
 var atRule = AtRule$3;
 AtRule$3.default = AtRule$3;
 Container$5.registerAtRule(AtRule$3);
 var Container$4 = container;
 var LazyResult$3;
 var Processor$2;
-var _a15;
-var Root$5 = (_a15 = class extends Container$4 {
+var Root$5 = class Root extends Container$4 {
   constructor(defaults) {
     super(defaults);
     this.type = "root";
@@ -3770,7 +3697,7 @@ var Root$5 = (_a15 = class extends Container$4 {
     let lazy = new LazyResult$3(new Processor$2(), this, opts);
     return lazy.stringify();
   }
-}, __name(_a15, "Root"), _a15);
+};
 Root$5.registerLazyResult = (dependant) => {
   LazyResult$3 = dependant;
 };
@@ -3782,16 +3709,10 @@ Root$5.default = Root$5;
 Container$4.registerRoot(Root$5);
 var list$2 = {
   comma(string) {
-    return list$2.split(string, [
-      ","
-    ], true);
+    return list$2.split(string, [","], true);
   },
   space(string) {
-    let spaces = [
-      " ",
-      "\n",
-      "	"
-    ];
+    let spaces = [" ", "\n", "	"];
     return list$2.split(string, spaces);
   },
   split(string, separators, last) {
@@ -3841,8 +3762,7 @@ var list_1 = list$2;
 list$2.default = list$2;
 var Container$3 = container;
 var list$1 = list_1;
-var _a16;
-var Rule$3 = (_a16 = class extends Container$3 {
+var Rule$3 = class Rule extends Container$3 {
   constructor(defaults) {
     super(defaults);
     this.type = "rule";
@@ -3857,7 +3777,7 @@ var Rule$3 = (_a16 = class extends Container$3 {
     let sep2 = match ? match[0] : "," + this.raw("between", "beforeOpen");
     this.selector = values.join(sep2);
   }
-}, __name(_a16, "Rule"), _a16);
+};
 var rule = Rule$3;
 Rule$3.default = Rule$3;
 Container$3.registerRule(Rule$3);
@@ -3879,9 +3799,7 @@ function findLastWithPosition(tokens) {
       return pos;
   }
 }
-__name(findLastWithPosition, "findLastWithPosition");
-var _a17;
-var Parser$1 = (_a17 = class {
+var Parser$1 = class Parser {
   constructor(input2) {
     this.input = input2;
     this.root = new Root$4();
@@ -3889,14 +3807,7 @@ var Parser$1 = (_a17 = class {
     this.spaces = "";
     this.semicolon = false;
     this.createTokenizer();
-    this.root.source = {
-      input: input2,
-      start: {
-        column: 1,
-        line: 1,
-        offset: 0
-      }
-    };
+    this.root.source = { input: input2, start: { column: 1, line: 1, offset: 0 } };
   }
   atrule(token) {
     let node2 = new AtRule$2();
@@ -3990,7 +3901,10 @@ var Parser$1 = (_a17 = class {
           break;
       }
     }
-    throw this.input.error("Missed semicolon", token[0] === "word" ? token[3] + 1 : token[2]);
+    throw this.input.error(
+      "Missed semicolon",
+      token[0] === "word" ? token[3] + 1 : token[2]
+    );
   }
   colon(tokens) {
     let brackets = 0;
@@ -4045,7 +3959,9 @@ var Parser$1 = (_a17 = class {
       this.semicolon = true;
       tokens.pop();
     }
-    node2.source.end = this.getPosition(last[3] || last[2] || findLastWithPosition(tokens));
+    node2.source.end = this.getPosition(
+      last[3] || last[2] || findLastWithPosition(tokens)
+    );
     node2.source.end.offset++;
     while (tokens[0][0] !== "word") {
       if (tokens.length === 1)
@@ -4070,9 +3986,7 @@ var Parser$1 = (_a17 = class {
         break;
       } else {
         if (token[0] === "word" && /\w/.test(token[1])) {
-          this.unknownWord([
-            token
-          ]);
+          this.unknownWord([token]);
         }
         node2.raws.between += token[1];
       }
@@ -4130,11 +4044,11 @@ var Parser$1 = (_a17 = class {
     }
   }
   doubleColon(token) {
-    throw this.input.error("Double colon", {
-      offset: token[2]
-    }, {
-      offset: token[2] + token[1].length
-    });
+    throw this.input.error(
+      "Double colon",
+      { offset: token[2] },
+      { offset: token[2] + token[1].length }
+    );
   }
   emptyRule(token) {
     let node2 = new Rule$2();
@@ -4321,10 +4235,7 @@ var Parser$1 = (_a17 = class {
     }
     if (!clean) {
       let raw = tokens.reduce((all, i) => all + i[1], "");
-      node2.raws[prop] = {
-        raw,
-        value
-      };
+      node2.raws[prop] = { raw, value };
     }
     node2[prop] = value;
   }
@@ -4383,34 +4294,34 @@ var Parser$1 = (_a17 = class {
     throw this.input.error("Unclosed block", pos.line, pos.column);
   }
   unclosedBracket(bracket) {
-    throw this.input.error("Unclosed bracket", {
-      offset: bracket[2]
-    }, {
-      offset: bracket[2] + 1
-    });
+    throw this.input.error(
+      "Unclosed bracket",
+      { offset: bracket[2] },
+      { offset: bracket[2] + 1 }
+    );
   }
   unexpectedClose(token) {
-    throw this.input.error("Unexpected }", {
-      offset: token[2]
-    }, {
-      offset: token[2] + 1
-    });
+    throw this.input.error(
+      "Unexpected }",
+      { offset: token[2] },
+      { offset: token[2] + 1 }
+    );
   }
   unknownWord(tokens) {
-    throw this.input.error("Unknown word", {
-      offset: tokens[0][2]
-    }, {
-      offset: tokens[0][2] + tokens[0][1].length
-    });
+    throw this.input.error(
+      "Unknown word",
+      { offset: tokens[0][2] },
+      { offset: tokens[0][2] + tokens[0][1].length }
+    );
   }
   unnamedAtrule(node2, token) {
-    throw this.input.error("At-rule without name", {
-      offset: token[2]
-    }, {
-      offset: token[2] + token[1].length
-    });
+    throw this.input.error(
+      "At-rule without name",
+      { offset: token[2] },
+      { offset: token[2] + token[1].length }
+    );
   }
-}, __name(_a17, "Parser"), _a17);
+};
 var parser = Parser$1;
 var Container$2 = container;
 var Parser2 = parser;
@@ -4436,7 +4347,6 @@ function parse$3(css, opts) {
   }
   return parser2.root;
 }
-__name(parse$3, "parse$3");
 var parse_1 = parse$3;
 parse$3.default = parse$3;
 Container$2.registerParse(parse$3);
@@ -4484,7 +4394,6 @@ var CHILDREN = 0;
 function isPromise(obj) {
   return typeof obj === "object" && typeof obj.then === "function";
 }
-__name(isPromise, "isPromise");
 function getEvents(node2) {
   let key = false;
   let type = TYPE_TO_CLASS_NAME[node2.type];
@@ -4502,40 +4411,19 @@ function getEvents(node2) {
       type + "Exit-" + key
     ];
   } else if (key) {
-    return [
-      type,
-      type + "-" + key,
-      type + "Exit",
-      type + "Exit-" + key
-    ];
+    return [type, type + "-" + key, type + "Exit", type + "Exit-" + key];
   } else if (node2.append) {
-    return [
-      type,
-      CHILDREN,
-      type + "Exit"
-    ];
+    return [type, CHILDREN, type + "Exit"];
   } else {
-    return [
-      type,
-      type + "Exit"
-    ];
+    return [type, type + "Exit"];
   }
 }
-__name(getEvents, "getEvents");
 function toStack(node2) {
   let events;
   if (node2.type === "document") {
-    events = [
-      "Document",
-      CHILDREN,
-      "DocumentExit"
-    ];
+    events = ["Document", CHILDREN, "DocumentExit"];
   } else if (node2.type === "root") {
-    events = [
-      "Root",
-      CHILDREN,
-      "RootExit"
-    ];
+    events = ["Root", CHILDREN, "RootExit"];
   } else {
     events = getEvents(node2);
   }
@@ -4548,24 +4436,21 @@ function toStack(node2) {
     visitors: []
   };
 }
-__name(toStack, "toStack");
 function cleanMarks(node2) {
   node2[isClean] = false;
   if (node2.nodes)
     node2.nodes.forEach((i) => cleanMarks(i));
   return node2;
 }
-__name(cleanMarks, "cleanMarks");
 var postcss$2 = {};
-var _a18;
-var LazyResult$2 = (_a18 = class {
+var LazyResult$2 = class LazyResult {
   constructor(processor2, css, opts) {
     this.stringified = false;
     this.processed = false;
     let root2;
     if (typeof css === "object" && css !== null && (css.type === "root" || css.type === "document")) {
       root2 = cleanMarks(css);
-    } else if (css instanceof _a18 || css instanceof Result$2) {
+    } else if (css instanceof LazyResult || css instanceof Result$2) {
       root2 = cleanMarks(css.root);
       if (css.map) {
         if (typeof opts.map === "undefined")
@@ -4593,17 +4478,10 @@ var LazyResult$2 = (_a18 = class {
       }
     }
     this.result = new Result$2(processor2, root2, opts);
-    this.helpers = {
-      ...postcss$2,
-      postcss: postcss$2,
-      result: this.result
-    };
+    this.helpers = { ...postcss$2, postcss: postcss$2, result: this.result };
     this.plugins = this.processor.plugins.map((plugin2) => {
       if (typeof plugin2 === "object" && plugin2.prepare) {
-        return {
-          ...plugin2,
-          ...plugin2.prepare(this.result)
-        };
+        return { ...plugin2, ...plugin2.prepare(this.result) };
       } else {
         return plugin2;
       }
@@ -4645,7 +4523,9 @@ var LazyResult$2 = (_a18 = class {
           let a = pluginVer.split(".");
           let b = runtimeVer.split(".");
           if (a[0] !== b[0] || parseInt(a[1]) > parseInt(b[1])) {
-            console.error("Unknown error from PostCSS plugin. Your current PostCSS version is " + runtimeVer + ", but " + pluginName + " uses " + pluginVer + ". Perhaps this is the source of the error below.");
+            console.error(
+              "Unknown error from PostCSS plugin. Your current PostCSS version is " + runtimeVer + ", but " + pluginName + " uses " + pluginVer + ". Perhaps this is the source of the error below."
+            );
           }
         }
       }
@@ -4657,19 +4537,18 @@ var LazyResult$2 = (_a18 = class {
   }
   prepareVisitors() {
     this.listeners = {};
-    let add = /* @__PURE__ */ __name((plugin2, type, cb) => {
+    let add = (plugin2, type, cb) => {
       if (!this.listeners[type])
         this.listeners[type] = [];
-      this.listeners[type].push([
-        plugin2,
-        cb
-      ]);
-    }, "add");
+      this.listeners[type].push([plugin2, cb]);
+    };
     for (let plugin2 of this.plugins) {
       if (typeof plugin2 === "object") {
         for (let event in plugin2) {
           if (!PLUGIN_PROPS[event] && /^[A-Z]/.test(event)) {
-            throw new Error(`Unknown event ${event} in ${plugin2.postcssPlugin}. Try to update PostCSS (${this.processor.version} now).`);
+            throw new Error(
+              `Unknown event ${event} in ${plugin2.postcssPlugin}. Try to update PostCSS (${this.processor.version} now).`
+            );
           }
           if (!NOT_VISITORS[event]) {
             if (typeof plugin2[event] === "object") {
@@ -4677,7 +4556,11 @@ var LazyResult$2 = (_a18 = class {
                 if (filter === "*") {
                   add(plugin2, event, plugin2[event][filter]);
                 } else {
-                  add(plugin2, event + "-" + filter.toLowerCase(), plugin2[event][filter]);
+                  add(
+                    plugin2,
+                    event + "-" + filter.toLowerCase(),
+                    plugin2[event][filter]
+                  );
                 }
               }
             } else if (typeof plugin2[event] === "function") {
@@ -4707,9 +4590,7 @@ var LazyResult$2 = (_a18 = class {
       let root2 = this.result.root;
       while (!root2[isClean]) {
         root2[isClean] = true;
-        let stack = [
-          toStack(root2)
-        ];
+        let stack = [toStack(root2)];
         while (stack.length > 0) {
           let promise = this.visitTick(stack);
           if (isPromise(promise)) {
@@ -4727,7 +4608,9 @@ var LazyResult$2 = (_a18 = class {
           this.result.lastPlugin = plugin2;
           try {
             if (root2.type === "document") {
-              let roots = root2.nodes.map((subRoot) => visitor(subRoot, this.helpers));
+              let roots = root2.nodes.map(
+                (subRoot) => visitor(subRoot, this.helpers)
+              );
               await Promise.all(roots);
             } else {
               await visitor(root2, this.helpers);
@@ -4746,7 +4629,9 @@ var LazyResult$2 = (_a18 = class {
     try {
       if (typeof plugin2 === "object" && plugin2.Once) {
         if (this.result.root.type === "document") {
-          let roots = this.result.root.nodes.map((root2) => plugin2.Once(root2, this.helpers));
+          let roots = this.result.root.nodes.map(
+            (root2) => plugin2.Once(root2, this.helpers)
+          );
           if (isPromise(roots[0])) {
             return Promise.all(roots);
           }
@@ -4818,7 +4703,9 @@ var LazyResult$2 = (_a18 = class {
   then(onFulfilled, onRejected) {
     {
       if (!("from" in this.opts)) {
-        warnOnce$1("Without `from` option PostCSS could generate wrong source map and will not find Browserslist config. Set it to CSS file path or to `undefined` to prevent this warning.");
+        warnOnce$1(
+          "Without `from` option PostCSS could generate wrong source map and will not find Browserslist config. Set it to CSS file path or to `undefined` to prevent this warning."
+        );
       }
     }
     return this.async().then(onFulfilled, onRejected);
@@ -4942,7 +4829,7 @@ var LazyResult$2 = (_a18 = class {
   get [Symbol.toStringTag]() {
     return "LazyResult";
   }
-}, __name(_a18, "LazyResult"), _a18);
+};
 LazyResult$2.registerPostcss = (dependant) => {
   postcss$2 = dependant;
 };
@@ -4955,8 +4842,7 @@ var stringify$1 = stringify_1;
 var warnOnce2 = warnOnce$2;
 var parse$1 = parse_1;
 var Result$1 = result;
-var _a19;
-var NoWorkResult$1 = (_a19 = class {
+var NoWorkResult$1 = class NoWorkResult {
   constructor(processor2, css, opts) {
     css = css.toString();
     this.stringified = false;
@@ -5007,7 +4893,9 @@ var NoWorkResult$1 = (_a19 = class {
   then(onFulfilled, onRejected) {
     {
       if (!("from" in this._opts)) {
-        warnOnce2("Without `from` option PostCSS could generate wrong source map and will not find Browserslist config. Set it to CSS file path or to `undefined` to prevent this warning.");
+        warnOnce2(
+          "Without `from` option PostCSS could generate wrong source map and will not find Browserslist config. Set it to CSS file path or to `undefined` to prevent this warning."
+        );
       }
     }
     return this.async().then(onFulfilled, onRejected);
@@ -5057,15 +4945,14 @@ var NoWorkResult$1 = (_a19 = class {
   get [Symbol.toStringTag]() {
     return "NoWorkResult";
   }
-}, __name(_a19, "NoWorkResult"), _a19);
+};
 var noWorkResult = NoWorkResult$1;
 NoWorkResult$1.default = NoWorkResult$1;
 var NoWorkResult2 = noWorkResult;
 var LazyResult$1 = lazyResult;
 var Document$1 = document$1;
 var Root$2 = root;
-var _a20;
-var Processor$1 = (_a20 = class {
+var Processor$1 = class Processor {
   constructor(plugins = []) {
     this.version = "8.4.38";
     this.plugins = this.normalize(plugins);
@@ -5086,7 +4973,9 @@ var Processor$1 = (_a20 = class {
         normalized.push(i);
       } else if (typeof i === "object" && (i.parse || i.stringify)) {
         {
-          throw new Error("PostCSS syntaxes cannot be used as plugins. Instead, please use one of the syntax/parser/stringifier options as outlined in your PostCSS runner documentation.");
+          throw new Error(
+            "PostCSS syntaxes cannot be used as plugins. Instead, please use one of the syntax/parser/stringifier options as outlined in your PostCSS runner documentation."
+          );
         }
       } else {
         throw new Error(i + " is not a PostCSS plugin");
@@ -5102,12 +4991,10 @@ var Processor$1 = (_a20 = class {
     }
   }
   use(plugin2) {
-    this.plugins = this.plugins.concat(this.normalize([
-      plugin2
-    ]));
+    this.plugins = this.plugins.concat(this.normalize([plugin2]));
     return this;
   }
-}, __name(_a20, "Processor"), _a20);
+};
 var processor = Processor$1;
 Processor$1.default = Processor$1;
 Root$2.registerProcessor(Processor$1);
@@ -5126,10 +5013,7 @@ function fromJSON$1(json, inputs) {
   if (ownInputs) {
     inputs = [];
     for (let input2 of ownInputs) {
-      let inputHydrated = {
-        ...input2,
-        __proto__: Input$1.prototype
-      };
+      let inputHydrated = { ...input2, __proto__: Input$1.prototype };
       if (inputHydrated.map) {
         inputHydrated.map = {
           ...inputHydrated.map,
@@ -5163,7 +5047,6 @@ function fromJSON$1(json, inputs) {
     throw new Error("Unknown node type: " + json.type);
   }
 }
-__name(fromJSON$1, "fromJSON$1");
 var fromJSON_1 = fromJSON$1;
 fromJSON$1.default = fromJSON$1;
 var CssSyntaxError2 = cssSyntaxError;
@@ -5190,15 +5073,18 @@ function postcss(...plugins) {
   }
   return new Processor2(plugins);
 }
-__name(postcss, "postcss");
-postcss.plugin = /* @__PURE__ */ __name(function plugin(name, initializer) {
+postcss.plugin = function plugin(name, initializer) {
   let warningPrinted = false;
   function creator(...args) {
     if (console && console.warn && !warningPrinted) {
       warningPrinted = true;
-      console.warn(name + ": postcss.plugin was deprecated. Migration guide:\nhttps://evilmartians.com/chronicles/postcss-8-plugin-migration");
+      console.warn(
+        name + ": postcss.plugin was deprecated. Migration guide:\nhttps://evilmartians.com/chronicles/postcss-8-plugin-migration"
+      );
       if (process.env.LANG && process.env.LANG.startsWith("cn")) {
-        console.warn(name + ": \u91CC\u9762 postcss.plugin \u88AB\u5F03\u7528. \u8FC1\u79FB\u6307\u5357:\nhttps://www.w3ctech.com/topic/2226");
+        console.warn(
+          name + ": \u91CC\u9762 postcss.plugin \u88AB\u5F03\u7528. \u8FC1\u79FB\u6307\u5357:\nhttps://www.w3ctech.com/topic/2226"
+        );
       }
     }
     let transformer = initializer(...args);
@@ -5206,7 +5092,6 @@ postcss.plugin = /* @__PURE__ */ __name(function plugin(name, initializer) {
     transformer.postcssVersion = new Processor2().version;
     return transformer;
   }
-  __name(creator, "creator");
   let cache;
   Object.defineProperty(creator, "postcss", {
     get() {
@@ -5216,12 +5101,10 @@ postcss.plugin = /* @__PURE__ */ __name(function plugin(name, initializer) {
     }
   });
   creator.process = function(css, processOpts, pluginOpts) {
-    return postcss([
-      creator(pluginOpts)
-    ]).process(css, processOpts);
+    return postcss([creator(pluginOpts)]).process(css, processOpts);
   };
   return creator;
-}, "plugin");
+};
 postcss.stringify = stringify;
 postcss.parse = parse;
 postcss.fromJSON = fromJSON;
@@ -5277,43 +5160,33 @@ postcss$1.Node;
 // src/browser.ts
 async function takeSnapshot() {
   const mirror = createMirror();
-  const domSnapshot = snapshot(document, {
-    recordCanvas: true,
-    mirror
-  });
+  const domSnapshot = snapshot(document, { recordCanvas: true, mirror });
+  const colorScheme = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
   const pseudoClassIds = {};
-  for (const className of [
-    ":hover",
-    ":focus",
-    ":focus-visible",
-    ":active"
-  ]) {
+  for (const className of [":hover", ":focus", ":focus-visible", ":active"]) {
     const elements = document.querySelectorAll(className);
     const ids = Array.from(elements, (el) => mirror.getId(el)).filter((id) => id !== -1);
     pseudoClassIds[className] = ids;
   }
   await replaceBlobUrls(domSnapshot);
-  return {
-    domSnapshot,
-    pseudoClassIds
-  };
+  return { domSnapshot, pseudoClassIds, colorScheme };
 }
-__name(takeSnapshot, "takeSnapshot");
 async function replaceBlobUrls(node2) {
   if (!("childNodes" in node2)) {
     return;
   }
-  await Promise.all(node2.childNodes.map(async (childNode) => {
-    if ("tagName" in childNode && childNode.tagName === "img" && typeof childNode.attributes.src === "string" && childNode.attributes.src?.startsWith("blob:")) {
-      const base64Url = await toDataURL(childNode.attributes.src);
-      childNode.attributes.src = base64Url;
-    }
-    if ("childNodes" in childNode && childNode.childNodes?.length) {
-      await replaceBlobUrls(childNode);
-    }
-  }));
+  await Promise.all(
+    node2.childNodes.map(async (childNode) => {
+      if ("tagName" in childNode && childNode.tagName === "img" && typeof childNode.attributes.src === "string" && childNode.attributes.src?.startsWith("blob:")) {
+        const base64Url = await toDataURL(childNode.attributes.src);
+        childNode.attributes.src = base64Url;
+      }
+      if ("childNodes" in childNode && childNode.childNodes?.length) {
+        await replaceBlobUrls(childNode);
+      }
+    })
+  );
 }
-__name(replaceBlobUrls, "replaceBlobUrls");
 async function toDataURL(url) {
   const blob = await fetch(url).then((res) => res.blob());
   return new Promise((resolveFileRead, reject) => {
@@ -5323,5 +5196,4 @@ async function toDataURL(url) {
     reader.readAsDataURL(blob);
   });
 }
-__name(toDataURL, "toDataURL");
 window.__chromatic_takeSnapshot = takeSnapshot;