@luxfi/ui 8.2.11 → 8.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- 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/package.json +43 -41
- 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/3d-marquee.cjs
CHANGED
|
@@ -25,12 +25,6 @@ function _interopNamespace(e) {
|
|
|
25
25
|
|
|
26
26
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
27
27
|
|
|
28
|
-
var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
|
|
29
|
-
get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
|
|
30
|
-
}) : x)(function(x) {
|
|
31
|
-
if (typeof require !== "undefined") return require.apply(this, arguments);
|
|
32
|
-
throw Error('Dynamic require of "' + x + '" is not supported');
|
|
33
|
-
});
|
|
34
28
|
var LayoutGroupContext = React.createContext({});
|
|
35
29
|
function useConstant(init) {
|
|
36
30
|
const ref = React.useRef(null);
|
|
@@ -40,14 +34,14 @@ function useConstant(init) {
|
|
|
40
34
|
return ref.current;
|
|
41
35
|
}
|
|
42
36
|
|
|
43
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
37
|
+
// ../../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
|
|
44
38
|
var isBrowser = typeof window !== "undefined";
|
|
45
39
|
|
|
46
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
40
|
+
// ../../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
|
|
47
41
|
var useIsomorphicLayoutEffect = isBrowser ? React.useLayoutEffect : React.useEffect;
|
|
48
42
|
var PresenceContext = /* @__PURE__ */ React.createContext(null);
|
|
49
43
|
|
|
50
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
44
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/array.mjs
|
|
51
45
|
function addUniqueItem(arr, item) {
|
|
52
46
|
if (arr.indexOf(item) === -1)
|
|
53
47
|
arr.push(item);
|
|
@@ -58,7 +52,7 @@ function removeItem(arr, item) {
|
|
|
58
52
|
arr.splice(index, 1);
|
|
59
53
|
}
|
|
60
54
|
|
|
61
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
55
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/clamp.mjs
|
|
62
56
|
var clamp = (min, max, v) => {
|
|
63
57
|
if (v > max)
|
|
64
58
|
return max;
|
|
@@ -67,12 +61,12 @@ var clamp = (min, max, v) => {
|
|
|
67
61
|
return v;
|
|
68
62
|
};
|
|
69
63
|
|
|
70
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
64
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/format-error-message.mjs
|
|
71
65
|
function formatErrorMessage(message, errorCode) {
|
|
72
66
|
return errorCode ? `${message}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${errorCode}` : message;
|
|
73
67
|
}
|
|
74
68
|
|
|
75
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
69
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/errors.mjs
|
|
76
70
|
var warning = () => {
|
|
77
71
|
};
|
|
78
72
|
var invariant = () => {
|
|
@@ -90,21 +84,19 @@ if (typeof process !== "undefined" && process.env?.NODE_ENV !== "production") {
|
|
|
90
84
|
};
|
|
91
85
|
}
|
|
92
86
|
|
|
93
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
87
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/global-config.mjs
|
|
94
88
|
var MotionGlobalConfig = {};
|
|
95
89
|
|
|
96
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
90
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/is-numerical-string.mjs
|
|
97
91
|
var isNumericalString = (v) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(v);
|
|
98
92
|
|
|
99
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
100
|
-
|
|
101
|
-
return typeof value === "object" && value !== null;
|
|
102
|
-
}
|
|
93
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/is-object.mjs
|
|
94
|
+
var isObject = (value) => typeof value === "object" && value !== null;
|
|
103
95
|
|
|
104
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
96
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/is-zero-value-string.mjs
|
|
105
97
|
var isZeroValueString = (v) => /^0[^.\s]+$/u.test(v);
|
|
106
98
|
|
|
107
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
99
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/memo.mjs
|
|
108
100
|
// @__NO_SIDE_EFFECTS__
|
|
109
101
|
function memo(callback) {
|
|
110
102
|
let result;
|
|
@@ -115,20 +107,19 @@ function memo(callback) {
|
|
|
115
107
|
};
|
|
116
108
|
}
|
|
117
109
|
|
|
118
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
110
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/noop.mjs
|
|
119
111
|
var noop = /* @__NO_SIDE_EFFECTS__ */ (any) => any;
|
|
120
112
|
|
|
121
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
122
|
-
var
|
|
123
|
-
var pipe = (...transformers) => transformers.reduce(combineFunctions);
|
|
113
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/pipe.mjs
|
|
114
|
+
var pipe = (...transformers) => transformers.reduce((a, b) => (v) => b(a(v)));
|
|
124
115
|
|
|
125
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
116
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/progress.mjs
|
|
126
117
|
var progress = /* @__NO_SIDE_EFFECTS__ */ (from, to, value) => {
|
|
127
|
-
const
|
|
128
|
-
return
|
|
118
|
+
const range = to - from;
|
|
119
|
+
return range ? (value - from) / range : 1;
|
|
129
120
|
};
|
|
130
121
|
|
|
131
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
122
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/subscription-manager.mjs
|
|
132
123
|
var SubscriptionManager = class {
|
|
133
124
|
constructor() {
|
|
134
125
|
this.subscriptions = [];
|
|
@@ -158,16 +149,14 @@ var SubscriptionManager = class {
|
|
|
158
149
|
}
|
|
159
150
|
};
|
|
160
151
|
|
|
161
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
152
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/time-conversion.mjs
|
|
162
153
|
var secondsToMilliseconds = /* @__NO_SIDE_EFFECTS__ */ (seconds) => seconds * 1e3;
|
|
163
154
|
var millisecondsToSeconds = /* @__NO_SIDE_EFFECTS__ */ (milliseconds) => milliseconds / 1e3;
|
|
164
155
|
|
|
165
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
166
|
-
|
|
167
|
-
return frameDuration ? velocity * (1e3 / frameDuration) : 0;
|
|
168
|
-
}
|
|
156
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/velocity-per-second.mjs
|
|
157
|
+
var velocityPerSecond = /* @__NO_SIDE_EFFECTS__ */ (velocity, frameDuration) => frameDuration ? velocity * (1e3 / frameDuration) : 0;
|
|
169
158
|
|
|
170
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
159
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/warn-once.mjs
|
|
171
160
|
var warned = /* @__PURE__ */ new Set();
|
|
172
161
|
function warnOnce(condition, message, errorCode) {
|
|
173
162
|
if (condition || warned.has(message))
|
|
@@ -176,7 +165,7 @@ function warnOnce(condition, message, errorCode) {
|
|
|
176
165
|
warned.add(message);
|
|
177
166
|
}
|
|
178
167
|
|
|
179
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
168
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/cubic-bezier.mjs
|
|
180
169
|
var calcBezier = (t, a1, a2) => (((1 - 3 * a2 + 3 * a1) * t + (3 * a2 - 6 * a1)) * t + 3 * a1) * t;
|
|
181
170
|
var subdivisionPrecision = 1e-7;
|
|
182
171
|
var subdivisionMaxIterations = 12;
|
|
@@ -195,6 +184,7 @@ function binarySubdivide(x, lowerBound, upperBound, mX1, mX2) {
|
|
|
195
184
|
} while (Math.abs(currentX) > subdivisionPrecision && ++i < subdivisionMaxIterations);
|
|
196
185
|
return currentT;
|
|
197
186
|
}
|
|
187
|
+
// @__NO_SIDE_EFFECTS__
|
|
198
188
|
function cubicBezier(mX1, mY1, mX2, mY2) {
|
|
199
189
|
if (mX1 === mY1 && mX2 === mY2)
|
|
200
190
|
return noop;
|
|
@@ -202,39 +192,39 @@ function cubicBezier(mX1, mY1, mX2, mY2) {
|
|
|
202
192
|
return (t) => t === 0 || t === 1 ? t : calcBezier(getTForX(t), mY1, mY2);
|
|
203
193
|
}
|
|
204
194
|
|
|
205
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
206
|
-
var mirrorEasing = (easing) => (p) => p <= 0.5 ? easing(2 * p) / 2 : (2 - easing(2 * (1 - p))) / 2;
|
|
195
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/modifiers/mirror.mjs
|
|
196
|
+
var mirrorEasing = /* @__NO_SIDE_EFFECTS__ */ (easing) => (p) => p <= 0.5 ? easing(2 * p) / 2 : (2 - easing(2 * (1 - p))) / 2;
|
|
207
197
|
|
|
208
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
209
|
-
var reverseEasing = (easing) => (p) => 1 - easing(1 - p);
|
|
198
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/modifiers/reverse.mjs
|
|
199
|
+
var reverseEasing = /* @__NO_SIDE_EFFECTS__ */ (easing) => (p) => 1 - easing(1 - p);
|
|
210
200
|
|
|
211
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
201
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/back.mjs
|
|
212
202
|
var backOut = /* @__PURE__ */ cubicBezier(0.33, 1.53, 0.69, 0.99);
|
|
213
203
|
var backIn = /* @__PURE__ */ reverseEasing(backOut);
|
|
214
204
|
var backInOut = /* @__PURE__ */ mirrorEasing(backIn);
|
|
215
205
|
|
|
216
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
206
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/anticipate.mjs
|
|
217
207
|
var anticipate = (p) => p >= 1 ? 1 : (p *= 2) < 1 ? 0.5 * backIn(p) : 0.5 * (2 - Math.pow(2, -10 * (p - 1)));
|
|
218
208
|
|
|
219
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
209
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/circ.mjs
|
|
220
210
|
var circIn = (p) => 1 - Math.sin(Math.acos(p));
|
|
221
211
|
var circOut = reverseEasing(circIn);
|
|
222
212
|
var circInOut = mirrorEasing(circIn);
|
|
223
213
|
|
|
224
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
214
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/ease.mjs
|
|
225
215
|
var easeIn = /* @__PURE__ */ cubicBezier(0.42, 0, 1, 1);
|
|
226
216
|
var easeOut = /* @__PURE__ */ cubicBezier(0, 0, 0.58, 1);
|
|
227
217
|
var easeInOut = /* @__PURE__ */ cubicBezier(0.42, 0, 0.58, 1);
|
|
228
218
|
|
|
229
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
230
|
-
var isEasingArray = (ease2) => {
|
|
219
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/utils/is-easing-array.mjs
|
|
220
|
+
var isEasingArray = /* @__NO_SIDE_EFFECTS__ */ (ease2) => {
|
|
231
221
|
return Array.isArray(ease2) && typeof ease2[0] !== "number";
|
|
232
222
|
};
|
|
233
223
|
|
|
234
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
235
|
-
var isBezierDefinition = (easing) => Array.isArray(easing) && typeof easing[0] === "number";
|
|
224
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/utils/is-bezier-definition.mjs
|
|
225
|
+
var isBezierDefinition = /* @__NO_SIDE_EFFECTS__ */ (easing) => Array.isArray(easing) && typeof easing[0] === "number";
|
|
236
226
|
|
|
237
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
227
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/utils/map.mjs
|
|
238
228
|
var easingLookup = {
|
|
239
229
|
linear: noop,
|
|
240
230
|
easeIn,
|
|
@@ -263,7 +253,7 @@ var easingDefinitionToFunction = (definition) => {
|
|
|
263
253
|
return definition;
|
|
264
254
|
};
|
|
265
255
|
|
|
266
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
256
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/frameloop/order.mjs
|
|
267
257
|
var stepsOrder = [
|
|
268
258
|
"setup",
|
|
269
259
|
// Compute
|
|
@@ -283,8 +273,8 @@ var stepsOrder = [
|
|
|
283
273
|
// Compute
|
|
284
274
|
];
|
|
285
275
|
|
|
286
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
287
|
-
function createRenderStep(runNextFrame
|
|
276
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/frameloop/render-step.mjs
|
|
277
|
+
function createRenderStep(runNextFrame) {
|
|
288
278
|
let thisFrame = /* @__PURE__ */ new Set();
|
|
289
279
|
let nextFrame = /* @__PURE__ */ new Set();
|
|
290
280
|
let isProcessing = false;
|
|
@@ -346,7 +336,7 @@ function createRenderStep(runNextFrame, stepName) {
|
|
|
346
336
|
return step;
|
|
347
337
|
}
|
|
348
338
|
|
|
349
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
339
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/frameloop/batcher.mjs
|
|
350
340
|
var maxElapsed = 40;
|
|
351
341
|
function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
|
|
352
342
|
let runNextFrame = false;
|
|
@@ -409,10 +399,10 @@ function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
|
|
|
409
399
|
return { schedule, cancel, state, steps };
|
|
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/frameloop/frame.mjs
|
|
413
403
|
var { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
|
|
414
404
|
|
|
415
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
405
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/frameloop/sync-time.mjs
|
|
416
406
|
var now;
|
|
417
407
|
function clearTime() {
|
|
418
408
|
now = void 0;
|
|
@@ -430,7 +420,7 @@ var time = {
|
|
|
430
420
|
}
|
|
431
421
|
};
|
|
432
422
|
|
|
433
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
423
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/is-css-variable.mjs
|
|
434
424
|
var checkStringStartsWith = (token) => (key) => typeof key === "string" && key.startsWith(token);
|
|
435
425
|
var isCSSVariableName = /* @__PURE__ */ checkStringStartsWith("--");
|
|
436
426
|
var startsAsVariableToken = /* @__PURE__ */ checkStringStartsWith("var(--");
|
|
@@ -447,7 +437,7 @@ function containsCSSVariable(value) {
|
|
|
447
437
|
return value.split("/*")[0].includes("var(--");
|
|
448
438
|
}
|
|
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/numbers/index.mjs
|
|
451
441
|
var number = {
|
|
452
442
|
test: (v) => typeof v === "number",
|
|
453
443
|
parse: parseFloat,
|
|
@@ -462,21 +452,21 @@ var scale = {
|
|
|
462
452
|
default: 1
|
|
463
453
|
};
|
|
464
454
|
|
|
465
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
455
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/sanitize.mjs
|
|
466
456
|
var sanitize = (v) => Math.round(v * 1e5) / 1e5;
|
|
467
457
|
|
|
468
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
458
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/float-regex.mjs
|
|
469
459
|
var floatRegex = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
|
|
470
460
|
|
|
471
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
461
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/is-nullish.mjs
|
|
472
462
|
function isNullish(v) {
|
|
473
463
|
return v == null;
|
|
474
464
|
}
|
|
475
465
|
|
|
476
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
466
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/single-color-regex.mjs
|
|
477
467
|
var singleColorRegex = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu;
|
|
478
468
|
|
|
479
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
469
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/utils.mjs
|
|
480
470
|
var isColorString = (type, testProp) => (v) => {
|
|
481
471
|
return Boolean(typeof v === "string" && singleColorRegex.test(v) && v.startsWith(type) || testProp && !isNullish(v) && Object.prototype.hasOwnProperty.call(v, testProp));
|
|
482
472
|
};
|
|
@@ -492,7 +482,7 @@ var splitColor = (aName, bName, cName) => (v) => {
|
|
|
492
482
|
};
|
|
493
483
|
};
|
|
494
484
|
|
|
495
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
485
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/rgba.mjs
|
|
496
486
|
var clampRgbUnit = (v) => clamp(0, 255, v);
|
|
497
487
|
var rgbUnit = {
|
|
498
488
|
...number,
|
|
@@ -504,7 +494,7 @@ var rgba = {
|
|
|
504
494
|
transform: ({ red, green, blue, alpha: alpha$1 = 1 }) => "rgba(" + rgbUnit.transform(red) + ", " + rgbUnit.transform(green) + ", " + rgbUnit.transform(blue) + ", " + sanitize(alpha.transform(alpha$1)) + ")"
|
|
505
495
|
};
|
|
506
496
|
|
|
507
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
497
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/hex.mjs
|
|
508
498
|
function parseHex(v) {
|
|
509
499
|
let r = "";
|
|
510
500
|
let g = "";
|
|
@@ -538,7 +528,7 @@ var hex = {
|
|
|
538
528
|
transform: rgba.transform
|
|
539
529
|
};
|
|
540
530
|
|
|
541
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
531
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/numbers/units.mjs
|
|
542
532
|
var createUnitType = /* @__NO_SIDE_EFFECTS__ */ (unit) => ({
|
|
543
533
|
test: (v) => typeof v === "string" && v.endsWith(unit) && v.split(" ").length === 1,
|
|
544
534
|
parse: parseFloat,
|
|
@@ -555,7 +545,7 @@ var progressPercentage = /* @__PURE__ */ (() => ({
|
|
|
555
545
|
transform: (v) => percent.transform(v * 100)
|
|
556
546
|
}))();
|
|
557
547
|
|
|
558
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
548
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/hsla.mjs
|
|
559
549
|
var hsla = {
|
|
560
550
|
test: /* @__PURE__ */ isColorString("hsl", "hue"),
|
|
561
551
|
parse: /* @__PURE__ */ splitColor("hue", "saturation", "lightness"),
|
|
@@ -564,7 +554,7 @@ var hsla = {
|
|
|
564
554
|
}
|
|
565
555
|
};
|
|
566
556
|
|
|
567
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
557
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/index.mjs
|
|
568
558
|
var color = {
|
|
569
559
|
test: (v) => rgba.test(v) || hex.test(v) || hsla.test(v),
|
|
570
560
|
parse: (v) => {
|
|
@@ -586,10 +576,10 @@ var color = {
|
|
|
586
576
|
}
|
|
587
577
|
};
|
|
588
578
|
|
|
589
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
579
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/color-regex.mjs
|
|
590
580
|
var colorRegex = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
|
|
591
581
|
|
|
592
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
582
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/complex/index.mjs
|
|
593
583
|
function test(v) {
|
|
594
584
|
return isNaN(v) && typeof v === "string" && (v.match(floatRegex)?.length || 0) + (v.match(colorRegex)?.length || 0) > 0;
|
|
595
585
|
}
|
|
@@ -674,7 +664,7 @@ var complex = {
|
|
|
674
664
|
getAnimatableNone
|
|
675
665
|
};
|
|
676
666
|
|
|
677
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
667
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/hsla-to-rgba.mjs
|
|
678
668
|
function hueToRgb(p, q, t) {
|
|
679
669
|
if (t < 0)
|
|
680
670
|
t += 1;
|
|
@@ -712,17 +702,17 @@ function hslaToRgba({ hue, saturation, lightness, alpha: alpha2 }) {
|
|
|
712
702
|
};
|
|
713
703
|
}
|
|
714
704
|
|
|
715
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
705
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/immediate.mjs
|
|
716
706
|
function mixImmediate(a, b) {
|
|
717
707
|
return (p) => p > 0 ? b : a;
|
|
718
708
|
}
|
|
719
709
|
|
|
720
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
710
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/number.mjs
|
|
721
711
|
var mixNumber = (from, to, progress2) => {
|
|
722
712
|
return from + (to - from) * progress2;
|
|
723
713
|
};
|
|
724
714
|
|
|
725
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
715
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/color.mjs
|
|
726
716
|
var mixLinearColor = (from, to, v) => {
|
|
727
717
|
const fromExpo = from * from;
|
|
728
718
|
const expo = v * (to * to - fromExpo) + fromExpo;
|
|
@@ -757,7 +747,7 @@ var mixColor = (from, to) => {
|
|
|
757
747
|
};
|
|
758
748
|
};
|
|
759
749
|
|
|
760
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
750
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/visibility.mjs
|
|
761
751
|
var invisibleValues = /* @__PURE__ */ new Set(["none", "hidden"]);
|
|
762
752
|
function mixVisibility(origin, target) {
|
|
763
753
|
if (invisibleValues.has(origin)) {
|
|
@@ -767,7 +757,7 @@ function mixVisibility(origin, target) {
|
|
|
767
757
|
}
|
|
768
758
|
}
|
|
769
759
|
|
|
770
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
760
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/complex.mjs
|
|
771
761
|
function mixNumber2(a, b) {
|
|
772
762
|
return (p) => mixNumber(a, b, p);
|
|
773
763
|
}
|
|
@@ -837,7 +827,7 @@ var mixComplex = (origin, target) => {
|
|
|
837
827
|
}
|
|
838
828
|
};
|
|
839
829
|
|
|
840
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
830
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/index.mjs
|
|
841
831
|
function mix(from, to, p) {
|
|
842
832
|
if (typeof from === "number" && typeof to === "number" && typeof p === "number") {
|
|
843
833
|
return mixNumber(from, to, p);
|
|
@@ -846,7 +836,7 @@ function mix(from, to, p) {
|
|
|
846
836
|
return mixer(from, to);
|
|
847
837
|
}
|
|
848
838
|
|
|
849
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
839
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/drivers/frame.mjs
|
|
850
840
|
var frameloopDriver = (update) => {
|
|
851
841
|
const passTimestamp = ({ timestamp }) => update(timestamp);
|
|
852
842
|
return {
|
|
@@ -860,7 +850,7 @@ var frameloopDriver = (update) => {
|
|
|
860
850
|
};
|
|
861
851
|
};
|
|
862
852
|
|
|
863
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
853
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/utils/linear.mjs
|
|
864
854
|
var generateLinearEasing = (easing, duration, resolution = 10) => {
|
|
865
855
|
let points = "";
|
|
866
856
|
const numPoints = Math.max(Math.round(duration / resolution), 2);
|
|
@@ -870,7 +860,7 @@ var generateLinearEasing = (easing, duration, resolution = 10) => {
|
|
|
870
860
|
return `linear(${points.substring(0, points.length - 2)})`;
|
|
871
861
|
};
|
|
872
862
|
|
|
873
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
863
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs
|
|
874
864
|
var maxGeneratorDuration = 2e4;
|
|
875
865
|
function calcGeneratorDuration(generator) {
|
|
876
866
|
let duration = 0;
|
|
@@ -883,7 +873,7 @@ function calcGeneratorDuration(generator) {
|
|
|
883
873
|
return duration >= maxGeneratorDuration ? Infinity : duration;
|
|
884
874
|
}
|
|
885
875
|
|
|
886
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
876
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs
|
|
887
877
|
function createGeneratorEasing(options, scale2 = 100, createGenerator) {
|
|
888
878
|
const generator = createGenerator({ ...options, keyframes: [0, scale2] });
|
|
889
879
|
const duration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);
|
|
@@ -896,7 +886,7 @@ function createGeneratorEasing(options, scale2 = 100, createGenerator) {
|
|
|
896
886
|
};
|
|
897
887
|
}
|
|
898
888
|
|
|
899
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
889
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/spring.mjs
|
|
900
890
|
var springDefaults = {
|
|
901
891
|
// Default spring physics
|
|
902
892
|
stiffness: 100,
|
|
@@ -1135,14 +1125,14 @@ spring.applyToOptions = (options) => {
|
|
|
1135
1125
|
return options;
|
|
1136
1126
|
};
|
|
1137
1127
|
|
|
1138
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1128
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/utils/velocity.mjs
|
|
1139
1129
|
var velocitySampleDuration = 5;
|
|
1140
1130
|
function getGeneratorVelocity(resolveValue, t, current) {
|
|
1141
1131
|
const prevT = Math.max(t - velocitySampleDuration, 0);
|
|
1142
1132
|
return velocityPerSecond(current - resolveValue(prevT), t - prevT);
|
|
1143
1133
|
}
|
|
1144
1134
|
|
|
1145
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1135
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/inertia.mjs
|
|
1146
1136
|
function inertia({ keyframes: keyframes2, velocity = 0, power = 0.8, timeConstant = 325, bounceDamping = 10, bounceStiffness = 500, modifyTarget, min, max, restDelta = 0.5, restSpeed }) {
|
|
1147
1137
|
const origin = keyframes2[0];
|
|
1148
1138
|
const state = {
|
|
@@ -1206,7 +1196,7 @@ function inertia({ keyframes: keyframes2, velocity = 0, power = 0.8, timeConstan
|
|
|
1206
1196
|
};
|
|
1207
1197
|
}
|
|
1208
1198
|
|
|
1209
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1199
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/interpolate.mjs
|
|
1210
1200
|
function createMixers(output, ease2, customMixer) {
|
|
1211
1201
|
const mixers = [];
|
|
1212
1202
|
const mixerFactory = customMixer || MotionGlobalConfig.mix || mix;
|
|
@@ -1251,7 +1241,7 @@ function interpolate(input, output, { clamp: isClamp = true, ease: ease2, mixer
|
|
|
1251
1241
|
return isClamp ? (v) => interpolator(clamp(input[0], input[inputLength - 1], v)) : interpolator;
|
|
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/keyframes/offsets/fill.mjs
|
|
1255
1245
|
function fillOffset(offset, remaining) {
|
|
1256
1246
|
const min = offset[offset.length - 1];
|
|
1257
1247
|
for (let i = 1; i <= remaining; i++) {
|
|
@@ -1260,19 +1250,19 @@ function fillOffset(offset, remaining) {
|
|
|
1260
1250
|
}
|
|
1261
1251
|
}
|
|
1262
1252
|
|
|
1263
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1253
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/offsets/default.mjs
|
|
1264
1254
|
function defaultOffset(arr) {
|
|
1265
1255
|
const offset = [0];
|
|
1266
1256
|
fillOffset(offset, arr.length - 1);
|
|
1267
1257
|
return offset;
|
|
1268
1258
|
}
|
|
1269
1259
|
|
|
1270
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1260
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/offsets/time.mjs
|
|
1271
1261
|
function convertOffsetToTimes(offset, duration) {
|
|
1272
1262
|
return offset.map((o) => o * duration);
|
|
1273
1263
|
}
|
|
1274
1264
|
|
|
1275
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1265
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/keyframes.mjs
|
|
1276
1266
|
function defaultEasing(values, easing) {
|
|
1277
1267
|
return values.map(() => easing || easeInOut).splice(0, values.length - 1);
|
|
1278
1268
|
}
|
|
@@ -1301,7 +1291,7 @@ function keyframes({ duration = 300, keyframes: keyframeValues, times, ease: eas
|
|
|
1301
1291
|
};
|
|
1302
1292
|
}
|
|
1303
1293
|
|
|
1304
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1294
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/get-final.mjs
|
|
1305
1295
|
var isNotNull = (value) => value !== null;
|
|
1306
1296
|
function getFinalKeyframe(keyframes2, { repeat, repeatType = "loop" }, finalKeyframe, speed = 1) {
|
|
1307
1297
|
const resolvedKeyframes = keyframes2.filter(isNotNull);
|
|
@@ -1310,7 +1300,7 @@ function getFinalKeyframe(keyframes2, { repeat, repeatType = "loop" }, finalKeyf
|
|
|
1310
1300
|
return !index || finalKeyframe === void 0 ? resolvedKeyframes[index] : finalKeyframe;
|
|
1311
1301
|
}
|
|
1312
1302
|
|
|
1313
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1303
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/replace-transition-type.mjs
|
|
1314
1304
|
var transitionTypeMap = {
|
|
1315
1305
|
decay: inertia,
|
|
1316
1306
|
inertia,
|
|
@@ -1324,7 +1314,7 @@ function replaceTransitionType(transition) {
|
|
|
1324
1314
|
}
|
|
1325
1315
|
}
|
|
1326
1316
|
|
|
1327
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1317
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/WithPromise.mjs
|
|
1328
1318
|
var WithPromise = class {
|
|
1329
1319
|
constructor() {
|
|
1330
1320
|
this.updateFinished();
|
|
@@ -1350,7 +1340,7 @@ var WithPromise = class {
|
|
|
1350
1340
|
}
|
|
1351
1341
|
};
|
|
1352
1342
|
|
|
1353
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1343
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/JSAnimation.mjs
|
|
1354
1344
|
var percentToProgress = (percent2) => percent2 / 100;
|
|
1355
1345
|
var JSAnimation = class extends WithPromise {
|
|
1356
1346
|
constructor(options) {
|
|
@@ -1629,14 +1619,14 @@ var JSAnimation = class extends WithPromise {
|
|
|
1629
1619
|
}
|
|
1630
1620
|
};
|
|
1631
1621
|
|
|
1632
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1622
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/utils/fill-wildcards.mjs
|
|
1633
1623
|
function fillWildcards(keyframes2) {
|
|
1634
1624
|
for (let i = 1; i < keyframes2.length; i++) {
|
|
1635
1625
|
keyframes2[i] ?? (keyframes2[i] = keyframes2[i - 1]);
|
|
1636
1626
|
}
|
|
1637
1627
|
}
|
|
1638
1628
|
|
|
1639
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1629
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/dom/parse-transform.mjs
|
|
1640
1630
|
var radToDeg = (rad) => rad * 180 / Math.PI;
|
|
1641
1631
|
var rotate = (v) => {
|
|
1642
1632
|
const angle = radToDeg(Math.atan2(v[1], v[0]));
|
|
@@ -1716,7 +1706,7 @@ function convertTransformToNumber(value) {
|
|
|
1716
1706
|
return parseFloat(value.trim());
|
|
1717
1707
|
}
|
|
1718
1708
|
|
|
1719
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1709
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/keys-transform.mjs
|
|
1720
1710
|
var transformPropOrder = [
|
|
1721
1711
|
"transformPerspective",
|
|
1722
1712
|
"x",
|
|
@@ -1736,9 +1726,9 @@ var transformPropOrder = [
|
|
|
1736
1726
|
"skewX",
|
|
1737
1727
|
"skewY"
|
|
1738
1728
|
];
|
|
1739
|
-
var transformProps = /* @__PURE__ */ (() => new Set(transformPropOrder))();
|
|
1729
|
+
var transformProps = /* @__PURE__ */ (() => /* @__PURE__ */ new Set([...transformPropOrder, "pathRotation"]))();
|
|
1740
1730
|
|
|
1741
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1731
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/utils/unit-conversion.mjs
|
|
1742
1732
|
var isNumOrPxType = (v) => v === number || v === px;
|
|
1743
1733
|
var transformKeys = /* @__PURE__ */ new Set(["x", "y", "z"]);
|
|
1744
1734
|
var nonTranslationalTransformKeys = transformPropOrder.filter((key) => !transformKeys.has(key));
|
|
@@ -1774,7 +1764,7 @@ var positionalValues = {
|
|
|
1774
1764
|
positionalValues.translateX = positionalValues.x;
|
|
1775
1765
|
positionalValues.translateY = positionalValues.y;
|
|
1776
1766
|
|
|
1777
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1767
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/KeyframesResolver.mjs
|
|
1778
1768
|
var toResolve = /* @__PURE__ */ new Set();
|
|
1779
1769
|
var isScheduled = false;
|
|
1780
1770
|
var anyNeedsMeasurement = false;
|
|
@@ -1900,27 +1890,27 @@ var KeyframeResolver = class {
|
|
|
1900
1890
|
}
|
|
1901
1891
|
};
|
|
1902
1892
|
|
|
1903
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1893
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/dom/is-css-var.mjs
|
|
1904
1894
|
var isCSSVar = (name) => name.startsWith("--");
|
|
1905
1895
|
|
|
1906
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1896
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/dom/style-set.mjs
|
|
1907
1897
|
function setStyle(element, name, value) {
|
|
1908
1898
|
isCSSVar(name) ? element.style.setProperty(name, value) : element.style[name] = value;
|
|
1909
1899
|
}
|
|
1910
1900
|
|
|
1911
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1901
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/supports/flags.mjs
|
|
1912
1902
|
var supportsFlags = {};
|
|
1913
1903
|
|
|
1914
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1904
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/supports/memo.mjs
|
|
1915
1905
|
function memoSupports(callback, supportsFlag) {
|
|
1916
1906
|
const memoized = memo(callback);
|
|
1917
1907
|
return () => supportsFlags[supportsFlag] ?? memoized();
|
|
1918
1908
|
}
|
|
1919
1909
|
|
|
1920
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1910
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/supports/scroll-timeline.mjs
|
|
1921
1911
|
var supportsScrollTimeline = /* @__PURE__ */ memoSupports(() => window.ScrollTimeline !== void 0, "scrollTimeline");
|
|
1922
1912
|
|
|
1923
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1913
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/supports/linear-easing.mjs
|
|
1924
1914
|
var supportsLinearEasing = /* @__PURE__ */ memoSupports(() => {
|
|
1925
1915
|
try {
|
|
1926
1916
|
document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
|
|
@@ -1930,10 +1920,10 @@ var supportsLinearEasing = /* @__PURE__ */ memoSupports(() => {
|
|
|
1930
1920
|
return true;
|
|
1931
1921
|
}, "linearEasing");
|
|
1932
1922
|
|
|
1933
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1923
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/easing/cubic-bezier.mjs
|
|
1934
1924
|
var cubicBezierAsString = ([a, b, c, d]) => `cubic-bezier(${a}, ${b}, ${c}, ${d})`;
|
|
1935
1925
|
|
|
1936
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1926
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/easing/supported.mjs
|
|
1937
1927
|
var supportedWaapiEasing = {
|
|
1938
1928
|
linear: "linear",
|
|
1939
1929
|
ease: "ease",
|
|
@@ -1946,7 +1936,7 @@ var supportedWaapiEasing = {
|
|
|
1946
1936
|
backOut: /* @__PURE__ */ cubicBezierAsString([0.33, 1.53, 0.69, 0.99])
|
|
1947
1937
|
};
|
|
1948
1938
|
|
|
1949
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1939
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/easing/map-easing.mjs
|
|
1950
1940
|
function mapEasingToNativeEasing(easing, duration) {
|
|
1951
1941
|
if (!easing) {
|
|
1952
1942
|
return void 0;
|
|
@@ -1961,7 +1951,7 @@ function mapEasingToNativeEasing(easing, duration) {
|
|
|
1961
1951
|
}
|
|
1962
1952
|
}
|
|
1963
1953
|
|
|
1964
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1954
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/start-waapi-animation.mjs
|
|
1965
1955
|
function startWaapiAnimation(element, valueName, keyframes2, { delay: delay2 = 0, duration = 300, repeat = 0, repeatType = "loop", ease: ease2 = "easeOut", times } = {}, pseudoElement = void 0) {
|
|
1966
1956
|
const keyframeOptions = {
|
|
1967
1957
|
[valueName]: keyframes2
|
|
@@ -1981,16 +1971,15 @@ function startWaapiAnimation(element, valueName, keyframes2, { delay: delay2 = 0
|
|
|
1981
1971
|
};
|
|
1982
1972
|
if (pseudoElement)
|
|
1983
1973
|
options.pseudoElement = pseudoElement;
|
|
1984
|
-
|
|
1985
|
-
return animation;
|
|
1974
|
+
return element.animate(keyframeOptions, options);
|
|
1986
1975
|
}
|
|
1987
1976
|
|
|
1988
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1977
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/utils/is-generator.mjs
|
|
1989
1978
|
function isGenerator(type) {
|
|
1990
1979
|
return typeof type === "function" && "applyToOptions" in type;
|
|
1991
1980
|
}
|
|
1992
1981
|
|
|
1993
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1982
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/utils/apply-generator.mjs
|
|
1994
1983
|
function applyGeneratorOptions({ type, ...options }) {
|
|
1995
1984
|
if (isGenerator(type) && supportsLinearEasing()) {
|
|
1996
1985
|
return type.applyToOptions(options);
|
|
@@ -2001,7 +1990,7 @@ function applyGeneratorOptions({ type, ...options }) {
|
|
|
2001
1990
|
return options;
|
|
2002
1991
|
}
|
|
2003
1992
|
|
|
2004
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1993
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/NativeAnimation.mjs
|
|
2005
1994
|
var NativeAnimation = class extends WithPromise {
|
|
2006
1995
|
constructor(options) {
|
|
2007
1996
|
super();
|
|
@@ -2151,7 +2140,7 @@ var NativeAnimation = class extends WithPromise {
|
|
|
2151
2140
|
}
|
|
2152
2141
|
};
|
|
2153
2142
|
|
|
2154
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2143
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/utils/unsupported-easing.mjs
|
|
2155
2144
|
var unsupportedEasingFunctions = {
|
|
2156
2145
|
anticipate,
|
|
2157
2146
|
backInOut,
|
|
@@ -2166,7 +2155,7 @@ function replaceStringEasing(transition) {
|
|
|
2166
2155
|
}
|
|
2167
2156
|
}
|
|
2168
2157
|
|
|
2169
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2158
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/NativeAnimationExtended.mjs
|
|
2170
2159
|
var sampleDelta = 10;
|
|
2171
2160
|
var NativeAnimationExtended = class extends NativeAnimation {
|
|
2172
2161
|
constructor(options) {
|
|
@@ -2209,7 +2198,7 @@ var NativeAnimationExtended = class extends NativeAnimation {
|
|
|
2209
2198
|
}
|
|
2210
2199
|
};
|
|
2211
2200
|
|
|
2212
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2201
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/is-animatable.mjs
|
|
2213
2202
|
var isAnimatable = (value, name) => {
|
|
2214
2203
|
if (name === "zIndex")
|
|
2215
2204
|
return false;
|
|
@@ -2223,7 +2212,7 @@ var isAnimatable = (value, name) => {
|
|
|
2223
2212
|
return false;
|
|
2224
2213
|
};
|
|
2225
2214
|
|
|
2226
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2215
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/can-animate.mjs
|
|
2227
2216
|
function hasKeyframesChanged(keyframes2) {
|
|
2228
2217
|
const current = keyframes2[0];
|
|
2229
2218
|
if (keyframes2.length === 1)
|
|
@@ -2250,24 +2239,22 @@ function canAnimate(keyframes2, name, type, velocity) {
|
|
|
2250
2239
|
return hasKeyframesChanged(keyframes2) || (type === "spring" || isGenerator(type)) && velocity;
|
|
2251
2240
|
}
|
|
2252
2241
|
|
|
2253
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2242
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/make-animation-instant.mjs
|
|
2254
2243
|
function makeAnimationInstant(options) {
|
|
2255
2244
|
options.duration = 0;
|
|
2256
2245
|
options.type = "keyframes";
|
|
2257
2246
|
}
|
|
2258
2247
|
|
|
2259
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2248
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/utils/accelerated-values.mjs
|
|
2260
2249
|
var acceleratedValues = /* @__PURE__ */ new Set([
|
|
2261
2250
|
"opacity",
|
|
2262
2251
|
"clipPath",
|
|
2263
2252
|
"filter",
|
|
2264
|
-
"transform"
|
|
2265
|
-
|
|
2266
|
-
// or until we implement support for linear() easing.
|
|
2267
|
-
// "background-color"
|
|
2253
|
+
"transform",
|
|
2254
|
+
"backgroundColor"
|
|
2268
2255
|
]);
|
|
2269
2256
|
|
|
2270
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2257
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/utils/is-browser-color.mjs
|
|
2271
2258
|
var browserColorFunctions = /^(?:oklch|oklab|lab|lch|color|color-mix|light-dark)\(/;
|
|
2272
2259
|
function hasBrowserOnlyColors(keyframes2) {
|
|
2273
2260
|
for (let i = 0; i < keyframes2.length; i++) {
|
|
@@ -2278,7 +2265,7 @@ function hasBrowserOnlyColors(keyframes2) {
|
|
|
2278
2265
|
return false;
|
|
2279
2266
|
}
|
|
2280
2267
|
|
|
2281
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2268
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/supports/waapi.mjs
|
|
2282
2269
|
var colorProperties = /* @__PURE__ */ new Set([
|
|
2283
2270
|
"color",
|
|
2284
2271
|
"backgroundColor",
|
|
@@ -2295,7 +2282,7 @@ var supportsWaapi = /* @__PURE__ */ memo(() => Object.hasOwnProperty.call(Elemen
|
|
|
2295
2282
|
function supportsBrowserAnimation(options) {
|
|
2296
2283
|
const { motionValue: motionValue2, name, repeatDelay, repeatType, damping, type, keyframes: keyframes2 } = options;
|
|
2297
2284
|
const subject = motionValue2?.owner?.current;
|
|
2298
|
-
if (!(subject instanceof HTMLElement)) {
|
|
2285
|
+
if (!(subject instanceof HTMLElement) && !(subject instanceof SVGElement)) {
|
|
2299
2286
|
return false;
|
|
2300
2287
|
}
|
|
2301
2288
|
const { onUpdate, transformTemplate } = motionValue2.owner.getProps();
|
|
@@ -2310,7 +2297,7 @@ function supportsBrowserAnimation(options) {
|
|
|
2310
2297
|
!onUpdate && !repeatDelay && repeatType !== "mirror" && damping !== 0 && type !== "inertia";
|
|
2311
2298
|
}
|
|
2312
2299
|
|
|
2313
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2300
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/AsyncMotionValueAnimation.mjs
|
|
2314
2301
|
var MAX_RESOLVE_DELAY = 40;
|
|
2315
2302
|
var AsyncMotionValueAnimation = class extends WithPromise {
|
|
2316
2303
|
constructor({ autoplay = true, delay: delay2 = 0, type = "keyframes", repeat = 0, repeatDelay = 0, repeatType = "loop", keyframes: keyframes2, name, motionValue: motionValue2, element, ...options }) {
|
|
@@ -2451,7 +2438,7 @@ var AsyncMotionValueAnimation = class extends WithPromise {
|
|
|
2451
2438
|
}
|
|
2452
2439
|
};
|
|
2453
2440
|
|
|
2454
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2441
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/calc-child-stagger.mjs
|
|
2455
2442
|
function calcChildStagger(children, child, delayChildren, staggerChildren = 0, staggerDirection = 1) {
|
|
2456
2443
|
const index = Array.from(children).sort((a, b) => a.sortNodePosition(b)).indexOf(child);
|
|
2457
2444
|
const numChildren = children.size;
|
|
@@ -2460,202 +2447,7 @@ function calcChildStagger(children, child, delayChildren, staggerChildren = 0, s
|
|
|
2460
2447
|
return delayIsFunction ? delayChildren(index, numChildren) : staggerDirection === 1 ? index * staggerChildren : maxStaggerDuration - index * staggerChildren;
|
|
2461
2448
|
}
|
|
2462
2449
|
|
|
2463
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2464
|
-
var splitCSSVariableRegex = (
|
|
2465
|
-
// eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
|
|
2466
|
-
/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
|
|
2467
|
-
);
|
|
2468
|
-
function parseCSSVariable(current) {
|
|
2469
|
-
const match = splitCSSVariableRegex.exec(current);
|
|
2470
|
-
if (!match)
|
|
2471
|
-
return [,];
|
|
2472
|
-
const [, token1, token2, fallback] = match;
|
|
2473
|
-
return [`--${token1 ?? token2}`, fallback];
|
|
2474
|
-
}
|
|
2475
|
-
var maxDepth = 4;
|
|
2476
|
-
function getVariableValue(current, element, depth = 1) {
|
|
2477
|
-
invariant(depth <= maxDepth, `Max CSS variable fallback depth detected in property "${current}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
|
|
2478
|
-
const [token, fallback] = parseCSSVariable(current);
|
|
2479
|
-
if (!token)
|
|
2480
|
-
return;
|
|
2481
|
-
const resolved = window.getComputedStyle(element).getPropertyValue(token);
|
|
2482
|
-
if (resolved) {
|
|
2483
|
-
const trimmed = resolved.trim();
|
|
2484
|
-
return isNumericalString(trimmed) ? parseFloat(trimmed) : trimmed;
|
|
2485
|
-
}
|
|
2486
|
-
return isCSSVariableToken(fallback) ? getVariableValue(fallback, element, depth + 1) : fallback;
|
|
2487
|
-
}
|
|
2488
|
-
|
|
2489
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/default-transitions.mjs
|
|
2490
|
-
var underDampedSpring = {
|
|
2491
|
-
type: "spring",
|
|
2492
|
-
stiffness: 500,
|
|
2493
|
-
damping: 25,
|
|
2494
|
-
restSpeed: 10
|
|
2495
|
-
};
|
|
2496
|
-
var criticallyDampedSpring = (target) => ({
|
|
2497
|
-
type: "spring",
|
|
2498
|
-
stiffness: 550,
|
|
2499
|
-
damping: target === 0 ? 2 * Math.sqrt(550) : 30,
|
|
2500
|
-
restSpeed: 10
|
|
2501
|
-
});
|
|
2502
|
-
var keyframesTransition = {
|
|
2503
|
-
type: "keyframes",
|
|
2504
|
-
duration: 0.8
|
|
2505
|
-
};
|
|
2506
|
-
var ease = {
|
|
2507
|
-
type: "keyframes",
|
|
2508
|
-
ease: [0.25, 0.1, 0.35, 1],
|
|
2509
|
-
duration: 0.3
|
|
2510
|
-
};
|
|
2511
|
-
var getDefaultTransition = (valueKey, { keyframes: keyframes2 }) => {
|
|
2512
|
-
if (keyframes2.length > 2) {
|
|
2513
|
-
return keyframesTransition;
|
|
2514
|
-
} else if (transformProps.has(valueKey)) {
|
|
2515
|
-
return valueKey.startsWith("scale") ? criticallyDampedSpring(keyframes2[1]) : underDampedSpring;
|
|
2516
|
-
}
|
|
2517
|
-
return ease;
|
|
2518
|
-
};
|
|
2519
|
-
|
|
2520
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/resolve-transition.mjs
|
|
2521
|
-
function resolveTransition(transition, parentTransition) {
|
|
2522
|
-
if (transition?.inherit && parentTransition) {
|
|
2523
|
-
const { inherit: _, ...rest } = transition;
|
|
2524
|
-
return { ...parentTransition, ...rest };
|
|
2525
|
-
}
|
|
2526
|
-
return transition;
|
|
2527
|
-
}
|
|
2528
|
-
|
|
2529
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/get-value-transition.mjs
|
|
2530
|
-
function getValueTransition(transition, key) {
|
|
2531
|
-
const valueTransition = transition?.[key] ?? transition?.["default"] ?? transition;
|
|
2532
|
-
if (valueTransition !== transition) {
|
|
2533
|
-
return resolveTransition(valueTransition, transition);
|
|
2534
|
-
}
|
|
2535
|
-
return valueTransition;
|
|
2536
|
-
}
|
|
2537
|
-
|
|
2538
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/is-transition-defined.mjs
|
|
2539
|
-
var orchestrationKeys = /* @__PURE__ */ new Set([
|
|
2540
|
-
"when",
|
|
2541
|
-
"delay",
|
|
2542
|
-
"delayChildren",
|
|
2543
|
-
"staggerChildren",
|
|
2544
|
-
"staggerDirection",
|
|
2545
|
-
"repeat",
|
|
2546
|
-
"repeatType",
|
|
2547
|
-
"repeatDelay",
|
|
2548
|
-
"from",
|
|
2549
|
-
"elapsed"
|
|
2550
|
-
]);
|
|
2551
|
-
function isTransitionDefined(transition) {
|
|
2552
|
-
for (const key in transition) {
|
|
2553
|
-
if (!orchestrationKeys.has(key))
|
|
2554
|
-
return true;
|
|
2555
|
-
}
|
|
2556
|
-
return false;
|
|
2557
|
-
}
|
|
2558
|
-
|
|
2559
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/interfaces/motion-value.mjs
|
|
2560
|
-
var animateMotionValue = (name, value, target, transition = {}, element, isHandoff) => (onComplete) => {
|
|
2561
|
-
const valueTransition = getValueTransition(transition, name) || {};
|
|
2562
|
-
const delay2 = valueTransition.delay || transition.delay || 0;
|
|
2563
|
-
let { elapsed = 0 } = transition;
|
|
2564
|
-
elapsed = elapsed - secondsToMilliseconds(delay2);
|
|
2565
|
-
const options = {
|
|
2566
|
-
keyframes: Array.isArray(target) ? target : [null, target],
|
|
2567
|
-
ease: "easeOut",
|
|
2568
|
-
velocity: value.getVelocity(),
|
|
2569
|
-
...valueTransition,
|
|
2570
|
-
delay: -elapsed,
|
|
2571
|
-
onUpdate: (v) => {
|
|
2572
|
-
value.set(v);
|
|
2573
|
-
valueTransition.onUpdate && valueTransition.onUpdate(v);
|
|
2574
|
-
},
|
|
2575
|
-
onComplete: () => {
|
|
2576
|
-
onComplete();
|
|
2577
|
-
valueTransition.onComplete && valueTransition.onComplete();
|
|
2578
|
-
},
|
|
2579
|
-
name,
|
|
2580
|
-
motionValue: value,
|
|
2581
|
-
element: isHandoff ? void 0 : element
|
|
2582
|
-
};
|
|
2583
|
-
if (!isTransitionDefined(valueTransition)) {
|
|
2584
|
-
Object.assign(options, getDefaultTransition(name, options));
|
|
2585
|
-
}
|
|
2586
|
-
options.duration && (options.duration = secondsToMilliseconds(options.duration));
|
|
2587
|
-
options.repeatDelay && (options.repeatDelay = secondsToMilliseconds(options.repeatDelay));
|
|
2588
|
-
if (options.from !== void 0) {
|
|
2589
|
-
options.keyframes[0] = options.from;
|
|
2590
|
-
}
|
|
2591
|
-
let shouldSkip = false;
|
|
2592
|
-
if (options.type === false || options.duration === 0 && !options.repeatDelay) {
|
|
2593
|
-
makeAnimationInstant(options);
|
|
2594
|
-
if (options.delay === 0) {
|
|
2595
|
-
shouldSkip = true;
|
|
2596
|
-
}
|
|
2597
|
-
}
|
|
2598
|
-
if (MotionGlobalConfig.instantAnimations || MotionGlobalConfig.skipAnimations || element?.shouldSkipAnimations) {
|
|
2599
|
-
shouldSkip = true;
|
|
2600
|
-
makeAnimationInstant(options);
|
|
2601
|
-
options.delay = 0;
|
|
2602
|
-
}
|
|
2603
|
-
options.allowFlatten = !valueTransition.type && !valueTransition.ease;
|
|
2604
|
-
if (shouldSkip && !isHandoff && value.get() !== void 0) {
|
|
2605
|
-
const finalKeyframe = getFinalKeyframe(options.keyframes, valueTransition);
|
|
2606
|
-
if (finalKeyframe !== void 0) {
|
|
2607
|
-
frame.update(() => {
|
|
2608
|
-
options.onUpdate(finalKeyframe);
|
|
2609
|
-
options.onComplete();
|
|
2610
|
-
});
|
|
2611
|
-
return;
|
|
2612
|
-
}
|
|
2613
|
-
}
|
|
2614
|
-
return valueTransition.isSync ? new JSAnimation(options) : new AsyncMotionValueAnimation(options);
|
|
2615
|
-
};
|
|
2616
|
-
|
|
2617
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/resolve-variants.mjs
|
|
2618
|
-
function getValueState(visualElement) {
|
|
2619
|
-
const state = [{}, {}];
|
|
2620
|
-
visualElement?.values.forEach((value, key) => {
|
|
2621
|
-
state[0][key] = value.get();
|
|
2622
|
-
state[1][key] = value.getVelocity();
|
|
2623
|
-
});
|
|
2624
|
-
return state;
|
|
2625
|
-
}
|
|
2626
|
-
function resolveVariantFromProps(props, definition, custom, visualElement) {
|
|
2627
|
-
if (typeof definition === "function") {
|
|
2628
|
-
const [current, velocity] = getValueState(visualElement);
|
|
2629
|
-
definition = definition(custom !== void 0 ? custom : props.custom, current, velocity);
|
|
2630
|
-
}
|
|
2631
|
-
if (typeof definition === "string") {
|
|
2632
|
-
definition = props.variants && props.variants[definition];
|
|
2633
|
-
}
|
|
2634
|
-
if (typeof definition === "function") {
|
|
2635
|
-
const [current, velocity] = getValueState(visualElement);
|
|
2636
|
-
definition = definition(custom !== void 0 ? custom : props.custom, current, velocity);
|
|
2637
|
-
}
|
|
2638
|
-
return definition;
|
|
2639
|
-
}
|
|
2640
|
-
|
|
2641
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/resolve-dynamic-variants.mjs
|
|
2642
|
-
function resolveVariant(visualElement, definition, custom) {
|
|
2643
|
-
const props = visualElement.getProps();
|
|
2644
|
-
return resolveVariantFromProps(props, definition, custom !== void 0 ? custom : props.custom, visualElement);
|
|
2645
|
-
}
|
|
2646
|
-
|
|
2647
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/keys-position.mjs
|
|
2648
|
-
var positionalKeys = /* @__PURE__ */ new Set([
|
|
2649
|
-
"width",
|
|
2650
|
-
"height",
|
|
2651
|
-
"top",
|
|
2652
|
-
"left",
|
|
2653
|
-
"right",
|
|
2654
|
-
"bottom",
|
|
2655
|
-
...transformPropOrder
|
|
2656
|
-
]);
|
|
2657
|
-
|
|
2658
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/index.mjs
|
|
2450
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/index.mjs
|
|
2659
2451
|
var MAX_VELOCITY_DELTA = 30;
|
|
2660
2452
|
var isFloat = (value) => {
|
|
2661
2453
|
return !isNaN(parseFloat(value));
|
|
@@ -2900,46 +2692,241 @@ var MotionValue = class {
|
|
|
2900
2692
|
}
|
|
2901
2693
|
this.clearAnimation();
|
|
2902
2694
|
}
|
|
2903
|
-
/**
|
|
2904
|
-
* Returns `true` if this value is currently animating.
|
|
2905
|
-
*
|
|
2906
|
-
* @public
|
|
2907
|
-
*/
|
|
2908
|
-
isAnimating() {
|
|
2909
|
-
return !!this.animation;
|
|
2695
|
+
/**
|
|
2696
|
+
* Returns `true` if this value is currently animating.
|
|
2697
|
+
*
|
|
2698
|
+
* @public
|
|
2699
|
+
*/
|
|
2700
|
+
isAnimating() {
|
|
2701
|
+
return !!this.animation;
|
|
2702
|
+
}
|
|
2703
|
+
clearAnimation() {
|
|
2704
|
+
delete this.animation;
|
|
2705
|
+
}
|
|
2706
|
+
/**
|
|
2707
|
+
* Destroy and clean up subscribers to this `MotionValue`.
|
|
2708
|
+
*
|
|
2709
|
+
* The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically
|
|
2710
|
+
* handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually
|
|
2711
|
+
* created a `MotionValue` via the `motionValue` function.
|
|
2712
|
+
*
|
|
2713
|
+
* @public
|
|
2714
|
+
*/
|
|
2715
|
+
destroy() {
|
|
2716
|
+
this.dependents?.clear();
|
|
2717
|
+
this.events.destroy?.notify();
|
|
2718
|
+
this.clearListeners();
|
|
2719
|
+
this.stop();
|
|
2720
|
+
if (this.stopPassiveEffect) {
|
|
2721
|
+
this.stopPassiveEffect();
|
|
2722
|
+
}
|
|
2723
|
+
}
|
|
2724
|
+
};
|
|
2725
|
+
function motionValue(init, options) {
|
|
2726
|
+
return new MotionValue(init, options);
|
|
2727
|
+
}
|
|
2728
|
+
|
|
2729
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/resolve-transition.mjs
|
|
2730
|
+
function resolveTransition(transition, parentTransition) {
|
|
2731
|
+
if (transition?.inherit && parentTransition) {
|
|
2732
|
+
const { inherit: _, ...rest } = transition;
|
|
2733
|
+
return { ...parentTransition, ...rest };
|
|
2734
|
+
}
|
|
2735
|
+
return transition;
|
|
2736
|
+
}
|
|
2737
|
+
|
|
2738
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/get-value-transition.mjs
|
|
2739
|
+
function getValueTransition(transition, key) {
|
|
2740
|
+
const valueTransition = transition?.[key] ?? transition?.["default"] ?? transition;
|
|
2741
|
+
if (valueTransition !== transition) {
|
|
2742
|
+
return resolveTransition(valueTransition, transition);
|
|
2743
|
+
}
|
|
2744
|
+
return valueTransition;
|
|
2745
|
+
}
|
|
2746
|
+
|
|
2747
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/default-transitions.mjs
|
|
2748
|
+
var underDampedSpring = {
|
|
2749
|
+
type: "spring",
|
|
2750
|
+
stiffness: 500,
|
|
2751
|
+
damping: 25,
|
|
2752
|
+
restSpeed: 10
|
|
2753
|
+
};
|
|
2754
|
+
var criticallyDampedSpring = (target) => ({
|
|
2755
|
+
type: "spring",
|
|
2756
|
+
stiffness: 550,
|
|
2757
|
+
damping: target === 0 ? 2 * Math.sqrt(550) : 30,
|
|
2758
|
+
restSpeed: 10
|
|
2759
|
+
});
|
|
2760
|
+
var keyframesTransition = {
|
|
2761
|
+
type: "keyframes",
|
|
2762
|
+
duration: 0.8
|
|
2763
|
+
};
|
|
2764
|
+
var ease = {
|
|
2765
|
+
type: "keyframes",
|
|
2766
|
+
ease: [0.25, 0.1, 0.35, 1],
|
|
2767
|
+
duration: 0.3
|
|
2768
|
+
};
|
|
2769
|
+
var getDefaultTransition = (valueKey, { keyframes: keyframes2 }) => {
|
|
2770
|
+
if (keyframes2.length > 2) {
|
|
2771
|
+
return keyframesTransition;
|
|
2772
|
+
} else if (transformProps.has(valueKey)) {
|
|
2773
|
+
return valueKey.startsWith("scale") ? criticallyDampedSpring(keyframes2[1]) : underDampedSpring;
|
|
2774
|
+
}
|
|
2775
|
+
return ease;
|
|
2776
|
+
};
|
|
2777
|
+
|
|
2778
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/is-transition-defined.mjs
|
|
2779
|
+
var orchestrationKeys = /* @__PURE__ */ new Set([
|
|
2780
|
+
"when",
|
|
2781
|
+
"delay",
|
|
2782
|
+
"delayChildren",
|
|
2783
|
+
"staggerChildren",
|
|
2784
|
+
"staggerDirection",
|
|
2785
|
+
"repeat",
|
|
2786
|
+
"repeatType",
|
|
2787
|
+
"repeatDelay",
|
|
2788
|
+
"from",
|
|
2789
|
+
"elapsed"
|
|
2790
|
+
]);
|
|
2791
|
+
function isTransitionDefined(transition) {
|
|
2792
|
+
for (const key in transition) {
|
|
2793
|
+
if (!orchestrationKeys.has(key))
|
|
2794
|
+
return true;
|
|
2795
|
+
}
|
|
2796
|
+
return false;
|
|
2797
|
+
}
|
|
2798
|
+
|
|
2799
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/interfaces/motion-value.mjs
|
|
2800
|
+
var animateMotionValue = (name, value, target, transition = {}, element, isHandoff) => (onComplete) => {
|
|
2801
|
+
const valueTransition = getValueTransition(transition, name) || {};
|
|
2802
|
+
const delay2 = valueTransition.delay || transition.delay || 0;
|
|
2803
|
+
let { elapsed = 0 } = transition;
|
|
2804
|
+
elapsed = elapsed - secondsToMilliseconds(delay2);
|
|
2805
|
+
const options = {
|
|
2806
|
+
keyframes: Array.isArray(target) ? target : [null, target],
|
|
2807
|
+
ease: "easeOut",
|
|
2808
|
+
velocity: value.getVelocity(),
|
|
2809
|
+
...valueTransition,
|
|
2810
|
+
delay: -elapsed,
|
|
2811
|
+
onUpdate: (v) => {
|
|
2812
|
+
value.set(v);
|
|
2813
|
+
valueTransition.onUpdate && valueTransition.onUpdate(v);
|
|
2814
|
+
},
|
|
2815
|
+
onComplete: () => {
|
|
2816
|
+
onComplete();
|
|
2817
|
+
valueTransition.onComplete && valueTransition.onComplete();
|
|
2818
|
+
},
|
|
2819
|
+
name,
|
|
2820
|
+
motionValue: value,
|
|
2821
|
+
element: isHandoff ? void 0 : element
|
|
2822
|
+
};
|
|
2823
|
+
if (!isTransitionDefined(valueTransition)) {
|
|
2824
|
+
Object.assign(options, getDefaultTransition(name, options));
|
|
2825
|
+
}
|
|
2826
|
+
options.duration && (options.duration = secondsToMilliseconds(options.duration));
|
|
2827
|
+
options.repeatDelay && (options.repeatDelay = secondsToMilliseconds(options.repeatDelay));
|
|
2828
|
+
if (options.from !== void 0) {
|
|
2829
|
+
options.keyframes[0] = options.from;
|
|
2830
|
+
}
|
|
2831
|
+
let shouldSkip = false;
|
|
2832
|
+
if (options.type === false || options.duration === 0 && !options.repeatDelay) {
|
|
2833
|
+
makeAnimationInstant(options);
|
|
2834
|
+
if (options.delay === 0) {
|
|
2835
|
+
shouldSkip = true;
|
|
2836
|
+
}
|
|
2910
2837
|
}
|
|
2911
|
-
|
|
2912
|
-
|
|
2838
|
+
if (MotionGlobalConfig.instantAnimations || MotionGlobalConfig.skipAnimations || element?.shouldSkipAnimations || valueTransition.skipAnimations) {
|
|
2839
|
+
shouldSkip = true;
|
|
2840
|
+
makeAnimationInstant(options);
|
|
2841
|
+
options.delay = 0;
|
|
2913
2842
|
}
|
|
2914
|
-
|
|
2915
|
-
|
|
2916
|
-
|
|
2917
|
-
|
|
2918
|
-
|
|
2919
|
-
|
|
2920
|
-
|
|
2921
|
-
|
|
2922
|
-
|
|
2923
|
-
destroy() {
|
|
2924
|
-
this.dependents?.clear();
|
|
2925
|
-
this.events.destroy?.notify();
|
|
2926
|
-
this.clearListeners();
|
|
2927
|
-
this.stop();
|
|
2928
|
-
if (this.stopPassiveEffect) {
|
|
2929
|
-
this.stopPassiveEffect();
|
|
2843
|
+
options.allowFlatten = !valueTransition.type && !valueTransition.ease;
|
|
2844
|
+
if (shouldSkip && !isHandoff && value.get() !== void 0) {
|
|
2845
|
+
const finalKeyframe = getFinalKeyframe(options.keyframes, valueTransition);
|
|
2846
|
+
if (finalKeyframe !== void 0) {
|
|
2847
|
+
frame.update(() => {
|
|
2848
|
+
options.onUpdate(finalKeyframe);
|
|
2849
|
+
options.onComplete();
|
|
2850
|
+
});
|
|
2851
|
+
return;
|
|
2930
2852
|
}
|
|
2931
2853
|
}
|
|
2854
|
+
return valueTransition.isSync ? new JSAnimation(options) : new AsyncMotionValueAnimation(options);
|
|
2932
2855
|
};
|
|
2933
|
-
|
|
2934
|
-
|
|
2856
|
+
|
|
2857
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/css-variables-conversion.mjs
|
|
2858
|
+
var splitCSSVariableRegex = (
|
|
2859
|
+
// eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
|
|
2860
|
+
/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
|
|
2861
|
+
);
|
|
2862
|
+
function parseCSSVariable(current) {
|
|
2863
|
+
const match = splitCSSVariableRegex.exec(current);
|
|
2864
|
+
if (!match)
|
|
2865
|
+
return [,];
|
|
2866
|
+
const [, token1, token2, fallback] = match;
|
|
2867
|
+
return [`--${token1 ?? token2}`, fallback];
|
|
2868
|
+
}
|
|
2869
|
+
var maxDepth = 4;
|
|
2870
|
+
function getVariableValue(current, element, depth = 1) {
|
|
2871
|
+
invariant(depth <= maxDepth, `Max CSS variable fallback depth detected in property "${current}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
|
|
2872
|
+
const [token, fallback] = parseCSSVariable(current);
|
|
2873
|
+
if (!token)
|
|
2874
|
+
return;
|
|
2875
|
+
const resolved = window.getComputedStyle(element).getPropertyValue(token);
|
|
2876
|
+
if (resolved) {
|
|
2877
|
+
const trimmed = resolved.trim();
|
|
2878
|
+
return isNumericalString(trimmed) ? parseFloat(trimmed) : trimmed;
|
|
2879
|
+
}
|
|
2880
|
+
return isCSSVariableToken(fallback) ? getVariableValue(fallback, element, depth + 1) : fallback;
|
|
2881
|
+
}
|
|
2882
|
+
|
|
2883
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/resolve-variants.mjs
|
|
2884
|
+
function getValueState(visualElement) {
|
|
2885
|
+
const state = [{}, {}];
|
|
2886
|
+
visualElement?.values.forEach((value, key) => {
|
|
2887
|
+
state[0][key] = value.get();
|
|
2888
|
+
state[1][key] = value.getVelocity();
|
|
2889
|
+
});
|
|
2890
|
+
return state;
|
|
2891
|
+
}
|
|
2892
|
+
function resolveVariantFromProps(props, definition, custom, visualElement) {
|
|
2893
|
+
if (typeof definition === "function") {
|
|
2894
|
+
const [current, velocity] = getValueState(visualElement);
|
|
2895
|
+
definition = definition(custom !== void 0 ? custom : props.custom, current, velocity);
|
|
2896
|
+
}
|
|
2897
|
+
if (typeof definition === "string") {
|
|
2898
|
+
definition = props.variants && props.variants[definition];
|
|
2899
|
+
}
|
|
2900
|
+
if (typeof definition === "function") {
|
|
2901
|
+
const [current, velocity] = getValueState(visualElement);
|
|
2902
|
+
definition = definition(custom !== void 0 ? custom : props.custom, current, velocity);
|
|
2903
|
+
}
|
|
2904
|
+
return definition;
|
|
2905
|
+
}
|
|
2906
|
+
|
|
2907
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/resolve-dynamic-variants.mjs
|
|
2908
|
+
function resolveVariant(visualElement, definition, custom) {
|
|
2909
|
+
const props = visualElement.getProps();
|
|
2910
|
+
return resolveVariantFromProps(props, definition, custom !== void 0 ? custom : props.custom, visualElement);
|
|
2935
2911
|
}
|
|
2936
2912
|
|
|
2937
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2913
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/keys-position.mjs
|
|
2914
|
+
var positionalKeys = /* @__PURE__ */ new Set([
|
|
2915
|
+
"width",
|
|
2916
|
+
"height",
|
|
2917
|
+
"top",
|
|
2918
|
+
"left",
|
|
2919
|
+
"right",
|
|
2920
|
+
"bottom",
|
|
2921
|
+
...transformPropOrder
|
|
2922
|
+
]);
|
|
2923
|
+
|
|
2924
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/is-keyframes-target.mjs
|
|
2938
2925
|
var isKeyframesTarget = (v) => {
|
|
2939
2926
|
return Array.isArray(v);
|
|
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/render/utils/setters.mjs
|
|
2943
2930
|
function setMotionValue(visualElement, key, value) {
|
|
2944
2931
|
if (visualElement.hasValue(key)) {
|
|
2945
2932
|
visualElement.getValue(key).set(value);
|
|
@@ -2960,15 +2947,15 @@ function setTarget(visualElement, definition) {
|
|
|
2960
2947
|
}
|
|
2961
2948
|
}
|
|
2962
2949
|
|
|
2963
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2950
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/utils/is-motion-value.mjs
|
|
2964
2951
|
var isMotionValue = (value) => Boolean(value && value.getVelocity);
|
|
2965
2952
|
|
|
2966
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2953
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/will-change/is.mjs
|
|
2967
2954
|
function isWillChangeMotionValue(value) {
|
|
2968
2955
|
return Boolean(isMotionValue(value) && value.add);
|
|
2969
2956
|
}
|
|
2970
2957
|
|
|
2971
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2958
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/will-change/add-will-change.mjs
|
|
2972
2959
|
function addValueToWillChange(visualElement, key) {
|
|
2973
2960
|
const willChange = visualElement.getValue("willChange");
|
|
2974
2961
|
if (isWillChangeMotionValue(willChange)) {
|
|
@@ -2980,21 +2967,22 @@ function addValueToWillChange(visualElement, key) {
|
|
|
2980
2967
|
}
|
|
2981
2968
|
}
|
|
2982
2969
|
|
|
2983
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2970
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/dom/utils/camel-to-dash.mjs
|
|
2984
2971
|
function camelToDash(str) {
|
|
2985
2972
|
return str.replace(/([A-Z])/g, (match) => `-${match.toLowerCase()}`);
|
|
2986
2973
|
}
|
|
2987
2974
|
|
|
2988
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2975
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/optimized-appear/data-id.mjs
|
|
2989
2976
|
var optimizedAppearDataId = "framerAppearId";
|
|
2990
2977
|
var optimizedAppearDataAttribute = "data-" + camelToDash(optimizedAppearDataId);
|
|
2991
2978
|
|
|
2992
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2979
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/optimized-appear/get-appear-id.mjs
|
|
2993
2980
|
function getOptimisedAppearId(visualElement) {
|
|
2994
2981
|
return visualElement.props[optimizedAppearDataAttribute];
|
|
2995
2982
|
}
|
|
2996
2983
|
|
|
2997
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2984
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/interfaces/visual-element-target.mjs
|
|
2985
|
+
var isBrowser2 = typeof window !== "undefined";
|
|
2998
2986
|
function shouldBlockAnimation({ protectedKeys, needsAnimating }, key) {
|
|
2999
2987
|
const shouldBlock = protectedKeys.hasOwnProperty(key) && needsAnimating[key] !== true;
|
|
3000
2988
|
needsAnimating[key] = false;
|
|
@@ -3005,10 +2993,15 @@ function animateTarget(visualElement, targetAndTransition, { delay: delay2 = 0,
|
|
|
3005
2993
|
const defaultTransition = visualElement.getDefaultTransition();
|
|
3006
2994
|
transition = transition ? resolveTransition(transition, defaultTransition) : defaultTransition;
|
|
3007
2995
|
const reduceMotion = transition?.reduceMotion;
|
|
2996
|
+
const skipAnimations = transition?.skipAnimations;
|
|
3008
2997
|
if (transitionOverride)
|
|
3009
2998
|
transition = transitionOverride;
|
|
3010
2999
|
const animations2 = [];
|
|
3011
3000
|
const animationTypeState = type && visualElement.animationState && visualElement.animationState.getState()[type];
|
|
3001
|
+
const path = transition?.path;
|
|
3002
|
+
if (path) {
|
|
3003
|
+
path.animateVisualElement(visualElement, target, transition, delay2, animations2);
|
|
3004
|
+
}
|
|
3012
3005
|
for (const key in target) {
|
|
3013
3006
|
const value = visualElement.getValue(key, visualElement.latestValues[key] ?? null);
|
|
3014
3007
|
const valueTarget = target[key];
|
|
@@ -3019,13 +3012,15 @@ function animateTarget(visualElement, targetAndTransition, { delay: delay2 = 0,
|
|
|
3019
3012
|
delay: delay2,
|
|
3020
3013
|
...getValueTransition(transition || {}, key)
|
|
3021
3014
|
};
|
|
3015
|
+
if (skipAnimations)
|
|
3016
|
+
valueTransition.skipAnimations = true;
|
|
3022
3017
|
const currentValue = value.get();
|
|
3023
3018
|
if (currentValue !== void 0 && !value.isAnimating() && !Array.isArray(valueTarget) && valueTarget === currentValue && !valueTransition.velocity) {
|
|
3024
3019
|
frame.update(() => value.set(valueTarget));
|
|
3025
3020
|
continue;
|
|
3026
3021
|
}
|
|
3027
3022
|
let isHandoff = false;
|
|
3028
|
-
if (window.MotionHandoffAnimation) {
|
|
3023
|
+
if (isBrowser2 && window.MotionHandoffAnimation) {
|
|
3029
3024
|
const appearId = getOptimisedAppearId(visualElement);
|
|
3030
3025
|
if (appearId) {
|
|
3031
3026
|
const startTime = window.MotionHandoffAnimation(appearId, key, frame);
|
|
@@ -3056,7 +3051,7 @@ function animateTarget(visualElement, targetAndTransition, { delay: delay2 = 0,
|
|
|
3056
3051
|
return animations2;
|
|
3057
3052
|
}
|
|
3058
3053
|
|
|
3059
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3054
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/interfaces/visual-element-variant.mjs
|
|
3060
3055
|
function animateVariant(visualElement, variant, options = {}) {
|
|
3061
3056
|
const resolved = resolveVariant(visualElement, variant, options.type === "exit" ? visualElement.presenceContext?.custom : void 0);
|
|
3062
3057
|
let { transition = visualElement.getDefaultTransition() || {} } = resolved || {};
|
|
@@ -3088,7 +3083,7 @@ function animateChildren(visualElement, variant, delay2 = 0, delayChildren = 0,
|
|
|
3088
3083
|
return Promise.all(animations2);
|
|
3089
3084
|
}
|
|
3090
3085
|
|
|
3091
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3086
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/interfaces/visual-element.mjs
|
|
3092
3087
|
function animateVisualElement(visualElement, definition, options = {}) {
|
|
3093
3088
|
visualElement.notify("AnimationStart", definition);
|
|
3094
3089
|
let animation;
|
|
@@ -3106,20 +3101,20 @@ function animateVisualElement(visualElement, definition, options = {}) {
|
|
|
3106
3101
|
});
|
|
3107
3102
|
}
|
|
3108
3103
|
|
|
3109
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3104
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/auto.mjs
|
|
3110
3105
|
var auto = {
|
|
3111
3106
|
test: (v) => v === "auto",
|
|
3112
3107
|
parse: (v) => v
|
|
3113
3108
|
};
|
|
3114
3109
|
|
|
3115
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3110
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/test.mjs
|
|
3116
3111
|
var testValueType = (v) => (type) => type.test(v);
|
|
3117
3112
|
|
|
3118
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3113
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/dimensions.mjs
|
|
3119
3114
|
var dimensionValueTypes = [number, px, percent, degrees, vw, vh, auto];
|
|
3120
3115
|
var findDimensionValueType = (v) => dimensionValueTypes.find(testValueType(v));
|
|
3121
3116
|
|
|
3122
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3117
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/utils/is-none.mjs
|
|
3123
3118
|
function isNone(value) {
|
|
3124
3119
|
if (typeof value === "number") {
|
|
3125
3120
|
return value === 0;
|
|
@@ -3130,7 +3125,7 @@ function isNone(value) {
|
|
|
3130
3125
|
}
|
|
3131
3126
|
}
|
|
3132
3127
|
|
|
3133
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3128
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/complex/filter.mjs
|
|
3134
3129
|
var maxDefaults = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
|
|
3135
3130
|
function applyDefaultFilter(v) {
|
|
3136
3131
|
const [name, value] = v.slice(0, -1).split("(");
|
|
@@ -3154,7 +3149,7 @@ var filter = {
|
|
|
3154
3149
|
}
|
|
3155
3150
|
};
|
|
3156
3151
|
|
|
3157
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3152
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/complex/mask.mjs
|
|
3158
3153
|
var mask = {
|
|
3159
3154
|
...complex,
|
|
3160
3155
|
getAnimatableNone: (v) => {
|
|
@@ -3164,15 +3159,21 @@ var mask = {
|
|
|
3164
3159
|
}
|
|
3165
3160
|
};
|
|
3166
3161
|
|
|
3167
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3162
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/int.mjs
|
|
3168
3163
|
var int = {
|
|
3169
3164
|
...number,
|
|
3170
3165
|
transform: Math.round
|
|
3171
3166
|
};
|
|
3172
3167
|
|
|
3173
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3168
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/maps/transform.mjs
|
|
3174
3169
|
var transformValueTypes = {
|
|
3175
3170
|
rotate: degrees,
|
|
3171
|
+
/**
|
|
3172
|
+
* Internal channel for `transition.path` orientToPath. Composed onto
|
|
3173
|
+
* `rotate` at the transform-build sites so the user's `rotate` is
|
|
3174
|
+
* never read or overwritten. Not part of `transformPropOrder`.
|
|
3175
|
+
*/
|
|
3176
|
+
pathRotation: degrees,
|
|
3176
3177
|
rotateX: degrees,
|
|
3177
3178
|
rotateY: degrees,
|
|
3178
3179
|
rotateZ: degrees,
|
|
@@ -3198,7 +3199,7 @@ var transformValueTypes = {
|
|
|
3198
3199
|
originZ: px
|
|
3199
3200
|
};
|
|
3200
3201
|
|
|
3201
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3202
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/maps/number.mjs
|
|
3202
3203
|
var numberValueTypes = {
|
|
3203
3204
|
// Border props
|
|
3204
3205
|
borderWidth: px,
|
|
@@ -3263,7 +3264,7 @@ var numberValueTypes = {
|
|
|
3263
3264
|
numOctaves: int
|
|
3264
3265
|
};
|
|
3265
3266
|
|
|
3266
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3267
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/maps/defaults.mjs
|
|
3267
3268
|
var defaultValueTypes = {
|
|
3268
3269
|
...numberValueTypes,
|
|
3269
3270
|
// Color props
|
|
@@ -3285,7 +3286,7 @@ var defaultValueTypes = {
|
|
|
3285
3286
|
};
|
|
3286
3287
|
var getDefaultValueType = (key) => defaultValueTypes[key];
|
|
3287
3288
|
|
|
3288
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3289
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/animatable-none.mjs
|
|
3289
3290
|
var customTypes = /* @__PURE__ */ new Set([filter, mask]);
|
|
3290
3291
|
function getAnimatableNone2(key, value) {
|
|
3291
3292
|
let defaultValueType = getDefaultValueType(key);
|
|
@@ -3294,7 +3295,7 @@ function getAnimatableNone2(key, value) {
|
|
|
3294
3295
|
return defaultValueType.getAnimatableNone ? defaultValueType.getAnimatableNone(value) : void 0;
|
|
3295
3296
|
}
|
|
3296
3297
|
|
|
3297
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3298
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/utils/make-none-animatable.mjs
|
|
3298
3299
|
var invalidTemplates = /* @__PURE__ */ new Set(["auto", "none", "0"]);
|
|
3299
3300
|
function makeNoneKeyframesAnimatable(unresolvedKeyframes, noneKeyframeIndexes, name) {
|
|
3300
3301
|
let i = 0;
|
|
@@ -3313,7 +3314,7 @@ function makeNoneKeyframesAnimatable(unresolvedKeyframes, noneKeyframeIndexes, n
|
|
|
3313
3314
|
}
|
|
3314
3315
|
}
|
|
3315
3316
|
|
|
3316
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3317
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/DOMKeyframesResolver.mjs
|
|
3317
3318
|
var DOMKeyframesResolver = class extends KeyframeResolver {
|
|
3318
3319
|
constructor(unresolvedKeyframes, onComplete, name, motionValue2, element) {
|
|
3319
3320
|
super(unresolvedKeyframes, onComplete, name, motionValue2, element, true);
|
|
@@ -3411,7 +3412,15 @@ var DOMKeyframesResolver = class extends KeyframeResolver {
|
|
|
3411
3412
|
}
|
|
3412
3413
|
};
|
|
3413
3414
|
|
|
3414
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3415
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/border-radius.mjs
|
|
3416
|
+
var cornerRadiusProps = [
|
|
3417
|
+
"borderTopLeftRadius",
|
|
3418
|
+
"borderTopRightRadius",
|
|
3419
|
+
"borderBottomRightRadius",
|
|
3420
|
+
"borderBottomLeftRadius"
|
|
3421
|
+
];
|
|
3422
|
+
|
|
3423
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/resolve-elements.mjs
|
|
3415
3424
|
function resolveElements(elementOrSelector, scope, selectorCache) {
|
|
3416
3425
|
if (elementOrSelector == null) {
|
|
3417
3426
|
return [];
|
|
@@ -3426,20 +3435,20 @@ function resolveElements(elementOrSelector, scope, selectorCache) {
|
|
|
3426
3435
|
return Array.from(elementOrSelector).filter((element) => element != null);
|
|
3427
3436
|
}
|
|
3428
3437
|
|
|
3429
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3438
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/get-as-type.mjs
|
|
3430
3439
|
var getValueAsType = (value, type) => {
|
|
3431
3440
|
return type && typeof value === "number" ? type.transform(value) : value;
|
|
3432
3441
|
};
|
|
3433
3442
|
|
|
3434
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3443
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/is-html-element.mjs
|
|
3435
3444
|
function isHTMLElement(element) {
|
|
3436
3445
|
return isObject(element) && "offsetHeight" in element && !("ownerSVGElement" in element);
|
|
3437
3446
|
}
|
|
3438
3447
|
|
|
3439
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3448
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/frameloop/microtask.mjs
|
|
3440
3449
|
var { schedule: microtask} = /* @__PURE__ */ createRenderBatcher(queueMicrotask, false);
|
|
3441
3450
|
|
|
3442
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3451
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/drag/state/is-active.mjs
|
|
3443
3452
|
var isDragging = {
|
|
3444
3453
|
x: false,
|
|
3445
3454
|
y: false
|
|
@@ -3448,7 +3457,7 @@ function isDragActive() {
|
|
|
3448
3457
|
return isDragging.x || isDragging.y;
|
|
3449
3458
|
}
|
|
3450
3459
|
|
|
3451
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3460
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/drag/state/set-active.mjs
|
|
3452
3461
|
function setDragLock(axis) {
|
|
3453
3462
|
if (axis === "x" || axis === "y") {
|
|
3454
3463
|
if (isDragging[axis]) {
|
|
@@ -3471,7 +3480,7 @@ function setDragLock(axis) {
|
|
|
3471
3480
|
}
|
|
3472
3481
|
}
|
|
3473
3482
|
|
|
3474
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3483
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/utils/setup.mjs
|
|
3475
3484
|
function setupGesture(elementOrSelector, options) {
|
|
3476
3485
|
const elements = resolveElements(elementOrSelector);
|
|
3477
3486
|
const gestureAbortController = new AbortController();
|
|
@@ -3484,7 +3493,7 @@ function setupGesture(elementOrSelector, options) {
|
|
|
3484
3493
|
return [elements, eventOptions, cancel];
|
|
3485
3494
|
}
|
|
3486
3495
|
|
|
3487
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3496
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/hover.mjs
|
|
3488
3497
|
function isValidHover(event) {
|
|
3489
3498
|
return !(event.pointerType === "touch" || isDragActive());
|
|
3490
3499
|
}
|
|
@@ -3543,7 +3552,7 @@ function hover(elementOrSelector, onHoverStart, options = {}) {
|
|
|
3543
3552
|
return cancel;
|
|
3544
3553
|
}
|
|
3545
3554
|
|
|
3546
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3555
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/utils/is-node-or-child.mjs
|
|
3547
3556
|
var isNodeOrChild = (parent, child) => {
|
|
3548
3557
|
if (!child) {
|
|
3549
3558
|
return false;
|
|
@@ -3554,7 +3563,7 @@ var isNodeOrChild = (parent, child) => {
|
|
|
3554
3563
|
}
|
|
3555
3564
|
};
|
|
3556
3565
|
|
|
3557
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3566
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/utils/is-primary-pointer.mjs
|
|
3558
3567
|
var isPrimaryPointer = (event) => {
|
|
3559
3568
|
if (event.pointerType === "mouse") {
|
|
3560
3569
|
return typeof event.button !== "number" || event.button <= 0;
|
|
@@ -3563,7 +3572,7 @@ var isPrimaryPointer = (event) => {
|
|
|
3563
3572
|
}
|
|
3564
3573
|
};
|
|
3565
3574
|
|
|
3566
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3575
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/press/utils/is-keyboard-accessible.mjs
|
|
3567
3576
|
var keyboardAccessibleElements = /* @__PURE__ */ new Set([
|
|
3568
3577
|
"BUTTON",
|
|
3569
3578
|
"INPUT",
|
|
@@ -3579,10 +3588,10 @@ function isElementTextInput(element) {
|
|
|
3579
3588
|
return textInputElements.has(element.tagName) || element.isContentEditable === true;
|
|
3580
3589
|
}
|
|
3581
3590
|
|
|
3582
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3591
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/press/utils/state.mjs
|
|
3583
3592
|
var isPressing = /* @__PURE__ */ new WeakSet();
|
|
3584
3593
|
|
|
3585
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3594
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/press/utils/keyboard.mjs
|
|
3586
3595
|
function filterEvents(callback) {
|
|
3587
3596
|
return (event) => {
|
|
3588
3597
|
if (event.key !== "Enter")
|
|
@@ -3612,7 +3621,7 @@ var enableKeyboardPress = (focusEvent, eventOptions) => {
|
|
|
3612
3621
|
element.addEventListener("blur", () => element.removeEventListener("keydown", handleKeydown), eventOptions);
|
|
3613
3622
|
};
|
|
3614
3623
|
|
|
3615
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3624
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/press/index.mjs
|
|
3616
3625
|
function isValidPressEvent(event) {
|
|
3617
3626
|
return isPrimaryPointer(event) && !isDragActive();
|
|
3618
3627
|
}
|
|
@@ -3630,9 +3639,10 @@ function press(targetOrSelector, onPressStart, options = {}) {
|
|
|
3630
3639
|
claimedPointerDownEvents.add(startEvent);
|
|
3631
3640
|
}
|
|
3632
3641
|
const onPressEnd = onPressStart(target, startEvent);
|
|
3642
|
+
const endEventOptions = { ...eventOptions, capture: true };
|
|
3633
3643
|
const onPointerEnd = (endEvent, success) => {
|
|
3634
|
-
window.removeEventListener("pointerup", onPointerUp);
|
|
3635
|
-
window.removeEventListener("pointercancel", onPointerCancel);
|
|
3644
|
+
window.removeEventListener("pointerup", onPointerUp, endEventOptions);
|
|
3645
|
+
window.removeEventListener("pointercancel", onPointerCancel, endEventOptions);
|
|
3636
3646
|
if (isPressing.has(target)) {
|
|
3637
3647
|
isPressing.delete(target);
|
|
3638
3648
|
}
|
|
@@ -3649,8 +3659,8 @@ function press(targetOrSelector, onPressStart, options = {}) {
|
|
|
3649
3659
|
const onPointerCancel = (cancelEvent) => {
|
|
3650
3660
|
onPointerEnd(cancelEvent, false);
|
|
3651
3661
|
};
|
|
3652
|
-
window.addEventListener("pointerup", onPointerUp,
|
|
3653
|
-
window.addEventListener("pointercancel", onPointerCancel,
|
|
3662
|
+
window.addEventListener("pointerup", onPointerUp, endEventOptions);
|
|
3663
|
+
window.addEventListener("pointercancel", onPointerCancel, endEventOptions);
|
|
3654
3664
|
};
|
|
3655
3665
|
targets.forEach((target) => {
|
|
3656
3666
|
const pointerDownTarget = options.useGlobalTarget ? window : target;
|
|
@@ -3665,12 +3675,12 @@ function press(targetOrSelector, onPressStart, options = {}) {
|
|
|
3665
3675
|
return cancelEvents;
|
|
3666
3676
|
}
|
|
3667
3677
|
|
|
3668
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3678
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/is-svg-element.mjs
|
|
3669
3679
|
function isSVGElement(element) {
|
|
3670
3680
|
return isObject(element) && "ownerSVGElement" in element;
|
|
3671
3681
|
}
|
|
3672
3682
|
|
|
3673
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3683
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/resize/handle-element.mjs
|
|
3674
3684
|
var resizeHandlers = /* @__PURE__ */ new WeakMap();
|
|
3675
3685
|
var observer;
|
|
3676
3686
|
var getSize = (borderBoxAxis, svgAxis, htmlAxis) => (target, borderBoxSize) => {
|
|
@@ -3728,7 +3738,7 @@ function resizeElement(target, handler) {
|
|
|
3728
3738
|
};
|
|
3729
3739
|
}
|
|
3730
3740
|
|
|
3731
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3741
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/resize/handle-window.mjs
|
|
3732
3742
|
var windowCallbacks = /* @__PURE__ */ new Set();
|
|
3733
3743
|
var windowResizeHandler;
|
|
3734
3744
|
function createWindowResizeHandler() {
|
|
@@ -3758,21 +3768,21 @@ function resizeWindow(callback) {
|
|
|
3758
3768
|
};
|
|
3759
3769
|
}
|
|
3760
3770
|
|
|
3761
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3771
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/resize/index.mjs
|
|
3762
3772
|
function resize(a, b) {
|
|
3763
3773
|
return typeof a === "function" ? resizeWindow(a) : resizeElement(a, b);
|
|
3764
3774
|
}
|
|
3765
3775
|
|
|
3766
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3776
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/is-svg-svg-element.mjs
|
|
3767
3777
|
function isSVGSVGElement(element) {
|
|
3768
3778
|
return isSVGElement(element) && element.tagName === "svg";
|
|
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/value/types/utils/find.mjs
|
|
3772
3782
|
var valueTypes = [...dimensionValueTypes, color, complex];
|
|
3773
3783
|
var findValueType = (v) => valueTypes.find(testValueType(v));
|
|
3774
3784
|
|
|
3775
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3785
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/models.mjs
|
|
3776
3786
|
var createAxisDelta = () => ({
|
|
3777
3787
|
translate: 0,
|
|
3778
3788
|
scale: 1,
|
|
@@ -3789,20 +3799,20 @@ var createBox = () => ({
|
|
|
3789
3799
|
y: createAxis()
|
|
3790
3800
|
});
|
|
3791
3801
|
|
|
3792
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3802
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/store.mjs
|
|
3793
3803
|
var visualElementStore = /* @__PURE__ */ new WeakMap();
|
|
3794
3804
|
|
|
3795
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3805
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/is-animation-controls.mjs
|
|
3796
3806
|
function isAnimationControls(v) {
|
|
3797
3807
|
return v !== null && typeof v === "object" && typeof v.start === "function";
|
|
3798
3808
|
}
|
|
3799
3809
|
|
|
3800
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3810
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/is-variant-label.mjs
|
|
3801
3811
|
function isVariantLabel(v) {
|
|
3802
3812
|
return typeof v === "string" || Array.isArray(v);
|
|
3803
3813
|
}
|
|
3804
3814
|
|
|
3805
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3815
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/variant-props.mjs
|
|
3806
3816
|
var variantPriorityOrder = [
|
|
3807
3817
|
"animate",
|
|
3808
3818
|
"whileInView",
|
|
@@ -3814,7 +3824,7 @@ var variantPriorityOrder = [
|
|
|
3814
3824
|
];
|
|
3815
3825
|
var variantProps = ["initial", ...variantPriorityOrder];
|
|
3816
3826
|
|
|
3817
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3827
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/is-controlling-variants.mjs
|
|
3818
3828
|
function isControllingVariants(props) {
|
|
3819
3829
|
return isAnimationControls(props.animate) || variantProps.some((name) => isVariantLabel(props[name]));
|
|
3820
3830
|
}
|
|
@@ -3822,7 +3832,7 @@ function isVariantNode(props) {
|
|
|
3822
3832
|
return Boolean(isControllingVariants(props) || props.variants);
|
|
3823
3833
|
}
|
|
3824
3834
|
|
|
3825
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3835
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/motion-values.mjs
|
|
3826
3836
|
function updateMotionValuesFromProps(element, next, prev) {
|
|
3827
3837
|
for (const key in next) {
|
|
3828
3838
|
const nextValue = next[key];
|
|
@@ -3852,15 +3862,15 @@ function updateMotionValuesFromProps(element, next, prev) {
|
|
|
3852
3862
|
return next;
|
|
3853
3863
|
}
|
|
3854
3864
|
|
|
3855
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3865
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/reduced-motion/state.mjs
|
|
3856
3866
|
var prefersReducedMotion = { current: null };
|
|
3857
3867
|
var hasReducedMotionListener = { current: false };
|
|
3858
3868
|
|
|
3859
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3860
|
-
var
|
|
3869
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/reduced-motion/index.mjs
|
|
3870
|
+
var isBrowser3 = typeof window !== "undefined";
|
|
3861
3871
|
function initPrefersReducedMotion() {
|
|
3862
3872
|
hasReducedMotionListener.current = true;
|
|
3863
|
-
if (!
|
|
3873
|
+
if (!isBrowser3)
|
|
3864
3874
|
return;
|
|
3865
3875
|
if (window.matchMedia) {
|
|
3866
3876
|
const motionMediaQuery = window.matchMedia("(prefers-reduced-motion)");
|
|
@@ -3872,7 +3882,7 @@ function initPrefersReducedMotion() {
|
|
|
3872
3882
|
}
|
|
3873
3883
|
}
|
|
3874
3884
|
|
|
3875
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3885
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/VisualElement.mjs
|
|
3876
3886
|
var propEventHandlers = [
|
|
3877
3887
|
"AnimationStart",
|
|
3878
3888
|
"AnimationComplete",
|
|
@@ -4061,8 +4071,6 @@ var VisualElement = class {
|
|
|
4061
4071
|
removeOnChange();
|
|
4062
4072
|
if (removeSyncCheck)
|
|
4063
4073
|
removeSyncCheck();
|
|
4064
|
-
if (value.owner)
|
|
4065
|
-
value.stop();
|
|
4066
4074
|
});
|
|
4067
4075
|
}
|
|
4068
4076
|
sortNodePosition(other) {
|
|
@@ -4273,7 +4281,7 @@ var VisualElement = class {
|
|
|
4273
4281
|
}
|
|
4274
4282
|
};
|
|
4275
4283
|
|
|
4276
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4284
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/dom/DOMVisualElement.mjs
|
|
4277
4285
|
var DOMVisualElement = class extends VisualElement {
|
|
4278
4286
|
constructor() {
|
|
4279
4287
|
super(...arguments);
|
|
@@ -4306,7 +4314,7 @@ var DOMVisualElement = class extends VisualElement {
|
|
|
4306
4314
|
}
|
|
4307
4315
|
};
|
|
4308
4316
|
|
|
4309
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4317
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/Feature.mjs
|
|
4310
4318
|
var Feature = class {
|
|
4311
4319
|
constructor(node) {
|
|
4312
4320
|
this.isMounted = false;
|
|
@@ -4316,7 +4324,7 @@ var Feature = class {
|
|
|
4316
4324
|
}
|
|
4317
4325
|
};
|
|
4318
4326
|
|
|
4319
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4327
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/conversion.mjs
|
|
4320
4328
|
function convertBoundingBoxToBox({ top, left, right, bottom }) {
|
|
4321
4329
|
return {
|
|
4322
4330
|
x: { min: left, max: right },
|
|
@@ -4339,7 +4347,7 @@ function transformBoxPoints(point, transformPoint2) {
|
|
|
4339
4347
|
};
|
|
4340
4348
|
}
|
|
4341
4349
|
|
|
4342
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4350
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/utils/has-transform.mjs
|
|
4343
4351
|
function isIdentityScale(scale2) {
|
|
4344
4352
|
return scale2 === void 0 || scale2 === 1;
|
|
4345
4353
|
}
|
|
@@ -4356,7 +4364,7 @@ function is2DTranslate(value) {
|
|
|
4356
4364
|
return value && value !== "0%";
|
|
4357
4365
|
}
|
|
4358
4366
|
|
|
4359
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4367
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/delta-apply.mjs
|
|
4360
4368
|
function scalePoint(point, scale2, originPoint) {
|
|
4361
4369
|
const distanceFromOrigin = point - originPoint;
|
|
4362
4370
|
const scaled = scale2 * distanceFromOrigin;
|
|
@@ -4432,7 +4440,7 @@ function transformBox(box, transform, sourceBox) {
|
|
|
4432
4440
|
transformAxis(box.y, resolveAxisTranslate(transform.y, resolveBox.y), transform.scaleY, transform.scale, transform.originY);
|
|
4433
4441
|
}
|
|
4434
4442
|
|
|
4435
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4443
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/utils/measure.mjs
|
|
4436
4444
|
function measureViewportBox(instance, transformPoint2) {
|
|
4437
4445
|
return convertBoundingBoxToBox(transformBoxPoints(instance.getBoundingClientRect(), transformPoint2));
|
|
4438
4446
|
}
|
|
@@ -4446,7 +4454,7 @@ function measurePageBox(element, rootProjectionNode2, transformPagePoint) {
|
|
|
4446
4454
|
return viewportBox;
|
|
4447
4455
|
}
|
|
4448
4456
|
|
|
4449
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4457
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/html/utils/build-transform.mjs
|
|
4450
4458
|
var translateAlias = {
|
|
4451
4459
|
x: "translateX",
|
|
4452
4460
|
y: "translateY",
|
|
@@ -4481,6 +4489,11 @@ function buildTransform(latestValues, transform, transformTemplate) {
|
|
|
4481
4489
|
}
|
|
4482
4490
|
}
|
|
4483
4491
|
}
|
|
4492
|
+
const pathRotation = latestValues.pathRotation;
|
|
4493
|
+
if (pathRotation) {
|
|
4494
|
+
transformIsDefault = false;
|
|
4495
|
+
transformString += `rotate(${getValueAsType(pathRotation, numberValueTypes.pathRotation)}) `;
|
|
4496
|
+
}
|
|
4484
4497
|
transformString = transformString.trim();
|
|
4485
4498
|
if (transformTemplate) {
|
|
4486
4499
|
transformString = transformTemplate(transform, transformIsDefault ? "" : transformString);
|
|
@@ -4490,7 +4503,7 @@ function buildTransform(latestValues, transform, transformTemplate) {
|
|
|
4490
4503
|
return transformString;
|
|
4491
4504
|
}
|
|
4492
4505
|
|
|
4493
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4506
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/html/utils/build-styles.mjs
|
|
4494
4507
|
function buildHTMLStyles(state, latestValues, transformTemplate) {
|
|
4495
4508
|
const { style, vars, transformOrigin } = state;
|
|
4496
4509
|
let hasTransform2 = false;
|
|
@@ -4526,7 +4539,7 @@ function buildHTMLStyles(state, latestValues, transformTemplate) {
|
|
|
4526
4539
|
}
|
|
4527
4540
|
}
|
|
4528
4541
|
|
|
4529
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4542
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/html/utils/render.mjs
|
|
4530
4543
|
function renderHTML(element, { style, vars }, styleProp, projection) {
|
|
4531
4544
|
const elementStyle = element.style;
|
|
4532
4545
|
let key;
|
|
@@ -4539,7 +4552,7 @@ function renderHTML(element, { style, vars }, styleProp, projection) {
|
|
|
4539
4552
|
}
|
|
4540
4553
|
}
|
|
4541
4554
|
|
|
4542
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4555
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/styles/scale-border-radius.mjs
|
|
4543
4556
|
function pixelsToPercent(pixels, axis) {
|
|
4544
4557
|
if (axis.max === axis.min)
|
|
4545
4558
|
return 0;
|
|
@@ -4562,7 +4575,7 @@ var correctBorderRadius = {
|
|
|
4562
4575
|
}
|
|
4563
4576
|
};
|
|
4564
4577
|
|
|
4565
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4578
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/styles/scale-box-shadow.mjs
|
|
4566
4579
|
var correctBoxShadow = {
|
|
4567
4580
|
correct: (latest, { treeScale, projectionDelta }) => {
|
|
4568
4581
|
const original = latest;
|
|
@@ -4584,16 +4597,11 @@ var correctBoxShadow = {
|
|
|
4584
4597
|
}
|
|
4585
4598
|
};
|
|
4586
4599
|
|
|
4587
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4600
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/styles/scale-correction.mjs
|
|
4588
4601
|
var scaleCorrectors = {
|
|
4589
4602
|
borderRadius: {
|
|
4590
4603
|
...correctBorderRadius,
|
|
4591
|
-
applyTo: [
|
|
4592
|
-
"borderTopLeftRadius",
|
|
4593
|
-
"borderTopRightRadius",
|
|
4594
|
-
"borderBottomLeftRadius",
|
|
4595
|
-
"borderBottomRightRadius"
|
|
4596
|
-
]
|
|
4604
|
+
applyTo: [...cornerRadiusProps]
|
|
4597
4605
|
},
|
|
4598
4606
|
borderTopLeftRadius: correctBorderRadius,
|
|
4599
4607
|
borderTopRightRadius: correctBorderRadius,
|
|
@@ -4602,12 +4610,12 @@ var scaleCorrectors = {
|
|
|
4602
4610
|
boxShadow: correctBoxShadow
|
|
4603
4611
|
};
|
|
4604
4612
|
|
|
4605
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4613
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/is-forced-motion-value.mjs
|
|
4606
4614
|
function isForcedMotionValue(key, { layout: layout2, layoutId }) {
|
|
4607
4615
|
return transformProps.has(key) || key.startsWith("origin") || (layout2 || layoutId !== void 0) && (!!scaleCorrectors[key] || key === "opacity");
|
|
4608
4616
|
}
|
|
4609
4617
|
|
|
4610
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4618
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/html/utils/scrape-motion-values.mjs
|
|
4611
4619
|
function scrapeMotionValuesFromProps(props, prevProps, visualElement) {
|
|
4612
4620
|
const style = props.style;
|
|
4613
4621
|
const prevStyle = prevProps?.style;
|
|
@@ -4622,7 +4630,7 @@ function scrapeMotionValuesFromProps(props, prevProps, visualElement) {
|
|
|
4622
4630
|
return newValues;
|
|
4623
4631
|
}
|
|
4624
4632
|
|
|
4625
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4633
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/html/HTMLVisualElement.mjs
|
|
4626
4634
|
function getComputedStyle2(element) {
|
|
4627
4635
|
return window.getComputedStyle(element);
|
|
4628
4636
|
}
|
|
@@ -4632,6 +4640,10 @@ var HTMLVisualElement = class extends DOMVisualElement {
|
|
|
4632
4640
|
this.type = "html";
|
|
4633
4641
|
this.renderInstance = renderHTML;
|
|
4634
4642
|
}
|
|
4643
|
+
mount(instance) {
|
|
4644
|
+
invariant(Boolean(instance.style), "motion.create() components must forward their ref to a HTML or SVG element", "custom-component-ref");
|
|
4645
|
+
super.mount(instance);
|
|
4646
|
+
}
|
|
4635
4647
|
readValueFromInstance(instance, key) {
|
|
4636
4648
|
if (transformProps.has(key)) {
|
|
4637
4649
|
return this.projection?.isProjecting ? defaultTransformValue(key) : readTransformValue(instance, key);
|
|
@@ -4652,7 +4664,7 @@ var HTMLVisualElement = class extends DOMVisualElement {
|
|
|
4652
4664
|
}
|
|
4653
4665
|
};
|
|
4654
4666
|
|
|
4655
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4667
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/path.mjs
|
|
4656
4668
|
var dashKeys = {
|
|
4657
4669
|
offset: "stroke-dashoffset",
|
|
4658
4670
|
array: "stroke-dasharray"
|
|
@@ -4668,8 +4680,10 @@ function buildSVGPath(attrs, length, spacing = 1, offset = 0, useDashCase = true
|
|
|
4668
4680
|
attrs[keys.array] = `${length} ${spacing}`;
|
|
4669
4681
|
}
|
|
4670
4682
|
|
|
4671
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4672
|
-
var
|
|
4683
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/build-attrs.mjs
|
|
4684
|
+
var cssStyleProperties = [
|
|
4685
|
+
"transform",
|
|
4686
|
+
"opacity",
|
|
4673
4687
|
"offsetDistance",
|
|
4674
4688
|
"offsetPath",
|
|
4675
4689
|
"offsetRotate",
|
|
@@ -4695,9 +4709,11 @@ function buildSVGAttrs(state, {
|
|
|
4695
4709
|
state.attrs = state.style;
|
|
4696
4710
|
state.style = {};
|
|
4697
4711
|
const { attrs, style } = state;
|
|
4698
|
-
|
|
4699
|
-
|
|
4700
|
-
|
|
4712
|
+
for (const key of cssStyleProperties) {
|
|
4713
|
+
if (attrs[key] !== void 0) {
|
|
4714
|
+
style[key] = attrs[key];
|
|
4715
|
+
delete attrs[key];
|
|
4716
|
+
}
|
|
4701
4717
|
}
|
|
4702
4718
|
if (style.transform || attrs.transformOrigin) {
|
|
4703
4719
|
style.transformOrigin = attrs.transformOrigin ?? "50% 50%";
|
|
@@ -4707,12 +4723,6 @@ function buildSVGAttrs(state, {
|
|
|
4707
4723
|
style.transformBox = styleProp?.transformBox ?? "fill-box";
|
|
4708
4724
|
delete attrs.transformBox;
|
|
4709
4725
|
}
|
|
4710
|
-
for (const key of cssMotionPathProperties) {
|
|
4711
|
-
if (attrs[key] !== void 0) {
|
|
4712
|
-
style[key] = attrs[key];
|
|
4713
|
-
delete attrs[key];
|
|
4714
|
-
}
|
|
4715
|
-
}
|
|
4716
4726
|
if (attrX !== void 0)
|
|
4717
4727
|
attrs.x = attrX;
|
|
4718
4728
|
if (attrY !== void 0)
|
|
@@ -4724,7 +4734,7 @@ function buildSVGAttrs(state, {
|
|
|
4724
4734
|
}
|
|
4725
4735
|
}
|
|
4726
4736
|
|
|
4727
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4737
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/camel-case-attrs.mjs
|
|
4728
4738
|
var camelCaseAttributes = /* @__PURE__ */ new Set([
|
|
4729
4739
|
"baseFrequency",
|
|
4730
4740
|
"diffuseConstant",
|
|
@@ -4751,10 +4761,10 @@ var camelCaseAttributes = /* @__PURE__ */ new Set([
|
|
|
4751
4761
|
"lengthAdjust"
|
|
4752
4762
|
]);
|
|
4753
4763
|
|
|
4754
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4764
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/is-svg-tag.mjs
|
|
4755
4765
|
var isSVGTag = (tag) => typeof tag === "string" && tag.toLowerCase() === "svg";
|
|
4756
4766
|
|
|
4757
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4767
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/render.mjs
|
|
4758
4768
|
function renderSVG(element, renderState, _styleProp, projection) {
|
|
4759
4769
|
renderHTML(element, renderState, void 0, projection);
|
|
4760
4770
|
for (const key in renderState.attrs) {
|
|
@@ -4762,7 +4772,7 @@ function renderSVG(element, renderState, _styleProp, projection) {
|
|
|
4762
4772
|
}
|
|
4763
4773
|
}
|
|
4764
4774
|
|
|
4765
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4775
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/scrape-motion-values.mjs
|
|
4766
4776
|
function scrapeMotionValuesFromProps2(props, prevProps, visualElement) {
|
|
4767
4777
|
const newValues = scrapeMotionValuesFromProps(props, prevProps, visualElement);
|
|
4768
4778
|
for (const key in props) {
|
|
@@ -4774,7 +4784,7 @@ function scrapeMotionValuesFromProps2(props, prevProps, visualElement) {
|
|
|
4774
4784
|
return newValues;
|
|
4775
4785
|
}
|
|
4776
4786
|
|
|
4777
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4787
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/SVGVisualElement.mjs
|
|
4778
4788
|
var SVGVisualElement = class extends DOMVisualElement {
|
|
4779
4789
|
constructor() {
|
|
4780
4790
|
super(...arguments);
|
|
@@ -4790,6 +4800,12 @@ var SVGVisualElement = class extends DOMVisualElement {
|
|
|
4790
4800
|
const defaultType = getDefaultValueType(key);
|
|
4791
4801
|
return defaultType ? defaultType.default || 0 : 0;
|
|
4792
4802
|
}
|
|
4803
|
+
if (cssStyleProperties.includes(key)) {
|
|
4804
|
+
const computedStyle = getComputedStyle(instance);
|
|
4805
|
+
const value = computedStyle[key];
|
|
4806
|
+
if (typeof value === "string" && value)
|
|
4807
|
+
return value.trim();
|
|
4808
|
+
}
|
|
4793
4809
|
key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;
|
|
4794
4810
|
return instance.getAttribute(key);
|
|
4795
4811
|
}
|
|
@@ -4808,7 +4824,7 @@ var SVGVisualElement = class extends DOMVisualElement {
|
|
|
4808
4824
|
}
|
|
4809
4825
|
};
|
|
4810
4826
|
|
|
4811
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4827
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/get-variant-context.mjs
|
|
4812
4828
|
var numVariantProps = variantProps.length;
|
|
4813
4829
|
function getVariantContext(visualElement) {
|
|
4814
4830
|
if (!visualElement)
|
|
@@ -4831,7 +4847,7 @@ function getVariantContext(visualElement) {
|
|
|
4831
4847
|
return context;
|
|
4832
4848
|
}
|
|
4833
4849
|
|
|
4834
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4850
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/shallow-compare.mjs
|
|
4835
4851
|
function shallowCompare(next, prev) {
|
|
4836
4852
|
if (!Array.isArray(prev))
|
|
4837
4853
|
return false;
|
|
@@ -4845,7 +4861,7 @@ function shallowCompare(next, prev) {
|
|
|
4845
4861
|
return true;
|
|
4846
4862
|
}
|
|
4847
4863
|
|
|
4848
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4864
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/animation-state.mjs
|
|
4849
4865
|
var reversePriorityOrder = [...variantPriorityOrder].reverse();
|
|
4850
4866
|
var numAnimationTypes = variantPriorityOrder.length;
|
|
4851
4867
|
function createAnimateFunction(visualElement) {
|
|
@@ -4938,7 +4954,7 @@ function createAnimationState(visualElement) {
|
|
|
4938
4954
|
continue;
|
|
4939
4955
|
let valueHasChanged = false;
|
|
4940
4956
|
if (isKeyframesTarget(next) && isKeyframesTarget(prev)) {
|
|
4941
|
-
valueHasChanged = !shallowCompare(next, prev);
|
|
4957
|
+
valueHasChanged = !shallowCompare(next, prev) || variantDidChange;
|
|
4942
4958
|
} else {
|
|
4943
4959
|
valueHasChanged = next !== prev;
|
|
4944
4960
|
}
|
|
@@ -5057,7 +5073,7 @@ function createState() {
|
|
|
5057
5073
|
};
|
|
5058
5074
|
}
|
|
5059
5075
|
|
|
5060
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5076
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/copy.mjs
|
|
5061
5077
|
function copyAxisInto(axis, originAxis) {
|
|
5062
5078
|
axis.min = originAxis.min;
|
|
5063
5079
|
axis.max = originAxis.max;
|
|
@@ -5073,7 +5089,7 @@ function copyAxisDeltaInto(delta, originDelta) {
|
|
|
5073
5089
|
delta.origin = originDelta.origin;
|
|
5074
5090
|
}
|
|
5075
5091
|
|
|
5076
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5092
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/delta-calc.mjs
|
|
5077
5093
|
var SCALE_PRECISION = 1e-4;
|
|
5078
5094
|
var SCALE_MIN = 1 - SCALE_PRECISION;
|
|
5079
5095
|
var SCALE_MAX = 1 + SCALE_PRECISION;
|
|
@@ -5121,7 +5137,7 @@ function calcRelativePosition(target, layout2, parent, anchor) {
|
|
|
5121
5137
|
calcRelativeAxisPosition(target.y, layout2.y, parent.y, anchor?.y);
|
|
5122
5138
|
}
|
|
5123
5139
|
|
|
5124
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5140
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/delta-remove.mjs
|
|
5125
5141
|
function removePointDelta(point, translate, scale2, originPoint, boxScale) {
|
|
5126
5142
|
point -= translate;
|
|
5127
5143
|
point = scalePoint(point, 1 / scale2, originPoint);
|
|
@@ -5154,7 +5170,7 @@ function removeBoxTransforms(box, transforms, originBox, sourceBox) {
|
|
|
5154
5170
|
removeAxisTransforms(box.y, transforms, yKeys, originBox ? originBox.y : void 0, sourceBox ? sourceBox.y : void 0);
|
|
5155
5171
|
}
|
|
5156
5172
|
|
|
5157
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5173
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/utils.mjs
|
|
5158
5174
|
function isAxisDeltaZero(delta) {
|
|
5159
5175
|
return delta.translate === 0 && delta.scale === 1;
|
|
5160
5176
|
}
|
|
@@ -5180,12 +5196,12 @@ function axisDeltaEquals(a, b) {
|
|
|
5180
5196
|
return a.translate === b.translate && a.scale === b.scale && a.originPoint === b.originPoint;
|
|
5181
5197
|
}
|
|
5182
5198
|
|
|
5183
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5199
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/utils/each-axis.mjs
|
|
5184
5200
|
function eachAxis(callback) {
|
|
5185
5201
|
return [callback("x"), callback("y")];
|
|
5186
5202
|
}
|
|
5187
5203
|
|
|
5188
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5204
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/styles/transform.mjs
|
|
5189
5205
|
function buildProjectionTransform(delta, treeScale, latestTransform) {
|
|
5190
5206
|
let transform = "";
|
|
5191
5207
|
const xTranslate = delta.x.translate / treeScale.x;
|
|
@@ -5198,11 +5214,13 @@ function buildProjectionTransform(delta, treeScale, latestTransform) {
|
|
|
5198
5214
|
transform += `scale(${1 / treeScale.x}, ${1 / treeScale.y}) `;
|
|
5199
5215
|
}
|
|
5200
5216
|
if (latestTransform) {
|
|
5201
|
-
const { transformPerspective, rotate: rotate2, rotateX, rotateY, skewX, skewY } = latestTransform;
|
|
5217
|
+
const { transformPerspective, rotate: rotate2, pathRotation, rotateX, rotateY, skewX, skewY } = latestTransform;
|
|
5202
5218
|
if (transformPerspective)
|
|
5203
5219
|
transform = `perspective(${transformPerspective}px) ${transform}`;
|
|
5204
5220
|
if (rotate2)
|
|
5205
5221
|
transform += `rotate(${rotate2}deg) `;
|
|
5222
|
+
if (pathRotation)
|
|
5223
|
+
transform += `rotate(${pathRotation}deg) `;
|
|
5206
5224
|
if (rotateX)
|
|
5207
5225
|
transform += `rotateX(${rotateX}deg) `;
|
|
5208
5226
|
if (rotateY)
|
|
@@ -5220,14 +5238,8 @@ function buildProjectionTransform(delta, treeScale, latestTransform) {
|
|
|
5220
5238
|
return transform || "none";
|
|
5221
5239
|
}
|
|
5222
5240
|
|
|
5223
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5224
|
-
var
|
|
5225
|
-
"borderTopLeftRadius",
|
|
5226
|
-
"borderTopRightRadius",
|
|
5227
|
-
"borderBottomLeftRadius",
|
|
5228
|
-
"borderBottomRightRadius"
|
|
5229
|
-
];
|
|
5230
|
-
var numBorders = borderLabels.length;
|
|
5241
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/animation/mix-values.mjs
|
|
5242
|
+
var numBorders = cornerRadiusProps.length;
|
|
5231
5243
|
var asNumber = (value) => typeof value === "string" ? parseFloat(value) : value;
|
|
5232
5244
|
var isPx = (value) => typeof value === "number" || px.test(value);
|
|
5233
5245
|
function mixValues(target, follow, lead, progress2, shouldCrossfadeOpacity, isOnlyMember) {
|
|
@@ -5238,7 +5250,7 @@ function mixValues(target, follow, lead, progress2, shouldCrossfadeOpacity, isOn
|
|
|
5238
5250
|
target.opacity = mixNumber(follow.opacity ?? 1, lead.opacity ?? 1, progress2);
|
|
5239
5251
|
}
|
|
5240
5252
|
for (let i = 0; i < numBorders; i++) {
|
|
5241
|
-
const borderLabel =
|
|
5253
|
+
const borderLabel = cornerRadiusProps[i];
|
|
5242
5254
|
let followRadius = getRadius(follow, borderLabel);
|
|
5243
5255
|
let leadRadius = getRadius(lead, borderLabel);
|
|
5244
5256
|
if (followRadius === void 0 && leadRadius === void 0)
|
|
@@ -5274,23 +5286,23 @@ function compress(min, max, easing) {
|
|
|
5274
5286
|
};
|
|
5275
5287
|
}
|
|
5276
5288
|
|
|
5277
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5289
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/animate/single-value.mjs
|
|
5278
5290
|
function animateSingleValue(value, keyframes2, options) {
|
|
5279
5291
|
const motionValue$1 = isMotionValue(value) ? value : motionValue(value);
|
|
5280
5292
|
motionValue$1.start(animateMotionValue("", motionValue$1, keyframes2, options));
|
|
5281
5293
|
return motionValue$1.animation;
|
|
5282
5294
|
}
|
|
5283
5295
|
|
|
5284
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5296
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/events/add-dom-event.mjs
|
|
5285
5297
|
function addDomEvent(target, eventName, handler, options = { passive: true }) {
|
|
5286
5298
|
target.addEventListener(eventName, handler, options);
|
|
5287
|
-
return () => target.removeEventListener(eventName, handler);
|
|
5299
|
+
return () => target.removeEventListener(eventName, handler, options);
|
|
5288
5300
|
}
|
|
5289
5301
|
|
|
5290
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5302
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/utils/compare-by-depth.mjs
|
|
5291
5303
|
var compareByDepth = (a, b) => a.depth - b.depth;
|
|
5292
5304
|
|
|
5293
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5305
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/utils/flat-tree.mjs
|
|
5294
5306
|
var FlatTree = class {
|
|
5295
5307
|
constructor() {
|
|
5296
5308
|
this.children = [];
|
|
@@ -5311,7 +5323,7 @@ var FlatTree = class {
|
|
|
5311
5323
|
}
|
|
5312
5324
|
};
|
|
5313
5325
|
|
|
5314
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5326
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/delay.mjs
|
|
5315
5327
|
function delay(callback, timeout) {
|
|
5316
5328
|
const start = time.now();
|
|
5317
5329
|
const checkElapsed = ({ timestamp }) => {
|
|
@@ -5325,12 +5337,12 @@ function delay(callback, timeout) {
|
|
|
5325
5337
|
return () => cancelFrame(checkElapsed);
|
|
5326
5338
|
}
|
|
5327
5339
|
|
|
5328
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5340
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/utils/resolve-motion-value.mjs
|
|
5329
5341
|
function resolveMotionValue(value) {
|
|
5330
5342
|
return isMotionValue(value) ? value.get() : value;
|
|
5331
5343
|
}
|
|
5332
5344
|
|
|
5333
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5345
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/shared/stack.mjs
|
|
5334
5346
|
var NodeStack = class {
|
|
5335
5347
|
constructor() {
|
|
5336
5348
|
this.members = [];
|
|
@@ -5411,7 +5423,7 @@ var NodeStack = class {
|
|
|
5411
5423
|
}
|
|
5412
5424
|
};
|
|
5413
5425
|
|
|
5414
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5426
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/node/state.mjs
|
|
5415
5427
|
var globalProjectionState = {
|
|
5416
5428
|
/**
|
|
5417
5429
|
* Global flag as to whether the tree has animated since the last time
|
|
@@ -5592,7 +5604,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
5592
5604
|
animationOptions.type = false;
|
|
5593
5605
|
}
|
|
5594
5606
|
this.startAnimation(animationOptions);
|
|
5595
|
-
this.setAnimationOrigin(delta, hasOnlyRelativeTargetChanged);
|
|
5607
|
+
this.setAnimationOrigin(delta, hasOnlyRelativeTargetChanged, animationOptions.path);
|
|
5596
5608
|
} else {
|
|
5597
5609
|
if (!hasLayoutChanged) {
|
|
5598
5610
|
finishAnimation(this);
|
|
@@ -6064,7 +6076,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
6064
6076
|
this.projectionDelta = createDelta();
|
|
6065
6077
|
this.projectionDeltaWithTransform = createDelta();
|
|
6066
6078
|
}
|
|
6067
|
-
setAnimationOrigin(delta, hasOnlyRelativeTargetChanged = false) {
|
|
6079
|
+
setAnimationOrigin(delta, hasOnlyRelativeTargetChanged = false, pathFn) {
|
|
6068
6080
|
const snapshot = this.snapshot;
|
|
6069
6081
|
const snapshotLatestValues = snapshot ? snapshot.latestValues : {};
|
|
6070
6082
|
const mixedValues = { ...this.latestValues };
|
|
@@ -6082,10 +6094,23 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
6082
6094
|
const shouldCrossfadeOpacity = Boolean(isSharedLayoutAnimation && !isOnlyMember && this.options.crossfade === true && !this.path.some(hasOpacityCrossfade));
|
|
6083
6095
|
this.animationProgress = 0;
|
|
6084
6096
|
let prevRelativeTarget;
|
|
6097
|
+
const interpolate2 = pathFn?.interpolateProjection(delta);
|
|
6085
6098
|
this.mixTargetDelta = (latest) => {
|
|
6086
6099
|
const progress2 = latest / 1e3;
|
|
6087
|
-
|
|
6088
|
-
|
|
6100
|
+
const point = interpolate2?.(progress2);
|
|
6101
|
+
if (point) {
|
|
6102
|
+
targetDelta.x.translate = point.x;
|
|
6103
|
+
targetDelta.x.scale = mixNumber(delta.x.scale, 1, progress2);
|
|
6104
|
+
targetDelta.x.origin = delta.x.origin;
|
|
6105
|
+
targetDelta.x.originPoint = delta.x.originPoint;
|
|
6106
|
+
targetDelta.y.translate = point.y;
|
|
6107
|
+
targetDelta.y.scale = mixNumber(delta.y.scale, 1, progress2);
|
|
6108
|
+
targetDelta.y.origin = delta.y.origin;
|
|
6109
|
+
targetDelta.y.originPoint = delta.y.originPoint;
|
|
6110
|
+
} else {
|
|
6111
|
+
mixAxisDeltaLinear(targetDelta.x, delta.x, progress2);
|
|
6112
|
+
mixAxisDeltaLinear(targetDelta.y, delta.y, progress2);
|
|
6113
|
+
}
|
|
6089
6114
|
this.setTargetDelta(targetDelta);
|
|
6090
6115
|
if (this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout) {
|
|
6091
6116
|
calcRelativePosition(relativeLayout, this.layout.layoutBox, this.relativeParent.layout.layoutBox, this.options.layoutAnchor || void 0);
|
|
@@ -6101,6 +6126,11 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
6101
6126
|
this.animationValues = mixedValues;
|
|
6102
6127
|
mixValues(mixedValues, snapshotLatestValues, this.latestValues, progress2, shouldCrossfadeOpacity, isOnlyMember);
|
|
6103
6128
|
}
|
|
6129
|
+
if (point && point.rotate !== void 0) {
|
|
6130
|
+
if (!this.animationValues)
|
|
6131
|
+
this.animationValues = mixedValues;
|
|
6132
|
+
this.animationValues.pathRotation = point.rotate;
|
|
6133
|
+
}
|
|
6104
6134
|
this.root.scheduleUpdateProjection();
|
|
6105
6135
|
this.scheduleRender();
|
|
6106
6136
|
this.animationProgress = progress2;
|
|
@@ -6127,8 +6157,6 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
6127
6157
|
this.mixTargetDelta(latest);
|
|
6128
6158
|
options.onUpdate && options.onUpdate(latest);
|
|
6129
6159
|
},
|
|
6130
|
-
onStop: () => {
|
|
6131
|
-
},
|
|
6132
6160
|
onComplete: () => {
|
|
6133
6161
|
options.onComplete && options.onComplete();
|
|
6134
6162
|
this.completeAnimation();
|
|
@@ -6457,7 +6485,7 @@ function resetSkewAndRotation(node) {
|
|
|
6457
6485
|
function removeLeadSnapshots(stack) {
|
|
6458
6486
|
stack.removeLeadSnapshot();
|
|
6459
6487
|
}
|
|
6460
|
-
function
|
|
6488
|
+
function mixAxisDeltaLinear(output, delta, p) {
|
|
6461
6489
|
output.translate = mixNumber(delta.translate, 0, p);
|
|
6462
6490
|
output.scale = mixNumber(delta.scale, 1, p);
|
|
6463
6491
|
output.origin = delta.origin;
|
|
@@ -6495,7 +6523,7 @@ function checkNodeWasScrollRoot(node) {
|
|
|
6495
6523
|
return node !== node.root && node.scroll?.wasRoot;
|
|
6496
6524
|
}
|
|
6497
6525
|
|
|
6498
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
6526
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/node/DocumentProjectionNode.mjs
|
|
6499
6527
|
var DocumentProjectionNode = createProjectionNode({
|
|
6500
6528
|
attachResizeListener: (ref, notify) => addDomEvent(ref, "resize", notify),
|
|
6501
6529
|
measureScroll: () => ({
|
|
@@ -6505,7 +6533,7 @@ var DocumentProjectionNode = createProjectionNode({
|
|
|
6505
6533
|
checkIsScrollRoot: () => true
|
|
6506
6534
|
});
|
|
6507
6535
|
|
|
6508
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
6536
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/node/HTMLProjectionNode.mjs
|
|
6509
6537
|
var rootProjectionNode = {
|
|
6510
6538
|
current: void 0
|
|
6511
6539
|
};
|
|
@@ -6549,7 +6577,7 @@ function usePresence(subscribe = true) {
|
|
|
6549
6577
|
}
|
|
6550
6578
|
var LazyContext = React.createContext({ strict: false });
|
|
6551
6579
|
|
|
6552
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6580
|
+
// ../../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
|
|
6553
6581
|
var featureProps = {
|
|
6554
6582
|
animation: [
|
|
6555
6583
|
"animate",
|
|
@@ -6588,7 +6616,7 @@ function getInitializedFeatureDefinitions() {
|
|
|
6588
6616
|
return getFeatureDefinitions();
|
|
6589
6617
|
}
|
|
6590
6618
|
|
|
6591
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6619
|
+
// ../../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
|
|
6592
6620
|
function loadFeatures(features) {
|
|
6593
6621
|
const featureDefinitions2 = getInitializedFeatureDefinitions();
|
|
6594
6622
|
for (const key in features) {
|
|
@@ -6599,74 +6627,9 @@ function loadFeatures(features) {
|
|
|
6599
6627
|
}
|
|
6600
6628
|
setFeatureDefinitions(featureDefinitions2);
|
|
6601
6629
|
}
|
|
6602
|
-
|
|
6603
|
-
// ../../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
|
|
6604
|
-
var validMotionProps = /* @__PURE__ */ new Set([
|
|
6605
|
-
"animate",
|
|
6606
|
-
"exit",
|
|
6607
|
-
"variants",
|
|
6608
|
-
"initial",
|
|
6609
|
-
"style",
|
|
6610
|
-
"values",
|
|
6611
|
-
"variants",
|
|
6612
|
-
"transition",
|
|
6613
|
-
"transformTemplate",
|
|
6614
|
-
"custom",
|
|
6615
|
-
"inherit",
|
|
6616
|
-
"onBeforeLayoutMeasure",
|
|
6617
|
-
"onAnimationStart",
|
|
6618
|
-
"onAnimationComplete",
|
|
6619
|
-
"onUpdate",
|
|
6620
|
-
"onDragStart",
|
|
6621
|
-
"onDrag",
|
|
6622
|
-
"onDragEnd",
|
|
6623
|
-
"onMeasureDragConstraints",
|
|
6624
|
-
"onDirectionLock",
|
|
6625
|
-
"onDragTransitionEnd",
|
|
6626
|
-
"_dragX",
|
|
6627
|
-
"_dragY",
|
|
6628
|
-
"onHoverStart",
|
|
6629
|
-
"onHoverEnd",
|
|
6630
|
-
"onViewportEnter",
|
|
6631
|
-
"onViewportLeave",
|
|
6632
|
-
"globalTapTarget",
|
|
6633
|
-
"propagate",
|
|
6634
|
-
"ignoreStrict",
|
|
6635
|
-
"viewport"
|
|
6636
|
-
]);
|
|
6637
|
-
function isValidMotionProp(key) {
|
|
6638
|
-
return key.startsWith("while") || key.startsWith("drag") && key !== "draggable" || key.startsWith("layout") || key.startsWith("onTap") || key.startsWith("onPan") || key.startsWith("onLayout") || validMotionProps.has(key);
|
|
6639
|
-
}
|
|
6640
|
-
|
|
6641
|
-
// ../../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
|
|
6642
|
-
var shouldForward = (key) => !isValidMotionProp(key);
|
|
6643
|
-
function loadExternalIsValidProp(isValidProp) {
|
|
6644
|
-
if (typeof isValidProp !== "function")
|
|
6645
|
-
return;
|
|
6646
|
-
shouldForward = (key) => key.startsWith("on") ? !isValidMotionProp(key) : isValidProp(key);
|
|
6647
|
-
}
|
|
6648
|
-
try {
|
|
6649
|
-
const emotionPkg = "@emotion/is-prop-valid";
|
|
6650
|
-
loadExternalIsValidProp(__require(emotionPkg).default);
|
|
6651
|
-
} catch {
|
|
6652
|
-
}
|
|
6653
|
-
function filterProps(props, isDom, forwardMotionProps) {
|
|
6654
|
-
const filteredProps = {};
|
|
6655
|
-
for (const key in props) {
|
|
6656
|
-
if (key === "values" && typeof props.values === "object")
|
|
6657
|
-
continue;
|
|
6658
|
-
if (isMotionValue(props[key]))
|
|
6659
|
-
continue;
|
|
6660
|
-
if (shouldForward(key) || forwardMotionProps === true && isValidMotionProp(key) || !isDom && !isValidMotionProp(key) || // If trying to use native HTML drag events, forward drag listeners
|
|
6661
|
-
props["draggable"] && key.startsWith("onDrag")) {
|
|
6662
|
-
filteredProps[key] = props[key];
|
|
6663
|
-
}
|
|
6664
|
-
}
|
|
6665
|
-
return filteredProps;
|
|
6666
|
-
}
|
|
6667
6630
|
var MotionContext = /* @__PURE__ */ React.createContext({});
|
|
6668
6631
|
|
|
6669
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6632
|
+
// ../../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
|
|
6670
6633
|
function getCurrentTreeVariants(props, context) {
|
|
6671
6634
|
if (isControllingVariants(props)) {
|
|
6672
6635
|
const { initial, animate } = props;
|
|
@@ -6678,7 +6641,7 @@ function getCurrentTreeVariants(props, context) {
|
|
|
6678
6641
|
return props.inherit !== false ? context : {};
|
|
6679
6642
|
}
|
|
6680
6643
|
|
|
6681
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6644
|
+
// ../../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
|
|
6682
6645
|
function useCreateMotionContext(props) {
|
|
6683
6646
|
const { initial, animate } = getCurrentTreeVariants(props, React.useContext(MotionContext));
|
|
6684
6647
|
return React.useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);
|
|
@@ -6687,7 +6650,7 @@ function variantLabelsAsDependency(prop) {
|
|
|
6687
6650
|
return Array.isArray(prop) ? prop.join(" ") : prop;
|
|
6688
6651
|
}
|
|
6689
6652
|
|
|
6690
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6653
|
+
// ../../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
|
|
6691
6654
|
var createHtmlRenderState = () => ({
|
|
6692
6655
|
style: {},
|
|
6693
6656
|
transform: {},
|
|
@@ -6695,7 +6658,7 @@ var createHtmlRenderState = () => ({
|
|
|
6695
6658
|
vars: {}
|
|
6696
6659
|
});
|
|
6697
6660
|
|
|
6698
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6661
|
+
// ../../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
|
|
6699
6662
|
function copyRawValuesOnly(target, source, props) {
|
|
6700
6663
|
for (const key in source) {
|
|
6701
6664
|
if (!isMotionValue(source[key]) && !isForcedMotionValue(key, props)) {
|
|
@@ -6732,13 +6695,13 @@ function useHTMLProps(props, visualState) {
|
|
|
6732
6695
|
return htmlProps;
|
|
6733
6696
|
}
|
|
6734
6697
|
|
|
6735
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6698
|
+
// ../../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
|
|
6736
6699
|
var createSvgRenderState = () => ({
|
|
6737
6700
|
...createHtmlRenderState(),
|
|
6738
6701
|
attrs: {}
|
|
6739
6702
|
});
|
|
6740
6703
|
|
|
6741
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6704
|
+
// ../../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
|
|
6742
6705
|
function useSVGProps(props, visualState, _isStatic, Component2) {
|
|
6743
6706
|
const visualProps = React.useMemo(() => {
|
|
6744
6707
|
const state = createSvgRenderState();
|
|
@@ -6756,7 +6719,64 @@ function useSVGProps(props, visualState, _isStatic, Component2) {
|
|
|
6756
6719
|
return visualProps;
|
|
6757
6720
|
}
|
|
6758
6721
|
|
|
6759
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6722
|
+
// ../../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
|
|
6723
|
+
var validMotionProps = /* @__PURE__ */ new Set([
|
|
6724
|
+
"animate",
|
|
6725
|
+
"exit",
|
|
6726
|
+
"variants",
|
|
6727
|
+
"initial",
|
|
6728
|
+
"style",
|
|
6729
|
+
"values",
|
|
6730
|
+
"variants",
|
|
6731
|
+
"transition",
|
|
6732
|
+
"transformTemplate",
|
|
6733
|
+
"custom",
|
|
6734
|
+
"inherit",
|
|
6735
|
+
"onBeforeLayoutMeasure",
|
|
6736
|
+
"onAnimationStart",
|
|
6737
|
+
"onAnimationComplete",
|
|
6738
|
+
"onUpdate",
|
|
6739
|
+
"onDragStart",
|
|
6740
|
+
"onDrag",
|
|
6741
|
+
"onDragEnd",
|
|
6742
|
+
"onMeasureDragConstraints",
|
|
6743
|
+
"onDirectionLock",
|
|
6744
|
+
"onDragTransitionEnd",
|
|
6745
|
+
"_dragX",
|
|
6746
|
+
"_dragY",
|
|
6747
|
+
"onHoverStart",
|
|
6748
|
+
"onHoverEnd",
|
|
6749
|
+
"onViewportEnter",
|
|
6750
|
+
"onViewportLeave",
|
|
6751
|
+
"globalTapTarget",
|
|
6752
|
+
"propagate",
|
|
6753
|
+
"ignoreStrict",
|
|
6754
|
+
"viewport"
|
|
6755
|
+
]);
|
|
6756
|
+
function isValidMotionProp(key) {
|
|
6757
|
+
return key.startsWith("while") || key.startsWith("drag") && key !== "draggable" || key.startsWith("layout") || key.startsWith("onTap") || key.startsWith("onPan") || key.startsWith("onLayout") || validMotionProps.has(key);
|
|
6758
|
+
}
|
|
6759
|
+
|
|
6760
|
+
// ../../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
|
|
6761
|
+
function shouldForward(key, isValidProp) {
|
|
6762
|
+
return key.startsWith("on") ? !isValidMotionProp(key) : isValidProp?.(key) ?? !isValidMotionProp(key);
|
|
6763
|
+
}
|
|
6764
|
+
function filterProps(props, isDom, forwardMotionProps, isValidProp) {
|
|
6765
|
+
const filteredProps = {};
|
|
6766
|
+
for (const key in props) {
|
|
6767
|
+
if (key === "values" && typeof props.values === "object")
|
|
6768
|
+
continue;
|
|
6769
|
+
if (isMotionValue(props[key]))
|
|
6770
|
+
continue;
|
|
6771
|
+
if (shouldForward(key, isValidProp) || forwardMotionProps === true && isValidMotionProp(key) || !isDom && !isValidMotionProp(key) || // If trying to use native HTML drag events, forward drag listeners
|
|
6772
|
+
props["draggable"] && key.startsWith("onDrag")) {
|
|
6773
|
+
filteredProps[key] = props[key];
|
|
6774
|
+
}
|
|
6775
|
+
}
|
|
6776
|
+
return filteredProps;
|
|
6777
|
+
}
|
|
6778
|
+
|
|
6779
|
+
// ../../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
|
|
6760
6780
|
var lowercaseSVGElements = [
|
|
6761
6781
|
"animate",
|
|
6762
6782
|
"circle",
|
|
@@ -6785,7 +6805,7 @@ var lowercaseSVGElements = [
|
|
|
6785
6805
|
"view"
|
|
6786
6806
|
];
|
|
6787
6807
|
|
|
6788
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6808
|
+
// ../../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
|
|
6789
6809
|
function isSVGComponent(Component2) {
|
|
6790
6810
|
if (
|
|
6791
6811
|
/**
|
|
@@ -6812,11 +6832,11 @@ function isSVGComponent(Component2) {
|
|
|
6812
6832
|
return false;
|
|
6813
6833
|
}
|
|
6814
6834
|
|
|
6815
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6816
|
-
function useRender(Component2, props, ref, { latestValues }, isStatic, forwardMotionProps = false, isSVG) {
|
|
6835
|
+
// ../../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
|
|
6836
|
+
function useRender(Component2, props, ref, { latestValues }, isStatic, forwardMotionProps = false, isSVG, isValidProp) {
|
|
6817
6837
|
const useVisualProps = isSVG ?? isSVGComponent(Component2) ? useSVGProps : useHTMLProps;
|
|
6818
6838
|
const visualProps = useVisualProps(props, latestValues, isStatic, Component2);
|
|
6819
|
-
const filteredProps = filterProps(props, typeof Component2 === "string", forwardMotionProps);
|
|
6839
|
+
const filteredProps = filterProps(props, typeof Component2 === "string", forwardMotionProps, isValidProp);
|
|
6820
6840
|
const elementProps = Component2 !== React.Fragment ? { ...filteredProps, ...visualProps, ref } : {};
|
|
6821
6841
|
const { children } = props;
|
|
6822
6842
|
const renderedChildren = React.useMemo(() => isMotionValue(children) ? children.get() : children, [children]);
|
|
@@ -6881,20 +6901,20 @@ var makeUseVisualState = (config) => (props, isStatic) => {
|
|
|
6881
6901
|
return isStatic ? make() : useConstant(make);
|
|
6882
6902
|
};
|
|
6883
6903
|
|
|
6884
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6904
|
+
// ../../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
|
|
6885
6905
|
var useHTMLVisualState = /* @__PURE__ */ makeUseVisualState({
|
|
6886
6906
|
scrapeMotionValuesFromProps,
|
|
6887
6907
|
createRenderState: createHtmlRenderState
|
|
6888
6908
|
});
|
|
6889
6909
|
|
|
6890
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6910
|
+
// ../../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
|
|
6891
6911
|
var useSVGVisualState = /* @__PURE__ */ makeUseVisualState({
|
|
6892
6912
|
scrapeMotionValuesFromProps: scrapeMotionValuesFromProps2,
|
|
6893
6913
|
createRenderState: createSvgRenderState
|
|
6894
6914
|
});
|
|
6895
6915
|
|
|
6896
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6897
|
-
var motionComponentSymbol = Symbol.for("motionComponentSymbol");
|
|
6916
|
+
// ../../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
|
|
6917
|
+
var motionComponentSymbol = /* @__PURE__ */ Symbol.for("motionComponentSymbol");
|
|
6898
6918
|
function useMotionRef(visualState, visualElement, externalRef) {
|
|
6899
6919
|
const externalRefContainer = React.useRef(externalRef);
|
|
6900
6920
|
React.useInsertionEffect(() => {
|
|
@@ -6905,6 +6925,9 @@ function useMotionRef(visualState, visualElement, externalRef) {
|
|
|
6905
6925
|
if (instance) {
|
|
6906
6926
|
visualState.onMount?.(instance);
|
|
6907
6927
|
}
|
|
6928
|
+
if (visualElement) {
|
|
6929
|
+
instance ? visualElement.mount(instance) : visualElement.unmount();
|
|
6930
|
+
}
|
|
6908
6931
|
const ref = externalRefContainer.current;
|
|
6909
6932
|
if (typeof ref === "function") {
|
|
6910
6933
|
if (instance) {
|
|
@@ -6921,19 +6944,16 @@ function useMotionRef(visualState, visualElement, externalRef) {
|
|
|
6921
6944
|
} else if (ref) {
|
|
6922
6945
|
ref.current = instance;
|
|
6923
6946
|
}
|
|
6924
|
-
if (visualElement) {
|
|
6925
|
-
instance ? visualElement.mount(instance) : visualElement.unmount();
|
|
6926
|
-
}
|
|
6927
6947
|
}, [visualElement]);
|
|
6928
6948
|
}
|
|
6929
6949
|
var SwitchLayoutGroupContext = React.createContext({});
|
|
6930
6950
|
|
|
6931
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6951
|
+
// ../../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
|
|
6932
6952
|
function isRefObject(ref) {
|
|
6933
6953
|
return ref && typeof ref === "object" && Object.prototype.hasOwnProperty.call(ref, "current");
|
|
6934
6954
|
}
|
|
6935
6955
|
|
|
6936
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6956
|
+
// ../../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
|
|
6937
6957
|
function useVisualElement(Component2, visualState, props, createVisualElement, ProjectionNodeConstructor, isSVG) {
|
|
6938
6958
|
const { visualElement: parent } = React.useContext(MotionContext);
|
|
6939
6959
|
const lazyContext = React.useContext(LazyContext);
|
|
@@ -7029,7 +7049,7 @@ function getClosestProjectingNode(visualElement) {
|
|
|
7029
7049
|
return visualElement.options.allowProjection !== false ? visualElement.projection : getClosestProjectingNode(visualElement.parent);
|
|
7030
7050
|
}
|
|
7031
7051
|
|
|
7032
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7052
|
+
// ../../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
|
|
7033
7053
|
function createMotionComponent(Component2, { forwardMotionProps = false, type } = {}, preloadedFeatures, createVisualElement) {
|
|
7034
7054
|
preloadedFeatures && loadFeatures(preloadedFeatures);
|
|
7035
7055
|
const isSVG = type ? type === "svg" : isSVGComponent(Component2);
|
|
@@ -7041,7 +7061,7 @@ function createMotionComponent(Component2, { forwardMotionProps = false, type }
|
|
|
7041
7061
|
...props,
|
|
7042
7062
|
layoutId: useLayoutId(props)
|
|
7043
7063
|
};
|
|
7044
|
-
const { isStatic } = configAndProps;
|
|
7064
|
+
const { isStatic, isValidProp } = configAndProps;
|
|
7045
7065
|
const context = useCreateMotionContext(props);
|
|
7046
7066
|
const visualState = useVisualState(props, isStatic);
|
|
7047
7067
|
if (!isStatic && typeof window !== "undefined") {
|
|
@@ -7050,7 +7070,7 @@ function createMotionComponent(Component2, { forwardMotionProps = false, type }
|
|
|
7050
7070
|
MeasureLayout2 = layoutProjection.MeasureLayout;
|
|
7051
7071
|
context.visualElement = useVisualElement(Component2, visualState, configAndProps, createVisualElement, layoutProjection.ProjectionNode, isSVG);
|
|
7052
7072
|
}
|
|
7053
|
-
return jsxRuntime.jsxs(MotionContext.Provider, { value: context, children: [MeasureLayout2 && context.visualElement ? jsxRuntime.jsx(MeasureLayout2, { visualElement: context.visualElement, ...configAndProps }) : null, useRender(Component2, props, useMotionRef(visualState, context.visualElement, externalRef), visualState, isStatic, forwardMotionProps, isSVG)] });
|
|
7073
|
+
return jsxRuntime.jsxs(MotionContext.Provider, { value: context, children: [MeasureLayout2 && context.visualElement ? jsxRuntime.jsx(MeasureLayout2, { visualElement: context.visualElement, ...configAndProps }) : null, useRender(Component2, props, useMotionRef(visualState, context.visualElement, externalRef), visualState, isStatic, forwardMotionProps, isSVG, isValidProp)] });
|
|
7054
7074
|
}
|
|
7055
7075
|
MotionDOMComponent.displayName = `motion.${typeof Component2 === "string" ? Component2 : `create(${Component2.displayName ?? Component2.name ?? ""})`}`;
|
|
7056
7076
|
const ForwardRefMotionComponent = React.forwardRef(MotionDOMComponent);
|
|
@@ -7080,7 +7100,7 @@ function getProjectionFunctionality(props) {
|
|
|
7080
7100
|
};
|
|
7081
7101
|
}
|
|
7082
7102
|
|
|
7083
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7103
|
+
// ../../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
|
|
7084
7104
|
function createMotionProxy(preloadedFeatures, createVisualElement) {
|
|
7085
7105
|
if (typeof Proxy === "undefined") {
|
|
7086
7106
|
return createMotionComponent;
|
|
@@ -7118,7 +7138,7 @@ var createDomVisualElement = (Component2, options) => {
|
|
|
7118
7138
|
});
|
|
7119
7139
|
};
|
|
7120
7140
|
|
|
7121
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7141
|
+
// ../../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
|
|
7122
7142
|
var AnimationFeature = class extends Feature {
|
|
7123
7143
|
/**
|
|
7124
7144
|
* We dynamically generate the AnimationState manager as it contains a reference
|
|
@@ -7154,7 +7174,7 @@ var AnimationFeature = class extends Feature {
|
|
|
7154
7174
|
}
|
|
7155
7175
|
};
|
|
7156
7176
|
|
|
7157
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7177
|
+
// ../../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
|
|
7158
7178
|
var id2 = 0;
|
|
7159
7179
|
var ExitAnimationFeature = class extends Feature {
|
|
7160
7180
|
constructor() {
|
|
@@ -7173,7 +7193,7 @@ var ExitAnimationFeature = class extends Feature {
|
|
|
7173
7193
|
if (isPresent && prevIsPresent === false) {
|
|
7174
7194
|
if (this.isExitComplete) {
|
|
7175
7195
|
const { initial, custom } = this.node.getProps();
|
|
7176
|
-
if (typeof initial === "string") {
|
|
7196
|
+
if (typeof initial === "string" || typeof initial === "object" && initial !== null && !Array.isArray(initial)) {
|
|
7177
7197
|
const resolved = resolveVariant(this.node, initial, custom);
|
|
7178
7198
|
if (resolved) {
|
|
7179
7199
|
const { transition, transitionEnd, ...target } = resolved;
|
|
@@ -7211,7 +7231,7 @@ var ExitAnimationFeature = class extends Feature {
|
|
|
7211
7231
|
}
|
|
7212
7232
|
};
|
|
7213
7233
|
|
|
7214
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7234
|
+
// ../../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
|
|
7215
7235
|
var animations = {
|
|
7216
7236
|
animation: {
|
|
7217
7237
|
Feature: AnimationFeature
|
|
@@ -7221,7 +7241,7 @@ var animations = {
|
|
|
7221
7241
|
}
|
|
7222
7242
|
};
|
|
7223
7243
|
|
|
7224
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7244
|
+
// ../../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
|
|
7225
7245
|
function extractEventInfo(event) {
|
|
7226
7246
|
return {
|
|
7227
7247
|
point: {
|
|
@@ -7232,17 +7252,17 @@ function extractEventInfo(event) {
|
|
|
7232
7252
|
}
|
|
7233
7253
|
var addPointerInfo = (handler) => (event) => isPrimaryPointer(event) && handler(event, extractEventInfo(event));
|
|
7234
7254
|
|
|
7235
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7255
|
+
// ../../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
|
|
7236
7256
|
function addPointerEvent(target, eventName, handler, options) {
|
|
7237
7257
|
return addDomEvent(target, eventName, addPointerInfo(handler), options);
|
|
7238
7258
|
}
|
|
7239
7259
|
|
|
7240
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7260
|
+
// ../../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
|
|
7241
7261
|
var getContextWindow = ({ current }) => {
|
|
7242
7262
|
return current ? current.ownerDocument.defaultView : null;
|
|
7243
7263
|
};
|
|
7244
7264
|
|
|
7245
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7265
|
+
// ../../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
|
|
7246
7266
|
var distance = (a, b) => Math.abs(a - b);
|
|
7247
7267
|
function distance2D(a, b) {
|
|
7248
7268
|
const xDelta = distance(a.x, b.x);
|
|
@@ -7250,7 +7270,7 @@ function distance2D(a, b) {
|
|
|
7250
7270
|
return Math.sqrt(xDelta ** 2 + yDelta ** 2);
|
|
7251
7271
|
}
|
|
7252
7272
|
|
|
7253
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7273
|
+
// ../../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
|
|
7254
7274
|
var overflowStyles = /* @__PURE__ */ new Set(["auto", "scroll"]);
|
|
7255
7275
|
var PanSession = class {
|
|
7256
7276
|
constructor(event, handlers, { transformPagePoint, contextWindow = window, dragSnapToOrigin = false, distanceThreshold = 3, element } = {}) {
|
|
@@ -7323,7 +7343,8 @@ var PanSession = class {
|
|
|
7323
7343
|
this.history = [{ ...point, timestamp }];
|
|
7324
7344
|
const { onSessionStart } = handlers;
|
|
7325
7345
|
onSessionStart && onSessionStart(event, getPanInfo(initialInfo, this.history));
|
|
7326
|
-
|
|
7346
|
+
const eventOptions = { passive: true, capture: true };
|
|
7347
|
+
this.removeListeners = pipe(addPointerEvent(this.contextWindow, "pointermove", this.handlePointerMove, eventOptions), addPointerEvent(this.contextWindow, "pointerup", this.handlePointerUp, eventOptions), addPointerEvent(this.contextWindow, "pointercancel", this.handlePointerUp, eventOptions));
|
|
7327
7348
|
if (element) {
|
|
7328
7349
|
this.startScrollTracking(element);
|
|
7329
7350
|
}
|
|
@@ -7457,7 +7478,7 @@ function getVelocity(history, timeDelta) {
|
|
|
7457
7478
|
return currentVelocity;
|
|
7458
7479
|
}
|
|
7459
7480
|
|
|
7460
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7481
|
+
// ../../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
|
|
7461
7482
|
function applyConstraints(point, { min, max }, elastic) {
|
|
7462
7483
|
if (min !== void 0 && point < min) {
|
|
7463
7484
|
point = elastic ? mixNumber(min, point, elastic.min) : Math.max(point, min);
|
|
@@ -7535,7 +7556,7 @@ function resolvePointElastic(dragElastic, label) {
|
|
|
7535
7556
|
return typeof dragElastic === "number" ? dragElastic : dragElastic[label] || 0;
|
|
7536
7557
|
}
|
|
7537
7558
|
|
|
7538
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7559
|
+
// ../../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
|
|
7539
7560
|
var elementDragControls = /* @__PURE__ */ new WeakMap();
|
|
7540
7561
|
var VisualElementDragControls = class {
|
|
7541
7562
|
constructor(visualElement) {
|
|
@@ -7736,6 +7757,10 @@ var VisualElementDragControls = class {
|
|
|
7736
7757
|
const { projection } = this.visualElement;
|
|
7737
7758
|
if (!projection || !projection.layout)
|
|
7738
7759
|
return false;
|
|
7760
|
+
if (projection.root) {
|
|
7761
|
+
projection.root.scroll = void 0;
|
|
7762
|
+
projection.root.updateScroll();
|
|
7763
|
+
}
|
|
7739
7764
|
const constraintsBox = measurePageBox(constraintsElement, projection.root, this.visualElement.getTransformPagePoint());
|
|
7740
7765
|
let measuredConstraints = calcViewportConstraints(projection.layout.layoutBox, constraintsBox);
|
|
7741
7766
|
if (onMeasureDragConstraints) {
|
|
@@ -7792,7 +7817,7 @@ var VisualElementDragControls = class {
|
|
|
7792
7817
|
const dragKey = `_drag${axis.toUpperCase()}`;
|
|
7793
7818
|
const props = this.visualElement.getProps();
|
|
7794
7819
|
const externalMotionValue = props[dragKey];
|
|
7795
|
-
return externalMotionValue ? externalMotionValue : this.visualElement.getValue(axis,
|
|
7820
|
+
return externalMotionValue ? externalMotionValue : this.visualElement.getValue(axis, this.visualElement.latestValues[axis] ?? 0);
|
|
7796
7821
|
}
|
|
7797
7822
|
snapToCursor(point) {
|
|
7798
7823
|
eachAxis((axis) => {
|
|
@@ -7940,7 +7965,7 @@ function getCurrentDirection(offset, lockThreshold = 10) {
|
|
|
7940
7965
|
return direction;
|
|
7941
7966
|
}
|
|
7942
7967
|
|
|
7943
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7968
|
+
// ../../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
|
|
7944
7969
|
var DragGesture = class extends Feature {
|
|
7945
7970
|
constructor(node) {
|
|
7946
7971
|
super(node);
|
|
@@ -7974,7 +7999,7 @@ var DragGesture = class extends Feature {
|
|
|
7974
7999
|
}
|
|
7975
8000
|
};
|
|
7976
8001
|
|
|
7977
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8002
|
+
// ../../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
|
|
7978
8003
|
var asyncHandler = (handler) => (event, info) => {
|
|
7979
8004
|
if (handler) {
|
|
7980
8005
|
frame.update(() => handler(event, info), false, true);
|
|
@@ -8117,7 +8142,7 @@ function MeasureLayout(props) {
|
|
|
8117
8142
|
return jsxRuntime.jsx(MeasureLayoutWithContext, { ...props, layoutGroup, switchLayoutGroup: React.useContext(SwitchLayoutGroupContext), isPresent, safeToRemove });
|
|
8118
8143
|
}
|
|
8119
8144
|
|
|
8120
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8145
|
+
// ../../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
|
|
8121
8146
|
var drag = {
|
|
8122
8147
|
pan: {
|
|
8123
8148
|
Feature: PanGesture
|
|
@@ -8129,7 +8154,7 @@ var drag = {
|
|
|
8129
8154
|
}
|
|
8130
8155
|
};
|
|
8131
8156
|
|
|
8132
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8157
|
+
// ../../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
|
|
8133
8158
|
function handleHoverEvent(node, event, lifecycle) {
|
|
8134
8159
|
const { props } = node;
|
|
8135
8160
|
if (node.animationState && props.whileHover) {
|
|
@@ -8155,7 +8180,7 @@ var HoverGesture = class extends Feature {
|
|
|
8155
8180
|
}
|
|
8156
8181
|
};
|
|
8157
8182
|
|
|
8158
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8183
|
+
// ../../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
|
|
8159
8184
|
var FocusGesture = class extends Feature {
|
|
8160
8185
|
constructor() {
|
|
8161
8186
|
super(...arguments);
|
|
@@ -8186,7 +8211,7 @@ var FocusGesture = class extends Feature {
|
|
|
8186
8211
|
}
|
|
8187
8212
|
};
|
|
8188
8213
|
|
|
8189
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8214
|
+
// ../../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
|
|
8190
8215
|
function handlePressEvent(node, event, lifecycle) {
|
|
8191
8216
|
const { props } = node;
|
|
8192
8217
|
if (node.current instanceof HTMLButtonElement && node.current.disabled) {
|
|
@@ -8219,7 +8244,7 @@ var PressGesture = class extends Feature {
|
|
|
8219
8244
|
}
|
|
8220
8245
|
};
|
|
8221
8246
|
|
|
8222
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8247
|
+
// ../../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
|
|
8223
8248
|
var observerCallbacks = /* @__PURE__ */ new WeakMap();
|
|
8224
8249
|
var observers = /* @__PURE__ */ new WeakMap();
|
|
8225
8250
|
var fireObserverCallback = (entry) => {
|
|
@@ -8251,7 +8276,7 @@ function observeIntersection(element, options, callback) {
|
|
|
8251
8276
|
};
|
|
8252
8277
|
}
|
|
8253
8278
|
|
|
8254
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8279
|
+
// ../../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
|
|
8255
8280
|
var thresholdNames = {
|
|
8256
8281
|
some: 0,
|
|
8257
8282
|
all: 1
|
|
@@ -8312,7 +8337,7 @@ function hasViewportOptionChanged({ viewport = {} }, { viewport: prevViewport =
|
|
|
8312
8337
|
return (name) => viewport[name] !== prevViewport[name];
|
|
8313
8338
|
}
|
|
8314
8339
|
|
|
8315
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8340
|
+
// ../../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
|
|
8316
8341
|
var gestureAnimations = {
|
|
8317
8342
|
inView: {
|
|
8318
8343
|
Feature: InViewFeature
|
|
@@ -8328,7 +8353,7 @@ var gestureAnimations = {
|
|
|
8328
8353
|
}
|
|
8329
8354
|
};
|
|
8330
8355
|
|
|
8331
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8356
|
+
// ../../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
|
|
8332
8357
|
var layout = {
|
|
8333
8358
|
layout: {
|
|
8334
8359
|
ProjectionNode: HTMLProjectionNode,
|
|
@@ -8336,7 +8361,7 @@ var layout = {
|
|
|
8336
8361
|
}
|
|
8337
8362
|
};
|
|
8338
8363
|
|
|
8339
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8364
|
+
// ../../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
|
|
8340
8365
|
var featureBundle = {
|
|
8341
8366
|
...animations,
|
|
8342
8367
|
...gestureAnimations,
|
|
@@ -8344,8 +8369,11 @@ var featureBundle = {
|
|
|
8344
8369
|
...layout
|
|
8345
8370
|
};
|
|
8346
8371
|
|
|
8347
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8372
|
+
// ../../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
|
|
8348
8373
|
var motion = /* @__PURE__ */ createMotionProxy(featureBundle, createDomVisualElement);
|
|
8374
|
+
|
|
8375
|
+
// ../../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
|
|
8376
|
+
var motion2 = motion;
|
|
8349
8377
|
var marquee3DVariants = ui.variants(
|
|
8350
8378
|
[
|
|
8351
8379
|
"relative overflow-hidden whitespace-nowrap",
|
|
@@ -8523,7 +8551,7 @@ var Marquee3D = React__namespace.forwardRef(
|
|
|
8523
8551
|
},
|
|
8524
8552
|
...props,
|
|
8525
8553
|
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
8526
|
-
|
|
8554
|
+
motion2.div,
|
|
8527
8555
|
{
|
|
8528
8556
|
ref: contentRef,
|
|
8529
8557
|
className: ui.cn(
|
|
@@ -8642,7 +8670,7 @@ Marquee3DPreset.Glass.displayName = "Marquee3DPreset.Glass";
|
|
|
8642
8670
|
var Marquee3DFloating = React__namespace.forwardRef(({ children, floatIntensity = 10, floatSpeed = 3, ...props }, ref) => {
|
|
8643
8671
|
const text = typeof children === "string" ? children : "";
|
|
8644
8672
|
return /* @__PURE__ */ jsxRuntime.jsx(Marquee3D, { ref, ...props, children: text ? /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "flex space-x-1", children: text.split("").map((char, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
8645
|
-
|
|
8673
|
+
motion2.span,
|
|
8646
8674
|
{
|
|
8647
8675
|
className: "inline-block",
|
|
8648
8676
|
animate: {
|