framer-motion 12.23.5 → 12.23.7

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 (40) hide show
  1. package/dist/cjs/client.js +171 -167
  2. package/dist/cjs/dom.js +4 -1
  3. package/dist/cjs/{create-Ch9BUY4E.js → feature-bundle-BoyRwN0C.js} +2322 -2340
  4. package/dist/cjs/index.js +120 -119
  5. package/dist/cjs/m.js +803 -822
  6. package/dist/dom.js +1 -1
  7. package/dist/es/client.mjs +1 -1
  8. package/dist/es/components/AnimatePresence/PopChild.mjs +0 -1
  9. package/dist/es/index.mjs +0 -1
  10. package/dist/es/motion/index.mjs +13 -6
  11. package/dist/es/motion/utils/use-visual-element.mjs +4 -3
  12. package/dist/es/motion/utils/use-visual-state.mjs +6 -6
  13. package/dist/es/render/VisualElement.mjs +5 -2
  14. package/dist/es/render/components/create-proxy.mjs +14 -7
  15. package/dist/es/render/components/m/create.mjs +4 -3
  16. package/dist/es/render/components/m/proxy.mjs +2 -3
  17. package/dist/es/render/components/motion/create.mjs +6 -12
  18. package/dist/es/render/components/motion/elements.mjs +165 -165
  19. package/dist/es/render/components/motion/feature-bundle.mjs +13 -0
  20. package/dist/es/render/components/motion/proxy.mjs +4 -3
  21. package/dist/es/render/dom/use-render.mjs +19 -24
  22. package/dist/es/render/html/{config-motion.mjs → use-html-visual-state.mjs} +6 -8
  23. package/dist/es/render/svg/{config-motion.mjs → use-svg-visual-state.mjs} +5 -7
  24. package/dist/es/utils/reduced-motion/use-reduced-motion.mjs +1 -1
  25. package/dist/framer-motion.dev.js +2372 -2386
  26. package/dist/framer-motion.js +1 -1
  27. package/dist/m.d.ts +15 -13
  28. package/dist/size-rollup-animate.js +1 -1
  29. package/dist/size-rollup-dom-animation-assets.js +1 -1
  30. package/dist/size-rollup-dom-animation-m.js +1 -1
  31. package/dist/size-rollup-dom-animation.js +1 -1
  32. package/dist/size-rollup-dom-max-assets.js +1 -1
  33. package/dist/size-rollup-dom-max.js +1 -1
  34. package/dist/size-rollup-m.js +1 -1
  35. package/dist/size-rollup-motion.js +1 -1
  36. package/dist/types/client.d.ts +5 -11
  37. package/dist/types/index.d.ts +7 -23
  38. package/dist/{types.d-D0HXPxHm.d.ts → types.d-Bq-Qm38R.d.ts} +263 -264
  39. package/package.json +4 -4
  40. package/dist/es/render/components/create-factory.mjs +0 -23
@@ -2,203 +2,207 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var create = require('./create-Ch9BUY4E.js');
5
+ var featureBundle = require('./feature-bundle-BoyRwN0C.js');
6
+ require('react');
6
7
  require('motion-dom');
7
8
  require('motion-utils');
8
9
  require('react/jsx-runtime');
9
- require('react');
10
+
11
+ function createMotionComponentWithFeatures(Component, options) {
12
+ return featureBundle.createMotionComponent(Component, options, featureBundle.featureBundle, featureBundle.createDomVisualElement);
13
+ }
10
14
 
11
15
  /**
12
16
  * HTML components
13
17
  */
