@vue/runtime-dom 3.3.0-alpha.1 → 3.3.0-alpha.11

package/dist/runtime-dom.global.js

@@ -10,6 +10,96 @@ var VueRuntimeDOM = (function (exports) {
     return expectsLowerCase ? (val) => !!map[val.toLowerCase()] : (val) => !!map[val];
   }
 
+  const EMPTY_OBJ = Object.freeze({}) ;
+  const EMPTY_ARR = Object.freeze([]) ;
+  const NOOP = () => {
+  };
+  const NO = () => false;
+  const onRE = /^on[^a-z]/;
+  const isOn = (key) => onRE.test(key);
+  const isModelListener = (key) => key.startsWith("onUpdate:");
+  const extend = Object.assign;
+  const remove = (arr, el) => {
+    const i = arr.indexOf(el);
+    if (i > -1) {
+      arr.splice(i, 1);
+    }
+  };
+  const hasOwnProperty$1 = Object.prototype.hasOwnProperty;
+  const hasOwn = (val, key) => hasOwnProperty$1.call(val, key);
+  const isArray = Array.isArray;
+  const isMap = (val) => toTypeString(val) === "[object Map]";
+  const isSet = (val) => toTypeString(val) === "[object Set]";
+  const isDate = (val) => toTypeString(val) === "[object Date]";
+  const isRegExp = (val) => toTypeString(val) === "[object RegExp]";
+  const isFunction = (val) => typeof val === "function";
+  const isString = (val) => typeof val === "string";
+  const isSymbol = (val) => typeof val === "symbol";
+  const isObject = (val) => val !== null && typeof val === "object";
+  const isPromise = (val) => {
+    return isObject(val) && isFunction(val.then) && isFunction(val.catch);
+  };
+  const objectToString = Object.prototype.toString;
+  const toTypeString = (value) => objectToString.call(value);
+  const toRawType = (value) => {
+    return toTypeString(value).slice(8, -1);
+  };
+  const isPlainObject = (val) => toTypeString(val) === "[object Object]";
+  const isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
+  const isReservedProp = /* @__PURE__ */ makeMap(
+    // the leading comma is intentional so empty string "" is also included
+    ",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"
+  );
+  const isBuiltInDirective = /* @__PURE__ */ makeMap(
+    "bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo"
+  );
+  const cacheStringFunction = (fn) => {
+    const cache = /* @__PURE__ */ Object.create(null);
+    return (str) => {
+      const hit = cache[str];
+      return hit || (cache[str] = fn(str));
+    };
+  };
+  const camelizeRE = /-(\w)/g;
+  const camelize = cacheStringFunction((str) => {
+    return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
+  });
+  const hyphenateRE = /\B([A-Z])/g;
+  const hyphenate = cacheStringFunction(
+    (str) => str.replace(hyphenateRE, "-$1").toLowerCase()
+  );
+  const capitalize = cacheStringFunction(
+    (str) => str.charAt(0).toUpperCase() + str.slice(1)
+  );
+  const toHandlerKey = cacheStringFunction(
+    (str) => str ? `on${capitalize(str)}` : ``
+  );
+  const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
+  const invokeArrayFns = (fns, arg) => {
+    for (let i = 0; i < fns.length; i++) {
+      fns[i](arg);
+    }
+  };
+  const def = (obj, key, value) => {
+    Object.defineProperty(obj, key, {
+      configurable: true,
+      enumerable: false,
+      value
+    });
+  };
+  const looseToNumber = (val) => {
+    const n = parseFloat(val);
+    return isNaN(n) ? val : n;
+  };
+  const toNumber = (val) => {
+    const n = isString(val) ? Number(val) : NaN;
+    return isNaN(n) ? val : n;
+  };
+  let _globalThis;
+  const getGlobalThis = () => {
+    return _globalThis || (_globalThis = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {});
+  };
+
   const GLOBALS_WHITE_LISTED = "Infinity,undefined,NaN,isFinite,isNaN,parseFloat,parseInt,decodeURI,decodeURIComponent,encodeURI,encodeURIComponent,Math,Number,Date,Array,Object,Boolean,String,RegExp,Map,Set,JSON,Intl,BigInt";
   const isGloballyWhitelisted = /* @__PURE__ */ makeMap(GLOBALS_WHITE_LISTED);
 
@@ -164,96 +254,6 @@ var VueRuntimeDOM = (function (exports) {
     return val;
   };
 
-  const EMPTY_OBJ = Object.freeze({}) ;
-  const EMPTY_ARR = Object.freeze([]) ;
-  const NOOP = () => {
-  };
-  const NO = () => false;
-  const onRE = /^on[^a-z]/;
-  const isOn = (key) => onRE.test(key);
-  const isModelListener = (key) => key.startsWith("onUpdate:");
-  const extend = Object.assign;
-  const remove = (arr, el) => {
-    const i = arr.indexOf(el);
-    if (i > -1) {
-      arr.splice(i, 1);
-    }
-  };
-  const hasOwnProperty$1 = Object.prototype.hasOwnProperty;
-  const hasOwn = (val, key) => hasOwnProperty$1.call(val, key);
-  const isArray = Array.isArray;
-  const isMap = (val) => toTypeString(val) === "[object Map]";
-  const isSet = (val) => toTypeString(val) === "[object Set]";
-  const isDate = (val) => toTypeString(val) === "[object Date]";
-  const isRegExp = (val) => toTypeString(val) === "[object RegExp]";
-  const isFunction = (val) => typeof val === "function";
-  const isString = (val) => typeof val === "string";
-  const isSymbol = (val) => typeof val === "symbol";
-  const isObject = (val) => val !== null && typeof val === "object";
-  const isPromise = (val) => {
-    return isObject(val) && isFunction(val.then) && isFunction(val.catch);
-  };
-  const objectToString = Object.prototype.toString;
-  const toTypeString = (value) => objectToString.call(value);
-  const toRawType = (value) => {
-    return toTypeString(value).slice(8, -1);
-  };
-  const isPlainObject = (val) => toTypeString(val) === "[object Object]";
-  const isIntegerKey = (key) => isString(key) && key !== "NaN" && key[0] !== "-" && "" + parseInt(key, 10) === key;
-  const isReservedProp = /* @__PURE__ */ makeMap(
-    // the leading comma is intentional so empty string "" is also included
-    ",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"
-  );
-  const isBuiltInDirective = /* @__PURE__ */ makeMap(
-    "bind,cloak,else-if,else,for,html,if,model,on,once,pre,show,slot,text,memo"
-  );
-  const cacheStringFunction = (fn) => {
-    const cache = /* @__PURE__ */ Object.create(null);
-    return (str) => {
-      const hit = cache[str];
-      return hit || (cache[str] = fn(str));
-    };
-  };
-  const camelizeRE = /-(\w)/g;
-  const camelize = cacheStringFunction((str) => {
-    return str.replace(camelizeRE, (_, c) => c ? c.toUpperCase() : "");
-  });
-  const hyphenateRE = /\B([A-Z])/g;
-  const hyphenate = cacheStringFunction(
-    (str) => str.replace(hyphenateRE, "-$1").toLowerCase()
-  );
-  const capitalize = cacheStringFunction(
-    (str) => str.charAt(0).toUpperCase() + str.slice(1)
-  );
-  const toHandlerKey = cacheStringFunction(
-    (str) => str ? `on${capitalize(str)}` : ``
-  );
-  const hasChanged = (value, oldValue) => !Object.is(value, oldValue);
-  const invokeArrayFns = (fns, arg) => {
-    for (let i = 0; i < fns.length; i++) {
-      fns[i](arg);
-    }
-  };
-  const def = (obj, key, value) => {
-    Object.defineProperty(obj, key, {
-      configurable: true,
-      enumerable: false,
-      value
-    });
-  };
-  const looseToNumber = (val) => {
-    const n = parseFloat(val);
-    return isNaN(n) ? val : n;
-  };
-  const toNumber = (val) => {
-    const n = isString(val) ? Number(val) : NaN;
-    return isNaN(n) ? val : n;
-  };
-  let _globalThis;
-  const getGlobalThis = () => {
-    return _globalThis || (_globalThis = typeof globalThis !== "undefined" ? globalThis : typeof self !== "undefined" ? self : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : {});
-  };
-
   function warn$1(msg, ...args) {
     console.warn(`[Vue warn] ${msg}`, ...args);
   }
@@ -1267,6 +1267,9 @@ var VueRuntimeDOM = (function (exports) {
   function unref(ref2) {
     return isRef(ref2) ? ref2.value : ref2;
   }
+  function toValue(source) {
+    return isFunction(source) ? source() : unref(source);
+  }
   const shallowUnwrapHandlers = {
     get: (target, key, receiver) => unref(Reflect.get(target, key, receiver)),
     set: (target, key, value, receiver) => {
@@ -1309,7 +1312,7 @@ var VueRuntimeDOM = (function (exports) {
     }
     const ret = isArray(object) ? new Array(object.length) : {};
     for (const key in object) {
-      ret[key] = toRef(object, key);
+      ret[key] = propertyToRef(object, key);
     }
     return ret;
   }
@@ -1331,9 +1334,34 @@ var VueRuntimeDOM = (function (exports) {
       return getDepFromReactive(toRaw(this._object), this._key);
     }
   }
-  function toRef(object, key, defaultValue) {
-    const val = object[key];
-    return isRef(val) ? val : new ObjectRefImpl(object, key, defaultValue);
+  class GetterRefImpl {
+    constructor(_getter) {
+      this._getter = _getter;
+      this.__v_isRef = true;
+      this.__v_isReadonly = true;
+    }
+    get value() {
+      return this._getter();
+    }
+  }
+  function toRef(source, key, defaultValue) {
+    if (isRef(source)) {
+      return source;
+    } else if (isFunction(source)) {
+      return new GetterRefImpl(source);
+    } else if (isObject(source) && arguments.length > 1) {
+      return propertyToRef(source, key, defaultValue);
+    } else {
+      return ref(source);
+    }
+  }
+  function propertyToRef(source, key, defaultValue) {
+    const val = source[key];
+    return isRef(val) ? val : new ObjectRefImpl(
+      source,
+      key,
+      defaultValue
+    );
   }
 
   class ComputedRefImpl {
@@ -1831,6 +1859,8 @@ var VueRuntimeDOM = (function (exports) {
         }
         hmrDirtyComponents.add(oldComp);
       }
+      instance.appContext.propsCache.delete(instance.type);
+      instance.appContext.emitsCache.delete(instance.type);
       instance.appContext.optionsCache.delete(instance.type);
       if (instance.ceReload) {
         hmrDirtyComponents.add(oldComp);
@@ -2973,36 +3003,6 @@ var VueRuntimeDOM = (function (exports) {
     }
   }
 
-  function provide(key, value) {
-    if (!currentInstance) {
-      {
-        warn(`provide() can only be used inside setup().`);
-      }
-    } else {
-      let provides = currentInstance.provides;
-      const parentProvides = currentInstance.parent && currentInstance.parent.provides;
-      if (parentProvides === provides) {
-        provides = currentInstance.provides = Object.create(parentProvides);
-      }
-      provides[key] = value;
-    }
-  }
-  function inject(key, defaultValue, treatDefaultAsFactory = false) {
-    const instance = currentInstance || currentRenderingInstance;
-    if (instance) {
-      const provides = instance.parent == null ? instance.vnode.appContext && instance.vnode.appContext.provides : instance.parent.provides;
-      if (provides && key in provides) {
-        return provides[key];
-      } else if (arguments.length > 1) {
-        return treatDefaultAsFactory && isFunction(defaultValue) ? defaultValue.call(instance.proxy) : defaultValue;
-      } else {
-        warn(`injection "${String(key)}" not found.`);
-      }
-    } else {
-      warn(`inject() can only be used inside setup() or functional components.`);
-    }
-  }
-
   function watchEffect(effect, options) {
     return doWatch(effect, null, options);
   }
@@ -3228,39 +3228,98 @@ var VueRuntimeDOM = (function (exports) {
     return value;
   }
 
-  function useTransitionState() {
-    const state = {
-      isMounted: false,
-      isLeaving: false,
-      isUnmounting: false,
-      leavingVNodes: /* @__PURE__ */ new Map()
-    };
-    onMounted(() => {
-      state.isMounted = true;
-    });
-    onBeforeUnmount(() => {
-      state.isUnmounting = true;
-    });
-    return state;
+  function validateDirectiveName(name) {
+    if (isBuiltInDirective(name)) {
+      warn("Do not use built-in directive ids as custom directive id: " + name);
+    }
   }
-  const TransitionHookValidator = [Function, Array];
-  const BaseTransitionPropsValidators = {
-    mode: String,
-    appear: Boolean,
-    persisted: Boolean,
-    // enter
-    onBeforeEnter: TransitionHookValidator,
-    onEnter: TransitionHookValidator,
-    onAfterEnter: TransitionHookValidator,
-    onEnterCancelled: TransitionHookValidator,
-    // leave
-    onBeforeLeave: TransitionHookValidator,
-    onLeave: TransitionHookValidator,
-    onAfterLeave: TransitionHookValidator,
-    onLeaveCancelled: TransitionHookValidator,
-    // appear
-    onBeforeAppear: TransitionHookValidator,
-    onAppear: TransitionHookValidator,
+  function withDirectives(vnode, directives) {
+    const internalInstance = currentRenderingInstance;
+    if (internalInstance === null) {
+      warn(`withDirectives can only be used inside render functions.`);
+      return vnode;
+    }
+    const instance = getExposeProxy(internalInstance) || internalInstance.proxy;
+    const bindings = vnode.dirs || (vnode.dirs = []);
+    for (let i = 0; i < directives.length; i++) {
+      let [dir, value, arg, modifiers = EMPTY_OBJ] = directives[i];
+      if (dir) {
+        if (isFunction(dir)) {
+          dir = {
+            mounted: dir,
+            updated: dir
+          };
+        }
+        if (dir.deep) {
+          traverse(value);
+        }
+        bindings.push({
+          dir,
+          instance,
+          value,
+          oldValue: void 0,
+          arg,
+          modifiers
+        });
+      }
+    }
+    return vnode;
+  }
+  function invokeDirectiveHook(vnode, prevVNode, instance, name) {
+    const bindings = vnode.dirs;
+    const oldBindings = prevVNode && prevVNode.dirs;
+    for (let i = 0; i < bindings.length; i++) {
+      const binding = bindings[i];
+      if (oldBindings) {
+        binding.oldValue = oldBindings[i].value;
+      }
+      let hook = binding.dir[name];
+      if (hook) {
+        pauseTracking();
+        callWithAsyncErrorHandling(hook, instance, 8, [
+          vnode.el,
+          binding,
+          vnode,
+          prevVNode
+        ]);
+        resetTracking();
+      }
+    }
+  }
+
+  function useTransitionState() {
+    const state = {
+      isMounted: false,
+      isLeaving: false,
+      isUnmounting: false,
+      leavingVNodes: /* @__PURE__ */ new Map()
+    };
+    onMounted(() => {
+      state.isMounted = true;
+    });
+    onBeforeUnmount(() => {
+      state.isUnmounting = true;
+    });
+    return state;
+  }
+  const TransitionHookValidator = [Function, Array];
+  const BaseTransitionPropsValidators = {
+    mode: String,
+    appear: Boolean,
+    persisted: Boolean,
+    // enter
+    onBeforeEnter: TransitionHookValidator,
+    onEnter: TransitionHookValidator,
+    onAfterEnter: TransitionHookValidator,
+    onEnterCancelled: TransitionHookValidator,
+    // leave
+    onBeforeLeave: TransitionHookValidator,
+    onLeave: TransitionHookValidator,
+    onAfterLeave: TransitionHookValidator,
+    onLeaveCancelled: TransitionHookValidator,
+    // appear
+    onBeforeAppear: TransitionHookValidator,
+    onAppear: TransitionHookValidator,
     onAfterAppear: TransitionHookValidator,
     onAppearCancelled: TransitionHookValidator
   };
@@ -3552,8 +3611,8 @@ var VueRuntimeDOM = (function (exports) {
     return ret;
   }
 
-  function defineComponent(options) {
-    return isFunction(options) ? { setup: options, name: options.name } : options;
+  function defineComponent(options, extraOptions) {
+    return isFunction(options) ? extend({}, extraOptions, { setup: options, name: options.name }) : options;
   }
 
   const isAsyncWrapper = (i) => !!i.type.__asyncLoader;
@@ -3985,71 +4044,12 @@ var VueRuntimeDOM = (function (exports) {
     injectHook("ec", hook, target);
   }
 
-  function validateDirectiveName(name) {
-    if (isBuiltInDirective(name)) {
-      warn("Do not use built-in directive ids as custom directive id: " + name);
-    }
-  }
-  function withDirectives(vnode, directives) {
-    const internalInstance = currentRenderingInstance;
-    if (internalInstance === null) {
-      warn(`withDirectives can only be used inside render functions.`);
-      return vnode;
-    }
-    const instance = getExposeProxy(internalInstance) || internalInstance.proxy;
-    const bindings = vnode.dirs || (vnode.dirs = []);
-    for (let i = 0; i < directives.length; i++) {
-      let [dir, value, arg, modifiers = EMPTY_OBJ] = directives[i];
-      if (dir) {
-        if (isFunction(dir)) {
-          dir = {
-            mounted: dir,
-            updated: dir
-          };
-        }
-        if (dir.deep) {
-          traverse(value);
-        }
-        bindings.push({
-          dir,
-          instance,
-          value,
-          oldValue: void 0,
-          arg,
-          modifiers
-        });
-      }
-    }
-    return vnode;
-  }
-  function invokeDirectiveHook(vnode, prevVNode, instance, name) {
-    const bindings = vnode.dirs;
-    const oldBindings = prevVNode && prevVNode.dirs;
-    for (let i = 0; i < bindings.length; i++) {
-      const binding = bindings[i];
-      if (oldBindings) {
-        binding.oldValue = oldBindings[i].value;
-      }
-      let hook = binding.dir[name];
-      if (hook) {
-        pauseTracking();
-        callWithAsyncErrorHandling(hook, instance, 8, [
-          vnode.el,
-          binding,
-          vnode,
-          prevVNode
-        ]);
-        resetTracking();
-      }
-    }
-  }
-
   const COMPONENTS = "components";
   const DIRECTIVES = "directives";
   function resolveComponent(name, maybeSelfReference) {
     return resolveAsset(COMPONENTS, name, true, maybeSelfReference) || name;
   }
-  const NULL_DYNAMIC_COMPONENT = Symbol();
+  const NULL_DYNAMIC_COMPONENT = Symbol.for("v-ndc");
   function resolveDynamicComponent(component) {
     if (isString(component)) {
       return resolveAsset(COMPONENTS, component, false) || component;
@@ -4461,103 +4461,258 @@ If this is a native custom element, make sure to exclude it from component resol
     });
   }
 
-  function createDuplicateChecker() {
-    const cache = /* @__PURE__ */ Object.create(null);
-    return (type, key) => {
-      if (cache[key]) {
-        warn(`${type} property "${key}" is already defined in ${cache[key]}.`);
-      } else {
-        cache[key] = type;
-      }
-    };
+  const warnRuntimeUsage = (method) => warn(
+    `${method}() is a compiler-hint helper that is only usable inside <script setup> of a single file component. Its arguments should be compiled away and passing it at runtime has no effect.`
+  );
+  function defineProps() {
+    {
+      warnRuntimeUsage(`defineProps`);
+    }
+    return null;
   }
-  let shouldCacheAccess = true;
-  function applyOptions(instance) {
-    const options = resolveMergedOptions(instance);
-    const publicThis = instance.proxy;
-    const ctx = instance.ctx;
-    shouldCacheAccess = false;
-    if (options.beforeCreate) {
-      callHook$1(options.beforeCreate, instance, "bc");
+  function defineEmits() {
+    {
+      warnRuntimeUsage(`defineEmits`);
     }
-    const {
-      // state
-      data: dataOptions,
-      computed: computedOptions,
-      methods,
-      watch: watchOptions,
-      provide: provideOptions,
-      inject: injectOptions,
-      // lifecycle
-      created,
-      beforeMount,
-      mounted,
-      beforeUpdate,
-      updated,
-      activated,
-      deactivated,
-      beforeDestroy,
-      beforeUnmount,
-      destroyed,
-      unmounted,
-      render,
-      renderTracked,
-      renderTriggered,
-      errorCaptured,
-      serverPrefetch,
-      // public API
-      expose,
-      inheritAttrs,
-      // assets
-      components,
-      directives,
-      filters
-    } = options;
-    const checkDuplicateProperties = createDuplicateChecker() ;
+    return null;
+  }
+  function defineExpose(exposed) {
     {
-      const [propsOptions] = instance.propsOptions;
-      if (propsOptions) {
-        for (const key in propsOptions) {
-          checkDuplicateProperties("Props" /* PROPS */, key);
-        }
-      }
+      warnRuntimeUsage(`defineExpose`);
     }
-    if (injectOptions) {
-      resolveInjections(
-        injectOptions,
-        ctx,
-        checkDuplicateProperties,
-        instance.appContext.config.unwrapInjectedRef
-      );
+  }
+  function defineOptions(options) {
+    {
+      warnRuntimeUsage(`defineOptions`);
     }
-    if (methods) {
-      for (const key in methods) {
-        const methodHandler = methods[key];
-        if (isFunction(methodHandler)) {
-          {
-            Object.defineProperty(ctx, key, {
-              value: methodHandler.bind(publicThis),
-              configurable: true,
-              enumerable: true,
-              writable: true
-            });
-          }
-          {
-            checkDuplicateProperties("Methods" /* METHODS */, key);
-          }
-        } else {
-          warn(
-            `Method "${key}" has type "${typeof methodHandler}" in the component definition. Did you reference the function correctly?`
-          );
-        }
-      }
+  }
+  function defineSlots() {
+    {
+      warnRuntimeUsage(`defineSlots`);
     }
-    if (dataOptions) {
-      if (!isFunction(dataOptions)) {
-        warn(
-          `The data option must be a function. Plain object usage is no longer supported.`
-        );
-      }
+    return null;
+  }
+  function defineModel() {
+    {
+      warnRuntimeUsage("defineModel");
+    }
+  }
+  function withDefaults(props, defaults) {
+    {
+      warnRuntimeUsage(`withDefaults`);
+    }
+    return null;
+  }
+  function useSlots() {
+    return getContext().slots;
+  }
+  function useAttrs() {
+    return getContext().attrs;
+  }
+  function useModel(props, name, options) {
+    const i = getCurrentInstance();
+    if (!i) {
+      warn(`useModel() called without active instance.`);
+      return ref();
+    }
+    if (!i.propsOptions[0][name]) {
+      warn(`useModel() called with prop "${name}" which is not declared.`);
+      return ref();
+    }
+    if (options && options.local) {
+      const proxy = ref(props[name]);
+      watch(
+        () => props[name],
+        (v) => proxy.value = v
+      );
+      watch(proxy, (value) => {
+        if (value !== props[name]) {
+          i.emit(`update:${name}`, value);
+        }
+      });
+      return proxy;
+    } else {
+      return {
+        __v_isRef: true,
+        get value() {
+          return props[name];
+        },
+        set value(value) {
+          i.emit(`update:${name}`, value);
+        }
+      };
+    }
+  }
+  function getContext() {
+    const i = getCurrentInstance();
+    if (!i) {
+      warn(`useContext() called without active instance.`);
+    }
+    return i.setupContext || (i.setupContext = createSetupContext(i));
+  }
+  function normalizePropsOrEmits(props) {
+    return isArray(props) ? props.reduce(
+      (normalized, p) => (normalized[p] = null, normalized),
+      {}
+    ) : props;
+  }
+  function mergeDefaults(raw, defaults) {
+    const props = normalizePropsOrEmits(raw);
+    for (const key in defaults) {
+      if (key.startsWith("__skip"))
+        continue;
+      let opt = props[key];
+      if (opt) {
+        if (isArray(opt) || isFunction(opt)) {
+          opt = props[key] = { type: opt, default: defaults[key] };
+        } else {
+          opt.default = defaults[key];
+        }
+      } else if (opt === null) {
+        opt = props[key] = { default: defaults[key] };
+      } else {
+        warn(`props default key "${key}" has no corresponding declaration.`);
+      }
+      if (opt && defaults[`__skip_${key}`]) {
+        opt.skipFactory = true;
+      }
+    }
+    return props;
+  }
+  function mergeModels(a, b) {
+    if (!a || !b)
+      return a || b;
+    if (isArray(a) && isArray(b))
+      return a.concat(b);
+    return extend({}, normalizePropsOrEmits(a), normalizePropsOrEmits(b));
+  }
+  function createPropsRestProxy(props, excludedKeys) {
+    const ret = {};
+    for (const key in props) {
+      if (!excludedKeys.includes(key)) {
+        Object.defineProperty(ret, key, {
+          enumerable: true,
+          get: () => props[key]
+        });
+      }
+    }
+    return ret;
+  }
+  function withAsyncContext(getAwaitable) {
+    const ctx = getCurrentInstance();
+    if (!ctx) {
+      warn(
+        `withAsyncContext called without active current instance. This is likely a bug.`
+      );
+    }
+    let awaitable = getAwaitable();
+    unsetCurrentInstance();
+    if (isPromise(awaitable)) {
+      awaitable = awaitable.catch((e) => {
+        setCurrentInstance(ctx);
+        throw e;
+      });
+    }
+    return [awaitable, () => setCurrentInstance(ctx)];
+  }
+
+  function createDuplicateChecker() {
+    const cache = /* @__PURE__ */ Object.create(null);
+    return (type, key) => {
+      if (cache[key]) {
+        warn(`${type} property "${key}" is already defined in ${cache[key]}.`);
+      } else {
+        cache[key] = type;
+      }
+    };
+  }
+  let shouldCacheAccess = true;
+  function applyOptions(instance) {
+    const options = resolveMergedOptions(instance);
+    const publicThis = instance.proxy;
+    const ctx = instance.ctx;
+    shouldCacheAccess = false;
+    if (options.beforeCreate) {
+      callHook$1(options.beforeCreate, instance, "bc");
+    }
+    const {
+      // state
+      data: dataOptions,
+      computed: computedOptions,
+      methods,
+      watch: watchOptions,
+      provide: provideOptions,
+      inject: injectOptions,
+      // lifecycle
+      created,
+      beforeMount,
+      mounted,
+      beforeUpdate,
+      updated,
+      activated,
+      deactivated,
+      beforeDestroy,
+      beforeUnmount,
+      destroyed,
+      unmounted,
+      render,
+      renderTracked,
+      renderTriggered,
+      errorCaptured,
+      serverPrefetch,
+      // public API
+      expose,
+      inheritAttrs,
+      // assets
+      components,
+      directives,
+      filters
+    } = options;
+    const checkDuplicateProperties = createDuplicateChecker() ;
+    {
+      const [propsOptions] = instance.propsOptions;
+      if (propsOptions) {
+        for (const key in propsOptions) {
+          checkDuplicateProperties("Props" /* PROPS */, key);
+        }
+      }
+    }
+    if (injectOptions) {
+      resolveInjections(
+        injectOptions,
+        ctx,
+        checkDuplicateProperties,
+        instance.appContext.config.unwrapInjectedRef
+      );
+    }
+    if (methods) {
+      for (const key in methods) {
+        const methodHandler = methods[key];
+        if (isFunction(methodHandler)) {
+          {
+            Object.defineProperty(ctx, key, {
+              value: methodHandler.bind(publicThis),
+              configurable: true,
+              enumerable: true,
+              writable: true
+            });
+          }
+          {
+            checkDuplicateProperties("Methods" /* METHODS */, key);
+          }
+        } else {
+          warn(
+            `Method "${key}" has type "${typeof methodHandler}" in the component definition. Did you reference the function correctly?`
+          );
+        }
+      }
+    }
+    if (dataOptions) {
+      if (!isFunction(dataOptions)) {
+        warn(
+          `The data option must be a function. Plain object usage is no longer supported.`
+        );
+      }
       const data = dataOptions.call(publicThis, publicThis);
       if (isPromise(data)) {
         warn(
@@ -4800,10 +4955,8 @@ If this is a native custom element, make sure to exclude it from component resol
   }
   const internalOptionMergeStrats = {
     data: mergeDataFn,
-    props: mergeObjectOptions,
-    // TODO
-    emits: mergeObjectOptions,
-    // TODO
+    props: mergeEmitsOrPropsOptions,
+    emits: mergeEmitsOrPropsOptions,
     // objects
     methods: mergeObjectOptions,
     computed: mergeObjectOptions,
@@ -4862,7 +5015,21 @@ If this is a native custom element, make sure to exclude it from component resol
     return to ? [...new Set([].concat(to, from))] : from;
   }
   function mergeObjectOptions(to, from) {
-    return to ? extend(extend(/* @__PURE__ */ Object.create(null), to), from) : from;
+    return to ? extend(/* @__PURE__ */ Object.create(null), to, from) : from;
+  }
+  function mergeEmitsOrPropsOptions(to, from) {
+    if (to) {
+      if (isArray(to) && isArray(from)) {
+        return [.../* @__PURE__ */ new Set([...to, ...from])];
+      }
+      return extend(
+        /* @__PURE__ */ Object.create(null),
+        normalizePropsOrEmits(to),
+        normalizePropsOrEmits(from != null ? from : {})
+      );
+    } else {
+      return from;
+    }
   }
   function mergeWatchOptions(to, from) {
     if (!to)
@@ -4876,43 +5043,252 @@ If this is a native custom element, make sure to exclude it from component resol
     return merged;
   }
 
-  function initProps(instance, rawProps, isStateful, isSSR = false) {
-    const props = {};
-    const attrs = {};
-    def(attrs, InternalObjectKey, 1);
-    instance.propsDefaults = /* @__PURE__ */ Object.create(null);
-    setFullProps(instance, rawProps, props, attrs);
-    for (const key in instance.propsOptions[0]) {
-      if (!(key in props)) {
-        props[key] = void 0;
+  function createAppContext() {
+    return {
+      app: null,
+      config: {
+        isNativeTag: NO,
+        performance: false,
+        globalProperties: {},
+        optionMergeStrategies: {},
+        errorHandler: void 0,
+        warnHandler: void 0,
+        compilerOptions: {}
+      },
+      mixins: [],
+      components: {},
+      directives: {},
+      provides: /* @__PURE__ */ Object.create(null),
+      optionsCache: /* @__PURE__ */ new WeakMap(),
+      propsCache: /* @__PURE__ */ new WeakMap(),
+      emitsCache: /* @__PURE__ */ new WeakMap()
+    };
+  }
+  let uid$1 = 0;
+  function createAppAPI(render, hydrate) {
+    return function createApp(rootComponent, rootProps = null) {
+      if (!isFunction(rootComponent)) {
+        rootComponent = extend({}, rootComponent);
       }
-    }
-    {
-      validateProps(rawProps || {}, props, instance);
-    }
-    if (isStateful) {
-      instance.props = isSSR ? props : shallowReactive(props);
-    } else {
-      if (!instance.type.props) {
-        instance.props = attrs;
-      } else {
-        instance.props = props;
+      if (rootProps != null && !isObject(rootProps)) {
+        warn(`root props passed to app.mount() must be an object.`);
+        rootProps = null;
       }
-    }
-    instance.attrs = attrs;
-  }
-  function isInHmrContext(instance) {
-    while (instance) {
-      if (instance.type.__hmrId)
-        return true;
-      instance = instance.parent;
-    }
-  }
-  function updateProps(instance, rawProps, rawPrevProps, optimized) {
-    const {
-      props,
-      attrs,
-      vnode: { patchFlag }
+      const context = createAppContext();
+      const installedPlugins = /* @__PURE__ */ new Set();
+      let isMounted = false;
+      const app = context.app = {
+        _uid: uid$1++,
+        _component: rootComponent,
+        _props: rootProps,
+        _container: null,
+        _context: context,
+        _instance: null,
+        version,
+        get config() {
+          return context.config;
+        },
+        set config(v) {
+          {
+            warn(
+              `app.config cannot be replaced. Modify individual options instead.`
+            );
+          }
+        },
+        use(plugin, ...options) {
+          if (installedPlugins.has(plugin)) {
+            warn(`Plugin has already been applied to target app.`);
+          } else if (plugin && isFunction(plugin.install)) {
+            installedPlugins.add(plugin);
+            plugin.install(app, ...options);
+          } else if (isFunction(plugin)) {
+            installedPlugins.add(plugin);
+            plugin(app, ...options);
+          } else {
+            warn(
+              `A plugin must either be a function or an object with an "install" function.`
+            );
+          }
+          return app;
+        },
+        mixin(mixin) {
+          {
+            if (!context.mixins.includes(mixin)) {
+              context.mixins.push(mixin);
+            } else {
+              warn(
+                "Mixin has already been applied to target app" + (mixin.name ? `: ${mixin.name}` : "")
+              );
+            }
+          }
+          return app;
+        },
+        component(name, component) {
+          {
+            validateComponentName(name, context.config);
+          }
+          if (!component) {
+            return context.components[name];
+          }
+          if (context.components[name]) {
+            warn(`Component "${name}" has already been registered in target app.`);
+          }
+          context.components[name] = component;
+          return app;
+        },
+        directive(name, directive) {
+          {
+            validateDirectiveName(name);
+          }
+          if (!directive) {
+            return context.directives[name];
+          }
+          if (context.directives[name]) {
+            warn(`Directive "${name}" has already been registered in target app.`);
+          }
+          context.directives[name] = directive;
+          return app;
+        },
+        mount(rootContainer, isHydrate, isSVG) {
+          if (!isMounted) {
+            if (rootContainer.__vue_app__) {
+              warn(
+                `There is already an app instance mounted on the host container.
+ If you want to mount another app on the same host container, you need to unmount the previous app by calling \`app.unmount()\` first.`
+              );
+            }
+            const vnode = createVNode(
+              rootComponent,
+              rootProps
+            );
+            vnode.appContext = context;
+            {
+              context.reload = () => {
+                render(cloneVNode(vnode), rootContainer, isSVG);
+              };
+            }
+            if (isHydrate && hydrate) {
+              hydrate(vnode, rootContainer);
+            } else {
+              render(vnode, rootContainer, isSVG);
+            }
+            isMounted = true;
+            app._container = rootContainer;
+            rootContainer.__vue_app__ = app;
+            {
+              app._instance = vnode.component;
+              devtoolsInitApp(app, version);
+            }
+            return getExposeProxy(vnode.component) || vnode.component.proxy;
+          } else {
+            warn(
+              `App has already been mounted.
+If you want to remount the same app, move your app creation logic into a factory function and create fresh app instances for each mount - e.g. \`const createMyApp = () => createApp(App)\``
+            );
+          }
+        },
+        unmount() {
+          if (isMounted) {
+            render(null, app._container);
+            {
+              app._instance = null;
+              devtoolsUnmountApp(app);
+            }
+            delete app._container.__vue_app__;
+          } else {
+            warn(`Cannot unmount an app that is not mounted.`);
+          }
+        },
+        provide(key, value) {
+          if (key in context.provides) {
+            warn(
+              `App already provides property with key "${String(key)}". It will be overwritten with the new value.`
+            );
+          }
+          context.provides[key] = value;
+          return app;
+        },
+        runWithContext(fn) {
+          currentApp = app;
+          try {
+            return fn();
+          } finally {
+            currentApp = null;
+          }
+        }
+      };
+      return app;
+    };
+  }
+  let currentApp = null;
+
+  function provide(key, value) {
+    if (!currentInstance) {
+      {
+        warn(`provide() can only be used inside setup().`);
+      }
+    } else {
+      let provides = currentInstance.provides;
+      const parentProvides = currentInstance.parent && currentInstance.parent.provides;
+      if (parentProvides === provides) {
+        provides = currentInstance.provides = Object.create(parentProvides);
+      }
+      provides[key] = value;
+    }
+  }
+  function inject(key, defaultValue, treatDefaultAsFactory = false) {
+    const instance = currentInstance || currentRenderingInstance;
+    if (instance || currentApp) {
+      const provides = instance ? instance.parent == null ? instance.vnode.appContext && instance.vnode.appContext.provides : instance.parent.provides : currentApp._context.provides;
+      if (provides && key in provides) {
+        return provides[key];
+      } else if (arguments.length > 1) {
+        return treatDefaultAsFactory && isFunction(defaultValue) ? defaultValue.call(instance && instance.proxy) : defaultValue;
+      } else {
+        warn(`injection "${String(key)}" not found.`);
+      }
+    } else {
+      warn(`inject() can only be used inside setup() or functional components.`);
+    }
+  }
+
+  function initProps(instance, rawProps, isStateful, isSSR = false) {
+    const props = {};
+    const attrs = {};
+    def(attrs, InternalObjectKey, 1);
+    instance.propsDefaults = /* @__PURE__ */ Object.create(null);
+    setFullProps(instance, rawProps, props, attrs);
+    for (const key in instance.propsOptions[0]) {
+      if (!(key in props)) {
+        props[key] = void 0;
+      }
+    }
+    {
+      validateProps(rawProps || {}, props, instance);
+    }
+    if (isStateful) {
+      instance.props = isSSR ? props : shallowReactive(props);
+    } else {
+      if (!instance.type.props) {
+        instance.props = attrs;
+      } else {
+        instance.props = props;
+      }
+    }
+    instance.attrs = attrs;
+  }
+  function isInHmrContext(instance) {
+    while (instance) {
+      if (instance.type.__hmrId)
+        return true;
+      instance = instance.parent;
+    }
+  }
+  function updateProps(instance, rawProps, rawPrevProps, optimized) {
+    const {
+      props,
+      attrs,
+      vnode: { patchFlag }
     } = instance;
     const rawCurrentProps = toRaw(props);
     const [options] = instance.propsOptions;
@@ -5050,7 +5426,7 @@ If this is a native custom element, make sure to exclude it from component resol
       const hasDefault = hasOwn(opt, "default");
       if (hasDefault && value === void 0) {
         const defaultValue = opt.default;
-        if (opt.type !== Function && isFunction(defaultValue)) {
+        if (opt.type !== Function && !opt.skipFactory && isFunction(defaultValue)) {
           const { propsDefaults } = instance;
           if (key in propsDefaults) {
             value = propsDefaults[key];
@@ -5186,358 +5562,188 @@ If this is a native custom element, make sure to exclude it from component resol
     }
   }
   function validateProp(name, value, prop, isAbsent) {
-    const { type, required, validator } = prop;
+    const { type, required, validator, skipCheck } = prop;
     if (required && isAbsent) {
       warn('Missing required prop: "' + name + '"');
       return;
     }
-    if (value == null && !prop.required) {
+    if (value == null && !required) {
       return;
     }
-    if (type != null && type !== true) {
+    if (type != null && type !== true && !skipCheck) {
       let isValid = false;
       const types = isArray(type) ? type : [type];
-      const expectedTypes = [];
-      for (let i = 0; i < types.length && !isValid; i++) {
-        const { valid, expectedType } = assertType(value, types[i]);
-        expectedTypes.push(expectedType || "");
-        isValid = valid;
-      }
-      if (!isValid) {
-        warn(getInvalidTypeMessage(name, value, expectedTypes));
-        return;
-      }
-    }
-    if (validator && !validator(value)) {
-      warn('Invalid prop: custom validator check failed for prop "' + name + '".');
-    }
-  }
-  const isSimpleType = /* @__PURE__ */ makeMap(
-    "String,Number,Boolean,Function,Symbol,BigInt"
-  );
-  function assertType(value, type) {
-    let valid;
-    const expectedType = getType(type);
-    if (isSimpleType(expectedType)) {
-      const t = typeof value;
-      valid = t === expectedType.toLowerCase();
-      if (!valid && t === "object") {
-        valid = value instanceof type;
-      }
-    } else if (expectedType === "Object") {
-      valid = isObject(value);
-    } else if (expectedType === "Array") {
-      valid = isArray(value);
-    } else if (expectedType === "null") {
-      valid = value === null;
-    } else {
-      valid = value instanceof type;
-    }
-    return {
-      valid,
-      expectedType
-    };
-  }
-  function getInvalidTypeMessage(name, value, expectedTypes) {
-    let message = `Invalid prop: type check failed for prop "${name}". Expected ${expectedTypes.map(capitalize).join(" | ")}`;
-    const expectedType = expectedTypes[0];
-    const receivedType = toRawType(value);
-    const expectedValue = styleValue(value, expectedType);
-    const receivedValue = styleValue(value, receivedType);
-    if (expectedTypes.length === 1 && isExplicable(expectedType) && !isBoolean(expectedType, receivedType)) {
-      message += ` with value ${expectedValue}`;
-    }
-    message += `, got ${receivedType} `;
-    if (isExplicable(receivedType)) {
-      message += `with value ${receivedValue}.`;
-    }
-    return message;
-  }
-  function styleValue(value, type) {
-    if (type === "String") {
-      return `"${value}"`;
-    } else if (type === "Number") {
-      return `${Number(value)}`;
-    } else {
-      return `${value}`;
-    }
-  }
-  function isExplicable(type) {
-    const explicitTypes = ["string", "number", "boolean"];
-    return explicitTypes.some((elem) => type.toLowerCase() === elem);
-  }
-  function isBoolean(...args) {
-    return args.some((elem) => elem.toLowerCase() === "boolean");
-  }
-
-  const isInternalKey = (key) => key[0] === "_" || key === "$stable";
-  const normalizeSlotValue = (value) => isArray(value) ? value.map(normalizeVNode) : [normalizeVNode(value)];
-  const normalizeSlot = (key, rawSlot, ctx) => {
-    if (rawSlot._n) {
-      return rawSlot;
-    }
-    const normalized = withCtx((...args) => {
-      if (currentInstance) {
-        warn(
-          `Slot "${key}" invoked outside of the render function: this will not track dependencies used in the slot. Invoke the slot function inside the render function instead.`
-        );
-      }
-      return normalizeSlotValue(rawSlot(...args));
-    }, ctx);
-    normalized._c = false;
-    return normalized;
-  };
-  const normalizeObjectSlots = (rawSlots, slots, instance) => {
-    const ctx = rawSlots._ctx;
-    for (const key in rawSlots) {
-      if (isInternalKey(key))
-        continue;
-      const value = rawSlots[key];
-      if (isFunction(value)) {
-        slots[key] = normalizeSlot(key, value, ctx);
-      } else if (value != null) {
-        {
-          warn(
-            `Non-function value encountered for slot "${key}". Prefer function slots for better performance.`
-          );
-        }
-        const normalized = normalizeSlotValue(value);
-        slots[key] = () => normalized;
-      }
-    }
-  };
-  const normalizeVNodeSlots = (instance, children) => {
-    if (!isKeepAlive(instance.vnode) && true) {
-      warn(
-        `Non-function value encountered for default slot. Prefer function slots for better performance.`
-      );
-    }
-    const normalized = normalizeSlotValue(children);
-    instance.slots.default = () => normalized;
-  };
-  const initSlots = (instance, children) => {
-    if (instance.vnode.shapeFlag & 32) {
-      const type = children._;
-      if (type) {
-        instance.slots = toRaw(children);
-        def(children, "_", type);
-      } else {
-        normalizeObjectSlots(
-          children,
-          instance.slots = {});
-      }
-    } else {
-      instance.slots = {};
-      if (children) {
-        normalizeVNodeSlots(instance, children);
-      }
-    }
-    def(instance.slots, InternalObjectKey, 1);
-  };
-  const updateSlots = (instance, children, optimized) => {
-    const { vnode, slots } = instance;
-    let needDeletionCheck = true;
-    let deletionComparisonTarget = EMPTY_OBJ;
-    if (vnode.shapeFlag & 32) {
-      const type = children._;
-      if (type) {
-        if (isHmrUpdating) {
-          extend(slots, children);
-        } else if (optimized && type === 1) {
-          needDeletionCheck = false;
-        } else {
-          extend(slots, children);
-          if (!optimized && type === 1) {
-            delete slots._;
-          }
-        }
-      } else {
-        needDeletionCheck = !children.$stable;
-        normalizeObjectSlots(children, slots);
-      }
-      deletionComparisonTarget = children;
-    } else if (children) {
-      normalizeVNodeSlots(instance, children);
-      deletionComparisonTarget = { default: 1 };
-    }
-    if (needDeletionCheck) {
-      for (const key in slots) {
-        if (!isInternalKey(key) && !(key in deletionComparisonTarget)) {
-          delete slots[key];
-        }
-      }
-    }
-  };
-
-  function createAppContext() {
-    return {
-      app: null,
-      config: {
-        isNativeTag: NO,
-        performance: false,
-        globalProperties: {},
-        optionMergeStrategies: {},
-        errorHandler: void 0,
-        warnHandler: void 0,
-        compilerOptions: {}
-      },
-      mixins: [],
-      components: {},
-      directives: {},
-      provides: /* @__PURE__ */ Object.create(null),
-      optionsCache: /* @__PURE__ */ new WeakMap(),
-      propsCache: /* @__PURE__ */ new WeakMap(),
-      emitsCache: /* @__PURE__ */ new WeakMap()
-    };
-  }
-  let uid$1 = 0;
-  function createAppAPI(render, hydrate) {
-    return function createApp(rootComponent, rootProps = null) {
-      if (!isFunction(rootComponent)) {
-        rootComponent = extend({}, rootComponent);
-      }
-      if (rootProps != null && !isObject(rootProps)) {
-        warn(`root props passed to app.mount() must be an object.`);
-        rootProps = null;
-      }
-      const context = createAppContext();
-      const installedPlugins = /* @__PURE__ */ new Set();
-      let isMounted = false;
-      const app = context.app = {
-        _uid: uid$1++,
-        _component: rootComponent,
-        _props: rootProps,
-        _container: null,
-        _context: context,
-        _instance: null,
-        version,
-        get config() {
-          return context.config;
-        },
-        set config(v) {
-          {
-            warn(
-              `app.config cannot be replaced. Modify individual options instead.`
-            );
-          }
-        },
-        use(plugin, ...options) {
-          if (installedPlugins.has(plugin)) {
-            warn(`Plugin has already been applied to target app.`);
-          } else if (plugin && isFunction(plugin.install)) {
-            installedPlugins.add(plugin);
-            plugin.install(app, ...options);
-          } else if (isFunction(plugin)) {
-            installedPlugins.add(plugin);
-            plugin(app, ...options);
-          } else {
-            warn(
-              `A plugin must either be a function or an object with an "install" function.`
-            );
-          }
-          return app;
-        },
-        mixin(mixin) {
-          {
-            if (!context.mixins.includes(mixin)) {
-              context.mixins.push(mixin);
-            } else {
-              warn(
-                "Mixin has already been applied to target app" + (mixin.name ? `: ${mixin.name}` : "")
-              );
-            }
-          }
-          return app;
-        },
-        component(name, component) {
-          {
-            validateComponentName(name, context.config);
-          }
-          if (!component) {
-            return context.components[name];
-          }
-          if (context.components[name]) {
-            warn(`Component "${name}" has already been registered in target app.`);
-          }
-          context.components[name] = component;
-          return app;
-        },
-        directive(name, directive) {
-          {
-            validateDirectiveName(name);
-          }
-          if (!directive) {
-            return context.directives[name];
-          }
-          if (context.directives[name]) {
-            warn(`Directive "${name}" has already been registered in target app.`);
-          }
-          context.directives[name] = directive;
-          return app;
-        },
-        mount(rootContainer, isHydrate, isSVG) {
-          if (!isMounted) {
-            if (rootContainer.__vue_app__) {
-              warn(
-                `There is already an app instance mounted on the host container.
- If you want to mount another app on the same host container, you need to unmount the previous app by calling \`app.unmount()\` first.`
-              );
-            }
-            const vnode = createVNode(
-              rootComponent,
-              rootProps
-            );
-            vnode.appContext = context;
-            {
-              context.reload = () => {
-                render(cloneVNode(vnode), rootContainer, isSVG);
-              };
-            }
-            if (isHydrate && hydrate) {
-              hydrate(vnode, rootContainer);
-            } else {
-              render(vnode, rootContainer, isSVG);
-            }
-            isMounted = true;
-            app._container = rootContainer;
-            rootContainer.__vue_app__ = app;
-            {
-              app._instance = vnode.component;
-              devtoolsInitApp(app, version);
-            }
-            return getExposeProxy(vnode.component) || vnode.component.proxy;
-          } else {
-            warn(
-              `App has already been mounted.
-If you want to remount the same app, move your app creation logic into a factory function and create fresh app instances for each mount - e.g. \`const createMyApp = () => createApp(App)\``
-            );
-          }
-        },
-        unmount() {
-          if (isMounted) {
-            render(null, app._container);
-            {
-              app._instance = null;
-              devtoolsUnmountApp(app);
-            }
-            delete app._container.__vue_app__;
-          } else {
-            warn(`Cannot unmount an app that is not mounted.`);
-          }
-        },
-        provide(key, value) {
-          if (key in context.provides) {
-            warn(
-              `App already provides property with key "${String(key)}". It will be overwritten with the new value.`
-            );
-          }
-          context.provides[key] = value;
-          return app;
-        }
-      };
-      return app;
+      const expectedTypes = [];
+      for (let i = 0; i < types.length && !isValid; i++) {
+        const { valid, expectedType } = assertType(value, types[i]);
+        expectedTypes.push(expectedType || "");
+        isValid = valid;
+      }
+      if (!isValid) {
+        warn(getInvalidTypeMessage(name, value, expectedTypes));
+        return;
+      }
+    }
+    if (validator && !validator(value)) {
+      warn('Invalid prop: custom validator check failed for prop "' + name + '".');
+    }
+  }
+  const isSimpleType = /* @__PURE__ */ makeMap(
+    "String,Number,Boolean,Function,Symbol,BigInt"
+  );
+  function assertType(value, type) {
+    let valid;
+    const expectedType = getType(type);
+    if (isSimpleType(expectedType)) {
+      const t = typeof value;
+      valid = t === expectedType.toLowerCase();
+      if (!valid && t === "object") {
+        valid = value instanceof type;
+      }
+    } else if (expectedType === "Object") {
+      valid = isObject(value);
+    } else if (expectedType === "Array") {
+      valid = isArray(value);
+    } else if (expectedType === "null") {
+      valid = value === null;
+    } else {
+      valid = value instanceof type;
+    }
+    return {
+      valid,
+      expectedType
     };
   }
+  function getInvalidTypeMessage(name, value, expectedTypes) {
+    let message = `Invalid prop: type check failed for prop "${name}". Expected ${expectedTypes.map(capitalize).join(" | ")}`;
+    const expectedType = expectedTypes[0];
+    const receivedType = toRawType(value);
+    const expectedValue = styleValue(value, expectedType);
+    const receivedValue = styleValue(value, receivedType);
+    if (expectedTypes.length === 1 && isExplicable(expectedType) && !isBoolean(expectedType, receivedType)) {
+      message += ` with value ${expectedValue}`;
+    }
+    message += `, got ${receivedType} `;
+    if (isExplicable(receivedType)) {
+      message += `with value ${receivedValue}.`;
+    }
+    return message;
+  }
+  function styleValue(value, type) {
+    if (type === "String") {
+      return `"${value}"`;
+    } else if (type === "Number") {
+      return `${Number(value)}`;
+    } else {
+      return `${value}`;
+    }
+  }
+  function isExplicable(type) {
+    const explicitTypes = ["string", "number", "boolean"];
+    return explicitTypes.some((elem) => type.toLowerCase() === elem);
+  }
+  function isBoolean(...args) {
+    return args.some((elem) => elem.toLowerCase() === "boolean");
+  }
+
+  const isInternalKey = (key) => key[0] === "_" || key === "$stable";
+  const normalizeSlotValue = (value) => isArray(value) ? value.map(normalizeVNode) : [normalizeVNode(value)];
+  const normalizeSlot = (key, rawSlot, ctx) => {
+    if (rawSlot._n) {
+      return rawSlot;
+    }
+    const normalized = withCtx((...args) => {
+      if (currentInstance) {
+        warn(
+          `Slot "${key}" invoked outside of the render function: this will not track dependencies used in the slot. Invoke the slot function inside the render function instead.`
+        );
+      }
+      return normalizeSlotValue(rawSlot(...args));
+    }, ctx);
+    normalized._c = false;
+    return normalized;
+  };
+  const normalizeObjectSlots = (rawSlots, slots, instance) => {
+    const ctx = rawSlots._ctx;
+    for (const key in rawSlots) {
+      if (isInternalKey(key))
+        continue;
+      const value = rawSlots[key];
+      if (isFunction(value)) {
+        slots[key] = normalizeSlot(key, value, ctx);
+      } else if (value != null) {
+        {
+          warn(
+            `Non-function value encountered for slot "${key}". Prefer function slots for better performance.`
+          );
+        }
+        const normalized = normalizeSlotValue(value);
+        slots[key] = () => normalized;
+      }
+    }
+  };
+  const normalizeVNodeSlots = (instance, children) => {
+    if (!isKeepAlive(instance.vnode) && true) {
+      warn(
+        `Non-function value encountered for default slot. Prefer function slots for better performance.`
+      );
+    }
+    const normalized = normalizeSlotValue(children);
+    instance.slots.default = () => normalized;
+  };
+  const initSlots = (instance, children) => {
+    if (instance.vnode.shapeFlag & 32) {
+      const type = children._;
+      if (type) {
+        instance.slots = toRaw(children);
+        def(children, "_", type);
+      } else {
+        normalizeObjectSlots(
+          children,
+          instance.slots = {});
+      }
+    } else {
+      instance.slots = {};
+      if (children) {
+        normalizeVNodeSlots(instance, children);
+      }
+    }
+    def(instance.slots, InternalObjectKey, 1);
+  };
+  const updateSlots = (instance, children, optimized) => {
+    const { vnode, slots } = instance;
+    let needDeletionCheck = true;
+    let deletionComparisonTarget = EMPTY_OBJ;
+    if (vnode.shapeFlag & 32) {
+      const type = children._;
+      if (type) {
+        if (isHmrUpdating) {
+          extend(slots, children);
+        } else if (optimized && type === 1) {
+          needDeletionCheck = false;
+        } else {
+          extend(slots, children);
+          if (!optimized && type === 1) {
+            delete slots._;
+          }
+        }
+      } else {
+        needDeletionCheck = !children.$stable;
+        normalizeObjectSlots(children, slots);
+      }
+      deletionComparisonTarget = children;
+    } else if (children) {
+      normalizeVNodeSlots(instance, children);
+      deletionComparisonTarget = { default: 1 };
+    }
+    if (needDeletionCheck) {
+      for (const key in slots) {
+        if (!isInternalKey(key) && !(key in deletionComparisonTarget)) {
+          delete slots[key];
+        }
+      }
+    }
+  };
 
   function setRef(rawRef, oldRawRef, parentSuspense, vnode, isUnmount = false) {
     if (isArray(rawRef)) {
@@ -7807,10 +8013,10 @@ If you want to remount the same app, move your app creation logic into a factory
     }
   }
 
-  const Fragment = Symbol("Fragment" );
-  const Text = Symbol("Text" );
-  const Comment = Symbol("Comment" );
-  const Static = Symbol("Static" );
+  const Fragment = Symbol.for("v-fgt");
+  const Text = Symbol.for("v-txt");
+  const Comment = Symbol.for("v-cmt");
+  const Static = Symbol.for("v-stc");
   const blockStack = [];
   let currentBlock = null;
   function openBlock(disableTracking = false) {
@@ -8262,13 +8468,19 @@ Component that was made reactive: `,
   }
   let currentInstance = null;
   const getCurrentInstance = () => currentInstance || currentRenderingInstance;
+  let internalSetCurrentInstance;
+  {
+    internalSetCurrentInstance = (i) => {
+      currentInstance = i;
+    };
+  }
   const setCurrentInstance = (instance) => {
-    currentInstance = instance;
+    internalSetCurrentInstance(instance);
     instance.scope.on();
   };
   const unsetCurrentInstance = () => {
     currentInstance && currentInstance.scope.off();
-    currentInstance = null;
+    internalSetCurrentInstance(null);
   };
   const isBuiltInTag = /* @__PURE__ */ makeMap("slot,component");
   function validateComponentName(name, config) {
@@ -8557,96 +8769,6 @@ Component that was made reactive: `,
     return computed$1(getterOrOptions, debugOptions, isInSSRComponentSetup);
   };
 
-  const warnRuntimeUsage = (method) => warn(
-    `${method}() is a compiler-hint helper that is only usable inside <script setup> of a single file component. Its arguments should be compiled away and passing it at runtime has no effect.`
-  );
-  function defineProps() {
-    {
-      warnRuntimeUsage(`defineProps`);
-    }
-    return null;
-  }
-  function defineEmits() {
-    {
-      warnRuntimeUsage(`defineEmits`);
-    }
-    return null;
-  }
-  function defineExpose(exposed) {
-    {
-      warnRuntimeUsage(`defineExpose`);
-    }
-  }
-  function withDefaults(props, defaults) {
-    {
-      warnRuntimeUsage(`withDefaults`);
-    }
-    return null;
-  }
-  function useSlots() {
-    return getContext().slots;
-  }
-  function useAttrs() {
-    return getContext().attrs;
-  }
-  function getContext() {
-    const i = getCurrentInstance();
-    if (!i) {
-      warn(`useContext() called without active instance.`);
-    }
-    return i.setupContext || (i.setupContext = createSetupContext(i));
-  }
-  function mergeDefaults(raw, defaults) {
-    const props = isArray(raw) ? raw.reduce(
-      (normalized, p) => (normalized[p] = {}, normalized),
-      {}
-    ) : raw;
-    for (const key in defaults) {
-      const opt = props[key];
-      if (opt) {
-        if (isArray(opt) || isFunction(opt)) {
-          props[key] = { type: opt, default: defaults[key] };
-        } else {
-          opt.default = defaults[key];
-        }
-      } else if (opt === null) {
-        props[key] = { default: defaults[key] };
-      } else {
-        warn(`props default key "${key}" has no corresponding declaration.`);
-      }
-    }
-    return props;
-  }
-  function createPropsRestProxy(props, excludedKeys) {
-    const ret = {};
-    for (const key in props) {
-      if (!excludedKeys.includes(key)) {
-        Object.defineProperty(ret, key, {
-          enumerable: true,
-          get: () => props[key]
-        });
-      }
-    }
-    return ret;
-  }
-  function withAsyncContext(getAwaitable) {
-    const ctx = getCurrentInstance();
-    if (!ctx) {
-      warn(
-        `withAsyncContext called without active current instance. This is likely a bug.`
-      );
-    }
-    let awaitable = getAwaitable();
-    unsetCurrentInstance();
-    if (isPromise(awaitable)) {
-      awaitable = awaitable.catch((e) => {
-        setCurrentInstance(ctx);
-        throw e;
-      });
-    }
-    return [awaitable, () => setCurrentInstance(ctx)];
-  }
-
   function h(type, propsOrChildren, children) {
     const l = arguments.length;
     if (l === 2) {
@@ -8668,7 +8790,7 @@ Component that was made reactive: `,
     }
   }
 
-  const ssrContextKey = Symbol(`ssrContext` );
+  const ssrContextKey = Symbol.for("v-scx");
   const useSSRContext = () => {
     {
       warn(`useSSRContext() is not supported in the global build.`);
@@ -8876,7 +8998,7 @@ Component that was made reactive: `,
     return true;
   }
 
-  const version = "3.3.0-alpha.1";
+  const version = "3.3.0-alpha.11";
   const ssrUtils = null;
   const resolveFilter = null;
   const compatUtils = null;
@@ -10374,8 +10496,11 @@ Component that was made reactive: `,
   exports.defineCustomElement = defineCustomElement;
   exports.defineEmits = defineEmits;
   exports.defineExpose = defineExpose;
+  exports.defineModel = defineModel;
+  exports.defineOptions = defineOptions;
   exports.defineProps = defineProps;
   exports.defineSSRCustomElement = defineSSRCustomElement;
+  exports.defineSlots = defineSlots;
   exports.effect = effect;
   exports.effectScope = effectScope;
   exports.getCurrentInstance = getCurrentInstance;
@@ -10398,6 +10523,7 @@ Component that was made reactive: `,
   exports.isVNode = isVNode;
   exports.markRaw = markRaw;
   exports.mergeDefaults = mergeDefaults;
+  exports.mergeModels = mergeModels;
   exports.mergeProps = mergeProps;
   exports.nextTick = nextTick;
   exports.normalizeClass = normalizeClass;
@@ -10449,12 +10575,14 @@ Component that was made reactive: `,
   exports.toRaw = toRaw;
   exports.toRef = toRef;
   exports.toRefs = toRefs;
+  exports.toValue = toValue;
   exports.transformVNodeArgs = transformVNodeArgs;
   exports.triggerRef = triggerRef;
   exports.unref = unref;
   exports.useAttrs = useAttrs;
   exports.useCssModule = useCssModule;
   exports.useCssVars = useCssVars;
+  exports.useModel = useModel;
   exports.useSSRContext = useSSRContext;
   exports.useSlots = useSlots;
   exports.useTransitionState = useTransitionState;