setupin 3.1.2 → 3.3.0-beta.1

package/dist/main.js

@@ -51,31 +51,25 @@ var __async = (__this, __arguments, generator) => {
 };
 (function() {
   "use strict";
-  const ASCII_LOGO = "/***************************************\r\n**           _               _        **\r\n**  ___  ___| |_ _   _ _ __ (_)_ __   **\r\n** / __|/ _ \\ __| | | | '_ \\| | '_ \\  **\r\n** \\__ \\  __/ |_| |_| | |_/ | | | | | **\r\n** |___/\\___|\\__|\\__,_| .__/|_|_| |_| **\r\n**                    |_|             **\r\n***************************************/";
-  const APP_VAR_NAME = "APP$";
-  const REPO_NAME = "setupin";
-  const IMPORTS_TAG_CODE = `
-<script ${REPO_NAME} type="importmap">
-  ${JSON.stringify({ imports: { vue: "https://unpkg.com/vue@latest/dist/vue.runtime.esm-browser.js" } })}
-<\/script>
-`;
-  const INIT_CODE = `
-  let ${APP_VAR_NAME} = {}
-`;
-  const CREATE_APP_CODE = `
-  import { createApp as _createApp, defineComponent as _defineComponent, h as _h, Suspense as _Suspense } from 'vue'
-  _createApp(_defineComponent(
-    String(${APP_VAR_NAME}.setup).startsWith('async')
-    ? () => () => _h(_Suspense, null, { 
-      default: _h(${APP_VAR_NAME}),
-      fallback: _h('div', 'Loading...'),
-    })
-    : ${APP_VAR_NAME}
-  )).mount(document.body)
-`;
-  const SCOPED_ID_CODE = `${APP_VAR_NAME}.__scopeId = "data-v-${REPO_NAME}"`;
+  function generator({ id: id2, appName, isScoped, mount }) {
+    return {
+      initCode: `let ${appName} = {}`,
+      createAppCode: `
+      import { createApp as _createApp, defineComponent as _defineComponent, h as _h, Suspense as _Suspense } from 'vue'
+      _createApp(_defineComponent(
+        String(${appName}.setup).startsWith('async')
+        ? () => () => _h(_Suspense, null, { 
+          default: _h(${appName}),
+          fallback: _h('div', 'Loading...'),
+        })
+        : ${appName}
+      )).mount("${mount}")
+    `,
+      scopeIdCode: isScoped ? `${appName}.__scopeId = "data-v-${id2}"` : ""
+    };
+  }
   /**
-  * @vue/compiler-sfc v3.5.12
+  * @vue/compiler-sfc v3.5.13
   * (c) 2018-present Yuxi (Evan) You and Vue contributors
   * @license MIT
   **/
@@ -243,10 +237,9 @@ var __async = (__this, __arguments, generator) => {
     return ret;
   }
   function stringifyStyle(styles) {
+    if (!styles) return "";
+    if (isString$1(styles)) return styles;
     let ret = "";
-    if (!styles || isString$1(styles)) {
-      return ret;
-    }
     for (const key in styles) {
       const value = styles[key];
       if (isString$1(value) || typeof value === "number") {
@@ -724,12 +717,13 @@ var __async = (__this, __arguments, generator) => {
       loc: locStub
     };
   }
-  function createCacheExpression(index, value, needPauseTracking = false) {
+  function createCacheExpression(index, value, needPauseTracking = false, inVOnce = false) {
     return {
       type: 20,
       index,
       value,
       needPauseTracking,
+      inVOnce,
       needArraySpread: false,
       loc: locStub
     };
@@ -1145,6 +1139,7 @@ var __async = (__this, __arguments, generator) => {
         case EntityDecoderState.NamedEntity: {
           return this.result !== 0 && (this.decodeMode !== DecodingMode.Attribute || this.result === this.treeIndex) ? this.emitNotTerminatedNamedEntity() : 0;
         }
+        // Otherwise, emit a numeric entity if we have one.
         case EntityDecoderState.NumericDecimal: {
           return this.emitNumericEntity(0, 2);
         }
@@ -14257,7 +14252,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         const flags = this.prodParam.currentFlags();
         const prodParamToClear = 8 & flags;
         if (prodParamToClear) {
-          this.prodParam.enter(flags & ~8);
+          this.prodParam.enter(flags & -9);
           try {
             return callback();
           } finally {
@@ -16656,6 +16651,9 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   const isStaticPropertyKey = (node2, parent) => isStaticProperty(parent) && parent.key === node2;
   function isReferenced(node2, parent, grandparent) {
     switch (parent.type) {
+      // yes: PARENT[NODE]
+      // yes: NODE.child
+      // no: parent.NODE
       case "MemberExpression":
       case "OptionalMemberExpression":
         if (parent.property === node2) {
@@ -16664,12 +16662,23 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         return parent.object === node2;
       case "JSXMemberExpression":
         return parent.object === node2;
+      // no: let NODE = init;
+      // yes: let id = NODE;
       case "VariableDeclarator":
         return parent.init === node2;
+      // yes: () => NODE
+      // no: (NODE) => {}
       case "ArrowFunctionExpression":
         return parent.body === node2;
+      // no: class { #NODE; }
+      // no: class { get #NODE() {} }
+      // no: class { #NODE() {} }
+      // no: class { fn() { return this.#NODE; } }
       case "PrivateName":
         return false;
+      // no: class { NODE() {} }
+      // yes: class { [NODE]() {} }
+      // no: class { foo(NODE) {} }
       case "ClassMethod":
       case "ClassPrivateMethod":
       case "ObjectMethod":
@@ -16677,11 +16686,18 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           return !!parent.computed;
         }
         return false;
+      // yes: { [NODE]: "" }
+      // no: { NODE: "" }
+      // depends: { NODE }
+      // depends: { key: NODE }
       case "ObjectProperty":
         if (parent.key === node2) {
           return !!parent.computed;
         }
-        return !grandparent;
+        return true;
+      // no: class { NODE = value; }
+      // yes: class { [NODE] = value; }
+      // yes: class { key = NODE; }
       case "ClassProperty":
         if (parent.key === node2) {
           return !!parent.computed;
@@ -16689,47 +16705,80 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         return true;
       case "ClassPrivateProperty":
         return parent.key !== node2;
+      // no: class NODE {}
+      // yes: class Foo extends NODE {}
       case "ClassDeclaration":
       case "ClassExpression":
         return parent.superClass === node2;
+      // yes: left = NODE;
+      // no: NODE = right;
       case "AssignmentExpression":
         return parent.right === node2;
+      // no: [NODE = foo] = [];
+      // yes: [foo = NODE] = [];
       case "AssignmentPattern":
         return parent.right === node2;
+      // no: NODE: for (;;) {}
       case "LabeledStatement":
         return false;
+      // no: try {} catch (NODE) {}
       case "CatchClause":
         return false;
+      // no: function foo(...NODE) {}
       case "RestElement":
         return false;
       case "BreakStatement":
       case "ContinueStatement":
         return false;
+      // no: function NODE() {}
+      // no: function foo(NODE) {}
       case "FunctionDeclaration":
       case "FunctionExpression":
         return false;
+      // no: export NODE from "foo";
+      // no: export * as NODE from "foo";
       case "ExportNamespaceSpecifier":
       case "ExportDefaultSpecifier":
         return false;
+      // no: export { foo as NODE };
+      // yes: export { NODE as foo };
+      // no: export { NODE as foo } from "foo";
       case "ExportSpecifier":
         return parent.local === node2;
+      // no: import NODE from "foo";
+      // no: import * as NODE from "foo";
+      // no: import { NODE as foo } from "foo";
+      // no: import { foo as NODE } from "foo";
+      // no: import NODE from "bar";
       case "ImportDefaultSpecifier":
       case "ImportNamespaceSpecifier":
       case "ImportSpecifier":
         return false;
+      // no: import "foo" assert { NODE: "json" }
       case "ImportAttribute":
         return false;
+      // no: <div NODE="foo" />
       case "JSXAttribute":
         return false;
+      // no: [NODE] = [];
+      // no: ({ NODE }) = [];
       case "ObjectPattern":
       case "ArrayPattern":
         return false;
+      // no: new.NODE
+      // no: NODE.target
       case "MetaProperty":
         return false;
+      // yes: type X = { someProperty: NODE }
+      // no: type X = { NODE: OtherType }
       case "ObjectTypeProperty":
         return parent.key !== node2;
+      // yes: enum X { Foo = NODE }
+      // no: enum X { NODE }
       case "TSEnumMember":
         return parent.id !== node2;
+      // yes: { [NODE]: value }
+      // no: { NODE: value }
       case "TSPropertySignature":
         if (parent.key === node2) {
           return !!parent.computed;
@@ -17379,7 +17428,9 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           case 17:
           case 18:
           case 19:
+          // "
           case 20:
+          // '
           case 21:
             emitError(9, end);
             break;
@@ -18210,11 +18261,12 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         identifier.hoisted = exp;
         return identifier;
       },
-      cache(exp, isVNode = false) {
+      cache(exp, isVNode = false, inVOnce = false) {
         const cacheExp = createCacheExpression(
           context.cached.length,
           exp,
-          isVNode
+          isVNode,
+          inVOnce
         );
         context.cached.push(cacheExp);
         return cacheExp;
@@ -18328,6 +18380,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           context.helper(TO_DISPLAY_STRING);
         }
         break;
+      // for container types, further traverse downwards
       case 9:
         for (let i2 = 0; i2 < node2.branches.length; i2++) {
           traverseNode(node2.branches[i2], context);
@@ -18472,7 +18525,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   function requireUtil$3() {
     if (hasRequiredUtil$3) return util$3;
     hasRequiredUtil$3 = 1;
-    (function(exports) {
+    (function(exports$1) {
       function getArg(aArgs, aName, aDefaultValue) {
         if (aName in aArgs) {
           return aArgs[aName];
@@ -18482,7 +18535,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           throw new Error('"' + aName + '" is a required argument.');
         }
       }
-      exports.getArg = getArg;
+      exports$1.getArg = getArg;
       var urlRegexp = /^(?:([\w+\-.]+):)?\/\/(?:(\w+:\w+)@)?([\w.-]*)(?::(\d+))?(.*)$/;
       var dataUrlRegexp = /^data:.+\,.+$/;
       function urlParse2(aUrl) {
@@ -18498,7 +18551,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           path: match[5]
         };
       }
-      exports.urlParse = urlParse2;
+      exports$1.urlParse = urlParse2;
       function urlGenerate(aParsedUrl) {
         var url = "";
         if (aParsedUrl.scheme) {
@@ -18519,7 +18572,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         }
         return url;
       }
-      exports.urlGenerate = urlGenerate;
+      exports$1.urlGenerate = urlGenerate;
       var MAX_CACHED_INPUTS = 32;
       function lruMemoize(f) {
         var cache = [];
@@ -18552,7 +18605,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           }
           path2 = url.path;
         }
-        var isAbsolute2 = exports.isAbsolute(path2);
+        var isAbsolute2 = exports$1.isAbsolute(path2);
         var parts = [];
         var start = 0;
         var i = 0;
@@ -18595,7 +18648,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         }
         return path2;
       });
-      exports.normalize = normalize2;
+      exports$1.normalize = normalize2;
       function join2(aRoot, aPath) {
         if (aRoot === "") {
           aRoot = ".";
@@ -18628,8 +18681,8 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         }
         return joined;
       }
-      exports.join = join2;
-      exports.isAbsolute = function(aPath) {
+      exports$1.join = join2;
+      exports$1.isAbsolute = function(aPath) {
         return aPath.charAt(0) === "/" || urlRegexp.test(aPath);
       };
       function relative2(aRoot, aPath) {
@@ -18651,11 +18704,11 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         }
         return Array(level + 1).join("../") + aPath.substr(aRoot.length + 1);
       }
-      exports.relative = relative2;
-      var supportsNullProto = function() {
+      exports$1.relative = relative2;
+      var supportsNullProto = (function() {
         var obj = /* @__PURE__ */ Object.create(null);
         return !("__proto__" in obj);
-      }();
+      })();
       function identity(s) {
         return s;
       }
@@ -18665,14 +18718,14 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         }
         return aStr;
       }
-      exports.toSetString = supportsNullProto ? identity : toSetString;
+      exports$1.toSetString = supportsNullProto ? identity : toSetString;
       function fromSetString(aStr) {
         if (isProtoString(aStr)) {
           return aStr.slice(1);
         }
         return aStr;
       }
-      exports.fromSetString = supportsNullProto ? identity : fromSetString;
+      exports$1.fromSetString = supportsNullProto ? identity : fromSetString;
       function isProtoString(s) {
         if (!s) {
           return false;
@@ -18714,7 +18767,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         }
         return strcmp(mappingA.name, mappingB.name);
       }
-      exports.compareByOriginalPositions = compareByOriginalPositions;
+      exports$1.compareByOriginalPositions = compareByOriginalPositions;
       function compareByOriginalPositionsNoSource(mappingA, mappingB, onlyCompareOriginal) {
         var cmp;
         cmp = mappingA.originalLine - mappingB.originalLine;
@@ -18735,7 +18788,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         }
         return strcmp(mappingA.name, mappingB.name);
       }
-      exports.compareByOriginalPositionsNoSource = compareByOriginalPositionsNoSource;
+      exports$1.compareByOriginalPositionsNoSource = compareByOriginalPositionsNoSource;
       function compareByGeneratedPositionsDeflated(mappingA, mappingB, onlyCompareGenerated) {
         var cmp = mappingA.generatedLine - mappingB.generatedLine;
         if (cmp !== 0) {
@@ -18759,7 +18812,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         }
         return strcmp(mappingA.name, mappingB.name);
       }
-      exports.compareByGeneratedPositionsDeflated = compareByGeneratedPositionsDeflated;
+      exports$1.compareByGeneratedPositionsDeflated = compareByGeneratedPositionsDeflated;
       function compareByGeneratedPositionsDeflatedNoLine(mappingA, mappingB, onlyCompareGenerated) {
         var cmp = mappingA.generatedColumn - mappingB.generatedColumn;
         if (cmp !== 0 || onlyCompareGenerated) {
@@ -18779,7 +18832,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         }
         return strcmp(mappingA.name, mappingB.name);
       }
-      exports.compareByGeneratedPositionsDeflatedNoLine = compareByGeneratedPositionsDeflatedNoLine;
+      exports$1.compareByGeneratedPositionsDeflatedNoLine = compareByGeneratedPositionsDeflatedNoLine;
       function strcmp(aStr1, aStr2) {
         if (aStr1 === aStr2) {
           return 0;
@@ -18818,11 +18871,11 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         }
         return strcmp(mappingA.name, mappingB.name);
       }
-      exports.compareByGeneratedPositionsInflated = compareByGeneratedPositionsInflated;
+      exports$1.compareByGeneratedPositionsInflated = compareByGeneratedPositionsInflated;
       function parseSourceMapInput(str) {
         return JSON.parse(str.replace(/^\)]}'[^\n]*\n/, ""));
       }
-      exports.parseSourceMapInput = parseSourceMapInput;
+      exports$1.parseSourceMapInput = parseSourceMapInput;
       function computeSourceURL(sourceRoot, sourceURL, sourceMapURL) {
         sourceURL = sourceURL || "";
         if (sourceRoot) {
@@ -18846,7 +18899,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
         }
         return normalize2(sourceURL);
       }
-      exports.computeSourceURL = computeSourceURL;
+      exports$1.computeSourceURL = computeSourceURL;
     })(util$3);
     return util$3;
   }
@@ -19260,9 +19313,9 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
   function requireBinarySearch$2() {
     if (hasRequiredBinarySearch$2) return binarySearch$2;
     hasRequiredBinarySearch$2 = 1;
-    (function(exports) {
-      exports.GREATEST_LOWER_BOUND = 1;
-      exports.LEAST_UPPER_BOUND = 2;
+    (function(exports$1) {
+      exports$1.GREATEST_LOWER_BOUND = 1;
+      exports$1.LEAST_UPPER_BOUND = 2;
       function recursiveSearch(aLow, aHigh, aNeedle, aHaystack, aCompare, aBias) {
         var mid = Math.floor((aHigh - aLow) / 2) + aLow;
         var cmp = aCompare(aNeedle, aHaystack[mid], true);
@@ -19272,7 +19325,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           if (aHigh - mid > 1) {
             return recursiveSearch(mid, aHigh, aNeedle, aHaystack, aCompare, aBias);
           }
-          if (aBias == exports.LEAST_UPPER_BOUND) {
+          if (aBias == exports$1.LEAST_UPPER_BOUND) {
             return aHigh < aHaystack.length ? aHigh : -1;
           } else {
             return mid;
@@ -19281,14 +19334,14 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           if (mid - aLow > 1) {
             return recursiveSearch(aLow, mid, aNeedle, aHaystack, aCompare, aBias);
           }
-          if (aBias == exports.LEAST_UPPER_BOUND) {
+          if (aBias == exports$1.LEAST_UPPER_BOUND) {
             return mid;
           } else {
             return aLow < 0 ? -1 : aLow;
           }
         }
       }
-      exports.search = function search(aNeedle, aHaystack, aCompare, aBias) {
+      exports$1.search = function search(aNeedle, aHaystack, aCompare, aBias) {
         if (aHaystack.length === 0) {
           return -1;
         }
@@ -19298,7 +19351,7 @@ Use a v-bind binding combined with a v-on listener that emits update:x event ins
           aNeedle,
           aHaystack,
           aCompare,
-          aBias || exports.GREATEST_LOWER_BOUND
+          aBias || exports$1.GREATEST_LOWER_BOUND
         );
         if (index < 0) {
           return -1;
@@ -20747,6 +20800,7 @@ const ${helpers.map((s) => `_${helperNameMap[s]} = ${helperNameMap[s]}`).join(",
       case 21:
         genNodeList(node2.body, context, true, false);
         break;
+      // SSR only types
       case 22:
         genTemplateLiteral(node2, context);
         break;
@@ -20762,6 +20816,7 @@ const ${helpers.map((s) => `_${helperNameMap[s]} = ${helperNameMap[s]}`).join(",
       case 26:
         genReturnStatement(node2, context);
         break;
+      /* v8 ignore start */
       case 10:
         break;
       default: {
@@ -21000,7 +21055,9 @@ const ${helpers.map((s) => `_${helperNameMap[s]} = ${helperNameMap[s]}`).join(",
     push(`_cache[${node2.index}] || (`);
     if (needPauseTracking) {
       indent();
-      push(`${helper(SET_BLOCK_TRACKING)}(-1),`);
+      push(`${helper(SET_BLOCK_TRACKING)}(-1`);
+      if (node2.inVOnce) push(`, true`);
+      push(`),`);
       newline();
       push(`(`);
     }
@@ -21091,12 +21148,14 @@ const ${helpers.map((s) => `_${helperNameMap[s]} = ${helperNameMap[s]}`).join(",
         context
       );
     } else if (node2.type === 1) {
+      const memo = findDir(node2, "memo");
       for (let i = 0; i < node2.props.length; i++) {
         const dir = node2.props[i];
         if (dir.type === 7 && dir.name !== "for") {
           const exp = dir.exp;
           const arg = dir.arg;
-          if (exp && exp.type === 4 && !(dir.name === "on" && arg)) {
+          if (exp && exp.type === 4 && !(dir.name === "on" && arg) && // key has been processed in transformFor(vMemo + vFor)
+          !(memo && arg && arg.type === 4 && arg.content === "key")) {
             dir.exp = processExpression(
               exp,
               context,
@@ -21618,10 +21677,19 @@ const ${helpers.map((s) => `_${helperNameMap[s]} = ${helperNameMap[s]}`).join(",
         const isTemplate = isTemplateNode(node2);
         const memo = findDir(node2, "memo");
         const keyProp = findProp(node2, `key`, false, true);
-        if (keyProp && keyProp.type === 7 && !keyProp.exp) {
+        const isDirKey = keyProp && keyProp.type === 7;
+        if (isDirKey && !keyProp.exp) {
           transformBindShorthand(keyProp, context);
         }
-        const keyExp = keyProp && (keyProp.type === 6 ? keyProp.value ? createSimpleExpression(keyProp.value.content, true) : void 0 : keyProp.exp);
+        let keyExp = keyProp && (keyProp.type === 6 ? keyProp.value ? createSimpleExpression(keyProp.value.content, true) : void 0 : keyProp.exp);
+        if (memo && keyExp && isDirKey) {
+          {
+            keyProp.exp = keyExp = processExpression(
+              keyExp,
+              context
+            );
+          }
+        }
         const keyProperty = keyProp && keyExp ? createObjectProperty(`key`, keyExp) : null;
         if (isTemplate) {
           if (memo) {
@@ -22965,8 +23033,8 @@ const ${helpers.map((s) => `_${helperNameMap[s]} = ${helperNameMap[s]}`).join(",
         if (cur.codegenNode) {
           cur.codegenNode = context.cache(
             cur.codegenNode,
+            true,
             true
-            /* isVNode */
           );
         }
       };
@@ -28566,24 +28634,27 @@ ${defaultVar}.setup = __setup__
               ];
             }
           } else if (directives.length && !node2.children.length) {
-            const tempId = `_temp${context.temps++}`;
-            propsExp.arguments = [
-              createAssignmentExpression(
-                createSimpleExpression(tempId, false),
-                mergedProps
-              )
-            ];
-            rawChildrenMap.set(
-              node2,
-              createConditionalExpression(
-                createSimpleExpression(`"textContent" in ${tempId}`, false),
-                createCallExpression(context.helper(SSR_INTERPOLATE), [
-                  createSimpleExpression(`${tempId}.textContent`, false)
-                ]),
-                createSimpleExpression(`${tempId}.innerHTML ?? ''`, false),
-                false
-              )
-            );
+            const vText = findDir(node2, "text");
+            if (!vText) {
+              const tempId = `_temp${context.temps++}`;
+              propsExp.arguments = [
+                createAssignmentExpression(
+                  createSimpleExpression(tempId, false),
+                  mergedProps
+                )
+              ];
+              rawChildrenMap.set(
+                node2,
+                createConditionalExpression(
+                  createSimpleExpression(`"textContent" in ${tempId}`, false),
+                  createCallExpression(context.helper(SSR_INTERPOLATE), [
+                    createSimpleExpression(`${tempId}.textContent`, false)
+                  ]),
+                  createSimpleExpression(`${tempId}.innerHTML ?? ''`, false),
+                  false
+                )
+              );
+            }
           }
           if (needTagForRuntime) {
             propsExp.arguments.push(`"${node2.tag}"`);
@@ -29407,11 +29478,18 @@ ${defaultVar}.setup = __setup__
         checkDuplicatedValue();
         node2.children = [createInterpolation(model, model.loc)];
       } else if (node2.tag === "select") {
-        node2.children.forEach((child) => {
-          if (child.type === 1) {
-            processOption(child);
-          }
-        });
+        const processChildren2 = (children) => {
+          children.forEach((child) => {
+            if (child.type === 1) {
+              processOption(child);
+            } else if (child.type === 11) {
+              processChildren2(child.children);
+            } else if (child.type === 9) {
+              child.branches.forEach((b) => processChildren2(b.children));
+            }
+          });
+        };
+        processChildren2(node2.children);
       } else {
         context.onError(
           createDOMCompilerError(
@@ -29615,17 +29693,14 @@ ${defaultVar}.setup = __setup__
     __proto__: null,
     compile
   });
-  function commonjsRequire(path2) {
-    throw new Error('Could not dynamically require "' + path2 + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
-  }
   var _polyfillNode_fs = {};
   var _polyfillNode_fs$1 = /* @__PURE__ */ Object.freeze({
     __proto__: null,
     default: _polyfillNode_fs
   });
-  var require$$0$2 = /* @__PURE__ */ getAugmentedNamespace(_polyfillNode_fs$1);
+  var require$$0$1 = /* @__PURE__ */ getAugmentedNamespace(_polyfillNode_fs$1);
   var require$$1 = /* @__PURE__ */ getAugmentedNamespace(_polyfillNode_path);
-  var require$$0$1 = /* @__PURE__ */ getAugmentedNamespace(_polyfillNode_util$1);
+  var require$$0 = /* @__PURE__ */ getAugmentedNamespace(_polyfillNode_util$1);
   const hasWarned = {};
   function warnOnce$1(msg) {
     const isNodeProd = typeof process !== "undefined" && process.env.NODE_ENV === "production";
@@ -29865,42 +29940,18 @@ ${generateCodeFrame(
     });
   }
   var picocolors = { exports: {} };
-  function isatty() {
-    return false;
-  }
-  function ReadStream() {
-    throw new Error("tty.ReadStream is not implemented");
-  }
-  function WriteStream() {
-    throw new Error("tty.ReadStream is not implemented");
-  }
-  var _polyfillNode_tty = {
-    isatty,
-    ReadStream,
-    WriteStream
-  };
-  var _polyfillNode_tty$1 = /* @__PURE__ */ Object.freeze({
-    __proto__: null,
-    ReadStream,
-    WriteStream,
-    default: _polyfillNode_tty,
-    isatty
-  });
-  var require$$0 = /* @__PURE__ */ getAugmentedNamespace(_polyfillNode_tty$1);
   var hasRequiredPicocolors;
   function requirePicocolors() {
     if (hasRequiredPicocolors) return picocolors.exports;
     hasRequiredPicocolors = 1;
-    let argv2 = browser$1.argv || [], env2 = {};
-    let isColorSupported = !("NO_COLOR" in env2 || argv2.includes("--no-color")) && ("FORCE_COLOR" in env2 || argv2.includes("--color") || false || commonjsRequire != null && require$$0.isatty(1) && env2.TERM !== "dumb" || "CI" in env2);
+    let p = browser$1 || {}, argv2 = p.argv || [], env2 = p.env || {};
+    let isColorSupported = !(!!env2.NO_COLOR || argv2.includes("--no-color")) && (!!env2.FORCE_COLOR || argv2.includes("--color") || p.platform === "win32" || (p.stdout || {}).isTTY && env2.TERM !== "dumb" || !!env2.CI);
     let formatter = (open, close, replace = open) => (input2) => {
-      let string2 = "" + input2;
-      let index = string2.indexOf(close, open.length);
+      let string2 = "" + input2, index = string2.indexOf(close, open.length);
       return ~index ? open + replaceClose(string2, close, replace, index) + close : open + string2 + close;
     };
     let replaceClose = (string2, close, replace, index) => {
-      let result2 = "";
-      let cursor = 0;
+      let result2 = "", cursor = 0;
       do {
         result2 += string2.substring(cursor, index) + replace;
         cursor = index + close.length;
@@ -29909,50 +29960,50 @@ ${generateCodeFrame(
       return result2 + string2.substring(cursor);
     };
     let createColors = (enabled = isColorSupported) => {
-      let init2 = enabled ? formatter : () => String;
+      let f = enabled ? formatter : () => String;
       return {
         isColorSupported: enabled,
-        reset: init2("\x1B[0m", "\x1B[0m"),
-        bold: init2("\x1B[1m", "\x1B[22m", "\x1B[22m\x1B[1m"),
-        dim: init2("\x1B[2m", "\x1B[22m", "\x1B[22m\x1B[2m"),
-        italic: init2("\x1B[3m", "\x1B[23m"),
-        underline: init2("\x1B[4m", "\x1B[24m"),
-        inverse: init2("\x1B[7m", "\x1B[27m"),
-        hidden: init2("\x1B[8m", "\x1B[28m"),
-        strikethrough: init2("\x1B[9m", "\x1B[29m"),
-        black: init2("\x1B[30m", "\x1B[39m"),
-        red: init2("\x1B[31m", "\x1B[39m"),
-        green: init2("\x1B[32m", "\x1B[39m"),
-        yellow: init2("\x1B[33m", "\x1B[39m"),
-        blue: init2("\x1B[34m", "\x1B[39m"),
-        magenta: init2("\x1B[35m", "\x1B[39m"),
-        cyan: init2("\x1B[36m", "\x1B[39m"),
-        white: init2("\x1B[37m", "\x1B[39m"),
-        gray: init2("\x1B[90m", "\x1B[39m"),
-        bgBlack: init2("\x1B[40m", "\x1B[49m"),
-        bgRed: init2("\x1B[41m", "\x1B[49m"),
-        bgGreen: init2("\x1B[42m", "\x1B[49m"),
-        bgYellow: init2("\x1B[43m", "\x1B[49m"),
-        bgBlue: init2("\x1B[44m", "\x1B[49m"),
-        bgMagenta: init2("\x1B[45m", "\x1B[49m"),
-        bgCyan: init2("\x1B[46m", "\x1B[49m"),
-        bgWhite: init2("\x1B[47m", "\x1B[49m"),
-        blackBright: init2("\x1B[90m", "\x1B[39m"),
-        redBright: init2("\x1B[91m", "\x1B[39m"),
-        greenBright: init2("\x1B[92m", "\x1B[39m"),
-        yellowBright: init2("\x1B[93m", "\x1B[39m"),
-        blueBright: init2("\x1B[94m", "\x1B[39m"),
-        magentaBright: init2("\x1B[95m", "\x1B[39m"),
-        cyanBright: init2("\x1B[96m", "\x1B[39m"),
-        whiteBright: init2("\x1B[97m", "\x1B[39m"),
-        bgBlackBright: init2("\x1B[100m", "\x1B[49m"),
-        bgRedBright: init2("\x1B[101m", "\x1B[49m"),
-        bgGreenBright: init2("\x1B[102m", "\x1B[49m"),
-        bgYellowBright: init2("\x1B[103m", "\x1B[49m"),
-        bgBlueBright: init2("\x1B[104m", "\x1B[49m"),
-        bgMagentaBright: init2("\x1B[105m", "\x1B[49m"),
-        bgCyanBright: init2("\x1B[106m", "\x1B[49m"),
-        bgWhiteBright: init2("\x1B[107m", "\x1B[49m")
+        reset: f("\x1B[0m", "\x1B[0m"),
+        bold: f("\x1B[1m", "\x1B[22m", "\x1B[22m\x1B[1m"),
+        dim: f("\x1B[2m", "\x1B[22m", "\x1B[22m\x1B[2m"),
+        italic: f("\x1B[3m", "\x1B[23m"),
+        underline: f("\x1B[4m", "\x1B[24m"),
+        inverse: f("\x1B[7m", "\x1B[27m"),
+        hidden: f("\x1B[8m", "\x1B[28m"),
+        strikethrough: f("\x1B[9m", "\x1B[29m"),
+        black: f("\x1B[30m", "\x1B[39m"),
+        red: f("\x1B[31m", "\x1B[39m"),
+        green: f("\x1B[32m", "\x1B[39m"),
+        yellow: f("\x1B[33m", "\x1B[39m"),
+        blue: f("\x1B[34m", "\x1B[39m"),
+        magenta: f("\x1B[35m", "\x1B[39m"),
+        cyan: f("\x1B[36m", "\x1B[39m"),
+        white: f("\x1B[37m", "\x1B[39m"),
+        gray: f("\x1B[90m", "\x1B[39m"),
+        bgBlack: f("\x1B[40m", "\x1B[49m"),
+        bgRed: f("\x1B[41m", "\x1B[49m"),
+        bgGreen: f("\x1B[42m", "\x1B[49m"),
+        bgYellow: f("\x1B[43m", "\x1B[49m"),
+        bgBlue: f("\x1B[44m", "\x1B[49m"),
+        bgMagenta: f("\x1B[45m", "\x1B[49m"),
+        bgCyan: f("\x1B[46m", "\x1B[49m"),
+        bgWhite: f("\x1B[47m", "\x1B[49m"),
+        blackBright: f("\x1B[90m", "\x1B[39m"),
+        redBright: f("\x1B[91m", "\x1B[39m"),
+        greenBright: f("\x1B[92m", "\x1B[39m"),
+        yellowBright: f("\x1B[93m", "\x1B[39m"),
+        blueBright: f("\x1B[94m", "\x1B[39m"),
+        magentaBright: f("\x1B[95m", "\x1B[39m"),
+        cyanBright: f("\x1B[96m", "\x1B[39m"),
+        whiteBright: f("\x1B[97m", "\x1B[39m"),
+        bgBlackBright: f("\x1B[100m", "\x1B[49m"),
+        bgRedBright: f("\x1B[101m", "\x1B[49m"),
+        bgGreenBright: f("\x1B[102m", "\x1B[49m"),
+        bgYellowBright: f("\x1B[103m", "\x1B[49m"),
+        bgBlueBright: f("\x1B[104m", "\x1B[49m"),
+        bgMagentaBright: f("\x1B[105m", "\x1B[49m"),
+        bgCyanBright: f("\x1B[106m", "\x1B[49m"),
+        bgWhiteBright: f("\x1B[107m", "\x1B[49m")
       };
     };
     picocolors.exports = createColors();
@@ -30813,20 +30864,21 @@ ${generateCodeFrame(
       positionBy(opts, stringRepresentation) {
         let pos = this.source.start;
         if (opts.index) {
-          pos = this.positionInside(opts.index, stringRepresentation);
+          pos = this.positionInside(opts.index);
         } else if (opts.word) {
-          stringRepresentation = this.toString();
+          stringRepresentation = this.source.input.css.slice(this.source.start.offset, this.source.end.offset);
           let index = stringRepresentation.indexOf(opts.word);
-          if (index !== -1) pos = this.positionInside(index, stringRepresentation);
+          if (index !== -1) pos = this.positionInside(index);
         }
         return pos;
       }
-      positionInside(index, stringRepresentation) {
-        let string2 = stringRepresentation || this.toString();
+      positionInside(index) {
         let column = this.source.start.column;
         let line = this.source.start.line;
-        for (let i = 0; i < index; i++) {
-          if (string2[i] === "\n") {
+        let offset = this.source.start.offset;
+        let end = offset + index;
+        for (let i = offset; i < end; i++) {
+          if (this.source.input.css[i] === "\n") {
             column = 1;
             line += 1;
           } else {
@@ -30853,7 +30905,7 @@ ${generateCodeFrame(
           line: start.line
         };
         if (opts.word) {
-          let stringRepresentation = this.toString();
+          let stringRepresentation = this.source.input.css.slice(this.source.start.offset, this.source.end.offset);
           let index = stringRepresentation.indexOf(opts.word);
           if (index !== -1) {
             start = this.positionInside(index, stringRepresentation);
@@ -31599,7 +31651,7 @@ ${generateCodeFrame(
   function requireUtil$2() {
     if (hasRequiredUtil$2) return util$2;
     hasRequiredUtil$2 = 1;
-    (function(exports) {
+    (function(exports$1) {
       function getArg(aArgs, aName, aDefaultValue) {
         if (aName in aArgs) {
           return aArgs[aName];
@@ -31609,7 +31661,7 @@ ${generateCodeFrame(
           throw new Error('"' + aName + '" is a required argument.');
         }
       }
-      exports.getArg = getArg;
+      exports$1.getArg = getArg;
       var urlRegexp = /^(?:([\w+\-.]+):)?\/\/(?:(\w+:\w+)@)?([\w.-]*)(?::(\d+))?(.*)$/;
       var dataUrlRegexp = /^data:.+\,.+$/;
       function urlParse2(aUrl) {
@@ -31625,7 +31677,7 @@ ${generateCodeFrame(
           path: match[5]
         };
       }
-      exports.urlParse = urlParse2;
+      exports$1.urlParse = urlParse2;
       function urlGenerate(aParsedUrl) {
         var url = "";
         if (aParsedUrl.scheme) {
@@ -31646,7 +31698,7 @@ ${generateCodeFrame(
         }
         return url;
       }
-      exports.urlGenerate = urlGenerate;
+      exports$1.urlGenerate = urlGenerate;
       var MAX_CACHED_INPUTS = 32;
       function lruMemoize(f) {
         var cache = [];
@@ -31679,7 +31731,7 @@ ${generateCodeFrame(
           }
           path2 = url.path;
         }
-        var isAbsolute2 = exports.isAbsolute(path2);
+        var isAbsolute2 = exports$1.isAbsolute(path2);
         var parts = [];
         var start = 0;
         var i = 0;
@@ -31722,7 +31774,7 @@ ${generateCodeFrame(
         }
         return path2;
       });
-      exports.normalize = normalize2;
+      exports$1.normalize = normalize2;
       function join2(aRoot, aPath) {
         if (aRoot === "") {
           aRoot = ".";
@@ -31755,8 +31807,8 @@ ${generateCodeFrame(
         }
         return joined;
       }
-      exports.join = join2;
-      exports.isAbsolute = function(aPath) {
+      exports$1.join = join2;
+      exports$1.isAbsolute = function(aPath) {
         return aPath.charAt(0) === "/" || urlRegexp.test(aPath);
       };
       function relative2(aRoot, aPath) {
@@ -31778,11 +31830,11 @@ ${generateCodeFrame(
         }
         return Array(level + 1).join("../") + aPath.substr(aRoot.length + 1);
       }
-      exports.relative = relative2;
-      var supportsNullProto = function() {
+      exports$1.relative = relative2;
+      var supportsNullProto = (function() {
         var obj = /* @__PURE__ */ Object.create(null);
         return !("__proto__" in obj);
-      }();
+      })();
       function identity(s) {
         return s;
       }
@@ -31792,14 +31844,14 @@ ${generateCodeFrame(
         }
         return aStr;
       }
-      exports.toSetString = supportsNullProto ? identity : toSetString;
+      exports$1.toSetString = supportsNullProto ? identity : toSetString;
       function fromSetString(aStr) {
         if (isProtoString(aStr)) {
           return aStr.slice(1);
         }
         return aStr;
       }
-      exports.fromSetString = supportsNullProto ? identity : fromSetString;
+      exports$1.fromSetString = supportsNullProto ? identity : fromSetString;
       function isProtoString(s) {
         if (!s) {
           return false;
@@ -31841,7 +31893,7 @@ ${generateCodeFrame(
         }
         return strcmp(mappingA.name, mappingB.name);
       }
-      exports.compareByOriginalPositions = compareByOriginalPositions;
+      exports$1.compareByOriginalPositions = compareByOriginalPositions;
       function compareByOriginalPositionsNoSource(mappingA, mappingB, onlyCompareOriginal) {
         var cmp;
         cmp = mappingA.originalLine - mappingB.originalLine;
@@ -31862,7 +31914,7 @@ ${generateCodeFrame(
         }
         return strcmp(mappingA.name, mappingB.name);
       }
-      exports.compareByOriginalPositionsNoSource = compareByOriginalPositionsNoSource;
+      exports$1.compareByOriginalPositionsNoSource = compareByOriginalPositionsNoSource;
       function compareByGeneratedPositionsDeflated(mappingA, mappingB, onlyCompareGenerated) {
         var cmp = mappingA.generatedLine - mappingB.generatedLine;
         if (cmp !== 0) {
@@ -31886,7 +31938,7 @@ ${generateCodeFrame(
         }
         return strcmp(mappingA.name, mappingB.name);
       }
-      exports.compareByGeneratedPositionsDeflated = compareByGeneratedPositionsDeflated;
+      exports$1.compareByGeneratedPositionsDeflated = compareByGeneratedPositionsDeflated;
       function compareByGeneratedPositionsDeflatedNoLine(mappingA, mappingB, onlyCompareGenerated) {
         var cmp = mappingA.generatedColumn - mappingB.generatedColumn;
         if (cmp !== 0 || onlyCompareGenerated) {
@@ -31906,7 +31958,7 @@ ${generateCodeFrame(
         }
         return strcmp(mappingA.name, mappingB.name);
       }
-      exports.compareByGeneratedPositionsDeflatedNoLine = compareByGeneratedPositionsDeflatedNoLine;
+      exports$1.compareByGeneratedPositionsDeflatedNoLine = compareByGeneratedPositionsDeflatedNoLine;
       function strcmp(aStr1, aStr2) {
         if (aStr1 === aStr2) {
           return 0;
@@ -31945,11 +31997,11 @@ ${generateCodeFrame(
         }
         return strcmp(mappingA.name, mappingB.name);
       }
-      exports.compareByGeneratedPositionsInflated = compareByGeneratedPositionsInflated;
+      exports$1.compareByGeneratedPositionsInflated = compareByGeneratedPositionsInflated;
       function parseSourceMapInput(str) {
         return JSON.parse(str.replace(/^\)]}'[^\n]*\n/, ""));
       }
-      exports.parseSourceMapInput = parseSourceMapInput;
+      exports$1.parseSourceMapInput = parseSourceMapInput;
       function computeSourceURL(sourceRoot, sourceURL, sourceMapURL) {
         sourceURL = sourceURL || "";
         if (sourceRoot) {
@@ -31973,7 +32025,7 @@ ${generateCodeFrame(
         }
         return normalize2(sourceURL);
       }
-      exports.computeSourceURL = computeSourceURL;
+      exports$1.computeSourceURL = computeSourceURL;
     })(util$2);
     return util$2;
   }
@@ -32387,9 +32439,9 @@ ${generateCodeFrame(
   function requireBinarySearch$1() {
     if (hasRequiredBinarySearch$1) return binarySearch$1;
     hasRequiredBinarySearch$1 = 1;
-    (function(exports) {
-      exports.GREATEST_LOWER_BOUND = 1;
-      exports.LEAST_UPPER_BOUND = 2;
+    (function(exports$1) {
+      exports$1.GREATEST_LOWER_BOUND = 1;
+      exports$1.LEAST_UPPER_BOUND = 2;
       function recursiveSearch(aLow, aHigh, aNeedle, aHaystack, aCompare, aBias) {
         var mid = Math.floor((aHigh - aLow) / 2) + aLow;
         var cmp = aCompare(aNeedle, aHaystack[mid], true);
@@ -32399,7 +32451,7 @@ ${generateCodeFrame(
           if (aHigh - mid > 1) {
             return recursiveSearch(mid, aHigh, aNeedle, aHaystack, aCompare, aBias);
           }
-          if (aBias == exports.LEAST_UPPER_BOUND) {
+          if (aBias == exports$1.LEAST_UPPER_BOUND) {
             return aHigh < aHaystack.length ? aHigh : -1;
           } else {
             return mid;
@@ -32408,14 +32460,14 @@ ${generateCodeFrame(
           if (mid - aLow > 1) {
             return recursiveSearch(aLow, mid, aNeedle, aHaystack, aCompare, aBias);
           }
-          if (aBias == exports.LEAST_UPPER_BOUND) {
+          if (aBias == exports$1.LEAST_UPPER_BOUND) {
             return mid;
           } else {
             return aLow < 0 ? -1 : aLow;
           }
         }
       }
-      exports.search = function search(aNeedle, aHaystack, aCompare, aBias) {
+      exports$1.search = function search(aNeedle, aHaystack, aCompare, aBias) {
         if (aHaystack.length === 0) {
           return -1;
         }
@@ -32425,7 +32477,7 @@ ${generateCodeFrame(
           aNeedle,
           aHaystack,
           aCompare,
-          aBias || exports.GREATEST_LOWER_BOUND
+          aBias || exports$1.GREATEST_LOWER_BOUND
         );
         if (index < 0) {
           return -1;
@@ -33418,7 +33470,7 @@ ${generateCodeFrame(
   function requirePreviousMap() {
     if (hasRequiredPreviousMap) return previousMap;
     hasRequiredPreviousMap = 1;
-    let { existsSync, readFileSync } = require$$0$2;
+    let { existsSync, readFileSync } = require$$0$1;
     let { dirname: dirname2, join: join2 } = require$$1;
     let { SourceMapConsumer, SourceMapGenerator } = /* @__PURE__ */ requireSourceMap$1();
     function fromBase64(str) {
@@ -35508,7 +35560,7 @@ ${generateCodeFrame(
     let Root = /* @__PURE__ */ requireRoot$1();
     class Processor {
       constructor(plugins = []) {
-        this.version = "8.4.47";
+        this.version = "8.4.48";
         this.plugins = this.normalize(plugins);
       }
       normalize(plugins) {
@@ -35695,9 +35747,9 @@ ${generateCodeFrame(
   function requireUnesc() {
     if (hasRequiredUnesc) return unesc.exports;
     hasRequiredUnesc = 1;
-    (function(module, exports) {
-      exports.__esModule = true;
-      exports["default"] = unesc2;
+    (function(module, exports$1) {
+      exports$1.__esModule = true;
+      exports$1["default"] = unesc2;
       function gobbleHex(str) {
         var lower = str.toLowerCase();
         var hex = "";
@@ -35750,7 +35802,7 @@ ${generateCodeFrame(
         }
         return ret;
       }
-      module.exports = exports.default;
+      module.exports = exports$1.default;
     })(unesc, unesc.exports);
     return unesc.exports;
   }
@@ -35759,9 +35811,9 @@ ${generateCodeFrame(
   function requireGetProp() {
     if (hasRequiredGetProp) return getProp.exports;
     hasRequiredGetProp = 1;
-    (function(module, exports) {
-      exports.__esModule = true;
-      exports["default"] = getProp2;
+    (function(module, exports$1) {
+      exports$1.__esModule = true;
+      exports$1["default"] = getProp2;
       function getProp2(obj) {
         for (var _len = arguments.length, props = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
           props[_key - 1] = arguments[_key];
@@ -35775,7 +35827,7 @@ ${generateCodeFrame(
         }
         return obj;
       }
-      module.exports = exports.default;
+      module.exports = exports$1.default;
     })(getProp, getProp.exports);
     return getProp.exports;
   }
@@ -35784,9 +35836,9 @@ ${generateCodeFrame(
   function requireEnsureObject() {
     if (hasRequiredEnsureObject) return ensureObject.exports;
     hasRequiredEnsureObject = 1;
-    (function(module, exports) {
-      exports.__esModule = true;
-      exports["default"] = ensureObject2;
+    (function(module, exports$1) {
+      exports$1.__esModule = true;
+      exports$1["default"] = ensureObject2;
       function ensureObject2(obj) {
         for (var _len = arguments.length, props = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
           props[_key - 1] = arguments[_key];
@@ -35799,7 +35851,7 @@ ${generateCodeFrame(
           obj = obj[prop];
         }
       }
-      module.exports = exports.default;
+      module.exports = exports$1.default;
     })(ensureObject, ensureObject.exports);
     return ensureObject.exports;
   }
@@ -35808,9 +35860,9 @@ ${generateCodeFrame(
   function requireStripComments() {
     if (hasRequiredStripComments) return stripComments.exports;
     hasRequiredStripComments = 1;
-    (function(module, exports) {
-      exports.__esModule = true;
-      exports["default"] = stripComments2;
+    (function(module, exports$1) {
+      exports$1.__esModule = true;
+      exports$1["default"] = stripComments2;
       function stripComments2(str) {
         var s = "";
         var commentStart = str.indexOf("/*");
@@ -35827,7 +35879,7 @@ ${generateCodeFrame(
         s = s + str.slice(lastEnd);
         return s;
       }
-      module.exports = exports.default;
+      module.exports = exports$1.default;
     })(stripComments, stripComments.exports);
     return stripComments.exports;
   }
@@ -35854,9 +35906,9 @@ ${generateCodeFrame(
   function requireNode$1() {
     if (hasRequiredNode$1) return node$1.exports;
     hasRequiredNode$1 = 1;
-    (function(module, exports) {
-      exports.__esModule = true;
-      exports["default"] = void 0;
+    (function(module, exports$1) {
+      exports$1.__esModule = true;
+      exports$1["default"] = void 0;
       var _util = /* @__PURE__ */ requireUtil$1();
       function _defineProperties(target, props) {
         for (var i = 0; i < props.length; i++) {
@@ -35897,7 +35949,7 @@ ${generateCodeFrame(
         }
         return cloned;
       };
-      var Node = /* @__PURE__ */ function() {
+      var Node = /* @__PURE__ */ (function() {
         function Node2(opts) {
           if (opts === void 0) {
             opts = {};
@@ -36021,9 +36073,9 @@ ${generateCodeFrame(
           }
         }]);
         return Node2;
-      }();
-      exports["default"] = Node;
-      module.exports = exports.default;
+      })();
+      exports$1["default"] = Node;
+      module.exports = exports$1.default;
     })(node$1, node$1.exports);
     return node$1.exports;
   }
@@ -36064,9 +36116,9 @@ ${generateCodeFrame(
   function requireContainer() {
     if (hasRequiredContainer) return container.exports;
     hasRequiredContainer = 1;
-    (function(module, exports) {
-      exports.__esModule = true;
-      exports["default"] = void 0;
+    (function(module, exports$1) {
+      exports$1.__esModule = true;
+      exports$1["default"] = void 0;
       var _node = _interopRequireDefault(/* @__PURE__ */ requireNode$1());
       var types2 = _interopRequireWildcard(/* @__PURE__ */ requireTypes());
       function _getRequireWildcardCache(nodeInterop) {
@@ -36163,7 +36215,7 @@ ${generateCodeFrame(
         };
         return _setPrototypeOf(o, p);
       }
-      var Container = /* @__PURE__ */ function(_Node) {
+      var Container = /* @__PURE__ */ (function(_Node) {
         _inheritsLoose(Container2, _Node);
         function Container2(opts) {
           var _this;
@@ -36182,6 +36234,9 @@ ${generateCodeFrame(
         _proto.prepend = function prepend(selector2) {
           selector2.parent = this;
           this.nodes.unshift(selector2);
+          for (var id2 in this.indexes) {
+            this.indexes[id2]++;
+          }
           return this;
         };
         _proto.at = function at(index) {
@@ -36225,7 +36280,7 @@ ${generateCodeFrame(
           var index;
           for (var id2 in this.indexes) {
             index = this.indexes[id2];
-            if (oldIndex <= index) {
+            if (oldIndex < index) {
               this.indexes[id2] = index + 1;
             }
           }
@@ -36239,7 +36294,7 @@ ${generateCodeFrame(
           var index;
           for (var id2 in this.indexes) {
             index = this.indexes[id2];
-            if (index <= oldIndex) {
+            if (index >= oldIndex) {
               this.indexes[id2] = index + 1;
             }
           }
@@ -36438,9 +36493,9 @@ ${generateCodeFrame(
           }
         }]);
         return Container2;
-      }(_node["default"]);
-      exports["default"] = Container;
-      module.exports = exports.default;
+      })(_node["default"]);
+      exports$1["default"] = Container;
+      module.exports = exports$1.default;
     })(container, container.exports);
     return container.exports;
   }
@@ -36448,9 +36503,9 @@ ${generateCodeFrame(
   function requireRoot() {
     if (hasRequiredRoot) return root.exports;
     hasRequiredRoot = 1;
-    (function(module, exports) {
-      exports.__esModule = true;
-      exports["default"] = void 0;
+    (function(module, exports$1) {
+      exports$1.__esModule = true;
+      exports$1["default"] = void 0;
       var _container = _interopRequireDefault(/* @__PURE__ */ requireContainer());
       var _types = /* @__PURE__ */ requireTypes();
       function _interopRequireDefault(obj) {
@@ -36482,7 +36537,7 @@ ${generateCodeFrame(
         };
         return _setPrototypeOf(o, p);
       }
-      var Root = /* @__PURE__ */ function(_Container) {
+      var Root = /* @__PURE__ */ (function(_Container) {
         _inheritsLoose(Root2, _Container);
         function Root2(opts) {
           var _this;
@@ -36512,9 +36567,9 @@ ${generateCodeFrame(
           }
         }]);
         return Root2;
-      }(_container["default"]);
-      exports["default"] = Root;
-      module.exports = exports.default;
+      })(_container["default"]);
+      exports$1["default"] = Root;
+      module.exports = exports$1.default;
     })(root, root.exports);
     return root.exports;
   }
@@ -36523,9 +36578,9 @@ ${generateCodeFrame(
   function requireSelector() {
     if (hasRequiredSelector) return selector.exports;
     hasRequiredSelector = 1;
-    (function(module, exports) {
-      exports.__esModule = true;
-      exports["default"] = void 0;
+    (function(module, exports$1) {
+      exports$1.__esModule = true;
+      exports$1["default"] = void 0;
       var _container = _interopRequireDefault(/* @__PURE__ */ requireContainer());
       var _types = /* @__PURE__ */ requireTypes();
       function _interopRequireDefault(obj) {
@@ -36543,7 +36598,7 @@ ${generateCodeFrame(
         };
         return _setPrototypeOf(o, p);
       }
-      var Selector = /* @__PURE__ */ function(_Container) {
+      var Selector = /* @__PURE__ */ (function(_Container) {
         _inheritsLoose(Selector2, _Container);
         function Selector2(opts) {
           var _this;
@@ -36552,9 +36607,9 @@ ${generateCodeFrame(
           return _this;
         }
         return Selector2;
-      }(_container["default"]);
-      exports["default"] = Selector;
-      module.exports = exports.default;
+      })(_container["default"]);
+      exports$1["default"] = Selector;
+      module.exports = exports$1.default;
     })(selector, selector.exports);
     return selector.exports;
   }
@@ -36654,9 +36709,9 @@ ${generateCodeFrame(
   function requireClassName() {
     if (hasRequiredClassName) return className.exports;
     hasRequiredClassName = 1;
-    (function(module, exports) {
-      exports.__esModule = true;
-      exports["default"] = void 0;
+    (function(module, exports$1) {
+      exports$1.__esModule = true;
+      exports$1["default"] = void 0;
       var _cssesc = _interopRequireDefault(/* @__PURE__ */ requireCssesc());
       var _util = /* @__PURE__ */ requireUtil$1();
       var _node = _interopRequireDefault(/* @__PURE__ */ requireNode$1());
@@ -36690,7 +36745,7 @@ ${generateCodeFrame(
         };
         return _setPrototypeOf(o, p);
       }
-      var ClassName = /* @__PURE__ */ function(_Node) {
+      var ClassName = /* @__PURE__ */ (function(_Node) {
         _inheritsLoose(ClassName2, _Node);
         function ClassName2(opts) {
           var _this;
@@ -36724,9 +36779,9 @@ ${generateCodeFrame(
           }
         }]);
         return ClassName2;
-      }(_node["default"]);
-      exports["default"] = ClassName;
-      module.exports = exports.default;
+      })(_node["default"]);
+      exports$1["default"] = ClassName;
+      module.exports = exports$1.default;
     })(className, className.exports);
     return className.exports;
   }
@@ -36735,9 +36790,9 @@ ${generateCodeFrame(
   function requireComment() {
     if (hasRequiredComment) return comment.exports;
     hasRequiredComment = 1;
-    (function(module, exports) {
-      exports.__esModule = true;
-      exports["default"] = void 0;
+    (function(module, exports$1) {
+      exports$1.__esModule = true;
+      exports$1["default"] = void 0;
       var _node = _interopRequireDefault(/* @__PURE__ */ requireNode$1());
       var _types = /* @__PURE__ */ requireTypes();
       function _interopRequireDefault(obj) {
@@ -36755,7 +36810,7 @@ ${generateCodeFrame(
         };
         return _setPrototypeOf(o, p);
       }
-      var Comment = /* @__PURE__ */ function(_Node) {
+      var Comment = /* @__PURE__ */ (function(_Node) {
         _inheritsLoose(Comment2, _Node);
         function Comment2(opts) {
           var _this;
@@ -36764,9 +36819,9 @@ ${generateCodeFrame(
           return _this;
         }
         return Comment2;
-      }(_node["default"]);
-      exports["default"] = Comment;
-      module.exports = exports.default;
+      })(_node["default"]);
+      exports$1["default"] = Comment;
+      module.exports = exports$1.default;
     })(comment, comment.exports);
     return comment.exports;
   }
@@ -36775,9 +36830,9 @@ ${generateCodeFrame(
   function requireId() {
     if (hasRequiredId) return id.exports;
     hasRequiredId = 1;
-    (function(module, exports) {
-      exports.__esModule = true;
-      exports["default"] = void 0;
+    (function(module, exports$1) {
+      exports$1.__esModule = true;
+      exports$1["default"] = void 0;
       var _node = _interopRequireDefault(/* @__PURE__ */ requireNode$1());
       var _types = /* @__PURE__ */ requireTypes();
       function _interopRequireDefault(obj) {
@@ -36795,7 +36850,7 @@ ${generateCodeFrame(
         };
         return _setPrototypeOf(o, p);
       }
-      var ID = /* @__PURE__ */ function(_Node) {
+      var ID = /* @__PURE__ */ (function(_Node) {
         _inheritsLoose(ID2, _Node);
         function ID2(opts) {
           var _this;
@@ -36808,9 +36863,9 @@ ${generateCodeFrame(
           return "#" + _Node.prototype.valueToString.call(this);
         };
         return ID2;
-      }(_node["default"]);
-      exports["default"] = ID;
-      module.exports = exports.default;
+      })(_node["default"]);
+      exports$1["default"] = ID;
+      module.exports = exports$1.default;
     })(id, id.exports);
     return id.exports;
   }
@@ -36820,9 +36875,9 @@ ${generateCodeFrame(
   function requireNamespace() {
     if (hasRequiredNamespace) return namespace.exports;
     hasRequiredNamespace = 1;
-    (function(module, exports) {
-      exports.__esModule = true;
-      exports["default"] = void 0;
+    (function(module, exports$1) {
+      exports$1.__esModule = true;
+      exports$1["default"] = void 0;
       var _cssesc = _interopRequireDefault(/* @__PURE__ */ requireCssesc());
       var _util = /* @__PURE__ */ requireUtil$1();
       var _node = _interopRequireDefault(/* @__PURE__ */ requireNode$1());
@@ -36855,7 +36910,7 @@ ${generateCodeFrame(
         };
         return _setPrototypeOf(o, p);
       }
-      var Namespace = /* @__PURE__ */ function(_Node) {
+      var Namespace = /* @__PURE__ */ (function(_Node) {
         _inheritsLoose(Namespace2, _Node);
         function Namespace2() {
           return _Node.apply(this, arguments) || this;
@@ -36919,9 +36974,9 @@ ${generateCodeFrame(
           }
         }]);
         return Namespace2;
-      }(_node["default"]);
-      exports["default"] = Namespace;
-      module.exports = exports.default;
+      })(_node["default"]);
+      exports$1["default"] = Namespace;
+      module.exports = exports$1.default;
     })(namespace, namespace.exports);
     return namespace.exports;
   }
@@ -36929,9 +36984,9 @@ ${generateCodeFrame(
   function requireTag() {
     if (hasRequiredTag) return tag.exports;
     hasRequiredTag = 1;
-    (function(module, exports) {
-      exports.__esModule = true;
-      exports["default"] = void 0;
+    (function(module, exports$1) {
+      exports$1.__esModule = true;
+      exports$1["default"] = void 0;
       var _namespace = _interopRequireDefault(/* @__PURE__ */ requireNamespace());
       var _types = /* @__PURE__ */ requireTypes();
       function _interopRequireDefault(obj) {
@@ -36949,7 +37004,7 @@ ${generateCodeFrame(
         };
         return _setPrototypeOf(o, p);
       }
-      var Tag = /* @__PURE__ */ function(_Namespace) {
+      var Tag = /* @__PURE__ */ (function(_Namespace) {
         _inheritsLoose(Tag2, _Namespace);
         function Tag2(opts) {
           var _this;
@@ -36958,9 +37013,9 @@ ${generateCodeFrame(
           return _this;
         }
         return Tag2;
-      }(_namespace["default"]);
-      exports["default"] = Tag;
-      module.exports = exports.default;
+      })(_namespace["default"]);
+      exports$1["default"] = Tag;
+      module.exports = exports$1.default;
     })(tag, tag.exports);
     return tag.exports;
   }
@@ -36969,9 +37024,9 @@ ${generateCodeFrame(
   function requireString() {
     if (hasRequiredString) return string.exports;
     hasRequiredString = 1;
-    (function(module, exports) {
-      exports.__esModule = true;
-      exports["default"] = void 0;
+    (function(module, exports$1) {
+      exports$1.__esModule = true;
+      exports$1["default"] = void 0;
       var _node = _interopRequireDefault(/* @__PURE__ */ requireNode$1());
       var _types = /* @__PURE__ */ requireTypes();
       function _interopRequireDefault(obj) {
@@ -36989,7 +37044,7 @@ ${generateCodeFrame(
         };
         return _setPrototypeOf(o, p);
       }
-      var String2 = /* @__PURE__ */ function(_Node) {
+      var String2 = /* @__PURE__ */ (function(_Node) {
         _inheritsLoose(String3, _Node);
         function String3(opts) {
           var _this;
@@ -36998,9 +37053,9 @@ ${generateCodeFrame(
           return _this;
         }
         return String3;
-      }(_node["default"]);
-      exports["default"] = String2;
-      module.exports = exports.default;
+      })(_node["default"]);
+      exports$1["default"] = String2;
+      module.exports = exports$1.default;
     })(string, string.exports);
     return string.exports;
   }
@@ -37009,9 +37064,9 @@ ${generateCodeFrame(
   function requirePseudo() {
     if (hasRequiredPseudo) return pseudo.exports;
     hasRequiredPseudo = 1;
-    (function(module, exports) {
-      exports.__esModule = true;
-      exports["default"] = void 0;
+    (function(module, exports$1) {
+      exports$1.__esModule = true;
+      exports$1["default"] = void 0;
       var _container = _interopRequireDefault(/* @__PURE__ */ requireContainer());
       var _types = /* @__PURE__ */ requireTypes();
       function _interopRequireDefault(obj) {
@@ -37029,7 +37084,7 @@ ${generateCodeFrame(
         };
         return _setPrototypeOf(o, p);
       }
-      var Pseudo = /* @__PURE__ */ function(_Container) {
+      var Pseudo = /* @__PURE__ */ (function(_Container) {
         _inheritsLoose(Pseudo2, _Container);
         function Pseudo2(opts) {
           var _this;
@@ -37043,9 +37098,9 @@ ${generateCodeFrame(
           return [this.rawSpaceBefore, this.stringifyProperty("value"), params, this.rawSpaceAfter].join("");
         };
         return Pseudo2;
-      }(_container["default"]);
-      exports["default"] = Pseudo;
-      module.exports = exports.default;
+      })(_container["default"]);
+      exports$1["default"] = Pseudo;
+      module.exports = exports$1.default;
     })(pseudo, pseudo.exports);
     return pseudo.exports;
   }
@@ -37055,17 +37110,17 @@ ${generateCodeFrame(
   function requireNode() {
     if (hasRequiredNode) return node;
     hasRequiredNode = 1;
-    node = require$$0$1.deprecate;
+    node = require$$0.deprecate;
     return node;
   }
   var hasRequiredAttribute;
   function requireAttribute() {
     if (hasRequiredAttribute) return attribute;
     hasRequiredAttribute = 1;
-    (function(exports) {
-      exports.__esModule = true;
-      exports["default"] = void 0;
-      exports.unescapeValue = unescapeValue;
+    (function(exports$1) {
+      exports$1.__esModule = true;
+      exports$1["default"] = void 0;
+      exports$1.unescapeValue = unescapeValue;
       var _cssesc = _interopRequireDefault(/* @__PURE__ */ requireCssesc());
       var _unesc = _interopRequireDefault(/* @__PURE__ */ requireUnesc());
       var _namespace = _interopRequireDefault(/* @__PURE__ */ requireNamespace());
@@ -37146,7 +37201,7 @@ ${generateCodeFrame(
         opts.quoteMark = quoteMark;
         return opts;
       }
-      var Attribute = /* @__PURE__ */ function(_Namespace) {
+      var Attribute = /* @__PURE__ */ (function(_Namespace) {
         _inheritsLoose(Attribute2, _Namespace);
         function Attribute2(opts) {
           var _this;
@@ -37429,8 +37484,8 @@ ${generateCodeFrame(
           }
         }]);
         return Attribute2;
-      }(_namespace["default"]);
-      exports["default"] = Attribute;
+      })(_namespace["default"]);
+      exports$1["default"] = Attribute;
       Attribute.NO_QUOTE = null;
       Attribute.SINGLE_QUOTE = "'";
       Attribute.DOUBLE_QUOTE = '"';
@@ -37457,9 +37512,9 @@ ${generateCodeFrame(
   function requireUniversal() {
     if (hasRequiredUniversal) return universal.exports;
     hasRequiredUniversal = 1;
-    (function(module, exports) {
-      exports.__esModule = true;
-      exports["default"] = void 0;
+    (function(module, exports$1) {
+      exports$1.__esModule = true;
+      exports$1["default"] = void 0;
       var _namespace = _interopRequireDefault(/* @__PURE__ */ requireNamespace());
       var _types = /* @__PURE__ */ requireTypes();
       function _interopRequireDefault(obj) {
@@ -37477,7 +37532,7 @@ ${generateCodeFrame(
         };
         return _setPrototypeOf(o, p);
       }
-      var Universal = /* @__PURE__ */ function(_Namespace) {
+      var Universal = /* @__PURE__ */ (function(_Namespace) {
         _inheritsLoose(Universal2, _Namespace);
         function Universal2(opts) {
           var _this;
@@ -37487,9 +37542,9 @@ ${generateCodeFrame(
           return _this;
         }
         return Universal2;
-      }(_namespace["default"]);
-      exports["default"] = Universal;
-      module.exports = exports.default;
+      })(_namespace["default"]);
+      exports$1["default"] = Universal;
+      module.exports = exports$1.default;
     })(universal, universal.exports);
     return universal.exports;
   }
@@ -37498,9 +37553,9 @@ ${generateCodeFrame(
   function requireCombinator() {
     if (hasRequiredCombinator) return combinator.exports;
     hasRequiredCombinator = 1;
-    (function(module, exports) {
-      exports.__esModule = true;
-      exports["default"] = void 0;
+    (function(module, exports$1) {
+      exports$1.__esModule = true;
+      exports$1["default"] = void 0;
       var _node = _interopRequireDefault(/* @__PURE__ */ requireNode$1());
       var _types = /* @__PURE__ */ requireTypes();
       function _interopRequireDefault(obj) {
@@ -37518,7 +37573,7 @@ ${generateCodeFrame(
         };
         return _setPrototypeOf(o, p);
       }
-      var Combinator = /* @__PURE__ */ function(_Node) {
+      var Combinator = /* @__PURE__ */ (function(_Node) {
         _inheritsLoose(Combinator2, _Node);
         function Combinator2(opts) {
           var _this;
@@ -37527,9 +37582,9 @@ ${generateCodeFrame(
           return _this;
         }
         return Combinator2;
-      }(_node["default"]);
-      exports["default"] = Combinator;
-      module.exports = exports.default;
+      })(_node["default"]);
+      exports$1["default"] = Combinator;
+      module.exports = exports$1.default;
     })(combinator, combinator.exports);
     return combinator.exports;
   }
@@ -37538,9 +37593,9 @@ ${generateCodeFrame(
   function requireNesting() {
     if (hasRequiredNesting) return nesting.exports;
     hasRequiredNesting = 1;
-    (function(module, exports) {
-      exports.__esModule = true;
-      exports["default"] = void 0;
+    (function(module, exports$1) {
+      exports$1.__esModule = true;
+      exports$1["default"] = void 0;
       var _node = _interopRequireDefault(/* @__PURE__ */ requireNode$1());
       var _types = /* @__PURE__ */ requireTypes();
       function _interopRequireDefault(obj) {
@@ -37558,7 +37613,7 @@ ${generateCodeFrame(
         };
         return _setPrototypeOf(o, p);
       }
-      var Nesting = /* @__PURE__ */ function(_Node) {
+      var Nesting = /* @__PURE__ */ (function(_Node) {
         _inheritsLoose(Nesting2, _Node);
         function Nesting2(opts) {
           var _this;
@@ -37568,9 +37623,9 @@ ${generateCodeFrame(
           return _this;
         }
         return Nesting2;
-      }(_node["default"]);
-      exports["default"] = Nesting;
-      module.exports = exports.default;
+      })(_node["default"]);
+      exports$1["default"] = Nesting;
+      module.exports = exports$1.default;
     })(nesting, nesting.exports);
     return nesting.exports;
   }
@@ -37579,15 +37634,15 @@ ${generateCodeFrame(
   function requireSortAscending() {
     if (hasRequiredSortAscending) return sortAscending.exports;
     hasRequiredSortAscending = 1;
-    (function(module, exports) {
-      exports.__esModule = true;
-      exports["default"] = sortAscending2;
+    (function(module, exports$1) {
+      exports$1.__esModule = true;
+      exports$1["default"] = sortAscending2;
       function sortAscending2(list) {
         return list.sort(function(a, b) {
           return a - b;
         });
       }
-      module.exports = exports.default;
+      module.exports = exports$1.default;
     })(sortAscending, sortAscending.exports);
     return sortAscending.exports;
   }
@@ -37667,10 +37722,10 @@ ${generateCodeFrame(
   function requireTokenize() {
     if (hasRequiredTokenize) return tokenize;
     hasRequiredTokenize = 1;
-    (function(exports) {
-      exports.__esModule = true;
-      exports.FIELDS = void 0;
-      exports["default"] = tokenize2;
+    (function(exports$1) {
+      exports$1.__esModule = true;
+      exports$1.FIELDS = void 0;
+      exports$1["default"] = tokenize2;
       var t = _interopRequireWildcard(/* @__PURE__ */ requireTokenTypes());
       var _unescapable, _wordDelimiters;
       function _getRequireWildcardCache(nodeInterop) {
@@ -37760,7 +37815,7 @@ ${generateCodeFrame(
         START_POS: 5,
         END_POS: 6
       };
-      exports.FIELDS = FIELDS;
+      exports$1.FIELDS = FIELDS;
       function tokenize2(input2) {
         var tokens = [];
         var css = input2.css.valueOf();
@@ -37818,6 +37873,7 @@ ${generateCodeFrame(
               endColumn = start - offset;
               end = next;
               break;
+            // Consume these characters as single tokens.
             case t.asterisk:
             case t.ampersand:
             case t.bang:
@@ -37924,9 +37980,9 @@ ${generateCodeFrame(
   function requireParser() {
     if (hasRequiredParser) return parser.exports;
     hasRequiredParser = 1;
-    (function(module, exports) {
-      exports.__esModule = true;
-      exports["default"] = void 0;
+    (function(module, exports$1) {
+      exports$1.__esModule = true;
+      exports$1["default"] = void 0;
       var _root = _interopRequireDefault(/* @__PURE__ */ requireRoot());
       var _selector = _interopRequireDefault(/* @__PURE__ */ requireSelector());
       var _className = _interopRequireDefault(/* @__PURE__ */ requireClassName());
@@ -38062,7 +38118,7 @@ ${generateCodeFrame(
           return i === list.indexOf(item);
         });
       }
-      var Parser = /* @__PURE__ */ function() {
+      var Parser = /* @__PURE__ */ (function() {
         function Parser2(rule2, options) {
           if (options === void 0) {
             options = {};
@@ -38187,6 +38243,7 @@ ${generateCodeFrame(
                   }
                   break;
                 }
+              // Falls through
               case tokens.caret:
                 if (next[_tokenize.FIELDS.TYPE] === tokens.equals) {
                   node2.operator = content;
@@ -38832,6 +38889,7 @@ ${generateCodeFrame(
             case tokens.str:
               this.string();
               break;
+            // These cases throw; no break needed.
             case tokens.closeSquare:
               this.missingSquareBracket();
             case tokens.semicolon:
@@ -38931,9 +38989,9 @@ ${generateCodeFrame(
           }
         }]);
         return Parser2;
-      }();
-      exports["default"] = Parser;
-      module.exports = exports.default;
+      })();
+      exports$1["default"] = Parser;
+      module.exports = exports$1.default;
     })(parser, parser.exports);
     return parser.exports;
   }
@@ -38941,14 +38999,14 @@ ${generateCodeFrame(
   function requireProcessor() {
     if (hasRequiredProcessor) return processor.exports;
     hasRequiredProcessor = 1;
-    (function(module, exports) {
-      exports.__esModule = true;
-      exports["default"] = void 0;
+    (function(module, exports$1) {
+      exports$1.__esModule = true;
+      exports$1["default"] = void 0;
       var _parser = _interopRequireDefault(/* @__PURE__ */ requireParser());
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule ? obj : { "default": obj };
       }
-      var Processor = /* @__PURE__ */ function() {
+      var Processor = /* @__PURE__ */ (function() {
         function Processor2(func, options) {
           this.func = func || function noop2() {
           };
@@ -39062,9 +39120,9 @@ ${generateCodeFrame(
           return result2.string || result2.root.toString();
         };
         return Processor2;
-      }();
-      exports["default"] = Processor;
-      module.exports = exports.default;
+      })();
+      exports$1["default"] = Processor;
+      module.exports = exports$1.default;
     })(processor, processor.exports);
     return processor.exports;
   }
@@ -39208,25 +39266,25 @@ ${generateCodeFrame(
   function requireSelectors() {
     if (hasRequiredSelectors) return selectors;
     hasRequiredSelectors = 1;
-    (function(exports) {
-      exports.__esModule = true;
+    (function(exports$1) {
+      exports$1.__esModule = true;
       var _types = /* @__PURE__ */ requireTypes();
       Object.keys(_types).forEach(function(key) {
         if (key === "default" || key === "__esModule") return;
-        if (key in exports && exports[key] === _types[key]) return;
-        exports[key] = _types[key];
+        if (key in exports$1 && exports$1[key] === _types[key]) return;
+        exports$1[key] = _types[key];
       });
       var _constructors = /* @__PURE__ */ requireConstructors();
       Object.keys(_constructors).forEach(function(key) {
         if (key === "default" || key === "__esModule") return;
-        if (key in exports && exports[key] === _constructors[key]) return;
-        exports[key] = _constructors[key];
+        if (key in exports$1 && exports$1[key] === _constructors[key]) return;
+        exports$1[key] = _constructors[key];
       });
       var _guards = /* @__PURE__ */ requireGuards();
       Object.keys(_guards).forEach(function(key) {
         if (key === "default" || key === "__esModule") return;
-        if (key in exports && exports[key] === _guards[key]) return;
-        exports[key] = _guards[key];
+        if (key in exports$1 && exports$1[key] === _guards[key]) return;
+        exports$1[key] = _guards[key];
       });
     })(selectors);
     return selectors;
@@ -39235,9 +39293,9 @@ ${generateCodeFrame(
   function requireDist() {
     if (hasRequiredDist) return dist.exports;
     hasRequiredDist = 1;
-    (function(module, exports) {
-      exports.__esModule = true;
-      exports["default"] = void 0;
+    (function(module, exports$1) {
+      exports$1.__esModule = true;
+      exports$1["default"] = void 0;
       var _processor = _interopRequireDefault(/* @__PURE__ */ requireProcessor());
       var selectors2 = _interopRequireWildcard(/* @__PURE__ */ requireSelectors());
       function _getRequireWildcardCache(nodeInterop) {
@@ -39286,8 +39344,8 @@ ${generateCodeFrame(
       Object.assign(parser2, selectors2);
       delete parser2.__esModule;
       var _default = parser2;
-      exports["default"] = _default;
-      module.exports = exports.default;
+      exports$1["default"] = _default;
+      module.exports = exports$1.default;
     })(dist, dist.exports);
     return dist.exports;
   }
@@ -39415,8 +39473,7 @@ ${generateCodeFrame(
           return false;
         }
         if (value === ":global" || value === "::v-global") {
-          selectorRoot.insertAfter(selector2, n2.nodes[0]);
-          selectorRoot.removeChild(selector2);
+          selector2.replaceWith(n2.nodes[0]);
           return false;
         }
       }
@@ -39609,7 +39666,7 @@ ${generateCodeFrame(
   function requireUtil() {
     if (hasRequiredUtil) return util;
     hasRequiredUtil = 1;
-    (function(exports) {
+    (function(exports$1) {
       function getArg(aArgs, aName, aDefaultValue) {
         if (aName in aArgs) {
           return aArgs[aName];
@@ -39619,7 +39676,7 @@ ${generateCodeFrame(
           throw new Error('"' + aName + '" is a required argument.');
         }
       }
-      exports.getArg = getArg;
+      exports$1.getArg = getArg;
       var urlRegexp = /^(?:([\w+\-.]+):)?\/\/(?:(\w+:\w+)@)?([\w.-]*)(?::(\d+))?(.*)$/;
       var dataUrlRegexp = /^data:.+\,.+$/;
       function urlParse2(aUrl) {
@@ -39635,7 +39692,7 @@ ${generateCodeFrame(
           path: match[5]
         };
       }
-      exports.urlParse = urlParse2;
+      exports$1.urlParse = urlParse2;
       function urlGenerate(aParsedUrl) {
         var url = "";
         if (aParsedUrl.scheme) {
@@ -39656,7 +39713,7 @@ ${generateCodeFrame(
         }
         return url;
       }
-      exports.urlGenerate = urlGenerate;
+      exports$1.urlGenerate = urlGenerate;
       function normalize2(aPath) {
         var path2 = aPath;
         var url = urlParse2(aPath);
@@ -39666,7 +39723,7 @@ ${generateCodeFrame(
           }
           path2 = url.path;
         }
-        var isAbsolute2 = exports.isAbsolute(path2);
+        var isAbsolute2 = exports$1.isAbsolute(path2);
         var parts = path2.split(/\/+/);
         for (var part, up = 0, i = parts.length - 1; i >= 0; i--) {
           part = parts[i];
@@ -39694,7 +39751,7 @@ ${generateCodeFrame(
         }
         return path2;
       }
-      exports.normalize = normalize2;
+      exports$1.normalize = normalize2;
       function join2(aRoot, aPath) {
         if (aRoot === "") {
           aRoot = ".";
@@ -39727,8 +39784,8 @@ ${generateCodeFrame(
         }
         return joined;
       }
-      exports.join = join2;
-      exports.isAbsolute = function(aPath) {
+      exports$1.join = join2;
+      exports$1.isAbsolute = function(aPath) {
         return aPath.charAt(0) === "/" || urlRegexp.test(aPath);
       };
       function relative2(aRoot, aPath) {
@@ -39750,11 +39807,11 @@ ${generateCodeFrame(
         }
         return Array(level + 1).join("../") + aPath.substr(aRoot.length + 1);
       }
-      exports.relative = relative2;
-      var supportsNullProto = function() {
+      exports$1.relative = relative2;
+      var supportsNullProto = (function() {
         var obj = /* @__PURE__ */ Object.create(null);
         return !("__proto__" in obj);
-      }();
+      })();
       function identity(s) {
         return s;
       }
@@ -39764,14 +39821,14 @@ ${generateCodeFrame(
         }
         return aStr;
       }
-      exports.toSetString = supportsNullProto ? identity : toSetString;
+      exports$1.toSetString = supportsNullProto ? identity : toSetString;
       function fromSetString(aStr) {
         if (isProtoString(aStr)) {
           return aStr.slice(1);
         }
         return aStr;
       }
-      exports.fromSetString = supportsNullProto ? identity : fromSetString;
+      exports$1.fromSetString = supportsNullProto ? identity : fromSetString;
       function isProtoString(s) {
         if (!s) {
           return false;
@@ -39813,7 +39870,7 @@ ${generateCodeFrame(
         }
         return strcmp(mappingA.name, mappingB.name);
       }
-      exports.compareByOriginalPositions = compareByOriginalPositions;
+      exports$1.compareByOriginalPositions = compareByOriginalPositions;
       function compareByGeneratedPositionsDeflated(mappingA, mappingB, onlyCompareGenerated) {
         var cmp = mappingA.generatedLine - mappingB.generatedLine;
         if (cmp !== 0) {
@@ -39837,7 +39894,7 @@ ${generateCodeFrame(
         }
         return strcmp(mappingA.name, mappingB.name);
       }
-      exports.compareByGeneratedPositionsDeflated = compareByGeneratedPositionsDeflated;
+      exports$1.compareByGeneratedPositionsDeflated = compareByGeneratedPositionsDeflated;
       function strcmp(aStr1, aStr2) {
         if (aStr1 === aStr2) {
           return 0;
@@ -39876,11 +39933,11 @@ ${generateCodeFrame(
         }
         return strcmp(mappingA.name, mappingB.name);
       }
-      exports.compareByGeneratedPositionsInflated = compareByGeneratedPositionsInflated;
+      exports$1.compareByGeneratedPositionsInflated = compareByGeneratedPositionsInflated;
       function parseSourceMapInput(str) {
         return JSON.parse(str.replace(/^\)]}'[^\n]*\n/, ""));
       }
-      exports.parseSourceMapInput = parseSourceMapInput;
+      exports$1.parseSourceMapInput = parseSourceMapInput;
       function computeSourceURL(sourceRoot, sourceURL, sourceMapURL) {
         sourceURL = sourceURL || "";
         if (sourceRoot) {
@@ -39904,7 +39961,7 @@ ${generateCodeFrame(
         }
         return normalize2(sourceURL);
       }
-      exports.computeSourceURL = computeSourceURL;
+      exports$1.computeSourceURL = computeSourceURL;
     })(util);
     return util;
   }
@@ -40301,9 +40358,9 @@ ${generateCodeFrame(
   function requireBinarySearch() {
     if (hasRequiredBinarySearch) return binarySearch;
     hasRequiredBinarySearch = 1;
-    (function(exports) {
-      exports.GREATEST_LOWER_BOUND = 1;
-      exports.LEAST_UPPER_BOUND = 2;
+    (function(exports$1) {
+      exports$1.GREATEST_LOWER_BOUND = 1;
+      exports$1.LEAST_UPPER_BOUND = 2;
       function recursiveSearch(aLow, aHigh, aNeedle, aHaystack, aCompare, aBias) {
         var mid = Math.floor((aHigh - aLow) / 2) + aLow;
         var cmp = aCompare(aNeedle, aHaystack[mid], true);
@@ -40313,7 +40370,7 @@ ${generateCodeFrame(
           if (aHigh - mid > 1) {
             return recursiveSearch(mid, aHigh, aNeedle, aHaystack, aCompare, aBias);
           }
-          if (aBias == exports.LEAST_UPPER_BOUND) {
+          if (aBias == exports$1.LEAST_UPPER_BOUND) {
             return aHigh < aHaystack.length ? aHigh : -1;
           } else {
             return mid;
@@ -40322,14 +40379,14 @@ ${generateCodeFrame(
           if (mid - aLow > 1) {
             return recursiveSearch(aLow, mid, aNeedle, aHaystack, aCompare, aBias);
           }
-          if (aBias == exports.LEAST_UPPER_BOUND) {
+          if (aBias == exports$1.LEAST_UPPER_BOUND) {
             return mid;
           } else {
             return aLow < 0 ? -1 : aLow;
           }
         }
       }
-      exports.search = function search(aNeedle, aHaystack, aCompare, aBias) {
+      exports$1.search = function search(aNeedle, aHaystack, aCompare, aBias) {
         if (aHaystack.length === 0) {
           return -1;
         }
@@ -40339,7 +40396,7 @@ ${generateCodeFrame(
           aNeedle,
           aHaystack,
           aCompare,
-          aBias || exports.GREATEST_LOWER_BOUND
+          aBias || exports$1.GREATEST_LOWER_BOUND
         );
         if (index < 0) {
           return -1;
@@ -43083,6 +43140,7 @@ export default ${defaultVar}`;
         );
       }
       case "TSExpressionWithTypeArguments":
+      // referenced by interface extends
       case "TSTypeReference": {
         const typeName = getReferenceName(node2);
         if ((typeName === "ExtractPropTypes" || typeName === "ExtractPublicPropTypes") && node2.typeParameters && ((_a2 = scope.imports[typeName]) == null ? void 0 : _a2.source) === "vue") {
@@ -44012,6 +44070,7 @@ Note: both in 3.2 or with the ignore, the properties in the base type are treate
                 case "ConstructorParameters":
                 case "ReadonlyArray":
                   return ["String", "Number"];
+                // TS built-in utility types
                 case "Record":
                 case "Partial":
                 case "Required":
@@ -44065,6 +44124,8 @@ Note: both in 3.2 or with the ignore, the properties in the base type are treate
                 case "Promise":
                 case "Error":
                   return [node2.typeName.name];
+                // TS built-in utility types
+                // https://www.typescriptlang.org/docs/handbook/utility-types.html
                 case "Partial":
                 case "Required":
                 case "Readonly":
@@ -44161,6 +44222,7 @@ Note: both in 3.2 or with the ignore, the properties in the base type are treate
           }
           break;
         }
+        // e.g. readonly
         case "TSTypeOperator": {
           return inferRuntimeType(
             ctx,
@@ -45837,12 +45899,14 @@ ${exposeCall}`
       case "UnaryExpression":
         return isStaticNode(node2.argument);
       case "LogicalExpression":
+      // 1 > 2
       case "BinaryExpression":
         return isStaticNode(node2.left) && isStaticNode(node2.right);
       case "ConditionalExpression": {
         return isStaticNode(node2.test) && isStaticNode(node2.consequent) && isStaticNode(node2.alternate);
       }
       case "SequenceExpression":
+      // (1, 2)
       case "TemplateLiteral":
         return node2.expressions.every((expr) => isStaticNode(expr));
       case "ParenthesizedExpression":
@@ -45874,43 +45938,66 @@ ${exposeCall}`
   };
   __spreadValues2(__spreadValues2({}, errorMessages$1), DOMErrorMessages);
   libExports.parse;
-  function appCompiler(descriptor, info) {
-    const sfcAppBlock = compileScript(descriptor, __spreadProps(__spreadValues({}, info), {
-      isProd: false
-    }));
-    sfcAppBlock.isScoped = descriptor.styles.some((s) => s.scoped);
-    return sfcAppBlock;
-  }
-  function stylesCompiler(styles, info) {
-    return styles.map((style) => {
-      const sfcStyleCompileResults = compileStyle(__spreadProps(__spreadValues({}, info), {
-        source: style.content,
-        scoped: style.scoped,
-        isProd: false
-      }));
-      sfcStyleCompileResults.errors.forEach((e) => console.warn(e));
-      return sfcStyleCompileResults;
+  function scriptCompiler(descriptor, id2) {
+    var _a2;
+    const sfcScriptBlock = compileScript(descriptor, { id: id2 });
+    (_a2 = sfcScriptBlock.warnings) == null ? void 0 : _a2.forEach((w) => console.warn(w));
+    return sfcScriptBlock;
+  }
+  function styleCompiler(style, id2, filename) {
+    const sfcStyleCompileResults = compileStyle({
+      id: id2,
+      filename,
+      source: style.content,
+      scoped: style.scoped
     });
+    sfcStyleCompileResults.errors.forEach((e) => console.error(e));
+    return sfcStyleCompileResults;
   }
-  function templateCompiler(template, info) {
-    var _a2;
-    const sfcTemplateCompileResults = compileTemplate(__spreadProps(__spreadValues({}, info), {
-      source: (_a2 = template == null ? void 0 : template.content) != null ? _a2 : "",
-      isProd: false
-    }));
-    sfcTemplateCompileResults.errors.forEach((e) => console.warn(e));
+  function templateCompiler(descriptor, id2, filename) {
+    var _a2, _b2;
+    const sfcTemplateCompileResults = compileTemplate({
+      id: id2,
+      filename,
+      source: (_b2 = (_a2 = descriptor.template) == null ? void 0 : _a2.content) != null ? _b2 : ""
+    });
+    sfcTemplateCompileResults.errors.forEach((e) => console.error(e));
     return sfcTemplateCompileResults;
   }
-  function compilerSfc(source) {
-    const info = { id: REPO_NAME, filename: `${REPO_NAME}.vue` };
-    const { descriptor, errors: errors2 } = parse$2(source, info);
-    errors2.forEach((e) => console.warn(e));
+  function compilerSfc(source, id2) {
+    const filename = `${id2}.vue`;
+    const { descriptor, errors: errors2 } = parse$2(source, { filename });
+    if (!descriptor.script && !descriptor.scriptSetup) {
+      return compilerSfc(`<script>/* empty script */<\/script>${source}`, id2);
+    }
+    const isScoped = descriptor.styles.some((s) => s.scoped);
+    errors2.forEach((e) => console.error(e));
     return {
-      sfcStyleCompileResultsList: stylesCompiler(descriptor.styles, info),
-      sfcAppBlock: appCompiler(descriptor, info),
-      sfcTemplateCompileResults: templateCompiler(descriptor.template, info)
+      compiled: {
+        sfcAppBlock: scriptCompiler(descriptor, id2),
+        sfcTemplateCompileResults: templateCompiler(descriptor, id2, filename),
+        sfcStyleCompileResultsList: descriptor.styles.map((s) => styleCompiler(s, id2, filename))
+      },
+      isScoped
     };
   }
+  function scriptTransformer({ content }, appName) {
+    return content.replace("export default", `${appName} =`).replace(/Object\.defineProperty\(__returned__.*/, "");
+  }
+  function templateTransformer({ code }, appName) {
+    return code.replace("export function render", `${appName}.render = function`);
+  }
+  function sfc2esm(sfcSource, { id: id2 = "sfc2esm", appName = id2, mount = "#app" }) {
+    const { isScoped, compiled: c } = compilerSfc(sfcSource, id2);
+    const appCode = scriptTransformer(c.sfcAppBlock, appName);
+    const renderCode = templateTransformer(c.sfcTemplateCompileResults, appName);
+    const { initCode, scopeIdCode, createAppCode } = generator({ id: id2, appName, isScoped, mount });
+    return {
+      esmCode: [initCode, appCode, renderCode, scopeIdCode, createAppCode].join("\n"),
+      cssCode: c.sfcStyleCompileResultsList.map((style) => style.code).join("\n")
+    };
+  }
+  const asciiLogo = "/***************************************\r\n**           _               _        **\r\n**  ___  ___| |_ _   _ _ __ (_)_ __   **\r\n** / __|/ _ \\ __| | | | '_ \\| | '_ \\  **\r\n** \\__ \\  __/ |_| |_| | |_/ | | | | | **\r\n** |___/\\___|\\__|\\__,_| .__/|_|_| |_| **\r\n**                    |_|             **\r\n***************************************/\r\n";
   function createDom(row, inner) {
     var _a2;
     const container2 = document.createElement("main");
@@ -45939,46 +46026,29 @@ ${exposeCall}`
       });
     });
   }
-  function awaitCompileSfc(handler) {
+  function awaitClientCode(handler) {
     return __async(this, null, function* () {
-      const clientCodeList = yield watchRoot((node2, clientCodeList2) => {
+      const sfcCode = yield watchRoot((node2, carrier) => {
         if (!/^(?:script|template|style)$/.test(node2.localName)) return;
         if (node2.hasAttribute("src")) return;
-        clientCodeList2.push(node2.outerHTML);
+        carrier.push(node2.outerHTML);
         node2.localName === "style" ? node2.onload = node2.remove : node2.remove();
       });
-      const hasScript = clientCodeList.some((code) => code.slice(1, 7) === "script");
-      hasScript || clientCodeList.unshift("<script>/* empty script */<\/script>");
-      handler(compilerSfc(clientCodeList.join("\n")));
+      handler(sfcCode.join("\n"));
     });
   }
-  function generateCssCode(sfcStyleCompileResultsList) {
-    return sfcStyleCompileResultsList.map((style) => style.code).join("\n");
-  }
-  function generateEsmCode(sfcAppBlock, sfcTemplateCompileResults) {
-    const _scriptTransform = ({ content }) => content.replace("export default", `${APP_VAR_NAME} =`).replace(/Object\.defineProperty\(__returned__.*/, "");
-    const _templateTransform = ({ code }) => code.replace("export function render", `${APP_VAR_NAME}.render = function`);
-    return [
-      INIT_CODE,
-      _scriptTransform(sfcAppBlock),
-      _templateTransform(sfcTemplateCompileResults),
-      sfcAppBlock.isScoped ? SCOPED_ID_CODE : "",
-      CREATE_APP_CODE
-    ].join("\n");
-  }
-  function generator(compiledSfc) {
-    const { sfcAppBlock, sfcStyleCompileResultsList, sfcTemplateCompileResults } = compiledSfc;
-    return {
-      esmCode: generateEsmCode(sfcAppBlock, sfcTemplateCompileResults),
-      cssCode: generateCssCode(sfcStyleCompileResultsList)
-    };
-  }
-  awaitCompileSfc((compiledSfc) => {
+  awaitClientCode((sfcCode) => {
     var _a2, _b2, _c;
     const site = document["head"];
-    const { cssCode, esmCode } = generator(compiledSfc);
-    (_a2 = createDom(IMPORTS_TAG_CODE)) == null ? void 0 : _a2.mount(site);
-    (_b2 = createDom(`<script ${REPO_NAME} type="module">`, ASCII_LOGO + esmCode)) == null ? void 0 : _b2.mount(site);
-    (_c = createDom(cssCode && `<style ${REPO_NAME}>`, cssCode)) == null ? void 0 : _c.mount(document.head);
+    const option = {
+      id: "setupin",
+      appName: "APP$",
+      mount: "body"
+    };
+    const { esmCode, cssCode } = sfc2esm(sfcCode, option);
+    (_a2 = createDom('<script type="importmap">', JSON.stringify({ imports: { vue: "https://unpkg.com/vue@latest/dist/vue.runtime.esm-browser.js" } }))) == null ? void 0 : _a2.mount(site);
+    (_b2 = createDom('<script type="module">', `${asciiLogo}
+${esmCode}`)) == null ? void 0 : _b2.mount(site);
+    cssCode && ((_c = createDom("<style>", cssCode)) == null ? void 0 : _c.mount(document.head));
   });
 })();