14
- const MotionA = /*@__PURE__*/ create.createMotionComponent("a");
15
- const MotionAbbr = /*@__PURE__*/ create.createMotionComponent("abbr");
16
- const MotionAddress = /*@__PURE__*/ create.createMotionComponent("address");
17
- const MotionArea = /*@__PURE__*/ create.createMotionComponent("area");
18
- const MotionArticle = /*@__PURE__*/ create.createMotionComponent("article");
19
- const MotionAside = /*@__PURE__*/ create.createMotionComponent("aside");
20
- const MotionAudio = /*@__PURE__*/ create.createMotionComponent("audio");
21
- const MotionB = /*@__PURE__*/ create.createMotionComponent("b");
22
- const MotionBase = /*@__PURE__*/ create.createMotionComponent("base");
23
- const MotionBdi = /*@__PURE__*/ create.createMotionComponent("bdi");
24
- const MotionBdo = /*@__PURE__*/ create.createMotionComponent("bdo");
25
- const MotionBig = /*@__PURE__*/ create.createMotionComponent("big");
18
+ const MotionA = /*@__PURE__*/ createMotionComponentWithFeatures("a");
19
+ const MotionAbbr = /*@__PURE__*/ createMotionComponentWithFeatures("abbr");
20
+ const MotionAddress = /*@__PURE__*/ createMotionComponentWithFeatures("address");
21
+ const MotionArea = /*@__PURE__*/ createMotionComponentWithFeatures("area");
22
+ const MotionArticle = /*@__PURE__*/ createMotionComponentWithFeatures("article");
23
+ const MotionAside = /*@__PURE__*/ createMotionComponentWithFeatures("aside");
24
+ const MotionAudio = /*@__PURE__*/ createMotionComponentWithFeatures("audio");
25
+ const MotionB = /*@__PURE__*/ createMotionComponentWithFeatures("b");
26
+ const MotionBase = /*@__PURE__*/ createMotionComponentWithFeatures("base");
27
+ const MotionBdi = /*@__PURE__*/ createMotionComponentWithFeatures("bdi");
28
+ const MotionBdo = /*@__PURE__*/ createMotionComponentWithFeatures("bdo");
29
+ const MotionBig = /*@__PURE__*/ createMotionComponentWithFeatures("big");
26
30
  const MotionBlockquote =
27
- /*@__PURE__*/ create.createMotionComponent("blockquote");
28
- const MotionBody = /*@__PURE__*/ create.createMotionComponent("body");
29
- const MotionButton = /*@__PURE__*/ create.createMotionComponent("button");
30
- const MotionCanvas = /*@__PURE__*/ create.createMotionComponent("canvas");
31
- const MotionCaption = /*@__PURE__*/ create.createMotionComponent("caption");
32
- const MotionCite = /*@__PURE__*/ create.createMotionComponent("cite");
33
- const MotionCode = /*@__PURE__*/ create.createMotionComponent("code");
34
- const MotionCol = /*@__PURE__*/ create.createMotionComponent("col");
35
- const MotionColgroup = /*@__PURE__*/ create.createMotionComponent("colgroup");
36
- const MotionData = /*@__PURE__*/ create.createMotionComponent("data");
37
- const MotionDatalist = /*@__PURE__*/ create.createMotionComponent("datalist");
38
- const MotionDd = /*@__PURE__*/ create.createMotionComponent("dd");
39
- const MotionDel = /*@__PURE__*/ create.createMotionComponent("del");
40
- const MotionDetails = /*@__PURE__*/ create.createMotionComponent("details");
41
- const MotionDfn = /*@__PURE__*/ create.createMotionComponent("dfn");
42
- const MotionDialog = /*@__PURE__*/ create.createMotionComponent("dialog");
43
- const MotionDiv = /*@__PURE__*/ create.createMotionComponent("div");
44
- const MotionDl = /*@__PURE__*/ create.createMotionComponent("dl");
45
- const MotionDt = /*@__PURE__*/ create.createMotionComponent("dt");
46
- const MotionEm = /*@__PURE__*/ create.createMotionComponent("em");
47
- const MotionEmbed = /*@__PURE__*/ create.createMotionComponent("embed");
48
- const MotionFieldset = /*@__PURE__*/ create.createMotionComponent("fieldset");
31
+ /*@__PURE__*/ createMotionComponentWithFeatures("blockquote");
32
+ const MotionBody = /*@__PURE__*/ createMotionComponentWithFeatures("body");
33
+ const MotionButton = /*@__PURE__*/ createMotionComponentWithFeatures("button");
34
+ const MotionCanvas = /*@__PURE__*/ createMotionComponentWithFeatures("canvas");
35
+ const MotionCaption = /*@__PURE__*/ createMotionComponentWithFeatures("caption");
36
+ const MotionCite = /*@__PURE__*/ createMotionComponentWithFeatures("cite");
37
+ const MotionCode = /*@__PURE__*/ createMotionComponentWithFeatures("code");
38
+ const MotionCol = /*@__PURE__*/ createMotionComponentWithFeatures("col");
39
+ const MotionColgroup = /*@__PURE__*/ createMotionComponentWithFeatures("colgroup");
40
+ const MotionData = /*@__PURE__*/ createMotionComponentWithFeatures("data");
41
+ const MotionDatalist = /*@__PURE__*/ createMotionComponentWithFeatures("datalist");
42
+ const MotionDd = /*@__PURE__*/ createMotionComponentWithFeatures("dd");
43
+ const MotionDel = /*@__PURE__*/ createMotionComponentWithFeatures("del");
44
+ const MotionDetails = /*@__PURE__*/ createMotionComponentWithFeatures("details");
45
+ const MotionDfn = /*@__PURE__*/ createMotionComponentWithFeatures("dfn");
46
+ const MotionDialog = /*@__PURE__*/ createMotionComponentWithFeatures("dialog");
47
+ const MotionDiv = /*@__PURE__*/ createMotionComponentWithFeatures("div");
48
+ const MotionDl = /*@__PURE__*/ createMotionComponentWithFeatures("dl");
49
+ const MotionDt = /*@__PURE__*/ createMotionComponentWithFeatures("dt");
50
+ const MotionEm = /*@__PURE__*/ createMotionComponentWithFeatures("em");
51
+ const MotionEmbed = /*@__PURE__*/ createMotionComponentWithFeatures("embed");
52
+ const MotionFieldset = /*@__PURE__*/ createMotionComponentWithFeatures("fieldset");
49
53
  const MotionFigcaption =
