framer-motion 12.23.5 → 12.23.6
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.
- package/dist/cjs/client.js +171 -167
- package/dist/cjs/dom.js +4 -1
- package/dist/cjs/{create-Ch9BUY4E.js → feature-bundle-BoyRwN0C.js} +2322 -2340
- package/dist/cjs/index.js +120 -118
- package/dist/cjs/m.js +803 -822
- package/dist/dom.js +1 -1
- package/dist/es/client.mjs +1 -1
- package/dist/es/index.mjs +0 -1
- package/dist/es/motion/index.mjs +13 -6
- package/dist/es/motion/utils/use-visual-element.mjs +4 -3
- package/dist/es/motion/utils/use-visual-state.mjs +6 -6
- package/dist/es/render/VisualElement.mjs +5 -2
- package/dist/es/render/components/create-proxy.mjs +14 -7
- package/dist/es/render/components/m/create.mjs +4 -3
- package/dist/es/render/components/m/proxy.mjs +2 -3
- package/dist/es/render/components/motion/create.mjs +6 -12
- package/dist/es/render/components/motion/elements.mjs +165 -165
- package/dist/es/render/components/motion/feature-bundle.mjs +13 -0
- package/dist/es/render/components/motion/proxy.mjs +4 -3
- package/dist/es/render/dom/use-render.mjs +19 -24
- package/dist/es/render/html/{config-motion.mjs → use-html-visual-state.mjs} +6 -8
- package/dist/es/render/svg/{config-motion.mjs → use-svg-visual-state.mjs} +5 -7
- package/dist/es/utils/reduced-motion/use-reduced-motion.mjs +1 -1
- package/dist/framer-motion.dev.js +2365 -2381
- package/dist/framer-motion.js +1 -1
- package/dist/m.d.ts +15 -13
- package/dist/size-rollup-animate.js +1 -1
- package/dist/size-rollup-dom-animation-assets.js +1 -1
- package/dist/size-rollup-dom-animation-m.js +1 -1
- package/dist/size-rollup-dom-animation.js +1 -1
- package/dist/size-rollup-dom-max-assets.js +1 -1
- package/dist/size-rollup-dom-max.js +1 -1
- package/dist/size-rollup-m.js +1 -1
- package/dist/size-rollup-motion.js +1 -1
- package/dist/types/client.d.ts +5 -11
- package/dist/types/index.d.ts +7 -23
- package/dist/{types.d-D0HXPxHm.d.ts → types.d-Bq-Qm38R.d.ts} +263 -264
- package/package.json +4 -4
- package/dist/es/render/components/create-factory.mjs +0 -23
package/dist/cjs/client.js
CHANGED
|
@@ -2,203 +2,207 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
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
|
-
|
|
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__*/
|
|
15
|
-
const MotionAbbr = /*@__PURE__*/
|
|
16
|
-
const MotionAddress = /*@__PURE__*/
|
|
17
|
-
const MotionArea = /*@__PURE__*/
|
|
18
|
-
const MotionArticle = /*@__PURE__*/
|
|
19
|
-
const MotionAside = /*@__PURE__*/
|
|
20
|
-
const MotionAudio = /*@__PURE__*/
|
|
21
|
-
const MotionB = /*@__PURE__*/
|
|
22
|
-
const MotionBase = /*@__PURE__*/
|
|
23
|
-
const MotionBdi = /*@__PURE__*/
|
|
24
|
-
const MotionBdo = /*@__PURE__*/
|
|
25
|
-
const MotionBig = /*@__PURE__*/
|
|
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__*/
|
|
28
|
-
const MotionBody = /*@__PURE__*/
|
|
29
|
-
const MotionButton = /*@__PURE__*/
|
|
30
|
-
const MotionCanvas = /*@__PURE__*/
|
|
31
|
-
const MotionCaption = /*@__PURE__*/
|
|
32
|
-
const MotionCite = /*@__PURE__*/
|
|
33
|
-
const MotionCode = /*@__PURE__*/
|
|
34
|
-
const MotionCol = /*@__PURE__*/
|
|
35
|
-
const MotionColgroup = /*@__PURE__*/
|
|
36
|
-
const MotionData = /*@__PURE__*/
|
|
37
|
-
const MotionDatalist = /*@__PURE__*/
|
|
38
|
-
const MotionDd = /*@__PURE__*/
|
|
39
|
-
const MotionDel = /*@__PURE__*/
|
|
40
|
-
const MotionDetails = /*@__PURE__*/
|
|
41
|
-
const MotionDfn = /*@__PURE__*/
|
|
42
|
-
const MotionDialog = /*@__PURE__*/
|
|
43
|
-
const MotionDiv = /*@__PURE__*/
|
|
44
|
-
const MotionDl = /*@__PURE__*/
|
|
45
|
-
const MotionDt = /*@__PURE__*/
|
|
46
|
-
const MotionEm = /*@__PURE__*/
|
|
47
|
-
const MotionEmbed = /*@__PURE__*/
|
|
48
|
-
const MotionFieldset = /*@__PURE__*/
|
|
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__*/
|
|
51
|
-
const MotionFigure = /*@__PURE__*/
|
|
52
|
-
const MotionFooter = /*@__PURE__*/
|
|
53
|
-
const MotionForm = /*@__PURE__*/
|
|
54
|
-
const MotionH1 = /*@__PURE__*/
|
|
55
|
-
const MotionH2 = /*@__PURE__*/
|
|
56
|
-
const MotionH3 = /*@__PURE__*/
|
|
57
|
-
const MotionH4 = /*@__PURE__*/
|
|
58
|
-
const MotionH5 = /*@__PURE__*/
|
|
59
|
-
const MotionH6 = /*@__PURE__*/
|
|
60
|
-
const MotionHead = /*@__PURE__*/
|
|
61
|
-
const MotionHeader = /*@__PURE__*/
|
|
62
|
-
const MotionHgroup = /*@__PURE__*/
|
|
63
|
-
const MotionHr = /*@__PURE__*/
|
|
64
|
-
const MotionHtml = /*@__PURE__*/
|
|
65
|
-
const MotionI = /*@__PURE__*/
|
|
66
|
-
const MotionIframe = /*@__PURE__*/
|
|
67
|
-
const MotionImg = /*@__PURE__*/
|
|
68
|
-
const MotionInput = /*@__PURE__*/
|
|
69
|
-
const MotionIns = /*@__PURE__*/
|
|
70
|
-
const MotionKbd = /*@__PURE__*/
|
|
71
|
-
const MotionKeygen = /*@__PURE__*/
|
|
72
|
-
const MotionLabel = /*@__PURE__*/
|
|
73
|
-
const MotionLegend = /*@__PURE__*/
|
|
74
|
-
const MotionLi = /*@__PURE__*/
|
|
75
|
-
const MotionLink = /*@__PURE__*/
|
|
76
|
-
const MotionMain = /*@__PURE__*/
|
|
77
|
-
const MotionMap = /*@__PURE__*/
|
|
78
|
-
const MotionMark = /*@__PURE__*/
|
|
79
|
-
const MotionMenu = /*@__PURE__*/
|
|
80
|
-
const MotionMenuitem = /*@__PURE__*/
|
|
81
|
-
const MotionMeter = /*@__PURE__*/
|
|
82
|
-
const MotionNav = /*@__PURE__*/
|
|
83
|
-
const MotionObject = /*@__PURE__*/
|
|
84
|
-
const MotionOl = /*@__PURE__*/
|
|
85
|
-
const MotionOptgroup = /*@__PURE__*/
|
|
86
|
-
const MotionOption = /*@__PURE__*/
|
|
87
|
-
const MotionOutput = /*@__PURE__*/
|
|
88
|
-
const MotionP = /*@__PURE__*/
|
|
89
|
-
const MotionParam = /*@__PURE__*/
|
|
90
|
-
const MotionPicture = /*@__PURE__*/
|
|
91
|
-
const MotionPre = /*@__PURE__*/
|
|
92
|
-
const MotionProgress = /*@__PURE__*/
|
|
93
|
-
const MotionQ = /*@__PURE__*/
|
|
94
|
-
const MotionRp = /*@__PURE__*/
|
|
95
|
-
const MotionRt = /*@__PURE__*/
|
|
96
|
-
const MotionRuby = /*@__PURE__*/
|
|
97
|
-
const MotionS = /*@__PURE__*/
|
|
98
|
-
const MotionSamp = /*@__PURE__*/
|
|
99
|
-
const MotionScript = /*@__PURE__*/
|
|
100
|
-
const MotionSection = /*@__PURE__*/
|
|
101
|
-
const MotionSelect = /*@__PURE__*/
|
|
102
|
-
const MotionSmall = /*@__PURE__*/
|
|
103
|
-
const MotionSource = /*@__PURE__*/
|
|
104
|
-
const MotionSpan = /*@__PURE__*/
|
|
105
|
-
const MotionStrong = /*@__PURE__*/
|
|
106
|
-
const MotionStyle = /*@__PURE__*/
|
|
107
|
-
const MotionSub = /*@__PURE__*/
|
|
108
|
-
const MotionSummary = /*@__PURE__*/
|
|
109
|
-
const MotionSup = /*@__PURE__*/
|
|
110
|
-
const MotionTable = /*@__PURE__*/
|
|
111
|
-
const MotionTbody = /*@__PURE__*/
|
|
112
|
-
const MotionTd = /*@__PURE__*/
|
|
113
|
-
const MotionTextarea = /*@__PURE__*/
|
|
114
|
-
const MotionTfoot = /*@__PURE__*/
|
|
115
|
-
const MotionTh = /*@__PURE__*/
|
|
116
|
-
const MotionThead = /*@__PURE__*/
|
|
117
|
-
const MotionTime = /*@__PURE__*/
|
|
118
|
-
const MotionTitle = /*@__PURE__*/
|
|
119
|
-
const MotionTr = /*@__PURE__*/
|
|
120
|
-
const MotionTrack = /*@__PURE__*/
|
|
121
|
-
const MotionU = /*@__PURE__*/
|
|
122
|
-
const MotionUl = /*@__PURE__*/
|
|
123
|
-
const MotionVideo = /*@__PURE__*/
|
|
124
|
-
const MotionWbr = /*@__PURE__*/
|
|
125
|
-
const MotionWebview = /*@__PURE__*/
|
|
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__*/
|
|
130
|
-
const MotionCircle = /*@__PURE__*/
|
|
131
|
-
const MotionDefs = /*@__PURE__*/
|
|
132
|
-
const MotionDesc = /*@__PURE__*/
|
|
133
|
-
const MotionEllipse = /*@__PURE__*/
|
|
134
|
-
const MotionG = /*@__PURE__*/
|
|
135
|
-
const MotionImage = /*@__PURE__*/
|
|
136
|
-
const MotionLine = /*@__PURE__*/
|
|
137
|
-
const MotionFilter = /*@__PURE__*/
|
|
138
|
-
const MotionMarker = /*@__PURE__*/
|
|
139
|
-
const MotionMask = /*@__PURE__*/
|
|
140
|
-
const MotionMetadata = /*@__PURE__*/
|
|
141
|
-
const MotionPath = /*@__PURE__*/
|
|
142
|
-
const MotionPattern = /*@__PURE__*/
|
|
143
|
-
const MotionPolygon = /*@__PURE__*/
|
|
144
|
-
const MotionPolyline = /*@__PURE__*/
|
|
145
|
-
const MotionRect = /*@__PURE__*/
|
|
146
|
-
const MotionStop = /*@__PURE__*/
|
|
147
|
-
const MotionSvg = /*@__PURE__*/
|
|
148
|
-
const MotionSymbol = /*@__PURE__*/
|
|
149
|
-
const MotionText = /*@__PURE__*/
|
|
150
|
-
const MotionTspan = /*@__PURE__*/
|
|
151
|
-
const MotionUse = /*@__PURE__*/
|
|
152
|
-
const MotionView = /*@__PURE__*/
|
|
153
|
-
const MotionClipPath = /*@__PURE__*/
|
|
154
|
-
const MotionFeBlend = /*@__PURE__*/
|
|
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__*/
|
|
157
|
-
const MotionFeComponentTransfer = /*@__PURE__*/
|
|
160
|
+
/*@__PURE__*/ createMotionComponentWithFeatures("feColorMatrix");
|
|
161
|
+
const MotionFeComponentTransfer = /*@__PURE__*/ createMotionComponentWithFeatures("feComponentTransfer");
|
|
158
162
|
const MotionFeComposite =
|
|
159
|
-
/*@__PURE__*/
|
|
163
|
+
/*@__PURE__*/ createMotionComponentWithFeatures("feComposite");
|
|
160
164
|
const MotionFeConvolveMatrix =
|
|
161
|
-
/*@__PURE__*/
|
|
165
|
+
/*@__PURE__*/ createMotionComponentWithFeatures("feConvolveMatrix");
|
|
162
166
|
const MotionFeDiffuseLighting =
|
|
163
|
-
/*@__PURE__*/
|
|
167
|
+
/*@__PURE__*/ createMotionComponentWithFeatures("feDiffuseLighting");
|
|
164
168
|
const MotionFeDisplacementMap =
|
|
165
|
-
/*@__PURE__*/
|
|
169
|
+
/*@__PURE__*/ createMotionComponentWithFeatures("feDisplacementMap");
|
|
166
170
|
const MotionFeDistantLight =
|
|
167
|
-
/*@__PURE__*/
|
|
171
|
+
/*@__PURE__*/ createMotionComponentWithFeatures("feDistantLight");
|
|
168
172
|
const MotionFeDropShadow =
|
|
169
|
-
/*@__PURE__*/
|
|
170
|
-
const MotionFeFlood = /*@__PURE__*/
|
|
171
|
-
const MotionFeFuncA = /*@__PURE__*/
|
|
172
|
-
const MotionFeFuncB = /*@__PURE__*/
|
|
173
|
-
const MotionFeFuncG = /*@__PURE__*/
|
|
174
|
-
const MotionFeFuncR = /*@__PURE__*/
|
|
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__*/
|
|
177
|
-
const MotionFeImage = /*@__PURE__*/
|
|
178
|
-
const MotionFeMerge = /*@__PURE__*/
|
|
180
|
+
/*@__PURE__*/ createMotionComponentWithFeatures("feGaussianBlur");
|
|
181
|
+
const MotionFeImage = /*@__PURE__*/ createMotionComponentWithFeatures("feImage");
|
|
182
|
+
const MotionFeMerge = /*@__PURE__*/ createMotionComponentWithFeatures("feMerge");
|
|
179
183
|
const MotionFeMergeNode =
|
|
180
|
-
/*@__PURE__*/
|
|
184
|
+
/*@__PURE__*/ createMotionComponentWithFeatures("feMergeNode");
|
|
181
185
|
const MotionFeMorphology =
|
|
182
|
-
/*@__PURE__*/
|
|
183
|
-
const MotionFeOffset = /*@__PURE__*/
|
|
186
|
+
/*@__PURE__*/ createMotionComponentWithFeatures("feMorphology");
|
|
187
|
+
const MotionFeOffset = /*@__PURE__*/ createMotionComponentWithFeatures("feOffset");
|
|
184
188
|
const MotionFePointLight =
|
|
185
|
-
/*@__PURE__*/
|
|
189
|
+
/*@__PURE__*/ createMotionComponentWithFeatures("fePointLight");
|
|
186
190
|
const MotionFeSpecularLighting =
|
|
187
|
-
/*@__PURE__*/
|
|
191
|
+
/*@__PURE__*/ createMotionComponentWithFeatures("feSpecularLighting");
|
|
188
192
|
const MotionFeSpotLight =
|
|
189
|
-
/*@__PURE__*/
|
|
190
|
-
const MotionFeTile = /*@__PURE__*/
|
|
193
|
+
/*@__PURE__*/ createMotionComponentWithFeatures("feSpotLight");
|
|
194
|
+
const MotionFeTile = /*@__PURE__*/ createMotionComponentWithFeatures("feTile");
|
|
191
195
|
const MotionFeTurbulence =
|
|
192
|
-
/*@__PURE__*/
|
|
196
|
+
/*@__PURE__*/ createMotionComponentWithFeatures("feTurbulence");
|
|
193
197
|
const MotionForeignObject =
|
|
194
|
-
/*@__PURE__*/
|
|
198
|
+
/*@__PURE__*/ createMotionComponentWithFeatures("foreignObject");
|
|
195
199
|
const MotionLinearGradient =
|
|
196
|
-
/*@__PURE__*/
|
|
200
|
+
/*@__PURE__*/ createMotionComponentWithFeatures("linearGradient");
|
|
197
201
|
const MotionRadialGradient =
|
|
198
|
-
/*@__PURE__*/
|
|
199
|
-
const MotionTextPath = /*@__PURE__*/
|
|
202
|
+
/*@__PURE__*/ createMotionComponentWithFeatures("radialGradient");
|
|
203
|
+
const MotionTextPath = /*@__PURE__*/ createMotionComponentWithFeatures("textPath");
|
|
200
204
|
|
|
201
|
-
exports.create =
|
|
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 {
|