motion-v 0.13.0 → 0.13.1-alpha.0

package/dist/cjs/index.js

@@ -4537,15 +4537,12 @@ const SVG_STYLE_TO_ATTRIBUTES = {
   cy: true,
   r: true,
   d: true,
-  x: true,
-  y: true,
   x1: true,
   y1: true,
   x2: true,
   y2: true,
   points: true,
   pathLength: true,
-  transform: true,
   viewBox: true,
   width: true,
   height: true,
@@ -7952,9 +7949,12 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
         ...isSVG ? {} : state2.visualElement.latestValues
       };
       if (isSVG) {
-        const { attributes, style: style2 } = convertSvgStyleToAttributes(state2.isMounted() ? state2.target : state2.baseTarget);
+        const { attributes, style: style2 } = convertSvgStyleToAttributes({
+          ...state2.isMounted() ? state2.target : state2.baseTarget,
+          ...styleProps
+        });
         Object.assign(attrsProps, attributes);
-        Object.assign(styleProps, style2);
+        styleProps = style2;
       }
       if (props.drag && props.dragListener !== false) {
         Object.assign(styleProps, {
@@ -7964,10 +7964,7 @@ const _sfc_main$6 = /* @__PURE__ */ vue.defineComponent({
           touchAction: props.drag === true ? "none" : `pan-${props.drag === "x" ? "y" : "x"}`
         });
       }
-      styleProps = createStyles({
-        ...styleProps,
-        ...props.style
-      });
+      styleProps = createStyles(styleProps);
       attrsProps.style = styleProps;
       return attrsProps;
     }
@@ -8396,9 +8393,10 @@ const _sfc_main$3 = /* @__PURE__ */ vue.defineComponent({
     });
     const attrs = vue.useAttrs();
     function bindProps() {
+      const { axis: axis2, values, "onUpdate:values": onUpdateValues, ...rest } = props;
       return {
         ...attrs,
-        ...props
+        ...rest
       };
     }
     return (_ctx, _cache) => {
@@ -8717,9 +8715,10 @@ const _sfc_main$2 = /* @__PURE__ */ vue.defineComponent({
     const { axis, registerItem, updateOrder } = context || {};
     const attrs = vue.useAttrs();
     function bindProps() {
+      const { value, ...rest } = props;
       return {
         ...attrs,
-        ...props,
+        ...rest,
         style: {
           ...style2.value,
           x: point2.x,

package/dist/es/components/motion/Motion.vue.mjs

@@ -190,9 +190,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ...isSVG ? {} : state.visualElement.latestValues
       };
       if (isSVG) {
-        const { attributes, style } = convertSvgStyleToAttributes(state.isMounted() ? state.target : state.baseTarget);
+        const { attributes, style } = convertSvgStyleToAttributes({
+          ...state.isMounted() ? state.target : state.baseTarget,
+          ...styleProps
+        });
         Object.assign(attrsProps, attributes);
-        Object.assign(styleProps, style);
+        styleProps = style;
       }
       if (props.drag && props.dragListener !== false) {
         Object.assign(styleProps, {
@@ -202,10 +205,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           touchAction: props.drag === true ? "none" : `pan-${props.drag === "x" ? "y" : "x"}`
         });
       }
-      styleProps = createStyles({
-        ...styleProps,
-        ...props.style
-      });
+      styleProps = createStyles(styleProps);
       attrsProps.style = styleProps;
       return attrsProps;
     }

package/dist/es/components/reorder/Group.d.ts

@@ -1,6 +1,6 @@
 import { MotionProps } from '../motion';
-import { ElementType } from '../../types';
-export interface GroupProps<T extends ElementType, K = unknown, V = unknown> extends MotionProps<T, K> {
+import { AsTag } from '../../types';
+export interface GroupProps<T extends AsTag, K, V> extends MotionProps<T, K> {
     /**
      * The axis to reorder along. By default, items will be draggable on this axis.
      * To make draggable on both axes, set `<Reorder.Item drag />`
@@ -34,38 +34,20 @@ export interface GroupProps<T extends ElementType, K = unknown, V = unknown> ext
      */
     'values': V[];
 }
-declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<GroupProps<keyof import('vue').IntrinsicElementAttributes, unknown, unknown>>, {
-    as: string;
-    axis: string;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<GroupProps<keyof import('vue').IntrinsicElementAttributes, unknown, unknown>>, {
-    as: string;
-    axis: string;
-}>>>, {
-    as: keyof import('vue').IntrinsicElementAttributes;
-    axis: "x" | "y";
-}, {}>, {
-    default?(_: {}): any;
-}>;
-export default _default;
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};
-type __VLS_WithTemplateSlots<T, S> = T & {
-    new (): {
-        $slots: S;
+declare const _default: <T, K, V>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+    props: __VLS_PrettifyLocal<Pick<Partial<{}> & Omit<{} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & Readonly<import('vue').ExtractPropTypes<{}>>, never>, never> & GroupProps<AsTag, K, V>> & import('vue').PublicProps;
+    expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
+    attrs: any;
+    slots: {
+        default?(_: {}): any;
     };
+    emit: {};
+}>) => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}> & {
+    __ctx?: Awaited<typeof __VLS_setup>;
 };
+export default _default;
 type __VLS_PrettifyLocal<T> = {
     [K in keyof T]: T[K];
 } & {};

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

@@ -119,9 +119,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const attrs = useAttrs();
     function bindProps() {
+      const { axis: axis2, values, "onUpdate:values": onUpdateValues, ...rest } = props;
       return {
         ...attrs,
-        ...props
+        ...rest
       };
     }
     return (_ctx, _cache) => {

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

@@ -96,9 +96,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { axis, registerItem, updateOrder } = context || {};
     const attrs = useAttrs();
     function bindProps() {
+      const { value, ...rest } = props;
       return {
         ...attrs,
-        ...props,
+        ...rest,
         style: {
           ...style.value,
           x: point.x,