50
- /*@__PURE__*/ create.createMotionComponent("figcaption");
51
- const MotionFigure = /*@__PURE__*/ create.createMotionComponent("figure");
52
- const MotionFooter = /*@__PURE__*/ create.createMotionComponent("footer");
53
- const MotionForm = /*@__PURE__*/ create.createMotionComponent("form");
54
- const MotionH1 = /*@__PURE__*/ create.createMotionComponent("h1");
55
- const MotionH2 = /*@__PURE__*/ create.createMotionComponent("h2");
56
- const MotionH3 = /*@__PURE__*/ create.createMotionComponent("h3");
57
- const MotionH4 = /*@__PURE__*/ create.createMotionComponent("h4");
58
- const MotionH5 = /*@__PURE__*/ create.createMotionComponent("h5");
59
- const MotionH6 = /*@__PURE__*/ create.createMotionComponent("h6");
60
- const MotionHead = /*@__PURE__*/ create.createMotionComponent("head");
61
- const MotionHeader = /*@__PURE__*/ create.createMotionComponent("header");
62
- const MotionHgroup = /*@__PURE__*/ create.createMotionComponent("hgroup");
63
- const MotionHr = /*@__PURE__*/ create.createMotionComponent("hr");
64
- const MotionHtml = /*@__PURE__*/ create.createMotionComponent("html");
65
- const MotionI = /*@__PURE__*/ create.createMotionComponent("i");
66
- const MotionIframe = /*@__PURE__*/ create.createMotionComponent("iframe");
67
- const MotionImg = /*@__PURE__*/ create.createMotionComponent("img");
68
- const MotionInput = /*@__PURE__*/ create.createMotionComponent("input");
69
- const MotionIns = /*@__PURE__*/ create.createMotionComponent("ins");
70
- const MotionKbd = /*@__PURE__*/ create.createMotionComponent("kbd");
71
- const MotionKeygen = /*@__PURE__*/ create.createMotionComponent("keygen");
72
- const MotionLabel = /*@__PURE__*/ create.createMotionComponent("label");
73
- const MotionLegend = /*@__PURE__*/ create.createMotionComponent("legend");
74
- const MotionLi = /*@__PURE__*/ create.createMotionComponent("li");
75
- const MotionLink = /*@__PURE__*/ create.createMotionComponent("link");
76
- const MotionMain = /*@__PURE__*/ create.createMotionComponent("main");
77
- const MotionMap = /*@__PURE__*/ create.createMotionComponent("map");
78
- const MotionMark = /*@__PURE__*/ create.createMotionComponent("mark");
79
- const MotionMenu = /*@__PURE__*/ create.createMotionComponent("menu");
80
- const MotionMenuitem = /*@__PURE__*/ create.createMotionComponent("menuitem");
81
- const MotionMeter = /*@__PURE__*/ create.createMotionComponent("meter");
82
- const MotionNav = /*@__PURE__*/ create.createMotionComponent("nav");
83
- const MotionObject = /*@__PURE__*/ create.createMotionComponent("object");
84
- const MotionOl = /*@__PURE__*/ create.createMotionComponent("ol");
85
- const MotionOptgroup = /*@__PURE__*/ create.createMotionComponent("optgroup");
86
- const MotionOption = /*@__PURE__*/ create.createMotionComponent("option");
87
- const MotionOutput = /*@__PURE__*/ create.createMotionComponent("output");
88
- const MotionP = /*@__PURE__*/ create.createMotionComponent("p");
89
- const MotionParam = /*@__PURE__*/ create.createMotionComponent("param");
90
- const MotionPicture = /*@__PURE__*/ create.createMotionComponent("picture");
91
- const MotionPre = /*@__PURE__*/ create.createMotionComponent("pre");
92
- const MotionProgress = /*@__PURE__*/ create.createMotionComponent("progress");
93
- const MotionQ = /*@__PURE__*/ create.createMotionComponent("q");
94
- const MotionRp = /*@__PURE__*/ create.createMotionComponent("rp");
95
- const MotionRt = /*@__PURE__*/ create.createMotionComponent("rt");
96
- const MotionRuby = /*@__PURE__*/ create.createMotionComponent("ruby");
97
- const MotionS = /*@__PURE__*/ create.createMotionComponent("s");
98
- const MotionSamp = /*@__PURE__*/ create.createMotionComponent("samp");
99
- const MotionScript = /*@__PURE__*/ create.createMotionComponent("script");
100
- const MotionSection = /*@__PURE__*/ create.createMotionComponent("section");
101
- const MotionSelect = /*@__PURE__*/ create.createMotionComponent("select");
102
- const MotionSmall = /*@__PURE__*/ create.createMotionComponent("small");
103
- const MotionSource = /*@__PURE__*/ create.createMotionComponent("source");
104
- const MotionSpan = /*@__PURE__*/ create.createMotionComponent("span");
105
- const MotionStrong = /*@__PURE__*/ create.createMotionComponent("strong");
106
- const MotionStyle = /*@__PURE__*/ create.createMotionComponent("style");
107
- const MotionSub = /*@__PURE__*/ create.createMotionComponent("sub");
108
- const MotionSummary = /*@__PURE__*/ create.createMotionComponent("summary");
109
- const MotionSup = /*@__PURE__*/ create.createMotionComponent("sup");
110
- const MotionTable = /*@__PURE__*/ create.createMotionComponent("table");
111
- const MotionTbody = /*@__PURE__*/ create.createMotionComponent("tbody");
112
- const MotionTd = /*@__PURE__*/ create.createMotionComponent("td");
113
- const MotionTextarea = /*@__PURE__*/ create.createMotionComponent("textarea");
114
- const MotionTfoot = /*@__PURE__*/ create.createMotionComponent("tfoot");
115
- const MotionTh = /*@__PURE__*/ create.createMotionComponent("th");
116
- const MotionThead = /*@__PURE__*/ create.createMotionComponent("thead");
117
- const MotionTime = /*@__PURE__*/ create.createMotionComponent("time");
118
- const MotionTitle = /*@__PURE__*/ create.createMotionComponent("title");
119
- const MotionTr = /*@__PURE__*/ create.createMotionComponent("tr");
120
- const MotionTrack = /*@__PURE__*/ create.createMotionComponent("track");
121
- const MotionU = /*@__PURE__*/ create.createMotionComponent("u");
122
- const MotionUl = /*@__PURE__*/ create.createMotionComponent("ul");
123
- const MotionVideo = /*@__PURE__*/ create.createMotionComponent("video");
124
- const MotionWbr = /*@__PURE__*/ create.createMotionComponent("wbr");
125
- const MotionWebview = /*@__PURE__*/ create.createMotionComponent("webview");
54
+ /*@__PURE__*/ createMotionComponentWithFeatures("figcaption");
55
+ const MotionFigure = /*@__PURE__*/ createMotionComponentWithFeatures("figure");
56
+ const MotionFooter = /*@__PURE__*/ createMotionComponentWithFeatures("footer");
57
+ const MotionForm = /*@__PURE__*/ createMotionComponentWithFeatures("form");
58
+ const MotionH1 = /*@__PURE__*/ createMotionComponentWithFeatures("h1");
59
+ const MotionH2 = /*@__PURE__*/ createMotionComponentWithFeatures("h2");
60
+ const MotionH3 = /*@__PURE__*/ createMotionComponentWithFeatures("h3");
61
+ const MotionH4 = /*@__PURE__*/ createMotionComponentWithFeatures("h4");
62
+ const MotionH5 = /*@__PURE__*/ createMotionComponentWithFeatures("h5");
63
+ const MotionH6 = /*@__PURE__*/ createMotionComponentWithFeatures("h6");
64
+ const MotionHead = /*@__PURE__*/ createMotionComponentWithFeatures("head");
65
+ const MotionHeader = /*@__PURE__*/ createMotionComponentWithFeatures("header");
66
+ const MotionHgroup = /*@__PURE__*/ createMotionComponentWithFeatures("hgroup");
67
+ const MotionHr = /*@__PURE__*/ createMotionComponentWithFeatures("hr");
68
+ const MotionHtml = /*@__PURE__*/ createMotionComponentWithFeatures("html");
69
+ const MotionI = /*@__PURE__*/ createMotionComponentWithFeatures("i");
70
+ const MotionIframe = /*@__PURE__*/ createMotionComponentWithFeatures("iframe");
71
+ const MotionImg = /*@__PURE__*/ createMotionComponentWithFeatures("img");
72
+ const MotionInput = /*@__PURE__*/ createMotionComponentWithFeatures("input");
73
+ const MotionIns = /*@__PURE__*/ createMotionComponentWithFeatures("ins");
74
+ const MotionKbd = /*@__PURE__*/ createMotionComponentWithFeatures("kbd");
75
+ const MotionKeygen = /*@__PURE__*/ createMotionComponentWithFeatures("keygen");
76
+ const MotionLabel = /*@__PURE__*/ createMotionComponentWithFeatures("label");
77
+ const MotionLegend = /*@__PURE__*/ createMotionComponentWithFeatures("legend");
78
+ const MotionLi = /*@__PURE__*/ createMotionComponentWithFeatures("li");
79
+ const MotionLink = /*@__PURE__*/ createMotionComponentWithFeatures("link");
80
+ const MotionMain = /*@__PURE__*/ createMotionComponentWithFeatures("main");
81
+ const MotionMap = /*@__PURE__*/ createMotionComponentWithFeatures("map");
82
+ const MotionMark = /*@__PURE__*/ createMotionComponentWithFeatures("mark");
83
+ const MotionMenu = /*@__PURE__*/ createMotionComponentWithFeatures("menu");
84
+ const MotionMenuitem = /*@__PURE__*/ createMotionComponentWithFeatures("menuitem");
85
+ const MotionMeter = /*@__PURE__*/ createMotionComponentWithFeatures("meter");
86
+ const MotionNav = /*@__PURE__*/ createMotionComponentWithFeatures("nav");
87
+ const MotionObject = /*@__PURE__*/ createMotionComponentWithFeatures("object");
88
+ const MotionOl = /*@__PURE__*/ createMotionComponentWithFeatures("ol");
89
+ const MotionOptgroup = /*@__PURE__*/ createMotionComponentWithFeatures("optgroup");
90
+ const MotionOption = /*@__PURE__*/ createMotionComponentWithFeatures("option");
91
+ const MotionOutput = /*@__PURE__*/ createMotionComponentWithFeatures("output");
92
+ const MotionP = /*@__PURE__*/ createMotionComponentWithFeatures("p");
93
+ const MotionParam = /*@__PURE__*/ createMotionComponentWithFeatures("param");
94
+ const MotionPicture = /*@__PURE__*/ createMotionComponentWithFeatures("picture");
95
+ const MotionPre = /*@__PURE__*/ createMotionComponentWithFeatures("pre");
96
+ const MotionProgress = /*@__PURE__*/ createMotionComponentWithFeatures("progress");
97
+ const MotionQ = /*@__PURE__*/ createMotionComponentWithFeatures("q");
98
+ const MotionRp = /*@__PURE__*/ createMotionComponentWithFeatures("rp");
99
+ const MotionRt = /*@__PURE__*/ createMotionComponentWithFeatures("rt");
100
+ const MotionRuby = /*@__PURE__*/ createMotionComponentWithFeatures("ruby");
101
+ const MotionS = /*@__PURE__*/ createMotionComponentWithFeatures("s");
102
+ const MotionSamp = /*@__PURE__*/ createMotionComponentWithFeatures("samp");
103
+ const MotionScript = /*@__PURE__*/ createMotionComponentWithFeatures("script");
104
+ const MotionSection = /*@__PURE__*/ createMotionComponentWithFeatures("section");
105
+ const MotionSelect = /*@__PURE__*/ createMotionComponentWithFeatures("select");
106
+ const MotionSmall = /*@__PURE__*/ createMotionComponentWithFeatures("small");
107
+ const MotionSource = /*@__PURE__*/ createMotionComponentWithFeatures("source");
108
+ const MotionSpan = /*@__PURE__*/ createMotionComponentWithFeatures("span");
109
+ const MotionStrong = /*@__PURE__*/ createMotionComponentWithFeatures("strong");
110
+ const MotionStyle = /*@__PURE__*/ createMotionComponentWithFeatures("style");
111
+ const MotionSub = /*@__PURE__*/ createMotionComponentWithFeatures("sub");
112
+ const MotionSummary = /*@__PURE__*/ createMotionComponentWithFeatures("summary");
113
+ const MotionSup = /*@__PURE__*/ createMotionComponentWithFeatures("sup");
114
+ const MotionTable = /*@__PURE__*/ createMotionComponentWithFeatures("table");
115
+ const MotionTbody = /*@__PURE__*/ createMotionComponentWithFeatures("tbody");
116
+ const MotionTd = /*@__PURE__*/ createMotionComponentWithFeatures("td");
117
+ const MotionTextarea = /*@__PURE__*/ createMotionComponentWithFeatures("textarea");
118
+ const MotionTfoot = /*@__PURE__*/ createMotionComponentWithFeatures("tfoot");
119
+ const MotionTh = /*@__PURE__*/ createMotionComponentWithFeatures("th");
120
+ const MotionThead = /*@__PURE__*/ createMotionComponentWithFeatures("thead");
121
+ const MotionTime = /*@__PURE__*/ createMotionComponentWithFeatures("time");
122
+ const MotionTitle = /*@__PURE__*/ createMotionComponentWithFeatures("title");
123
+ const MotionTr = /*@__PURE__*/ createMotionComponentWithFeatures("tr");
124
+ const MotionTrack = /*@__PURE__*/ createMotionComponentWithFeatures("track");
125
+ const MotionU = /*@__PURE__*/ createMotionComponentWithFeatures("u");
126
+ const MotionUl = /*@__PURE__*/ createMotionComponentWithFeatures("ul");
127
+ const MotionVideo = /*@__PURE__*/ createMotionComponentWithFeatures("video");
128
+ const MotionWbr = /*@__PURE__*/ createMotionComponentWithFeatures("wbr");
129
+ const MotionWebview = /*@__PURE__*/ createMotionComponentWithFeatures("webview");
126
130
  /**
127
131
  * SVG components
128
132
  */
