motion-v 0.13.1 → 1.0.0-alpha.0

package/dist/es/components/index.d.ts

@@ -3,4 +3,6 @@ export * from './animate-presence';
 export * from './motion-config';
 export * from './reorder';
 export { default as RowValue } from './RowValue';
+export * from './lazy-motion';
+export * from './motion/m';
 export { mountedStates } from '../state';

package/dist/es/components/lazy-motion/context.d.ts

@@ -0,0 +1,7 @@
+import { Feature } from '../../features';
+import { Ref } from 'vue';
+export type LazyMotionContext = {
+    features: Ref<Feature[]>;
+    strict: boolean;
+};
+export declare const useLazyMotionContext: <T extends LazyMotionContext = LazyMotionContext>(fallback?: T) => T extends null ? LazyMotionContext : LazyMotionContext, lazyMotionContextProvider: (contextValue: LazyMotionContext) => LazyMotionContext;

package/dist/es/components/lazy-motion/context.mjs

@@ -0,0 +1,6 @@
+import { createContext } from "../../utils/createContext.mjs";
+const [useLazyMotionContext, lazyMotionContextProvider] = createContext("LazyMotionContext");
+export {
+  lazyMotionContextProvider,
+  useLazyMotionContext
+};

package/dist/es/components/lazy-motion/index.d.ts

@@ -0,0 +1,26 @@
+import { Feature } from '../../features';
+import { PropType } from 'vue';
+export declare const LazyMotion: import('vue').DefineComponent<{
+    features: {
+        type: PropType<Feature[] | Promise<Feature[]> | (() => Promise<Feature[]>)>;
+        default: () => any[];
+    };
+    strict: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>[], unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    features: {
+        type: PropType<Feature[] | Promise<Feature[]> | (() => Promise<Feature[]>)>;
+        default: () => any[];
+    };
+    strict: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    features: Feature[] | Promise<Feature[]> | (() => Promise<Feature[]>);
+    strict: boolean;
+}, {}>;

package/dist/es/components/lazy-motion/index.mjs

@@ -0,0 +1,36 @@
+import { lazyMotionContextProvider } from "./context.mjs";
+import { defineComponent, ref } from "vue";
+const LazyMotion = defineComponent({
+  name: "LazyMotion",
+  inheritAttrs: false,
+  props: {
+    features: {
+      type: [Object, Function],
+      default: () => []
+    },
+    strict: {
+      type: Boolean,
+      default: false
+    }
+  },
+  setup(props, { slots }) {
+    const features = ref(Array.isArray(props.features) ? props.features : []);
+    if (!Array.isArray(props.features)) {
+      const featuresPromise = typeof props.features === "function" ? props.features() : props.features;
+      featuresPromise.then((feats) => {
+        features.value = feats;
+      });
+    }
+    lazyMotionContextProvider({
+      features,
+      strict: props.strict
+    });
+    return () => {
+      var _a;
+      return (_a = slots.default) == null ? void 0 : _a.call(slots);
+    };
+  }
+});
+export {
+  LazyMotion
+};

package/dist/es/components/motion/index.d.ts

