@luxfi/ui 8.2.12 → 8.3.1
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/3d-carousel.d.ts +2 -1
- package/dist/3d-carousel.d.ts.map +1 -1
- package/dist/3d-marquee.cjs +635 -607
- package/dist/3d-marquee.js +635 -607
- package/dist/animated-background.cjs +643 -615
- package/dist/animated-background.js +643 -615
- package/dist/animated-beam.cjs +634 -606
- package/dist/animated-beam.js +634 -606
- package/dist/animated-icon.cjs +672 -625
- package/dist/animated-icon.js +672 -625
- package/dist/animated-list.cjs +794 -663
- package/dist/animated-list.js +794 -663
- package/dist/animated-number.cjs +644 -616
- package/dist/animated-number.js +644 -616
- package/dist/animated-testimonials.cjs +668 -621
- package/dist/animated-testimonials.js +668 -621
- package/dist/animated-text.cjs +675 -628
- package/dist/animated-text.js +675 -628
- package/dist/animated-tooltip.cjs +668 -621
- package/dist/animated-tooltip.js +668 -621
- package/dist/apple-cards-carousel.cjs +676 -629
- package/dist/apple-cards-carousel.js +676 -629
- package/dist/apple-hello-effect.cjs +634 -606
- package/dist/apple-hello-effect.js +634 -606
- package/dist/calendar.cjs +2 -37
- package/dist/calendar.d.ts +11 -1
- package/dist/calendar.d.ts.map +1 -1
- package/dist/calendar.js +3 -38
- package/dist/dock.cjs +645 -617
- package/dist/dock.js +645 -617
- package/dist/image-zoom.d.ts +3 -2
- package/dist/image-zoom.d.ts.map +1 -1
- package/dist/input-otp.d.ts +4 -2
- package/dist/input-otp.d.ts.map +1 -1
- package/dist/pulse-animation.cjs +636 -608
- package/dist/pulse-animation.js +636 -608
- package/dist/resizable.cjs +4 -24
- package/dist/resizable.d.ts +12 -12
- package/dist/resizable.d.ts.map +1 -1
- package/dist/resizable.js +4 -4
- package/dist/reveal-animation.cjs +639 -611
- package/dist/reveal-animation.js +639 -611
- package/dist/site/site-def/footer/company.d.ts +3 -3
- package/package.json +37 -37
- package/src/3d-carousel.tsx +2 -2
- package/src/calendar.tsx +12 -43
- package/src/image-zoom.tsx +2 -2
- package/src/resizable.tsx +7 -7
- package/src/table.tsx +9 -9
- package/tokens.css +21 -0
package/dist/animated-text.js
CHANGED
|
@@ -4,12 +4,6 @@ import { createContext, useState, useEffect, useMemo, useCallback, useRef, useLa
|
|
|
4
4
|
import { Box, cn } from '@hanzo/ui';
|
|
5
5
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
6
6
|
|
|
7
|
-
var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
|
|
8
|
-
get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
|
|
9
|
-
}) : x)(function(x) {
|
|
10
|
-
if (typeof require !== "undefined") return require.apply(this, arguments);
|
|
11
|
-
throw Error('Dynamic require of "' + x + '" is not supported');
|
|
12
|
-
});
|
|
13
7
|
var LayoutGroupContext = createContext({});
|
|
14
8
|
function useConstant(init) {
|
|
15
9
|
const ref = useRef(null);
|
|
@@ -19,14 +13,14 @@ function useConstant(init) {
|
|
|
19
13
|
return ref.current;
|
|
20
14
|
}
|
|
21
15
|
|
|
22
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
16
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/utils/is-browser.mjs
|
|
23
17
|
var isBrowser = typeof window !== "undefined";
|
|
24
18
|
|
|
25
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
19
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/utils/use-isomorphic-effect.mjs
|
|
26
20
|
var useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;
|
|
27
21
|
var PresenceContext = /* @__PURE__ */ createContext(null);
|
|
28
22
|
|
|
29
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
23
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/array.mjs
|
|
30
24
|
function addUniqueItem(arr, item) {
|
|
31
25
|
if (arr.indexOf(item) === -1)
|
|
32
26
|
arr.push(item);
|
|
@@ -37,7 +31,7 @@ function removeItem(arr, item) {
|
|
|
37
31
|
arr.splice(index, 1);
|
|
38
32
|
}
|
|
39
33
|
|
|
40
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
34
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/clamp.mjs
|
|
41
35
|
var clamp = (min, max, v) => {
|
|
42
36
|
if (v > max)
|
|
43
37
|
return max;
|
|
@@ -46,12 +40,12 @@ var clamp = (min, max, v) => {
|
|
|
46
40
|
return v;
|
|
47
41
|
};
|
|
48
42
|
|
|
49
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
43
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/format-error-message.mjs
|
|
50
44
|
function formatErrorMessage(message, errorCode) {
|
|
51
45
|
return errorCode ? `${message}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${errorCode}` : message;
|
|
52
46
|
}
|
|
53
47
|
|
|
54
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
48
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/errors.mjs
|
|
55
49
|
var warning = () => {
|
|
56
50
|
};
|
|
57
51
|
var invariant = () => {
|
|
@@ -69,21 +63,19 @@ if (typeof process !== "undefined" && process.env?.NODE_ENV !== "production") {
|
|
|
69
63
|
};
|
|
70
64
|
}
|
|
71
65
|
|
|
72
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
66
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/global-config.mjs
|
|
73
67
|
var MotionGlobalConfig = {};
|
|
74
68
|
|
|
75
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
69
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/is-numerical-string.mjs
|
|
76
70
|
var isNumericalString = (v) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(v);
|
|
77
71
|
|
|
78
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
79
|
-
|
|
80
|
-
return typeof value === "object" && value !== null;
|
|
81
|
-
}
|
|
72
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/is-object.mjs
|
|
73
|
+
var isObject = (value) => typeof value === "object" && value !== null;
|
|
82
74
|
|
|
83
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
75
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/is-zero-value-string.mjs
|
|
84
76
|
var isZeroValueString = (v) => /^0[^.\s]+$/u.test(v);
|
|
85
77
|
|
|
86
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
78
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/memo.mjs
|
|
87
79
|
// @__NO_SIDE_EFFECTS__
|
|
88
80
|
function memo(callback) {
|
|
89
81
|
let result;
|
|
@@ -94,20 +86,19 @@ function memo(callback) {
|
|
|
94
86
|
};
|
|
95
87
|
}
|
|
96
88
|
|
|
97
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
89
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/noop.mjs
|
|
98
90
|
var noop = /* @__NO_SIDE_EFFECTS__ */ (any) => any;
|
|
99
91
|
|
|
100
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
101
|
-
var
|
|
102
|
-
var pipe = (...transformers) => transformers.reduce(combineFunctions);
|
|
92
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/pipe.mjs
|
|
93
|
+
var pipe = (...transformers) => transformers.reduce((a, b) => (v) => b(a(v)));
|
|
103
94
|
|
|
104
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
95
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/progress.mjs
|
|
105
96
|
var progress = /* @__NO_SIDE_EFFECTS__ */ (from, to, value) => {
|
|
106
|
-
const
|
|
107
|
-
return
|
|
97
|
+
const range = to - from;
|
|
98
|
+
return range ? (value - from) / range : 1;
|
|
108
99
|
};
|
|
109
100
|
|
|
110
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
101
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/subscription-manager.mjs
|
|
111
102
|
var SubscriptionManager = class {
|
|
112
103
|
constructor() {
|
|
113
104
|
this.subscriptions = [];
|
|
@@ -137,16 +128,14 @@ var SubscriptionManager = class {
|
|
|
137
128
|
}
|
|
138
129
|
};
|
|
139
130
|
|
|
140
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
131
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/time-conversion.mjs
|
|
141
132
|
var secondsToMilliseconds = /* @__NO_SIDE_EFFECTS__ */ (seconds) => seconds * 1e3;
|
|
142
133
|
var millisecondsToSeconds = /* @__NO_SIDE_EFFECTS__ */ (milliseconds) => milliseconds / 1e3;
|
|
143
134
|
|
|
144
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
145
|
-
|
|
146
|
-
return frameDuration ? velocity * (1e3 / frameDuration) : 0;
|
|
147
|
-
}
|
|
135
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/velocity-per-second.mjs
|
|
136
|
+
var velocityPerSecond = /* @__NO_SIDE_EFFECTS__ */ (velocity, frameDuration) => frameDuration ? velocity * (1e3 / frameDuration) : 0;
|
|
148
137
|
|
|
149
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
138
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/warn-once.mjs
|
|
150
139
|
var warned = /* @__PURE__ */ new Set();
|
|
151
140
|
function warnOnce(condition, message, errorCode) {
|
|
152
141
|
if (condition || warned.has(message))
|
|
@@ -155,7 +144,7 @@ function warnOnce(condition, message, errorCode) {
|
|
|
155
144
|
warned.add(message);
|
|
156
145
|
}
|
|
157
146
|
|
|
158
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
147
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/cubic-bezier.mjs
|
|
159
148
|
var calcBezier = (t, a1, a2) => (((1 - 3 * a2 + 3 * a1) * t + (3 * a2 - 6 * a1)) * t + 3 * a1) * t;
|
|
160
149
|
var subdivisionPrecision = 1e-7;
|
|
161
150
|
var subdivisionMaxIterations = 12;
|
|
@@ -174,6 +163,7 @@ function binarySubdivide(x, lowerBound, upperBound, mX1, mX2) {
|
|
|
174
163
|
} while (Math.abs(currentX) > subdivisionPrecision && ++i < subdivisionMaxIterations);
|
|
175
164
|
return currentT;
|
|
176
165
|
}
|
|
166
|
+
// @__NO_SIDE_EFFECTS__
|
|
177
167
|
function cubicBezier(mX1, mY1, mX2, mY2) {
|
|
178
168
|
if (mX1 === mY1 && mX2 === mY2)
|
|
179
169
|
return noop;
|
|
@@ -181,39 +171,39 @@ function cubicBezier(mX1, mY1, mX2, mY2) {
|
|
|
181
171
|
return (t) => t === 0 || t === 1 ? t : calcBezier(getTForX(t), mY1, mY2);
|
|
182
172
|
}
|
|
183
173
|
|
|
184
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
185
|
-
var mirrorEasing = (easing) => (p) => p <= 0.5 ? easing(2 * p) / 2 : (2 - easing(2 * (1 - p))) / 2;
|
|
174
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/modifiers/mirror.mjs
|
|
175
|
+
var mirrorEasing = /* @__NO_SIDE_EFFECTS__ */ (easing) => (p) => p <= 0.5 ? easing(2 * p) / 2 : (2 - easing(2 * (1 - p))) / 2;
|
|
186
176
|
|
|
187
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
188
|
-
var reverseEasing = (easing) => (p) => 1 - easing(1 - p);
|
|
177
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/modifiers/reverse.mjs
|
|
178
|
+
var reverseEasing = /* @__NO_SIDE_EFFECTS__ */ (easing) => (p) => 1 - easing(1 - p);
|
|
189
179
|
|
|
190
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
180
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/back.mjs
|
|
191
181
|
var backOut = /* @__PURE__ */ cubicBezier(0.33, 1.53, 0.69, 0.99);
|
|
192
182
|
var backIn = /* @__PURE__ */ reverseEasing(backOut);
|
|
193
183
|
var backInOut = /* @__PURE__ */ mirrorEasing(backIn);
|
|
194
184
|
|
|
195
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
185
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/anticipate.mjs
|
|
196
186
|
var anticipate = (p) => p >= 1 ? 1 : (p *= 2) < 1 ? 0.5 * backIn(p) : 0.5 * (2 - Math.pow(2, -10 * (p - 1)));
|
|
197
187
|
|
|
198
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
188
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/circ.mjs
|
|
199
189
|
var circIn = (p) => 1 - Math.sin(Math.acos(p));
|
|
200
190
|
var circOut = reverseEasing(circIn);
|
|
201
191
|
var circInOut = mirrorEasing(circIn);
|
|
202
192
|
|
|
203
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
193
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/ease.mjs
|
|
204
194
|
var easeIn = /* @__PURE__ */ cubicBezier(0.42, 0, 1, 1);
|
|
205
195
|
var easeOut = /* @__PURE__ */ cubicBezier(0, 0, 0.58, 1);
|
|
206
196
|
var easeInOut = /* @__PURE__ */ cubicBezier(0.42, 0, 0.58, 1);
|
|
207
197
|
|
|
208
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
209
|
-
var isEasingArray = (ease2) => {
|
|
198
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/utils/is-easing-array.mjs
|
|
199
|
+
var isEasingArray = /* @__NO_SIDE_EFFECTS__ */ (ease2) => {
|
|
210
200
|
return Array.isArray(ease2) && typeof ease2[0] !== "number";
|
|
211
201
|
};
|
|
212
202
|
|
|
213
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
214
|
-
var isBezierDefinition = (easing) => Array.isArray(easing) && typeof easing[0] === "number";
|
|
203
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/utils/is-bezier-definition.mjs
|
|
204
|
+
var isBezierDefinition = /* @__NO_SIDE_EFFECTS__ */ (easing) => Array.isArray(easing) && typeof easing[0] === "number";
|
|
215
205
|
|
|
216
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
206
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/utils/map.mjs
|
|
217
207
|
var easingLookup = {
|
|
218
208
|
linear: noop,
|
|
219
209
|
easeIn,
|
|
@@ -242,7 +232,7 @@ var easingDefinitionToFunction = (definition) => {
|
|
|
242
232
|
return definition;
|
|
243
233
|
};
|
|
244
234
|
|
|
245
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
235
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/frameloop/order.mjs
|
|
246
236
|
var stepsOrder = [
|
|
247
237
|
"setup",
|
|
248
238
|
// Compute
|
|
@@ -262,8 +252,8 @@ var stepsOrder = [
|
|
|
262
252
|
// Compute
|
|
263
253
|
];
|
|
264
254
|
|
|
265
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
266
|
-
function createRenderStep(runNextFrame
|
|
255
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/frameloop/render-step.mjs
|
|
256
|
+
function createRenderStep(runNextFrame) {
|
|
267
257
|
let thisFrame = /* @__PURE__ */ new Set();
|
|
268
258
|
let nextFrame = /* @__PURE__ */ new Set();
|
|
269
259
|
let isProcessing = false;
|
|
@@ -325,7 +315,7 @@ function createRenderStep(runNextFrame, stepName) {
|
|
|
325
315
|
return step;
|
|
326
316
|
}
|
|
327
317
|
|
|
328
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
318
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/frameloop/batcher.mjs
|
|
329
319
|
var maxElapsed = 40;
|
|
330
320
|
function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
|
|
331
321
|
let runNextFrame = false;
|
|
@@ -388,10 +378,10 @@ function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
|
|
|
388
378
|
return { schedule, cancel, state, steps };
|
|
389
379
|
}
|
|
390
380
|
|
|
391
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
381
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/frameloop/frame.mjs
|
|
392
382
|
var { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
|
|
393
383
|
|
|
394
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
384
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/frameloop/sync-time.mjs
|
|
395
385
|
var now;
|
|
396
386
|
function clearTime() {
|
|
397
387
|
now = void 0;
|
|
@@ -409,7 +399,7 @@ var time = {
|
|
|
409
399
|
}
|
|
410
400
|
};
|
|
411
401
|
|
|
412
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
402
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/is-css-variable.mjs
|
|
413
403
|
var checkStringStartsWith = (token) => (key) => typeof key === "string" && key.startsWith(token);
|
|
414
404
|
var isCSSVariableName = /* @__PURE__ */ checkStringStartsWith("--");
|
|
415
405
|
var startsAsVariableToken = /* @__PURE__ */ checkStringStartsWith("var(--");
|
|
@@ -426,7 +416,7 @@ function containsCSSVariable(value) {
|
|
|
426
416
|
return value.split("/*")[0].includes("var(--");
|
|
427
417
|
}
|
|
428
418
|
|
|
429
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
419
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/numbers/index.mjs
|
|
430
420
|
var number = {
|
|
431
421
|
test: (v) => typeof v === "number",
|
|
432
422
|
parse: parseFloat,
|
|
@@ -441,21 +431,21 @@ var scale = {
|
|
|
441
431
|
default: 1
|
|
442
432
|
};
|
|
443
433
|
|
|
444
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
434
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/sanitize.mjs
|
|
445
435
|
var sanitize = (v) => Math.round(v * 1e5) / 1e5;
|
|
446
436
|
|
|
447
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
437
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/float-regex.mjs
|
|
448
438
|
var floatRegex = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
|
|
449
439
|
|
|
450
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
440
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/is-nullish.mjs
|
|
451
441
|
function isNullish(v) {
|
|
452
442
|
return v == null;
|
|
453
443
|
}
|
|
454
444
|
|
|
455
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
445
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/single-color-regex.mjs
|
|
456
446
|
var singleColorRegex = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu;
|
|
457
447
|
|
|
458
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
448
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/utils.mjs
|
|
459
449
|
var isColorString = (type, testProp) => (v) => {
|
|
460
450
|
return Boolean(typeof v === "string" && singleColorRegex.test(v) && v.startsWith(type) || testProp && !isNullish(v) && Object.prototype.hasOwnProperty.call(v, testProp));
|
|
461
451
|
};
|
|
@@ -471,7 +461,7 @@ var splitColor = (aName, bName, cName) => (v) => {
|
|
|
471
461
|
};
|
|
472
462
|
};
|
|
473
463
|
|
|
474
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
464
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/rgba.mjs
|
|
475
465
|
var clampRgbUnit = (v) => clamp(0, 255, v);
|
|
476
466
|
var rgbUnit = {
|
|
477
467
|
...number,
|
|
@@ -483,7 +473,7 @@ var rgba = {
|
|
|
483
473
|
transform: ({ red, green, blue, alpha: alpha$1 = 1 }) => "rgba(" + rgbUnit.transform(red) + ", " + rgbUnit.transform(green) + ", " + rgbUnit.transform(blue) + ", " + sanitize(alpha.transform(alpha$1)) + ")"
|
|
484
474
|
};
|
|
485
475
|
|
|
486
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
476
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/hex.mjs
|
|
487
477
|
function parseHex(v) {
|
|
488
478
|
let r = "";
|
|
489
479
|
let g = "";
|
|
@@ -517,7 +507,7 @@ var hex = {
|
|
|
517
507
|
transform: rgba.transform
|
|
518
508
|
};
|
|
519
509
|
|
|
520
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
510
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/numbers/units.mjs
|
|
521
511
|
var createUnitType = /* @__NO_SIDE_EFFECTS__ */ (unit) => ({
|
|
522
512
|
test: (v) => typeof v === "string" && v.endsWith(unit) && v.split(" ").length === 1,
|
|
523
513
|
parse: parseFloat,
|
|
@@ -534,7 +524,7 @@ var progressPercentage = /* @__PURE__ */ (() => ({
|
|
|
534
524
|
transform: (v) => percent.transform(v * 100)
|
|
535
525
|
}))();
|
|
536
526
|
|
|
537
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
527
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/hsla.mjs
|
|
538
528
|
var hsla = {
|
|
539
529
|
test: /* @__PURE__ */ isColorString("hsl", "hue"),
|
|
540
530
|
parse: /* @__PURE__ */ splitColor("hue", "saturation", "lightness"),
|
|
@@ -543,7 +533,7 @@ var hsla = {
|
|
|
543
533
|
}
|
|
544
534
|
};
|
|
545
535
|
|
|
546
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
536
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/index.mjs
|
|
547
537
|
var color = {
|
|
548
538
|
test: (v) => rgba.test(v) || hex.test(v) || hsla.test(v),
|
|
549
539
|
parse: (v) => {
|
|
@@ -565,10 +555,10 @@ var color = {
|
|
|
565
555
|
}
|
|
566
556
|
};
|
|
567
557
|
|
|
568
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
558
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/color-regex.mjs
|
|
569
559
|
var colorRegex = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
|
|
570
560
|
|
|
571
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
561
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/complex/index.mjs
|
|
572
562
|
function test(v) {
|
|
573
563
|
return isNaN(v) && typeof v === "string" && (v.match(floatRegex)?.length || 0) + (v.match(colorRegex)?.length || 0) > 0;
|
|
574
564
|
}
|
|
@@ -653,7 +643,7 @@ var complex = {
|
|
|
653
643
|
getAnimatableNone
|
|
654
644
|
};
|
|
655
645
|
|
|
656
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
646
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/hsla-to-rgba.mjs
|
|
657
647
|
function hueToRgb(p, q, t) {
|
|
658
648
|
if (t < 0)
|
|
659
649
|
t += 1;
|
|
@@ -691,17 +681,17 @@ function hslaToRgba({ hue, saturation, lightness, alpha: alpha2 }) {
|
|
|
691
681
|
};
|
|
692
682
|
}
|
|
693
683
|
|
|
694
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
684
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/immediate.mjs
|
|
695
685
|
function mixImmediate(a, b) {
|
|
696
686
|
return (p) => p > 0 ? b : a;
|
|
697
687
|
}
|
|
698
688
|
|
|
699
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
689
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/number.mjs
|
|
700
690
|
var mixNumber = (from, to, progress2) => {
|
|
701
691
|
return from + (to - from) * progress2;
|
|
702
692
|
};
|
|
703
693
|
|
|
704
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
694
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/color.mjs
|
|
705
695
|
var mixLinearColor = (from, to, v) => {
|
|
706
696
|
const fromExpo = from * from;
|
|
707
697
|
const expo = v * (to * to - fromExpo) + fromExpo;
|
|
@@ -736,7 +726,7 @@ var mixColor = (from, to) => {
|
|
|
736
726
|
};
|
|
737
727
|
};
|
|
738
728
|
|
|
739
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
729
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/visibility.mjs
|
|
740
730
|
var invisibleValues = /* @__PURE__ */ new Set(["none", "hidden"]);
|
|
741
731
|
function mixVisibility(origin, target) {
|
|
742
732
|
if (invisibleValues.has(origin)) {
|
|
@@ -746,7 +736,7 @@ function mixVisibility(origin, target) {
|
|
|
746
736
|
}
|
|
747
737
|
}
|
|
748
738
|
|
|
749
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
739
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/complex.mjs
|
|
750
740
|
function mixNumber2(a, b) {
|
|
751
741
|
return (p) => mixNumber(a, b, p);
|
|
752
742
|
}
|
|
@@ -816,7 +806,7 @@ var mixComplex = (origin, target) => {
|
|
|
816
806
|
}
|
|
817
807
|
};
|
|
818
808
|
|
|
819
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
809
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/index.mjs
|
|
820
810
|
function mix(from, to, p) {
|
|
821
811
|
if (typeof from === "number" && typeof to === "number" && typeof p === "number") {
|
|
822
812
|
return mixNumber(from, to, p);
|
|
@@ -825,7 +815,7 @@ function mix(from, to, p) {
|
|
|
825
815
|
return mixer(from, to);
|
|
826
816
|
}
|
|
827
817
|
|
|
828
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
818
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/drivers/frame.mjs
|
|
829
819
|
var frameloopDriver = (update) => {
|
|
830
820
|
const passTimestamp = ({ timestamp }) => update(timestamp);
|
|
831
821
|
return {
|
|
@@ -839,7 +829,7 @@ var frameloopDriver = (update) => {
|
|
|
839
829
|
};
|
|
840
830
|
};
|
|
841
831
|
|
|
842
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
832
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/utils/linear.mjs
|
|
843
833
|
var generateLinearEasing = (easing, duration, resolution = 10) => {
|
|
844
834
|
let points = "";
|
|
845
835
|
const numPoints = Math.max(Math.round(duration / resolution), 2);
|
|
@@ -849,7 +839,7 @@ var generateLinearEasing = (easing, duration, resolution = 10) => {
|
|
|
849
839
|
return `linear(${points.substring(0, points.length - 2)})`;
|
|
850
840
|
};
|
|
851
841
|
|
|
852
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
842
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs
|
|
853
843
|
var maxGeneratorDuration = 2e4;
|
|
854
844
|
function calcGeneratorDuration(generator) {
|
|
855
845
|
let duration = 0;
|
|
@@ -862,7 +852,7 @@ function calcGeneratorDuration(generator) {
|
|
|
862
852
|
return duration >= maxGeneratorDuration ? Infinity : duration;
|
|
863
853
|
}
|
|
864
854
|
|
|
865
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
855
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs
|
|
866
856
|
function createGeneratorEasing(options, scale2 = 100, createGenerator) {
|
|
867
857
|
const generator = createGenerator({ ...options, keyframes: [0, scale2] });
|
|
868
858
|
const duration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);
|
|
@@ -875,7 +865,7 @@ function createGeneratorEasing(options, scale2 = 100, createGenerator) {
|
|
|
875
865
|
};
|
|
876
866
|
}
|
|
877
867
|
|
|
878
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
868
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/spring.mjs
|
|
879
869
|
var springDefaults = {
|
|
880
870
|
// Default spring physics
|
|
881
871
|
stiffness: 100,
|
|
@@ -1114,14 +1104,14 @@ spring.applyToOptions = (options) => {
|
|
|
1114
1104
|
return options;
|
|
1115
1105
|
};
|
|
1116
1106
|
|
|
1117
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1107
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/utils/velocity.mjs
|
|
1118
1108
|
var velocitySampleDuration = 5;
|
|
1119
1109
|
function getGeneratorVelocity(resolveValue, t, current) {
|
|
1120
1110
|
const prevT = Math.max(t - velocitySampleDuration, 0);
|
|
1121
1111
|
return velocityPerSecond(current - resolveValue(prevT), t - prevT);
|
|
1122
1112
|
}
|
|
1123
1113
|
|
|
1124
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1114
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/inertia.mjs
|
|
1125
1115
|
function inertia({ keyframes: keyframes2, velocity = 0, power = 0.8, timeConstant = 325, bounceDamping = 10, bounceStiffness = 500, modifyTarget, min, max, restDelta = 0.5, restSpeed }) {
|
|
1126
1116
|
const origin = keyframes2[0];
|
|
1127
1117
|
const state = {
|
|
@@ -1185,7 +1175,7 @@ function inertia({ keyframes: keyframes2, velocity = 0, power = 0.8, timeConstan
|
|
|
1185
1175
|
};
|
|
1186
1176
|
}
|
|
1187
1177
|
|
|
1188
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1178
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/interpolate.mjs
|
|
1189
1179
|
function createMixers(output, ease2, customMixer) {
|
|
1190
1180
|
const mixers = [];
|
|
1191
1181
|
const mixerFactory = customMixer || MotionGlobalConfig.mix || mix;
|
|
@@ -1230,7 +1220,7 @@ function interpolate(input, output, { clamp: isClamp = true, ease: ease2, mixer
|
|
|
1230
1220
|
return isClamp ? (v) => interpolator(clamp(input[0], input[inputLength - 1], v)) : interpolator;
|
|
1231
1221
|
}
|
|
1232
1222
|
|
|
1233
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1223
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/offsets/fill.mjs
|
|
1234
1224
|
function fillOffset(offset, remaining) {
|
|
1235
1225
|
const min = offset[offset.length - 1];
|
|
1236
1226
|
for (let i = 1; i <= remaining; i++) {
|
|
@@ -1239,19 +1229,19 @@ function fillOffset(offset, remaining) {
|
|
|
1239
1229
|
}
|
|
1240
1230
|
}
|
|
1241
1231
|
|
|
1242
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1232
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/offsets/default.mjs
|
|
1243
1233
|
function defaultOffset(arr) {
|
|
1244
1234
|
const offset = [0];
|
|
1245
1235
|
fillOffset(offset, arr.length - 1);
|
|
1246
1236
|
return offset;
|
|
1247
1237
|
}
|
|
1248
1238
|
|
|
1249
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1239
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/offsets/time.mjs
|
|
1250
1240
|
function convertOffsetToTimes(offset, duration) {
|
|
1251
1241
|
return offset.map((o) => o * duration);
|
|
1252
1242
|
}
|
|
1253
1243
|
|
|
1254
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1244
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/keyframes.mjs
|
|
1255
1245
|
function defaultEasing(values, easing) {
|
|
1256
1246
|
return values.map(() => easing || easeInOut).splice(0, values.length - 1);
|
|
1257
1247
|
}
|
|
@@ -1280,7 +1270,7 @@ function keyframes({ duration = 300, keyframes: keyframeValues, times, ease: eas
|
|
|
1280
1270
|
};
|
|
1281
1271
|
}
|
|
1282
1272
|
|
|
1283
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1273
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/get-final.mjs
|
|
1284
1274
|
var isNotNull = (value) => value !== null;
|
|
1285
1275
|
function getFinalKeyframe(keyframes2, { repeat, repeatType = "loop" }, finalKeyframe, speed = 1) {
|
|
1286
1276
|
const resolvedKeyframes = keyframes2.filter(isNotNull);
|
|
@@ -1289,7 +1279,7 @@ function getFinalKeyframe(keyframes2, { repeat, repeatType = "loop" }, finalKeyf
|
|
|
1289
1279
|
return !index || finalKeyframe === void 0 ? resolvedKeyframes[index] : finalKeyframe;
|
|
1290
1280
|
}
|
|
1291
1281
|
|
|
1292
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1282
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/replace-transition-type.mjs
|
|
1293
1283
|
var transitionTypeMap = {
|
|
1294
1284
|
decay: inertia,
|
|
1295
1285
|
inertia,
|
|
@@ -1303,7 +1293,7 @@ function replaceTransitionType(transition) {
|
|
|
1303
1293
|
}
|
|
1304
1294
|
}
|
|
1305
1295
|
|
|
1306
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1296
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/WithPromise.mjs
|
|
1307
1297
|
var WithPromise = class {
|
|
1308
1298
|
constructor() {
|
|
1309
1299
|
this.updateFinished();
|
|
@@ -1329,7 +1319,7 @@ var WithPromise = class {
|
|
|
1329
1319
|
}
|
|
1330
1320
|
};
|
|
1331
1321
|
|
|
1332
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1322
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/JSAnimation.mjs
|
|
1333
1323
|
var percentToProgress = (percent2) => percent2 / 100;
|
|
1334
1324
|
var JSAnimation = class extends WithPromise {
|
|
1335
1325
|
constructor(options) {
|
|
@@ -1608,14 +1598,14 @@ var JSAnimation = class extends WithPromise {
|
|
|
1608
1598
|
}
|
|
1609
1599
|
};
|
|
1610
1600
|
|
|
1611
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1601
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/utils/fill-wildcards.mjs
|
|
1612
1602
|
function fillWildcards(keyframes2) {
|
|
1613
1603
|
for (let i = 1; i < keyframes2.length; i++) {
|
|
1614
1604
|
keyframes2[i] ?? (keyframes2[i] = keyframes2[i - 1]);
|
|
1615
1605
|
}
|
|
1616
1606
|
}
|
|
1617
1607
|
|
|
1618
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1608
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/dom/parse-transform.mjs
|
|
1619
1609
|
var radToDeg = (rad) => rad * 180 / Math.PI;
|
|
1620
1610
|
var rotate = (v) => {
|
|
1621
1611
|
const angle = radToDeg(Math.atan2(v[1], v[0]));
|
|
@@ -1695,7 +1685,7 @@ function convertTransformToNumber(value) {
|
|
|
1695
1685
|
return parseFloat(value.trim());
|
|
1696
1686
|
}
|
|
1697
1687
|
|
|
1698
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1688
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/keys-transform.mjs
|
|
1699
1689
|
var transformPropOrder = [
|
|
1700
1690
|
"transformPerspective",
|
|
1701
1691
|
"x",
|
|
@@ -1715,9 +1705,9 @@ var transformPropOrder = [
|
|
|
1715
1705
|
"skewX",
|
|
1716
1706
|
"skewY"
|
|
1717
1707
|
];
|
|
1718
|
-
var transformProps = /* @__PURE__ */ (() => new Set(transformPropOrder))();
|
|
1708
|
+
var transformProps = /* @__PURE__ */ (() => /* @__PURE__ */ new Set([...transformPropOrder, "pathRotation"]))();
|
|
1719
1709
|
|
|
1720
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1710
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/utils/unit-conversion.mjs
|
|
1721
1711
|
var isNumOrPxType = (v) => v === number || v === px;
|
|
1722
1712
|
var transformKeys = /* @__PURE__ */ new Set(["x", "y", "z"]);
|
|
1723
1713
|
var nonTranslationalTransformKeys = transformPropOrder.filter((key) => !transformKeys.has(key));
|
|
@@ -1753,7 +1743,7 @@ var positionalValues = {
|
|
|
1753
1743
|
positionalValues.translateX = positionalValues.x;
|
|
1754
1744
|
positionalValues.translateY = positionalValues.y;
|
|
1755
1745
|
|
|
1756
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1746
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/KeyframesResolver.mjs
|
|
1757
1747
|
var toResolve = /* @__PURE__ */ new Set();
|
|
1758
1748
|
var isScheduled = false;
|
|
1759
1749
|
var anyNeedsMeasurement = false;
|
|
@@ -1879,27 +1869,27 @@ var KeyframeResolver = class {
|
|
|
1879
1869
|
}
|
|
1880
1870
|
};
|
|
1881
1871
|
|
|
1882
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1872
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/dom/is-css-var.mjs
|
|
1883
1873
|
var isCSSVar = (name) => name.startsWith("--");
|
|
1884
1874
|
|
|
1885
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1875
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/dom/style-set.mjs
|
|
1886
1876
|
function setStyle(element, name, value) {
|
|
1887
1877
|
isCSSVar(name) ? element.style.setProperty(name, value) : element.style[name] = value;
|
|
1888
1878
|
}
|
|
1889
1879
|
|
|
1890
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1880
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/supports/flags.mjs
|
|
1891
1881
|
var supportsFlags = {};
|
|
1892
1882
|
|
|
1893
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1883
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/supports/memo.mjs
|
|
1894
1884
|
function memoSupports(callback, supportsFlag) {
|
|
1895
1885
|
const memoized = memo(callback);
|
|
1896
1886
|
return () => supportsFlags[supportsFlag] ?? memoized();
|
|
1897
1887
|
}
|
|
1898
1888
|
|
|
1899
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1889
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/supports/scroll-timeline.mjs
|
|
1900
1890
|
var supportsScrollTimeline = /* @__PURE__ */ memoSupports(() => window.ScrollTimeline !== void 0, "scrollTimeline");
|
|
1901
1891
|
|
|
1902
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1892
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/supports/linear-easing.mjs
|
|
1903
1893
|
var supportsLinearEasing = /* @__PURE__ */ memoSupports(() => {
|
|
1904
1894
|
try {
|
|
1905
1895
|
document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
|
|
@@ -1909,10 +1899,10 @@ var supportsLinearEasing = /* @__PURE__ */ memoSupports(() => {
|
|
|
1909
1899
|
return true;
|
|
1910
1900
|
}, "linearEasing");
|
|
1911
1901
|
|
|
1912
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1902
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/easing/cubic-bezier.mjs
|
|
1913
1903
|
var cubicBezierAsString = ([a, b, c, d]) => `cubic-bezier(${a}, ${b}, ${c}, ${d})`;
|
|
1914
1904
|
|
|
1915
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1905
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/easing/supported.mjs
|
|
1916
1906
|
var supportedWaapiEasing = {
|
|
1917
1907
|
linear: "linear",
|
|
1918
1908
|
ease: "ease",
|
|
@@ -1925,7 +1915,7 @@ var supportedWaapiEasing = {
|
|
|
1925
1915
|
backOut: /* @__PURE__ */ cubicBezierAsString([0.33, 1.53, 0.69, 0.99])
|
|
1926
1916
|
};
|
|
1927
1917
|
|
|
1928
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1918
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/easing/map-easing.mjs
|
|
1929
1919
|
function mapEasingToNativeEasing(easing, duration) {
|
|
1930
1920
|
if (!easing) {
|
|
1931
1921
|
return void 0;
|
|
@@ -1940,7 +1930,7 @@ function mapEasingToNativeEasing(easing, duration) {
|
|
|
1940
1930
|
}
|
|
1941
1931
|
}
|
|
1942
1932
|
|
|
1943
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1933
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/start-waapi-animation.mjs
|
|
1944
1934
|
function startWaapiAnimation(element, valueName, keyframes2, { delay: delay2 = 0, duration = 300, repeat = 0, repeatType = "loop", ease: ease2 = "easeOut", times } = {}, pseudoElement = void 0) {
|
|
1945
1935
|
const keyframeOptions = {
|
|
1946
1936
|
[valueName]: keyframes2
|
|
@@ -1960,16 +1950,15 @@ function startWaapiAnimation(element, valueName, keyframes2, { delay: delay2 = 0
|
|
|
1960
1950
|
};
|
|
1961
1951
|
if (pseudoElement)
|
|
1962
1952
|
options.pseudoElement = pseudoElement;
|
|
1963
|
-
|
|
1964
|
-
return animation;
|
|
1953
|
+
return element.animate(keyframeOptions, options);
|
|
1965
1954
|
}
|
|
1966
1955
|
|
|
1967
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1956
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/utils/is-generator.mjs
|
|
1968
1957
|
function isGenerator(type) {
|
|
1969
1958
|
return typeof type === "function" && "applyToOptions" in type;
|
|
1970
1959
|
}
|
|
1971
1960
|
|
|
1972
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1961
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/utils/apply-generator.mjs
|
|
1973
1962
|
function applyGeneratorOptions({ type, ...options }) {
|
|
1974
1963
|
if (isGenerator(type) && supportsLinearEasing()) {
|
|
1975
1964
|
return type.applyToOptions(options);
|
|
@@ -1980,7 +1969,7 @@ function applyGeneratorOptions({ type, ...options }) {
|
|
|
1980
1969
|
return options;
|
|
1981
1970
|
}
|
|
1982
1971
|
|
|
1983
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1972
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/NativeAnimation.mjs
|
|
1984
1973
|
var NativeAnimation = class extends WithPromise {
|
|
1985
1974
|
constructor(options) {
|
|
1986
1975
|
super();
|
|
@@ -2130,7 +2119,7 @@ var NativeAnimation = class extends WithPromise {
|
|
|
2130
2119
|
}
|
|
2131
2120
|
};
|
|
2132
2121
|
|
|
2133
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2122
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/utils/unsupported-easing.mjs
|
|
2134
2123
|
var unsupportedEasingFunctions = {
|
|
2135
2124
|
anticipate,
|
|
2136
2125
|
backInOut,
|
|
@@ -2145,7 +2134,7 @@ function replaceStringEasing(transition) {
|
|
|
2145
2134
|
}
|
|
2146
2135
|
}
|
|
2147
2136
|
|
|
2148
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2137
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/NativeAnimationExtended.mjs
|
|
2149
2138
|
var sampleDelta = 10;
|
|
2150
2139
|
var NativeAnimationExtended = class extends NativeAnimation {
|
|
2151
2140
|
constructor(options) {
|
|
@@ -2188,7 +2177,7 @@ var NativeAnimationExtended = class extends NativeAnimation {
|
|
|
2188
2177
|
}
|
|
2189
2178
|
};
|
|
2190
2179
|
|
|
2191
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2180
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/is-animatable.mjs
|
|
2192
2181
|
var isAnimatable = (value, name) => {
|
|
2193
2182
|
if (name === "zIndex")
|
|
2194
2183
|
return false;
|
|
@@ -2202,7 +2191,7 @@ var isAnimatable = (value, name) => {
|
|
|
2202
2191
|
return false;
|
|
2203
2192
|
};
|
|
2204
2193
|
|
|
2205
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2194
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/can-animate.mjs
|
|
2206
2195
|
function hasKeyframesChanged(keyframes2) {
|
|
2207
2196
|
const current = keyframes2[0];
|
|
2208
2197
|
if (keyframes2.length === 1)
|
|
@@ -2229,24 +2218,22 @@ function canAnimate(keyframes2, name, type, velocity) {
|
|
|
2229
2218
|
return hasKeyframesChanged(keyframes2) || (type === "spring" || isGenerator(type)) && velocity;
|
|
2230
2219
|
}
|
|
2231
2220
|
|
|
2232
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2221
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/make-animation-instant.mjs
|
|
2233
2222
|
function makeAnimationInstant(options) {
|
|
2234
2223
|
options.duration = 0;
|
|
2235
2224
|
options.type = "keyframes";
|
|
2236
2225
|
}
|
|
2237
2226
|
|
|
2238
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2227
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/utils/accelerated-values.mjs
|
|
2239
2228
|
var acceleratedValues = /* @__PURE__ */ new Set([
|
|
2240
2229
|
"opacity",
|
|
2241
2230
|
"clipPath",
|
|
2242
2231
|
"filter",
|
|
2243
|
-
"transform"
|
|
2244
|
-
|
|
2245
|
-
// or until we implement support for linear() easing.
|
|
2246
|
-
// "background-color"
|
|
2232
|
+
"transform",
|
|
2233
|
+
"backgroundColor"
|
|
2247
2234
|
]);
|
|
2248
2235
|
|
|
2249
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2236
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/utils/is-browser-color.mjs
|
|
2250
2237
|
var browserColorFunctions = /^(?:oklch|oklab|lab|lch|color|color-mix|light-dark)\(/;
|
|
2251
2238
|
function hasBrowserOnlyColors(keyframes2) {
|
|
2252
2239
|
for (let i = 0; i < keyframes2.length; i++) {
|
|
@@ -2257,7 +2244,7 @@ function hasBrowserOnlyColors(keyframes2) {
|
|
|
2257
2244
|
return false;
|
|
2258
2245
|
}
|
|
2259
2246
|
|
|
2260
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2247
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/supports/waapi.mjs
|
|
2261
2248
|
var colorProperties = /* @__PURE__ */ new Set([
|
|
2262
2249
|
"color",
|
|
2263
2250
|
"backgroundColor",
|
|
@@ -2274,7 +2261,7 @@ var supportsWaapi = /* @__PURE__ */ memo(() => Object.hasOwnProperty.call(Elemen
|
|
|
2274
2261
|
function supportsBrowserAnimation(options) {
|
|
2275
2262
|
const { motionValue: motionValue2, name, repeatDelay, repeatType, damping, type, keyframes: keyframes2 } = options;
|
|
2276
2263
|
const subject = motionValue2?.owner?.current;
|
|
2277
|
-
if (!(subject instanceof HTMLElement)) {
|
|
2264
|
+
if (!(subject instanceof HTMLElement) && !(subject instanceof SVGElement)) {
|
|
2278
2265
|
return false;
|
|
2279
2266
|
}
|
|
2280
2267
|
const { onUpdate, transformTemplate } = motionValue2.owner.getProps();
|
|
@@ -2289,7 +2276,7 @@ function supportsBrowserAnimation(options) {
|
|
|
2289
2276
|
!onUpdate && !repeatDelay && repeatType !== "mirror" && damping !== 0 && type !== "inertia";
|
|
2290
2277
|
}
|
|
2291
2278
|
|
|
2292
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2279
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/AsyncMotionValueAnimation.mjs
|
|
2293
2280
|
var MAX_RESOLVE_DELAY = 40;
|
|
2294
2281
|
var AsyncMotionValueAnimation = class extends WithPromise {
|
|
2295
2282
|
constructor({ autoplay = true, delay: delay2 = 0, type = "keyframes", repeat = 0, repeatDelay = 0, repeatType = "loop", keyframes: keyframes2, name, motionValue: motionValue2, element, ...options }) {
|
|
@@ -2430,7 +2417,7 @@ var AsyncMotionValueAnimation = class extends WithPromise {
|
|
|
2430
2417
|
}
|
|
2431
2418
|
};
|
|
2432
2419
|
|
|
2433
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2420
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/calc-child-stagger.mjs
|
|
2434
2421
|
function calcChildStagger(children, child, delayChildren, staggerChildren = 0, staggerDirection = 1) {
|
|
2435
2422
|
const index = Array.from(children).sort((a, b) => a.sortNodePosition(b)).indexOf(child);
|
|
2436
2423
|
const numChildren = children.size;
|
|
@@ -2439,202 +2426,7 @@ function calcChildStagger(children, child, delayChildren, staggerChildren = 0, s
|
|
|
2439
2426
|
return delayIsFunction ? delayChildren(index, numChildren) : staggerDirection === 1 ? index * staggerChildren : maxStaggerDuration - index * staggerChildren;
|
|
2440
2427
|
}
|
|
2441
2428
|
|
|
2442
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2443
|
-
var splitCSSVariableRegex = (
|
|
2444
|
-
// eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
|
|
2445
|
-
/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
|
|
2446
|
-
);
|
|
2447
|
-
function parseCSSVariable(current) {
|
|
2448
|
-
const match = splitCSSVariableRegex.exec(current);
|
|
2449
|
-
if (!match)
|
|
2450
|
-
return [,];
|
|
2451
|
-
const [, token1, token2, fallback] = match;
|
|
2452
|
-
return [`--${token1 ?? token2}`, fallback];
|
|
2453
|
-
}
|
|
2454
|
-
var maxDepth = 4;
|
|
2455
|
-
function getVariableValue(current, element, depth = 1) {
|
|
2456
|
-
invariant(depth <= maxDepth, `Max CSS variable fallback depth detected in property "${current}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
|
|
2457
|
-
const [token, fallback] = parseCSSVariable(current);
|
|
2458
|
-
if (!token)
|
|
2459
|
-
return;
|
|
2460
|
-
const resolved = window.getComputedStyle(element).getPropertyValue(token);
|
|
2461
|
-
if (resolved) {
|
|
2462
|
-
const trimmed = resolved.trim();
|
|
2463
|
-
return isNumericalString(trimmed) ? parseFloat(trimmed) : trimmed;
|
|
2464
|
-
}
|
|
2465
|
-
return isCSSVariableToken(fallback) ? getVariableValue(fallback, element, depth + 1) : fallback;
|
|
2466
|
-
}
|
|
2467
|
-
|
|
2468
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/default-transitions.mjs
|
|
2469
|
-
var underDampedSpring = {
|
|
2470
|
-
type: "spring",
|
|
2471
|
-
stiffness: 500,
|
|
2472
|
-
damping: 25,
|
|
2473
|
-
restSpeed: 10
|
|
2474
|
-
};
|
|
2475
|
-
var criticallyDampedSpring = (target) => ({
|
|
2476
|
-
type: "spring",
|
|
2477
|
-
stiffness: 550,
|
|
2478
|
-
damping: target === 0 ? 2 * Math.sqrt(550) : 30,
|
|
2479
|
-
restSpeed: 10
|
|
2480
|
-
});
|
|
2481
|
-
var keyframesTransition = {
|
|
2482
|
-
type: "keyframes",
|
|
2483
|
-
duration: 0.8
|
|
2484
|
-
};
|
|
2485
|
-
var ease = {
|
|
2486
|
-
type: "keyframes",
|
|
2487
|
-
ease: [0.25, 0.1, 0.35, 1],
|
|
2488
|
-
duration: 0.3
|
|
2489
|
-
};
|
|
2490
|
-
var getDefaultTransition = (valueKey, { keyframes: keyframes2 }) => {
|
|
2491
|
-
if (keyframes2.length > 2) {
|
|
2492
|
-
return keyframesTransition;
|
|
2493
|
-
} else if (transformProps.has(valueKey)) {
|
|
2494
|
-
return valueKey.startsWith("scale") ? criticallyDampedSpring(keyframes2[1]) : underDampedSpring;
|
|
2495
|
-
}
|
|
2496
|
-
return ease;
|
|
2497
|
-
};
|
|
2498
|
-
|
|
2499
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/resolve-transition.mjs
|
|
2500
|
-
function resolveTransition(transition, parentTransition) {
|
|
2501
|
-
if (transition?.inherit && parentTransition) {
|
|
2502
|
-
const { inherit: _, ...rest } = transition;
|
|
2503
|
-
return { ...parentTransition, ...rest };
|
|
2504
|
-
}
|
|
2505
|
-
return transition;
|
|
2506
|
-
}
|
|
2507
|
-
|
|
2508
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/get-value-transition.mjs
|
|
2509
|
-
function getValueTransition(transition, key) {
|
|
2510
|
-
const valueTransition = transition?.[key] ?? transition?.["default"] ?? transition;
|
|
2511
|
-
if (valueTransition !== transition) {
|
|
2512
|
-
return resolveTransition(valueTransition, transition);
|
|
2513
|
-
}
|
|
2514
|
-
return valueTransition;
|
|
2515
|
-
}
|
|
2516
|
-
|
|
2517
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/is-transition-defined.mjs
|
|
2518
|
-
var orchestrationKeys = /* @__PURE__ */ new Set([
|
|
2519
|
-
"when",
|
|
2520
|
-
"delay",
|
|
2521
|
-
"delayChildren",
|
|
2522
|
-
"staggerChildren",
|
|
2523
|
-
"staggerDirection",
|
|
2524
|
-
"repeat",
|
|
2525
|
-
"repeatType",
|
|
2526
|
-
"repeatDelay",
|
|
2527
|
-
"from",
|
|
2528
|
-
"elapsed"
|
|
2529
|
-
]);
|
|
2530
|
-
function isTransitionDefined(transition) {
|
|
2531
|
-
for (const key in transition) {
|
|
2532
|
-
if (!orchestrationKeys.has(key))
|
|
2533
|
-
return true;
|
|
2534
|
-
}
|
|
2535
|
-
return false;
|
|
2536
|
-
}
|
|
2537
|
-
|
|
2538
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/interfaces/motion-value.mjs
|
|
2539
|
-
var animateMotionValue = (name, value, target, transition = {}, element, isHandoff) => (onComplete) => {
|
|
2540
|
-
const valueTransition = getValueTransition(transition, name) || {};
|
|
2541
|
-
const delay2 = valueTransition.delay || transition.delay || 0;
|
|
2542
|
-
let { elapsed = 0 } = transition;
|
|
2543
|
-
elapsed = elapsed - secondsToMilliseconds(delay2);
|
|
2544
|
-
const options = {
|
|
2545
|
-
keyframes: Array.isArray(target) ? target : [null, target],
|
|
2546
|
-
ease: "easeOut",
|
|
2547
|
-
velocity: value.getVelocity(),
|
|
2548
|
-
...valueTransition,
|
|
2549
|
-
delay: -elapsed,
|
|
2550
|
-
onUpdate: (v) => {
|
|
2551
|
-
value.set(v);
|
|
2552
|
-
valueTransition.onUpdate && valueTransition.onUpdate(v);
|
|
2553
|
-
},
|
|
2554
|
-
onComplete: () => {
|
|
2555
|
-
onComplete();
|
|
2556
|
-
valueTransition.onComplete && valueTransition.onComplete();
|
|
2557
|
-
},
|
|
2558
|
-
name,
|
|
2559
|
-
motionValue: value,
|
|
2560
|
-
element: isHandoff ? void 0 : element
|
|
2561
|
-
};
|
|
2562
|
-
if (!isTransitionDefined(valueTransition)) {
|
|
2563
|
-
Object.assign(options, getDefaultTransition(name, options));
|
|
2564
|
-
}
|
|
2565
|
-
options.duration && (options.duration = secondsToMilliseconds(options.duration));
|
|
2566
|
-
options.repeatDelay && (options.repeatDelay = secondsToMilliseconds(options.repeatDelay));
|
|
2567
|
-
if (options.from !== void 0) {
|
|
2568
|
-
options.keyframes[0] = options.from;
|
|
2569
|
-
}
|
|
2570
|
-
let shouldSkip = false;
|
|
2571
|
-
if (options.type === false || options.duration === 0 && !options.repeatDelay) {
|
|
2572
|
-
makeAnimationInstant(options);
|
|
2573
|
-
if (options.delay === 0) {
|
|
2574
|
-
shouldSkip = true;
|
|
2575
|
-
}
|
|
2576
|
-
}
|
|
2577
|
-
if (MotionGlobalConfig.instantAnimations || MotionGlobalConfig.skipAnimations || element?.shouldSkipAnimations) {
|
|
2578
|
-
shouldSkip = true;
|
|
2579
|
-
makeAnimationInstant(options);
|
|
2580
|
-
options.delay = 0;
|
|
2581
|
-
}
|
|
2582
|
-
options.allowFlatten = !valueTransition.type && !valueTransition.ease;
|
|
2583
|
-
if (shouldSkip && !isHandoff && value.get() !== void 0) {
|
|
2584
|
-
const finalKeyframe = getFinalKeyframe(options.keyframes, valueTransition);
|
|
2585
|
-
if (finalKeyframe !== void 0) {
|
|
2586
|
-
frame.update(() => {
|
|
2587
|
-
options.onUpdate(finalKeyframe);
|
|
2588
|
-
options.onComplete();
|
|
2589
|
-
});
|
|
2590
|
-
return;
|
|
2591
|
-
}
|
|
2592
|
-
}
|
|
2593
|
-
return valueTransition.isSync ? new JSAnimation(options) : new AsyncMotionValueAnimation(options);
|
|
2594
|
-
};
|
|
2595
|
-
|
|
2596
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/resolve-variants.mjs
|
|
2597
|
-
function getValueState(visualElement) {
|
|
2598
|
-
const state = [{}, {}];
|
|
2599
|
-
visualElement?.values.forEach((value, key) => {
|
|
2600
|
-
state[0][key] = value.get();
|
|
2601
|
-
state[1][key] = value.getVelocity();
|
|
2602
|
-
});
|
|
2603
|
-
return state;
|
|
2604
|
-
}
|
|
2605
|
-
function resolveVariantFromProps(props, definition, custom, visualElement) {
|
|
2606
|
-
if (typeof definition === "function") {
|
|
2607
|
-
const [current, velocity] = getValueState(visualElement);
|
|
2608
|
-
definition = definition(custom !== void 0 ? custom : props.custom, current, velocity);
|
|
2609
|
-
}
|
|
2610
|
-
if (typeof definition === "string") {
|
|
2611
|
-
definition = props.variants && props.variants[definition];
|
|
2612
|
-
}
|
|
2613
|
-
if (typeof definition === "function") {
|
|
2614
|
-
const [current, velocity] = getValueState(visualElement);
|
|
2615
|
-
definition = definition(custom !== void 0 ? custom : props.custom, current, velocity);
|
|
2616
|
-
}
|
|
2617
|
-
return definition;
|
|
2618
|
-
}
|
|
2619
|
-
|
|
2620
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/resolve-dynamic-variants.mjs
|
|
2621
|
-
function resolveVariant(visualElement, definition, custom) {
|
|
2622
|
-
const props = visualElement.getProps();
|
|
2623
|
-
return resolveVariantFromProps(props, definition, custom !== void 0 ? custom : props.custom, visualElement);
|
|
2624
|
-
}
|
|
2625
|
-
|
|
2626
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/keys-position.mjs
|
|
2627
|
-
var positionalKeys = /* @__PURE__ */ new Set([
|
|
2628
|
-
"width",
|
|
2629
|
-
"height",
|
|
2630
|
-
"top",
|
|
2631
|
-
"left",
|
|
2632
|
-
"right",
|
|
2633
|
-
"bottom",
|
|
2634
|
-
...transformPropOrder
|
|
2635
|
-
]);
|
|
2636
|
-
|
|
2637
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/index.mjs
|
|
2429
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/index.mjs
|
|
2638
2430
|
var MAX_VELOCITY_DELTA = 30;
|
|
2639
2431
|
var isFloat = (value) => {
|
|
2640
2432
|
return !isNaN(parseFloat(value));
|
|
@@ -2877,48 +2669,243 @@ var MotionValue = class {
|
|
|
2877
2669
|
this.events.animationCancel.notify();
|
|
2878
2670
|
}
|
|
2879
2671
|
}
|
|
2880
|
-
this.clearAnimation();
|
|
2881
|
-
}
|
|
2882
|
-
/**
|
|
2883
|
-
* Returns `true` if this value is currently animating.
|
|
2884
|
-
*
|
|
2885
|
-
* @public
|
|
2886
|
-
*/
|
|
2887
|
-
isAnimating() {
|
|
2888
|
-
return !!this.animation;
|
|
2672
|
+
this.clearAnimation();
|
|
2673
|
+
}
|
|
2674
|
+
/**
|
|
2675
|
+
* Returns `true` if this value is currently animating.
|
|
2676
|
+
*
|
|
2677
|
+
* @public
|
|
2678
|
+
*/
|
|
2679
|
+
isAnimating() {
|
|
2680
|
+
return !!this.animation;
|
|
2681
|
+
}
|
|
2682
|
+
clearAnimation() {
|
|
2683
|
+
delete this.animation;
|
|
2684
|
+
}
|
|
2685
|
+
/**
|
|
2686
|
+
* Destroy and clean up subscribers to this `MotionValue`.
|
|
2687
|
+
*
|
|
2688
|
+
* The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically
|
|
2689
|
+
* handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually
|
|
2690
|
+
* created a `MotionValue` via the `motionValue` function.
|
|
2691
|
+
*
|
|
2692
|
+
* @public
|
|
2693
|
+
*/
|
|
2694
|
+
destroy() {
|
|
2695
|
+
this.dependents?.clear();
|
|
2696
|
+
this.events.destroy?.notify();
|
|
2697
|
+
this.clearListeners();
|
|
2698
|
+
this.stop();
|
|
2699
|
+
if (this.stopPassiveEffect) {
|
|
2700
|
+
this.stopPassiveEffect();
|
|
2701
|
+
}
|
|
2702
|
+
}
|
|
2703
|
+
};
|
|
2704
|
+
function motionValue(init, options) {
|
|
2705
|
+
return new MotionValue(init, options);
|
|
2706
|
+
}
|
|
2707
|
+
|
|
2708
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/resolve-transition.mjs
|
|
2709
|
+
function resolveTransition(transition, parentTransition) {
|
|
2710
|
+
if (transition?.inherit && parentTransition) {
|
|
2711
|
+
const { inherit: _, ...rest } = transition;
|
|
2712
|
+
return { ...parentTransition, ...rest };
|
|
2713
|
+
}
|
|
2714
|
+
return transition;
|
|
2715
|
+
}
|
|
2716
|
+
|
|
2717
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/get-value-transition.mjs
|
|
2718
|
+
function getValueTransition(transition, key) {
|
|
2719
|
+
const valueTransition = transition?.[key] ?? transition?.["default"] ?? transition;
|
|
2720
|
+
if (valueTransition !== transition) {
|
|
2721
|
+
return resolveTransition(valueTransition, transition);
|
|
2722
|
+
}
|
|
2723
|
+
return valueTransition;
|
|
2724
|
+
}
|
|
2725
|
+
|
|
2726
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/default-transitions.mjs
|
|
2727
|
+
var underDampedSpring = {
|
|
2728
|
+
type: "spring",
|
|
2729
|
+
stiffness: 500,
|
|
2730
|
+
damping: 25,
|
|
2731
|
+
restSpeed: 10
|
|
2732
|
+
};
|
|
2733
|
+
var criticallyDampedSpring = (target) => ({
|
|
2734
|
+
type: "spring",
|
|
2735
|
+
stiffness: 550,
|
|
2736
|
+
damping: target === 0 ? 2 * Math.sqrt(550) : 30,
|
|
2737
|
+
restSpeed: 10
|
|
2738
|
+
});
|
|
2739
|
+
var keyframesTransition = {
|
|
2740
|
+
type: "keyframes",
|
|
2741
|
+
duration: 0.8
|
|
2742
|
+
};
|
|
2743
|
+
var ease = {
|
|
2744
|
+
type: "keyframes",
|
|
2745
|
+
ease: [0.25, 0.1, 0.35, 1],
|
|
2746
|
+
duration: 0.3
|
|
2747
|
+
};
|
|
2748
|
+
var getDefaultTransition = (valueKey, { keyframes: keyframes2 }) => {
|
|
2749
|
+
if (keyframes2.length > 2) {
|
|
2750
|
+
return keyframesTransition;
|
|
2751
|
+
} else if (transformProps.has(valueKey)) {
|
|
2752
|
+
return valueKey.startsWith("scale") ? criticallyDampedSpring(keyframes2[1]) : underDampedSpring;
|
|
2753
|
+
}
|
|
2754
|
+
return ease;
|
|
2755
|
+
};
|
|
2756
|
+
|
|
2757
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/is-transition-defined.mjs
|
|
2758
|
+
var orchestrationKeys = /* @__PURE__ */ new Set([
|
|
2759
|
+
"when",
|
|
2760
|
+
"delay",
|
|
2761
|
+
"delayChildren",
|
|
2762
|
+
"staggerChildren",
|
|
2763
|
+
"staggerDirection",
|
|
2764
|
+
"repeat",
|
|
2765
|
+
"repeatType",
|
|
2766
|
+
"repeatDelay",
|
|
2767
|
+
"from",
|
|
2768
|
+
"elapsed"
|
|
2769
|
+
]);
|
|
2770
|
+
function isTransitionDefined(transition) {
|
|
2771
|
+
for (const key in transition) {
|
|
2772
|
+
if (!orchestrationKeys.has(key))
|
|
2773
|
+
return true;
|
|
2774
|
+
}
|
|
2775
|
+
return false;
|
|
2776
|
+
}
|
|
2777
|
+
|
|
2778
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/interfaces/motion-value.mjs
|
|
2779
|
+
var animateMotionValue = (name, value, target, transition = {}, element, isHandoff) => (onComplete) => {
|
|
2780
|
+
const valueTransition = getValueTransition(transition, name) || {};
|
|
2781
|
+
const delay2 = valueTransition.delay || transition.delay || 0;
|
|
2782
|
+
let { elapsed = 0 } = transition;
|
|
2783
|
+
elapsed = elapsed - secondsToMilliseconds(delay2);
|
|
2784
|
+
const options = {
|
|
2785
|
+
keyframes: Array.isArray(target) ? target : [null, target],
|
|
2786
|
+
ease: "easeOut",
|
|
2787
|
+
velocity: value.getVelocity(),
|
|
2788
|
+
...valueTransition,
|
|
2789
|
+
delay: -elapsed,
|
|
2790
|
+
onUpdate: (v) => {
|
|
2791
|
+
value.set(v);
|
|
2792
|
+
valueTransition.onUpdate && valueTransition.onUpdate(v);
|
|
2793
|
+
},
|
|
2794
|
+
onComplete: () => {
|
|
2795
|
+
onComplete();
|
|
2796
|
+
valueTransition.onComplete && valueTransition.onComplete();
|
|
2797
|
+
},
|
|
2798
|
+
name,
|
|
2799
|
+
motionValue: value,
|
|
2800
|
+
element: isHandoff ? void 0 : element
|
|
2801
|
+
};
|
|
2802
|
+
if (!isTransitionDefined(valueTransition)) {
|
|
2803
|
+
Object.assign(options, getDefaultTransition(name, options));
|
|
2804
|
+
}
|
|
2805
|
+
options.duration && (options.duration = secondsToMilliseconds(options.duration));
|
|
2806
|
+
options.repeatDelay && (options.repeatDelay = secondsToMilliseconds(options.repeatDelay));
|
|
2807
|
+
if (options.from !== void 0) {
|
|
2808
|
+
options.keyframes[0] = options.from;
|
|
2809
|
+
}
|
|
2810
|
+
let shouldSkip = false;
|
|
2811
|
+
if (options.type === false || options.duration === 0 && !options.repeatDelay) {
|
|
2812
|
+
makeAnimationInstant(options);
|
|
2813
|
+
if (options.delay === 0) {
|
|
2814
|
+
shouldSkip = true;
|
|
2815
|
+
}
|
|
2889
2816
|
}
|
|
2890
|
-
|
|
2891
|
-
|
|
2817
|
+
if (MotionGlobalConfig.instantAnimations || MotionGlobalConfig.skipAnimations || element?.shouldSkipAnimations || valueTransition.skipAnimations) {
|
|
2818
|
+
shouldSkip = true;
|
|
2819
|
+
makeAnimationInstant(options);
|
|
2820
|
+
options.delay = 0;
|
|
2892
2821
|
}
|
|
2893
|
-
|
|
2894
|
-
|
|
2895
|
-
|
|
2896
|
-
|
|
2897
|
-
|
|
2898
|
-
|
|
2899
|
-
|
|
2900
|
-
|
|
2901
|
-
|
|
2902
|
-
destroy() {
|
|
2903
|
-
this.dependents?.clear();
|
|
2904
|
-
this.events.destroy?.notify();
|
|
2905
|
-
this.clearListeners();
|
|
2906
|
-
this.stop();
|
|
2907
|
-
if (this.stopPassiveEffect) {
|
|
2908
|
-
this.stopPassiveEffect();
|
|
2822
|
+
options.allowFlatten = !valueTransition.type && !valueTransition.ease;
|
|
2823
|
+
if (shouldSkip && !isHandoff && value.get() !== void 0) {
|
|
2824
|
+
const finalKeyframe = getFinalKeyframe(options.keyframes, valueTransition);
|
|
2825
|
+
if (finalKeyframe !== void 0) {
|
|
2826
|
+
frame.update(() => {
|
|
2827
|
+
options.onUpdate(finalKeyframe);
|
|
2828
|
+
options.onComplete();
|
|
2829
|
+
});
|
|
2830
|
+
return;
|
|
2909
2831
|
}
|
|
2910
2832
|
}
|
|
2833
|
+
return valueTransition.isSync ? new JSAnimation(options) : new AsyncMotionValueAnimation(options);
|
|
2911
2834
|
};
|
|
2912
|
-
|
|
2913
|
-
|
|
2835
|
+
|
|
2836
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/css-variables-conversion.mjs
|
|
2837
|
+
var splitCSSVariableRegex = (
|
|
2838
|
+
// eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
|
|
2839
|
+
/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
|
|
2840
|
+
);
|
|
2841
|
+
function parseCSSVariable(current) {
|
|
2842
|
+
const match = splitCSSVariableRegex.exec(current);
|
|
2843
|
+
if (!match)
|
|
2844
|
+
return [,];
|
|
2845
|
+
const [, token1, token2, fallback] = match;
|
|
2846
|
+
return [`--${token1 ?? token2}`, fallback];
|
|
2847
|
+
}
|
|
2848
|
+
var maxDepth = 4;
|
|
2849
|
+
function getVariableValue(current, element, depth = 1) {
|
|
2850
|
+
invariant(depth <= maxDepth, `Max CSS variable fallback depth detected in property "${current}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
|
|
2851
|
+
const [token, fallback] = parseCSSVariable(current);
|
|
2852
|
+
if (!token)
|
|
2853
|
+
return;
|
|
2854
|
+
const resolved = window.getComputedStyle(element).getPropertyValue(token);
|
|
2855
|
+
if (resolved) {
|
|
2856
|
+
const trimmed = resolved.trim();
|
|
2857
|
+
return isNumericalString(trimmed) ? parseFloat(trimmed) : trimmed;
|
|
2858
|
+
}
|
|
2859
|
+
return isCSSVariableToken(fallback) ? getVariableValue(fallback, element, depth + 1) : fallback;
|
|
2860
|
+
}
|
|
2861
|
+
|
|
2862
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/resolve-variants.mjs
|
|
2863
|
+
function getValueState(visualElement) {
|
|
2864
|
+
const state = [{}, {}];
|
|
2865
|
+
visualElement?.values.forEach((value, key) => {
|
|
2866
|
+
state[0][key] = value.get();
|
|
2867
|
+
state[1][key] = value.getVelocity();
|
|
2868
|
+
});
|
|
2869
|
+
return state;
|
|
2870
|
+
}
|
|
2871
|
+
function resolveVariantFromProps(props, definition, custom, visualElement) {
|
|
2872
|
+
if (typeof definition === "function") {
|
|
2873
|
+
const [current, velocity] = getValueState(visualElement);
|
|
2874
|
+
definition = definition(custom !== void 0 ? custom : props.custom, current, velocity);
|
|
2875
|
+
}
|
|
2876
|
+
if (typeof definition === "string") {
|
|
2877
|
+
definition = props.variants && props.variants[definition];
|
|
2878
|
+
}
|
|
2879
|
+
if (typeof definition === "function") {
|
|
2880
|
+
const [current, velocity] = getValueState(visualElement);
|
|
2881
|
+
definition = definition(custom !== void 0 ? custom : props.custom, current, velocity);
|
|
2882
|
+
}
|
|
2883
|
+
return definition;
|
|
2884
|
+
}
|
|
2885
|
+
|
|
2886
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/resolve-dynamic-variants.mjs
|
|
2887
|
+
function resolveVariant(visualElement, definition, custom) {
|
|
2888
|
+
const props = visualElement.getProps();
|
|
2889
|
+
return resolveVariantFromProps(props, definition, custom !== void 0 ? custom : props.custom, visualElement);
|
|
2914
2890
|
}
|
|
2915
2891
|
|
|
2916
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2892
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/keys-position.mjs
|
|
2893
|
+
var positionalKeys = /* @__PURE__ */ new Set([
|
|
2894
|
+
"width",
|
|
2895
|
+
"height",
|
|
2896
|
+
"top",
|
|
2897
|
+
"left",
|
|
2898
|
+
"right",
|
|
2899
|
+
"bottom",
|
|
2900
|
+
...transformPropOrder
|
|
2901
|
+
]);
|
|
2902
|
+
|
|
2903
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/is-keyframes-target.mjs
|
|
2917
2904
|
var isKeyframesTarget = (v) => {
|
|
2918
2905
|
return Array.isArray(v);
|
|
2919
2906
|
};
|
|
2920
2907
|
|
|
2921
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2908
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/setters.mjs
|
|
2922
2909
|
function setMotionValue(visualElement, key, value) {
|
|
2923
2910
|
if (visualElement.hasValue(key)) {
|
|
2924
2911
|
visualElement.getValue(key).set(value);
|
|
@@ -2939,15 +2926,15 @@ function setTarget(visualElement, definition) {
|
|
|
2939
2926
|
}
|
|
2940
2927
|
}
|
|
2941
2928
|
|
|
2942
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2929
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/utils/is-motion-value.mjs
|
|
2943
2930
|
var isMotionValue = (value) => Boolean(value && value.getVelocity);
|
|
2944
2931
|
|
|
2945
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2932
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/will-change/is.mjs
|
|
2946
2933
|
function isWillChangeMotionValue(value) {
|
|
2947
2934
|
return Boolean(isMotionValue(value) && value.add);
|
|
2948
2935
|
}
|
|
2949
2936
|
|
|
2950
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2937
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/will-change/add-will-change.mjs
|
|
2951
2938
|
function addValueToWillChange(visualElement, key) {
|
|
2952
2939
|
const willChange = visualElement.getValue("willChange");
|
|
2953
2940
|
if (isWillChangeMotionValue(willChange)) {
|
|
@@ -2959,21 +2946,22 @@ function addValueToWillChange(visualElement, key) {
|
|
|
2959
2946
|
}
|
|
2960
2947
|
}
|
|
2961
2948
|
|
|
2962
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2949
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/dom/utils/camel-to-dash.mjs
|
|
2963
2950
|
function camelToDash(str) {
|
|
2964
2951
|
return str.replace(/([A-Z])/g, (match) => `-${match.toLowerCase()}`);
|
|
2965
2952
|
}
|
|
2966
2953
|
|
|
2967
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2954
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/optimized-appear/data-id.mjs
|
|
2968
2955
|
var optimizedAppearDataId = "framerAppearId";
|
|
2969
2956
|
var optimizedAppearDataAttribute = "data-" + camelToDash(optimizedAppearDataId);
|
|
2970
2957
|
|
|
2971
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2958
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/optimized-appear/get-appear-id.mjs
|
|
2972
2959
|
function getOptimisedAppearId(visualElement) {
|
|
2973
2960
|
return visualElement.props[optimizedAppearDataAttribute];
|
|
2974
2961
|
}
|
|
2975
2962
|
|
|
2976
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2963
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/interfaces/visual-element-target.mjs
|
|
2964
|
+
var isBrowser2 = typeof window !== "undefined";
|
|
2977
2965
|
function shouldBlockAnimation({ protectedKeys, needsAnimating }, key) {
|
|
2978
2966
|
const shouldBlock = protectedKeys.hasOwnProperty(key) && needsAnimating[key] !== true;
|
|
2979
2967
|
needsAnimating[key] = false;
|
|
@@ -2984,10 +2972,15 @@ function animateTarget(visualElement, targetAndTransition, { delay: delay2 = 0,
|
|
|
2984
2972
|
const defaultTransition = visualElement.getDefaultTransition();
|
|
2985
2973
|
transition = transition ? resolveTransition(transition, defaultTransition) : defaultTransition;
|
|
2986
2974
|
const reduceMotion = transition?.reduceMotion;
|
|
2975
|
+
const skipAnimations = transition?.skipAnimations;
|
|
2987
2976
|
if (transitionOverride)
|
|
2988
2977
|
transition = transitionOverride;
|
|
2989
2978
|
const animations2 = [];
|
|
2990
2979
|
const animationTypeState = type && visualElement.animationState && visualElement.animationState.getState()[type];
|
|
2980
|
+
const path = transition?.path;
|
|
2981
|
+
if (path) {
|
|
2982
|
+
path.animateVisualElement(visualElement, target, transition, delay2, animations2);
|
|
2983
|
+
}
|
|
2991
2984
|
for (const key in target) {
|
|
2992
2985
|
const value = visualElement.getValue(key, visualElement.latestValues[key] ?? null);
|
|
2993
2986
|
const valueTarget = target[key];
|
|
@@ -2998,13 +2991,15 @@ function animateTarget(visualElement, targetAndTransition, { delay: delay2 = 0,
|
|
|
2998
2991
|
delay: delay2,
|
|
2999
2992
|
...getValueTransition(transition || {}, key)
|
|
3000
2993
|
};
|
|
2994
|
+
if (skipAnimations)
|
|
2995
|
+
valueTransition.skipAnimations = true;
|
|
3001
2996
|
const currentValue = value.get();
|
|
3002
2997
|
if (currentValue !== void 0 && !value.isAnimating() && !Array.isArray(valueTarget) && valueTarget === currentValue && !valueTransition.velocity) {
|
|
3003
2998
|
frame.update(() => value.set(valueTarget));
|
|
3004
2999
|
continue;
|
|
3005
3000
|
}
|
|
3006
3001
|
let isHandoff = false;
|
|
3007
|
-
if (window.MotionHandoffAnimation) {
|
|
3002
|
+
if (isBrowser2 && window.MotionHandoffAnimation) {
|
|
3008
3003
|
const appearId = getOptimisedAppearId(visualElement);
|
|
3009
3004
|
if (appearId) {
|
|
3010
3005
|
const startTime = window.MotionHandoffAnimation(appearId, key, frame);
|
|
@@ -3035,7 +3030,7 @@ function animateTarget(visualElement, targetAndTransition, { delay: delay2 = 0,
|
|
|
3035
3030
|
return animations2;
|
|
3036
3031
|
}
|
|
3037
3032
|
|
|
3038
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3033
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/interfaces/visual-element-variant.mjs
|
|
3039
3034
|
function animateVariant(visualElement, variant, options = {}) {
|
|
3040
3035
|
const resolved = resolveVariant(visualElement, variant, options.type === "exit" ? visualElement.presenceContext?.custom : void 0);
|
|
3041
3036
|
let { transition = visualElement.getDefaultTransition() || {} } = resolved || {};
|
|
@@ -3067,7 +3062,7 @@ function animateChildren(visualElement, variant, delay2 = 0, delayChildren = 0,
|
|
|
3067
3062
|
return Promise.all(animations2);
|
|
3068
3063
|
}
|
|
3069
3064
|
|
|
3070
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3065
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/interfaces/visual-element.mjs
|
|
3071
3066
|
function animateVisualElement(visualElement, definition, options = {}) {
|
|
3072
3067
|
visualElement.notify("AnimationStart", definition);
|
|
3073
3068
|
let animation;
|
|
@@ -3085,20 +3080,20 @@ function animateVisualElement(visualElement, definition, options = {}) {
|
|
|
3085
3080
|
});
|
|
3086
3081
|
}
|
|
3087
3082
|
|
|
3088
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3083
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/auto.mjs
|
|
3089
3084
|
var auto = {
|
|
3090
3085
|
test: (v) => v === "auto",
|
|
3091
3086
|
parse: (v) => v
|
|
3092
3087
|
};
|
|
3093
3088
|
|
|
3094
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3089
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/test.mjs
|
|
3095
3090
|
var testValueType = (v) => (type) => type.test(v);
|
|
3096
3091
|
|
|
3097
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3092
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/dimensions.mjs
|
|
3098
3093
|
var dimensionValueTypes = [number, px, percent, degrees, vw, vh, auto];
|
|
3099
3094
|
var findDimensionValueType = (v) => dimensionValueTypes.find(testValueType(v));
|
|
3100
3095
|
|
|
3101
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3096
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/utils/is-none.mjs
|
|
3102
3097
|
function isNone(value) {
|
|
3103
3098
|
if (typeof value === "number") {
|
|
3104
3099
|
return value === 0;
|
|
@@ -3109,7 +3104,7 @@ function isNone(value) {
|
|
|
3109
3104
|
}
|
|
3110
3105
|
}
|
|
3111
3106
|
|
|
3112
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3107
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/complex/filter.mjs
|
|
3113
3108
|
var maxDefaults = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
|
|
3114
3109
|
function applyDefaultFilter(v) {
|
|
3115
3110
|
const [name, value] = v.slice(0, -1).split("(");
|
|
@@ -3133,7 +3128,7 @@ var filter = {
|
|
|
3133
3128
|
}
|
|
3134
3129
|
};
|
|
3135
3130
|
|
|
3136
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3131
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/complex/mask.mjs
|
|
3137
3132
|
var mask = {
|
|
3138
3133
|
...complex,
|
|
3139
3134
|
getAnimatableNone: (v) => {
|
|
@@ -3143,15 +3138,21 @@ var mask = {
|
|
|
3143
3138
|
}
|
|
3144
3139
|
};
|
|
3145
3140
|
|
|
3146
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3141
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/int.mjs
|
|
3147
3142
|
var int = {
|
|
3148
3143
|
...number,
|
|
3149
3144
|
transform: Math.round
|
|
3150
3145
|
};
|
|
3151
3146
|
|
|
3152
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3147
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/maps/transform.mjs
|
|
3153
3148
|
var transformValueTypes = {
|
|
3154
3149
|
rotate: degrees,
|
|
3150
|
+
/**
|
|
3151
|
+
* Internal channel for `transition.path` orientToPath. Composed onto
|
|
3152
|
+
* `rotate` at the transform-build sites so the user's `rotate` is
|
|
3153
|
+
* never read or overwritten. Not part of `transformPropOrder`.
|
|
3154
|
+
*/
|
|
3155
|
+
pathRotation: degrees,
|
|
3155
3156
|
rotateX: degrees,
|
|
3156
3157
|
rotateY: degrees,
|
|
3157
3158
|
rotateZ: degrees,
|
|
@@ -3177,7 +3178,7 @@ var transformValueTypes = {
|
|
|
3177
3178
|
originZ: px
|
|
3178
3179
|
};
|
|
3179
3180
|
|
|
3180
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3181
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/maps/number.mjs
|
|
3181
3182
|
var numberValueTypes = {
|
|
3182
3183
|
// Border props
|
|
3183
3184
|
borderWidth: px,
|
|
@@ -3242,7 +3243,7 @@ var numberValueTypes = {
|
|
|
3242
3243
|
numOctaves: int
|
|
3243
3244
|
};
|
|
3244
3245
|
|
|
3245
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3246
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/maps/defaults.mjs
|
|
3246
3247
|
var defaultValueTypes = {
|
|
3247
3248
|
...numberValueTypes,
|
|
3248
3249
|
// Color props
|
|
@@ -3264,7 +3265,7 @@ var defaultValueTypes = {
|
|
|
3264
3265
|
};
|
|
3265
3266
|
var getDefaultValueType = (key) => defaultValueTypes[key];
|
|
3266
3267
|
|
|
3267
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3268
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/animatable-none.mjs
|
|
3268
3269
|
var customTypes = /* @__PURE__ */ new Set([filter, mask]);
|
|
3269
3270
|
function getAnimatableNone2(key, value) {
|
|
3270
3271
|
let defaultValueType = getDefaultValueType(key);
|
|
@@ -3273,7 +3274,7 @@ function getAnimatableNone2(key, value) {
|
|
|
3273
3274
|
return defaultValueType.getAnimatableNone ? defaultValueType.getAnimatableNone(value) : void 0;
|
|
3274
3275
|
}
|
|
3275
3276
|
|
|
3276
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3277
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/utils/make-none-animatable.mjs
|
|
3277
3278
|
var invalidTemplates = /* @__PURE__ */ new Set(["auto", "none", "0"]);
|
|
3278
3279
|
function makeNoneKeyframesAnimatable(unresolvedKeyframes, noneKeyframeIndexes, name) {
|
|
3279
3280
|
let i = 0;
|
|
@@ -3292,7 +3293,7 @@ function makeNoneKeyframesAnimatable(unresolvedKeyframes, noneKeyframeIndexes, n
|
|
|
3292
3293
|
}
|
|
3293
3294
|
}
|
|
3294
3295
|
|
|
3295
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3296
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/DOMKeyframesResolver.mjs
|
|
3296
3297
|
var DOMKeyframesResolver = class extends KeyframeResolver {
|
|
3297
3298
|
constructor(unresolvedKeyframes, onComplete, name, motionValue2, element) {
|
|
3298
3299
|
super(unresolvedKeyframes, onComplete, name, motionValue2, element, true);
|
|
@@ -3390,7 +3391,15 @@ var DOMKeyframesResolver = class extends KeyframeResolver {
|
|
|
3390
3391
|
}
|
|
3391
3392
|
};
|
|
3392
3393
|
|
|
3393
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3394
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/border-radius.mjs
|
|
3395
|
+
var cornerRadiusProps = [
|
|
3396
|
+
"borderTopLeftRadius",
|
|
3397
|
+
"borderTopRightRadius",
|
|
3398
|
+
"borderBottomRightRadius",
|
|
3399
|
+
"borderBottomLeftRadius"
|
|
3400
|
+
];
|
|
3401
|
+
|
|
3402
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/resolve-elements.mjs
|
|
3394
3403
|
function resolveElements(elementOrSelector, scope, selectorCache) {
|
|
3395
3404
|
if (elementOrSelector == null) {
|
|
3396
3405
|
return [];
|
|
@@ -3405,20 +3414,20 @@ function resolveElements(elementOrSelector, scope, selectorCache) {
|
|
|
3405
3414
|
return Array.from(elementOrSelector).filter((element) => element != null);
|
|
3406
3415
|
}
|
|
3407
3416
|
|
|
3408
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3417
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/get-as-type.mjs
|
|
3409
3418
|
var getValueAsType = (value, type) => {
|
|
3410
3419
|
return type && typeof value === "number" ? type.transform(value) : value;
|
|
3411
3420
|
};
|
|
3412
3421
|
|
|
3413
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3422
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/is-html-element.mjs
|
|
3414
3423
|
function isHTMLElement(element) {
|
|
3415
3424
|
return isObject(element) && "offsetHeight" in element && !("ownerSVGElement" in element);
|
|
3416
3425
|
}
|
|
3417
3426
|
|
|
3418
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3427
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/frameloop/microtask.mjs
|
|
3419
3428
|
var { schedule: microtask} = /* @__PURE__ */ createRenderBatcher(queueMicrotask, false);
|
|
3420
3429
|
|
|
3421
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3430
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/drag/state/is-active.mjs
|
|
3422
3431
|
var isDragging = {
|
|
3423
3432
|
x: false,
|
|
3424
3433
|
y: false
|
|
@@ -3427,7 +3436,7 @@ function isDragActive() {
|
|
|
3427
3436
|
return isDragging.x || isDragging.y;
|
|
3428
3437
|
}
|
|
3429
3438
|
|
|
3430
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3439
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/drag/state/set-active.mjs
|
|
3431
3440
|
function setDragLock(axis) {
|
|
3432
3441
|
if (axis === "x" || axis === "y") {
|
|
3433
3442
|
if (isDragging[axis]) {
|
|
@@ -3450,7 +3459,7 @@ function setDragLock(axis) {
|
|
|
3450
3459
|
}
|
|
3451
3460
|
}
|
|
3452
3461
|
|
|
3453
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3462
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/utils/setup.mjs
|
|
3454
3463
|
function setupGesture(elementOrSelector, options) {
|
|
3455
3464
|
const elements = resolveElements(elementOrSelector);
|
|
3456
3465
|
const gestureAbortController = new AbortController();
|
|
@@ -3463,7 +3472,7 @@ function setupGesture(elementOrSelector, options) {
|
|
|
3463
3472
|
return [elements, eventOptions, cancel];
|
|
3464
3473
|
}
|
|
3465
3474
|
|
|
3466
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3475
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/hover.mjs
|
|
3467
3476
|
function isValidHover(event) {
|
|
3468
3477
|
return !(event.pointerType === "touch" || isDragActive());
|
|
3469
3478
|
}
|
|
@@ -3522,7 +3531,7 @@ function hover(elementOrSelector, onHoverStart, options = {}) {
|
|
|
3522
3531
|
return cancel;
|
|
3523
3532
|
}
|
|
3524
3533
|
|
|
3525
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3534
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/utils/is-node-or-child.mjs
|
|
3526
3535
|
var isNodeOrChild = (parent, child) => {
|
|
3527
3536
|
if (!child) {
|
|
3528
3537
|
return false;
|
|
@@ -3533,7 +3542,7 @@ var isNodeOrChild = (parent, child) => {
|
|
|
3533
3542
|
}
|
|
3534
3543
|
};
|
|
3535
3544
|
|
|
3536
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3545
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/utils/is-primary-pointer.mjs
|
|
3537
3546
|
var isPrimaryPointer = (event) => {
|
|
3538
3547
|
if (event.pointerType === "mouse") {
|
|
3539
3548
|
return typeof event.button !== "number" || event.button <= 0;
|
|
@@ -3542,7 +3551,7 @@ var isPrimaryPointer = (event) => {
|
|
|
3542
3551
|
}
|
|
3543
3552
|
};
|
|
3544
3553
|
|
|
3545
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3554
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/press/utils/is-keyboard-accessible.mjs
|
|
3546
3555
|
var keyboardAccessibleElements = /* @__PURE__ */ new Set([
|
|
3547
3556
|
"BUTTON",
|
|
3548
3557
|
"INPUT",
|
|
@@ -3558,10 +3567,10 @@ function isElementTextInput(element) {
|
|
|
3558
3567
|
return textInputElements.has(element.tagName) || element.isContentEditable === true;
|
|
3559
3568
|
}
|
|
3560
3569
|
|
|
3561
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3570
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/press/utils/state.mjs
|
|
3562
3571
|
var isPressing = /* @__PURE__ */ new WeakSet();
|
|
3563
3572
|
|
|
3564
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3573
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/press/utils/keyboard.mjs
|
|
3565
3574
|
function filterEvents(callback) {
|
|
3566
3575
|
return (event) => {
|
|
3567
3576
|
if (event.key !== "Enter")
|
|
@@ -3591,7 +3600,7 @@ var enableKeyboardPress = (focusEvent, eventOptions) => {
|
|
|
3591
3600
|
element.addEventListener("blur", () => element.removeEventListener("keydown", handleKeydown), eventOptions);
|
|
3592
3601
|
};
|
|
3593
3602
|
|
|
3594
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3603
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/press/index.mjs
|
|
3595
3604
|
function isValidPressEvent(event) {
|
|
3596
3605
|
return isPrimaryPointer(event) && !isDragActive();
|
|
3597
3606
|
}
|
|
@@ -3609,9 +3618,10 @@ function press(targetOrSelector, onPressStart, options = {}) {
|
|
|
3609
3618
|
claimedPointerDownEvents.add(startEvent);
|
|
3610
3619
|
}
|
|
3611
3620
|
const onPressEnd = onPressStart(target, startEvent);
|
|
3621
|
+
const endEventOptions = { ...eventOptions, capture: true };
|
|
3612
3622
|
const onPointerEnd = (endEvent, success) => {
|
|
3613
|
-
window.removeEventListener("pointerup", onPointerUp);
|
|
3614
|
-
window.removeEventListener("pointercancel", onPointerCancel);
|
|
3623
|
+
window.removeEventListener("pointerup", onPointerUp, endEventOptions);
|
|
3624
|
+
window.removeEventListener("pointercancel", onPointerCancel, endEventOptions);
|
|
3615
3625
|
if (isPressing.has(target)) {
|
|
3616
3626
|
isPressing.delete(target);
|
|
3617
3627
|
}
|
|
@@ -3628,8 +3638,8 @@ function press(targetOrSelector, onPressStart, options = {}) {
|
|
|
3628
3638
|
const onPointerCancel = (cancelEvent) => {
|
|
3629
3639
|
onPointerEnd(cancelEvent, false);
|
|
3630
3640
|
};
|
|
3631
|
-
window.addEventListener("pointerup", onPointerUp,
|
|
3632
|
-
window.addEventListener("pointercancel", onPointerCancel,
|
|
3641
|
+
window.addEventListener("pointerup", onPointerUp, endEventOptions);
|
|
3642
|
+
window.addEventListener("pointercancel", onPointerCancel, endEventOptions);
|
|
3633
3643
|
};
|
|
3634
3644
|
targets.forEach((target) => {
|
|
3635
3645
|
const pointerDownTarget = options.useGlobalTarget ? window : target;
|
|
@@ -3644,12 +3654,12 @@ function press(targetOrSelector, onPressStart, options = {}) {
|
|
|
3644
3654
|
return cancelEvents;
|
|
3645
3655
|
}
|
|
3646
3656
|
|
|
3647
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3657
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/is-svg-element.mjs
|
|
3648
3658
|
function isSVGElement(element) {
|
|
3649
3659
|
return isObject(element) && "ownerSVGElement" in element;
|
|
3650
3660
|
}
|
|
3651
3661
|
|
|
3652
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3662
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/resize/handle-element.mjs
|
|
3653
3663
|
var resizeHandlers = /* @__PURE__ */ new WeakMap();
|
|
3654
3664
|
var observer;
|
|
3655
3665
|
var getSize = (borderBoxAxis, svgAxis, htmlAxis) => (target, borderBoxSize) => {
|
|
@@ -3707,7 +3717,7 @@ function resizeElement(target, handler) {
|
|
|
3707
3717
|
};
|
|
3708
3718
|
}
|
|
3709
3719
|
|
|
3710
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3720
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/resize/handle-window.mjs
|
|
3711
3721
|
var windowCallbacks = /* @__PURE__ */ new Set();
|
|
3712
3722
|
var windowResizeHandler;
|
|
3713
3723
|
function createWindowResizeHandler() {
|
|
@@ -3737,21 +3747,21 @@ function resizeWindow(callback) {
|
|
|
3737
3747
|
};
|
|
3738
3748
|
}
|
|
3739
3749
|
|
|
3740
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3750
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/resize/index.mjs
|
|
3741
3751
|
function resize(a, b) {
|
|
3742
3752
|
return typeof a === "function" ? resizeWindow(a) : resizeElement(a, b);
|
|
3743
3753
|
}
|
|
3744
3754
|
|
|
3745
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3755
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/is-svg-svg-element.mjs
|
|
3746
3756
|
function isSVGSVGElement(element) {
|
|
3747
3757
|
return isSVGElement(element) && element.tagName === "svg";
|
|
3748
3758
|
}
|
|
3749
3759
|
|
|
3750
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3760
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/find.mjs
|
|
3751
3761
|
var valueTypes = [...dimensionValueTypes, color, complex];
|
|
3752
3762
|
var findValueType = (v) => valueTypes.find(testValueType(v));
|
|
3753
3763
|
|
|
3754
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3764
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/models.mjs
|
|
3755
3765
|
var createAxisDelta = () => ({
|
|
3756
3766
|
translate: 0,
|
|
3757
3767
|
scale: 1,
|
|
@@ -3768,20 +3778,20 @@ var createBox = () => ({
|
|
|
3768
3778
|
y: createAxis()
|
|
3769
3779
|
});
|
|
3770
3780
|
|
|
3771
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3781
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/store.mjs
|
|
3772
3782
|
var visualElementStore = /* @__PURE__ */ new WeakMap();
|
|
3773
3783
|
|
|
3774
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3784
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/is-animation-controls.mjs
|
|
3775
3785
|
function isAnimationControls(v) {
|
|
3776
3786
|
return v !== null && typeof v === "object" && typeof v.start === "function";
|
|
3777
3787
|
}
|
|
3778
3788
|
|
|
3779
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3789
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/is-variant-label.mjs
|
|
3780
3790
|
function isVariantLabel(v) {
|
|
3781
3791
|
return typeof v === "string" || Array.isArray(v);
|
|
3782
3792
|
}
|
|
3783
3793
|
|
|
3784
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3794
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/variant-props.mjs
|
|
3785
3795
|
var variantPriorityOrder = [
|
|
3786
3796
|
"animate",
|
|
3787
3797
|
"whileInView",
|
|
@@ -3793,7 +3803,7 @@ var variantPriorityOrder = [
|
|
|
3793
3803
|
];
|
|
3794
3804
|
var variantProps = ["initial", ...variantPriorityOrder];
|
|
3795
3805
|
|
|
3796
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3806
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/is-controlling-variants.mjs
|
|
3797
3807
|
function isControllingVariants(props) {
|
|
3798
3808
|
return isAnimationControls(props.animate) || variantProps.some((name) => isVariantLabel(props[name]));
|
|
3799
3809
|
}
|
|
@@ -3801,7 +3811,7 @@ function isVariantNode(props) {
|
|
|
3801
3811
|
return Boolean(isControllingVariants(props) || props.variants);
|
|
3802
3812
|
}
|
|
3803
3813
|
|
|
3804
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3814
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/motion-values.mjs
|
|
3805
3815
|
function updateMotionValuesFromProps(element, next, prev) {
|
|
3806
3816
|
for (const key in next) {
|
|
3807
3817
|
const nextValue = next[key];
|
|
@@ -3831,15 +3841,15 @@ function updateMotionValuesFromProps(element, next, prev) {
|
|
|
3831
3841
|
return next;
|
|
3832
3842
|
}
|
|
3833
3843
|
|
|
3834
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3844
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/reduced-motion/state.mjs
|
|
3835
3845
|
var prefersReducedMotion = { current: null };
|
|
3836
3846
|
var hasReducedMotionListener = { current: false };
|
|
3837
3847
|
|
|
3838
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3839
|
-
var
|
|
3848
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/reduced-motion/index.mjs
|
|
3849
|
+
var isBrowser3 = typeof window !== "undefined";
|
|
3840
3850
|
function initPrefersReducedMotion() {
|
|
3841
3851
|
hasReducedMotionListener.current = true;
|
|
3842
|
-
if (!
|
|
3852
|
+
if (!isBrowser3)
|
|
3843
3853
|
return;
|
|
3844
3854
|
if (window.matchMedia) {
|
|
3845
3855
|
const motionMediaQuery = window.matchMedia("(prefers-reduced-motion)");
|
|
@@ -3851,7 +3861,7 @@ function initPrefersReducedMotion() {
|
|
|
3851
3861
|
}
|
|
3852
3862
|
}
|
|
3853
3863
|
|
|
3854
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3864
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/VisualElement.mjs
|
|
3855
3865
|
var propEventHandlers = [
|
|
3856
3866
|
"AnimationStart",
|
|
3857
3867
|
"AnimationComplete",
|
|
@@ -4040,8 +4050,6 @@ var VisualElement = class {
|
|
|
4040
4050
|
removeOnChange();
|
|
4041
4051
|
if (removeSyncCheck)
|
|
4042
4052
|
removeSyncCheck();
|
|
4043
|
-
if (value.owner)
|
|
4044
|
-
value.stop();
|
|
4045
4053
|
});
|
|
4046
4054
|
}
|
|
4047
4055
|
sortNodePosition(other) {
|
|
@@ -4252,7 +4260,7 @@ var VisualElement = class {
|
|
|
4252
4260
|
}
|
|
4253
4261
|
};
|
|
4254
4262
|
|
|
4255
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4263
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/dom/DOMVisualElement.mjs
|
|
4256
4264
|
var DOMVisualElement = class extends VisualElement {
|
|
4257
4265
|
constructor() {
|
|
4258
4266
|
super(...arguments);
|
|
@@ -4285,7 +4293,7 @@ var DOMVisualElement = class extends VisualElement {
|
|
|
4285
4293
|
}
|
|
4286
4294
|
};
|
|
4287
4295
|
|
|
4288
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4296
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/Feature.mjs
|
|
4289
4297
|
var Feature = class {
|
|
4290
4298
|
constructor(node) {
|
|
4291
4299
|
this.isMounted = false;
|
|
@@ -4295,7 +4303,7 @@ var Feature = class {
|
|
|
4295
4303
|
}
|
|
4296
4304
|
};
|
|
4297
4305
|
|
|
4298
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4306
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/conversion.mjs
|
|
4299
4307
|
function convertBoundingBoxToBox({ top, left, right, bottom }) {
|
|
4300
4308
|
return {
|
|
4301
4309
|
x: { min: left, max: right },
|
|
@@ -4318,7 +4326,7 @@ function transformBoxPoints(point, transformPoint2) {
|
|
|
4318
4326
|
};
|
|
4319
4327
|
}
|
|
4320
4328
|
|
|
4321
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4329
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/utils/has-transform.mjs
|
|
4322
4330
|
function isIdentityScale(scale2) {
|
|
4323
4331
|
return scale2 === void 0 || scale2 === 1;
|
|
4324
4332
|
}
|
|
@@ -4335,7 +4343,7 @@ function is2DTranslate(value) {
|
|
|
4335
4343
|
return value && value !== "0%";
|
|
4336
4344
|
}
|
|
4337
4345
|
|
|
4338
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4346
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/delta-apply.mjs
|
|
4339
4347
|
function scalePoint(point, scale2, originPoint) {
|
|
4340
4348
|
const distanceFromOrigin = point - originPoint;
|
|
4341
4349
|
const scaled = scale2 * distanceFromOrigin;
|
|
@@ -4411,7 +4419,7 @@ function transformBox(box, transform, sourceBox) {
|
|
|
4411
4419
|
transformAxis(box.y, resolveAxisTranslate(transform.y, resolveBox.y), transform.scaleY, transform.scale, transform.originY);
|
|
4412
4420
|
}
|
|
4413
4421
|
|
|
4414
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4422
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/utils/measure.mjs
|
|
4415
4423
|
function measureViewportBox(instance, transformPoint2) {
|
|
4416
4424
|
return convertBoundingBoxToBox(transformBoxPoints(instance.getBoundingClientRect(), transformPoint2));
|
|
4417
4425
|
}
|
|
@@ -4425,7 +4433,7 @@ function measurePageBox(element, rootProjectionNode2, transformPagePoint) {
|
|
|
4425
4433
|
return viewportBox;
|
|
4426
4434
|
}
|
|
4427
4435
|
|
|
4428
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4436
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/html/utils/build-transform.mjs
|
|
4429
4437
|
var translateAlias = {
|
|
4430
4438
|
x: "translateX",
|
|
4431
4439
|
y: "translateY",
|
|
@@ -4460,6 +4468,11 @@ function buildTransform(latestValues, transform, transformTemplate) {
|
|
|
4460
4468
|
}
|
|
4461
4469
|
}
|
|
4462
4470
|
}
|
|
4471
|
+
const pathRotation = latestValues.pathRotation;
|
|
4472
|
+
if (pathRotation) {
|
|
4473
|
+
transformIsDefault = false;
|
|
4474
|
+
transformString += `rotate(${getValueAsType(pathRotation, numberValueTypes.pathRotation)}) `;
|
|
4475
|
+
}
|
|
4463
4476
|
transformString = transformString.trim();
|
|
4464
4477
|
if (transformTemplate) {
|
|
4465
4478
|
transformString = transformTemplate(transform, transformIsDefault ? "" : transformString);
|
|
@@ -4469,7 +4482,7 @@ function buildTransform(latestValues, transform, transformTemplate) {
|
|
|
4469
4482
|
return transformString;
|
|
4470
4483
|
}
|
|
4471
4484
|
|
|
4472
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4485
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/html/utils/build-styles.mjs
|
|
4473
4486
|
function buildHTMLStyles(state, latestValues, transformTemplate) {
|
|
4474
4487
|
const { style, vars, transformOrigin } = state;
|
|
4475
4488
|
let hasTransform2 = false;
|
|
@@ -4505,7 +4518,7 @@ function buildHTMLStyles(state, latestValues, transformTemplate) {
|
|
|
4505
4518
|
}
|
|
4506
4519
|
}
|
|
4507
4520
|
|
|
4508
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4521
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/html/utils/render.mjs
|
|
4509
4522
|
function renderHTML(element, { style, vars }, styleProp, projection) {
|
|
4510
4523
|
const elementStyle = element.style;
|
|
4511
4524
|
let key;
|
|
@@ -4518,7 +4531,7 @@ function renderHTML(element, { style, vars }, styleProp, projection) {
|
|
|
4518
4531
|
}
|
|
4519
4532
|
}
|
|
4520
4533
|
|
|
4521
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4534
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/styles/scale-border-radius.mjs
|
|
4522
4535
|
function pixelsToPercent(pixels, axis) {
|
|
4523
4536
|
if (axis.max === axis.min)
|
|
4524
4537
|
return 0;
|
|
@@ -4541,7 +4554,7 @@ var correctBorderRadius = {
|
|
|
4541
4554
|
}
|
|
4542
4555
|
};
|
|
4543
4556
|
|
|
4544
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4557
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/styles/scale-box-shadow.mjs
|
|
4545
4558
|
var correctBoxShadow = {
|
|
4546
4559
|
correct: (latest, { treeScale, projectionDelta }) => {
|
|
4547
4560
|
const original = latest;
|
|
@@ -4563,16 +4576,11 @@ var correctBoxShadow = {
|
|
|
4563
4576
|
}
|
|
4564
4577
|
};
|
|
4565
4578
|
|
|
4566
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4579
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/styles/scale-correction.mjs
|
|
4567
4580
|
var scaleCorrectors = {
|
|
4568
4581
|
borderRadius: {
|
|
4569
4582
|
...correctBorderRadius,
|
|
4570
|
-
applyTo: [
|
|
4571
|
-
"borderTopLeftRadius",
|
|
4572
|
-
"borderTopRightRadius",
|
|
4573
|
-
"borderBottomLeftRadius",
|
|
4574
|
-
"borderBottomRightRadius"
|
|
4575
|
-
]
|
|
4583
|
+
applyTo: [...cornerRadiusProps]
|
|
4576
4584
|
},
|
|
4577
4585
|
borderTopLeftRadius: correctBorderRadius,
|
|
4578
4586
|
borderTopRightRadius: correctBorderRadius,
|
|
@@ -4581,12 +4589,12 @@ var scaleCorrectors = {
|
|
|
4581
4589
|
boxShadow: correctBoxShadow
|
|
4582
4590
|
};
|
|
4583
4591
|
|
|
4584
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4592
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/is-forced-motion-value.mjs
|
|
4585
4593
|
function isForcedMotionValue(key, { layout: layout2, layoutId }) {
|
|
4586
4594
|
return transformProps.has(key) || key.startsWith("origin") || (layout2 || layoutId !== void 0) && (!!scaleCorrectors[key] || key === "opacity");
|
|
4587
4595
|
}
|
|
4588
4596
|
|
|
4589
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4597
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/html/utils/scrape-motion-values.mjs
|
|
4590
4598
|
function scrapeMotionValuesFromProps(props, prevProps, visualElement) {
|
|
4591
4599
|
const style = props.style;
|
|
4592
4600
|
const prevStyle = prevProps?.style;
|
|
@@ -4601,7 +4609,7 @@ function scrapeMotionValuesFromProps(props, prevProps, visualElement) {
|
|
|
4601
4609
|
return newValues;
|
|
4602
4610
|
}
|
|
4603
4611
|
|
|
4604
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4612
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/html/HTMLVisualElement.mjs
|
|
4605
4613
|
function getComputedStyle2(element) {
|
|
4606
4614
|
return window.getComputedStyle(element);
|
|
4607
4615
|
}
|
|
@@ -4611,6 +4619,10 @@ var HTMLVisualElement = class extends DOMVisualElement {
|
|
|
4611
4619
|
this.type = "html";
|
|
4612
4620
|
this.renderInstance = renderHTML;
|
|
4613
4621
|
}
|
|
4622
|
+
mount(instance) {
|
|
4623
|
+
invariant(Boolean(instance.style), "motion.create() components must forward their ref to a HTML or SVG element", "custom-component-ref");
|
|
4624
|
+
super.mount(instance);
|
|
4625
|
+
}
|
|
4614
4626
|
readValueFromInstance(instance, key) {
|
|
4615
4627
|
if (transformProps.has(key)) {
|
|
4616
4628
|
return this.projection?.isProjecting ? defaultTransformValue(key) : readTransformValue(instance, key);
|
|
@@ -4631,7 +4643,7 @@ var HTMLVisualElement = class extends DOMVisualElement {
|
|
|
4631
4643
|
}
|
|
4632
4644
|
};
|
|
4633
4645
|
|
|
4634
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4646
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/path.mjs
|
|
4635
4647
|
var dashKeys = {
|
|
4636
4648
|
offset: "stroke-dashoffset",
|
|
4637
4649
|
array: "stroke-dasharray"
|
|
@@ -4647,8 +4659,10 @@ function buildSVGPath(attrs, length, spacing = 1, offset = 0, useDashCase = true
|
|
|
4647
4659
|
attrs[keys.array] = `${length} ${spacing}`;
|
|
4648
4660
|
}
|
|
4649
4661
|
|
|
4650
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4651
|
-
var
|
|
4662
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/build-attrs.mjs
|
|
4663
|
+
var cssStyleProperties = [
|
|
4664
|
+
"transform",
|
|
4665
|
+
"opacity",
|
|
4652
4666
|
"offsetDistance",
|
|
4653
4667
|
"offsetPath",
|
|
4654
4668
|
"offsetRotate",
|
|
@@ -4674,9 +4688,11 @@ function buildSVGAttrs(state, {
|
|
|
4674
4688
|
state.attrs = state.style;
|
|
4675
4689
|
state.style = {};
|
|
4676
4690
|
const { attrs, style } = state;
|
|
4677
|
-
|
|
4678
|
-
|
|
4679
|
-
|
|
4691
|
+
for (const key of cssStyleProperties) {
|
|
4692
|
+
if (attrs[key] !== void 0) {
|
|
4693
|
+
style[key] = attrs[key];
|
|
4694
|
+
delete attrs[key];
|
|
4695
|
+
}
|
|
4680
4696
|
}
|
|
4681
4697
|
if (style.transform || attrs.transformOrigin) {
|
|
4682
4698
|
style.transformOrigin = attrs.transformOrigin ?? "50% 50%";
|
|
@@ -4686,12 +4702,6 @@ function buildSVGAttrs(state, {
|
|
|
4686
4702
|
style.transformBox = styleProp?.transformBox ?? "fill-box";
|
|
4687
4703
|
delete attrs.transformBox;
|
|
4688
4704
|
}
|
|
4689
|
-
for (const key of cssMotionPathProperties) {
|
|
4690
|
-
if (attrs[key] !== void 0) {
|
|
4691
|
-
style[key] = attrs[key];
|
|
4692
|
-
delete attrs[key];
|
|
4693
|
-
}
|
|
4694
|
-
}
|
|
4695
4705
|
if (attrX !== void 0)
|
|
4696
4706
|
attrs.x = attrX;
|
|
4697
4707
|
if (attrY !== void 0)
|
|
@@ -4703,7 +4713,7 @@ function buildSVGAttrs(state, {
|
|
|
4703
4713
|
}
|
|
4704
4714
|
}
|
|
4705
4715
|
|
|
4706
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4716
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/camel-case-attrs.mjs
|
|
4707
4717
|
var camelCaseAttributes = /* @__PURE__ */ new Set([
|
|
4708
4718
|
"baseFrequency",
|
|
4709
4719
|
"diffuseConstant",
|
|
@@ -4730,10 +4740,10 @@ var camelCaseAttributes = /* @__PURE__ */ new Set([
|
|
|
4730
4740
|
"lengthAdjust"
|
|
4731
4741
|
]);
|
|
4732
4742
|
|
|
4733
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4743
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/is-svg-tag.mjs
|
|
4734
4744
|
var isSVGTag = (tag) => typeof tag === "string" && tag.toLowerCase() === "svg";
|
|
4735
4745
|
|
|
4736
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4746
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/render.mjs
|
|
4737
4747
|
function renderSVG(element, renderState, _styleProp, projection) {
|
|
4738
4748
|
renderHTML(element, renderState, void 0, projection);
|
|
4739
4749
|
for (const key in renderState.attrs) {
|
|
@@ -4741,7 +4751,7 @@ function renderSVG(element, renderState, _styleProp, projection) {
|
|
|
4741
4751
|
}
|
|
4742
4752
|
}
|
|
4743
4753
|
|
|
4744
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4754
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/scrape-motion-values.mjs
|
|
4745
4755
|
function scrapeMotionValuesFromProps2(props, prevProps, visualElement) {
|
|
4746
4756
|
const newValues = scrapeMotionValuesFromProps(props, prevProps, visualElement);
|
|
4747
4757
|
for (const key in props) {
|
|
@@ -4753,7 +4763,7 @@ function scrapeMotionValuesFromProps2(props, prevProps, visualElement) {
|
|
|
4753
4763
|
return newValues;
|
|
4754
4764
|
}
|
|
4755
4765
|
|
|
4756
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4766
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/SVGVisualElement.mjs
|
|
4757
4767
|
var SVGVisualElement = class extends DOMVisualElement {
|
|
4758
4768
|
constructor() {
|
|
4759
4769
|
super(...arguments);
|
|
@@ -4769,6 +4779,12 @@ var SVGVisualElement = class extends DOMVisualElement {
|
|
|
4769
4779
|
const defaultType = getDefaultValueType(key);
|
|
4770
4780
|
return defaultType ? defaultType.default || 0 : 0;
|
|
4771
4781
|
}
|
|
4782
|
+
if (cssStyleProperties.includes(key)) {
|
|
4783
|
+
const computedStyle = getComputedStyle(instance);
|
|
4784
|
+
const value = computedStyle[key];
|
|
4785
|
+
if (typeof value === "string" && value)
|
|
4786
|
+
return value.trim();
|
|
4787
|
+
}
|
|
4772
4788
|
key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;
|
|
4773
4789
|
return instance.getAttribute(key);
|
|
4774
4790
|
}
|
|
@@ -4787,7 +4803,7 @@ var SVGVisualElement = class extends DOMVisualElement {
|
|
|
4787
4803
|
}
|
|
4788
4804
|
};
|
|
4789
4805
|
|
|
4790
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4806
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/get-variant-context.mjs
|
|
4791
4807
|
var numVariantProps = variantProps.length;
|
|
4792
4808
|
function getVariantContext(visualElement) {
|
|
4793
4809
|
if (!visualElement)
|
|
@@ -4810,7 +4826,7 @@ function getVariantContext(visualElement) {
|
|
|
4810
4826
|
return context;
|
|
4811
4827
|
}
|
|
4812
4828
|
|
|
4813
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4829
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/shallow-compare.mjs
|
|
4814
4830
|
function shallowCompare(next, prev) {
|
|
4815
4831
|
if (!Array.isArray(prev))
|
|
4816
4832
|
return false;
|
|
@@ -4824,7 +4840,7 @@ function shallowCompare(next, prev) {
|
|
|
4824
4840
|
return true;
|
|
4825
4841
|
}
|
|
4826
4842
|
|
|
4827
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4843
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/animation-state.mjs
|
|
4828
4844
|
var reversePriorityOrder = [...variantPriorityOrder].reverse();
|
|
4829
4845
|
var numAnimationTypes = variantPriorityOrder.length;
|
|
4830
4846
|
function createAnimateFunction(visualElement) {
|
|
@@ -4917,7 +4933,7 @@ function createAnimationState(visualElement) {
|
|
|
4917
4933
|
continue;
|
|
4918
4934
|
let valueHasChanged = false;
|
|
4919
4935
|
if (isKeyframesTarget(next) && isKeyframesTarget(prev)) {
|
|
4920
|
-
valueHasChanged = !shallowCompare(next, prev);
|
|
4936
|
+
valueHasChanged = !shallowCompare(next, prev) || variantDidChange;
|
|
4921
4937
|
} else {
|
|
4922
4938
|
valueHasChanged = next !== prev;
|
|
4923
4939
|
}
|
|
@@ -5036,7 +5052,7 @@ function createState() {
|
|
|
5036
5052
|
};
|
|
5037
5053
|
}
|
|
5038
5054
|
|
|
5039
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5055
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/copy.mjs
|
|
5040
5056
|
function copyAxisInto(axis, originAxis) {
|
|
5041
5057
|
axis.min = originAxis.min;
|
|
5042
5058
|
axis.max = originAxis.max;
|
|
@@ -5052,7 +5068,7 @@ function copyAxisDeltaInto(delta, originDelta) {
|
|
|
5052
5068
|
delta.origin = originDelta.origin;
|
|
5053
5069
|
}
|
|
5054
5070
|
|
|
5055
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5071
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/delta-calc.mjs
|
|
5056
5072
|
var SCALE_PRECISION = 1e-4;
|
|
5057
5073
|
var SCALE_MIN = 1 - SCALE_PRECISION;
|
|
5058
5074
|
var SCALE_MAX = 1 + SCALE_PRECISION;
|
|
@@ -5100,7 +5116,7 @@ function calcRelativePosition(target, layout2, parent, anchor) {
|
|
|
5100
5116
|
calcRelativeAxisPosition(target.y, layout2.y, parent.y, anchor?.y);
|
|
5101
5117
|
}
|
|
5102
5118
|
|
|
5103
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5119
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/delta-remove.mjs
|
|
5104
5120
|
function removePointDelta(point, translate, scale2, originPoint, boxScale) {
|
|
5105
5121
|
point -= translate;
|
|
5106
5122
|
point = scalePoint(point, 1 / scale2, originPoint);
|
|
@@ -5133,7 +5149,7 @@ function removeBoxTransforms(box, transforms, originBox, sourceBox) {
|
|
|
5133
5149
|
removeAxisTransforms(box.y, transforms, yKeys, originBox ? originBox.y : void 0, sourceBox ? sourceBox.y : void 0);
|
|
5134
5150
|
}
|
|
5135
5151
|
|
|
5136
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5152
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/utils.mjs
|
|
5137
5153
|
function isAxisDeltaZero(delta) {
|
|
5138
5154
|
return delta.translate === 0 && delta.scale === 1;
|
|
5139
5155
|
}
|
|
@@ -5159,12 +5175,12 @@ function axisDeltaEquals(a, b) {
|
|
|
5159
5175
|
return a.translate === b.translate && a.scale === b.scale && a.originPoint === b.originPoint;
|
|
5160
5176
|
}
|
|
5161
5177
|
|
|
5162
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5178
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/utils/each-axis.mjs
|
|
5163
5179
|
function eachAxis(callback) {
|
|
5164
5180
|
return [callback("x"), callback("y")];
|
|
5165
5181
|
}
|
|
5166
5182
|
|
|
5167
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5183
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/styles/transform.mjs
|
|
5168
5184
|
function buildProjectionTransform(delta, treeScale, latestTransform) {
|
|
5169
5185
|
let transform = "";
|
|
5170
5186
|
const xTranslate = delta.x.translate / treeScale.x;
|
|
@@ -5177,11 +5193,13 @@ function buildProjectionTransform(delta, treeScale, latestTransform) {
|
|
|
5177
5193
|
transform += `scale(${1 / treeScale.x}, ${1 / treeScale.y}) `;
|
|
5178
5194
|
}
|
|
5179
5195
|
if (latestTransform) {
|
|
5180
|
-
const { transformPerspective, rotate: rotate2, rotateX, rotateY, skewX, skewY } = latestTransform;
|
|
5196
|
+
const { transformPerspective, rotate: rotate2, pathRotation, rotateX, rotateY, skewX, skewY } = latestTransform;
|
|
5181
5197
|
if (transformPerspective)
|
|
5182
5198
|
transform = `perspective(${transformPerspective}px) ${transform}`;
|
|
5183
5199
|
if (rotate2)
|
|
5184
5200
|
transform += `rotate(${rotate2}deg) `;
|
|
5201
|
+
if (pathRotation)
|
|
5202
|
+
transform += `rotate(${pathRotation}deg) `;
|
|
5185
5203
|
if (rotateX)
|
|
5186
5204
|
transform += `rotateX(${rotateX}deg) `;
|
|
5187
5205
|
if (rotateY)
|
|
@@ -5199,14 +5217,8 @@ function buildProjectionTransform(delta, treeScale, latestTransform) {
|
|
|
5199
5217
|
return transform || "none";
|
|
5200
5218
|
}
|
|
5201
5219
|
|
|
5202
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5203
|
-
var
|
|
5204
|
-
"borderTopLeftRadius",
|
|
5205
|
-
"borderTopRightRadius",
|
|
5206
|
-
"borderBottomLeftRadius",
|
|
5207
|
-
"borderBottomRightRadius"
|
|
5208
|
-
];
|
|
5209
|
-
var numBorders = borderLabels.length;
|
|
5220
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/animation/mix-values.mjs
|
|
5221
|
+
var numBorders = cornerRadiusProps.length;
|
|
5210
5222
|
var asNumber = (value) => typeof value === "string" ? parseFloat(value) : value;
|
|
5211
5223
|
var isPx = (value) => typeof value === "number" || px.test(value);
|
|
5212
5224
|
function mixValues(target, follow, lead, progress2, shouldCrossfadeOpacity, isOnlyMember) {
|
|
@@ -5217,7 +5229,7 @@ function mixValues(target, follow, lead, progress2, shouldCrossfadeOpacity, isOn
|
|
|
5217
5229
|
target.opacity = mixNumber(follow.opacity ?? 1, lead.opacity ?? 1, progress2);
|
|
5218
5230
|
}
|
|
5219
5231
|
for (let i = 0; i < numBorders; i++) {
|
|
5220
|
-
const borderLabel =
|
|
5232
|
+
const borderLabel = cornerRadiusProps[i];
|
|
5221
5233
|
let followRadius = getRadius(follow, borderLabel);
|
|
5222
5234
|
let leadRadius = getRadius(lead, borderLabel);
|
|
5223
5235
|
if (followRadius === void 0 && leadRadius === void 0)
|
|
@@ -5253,23 +5265,23 @@ function compress(min, max, easing) {
|
|
|
5253
5265
|
};
|
|
5254
5266
|
}
|
|
5255
5267
|
|
|
5256
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5268
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/animate/single-value.mjs
|
|
5257
5269
|
function animateSingleValue(value, keyframes2, options) {
|
|
5258
5270
|
const motionValue$1 = isMotionValue(value) ? value : motionValue(value);
|
|
5259
5271
|
motionValue$1.start(animateMotionValue("", motionValue$1, keyframes2, options));
|
|
5260
5272
|
return motionValue$1.animation;
|
|
5261
5273
|
}
|
|
5262
5274
|
|
|
5263
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5275
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/events/add-dom-event.mjs
|
|
5264
5276
|
function addDomEvent(target, eventName, handler, options = { passive: true }) {
|
|
5265
5277
|
target.addEventListener(eventName, handler, options);
|
|
5266
|
-
return () => target.removeEventListener(eventName, handler);
|
|
5278
|
+
return () => target.removeEventListener(eventName, handler, options);
|
|
5267
5279
|
}
|
|
5268
5280
|
|
|
5269
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5281
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/utils/compare-by-depth.mjs
|
|
5270
5282
|
var compareByDepth = (a, b) => a.depth - b.depth;
|
|
5271
5283
|
|
|
5272
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5284
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/utils/flat-tree.mjs
|
|
5273
5285
|
var FlatTree = class {
|
|
5274
5286
|
constructor() {
|
|
5275
5287
|
this.children = [];
|
|
@@ -5290,7 +5302,7 @@ var FlatTree = class {
|
|
|
5290
5302
|
}
|
|
5291
5303
|
};
|
|
5292
5304
|
|
|
5293
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5305
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/delay.mjs
|
|
5294
5306
|
function delay(callback, timeout) {
|
|
5295
5307
|
const start = time.now();
|
|
5296
5308
|
const checkElapsed = ({ timestamp }) => {
|
|
@@ -5304,12 +5316,12 @@ function delay(callback, timeout) {
|
|
|
5304
5316
|
return () => cancelFrame(checkElapsed);
|
|
5305
5317
|
}
|
|
5306
5318
|
|
|
5307
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5319
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/utils/resolve-motion-value.mjs
|
|
5308
5320
|
function resolveMotionValue(value) {
|
|
5309
5321
|
return isMotionValue(value) ? value.get() : value;
|
|
5310
5322
|
}
|
|
5311
5323
|
|
|
5312
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5324
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/shared/stack.mjs
|
|
5313
5325
|
var NodeStack = class {
|
|
5314
5326
|
constructor() {
|
|
5315
5327
|
this.members = [];
|
|
@@ -5390,7 +5402,7 @@ var NodeStack = class {
|
|
|
5390
5402
|
}
|
|
5391
5403
|
};
|
|
5392
5404
|
|
|
5393
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5405
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/node/state.mjs
|
|
5394
5406
|
var globalProjectionState = {
|
|
5395
5407
|
/**
|
|
5396
5408
|
* Global flag as to whether the tree has animated since the last time
|
|
@@ -5571,7 +5583,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
5571
5583
|
animationOptions.type = false;
|
|
5572
5584
|
}
|
|
5573
5585
|
this.startAnimation(animationOptions);
|
|
5574
|
-
this.setAnimationOrigin(delta, hasOnlyRelativeTargetChanged);
|
|
5586
|
+
this.setAnimationOrigin(delta, hasOnlyRelativeTargetChanged, animationOptions.path);
|
|
5575
5587
|
} else {
|
|
5576
5588
|
if (!hasLayoutChanged) {
|
|
5577
5589
|
finishAnimation(this);
|
|
@@ -6043,7 +6055,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
6043
6055
|
this.projectionDelta = createDelta();
|
|
6044
6056
|
this.projectionDeltaWithTransform = createDelta();
|
|
6045
6057
|
}
|
|
6046
|
-
setAnimationOrigin(delta, hasOnlyRelativeTargetChanged = false) {
|
|
6058
|
+
setAnimationOrigin(delta, hasOnlyRelativeTargetChanged = false, pathFn) {
|
|
6047
6059
|
const snapshot = this.snapshot;
|
|
6048
6060
|
const snapshotLatestValues = snapshot ? snapshot.latestValues : {};
|
|
6049
6061
|
const mixedValues = { ...this.latestValues };
|
|
@@ -6061,10 +6073,23 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
6061
6073
|
const shouldCrossfadeOpacity = Boolean(isSharedLayoutAnimation && !isOnlyMember && this.options.crossfade === true && !this.path.some(hasOpacityCrossfade));
|
|
6062
6074
|
this.animationProgress = 0;
|
|
6063
6075
|
let prevRelativeTarget;
|
|
6076
|
+
const interpolate2 = pathFn?.interpolateProjection(delta);
|
|
6064
6077
|
this.mixTargetDelta = (latest) => {
|
|
6065
6078
|
const progress2 = latest / 1e3;
|
|
6066
|
-
|
|
6067
|
-
|
|
6079
|
+
const point = interpolate2?.(progress2);
|
|
6080
|
+
if (point) {
|
|
6081
|
+
targetDelta.x.translate = point.x;
|
|
6082
|
+
targetDelta.x.scale = mixNumber(delta.x.scale, 1, progress2);
|
|
6083
|
+
targetDelta.x.origin = delta.x.origin;
|
|
6084
|
+
targetDelta.x.originPoint = delta.x.originPoint;
|
|
6085
|
+
targetDelta.y.translate = point.y;
|
|
6086
|
+
targetDelta.y.scale = mixNumber(delta.y.scale, 1, progress2);
|
|
6087
|
+
targetDelta.y.origin = delta.y.origin;
|
|
6088
|
+
targetDelta.y.originPoint = delta.y.originPoint;
|
|
6089
|
+
} else {
|
|
6090
|
+
mixAxisDeltaLinear(targetDelta.x, delta.x, progress2);
|
|
6091
|
+
mixAxisDeltaLinear(targetDelta.y, delta.y, progress2);
|
|
6092
|
+
}
|
|
6068
6093
|
this.setTargetDelta(targetDelta);
|
|
6069
6094
|
if (this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout) {
|
|
6070
6095
|
calcRelativePosition(relativeLayout, this.layout.layoutBox, this.relativeParent.layout.layoutBox, this.options.layoutAnchor || void 0);
|
|
@@ -6080,6 +6105,11 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
6080
6105
|
this.animationValues = mixedValues;
|
|
6081
6106
|
mixValues(mixedValues, snapshotLatestValues, this.latestValues, progress2, shouldCrossfadeOpacity, isOnlyMember);
|
|
6082
6107
|
}
|
|
6108
|
+
if (point && point.rotate !== void 0) {
|
|
6109
|
+
if (!this.animationValues)
|
|
6110
|
+
this.animationValues = mixedValues;
|
|
6111
|
+
this.animationValues.pathRotation = point.rotate;
|
|
6112
|
+
}
|
|
6083
6113
|
this.root.scheduleUpdateProjection();
|
|
6084
6114
|
this.scheduleRender();
|
|
6085
6115
|
this.animationProgress = progress2;
|
|
@@ -6106,8 +6136,6 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
6106
6136
|
this.mixTargetDelta(latest);
|
|
6107
6137
|
options.onUpdate && options.onUpdate(latest);
|
|
6108
6138
|
},
|
|
6109
|
-
onStop: () => {
|
|
6110
|
-
},
|
|
6111
6139
|
onComplete: () => {
|
|
6112
6140
|
options.onComplete && options.onComplete();
|
|
6113
6141
|
this.completeAnimation();
|
|
@@ -6436,7 +6464,7 @@ function resetSkewAndRotation(node) {
|
|
|
6436
6464
|
function removeLeadSnapshots(stack) {
|
|
6437
6465
|
stack.removeLeadSnapshot();
|
|
6438
6466
|
}
|
|
6439
|
-
function
|
|
6467
|
+
function mixAxisDeltaLinear(output, delta, p) {
|
|
6440
6468
|
output.translate = mixNumber(delta.translate, 0, p);
|
|
6441
6469
|
output.scale = mixNumber(delta.scale, 1, p);
|
|
6442
6470
|
output.origin = delta.origin;
|
|
@@ -6474,7 +6502,7 @@ function checkNodeWasScrollRoot(node) {
|
|
|
6474
6502
|
return node !== node.root && node.scroll?.wasRoot;
|
|
6475
6503
|
}
|
|
6476
6504
|
|
|
6477
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
6505
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/node/DocumentProjectionNode.mjs
|
|
6478
6506
|
var DocumentProjectionNode = createProjectionNode({
|
|
6479
6507
|
attachResizeListener: (ref, notify) => addDomEvent(ref, "resize", notify),
|
|
6480
6508
|
measureScroll: () => ({
|
|
@@ -6484,7 +6512,7 @@ var DocumentProjectionNode = createProjectionNode({
|
|
|
6484
6512
|
checkIsScrollRoot: () => true
|
|
6485
6513
|
});
|
|
6486
6514
|
|
|
6487
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
6515
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/node/HTMLProjectionNode.mjs
|
|
6488
6516
|
var rootProjectionNode = {
|
|
6489
6517
|
current: void 0
|
|
6490
6518
|
};
|
|
@@ -6547,7 +6575,7 @@ function useComposedRefs(...refs) {
|
|
|
6547
6575
|
return React2.useCallback(composeRefs(...refs), refs);
|
|
6548
6576
|
}
|
|
6549
6577
|
|
|
6550
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6578
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/components/AnimatePresence/PopChild.mjs
|
|
6551
6579
|
var PopChildMeasure = class extends React2.Component {
|
|
6552
6580
|
getSnapshotBeforeUpdate(prevProps) {
|
|
6553
6581
|
const element = this.props.childRef.current;
|
|
@@ -6563,6 +6591,7 @@ var PopChildMeasure = class extends React2.Component {
|
|
|
6563
6591
|
size.left = element.offsetLeft;
|
|
6564
6592
|
size.right = parentWidth - size.width - size.left;
|
|
6565
6593
|
size.bottom = parentHeight - size.height - size.top;
|
|
6594
|
+
size.direction = computedStyle.direction;
|
|
6566
6595
|
}
|
|
6567
6596
|
return null;
|
|
6568
6597
|
}
|
|
@@ -6584,16 +6613,18 @@ function PopChild({ children, isPresent, anchorX, anchorY, root, pop }) {
|
|
|
6584
6613
|
top: 0,
|
|
6585
6614
|
left: 0,
|
|
6586
6615
|
right: 0,
|
|
6587
|
-
bottom: 0
|
|
6616
|
+
bottom: 0,
|
|
6617
|
+
direction: "ltr"
|
|
6588
6618
|
});
|
|
6589
6619
|
const { nonce } = useContext(MotionConfigContext);
|
|
6590
|
-
const childRef = children.props?.ref ?? children?.ref;
|
|
6620
|
+
const childRef = pop !== false ? children.props?.ref ?? children?.ref : void 0;
|
|
6591
6621
|
const composedRef = useComposedRefs(ref, childRef);
|
|
6592
6622
|
useInsertionEffect(() => {
|
|
6593
|
-
const { width, height, top, left, right, bottom } = size.current;
|
|
6623
|
+
const { width, height, top, left, right, bottom, direction } = size.current;
|
|
6594
6624
|
if (isPresent || pop === false || !ref.current || !width || !height)
|
|
6595
6625
|
return;
|
|
6596
|
-
const
|
|
6626
|
+
const isRTL = direction === "rtl";
|
|
6627
|
+
const x = anchorX === "left" ? isRTL ? `right: ${right}` : `left: ${left}` : isRTL ? `left: ${left}` : `right: ${right}`;
|
|
6597
6628
|
const y = anchorY === "bottom" ? `bottom: ${bottom}` : `top: ${top}`;
|
|
6598
6629
|
ref.current.dataset.motionPopId = id3;
|
|
6599
6630
|
const style = document.createElement("style");
|
|
@@ -6622,10 +6653,16 @@ function PopChild({ children, isPresent, anchorX, anchorY, root, pop }) {
|
|
|
6622
6653
|
return jsx(PopChildMeasure, { isPresent, childRef: ref, sizeRef: size, pop, children: pop === false ? children : React2.cloneElement(children, { ref: composedRef }) });
|
|
6623
6654
|
}
|
|
6624
6655
|
|
|
6625
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6656
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/components/AnimatePresence/PresenceChild.mjs
|
|
6626
6657
|
var PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, presenceAffectsLayout, mode, anchorX, anchorY, root }) => {
|
|
6627
6658
|
const presenceChildren = useConstant(newChildrenMap);
|
|
6628
6659
|
const id3 = useId();
|
|
6660
|
+
const isPresentRef = useRef(isPresent);
|
|
6661
|
+
const onExitCompleteRef = useRef(onExitComplete);
|
|
6662
|
+
useIsomorphicLayoutEffect(() => {
|
|
6663
|
+
isPresentRef.current = isPresent;
|
|
6664
|
+
onExitCompleteRef.current = onExitComplete;
|
|
6665
|
+
});
|
|
6629
6666
|
let isReusedContext = true;
|
|
6630
6667
|
let context = useMemo(() => {
|
|
6631
6668
|
isReusedContext = false;
|
|
@@ -6644,7 +6681,10 @@ var PresenceChild = ({ children, initial, isPresent, onExitComplete, custom, pre
|
|
|
6644
6681
|
},
|
|
6645
6682
|
register: (childId) => {
|
|
6646
6683
|
presenceChildren.set(childId, false);
|
|
6647
|
-
return () =>
|
|
6684
|
+
return () => {
|
|
6685
|
+
presenceChildren.delete(childId);
|
|
6686
|
+
!isPresentRef.current && !presenceChildren.size && onExitCompleteRef.current?.();
|
|
6687
|
+
};
|
|
6648
6688
|
}
|
|
6649
6689
|
};
|
|
6650
6690
|
}, [isPresent, presenceChildren, onExitComplete]);
|
|
@@ -6687,7 +6727,7 @@ function onlyElements(children) {
|
|
|
6687
6727
|
return filtered;
|
|
6688
6728
|
}
|
|
6689
6729
|
|
|
6690
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6730
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/components/AnimatePresence/index.mjs
|
|
6691
6731
|
var AnimatePresence = ({ children, custom, initial = true, onExitComplete, presenceAffectsLayout = true, mode = "sync", propagate = false, anchorX = "left", anchorY = "top", root }) => {
|
|
6692
6732
|
const [isParentPresent, safeToRemove] = usePresence(propagate);
|
|
6693
6733
|
const presentChildren = useMemo(() => onlyElements(children), [children]);
|
|
@@ -6698,6 +6738,11 @@ var AnimatePresence = ({ children, custom, initial = true, onExitComplete, prese
|
|
|
6698
6738
|
const exitingComponents = useRef(/* @__PURE__ */ new Set());
|
|
6699
6739
|
const [diffedChildren, setDiffedChildren] = useState(presentChildren);
|
|
6700
6740
|
const [renderedChildren, setRenderedChildren] = useState(presentChildren);
|
|
6741
|
+
useIsomorphicLayoutEffect(() => {
|
|
6742
|
+
if (propagate && !isParentPresent && !renderedChildren.length) {
|
|
6743
|
+
safeToRemove?.();
|
|
6744
|
+
}
|
|
6745
|
+
}, [isParentPresent, propagate, renderedChildren.length, safeToRemove]);
|
|
6701
6746
|
useIsomorphicLayoutEffect(() => {
|
|
6702
6747
|
isInitialRender.current = false;
|
|
6703
6748
|
pendingPresentChildren.current = presentChildren;
|
|
@@ -6716,12 +6761,14 @@ var AnimatePresence = ({ children, custom, initial = true, onExitComplete, prese
|
|
|
6716
6761
|
const exitingChildren = [];
|
|
6717
6762
|
if (presentChildren !== diffedChildren) {
|
|
6718
6763
|
let nextChildren = [...presentChildren];
|
|
6719
|
-
|
|
6720
|
-
|
|
6721
|
-
const
|
|
6722
|
-
if (
|
|
6723
|
-
nextChildren.splice(
|
|
6764
|
+
let insertionIndex = 0;
|
|
6765
|
+
for (const child of renderedChildren) {
|
|
6766
|
+
const presentIndex = presentKeys.indexOf(getChildKey(child));
|
|
6767
|
+
if (presentIndex === -1) {
|
|
6768
|
+
nextChildren.splice(insertionIndex++, 0, child);
|
|
6724
6769
|
exitingChildren.push(child);
|
|
6770
|
+
} else {
|
|
6771
|
+
insertionIndex = presentIndex + exitingChildren.length + 1;
|
|
6725
6772
|
}
|
|
6726
6773
|
}
|
|
6727
6774
|
if (mode === "wait" && exitingChildren.length) {
|
|
@@ -6765,7 +6812,7 @@ var AnimatePresence = ({ children, custom, initial = true, onExitComplete, prese
|
|
|
6765
6812
|
};
|
|
6766
6813
|
var LazyContext = createContext({ strict: false });
|
|
6767
6814
|
|
|
6768
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6815
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/motion/features/definitions.mjs
|
|
6769
6816
|
var featureProps = {
|
|
6770
6817
|
animation: [
|
|
6771
6818
|
"animate",
|
|
@@ -6804,7 +6851,7 @@ function getInitializedFeatureDefinitions() {
|
|
|
6804
6851
|
return getFeatureDefinitions();
|
|
6805
6852
|
}
|
|
6806
6853
|
|
|
6807
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6854
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/motion/features/load-features.mjs
|
|
6808
6855
|
function loadFeatures(features) {
|
|
6809
6856
|
const featureDefinitions2 = getInitializedFeatureDefinitions();
|
|
6810
6857
|
for (const key in features) {
|
|
@@ -6815,74 +6862,9 @@ function loadFeatures(features) {
|
|
|
6815
6862
|
}
|
|
6816
6863
|
setFeatureDefinitions(featureDefinitions2);
|
|
6817
6864
|
}
|
|
6818
|
-
|
|
6819
|
-
// ../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/motion/utils/valid-prop.mjs
|
|
6820
|
-
var validMotionProps = /* @__PURE__ */ new Set([
|
|
6821
|
-
"animate",
|
|
6822
|
-
"exit",
|
|
6823
|
-
"variants",
|
|
6824
|
-
"initial",
|
|
6825
|
-
"style",
|
|
6826
|
-
"values",
|
|
6827
|
-
"variants",
|
|
6828
|
-
"transition",
|
|
6829
|
-
"transformTemplate",
|
|
6830
|
-
"custom",
|
|
6831
|
-
"inherit",
|
|
6832
|
-
"onBeforeLayoutMeasure",
|
|
6833
|
-
"onAnimationStart",
|
|
6834
|
-
"onAnimationComplete",
|
|
6835
|
-
"onUpdate",
|
|
6836
|
-
"onDragStart",
|
|
6837
|
-
"onDrag",
|
|
6838
|
-
"onDragEnd",
|
|
6839
|
-
"onMeasureDragConstraints",
|
|
6840
|
-
"onDirectionLock",
|
|
6841
|
-
"onDragTransitionEnd",
|
|
6842
|
-
"_dragX",
|
|
6843
|
-
"_dragY",
|
|
6844
|
-
"onHoverStart",
|
|
6845
|
-
"onHoverEnd",
|
|
6846
|
-
"onViewportEnter",
|
|
6847
|
-
"onViewportLeave",
|
|
6848
|
-
"globalTapTarget",
|
|
6849
|
-
"propagate",
|
|
6850
|
-
"ignoreStrict",
|
|
6851
|
-
"viewport"
|
|
6852
|
-
]);
|
|
6853
|
-
function isValidMotionProp(key) {
|
|
6854
|
-
return key.startsWith("while") || key.startsWith("drag") && key !== "draggable" || key.startsWith("layout") || key.startsWith("onTap") || key.startsWith("onPan") || key.startsWith("onLayout") || validMotionProps.has(key);
|
|
6855
|
-
}
|
|
6856
|
-
|
|
6857
|
-
// ../../node_modules/.pnpm/framer-motion@12.38.0_@emotion+is-prop-valid@1.4.0_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/render/dom/utils/filter-props.mjs
|
|
6858
|
-
var shouldForward = (key) => !isValidMotionProp(key);
|
|
6859
|
-
function loadExternalIsValidProp(isValidProp) {
|
|
6860
|
-
if (typeof isValidProp !== "function")
|
|
6861
|
-
return;
|
|
6862
|
-
shouldForward = (key) => key.startsWith("on") ? !isValidMotionProp(key) : isValidProp(key);
|
|
6863
|
-
}
|
|
6864
|
-
try {
|
|
6865
|
-
const emotionPkg = "@emotion/is-prop-valid";
|
|
6866
|
-
loadExternalIsValidProp(__require(emotionPkg).default);
|
|
6867
|
-
} catch {
|
|
6868
|
-
}
|
|
6869
|
-
function filterProps(props, isDom, forwardMotionProps) {
|
|
6870
|
-
const filteredProps = {};
|
|
6871
|
-
for (const key in props) {
|
|
6872
|
-
if (key === "values" && typeof props.values === "object")
|
|
6873
|
-
continue;
|
|
6874
|
-
if (isMotionValue(props[key]))
|
|
6875
|
-
continue;
|
|
6876
|
-
if (shouldForward(key) || forwardMotionProps === true && isValidMotionProp(key) || !isDom && !isValidMotionProp(key) || // If trying to use native HTML drag events, forward drag listeners
|
|
6877
|
-
props["draggable"] && key.startsWith("onDrag")) {
|
|
6878
|
-
filteredProps[key] = props[key];
|
|
6879
|
-
}
|
|
6880
|
-
}
|
|
6881
|
-
return filteredProps;
|
|
6882
|
-
}
|
|
6883
6865
|
var MotionContext = /* @__PURE__ */ createContext({});
|
|
6884
6866
|
|
|
6885
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6867
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/context/MotionContext/utils.mjs
|
|
6886
6868
|
function getCurrentTreeVariants(props, context) {
|
|
6887
6869
|
if (isControllingVariants(props)) {
|
|
6888
6870
|
const { initial, animate } = props;
|
|
@@ -6894,7 +6876,7 @@ function getCurrentTreeVariants(props, context) {
|
|
|
6894
6876
|
return props.inherit !== false ? context : {};
|
|
6895
6877
|
}
|
|
6896
6878
|
|
|
6897
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6879
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/context/MotionContext/create.mjs
|
|
6898
6880
|
function useCreateMotionContext(props) {
|
|
6899
6881
|
const { initial, animate } = getCurrentTreeVariants(props, useContext(MotionContext));
|
|
6900
6882
|
return useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);
|
|
@@ -6903,7 +6885,7 @@ function variantLabelsAsDependency(prop) {
|
|
|
6903
6885
|
return Array.isArray(prop) ? prop.join(" ") : prop;
|
|
6904
6886
|
}
|
|
6905
6887
|
|
|
6906
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6888
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/render/html/utils/create-render-state.mjs
|
|
6907
6889
|
var createHtmlRenderState = () => ({
|
|
6908
6890
|
style: {},
|
|
6909
6891
|
transform: {},
|
|
@@ -6911,7 +6893,7 @@ var createHtmlRenderState = () => ({
|
|
|
6911
6893
|
vars: {}
|
|
6912
6894
|
});
|
|
6913
6895
|
|
|
6914
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6896
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/render/html/use-props.mjs
|
|
6915
6897
|
function copyRawValuesOnly(target, source, props) {
|
|
6916
6898
|
for (const key in source) {
|
|
6917
6899
|
if (!isMotionValue(source[key]) && !isForcedMotionValue(key, props)) {
|
|
@@ -6948,13 +6930,13 @@ function useHTMLProps(props, visualState) {
|
|
|
6948
6930
|
return htmlProps;
|
|
6949
6931
|
}
|
|
6950
6932
|
|
|
6951
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6933
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/render/svg/utils/create-render-state.mjs
|
|
6952
6934
|
var createSvgRenderState = () => ({
|
|
6953
6935
|
...createHtmlRenderState(),
|
|
6954
6936
|
attrs: {}
|
|
6955
6937
|
});
|
|
6956
6938
|
|
|
6957
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6939
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/render/svg/use-props.mjs
|
|
6958
6940
|
function useSVGProps(props, visualState, _isStatic, Component3) {
|
|
6959
6941
|
const visualProps = useMemo(() => {
|
|
6960
6942
|
const state = createSvgRenderState();
|
|
@@ -6972,7 +6954,64 @@ function useSVGProps(props, visualState, _isStatic, Component3) {
|
|
|
6972
6954
|
return visualProps;
|
|
6973
6955
|
}
|
|
6974
6956
|
|
|
6975
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6957
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/motion/utils/valid-prop.mjs
|
|
6958
|
+
var validMotionProps = /* @__PURE__ */ new Set([
|
|
6959
|
+
"animate",
|
|
6960
|
+
"exit",
|
|
6961
|
+
"variants",
|
|
6962
|
+
"initial",
|
|
6963
|
+
"style",
|
|
6964
|
+
"values",
|
|
6965
|
+
"variants",
|
|
6966
|
+
"transition",
|
|
6967
|
+
"transformTemplate",
|
|
6968
|
+
"custom",
|
|
6969
|
+
"inherit",
|
|
6970
|
+
"onBeforeLayoutMeasure",
|
|
6971
|
+
"onAnimationStart",
|
|
6972
|
+
"onAnimationComplete",
|
|
6973
|
+
"onUpdate",
|
|
6974
|
+
"onDragStart",
|
|
6975
|
+
"onDrag",
|
|
6976
|
+
"onDragEnd",
|
|
6977
|
+
"onMeasureDragConstraints",
|
|
6978
|
+
"onDirectionLock",
|
|
6979
|
+
"onDragTransitionEnd",
|
|
6980
|
+
"_dragX",
|
|
6981
|
+
"_dragY",
|
|
6982
|
+
"onHoverStart",
|
|
6983
|
+
"onHoverEnd",
|
|
6984
|
+
"onViewportEnter",
|
|
6985
|
+
"onViewportLeave",
|
|
6986
|
+
"globalTapTarget",
|
|
6987
|
+
"propagate",
|
|
6988
|
+
"ignoreStrict",
|
|
6989
|
+
"viewport"
|
|
6990
|
+
]);
|
|
6991
|
+
function isValidMotionProp(key) {
|
|
6992
|
+
return key.startsWith("while") || key.startsWith("drag") && key !== "draggable" || key.startsWith("layout") || key.startsWith("onTap") || key.startsWith("onPan") || key.startsWith("onLayout") || validMotionProps.has(key);
|
|
6993
|
+
}
|
|
6994
|
+
|
|
6995
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/render/dom/utils/filter-props.mjs
|
|
6996
|
+
function shouldForward(key, isValidProp) {
|
|
6997
|
+
return key.startsWith("on") ? !isValidMotionProp(key) : isValidProp?.(key) ?? !isValidMotionProp(key);
|
|
6998
|
+
}
|
|
6999
|
+
function filterProps(props, isDom, forwardMotionProps, isValidProp) {
|
|
7000
|
+
const filteredProps = {};
|
|
7001
|
+
for (const key in props) {
|
|
7002
|
+
if (key === "values" && typeof props.values === "object")
|
|
7003
|
+
continue;
|
|
7004
|
+
if (isMotionValue(props[key]))
|
|
7005
|
+
continue;
|
|
7006
|
+
if (shouldForward(key, isValidProp) || forwardMotionProps === true && isValidMotionProp(key) || !isDom && !isValidMotionProp(key) || // If trying to use native HTML drag events, forward drag listeners
|
|
7007
|
+
props["draggable"] && key.startsWith("onDrag")) {
|
|
7008
|
+
filteredProps[key] = props[key];
|
|
7009
|
+
}
|
|
7010
|
+
}
|
|
7011
|
+
return filteredProps;
|
|
7012
|
+
}
|
|
7013
|
+
|
|
7014
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/render/svg/lowercase-elements.mjs
|
|
6976
7015
|
var lowercaseSVGElements = [
|
|
6977
7016
|
"animate",
|
|
6978
7017
|
"circle",
|
|
@@ -7001,7 +7040,7 @@ var lowercaseSVGElements = [
|
|
|
7001
7040
|
"view"
|
|
7002
7041
|
];
|
|
7003
7042
|
|
|
7004
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7043
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/render/dom/utils/is-svg-component.mjs
|
|
7005
7044
|
function isSVGComponent(Component3) {
|
|
7006
7045
|
if (
|
|
7007
7046
|
/**
|
|
@@ -7028,11 +7067,11 @@ function isSVGComponent(Component3) {
|
|
|
7028
7067
|
return false;
|
|
7029
7068
|
}
|
|
7030
7069
|
|
|
7031
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7032
|
-
function useRender(Component3, props, ref, { latestValues }, isStatic, forwardMotionProps = false, isSVG) {
|
|
7070
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/render/dom/use-render.mjs
|
|
7071
|
+
function useRender(Component3, props, ref, { latestValues }, isStatic, forwardMotionProps = false, isSVG, isValidProp) {
|
|
7033
7072
|
const useVisualProps = isSVG ?? isSVGComponent(Component3) ? useSVGProps : useHTMLProps;
|
|
7034
7073
|
const visualProps = useVisualProps(props, latestValues, isStatic, Component3);
|
|
7035
|
-
const filteredProps = filterProps(props, typeof Component3 === "string", forwardMotionProps);
|
|
7074
|
+
const filteredProps = filterProps(props, typeof Component3 === "string", forwardMotionProps, isValidProp);
|
|
7036
7075
|
const elementProps = Component3 !== Fragment$1 ? { ...filteredProps, ...visualProps, ref } : {};
|
|
7037
7076
|
const { children } = props;
|
|
7038
7077
|
const renderedChildren = useMemo(() => isMotionValue(children) ? children.get() : children, [children]);
|
|
@@ -7097,20 +7136,20 @@ var makeUseVisualState = (config) => (props, isStatic) => {
|
|
|
7097
7136
|
return isStatic ? make() : useConstant(make);
|
|
7098
7137
|
};
|
|
7099
7138
|
|
|
7100
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7139
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/render/html/use-html-visual-state.mjs
|
|
7101
7140
|
var useHTMLVisualState = /* @__PURE__ */ makeUseVisualState({
|
|
7102
7141
|
scrapeMotionValuesFromProps,
|
|
7103
7142
|
createRenderState: createHtmlRenderState
|
|
7104
7143
|
});
|
|
7105
7144
|
|
|
7106
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7145
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/render/svg/use-svg-visual-state.mjs
|
|
7107
7146
|
var useSVGVisualState = /* @__PURE__ */ makeUseVisualState({
|
|
7108
7147
|
scrapeMotionValuesFromProps: scrapeMotionValuesFromProps2,
|
|
7109
7148
|
createRenderState: createSvgRenderState
|
|
7110
7149
|
});
|
|
7111
7150
|
|
|
7112
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7113
|
-
var motionComponentSymbol = Symbol.for("motionComponentSymbol");
|
|
7151
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/motion/utils/symbol.mjs
|
|
7152
|
+
var motionComponentSymbol = /* @__PURE__ */ Symbol.for("motionComponentSymbol");
|
|
7114
7153
|
function useMotionRef(visualState, visualElement, externalRef) {
|
|
7115
7154
|
const externalRefContainer = useRef(externalRef);
|
|
7116
7155
|
useInsertionEffect(() => {
|
|
@@ -7121,6 +7160,9 @@ function useMotionRef(visualState, visualElement, externalRef) {
|
|
|
7121
7160
|
if (instance) {
|
|
7122
7161
|
visualState.onMount?.(instance);
|
|
7123
7162
|
}
|
|
7163
|
+
if (visualElement) {
|
|
7164
|
+
instance ? visualElement.mount(instance) : visualElement.unmount();
|
|
7165
|
+
}
|
|
7124
7166
|
const ref = externalRefContainer.current;
|
|
7125
7167
|
if (typeof ref === "function") {
|
|
7126
7168
|
if (instance) {
|
|
@@ -7137,19 +7179,16 @@ function useMotionRef(visualState, visualElement, externalRef) {
|
|
|
7137
7179
|
} else if (ref) {
|
|
7138
7180
|
ref.current = instance;
|
|
7139
7181
|
}
|
|
7140
|
-
if (visualElement) {
|
|
7141
|
-
instance ? visualElement.mount(instance) : visualElement.unmount();
|
|
7142
|
-
}
|
|
7143
7182
|
}, [visualElement]);
|
|
7144
7183
|
}
|
|
7145
7184
|
var SwitchLayoutGroupContext = createContext({});
|
|
7146
7185
|
|
|
7147
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7186
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/utils/is-ref-object.mjs
|
|
7148
7187
|
function isRefObject(ref) {
|
|
7149
7188
|
return ref && typeof ref === "object" && Object.prototype.hasOwnProperty.call(ref, "current");
|
|
7150
7189
|
}
|
|
7151
7190
|
|
|
7152
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7191
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/motion/utils/use-visual-element.mjs
|
|
7153
7192
|
function useVisualElement(Component3, visualState, props, createVisualElement, ProjectionNodeConstructor, isSVG) {
|
|
7154
7193
|
const { visualElement: parent } = useContext(MotionContext);
|
|
7155
7194
|
const lazyContext = useContext(LazyContext);
|
|
@@ -7245,7 +7284,7 @@ function getClosestProjectingNode(visualElement) {
|
|
|
7245
7284
|
return visualElement.options.allowProjection !== false ? visualElement.projection : getClosestProjectingNode(visualElement.parent);
|
|
7246
7285
|
}
|
|
7247
7286
|
|
|
7248
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7287
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/motion/index.mjs
|
|
7249
7288
|
function createMotionComponent(Component3, { forwardMotionProps = false, type } = {}, preloadedFeatures, createVisualElement) {
|
|
7250
7289
|
preloadedFeatures && loadFeatures(preloadedFeatures);
|
|
7251
7290
|
const isSVG = type ? type === "svg" : isSVGComponent(Component3);
|
|
@@ -7257,7 +7296,7 @@ function createMotionComponent(Component3, { forwardMotionProps = false, type }
|
|
|
7257
7296
|
...props,
|
|
7258
7297
|
layoutId: useLayoutId(props)
|
|
7259
7298
|
};
|
|
7260
|
-
const { isStatic } = configAndProps;
|
|
7299
|
+
const { isStatic, isValidProp } = configAndProps;
|
|
7261
7300
|
const context = useCreateMotionContext(props);
|
|
7262
7301
|
const visualState = useVisualState(props, isStatic);
|
|
7263
7302
|
if (!isStatic && typeof window !== "undefined") {
|
|
@@ -7266,7 +7305,7 @@ function createMotionComponent(Component3, { forwardMotionProps = false, type }
|
|
|
7266
7305
|
MeasureLayout2 = layoutProjection.MeasureLayout;
|
|
7267
7306
|
context.visualElement = useVisualElement(Component3, visualState, configAndProps, createVisualElement, layoutProjection.ProjectionNode, isSVG);
|
|
7268
7307
|
}
|
|
7269
|
-
return jsxs(MotionContext.Provider, { value: context, children: [MeasureLayout2 && context.visualElement ? jsx(MeasureLayout2, { visualElement: context.visualElement, ...configAndProps }) : null, useRender(Component3, props, useMotionRef(visualState, context.visualElement, externalRef), visualState, isStatic, forwardMotionProps, isSVG)] });
|
|
7308
|
+
return jsxs(MotionContext.Provider, { value: context, children: [MeasureLayout2 && context.visualElement ? jsx(MeasureLayout2, { visualElement: context.visualElement, ...configAndProps }) : null, useRender(Component3, props, useMotionRef(visualState, context.visualElement, externalRef), visualState, isStatic, forwardMotionProps, isSVG, isValidProp)] });
|
|
7270
7309
|
}
|
|
7271
7310
|
MotionDOMComponent.displayName = `motion.${typeof Component3 === "string" ? Component3 : `create(${Component3.displayName ?? Component3.name ?? ""})`}`;
|
|
7272
7311
|
const ForwardRefMotionComponent = forwardRef(MotionDOMComponent);
|
|
@@ -7296,7 +7335,7 @@ function getProjectionFunctionality(props) {
|
|
|
7296
7335
|
};
|
|
7297
7336
|
}
|
|
7298
7337
|
|
|
7299
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7338
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/render/components/create-proxy.mjs
|
|
7300
7339
|
function createMotionProxy(preloadedFeatures, createVisualElement) {
|
|
7301
7340
|
if (typeof Proxy === "undefined") {
|
|
7302
7341
|
return createMotionComponent;
|
|
@@ -7334,7 +7373,7 @@ var createDomVisualElement = (Component3, options) => {
|
|
|
7334
7373
|
});
|
|
7335
7374
|
};
|
|
7336
7375
|
|
|
7337
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7376
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/motion/features/animation/index.mjs
|
|
7338
7377
|
var AnimationFeature = class extends Feature {
|
|
7339
7378
|
/**
|
|
7340
7379
|
* We dynamically generate the AnimationState manager as it contains a reference
|
|
@@ -7370,7 +7409,7 @@ var AnimationFeature = class extends Feature {
|
|
|
7370
7409
|
}
|
|
7371
7410
|
};
|
|
7372
7411
|
|
|
7373
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7412
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/motion/features/animation/exit.mjs
|
|
7374
7413
|
var id2 = 0;
|
|
7375
7414
|
var ExitAnimationFeature = class extends Feature {
|
|
7376
7415
|
constructor() {
|
|
@@ -7389,7 +7428,7 @@ var ExitAnimationFeature = class extends Feature {
|
|
|
7389
7428
|
if (isPresent && prevIsPresent === false) {
|
|
7390
7429
|
if (this.isExitComplete) {
|
|
7391
7430
|
const { initial, custom } = this.node.getProps();
|
|
7392
|
-
if (typeof initial === "string") {
|
|
7431
|
+
if (typeof initial === "string" || typeof initial === "object" && initial !== null && !Array.isArray(initial)) {
|
|
7393
7432
|
const resolved = resolveVariant(this.node, initial, custom);
|
|
7394
7433
|
if (resolved) {
|
|
7395
7434
|
const { transition, transitionEnd, ...target } = resolved;
|
|
@@ -7427,7 +7466,7 @@ var ExitAnimationFeature = class extends Feature {
|
|
|
7427
7466
|
}
|
|
7428
7467
|
};
|
|
7429
7468
|
|
|
7430
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7469
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/motion/features/animations.mjs
|
|
7431
7470
|
var animations = {
|
|
7432
7471
|
animation: {
|
|
7433
7472
|
Feature: AnimationFeature
|
|
@@ -7437,7 +7476,7 @@ var animations = {
|
|
|
7437
7476
|
}
|
|
7438
7477
|
};
|
|
7439
7478
|
|
|
7440
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7479
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/events/event-info.mjs
|
|
7441
7480
|
function extractEventInfo(event) {
|
|
7442
7481
|
return {
|
|
7443
7482
|
point: {
|
|
@@ -7448,17 +7487,17 @@ function extractEventInfo(event) {
|
|
|
7448
7487
|
}
|
|
7449
7488
|
var addPointerInfo = (handler) => (event) => isPrimaryPointer(event) && handler(event, extractEventInfo(event));
|
|
7450
7489
|
|
|
7451
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7490
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/events/add-pointer-event.mjs
|
|
7452
7491
|
function addPointerEvent(target, eventName, handler, options) {
|
|
7453
7492
|
return addDomEvent(target, eventName, addPointerInfo(handler), options);
|
|
7454
7493
|
}
|
|
7455
7494
|
|
|
7456
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7495
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/utils/get-context-window.mjs
|
|
7457
7496
|
var getContextWindow = ({ current }) => {
|
|
7458
7497
|
return current ? current.ownerDocument.defaultView : null;
|
|
7459
7498
|
};
|
|
7460
7499
|
|
|
7461
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7500
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/utils/distance.mjs
|
|
7462
7501
|
var distance = (a, b) => Math.abs(a - b);
|
|
7463
7502
|
function distance2D(a, b) {
|
|
7464
7503
|
const xDelta = distance(a.x, b.x);
|
|
@@ -7466,7 +7505,7 @@ function distance2D(a, b) {
|
|
|
7466
7505
|
return Math.sqrt(xDelta ** 2 + yDelta ** 2);
|
|
7467
7506
|
}
|
|
7468
7507
|
|
|
7469
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7508
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/gestures/pan/PanSession.mjs
|
|
7470
7509
|
var overflowStyles = /* @__PURE__ */ new Set(["auto", "scroll"]);
|
|
7471
7510
|
var PanSession = class {
|
|
7472
7511
|
constructor(event, handlers, { transformPagePoint, contextWindow = window, dragSnapToOrigin = false, distanceThreshold = 3, element } = {}) {
|
|
@@ -7539,7 +7578,8 @@ var PanSession = class {
|
|
|
7539
7578
|
this.history = [{ ...point, timestamp }];
|
|
7540
7579
|
const { onSessionStart } = handlers;
|
|
7541
7580
|
onSessionStart && onSessionStart(event, getPanInfo(initialInfo, this.history));
|
|
7542
|
-
|
|
7581
|
+
const eventOptions = { passive: true, capture: true };
|
|
7582
|
+
this.removeListeners = pipe(addPointerEvent(this.contextWindow, "pointermove", this.handlePointerMove, eventOptions), addPointerEvent(this.contextWindow, "pointerup", this.handlePointerUp, eventOptions), addPointerEvent(this.contextWindow, "pointercancel", this.handlePointerUp, eventOptions));
|
|
7543
7583
|
if (element) {
|
|
7544
7584
|
this.startScrollTracking(element);
|
|
7545
7585
|
}
|
|
@@ -7673,7 +7713,7 @@ function getVelocity(history, timeDelta) {
|
|
|
7673
7713
|
return currentVelocity;
|
|
7674
7714
|
}
|
|
7675
7715
|
|
|
7676
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7716
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/gestures/drag/utils/constraints.mjs
|
|
7677
7717
|
function applyConstraints(point, { min, max }, elastic) {
|
|
7678
7718
|
if (min !== void 0 && point < min) {
|
|
7679
7719
|
point = elastic ? mixNumber(min, point, elastic.min) : Math.max(point, min);
|
|
@@ -7751,7 +7791,7 @@ function resolvePointElastic(dragElastic, label) {
|
|
|
7751
7791
|
return typeof dragElastic === "number" ? dragElastic : dragElastic[label] || 0;
|
|
7752
7792
|
}
|
|
7753
7793
|
|
|
7754
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7794
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/gestures/drag/VisualElementDragControls.mjs
|
|
7755
7795
|
var elementDragControls = /* @__PURE__ */ new WeakMap();
|
|
7756
7796
|
var VisualElementDragControls = class {
|
|
7757
7797
|
constructor(visualElement) {
|
|
@@ -7952,6 +7992,10 @@ var VisualElementDragControls = class {
|
|
|
7952
7992
|
const { projection } = this.visualElement;
|
|
7953
7993
|
if (!projection || !projection.layout)
|
|
7954
7994
|
return false;
|
|
7995
|
+
if (projection.root) {
|
|
7996
|
+
projection.root.scroll = void 0;
|
|
7997
|
+
projection.root.updateScroll();
|
|
7998
|
+
}
|
|
7955
7999
|
const constraintsBox = measurePageBox(constraintsElement, projection.root, this.visualElement.getTransformPagePoint());
|
|
7956
8000
|
let measuredConstraints = calcViewportConstraints(projection.layout.layoutBox, constraintsBox);
|
|
7957
8001
|
if (onMeasureDragConstraints) {
|
|
@@ -8008,7 +8052,7 @@ var VisualElementDragControls = class {
|
|
|
8008
8052
|
const dragKey = `_drag${axis.toUpperCase()}`;
|
|
8009
8053
|
const props = this.visualElement.getProps();
|
|
8010
8054
|
const externalMotionValue = props[dragKey];
|
|
8011
|
-
return externalMotionValue ? externalMotionValue : this.visualElement.getValue(axis,
|
|
8055
|
+
return externalMotionValue ? externalMotionValue : this.visualElement.getValue(axis, this.visualElement.latestValues[axis] ?? 0);
|
|
8012
8056
|
}
|
|
8013
8057
|
snapToCursor(point) {
|
|
8014
8058
|
eachAxis((axis) => {
|
|
@@ -8156,7 +8200,7 @@ function getCurrentDirection(offset, lockThreshold = 10) {
|
|
|
8156
8200
|
return direction;
|
|
8157
8201
|
}
|
|
8158
8202
|
|
|
8159
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8203
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/gestures/drag/index.mjs
|
|
8160
8204
|
var DragGesture = class extends Feature {
|
|
8161
8205
|
constructor(node) {
|
|
8162
8206
|
super(node);
|
|
@@ -8190,7 +8234,7 @@ var DragGesture = class extends Feature {
|
|
|
8190
8234
|
}
|
|
8191
8235
|
};
|
|
8192
8236
|
|
|
8193
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8237
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/gestures/pan/index.mjs
|
|
8194
8238
|
var asyncHandler = (handler) => (event, info) => {
|
|
8195
8239
|
if (handler) {
|
|
8196
8240
|
frame.update(() => handler(event, info), false, true);
|
|
@@ -8333,7 +8377,7 @@ function MeasureLayout(props) {
|
|
|
8333
8377
|
return jsx(MeasureLayoutWithContext, { ...props, layoutGroup, switchLayoutGroup: useContext(SwitchLayoutGroupContext), isPresent, safeToRemove });
|
|
8334
8378
|
}
|
|
8335
8379
|
|
|
8336
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8380
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/motion/features/drag.mjs
|
|
8337
8381
|
var drag = {
|
|
8338
8382
|
pan: {
|
|
8339
8383
|
Feature: PanGesture
|
|
@@ -8345,7 +8389,7 @@ var drag = {
|
|
|
8345
8389
|
}
|
|
8346
8390
|
};
|
|
8347
8391
|
|
|
8348
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8392
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/gestures/hover.mjs
|
|
8349
8393
|
function handleHoverEvent(node, event, lifecycle) {
|
|
8350
8394
|
const { props } = node;
|
|
8351
8395
|
if (node.animationState && props.whileHover) {
|
|
@@ -8371,7 +8415,7 @@ var HoverGesture = class extends Feature {
|
|
|
8371
8415
|
}
|
|
8372
8416
|
};
|
|
8373
8417
|
|
|
8374
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8418
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/gestures/focus.mjs
|
|
8375
8419
|
var FocusGesture = class extends Feature {
|
|
8376
8420
|
constructor() {
|
|
8377
8421
|
super(...arguments);
|
|
@@ -8402,7 +8446,7 @@ var FocusGesture = class extends Feature {
|
|
|
8402
8446
|
}
|
|
8403
8447
|
};
|
|
8404
8448
|
|
|
8405
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8449
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/gestures/press.mjs
|
|
8406
8450
|
function handlePressEvent(node, event, lifecycle) {
|
|
8407
8451
|
const { props } = node;
|
|
8408
8452
|
if (node.current instanceof HTMLButtonElement && node.current.disabled) {
|
|
@@ -8435,7 +8479,7 @@ var PressGesture = class extends Feature {
|
|
|
8435
8479
|
}
|
|
8436
8480
|
};
|
|
8437
8481
|
|
|
8438
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8482
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/motion/features/viewport/observers.mjs
|
|
8439
8483
|
var observerCallbacks = /* @__PURE__ */ new WeakMap();
|
|
8440
8484
|
var observers = /* @__PURE__ */ new WeakMap();
|
|
8441
8485
|
var fireObserverCallback = (entry) => {
|
|
@@ -8467,7 +8511,7 @@ function observeIntersection(element, options, callback) {
|
|
|
8467
8511
|
};
|
|
8468
8512
|
}
|
|
8469
8513
|
|
|
8470
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8514
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/motion/features/viewport/index.mjs
|
|
8471
8515
|
var thresholdNames = {
|
|
8472
8516
|
some: 0,
|
|
8473
8517
|
all: 1
|
|
@@ -8528,7 +8572,7 @@ function hasViewportOptionChanged({ viewport = {} }, { viewport: prevViewport =
|
|
|
8528
8572
|
return (name) => viewport[name] !== prevViewport[name];
|
|
8529
8573
|
}
|
|
8530
8574
|
|
|
8531
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8575
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/motion/features/gestures.mjs
|
|
8532
8576
|
var gestureAnimations = {
|
|
8533
8577
|
inView: {
|
|
8534
8578
|
Feature: InViewFeature
|
|
@@ -8544,7 +8588,7 @@ var gestureAnimations = {
|
|
|
8544
8588
|
}
|
|
8545
8589
|
};
|
|
8546
8590
|
|
|
8547
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8591
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/motion/features/layout.mjs
|
|
8548
8592
|
var layout = {
|
|
8549
8593
|
layout: {
|
|
8550
8594
|
ProjectionNode: HTMLProjectionNode,
|
|
@@ -8552,7 +8596,7 @@ var layout = {
|
|
|
8552
8596
|
}
|
|
8553
8597
|
};
|
|
8554
8598
|
|
|
8555
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8599
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/render/components/motion/feature-bundle.mjs
|
|
8556
8600
|
var featureBundle = {
|
|
8557
8601
|
...animations,
|
|
8558
8602
|
...gestureAnimations,
|
|
@@ -8560,8 +8604,11 @@ var featureBundle = {
|
|
|
8560
8604
|
...layout
|
|
8561
8605
|
};
|
|
8562
8606
|
|
|
8563
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8607
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/render/components/motion/proxy.mjs
|
|
8564
8608
|
var motion = /* @__PURE__ */ createMotionProxy(featureBundle, createDomVisualElement);
|
|
8609
|
+
|
|
8610
|
+
// ../../node_modules/.pnpm/motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/motion/dist/es/react.mjs
|
|
8611
|
+
var motion2 = motion;
|
|
8565
8612
|
function usePrefersReducedMotion() {
|
|
8566
8613
|
const [prefersReducedMotion2, setPrefersReducedMotion] = useState(false);
|
|
8567
8614
|
useEffect(() => {
|
|
@@ -8771,7 +8818,7 @@ function AnimatedText({
|
|
|
8771
8818
|
return /* @__PURE__ */ jsxs(Box, { tag: "span", className: "relative", children: [
|
|
8772
8819
|
typewriterText,
|
|
8773
8820
|
showCursor && /* @__PURE__ */ jsx(
|
|
8774
|
-
|
|
8821
|
+
motion2.span,
|
|
8775
8822
|
{
|
|
8776
8823
|
animate: { opacity: [0, 1, 0] },
|
|
8777
8824
|
transition: { duration: 1, repeat: Infinity },
|
|
@@ -8782,14 +8829,14 @@ function AnimatedText({
|
|
|
8782
8829
|
] });
|
|
8783
8830
|
case "wordReveal":
|
|
8784
8831
|
return /* @__PURE__ */ jsx(
|
|
8785
|
-
|
|
8832
|
+
motion2.div,
|
|
8786
8833
|
{
|
|
8787
8834
|
className: "flex flex-wrap gap-1",
|
|
8788
8835
|
initial: "hidden",
|
|
8789
8836
|
animate: "visible",
|
|
8790
8837
|
onAnimationComplete: () => onComplete?.(),
|
|
8791
8838
|
children: text.split(" ").map((word, i) => /* @__PURE__ */ jsx(
|
|
8792
|
-
|
|
8839
|
+
motion2.span,
|
|
8793
8840
|
{
|
|
8794
8841
|
custom: i,
|
|
8795
8842
|
variants: wordVariants,
|
|
@@ -8805,7 +8852,7 @@ function AnimatedText({
|
|
|
8805
8852
|
return /* @__PURE__ */ jsx("span", { children: shuffleText });
|
|
8806
8853
|
case "gradient":
|
|
8807
8854
|
return /* @__PURE__ */ jsx(
|
|
8808
|
-
|
|
8855
|
+
motion2.span,
|
|
8809
8856
|
{
|
|
8810
8857
|
style: gradientStyle,
|
|
8811
8858
|
initial: { opacity: 0 },
|
|
@@ -8818,13 +8865,13 @@ function AnimatedText({
|
|
|
8818
8865
|
);
|
|
8819
8866
|
case "glitch":
|
|
8820
8867
|
return /* @__PURE__ */ jsxs(
|
|
8821
|
-
|
|
8868
|
+
motion2.div,
|
|
8822
8869
|
{
|
|
8823
8870
|
className: "relative",
|
|
8824
8871
|
onAnimationComplete: () => onComplete?.(),
|
|
8825
8872
|
children: [
|
|
8826
8873
|
/* @__PURE__ */ jsx(
|
|
8827
|
-
|
|
8874
|
+
motion2.span,
|
|
8828
8875
|
{
|
|
8829
8876
|
variants: glitchVariants,
|
|
8830
8877
|
animate: "glitch",
|
|
@@ -8835,7 +8882,7 @@ function AnimatedText({
|
|
|
8835
8882
|
}
|
|
8836
8883
|
),
|
|
8837
8884
|
/* @__PURE__ */ jsx(
|
|
8838
|
-
|
|
8885
|
+
motion2.span,
|
|
8839
8886
|
{
|
|
8840
8887
|
className: "absolute inset-0 opacity-80",
|
|
8841
8888
|
variants: glitchVariants,
|
|
@@ -8849,7 +8896,7 @@ function AnimatedText({
|
|
|
8849
8896
|
}
|
|
8850
8897
|
),
|
|
8851
8898
|
/* @__PURE__ */ jsx(
|
|
8852
|
-
|
|
8899
|
+
motion2.span,
|
|
8853
8900
|
{
|
|
8854
8901
|
className: "absolute inset-0 opacity-80",
|
|
8855
8902
|
variants: glitchVariants,
|