129
- const MotionAnimate = /*@__PURE__*/ create.createMotionComponent("animate");
130
- const MotionCircle = /*@__PURE__*/ create.createMotionComponent("circle");
131
- const MotionDefs = /*@__PURE__*/ create.createMotionComponent("defs");
132
- const MotionDesc = /*@__PURE__*/ create.createMotionComponent("desc");
133
- const MotionEllipse = /*@__PURE__*/ create.createMotionComponent("ellipse");
134
- const MotionG = /*@__PURE__*/ create.createMotionComponent("g");
135
- const MotionImage = /*@__PURE__*/ create.createMotionComponent("image");
136
- const MotionLine = /*@__PURE__*/ create.createMotionComponent("line");
137
- const MotionFilter = /*@__PURE__*/ create.createMotionComponent("filter");
138
- const MotionMarker = /*@__PURE__*/ create.createMotionComponent("marker");
139
- const MotionMask = /*@__PURE__*/ create.createMotionComponent("mask");
140
- const MotionMetadata = /*@__PURE__*/ create.createMotionComponent("metadata");
141
- const MotionPath = /*@__PURE__*/ create.createMotionComponent("path");
142
- const MotionPattern = /*@__PURE__*/ create.createMotionComponent("pattern");
143
- const MotionPolygon = /*@__PURE__*/ create.createMotionComponent("polygon");
144
- const MotionPolyline = /*@__PURE__*/ create.createMotionComponent("polyline");
145
- const MotionRect = /*@__PURE__*/ create.createMotionComponent("rect");
146
- const MotionStop = /*@__PURE__*/ create.createMotionComponent("stop");
147
- const MotionSvg = /*@__PURE__*/ create.createMotionComponent("svg");
148
- const MotionSymbol = /*@__PURE__*/ create.createMotionComponent("symbol");
149
- const MotionText = /*@__PURE__*/ create.createMotionComponent("text");
150
- const MotionTspan = /*@__PURE__*/ create.createMotionComponent("tspan");
151
- const MotionUse = /*@__PURE__*/ create.createMotionComponent("use");
152
- const MotionView = /*@__PURE__*/ create.createMotionComponent("view");
153
- const MotionClipPath = /*@__PURE__*/ create.createMotionComponent("clipPath");
154
- const MotionFeBlend = /*@__PURE__*/ create.createMotionComponent("feBlend");
133
+ const MotionAnimate = /*@__PURE__*/ createMotionComponentWithFeatures("animate");
134
+ const MotionCircle = /*@__PURE__*/ createMotionComponentWithFeatures("circle");
135
+ const MotionDefs = /*@__PURE__*/ createMotionComponentWithFeatures("defs");
136
+ const MotionDesc = /*@__PURE__*/ createMotionComponentWithFeatures("desc");
137
+ const MotionEllipse = /*@__PURE__*/ createMotionComponentWithFeatures("ellipse");
138
+ const MotionG = /*@__PURE__*/ createMotionComponentWithFeatures("g");
139
+ const MotionImage = /*@__PURE__*/ createMotionComponentWithFeatures("image");
140
+ const MotionLine = /*@__PURE__*/ createMotionComponentWithFeatures("line");
141
+ const MotionFilter = /*@__PURE__*/ createMotionComponentWithFeatures("filter");
142
+ const MotionMarker = /*@__PURE__*/ createMotionComponentWithFeatures("marker");
143
+ const MotionMask = /*@__PURE__*/ createMotionComponentWithFeatures("mask");
144
+ const MotionMetadata = /*@__PURE__*/ createMotionComponentWithFeatures("metadata");
145
+ const MotionPath = /*@__PURE__*/ createMotionComponentWithFeatures("path");
146
+ const MotionPattern = /*@__PURE__*/ createMotionComponentWithFeatures("pattern");
147
+ const MotionPolygon = /*@__PURE__*/ createMotionComponentWithFeatures("polygon");
148
+ const MotionPolyline = /*@__PURE__*/ createMotionComponentWithFeatures("polyline");
149
+ const MotionRect = /*@__PURE__*/ createMotionComponentWithFeatures("rect");
150
+ const MotionStop = /*@__PURE__*/ createMotionComponentWithFeatures("stop");
151
+ const MotionSvg = /*@__PURE__*/ createMotionComponentWithFeatures("svg");
152
+ const MotionSymbol = /*@__PURE__*/ createMotionComponentWithFeatures("symbol");
153
+ const MotionText = /*@__PURE__*/ createMotionComponentWithFeatures("text");
154
+ const MotionTspan = /*@__PURE__*/ createMotionComponentWithFeatures("tspan");
155
+ const MotionUse = /*@__PURE__*/ createMotionComponentWithFeatures("use");
156
+ const MotionView = /*@__PURE__*/ createMotionComponentWithFeatures("view");
157
+ const MotionClipPath = /*@__PURE__*/ createMotionComponentWithFeatures("clipPath");
158
+ const MotionFeBlend = /*@__PURE__*/ createMotionComponentWithFeatures("feBlend");
155
159
  const MotionFeColorMatrix =
