motion-v 0.13.0-beta.4 → 0.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/dist/cjs/index.js +59 -25
  2. package/dist/es/components/animate-presence/AnimatePresence.d.ts +0 -3
  3. package/dist/es/components/animate-presence/AnimatePresence.vue.mjs +27 -19
  4. package/dist/es/components/animate-presence/types.d.ts +0 -1
  5. package/dist/es/components/motion/Motion.d.ts +5 -4
  6. package/dist/es/components/motion/Motion.vue.mjs +13 -3
  7. package/dist/es/components/motion/NameSpace.d.ts +5 -4
  8. package/dist/es/components/motion/NameSpace.mjs +2 -1
  9. package/dist/es/components/motion/Primitive.d.ts +11 -2
  10. package/dist/es/components/motion/Primitive.mjs +9 -1
  11. package/dist/es/components/reorder/Group.vue.mjs +3 -0
  12. package/dist/es/components/reorder/Item.vue.mjs +3 -0
  13. package/dist/es/components/reorder/index.d.ts +118 -40
  14. package/dist/es/features/layout/types.d.ts +4 -0
  15. package/dist/es/state/animate-updates.mjs +2 -1
  16. package/dist/es/state/motion-state.d.ts +7 -2
  17. package/dist/es/types/common.d.ts +4 -0
  18. package/dist/es/types/index.d.ts +1 -0
  19. package/dist/es/types/motion-values.d.ts +2 -1
  20. package/dist/es/types/state.d.ts +3 -3
  21. package/package.json +1 -1
  22. package/dist/es/state/animation/index.d.ts +0 -0
  23. package/dist/es/state/animation/types.d.ts +0 -0
