@yiin/reactive-proxy-state 2.0.0 → 3.0.0

package/dist/index.js

@@ -1,2304 +1,3 @@
-var __create = Object.create;
-var __getProtoOf = Object.getPrototypeOf;
-var __defProp = Object.defineProperty;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __toESM = (mod, isNodeMode, target) => {
-  target = mod != null ? __create(__getProtoOf(mod)) : {};
-  const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
-  for (let key of __getOwnPropNames(mod))
-    if (!__hasOwnProp.call(to, key))
-      __defProp(to, key, {
-        get: () => mod[key],
-        enumerable: true
-      });
-  return to;
-};
-var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
-
-// node_modules/@vue/shared/dist/shared.cjs.js
-var require_shared_cjs = __commonJS((exports) => {
-  Object.defineProperty(exports, "__esModule", { value: true });
-  /*! #__NO_SIDE_EFFECTS__ */
-  function makeMap(str) {
-    const map = /* @__PURE__ */ Object.create(null);
-    for (const key of str.split(","))
-      map[key] = 1;
-    return (val) => (val in map);
-  }
-  var EMPTY_OBJ = Object.freeze({});
-  var EMPTY_ARR = Object.freeze([]);
-  var NOOP = () => {};
-  var NO = () => false;
-  var isOn = (key) => key.charCodeAt(0) === 111 && key.charCodeAt(1) === 110 && (key.charCodeAt(2) > 122 || key.charCodeAt(2) < 97);
-  var isModelListener = (key) => key.startsWith("onUpdate:");
-  var extend = Object.assign;
-  var remove = (arr, el) => {
-    const i = arr.indexOf(el);
-    if (i > -1) {
-      arr.splice(i, 1);
-    }
-  };
-  var hasOwnProperty = Object.prototype.hasOwnProperty;
-  var hasOwn2 = (val, key) => hasOwnProperty.call(val, key);
-  var isArray = Array.isArray;
-  var isMap = (val) => toTypeString(val) === "[object Map]";
-  var isSet = (val) => toTypeString(val) === "[object Set]";
-  var isDate = (val) => toTypeString(val) === "[object Date]";
-  var isRegExp = (val) => toTypeString(val) === "[object RegExp]";
-  var isFunction = (val) => typeof val === "function";
-  var isString = (val) => typeof val === "string";
-  var isSymbol = (val) => typeof val === "symbol";
-  var isObject7 = (val) => val !== null && typeof val === "object";
-  var isPromise = (val) => {
-    return (isObject7(val) || isFunction(val)) && isFunction(val.then) && isFunction(val.catch);
-  };
-  var objectToString = Object.prototype.toString;
-  var toTypeString = (value) => objectToString.call(value);
-  var toRawType = (value) => {
-    return toTypeString(value).slice(8, -1);
-  };
-  var isPlainObject = (val) => toTypeString(val) === "[object Object]";
-  var isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
-  var isReservedProp = /* @__PURE__ */ makeMap(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted");
-  var isBuiltInDirective = /* @__PURE__ */ makeMap("bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo");
-  var cacheStringFunction = (fn) => {
-    const cache = /* @__PURE__ */ Object.create(null);
-    return (str) => {
-      const hit = cache[str];
-      return hit || (cache[str] = fn(str));
-    };
-  };
-  var camelizeRE = /-(\w)/g;
-  var camelize = cacheStringFunction((str) => {
-    return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
-  });
-  var hyphenateRE = /\B([A-Z])/g;
-  var hyphenate = cacheStringFunction((str) => str.replace(hyphenateRE, "-$1").toLowerCase());
-  var capitalize = cacheStringFunction((str) => {
-    return str.charAt(0).toUpperCase() + str.slice(1);
-  });
-  var toHandlerKey = cacheStringFunction((str) => {
-    const s = str ? `on${capitalize(str)}` : ``;
-    return s;
-  });
-  var hasChanged = (value, oldValue) => !Object.is(value, oldValue);
-  var invokeArrayFns = (fns, ...arg) => {
-    for (let i = 0;i < fns.length; i++) {
-      fns[i](...arg);
-    }
-  };
-  var def = (obj, key, value, writable = false) => {
-    Object.defineProperty(obj, key, {
-      configurable: true,
-      enumerable: false,
-      writable,
-      value
-    });
-  };
-  var looseToNumber = (val) => {
-    const n = parseFloat(val);
-    return isNaN(n) ? val : n;
-  };
-  var toNumber = (val) => {
-    const n = isString(val) ? Number(val) : NaN;
-    return isNaN(n) ? val : n;
-  };
-  var _globalThis;
-  var getGlobalThis = () => {
-    return _globalThis || (_globalThis = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {});
-  };
-  var identRE = /^[_$a-zA-Z\xA0-\uFFFF][_$a-zA-Z0-9\xA0-\uFFFF]*$/;
-  function genPropsAccessExp(name) {
-    return identRE.test(name) ? `__props.${name}` : `__props[${JSON.stringify(name)}]`;
-  }
-  function genCacheKey(source, options) {
-    return source + JSON.stringify(options, (_, val) => typeof val === "function" ? val.toString() : val);
-  }
-  var PatchFlags = {
-    TEXT: 1,
-    "1": "TEXT",
-    CLASS: 2,
-    "2": "CLASS",
-    STYLE: 4,
-    "4": "STYLE",
-    PROPS: 8,
-    "8": "PROPS",
-    FULL_PROPS: 16,
-    "16": "FULL_PROPS",
-    NEED_HYDRATION: 32,
-    "32": "NEED_HYDRATION",
-    STABLE_FRAGMENT: 64,
-    "64": "STABLE_FRAGMENT",
-    KEYED_FRAGMENT: 128,
-    "128": "KEYED_FRAGMENT",
-    UNKEYED_FRAGMENT: 256,
-    "256": "UNKEYED_FRAGMENT",
-    NEED_PATCH: 512,
-    "512": "NEED_PATCH",
-    DYNAMIC_SLOTS: 1024,
-    "1024": "DYNAMIC_SLOTS",
-    DEV_ROOT_FRAGMENT: 2048,
-    "2048": "DEV_ROOT_FRAGMENT",
-    CACHED: -1,
-    "-1": "CACHED",
-    BAIL: -2,
-    "-2": "BAIL"
-  };
-  var PatchFlagNames = {
-    [1]: `TEXT`,
-    [2]: `CLASS`,
-    [4]: `STYLE`,
-    [8]: `PROPS`,
-    [16]: `FULL_PROPS`,
-    [32]: `NEED_HYDRATION`,
-    [64]: `STABLE_FRAGMENT`,
-    [128]: `KEYED_FRAGMENT`,
-    [256]: `UNKEYED_FRAGMENT`,
-    [512]: `NEED_PATCH`,
-    [1024]: `DYNAMIC_SLOTS`,
-    [2048]: `DEV_ROOT_FRAGMENT`,
-    [-1]: `HOISTED`,
-    [-2]: `BAIL`
-  };
-  var ShapeFlags = {
-    ELEMENT: 1,
-    "1": "ELEMENT",
-    FUNCTIONAL_COMPONENT: 2,
-    "2": "FUNCTIONAL_COMPONENT",
-    STATEFUL_COMPONENT: 4,
-    "4": "STATEFUL_COMPONENT",
-    TEXT_CHILDREN: 8,
-    "8": "TEXT_CHILDREN",
-    ARRAY_CHILDREN: 16,
-    "16": "ARRAY_CHILDREN",
-    SLOTS_CHILDREN: 32,
-    "32": "SLOTS_CHILDREN",
-    TELEPORT: 64,
-    "64": "TELEPORT",
-    SUSPENSE: 128,
-    "128": "SUSPENSE",
-    COMPONENT_SHOULD_KEEP_ALIVE: 256,
-    "256": "COMPONENT_SHOULD_KEEP_ALIVE",
-    COMPONENT_KEPT_ALIVE: 512,
-    "512": "COMPONENT_KEPT_ALIVE",
-    COMPONENT: 6,
-    "6": "COMPONENT"
-  };
-  var SlotFlags = {
-    STABLE: 1,
-    "1": "STABLE",
-    DYNAMIC: 2,
-    "2": "DYNAMIC",
-    FORWARDED: 3,
-    "3": "FORWARDED"
-  };
-  var slotFlagsText = {
-    [1]: "STABLE",
-    [2]: "DYNAMIC",
-    [3]: "FORWARDED"
-  };
-  var GLOBALS_ALLOWED = "Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt,console,Error,Symbol";
-  var isGloballyAllowed = /* @__PURE__ */ makeMap(GLOBALS_ALLOWED);
-  var isGloballyWhitelisted = isGloballyAllowed;
-  var range = 2;
-  function generateCodeFrame(source, start = 0, end = source.length) {
-    start = Math.max(0, Math.min(start, source.length));
-    end = Math.max(0, Math.min(end, source.length));
-    if (start > end)
-      return "";
-    let lines = source.split(/(\r?\n)/);
-    const newlineSequences = lines.filter((_, idx) => idx % 2 === 1);
-    lines = lines.filter((_, idx) => idx % 2 === 0);
-    let count = 0;
-    const res = [];
-    for (let i = 0;i < lines.length; i++) {
-      count += lines[i].length + (newlineSequences[i] && newlineSequences[i].length || 0);
-      if (count >= start) {
-        for (let j = i - range;j <= i + range || end > count; j++) {
-          if (j < 0 || j >= lines.length)
-            continue;
-          const line = j + 1;
-          res.push(`${line}${" ".repeat(Math.max(3 - String(line).length, 0))}|  ${lines[j]}`);
-          const lineLength = lines[j].length;
-          const newLineSeqLength = newlineSequences[j] && newlineSequences[j].length || 0;
-          if (j === i) {
-            const pad = start - (count - (lineLength + newLineSeqLength));
-            const length = Math.max(1, end > count ? lineLength - pad : end - start);
-            res.push(`   |  ` + " ".repeat(pad) + "^".repeat(length));
-          } else if (j > i) {
-            if (end > count) {
-              const length = Math.max(Math.min(end - count, lineLength), 1);
-              res.push(`   |  ` + "^".repeat(length));
-            }
-            count += lineLength + newLineSeqLength;
-          }
-        }
-        break;
-      }
-    }
-    return res.join(`
-`);
-  }
-  function normalizeStyle(value) {
-    if (isArray(value)) {
-      const res = {};
-      for (let i = 0;i < value.length; i++) {
-        const item = value[i];
-        const normalized = isString(item) ? parseStringStyle(item) : normalizeStyle(item);
-        if (normalized) {
-          for (const key in normalized) {
-            res[key] = normalized[key];
-          }
-        }
-      }
-      return res;
-    } else if (isString(value) || isObject7(value)) {
-      return value;
-    }
-  }
-  var listDelimiterRE = /;(?![^(]*\))/g;
-  var propertyDelimiterRE = /:([^]+)/;
-  var styleCommentRE = /\/\*[^]*?\*\//g;
-  function parseStringStyle(cssText) {
-    const ret = {};
-    cssText.replace(styleCommentRE, "").split(listDelimiterRE).forEach((item) => {
-      if (item) {
-        const tmp = item.split(propertyDelimiterRE);
-        tmp.length > 1 && (ret[tmp[0].trim()] = tmp[1].trim());
-      }
-    });
-    return ret;
-  }
-  function stringifyStyle(styles) {
-    if (!styles)
-      return "";
-    if (isString(styles))
-      return styles;
-    let ret = "";
-    for (const key in styles) {
-      const value = styles[key];
-      if (isString(value) || typeof value === "number") {
-        const normalizedKey = key.startsWith(`--`) ? key : hyphenate(key);
-        ret += `${normalizedKey}:${value};`;
-      }
-    }
-    return ret;
-  }
-  function normalizeClass(value) {
-    let res = "";
-    if (isString(value)) {
-      res = value;
-    } else if (isArray(value)) {
-      for (let i = 0;i < value.length; i++) {
-        const normalized = normalizeClass(value[i]);
-        if (normalized) {
-          res += normalized + " ";
-        }
-      }
-    } else if (isObject7(value)) {
-      for (const name in value) {
-        if (value[name]) {
-          res += name + " ";
-        }
-      }
-    }
-    return res.trim();
-  }
-  function normalizeProps(props) {
-    if (!props)
-      return null;
-    let { class: klass, style } = props;
-    if (klass && !isString(klass)) {
-      props.class = normalizeClass(klass);
-    }
-    if (style) {
-      props.style = normalizeStyle(style);
-    }
-    return props;
-  }
-  var HTML_TAGS = "html,body,base,head,link,meta,style,title,address,article,aside,footer,header,hgroup,h1,h2,h3,h4,h5,h6,nav,section,div,dd,dl,dt,figcaption,figure,picture,hr,img,li,main,ol,p,pre,ul,a,b,abbr,bdi,bdo,br,cite,code,data,dfn,em,i,kbd,mark,q,rp,rt,ruby,s,samp,small,span,strong,sub,sup,time,u,var,wbr,area,audio,map,track,video,embed,object,param,source,canvas,script,noscript,del,ins,caption,col,colgroup,table,thead,tbody,td,th,tr,button,datalist,fieldset,form,input,label,legend,meter,optgroup,option,output,progress,select,textarea,details,dialog,menu,summary,template,blockquote,iframe,tfoot";
-  var SVG_TAGS = "svg,animate,animateMotion,animateTransform,circle,clipPath,color-profile,defs,desc,discard,ellipse,feBlend,feColorMatrix,feComponentTransfer,feComposite,feConvolveMatrix,feDiffuseLighting,feDisplacementMap,feDistantLight,feDropShadow,feFlood,feFuncA,feFuncB,feFuncG,feFuncR,feGaussianBlur,feImage,feMerge,feMergeNode,feMorphology,feOffset,fePointLight,feSpecularLighting,feSpotLight,feTile,feTurbulence,filter,foreignObject,g,hatch,hatchpath,image,line,linearGradient,marker,mask,mesh,meshgradient,meshpatch,meshrow,metadata,mpath,path,pattern,polygon,polyline,radialGradient,rect,set,solidcolor,stop,switch,symbol,text,textPath,title,tspan,unknown,use,view";
-  var MATH_TAGS = "annotation,annotation-xml,maction,maligngroup,malignmark,math,menclose,merror,mfenced,mfrac,mfraction,mglyph,mi,mlabeledtr,mlongdiv,mmultiscripts,mn,mo,mover,mpadded,mphantom,mprescripts,mroot,mrow,ms,mscarries,mscarry,msgroup,msline,mspace,msqrt,msrow,mstack,mstyle,msub,msubsup,msup,mtable,mtd,mtext,mtr,munder,munderover,none,semantics";
-  var VOID_TAGS = "area,base,br,col,embed,hr,img,input,link,meta,param,source,track,wbr";
-  var isHTMLTag = /* @__PURE__ */ makeMap(HTML_TAGS);
-  var isSVGTag = /* @__PURE__ */ makeMap(SVG_TAGS);
-  var isMathMLTag = /* @__PURE__ */ makeMap(MATH_TAGS);
-  var isVoidTag = /* @__PURE__ */ makeMap(VOID_TAGS);
-  var specialBooleanAttrs = `itemscope,allowfullscreen,formnovalidate,ismap,nomodule,novalidate,readonly`;
-  var isSpecialBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs);
-  var isBooleanAttr = /* @__PURE__ */ makeMap(specialBooleanAttrs + `,async,autofocus,autoplay,controls,default,defer,disabled,hidden,inert,loop,open,required,reversed,scoped,seamless,checked,muted,multiple,selected`);
-  function includeBooleanAttr(value) {
-    return !!value || value === "";
-  }
-  var unsafeAttrCharRE = /[>/="'\u0009\u000a\u000c\u0020]/;
-  var attrValidationCache = {};
-  function isSSRSafeAttrName(name) {
-    if (attrValidationCache.hasOwnProperty(name)) {
-      return attrValidationCache[name];
-    }
-    const isUnsafe = unsafeAttrCharRE.test(name);
-    if (isUnsafe) {
-      console.error(`unsafe attribute name: ${name}`);
-    }
-    return attrValidationCache[name] = !isUnsafe;
-  }
-  var propsToAttrMap = {
-    acceptCharset: "accept-charset",
-    className: "class",
-    htmlFor: "for",
-    httpEquiv: "http-equiv"
-  };
-  var isKnownHtmlAttr = /* @__PURE__ */ makeMap(`accept,accept-charset,accesskey,action,align,allow,alt,async,autocapitalize,autocomplete,autofocus,autoplay,background,bgcolor,border,buffered,capture,challenge,charset,checked,cite,class,code,codebase,color,cols,colspan,content,contenteditable,contextmenu,controls,coords,crossorigin,csp,data,datetime,decoding,default,defer,dir,dirname,disabled,download,draggable,dropzone,enctype,enterkeyhint,for,form,formaction,formenctype,formmethod,formnovalidate,formtarget,headers,height,hidden,high,href,hreflang,http-equiv,icon,id,importance,inert,integrity,ismap,itemprop,keytype,kind,label,lang,language,loading,list,loop,low,manifest,max,maxlength,minlength,media,min,multiple,muted,name,novalidate,open,optimum,pattern,ping,placeholder,poster,preload,radiogroup,readonly,referrerpolicy,rel,required,reversed,rows,rowspan,sandbox,scope,scoped,selected,shape,size,sizes,slot,span,spellcheck,src,srcdoc,srclang,srcset,start,step,style,summary,tabindex,target,title,translate,type,usemap,value,width,wrap`);
-  var isKnownSvgAttr = /* @__PURE__ */ makeMap(`xmlns,accent-height,accumulate,additive,alignment-baseline,alphabetic,amplitude,arabic-form,ascent,attributeName,attributeType,azimuth,baseFrequency,baseline-shift,baseProfile,bbox,begin,bias,by,calcMode,cap-height,class,clip,clipPathUnits,clip-path,clip-rule,color,color-interpolation,color-interpolation-filters,color-profile,color-rendering,contentScriptType,contentStyleType,crossorigin,cursor,cx,cy,d,decelerate,descent,diffuseConstant,direction,display,divisor,dominant-baseline,dur,dx,dy,edgeMode,elevation,enable-background,end,exponent,fill,fill-opacity,fill-rule,filter,filterRes,filterUnits,flood-color,flood-opacity,font-family,font-size,font-size-adjust,font-stretch,font-style,font-variant,font-weight,format,from,fr,fx,fy,g1,g2,glyph-name,glyph-orientation-horizontal,glyph-orientation-vertical,glyphRef,gradientTransform,gradientUnits,hanging,height,href,hreflang,horiz-adv-x,horiz-origin-x,id,ideographic,image-rendering,in,in2,intercept,k,k1,k2,k3,k4,kernelMatrix,kernelUnitLength,kerning,keyPoints,keySplines,keyTimes,lang,lengthAdjust,letter-spacing,lighting-color,limitingConeAngle,local,marker-end,marker-mid,marker-start,markerHeight,markerUnits,markerWidth,mask,maskContentUnits,maskUnits,mathematical,max,media,method,min,mode,name,numOctaves,offset,opacity,operator,order,orient,orientation,origin,overflow,overline-position,overline-thickness,panose-1,paint-order,path,pathLength,patternContentUnits,patternTransform,patternUnits,ping,pointer-events,points,pointsAtX,pointsAtY,pointsAtZ,preserveAlpha,preserveAspectRatio,primitiveUnits,r,radius,referrerPolicy,refX,refY,rel,rendering-intent,repeatCount,repeatDur,requiredExtensions,requiredFeatures,restart,result,rotate,rx,ry,scale,seed,shape-rendering,slope,spacing,specularConstant,specularExponent,speed,spreadMethod,startOffset,stdDeviation,stemh,stemv,stitchTiles,stop-color,stop-opacity,strikethrough-position,strikethrough-thickness,string,stroke,stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,stroke-opacity,stroke-width,style,surfaceScale,systemLanguage,tabindex,tableValues,target,targetX,targetY,text-anchor,text-decoration,text-rendering,textLength,to,transform,transform-origin,type,u1,u2,underline-position,underline-thickness,unicode,unicode-bidi,unicode-range,units-per-em,v-alphabetic,v-hanging,v-ideographic,v-mathematical,values,vector-effect,version,vert-adv-y,vert-origin-x,vert-origin-y,viewBox,viewTarget,visibility,width,widths,word-spacing,writing-mode,x,x-height,x1,x2,xChannelSelector,xlink:actuate,xlink:arcrole,xlink:href,xlink:role,xlink:show,xlink:title,xlink:type,xmlns:xlink,xml:base,xml:lang,xml:space,y,y1,y2,yChannelSelector,z,zoomAndPan`);
-  var isKnownMathMLAttr = /* @__PURE__ */ makeMap(`accent,accentunder,actiontype,align,alignmentscope,altimg,altimg-height,altimg-valign,altimg-width,alttext,bevelled,close,columnsalign,columnlines,columnspan,denomalign,depth,dir,display,displaystyle,encoding,equalcolumns,equalrows,fence,fontstyle,fontweight,form,frame,framespacing,groupalign,height,href,id,indentalign,indentalignfirst,indentalignlast,indentshift,indentshiftfirst,indentshiftlast,indextype,justify,largetop,largeop,lquote,lspace,mathbackground,mathcolor,mathsize,mathvariant,maxsize,minlabelspacing,mode,other,overflow,position,rowalign,rowlines,rowspan,rquote,rspace,scriptlevel,scriptminsize,scriptsizemultiplier,selection,separator,separators,shift,side,src,stackalign,stretchy,subscriptshift,superscriptshift,symmetric,voffset,width,widths,xlink:href,xlink:show,xlink:type,xmlns`);
-  function isRenderableAttrValue(value) {
-    if (value == null) {
-      return false;
-    }
-    const type = typeof value;
-    return type === "string" || type === "number" || type === "boolean";
-  }
-  var escapeRE = /["'&<>]/;
-  function escapeHtml(string) {
-    const str = "" + string;
-    const match = escapeRE.exec(str);
-    if (!match) {
-      return str;
-    }
-    let html = "";
-    let escaped;
-    let index;
-    let lastIndex = 0;
-    for (index = match.index;index < str.length; index++) {
-      switch (str.charCodeAt(index)) {
-        case 34:
-          escaped = "&quot;";
-          break;
-        case 38:
-          escaped = "&amp;";
-          break;
-        case 39:
-          escaped = "&#39;";
-          break;
-        case 60:
-          escaped = "&lt;";
-          break;
-        case 62:
-          escaped = "&gt;";
-          break;
-        default:
-          continue;
-      }
-      if (lastIndex !== index) {
-        html += str.slice(lastIndex, index);
-      }
-      lastIndex = index + 1;
-      html += escaped;
-    }
-    return lastIndex !== index ? html + str.slice(lastIndex, index) : html;
-  }
-  var commentStripRE = /^-?>|<!--|-->|--!>|<!-$/g;
-  function escapeHtmlComment(src) {
-    return src.replace(commentStripRE, "");
-  }
-  var cssVarNameEscapeSymbolsRE = /[ !"#$%&'()*+,./:;<=>?@[\\\]^`{|}~]/g;
-  function getEscapedCssVarName(key, doubleEscape) {
-    return key.replace(cssVarNameEscapeSymbolsRE, (s) => doubleEscape ? s === '"' ? "\\\\\\\"" : `\\\\${s}` : `\\${s}`);
-  }
-  function looseCompareArrays(a, b) {
-    if (a.length !== b.length)
-      return false;
-    let equal = true;
-    for (let i = 0;equal && i < a.length; i++) {
-      equal = looseEqual(a[i], b[i]);
-    }
-    return equal;
-  }
-  function looseEqual(a, b) {
-    if (a === b)
-      return true;
-    let aValidType = isDate(a);
-    let bValidType = isDate(b);
-    if (aValidType || bValidType) {
-      return aValidType && bValidType ? a.getTime() === b.getTime() : false;
-    }
-    aValidType = isSymbol(a);
-    bValidType = isSymbol(b);
-    if (aValidType || bValidType) {
-      return a === b;
-    }
-    aValidType = isArray(a);
-    bValidType = isArray(b);
-    if (aValidType || bValidType) {
-      return aValidType && bValidType ? looseCompareArrays(a, b) : false;
-    }
-    aValidType = isObject7(a);
-    bValidType = isObject7(b);
-    if (aValidType || bValidType) {
-      if (!aValidType || !bValidType) {
-        return false;
-      }
-      const aKeysCount = Object.keys(a).length;
-      const bKeysCount = Object.keys(b).length;
-      if (aKeysCount !== bKeysCount) {
-        return false;
-      }
-      for (const key in a) {
-        const aHasKey = a.hasOwnProperty(key);
-        const bHasKey = b.hasOwnProperty(key);
-        if (aHasKey && !bHasKey || !aHasKey && bHasKey || !looseEqual(a[key], b[key])) {
-          return false;
-        }
-      }
-    }
-    return String(a) === String(b);
-  }
-  function looseIndexOf(arr, val) {
-    return arr.findIndex((item) => looseEqual(item, val));
-  }
-  var isRef3 = (val) => {
-    return !!(val && val["__v_isRef"] === true);
-  };
-  var toDisplayString = (val) => {
-    return isString(val) ? val : val == null ? "" : isArray(val) || isObject7(val) && (val.toString === objectToString || !isFunction(val.toString)) ? isRef3(val) ? toDisplayString(val.value) : JSON.stringify(val, replacer, 2) : String(val);
-  };
-  var replacer = (_key, val) => {
-    if (isRef3(val)) {
-      return replacer(_key, val.value);
-    } else if (isMap(val)) {
-      return {
-        [`Map(${val.size})`]: [...val.entries()].reduce((entries, [key, val2], i) => {
-          entries[stringifySymbol(key, i) + " =>"] = val2;
-          return entries;
-        }, {})
-      };
-    } else if (isSet(val)) {
-      return {
-        [`Set(${val.size})`]: [...val.values()].map((v) => stringifySymbol(v))
-      };
-    } else if (isSymbol(val)) {
-      return stringifySymbol(val);
-    } else if (isObject7(val) && !isArray(val) && !isPlainObject(val)) {
-      return String(val);
-    }
-    return val;
-  };
-  var stringifySymbol = (v, i = "") => {
-    var _a;
-    return isSymbol(v) ? `Symbol(${(_a = v.description) != null ? _a : i})` : v;
-  };
-  exports.EMPTY_ARR = EMPTY_ARR;
-  exports.EMPTY_OBJ = EMPTY_OBJ;
-  exports.NO = NO;
-  exports.NOOP = NOOP;
-  exports.PatchFlagNames = PatchFlagNames;
-  exports.PatchFlags = PatchFlags;
-  exports.ShapeFlags = ShapeFlags;
-  exports.SlotFlags = SlotFlags;
-  exports.camelize = camelize;
-  exports.capitalize = capitalize;
-  exports.cssVarNameEscapeSymbolsRE = cssVarNameEscapeSymbolsRE;
-  exports.def = def;
-  exports.escapeHtml = escapeHtml;
-  exports.escapeHtmlComment = escapeHtmlComment;
-  exports.extend = extend;
-  exports.genCacheKey = genCacheKey;
-  exports.genPropsAccessExp = genPropsAccessExp;
-  exports.generateCodeFrame = generateCodeFrame;
-  exports.getEscapedCssVarName = getEscapedCssVarName;
-  exports.getGlobalThis = getGlobalThis;
-  exports.hasChanged = hasChanged;
-  exports.hasOwn = hasOwn2;
-  exports.hyphenate = hyphenate;
-  exports.includeBooleanAttr = includeBooleanAttr;
-  exports.invokeArrayFns = invokeArrayFns;
-  exports.isArray = isArray;
-  exports.isBooleanAttr = isBooleanAttr;
-  exports.isBuiltInDirective = isBuiltInDirective;
-  exports.isDate = isDate;
-  exports.isFunction = isFunction;
-  exports.isGloballyAllowed = isGloballyAllowed;
-  exports.isGloballyWhitelisted = isGloballyWhitelisted;
-  exports.isHTMLTag = isHTMLTag;
-  exports.isIntegerKey = isIntegerKey;
-  exports.isKnownHtmlAttr = isKnownHtmlAttr;
-  exports.isKnownMathMLAttr = isKnownMathMLAttr;
-  exports.isKnownSvgAttr = isKnownSvgAttr;
-  exports.isMap = isMap;
-  exports.isMathMLTag = isMathMLTag;
-  exports.isModelListener = isModelListener;
-  exports.isObject = isObject7;
-  exports.isOn = isOn;
-  exports.isPlainObject = isPlainObject;
-  exports.isPromise = isPromise;
-  exports.isRegExp = isRegExp;
-  exports.isRenderableAttrValue = isRenderableAttrValue;
-  exports.isReservedProp = isReservedProp;
-  exports.isSSRSafeAttrName = isSSRSafeAttrName;
-  exports.isSVGTag = isSVGTag;
-  exports.isSet = isSet;
-  exports.isSpecialBooleanAttr = isSpecialBooleanAttr;
-  exports.isString = isString;
-  exports.isSymbol = isSymbol;
-  exports.isVoidTag = isVoidTag;
-  exports.looseEqual = looseEqual;
-  exports.looseIndexOf = looseIndexOf;
-  exports.looseToNumber = looseToNumber;
-  exports.makeMap = makeMap;
-  exports.normalizeClass = normalizeClass;
-  exports.normalizeProps = normalizeProps;
-  exports.normalizeStyle = normalizeStyle;
-  exports.objectToString = objectToString;
-  exports.parseStringStyle = parseStringStyle;
-  exports.propsToAttrMap = propsToAttrMap;
-  exports.remove = remove;
-  exports.slotFlagsText = slotFlagsText;
-  exports.stringifyStyle = stringifyStyle;
-  exports.toDisplayString = toDisplayString;
-  exports.toHandlerKey = toHandlerKey;
-  exports.toNumber = toNumber;
-  exports.toRawType = toRawType;
-  exports.toTypeString = toTypeString;
-});
-
-// node_modules/@vue/reactivity/dist/reactivity.cjs.js
-var require_reactivity_cjs = __commonJS((exports) => {
-  Object.defineProperty(exports, "__esModule", { value: true });
-  var shared = require_shared_cjs();
-  function warn(msg, ...args) {
-    console.warn(`[Vue warn] ${msg}`, ...args);
-  }
-  var activeEffectScope;
-
-  class EffectScope {
-    constructor(detached = false) {
-      this.detached = detached;
-      this._active = true;
-      this.effects = [];
-      this.cleanups = [];
-      this._isPaused = false;
-      this.parent = activeEffectScope;
-      if (!detached && activeEffectScope) {
-        this.index = (activeEffectScope.scopes || (activeEffectScope.scopes = [])).push(this) - 1;
-      }
-    }
-    get active() {
-      return this._active;
-    }
-    pause() {
-      if (this._active) {
-        this._isPaused = true;
-        let i, l;
-        if (this.scopes) {
-          for (i = 0, l = this.scopes.length;i < l; i++) {
-            this.scopes[i].pause();
-          }
-        }
-        for (i = 0, l = this.effects.length;i < l; i++) {
-          this.effects[i].pause();
-        }
-      }
-    }
-    resume() {
-      if (this._active) {
-        if (this._isPaused) {
-          this._isPaused = false;
-          let i, l;
-          if (this.scopes) {
-            for (i = 0, l = this.scopes.length;i < l; i++) {
-              this.scopes[i].resume();
-            }
-          }
-          for (i = 0, l = this.effects.length;i < l; i++) {
-            this.effects[i].resume();
-          }
-        }
-      }
-    }
-    run(fn) {
-      if (this._active) {
-        const currentEffectScope = activeEffectScope;
-        try {
-          activeEffectScope = this;
-          return fn();
-        } finally {
-          activeEffectScope = currentEffectScope;
-        }
-      } else {
-        warn(`cannot run an inactive effect scope.`);
-      }
-    }
-    on() {
-      activeEffectScope = this;
-    }
-    off() {
-      activeEffectScope = this.parent;
-    }
-    stop(fromParent) {
-      if (this._active) {
-        this._active = false;
-        let i, l;
-        for (i = 0, l = this.effects.length;i < l; i++) {
-          this.effects[i].stop();
-        }
-        this.effects.length = 0;
-        for (i = 0, l = this.cleanups.length;i < l; i++) {
-          this.cleanups[i]();
-        }
-        this.cleanups.length = 0;
-        if (this.scopes) {
-          for (i = 0, l = this.scopes.length;i < l; i++) {
-            this.scopes[i].stop(true);
-          }
-          this.scopes.length = 0;
-        }
-        if (!this.detached && this.parent && !fromParent) {
-          const last = this.parent.scopes.pop();
-          if (last && last !== this) {
-            this.parent.scopes[this.index] = last;
-            last.index = this.index;
-          }
-        }
-        this.parent = undefined;
-      }
-    }
-  }
-  function effectScope(detached) {
-    return new EffectScope(detached);
-  }
-  function getCurrentScope() {
-    return activeEffectScope;
-  }
-  function onScopeDispose(fn, failSilently = false) {
-    if (activeEffectScope) {
-      activeEffectScope.cleanups.push(fn);
-    } else if (!failSilently) {
-      warn(`onScopeDispose() is called when there is no active effect scope to be associated with.`);
-    }
-  }
-  var activeSub;
-  var EffectFlags = {
-    ACTIVE: 1,
-    "1": "ACTIVE",
-    RUNNING: 2,
-    "2": "RUNNING",
-    TRACKING: 4,
-    "4": "TRACKING",
-    NOTIFIED: 8,
-    "8": "NOTIFIED",
-    DIRTY: 16,
-    "16": "DIRTY",
-    ALLOW_RECURSE: 32,
-    "32": "ALLOW_RECURSE",
-    PAUSED: 64,
-    "64": "PAUSED"
-  };
-  var pausedQueueEffects = /* @__PURE__ */ new WeakSet;
-
-  class ReactiveEffect {
-    constructor(fn) {
-      this.fn = fn;
-      this.deps = undefined;
-      this.depsTail = undefined;
-      this.flags = 1 | 4;
-      this.next = undefined;
-      this.cleanup = undefined;
-      this.scheduler = undefined;
-      if (activeEffectScope && activeEffectScope.active) {
-        activeEffectScope.effects.push(this);
-      }
-    }
-    pause() {
-      this.flags |= 64;
-    }
-    resume() {
-      if (this.flags & 64) {
-        this.flags &= ~64;
-        if (pausedQueueEffects.has(this)) {
-          pausedQueueEffects.delete(this);
-          this.trigger();
-        }
-      }
-    }
-    notify() {
-      if (this.flags & 2 && !(this.flags & 32)) {
-        return;
-      }
-      if (!(this.flags & 8)) {
-        batch(this);
-      }
-    }
-    run() {
-      if (!(this.flags & 1)) {
-        return this.fn();
-      }
-      this.flags |= 2;
-      cleanupEffect3(this);
-      prepareDeps(this);
-      const prevEffect = activeSub;
-      const prevShouldTrack = shouldTrack;
-      activeSub = this;
-      shouldTrack = true;
-      try {
-        return this.fn();
-      } finally {
-        if (activeSub !== this) {
-          warn("Active effect was not restored correctly - this is likely a Vue internal bug.");
-        }
-        cleanupDeps(this);
-        activeSub = prevEffect;
-        shouldTrack = prevShouldTrack;
-        this.flags &= ~2;
-      }
-    }
-    stop() {
-      if (this.flags & 1) {
-        for (let link = this.deps;link; link = link.nextDep) {
-          removeSub(link);
-        }
-        this.deps = this.depsTail = undefined;
-        cleanupEffect3(this);
-        this.onStop && this.onStop();
-        this.flags &= ~1;
-      }
-    }
-    trigger() {
-      if (this.flags & 64) {
-        pausedQueueEffects.add(this);
-      } else if (this.scheduler) {
-        this.scheduler();
-      } else {
-        this.runIfDirty();
-      }
-    }
-    runIfDirty() {
-      if (isDirty(this)) {
-        this.run();
-      }
-    }
-    get dirty() {
-      return isDirty(this);
-    }
-  }
-  var batchDepth = 0;
-  var batchedSub;
-  var batchedComputed;
-  function batch(sub, isComputed2 = false) {
-    sub.flags |= 8;
-    if (isComputed2) {
-      sub.next = batchedComputed;
-      batchedComputed = sub;
-      return;
-    }
-    sub.next = batchedSub;
-    batchedSub = sub;
-  }
-  function startBatch() {
-    batchDepth++;
-  }
-  function endBatch() {
-    if (--batchDepth > 0) {
-      return;
-    }
-    if (batchedComputed) {
-      let e = batchedComputed;
-      batchedComputed = undefined;
-      while (e) {
-        const next = e.next;
-        e.next = undefined;
-        e.flags &= ~8;
-        e = next;
-      }
-    }
-    let error;
-    while (batchedSub) {
-      let e = batchedSub;
-      batchedSub = undefined;
-      while (e) {
-        const next = e.next;
-        e.next = undefined;
-        e.flags &= ~8;
-        if (e.flags & 1) {
-          try {
-            e.trigger();
-          } catch (err) {
-            if (!error)
-              error = err;
-          }
-        }
-        e = next;
-      }
-    }
-    if (error)
-      throw error;
-  }
-  function prepareDeps(sub) {
-    for (let link = sub.deps;link; link = link.nextDep) {
-      link.version = -1;
-      link.prevActiveLink = link.dep.activeLink;
-      link.dep.activeLink = link;
-    }
-  }
-  function cleanupDeps(sub) {
-    let head;
-    let tail = sub.depsTail;
-    let link = tail;
-    while (link) {
-      const prev = link.prevDep;
-      if (link.version === -1) {
-        if (link === tail)
-          tail = prev;
-        removeSub(link);
-        removeDep(link);
-      } else {
-        head = link;
-      }
-      link.dep.activeLink = link.prevActiveLink;
-      link.prevActiveLink = undefined;
-      link = prev;
-    }
-    sub.deps = head;
-    sub.depsTail = tail;
-  }
-  function isDirty(sub) {
-    for (let link = sub.deps;link; link = link.nextDep) {
-      if (link.dep.version !== link.version || link.dep.computed && (refreshComputed(link.dep.computed) || link.dep.version !== link.version)) {
-        return true;
-      }
-    }
-    if (sub._dirty) {
-      return true;
-    }
-    return false;
-  }
-  function refreshComputed(computed3) {
-    if (computed3.flags & 4 && !(computed3.flags & 16)) {
-      return;
-    }
-    computed3.flags &= ~16;
-    if (computed3.globalVersion === globalVersion) {
-      return;
-    }
-    computed3.globalVersion = globalVersion;
-    const dep = computed3.dep;
-    computed3.flags |= 2;
-    if (dep.version > 0 && !computed3.isSSR && computed3.deps && !isDirty(computed3)) {
-      computed3.flags &= ~2;
-      return;
-    }
-    const prevSub = activeSub;
-    const prevShouldTrack = shouldTrack;
-    activeSub = computed3;
-    shouldTrack = true;
-    try {
-      prepareDeps(computed3);
-      const value = computed3.fn(computed3._value);
-      if (dep.version === 0 || shared.hasChanged(value, computed3._value)) {
-        computed3._value = value;
-        dep.version++;
-      }
-    } catch (err) {
-      dep.version++;
-      throw err;
-    } finally {
-      activeSub = prevSub;
-      shouldTrack = prevShouldTrack;
-      cleanupDeps(computed3);
-      computed3.flags &= ~2;
-    }
-  }
-  function removeSub(link, soft = false) {
-    const { dep, prevSub, nextSub } = link;
-    if (prevSub) {
-      prevSub.nextSub = nextSub;
-      link.prevSub = undefined;
-    }
-    if (nextSub) {
-      nextSub.prevSub = prevSub;
-      link.nextSub = undefined;
-    }
-    if (dep.subsHead === link) {
-      dep.subsHead = nextSub;
-    }
-    if (dep.subs === link) {
-      dep.subs = prevSub;
-      if (!prevSub && dep.computed) {
-        dep.computed.flags &= ~4;
-        for (let l = dep.computed.deps;l; l = l.nextDep) {
-          removeSub(l, true);
-        }
-      }
-    }
-    if (!soft && !--dep.sc && dep.map) {
-      dep.map.delete(dep.key);
-    }
-  }
-  function removeDep(link) {
-    const { prevDep, nextDep } = link;
-    if (prevDep) {
-      prevDep.nextDep = nextDep;
-      link.prevDep = undefined;
-    }
-    if (nextDep) {
-      nextDep.prevDep = prevDep;
-      link.nextDep = undefined;
-    }
-  }
-  function effect(fn, options) {
-    if (fn.effect instanceof ReactiveEffect) {
-      fn = fn.effect.fn;
-    }
-    const e = new ReactiveEffect(fn);
-    if (options) {
-      shared.extend(e, options);
-    }
-    try {
-      e.run();
-    } catch (err) {
-      e.stop();
-      throw err;
-    }
-    const runner = e.run.bind(e);
-    runner.effect = e;
-    return runner;
-  }
-  function stop(runner) {
-    runner.effect.stop();
-  }
-  var shouldTrack = true;
-  var trackStack = [];
-  function pauseTracking() {
-    trackStack.push(shouldTrack);
-    shouldTrack = false;
-  }
-  function enableTracking() {
-    trackStack.push(shouldTrack);
-    shouldTrack = true;
-  }
-  function resetTracking() {
-    const last = trackStack.pop();
-    shouldTrack = last === undefined ? true : last;
-  }
-  function onEffectCleanup(fn, failSilently = false) {
-    if (activeSub instanceof ReactiveEffect) {
-      activeSub.cleanup = fn;
-    } else if (!failSilently) {
-      warn(`onEffectCleanup() was called when there was no active effect to associate with.`);
-    }
-  }
-  function cleanupEffect3(e) {
-    const { cleanup } = e;
-    e.cleanup = undefined;
-    if (cleanup) {
-      const prevSub = activeSub;
-      activeSub = undefined;
-      try {
-        cleanup();
-      } finally {
-        activeSub = prevSub;
-      }
-    }
-  }
-  var globalVersion = 0;
-
-  class Link {
-    constructor(sub, dep) {
-      this.sub = sub;
-      this.dep = dep;
-      this.version = dep.version;
-      this.nextDep = this.prevDep = this.nextSub = this.prevSub = this.prevActiveLink = undefined;
-    }
-  }
-
-  class Dep {
-    constructor(computed3) {
-      this.computed = computed3;
-      this.version = 0;
-      this.activeLink = undefined;
-      this.subs = undefined;
-      this.map = undefined;
-      this.key = undefined;
-      this.sc = 0;
-      {
-        this.subsHead = undefined;
-      }
-    }
-    track(debugInfo) {
-      if (!activeSub || !shouldTrack || activeSub === this.computed) {
-        return;
-      }
-      let link = this.activeLink;
-      if (link === undefined || link.sub !== activeSub) {
-        link = this.activeLink = new Link(activeSub, this);
-        if (!activeSub.deps) {
-          activeSub.deps = activeSub.depsTail = link;
-        } else {
-          link.prevDep = activeSub.depsTail;
-          activeSub.depsTail.nextDep = link;
-          activeSub.depsTail = link;
-        }
-        addSub(link);
-      } else if (link.version === -1) {
-        link.version = this.version;
-        if (link.nextDep) {
-          const next = link.nextDep;
-          next.prevDep = link.prevDep;
-          if (link.prevDep) {
-            link.prevDep.nextDep = next;
-          }
-          link.prevDep = activeSub.depsTail;
-          link.nextDep = undefined;
-          activeSub.depsTail.nextDep = link;
-          activeSub.depsTail = link;
-          if (activeSub.deps === link) {
-            activeSub.deps = next;
-          }
-        }
-      }
-      if (activeSub.onTrack) {
-        activeSub.onTrack(shared.extend({
-          effect: activeSub
-        }, debugInfo));
-      }
-      return link;
-    }
-    trigger(debugInfo) {
-      this.version++;
-      globalVersion++;
-      this.notify(debugInfo);
-    }
-    notify(debugInfo) {
-      startBatch();
-      try {
-        if (true) {
-          for (let head = this.subsHead;head; head = head.nextSub) {
-            if (head.sub.onTrigger && !(head.sub.flags & 8)) {
-              head.sub.onTrigger(shared.extend({
-                effect: head.sub
-              }, debugInfo));
-            }
-          }
-        }
-        for (let link = this.subs;link; link = link.prevSub) {
-          if (link.sub.notify()) {
-            link.sub.dep.notify();
-          }
-        }
-      } finally {
-        endBatch();
-      }
-    }
-  }
-  function addSub(link) {
-    link.dep.sc++;
-    if (link.sub.flags & 4) {
-      const computed3 = link.dep.computed;
-      if (computed3 && !link.dep.subs) {
-        computed3.flags |= 4 | 16;
-        for (let l = computed3.deps;l; l = l.nextDep) {
-          addSub(l);
-        }
-      }
-      const currentTail = link.dep.subs;
-      if (currentTail !== link) {
-        link.prevSub = currentTail;
-        if (currentTail)
-          currentTail.nextSub = link;
-      }
-      if (link.dep.subsHead === undefined) {
-        link.dep.subsHead = link;
-      }
-      link.dep.subs = link;
-    }
-  }
-  var targetMap2 = /* @__PURE__ */ new WeakMap;
-  var ITERATE_KEY = Symbol("Object iterate");
-  var MAP_KEY_ITERATE_KEY = Symbol("Map keys iterate");
-  var ARRAY_ITERATE_KEY = Symbol("Array iterate");
-  function track2(target, type, key) {
-    if (shouldTrack && activeSub) {
-      let depsMap = targetMap2.get(target);
-      if (!depsMap) {
-        targetMap2.set(target, depsMap = /* @__PURE__ */ new Map);
-      }
-      let dep = depsMap.get(key);
-      if (!dep) {
-        depsMap.set(key, dep = new Dep);
-        dep.map = depsMap;
-        dep.key = key;
-      }
-      {
-        dep.track({
-          target,
-          type,
-          key
-        });
-      }
-    }
-  }
-  function trigger2(target, type, key, newValue, oldValue, oldTarget) {
-    const depsMap = targetMap2.get(target);
-    if (!depsMap) {
-      globalVersion++;
-      return;
-    }
-    const run = (dep) => {
-      if (dep) {
-        {
-          dep.trigger({
-            target,
-            type,
-            key,
-            newValue,
-            oldValue,
-            oldTarget
-          });
-        }
-      }
-    };
-    startBatch();
-    if (type === "clear") {
-      depsMap.forEach(run);
-    } else {
-      const targetIsArray = shared.isArray(target);
-      const isArrayIndex = targetIsArray && shared.isIntegerKey(key);
-      if (targetIsArray && key === "length") {
-        const newLength = Number(newValue);
-        depsMap.forEach((dep, key2) => {
-          if (key2 === "length" || key2 === ARRAY_ITERATE_KEY || !shared.isSymbol(key2) && key2 >= newLength) {
-            run(dep);
-          }
-        });
-      } else {
-        if (key !== undefined || depsMap.has(undefined)) {
-          run(depsMap.get(key));
-        }
-        if (isArrayIndex) {
-          run(depsMap.get(ARRAY_ITERATE_KEY));
-        }
-        switch (type) {
-          case "add":
-            if (!targetIsArray) {
-              run(depsMap.get(ITERATE_KEY));
-              if (shared.isMap(target)) {
-                run(depsMap.get(MAP_KEY_ITERATE_KEY));
-              }
-            } else if (isArrayIndex) {
-              run(depsMap.get("length"));
-            }
-            break;
-          case "delete":
-            if (!targetIsArray) {
-              run(depsMap.get(ITERATE_KEY));
-              if (shared.isMap(target)) {
-                run(depsMap.get(MAP_KEY_ITERATE_KEY));
-              }
-            }
-            break;
-          case "set":
-            if (shared.isMap(target)) {
-              run(depsMap.get(ITERATE_KEY));
-            }
-            break;
-        }
-      }
-    }
-    endBatch();
-  }
-  function getDepFromReactive(object, key) {
-    const depMap = targetMap2.get(object);
-    return depMap && depMap.get(key);
-  }
-  function reactiveReadArray(array) {
-    const raw = toRaw2(array);
-    if (raw === array)
-      return raw;
-    track2(raw, "iterate", ARRAY_ITERATE_KEY);
-    return isShallow(array) ? raw : raw.map(toReactive);
-  }
-  function shallowReadArray(arr) {
-    track2(arr = toRaw2(arr), "iterate", ARRAY_ITERATE_KEY);
-    return arr;
-  }
-  var arrayInstrumentations = {
-    __proto__: null,
-    [Symbol.iterator]() {
-      return iterator(this, Symbol.iterator, toReactive);
-    },
-    concat(...args) {
-      return reactiveReadArray(this).concat(...args.map((x) => shared.isArray(x) ? reactiveReadArray(x) : x));
-    },
-    entries() {
-      return iterator(this, "entries", (value) => {
-        value[1] = toReactive(value[1]);
-        return value;
-      });
-    },
-    every(fn, thisArg) {
-      return apply(this, "every", fn, thisArg, undefined, arguments);
-    },
-    filter(fn, thisArg) {
-      return apply(this, "filter", fn, thisArg, (v) => v.map(toReactive), arguments);
-    },
-    find(fn, thisArg) {
-      return apply(this, "find", fn, thisArg, toReactive, arguments);
-    },
-    findIndex(fn, thisArg) {
-      return apply(this, "findIndex", fn, thisArg, undefined, arguments);
-    },
-    findLast(fn, thisArg) {
-      return apply(this, "findLast", fn, thisArg, toReactive, arguments);
-    },
-    findLastIndex(fn, thisArg) {
-      return apply(this, "findLastIndex", fn, thisArg, undefined, arguments);
-    },
-    forEach(fn, thisArg) {
-      return apply(this, "forEach", fn, thisArg, undefined, arguments);
-    },
-    includes(...args) {
-      return searchProxy(this, "includes", args);
-    },
-    indexOf(...args) {
-      return searchProxy(this, "indexOf", args);
-    },
-    join(separator) {
-      return reactiveReadArray(this).join(separator);
-    },
-    lastIndexOf(...args) {
-      return searchProxy(this, "lastIndexOf", args);
-    },
-    map(fn, thisArg) {
-      return apply(this, "map", fn, thisArg, undefined, arguments);
-    },
-    pop() {
-      return noTracking(this, "pop");
-    },
-    push(...args) {
-      return noTracking(this, "push", args);
-    },
-    reduce(fn, ...args) {
-      return reduce(this, "reduce", fn, args);
-    },
-    reduceRight(fn, ...args) {
-      return reduce(this, "reduceRight", fn, args);
-    },
-    shift() {
-      return noTracking(this, "shift");
-    },
-    some(fn, thisArg) {
-      return apply(this, "some", fn, thisArg, undefined, arguments);
-    },
-    splice(...args) {
-      return noTracking(this, "splice", args);
-    },
-    toReversed() {
-      return reactiveReadArray(this).toReversed();
-    },
-    toSorted(comparer) {
-      return reactiveReadArray(this).toSorted(comparer);
-    },
-    toSpliced(...args) {
-      return reactiveReadArray(this).toSpliced(...args);
-    },
-    unshift(...args) {
-      return noTracking(this, "unshift", args);
-    },
-    values() {
-      return iterator(this, "values", toReactive);
-    }
-  };
-  function iterator(self2, method, wrapValue) {
-    const arr = shallowReadArray(self2);
-    const iter = arr[method]();
-    if (arr !== self2 && !isShallow(self2)) {
-      iter._next = iter.next;
-      iter.next = () => {
-        const result = iter._next();
-        if (result.value) {
-          result.value = wrapValue(result.value);
-        }
-        return result;
-      };
-    }
-    return iter;
-  }
-  var arrayProto = Array.prototype;
-  function apply(self2, method, fn, thisArg, wrappedRetFn, args) {
-    const arr = shallowReadArray(self2);
-    const needsWrap = arr !== self2 && !isShallow(self2);
-    const methodFn = arr[method];
-    if (methodFn !== arrayProto[method]) {
-      const result2 = methodFn.apply(self2, args);
-      return needsWrap ? toReactive(result2) : result2;
-    }
-    let wrappedFn = fn;
-    if (arr !== self2) {
-      if (needsWrap) {
-        wrappedFn = function(item, index) {
-          return fn.call(this, toReactive(item), index, self2);
-        };
-      } else if (fn.length > 2) {
-        wrappedFn = function(item, index) {
-          return fn.call(this, item, index, self2);
-        };
-      }
-    }
-    const result = methodFn.call(arr, wrappedFn, thisArg);
-    return needsWrap && wrappedRetFn ? wrappedRetFn(result) : result;
-  }
-  function reduce(self2, method, fn, args) {
-    const arr = shallowReadArray(self2);
-    let wrappedFn = fn;
-    if (arr !== self2) {
-      if (!isShallow(self2)) {
-        wrappedFn = function(acc, item, index) {
-          return fn.call(this, acc, toReactive(item), index, self2);
-        };
-      } else if (fn.length > 3) {
-        wrappedFn = function(acc, item, index) {
-          return fn.call(this, acc, item, index, self2);
-        };
-      }
-    }
-    return arr[method](wrappedFn, ...args);
-  }
-  function searchProxy(self2, method, args) {
-    const arr = toRaw2(self2);
-    track2(arr, "iterate", ARRAY_ITERATE_KEY);
-    const res = arr[method](...args);
-    if ((res === -1 || res === false) && isProxy(args[0])) {
-      args[0] = toRaw2(args[0]);
-      return arr[method](...args);
-    }
-    return res;
-  }
-  function noTracking(self2, method, args = []) {
-    pauseTracking();
-    startBatch();
-    const res = toRaw2(self2)[method].apply(self2, args);
-    endBatch();
-    resetTracking();
-    return res;
-  }
-  var isNonTrackableKeys = /* @__PURE__ */ shared.makeMap(`__proto__,__v_isRef,__isVue`);
-  var builtInSymbols = new Set(/* @__PURE__ */ Object.getOwnPropertyNames(Symbol).filter((key) => key !== "arguments" && key !== "caller").map((key) => Symbol[key]).filter(shared.isSymbol));
-  function hasOwnProperty(key) {
-    if (!shared.isSymbol(key))
-      key = String(key);
-    const obj = toRaw2(this);
-    track2(obj, "has", key);
-    return obj.hasOwnProperty(key);
-  }
-
-  class BaseReactiveHandler {
-    constructor(_isReadonly = false, _isShallow = false) {
-      this._isReadonly = _isReadonly;
-      this._isShallow = _isShallow;
-    }
-    get(target, key, receiver) {
-      if (key === "__v_skip")
-        return target["__v_skip"];
-      const isReadonly2 = this._isReadonly, isShallow2 = this._isShallow;
-      if (key === "__v_isReactive") {
-        return !isReadonly2;
-      } else if (key === "__v_isReadonly") {
-        return isReadonly2;
-      } else if (key === "__v_isShallow") {
-        return isShallow2;
-      } else if (key === "__v_raw") {
-        if (receiver === (isReadonly2 ? isShallow2 ? shallowReadonlyMap : readonlyMap : isShallow2 ? shallowReactiveMap : reactiveMap).get(target) || Object.getPrototypeOf(target) === Object.getPrototypeOf(receiver)) {
-          return target;
-        }
-        return;
-      }
-      const targetIsArray = shared.isArray(target);
-      if (!isReadonly2) {
-        let fn;
-        if (targetIsArray && (fn = arrayInstrumentations[key])) {
-          return fn;
-        }
-        if (key === "hasOwnProperty") {
-          return hasOwnProperty;
-        }
-      }
-      const res = Reflect.get(target, key, isRef3(target) ? target : receiver);
-      if (shared.isSymbol(key) ? builtInSymbols.has(key) : isNonTrackableKeys(key)) {
-        return res;
-      }
-      if (!isReadonly2) {
-        track2(target, "get", key);
-      }
-      if (isShallow2) {
-        return res;
-      }
-      if (isRef3(res)) {
-        return targetIsArray && shared.isIntegerKey(key) ? res : res.value;
-      }
-      if (shared.isObject(res)) {
-        return isReadonly2 ? readonly(res) : reactive2(res);
-      }
-      return res;
-    }
-  }
-
-  class MutableReactiveHandler extends BaseReactiveHandler {
-    constructor(isShallow2 = false) {
-      super(false, isShallow2);
-    }
-    set(target, key, value, receiver) {
-      let oldValue = target[key];
-      if (!this._isShallow) {
-        const isOldValueReadonly = isReadonly(oldValue);
-        if (!isShallow(value) && !isReadonly(value)) {
-          oldValue = toRaw2(oldValue);
-          value = toRaw2(value);
-        }
-        if (!shared.isArray(target) && isRef3(oldValue) && !isRef3(value)) {
-          if (isOldValueReadonly) {
-            return false;
-          } else {
-            oldValue.value = value;
-            return true;
-          }
-        }
-      }
-      const hadKey = shared.isArray(target) && shared.isIntegerKey(key) ? Number(key) < target.length : shared.hasOwn(target, key);
-      const result = Reflect.set(target, key, value, isRef3(target) ? target : receiver);
-      if (target === toRaw2(receiver)) {
-        if (!hadKey) {
-          trigger2(target, "add", key, value);
-        } else if (shared.hasChanged(value, oldValue)) {
-          trigger2(target, "set", key, value, oldValue);
-        }
-      }
-      return result;
-    }
-    deleteProperty(target, key) {
-      const hadKey = shared.hasOwn(target, key);
-      const oldValue = target[key];
-      const result = Reflect.deleteProperty(target, key);
-      if (result && hadKey) {
-        trigger2(target, "delete", key, undefined, oldValue);
-      }
-      return result;
-    }
-    has(target, key) {
-      const result = Reflect.has(target, key);
-      if (!shared.isSymbol(key) || !builtInSymbols.has(key)) {
-        track2(target, "has", key);
-      }
-      return result;
-    }
-    ownKeys(target) {
-      track2(target, "iterate", shared.isArray(target) ? "length" : ITERATE_KEY);
-      return Reflect.ownKeys(target);
-    }
-  }
-
-  class ReadonlyReactiveHandler extends BaseReactiveHandler {
-    constructor(isShallow2 = false) {
-      super(true, isShallow2);
-    }
-    set(target, key) {
-      {
-        warn(`Set operation on key "${String(key)}" failed: target is readonly.`, target);
-      }
-      return true;
-    }
-    deleteProperty(target, key) {
-      {
-        warn(`Delete operation on key "${String(key)}" failed: target is readonly.`, target);
-      }
-      return true;
-    }
-  }
-  var mutableHandlers = /* @__PURE__ */ new MutableReactiveHandler;
-  var readonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler;
-  var shallowReactiveHandlers = /* @__PURE__ */ new MutableReactiveHandler(true);
-  var shallowReadonlyHandlers = /* @__PURE__ */ new ReadonlyReactiveHandler(true);
-  var toShallow = (value) => value;
-  var getProto = (v) => Reflect.getPrototypeOf(v);
-  function createIterableMethod(method, isReadonly2, isShallow2) {
-    return function(...args) {
-      const target = this["__v_raw"];
-      const rawTarget = toRaw2(target);
-      const targetIsMap = shared.isMap(rawTarget);
-      const isPair = method === "entries" || method === Symbol.iterator && targetIsMap;
-      const isKeyOnly = method === "keys" && targetIsMap;
-      const innerIterator = target[method](...args);
-      const wrap = isShallow2 ? toShallow : isReadonly2 ? toReadonly : toReactive;
-      !isReadonly2 && track2(rawTarget, "iterate", isKeyOnly ? MAP_KEY_ITERATE_KEY : ITERATE_KEY);
-      return {
-        next() {
-          const { value, done } = innerIterator.next();
-          return done ? { value, done } : {
-            value: isPair ? [wrap(value[0]), wrap(value[1])] : wrap(value),
-            done
-          };
-        },
-        [Symbol.iterator]() {
-          return this;
-        }
-      };
-    };
-  }
-  function createReadonlyMethod(type) {
-    return function(...args) {
-      {
-        const key = args[0] ? `on key "${args[0]}" ` : ``;
-        warn(`${shared.capitalize(type)} operation ${key}failed: target is readonly.`, toRaw2(this));
-      }
-      return type === "delete" ? false : type === "clear" ? undefined : this;
-    };
-  }
-  function createInstrumentations(readonly2, shallow) {
-    const instrumentations = {
-      get(key) {
-        const target = this["__v_raw"];
-        const rawTarget = toRaw2(target);
-        const rawKey = toRaw2(key);
-        if (!readonly2) {
-          if (shared.hasChanged(key, rawKey)) {
-            track2(rawTarget, "get", key);
-          }
-          track2(rawTarget, "get", rawKey);
-        }
-        const { has } = getProto(rawTarget);
-        const wrap = shallow ? toShallow : readonly2 ? toReadonly : toReactive;
-        if (has.call(rawTarget, key)) {
-          return wrap(target.get(key));
-        } else if (has.call(rawTarget, rawKey)) {
-          return wrap(target.get(rawKey));
-        } else if (target !== rawTarget) {
-          target.get(key);
-        }
-      },
-      get size() {
-        const target = this["__v_raw"];
-        !readonly2 && track2(toRaw2(target), "iterate", ITERATE_KEY);
-        return Reflect.get(target, "size", target);
-      },
-      has(key) {
-        const target = this["__v_raw"];
-        const rawTarget = toRaw2(target);
-        const rawKey = toRaw2(key);
-        if (!readonly2) {
-          if (shared.hasChanged(key, rawKey)) {
-            track2(rawTarget, "has", key);
-          }
-          track2(rawTarget, "has", rawKey);
-        }
-        return key === rawKey ? target.has(key) : target.has(key) || target.has(rawKey);
-      },
-      forEach(callback, thisArg) {
-        const observed = this;
-        const target = observed["__v_raw"];
-        const rawTarget = toRaw2(target);
-        const wrap = shallow ? toShallow : readonly2 ? toReadonly : toReactive;
-        !readonly2 && track2(rawTarget, "iterate", ITERATE_KEY);
-        return target.forEach((value, key) => {
-          return callback.call(thisArg, wrap(value), wrap(key), observed);
-        });
-      }
-    };
-    shared.extend(instrumentations, readonly2 ? {
-      add: createReadonlyMethod("add"),
-      set: createReadonlyMethod("set"),
-      delete: createReadonlyMethod("delete"),
-      clear: createReadonlyMethod("clear")
-    } : {
-      add(value) {
-        if (!shallow && !isShallow(value) && !isReadonly(value)) {
-          value = toRaw2(value);
-        }
-        const target = toRaw2(this);
-        const proto = getProto(target);
-        const hadKey = proto.has.call(target, value);
-        if (!hadKey) {
-          target.add(value);
-          trigger2(target, "add", value, value);
-        }
-        return this;
-      },
-      set(key, value) {
-        if (!shallow && !isShallow(value) && !isReadonly(value)) {
-          value = toRaw2(value);
-        }
-        const target = toRaw2(this);
-        const { has, get } = getProto(target);
-        let hadKey = has.call(target, key);
-        if (!hadKey) {
-          key = toRaw2(key);
-          hadKey = has.call(target, key);
-        } else {
-          checkIdentityKeys(target, has, key);
-        }
-        const oldValue = get.call(target, key);
-        target.set(key, value);
-        if (!hadKey) {
-          trigger2(target, "add", key, value);
-        } else if (shared.hasChanged(value, oldValue)) {
-          trigger2(target, "set", key, value, oldValue);
-        }
-        return this;
-      },
-      delete(key) {
-        const target = toRaw2(this);
-        const { has, get } = getProto(target);
-        let hadKey = has.call(target, key);
-        if (!hadKey) {
-          key = toRaw2(key);
-          hadKey = has.call(target, key);
-        } else {
-          checkIdentityKeys(target, has, key);
-        }
-        const oldValue = get ? get.call(target, key) : undefined;
-        const result = target.delete(key);
-        if (hadKey) {
-          trigger2(target, "delete", key, undefined, oldValue);
-        }
-        return result;
-      },
-      clear() {
-        const target = toRaw2(this);
-        const hadItems = target.size !== 0;
-        const oldTarget = shared.isMap(target) ? new Map(target) : new Set(target);
-        const result = target.clear();
-        if (hadItems) {
-          trigger2(target, "clear", undefined, undefined, oldTarget);
-        }
-        return result;
-      }
-    });
-    const iteratorMethods = [
-      "keys",
-      "values",
-      "entries",
-      Symbol.iterator
-    ];
-    iteratorMethods.forEach((method) => {
-      instrumentations[method] = createIterableMethod(method, readonly2, shallow);
-    });
-    return instrumentations;
-  }
-  function createInstrumentationGetter(isReadonly2, shallow) {
-    const instrumentations = createInstrumentations(isReadonly2, shallow);
-    return (target, key, receiver) => {
-      if (key === "__v_isReactive") {
-        return !isReadonly2;
-      } else if (key === "__v_isReadonly") {
-        return isReadonly2;
-      } else if (key === "__v_raw") {
-        return target;
-      }
-      return Reflect.get(shared.hasOwn(instrumentations, key) && key in target ? instrumentations : target, key, receiver);
-    };
-  }
-  var mutableCollectionHandlers = {
-    get: /* @__PURE__ */ createInstrumentationGetter(false, false)
-  };
-  var shallowCollectionHandlers = {
-    get: /* @__PURE__ */ createInstrumentationGetter(false, true)
-  };
-  var readonlyCollectionHandlers = {
-    get: /* @__PURE__ */ createInstrumentationGetter(true, false)
-  };
-  var shallowReadonlyCollectionHandlers = {
-    get: /* @__PURE__ */ createInstrumentationGetter(true, true)
-  };
-  function checkIdentityKeys(target, has, key) {
-    const rawKey = toRaw2(key);
-    if (rawKey !== key && has.call(target, rawKey)) {
-      const type = shared.toRawType(target);
-      warn(`Reactive ${type} contains both the raw and reactive versions of the same object${type === `Map` ? ` as keys` : ``}, which can lead to inconsistencies. Avoid differentiating between the raw and reactive versions of an object and only use the reactive version if possible.`);
-    }
-  }
-  var reactiveMap = /* @__PURE__ */ new WeakMap;
-  var shallowReactiveMap = /* @__PURE__ */ new WeakMap;
-  var readonlyMap = /* @__PURE__ */ new WeakMap;
-  var shallowReadonlyMap = /* @__PURE__ */ new WeakMap;
-  function targetTypeMap(rawType) {
-    switch (rawType) {
-      case "Object":
-      case "Array":
-        return 1;
-      case "Map":
-      case "Set":
-      case "WeakMap":
-      case "WeakSet":
-        return 2;
-      default:
-        return 0;
-    }
-  }
-  function getTargetType(value) {
-    return value["__v_skip"] || !Object.isExtensible(value) ? 0 : targetTypeMap(shared.toRawType(value));
-  }
-  function reactive2(target) {
-    if (isReadonly(target)) {
-      return target;
-    }
-    return createReactiveObject(target, false, mutableHandlers, mutableCollectionHandlers, reactiveMap);
-  }
-  function shallowReactive(target) {
-    return createReactiveObject(target, false, shallowReactiveHandlers, shallowCollectionHandlers, shallowReactiveMap);
-  }
-  function readonly(target) {
-    return createReactiveObject(target, true, readonlyHandlers, readonlyCollectionHandlers, readonlyMap);
-  }
-  function shallowReadonly(target) {
-    return createReactiveObject(target, true, shallowReadonlyHandlers, shallowReadonlyCollectionHandlers, shallowReadonlyMap);
-  }
-  function createReactiveObject(target, isReadonly2, baseHandlers, collectionHandlers, proxyMap) {
-    if (!shared.isObject(target)) {
-      {
-        warn(`value cannot be made ${isReadonly2 ? "readonly" : "reactive"}: ${String(target)}`);
-      }
-      return target;
-    }
-    if (target["__v_raw"] && !(isReadonly2 && target["__v_isReactive"])) {
-      return target;
-    }
-    const existingProxy = proxyMap.get(target);
-    if (existingProxy) {
-      return existingProxy;
-    }
-    const targetType = getTargetType(target);
-    if (targetType === 0) {
-      return target;
-    }
-    const proxy = new Proxy(target, targetType === 2 ? collectionHandlers : baseHandlers);
-    proxyMap.set(target, proxy);
-    return proxy;
-  }
-  function isReactive2(value) {
-    if (isReadonly(value)) {
-      return isReactive2(value["__v_raw"]);
-    }
-    return !!(value && value["__v_isReactive"]);
-  }
-  function isReadonly(value) {
-    return !!(value && value["__v_isReadonly"]);
-  }
-  function isShallow(value) {
-    return !!(value && value["__v_isShallow"]);
-  }
-  function isProxy(value) {
-    return value ? !!value["__v_raw"] : false;
-  }
-  function toRaw2(observed) {
-    const raw = observed && observed["__v_raw"];
-    return raw ? toRaw2(raw) : observed;
-  }
-  function markRaw2(value) {
-    if (!shared.hasOwn(value, "__v_skip") && Object.isExtensible(value)) {
-      shared.def(value, "__v_skip", true);
-    }
-    return value;
-  }
-  var toReactive = (value) => shared.isObject(value) ? reactive2(value) : value;
-  var toReadonly = (value) => shared.isObject(value) ? readonly(value) : value;
-  function isRef3(r) {
-    return r ? r["__v_isRef"] === true : false;
-  }
-  function ref2(value) {
-    return createRef2(value, false);
-  }
-  function shallowRef(value) {
-    return createRef2(value, true);
-  }
-  function createRef2(rawValue, shallow) {
-    if (isRef3(rawValue)) {
-      return rawValue;
-    }
-    return new RefImpl(rawValue, shallow);
-  }
-
-  class RefImpl {
-    constructor(value, isShallow2) {
-      this.dep = new Dep;
-      this["__v_isRef"] = true;
-      this["__v_isShallow"] = false;
-      this._rawValue = isShallow2 ? value : toRaw2(value);
-      this._value = isShallow2 ? value : toReactive(value);
-      this["__v_isShallow"] = isShallow2;
-    }
-    get value() {
-      {
-        this.dep.track({
-          target: this,
-          type: "get",
-          key: "value"
-        });
-      }
-      return this._value;
-    }
-    set value(newValue) {
-      const oldValue = this._rawValue;
-      const useDirectValue = this["__v_isShallow"] || isShallow(newValue) || isReadonly(newValue);
-      newValue = useDirectValue ? newValue : toRaw2(newValue);
-      if (shared.hasChanged(newValue, oldValue)) {
-        this._rawValue = newValue;
-        this._value = useDirectValue ? newValue : toReactive(newValue);
-        {
-          this.dep.trigger({
-            target: this,
-            type: "set",
-            key: "value",
-            newValue,
-            oldValue
-          });
-        }
-      }
-    }
-  }
-  function triggerRef2(ref22) {
-    if (ref22.dep) {
-      {
-        ref22.dep.trigger({
-          target: ref22,
-          type: "set",
-          key: "value",
-          newValue: ref22._value
-        });
-      }
-    }
-  }
-  function unref3(ref22) {
-    return isRef3(ref22) ? ref22.value : ref22;
-  }
-  function toValue(source) {
-    return shared.isFunction(source) ? source() : unref3(source);
-  }
-  var shallowUnwrapHandlers = {
-    get: (target, key, receiver) => key === "__v_raw" ? target : unref3(Reflect.get(target, key, receiver)),
-    set: (target, key, value, receiver) => {
-      const oldValue = target[key];
-      if (isRef3(oldValue) && !isRef3(value)) {
-        oldValue.value = value;
-        return true;
-      } else {
-        return Reflect.set(target, key, value, receiver);
-      }
-    }
-  };
-  function proxyRefs(objectWithRefs) {
-    return isReactive2(objectWithRefs) ? objectWithRefs : new Proxy(objectWithRefs, shallowUnwrapHandlers);
-  }
-
-  class CustomRefImpl {
-    constructor(factory) {
-      this["__v_isRef"] = true;
-      this._value = undefined;
-      const dep = this.dep = new Dep;
-      const { get, set } = factory(dep.track.bind(dep), dep.trigger.bind(dep));
-      this._get = get;
-      this._set = set;
-    }
-    get value() {
-      return this._value = this._get();
-    }
-    set value(newVal) {
-      this._set(newVal);
-    }
-  }
-  function customRef(factory) {
-    return new CustomRefImpl(factory);
-  }
-  function toRefs2(object) {
-    if (!isProxy(object)) {
-      warn(`toRefs() expects a reactive object but received a plain one.`);
-    }
-    const ret = shared.isArray(object) ? new Array(object.length) : {};
-    for (const key in object) {
-      ret[key] = propertyToRef(object, key);
-    }
-    return ret;
-  }
-
-  class ObjectRefImpl {
-    constructor(_object, _key, _defaultValue) {
-      this._object = _object;
-      this._key = _key;
-      this._defaultValue = _defaultValue;
-      this["__v_isRef"] = true;
-      this._value = undefined;
-    }
-    get value() {
-      const val = this._object[this._key];
-      return this._value = val === undefined ? this._defaultValue : val;
-    }
-    set value(newVal) {
-      this._object[this._key] = newVal;
-    }
-    get dep() {
-      return getDepFromReactive(toRaw2(this._object), this._key);
-    }
-  }
-
-  class GetterRefImpl {
-    constructor(_getter) {
-      this._getter = _getter;
-      this["__v_isRef"] = true;
-      this["__v_isReadonly"] = true;
-      this._value = undefined;
-    }
-    get value() {
-      return this._value = this._getter();
-    }
-  }
-  function toRef2(source, key, defaultValue) {
-    if (isRef3(source)) {
-      return source;
-    } else if (shared.isFunction(source)) {
-      return new GetterRefImpl(source);
-    } else if (shared.isObject(source) && arguments.length > 1) {
-      return propertyToRef(source, key, defaultValue);
-    } else {
-      return ref2(source);
-    }
-  }
-  function propertyToRef(source, key, defaultValue) {
-    const val = source[key];
-    return isRef3(val) ? val : new ObjectRefImpl(source, key, defaultValue);
-  }
-
-  class ComputedRefImpl {
-    constructor(fn, setter, isSSR) {
-      this.fn = fn;
-      this.setter = setter;
-      this._value = undefined;
-      this.dep = new Dep(this);
-      this.__v_isRef = true;
-      this.deps = undefined;
-      this.depsTail = undefined;
-      this.flags = 16;
-      this.globalVersion = globalVersion - 1;
-      this.next = undefined;
-      this.effect = this;
-      this["__v_isReadonly"] = !setter;
-      this.isSSR = isSSR;
-    }
-    notify() {
-      this.flags |= 16;
-      if (!(this.flags & 8) && activeSub !== this) {
-        batch(this, true);
-        return true;
-      }
-    }
-    get value() {
-      const link = this.dep.track({
-        target: this,
-        type: "get",
-        key: "value"
-      });
-      refreshComputed(this);
-      if (link) {
-        link.version = this.dep.version;
-      }
-      return this._value;
-    }
-    set value(newValue) {
-      if (this.setter) {
-        this.setter(newValue);
-      } else {
-        warn("Write operation failed: computed value is readonly");
-      }
-    }
-  }
-  function computed2(getterOrOptions, debugOptions, isSSR = false) {
-    let getter;
-    let setter;
-    if (shared.isFunction(getterOrOptions)) {
-      getter = getterOrOptions;
-    } else {
-      getter = getterOrOptions.get;
-      setter = getterOrOptions.set;
-    }
-    const cRef = new ComputedRefImpl(getter, setter, isSSR);
-    if (debugOptions && !isSSR) {
-      cRef.onTrack = debugOptions.onTrack;
-      cRef.onTrigger = debugOptions.onTrigger;
-    }
-    return cRef;
-  }
-  var TrackOpTypes = {
-    GET: "get",
-    HAS: "has",
-    ITERATE: "iterate"
-  };
-  var TriggerOpTypes = {
-    SET: "set",
-    ADD: "add",
-    DELETE: "delete",
-    CLEAR: "clear"
-  };
-  var ReactiveFlags2 = {
-    SKIP: "__v_skip",
-    IS_REACTIVE: "__v_isReactive",
-    IS_READONLY: "__v_isReadonly",
-    IS_SHALLOW: "__v_isShallow",
-    RAW: "__v_raw",
-    IS_REF: "__v_isRef"
-  };
-  var WatchErrorCodes = {
-    WATCH_GETTER: 2,
-    "2": "WATCH_GETTER",
-    WATCH_CALLBACK: 3,
-    "3": "WATCH_CALLBACK",
-    WATCH_CLEANUP: 4,
-    "4": "WATCH_CLEANUP"
-  };
-  var INITIAL_WATCHER_VALUE = {};
-  var cleanupMap = /* @__PURE__ */ new WeakMap;
-  var activeWatcher = undefined;
-  function getCurrentWatcher() {
-    return activeWatcher;
-  }
-  function onWatcherCleanup(cleanupFn, failSilently = false, owner = activeWatcher) {
-    if (owner) {
-      let cleanups = cleanupMap.get(owner);
-      if (!cleanups)
-        cleanupMap.set(owner, cleanups = []);
-      cleanups.push(cleanupFn);
-    } else if (!failSilently) {
-      warn(`onWatcherCleanup() was called when there was no active watcher to associate with.`);
-    }
-  }
-  function watch2(source, cb, options = shared.EMPTY_OBJ) {
-    const { immediate, deep, once, scheduler, augmentJob, call } = options;
-    const warnInvalidSource = (s) => {
-      (options.onWarn || warn)(`Invalid watch source: `, s, `A watch source can only be a getter/effect function, a ref, a reactive object, or an array of these types.`);
-    };
-    const reactiveGetter = (source2) => {
-      if (deep)
-        return source2;
-      if (isShallow(source2) || deep === false || deep === 0)
-        return traverse2(source2, 1);
-      return traverse2(source2);
-    };
-    let effect2;
-    let getter;
-    let cleanup;
-    let boundCleanup;
-    let forceTrigger = false;
-    let isMultiSource = false;
-    if (isRef3(source)) {
-      getter = () => source.value;
-      forceTrigger = isShallow(source);
-    } else if (isReactive2(source)) {
-      getter = () => reactiveGetter(source);
-      forceTrigger = true;
-    } else if (shared.isArray(source)) {
-      isMultiSource = true;
-      forceTrigger = source.some((s) => isReactive2(s) || isShallow(s));
-      getter = () => source.map((s) => {
-        if (isRef3(s)) {
-          return s.value;
-        } else if (isReactive2(s)) {
-          return reactiveGetter(s);
-        } else if (shared.isFunction(s)) {
-          return call ? call(s, 2) : s();
-        } else {
-          warnInvalidSource(s);
-        }
-      });
-    } else if (shared.isFunction(source)) {
-      if (cb) {
-        getter = call ? () => call(source, 2) : source;
-      } else {
-        getter = () => {
-          if (cleanup) {
-            pauseTracking();
-            try {
-              cleanup();
-            } finally {
-              resetTracking();
-            }
-          }
-          const currentEffect = activeWatcher;
-          activeWatcher = effect2;
-          try {
-            return call ? call(source, 3, [boundCleanup]) : source(boundCleanup);
-          } finally {
-            activeWatcher = currentEffect;
-          }
-        };
-      }
-    } else {
-      getter = shared.NOOP;
-      warnInvalidSource(source);
-    }
-    if (cb && deep) {
-      const baseGetter = getter;
-      const depth = deep === true ? Infinity : deep;
-      getter = () => traverse2(baseGetter(), depth);
-    }
-    const scope = getCurrentScope();
-    const watchHandle = () => {
-      effect2.stop();
-      if (scope && scope.active) {
-        shared.remove(scope.effects, effect2);
-      }
-    };
-    if (once && cb) {
-      const _cb = cb;
-      cb = (...args) => {
-        _cb(...args);
-        watchHandle();
-      };
-    }
-    let oldValue = isMultiSource ? new Array(source.length).fill(INITIAL_WATCHER_VALUE) : INITIAL_WATCHER_VALUE;
-    const job = (immediateFirstRun) => {
-      if (!(effect2.flags & 1) || !effect2.dirty && !immediateFirstRun) {
-        return;
-      }
-      if (cb) {
-        const newValue = effect2.run();
-        if (deep || forceTrigger || (isMultiSource ? newValue.some((v, i) => shared.hasChanged(v, oldValue[i])) : shared.hasChanged(newValue, oldValue))) {
-          if (cleanup) {
-            cleanup();
-          }
-          const currentWatcher = activeWatcher;
-          activeWatcher = effect2;
-          try {
-            const args = [
-              newValue,
-              oldValue === INITIAL_WATCHER_VALUE ? undefined : isMultiSource && oldValue[0] === INITIAL_WATCHER_VALUE ? [] : oldValue,
-              boundCleanup
-            ];
-            call ? call(cb, 3, args) : cb(...args);
-            oldValue = newValue;
-          } finally {
-            activeWatcher = currentWatcher;
-          }
-        }
-      } else {
-        effect2.run();
-      }
-    };
-    if (augmentJob) {
-      augmentJob(job);
-    }
-    effect2 = new ReactiveEffect(getter);
-    effect2.scheduler = scheduler ? () => scheduler(job, false) : job;
-    boundCleanup = (fn) => onWatcherCleanup(fn, false, effect2);
-    cleanup = effect2.onStop = () => {
-      const cleanups = cleanupMap.get(effect2);
-      if (cleanups) {
-        if (call) {
-          call(cleanups, 4);
-        } else {
-          for (const cleanup2 of cleanups)
-            cleanup2();
-        }
-        cleanupMap.delete(effect2);
-      }
-    };
-    {
-      effect2.onTrack = options.onTrack;
-      effect2.onTrigger = options.onTrigger;
-    }
-    if (cb) {
-      if (immediate) {
-        job(true);
-      } else {
-        oldValue = effect2.run();
-      }
-    } else if (scheduler) {
-      scheduler(job.bind(null, true), true);
-    } else {
-      effect2.run();
-    }
-    watchHandle.pause = effect2.pause.bind(effect2);
-    watchHandle.resume = effect2.resume.bind(effect2);
-    watchHandle.stop = watchHandle;
-    return watchHandle;
-  }
-  function traverse2(value, depth = Infinity, seen) {
-    if (depth <= 0 || !shared.isObject(value) || value["__v_skip"]) {
-      return value;
-    }
-    seen = seen || /* @__PURE__ */ new Set;
-    if (seen.has(value)) {
-      return value;
-    }
-    seen.add(value);
-    depth--;
-    if (isRef3(value)) {
-      traverse2(value.value, depth, seen);
-    } else if (shared.isArray(value)) {
-      for (let i = 0;i < value.length; i++) {
-        traverse2(value[i], depth, seen);
-      }
-    } else if (shared.isSet(value) || shared.isMap(value)) {
-      value.forEach((v) => {
-        traverse2(v, depth, seen);
-      });
-    } else if (shared.isPlainObject(value)) {
-      for (const key in value) {
-        traverse2(value[key], depth, seen);
-      }
-      for (const key of Object.getOwnPropertySymbols(value)) {
-        if (Object.prototype.propertyIsEnumerable.call(value, key)) {
-          traverse2(value[key], depth, seen);
-        }
-      }
-    }
-    return value;
-  }
-  exports.ARRAY_ITERATE_KEY = ARRAY_ITERATE_KEY;
-  exports.EffectFlags = EffectFlags;
-  exports.EffectScope = EffectScope;
-  exports.ITERATE_KEY = ITERATE_KEY;
-  exports.MAP_KEY_ITERATE_KEY = MAP_KEY_ITERATE_KEY;
-  exports.ReactiveEffect = ReactiveEffect;
-  exports.ReactiveFlags = ReactiveFlags2;
-  exports.TrackOpTypes = TrackOpTypes;
-  exports.TriggerOpTypes = TriggerOpTypes;
-  exports.WatchErrorCodes = WatchErrorCodes;
-  exports.computed = computed2;
-  exports.customRef = customRef;
-  exports.effect = effect;
-  exports.effectScope = effectScope;
-  exports.enableTracking = enableTracking;
-  exports.getCurrentScope = getCurrentScope;
-  exports.getCurrentWatcher = getCurrentWatcher;
-  exports.isProxy = isProxy;
-  exports.isReactive = isReactive2;
-  exports.isReadonly = isReadonly;
-  exports.isRef = isRef3;
-  exports.isShallow = isShallow;
-  exports.markRaw = markRaw2;
-  exports.onEffectCleanup = onEffectCleanup;
-  exports.onScopeDispose = onScopeDispose;
-  exports.onWatcherCleanup = onWatcherCleanup;
-  exports.pauseTracking = pauseTracking;
-  exports.proxyRefs = proxyRefs;
-  exports.reactive = reactive2;
-  exports.reactiveReadArray = reactiveReadArray;
-  exports.readonly = readonly;
-  exports.ref = ref2;
-  exports.resetTracking = resetTracking;
-  exports.shallowReactive = shallowReactive;
-  exports.shallowReadArray = shallowReadArray;
-  exports.shallowReadonly = shallowReadonly;
-  exports.shallowRef = shallowRef;
-  exports.stop = stop;
-  exports.toRaw = toRaw2;
-  exports.toReactive = toReactive;
-  exports.toReadonly = toReadonly;
-  exports.toRef = toRef2;
-  exports.toRefs = toRefs2;
-  exports.toValue = toValue;
-  exports.track = track2;
-  exports.traverse = traverse2;
-  exports.trigger = trigger2;
-  exports.triggerRef = triggerRef2;
-  exports.unref = unref3;
-  exports.watch = watch2;
-});
 // src/utils.ts
 function toRaw(observed) {
   let value = observed;
@@ -6339,104 +4038,424 @@ function markRaw(obj) {
   return obj;
 }
 // src/integrations/vue3.ts
-var import_reactivity = __toESM(require_reactivity_cjs(), 1);
-import { watchEffect as watchEffect2 } from "vue";
+import {
+  ReactiveEffect,
+  effectScope,
+  isProxy,
+  isReactive as isReactive2,
+  isReadonly,
+  isShallow,
+  pauseTracking,
+  reactive as reactive2,
+  resetTracking,
+  shallowReactive,
+  toRaw as toRaw2
+} from "@vue/reactivity";
 function trackVueReactiveEvents(vueState, emit, options = {}) {
   const { emitInitialReplace = true, onDiffError } = options;
+  assertSameVueCopy(vueState);
   if (emitInitialReplace) {
     try {
       emit({ action: "replace", path: [], newValue: deepClone(vueState) });
     } catch (e) {}
   }
-  const prev = {};
-  const pathStack = [];
-  const keyStops = new Map;
-  let rootStop = null;
-  for (const k of Object.keys(vueState)) {
-    prev[k] = deepClone(vueState[k]);
+  const tracker = new Tracker(emit, onDiffError);
+  const root = createNode(tracker, null, null, vueState).start();
+  function warnStopped(method) {
+    console.warn(`[reactive-proxy-state] trackVueReactiveEvents: ${method}() after stop() does nothing. stop() is final; create a new tracker to track again.`);
   }
-  function createKeyEffect(k) {
-    const stop = watchEffect2(() => {
-      if (!(k in vueState))
-        return;
-      const currVal = vueState[k];
-      pathStack.push(k);
-      try {
-        const result = diffAndClone(currVal, prev[k], pathStack, emit);
-        if (result !== prev[k]) {
-          prev[k] = result;
-        }
-      } catch (e) {
-        const errorPath = pathStack.slice();
-        pathStack.length = 0;
-        prev[k] = deepClone(vueState[k]);
-        if (onDiffError) {
-          onDiffError({ key: k, path: errorPath, error: e });
-        }
+  return {
+    stop() {
+      if (tracker.stopped)
         return;
+      tracker.stopped = true;
+      tracker.emitting = false;
+      root.dispose();
+      tracker.scope.stop();
+    },
+    pause() {
+      if (tracker.stopped)
+        warnStopped("pause");
+      else
+        tracker.emitting = false;
+    },
+    resume() {
+      if (tracker.stopped)
+        warnStopped("resume");
+      else
+        tracker.emitting = true;
+    }
+  };
+}
+function assertSameVueCopy(state) {
+  if (isProxy(state)) {
+    if (isReadonly(state))
+      return;
+    const raw = toRaw2(state);
+    if ((isShallow(state) ? shallowReactive(raw) : reactive2(raw)) === state)
+      return;
+  }
+  throw new TypeError("trackVueReactiveEvents: the state is not a reactive() object of the @vue/reactivity copy this library imports. " + "Pass the object Vue's reactive() returned. If it is one, the app loads two copies of @vue/reactivity: " + "dedupe 'vue' and '@vue/reactivity' in the bundler.");
+}
+var hasOwn2 = Object.prototype.hasOwnProperty;
+var NO_CHILDREN = new Map;
+
+class Tracker {
+  listener;
+  onDiffError;
+  scope = effectScope(true);
+  emitting = true;
+  stopped = false;
+  scans = 0;
+  constructor(listener, onDiffError) {
+    this.listener = listener;
+    this.onDiffError = onDiffError;
+  }
+  emit(event) {
+    pauseTracking();
+    try {
+      this.listener(event);
+    } catch (error) {
+      this.report(event.path, error);
+    } finally {
+      resetTracking();
+    }
+  }
+  report(path, error) {
+    if (this.onDiffError === undefined)
+      return;
+    pauseTracking();
+    try {
+      this.onDiffError({ key: path.length > 0 ? String(path[0]) : "", path, error });
+    } finally {
+      resetTracking();
+    }
+  }
+}
+function scanNode() {
+  this.scan();
+}
+function rerunNode() {
+  if (this.disposed)
+    return;
+  this.run();
+  if (!this.disposed && this.dirty)
+    this.run();
+}
+function createNode(tracker, parent, key, proxy) {
+  const node = tracker.scope.run(() => new TrackedNode(tracker, parent, key, proxy));
+  const effects = tracker.scope.effects;
+  if (effects[effects.length - 1] === node)
+    effects.pop();
+  return node;
+}
+
+class TrackedNode extends ReactiveEffect {
+  tracker;
+  parent;
+  key;
+  proxy;
+  raw;
+  kind;
+  shadow;
+  children;
+  pending;
+  rawIndex;
+  claim;
+  started;
+  disposed;
+  constructor(tracker, parent, key, proxy) {
+    super(scanNode);
+    this.scheduler = rerunNode;
+    this.tracker = tracker;
+    this.parent = parent;
+    this.key = key;
+    this.proxy = proxy;
+    this.raw = toRaw2(proxy);
+    this.kind = nodeKind(this.raw);
+    this.shadow = undefined;
+    this.children = NO_CHILDREN;
+    this.pending = null;
+    this.rawIndex = null;
+    this.claim = 0;
+    this.started = false;
+    this.disposed = false;
+  }
+  start() {
+    this.run();
+    this.started = true;
+    return this;
+  }
+  path() {
+    const path = [];
+    for (let node = this;node.parent !== null; node = node.parent)
+      path.push(node.key);
+    return path.reverse();
+  }
+  dispose() {
+    if (this.disposed)
+      return;
+    this.disposed = true;
+    this.stop();
+    for (const child of this.children.values())
+      child.dispose();
+    this.children = NO_CHILDREN;
+    this.shadow = undefined;
+  }
+  attachShadow() {
+    const parent = this.parent;
+    if (this.disposed || parent === null || parent.shadow === undefined)
+      return;
+    parent.shadow[this.key] = this.shadow;
+  }
+  scan() {
+    try {
+      if (this.shadow === undefined) {
+        this.firstScan();
+        if (this.started)
+          this.attachShadow();
+      } else if (this.kind === "map" || this.kind === "set") {
+        this.scanCollection();
+      } else {
+        this.scanEntries();
       }
-      pathStack.pop();
-    }, { flush: "sync" });
-    keyStops.set(k, stop);
-  }
-  function createRootEffect() {
-    rootStop = watchEffect2(() => {
-      const currKeys = Object.keys(vueState);
-      const currKeySet = new Set(currKeys);
-      const prevKeySet = new Set(Object.keys(prev));
-      for (const k of currKeys) {
-        if (!prevKeySet.has(k)) {
-          import_reactivity.pauseTracking();
-          const cloned = deepClone(vueState[k]);
-          import_reactivity.resetTracking();
-          pathStack.push(k);
-          emit({ action: "set", path: pathStack.slice(), newValue: cloned });
-          pathStack.pop();
-          prev[k] = cloned;
-          createKeyEffect(k);
+    } catch (error) {
+      this.fail(error);
+    }
+  }
+  firstScan() {
+    const proxy = this.proxy;
+    if (this.kind === "map" || this.kind === "set") {
+      this.shadow = deepClone(proxy);
+      return;
+    }
+    if (this.kind === "array") {
+      const length = proxy.length;
+      const shadow2 = new Array(length);
+      this.shadow = shadow2;
+      for (let index = 0;index < length; index++)
+        shadow2[index] = this.adopt(index, proxy[index]);
+      return;
+    }
+    const keys = Object.keys(proxy);
+    const shadow = {};
+    this.shadow = shadow;
+    for (let index = 0;index < keys.length; index++) {
+      const key = keys[index];
+      shadow[key] = this.adopt(key, proxy[key]);
+    }
+  }
+  adopt(key, value) {
+    if (!isNodeValue(value))
+      return copyValue(value);
+    const child = this.createChild(key, value);
+    if (this.children === NO_CHILDREN)
+      this.children = new Map;
+    this.children.set(key, child);
+    return child.shadow;
+  }
+  createChild(key, value) {
+    const raw = toRaw2(value);
+    for (let node = this;node !== null; node = node.parent) {
+      if (node.raw === raw) {
+        throw new Error(`trackVueReactiveEvents: the state holds a cycle at ${[...this.path(), key].join(".")}`);
+      }
+    }
+    return createNode(this.tracker, this, key, value).start();
+  }
+  scanCollection() {
+    const current = deepClone(this.proxy);
+    if (this.tracker.emitting)
+      diffCollection(current, this.shadow, this.path(), this.tracker);
+    if (this.disposed)
+      return;
+    this.shadow = current;
+    this.attachShadow();
+  }
+  scanEntries() {
+    const proxy = this.proxy;
+    const isArray = this.kind === "array";
+    const keys = isArray ? null : Object.keys(proxy);
+    const length = isArray ? proxy.length : keys.length;
+    const values = new Array(length);
+    if (isArray)
+      for (let index = 0;index < length; index++)
+        values[index] = proxy[index];
+    else
+      for (let index = 0;index < length; index++)
+        values[index] = proxy[keys[index]];
+    const scanId = ++this.tracker.scans;
+    const oldChildren = this.children;
+    let children = null;
+    let nodes2 = null;
+    for (let index = 0;index < length; index++) {
+      const value = values[index];
+      if (!isNodeValue(value))
+        continue;
+      const key = isArray ? index : keys[index];
+      const child = this.resolveChild(key, value, oldChildren, scanId);
+      if (children === null) {
+        children = new Map;
+        this.pending = children;
+        nodes2 = new Array(length);
+      }
+      children.set(key, child);
+      nodes2[index] = child;
+    }
+    this.rawIndex = null;
+    for (const child of oldChildren.values())
+      if (child.claim !== scanId)
+        child.dispose();
+    if (isArray)
+      this.diffArray(values, nodes2, oldChildren);
+    else
+      this.diffObject(keys, values, nodes2, oldChildren, scanId);
+    this.pending = null;
+    if (this.disposed) {
+      if (children !== null)
+        for (const child of children.values())
+          child.dispose();
+      return;
+    }
+    this.children = children ?? NO_CHILDREN;
+  }
+  resolveChild(key, value, oldChildren, scanId) {
+    const raw = toRaw2(value);
+    const same = oldChildren.get(key);
+    if (same !== undefined && same.raw === raw && same.claim !== scanId) {
+      same.claim = scanId;
+      return same;
+    }
+    if (oldChildren !== NO_CHILDREN) {
+      this.rawIndex ??= indexByRaw(oldChildren);
+      const candidates = this.rawIndex.get(raw);
+      if (candidates !== undefined) {
+        for (const candidate of candidates) {
+          if (candidate.claim === scanId)
+            continue;
+          candidate.claim = scanId;
+          candidate.key = key;
+          return candidate;
         }
       }
-      for (const k of prevKeySet) {
-        if (!currKeySet.has(k)) {
-          pathStack.push(k);
-          emit({ action: "delete", path: pathStack.slice(), oldValue: prev[k] });
-          pathStack.pop();
-          delete prev[k];
-          keyStops.get(k)?.();
-          keyStops.delete(k);
-        }
+    }
+    return this.createChild(key, value);
+  }
+  diffArray(values, nodes2, oldChildren) {
+    const tracker = this.tracker;
+    const shadow = this.shadow;
+    const emitting = tracker.emitting;
+    const path = emitting ? this.path() : null;
+    const length = values.length;
+    const oldLength = shadow.length;
+    for (let index = 0;index < length; index++) {
+      const child = nodes2 === null ? undefined : nodes2[index];
+      const existed = index < oldLength;
+      const before = shadow[index];
+      const after = child !== undefined ? child.shadow : copyValue(values[index]);
+      if (emitting && !(existed && (child !== undefined ? oldChildren.get(index) === child : before === after))) {
+        path.push(index);
+        if (existed)
+          diffPlain(after, before, path, tracker);
+        else
+          tracker.emit({ action: "set", path: path.slice(), newValue: copyValue(after) });
+        path.pop();
       }
-    }, { flush: "sync" });
-  }
-  function stopAll() {
-    rootStop?.();
-    rootStop = null;
-    for (const stop of keyStops.values())
-      stop();
-    keyStops.clear();
-  }
-  function startAll() {
-    for (const k of Object.keys(prev)) {
-      createKeyEffect(k);
+      shadow[index] = after;
     }
-    createRootEffect();
-  }
-  startAll();
-  return {
-    stop: stopAll,
-    pause: stopAll,
-    resume() {
-      const currentKeys = new Set(Object.keys(vueState));
-      for (const k of Object.keys(prev)) {
-        if (!currentKeys.has(k))
-          delete prev[k];
+    if (length < oldLength) {
+      if (emitting) {
+        path.push("length");
+        tracker.emit({ action: "set", path: path.slice(), newValue: length, oldValue: oldLength });
+        path.pop();
       }
-      for (const k of currentKeys) {
-        prev[k] = deepClone(vueState[k]);
+      shadow.length = length;
+    }
+  }
+  diffObject(keys, values, nodes2, oldChildren, scanId) {
+    const tracker = this.tracker;
+    const raw = this.raw;
+    const shadow = this.shadow;
+    const emitting = tracker.emitting;
+    const path = emitting ? this.path() : null;
+    for (const key of Object.keys(shadow)) {
+      if (hasOwn2.call(raw, key))
+        continue;
+      if (emitting) {
+        const gone = oldChildren.get(key);
+        const oldValue = gone !== undefined && gone.claim !== scanId ? shadow[key] : copyValue(shadow[key]);
+        path.push(key);
+        tracker.emit({ action: "delete", path: path.slice(), oldValue });
+        path.pop();
+      }
+      delete shadow[key];
+    }
+    for (let index = 0;index < keys.length; index++) {
+      const key = keys[index];
+      const child = nodes2 === null ? undefined : nodes2[index];
+      const existed = hasOwn2.call(shadow, key);
+      const before = shadow[key];
+      const after = child !== undefined ? child.shadow : copyValue(values[index]);
+      if (emitting && !(existed && (child !== undefined ? oldChildren.get(key) === child : before === after))) {
+        path.push(key);
+        if (existed)
+          diffPlain(after, before, path, tracker);
+        else
+          tracker.emit({ action: "set", path: path.slice(), newValue: copyValue(after) });
+        path.pop();
       }
-      startAll();
+      shadow[key] = after;
     }
-  };
+  }
+  fail(error) {
+    this.discardChildren();
+    if (this.disposed)
+      return;
+    const path = this.path();
+    this.shadow = undefined;
+    try {
+      this.firstScan();
+    } catch {
+      this.discardChildren();
+      this.shadow = undefined;
+    }
+    if (this.started)
+      this.attachShadow();
+    this.tracker.report(path, error);
+  }
+  discardChildren() {
+    for (const child of this.children.values())
+      child.dispose();
+    if (this.pending !== null)
+      for (const child of this.pending.values())
+        child.dispose();
+    this.children = NO_CHILDREN;
+    this.pending = null;
+    this.rawIndex = null;
+  }
+}
+function nodeKind(raw) {
+  if (Array.isArray(raw))
+    return "array";
+  if (raw instanceof Map)
+    return "map";
+  if (raw instanceof Set)
+    return "set";
+  return "object";
+}
+function isNodeValue(value) {
+  return value !== null && typeof value === "object" && isReactive2(value);
+}
+function indexByRaw(children) {
+  const byRaw = new Map;
+  for (const child of children.values()) {
+    const list = byRaw.get(child.raw);
+    if (list)
+      list.push(child);
+    else
+      byRaw.set(child.raw, [child]);
+  }
+  return byRaw;
 }
 function typeTag(v) {
   if (v === null || typeof v !== "object")
@@ -6451,178 +4470,161 @@ function typeTag(v) {
     return "date";
   return "object";
 }
-function diffAndClone(curr, old, pathStack, emit) {
-  if (curr === null || typeof curr !== "object") {
-    if (curr !== old) {
-      emit({ action: "set", path: pathStack.slice(), oldValue: old, newValue: curr });
-    }
-    return curr;
+function copyValue(value) {
+  if (value === null || typeof value !== "object")
+    return value;
+  const raw = toRaw2(value);
+  if (raw instanceof Date)
+    return new Date(raw.getTime());
+  if (Array.isArray(raw)) {
+    const length = raw.length;
+    const copy2 = new Array(length);
+    for (let index = 0;index < length; index++)
+      copy2[index] = copyValue(raw[index]);
+    return copy2;
+  }
+  if (raw instanceof Map) {
+    const copy2 = new Map;
+    raw.forEach((entry, key) => copy2.set(copyValue(key), copyValue(entry)));
+    return copy2;
   }
-  if (typeTag(curr) !== typeTag(old)) {
-    emit({ action: "set", path: pathStack.slice(), oldValue: old, newValue: deepClone(curr) });
-    return deepClone(curr);
+  if (raw instanceof Set) {
+    const copy2 = new Set;
+    raw.forEach((entry) => copy2.add(copyValue(entry)));
+    return copy2;
   }
-  if (curr instanceof Date) {
-    if (!(old instanceof Date) || +curr !== +old) {
-      emit({ action: "set", path: pathStack.slice(), oldValue: old, newValue: new Date(+curr) });
-      return new Date(+curr);
+  const copy = {};
+  const keys = Object.keys(raw);
+  for (let index = 0;index < keys.length; index++)
+    copy[keys[index]] = copyValue(raw[keys[index]]);
+  return copy;
+}
+function diffPlain(curr, old, path, tracker) {
+  if (curr === null || typeof curr !== "object") {
+    if (curr !== old && !(curr !== curr && old !== old)) {
+      tracker.emit({ action: "set", path: path.slice(), oldValue: copyValue(old), newValue: curr });
     }
-    return old;
+    return;
   }
-  if (Array.isArray(curr)) {
-    return diffAndCloneArray(curr, old, pathStack, emit);
+  const tag = typeTag(curr);
+  if (tag !== typeTag(old)) {
+    tracker.emit({ action: "set", path: path.slice(), oldValue: copyValue(old), newValue: copyValue(curr) });
+    return;
   }
-  if (curr instanceof Map) {
-    return diffAndCloneMap(curr, old, pathStack, emit);
-  }
-  if (curr instanceof Set) {
-    return diffAndCloneSet(curr, old, pathStack, emit);
-  }
-  return diffAndCloneObject(curr, old, pathStack, emit);
-}
-function diffAndCloneObject(curr, old, pathStack, emit) {
-  const currKeys = Object.keys(curr);
-  const oldKeys = Object.keys(old);
-  let changed = false;
-  let result = null;
-  for (let i = 0;i < oldKeys.length; i++) {
-    const k = oldKeys[i];
-    if (!(k in curr)) {
-      if (!changed) {
-        changed = true;
-        result = { ...old };
-      }
-      pathStack.push(k);
-      emit({ action: "delete", path: pathStack.slice(), oldValue: old[k] });
-      pathStack.pop();
-      delete result[k];
-    }
-  }
-  for (let i = 0;i < currKeys.length; i++) {
-    const k = currKeys[i];
-    if (!(k in old)) {
-      if (!changed) {
-        changed = true;
-        result = { ...old };
-      }
-      pathStack.push(k);
-      emit({ action: "set", path: pathStack.slice(), newValue: deepClone(curr[k]) });
-      pathStack.pop();
-      result[k] = deepClone(curr[k]);
-    } else {
-      pathStack.push(k);
-      const childResult = diffAndClone(curr[k], old[k], pathStack, emit);
-      pathStack.pop();
-      if (childResult !== old[k]) {
-        if (!changed) {
-          changed = true;
-          result = { ...old };
-        }
-        result[k] = childResult;
-      }
+  if (tag === "date") {
+    if (+curr !== +old) {
+      tracker.emit({ action: "set", path: path.slice(), oldValue: copyValue(old), newValue: new Date(+curr) });
     }
+    return;
   }
-  return changed ? result : old;
-}
-function diffAndCloneArray(curr, old, pathStack, emit) {
-  const min = Math.min(curr.length, old.length);
-  let changed = false;
-  let result = null;
-  for (let i = 0;i < min; i++) {
-    pathStack.push(i);
-    const childResult = diffAndClone(curr[i], old[i], pathStack, emit);
-    pathStack.pop();
-    if (childResult !== old[i]) {
-      if (!changed) {
-        changed = true;
-        result = old.slice();
-      }
-      result[i] = childResult;
-    }
-  }
-  if (curr.length > old.length) {
-    if (!changed) {
-      changed = true;
-      result = old.slice();
-    }
-    result.length = curr.length;
-    for (let i = old.length;i < curr.length; i++) {
-      pathStack.push(i);
-      emit({ action: "set", path: pathStack.slice(), newValue: deepClone(curr[i]) });
-      pathStack.pop();
-      result[i] = deepClone(curr[i]);
-    }
-  } else if (curr.length < old.length) {
-    if (!changed) {
-      changed = true;
-      result = old.slice();
-    }
-    pathStack.push("length");
-    emit({ action: "set", path: pathStack.slice(), newValue: curr.length, oldValue: old.length });
-    pathStack.pop();
-    result.length = curr.length;
-  }
-  return changed ? result : old;
-}
-function diffAndCloneMap(curr, old, pathStack, emit) {
-  let changed = false;
-  let result = null;
-  const path = pathStack.slice();
-  for (const [k, v] of old.entries()) {
-    if (!curr.has(k)) {
-      if (!changed) {
-        changed = true;
-        result = new Map(old);
+  if (tag === "array") {
+    const min = Math.min(curr.length, old.length);
+    for (let i = 0;i < min; i++) {
+      path.push(i);
+      diffPlain(curr[i], old[i], path, tracker);
+      path.pop();
+    }
+    if (curr.length > old.length) {
+      for (let i = old.length;i < curr.length; i++) {
+        path.push(i);
+        tracker.emit({ action: "set", path: path.slice(), newValue: copyValue(curr[i]) });
+        path.pop();
       }
-      emit({ action: "map-delete", path, key: k, oldValue: v });
-      result.delete(k);
+    } else if (curr.length < old.length) {
+      path.push("length");
+      tracker.emit({ action: "set", path: path.slice(), newValue: curr.length, oldValue: old.length });
+      path.pop();
     }
+    return;
   }
-  for (const [k, v] of curr.entries()) {
-    const vClone = deepClone(v);
-    if (!old.has(k)) {
-      if (!changed) {
-        changed = true;
-        result = new Map(old);
-      }
-      emit({ action: "map-set", path, key: k, newValue: vClone });
-      result.set(k, vClone);
-    } else if (!deepEqual(vClone, old.get(k), new WeakMap)) {
-      if (!changed) {
-        changed = true;
-        result = new Map(old);
-      }
-      emit({ action: "map-set", path, key: k, newValue: vClone, oldValue: old.get(k) });
-      result.set(k, vClone);
+  if (tag === "map" || tag === "set") {
+    diffCollection(curr, old, path.slice(), tracker);
+    return;
+  }
+  for (const k of Object.keys(old)) {
+    if (!hasOwn2.call(curr, k)) {
+      path.push(k);
+      tracker.emit({ action: "delete", path: path.slice(), oldValue: copyValue(old[k]) });
+      path.pop();
     }
   }
-  return changed ? result : old;
+  for (const k of Object.keys(curr)) {
+    path.push(k);
+    if (!hasOwn2.call(old, k))
+      tracker.emit({ action: "set", path: path.slice(), newValue: copyValue(curr[k]) });
+    else
+      diffPlain(curr[k], old[k], path, tracker);
+    path.pop();
+  }
 }
-function diffAndCloneSet(curr, old, pathStack, emit) {
-  let changed = false;
-  let result = null;
-  const path = pathStack.slice();
-  for (const v of old.values()) {
-    if (!curr.has(v)) {
-      if (!changed) {
-        changed = true;
-        result = new Set(old);
-      }
-      emit({ action: "set-delete", path, value: v, oldValue: v });
-      result.delete(v);
-    }
+function sameValue(a, b, seen) {
+  if (a === b || a !== a && b !== b)
+    return true;
+  const tag = typeTag(a);
+  if (tag === "primitive" || tag !== typeTag(b))
+    return false;
+  if (tag === "date")
+    return sameValue(+a, +b, seen);
+  seen ??= new WeakMap;
+  if (seen.get(a) === b)
+    return true;
+  seen.set(a, b);
+  if (tag === "array") {
+    if (a.length !== b.length)
+      return false;
+    for (let i = 0;i < a.length; i++)
+      if (!sameValue(a[i], b[i], seen))
+        return false;
+    return true;
+  }
+  if (tag === "map") {
+    if (a.size !== b.size)
+      return false;
+    for (const [k, v] of a)
+      if (!b.has(k) || !sameValue(v, b.get(k), seen))
+        return false;
+    return true;
+  }
+  if (tag === "set") {
+    if (a.size !== b.size)
+      return false;
+    for (const v of a)
+      if (!b.has(v))
+        return false;
+    return true;
   }
-  for (const v of curr.values()) {
-    if (!old.has(v)) {
-      if (!changed) {
-        changed = true;
-        result = new Set(old);
+  const keys = Object.keys(a);
+  if (keys.length !== Object.keys(b).length)
+    return false;
+  for (const k of keys)
+    if (!hasOwn2.call(b, k) || !sameValue(a[k], b[k], seen))
+      return false;
+  return true;
+}
+function diffCollection(curr, old, path, tracker) {
+  if (curr instanceof Map) {
+    const before = old;
+    for (const [k, v] of before) {
+      if (!curr.has(k))
+        tracker.emit({ action: "map-delete", path: path.slice(), key: k, oldValue: v });
+    }
+    for (const [k, v] of curr) {
+      if (!before.has(k)) {
+        tracker.emit({ action: "map-set", path: path.slice(), key: k, newValue: v });
+      } else if (!sameValue(v, before.get(k), undefined)) {
+        tracker.emit({ action: "map-set", path: path.slice(), key: k, newValue: v, oldValue: before.get(k) });
       }
-      emit({ action: "set-add", path, value: deepClone(v) });
-      result.add(deepClone(v));
     }
+    return;
+  }
+  for (const v of old) {
+    if (!curr.has(v))
+      tracker.emit({ action: "set-delete", path: path.slice(), value: v, oldValue: v });
+  }
+  for (const v of curr) {
+    if (!old.has(v))
+      tracker.emit({ action: "set-add", path: path.slice(), value: v });
   }
-  return changed ? result : old;
 }
 // src/integrations/electron-bridge.ts
 function makeTx() {