156
- /*@__PURE__*/ create.createMotionComponent("feColorMatrix");
157
- const MotionFeComponentTransfer = /*@__PURE__*/ create.createMotionComponent("feComponentTransfer");
160
+ /*@__PURE__*/ createMotionComponentWithFeatures("feColorMatrix");
161
+ const MotionFeComponentTransfer = /*@__PURE__*/ createMotionComponentWithFeatures("feComponentTransfer");
158
162
  const MotionFeComposite =
159
- /*@__PURE__*/ create.createMotionComponent("feComposite");
163
+ /*@__PURE__*/ createMotionComponentWithFeatures("feComposite");
160
164
  const MotionFeConvolveMatrix =
161
- /*@__PURE__*/ create.createMotionComponent("feConvolveMatrix");
165
+ /*@__PURE__*/ createMotionComponentWithFeatures("feConvolveMatrix");
162
166
  const MotionFeDiffuseLighting =
163
- /*@__PURE__*/ create.createMotionComponent("feDiffuseLighting");
167
+ /*@__PURE__*/ createMotionComponentWithFeatures("feDiffuseLighting");
164
168
  const MotionFeDisplacementMap =
165
- /*@__PURE__*/ create.createMotionComponent("feDisplacementMap");
169
+ /*@__PURE__*/ createMotionComponentWithFeatures("feDisplacementMap");
166
170
  const MotionFeDistantLight =