@@ -1,2 +1,179 @@
-export { motion } from './NameSpace';
-export { default as Motion, type MotionProps } from './Motion';
+import { MotionComponent } from './types';
+export { type MotionProps } from './types';
+export declare const motion: {
+    a: import('vue').DefineComponent<Omit<import('./types').MotionProps<"a", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"a">, "create">;
+    abbr: import('vue').DefineComponent<Omit<import('./types').MotionProps<"abbr", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"abbr">, "create">;
+    address: import('vue').DefineComponent<Omit<import('./types').MotionProps<"address", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"address">, "create">;
+    area: import('vue').DefineComponent<Omit<import('./types').MotionProps<"area", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"area">, "create">;
+    article: import('vue').DefineComponent<Omit<import('./types').MotionProps<"article", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"article">, "create">;
+    aside: import('vue').DefineComponent<Omit<import('./types').MotionProps<"aside", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"aside">, "create">;
+    audio: import('vue').DefineComponent<Omit<import('./types').MotionProps<"audio", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"audio">, "create">;
+    b: import('vue').DefineComponent<Omit<import('./types').MotionProps<"b", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"b">, "create">;
+    base: import('vue').DefineComponent<Omit<import('./types').MotionProps<"base", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"base">, "create">;
+    bdi: import('vue').DefineComponent<Omit<import('./types').MotionProps<"bdi", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"bdi">, "create">;
+    bdo: import('vue').DefineComponent<Omit<import('./types').MotionProps<"bdo", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"bdo">, "create">;
+    blockquote: import('vue').DefineComponent<Omit<import('./types').MotionProps<"blockquote", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"blockquote">, "create">;
+    body: import('vue').DefineComponent<Omit<import('./types').MotionProps<"body", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"body">, "create">;
+    br: import('vue').DefineComponent<Omit<import('./types').MotionProps<"br", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"br">, "create">;
+    button: import('vue').DefineComponent<Omit<import('./types').MotionProps<"button", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"button">, "create">;
+    canvas: import('vue').DefineComponent<Omit<import('./types').MotionProps<"canvas", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"canvas">, "create">;
+    caption: import('vue').DefineComponent<Omit<import('./types').MotionProps<"caption", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"caption">, "create">;
+    cite: import('vue').DefineComponent<Omit<import('./types').MotionProps<"cite", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"cite">, "create">;
+    code: import('vue').DefineComponent<Omit<import('./types').MotionProps<"code", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"code">, "create">;
+    col: import('vue').DefineComponent<Omit<import('./types').MotionProps<"col", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"col">, "create">;
+    colgroup: import('vue').DefineComponent<Omit<import('./types').MotionProps<"colgroup", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"colgroup">, "create">;
+    data: import('vue').DefineComponent<Omit<import('./types').MotionProps<"data", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"data">, "create">;
+    datalist: import('vue').DefineComponent<Omit<import('./types').MotionProps<"datalist", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"datalist">, "create">;
+    dd: import('vue').DefineComponent<Omit<import('./types').MotionProps<"dd", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"dd">, "create">;
+    del: import('vue').DefineComponent<Omit<import('./types').MotionProps<"del", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"del">, "create">;
+    details: import('vue').DefineComponent<Omit<import('./types').MotionProps<"details", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"details">, "create">;
+    dfn: import('vue').DefineComponent<Omit<import('./types').MotionProps<"dfn", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"dfn">, "create">;
+    dialog: import('vue').DefineComponent<Omit<import('./types').MotionProps<"dialog", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"dialog">, "create">;
+    div: import('vue').DefineComponent<Omit<import('./types').MotionProps<"div", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"div">, "create">;
+    dl: import('vue').DefineComponent<Omit<import('./types').MotionProps<"dl", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"dl">, "create">;
+    dt: import('vue').DefineComponent<Omit<import('./types').MotionProps<"dt", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"dt">, "create">;
+    em: import('vue').DefineComponent<Omit<import('./types').MotionProps<"em", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"em">, "create">;
+    embed: import('vue').DefineComponent<Omit<import('./types').MotionProps<"embed", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"embed">, "create">;
+    fieldset: import('vue').DefineComponent<Omit<import('./types').MotionProps<"fieldset", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"fieldset">, "create">;
+    figcaption: import('vue').DefineComponent<Omit<import('./types').MotionProps<"figcaption", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"figcaption">, "create">;
+    figure: import('vue').DefineComponent<Omit<import('./types').MotionProps<"figure", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"figure">, "create">;
+    footer: import('vue').DefineComponent<Omit<import('./types').MotionProps<"footer", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"footer">, "create">;
+    form: import('vue').DefineComponent<Omit<import('./types').MotionProps<"form", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"form">, "create">;
+    h1: import('vue').DefineComponent<Omit<import('./types').MotionProps<"h1", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"h1">, "create">;
+    h2: import('vue').DefineComponent<Omit<import('./types').MotionProps<"h2", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"h2">, "create">;
+    h3: import('vue').DefineComponent<Omit<import('./types').MotionProps<"h3", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"h3">, "create">;
+    h4: import('vue').DefineComponent<Omit<import('./types').MotionProps<"h4", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"h4">, "create">;
+    h5: import('vue').DefineComponent<Omit<import('./types').MotionProps<"h5", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"h5">, "create">;
+    h6: import('vue').DefineComponent<Omit<import('./types').MotionProps<"h6", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"h6">, "create">;
+    head: import('vue').DefineComponent<Omit<import('./types').MotionProps<"head", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"head">, "create">;
+    header: import('vue').DefineComponent<Omit<import('./types').MotionProps<"header", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"header">, "create">;
+    hgroup: import('vue').DefineComponent<Omit<import('./types').MotionProps<"hgroup", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"hgroup">, "create">;
+    hr: import('vue').DefineComponent<Omit<import('./types').MotionProps<"hr", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"hr">, "create">;
+    html: import('vue').DefineComponent<Omit<import('./types').MotionProps<"html", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"html">, "create">;
+    i: import('vue').DefineComponent<Omit<import('./types').MotionProps<"i", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"i">, "create">;
+    iframe: import('vue').DefineComponent<Omit<import('./types').MotionProps<"iframe", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"iframe">, "create">;
+    img: import('vue').DefineComponent<Omit<import('./types').MotionProps<"img", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"img">, "create">;
+    input: import('vue').DefineComponent<Omit<import('./types').MotionProps<"input", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"input">, "create">;
+    ins: import('vue').DefineComponent<Omit<import('./types').MotionProps<"ins", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"ins">, "create">;
+    kbd: import('vue').DefineComponent<Omit<import('./types').MotionProps<"kbd", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"kbd">, "create">;
+    keygen: import('vue').DefineComponent<Omit<import('./types').MotionProps<"keygen", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"keygen">, "create">;
+    label: import('vue').DefineComponent<Omit<import('./types').MotionProps<"label", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"label">, "create">;
+    legend: import('vue').DefineComponent<Omit<import('./types').MotionProps<"legend", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"legend">, "create">;
+    li: import('vue').DefineComponent<Omit<import('./types').MotionProps<"li", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"li">, "create">;
+    link: import('vue').DefineComponent<Omit<import('./types').MotionProps<"link", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"link">, "create">;
+    main: import('vue').DefineComponent<Omit<import('./types').MotionProps<"main", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"main">, "create">;
+    map: import('vue').DefineComponent<Omit<import('./types').MotionProps<"map", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"map">, "create">;
+    mark: import('vue').DefineComponent<Omit<import('./types').MotionProps<"mark", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"mark">, "create">;
+    menu: import('vue').DefineComponent<Omit<import('./types').MotionProps<"menu", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"menu">, "create">;
+    meta: import('vue').DefineComponent<Omit<import('./types').MotionProps<"meta", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"meta">, "create">;
+    meter: import('vue').DefineComponent<Omit<import('./types').MotionProps<"meter", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"meter">, "create">;
+    nav: import('vue').DefineComponent<Omit<import('./types').MotionProps<"nav", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"nav">, "create">;
+    noindex: import('vue').DefineComponent<Omit<import('./types').MotionProps<"noindex", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"noindex">, "create">;
+    noscript: import('vue').DefineComponent<Omit<import('./types').MotionProps<"noscript", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"noscript">, "create">;
+    object: import('vue').DefineComponent<Omit<import('./types').MotionProps<"object", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"object">, "create">;
+    ol: import('vue').DefineComponent<Omit<import('./types').MotionProps<"ol", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"ol">, "create">;
+    optgroup: import('vue').DefineComponent<Omit<import('./types').MotionProps<"optgroup", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"optgroup">, "create">;
+    option: import('vue').DefineComponent<Omit<import('./types').MotionProps<"option", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"option">, "create">;
+    output: import('vue').DefineComponent<Omit<import('./types').MotionProps<"output", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"output">, "create">;
+    p: import('vue').DefineComponent<Omit<import('./types').MotionProps<"p", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"p">, "create">;
+    param: import('vue').DefineComponent<Omit<import('./types').MotionProps<"param", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"param">, "create">;
+    picture: import('vue').DefineComponent<Omit<import('./types').MotionProps<"picture", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"picture">, "create">;
+    pre: import('vue').DefineComponent<Omit<import('./types').MotionProps<"pre", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"pre">, "create">;
+    progress: import('vue').DefineComponent<Omit<import('./types').MotionProps<"progress", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"progress">, "create">;
+    q: import('vue').DefineComponent<Omit<import('./types').MotionProps<"q", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"q">, "create">;
+    rp: import('vue').DefineComponent<Omit<import('./types').MotionProps<"rp", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"rp">, "create">;
+    rt: import('vue').DefineComponent<Omit<import('./types').MotionProps<"rt", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"rt">, "create">;
+    ruby: import('vue').DefineComponent<Omit<import('./types').MotionProps<"ruby", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"ruby">, "create">;
+    s: import('vue').DefineComponent<Omit<import('./types').MotionProps<"s", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"s">, "create">;
+    samp: import('vue').DefineComponent<Omit<import('./types').MotionProps<"samp", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"samp">, "create">;
+    script: import('vue').DefineComponent<Omit<import('./types').MotionProps<"script", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"script">, "create">;
+    section: import('vue').DefineComponent<Omit<import('./types').MotionProps<"section", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"section">, "create">;
+    select: import('vue').DefineComponent<Omit<import('./types').MotionProps<"select", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"select">, "create">;
+    small: import('vue').DefineComponent<Omit<import('./types').MotionProps<"small", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"small">, "create">;
+    source: import('vue').DefineComponent<Omit<import('./types').MotionProps<"source", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"source">, "create">;
+    span: import('vue').DefineComponent<Omit<import('./types').MotionProps<"span", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"span">, "create">;
+    strong: import('vue').DefineComponent<Omit<import('./types').MotionProps<"strong", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"strong">, "create">;
+    style: import('vue').DefineComponent<Omit<import('./types').MotionProps<"style", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"style">, "create">;
+    sub: import('vue').DefineComponent<Omit<import('./types').MotionProps<"sub", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"sub">, "create">;
+    summary: import('vue').DefineComponent<Omit<import('./types').MotionProps<"summary", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"summary">, "create">;
+    sup: import('vue').DefineComponent<Omit<import('./types').MotionProps<"sup", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"sup">, "create">;
+    table: import('vue').DefineComponent<Omit<import('./types').MotionProps<"table", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"table">, "create">;
+    template: import('vue').DefineComponent<Omit<import('./types').MotionProps<"template", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"template">, "create">;
+    tbody: import('vue').DefineComponent<Omit<import('./types').MotionProps<"tbody", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"tbody">, "create">;
+    td: import('vue').DefineComponent<Omit<import('./types').MotionProps<"td", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"td">, "create">;
+    textarea: import('vue').DefineComponent<Omit<import('./types').MotionProps<"textarea", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"textarea">, "create">;
+    tfoot: import('vue').DefineComponent<Omit<import('./types').MotionProps<"tfoot", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"tfoot">, "create">;
+    th: import('vue').DefineComponent<Omit<import('./types').MotionProps<"th", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"th">, "create">;
+    thead: import('vue').DefineComponent<Omit<import('./types').MotionProps<"thead", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"thead">, "create">;
+    time: import('vue').DefineComponent<Omit<import('./types').MotionProps<"time", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"time">, "create">;
+    title: import('vue').DefineComponent<Omit<import('./types').MotionProps<"title", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"title">, "create">;
+    tr: import('vue').DefineComponent<Omit<import('./types').MotionProps<"tr", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"tr">, "create">;
+    track: import('vue').DefineComponent<Omit<import('./types').MotionProps<"track", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"track">, "create">;
+    u: import('vue').DefineComponent<Omit<import('./types').MotionProps<"u", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"u">, "create">;
+    ul: import('vue').DefineComponent<Omit<import('./types').MotionProps<"ul", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"ul">, "create">;
+    var: import('vue').DefineComponent<Omit<import('./types').MotionProps<"var", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"var">, "create">;
+    video: import('vue').DefineComponent<Omit<import('./types').MotionProps<"video", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"video">, "create">;
+    wbr: import('vue').DefineComponent<Omit<import('./types').MotionProps<"wbr", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"wbr">, "create">;
+    webview: import('vue').DefineComponent<Omit<import('./types').MotionProps<"webview", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"webview">, "create">;
+    svg: import('vue').DefineComponent<Omit<import('./types').MotionProps<"svg", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"svg">, "create">;
+    animate: import('vue').DefineComponent<Omit<import('./types').MotionProps<"animate", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"animate">, "create">;
+    animateMotion: import('vue').DefineComponent<Omit<import('./types').MotionProps<"animateMotion", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"animateMotion">, "create">;
+    animateTransform: import('vue').DefineComponent<Omit<import('./types').MotionProps<"animateTransform", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"animateTransform">, "create">;
+    circle: import('vue').DefineComponent<Omit<import('./types').MotionProps<"circle", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"circle">, "create">;
+    clipPath: import('vue').DefineComponent<Omit<import('./types').MotionProps<"clipPath", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"clipPath">, "create">;
+    defs: import('vue').DefineComponent<Omit<import('./types').MotionProps<"defs", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"defs">, "create">;
+    desc: import('vue').DefineComponent<Omit<import('./types').MotionProps<"desc", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"desc">, "create">;
+    ellipse: import('vue').DefineComponent<Omit<import('./types').MotionProps<"ellipse", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"ellipse">, "create">;
+    feBlend: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feBlend", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feBlend">, "create">;
+    feColorMatrix: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feColorMatrix", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feColorMatrix">, "create">;
+    feComponentTransfer: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feComponentTransfer", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feComponentTransfer">, "create">;
+    feComposite: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feComposite", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feComposite">, "create">;
+    feConvolveMatrix: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feConvolveMatrix", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feConvolveMatrix">, "create">;
+    feDiffuseLighting: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feDiffuseLighting", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feDiffuseLighting">, "create">;
+    feDisplacementMap: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feDisplacementMap", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feDisplacementMap">, "create">;
+    feDistantLight: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feDistantLight", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feDistantLight">, "create">;
+    feDropShadow: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feDropShadow", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feDropShadow">, "create">;
+    feFlood: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feFlood", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feFlood">, "create">;
+    feFuncA: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feFuncA", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feFuncA">, "create">;
+    feFuncB: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feFuncB", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feFuncB">, "create">;
+    feFuncG: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feFuncG", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feFuncG">, "create">;
+    feFuncR: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feFuncR", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feFuncR">, "create">;
+    feGaussianBlur: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feGaussianBlur", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feGaussianBlur">, "create">;
+    feImage: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feImage", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feImage">, "create">;
+    feMerge: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feMerge", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feMerge">, "create">;
+    feMergeNode: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feMergeNode", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feMergeNode">, "create">;
+    feMorphology: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feMorphology", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feMorphology">, "create">;
+    feOffset: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feOffset", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feOffset">, "create">;
+    fePointLight: import('vue').DefineComponent<Omit<import('./types').MotionProps<"fePointLight", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"fePointLight">, "create">;
+    feSpecularLighting: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feSpecularLighting", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feSpecularLighting">, "create">;
+    feSpotLight: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feSpotLight", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feSpotLight">, "create">;
+    feTile: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feTile", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feTile">, "create">;
+    feTurbulence: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feTurbulence", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feTurbulence">, "create">;
+    filter: import('vue').DefineComponent<Omit<import('./types').MotionProps<"filter", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"filter">, "create">;
+    foreignObject: import('vue').DefineComponent<Omit<import('./types').MotionProps<"foreignObject", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"foreignObject">, "create">;
+    g: import('vue').DefineComponent<Omit<import('./types').MotionProps<"g", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"g">, "create">;
+    image: import('vue').DefineComponent<Omit<import('./types').MotionProps<"image", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"image">, "create">;
+    line: import('vue').DefineComponent<Omit<import('./types').MotionProps<"line", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"line">, "create">;
+    linearGradient: import('vue').DefineComponent<Omit<import('./types').MotionProps<"linearGradient", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"linearGradient">, "create">;
+    marker: import('vue').DefineComponent<Omit<import('./types').MotionProps<"marker", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"marker">, "create">;
+    mask: import('vue').DefineComponent<Omit<import('./types').MotionProps<"mask", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"mask">, "create">;
+    metadata: import('vue').DefineComponent<Omit<import('./types').MotionProps<"metadata", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"metadata">, "create">;
+    mpath: import('vue').DefineComponent<Omit<import('./types').MotionProps<"mpath", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"mpath">, "create">;
+    path: import('vue').DefineComponent<Omit<import('./types').MotionProps<"path", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"path">, "create">;
+    pattern: import('vue').DefineComponent<Omit<import('./types').MotionProps<"pattern", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"pattern">, "create">;
+    polygon: import('vue').DefineComponent<Omit<import('./types').MotionProps<"polygon", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"polygon">, "create">;
+    polyline: import('vue').DefineComponent<Omit<import('./types').MotionProps<"polyline", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"polyline">, "create">;
+    radialGradient: import('vue').DefineComponent<Omit<import('./types').MotionProps<"radialGradient", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"radialGradient">, "create">;
+    rect: import('vue').DefineComponent<Omit<import('./types').MotionProps<"rect", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"rect">, "create">;
+    stop: import('vue').DefineComponent<Omit<import('./types').MotionProps<"stop", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"stop">, "create">;
+    switch: import('vue').DefineComponent<Omit<import('./types').MotionProps<"switch", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"switch">, "create">;
+    symbol: import('vue').DefineComponent<Omit<import('./types').MotionProps<"symbol", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"symbol">, "create">;
+    text: import('vue').DefineComponent<Omit<import('./types').MotionProps<"text", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"text">, "create">;
+    textPath: import('vue').DefineComponent<Omit<import('./types').MotionProps<"textPath", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"textPath">, "create">;
+    tspan: import('vue').DefineComponent<Omit<import('./types').MotionProps<"tspan", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"tspan">, "create">;
+    use: import('vue').DefineComponent<Omit<import('./types').MotionProps<"use", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"use">, "create">;
+    view: import('vue').DefineComponent<Omit<import('./types').MotionProps<"view", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"view">, "create">;
+} & {
+    create: <T extends import('vue').DefineComponent>(T: any, options?: import('./utils').MotionCreateOptions) => import('vue').DefineComponent<Omit<import('./types').MotionProps<any, unknown>, "as" | "asChild"> & import('../..').ComponentProps<T>>;
+};
+export declare const Motion: MotionComponent;

