motion-v 1.0.0-beta.0 → 1.0.0-beta.2

package/dist/cjs/index.js

@@ -6643,6 +6643,7 @@ const SVG_STYLE_TO_ATTRIBUTES = {
   "fill": true,
   "stroke": true,
   "opacity": true,
+  "stroke-width": true,
   "fill-opacity": true,
   "stroke-opacity": true,
   "stroke-linecap": true,
@@ -9201,7 +9202,7 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
   setup(__props) {
     const props = __props;
     const { axis } = vue.toRefs(props);
-    const order2 = [];
+    let order2 = [];
     let isReordering = false;
     function warning2() {
       heyListen.invariant(Boolean(props.values), "Reorder.Group must be provided a values prop");
@@ -9209,6 +9210,9 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     vue.onUpdated(() => {
       isReordering = false;
     });
+    vue.onBeforeUpdate(() => {
+      order2 = [];
+    });
     reorderContextProvider({
       axis,
       registerItem: (value, layout) => {

package/dist/es/components/reorder/Group.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, toRefs, onUpdated, useAttrs, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, toRefs, onUpdated, onBeforeUpdate, useAttrs, openBlock, createBlock, unref, normalizeProps, guardReactiveProps, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
 import { Motion } from "../motion/index.mjs";
 import { invariant } from "hey-listen";
 import { reorderContextProvider } from "./context.mjs";
@@ -87,7 +87,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const { axis } = toRefs(props);
-    const order = [];
+    let order = [];
     let isReordering = false;
     function warning() {
       invariant(Boolean(props.values), "Reorder.Group must be provided a values prop");
@@ -95,6 +95,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     onUpdated(() => {
       isReordering = false;
     });
+    onBeforeUpdate(() => {
+      order = [];
+    });
     reorderContextProvider({
       axis,
       registerItem: (value, layout) => {

package/dist/es/state/create-visual-element.d.ts

@@ -1 +1,2 @@
-export declare function createVisualElement(Component: string, options: any): any;
+import { AsTag } from '../types';
+export declare function createVisualElement(Component: AsTag, options: any): any;

package/dist/es/state/style.mjs

@@ -53,6 +53,7 @@ const SVG_STYLE_TO_ATTRIBUTES = {
   "fill": true,
   "stroke": true,
   "opacity": true,
+  "stroke-width": true,
   "fill-opacity": true,
   "stroke-opacity": true,
   "stroke-linecap": true,

package/dist/es/state/utils.d.ts

@@ -1,6 +1,5 @@
-import { $Transition, Options } from '../types';
+import { $Transition, AsTag, Options } from '../types';
 import { Variant } from 'framer-motion';
-import { IntrinsicElementAttributes } from 'vue';
 export declare function resolveVariant(definition?: Options['animate'], variants?: Options['variants'], custom?: Options['custom']): Variant | undefined;
 export declare function hasChanged(a: any, b: any): boolean;
 export declare function shallowCompare(next: any[], prev: any[]): boolean;
@@ -10,10 +9,9 @@ export declare function getOptions(options: $Transition, key: string): $Transiti
 export declare function isCssVar(name: string): boolean;
 export declare const noopReturn: <V>(v: V) => V;
 export declare function isNumber(value: any): boolean;
-type ElementType = keyof IntrinsicElementAttributes;
 export declare const svgElements: readonly ["animate", "circle", "defs", "desc", "ellipse", "g", "image", "line", "filter", "marker", "mask", "metadata", "path", "pattern", "polygon", "polyline", "rect", "stop", "svg", "switch", "symbol", "text", "tspan", "use", "view", "clipPath", "feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence", "foreignObject", "linearGradient", "radialGradient", "textPath"];
 type UnionStringArray<T extends Readonly<string[]>> = T[number];
 export type SVGElements = UnionStringArray<typeof svgElements>;
-export declare function isSVGElement(as: ElementType): as is SVGElements;
+export declare function isSVGElement(as: AsTag): as is SVGElements;
 export declare function isAnimateChanged(oldOptions: Options, newOptions: Options): boolean;
 export {};

package/dist/es/types/common.d.ts

@@ -1,4 +1,4 @@
 import { Component, DefineComponent, ExtractPropTypes, ExtractPublicPropTypes, IntrinsicElementAttributes } from 'vue';
 export type ComponentProps<T> = T extends DefineComponent<ExtractPropTypes<infer Props>, any, any> ? ExtractPublicPropTypes<Props> : never;
 export type ElementType = keyof IntrinsicElementAttributes;
-export type AsTag = keyof IntrinsicElementAttributes | (Component & string);
+export type AsTag = keyof IntrinsicElementAttributes | ({} & string) | Component;

package/dist/nuxt/index.cjs

@@ -9,7 +9,6 @@ const components = [
   "MotionConfig",
   "ReorderGroup",
   "ReorderItem",
-  "LazyMotion",
   "M"
 ];
 const utilities = [

package/dist/nuxt/index.mjs

@@ -7,7 +7,6 @@ const components = [
   "MotionConfig",
   "ReorderGroup",
   "ReorderItem",
-  "LazyMotion",
   "M"
 ];
 const utilities = [

package/dist/resolver/index.cjs

@@ -7,7 +7,6 @@ const components = /* @__PURE__ */ new Set([
   "MotionConfig",
   "ReorderGroup",
   "ReorderItem",
-  "LazyMotion",
   "M"
 ]);
 function index() {

package/dist/resolver/index.mjs

@@ -5,7 +5,6 @@ const components = /* @__PURE__ */ new Set([
   "MotionConfig",
   "ReorderGroup",
   "ReorderItem",
-  "LazyMotion",
   "M"
 ]);
 function index() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "motion-v",
-  "version": "1.0.0-beta.0",
+  "version": "1.0.0-beta.2",
   "description": "",
   "author": "",
   "license": "MIT",