167
- /*@__PURE__*/ create.createMotionComponent("feDistantLight");
171
+ /*@__PURE__*/ createMotionComponentWithFeatures("feDistantLight");
168
172
  const MotionFeDropShadow =
169
- /*@__PURE__*/ create.createMotionComponent("feDropShadow");
170
- const MotionFeFlood = /*@__PURE__*/ create.createMotionComponent("feFlood");
171
- const MotionFeFuncA = /*@__PURE__*/ create.createMotionComponent("feFuncA");
172
- const MotionFeFuncB = /*@__PURE__*/ create.createMotionComponent("feFuncB");
173
- const MotionFeFuncG = /*@__PURE__*/ create.createMotionComponent("feFuncG");
174
- const MotionFeFuncR = /*@__PURE__*/ create.createMotionComponent("feFuncR");
173
+ /*@__PURE__*/ createMotionComponentWithFeatures("feDropShadow");
174
+ const MotionFeFlood = /*@__PURE__*/ createMotionComponentWithFeatures("feFlood");
175
+ const MotionFeFuncA = /*@__PURE__*/ createMotionComponentWithFeatures("feFuncA");
176
+ const MotionFeFuncB = /*@__PURE__*/ createMotionComponentWithFeatures("feFuncB");
177
+ const MotionFeFuncG = /*@__PURE__*/ createMotionComponentWithFeatures("feFuncG");
178
+ const MotionFeFuncR = /*@__PURE__*/ createMotionComponentWithFeatures("feFuncR");
175
179
  const MotionFeGaussianBlur =