package/dist/es/components/motion/index.mjs

@@ -0,0 +1,8 @@
+import { createMotionComponentWithFeatures } from "./utils.mjs";
+import { domMax } from "../../features/dom-max.mjs";
+const motion = createMotionComponentWithFeatures(domMax);
+const Motion = motion.create("div");
+export {
+  Motion,
+  motion
+};

package/dist/es/components/motion/m.d.ts

@@ -0,0 +1,178 @@
+import { MotionComponent } from './types';
+export declare const m: {
+    a: import('vue').DefineComponent<Omit<import('./types').MotionProps<"a", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"a">, "create">;
+    abbr: import('vue').DefineComponent<Omit<import('./types').MotionProps<"abbr", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"abbr">, "create">;
+    address: import('vue').DefineComponent<Omit<import('./types').MotionProps<"address", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"address">, "create">;
+    area: import('vue').DefineComponent<Omit<import('./types').MotionProps<"area", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"area">, "create">;
+    article: import('vue').DefineComponent<Omit<import('./types').MotionProps<"article", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"article">, "create">;
+    aside: import('vue').DefineComponent<Omit<import('./types').MotionProps<"aside", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"aside">, "create">;
+    audio: import('vue').DefineComponent<Omit<import('./types').MotionProps<"audio", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"audio">, "create">;
+    b: import('vue').DefineComponent<Omit<import('./types').MotionProps<"b", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"b">, "create">;
+    base: import('vue').DefineComponent<Omit<import('./types').MotionProps<"base", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"base">, "create">;
+    bdi: import('vue').DefineComponent<Omit<import('./types').MotionProps<"bdi", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"bdi">, "create">;
+    bdo: import('vue').DefineComponent<Omit<import('./types').MotionProps<"bdo", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"bdo">, "create">;
+    blockquote: import('vue').DefineComponent<Omit<import('./types').MotionProps<"blockquote", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"blockquote">, "create">;
+    body: import('vue').DefineComponent<Omit<import('./types').MotionProps<"body", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"body">, "create">;
+    br: import('vue').DefineComponent<Omit<import('./types').MotionProps<"br", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"br">, "create">;
+    button: import('vue').DefineComponent<Omit<import('./types').MotionProps<"button", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"button">, "create">;
+    canvas: import('vue').DefineComponent<Omit<import('./types').MotionProps<"canvas", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"canvas">, "create">;
+    caption: import('vue').DefineComponent<Omit<import('./types').MotionProps<"caption", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"caption">, "create">;
+    cite: import('vue').DefineComponent<Omit<import('./types').MotionProps<"cite", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"cite">, "create">;
+    code: import('vue').DefineComponent<Omit<import('./types').MotionProps<"code", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"code">, "create">;
+    col: import('vue').DefineComponent<Omit<import('./types').MotionProps<"col", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"col">, "create">;
+    colgroup: import('vue').DefineComponent<Omit<import('./types').MotionProps<"colgroup", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"colgroup">, "create">;
+    data: import('vue').DefineComponent<Omit<import('./types').MotionProps<"data", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"data">, "create">;
+    datalist: import('vue').DefineComponent<Omit<import('./types').MotionProps<"datalist", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"datalist">, "create">;
+    dd: import('vue').DefineComponent<Omit<import('./types').MotionProps<"dd", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"dd">, "create">;
+    del: import('vue').DefineComponent<Omit<import('./types').MotionProps<"del", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"del">, "create">;
+    details: import('vue').DefineComponent<Omit<import('./types').MotionProps<"details", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"details">, "create">;
+    dfn: import('vue').DefineComponent<Omit<import('./types').MotionProps<"dfn", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"dfn">, "create">;
+    dialog: import('vue').DefineComponent<Omit<import('./types').MotionProps<"dialog", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"dialog">, "create">;
+    div: import('vue').DefineComponent<Omit<import('./types').MotionProps<"div", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"div">, "create">;
+    dl: import('vue').DefineComponent<Omit<import('./types').MotionProps<"dl", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"dl">, "create">;
+    dt: import('vue').DefineComponent<Omit<import('./types').MotionProps<"dt", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"dt">, "create">;
+    em: import('vue').DefineComponent<Omit<import('./types').MotionProps<"em", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"em">, "create">;
+    embed: import('vue').DefineComponent<Omit<import('./types').MotionProps<"embed", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"embed">, "create">;
+    fieldset: import('vue').DefineComponent<Omit<import('./types').MotionProps<"fieldset", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"fieldset">, "create">;
+    figcaption: import('vue').DefineComponent<Omit<import('./types').MotionProps<"figcaption", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"figcaption">, "create">;
+    figure: import('vue').DefineComponent<Omit<import('./types').MotionProps<"figure", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"figure">, "create">;
+    footer: import('vue').DefineComponent<Omit<import('./types').MotionProps<"footer", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"footer">, "create">;
+    form: import('vue').DefineComponent<Omit<import('./types').MotionProps<"form", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"form">, "create">;
+    h1: import('vue').DefineComponent<Omit<import('./types').MotionProps<"h1", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"h1">, "create">;
+    h2: import('vue').DefineComponent<Omit<import('./types').MotionProps<"h2", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"h2">, "create">;
+    h3: import('vue').DefineComponent<Omit<import('./types').MotionProps<"h3", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"h3">, "create">;
+    h4: import('vue').DefineComponent<Omit<import('./types').MotionProps<"h4", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"h4">, "create">;
+    h5: import('vue').DefineComponent<Omit<import('./types').MotionProps<"h5", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"h5">, "create">;
+    h6: import('vue').DefineComponent<Omit<import('./types').MotionProps<"h6", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"h6">, "create">;
+    head: import('vue').DefineComponent<Omit<import('./types').MotionProps<"head", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"head">, "create">;
+    header: import('vue').DefineComponent<Omit<import('./types').MotionProps<"header", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"header">, "create">;
+    hgroup: import('vue').DefineComponent<Omit<import('./types').MotionProps<"hgroup", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"hgroup">, "create">;
+    hr: import('vue').DefineComponent<Omit<import('./types').MotionProps<"hr", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"hr">, "create">;
+    html: import('vue').DefineComponent<Omit<import('./types').MotionProps<"html", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"html">, "create">;
+    i: import('vue').DefineComponent<Omit<import('./types').MotionProps<"i", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"i">, "create">;
+    iframe: import('vue').DefineComponent<Omit<import('./types').MotionProps<"iframe", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"iframe">, "create">;
+    img: import('vue').DefineComponent<Omit<import('./types').MotionProps<"img", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"img">, "create">;
+    input: import('vue').DefineComponent<Omit<import('./types').MotionProps<"input", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"input">, "create">;
+    ins: import('vue').DefineComponent<Omit<import('./types').MotionProps<"ins", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"ins">, "create">;
+    kbd: import('vue').DefineComponent<Omit<import('./types').MotionProps<"kbd", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"kbd">, "create">;
+    keygen: import('vue').DefineComponent<Omit<import('./types').MotionProps<"keygen", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"keygen">, "create">;
+    label: import('vue').DefineComponent<Omit<import('./types').MotionProps<"label", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"label">, "create">;
+    legend: import('vue').DefineComponent<Omit<import('./types').MotionProps<"legend", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"legend">, "create">;
+    li: import('vue').DefineComponent<Omit<import('./types').MotionProps<"li", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"li">, "create">;
+    link: import('vue').DefineComponent<Omit<import('./types').MotionProps<"link", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"link">, "create">;
+    main: import('vue').DefineComponent<Omit<import('./types').MotionProps<"main", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"main">, "create">;
+    map: import('vue').DefineComponent<Omit<import('./types').MotionProps<"map", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"map">, "create">;
+    mark: import('vue').DefineComponent<Omit<import('./types').MotionProps<"mark", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"mark">, "create">;
+    menu: import('vue').DefineComponent<Omit<import('./types').MotionProps<"menu", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"menu">, "create">;
+    meta: import('vue').DefineComponent<Omit<import('./types').MotionProps<"meta", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"meta">, "create">;
+    meter: import('vue').DefineComponent<Omit<import('./types').MotionProps<"meter", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"meter">, "create">;
+    nav: import('vue').DefineComponent<Omit<import('./types').MotionProps<"nav", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"nav">, "create">;
+    noindex: import('vue').DefineComponent<Omit<import('./types').MotionProps<"noindex", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"noindex">, "create">;
+    noscript: import('vue').DefineComponent<Omit<import('./types').MotionProps<"noscript", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"noscript">, "create">;
+    object: import('vue').DefineComponent<Omit<import('./types').MotionProps<"object", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"object">, "create">;
+    ol: import('vue').DefineComponent<Omit<import('./types').MotionProps<"ol", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"ol">, "create">;
+    optgroup: import('vue').DefineComponent<Omit<import('./types').MotionProps<"optgroup", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"optgroup">, "create">;
+    option: import('vue').DefineComponent<Omit<import('./types').MotionProps<"option", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"option">, "create">;
+    output: import('vue').DefineComponent<Omit<import('./types').MotionProps<"output", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"output">, "create">;
+    p: import('vue').DefineComponent<Omit<import('./types').MotionProps<"p", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"p">, "create">;
+    param: import('vue').DefineComponent<Omit<import('./types').MotionProps<"param", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"param">, "create">;
+    picture: import('vue').DefineComponent<Omit<import('./types').MotionProps<"picture", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"picture">, "create">;
+    pre: import('vue').DefineComponent<Omit<import('./types').MotionProps<"pre", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"pre">, "create">;
+    progress: import('vue').DefineComponent<Omit<import('./types').MotionProps<"progress", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"progress">, "create">;
+    q: import('vue').DefineComponent<Omit<import('./types').MotionProps<"q", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"q">, "create">;
+    rp: import('vue').DefineComponent<Omit<import('./types').MotionProps<"rp", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"rp">, "create">;
+    rt: import('vue').DefineComponent<Omit<import('./types').MotionProps<"rt", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"rt">, "create">;
+    ruby: import('vue').DefineComponent<Omit<import('./types').MotionProps<"ruby", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"ruby">, "create">;
+    s: import('vue').DefineComponent<Omit<import('./types').MotionProps<"s", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"s">, "create">;
+    samp: import('vue').DefineComponent<Omit<import('./types').MotionProps<"samp", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"samp">, "create">;
+    script: import('vue').DefineComponent<Omit<import('./types').MotionProps<"script", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"script">, "create">;
+    section: import('vue').DefineComponent<Omit<import('./types').MotionProps<"section", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"section">, "create">;
+    select: import('vue').DefineComponent<Omit<import('./types').MotionProps<"select", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"select">, "create">;
+    small: import('vue').DefineComponent<Omit<import('./types').MotionProps<"small", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"small">, "create">;
+    source: import('vue').DefineComponent<Omit<import('./types').MotionProps<"source", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"source">, "create">;
+    span: import('vue').DefineComponent<Omit<import('./types').MotionProps<"span", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"span">, "create">;
+    strong: import('vue').DefineComponent<Omit<import('./types').MotionProps<"strong", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"strong">, "create">;
+    style: import('vue').DefineComponent<Omit<import('./types').MotionProps<"style", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"style">, "create">;
+    sub: import('vue').DefineComponent<Omit<import('./types').MotionProps<"sub", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"sub">, "create">;
+    summary: import('vue').DefineComponent<Omit<import('./types').MotionProps<"summary", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"summary">, "create">;
+    sup: import('vue').DefineComponent<Omit<import('./types').MotionProps<"sup", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"sup">, "create">;
+    table: import('vue').DefineComponent<Omit<import('./types').MotionProps<"table", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"table">, "create">;
+    template: import('vue').DefineComponent<Omit<import('./types').MotionProps<"template", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"template">, "create">;
+    tbody: import('vue').DefineComponent<Omit<import('./types').MotionProps<"tbody", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"tbody">, "create">;
+    td: import('vue').DefineComponent<Omit<import('./types').MotionProps<"td", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"td">, "create">;
+    textarea: import('vue').DefineComponent<Omit<import('./types').MotionProps<"textarea", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"textarea">, "create">;
+    tfoot: import('vue').DefineComponent<Omit<import('./types').MotionProps<"tfoot", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"tfoot">, "create">;
+    th: import('vue').DefineComponent<Omit<import('./types').MotionProps<"th", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"th">, "create">;
+    thead: import('vue').DefineComponent<Omit<import('./types').MotionProps<"thead", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"thead">, "create">;
+    time: import('vue').DefineComponent<Omit<import('./types').MotionProps<"time", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"time">, "create">;
+    title: import('vue').DefineComponent<Omit<import('./types').MotionProps<"title", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"title">, "create">;
+    tr: import('vue').DefineComponent<Omit<import('./types').MotionProps<"tr", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"tr">, "create">;
+    track: import('vue').DefineComponent<Omit<import('./types').MotionProps<"track", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"track">, "create">;
+    u: import('vue').DefineComponent<Omit<import('./types').MotionProps<"u", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"u">, "create">;
+    ul: import('vue').DefineComponent<Omit<import('./types').MotionProps<"ul", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"ul">, "create">;
+    var: import('vue').DefineComponent<Omit<import('./types').MotionProps<"var", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"var">, "create">;
+    video: import('vue').DefineComponent<Omit<import('./types').MotionProps<"video", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"video">, "create">;
+    wbr: import('vue').DefineComponent<Omit<import('./types').MotionProps<"wbr", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"wbr">, "create">;
+    webview: import('vue').DefineComponent<Omit<import('./types').MotionProps<"webview", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"webview">, "create">;
+    svg: import('vue').DefineComponent<Omit<import('./types').MotionProps<"svg", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"svg">, "create">;
+    animate: import('vue').DefineComponent<Omit<import('./types').MotionProps<"animate", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"animate">, "create">;
+    animateMotion: import('vue').DefineComponent<Omit<import('./types').MotionProps<"animateMotion", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"animateMotion">, "create">;
+    animateTransform: import('vue').DefineComponent<Omit<import('./types').MotionProps<"animateTransform", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"animateTransform">, "create">;
+    circle: import('vue').DefineComponent<Omit<import('./types').MotionProps<"circle", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"circle">, "create">;
+    clipPath: import('vue').DefineComponent<Omit<import('./types').MotionProps<"clipPath", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"clipPath">, "create">;
+    defs: import('vue').DefineComponent<Omit<import('./types').MotionProps<"defs", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"defs">, "create">;
+    desc: import('vue').DefineComponent<Omit<import('./types').MotionProps<"desc", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"desc">, "create">;
+    ellipse: import('vue').DefineComponent<Omit<import('./types').MotionProps<"ellipse", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"ellipse">, "create">;
+    feBlend: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feBlend", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feBlend">, "create">;
+    feColorMatrix: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feColorMatrix", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feColorMatrix">, "create">;
+    feComponentTransfer: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feComponentTransfer", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feComponentTransfer">, "create">;
+    feComposite: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feComposite", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feComposite">, "create">;
+    feConvolveMatrix: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feConvolveMatrix", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feConvolveMatrix">, "create">;
+    feDiffuseLighting: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feDiffuseLighting", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feDiffuseLighting">, "create">;
+    feDisplacementMap: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feDisplacementMap", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feDisplacementMap">, "create">;
+    feDistantLight: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feDistantLight", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feDistantLight">, "create">;
+    feDropShadow: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feDropShadow", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feDropShadow">, "create">;
+    feFlood: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feFlood", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feFlood">, "create">;
+    feFuncA: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feFuncA", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feFuncA">, "create">;
+    feFuncB: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feFuncB", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feFuncB">, "create">;
+    feFuncG: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feFuncG", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feFuncG">, "create">;
+    feFuncR: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feFuncR", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feFuncR">, "create">;
+    feGaussianBlur: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feGaussianBlur", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feGaussianBlur">, "create">;
+    feImage: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feImage", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feImage">, "create">;
+    feMerge: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feMerge", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feMerge">, "create">;
+    feMergeNode: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feMergeNode", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feMergeNode">, "create">;
+    feMorphology: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feMorphology", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feMorphology">, "create">;
+    feOffset: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feOffset", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feOffset">, "create">;
+    fePointLight: import('vue').DefineComponent<Omit<import('./types').MotionProps<"fePointLight", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"fePointLight">, "create">;
+    feSpecularLighting: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feSpecularLighting", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feSpecularLighting">, "create">;
+    feSpotLight: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feSpotLight", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feSpotLight">, "create">;
+    feTile: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feTile", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feTile">, "create">;
+    feTurbulence: import('vue').DefineComponent<Omit<import('./types').MotionProps<"feTurbulence", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"feTurbulence">, "create">;
+    filter: import('vue').DefineComponent<Omit<import('./types').MotionProps<"filter", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"filter">, "create">;
+    foreignObject: import('vue').DefineComponent<Omit<import('./types').MotionProps<"foreignObject", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"foreignObject">, "create">;
+    g: import('vue').DefineComponent<Omit<import('./types').MotionProps<"g", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"g">, "create">;
+    image: import('vue').DefineComponent<Omit<import('./types').MotionProps<"image", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"image">, "create">;
+    line: import('vue').DefineComponent<Omit<import('./types').MotionProps<"line", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"line">, "create">;
+    linearGradient: import('vue').DefineComponent<Omit<import('./types').MotionProps<"linearGradient", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"linearGradient">, "create">;
+    marker: import('vue').DefineComponent<Omit<import('./types').MotionProps<"marker", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"marker">, "create">;
+    mask: import('vue').DefineComponent<Omit<import('./types').MotionProps<"mask", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"mask">, "create">;
+    metadata: import('vue').DefineComponent<Omit<import('./types').MotionProps<"metadata", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"metadata">, "create">;
+    mpath: import('vue').DefineComponent<Omit<import('./types').MotionProps<"mpath", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"mpath">, "create">;
+    path: import('vue').DefineComponent<Omit<import('./types').MotionProps<"path", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"path">, "create">;
+    pattern: import('vue').DefineComponent<Omit<import('./types').MotionProps<"pattern", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"pattern">, "create">;
+    polygon: import('vue').DefineComponent<Omit<import('./types').MotionProps<"polygon", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"polygon">, "create">;
+    polyline: import('vue').DefineComponent<Omit<import('./types').MotionProps<"polyline", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"polyline">, "create">;
+    radialGradient: import('vue').DefineComponent<Omit<import('./types').MotionProps<"radialGradient", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"radialGradient">, "create">;
+    rect: import('vue').DefineComponent<Omit<import('./types').MotionProps<"rect", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"rect">, "create">;
+    stop: import('vue').DefineComponent<Omit<import('./types').MotionProps<"stop", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"stop">, "create">;
+    switch: import('vue').DefineComponent<Omit<import('./types').MotionProps<"switch", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"switch">, "create">;
+    symbol: import('vue').DefineComponent<Omit<import('./types').MotionProps<"symbol", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"symbol">, "create">;
+    text: import('vue').DefineComponent<Omit<import('./types').MotionProps<"text", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"text">, "create">;
+    textPath: import('vue').DefineComponent<Omit<import('./types').MotionProps<"textPath", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"textPath">, "create">;
+    tspan: import('vue').DefineComponent<Omit<import('./types').MotionProps<"tspan", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"tspan">, "create">;
+    use: import('vue').DefineComponent<Omit<import('./types').MotionProps<"use", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"use">, "create">;
+    view: import('vue').DefineComponent<Omit<import('./types').MotionProps<"view", unknown>, "as" | "asChild"> & import('../..').MotionHTMLAttributes<"view">, "create">;
+} & {
+    create: <T extends import('vue').DefineComponent>(T: any, options?: import('./utils').MotionCreateOptions) => import('vue').DefineComponent<Omit<import('./types').MotionProps<any, unknown>, "as" | "asChild"> & import('../..').ComponentProps<T>>;
+};
+export declare const M: MotionComponent;