package/dist/es/components/reorder/index.d.ts CHANGED
@@ -18,6 +18,9 @@ export declare const ReorderGroup: {
18
18
  crossfade: {
19
19
  type: import('vue').PropType<boolean>;
20
20
  };
21
+ layoutDependency: {
22
+ type: import('vue').PropType<any>;
23
+ };
21
24
  inViewOptions: {
22
25
  type: import('vue').PropType<import('../../features/gestures/in-view/types').InViewOptions & {
23
26
  once?: boolean;
@@ -111,6 +114,10 @@ export declare const ReorderGroup: {
111
114
  resize?: string | number | import('motion-dom').MotionValue<any>;
112
115
  transform?: string | number | import('motion-dom').MotionValue<any>;
113
116
  offset?: string | number | import('motion-dom').MotionValue<any>;
117
+ clipPath?: string | number | import('motion-dom').MotionValue<any>;
118
+ marker?: string | number | import('motion-dom').MotionValue<any>;
119
+ mask?: string | number | import('motion-dom').MotionValue<any>;
120
+ path?: string | number | import('motion-dom').MotionValue<any>;
114
121
  direction?: string | number | import('motion-dom').MotionValue<any>;
115
122
  z?: string | number | import('motion-dom').MotionValue<any>;
116
123
  accentColor?: string | number | import('motion-dom').MotionValue<any>;
@@ -216,7 +223,6 @@ export declare const ReorderGroup: {
216
223
  captionSide?: string | number | import('motion-dom').MotionValue<any>;
217
224
  caretColor?: string | number | import('motion-dom').MotionValue<any>;
218
225
  clip?: string | number | import('motion-dom').MotionValue<any>;
219
- clipPath?: string | number | import('motion-dom').MotionValue<any>;
220
226
  clipRule?: string | number | import('motion-dom').MotionValue<any>;
221
227
  color?: string | number | import('motion-dom').MotionValue<any>;
222
228
  colorInterpolation?: string | number | import('motion-dom').MotionValue<any>;
@@ -346,11 +352,9 @@ export declare const ReorderGroup: {
346
352
  marginLeft?: string | number | import('motion-dom').MotionValue<any>;
347
353
  marginRight?: string | number | import('motion-dom').MotionValue<any>;
348
354
  marginTop?: string | number | import('motion-dom').MotionValue<any>;
349
- marker?: string | number | import('motion-dom').MotionValue<any>;
350
355
  markerEnd?: string | number | import('motion-dom').MotionValue<any>;
351
356
  markerMid?: string | number | import('motion-dom').MotionValue<any>;
352
357
  markerStart?: string | number | import('motion-dom').MotionValue<any>;
353
- mask?: string | number | import('motion-dom').MotionValue<any>;
354
358
  maskClip?: string | number | import('motion-dom').MotionValue<any>;
355
359
  maskComposite?: string | number | import('motion-dom').MotionValue<any>;
356
360
  maskImage?: string | number | import('motion-dom').MotionValue<any>;
@@ -691,7 +695,6 @@ export declare const ReorderGroup: {
691
695
  overlinePosition?: string | number | import('motion-dom').MotionValue<any>;
692
696
  overlineThickness?: string | number | import('motion-dom').MotionValue<any>;
693
697
  panose1?: string | number | import('motion-dom').MotionValue<any>;
694
- path?: string | number | import('motion-dom').MotionValue<any>;
695
698
  pathLength?: string | number | import('motion-dom').MotionValue<any>;
696
699
  patternContentUnits?: string | number | import('motion-dom').MotionValue<any>;
697
700
  patternTransform?: string | number | import('motion-dom').MotionValue<any>;
@@ -826,6 +829,9 @@ export declare const ReorderGroup: {
826
829
  [k: string]: import('../..').Variant | ((custom: unknown) => import('../..').Variant);
827
830
  }>;
828
831
  };
832
+ inherit: {
833
+ type: import('vue').PropType<boolean>;
834
+ };
829
835
  layoutGroup: {
830
836
  type: import('vue').PropType<import('../context').LayoutGroupState>;
831
837
  };
@@ -904,6 +910,9 @@ export declare const ReorderGroup: {
904
910
  asChild: {
905
911
  type: import('vue').PropType<boolean>;
906
912
  };
913
+ forwardMotionProps: {
914
+ type: import('vue').PropType<boolean>;
915
+ };
907
916
  axis: {
908
917
  type: import('vue').PropType<"x" | "y">;
909
918
  default: string;
@@ -930,6 +939,9 @@ export declare const ReorderGroup: {
930
939
  crossfade: {
931
940
  type: import('vue').PropType<boolean>;
932
941
  };
942
+ layoutDependency: {
943
+ type: import('vue').PropType<any>;
944
+ };
933
945
  inViewOptions: {
934
946
  type: import('vue').PropType<import('../../features/gestures/in-view/types').InViewOptions & {
935
947
  once?: boolean;
@@ -1023,6 +1035,10 @@ export declare const ReorderGroup: {
1023
1035
  resize?: string | number | import('motion-dom').MotionValue<any>;
1024
1036
  transform?: string | number | import('motion-dom').MotionValue<any>;
1025
1037
  offset?: string | number | import('motion-dom').MotionValue<any>;
1038
+ clipPath?: string | number | import('motion-dom').MotionValue<any>;
1039
+ marker?: string | number | import('motion-dom').MotionValue<any>;
1040
+ mask?: string | number | import('motion-dom').MotionValue<any>;
1041
+ path?: string | number | import('motion-dom').MotionValue<any>;
1026
1042
  direction?: string | number | import('motion-dom').MotionValue<any>;
1027
1043
  z?: string | number | import('motion-dom').MotionValue<any>;
1028
1044
  accentColor?: string | number | import('motion-dom').MotionValue<any>;
@@ -1128,7 +1144,6 @@ export declare const ReorderGroup: {
1128
1144
  captionSide?: string | number | import('motion-dom').MotionValue<any>;
1129
1145
  caretColor?: string | number | import('motion-dom').MotionValue<any>;
1130
1146
  clip?: string | number | import('motion-dom').MotionValue<any>;
1131
- clipPath?: string | number | import('motion-dom').MotionValue<any>;
1132
1147
  clipRule?: string | number | import('motion-dom').MotionValue<any>;
1133
1148
  color?: string | number | import('motion-dom').MotionValue<any>;
1134
1149
  colorInterpolation?: string | number | import('motion-dom').MotionValue<any>;
@@ -1258,11 +1273,9 @@ export declare const ReorderGroup: {
1258
1273
  marginLeft?: string | number | import('motion-dom').MotionValue<any>;
1259
1274
  marginRight?: string | number | import('motion-dom').MotionValue<any>;
1260
1275
  marginTop?: string | number | import('motion-dom').MotionValue<any>;
1261
- marker?: string | number | import('motion-dom').MotionValue<any>;
1262
1276
  markerEnd?: string | number | import('motion-dom').MotionValue<any>;
1263
1277
  markerMid?: string | number | import('motion-dom').MotionValue<any>;
1264
1278
  markerStart?: string | number | import('motion-dom').MotionValue<any>;
1265
- mask?: string | number | import('motion-dom').MotionValue<any>;
1266
1279
  maskClip?: string | number | import('motion-dom').MotionValue<any>;
1267
1280
  maskComposite?: string | number | import('motion-dom').MotionValue<any>;
1268
1281
  maskImage?: string | number | import('motion-dom').MotionValue<any>;
@@ -1603,7 +1616,6 @@ export declare const ReorderGroup: {
1603
1616
  overlinePosition?: string | number | import('motion-dom').MotionValue<any>;
1604
1617
  overlineThickness?: string | number | import('motion-dom').MotionValue<any>;
1605
1618
  panose1?: string | number | import('motion-dom').MotionValue<any>;
1606
- path?: string | number | import('motion-dom').MotionValue<any>;
1607
1619
  pathLength?: string | number | import('motion-dom').MotionValue<any>;
1608
1620
  patternContentUnits?: string | number | import('motion-dom').MotionValue<any>;
1609
1621
  patternTransform?: string | number | import('motion-dom').MotionValue<any>;
@@ -1738,6 +1750,9 @@ export declare const ReorderGroup: {
1738
1750
  [k: string]: import('../..').Variant | ((custom: unknown) => import('../..').Variant);
1739
1751
  }>;
1740
1752
  };
1753
+ inherit: {
1754
+ type: import('vue').PropType<boolean>;
1755
+ };
1741
1756
  layoutGroup: {
1742
1757
  type: import('vue').PropType<import('../context').LayoutGroupState>;
1743
1758
  };
@@ -1816,6 +1831,9 @@ export declare const ReorderGroup: {
1816
1831
  asChild: {
1817
1832
  type: import('vue').PropType<boolean>;
1818
1833
  };
1834
+ forwardMotionProps: {
1835
+ type: import('vue').PropType<boolean>;
1836
+ };
1819
1837
  axis: {
1820
1838
  type: import('vue').PropType<"x" | "y">;
1821
1839
  default: string;
@@ -1852,6 +1870,9 @@ export declare const ReorderGroup: {
1852
1870
  crossfade: {
1853
1871
  type: import('vue').PropType<boolean>;
1854
1872
  };
1873
+ layoutDependency: {
1874
+ type: import('vue').PropType<any>;
1875
+ };
1855
1876
  inViewOptions: {
1856
1877
  type: import('vue').PropType<import('../../features/gestures/in-view/types').InViewOptions & {
1857
1878
  once?: boolean;
@@ -1945,6 +1966,10 @@ export declare const ReorderGroup: {
1945
1966
  resize?: string | number | import('motion-dom').MotionValue<any>;
1946
1967
  transform?: string | number | import('motion-dom').MotionValue<any>;
1947
1968
  offset?: string | number | import('motion-dom').MotionValue<any>;
1969
+ clipPath?: string | number | import('motion-dom').MotionValue<any>;
1970
+ marker?: string | number | import('motion-dom').MotionValue<any>;
1971
+ mask?: string | number | import('motion-dom').MotionValue<any>;
1972
+ path?: string | number | import('motion-dom').MotionValue<any>;
1948
1973
  direction?: string | number | import('motion-dom').MotionValue<any>;
1949
1974
  z?: string | number | import('motion-dom').MotionValue<any>;
1950
1975
  accentColor?: string | number | import('motion-dom').MotionValue<any>;
@@ -2050,7 +2075,6 @@ export declare const ReorderGroup: {
2050
2075
  captionSide?: string | number | import('motion-dom').MotionValue<any>;
2051
2076
  caretColor?: string | number | import('motion-dom').MotionValue<any>;
2052
2077
  clip?: string | number | import('motion-dom').MotionValue<any>;
2053
- clipPath?: string | number | import('motion-dom').MotionValue<any>;
2054
2078
  clipRule?: string | number | import('motion-dom').MotionValue<any>;
2055
2079
  color?: string | number | import('motion-dom').MotionValue<any>;
2056
2080
  colorInterpolation?: string | number | import('motion-dom').MotionValue<any>;
@@ -2180,11 +2204,9 @@ export declare const ReorderGroup: {
2180
2204
  marginLeft?: string | number | import('motion-dom').MotionValue<any>;
2181
2205
  marginRight?: string | number | import('motion-dom').MotionValue<any>;
2182
2206
  marginTop?: string | number | import('motion-dom').MotionValue<any>;
2183
- marker?: string | number | import('motion-dom').MotionValue<any>;
2184
2207
  markerEnd?: string | number | import('motion-dom').MotionValue<any>;
2185
2208
  markerMid?: string | number | import('motion-dom').MotionValue<any>;
2186
2209
  markerStart?: string | number | import('motion-dom').MotionValue<any>;
2187
- mask?: string | number | import('motion-dom').MotionValue<any>;
2188
2210
  maskClip?: string | number | import('motion-dom').MotionValue<any>;
2189
2211
  maskComposite?: string | number | import('motion-dom').MotionValue<any>;
2190
2212
  maskImage?: string | number | import('motion-dom').MotionValue<any>;
@@ -2525,7 +2547,6 @@ export declare const ReorderGroup: {
2525
2547
  overlinePosition?: string | number | import('motion-dom').MotionValue<any>;
2526
2548
  overlineThickness?: string | number | import('motion-dom').MotionValue<any>;
2527
2549
  panose1?: string | number | import('motion-dom').MotionValue<any>;
2528
- path?: string | number | import('motion-dom').MotionValue<any>;
2529
2550
  pathLength?: string | number | import('motion-dom').MotionValue<any>;
2530
2551
  patternContentUnits?: string | number | import('motion-dom').MotionValue<any>;
2531
2552
  patternTransform?: string | number | import('motion-dom').MotionValue<any>;
@@ -2660,6 +2681,9 @@ export declare const ReorderGroup: {
2660
2681
  [k: string]: import('../..').Variant | ((custom: unknown) => import('../..').Variant);
2661
2682
  }>;
2662
2683
  };
2684
+ inherit: {
2685
+ type: import('vue').PropType<boolean>;
2686
+ };
2663
2687
  layoutGroup: {
2664
2688
  type: import('vue').PropType<import('../context').LayoutGroupState>;
2665
2689
  };
@@ -2738,6 +2762,9 @@ export declare const ReorderGroup: {
2738
2762
  asChild: {
2739
2763
  type: import('vue').PropType<boolean>;
2740
2764
  };
2765
+ forwardMotionProps: {
2766
+ type: import('vue').PropType<boolean>;
2767
+ };
2741
2768
  axis: {
2742
2769
  type: import('vue').PropType<"x" | "y">;
2743
2770
  default: string;
@@ -2771,6 +2798,9 @@ export declare const ReorderGroup: {
2771
2798
  crossfade: {
2772
2799
  type: import('vue').PropType<boolean>;
2773
2800
  };
2801
+ layoutDependency: {
2802
+ type: import('vue').PropType<any>;
2803
+ };
2774
2804
  inViewOptions: {
2775
2805
  type: import('vue').PropType<import('../../features/gestures/in-view/types').InViewOptions & {
2776
2806
  once?: boolean;
@@ -2864,6 +2894,10 @@ export declare const ReorderGroup: {
2864
2894
  resize?: string | number | import('motion-dom').MotionValue<any>;
2865
2895
  transform?: string | number | import('motion-dom').MotionValue<any>;
2866
2896
  offset?: string | number | import('motion-dom').MotionValue<any>;
2897
+ clipPath?: string | number | import('motion-dom').MotionValue<any>;
2898
+ marker?: string | number | import('motion-dom').MotionValue<any>;
2899
+ mask?: string | number | import('motion-dom').MotionValue<any>;
2900
+ path?: string | number | import('motion-dom').MotionValue<any>;
2867
2901
  direction?: string | number | import('motion-dom').MotionValue<any>;
2868
2902
  z?: string | number | import('motion-dom').MotionValue<any>;
2869
2903
  accentColor?: string | number | import('motion-dom').MotionValue<any>;
@@ -2969,7 +3003,6 @@ export declare const ReorderGroup: {
2969
3003
  captionSide?: string | number | import('motion-dom').MotionValue<any>;
2970
3004
  caretColor?: string | number | import('motion-dom').MotionValue<any>;
2971
3005
  clip?: string | number | import('motion-dom').MotionValue<any>;
2972
- clipPath?: string | number | import('motion-dom').MotionValue<any>;
2973
3006
  clipRule?: string | number | import('motion-dom').MotionValue<any>;
2974
3007
  color?: string | number | import('motion-dom').MotionValue<any>;
2975
3008
  colorInterpolation?: string | number | import('motion-dom').MotionValue<any>;
@@ -3099,11 +3132,9 @@ export declare const ReorderGroup: {
3099
3132
  marginLeft?: string | number | import('motion-dom').MotionValue<any>;
3100
3133
  marginRight?: string | number | import('motion-dom').MotionValue<any>;
3101
3134
  marginTop?: string | number | import('motion-dom').MotionValue<any>;
3102
- marker?: string | number | import('motion-dom').MotionValue<any>;
3103
3135
  markerEnd?: string | number | import('motion-dom').MotionValue<any>;
3104
3136
  markerMid?: string | number | import('motion-dom').MotionValue<any>;
3105
3137
  markerStart?: string | number | import('motion-dom').MotionValue<any>;
3106
- mask?: string | number | import('motion-dom').MotionValue<any>;
3107
3138
  maskClip?: string | number | import('motion-dom').MotionValue<any>;
3108
3139
  maskComposite?: string | number | import('motion-dom').MotionValue<any>;
3109
3140
  maskImage?: string | number | import('motion-dom').MotionValue<any>;
@@ -3444,7 +3475,6 @@ export declare const ReorderGroup: {
3444
3475
  overlinePosition?: string | number | import('motion-dom').MotionValue<any>;
3445
3476
  overlineThickness?: string | number | import('motion-dom').MotionValue<any>;
3446
3477
  panose1?: string | number | import('motion-dom').MotionValue<any>;
3447
- path?: string | number | import('motion-dom').MotionValue<any>;
3448
3478
  pathLength?: string | number | import('motion-dom').MotionValue<any>;
3449
3479
  patternContentUnits?: string | number | import('motion-dom').MotionValue<any>;
3450
3480
  patternTransform?: string | number | import('motion-dom').MotionValue<any>;
@@ -3579,6 +3609,9 @@ export declare const ReorderGroup: {
3579
3609
  [k: string]: import('../..').Variant | ((custom: unknown) => import('../..').Variant);
3580
3610
  }>;
3581
3611
  };
3612
+ inherit: {
3613
+ type: import('vue').PropType<boolean>;
3614
+ };
3582
3615
  layoutGroup: {
3583
3616
  type: import('vue').PropType<import('../context').LayoutGroupState>;
3584
3617
  };
@@ -3657,6 +3690,9 @@ export declare const ReorderGroup: {
3657
3690
  asChild: {
3658
3691
  type: import('vue').PropType<boolean>;
3659
3692
  };
3693
+ forwardMotionProps: {
3694
+ type: import('vue').PropType<boolean>;
3695
+ };
3660
3696
  axis: {
3661
3697
  type: import('vue').PropType<"x" | "y">;
3662
3698
  default: string;
@@ -3695,6 +3731,7 @@ export declare const ReorderItem: <T extends import('../..').ElementType = "li",
3695
3731
  whilePress?: import('../..').Options["whilePress"];
3696
3732
  whileInView?: import('../..').Options["whileInView"];
3697
3733
  whileFocus?: import('../..').Options["whileFocus"];
3734
+ forwardMotionProps?: boolean;
3698
3735
  custom?: unknown;
3699
3736
  initial?: import('../..').VariantLabels | import('../..').Variant | boolean;
3700
3737
  animate?: import('../..').VariantLabels | import('../..').Variant | import('../../animation/types').AnimationControls;
@@ -3702,6 +3739,7 @@ export declare const ReorderItem: <T extends import('../..').ElementType = "li",
3702
3739
  variants?: {
3703
3740
  [k: string]: import('../..').Variant | ((custom: unknown) => import('../..').Variant);
3704
3741
  };
3742
+ inherit?: boolean;
3705
3743
  style?: Partial<{
3706
3744
  [x: number]: string | number | import('motion-dom').MotionValue<any>;
3707
3745
  [x: `--${string}`]: string | number | import('motion-dom').MotionValue<any>;
@@ -3732,6 +3770,10 @@ export declare const ReorderItem: <T extends import('../..').ElementType = "li",
3732
3770
  resize?: string | number | import('motion-dom').MotionValue<any>;
3733
3771
  transform?: string | number | import('motion-dom').MotionValue<any>;
3734
3772
  offset?: string | number | import('motion-dom').MotionValue<any>;
3773
+ clipPath?: string | number | import('motion-dom').MotionValue<any>;
3774
+ marker?: string | number | import('motion-dom').MotionValue<any>;
3775
+ mask?: string | number | import('motion-dom').MotionValue<any>;
3776
+ path?: string | number | import('motion-dom').MotionValue<any>;
3735
3777
  direction?: string | number | import('motion-dom').MotionValue<any>;
3736
3778
  z?: string | number | import('motion-dom').MotionValue<any>;
3737
3779
  accentColor?: string | number | import('motion-dom').MotionValue<any>;
@@ -3837,7 +3879,6 @@ export declare const ReorderItem: <T extends import('../..').ElementType = "li",
3837
3879
  captionSide?: string | number | import('motion-dom').MotionValue<any>;
3838
3880
  caretColor?: string | number | import('motion-dom').MotionValue<any>;
3839
3881
  clip?: string | number | import('motion-dom').MotionValue<any>;
3840
- clipPath?: string | number | import('motion-dom').MotionValue<any>;
3841
3882
  clipRule?: string | number | import('motion-dom').MotionValue<any>;
3842
3883
  color?: string | number | import('motion-dom').MotionValue<any>;
3843
3884
  colorInterpolation?: string | number | import('motion-dom').MotionValue<any>;
@@ -3967,11 +4008,9 @@ export declare const ReorderItem: <T extends import('../..').ElementType = "li",
3967
4008
  marginLeft?: string | number | import('motion-dom').MotionValue<any>;
3968
4009
  marginRight?: string | number | import('motion-dom').MotionValue<any>;
3969
4010
  marginTop?: string | number | import('motion-dom').MotionValue<any>;
3970
- marker?: string | number | import('motion-dom').MotionValue<any>;
3971
4011
  markerEnd?: string | number | import('motion-dom').MotionValue<any>;
3972
4012
  markerMid?: string | number | import('motion-dom').MotionValue<any>;
3973
4013
  markerStart?: string | number | import('motion-dom').MotionValue<any>;
3974
- mask?: string | number | import('motion-dom').MotionValue<any>;
3975
4014
  maskClip?: string | number | import('motion-dom').MotionValue<any>;
3976
4015
  maskComposite?: string | number | import('motion-dom').MotionValue<any>;
3977
4016
  maskImage?: string | number | import('motion-dom').MotionValue<any>;
@@ -4312,7 +4351,6 @@ export declare const ReorderItem: <T extends import('../..').ElementType = "li",
4312
4351
  overlinePosition?: string | number | import('motion-dom').MotionValue<any>;
4313
4352
  overlineThickness?: string | number | import('motion-dom').MotionValue<any>;
4314
4353
  panose1?: string | number | import('motion-dom').MotionValue<any>;
4315
- path?: string | number | import('motion-dom').MotionValue<any>;
4316
4354
  pathLength?: string | number | import('motion-dom').MotionValue<any>;
4317
4355
  patternContentUnits?: string | number | import('motion-dom').MotionValue<any>;
4318
4356
  patternTransform?: string | number | import('motion-dom').MotionValue<any>;
@@ -4417,6 +4455,7 @@ export declare const ReorderItem: <T extends import('../..').ElementType = "li",
4417
4455
  layoutRoot?: boolean;
4418
4456
  'data-framer-portal-id'?: string;
4419
4457
  crossfade?: boolean;
4458
+ layoutDependency?: any;
4420
4459
  onBeforeLayoutMeasure?: (box: import('framer-motion').Box) => void;
4421
4460
  onLayoutMeasure?: (box: import('framer-motion').Box, prevBox: import('framer-motion').Box) => void;
4422
4461
  onLayoutAnimationStart?: () => void;
@@ -4489,6 +4528,9 @@ export declare const Reorder: {
4489
4528
  crossfade: {
4490
4529
  type: import('vue').PropType<boolean>;
4491
4530
  };
4531
+ layoutDependency: {
4532
+ type: import('vue').PropType<any>;
4533
+ };
4492
4534
  inViewOptions: {
4493
4535
  type: import('vue').PropType<import('../../features/gestures/in-view/types').InViewOptions & {
4494
4536
  once?: boolean;
@@ -4582,6 +4624,10 @@ export declare const Reorder: {
4582
4624
  resize?: string | number | import('motion-dom').MotionValue<any>;
4583
4625
  transform?: string | number | import('motion-dom').MotionValue<any>;
4584
4626
  offset?: string | number | import('motion-dom').MotionValue<any>;
4627
+ clipPath?: string | number | import('motion-dom').MotionValue<any>;
4628
+ marker?: string | number | import('motion-dom').MotionValue<any>;
4629
+ mask?: string | number | import('motion-dom').MotionValue<any>;
4630
+ path?: string | number | import('motion-dom').MotionValue<any>;
4585
4631
  direction?: string | number | import('motion-dom').MotionValue<any>;
4586
4632
  z?: string | number | import('motion-dom').MotionValue<any>;
4587
4633
  accentColor?: string | number | import('motion-dom').MotionValue<any>;
@@ -4687,7 +4733,6 @@ export declare const Reorder: {
4687
4733
  captionSide?: string | number | import('motion-dom').MotionValue<any>;
4688
4734
  caretColor?: string | number | import('motion-dom').MotionValue<any>;
4689
4735
  clip?: string | number | import('motion-dom').MotionValue<any>;
4690
- clipPath?: string | number | import('motion-dom').MotionValue<any>;
4691
4736
  clipRule?: string | number | import('motion-dom').MotionValue<any>;
4692
4737
  color?: string | number | import('motion-dom').MotionValue<any>;
4693
4738
  colorInterpolation?: string | number | import('motion-dom').MotionValue<any>;
@@ -4817,11 +4862,9 @@ export declare const Reorder: {
4817
4862
  marginLeft?: string | number | import('motion-dom').MotionValue<any>;
4818
4863
  marginRight?: string | number | import('motion-dom').MotionValue<any>;
4819
4864
  marginTop?: string | number | import('motion-dom').MotionValue<any>;
4820
- marker?: string | number | import('motion-dom').MotionValue<any>;
4821
4865
  markerEnd?: string | number | import('motion-dom').MotionValue<any>;
4822
4866
  markerMid?: string | number | import('motion-dom').MotionValue<any>;
4823
4867
  markerStart?: string | number | import('motion-dom').MotionValue<any>;
4824
- mask?: string | number | import('motion-dom').MotionValue<any>;
4825
4868
  maskClip?: string | number | import('motion-dom').MotionValue<any>;
4826
4869
  maskComposite?: string | number | import('motion-dom').MotionValue<any>;
4827
4870
  maskImage?: string | number | import('motion-dom').MotionValue<any>;
@@ -5162,7 +5205,6 @@ export declare const Reorder: {
5162
5205
  overlinePosition?: string | number | import('motion-dom').MotionValue<any>;
5163
5206
  overlineThickness?: string | number | import('motion-dom').MotionValue<any>;
5164
5207
  panose1?: string | number | import('motion-dom').MotionValue<any>;
5165
- path?: string | number | import('motion-dom').MotionValue<any>;
5166
5208
  pathLength?: string | number | import('motion-dom').MotionValue<any>;
5167
5209
  patternContentUnits?: string | number | import('motion-dom').MotionValue<any>;
5168
5210
  patternTransform?: string | number | import('motion-dom').MotionValue<any>;
@@ -5297,6 +5339,9 @@ export declare const Reorder: {
5297
5339
  [k: string]: import('../..').Variant | ((custom: unknown) => import('../..').Variant);
5298
5340
  }>;
5299
5341
  };
5342
+ inherit: {
5343
+ type: import('vue').PropType<boolean>;
5344
+ };
5300
5345
  layoutGroup: {
5301
5346
  type: import('vue').PropType<import('../context').LayoutGroupState>;
5302
5347
  };
@@ -5375,6 +5420,9 @@ export declare const Reorder: {
5375
5420
  asChild: {
5376
5421
  type: import('vue').PropType<boolean>;
5377
5422
  };
5423
+ forwardMotionProps: {
5424
+ type: import('vue').PropType<boolean>;
5425
+ };
5378
5426
  axis: {
5379
5427
  type: import('vue').PropType<"x" | "y">;
5380
5428
  default: string;
@@ -5401,6 +5449,9 @@ export declare const Reorder: {
5401
5449
  crossfade: {
5402
5450
  type: import('vue').PropType<boolean>;
5403
5451
  };
5452
+ layoutDependency: {
5453
+ type: import('vue').PropType<any>;
5454
+ };
5404
5455
  inViewOptions: {
5405
5456
  type: import('vue').PropType<import('../../features/gestures/in-view/types').InViewOptions & {
5406
5457
  once?: boolean;
@@ -5494,6 +5545,10 @@ export declare const Reorder: {
5494
5545
  resize?: string | number | import('motion-dom').MotionValue<any>;
5495
5546
  transform?: string | number | import('motion-dom').MotionValue<any>;
5496
5547
  offset?: string | number | import('motion-dom').MotionValue<any>;
5548
+ clipPath?: string | number | import('motion-dom').MotionValue<any>;
5549
+ marker?: string | number | import('motion-dom').MotionValue<any>;
5550
+ mask?: string | number | import('motion-dom').MotionValue<any>;
5551
+ path?: string | number | import('motion-dom').MotionValue<any>;
5497
5552
  direction?: string | number | import('motion-dom').MotionValue<any>;
5498
5553
  z?: string | number | import('motion-dom').MotionValue<any>;
5499
5554
  accentColor?: string | number | import('motion-dom').MotionValue<any>;
@@ -5599,7 +5654,6 @@ export declare const Reorder: {
5599
5654
  captionSide?: string | number | import('motion-dom').MotionValue<any>;
5600
5655
  caretColor?: string | number | import('motion-dom').MotionValue<any>;
5601
5656
  clip?: string | number | import('motion-dom').MotionValue<any>;
5602
- clipPath?: string | number | import('motion-dom').MotionValue<any>;
5603
5657
  clipRule?: string | number | import('motion-dom').MotionValue<any>;
5604
5658
  color?: string | number | import('motion-dom').MotionValue<any>;
5605
5659
  colorInterpolation?: string | number | import('motion-dom').MotionValue<any>;
@@ -5729,11 +5783,9 @@ export declare const Reorder: {
5729
5783
  marginLeft?: string | number | import('motion-dom').MotionValue<any>;
5730
5784
  marginRight?: string | number | import('motion-dom').MotionValue<any>;
5731
5785
  marginTop?: string | number | import('motion-dom').MotionValue<any>;
5732
- marker?: string | number | import('motion-dom').MotionValue<any>;
5733
5786
  markerEnd?: string | number | import('motion-dom').MotionValue<any>;
5734
5787
  markerMid?: string | number | import('motion-dom').MotionValue<any>;
5735
5788
  markerStart?: string | number | import('motion-dom').MotionValue<any>;
5736
- mask?: string | number | import('motion-dom').MotionValue<any>;
5737
5789
  maskClip?: string | number | import('motion-dom').MotionValue<any>;
5738
5790
  maskComposite?: string | number | import('motion-dom').MotionValue<any>;
5739
5791
  maskImage?: string | number | import('motion-dom').MotionValue<any>;
@@ -6074,7 +6126,6 @@ export declare const Reorder: {
6074
6126
  overlinePosition?: string | number | import('motion-dom').MotionValue<any>;
6075
6127
  overlineThickness?: string | number | import('motion-dom').MotionValue<any>;
6076
6128
  panose1?: string | number | import('motion-dom').MotionValue<any>;
6077
- path?: string | number | import('motion-dom').MotionValue<any>;
6078
6129
  pathLength?: string | number | import('motion-dom').MotionValue<any>;
6079
6130
  patternContentUnits?: string | number | import('motion-dom').MotionValue<any>;
6080
6131
  patternTransform?: string | number | import('motion-dom').MotionValue<any>;
@@ -6209,6 +6260,9 @@ export declare const Reorder: {
6209
6260
  [k: string]: import('../..').Variant | ((custom: unknown) => import('../..').Variant);
6210
6261
  }>;
6211
6262
  };
6263
+ inherit: {
6264
+ type: import('vue').PropType<boolean>;
6265
+ };
6212
6266
  layoutGroup: {
6213
6267
  type: import('vue').PropType<import('../context').LayoutGroupState>;
6214
6268
  };
@@ -6287,6 +6341,9 @@ export declare const Reorder: {
6287
6341
  asChild: {
6288
6342
  type: import('vue').PropType<boolean>;
6289
6343
  };
6344
+ forwardMotionProps: {
6345
+ type: import('vue').PropType<boolean>;
6346
+ };
6290
6347
  axis: {
6291
6348
  type: import('vue').PropType<"x" | "y">;
6292
6349
  default: string;
@@ -6323,6 +6380,9 @@ export declare const Reorder: {
6323
6380
  crossfade: {
6324
6381
  type: import('vue').PropType<boolean>;
6325
6382
  };
6383
+ layoutDependency: {
6384
+ type: import('vue').PropType<any>;
6385
+ };
6326
6386
  inViewOptions: {
6327
6387
  type: import('vue').PropType<import('../../features/gestures/in-view/types').InViewOptions & {
6328
6388
  once?: boolean;
@@ -6416,6 +6476,10 @@ export declare const Reorder: {
6416
6476
  resize?: string | number | import('motion-dom').MotionValue<any>;
6417
6477
  transform?: string | number | import('motion-dom').MotionValue<any>;
6418
6478
  offset?: string | number | import('motion-dom').MotionValue<any>;
6479
+ clipPath?: string | number | import('motion-dom').MotionValue<any>;
6480
+ marker?: string | number | import('motion-dom').MotionValue<any>;
6481
+ mask?: string | number | import('motion-dom').MotionValue<any>;
6482
+ path?: string | number | import('motion-dom').MotionValue<any>;
6419
6483
  direction?: string | number | import('motion-dom').MotionValue<any>;
6420
6484
  z?: string | number | import('motion-dom').MotionValue<any>;
6421
6485
  accentColor?: string | number | import('motion-dom').MotionValue<any>;
@@ -6521,7 +6585,6 @@ export declare const Reorder: {
6521
6585
  captionSide?: string | number | import('motion-dom').MotionValue<any>;
6522
6586
  caretColor?: string | number | import('motion-dom').MotionValue<any>;
6523
6587
  clip?: string | number | import('motion-dom').MotionValue<any>;
6524
- clipPath?: string | number | import('motion-dom').MotionValue<any>;
6525
6588
  clipRule?: string | number | import('motion-dom').MotionValue<any>;
6526
6589
  color?: string | number | import('motion-dom').MotionValue<any>;
6527
6590
  colorInterpolation?: string | number | import('motion-dom').MotionValue<any>;
@@ -6651,11 +6714,9 @@ export declare const Reorder: {
6651
6714
  marginLeft?: string | number | import('motion-dom').MotionValue<any>;
6652
6715
  marginRight?: string | number | import('motion-dom').MotionValue<any>;
6653
6716
  marginTop?: string | number | import('motion-dom').MotionValue<any>;
6654
- marker?: string | number | import('motion-dom').MotionValue<any>;
6655
6717
  markerEnd?: string | number | import('motion-dom').MotionValue<any>;
6656
6718
  markerMid?: string | number | import('motion-dom').MotionValue<any>;
6657
6719
  markerStart?: string | number | import('motion-dom').MotionValue<any>;
6658
- mask?: string | number | import('motion-dom').MotionValue<any>;
6659
6720
  maskClip?: string | number | import('motion-dom').MotionValue<any>;
6660
6721
  maskComposite?: string | number | import('motion-dom').MotionValue<any>;
6661
6722
  maskImage?: string | number | import('motion-dom').MotionValue<any>;
@@ -6996,7 +7057,6 @@ export declare const Reorder: {
6996
7057
  overlinePosition?: string | number | import('motion-dom').MotionValue<any>;
6997
7058
  overlineThickness?: string | number | import('motion-dom').MotionValue<any>;
6998
7059
  panose1?: string | number | import('motion-dom').MotionValue<any>;
6999
- path?: string | number | import('motion-dom').MotionValue<any>;
7000
7060
  pathLength?: string | number | import('motion-dom').MotionValue<any>;
7001
7061
  patternContentUnits?: string | number | import('motion-dom').MotionValue<any>;
7002
7062
  patternTransform?: string | number | import('motion-dom').MotionValue<any>;
@@ -7131,6 +7191,9 @@ export declare const Reorder: {
7131
7191
  [k: string]: import('../..').Variant | ((custom: unknown) => import('../..').Variant);
7132
7192
  }>;
7133
7193
  };
7194
+ inherit: {
7195
+ type: import('vue').PropType<boolean>;
7196
+ };
7134
7197
  layoutGroup: {
7135
7198
  type: import('vue').PropType<import('../context').LayoutGroupState>;
7136
7199
  };
@@ -7209,6 +7272,9 @@ export declare const Reorder: {
7209
7272
  asChild: {
7210
7273
  type: import('vue').PropType<boolean>;
7211
7274
  };
7275
+ forwardMotionProps: {
7276
+ type: import('vue').PropType<boolean>;
7277
+ };
7212
7278
  axis: {
7213
7279
  type: import('vue').PropType<"x" | "y">;
7214
7280
  default: string;
@@ -7242,6 +7308,9 @@ export declare const Reorder: {
7242
7308
  crossfade: {
7243
7309
  type: import('vue').PropType<boolean>;
7244
7310
  };
7311
+ layoutDependency: {
7312
+ type: import('vue').PropType<any>;
7313
+ };
7245
7314
  inViewOptions: {
7246
7315
  type: import('vue').PropType<import('../../features/gestures/in-view/types').InViewOptions & {
7247
7316
  once?: boolean;
@@ -7335,6 +7404,10 @@ export declare const Reorder: {
7335
7404
  resize?: string | number | import('motion-dom').MotionValue<any>;
7336
7405
  transform?: string | number | import('motion-dom').MotionValue<any>;
7337
7406
  offset?: string | number | import('motion-dom').MotionValue<any>;
7407
+ clipPath?: string | number | import('motion-dom').MotionValue<any>;
7408
+ marker?: string | number | import('motion-dom').MotionValue<any>;
7409
+ mask?: string | number | import('motion-dom').MotionValue<any>;
7410
+ path?: string | number | import('motion-dom').MotionValue<any>;
7338
7411
  direction?: string | number | import('motion-dom').MotionValue<any>;
7339
7412
  z?: string | number | import('motion-dom').MotionValue<any>;
7340
7413
  accentColor?: string | number | import('motion-dom').MotionValue<any>;
@@ -7440,7 +7513,6 @@ export declare const Reorder: {
7440
7513
  captionSide?: string | number | import('motion-dom').MotionValue<any>;
7441
7514
  caretColor?: string | number | import('motion-dom').MotionValue<any>;
7442
7515
  clip?: string | number | import('motion-dom').MotionValue<any>;
7443
- clipPath?: string | number | import('motion-dom').MotionValue<any>;
7444
7516
  clipRule?: string | number | import('motion-dom').MotionValue<any>;
7445
7517
  color?: string | number | import('motion-dom').MotionValue<any>;
7446
7518
  colorInterpolation?: string | number | import('motion-dom').MotionValue<any>;
@@ -7570,11 +7642,9 @@ export declare const Reorder: {
7570
7642
  marginLeft?: string | number | import('motion-dom').MotionValue<any>;
7571
7643
  marginRight?: string | number | import('motion-dom').MotionValue<any>;
7572
7644
  marginTop?: string | number | import('motion-dom').MotionValue<any>;
7573
- marker?: string | number | import('motion-dom').MotionValue<any>;
7574
7645
  markerEnd?: string | number | import('motion-dom').MotionValue<any>;
7575
7646
  markerMid?: string | number | import('motion-dom').MotionValue<any>;
7576
7647
  markerStart?: string | number | import('motion-dom').MotionValue<any>;
7577
- mask?: string | number | import('motion-dom').MotionValue<any>;
7578
7648
  maskClip?: string | number | import('motion-dom').MotionValue<any>;
7579
7649
  maskComposite?: string | number | import('motion-dom').MotionValue<any>;
7580
7650
  maskImage?: string | number | import('motion-dom').MotionValue<any>;
@@ -7915,7 +7985,6 @@ export declare const Reorder: {
7915
7985
  overlinePosition?: string | number | import('motion-dom').MotionValue<any>;
7916
7986
  overlineThickness?: string | number | import('motion-dom').MotionValue<any>;
7917
7987
  panose1?: string | number | import('motion-dom').MotionValue<any>;
7918
- path?: string | number | import('motion-dom').MotionValue<any>;
7919
7988
  pathLength?: string | number | import('motion-dom').MotionValue<any>;
7920
7989
  patternContentUnits?: string | number | import('motion-dom').MotionValue<any>;
7921
7990
  patternTransform?: string | number | import('motion-dom').MotionValue<any>;
@@ -8050,6 +8119,9 @@ export declare const Reorder: {
8050
8119
  [k: string]: import('../..').Variant | ((custom: unknown) => import('../..').Variant);
8051
8120
  }>;
8052
8121
  };
8122
+ inherit: {
8123
+ type: import('vue').PropType<boolean>;
8124
+ };
8053
8125
  layoutGroup: {
8054
8126
  type: import('vue').PropType<import('../context').LayoutGroupState>;
8055
8127
  };
@@ -8128,6 +8200,9 @@ export declare const Reorder: {
8128
8200
  asChild: {
8129
8201
  type: import('vue').PropType<boolean>;
8130
8202
  };
8203
+ forwardMotionProps: {
8204
+ type: import('vue').PropType<boolean>;
8205
+ };
8131
8206
  axis: {
8132
8207
  type: import('vue').PropType<"x" | "y">;
8133
8208
  default: string;
@@ -8166,6 +8241,7 @@ export declare const Reorder: {
8166
8241
  whilePress?: import('../..').Options["whilePress"];
8167
8242
  whileInView?: import('../..').Options["whileInView"];
8168
8243
  whileFocus?: import('../..').Options["whileFocus"];
8244
+ forwardMotionProps?: boolean;
8169
8245
  custom?: unknown;
8170
8246
  initial?: import('../..').VariantLabels | import('../..').Variant | boolean;
8171
8247
  animate?: import('../..').VariantLabels | import('../..').Variant | import('../../animation/types').AnimationControls;
@@ -8173,6 +8249,7 @@ export declare const Reorder: {
8173
8249
  variants?: {
8174
8250
  [k: string]: import('../..').Variant | ((custom: unknown) => import('../..').Variant);
8175
8251
  };
8252
+ inherit?: boolean;
8176
8253
  style?: Partial<{
8177
8254
  [x: number]: string | number | import('motion-dom').MotionValue<any>;
8178
8255
  [x: `--${string}`]: string | number | import('motion-dom').MotionValue<any>;
@@ -8203,6 +8280,10 @@ export declare const Reorder: {
8203
8280
  resize?: string | number | import('motion-dom').MotionValue<any>;
8204
8281
  transform?: string | number | import('motion-dom').MotionValue<any>;
8205
8282
  offset?: string | number | import('motion-dom').MotionValue<any>;
8283
+ clipPath?: string | number | import('motion-dom').MotionValue<any>;
8284
+ marker?: string | number | import('motion-dom').MotionValue<any>;
8285
+ mask?: string | number | import('motion-dom').MotionValue<any>;
8286
+ path?: string | number | import('motion-dom').MotionValue<any>;
8206
8287
  direction?: string | number | import('motion-dom').MotionValue<any>;
8207
8288
  z?: string | number | import('motion-dom').MotionValue<any>;
8208
8289
  accentColor?: string | number | import('motion-dom').MotionValue<any>;
@@ -8308,7 +8389,6 @@ export declare const Reorder: {
8308
8389
  captionSide?: string | number | import('motion-dom').MotionValue<any>;
8309
8390
  caretColor?: string | number | import('motion-dom').MotionValue<any>;
8310
8391
  clip?: string | number | import('motion-dom').MotionValue<any>;
8311
- clipPath?: string | number | import('motion-dom').MotionValue<any>;
8312
8392
  clipRule?: string | number | import('motion-dom').MotionValue<any>;
8313
8393
  color?: string | number | import('motion-dom').MotionValue<any>;
8314
8394
  colorInterpolation?: string | number | import('motion-dom').MotionValue<any>;
@@ -8438,11 +8518,9 @@ export declare const Reorder: {
8438
8518
  marginLeft?: string | number | import('motion-dom').MotionValue<any>;
8439
8519
  marginRight?: string | number | import('motion-dom').MotionValue<any>;
8440
8520
  marginTop?: string | number | import('motion-dom').MotionValue<any>;
8441
- marker?: string | number | import('motion-dom').MotionValue<any>;
8442
8521
  markerEnd?: string | number | import('motion-dom').MotionValue<any>;
8443
8522
  markerMid?: string | number | import('motion-dom').MotionValue<any>;
8444
8523
  markerStart?: string | number | import('motion-dom').MotionValue<any>;
8445
- mask?: string | number | import('motion-dom').MotionValue<any>;
8446
8524
  maskClip?: string | number | import('motion-dom').MotionValue<any>;
8447
8525
  maskComposite?: string | number | import('motion-dom').MotionValue<any>;
8448
8526
  maskImage?: string | number | import('motion-dom').MotionValue<any>;
@@ -8783,7 +8861,6 @@ export declare const Reorder: {
8783
8861
  overlinePosition?: string | number | import('motion-dom').MotionValue<any>;
8784
8862
  overlineThickness?: string | number | import('motion-dom').MotionValue<any>;
8785
8863
  panose1?: string | number | import('motion-dom').MotionValue<any>;
8786
- path?: string | number | import('motion-dom').MotionValue<any>;
8787
8864
  pathLength?: string | number | import('motion-dom').MotionValue<any>;
8788
8865
  patternContentUnits?: string | number | import('motion-dom').MotionValue<any>;
8789
8866
  patternTransform?: string | number | import('motion-dom').MotionValue<any>;
@@ -8888,6 +8965,7 @@ export declare const Reorder: {
8888
8965
  layoutRoot?: boolean;
8889
8966
  'data-framer-portal-id'?: string;
8890
8967
  crossfade?: boolean;
8968
+ layoutDependency?: any;
8891
8969
  onBeforeLayoutMeasure?: (box: import('framer-motion').Box) => void;
8892
8970
  onLayoutMeasure?: (box: import('framer-motion').Box, prevBox: import('framer-motion').Box) => void;
8893
8971
  onLayoutAnimationStart?: () => void;