176
- /*@__PURE__*/ create.createMotionComponent("feGaussianBlur");
177
- const MotionFeImage = /*@__PURE__*/ create.createMotionComponent("feImage");
178
- const MotionFeMerge = /*@__PURE__*/ create.createMotionComponent("feMerge");
180
+ /*@__PURE__*/ createMotionComponentWithFeatures("feGaussianBlur");
181
+ const MotionFeImage = /*@__PURE__*/ createMotionComponentWithFeatures("feImage");
182
+ const MotionFeMerge = /*@__PURE__*/ createMotionComponentWithFeatures("feMerge");
179
183
  const MotionFeMergeNode =
180
- /*@__PURE__*/ create.createMotionComponent("feMergeNode");
184
+ /*@__PURE__*/ createMotionComponentWithFeatures("feMergeNode");
181
185
  const MotionFeMorphology =
182
- /*@__PURE__*/ create.createMotionComponent("feMorphology");
183
- const MotionFeOffset = /*@__PURE__*/ create.createMotionComponent("feOffset");
186
+ /*@__PURE__*/ createMotionComponentWithFeatures("feMorphology");
187
+ const MotionFeOffset = /*@__PURE__*/ createMotionComponentWithFeatures("feOffset");
184
188
  const MotionFePointLight =
185
- /*@__PURE__*/ create.createMotionComponent("fePointLight");
189
+ /*@__PURE__*/ createMotionComponentWithFeatures("fePointLight");
186
190
  const MotionFeSpecularLighting =
187
- /*@__PURE__*/ create.createMotionComponent("feSpecularLighting");
191
+ /*@__PURE__*/ createMotionComponentWithFeatures("feSpecularLighting");
188
192
  const MotionFeSpotLight =
189
- /*@__PURE__*/ create.createMotionComponent("feSpotLight");
190
- const MotionFeTile = /*@__PURE__*/ create.createMotionComponent("feTile");
193
+ /*@__PURE__*/ createMotionComponentWithFeatures("feSpotLight");
194
+ const MotionFeTile = /*@__PURE__*/ createMotionComponentWithFeatures("feTile");
191
195
  const MotionFeTurbulence =
192
- /*@__PURE__*/ create.createMotionComponent("feTurbulence");
196
+ /*@__PURE__*/ createMotionComponentWithFeatures("feTurbulence");
193
197
  const MotionForeignObject =
194
- /*@__PURE__*/ create.createMotionComponent("foreignObject");
198
+ /*@__PURE__*/ createMotionComponentWithFeatures("foreignObject");
195
199
  const MotionLinearGradient =
196
- /*@__PURE__*/ create.createMotionComponent("linearGradient");
200
+ /*@__PURE__*/ createMotionComponentWithFeatures("linearGradient");
197
201
  const MotionRadialGradient =
198
- /*@__PURE__*/ create.createMotionComponent("radialGradient");
199
- const MotionTextPath = /*@__PURE__*/ create.createMotionComponent("textPath");
202
+ /*@__PURE__*/ createMotionComponentWithFeatures("radialGradient");
203
+ const MotionTextPath = /*@__PURE__*/ createMotionComponentWithFeatures("textPath");
200
204
 
201
- exports.create = create.createMotionComponent;
205
+ exports.create = featureBundle.createMotionComponent;
202
206
  exports.a = MotionA;
203
207
  exports.abbr = MotionAbbr;
204
208
  exports.address = MotionAddress;
package/dist/cjs/dom.js CHANGED
@@ -984,7 +984,7 @@ class VisualElement {
984
984
  ? true
985
985
  : prefersReducedMotion.current;
986
986
  if (process.env.NODE_ENV !== "production") {
987
- motionUtils.warnOnce(this.shouldReduceMotion !== true, "You have Reduced Motion enabled on your device. Animations may not appear as expected.");
987
+ motionUtils.warnOnce(this.shouldReduceMotion !== true, "You have Reduced Motion enabled on your device. Animations may not appear as expected.", "reduced-motion-disabled");
988
988
  }
989
989
  if (this.parent)
990
990
  this.parent.children.add(this);
@@ -1287,6 +1287,9 @@ class VisualElement {
1287
1287
  this.events[eventName].notify(...args);
1288
1288
  }
1289
1289
  }
1290
+ scheduleRenderMicrotask() {
1291
+ motionDom.microtask.render(this.render);
1292
+ }
1290
1293
  }
1291
1294
 
1292
1295
  class DOMVisualElement extends VisualElement {