@luxfi/ui 8.2.12 → 8.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/3d-carousel.d.ts +2 -1
- package/dist/3d-carousel.d.ts.map +1 -1
- package/dist/3d-marquee.cjs +635 -607
- package/dist/3d-marquee.js +635 -607
- package/dist/animated-background.cjs +643 -615
- package/dist/animated-background.js +643 -615
- package/dist/animated-beam.cjs +634 -606
- package/dist/animated-beam.js +634 -606
- package/dist/animated-icon.cjs +672 -625
- package/dist/animated-icon.js +672 -625
- package/dist/animated-list.cjs +794 -663
- package/dist/animated-list.js +794 -663
- package/dist/animated-number.cjs +644 -616
- package/dist/animated-number.js +644 -616
- package/dist/animated-testimonials.cjs +668 -621
- package/dist/animated-testimonials.js +668 -621
- package/dist/animated-text.cjs +675 -628
- package/dist/animated-text.js +675 -628
- package/dist/animated-tooltip.cjs +668 -621
- package/dist/animated-tooltip.js +668 -621
- package/dist/apple-cards-carousel.cjs +676 -629
- package/dist/apple-cards-carousel.js +676 -629
- package/dist/apple-hello-effect.cjs +634 -606
- package/dist/apple-hello-effect.js +634 -606
- package/dist/calendar.cjs +2 -37
- package/dist/calendar.d.ts +11 -1
- package/dist/calendar.d.ts.map +1 -1
- package/dist/calendar.js +3 -38
- package/dist/dock.cjs +645 -617
- package/dist/dock.js +645 -617
- package/dist/image-zoom.d.ts +3 -2
- package/dist/image-zoom.d.ts.map +1 -1
- package/dist/input-otp.d.ts +4 -2
- package/dist/input-otp.d.ts.map +1 -1
- package/dist/pulse-animation.cjs +636 -608
- package/dist/pulse-animation.js +636 -608
- package/dist/resizable.cjs +4 -24
- package/dist/resizable.d.ts +12 -12
- package/dist/resizable.d.ts.map +1 -1
- package/dist/resizable.js +4 -4
- package/dist/reveal-animation.cjs +639 -611
- package/dist/reveal-animation.js +639 -611
- package/dist/site/site-def/footer/company.d.ts +3 -3
- package/package.json +37 -37
- package/src/3d-carousel.tsx +2 -2
- package/src/calendar.tsx +12 -43
- package/src/image-zoom.tsx +2 -2
- package/src/resizable.tsx +7 -7
- package/src/table.tsx +9 -9
- package/tokens.css +21 -0
package/dist/pulse-animation.cjs
CHANGED
|
@@ -7,12 +7,6 @@ var react = require('react');
|
|
|
7
7
|
var ui = require('@hanzo/ui');
|
|
8
8
|
var jsxRuntime = require('react/jsx-runtime');
|
|
9
9
|
|
|
10
|
-
var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
|
|
11
|
-
get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
|
|
12
|
-
}) : x)(function(x) {
|
|
13
|
-
if (typeof require !== "undefined") return require.apply(this, arguments);
|
|
14
|
-
throw Error('Dynamic require of "' + x + '" is not supported');
|
|
15
|
-
});
|
|
16
10
|
var LayoutGroupContext = react.createContext({});
|
|
17
11
|
function useConstant(init) {
|
|
18
12
|
const ref = react.useRef(null);
|
|
@@ -22,14 +16,14 @@ function useConstant(init) {
|
|
|
22
16
|
return ref.current;
|
|
23
17
|
}
|
|
24
18
|
|
|
25
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
19
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/utils/is-browser.mjs
|
|
26
20
|
var isBrowser = typeof window !== "undefined";
|
|
27
21
|
|
|
28
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
22
|
+
// ../../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
|
|
29
23
|
var useIsomorphicLayoutEffect = isBrowser ? react.useLayoutEffect : react.useEffect;
|
|
30
24
|
var PresenceContext = /* @__PURE__ */ react.createContext(null);
|
|
31
25
|
|
|
32
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
26
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/array.mjs
|
|
33
27
|
function addUniqueItem(arr, item) {
|
|
34
28
|
if (arr.indexOf(item) === -1)
|
|
35
29
|
arr.push(item);
|
|
@@ -40,7 +34,7 @@ function removeItem(arr, item) {
|
|
|
40
34
|
arr.splice(index, 1);
|
|
41
35
|
}
|
|
42
36
|
|
|
43
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
37
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/clamp.mjs
|
|
44
38
|
var clamp = (min, max, v) => {
|
|
45
39
|
if (v > max)
|
|
46
40
|
return max;
|
|
@@ -49,12 +43,12 @@ var clamp = (min, max, v) => {
|
|
|
49
43
|
return v;
|
|
50
44
|
};
|
|
51
45
|
|
|
52
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
46
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/format-error-message.mjs
|
|
53
47
|
function formatErrorMessage(message, errorCode) {
|
|
54
48
|
return errorCode ? `${message}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${errorCode}` : message;
|
|
55
49
|
}
|
|
56
50
|
|
|
57
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
51
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/errors.mjs
|
|
58
52
|
var warning = () => {
|
|
59
53
|
};
|
|
60
54
|
var invariant = () => {
|
|
@@ -72,21 +66,19 @@ if (typeof process !== "undefined" && process.env?.NODE_ENV !== "production") {
|
|
|
72
66
|
};
|
|
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/global-config.mjs
|
|
76
70
|
var MotionGlobalConfig = {};
|
|
77
71
|
|
|
78
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
72
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/is-numerical-string.mjs
|
|
79
73
|
var isNumericalString = (v) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(v);
|
|
80
74
|
|
|
81
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
82
|
-
|
|
83
|
-
return typeof value === "object" && value !== null;
|
|
84
|
-
}
|
|
75
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/is-object.mjs
|
|
76
|
+
var isObject = (value) => typeof value === "object" && value !== null;
|
|
85
77
|
|
|
86
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
78
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/is-zero-value-string.mjs
|
|
87
79
|
var isZeroValueString = (v) => /^0[^.\s]+$/u.test(v);
|
|
88
80
|
|
|
89
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
81
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/memo.mjs
|
|
90
82
|
// @__NO_SIDE_EFFECTS__
|
|
91
83
|
function memo(callback) {
|
|
92
84
|
let result;
|
|
@@ -97,20 +89,19 @@ function memo(callback) {
|
|
|
97
89
|
};
|
|
98
90
|
}
|
|
99
91
|
|
|
100
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
92
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/noop.mjs
|
|
101
93
|
var noop = /* @__NO_SIDE_EFFECTS__ */ (any) => any;
|
|
102
94
|
|
|
103
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
104
|
-
var
|
|
105
|
-
var pipe = (...transformers) => transformers.reduce(combineFunctions);
|
|
95
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/pipe.mjs
|
|
96
|
+
var pipe = (...transformers) => transformers.reduce((a, b) => (v) => b(a(v)));
|
|
106
97
|
|
|
107
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
98
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/progress.mjs
|
|
108
99
|
var progress = /* @__NO_SIDE_EFFECTS__ */ (from, to, value) => {
|
|
109
|
-
const
|
|
110
|
-
return
|
|
100
|
+
const range = to - from;
|
|
101
|
+
return range ? (value - from) / range : 1;
|
|
111
102
|
};
|
|
112
103
|
|
|
113
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
104
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/subscription-manager.mjs
|
|
114
105
|
var SubscriptionManager = class {
|
|
115
106
|
constructor() {
|
|
116
107
|
this.subscriptions = [];
|
|
@@ -140,16 +131,14 @@ var SubscriptionManager = class {
|
|
|
140
131
|
}
|
|
141
132
|
};
|
|
142
133
|
|
|
143
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
134
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/time-conversion.mjs
|
|
144
135
|
var secondsToMilliseconds = /* @__NO_SIDE_EFFECTS__ */ (seconds) => seconds * 1e3;
|
|
145
136
|
var millisecondsToSeconds = /* @__NO_SIDE_EFFECTS__ */ (milliseconds) => milliseconds / 1e3;
|
|
146
137
|
|
|
147
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
148
|
-
|
|
149
|
-
return frameDuration ? velocity * (1e3 / frameDuration) : 0;
|
|
150
|
-
}
|
|
138
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/velocity-per-second.mjs
|
|
139
|
+
var velocityPerSecond = /* @__NO_SIDE_EFFECTS__ */ (velocity, frameDuration) => frameDuration ? velocity * (1e3 / frameDuration) : 0;
|
|
151
140
|
|
|
152
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
141
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/warn-once.mjs
|
|
153
142
|
var warned = /* @__PURE__ */ new Set();
|
|
154
143
|
function warnOnce(condition, message, errorCode) {
|
|
155
144
|
if (condition || warned.has(message))
|
|
@@ -158,7 +147,7 @@ function warnOnce(condition, message, errorCode) {
|
|
|
158
147
|
warned.add(message);
|
|
159
148
|
}
|
|
160
149
|
|
|
161
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
150
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/cubic-bezier.mjs
|
|
162
151
|
var calcBezier = (t, a1, a2) => (((1 - 3 * a2 + 3 * a1) * t + (3 * a2 - 6 * a1)) * t + 3 * a1) * t;
|
|
163
152
|
var subdivisionPrecision = 1e-7;
|
|
164
153
|
var subdivisionMaxIterations = 12;
|
|
@@ -177,6 +166,7 @@ function binarySubdivide(x, lowerBound, upperBound, mX1, mX2) {
|
|
|
177
166
|
} while (Math.abs(currentX) > subdivisionPrecision && ++i < subdivisionMaxIterations);
|
|
178
167
|
return currentT;
|
|
179
168
|
}
|
|
169
|
+
// @__NO_SIDE_EFFECTS__
|
|
180
170
|
function cubicBezier(mX1, mY1, mX2, mY2) {
|
|
181
171
|
if (mX1 === mY1 && mX2 === mY2)
|
|
182
172
|
return noop;
|
|
@@ -184,39 +174,39 @@ function cubicBezier(mX1, mY1, mX2, mY2) {
|
|
|
184
174
|
return (t) => t === 0 || t === 1 ? t : calcBezier(getTForX(t), mY1, mY2);
|
|
185
175
|
}
|
|
186
176
|
|
|
187
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
188
|
-
var mirrorEasing = (easing) => (p) => p <= 0.5 ? easing(2 * p) / 2 : (2 - easing(2 * (1 - p))) / 2;
|
|
177
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/modifiers/mirror.mjs
|
|
178
|
+
var mirrorEasing = /* @__NO_SIDE_EFFECTS__ */ (easing) => (p) => p <= 0.5 ? easing(2 * p) / 2 : (2 - easing(2 * (1 - p))) / 2;
|
|
189
179
|
|
|
190
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
191
|
-
var reverseEasing = (easing) => (p) => 1 - easing(1 - p);
|
|
180
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/modifiers/reverse.mjs
|
|
181
|
+
var reverseEasing = /* @__NO_SIDE_EFFECTS__ */ (easing) => (p) => 1 - easing(1 - p);
|
|
192
182
|
|
|
193
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
183
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/back.mjs
|
|
194
184
|
var backOut = /* @__PURE__ */ cubicBezier(0.33, 1.53, 0.69, 0.99);
|
|
195
185
|
var backIn = /* @__PURE__ */ reverseEasing(backOut);
|
|
196
186
|
var backInOut = /* @__PURE__ */ mirrorEasing(backIn);
|
|
197
187
|
|
|
198
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
188
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/anticipate.mjs
|
|
199
189
|
var anticipate = (p) => p >= 1 ? 1 : (p *= 2) < 1 ? 0.5 * backIn(p) : 0.5 * (2 - Math.pow(2, -10 * (p - 1)));
|
|
200
190
|
|
|
201
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
191
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/circ.mjs
|
|
202
192
|
var circIn = (p) => 1 - Math.sin(Math.acos(p));
|
|
203
193
|
var circOut = reverseEasing(circIn);
|
|
204
194
|
var circInOut = mirrorEasing(circIn);
|
|
205
195
|
|
|
206
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
196
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/ease.mjs
|
|
207
197
|
var easeIn = /* @__PURE__ */ cubicBezier(0.42, 0, 1, 1);
|
|
208
198
|
var easeOut = /* @__PURE__ */ cubicBezier(0, 0, 0.58, 1);
|
|
209
199
|
var easeInOut = /* @__PURE__ */ cubicBezier(0.42, 0, 0.58, 1);
|
|
210
200
|
|
|
211
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
212
|
-
var isEasingArray = (ease2) => {
|
|
201
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/utils/is-easing-array.mjs
|
|
202
|
+
var isEasingArray = /* @__NO_SIDE_EFFECTS__ */ (ease2) => {
|
|
213
203
|
return Array.isArray(ease2) && typeof ease2[0] !== "number";
|
|
214
204
|
};
|
|
215
205
|
|
|
216
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
217
|
-
var isBezierDefinition = (easing) => Array.isArray(easing) && typeof easing[0] === "number";
|
|
206
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/utils/is-bezier-definition.mjs
|
|
207
|
+
var isBezierDefinition = /* @__NO_SIDE_EFFECTS__ */ (easing) => Array.isArray(easing) && typeof easing[0] === "number";
|
|
218
208
|
|
|
219
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
209
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/utils/map.mjs
|
|
220
210
|
var easingLookup = {
|
|
221
211
|
linear: noop,
|
|
222
212
|
easeIn,
|
|
@@ -245,7 +235,7 @@ var easingDefinitionToFunction = (definition) => {
|
|
|
245
235
|
return definition;
|
|
246
236
|
};
|
|
247
237
|
|
|
248
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
238
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/frameloop/order.mjs
|
|
249
239
|
var stepsOrder = [
|
|
250
240
|
"setup",
|
|
251
241
|
// Compute
|
|
@@ -265,8 +255,8 @@ var stepsOrder = [
|
|
|
265
255
|
// Compute
|
|
266
256
|
];
|
|
267
257
|
|
|
268
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
269
|
-
function createRenderStep(runNextFrame
|
|
258
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/frameloop/render-step.mjs
|
|
259
|
+
function createRenderStep(runNextFrame) {
|
|
270
260
|
let thisFrame = /* @__PURE__ */ new Set();
|
|
271
261
|
let nextFrame = /* @__PURE__ */ new Set();
|
|
272
262
|
let isProcessing = false;
|
|
@@ -328,7 +318,7 @@ function createRenderStep(runNextFrame, stepName) {
|
|
|
328
318
|
return step;
|
|
329
319
|
}
|
|
330
320
|
|
|
331
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
321
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/frameloop/batcher.mjs
|
|
332
322
|
var maxElapsed = 40;
|
|
333
323
|
function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
|
|
334
324
|
let runNextFrame = false;
|
|
@@ -391,10 +381,10 @@ function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
|
|
|
391
381
|
return { schedule, cancel, state, steps };
|
|
392
382
|
}
|
|
393
383
|
|
|
394
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
384
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/frameloop/frame.mjs
|
|
395
385
|
var { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
|
|
396
386
|
|
|
397
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
387
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/frameloop/sync-time.mjs
|
|
398
388
|
var now;
|
|
399
389
|
function clearTime() {
|
|
400
390
|
now = void 0;
|
|
@@ -412,7 +402,7 @@ var time = {
|
|
|
412
402
|
}
|
|
413
403
|
};
|
|
414
404
|
|
|
415
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
405
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/is-css-variable.mjs
|
|
416
406
|
var checkStringStartsWith = (token) => (key) => typeof key === "string" && key.startsWith(token);
|
|
417
407
|
var isCSSVariableName = /* @__PURE__ */ checkStringStartsWith("--");
|
|
418
408
|
var startsAsVariableToken = /* @__PURE__ */ checkStringStartsWith("var(--");
|
|
@@ -429,7 +419,7 @@ function containsCSSVariable(value) {
|
|
|
429
419
|
return value.split("/*")[0].includes("var(--");
|
|
430
420
|
}
|
|
431
421
|
|
|
432
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
422
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/numbers/index.mjs
|
|
433
423
|
var number = {
|
|
434
424
|
test: (v) => typeof v === "number",
|
|
435
425
|
parse: parseFloat,
|
|
@@ -444,21 +434,21 @@ var scale = {
|
|
|
444
434
|
default: 1
|
|
445
435
|
};
|
|
446
436
|
|
|
447
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
437
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/sanitize.mjs
|
|
448
438
|
var sanitize = (v) => Math.round(v * 1e5) / 1e5;
|
|
449
439
|
|
|
450
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
440
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/float-regex.mjs
|
|
451
441
|
var floatRegex = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
|
|
452
442
|
|
|
453
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
443
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/is-nullish.mjs
|
|
454
444
|
function isNullish(v) {
|
|
455
445
|
return v == null;
|
|
456
446
|
}
|
|
457
447
|
|
|
458
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
448
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/single-color-regex.mjs
|
|
459
449
|
var singleColorRegex = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu;
|
|
460
450
|
|
|
461
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
451
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/utils.mjs
|
|
462
452
|
var isColorString = (type, testProp) => (v) => {
|
|
463
453
|
return Boolean(typeof v === "string" && singleColorRegex.test(v) && v.startsWith(type) || testProp && !isNullish(v) && Object.prototype.hasOwnProperty.call(v, testProp));
|
|
464
454
|
};
|
|
@@ -474,7 +464,7 @@ var splitColor = (aName, bName, cName) => (v) => {
|
|
|
474
464
|
};
|
|
475
465
|
};
|
|
476
466
|
|
|
477
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
467
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/rgba.mjs
|
|
478
468
|
var clampRgbUnit = (v) => clamp(0, 255, v);
|
|
479
469
|
var rgbUnit = {
|
|
480
470
|
...number,
|
|
@@ -486,7 +476,7 @@ var rgba = {
|
|
|
486
476
|
transform: ({ red, green, blue, alpha: alpha$1 = 1 }) => "rgba(" + rgbUnit.transform(red) + ", " + rgbUnit.transform(green) + ", " + rgbUnit.transform(blue) + ", " + sanitize(alpha.transform(alpha$1)) + ")"
|
|
487
477
|
};
|
|
488
478
|
|
|
489
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
479
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/hex.mjs
|
|
490
480
|
function parseHex(v) {
|
|
491
481
|
let r = "";
|
|
492
482
|
let g = "";
|
|
@@ -520,7 +510,7 @@ var hex = {
|
|
|
520
510
|
transform: rgba.transform
|
|
521
511
|
};
|
|
522
512
|
|
|
523
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
513
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/numbers/units.mjs
|
|
524
514
|
var createUnitType = /* @__NO_SIDE_EFFECTS__ */ (unit) => ({
|
|
525
515
|
test: (v) => typeof v === "string" && v.endsWith(unit) && v.split(" ").length === 1,
|
|
526
516
|
parse: parseFloat,
|
|
@@ -537,7 +527,7 @@ var progressPercentage = /* @__PURE__ */ (() => ({
|
|
|
537
527
|
transform: (v) => percent.transform(v * 100)
|
|
538
528
|
}))();
|
|
539
529
|
|
|
540
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
530
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/hsla.mjs
|
|
541
531
|
var hsla = {
|
|
542
532
|
test: /* @__PURE__ */ isColorString("hsl", "hue"),
|
|
543
533
|
parse: /* @__PURE__ */ splitColor("hue", "saturation", "lightness"),
|
|
@@ -546,7 +536,7 @@ var hsla = {
|
|
|
546
536
|
}
|
|
547
537
|
};
|
|
548
538
|
|
|
549
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
539
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/index.mjs
|
|
550
540
|
var color = {
|
|
551
541
|
test: (v) => rgba.test(v) || hex.test(v) || hsla.test(v),
|
|
552
542
|
parse: (v) => {
|
|
@@ -568,10 +558,10 @@ var color = {
|
|
|
568
558
|
}
|
|
569
559
|
};
|
|
570
560
|
|
|
571
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
561
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/color-regex.mjs
|
|
572
562
|
var colorRegex = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
|
|
573
563
|
|
|
574
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
564
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/complex/index.mjs
|
|
575
565
|
function test(v) {
|
|
576
566
|
return isNaN(v) && typeof v === "string" && (v.match(floatRegex)?.length || 0) + (v.match(colorRegex)?.length || 0) > 0;
|
|
577
567
|
}
|
|
@@ -656,7 +646,7 @@ var complex = {
|
|
|
656
646
|
getAnimatableNone
|
|
657
647
|
};
|
|
658
648
|
|
|
659
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
649
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/hsla-to-rgba.mjs
|
|
660
650
|
function hueToRgb(p, q, t) {
|
|
661
651
|
if (t < 0)
|
|
662
652
|
t += 1;
|
|
@@ -694,17 +684,17 @@ function hslaToRgba({ hue, saturation, lightness, alpha: alpha2 }) {
|
|
|
694
684
|
};
|
|
695
685
|
}
|
|
696
686
|
|
|
697
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
687
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/immediate.mjs
|
|
698
688
|
function mixImmediate(a, b) {
|
|
699
689
|
return (p) => p > 0 ? b : a;
|
|
700
690
|
}
|
|
701
691
|
|
|
702
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
692
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/number.mjs
|
|
703
693
|
var mixNumber = (from, to, progress2) => {
|
|
704
694
|
return from + (to - from) * progress2;
|
|
705
695
|
};
|
|
706
696
|
|
|
707
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
697
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/color.mjs
|
|
708
698
|
var mixLinearColor = (from, to, v) => {
|
|
709
699
|
const fromExpo = from * from;
|
|
710
700
|
const expo = v * (to * to - fromExpo) + fromExpo;
|
|
@@ -739,7 +729,7 @@ var mixColor = (from, to) => {
|
|
|
739
729
|
};
|
|
740
730
|
};
|
|
741
731
|
|
|
742
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
732
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/visibility.mjs
|
|
743
733
|
var invisibleValues = /* @__PURE__ */ new Set(["none", "hidden"]);
|
|
744
734
|
function mixVisibility(origin, target) {
|
|
745
735
|
if (invisibleValues.has(origin)) {
|
|
@@ -749,7 +739,7 @@ function mixVisibility(origin, target) {
|
|
|
749
739
|
}
|
|
750
740
|
}
|
|
751
741
|
|
|
752
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
742
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/complex.mjs
|
|
753
743
|
function mixNumber2(a, b) {
|
|
754
744
|
return (p) => mixNumber(a, b, p);
|
|
755
745
|
}
|
|
@@ -819,7 +809,7 @@ var mixComplex = (origin, target) => {
|
|
|
819
809
|
}
|
|
820
810
|
};
|
|
821
811
|
|
|
822
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
812
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/index.mjs
|
|
823
813
|
function mix(from, to, p) {
|
|
824
814
|
if (typeof from === "number" && typeof to === "number" && typeof p === "number") {
|
|
825
815
|
return mixNumber(from, to, p);
|
|
@@ -828,7 +818,7 @@ function mix(from, to, p) {
|
|
|
828
818
|
return mixer(from, to);
|
|
829
819
|
}
|
|
830
820
|
|
|
831
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
821
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/drivers/frame.mjs
|
|
832
822
|
var frameloopDriver = (update) => {
|
|
833
823
|
const passTimestamp = ({ timestamp }) => update(timestamp);
|
|
834
824
|
return {
|
|
@@ -842,7 +832,7 @@ var frameloopDriver = (update) => {
|
|
|
842
832
|
};
|
|
843
833
|
};
|
|
844
834
|
|
|
845
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
835
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/utils/linear.mjs
|
|
846
836
|
var generateLinearEasing = (easing, duration, resolution = 10) => {
|
|
847
837
|
let points = "";
|
|
848
838
|
const numPoints = Math.max(Math.round(duration / resolution), 2);
|
|
@@ -852,7 +842,7 @@ var generateLinearEasing = (easing, duration, resolution = 10) => {
|
|
|
852
842
|
return `linear(${points.substring(0, points.length - 2)})`;
|
|
853
843
|
};
|
|
854
844
|
|
|
855
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
845
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs
|
|
856
846
|
var maxGeneratorDuration = 2e4;
|
|
857
847
|
function calcGeneratorDuration(generator) {
|
|
858
848
|
let duration = 0;
|
|
@@ -865,7 +855,7 @@ function calcGeneratorDuration(generator) {
|
|
|
865
855
|
return duration >= maxGeneratorDuration ? Infinity : duration;
|
|
866
856
|
}
|
|
867
857
|
|
|
868
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
858
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs
|
|
869
859
|
function createGeneratorEasing(options, scale2 = 100, createGenerator) {
|
|
870
860
|
const generator = createGenerator({ ...options, keyframes: [0, scale2] });
|
|
871
861
|
const duration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);
|
|
@@ -878,7 +868,7 @@ function createGeneratorEasing(options, scale2 = 100, createGenerator) {
|
|
|
878
868
|
};
|
|
879
869
|
}
|
|
880
870
|
|
|
881
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
871
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/spring.mjs
|
|
882
872
|
var springDefaults = {
|
|
883
873
|
// Default spring physics
|
|
884
874
|
stiffness: 100,
|
|
@@ -1117,14 +1107,14 @@ spring.applyToOptions = (options) => {
|
|
|
1117
1107
|
return options;
|
|
1118
1108
|
};
|
|
1119
1109
|
|
|
1120
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1110
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/utils/velocity.mjs
|
|
1121
1111
|
var velocitySampleDuration = 5;
|
|
1122
1112
|
function getGeneratorVelocity(resolveValue, t, current) {
|
|
1123
1113
|
const prevT = Math.max(t - velocitySampleDuration, 0);
|
|
1124
1114
|
return velocityPerSecond(current - resolveValue(prevT), t - prevT);
|
|
1125
1115
|
}
|
|
1126
1116
|
|
|
1127
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1117
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/inertia.mjs
|
|
1128
1118
|
function inertia({ keyframes: keyframes2, velocity = 0, power = 0.8, timeConstant = 325, bounceDamping = 10, bounceStiffness = 500, modifyTarget, min, max, restDelta = 0.5, restSpeed }) {
|
|
1129
1119
|
const origin = keyframes2[0];
|
|
1130
1120
|
const state = {
|
|
@@ -1188,7 +1178,7 @@ function inertia({ keyframes: keyframes2, velocity = 0, power = 0.8, timeConstan
|
|
|
1188
1178
|
};
|
|
1189
1179
|
}
|
|
1190
1180
|
|
|
1191
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1181
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/interpolate.mjs
|
|
1192
1182
|
function createMixers(output, ease2, customMixer) {
|
|
1193
1183
|
const mixers = [];
|
|
1194
1184
|
const mixerFactory = customMixer || MotionGlobalConfig.mix || mix;
|
|
@@ -1233,7 +1223,7 @@ function interpolate(input, output, { clamp: isClamp = true, ease: ease2, mixer
|
|
|
1233
1223
|
return isClamp ? (v) => interpolator(clamp(input[0], input[inputLength - 1], v)) : interpolator;
|
|
1234
1224
|
}
|
|
1235
1225
|
|
|
1236
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1226
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/offsets/fill.mjs
|
|
1237
1227
|
function fillOffset(offset, remaining) {
|
|
1238
1228
|
const min = offset[offset.length - 1];
|
|
1239
1229
|
for (let i = 1; i <= remaining; i++) {
|
|
@@ -1242,19 +1232,19 @@ function fillOffset(offset, remaining) {
|
|
|
1242
1232
|
}
|
|
1243
1233
|
}
|
|
1244
1234
|
|
|
1245
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1235
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/offsets/default.mjs
|
|
1246
1236
|
function defaultOffset(arr) {
|
|
1247
1237
|
const offset = [0];
|
|
1248
1238
|
fillOffset(offset, arr.length - 1);
|
|
1249
1239
|
return offset;
|
|
1250
1240
|
}
|
|
1251
1241
|
|
|
1252
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1242
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/offsets/time.mjs
|
|
1253
1243
|
function convertOffsetToTimes(offset, duration) {
|
|
1254
1244
|
return offset.map((o) => o * duration);
|
|
1255
1245
|
}
|
|
1256
1246
|
|
|
1257
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1247
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/keyframes.mjs
|
|
1258
1248
|
function defaultEasing(values, easing) {
|
|
1259
1249
|
return values.map(() => easing || easeInOut).splice(0, values.length - 1);
|
|
1260
1250
|
}
|
|
@@ -1283,7 +1273,7 @@ function keyframes({ duration = 300, keyframes: keyframeValues, times, ease: eas
|
|
|
1283
1273
|
};
|
|
1284
1274
|
}
|
|
1285
1275
|
|
|
1286
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1276
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/get-final.mjs
|
|
1287
1277
|
var isNotNull = (value) => value !== null;
|
|
1288
1278
|
function getFinalKeyframe(keyframes2, { repeat, repeatType = "loop" }, finalKeyframe, speed = 1) {
|
|
1289
1279
|
const resolvedKeyframes = keyframes2.filter(isNotNull);
|
|
@@ -1292,7 +1282,7 @@ function getFinalKeyframe(keyframes2, { repeat, repeatType = "loop" }, finalKeyf
|
|
|
1292
1282
|
return !index || finalKeyframe === void 0 ? resolvedKeyframes[index] : finalKeyframe;
|
|
1293
1283
|
}
|
|
1294
1284
|
|
|
1295
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1285
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/replace-transition-type.mjs
|
|
1296
1286
|
var transitionTypeMap = {
|
|
1297
1287
|
decay: inertia,
|
|
1298
1288
|
inertia,
|
|
@@ -1306,7 +1296,7 @@ function replaceTransitionType(transition) {
|
|
|
1306
1296
|
}
|
|
1307
1297
|
}
|
|
1308
1298
|
|
|
1309
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1299
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/WithPromise.mjs
|
|
1310
1300
|
var WithPromise = class {
|
|
1311
1301
|
constructor() {
|
|
1312
1302
|
this.updateFinished();
|
|
@@ -1332,7 +1322,7 @@ var WithPromise = class {
|
|
|
1332
1322
|
}
|
|
1333
1323
|
};
|
|
1334
1324
|
|
|
1335
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1325
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/JSAnimation.mjs
|
|
1336
1326
|
var percentToProgress = (percent2) => percent2 / 100;
|
|
1337
1327
|
var JSAnimation = class extends WithPromise {
|
|
1338
1328
|
constructor(options) {
|
|
@@ -1611,14 +1601,14 @@ var JSAnimation = class extends WithPromise {
|
|
|
1611
1601
|
}
|
|
1612
1602
|
};
|
|
1613
1603
|
|
|
1614
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1604
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/utils/fill-wildcards.mjs
|
|
1615
1605
|
function fillWildcards(keyframes2) {
|
|
1616
1606
|
for (let i = 1; i < keyframes2.length; i++) {
|
|
1617
1607
|
keyframes2[i] ?? (keyframes2[i] = keyframes2[i - 1]);
|
|
1618
1608
|
}
|
|
1619
1609
|
}
|
|
1620
1610
|
|
|
1621
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1611
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/dom/parse-transform.mjs
|
|
1622
1612
|
var radToDeg = (rad) => rad * 180 / Math.PI;
|
|
1623
1613
|
var rotate = (v) => {
|
|
1624
1614
|
const angle = radToDeg(Math.atan2(v[1], v[0]));
|
|
@@ -1698,7 +1688,7 @@ function convertTransformToNumber(value) {
|
|
|
1698
1688
|
return parseFloat(value.trim());
|
|
1699
1689
|
}
|
|
1700
1690
|
|
|
1701
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1691
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/keys-transform.mjs
|
|
1702
1692
|
var transformPropOrder = [
|
|
1703
1693
|
"transformPerspective",
|
|
1704
1694
|
"x",
|
|
@@ -1718,9 +1708,9 @@ var transformPropOrder = [
|
|
|
1718
1708
|
"skewX",
|
|
1719
1709
|
"skewY"
|
|
1720
1710
|
];
|
|
1721
|
-
var transformProps = /* @__PURE__ */ (() => new Set(transformPropOrder))();
|
|
1711
|
+
var transformProps = /* @__PURE__ */ (() => /* @__PURE__ */ new Set([...transformPropOrder, "pathRotation"]))();
|
|
1722
1712
|
|
|
1723
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1713
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/utils/unit-conversion.mjs
|
|
1724
1714
|
var isNumOrPxType = (v) => v === number || v === px;
|
|
1725
1715
|
var transformKeys = /* @__PURE__ */ new Set(["x", "y", "z"]);
|
|
1726
1716
|
var nonTranslationalTransformKeys = transformPropOrder.filter((key) => !transformKeys.has(key));
|
|
@@ -1756,7 +1746,7 @@ var positionalValues = {
|
|
|
1756
1746
|
positionalValues.translateX = positionalValues.x;
|
|
1757
1747
|
positionalValues.translateY = positionalValues.y;
|
|
1758
1748
|
|
|
1759
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1749
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/KeyframesResolver.mjs
|
|
1760
1750
|
var toResolve = /* @__PURE__ */ new Set();
|
|
1761
1751
|
var isScheduled = false;
|
|
1762
1752
|
var anyNeedsMeasurement = false;
|
|
@@ -1882,27 +1872,27 @@ var KeyframeResolver = class {
|
|
|
1882
1872
|
}
|
|
1883
1873
|
};
|
|
1884
1874
|
|
|
1885
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1875
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/dom/is-css-var.mjs
|
|
1886
1876
|
var isCSSVar = (name) => name.startsWith("--");
|
|
1887
1877
|
|
|
1888
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1878
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/dom/style-set.mjs
|
|
1889
1879
|
function setStyle(element, name, value) {
|
|
1890
1880
|
isCSSVar(name) ? element.style.setProperty(name, value) : element.style[name] = value;
|
|
1891
1881
|
}
|
|
1892
1882
|
|
|
1893
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1883
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/supports/flags.mjs
|
|
1894
1884
|
var supportsFlags = {};
|
|
1895
1885
|
|
|
1896
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1886
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/supports/memo.mjs
|
|
1897
1887
|
function memoSupports(callback, supportsFlag) {
|
|
1898
1888
|
const memoized = memo(callback);
|
|
1899
1889
|
return () => supportsFlags[supportsFlag] ?? memoized();
|
|
1900
1890
|
}
|
|
1901
1891
|
|
|
1902
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1892
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/supports/scroll-timeline.mjs
|
|
1903
1893
|
var supportsScrollTimeline = /* @__PURE__ */ memoSupports(() => window.ScrollTimeline !== void 0, "scrollTimeline");
|
|
1904
1894
|
|
|
1905
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1895
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/supports/linear-easing.mjs
|
|
1906
1896
|
var supportsLinearEasing = /* @__PURE__ */ memoSupports(() => {
|
|
1907
1897
|
try {
|
|
1908
1898
|
document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
|
|
@@ -1912,10 +1902,10 @@ var supportsLinearEasing = /* @__PURE__ */ memoSupports(() => {
|
|
|
1912
1902
|
return true;
|
|
1913
1903
|
}, "linearEasing");
|
|
1914
1904
|
|
|
1915
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1905
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/easing/cubic-bezier.mjs
|
|
1916
1906
|
var cubicBezierAsString = ([a, b, c, d]) => `cubic-bezier(${a}, ${b}, ${c}, ${d})`;
|
|
1917
1907
|
|
|
1918
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1908
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/easing/supported.mjs
|
|
1919
1909
|
var supportedWaapiEasing = {
|
|
1920
1910
|
linear: "linear",
|
|
1921
1911
|
ease: "ease",
|
|
@@ -1928,7 +1918,7 @@ var supportedWaapiEasing = {
|
|
|
1928
1918
|
backOut: /* @__PURE__ */ cubicBezierAsString([0.33, 1.53, 0.69, 0.99])
|
|
1929
1919
|
};
|
|
1930
1920
|
|
|
1931
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1921
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/easing/map-easing.mjs
|
|
1932
1922
|
function mapEasingToNativeEasing(easing, duration) {
|
|
1933
1923
|
if (!easing) {
|
|
1934
1924
|
return void 0;
|
|
@@ -1943,7 +1933,7 @@ function mapEasingToNativeEasing(easing, duration) {
|
|
|
1943
1933
|
}
|
|
1944
1934
|
}
|
|
1945
1935
|
|
|
1946
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1936
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/start-waapi-animation.mjs
|
|
1947
1937
|
function startWaapiAnimation(element, valueName, keyframes2, { delay: delay2 = 0, duration = 300, repeat = 0, repeatType = "loop", ease: ease2 = "easeOut", times } = {}, pseudoElement = void 0) {
|
|
1948
1938
|
const keyframeOptions = {
|
|
1949
1939
|
[valueName]: keyframes2
|
|
@@ -1963,16 +1953,15 @@ function startWaapiAnimation(element, valueName, keyframes2, { delay: delay2 = 0
|
|
|
1963
1953
|
};
|
|
1964
1954
|
if (pseudoElement)
|
|
1965
1955
|
options.pseudoElement = pseudoElement;
|
|
1966
|
-
|
|
1967
|
-
return animation;
|
|
1956
|
+
return element.animate(keyframeOptions, options);
|
|
1968
1957
|
}
|
|
1969
1958
|
|
|
1970
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1959
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/utils/is-generator.mjs
|
|
1971
1960
|
function isGenerator(type) {
|
|
1972
1961
|
return typeof type === "function" && "applyToOptions" in type;
|
|
1973
1962
|
}
|
|
1974
1963
|
|
|
1975
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1964
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/utils/apply-generator.mjs
|
|
1976
1965
|
function applyGeneratorOptions({ type, ...options }) {
|
|
1977
1966
|
if (isGenerator(type) && supportsLinearEasing()) {
|
|
1978
1967
|
return type.applyToOptions(options);
|
|
@@ -1983,7 +1972,7 @@ function applyGeneratorOptions({ type, ...options }) {
|
|
|
1983
1972
|
return options;
|
|
1984
1973
|
}
|
|
1985
1974
|
|
|
1986
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1975
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/NativeAnimation.mjs
|
|
1987
1976
|
var NativeAnimation = class extends WithPromise {
|
|
1988
1977
|
constructor(options) {
|
|
1989
1978
|
super();
|
|
@@ -2133,7 +2122,7 @@ var NativeAnimation = class extends WithPromise {
|
|
|
2133
2122
|
}
|
|
2134
2123
|
};
|
|
2135
2124
|
|
|
2136
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2125
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/utils/unsupported-easing.mjs
|
|
2137
2126
|
var unsupportedEasingFunctions = {
|
|
2138
2127
|
anticipate,
|
|
2139
2128
|
backInOut,
|
|
@@ -2148,7 +2137,7 @@ function replaceStringEasing(transition) {
|
|
|
2148
2137
|
}
|
|
2149
2138
|
}
|
|
2150
2139
|
|
|
2151
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2140
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/NativeAnimationExtended.mjs
|
|
2152
2141
|
var sampleDelta = 10;
|
|
2153
2142
|
var NativeAnimationExtended = class extends NativeAnimation {
|
|
2154
2143
|
constructor(options) {
|
|
@@ -2191,7 +2180,7 @@ var NativeAnimationExtended = class extends NativeAnimation {
|
|
|
2191
2180
|
}
|
|
2192
2181
|
};
|
|
2193
2182
|
|
|
2194
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2183
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/is-animatable.mjs
|
|
2195
2184
|
var isAnimatable = (value, name) => {
|
|
2196
2185
|
if (name === "zIndex")
|
|
2197
2186
|
return false;
|
|
@@ -2205,7 +2194,7 @@ var isAnimatable = (value, name) => {
|
|
|
2205
2194
|
return false;
|
|
2206
2195
|
};
|
|
2207
2196
|
|
|
2208
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2197
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/can-animate.mjs
|
|
2209
2198
|
function hasKeyframesChanged(keyframes2) {
|
|
2210
2199
|
const current = keyframes2[0];
|
|
2211
2200
|
if (keyframes2.length === 1)
|
|
@@ -2232,24 +2221,22 @@ function canAnimate(keyframes2, name, type, velocity) {
|
|
|
2232
2221
|
return hasKeyframesChanged(keyframes2) || (type === "spring" || isGenerator(type)) && velocity;
|
|
2233
2222
|
}
|
|
2234
2223
|
|
|
2235
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2224
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/make-animation-instant.mjs
|
|
2236
2225
|
function makeAnimationInstant(options) {
|
|
2237
2226
|
options.duration = 0;
|
|
2238
2227
|
options.type = "keyframes";
|
|
2239
2228
|
}
|
|
2240
2229
|
|
|
2241
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2230
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/utils/accelerated-values.mjs
|
|
2242
2231
|
var acceleratedValues = /* @__PURE__ */ new Set([
|
|
2243
2232
|
"opacity",
|
|
2244
2233
|
"clipPath",
|
|
2245
2234
|
"filter",
|
|
2246
|
-
"transform"
|
|
2247
|
-
|
|
2248
|
-
// or until we implement support for linear() easing.
|
|
2249
|
-
// "background-color"
|
|
2235
|
+
"transform",
|
|
2236
|
+
"backgroundColor"
|
|
2250
2237
|
]);
|
|
2251
2238
|
|
|
2252
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2239
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/utils/is-browser-color.mjs
|
|
2253
2240
|
var browserColorFunctions = /^(?:oklch|oklab|lab|lch|color|color-mix|light-dark)\(/;
|
|
2254
2241
|
function hasBrowserOnlyColors(keyframes2) {
|
|
2255
2242
|
for (let i = 0; i < keyframes2.length; i++) {
|
|
@@ -2260,7 +2247,7 @@ function hasBrowserOnlyColors(keyframes2) {
|
|
|
2260
2247
|
return false;
|
|
2261
2248
|
}
|
|
2262
2249
|
|
|
2263
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2250
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/supports/waapi.mjs
|
|
2264
2251
|
var colorProperties = /* @__PURE__ */ new Set([
|
|
2265
2252
|
"color",
|
|
2266
2253
|
"backgroundColor",
|
|
@@ -2277,7 +2264,7 @@ var supportsWaapi = /* @__PURE__ */ memo(() => Object.hasOwnProperty.call(Elemen
|
|
|
2277
2264
|
function supportsBrowserAnimation(options) {
|
|
2278
2265
|
const { motionValue: motionValue2, name, repeatDelay, repeatType, damping, type, keyframes: keyframes2 } = options;
|
|
2279
2266
|
const subject = motionValue2?.owner?.current;
|
|
2280
|
-
if (!(subject instanceof HTMLElement)) {
|
|
2267
|
+
if (!(subject instanceof HTMLElement) && !(subject instanceof SVGElement)) {
|
|
2281
2268
|
return false;
|
|
2282
2269
|
}
|
|
2283
2270
|
const { onUpdate, transformTemplate } = motionValue2.owner.getProps();
|
|
@@ -2292,7 +2279,7 @@ function supportsBrowserAnimation(options) {
|
|
|
2292
2279
|
!onUpdate && !repeatDelay && repeatType !== "mirror" && damping !== 0 && type !== "inertia";
|
|
2293
2280
|
}
|
|
2294
2281
|
|
|
2295
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2282
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/AsyncMotionValueAnimation.mjs
|
|
2296
2283
|
var MAX_RESOLVE_DELAY = 40;
|
|
2297
2284
|
var AsyncMotionValueAnimation = class extends WithPromise {
|
|
2298
2285
|
constructor({ autoplay = true, delay: delay2 = 0, type = "keyframes", repeat = 0, repeatDelay = 0, repeatType = "loop", keyframes: keyframes2, name, motionValue: motionValue2, element, ...options }) {
|
|
@@ -2433,7 +2420,7 @@ var AsyncMotionValueAnimation = class extends WithPromise {
|
|
|
2433
2420
|
}
|
|
2434
2421
|
};
|
|
2435
2422
|
|
|
2436
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2423
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/calc-child-stagger.mjs
|
|
2437
2424
|
function calcChildStagger(children, child, delayChildren, staggerChildren = 0, staggerDirection = 1) {
|
|
2438
2425
|
const index = Array.from(children).sort((a, b) => a.sortNodePosition(b)).indexOf(child);
|
|
2439
2426
|
const numChildren = children.size;
|
|
@@ -2442,202 +2429,7 @@ function calcChildStagger(children, child, delayChildren, staggerChildren = 0, s
|
|
|
2442
2429
|
return delayIsFunction ? delayChildren(index, numChildren) : staggerDirection === 1 ? index * staggerChildren : maxStaggerDuration - index * staggerChildren;
|
|
2443
2430
|
}
|
|
2444
2431
|
|
|
2445
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2446
|
-
var splitCSSVariableRegex = (
|
|
2447
|
-
// eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
|
|
2448
|
-
/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
|
|
2449
|
-
);
|
|
2450
|
-
function parseCSSVariable(current) {
|
|
2451
|
-
const match = splitCSSVariableRegex.exec(current);
|
|
2452
|
-
if (!match)
|
|
2453
|
-
return [,];
|
|
2454
|
-
const [, token1, token2, fallback] = match;
|
|
2455
|
-
return [`--${token1 ?? token2}`, fallback];
|
|
2456
|
-
}
|
|
2457
|
-
var maxDepth = 4;
|
|
2458
|
-
function getVariableValue(current, element, depth = 1) {
|
|
2459
|
-
invariant(depth <= maxDepth, `Max CSS variable fallback depth detected in property "${current}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
|
|
2460
|
-
const [token, fallback] = parseCSSVariable(current);
|
|
2461
|
-
if (!token)
|
|
2462
|
-
return;
|
|
2463
|
-
const resolved = window.getComputedStyle(element).getPropertyValue(token);
|
|
2464
|
-
if (resolved) {
|
|
2465
|
-
const trimmed = resolved.trim();
|
|
2466
|
-
return isNumericalString(trimmed) ? parseFloat(trimmed) : trimmed;
|
|
2467
|
-
}
|
|
2468
|
-
return isCSSVariableToken(fallback) ? getVariableValue(fallback, element, depth + 1) : fallback;
|
|
2469
|
-
}
|
|
2470
|
-
|
|
2471
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/default-transitions.mjs
|
|
2472
|
-
var underDampedSpring = {
|
|
2473
|
-
type: "spring",
|
|
2474
|
-
stiffness: 500,
|
|
2475
|
-
damping: 25,
|
|
2476
|
-
restSpeed: 10
|
|
2477
|
-
};
|
|
2478
|
-
var criticallyDampedSpring = (target) => ({
|
|
2479
|
-
type: "spring",
|
|
2480
|
-
stiffness: 550,
|
|
2481
|
-
damping: target === 0 ? 2 * Math.sqrt(550) : 30,
|
|
2482
|
-
restSpeed: 10
|
|
2483
|
-
});
|
|
2484
|
-
var keyframesTransition = {
|
|
2485
|
-
type: "keyframes",
|
|
2486
|
-
duration: 0.8
|
|
2487
|
-
};
|
|
2488
|
-
var ease = {
|
|
2489
|
-
type: "keyframes",
|
|
2490
|
-
ease: [0.25, 0.1, 0.35, 1],
|
|
2491
|
-
duration: 0.3
|
|
2492
|
-
};
|
|
2493
|
-
var getDefaultTransition = (valueKey, { keyframes: keyframes2 }) => {
|
|
2494
|
-
if (keyframes2.length > 2) {
|
|
2495
|
-
return keyframesTransition;
|
|
2496
|
-
} else if (transformProps.has(valueKey)) {
|
|
2497
|
-
return valueKey.startsWith("scale") ? criticallyDampedSpring(keyframes2[1]) : underDampedSpring;
|
|
2498
|
-
}
|
|
2499
|
-
return ease;
|
|
2500
|
-
};
|
|
2501
|
-
|
|
2502
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/resolve-transition.mjs
|
|
2503
|
-
function resolveTransition(transition, parentTransition) {
|
|
2504
|
-
if (transition?.inherit && parentTransition) {
|
|
2505
|
-
const { inherit: _, ...rest } = transition;
|
|
2506
|
-
return { ...parentTransition, ...rest };
|
|
2507
|
-
}
|
|
2508
|
-
return transition;
|
|
2509
|
-
}
|
|
2510
|
-
|
|
2511
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/get-value-transition.mjs
|
|
2512
|
-
function getValueTransition(transition, key) {
|
|
2513
|
-
const valueTransition = transition?.[key] ?? transition?.["default"] ?? transition;
|
|
2514
|
-
if (valueTransition !== transition) {
|
|
2515
|
-
return resolveTransition(valueTransition, transition);
|
|
2516
|
-
}
|
|
2517
|
-
return valueTransition;
|
|
2518
|
-
}
|
|
2519
|
-
|
|
2520
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/is-transition-defined.mjs
|
|
2521
|
-
var orchestrationKeys = /* @__PURE__ */ new Set([
|
|
2522
|
-
"when",
|
|
2523
|
-
"delay",
|
|
2524
|
-
"delayChildren",
|
|
2525
|
-
"staggerChildren",
|
|
2526
|
-
"staggerDirection",
|
|
2527
|
-
"repeat",
|
|
2528
|
-
"repeatType",
|
|
2529
|
-
"repeatDelay",
|
|
2530
|
-
"from",
|
|
2531
|
-
"elapsed"
|
|
2532
|
-
]);
|
|
2533
|
-
function isTransitionDefined(transition) {
|
|
2534
|
-
for (const key in transition) {
|
|
2535
|
-
if (!orchestrationKeys.has(key))
|
|
2536
|
-
return true;
|
|
2537
|
-
}
|
|
2538
|
-
return false;
|
|
2539
|
-
}
|
|
2540
|
-
|
|
2541
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/interfaces/motion-value.mjs
|
|
2542
|
-
var animateMotionValue = (name, value, target, transition = {}, element, isHandoff) => (onComplete) => {
|
|
2543
|
-
const valueTransition = getValueTransition(transition, name) || {};
|
|
2544
|
-
const delay2 = valueTransition.delay || transition.delay || 0;
|
|
2545
|
-
let { elapsed = 0 } = transition;
|
|
2546
|
-
elapsed = elapsed - secondsToMilliseconds(delay2);
|
|
2547
|
-
const options = {
|
|
2548
|
-
keyframes: Array.isArray(target) ? target : [null, target],
|
|
2549
|
-
ease: "easeOut",
|
|
2550
|
-
velocity: value.getVelocity(),
|
|
2551
|
-
...valueTransition,
|
|
2552
|
-
delay: -elapsed,
|
|
2553
|
-
onUpdate: (v) => {
|
|
2554
|
-
value.set(v);
|
|
2555
|
-
valueTransition.onUpdate && valueTransition.onUpdate(v);
|
|
2556
|
-
},
|
|
2557
|
-
onComplete: () => {
|
|
2558
|
-
onComplete();
|
|
2559
|
-
valueTransition.onComplete && valueTransition.onComplete();
|
|
2560
|
-
},
|
|
2561
|
-
name,
|
|
2562
|
-
motionValue: value,
|
|
2563
|
-
element: isHandoff ? void 0 : element
|
|
2564
|
-
};
|
|
2565
|
-
if (!isTransitionDefined(valueTransition)) {
|
|
2566
|
-
Object.assign(options, getDefaultTransition(name, options));
|
|
2567
|
-
}
|
|
2568
|
-
options.duration && (options.duration = secondsToMilliseconds(options.duration));
|
|
2569
|
-
options.repeatDelay && (options.repeatDelay = secondsToMilliseconds(options.repeatDelay));
|
|
2570
|
-
if (options.from !== void 0) {
|
|
2571
|
-
options.keyframes[0] = options.from;
|
|
2572
|
-
}
|
|
2573
|
-
let shouldSkip = false;
|
|
2574
|
-
if (options.type === false || options.duration === 0 && !options.repeatDelay) {
|
|
2575
|
-
makeAnimationInstant(options);
|
|
2576
|
-
if (options.delay === 0) {
|
|
2577
|
-
shouldSkip = true;
|
|
2578
|
-
}
|
|
2579
|
-
}
|
|
2580
|
-
if (MotionGlobalConfig.instantAnimations || MotionGlobalConfig.skipAnimations || element?.shouldSkipAnimations) {
|
|
2581
|
-
shouldSkip = true;
|
|
2582
|
-
makeAnimationInstant(options);
|
|
2583
|
-
options.delay = 0;
|
|
2584
|
-
}
|
|
2585
|
-
options.allowFlatten = !valueTransition.type && !valueTransition.ease;
|
|
2586
|
-
if (shouldSkip && !isHandoff && value.get() !== void 0) {
|
|
2587
|
-
const finalKeyframe = getFinalKeyframe(options.keyframes, valueTransition);
|
|
2588
|
-
if (finalKeyframe !== void 0) {
|
|
2589
|
-
frame.update(() => {
|
|
2590
|
-
options.onUpdate(finalKeyframe);
|
|
2591
|
-
options.onComplete();
|
|
2592
|
-
});
|
|
2593
|
-
return;
|
|
2594
|
-
}
|
|
2595
|
-
}
|
|
2596
|
-
return valueTransition.isSync ? new JSAnimation(options) : new AsyncMotionValueAnimation(options);
|
|
2597
|
-
};
|
|
2598
|
-
|
|
2599
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/resolve-variants.mjs
|
|
2600
|
-
function getValueState(visualElement) {
|
|
2601
|
-
const state = [{}, {}];
|
|
2602
|
-
visualElement?.values.forEach((value, key) => {
|
|
2603
|
-
state[0][key] = value.get();
|
|
2604
|
-
state[1][key] = value.getVelocity();
|
|
2605
|
-
});
|
|
2606
|
-
return state;
|
|
2607
|
-
}
|
|
2608
|
-
function resolveVariantFromProps(props, definition, custom, visualElement) {
|
|
2609
|
-
if (typeof definition === "function") {
|
|
2610
|
-
const [current, velocity] = getValueState(visualElement);
|
|
2611
|
-
definition = definition(custom !== void 0 ? custom : props.custom, current, velocity);
|
|
2612
|
-
}
|
|
2613
|
-
if (typeof definition === "string") {
|
|
2614
|
-
definition = props.variants && props.variants[definition];
|
|
2615
|
-
}
|
|
2616
|
-
if (typeof definition === "function") {
|
|
2617
|
-
const [current, velocity] = getValueState(visualElement);
|
|
2618
|
-
definition = definition(custom !== void 0 ? custom : props.custom, current, velocity);
|
|
2619
|
-
}
|
|
2620
|
-
return definition;
|
|
2621
|
-
}
|
|
2622
|
-
|
|
2623
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/resolve-dynamic-variants.mjs
|
|
2624
|
-
function resolveVariant(visualElement, definition, custom) {
|
|
2625
|
-
const props = visualElement.getProps();
|
|
2626
|
-
return resolveVariantFromProps(props, definition, custom !== void 0 ? custom : props.custom, visualElement);
|
|
2627
|
-
}
|
|
2628
|
-
|
|
2629
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/keys-position.mjs
|
|
2630
|
-
var positionalKeys = /* @__PURE__ */ new Set([
|
|
2631
|
-
"width",
|
|
2632
|
-
"height",
|
|
2633
|
-
"top",
|
|
2634
|
-
"left",
|
|
2635
|
-
"right",
|
|
2636
|
-
"bottom",
|
|
2637
|
-
...transformPropOrder
|
|
2638
|
-
]);
|
|
2639
|
-
|
|
2640
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/index.mjs
|
|
2432
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/index.mjs
|
|
2641
2433
|
var MAX_VELOCITY_DELTA = 30;
|
|
2642
2434
|
var isFloat = (value) => {
|
|
2643
2435
|
return !isNaN(parseFloat(value));
|
|
@@ -2882,46 +2674,241 @@ var MotionValue = class {
|
|
|
2882
2674
|
}
|
|
2883
2675
|
this.clearAnimation();
|
|
2884
2676
|
}
|
|
2885
|
-
/**
|
|
2886
|
-
* Returns `true` if this value is currently animating.
|
|
2887
|
-
*
|
|
2888
|
-
* @public
|
|
2889
|
-
*/
|
|
2890
|
-
isAnimating() {
|
|
2891
|
-
return !!this.animation;
|
|
2677
|
+
/**
|
|
2678
|
+
* Returns `true` if this value is currently animating.
|
|
2679
|
+
*
|
|
2680
|
+
* @public
|
|
2681
|
+
*/
|
|
2682
|
+
isAnimating() {
|
|
2683
|
+
return !!this.animation;
|
|
2684
|
+
}
|
|
2685
|
+
clearAnimation() {
|
|
2686
|
+
delete this.animation;
|
|
2687
|
+
}
|
|
2688
|
+
/**
|
|
2689
|
+
* Destroy and clean up subscribers to this `MotionValue`.
|
|
2690
|
+
*
|
|
2691
|
+
* The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically
|
|
2692
|
+
* handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually
|
|
2693
|
+
* created a `MotionValue` via the `motionValue` function.
|
|
2694
|
+
*
|
|
2695
|
+
* @public
|
|
2696
|
+
*/
|
|
2697
|
+
destroy() {
|
|
2698
|
+
this.dependents?.clear();
|
|
2699
|
+
this.events.destroy?.notify();
|
|
2700
|
+
this.clearListeners();
|
|
2701
|
+
this.stop();
|
|
2702
|
+
if (this.stopPassiveEffect) {
|
|
2703
|
+
this.stopPassiveEffect();
|
|
2704
|
+
}
|
|
2705
|
+
}
|
|
2706
|
+
};
|
|
2707
|
+
function motionValue(init, options) {
|
|
2708
|
+
return new MotionValue(init, options);
|
|
2709
|
+
}
|
|
2710
|
+
|
|
2711
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/resolve-transition.mjs
|
|
2712
|
+
function resolveTransition(transition, parentTransition) {
|
|
2713
|
+
if (transition?.inherit && parentTransition) {
|
|
2714
|
+
const { inherit: _, ...rest } = transition;
|
|
2715
|
+
return { ...parentTransition, ...rest };
|
|
2716
|
+
}
|
|
2717
|
+
return transition;
|
|
2718
|
+
}
|
|
2719
|
+
|
|
2720
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/get-value-transition.mjs
|
|
2721
|
+
function getValueTransition(transition, key) {
|
|
2722
|
+
const valueTransition = transition?.[key] ?? transition?.["default"] ?? transition;
|
|
2723
|
+
if (valueTransition !== transition) {
|
|
2724
|
+
return resolveTransition(valueTransition, transition);
|
|
2725
|
+
}
|
|
2726
|
+
return valueTransition;
|
|
2727
|
+
}
|
|
2728
|
+
|
|
2729
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/default-transitions.mjs
|
|
2730
|
+
var underDampedSpring = {
|
|
2731
|
+
type: "spring",
|
|
2732
|
+
stiffness: 500,
|
|
2733
|
+
damping: 25,
|
|
2734
|
+
restSpeed: 10
|
|
2735
|
+
};
|
|
2736
|
+
var criticallyDampedSpring = (target) => ({
|
|
2737
|
+
type: "spring",
|
|
2738
|
+
stiffness: 550,
|
|
2739
|
+
damping: target === 0 ? 2 * Math.sqrt(550) : 30,
|
|
2740
|
+
restSpeed: 10
|
|
2741
|
+
});
|
|
2742
|
+
var keyframesTransition = {
|
|
2743
|
+
type: "keyframes",
|
|
2744
|
+
duration: 0.8
|
|
2745
|
+
};
|
|
2746
|
+
var ease = {
|
|
2747
|
+
type: "keyframes",
|
|
2748
|
+
ease: [0.25, 0.1, 0.35, 1],
|
|
2749
|
+
duration: 0.3
|
|
2750
|
+
};
|
|
2751
|
+
var getDefaultTransition = (valueKey, { keyframes: keyframes2 }) => {
|
|
2752
|
+
if (keyframes2.length > 2) {
|
|
2753
|
+
return keyframesTransition;
|
|
2754
|
+
} else if (transformProps.has(valueKey)) {
|
|
2755
|
+
return valueKey.startsWith("scale") ? criticallyDampedSpring(keyframes2[1]) : underDampedSpring;
|
|
2756
|
+
}
|
|
2757
|
+
return ease;
|
|
2758
|
+
};
|
|
2759
|
+
|
|
2760
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/is-transition-defined.mjs
|
|
2761
|
+
var orchestrationKeys = /* @__PURE__ */ new Set([
|
|
2762
|
+
"when",
|
|
2763
|
+
"delay",
|
|
2764
|
+
"delayChildren",
|
|
2765
|
+
"staggerChildren",
|
|
2766
|
+
"staggerDirection",
|
|
2767
|
+
"repeat",
|
|
2768
|
+
"repeatType",
|
|
2769
|
+
"repeatDelay",
|
|
2770
|
+
"from",
|
|
2771
|
+
"elapsed"
|
|
2772
|
+
]);
|
|
2773
|
+
function isTransitionDefined(transition) {
|
|
2774
|
+
for (const key in transition) {
|
|
2775
|
+
if (!orchestrationKeys.has(key))
|
|
2776
|
+
return true;
|
|
2777
|
+
}
|
|
2778
|
+
return false;
|
|
2779
|
+
}
|
|
2780
|
+
|
|
2781
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/interfaces/motion-value.mjs
|
|
2782
|
+
var animateMotionValue = (name, value, target, transition = {}, element, isHandoff) => (onComplete) => {
|
|
2783
|
+
const valueTransition = getValueTransition(transition, name) || {};
|
|
2784
|
+
const delay2 = valueTransition.delay || transition.delay || 0;
|
|
2785
|
+
let { elapsed = 0 } = transition;
|
|
2786
|
+
elapsed = elapsed - secondsToMilliseconds(delay2);
|
|
2787
|
+
const options = {
|
|
2788
|
+
keyframes: Array.isArray(target) ? target : [null, target],
|
|
2789
|
+
ease: "easeOut",
|
|
2790
|
+
velocity: value.getVelocity(),
|
|
2791
|
+
...valueTransition,
|
|
2792
|
+
delay: -elapsed,
|
|
2793
|
+
onUpdate: (v) => {
|
|
2794
|
+
value.set(v);
|
|
2795
|
+
valueTransition.onUpdate && valueTransition.onUpdate(v);
|
|
2796
|
+
},
|
|
2797
|
+
onComplete: () => {
|
|
2798
|
+
onComplete();
|
|
2799
|
+
valueTransition.onComplete && valueTransition.onComplete();
|
|
2800
|
+
},
|
|
2801
|
+
name,
|
|
2802
|
+
motionValue: value,
|
|
2803
|
+
element: isHandoff ? void 0 : element
|
|
2804
|
+
};
|
|
2805
|
+
if (!isTransitionDefined(valueTransition)) {
|
|
2806
|
+
Object.assign(options, getDefaultTransition(name, options));
|
|
2807
|
+
}
|
|
2808
|
+
options.duration && (options.duration = secondsToMilliseconds(options.duration));
|
|
2809
|
+
options.repeatDelay && (options.repeatDelay = secondsToMilliseconds(options.repeatDelay));
|
|
2810
|
+
if (options.from !== void 0) {
|
|
2811
|
+
options.keyframes[0] = options.from;
|
|
2812
|
+
}
|
|
2813
|
+
let shouldSkip = false;
|
|
2814
|
+
if (options.type === false || options.duration === 0 && !options.repeatDelay) {
|
|
2815
|
+
makeAnimationInstant(options);
|
|
2816
|
+
if (options.delay === 0) {
|
|
2817
|
+
shouldSkip = true;
|
|
2818
|
+
}
|
|
2892
2819
|
}
|
|
2893
|
-
|
|
2894
|
-
|
|
2820
|
+
if (MotionGlobalConfig.instantAnimations || MotionGlobalConfig.skipAnimations || element?.shouldSkipAnimations || valueTransition.skipAnimations) {
|
|
2821
|
+
shouldSkip = true;
|
|
2822
|
+
makeAnimationInstant(options);
|
|
2823
|
+
options.delay = 0;
|
|
2895
2824
|
}
|
|
2896
|
-
|
|
2897
|
-
|
|
2898
|
-
|
|
2899
|
-
|
|
2900
|
-
|
|
2901
|
-
|
|
2902
|
-
|
|
2903
|
-
|
|
2904
|
-
|
|
2905
|
-
destroy() {
|
|
2906
|
-
this.dependents?.clear();
|
|
2907
|
-
this.events.destroy?.notify();
|
|
2908
|
-
this.clearListeners();
|
|
2909
|
-
this.stop();
|
|
2910
|
-
if (this.stopPassiveEffect) {
|
|
2911
|
-
this.stopPassiveEffect();
|
|
2825
|
+
options.allowFlatten = !valueTransition.type && !valueTransition.ease;
|
|
2826
|
+
if (shouldSkip && !isHandoff && value.get() !== void 0) {
|
|
2827
|
+
const finalKeyframe = getFinalKeyframe(options.keyframes, valueTransition);
|
|
2828
|
+
if (finalKeyframe !== void 0) {
|
|
2829
|
+
frame.update(() => {
|
|
2830
|
+
options.onUpdate(finalKeyframe);
|
|
2831
|
+
options.onComplete();
|
|
2832
|
+
});
|
|
2833
|
+
return;
|
|
2912
2834
|
}
|
|
2913
2835
|
}
|
|
2836
|
+
return valueTransition.isSync ? new JSAnimation(options) : new AsyncMotionValueAnimation(options);
|
|
2914
2837
|
};
|
|
2915
|
-
|
|
2916
|
-
|
|
2838
|
+
|
|
2839
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/css-variables-conversion.mjs
|
|
2840
|
+
var splitCSSVariableRegex = (
|
|
2841
|
+
// eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
|
|
2842
|
+
/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
|
|
2843
|
+
);
|
|
2844
|
+
function parseCSSVariable(current) {
|
|
2845
|
+
const match = splitCSSVariableRegex.exec(current);
|
|
2846
|
+
if (!match)
|
|
2847
|
+
return [,];
|
|
2848
|
+
const [, token1, token2, fallback] = match;
|
|
2849
|
+
return [`--${token1 ?? token2}`, fallback];
|
|
2850
|
+
}
|
|
2851
|
+
var maxDepth = 4;
|
|
2852
|
+
function getVariableValue(current, element, depth = 1) {
|
|
2853
|
+
invariant(depth <= maxDepth, `Max CSS variable fallback depth detected in property "${current}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
|
|
2854
|
+
const [token, fallback] = parseCSSVariable(current);
|
|
2855
|
+
if (!token)
|
|
2856
|
+
return;
|
|
2857
|
+
const resolved = window.getComputedStyle(element).getPropertyValue(token);
|
|
2858
|
+
if (resolved) {
|
|
2859
|
+
const trimmed = resolved.trim();
|
|
2860
|
+
return isNumericalString(trimmed) ? parseFloat(trimmed) : trimmed;
|
|
2861
|
+
}
|
|
2862
|
+
return isCSSVariableToken(fallback) ? getVariableValue(fallback, element, depth + 1) : fallback;
|
|
2863
|
+
}
|
|
2864
|
+
|
|
2865
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/resolve-variants.mjs
|
|
2866
|
+
function getValueState(visualElement) {
|
|
2867
|
+
const state = [{}, {}];
|
|
2868
|
+
visualElement?.values.forEach((value, key) => {
|
|
2869
|
+
state[0][key] = value.get();
|
|
2870
|
+
state[1][key] = value.getVelocity();
|
|
2871
|
+
});
|
|
2872
|
+
return state;
|
|
2873
|
+
}
|
|
2874
|
+
function resolveVariantFromProps(props, definition, custom, visualElement) {
|
|
2875
|
+
if (typeof definition === "function") {
|
|
2876
|
+
const [current, velocity] = getValueState(visualElement);
|
|
2877
|
+
definition = definition(custom !== void 0 ? custom : props.custom, current, velocity);
|
|
2878
|
+
}
|
|
2879
|
+
if (typeof definition === "string") {
|
|
2880
|
+
definition = props.variants && props.variants[definition];
|
|
2881
|
+
}
|
|
2882
|
+
if (typeof definition === "function") {
|
|
2883
|
+
const [current, velocity] = getValueState(visualElement);
|
|
2884
|
+
definition = definition(custom !== void 0 ? custom : props.custom, current, velocity);
|
|
2885
|
+
}
|
|
2886
|
+
return definition;
|
|
2887
|
+
}
|
|
2888
|
+
|
|
2889
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/resolve-dynamic-variants.mjs
|
|
2890
|
+
function resolveVariant(visualElement, definition, custom) {
|
|
2891
|
+
const props = visualElement.getProps();
|
|
2892
|
+
return resolveVariantFromProps(props, definition, custom !== void 0 ? custom : props.custom, visualElement);
|
|
2917
2893
|
}
|
|
2918
2894
|
|
|
2919
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2895
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/keys-position.mjs
|
|
2896
|
+
var positionalKeys = /* @__PURE__ */ new Set([
|
|
2897
|
+
"width",
|
|
2898
|
+
"height",
|
|
2899
|
+
"top",
|
|
2900
|
+
"left",
|
|
2901
|
+
"right",
|
|
2902
|
+
"bottom",
|
|
2903
|
+
...transformPropOrder
|
|
2904
|
+
]);
|
|
2905
|
+
|
|
2906
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/is-keyframes-target.mjs
|
|
2920
2907
|
var isKeyframesTarget = (v) => {
|
|
2921
2908
|
return Array.isArray(v);
|
|
2922
2909
|
};
|
|
2923
2910
|
|
|
2924
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2911
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/setters.mjs
|
|
2925
2912
|
function setMotionValue(visualElement, key, value) {
|
|
2926
2913
|
if (visualElement.hasValue(key)) {
|
|
2927
2914
|
visualElement.getValue(key).set(value);
|
|
@@ -2942,15 +2929,15 @@ function setTarget(visualElement, definition) {
|
|
|
2942
2929
|
}
|
|
2943
2930
|
}
|
|
2944
2931
|
|
|
2945
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2932
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/utils/is-motion-value.mjs
|
|
2946
2933
|
var isMotionValue = (value) => Boolean(value && value.getVelocity);
|
|
2947
2934
|
|
|
2948
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2935
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/will-change/is.mjs
|
|
2949
2936
|
function isWillChangeMotionValue(value) {
|
|
2950
2937
|
return Boolean(isMotionValue(value) && value.add);
|
|
2951
2938
|
}
|
|
2952
2939
|
|
|
2953
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2940
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/will-change/add-will-change.mjs
|
|
2954
2941
|
function addValueToWillChange(visualElement, key) {
|
|
2955
2942
|
const willChange = visualElement.getValue("willChange");
|
|
2956
2943
|
if (isWillChangeMotionValue(willChange)) {
|
|
@@ -2962,21 +2949,22 @@ function addValueToWillChange(visualElement, key) {
|
|
|
2962
2949
|
}
|
|
2963
2950
|
}
|
|
2964
2951
|
|
|
2965
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2952
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/dom/utils/camel-to-dash.mjs
|
|
2966
2953
|
function camelToDash(str) {
|
|
2967
2954
|
return str.replace(/([A-Z])/g, (match) => `-${match.toLowerCase()}`);
|
|
2968
2955
|
}
|
|
2969
2956
|
|
|
2970
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2957
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/optimized-appear/data-id.mjs
|
|
2971
2958
|
var optimizedAppearDataId = "framerAppearId";
|
|
2972
2959
|
var optimizedAppearDataAttribute = "data-" + camelToDash(optimizedAppearDataId);
|
|
2973
2960
|
|
|
2974
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2961
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/optimized-appear/get-appear-id.mjs
|
|
2975
2962
|
function getOptimisedAppearId(visualElement) {
|
|
2976
2963
|
return visualElement.props[optimizedAppearDataAttribute];
|
|
2977
2964
|
}
|
|
2978
2965
|
|
|
2979
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2966
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/interfaces/visual-element-target.mjs
|
|
2967
|
+
var isBrowser2 = typeof window !== "undefined";
|
|
2980
2968
|
function shouldBlockAnimation({ protectedKeys, needsAnimating }, key) {
|
|
2981
2969
|
const shouldBlock = protectedKeys.hasOwnProperty(key) && needsAnimating[key] !== true;
|
|
2982
2970
|
needsAnimating[key] = false;
|
|
@@ -2987,10 +2975,15 @@ function animateTarget(visualElement, targetAndTransition, { delay: delay2 = 0,
|
|
|
2987
2975
|
const defaultTransition = visualElement.getDefaultTransition();
|
|
2988
2976
|
transition = transition ? resolveTransition(transition, defaultTransition) : defaultTransition;
|
|
2989
2977
|
const reduceMotion = transition?.reduceMotion;
|
|
2978
|
+
const skipAnimations = transition?.skipAnimations;
|
|
2990
2979
|
if (transitionOverride)
|
|
2991
2980
|
transition = transitionOverride;
|
|
2992
2981
|
const animations2 = [];
|
|
2993
2982
|
const animationTypeState = type && visualElement.animationState && visualElement.animationState.getState()[type];
|
|
2983
|
+
const path = transition?.path;
|
|
2984
|
+
if (path) {
|
|
2985
|
+
path.animateVisualElement(visualElement, target, transition, delay2, animations2);
|
|
2986
|
+
}
|
|
2994
2987
|
for (const key in target) {
|
|
2995
2988
|
const value = visualElement.getValue(key, visualElement.latestValues[key] ?? null);
|
|
2996
2989
|
const valueTarget = target[key];
|
|
@@ -3001,13 +2994,15 @@ function animateTarget(visualElement, targetAndTransition, { delay: delay2 = 0,
|
|
|
3001
2994
|
delay: delay2,
|
|
3002
2995
|
...getValueTransition(transition || {}, key)
|
|
3003
2996
|
};
|
|
2997
|
+
if (skipAnimations)
|
|
2998
|
+
valueTransition.skipAnimations = true;
|
|
3004
2999
|
const currentValue = value.get();
|
|
3005
3000
|
if (currentValue !== void 0 && !value.isAnimating() && !Array.isArray(valueTarget) && valueTarget === currentValue && !valueTransition.velocity) {
|
|
3006
3001
|
frame.update(() => value.set(valueTarget));
|
|
3007
3002
|
continue;
|
|
3008
3003
|
}
|
|
3009
3004
|
let isHandoff = false;
|
|
3010
|
-
if (window.MotionHandoffAnimation) {
|
|
3005
|
+
if (isBrowser2 && window.MotionHandoffAnimation) {
|
|
3011
3006
|
const appearId = getOptimisedAppearId(visualElement);
|
|
3012
3007
|
if (appearId) {
|
|
3013
3008
|
const startTime = window.MotionHandoffAnimation(appearId, key, frame);
|
|
@@ -3038,7 +3033,7 @@ function animateTarget(visualElement, targetAndTransition, { delay: delay2 = 0,
|
|
|
3038
3033
|
return animations2;
|
|
3039
3034
|
}
|
|
3040
3035
|
|
|
3041
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3036
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/interfaces/visual-element-variant.mjs
|
|
3042
3037
|
function animateVariant(visualElement, variant, options = {}) {
|
|
3043
3038
|
const resolved = resolveVariant(visualElement, variant, options.type === "exit" ? visualElement.presenceContext?.custom : void 0);
|
|
3044
3039
|
let { transition = visualElement.getDefaultTransition() || {} } = resolved || {};
|
|
@@ -3070,7 +3065,7 @@ function animateChildren(visualElement, variant, delay2 = 0, delayChildren = 0,
|
|
|
3070
3065
|
return Promise.all(animations2);
|
|
3071
3066
|
}
|
|
3072
3067
|
|
|
3073
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3068
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/interfaces/visual-element.mjs
|
|
3074
3069
|
function animateVisualElement(visualElement, definition, options = {}) {
|
|
3075
3070
|
visualElement.notify("AnimationStart", definition);
|
|
3076
3071
|
let animation;
|
|
@@ -3088,20 +3083,20 @@ function animateVisualElement(visualElement, definition, options = {}) {
|
|
|
3088
3083
|
});
|
|
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/value/types/auto.mjs
|
|
3092
3087
|
var auto = {
|
|
3093
3088
|
test: (v) => v === "auto",
|
|
3094
3089
|
parse: (v) => v
|
|
3095
3090
|
};
|
|
3096
3091
|
|
|
3097
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3092
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/test.mjs
|
|
3098
3093
|
var testValueType = (v) => (type) => type.test(v);
|
|
3099
3094
|
|
|
3100
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3095
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/dimensions.mjs
|
|
3101
3096
|
var dimensionValueTypes = [number, px, percent, degrees, vw, vh, auto];
|
|
3102
3097
|
var findDimensionValueType = (v) => dimensionValueTypes.find(testValueType(v));
|
|
3103
3098
|
|
|
3104
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3099
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/utils/is-none.mjs
|
|
3105
3100
|
function isNone(value) {
|
|
3106
3101
|
if (typeof value === "number") {
|
|
3107
3102
|
return value === 0;
|
|
@@ -3112,7 +3107,7 @@ function isNone(value) {
|
|
|
3112
3107
|
}
|
|
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/complex/filter.mjs
|
|
3116
3111
|
var maxDefaults = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
|
|
3117
3112
|
function applyDefaultFilter(v) {
|
|
3118
3113
|
const [name, value] = v.slice(0, -1).split("(");
|
|
@@ -3136,7 +3131,7 @@ var filter = {
|
|
|
3136
3131
|
}
|
|
3137
3132
|
};
|
|
3138
3133
|
|
|
3139
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3134
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/complex/mask.mjs
|
|
3140
3135
|
var mask = {
|
|
3141
3136
|
...complex,
|
|
3142
3137
|
getAnimatableNone: (v) => {
|
|
@@ -3146,15 +3141,21 @@ var mask = {
|
|
|
3146
3141
|
}
|
|
3147
3142
|
};
|
|
3148
3143
|
|
|
3149
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3144
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/int.mjs
|
|
3150
3145
|
var int = {
|
|
3151
3146
|
...number,
|
|
3152
3147
|
transform: Math.round
|
|
3153
3148
|
};
|
|
3154
3149
|
|
|
3155
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3150
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/maps/transform.mjs
|
|
3156
3151
|
var transformValueTypes = {
|
|
3157
3152
|
rotate: degrees,
|
|
3153
|
+
/**
|
|
3154
|
+
* Internal channel for `transition.path` orientToPath. Composed onto
|
|
3155
|
+
* `rotate` at the transform-build sites so the user's `rotate` is
|
|
3156
|
+
* never read or overwritten. Not part of `transformPropOrder`.
|
|
3157
|
+
*/
|
|
3158
|
+
pathRotation: degrees,
|
|
3158
3159
|
rotateX: degrees,
|
|
3159
3160
|
rotateY: degrees,
|
|
3160
3161
|
rotateZ: degrees,
|
|
@@ -3180,7 +3181,7 @@ var transformValueTypes = {
|
|
|
3180
3181
|
originZ: px
|
|
3181
3182
|
};
|
|
3182
3183
|
|
|
3183
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3184
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/maps/number.mjs
|
|
3184
3185
|
var numberValueTypes = {
|
|
3185
3186
|
// Border props
|
|
3186
3187
|
borderWidth: px,
|
|
@@ -3245,7 +3246,7 @@ var numberValueTypes = {
|
|
|
3245
3246
|
numOctaves: int
|
|
3246
3247
|
};
|
|
3247
3248
|
|
|
3248
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3249
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/maps/defaults.mjs
|
|
3249
3250
|
var defaultValueTypes = {
|
|
3250
3251
|
...numberValueTypes,
|
|
3251
3252
|
// Color props
|
|
@@ -3267,7 +3268,7 @@ var defaultValueTypes = {
|
|
|
3267
3268
|
};
|
|
3268
3269
|
var getDefaultValueType = (key) => defaultValueTypes[key];
|
|
3269
3270
|
|
|
3270
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3271
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/animatable-none.mjs
|
|
3271
3272
|
var customTypes = /* @__PURE__ */ new Set([filter, mask]);
|
|
3272
3273
|
function getAnimatableNone2(key, value) {
|
|
3273
3274
|
let defaultValueType = getDefaultValueType(key);
|
|
@@ -3276,7 +3277,7 @@ function getAnimatableNone2(key, value) {
|
|
|
3276
3277
|
return defaultValueType.getAnimatableNone ? defaultValueType.getAnimatableNone(value) : void 0;
|
|
3277
3278
|
}
|
|
3278
3279
|
|
|
3279
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3280
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/utils/make-none-animatable.mjs
|
|
3280
3281
|
var invalidTemplates = /* @__PURE__ */ new Set(["auto", "none", "0"]);
|
|
3281
3282
|
function makeNoneKeyframesAnimatable(unresolvedKeyframes, noneKeyframeIndexes, name) {
|
|
3282
3283
|
let i = 0;
|
|
@@ -3295,7 +3296,7 @@ function makeNoneKeyframesAnimatable(unresolvedKeyframes, noneKeyframeIndexes, n
|
|
|
3295
3296
|
}
|
|
3296
3297
|
}
|
|
3297
3298
|
|
|
3298
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3299
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/DOMKeyframesResolver.mjs
|
|
3299
3300
|
var DOMKeyframesResolver = class extends KeyframeResolver {
|
|
3300
3301
|
constructor(unresolvedKeyframes, onComplete, name, motionValue2, element) {
|
|
3301
3302
|
super(unresolvedKeyframes, onComplete, name, motionValue2, element, true);
|
|
@@ -3393,7 +3394,15 @@ var DOMKeyframesResolver = class extends KeyframeResolver {
|
|
|
3393
3394
|
}
|
|
3394
3395
|
};
|
|
3395
3396
|
|
|
3396
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3397
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/border-radius.mjs
|
|
3398
|
+
var cornerRadiusProps = [
|
|
3399
|
+
"borderTopLeftRadius",
|
|
3400
|
+
"borderTopRightRadius",
|
|
3401
|
+
"borderBottomRightRadius",
|
|
3402
|
+
"borderBottomLeftRadius"
|
|
3403
|
+
];
|
|
3404
|
+
|
|
3405
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/resolve-elements.mjs
|
|
3397
3406
|
function resolveElements(elementOrSelector, scope, selectorCache) {
|
|
3398
3407
|
if (elementOrSelector == null) {
|
|
3399
3408
|
return [];
|
|
@@ -3408,20 +3417,20 @@ function resolveElements(elementOrSelector, scope, selectorCache) {
|
|
|
3408
3417
|
return Array.from(elementOrSelector).filter((element) => element != null);
|
|
3409
3418
|
}
|
|
3410
3419
|
|
|
3411
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3420
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/get-as-type.mjs
|
|
3412
3421
|
var getValueAsType = (value, type) => {
|
|
3413
3422
|
return type && typeof value === "number" ? type.transform(value) : value;
|
|
3414
3423
|
};
|
|
3415
3424
|
|
|
3416
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3425
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/is-html-element.mjs
|
|
3417
3426
|
function isHTMLElement(element) {
|
|
3418
3427
|
return isObject(element) && "offsetHeight" in element && !("ownerSVGElement" in element);
|
|
3419
3428
|
}
|
|
3420
3429
|
|
|
3421
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3430
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/frameloop/microtask.mjs
|
|
3422
3431
|
var { schedule: microtask} = /* @__PURE__ */ createRenderBatcher(queueMicrotask, false);
|
|
3423
3432
|
|
|
3424
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3433
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/drag/state/is-active.mjs
|
|
3425
3434
|
var isDragging = {
|
|
3426
3435
|
x: false,
|
|
3427
3436
|
y: false
|
|
@@ -3430,7 +3439,7 @@ function isDragActive() {
|
|
|
3430
3439
|
return isDragging.x || isDragging.y;
|
|
3431
3440
|
}
|
|
3432
3441
|
|
|
3433
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3442
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/drag/state/set-active.mjs
|
|
3434
3443
|
function setDragLock(axis) {
|
|
3435
3444
|
if (axis === "x" || axis === "y") {
|
|
3436
3445
|
if (isDragging[axis]) {
|
|
@@ -3453,7 +3462,7 @@ function setDragLock(axis) {
|
|
|
3453
3462
|
}
|
|
3454
3463
|
}
|
|
3455
3464
|
|
|
3456
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3465
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/utils/setup.mjs
|
|
3457
3466
|
function setupGesture(elementOrSelector, options) {
|
|
3458
3467
|
const elements = resolveElements(elementOrSelector);
|
|
3459
3468
|
const gestureAbortController = new AbortController();
|
|
@@ -3466,7 +3475,7 @@ function setupGesture(elementOrSelector, options) {
|
|
|
3466
3475
|
return [elements, eventOptions, cancel];
|
|
3467
3476
|
}
|
|
3468
3477
|
|
|
3469
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3478
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/hover.mjs
|
|
3470
3479
|
function isValidHover(event) {
|
|
3471
3480
|
return !(event.pointerType === "touch" || isDragActive());
|
|
3472
3481
|
}
|
|
@@ -3525,7 +3534,7 @@ function hover(elementOrSelector, onHoverStart, options = {}) {
|
|
|
3525
3534
|
return cancel;
|
|
3526
3535
|
}
|
|
3527
3536
|
|
|
3528
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3537
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/utils/is-node-or-child.mjs
|
|
3529
3538
|
var isNodeOrChild = (parent, child) => {
|
|
3530
3539
|
if (!child) {
|
|
3531
3540
|
return false;
|
|
@@ -3536,7 +3545,7 @@ var isNodeOrChild = (parent, child) => {
|
|
|
3536
3545
|
}
|
|
3537
3546
|
};
|
|
3538
3547
|
|
|
3539
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3548
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/utils/is-primary-pointer.mjs
|
|
3540
3549
|
var isPrimaryPointer = (event) => {
|
|
3541
3550
|
if (event.pointerType === "mouse") {
|
|
3542
3551
|
return typeof event.button !== "number" || event.button <= 0;
|
|
@@ -3545,7 +3554,7 @@ var isPrimaryPointer = (event) => {
|
|
|
3545
3554
|
}
|
|
3546
3555
|
};
|
|
3547
3556
|
|
|
3548
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3557
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/press/utils/is-keyboard-accessible.mjs
|
|
3549
3558
|
var keyboardAccessibleElements = /* @__PURE__ */ new Set([
|
|
3550
3559
|
"BUTTON",
|
|
3551
3560
|
"INPUT",
|
|
@@ -3561,10 +3570,10 @@ function isElementTextInput(element) {
|
|
|
3561
3570
|
return textInputElements.has(element.tagName) || element.isContentEditable === true;
|
|
3562
3571
|
}
|
|
3563
3572
|
|
|
3564
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3573
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/press/utils/state.mjs
|
|
3565
3574
|
var isPressing = /* @__PURE__ */ new WeakSet();
|
|
3566
3575
|
|
|
3567
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3576
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/press/utils/keyboard.mjs
|
|
3568
3577
|
function filterEvents(callback) {
|
|
3569
3578
|
return (event) => {
|
|
3570
3579
|
if (event.key !== "Enter")
|
|
@@ -3594,7 +3603,7 @@ var enableKeyboardPress = (focusEvent, eventOptions) => {
|
|
|
3594
3603
|
element.addEventListener("blur", () => element.removeEventListener("keydown", handleKeydown), eventOptions);
|
|
3595
3604
|
};
|
|
3596
3605
|
|
|
3597
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3606
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/press/index.mjs
|
|
3598
3607
|
function isValidPressEvent(event) {
|
|
3599
3608
|
return isPrimaryPointer(event) && !isDragActive();
|
|
3600
3609
|
}
|
|
@@ -3612,9 +3621,10 @@ function press(targetOrSelector, onPressStart, options = {}) {
|
|
|
3612
3621
|
claimedPointerDownEvents.add(startEvent);
|
|
3613
3622
|
}
|
|
3614
3623
|
const onPressEnd = onPressStart(target, startEvent);
|
|
3624
|
+
const endEventOptions = { ...eventOptions, capture: true };
|
|
3615
3625
|
const onPointerEnd = (endEvent, success) => {
|
|
3616
|
-
window.removeEventListener("pointerup", onPointerUp);
|
|
3617
|
-
window.removeEventListener("pointercancel", onPointerCancel);
|
|
3626
|
+
window.removeEventListener("pointerup", onPointerUp, endEventOptions);
|
|
3627
|
+
window.removeEventListener("pointercancel", onPointerCancel, endEventOptions);
|
|
3618
3628
|
if (isPressing.has(target)) {
|
|
3619
3629
|
isPressing.delete(target);
|
|
3620
3630
|
}
|
|
@@ -3631,8 +3641,8 @@ function press(targetOrSelector, onPressStart, options = {}) {
|
|
|
3631
3641
|
const onPointerCancel = (cancelEvent) => {
|
|
3632
3642
|
onPointerEnd(cancelEvent, false);
|
|
3633
3643
|
};
|
|
3634
|
-
window.addEventListener("pointerup", onPointerUp,
|
|
3635
|
-
window.addEventListener("pointercancel", onPointerCancel,
|
|
3644
|
+
window.addEventListener("pointerup", onPointerUp, endEventOptions);
|
|
3645
|
+
window.addEventListener("pointercancel", onPointerCancel, endEventOptions);
|
|
3636
3646
|
};
|
|
3637
3647
|
targets.forEach((target) => {
|
|
3638
3648
|
const pointerDownTarget = options.useGlobalTarget ? window : target;
|
|
@@ -3647,12 +3657,12 @@ function press(targetOrSelector, onPressStart, options = {}) {
|
|
|
3647
3657
|
return cancelEvents;
|
|
3648
3658
|
}
|
|
3649
3659
|
|
|
3650
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3660
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/is-svg-element.mjs
|
|
3651
3661
|
function isSVGElement(element) {
|
|
3652
3662
|
return isObject(element) && "ownerSVGElement" in element;
|
|
3653
3663
|
}
|
|
3654
3664
|
|
|
3655
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3665
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/resize/handle-element.mjs
|
|
3656
3666
|
var resizeHandlers = /* @__PURE__ */ new WeakMap();
|
|
3657
3667
|
var observer;
|
|
3658
3668
|
var getSize = (borderBoxAxis, svgAxis, htmlAxis) => (target, borderBoxSize) => {
|
|
@@ -3710,7 +3720,7 @@ function resizeElement(target, handler) {
|
|
|
3710
3720
|
};
|
|
3711
3721
|
}
|
|
3712
3722
|
|
|
3713
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3723
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/resize/handle-window.mjs
|
|
3714
3724
|
var windowCallbacks = /* @__PURE__ */ new Set();
|
|
3715
3725
|
var windowResizeHandler;
|
|
3716
3726
|
function createWindowResizeHandler() {
|
|
@@ -3740,21 +3750,21 @@ function resizeWindow(callback) {
|
|
|
3740
3750
|
};
|
|
3741
3751
|
}
|
|
3742
3752
|
|
|
3743
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3753
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/resize/index.mjs
|
|
3744
3754
|
function resize(a, b) {
|
|
3745
3755
|
return typeof a === "function" ? resizeWindow(a) : resizeElement(a, b);
|
|
3746
3756
|
}
|
|
3747
3757
|
|
|
3748
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3758
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/is-svg-svg-element.mjs
|
|
3749
3759
|
function isSVGSVGElement(element) {
|
|
3750
3760
|
return isSVGElement(element) && element.tagName === "svg";
|
|
3751
3761
|
}
|
|
3752
3762
|
|
|
3753
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3763
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/find.mjs
|
|
3754
3764
|
var valueTypes = [...dimensionValueTypes, color, complex];
|
|
3755
3765
|
var findValueType = (v) => valueTypes.find(testValueType(v));
|
|
3756
3766
|
|
|
3757
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3767
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/models.mjs
|
|
3758
3768
|
var createAxisDelta = () => ({
|
|
3759
3769
|
translate: 0,
|
|
3760
3770
|
scale: 1,
|
|
@@ -3771,20 +3781,20 @@ var createBox = () => ({
|
|
|
3771
3781
|
y: createAxis()
|
|
3772
3782
|
});
|
|
3773
3783
|
|
|
3774
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3784
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/store.mjs
|
|
3775
3785
|
var visualElementStore = /* @__PURE__ */ new WeakMap();
|
|
3776
3786
|
|
|
3777
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3787
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/is-animation-controls.mjs
|
|
3778
3788
|
function isAnimationControls(v) {
|
|
3779
3789
|
return v !== null && typeof v === "object" && typeof v.start === "function";
|
|
3780
3790
|
}
|
|
3781
3791
|
|
|
3782
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3792
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/is-variant-label.mjs
|
|
3783
3793
|
function isVariantLabel(v) {
|
|
3784
3794
|
return typeof v === "string" || Array.isArray(v);
|
|
3785
3795
|
}
|
|
3786
3796
|
|
|
3787
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3797
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/variant-props.mjs
|
|
3788
3798
|
var variantPriorityOrder = [
|
|
3789
3799
|
"animate",
|
|
3790
3800
|
"whileInView",
|
|
@@ -3796,7 +3806,7 @@ var variantPriorityOrder = [
|
|
|
3796
3806
|
];
|
|
3797
3807
|
var variantProps = ["initial", ...variantPriorityOrder];
|
|
3798
3808
|
|
|
3799
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3809
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/is-controlling-variants.mjs
|
|
3800
3810
|
function isControllingVariants(props) {
|
|
3801
3811
|
return isAnimationControls(props.animate) || variantProps.some((name) => isVariantLabel(props[name]));
|
|
3802
3812
|
}
|
|
@@ -3804,7 +3814,7 @@ function isVariantNode(props) {
|
|
|
3804
3814
|
return Boolean(isControllingVariants(props) || props.variants);
|
|
3805
3815
|
}
|
|
3806
3816
|
|
|
3807
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3817
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/motion-values.mjs
|
|
3808
3818
|
function updateMotionValuesFromProps(element, next, prev) {
|
|
3809
3819
|
for (const key in next) {
|
|
3810
3820
|
const nextValue = next[key];
|
|
@@ -3834,15 +3844,15 @@ function updateMotionValuesFromProps(element, next, prev) {
|
|
|
3834
3844
|
return next;
|
|
3835
3845
|
}
|
|
3836
3846
|
|
|
3837
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3847
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/reduced-motion/state.mjs
|
|
3838
3848
|
var prefersReducedMotion = { current: null };
|
|
3839
3849
|
var hasReducedMotionListener = { current: false };
|
|
3840
3850
|
|
|
3841
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3842
|
-
var
|
|
3851
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/reduced-motion/index.mjs
|
|
3852
|
+
var isBrowser3 = typeof window !== "undefined";
|
|
3843
3853
|
function initPrefersReducedMotion() {
|
|
3844
3854
|
hasReducedMotionListener.current = true;
|
|
3845
|
-
if (!
|
|
3855
|
+
if (!isBrowser3)
|
|
3846
3856
|
return;
|
|
3847
3857
|
if (window.matchMedia) {
|
|
3848
3858
|
const motionMediaQuery = window.matchMedia("(prefers-reduced-motion)");
|
|
@@ -3854,7 +3864,7 @@ function initPrefersReducedMotion() {
|
|
|
3854
3864
|
}
|
|
3855
3865
|
}
|
|
3856
3866
|
|
|
3857
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3867
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/VisualElement.mjs
|
|
3858
3868
|
var propEventHandlers = [
|
|
3859
3869
|
"AnimationStart",
|
|
3860
3870
|
"AnimationComplete",
|
|
@@ -4043,8 +4053,6 @@ var VisualElement = class {
|
|
|
4043
4053
|
removeOnChange();
|
|
4044
4054
|
if (removeSyncCheck)
|
|
4045
4055
|
removeSyncCheck();
|
|
4046
|
-
if (value.owner)
|
|
4047
|
-
value.stop();
|
|
4048
4056
|
});
|
|
4049
4057
|
}
|
|
4050
4058
|
sortNodePosition(other) {
|
|
@@ -4255,7 +4263,7 @@ var VisualElement = class {
|
|
|
4255
4263
|
}
|
|
4256
4264
|
};
|
|
4257
4265
|
|
|
4258
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4266
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/dom/DOMVisualElement.mjs
|
|
4259
4267
|
var DOMVisualElement = class extends VisualElement {
|
|
4260
4268
|
constructor() {
|
|
4261
4269
|
super(...arguments);
|
|
@@ -4288,7 +4296,7 @@ var DOMVisualElement = class extends VisualElement {
|
|
|
4288
4296
|
}
|
|
4289
4297
|
};
|
|
4290
4298
|
|
|
4291
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4299
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/Feature.mjs
|
|
4292
4300
|
var Feature = class {
|
|
4293
4301
|
constructor(node) {
|
|
4294
4302
|
this.isMounted = false;
|
|
@@ -4298,7 +4306,7 @@ var Feature = class {
|
|
|
4298
4306
|
}
|
|
4299
4307
|
};
|
|
4300
4308
|
|
|
4301
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4309
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/conversion.mjs
|
|
4302
4310
|
function convertBoundingBoxToBox({ top, left, right, bottom }) {
|
|
4303
4311
|
return {
|
|
4304
4312
|
x: { min: left, max: right },
|
|
@@ -4321,7 +4329,7 @@ function transformBoxPoints(point, transformPoint2) {
|
|
|
4321
4329
|
};
|
|
4322
4330
|
}
|
|
4323
4331
|
|
|
4324
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4332
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/utils/has-transform.mjs
|
|
4325
4333
|
function isIdentityScale(scale2) {
|
|
4326
4334
|
return scale2 === void 0 || scale2 === 1;
|
|
4327
4335
|
}
|
|
@@ -4338,7 +4346,7 @@ function is2DTranslate(value) {
|
|
|
4338
4346
|
return value && value !== "0%";
|
|
4339
4347
|
}
|
|
4340
4348
|
|
|
4341
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4349
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/delta-apply.mjs
|
|
4342
4350
|
function scalePoint(point, scale2, originPoint) {
|
|
4343
4351
|
const distanceFromOrigin = point - originPoint;
|
|
4344
4352
|
const scaled = scale2 * distanceFromOrigin;
|
|
@@ -4414,7 +4422,7 @@ function transformBox(box, transform, sourceBox) {
|
|
|
4414
4422
|
transformAxis(box.y, resolveAxisTranslate(transform.y, resolveBox.y), transform.scaleY, transform.scale, transform.originY);
|
|
4415
4423
|
}
|
|
4416
4424
|
|
|
4417
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4425
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/utils/measure.mjs
|
|
4418
4426
|
function measureViewportBox(instance, transformPoint2) {
|
|
4419
4427
|
return convertBoundingBoxToBox(transformBoxPoints(instance.getBoundingClientRect(), transformPoint2));
|
|
4420
4428
|
}
|
|
@@ -4428,7 +4436,7 @@ function measurePageBox(element, rootProjectionNode2, transformPagePoint) {
|
|
|
4428
4436
|
return viewportBox;
|
|
4429
4437
|
}
|
|
4430
4438
|
|
|
4431
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4439
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/html/utils/build-transform.mjs
|
|
4432
4440
|
var translateAlias = {
|
|
4433
4441
|
x: "translateX",
|
|
4434
4442
|
y: "translateY",
|
|
@@ -4463,6 +4471,11 @@ function buildTransform(latestValues, transform, transformTemplate) {
|
|
|
4463
4471
|
}
|
|
4464
4472
|
}
|
|
4465
4473
|
}
|
|
4474
|
+
const pathRotation = latestValues.pathRotation;
|
|
4475
|
+
if (pathRotation) {
|
|
4476
|
+
transformIsDefault = false;
|
|
4477
|
+
transformString += `rotate(${getValueAsType(pathRotation, numberValueTypes.pathRotation)}) `;
|
|
4478
|
+
}
|
|
4466
4479
|
transformString = transformString.trim();
|
|
4467
4480
|
if (transformTemplate) {
|
|
4468
4481
|
transformString = transformTemplate(transform, transformIsDefault ? "" : transformString);
|
|
@@ -4472,7 +4485,7 @@ function buildTransform(latestValues, transform, transformTemplate) {
|
|
|
4472
4485
|
return transformString;
|
|
4473
4486
|
}
|
|
4474
4487
|
|
|
4475
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4488
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/html/utils/build-styles.mjs
|
|
4476
4489
|
function buildHTMLStyles(state, latestValues, transformTemplate) {
|
|
4477
4490
|
const { style, vars, transformOrigin } = state;
|
|
4478
4491
|
let hasTransform2 = false;
|
|
@@ -4508,7 +4521,7 @@ function buildHTMLStyles(state, latestValues, transformTemplate) {
|
|
|
4508
4521
|
}
|
|
4509
4522
|
}
|
|
4510
4523
|
|
|
4511
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4524
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/html/utils/render.mjs
|
|
4512
4525
|
function renderHTML(element, { style, vars }, styleProp, projection) {
|
|
4513
4526
|
const elementStyle = element.style;
|
|
4514
4527
|
let key;
|
|
@@ -4521,7 +4534,7 @@ function renderHTML(element, { style, vars }, styleProp, projection) {
|
|
|
4521
4534
|
}
|
|
4522
4535
|
}
|
|
4523
4536
|
|
|
4524
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4537
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/styles/scale-border-radius.mjs
|
|
4525
4538
|
function pixelsToPercent(pixels, axis) {
|
|
4526
4539
|
if (axis.max === axis.min)
|
|
4527
4540
|
return 0;
|
|
@@ -4544,7 +4557,7 @@ var correctBorderRadius = {
|
|
|
4544
4557
|
}
|
|
4545
4558
|
};
|
|
4546
4559
|
|
|
4547
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4560
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/styles/scale-box-shadow.mjs
|
|
4548
4561
|
var correctBoxShadow = {
|
|
4549
4562
|
correct: (latest, { treeScale, projectionDelta }) => {
|
|
4550
4563
|
const original = latest;
|
|
@@ -4566,16 +4579,11 @@ var correctBoxShadow = {
|
|
|
4566
4579
|
}
|
|
4567
4580
|
};
|
|
4568
4581
|
|
|
4569
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4582
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/styles/scale-correction.mjs
|
|
4570
4583
|
var scaleCorrectors = {
|
|
4571
4584
|
borderRadius: {
|
|
4572
4585
|
...correctBorderRadius,
|
|
4573
|
-
applyTo: [
|
|
4574
|
-
"borderTopLeftRadius",
|
|
4575
|
-
"borderTopRightRadius",
|
|
4576
|
-
"borderBottomLeftRadius",
|
|
4577
|
-
"borderBottomRightRadius"
|
|
4578
|
-
]
|
|
4586
|
+
applyTo: [...cornerRadiusProps]
|
|
4579
4587
|
},
|
|
4580
4588
|
borderTopLeftRadius: correctBorderRadius,
|
|
4581
4589
|
borderTopRightRadius: correctBorderRadius,
|
|
@@ -4584,12 +4592,12 @@ var scaleCorrectors = {
|
|
|
4584
4592
|
boxShadow: correctBoxShadow
|
|
4585
4593
|
};
|
|
4586
4594
|
|
|
4587
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4595
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/is-forced-motion-value.mjs
|
|
4588
4596
|
function isForcedMotionValue(key, { layout: layout2, layoutId }) {
|
|
4589
4597
|
return transformProps.has(key) || key.startsWith("origin") || (layout2 || layoutId !== void 0) && (!!scaleCorrectors[key] || key === "opacity");
|
|
4590
4598
|
}
|
|
4591
4599
|
|
|
4592
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4600
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/html/utils/scrape-motion-values.mjs
|
|
4593
4601
|
function scrapeMotionValuesFromProps(props, prevProps, visualElement) {
|
|
4594
4602
|
const style = props.style;
|
|
4595
4603
|
const prevStyle = prevProps?.style;
|
|
@@ -4604,7 +4612,7 @@ function scrapeMotionValuesFromProps(props, prevProps, visualElement) {
|
|
|
4604
4612
|
return newValues;
|
|
4605
4613
|
}
|
|
4606
4614
|
|
|
4607
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4615
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/html/HTMLVisualElement.mjs
|
|
4608
4616
|
function getComputedStyle2(element) {
|
|
4609
4617
|
return window.getComputedStyle(element);
|
|
4610
4618
|
}
|
|
@@ -4614,6 +4622,10 @@ var HTMLVisualElement = class extends DOMVisualElement {
|
|
|
4614
4622
|
this.type = "html";
|
|
4615
4623
|
this.renderInstance = renderHTML;
|
|
4616
4624
|
}
|
|
4625
|
+
mount(instance) {
|
|
4626
|
+
invariant(Boolean(instance.style), "motion.create() components must forward their ref to a HTML or SVG element", "custom-component-ref");
|
|
4627
|
+
super.mount(instance);
|
|
4628
|
+
}
|
|
4617
4629
|
readValueFromInstance(instance, key) {
|
|
4618
4630
|
if (transformProps.has(key)) {
|
|
4619
4631
|
return this.projection?.isProjecting ? defaultTransformValue(key) : readTransformValue(instance, key);
|
|
@@ -4634,7 +4646,7 @@ var HTMLVisualElement = class extends DOMVisualElement {
|
|
|
4634
4646
|
}
|
|
4635
4647
|
};
|
|
4636
4648
|
|
|
4637
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4649
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/path.mjs
|
|
4638
4650
|
var dashKeys = {
|
|
4639
4651
|
offset: "stroke-dashoffset",
|
|
4640
4652
|
array: "stroke-dasharray"
|
|
@@ -4650,8 +4662,10 @@ function buildSVGPath(attrs, length, spacing = 1, offset = 0, useDashCase = true
|
|
|
4650
4662
|
attrs[keys.array] = `${length} ${spacing}`;
|
|
4651
4663
|
}
|
|
4652
4664
|
|
|
4653
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4654
|
-
var
|
|
4665
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/build-attrs.mjs
|
|
4666
|
+
var cssStyleProperties = [
|
|
4667
|
+
"transform",
|
|
4668
|
+
"opacity",
|
|
4655
4669
|
"offsetDistance",
|
|
4656
4670
|
"offsetPath",
|
|
4657
4671
|
"offsetRotate",
|
|
@@ -4677,9 +4691,11 @@ function buildSVGAttrs(state, {
|
|
|
4677
4691
|
state.attrs = state.style;
|
|
4678
4692
|
state.style = {};
|
|
4679
4693
|
const { attrs, style } = state;
|
|
4680
|
-
|
|
4681
|
-
|
|
4682
|
-
|
|
4694
|
+
for (const key of cssStyleProperties) {
|
|
4695
|
+
if (attrs[key] !== void 0) {
|
|
4696
|
+
style[key] = attrs[key];
|
|
4697
|
+
delete attrs[key];
|
|
4698
|
+
}
|
|
4683
4699
|
}
|
|
4684
4700
|
if (style.transform || attrs.transformOrigin) {
|
|
4685
4701
|
style.transformOrigin = attrs.transformOrigin ?? "50% 50%";
|
|
@@ -4689,12 +4705,6 @@ function buildSVGAttrs(state, {
|
|
|
4689
4705
|
style.transformBox = styleProp?.transformBox ?? "fill-box";
|
|
4690
4706
|
delete attrs.transformBox;
|
|
4691
4707
|
}
|
|
4692
|
-
for (const key of cssMotionPathProperties) {
|
|
4693
|
-
if (attrs[key] !== void 0) {
|
|
4694
|
-
style[key] = attrs[key];
|
|
4695
|
-
delete attrs[key];
|
|
4696
|
-
}
|
|
4697
|
-
}
|
|
4698
4708
|
if (attrX !== void 0)
|
|
4699
4709
|
attrs.x = attrX;
|
|
4700
4710
|
if (attrY !== void 0)
|
|
@@ -4706,7 +4716,7 @@ function buildSVGAttrs(state, {
|
|
|
4706
4716
|
}
|
|
4707
4717
|
}
|
|
4708
4718
|
|
|
4709
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4719
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/camel-case-attrs.mjs
|
|
4710
4720
|
var camelCaseAttributes = /* @__PURE__ */ new Set([
|
|
4711
4721
|
"baseFrequency",
|
|
4712
4722
|
"diffuseConstant",
|
|
@@ -4733,10 +4743,10 @@ var camelCaseAttributes = /* @__PURE__ */ new Set([
|
|
|
4733
4743
|
"lengthAdjust"
|
|
4734
4744
|
]);
|
|
4735
4745
|
|
|
4736
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4746
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/is-svg-tag.mjs
|
|
4737
4747
|
var isSVGTag = (tag) => typeof tag === "string" && tag.toLowerCase() === "svg";
|
|
4738
4748
|
|
|
4739
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4749
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/render.mjs
|
|
4740
4750
|
function renderSVG(element, renderState, _styleProp, projection) {
|
|
4741
4751
|
renderHTML(element, renderState, void 0, projection);
|
|
4742
4752
|
for (const key in renderState.attrs) {
|
|
@@ -4744,7 +4754,7 @@ function renderSVG(element, renderState, _styleProp, projection) {
|
|
|
4744
4754
|
}
|
|
4745
4755
|
}
|
|
4746
4756
|
|
|
4747
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4757
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/scrape-motion-values.mjs
|
|
4748
4758
|
function scrapeMotionValuesFromProps2(props, prevProps, visualElement) {
|
|
4749
4759
|
const newValues = scrapeMotionValuesFromProps(props, prevProps, visualElement);
|
|
4750
4760
|
for (const key in props) {
|
|
@@ -4756,7 +4766,7 @@ function scrapeMotionValuesFromProps2(props, prevProps, visualElement) {
|
|
|
4756
4766
|
return newValues;
|
|
4757
4767
|
}
|
|
4758
4768
|
|
|
4759
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4769
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/SVGVisualElement.mjs
|
|
4760
4770
|
var SVGVisualElement = class extends DOMVisualElement {
|
|
4761
4771
|
constructor() {
|
|
4762
4772
|
super(...arguments);
|
|
@@ -4772,6 +4782,12 @@ var SVGVisualElement = class extends DOMVisualElement {
|
|
|
4772
4782
|
const defaultType = getDefaultValueType(key);
|
|
4773
4783
|
return defaultType ? defaultType.default || 0 : 0;
|
|
4774
4784
|
}
|
|
4785
|
+
if (cssStyleProperties.includes(key)) {
|
|
4786
|
+
const computedStyle = getComputedStyle(instance);
|
|
4787
|
+
const value = computedStyle[key];
|
|
4788
|
+
if (typeof value === "string" && value)
|
|
4789
|
+
return value.trim();
|
|
4790
|
+
}
|
|
4775
4791
|
key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;
|
|
4776
4792
|
return instance.getAttribute(key);
|
|
4777
4793
|
}
|
|
@@ -4790,7 +4806,7 @@ var SVGVisualElement = class extends DOMVisualElement {
|
|
|
4790
4806
|
}
|
|
4791
4807
|
};
|
|
4792
4808
|
|
|
4793
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4809
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/get-variant-context.mjs
|
|
4794
4810
|
var numVariantProps = variantProps.length;
|
|
4795
4811
|
function getVariantContext(visualElement) {
|
|
4796
4812
|
if (!visualElement)
|
|
@@ -4813,7 +4829,7 @@ function getVariantContext(visualElement) {
|
|
|
4813
4829
|
return context;
|
|
4814
4830
|
}
|
|
4815
4831
|
|
|
4816
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4832
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/shallow-compare.mjs
|
|
4817
4833
|
function shallowCompare(next, prev) {
|
|
4818
4834
|
if (!Array.isArray(prev))
|
|
4819
4835
|
return false;
|
|
@@ -4827,7 +4843,7 @@ function shallowCompare(next, prev) {
|
|
|
4827
4843
|
return true;
|
|
4828
4844
|
}
|
|
4829
4845
|
|
|
4830
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4846
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/animation-state.mjs
|
|
4831
4847
|
var reversePriorityOrder = [...variantPriorityOrder].reverse();
|
|
4832
4848
|
var numAnimationTypes = variantPriorityOrder.length;
|
|
4833
4849
|
function createAnimateFunction(visualElement) {
|
|
@@ -4920,7 +4936,7 @@ function createAnimationState(visualElement) {
|
|
|
4920
4936
|
continue;
|
|
4921
4937
|
let valueHasChanged = false;
|
|
4922
4938
|
if (isKeyframesTarget(next) && isKeyframesTarget(prev)) {
|
|
4923
|
-
valueHasChanged = !shallowCompare(next, prev);
|
|
4939
|
+
valueHasChanged = !shallowCompare(next, prev) || variantDidChange;
|
|
4924
4940
|
} else {
|
|
4925
4941
|
valueHasChanged = next !== prev;
|
|
4926
4942
|
}
|
|
@@ -5039,7 +5055,7 @@ function createState() {
|
|
|
5039
5055
|
};
|
|
5040
5056
|
}
|
|
5041
5057
|
|
|
5042
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5058
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/copy.mjs
|
|
5043
5059
|
function copyAxisInto(axis, originAxis) {
|
|
5044
5060
|
axis.min = originAxis.min;
|
|
5045
5061
|
axis.max = originAxis.max;
|
|
@@ -5055,7 +5071,7 @@ function copyAxisDeltaInto(delta, originDelta) {
|
|
|
5055
5071
|
delta.origin = originDelta.origin;
|
|
5056
5072
|
}
|
|
5057
5073
|
|
|
5058
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5074
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/delta-calc.mjs
|
|
5059
5075
|
var SCALE_PRECISION = 1e-4;
|
|
5060
5076
|
var SCALE_MIN = 1 - SCALE_PRECISION;
|
|
5061
5077
|
var SCALE_MAX = 1 + SCALE_PRECISION;
|
|
@@ -5103,7 +5119,7 @@ function calcRelativePosition(target, layout2, parent, anchor) {
|
|
|
5103
5119
|
calcRelativeAxisPosition(target.y, layout2.y, parent.y, anchor?.y);
|
|
5104
5120
|
}
|
|
5105
5121
|
|
|
5106
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5122
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/delta-remove.mjs
|
|
5107
5123
|
function removePointDelta(point, translate, scale2, originPoint, boxScale) {
|
|
5108
5124
|
point -= translate;
|
|
5109
5125
|
point = scalePoint(point, 1 / scale2, originPoint);
|
|
@@ -5136,7 +5152,7 @@ function removeBoxTransforms(box, transforms, originBox, sourceBox) {
|
|
|
5136
5152
|
removeAxisTransforms(box.y, transforms, yKeys, originBox ? originBox.y : void 0, sourceBox ? sourceBox.y : void 0);
|
|
5137
5153
|
}
|
|
5138
5154
|
|
|
5139
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5155
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/utils.mjs
|
|
5140
5156
|
function isAxisDeltaZero(delta) {
|
|
5141
5157
|
return delta.translate === 0 && delta.scale === 1;
|
|
5142
5158
|
}
|
|
@@ -5162,12 +5178,12 @@ function axisDeltaEquals(a, b) {
|
|
|
5162
5178
|
return a.translate === b.translate && a.scale === b.scale && a.originPoint === b.originPoint;
|
|
5163
5179
|
}
|
|
5164
5180
|
|
|
5165
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5181
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/utils/each-axis.mjs
|
|
5166
5182
|
function eachAxis(callback) {
|
|
5167
5183
|
return [callback("x"), callback("y")];
|
|
5168
5184
|
}
|
|
5169
5185
|
|
|
5170
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5186
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/styles/transform.mjs
|
|
5171
5187
|
function buildProjectionTransform(delta, treeScale, latestTransform) {
|
|
5172
5188
|
let transform = "";
|
|
5173
5189
|
const xTranslate = delta.x.translate / treeScale.x;
|
|
@@ -5180,11 +5196,13 @@ function buildProjectionTransform(delta, treeScale, latestTransform) {
|
|
|
5180
5196
|
transform += `scale(${1 / treeScale.x}, ${1 / treeScale.y}) `;
|
|
5181
5197
|
}
|
|
5182
5198
|
if (latestTransform) {
|
|
5183
|
-
const { transformPerspective, rotate: rotate2, rotateX, rotateY, skewX, skewY } = latestTransform;
|
|
5199
|
+
const { transformPerspective, rotate: rotate2, pathRotation, rotateX, rotateY, skewX, skewY } = latestTransform;
|
|
5184
5200
|
if (transformPerspective)
|
|
5185
5201
|
transform = `perspective(${transformPerspective}px) ${transform}`;
|
|
5186
5202
|
if (rotate2)
|
|
5187
5203
|
transform += `rotate(${rotate2}deg) `;
|
|
5204
|
+
if (pathRotation)
|
|
5205
|
+
transform += `rotate(${pathRotation}deg) `;
|
|
5188
5206
|
if (rotateX)
|
|
5189
5207
|
transform += `rotateX(${rotateX}deg) `;
|
|
5190
5208
|
if (rotateY)
|
|
@@ -5202,14 +5220,8 @@ function buildProjectionTransform(delta, treeScale, latestTransform) {
|
|
|
5202
5220
|
return transform || "none";
|
|
5203
5221
|
}
|
|
5204
5222
|
|
|
5205
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5206
|
-
var
|
|
5207
|
-
"borderTopLeftRadius",
|
|
5208
|
-
"borderTopRightRadius",
|
|
5209
|
-
"borderBottomLeftRadius",
|
|
5210
|
-
"borderBottomRightRadius"
|
|
5211
|
-
];
|
|
5212
|
-
var numBorders = borderLabels.length;
|
|
5223
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/animation/mix-values.mjs
|
|
5224
|
+
var numBorders = cornerRadiusProps.length;
|
|
5213
5225
|
var asNumber = (value) => typeof value === "string" ? parseFloat(value) : value;
|
|
5214
5226
|
var isPx = (value) => typeof value === "number" || px.test(value);
|
|
5215
5227
|
function mixValues(target, follow, lead, progress2, shouldCrossfadeOpacity, isOnlyMember) {
|
|
@@ -5220,7 +5232,7 @@ function mixValues(target, follow, lead, progress2, shouldCrossfadeOpacity, isOn
|
|
|
5220
5232
|
target.opacity = mixNumber(follow.opacity ?? 1, lead.opacity ?? 1, progress2);
|
|
5221
5233
|
}
|
|
5222
5234
|
for (let i = 0; i < numBorders; i++) {
|
|
5223
|
-
const borderLabel =
|
|
5235
|
+
const borderLabel = cornerRadiusProps[i];
|
|
5224
5236
|
let followRadius = getRadius(follow, borderLabel);
|
|
5225
5237
|
let leadRadius = getRadius(lead, borderLabel);
|
|
5226
5238
|
if (followRadius === void 0 && leadRadius === void 0)
|
|
@@ -5256,23 +5268,23 @@ function compress(min, max, easing) {
|
|
|
5256
5268
|
};
|
|
5257
5269
|
}
|
|
5258
5270
|
|
|
5259
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5271
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/animate/single-value.mjs
|
|
5260
5272
|
function animateSingleValue(value, keyframes2, options) {
|
|
5261
5273
|
const motionValue$1 = isMotionValue(value) ? value : motionValue(value);
|
|
5262
5274
|
motionValue$1.start(animateMotionValue("", motionValue$1, keyframes2, options));
|
|
5263
5275
|
return motionValue$1.animation;
|
|
5264
5276
|
}
|
|
5265
5277
|
|
|
5266
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5278
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/events/add-dom-event.mjs
|
|
5267
5279
|
function addDomEvent(target, eventName, handler, options = { passive: true }) {
|
|
5268
5280
|
target.addEventListener(eventName, handler, options);
|
|
5269
|
-
return () => target.removeEventListener(eventName, handler);
|
|
5281
|
+
return () => target.removeEventListener(eventName, handler, options);
|
|
5270
5282
|
}
|
|
5271
5283
|
|
|
5272
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5284
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/utils/compare-by-depth.mjs
|
|
5273
5285
|
var compareByDepth = (a, b) => a.depth - b.depth;
|
|
5274
5286
|
|
|
5275
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5287
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/utils/flat-tree.mjs
|
|
5276
5288
|
var FlatTree = class {
|
|
5277
5289
|
constructor() {
|
|
5278
5290
|
this.children = [];
|
|
@@ -5293,7 +5305,7 @@ var FlatTree = class {
|
|
|
5293
5305
|
}
|
|
5294
5306
|
};
|
|
5295
5307
|
|
|
5296
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5308
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/delay.mjs
|
|
5297
5309
|
function delay(callback, timeout) {
|
|
5298
5310
|
const start = time.now();
|
|
5299
5311
|
const checkElapsed = ({ timestamp }) => {
|
|
@@ -5307,12 +5319,12 @@ function delay(callback, timeout) {
|
|
|
5307
5319
|
return () => cancelFrame(checkElapsed);
|
|
5308
5320
|
}
|
|
5309
5321
|
|
|
5310
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5322
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/utils/resolve-motion-value.mjs
|
|
5311
5323
|
function resolveMotionValue(value) {
|
|
5312
5324
|
return isMotionValue(value) ? value.get() : value;
|
|
5313
5325
|
}
|
|
5314
5326
|
|
|
5315
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5327
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/shared/stack.mjs
|
|
5316
5328
|
var NodeStack = class {
|
|
5317
5329
|
constructor() {
|
|
5318
5330
|
this.members = [];
|
|
@@ -5393,7 +5405,7 @@ var NodeStack = class {
|
|
|
5393
5405
|
}
|
|
5394
5406
|
};
|
|
5395
5407
|
|
|
5396
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5408
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/node/state.mjs
|
|
5397
5409
|
var globalProjectionState = {
|
|
5398
5410
|
/**
|
|
5399
5411
|
* Global flag as to whether the tree has animated since the last time
|
|
@@ -5574,7 +5586,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
5574
5586
|
animationOptions.type = false;
|
|
5575
5587
|
}
|
|
5576
5588
|
this.startAnimation(animationOptions);
|
|
5577
|
-
this.setAnimationOrigin(delta, hasOnlyRelativeTargetChanged);
|
|
5589
|
+
this.setAnimationOrigin(delta, hasOnlyRelativeTargetChanged, animationOptions.path);
|
|
5578
5590
|
} else {
|
|
5579
5591
|
if (!hasLayoutChanged) {
|
|
5580
5592
|
finishAnimation(this);
|
|
@@ -6046,7 +6058,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
6046
6058
|
this.projectionDelta = createDelta();
|
|
6047
6059
|
this.projectionDeltaWithTransform = createDelta();
|
|
6048
6060
|
}
|
|
6049
|
-
setAnimationOrigin(delta, hasOnlyRelativeTargetChanged = false) {
|
|
6061
|
+
setAnimationOrigin(delta, hasOnlyRelativeTargetChanged = false, pathFn) {
|
|
6050
6062
|
const snapshot = this.snapshot;
|
|
6051
6063
|
const snapshotLatestValues = snapshot ? snapshot.latestValues : {};
|
|
6052
6064
|
const mixedValues = { ...this.latestValues };
|
|
@@ -6064,10 +6076,23 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
6064
6076
|
const shouldCrossfadeOpacity = Boolean(isSharedLayoutAnimation && !isOnlyMember && this.options.crossfade === true && !this.path.some(hasOpacityCrossfade));
|
|
6065
6077
|
this.animationProgress = 0;
|
|
6066
6078
|
let prevRelativeTarget;
|
|
6079
|
+
const interpolate2 = pathFn?.interpolateProjection(delta);
|
|
6067
6080
|
this.mixTargetDelta = (latest) => {
|
|
6068
6081
|
const progress2 = latest / 1e3;
|
|
6069
|
-
|
|
6070
|
-
|
|
6082
|
+
const point = interpolate2?.(progress2);
|
|
6083
|
+
if (point) {
|
|
6084
|
+
targetDelta.x.translate = point.x;
|
|
6085
|
+
targetDelta.x.scale = mixNumber(delta.x.scale, 1, progress2);
|
|
6086
|
+
targetDelta.x.origin = delta.x.origin;
|
|
6087
|
+
targetDelta.x.originPoint = delta.x.originPoint;
|
|
6088
|
+
targetDelta.y.translate = point.y;
|
|
6089
|
+
targetDelta.y.scale = mixNumber(delta.y.scale, 1, progress2);
|
|
6090
|
+
targetDelta.y.origin = delta.y.origin;
|
|
6091
|
+
targetDelta.y.originPoint = delta.y.originPoint;
|
|
6092
|
+
} else {
|
|
6093
|
+
mixAxisDeltaLinear(targetDelta.x, delta.x, progress2);
|
|
6094
|
+
mixAxisDeltaLinear(targetDelta.y, delta.y, progress2);
|
|
6095
|
+
}
|
|
6071
6096
|
this.setTargetDelta(targetDelta);
|
|
6072
6097
|
if (this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout) {
|
|
6073
6098
|
calcRelativePosition(relativeLayout, this.layout.layoutBox, this.relativeParent.layout.layoutBox, this.options.layoutAnchor || void 0);
|
|
@@ -6083,6 +6108,11 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
6083
6108
|
this.animationValues = mixedValues;
|
|
6084
6109
|
mixValues(mixedValues, snapshotLatestValues, this.latestValues, progress2, shouldCrossfadeOpacity, isOnlyMember);
|
|
6085
6110
|
}
|
|
6111
|
+
if (point && point.rotate !== void 0) {
|
|
6112
|
+
if (!this.animationValues)
|
|
6113
|
+
this.animationValues = mixedValues;
|
|
6114
|
+
this.animationValues.pathRotation = point.rotate;
|
|
6115
|
+
}
|
|
6086
6116
|
this.root.scheduleUpdateProjection();
|
|
6087
6117
|
this.scheduleRender();
|
|
6088
6118
|
this.animationProgress = progress2;
|
|
@@ -6109,8 +6139,6 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
6109
6139
|
this.mixTargetDelta(latest);
|
|
6110
6140
|
options.onUpdate && options.onUpdate(latest);
|
|
6111
6141
|
},
|
|
6112
|
-
onStop: () => {
|
|
6113
|
-
},
|
|
6114
6142
|
onComplete: () => {
|
|
6115
6143
|
options.onComplete && options.onComplete();
|
|
6116
6144
|
this.completeAnimation();
|
|
@@ -6439,7 +6467,7 @@ function resetSkewAndRotation(node) {
|
|
|
6439
6467
|
function removeLeadSnapshots(stack) {
|
|
6440
6468
|
stack.removeLeadSnapshot();
|
|
6441
6469
|
}
|
|
6442
|
-
function
|
|
6470
|
+
function mixAxisDeltaLinear(output, delta, p) {
|
|
6443
6471
|
output.translate = mixNumber(delta.translate, 0, p);
|
|
6444
6472
|
output.scale = mixNumber(delta.scale, 1, p);
|
|
6445
6473
|
output.origin = delta.origin;
|
|
@@ -6477,7 +6505,7 @@ function checkNodeWasScrollRoot(node) {
|
|
|
6477
6505
|
return node !== node.root && node.scroll?.wasRoot;
|
|
6478
6506
|
}
|
|
6479
6507
|
|
|
6480
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
6508
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/node/DocumentProjectionNode.mjs
|
|
6481
6509
|
var DocumentProjectionNode = createProjectionNode({
|
|
6482
6510
|
attachResizeListener: (ref, notify) => addDomEvent(ref, "resize", notify),
|
|
6483
6511
|
measureScroll: () => ({
|
|
@@ -6487,7 +6515,7 @@ var DocumentProjectionNode = createProjectionNode({
|
|
|
6487
6515
|
checkIsScrollRoot: () => true
|
|
6488
6516
|
});
|
|
6489
6517
|
|
|
6490
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
6518
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/node/HTMLProjectionNode.mjs
|
|
6491
6519
|
var rootProjectionNode = {
|
|
6492
6520
|
current: void 0
|
|
6493
6521
|
};
|
|
@@ -6531,7 +6559,7 @@ function usePresence(subscribe = true) {
|
|
|
6531
6559
|
}
|
|
6532
6560
|
var LazyContext = react.createContext({ strict: false });
|
|
6533
6561
|
|
|
6534
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6562
|
+
// ../../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
|
|
6535
6563
|
var featureProps = {
|
|
6536
6564
|
animation: [
|
|
6537
6565
|
"animate",
|
|
@@ -6570,7 +6598,7 @@ function getInitializedFeatureDefinitions() {
|
|
|
6570
6598
|
return getFeatureDefinitions();
|
|
6571
6599
|
}
|
|
6572
6600
|
|
|
6573
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6601
|
+
// ../../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
|
|
6574
6602
|
function loadFeatures(features) {
|
|
6575
6603
|
const featureDefinitions2 = getInitializedFeatureDefinitions();
|
|
6576
6604
|
for (const key in features) {
|
|
@@ -6581,74 +6609,9 @@ function loadFeatures(features) {
|
|
|
6581
6609
|
}
|
|
6582
6610
|
setFeatureDefinitions(featureDefinitions2);
|
|
6583
6611
|
}
|
|
6584
|
-
|
|
6585
|
-
// ../../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
|
|
6586
|
-
var validMotionProps = /* @__PURE__ */ new Set([
|
|
6587
|
-
"animate",
|
|
6588
|
-
"exit",
|
|
6589
|
-
"variants",
|
|
6590
|
-
"initial",
|
|
6591
|
-
"style",
|
|
6592
|
-
"values",
|
|
6593
|
-
"variants",
|
|
6594
|
-
"transition",
|
|
6595
|
-
"transformTemplate",
|
|
6596
|
-
"custom",
|
|
6597
|
-
"inherit",
|
|
6598
|
-
"onBeforeLayoutMeasure",
|
|
6599
|
-
"onAnimationStart",
|
|
6600
|
-
"onAnimationComplete",
|
|
6601
|
-
"onUpdate",
|
|
6602
|
-
"onDragStart",
|
|
6603
|
-
"onDrag",
|
|
6604
|
-
"onDragEnd",
|
|
6605
|
-
"onMeasureDragConstraints",
|
|
6606
|
-
"onDirectionLock",
|
|
6607
|
-
"onDragTransitionEnd",
|
|
6608
|
-
"_dragX",
|
|
6609
|
-
"_dragY",
|
|
6610
|
-
"onHoverStart",
|
|
6611
|
-
"onHoverEnd",
|
|
6612
|
-
"onViewportEnter",
|
|
6613
|
-
"onViewportLeave",
|
|
6614
|
-
"globalTapTarget",
|
|
6615
|
-
"propagate",
|
|
6616
|
-
"ignoreStrict",
|
|
6617
|
-
"viewport"
|
|
6618
|
-
]);
|
|
6619
|
-
function isValidMotionProp(key) {
|
|
6620
|
-
return key.startsWith("while") || key.startsWith("drag") && key !== "draggable" || key.startsWith("layout") || key.startsWith("onTap") || key.startsWith("onPan") || key.startsWith("onLayout") || validMotionProps.has(key);
|
|
6621
|
-
}
|
|
6622
|
-
|
|
6623
|
-
// ../../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
|
|
6624
|
-
var shouldForward = (key) => !isValidMotionProp(key);
|
|
6625
|
-
function loadExternalIsValidProp(isValidProp) {
|
|
6626
|
-
if (typeof isValidProp !== "function")
|
|
6627
|
-
return;
|
|
6628
|
-
shouldForward = (key) => key.startsWith("on") ? !isValidMotionProp(key) : isValidProp(key);
|
|
6629
|
-
}
|
|
6630
|
-
try {
|
|
6631
|
-
const emotionPkg = "@emotion/is-prop-valid";
|
|
6632
|
-
loadExternalIsValidProp(__require(emotionPkg).default);
|
|
6633
|
-
} catch {
|
|
6634
|
-
}
|
|
6635
|
-
function filterProps(props, isDom, forwardMotionProps) {
|
|
6636
|
-
const filteredProps = {};
|
|
6637
|
-
for (const key in props) {
|
|
6638
|
-
if (key === "values" && typeof props.values === "object")
|
|
6639
|
-
continue;
|
|
6640
|
-
if (isMotionValue(props[key]))
|
|
6641
|
-
continue;
|
|
6642
|
-
if (shouldForward(key) || forwardMotionProps === true && isValidMotionProp(key) || !isDom && !isValidMotionProp(key) || // If trying to use native HTML drag events, forward drag listeners
|
|
6643
|
-
props["draggable"] && key.startsWith("onDrag")) {
|
|
6644
|
-
filteredProps[key] = props[key];
|
|
6645
|
-
}
|
|
6646
|
-
}
|
|
6647
|
-
return filteredProps;
|
|
6648
|
-
}
|
|
6649
6612
|
var MotionContext = /* @__PURE__ */ react.createContext({});
|
|
6650
6613
|
|
|
6651
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6614
|
+
// ../../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
|
|
6652
6615
|
function getCurrentTreeVariants(props, context) {
|
|
6653
6616
|
if (isControllingVariants(props)) {
|
|
6654
6617
|
const { initial, animate } = props;
|
|
@@ -6660,7 +6623,7 @@ function getCurrentTreeVariants(props, context) {
|
|
|
6660
6623
|
return props.inherit !== false ? context : {};
|
|
6661
6624
|
}
|
|
6662
6625
|
|
|
6663
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6626
|
+
// ../../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
|
|
6664
6627
|
function useCreateMotionContext(props) {
|
|
6665
6628
|
const { initial, animate } = getCurrentTreeVariants(props, react.useContext(MotionContext));
|
|
6666
6629
|
return react.useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);
|
|
@@ -6669,7 +6632,7 @@ function variantLabelsAsDependency(prop) {
|
|
|
6669
6632
|
return Array.isArray(prop) ? prop.join(" ") : prop;
|
|
6670
6633
|
}
|
|
6671
6634
|
|
|
6672
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6635
|
+
// ../../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
|
|
6673
6636
|
var createHtmlRenderState = () => ({
|
|
6674
6637
|
style: {},
|
|
6675
6638
|
transform: {},
|
|
@@ -6677,7 +6640,7 @@ var createHtmlRenderState = () => ({
|
|
|
6677
6640
|
vars: {}
|
|
6678
6641
|
});
|
|
6679
6642
|
|
|
6680
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6643
|
+
// ../../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
|
|
6681
6644
|
function copyRawValuesOnly(target, source, props) {
|
|
6682
6645
|
for (const key in source) {
|
|
6683
6646
|
if (!isMotionValue(source[key]) && !isForcedMotionValue(key, props)) {
|
|
@@ -6714,13 +6677,13 @@ function useHTMLProps(props, visualState) {
|
|
|
6714
6677
|
return htmlProps;
|
|
6715
6678
|
}
|
|
6716
6679
|
|
|
6717
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6680
|
+
// ../../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
|
|
6718
6681
|
var createSvgRenderState = () => ({
|
|
6719
6682
|
...createHtmlRenderState(),
|
|
6720
6683
|
attrs: {}
|
|
6721
6684
|
});
|
|
6722
6685
|
|
|
6723
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6686
|
+
// ../../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
|
|
6724
6687
|
function useSVGProps(props, visualState, _isStatic, Component2) {
|
|
6725
6688
|
const visualProps = react.useMemo(() => {
|
|
6726
6689
|
const state = createSvgRenderState();
|
|
@@ -6738,7 +6701,64 @@ function useSVGProps(props, visualState, _isStatic, Component2) {
|
|
|
6738
6701
|
return visualProps;
|
|
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/motion/utils/valid-prop.mjs
|
|
6705
|
+
var validMotionProps = /* @__PURE__ */ new Set([
|
|
6706
|
+
"animate",
|
|
6707
|
+
"exit",
|
|
6708
|
+
"variants",
|
|
6709
|
+
"initial",
|
|
6710
|
+
"style",
|
|
6711
|
+
"values",
|
|
6712
|
+
"variants",
|
|
6713
|
+
"transition",
|
|
6714
|
+
"transformTemplate",
|
|
6715
|
+
"custom",
|
|
6716
|
+
"inherit",
|
|
6717
|
+
"onBeforeLayoutMeasure",
|
|
6718
|
+
"onAnimationStart",
|
|
6719
|
+
"onAnimationComplete",
|
|
6720
|
+
"onUpdate",
|
|
6721
|
+
"onDragStart",
|
|
6722
|
+
"onDrag",
|
|
6723
|
+
"onDragEnd",
|
|
6724
|
+
"onMeasureDragConstraints",
|
|
6725
|
+
"onDirectionLock",
|
|
6726
|
+
"onDragTransitionEnd",
|
|
6727
|
+
"_dragX",
|
|
6728
|
+
"_dragY",
|
|
6729
|
+
"onHoverStart",
|
|
6730
|
+
"onHoverEnd",
|
|
6731
|
+
"onViewportEnter",
|
|
6732
|
+
"onViewportLeave",
|
|
6733
|
+
"globalTapTarget",
|
|
6734
|
+
"propagate",
|
|
6735
|
+
"ignoreStrict",
|
|
6736
|
+
"viewport"
|
|
6737
|
+
]);
|
|
6738
|
+
function isValidMotionProp(key) {
|
|
6739
|
+
return key.startsWith("while") || key.startsWith("drag") && key !== "draggable" || key.startsWith("layout") || key.startsWith("onTap") || key.startsWith("onPan") || key.startsWith("onLayout") || validMotionProps.has(key);
|
|
6740
|
+
}
|
|
6741
|
+
|
|
6742
|
+
// ../../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
|
|
6743
|
+
function shouldForward(key, isValidProp) {
|
|
6744
|
+
return key.startsWith("on") ? !isValidMotionProp(key) : isValidProp?.(key) ?? !isValidMotionProp(key);
|
|
6745
|
+
}
|
|
6746
|
+
function filterProps(props, isDom, forwardMotionProps, isValidProp) {
|
|
6747
|
+
const filteredProps = {};
|
|
6748
|
+
for (const key in props) {
|
|
6749
|
+
if (key === "values" && typeof props.values === "object")
|
|
6750
|
+
continue;
|
|
6751
|
+
if (isMotionValue(props[key]))
|
|
6752
|
+
continue;
|
|
6753
|
+
if (shouldForward(key, isValidProp) || forwardMotionProps === true && isValidMotionProp(key) || !isDom && !isValidMotionProp(key) || // If trying to use native HTML drag events, forward drag listeners
|
|
6754
|
+
props["draggable"] && key.startsWith("onDrag")) {
|
|
6755
|
+
filteredProps[key] = props[key];
|
|
6756
|
+
}
|
|
6757
|
+
}
|
|
6758
|
+
return filteredProps;
|
|
6759
|
+
}
|
|
6760
|
+
|
|
6761
|
+
// ../../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
|
|
6742
6762
|
var lowercaseSVGElements = [
|
|
6743
6763
|
"animate",
|
|
6744
6764
|
"circle",
|
|
@@ -6767,7 +6787,7 @@ var lowercaseSVGElements = [
|
|
|
6767
6787
|
"view"
|
|
6768
6788
|
];
|
|
6769
6789
|
|
|
6770
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6790
|
+
// ../../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
|
|
6771
6791
|
function isSVGComponent(Component2) {
|
|
6772
6792
|
if (
|
|
6773
6793
|
/**
|
|
@@ -6794,11 +6814,11 @@ function isSVGComponent(Component2) {
|
|
|
6794
6814
|
return false;
|
|
6795
6815
|
}
|
|
6796
6816
|
|
|
6797
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6798
|
-
function useRender(Component2, props, ref, { latestValues }, isStatic, forwardMotionProps = false, isSVG) {
|
|
6817
|
+
// ../../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
|
|
6818
|
+
function useRender(Component2, props, ref, { latestValues }, isStatic, forwardMotionProps = false, isSVG, isValidProp) {
|
|
6799
6819
|
const useVisualProps = isSVG ?? isSVGComponent(Component2) ? useSVGProps : useHTMLProps;
|
|
6800
6820
|
const visualProps = useVisualProps(props, latestValues, isStatic, Component2);
|
|
6801
|
-
const filteredProps = filterProps(props, typeof Component2 === "string", forwardMotionProps);
|
|
6821
|
+
const filteredProps = filterProps(props, typeof Component2 === "string", forwardMotionProps, isValidProp);
|
|
6802
6822
|
const elementProps = Component2 !== react.Fragment ? { ...filteredProps, ...visualProps, ref } : {};
|
|
6803
6823
|
const { children } = props;
|
|
6804
6824
|
const renderedChildren = react.useMemo(() => isMotionValue(children) ? children.get() : children, [children]);
|
|
@@ -6863,20 +6883,20 @@ var makeUseVisualState = (config) => (props, isStatic) => {
|
|
|
6863
6883
|
return isStatic ? make() : useConstant(make);
|
|
6864
6884
|
};
|
|
6865
6885
|
|
|
6866
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6886
|
+
// ../../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
|
|
6867
6887
|
var useHTMLVisualState = /* @__PURE__ */ makeUseVisualState({
|
|
6868
6888
|
scrapeMotionValuesFromProps,
|
|
6869
6889
|
createRenderState: createHtmlRenderState
|
|
6870
6890
|
});
|
|
6871
6891
|
|
|
6872
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6892
|
+
// ../../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
|
|
6873
6893
|
var useSVGVisualState = /* @__PURE__ */ makeUseVisualState({
|
|
6874
6894
|
scrapeMotionValuesFromProps: scrapeMotionValuesFromProps2,
|
|
6875
6895
|
createRenderState: createSvgRenderState
|
|
6876
6896
|
});
|
|
6877
6897
|
|
|
6878
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6879
|
-
var motionComponentSymbol = Symbol.for("motionComponentSymbol");
|
|
6898
|
+
// ../../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
|
|
6899
|
+
var motionComponentSymbol = /* @__PURE__ */ Symbol.for("motionComponentSymbol");
|
|
6880
6900
|
function useMotionRef(visualState, visualElement, externalRef) {
|
|
6881
6901
|
const externalRefContainer = react.useRef(externalRef);
|
|
6882
6902
|
react.useInsertionEffect(() => {
|
|
@@ -6887,6 +6907,9 @@ function useMotionRef(visualState, visualElement, externalRef) {
|
|
|
6887
6907
|
if (instance) {
|
|
6888
6908
|
visualState.onMount?.(instance);
|
|
6889
6909
|
}
|
|
6910
|
+
if (visualElement) {
|
|
6911
|
+
instance ? visualElement.mount(instance) : visualElement.unmount();
|
|
6912
|
+
}
|
|
6890
6913
|
const ref = externalRefContainer.current;
|
|
6891
6914
|
if (typeof ref === "function") {
|
|
6892
6915
|
if (instance) {
|
|
@@ -6903,19 +6926,16 @@ function useMotionRef(visualState, visualElement, externalRef) {
|
|
|
6903
6926
|
} else if (ref) {
|
|
6904
6927
|
ref.current = instance;
|
|
6905
6928
|
}
|
|
6906
|
-
if (visualElement) {
|
|
6907
|
-
instance ? visualElement.mount(instance) : visualElement.unmount();
|
|
6908
|
-
}
|
|
6909
6929
|
}, [visualElement]);
|
|
6910
6930
|
}
|
|
6911
6931
|
var SwitchLayoutGroupContext = react.createContext({});
|
|
6912
6932
|
|
|
6913
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6933
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/utils/is-ref-object.mjs
|
|
6914
6934
|
function isRefObject(ref) {
|
|
6915
6935
|
return ref && typeof ref === "object" && Object.prototype.hasOwnProperty.call(ref, "current");
|
|
6916
6936
|
}
|
|
6917
6937
|
|
|
6918
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6938
|
+
// ../../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
|
|
6919
6939
|
function useVisualElement(Component2, visualState, props, createVisualElement, ProjectionNodeConstructor, isSVG) {
|
|
6920
6940
|
const { visualElement: parent } = react.useContext(MotionContext);
|
|
6921
6941
|
const lazyContext = react.useContext(LazyContext);
|
|
@@ -7011,7 +7031,7 @@ function getClosestProjectingNode(visualElement) {
|
|
|
7011
7031
|
return visualElement.options.allowProjection !== false ? visualElement.projection : getClosestProjectingNode(visualElement.parent);
|
|
7012
7032
|
}
|
|
7013
7033
|
|
|
7014
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7034
|
+
// ../../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
|
|
7015
7035
|
function createMotionComponent(Component2, { forwardMotionProps = false, type } = {}, preloadedFeatures, createVisualElement) {
|
|
7016
7036
|
preloadedFeatures && loadFeatures(preloadedFeatures);
|
|
7017
7037
|
const isSVG = type ? type === "svg" : isSVGComponent(Component2);
|
|
@@ -7023,7 +7043,7 @@ function createMotionComponent(Component2, { forwardMotionProps = false, type }
|
|
|
7023
7043
|
...props,
|
|
7024
7044
|
layoutId: useLayoutId(props)
|
|
7025
7045
|
};
|
|
7026
|
-
const { isStatic } = configAndProps;
|
|
7046
|
+
const { isStatic, isValidProp } = configAndProps;
|
|
7027
7047
|
const context = useCreateMotionContext(props);
|
|
7028
7048
|
const visualState = useVisualState(props, isStatic);
|
|
7029
7049
|
if (!isStatic && typeof window !== "undefined") {
|
|
@@ -7032,7 +7052,7 @@ function createMotionComponent(Component2, { forwardMotionProps = false, type }
|
|
|
7032
7052
|
MeasureLayout2 = layoutProjection.MeasureLayout;
|
|
7033
7053
|
context.visualElement = useVisualElement(Component2, visualState, configAndProps, createVisualElement, layoutProjection.ProjectionNode, isSVG);
|
|
7034
7054
|
}
|
|
7035
|
-
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)] });
|
|
7055
|
+
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)] });
|
|
7036
7056
|
}
|
|
7037
7057
|
MotionDOMComponent.displayName = `motion.${typeof Component2 === "string" ? Component2 : `create(${Component2.displayName ?? Component2.name ?? ""})`}`;
|
|
7038
7058
|
const ForwardRefMotionComponent = react.forwardRef(MotionDOMComponent);
|
|
@@ -7062,7 +7082,7 @@ function getProjectionFunctionality(props) {
|
|
|
7062
7082
|
};
|
|
7063
7083
|
}
|
|
7064
7084
|
|
|
7065
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7085
|
+
// ../../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
|
|
7066
7086
|
function createMotionProxy(preloadedFeatures, createVisualElement) {
|
|
7067
7087
|
if (typeof Proxy === "undefined") {
|
|
7068
7088
|
return createMotionComponent;
|
|
@@ -7100,7 +7120,7 @@ var createDomVisualElement = (Component2, options) => {
|
|
|
7100
7120
|
});
|
|
7101
7121
|
};
|
|
7102
7122
|
|
|
7103
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7123
|
+
// ../../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
|
|
7104
7124
|
var AnimationFeature = class extends Feature {
|
|
7105
7125
|
/**
|
|
7106
7126
|
* We dynamically generate the AnimationState manager as it contains a reference
|
|
@@ -7136,7 +7156,7 @@ var AnimationFeature = class extends Feature {
|
|
|
7136
7156
|
}
|
|
7137
7157
|
};
|
|
7138
7158
|
|
|
7139
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7159
|
+
// ../../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
|
|
7140
7160
|
var id2 = 0;
|
|
7141
7161
|
var ExitAnimationFeature = class extends Feature {
|
|
7142
7162
|
constructor() {
|
|
@@ -7155,7 +7175,7 @@ var ExitAnimationFeature = class extends Feature {
|
|
|
7155
7175
|
if (isPresent && prevIsPresent === false) {
|
|
7156
7176
|
if (this.isExitComplete) {
|
|
7157
7177
|
const { initial, custom } = this.node.getProps();
|
|
7158
|
-
if (typeof initial === "string") {
|
|
7178
|
+
if (typeof initial === "string" || typeof initial === "object" && initial !== null && !Array.isArray(initial)) {
|
|
7159
7179
|
const resolved = resolveVariant(this.node, initial, custom);
|
|
7160
7180
|
if (resolved) {
|
|
7161
7181
|
const { transition, transitionEnd, ...target } = resolved;
|
|
@@ -7193,7 +7213,7 @@ var ExitAnimationFeature = class extends Feature {
|
|
|
7193
7213
|
}
|
|
7194
7214
|
};
|
|
7195
7215
|
|
|
7196
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7216
|
+
// ../../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
|
|
7197
7217
|
var animations = {
|
|
7198
7218
|
animation: {
|
|
7199
7219
|
Feature: AnimationFeature
|
|
@@ -7203,7 +7223,7 @@ var animations = {
|
|
|
7203
7223
|
}
|
|
7204
7224
|
};
|
|
7205
7225
|
|
|
7206
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7226
|
+
// ../../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
|
|
7207
7227
|
function extractEventInfo(event) {
|
|
7208
7228
|
return {
|
|
7209
7229
|
point: {
|
|
@@ -7214,17 +7234,17 @@ function extractEventInfo(event) {
|
|
|
7214
7234
|
}
|
|
7215
7235
|
var addPointerInfo = (handler) => (event) => isPrimaryPointer(event) && handler(event, extractEventInfo(event));
|
|
7216
7236
|
|
|
7217
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7237
|
+
// ../../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
|
|
7218
7238
|
function addPointerEvent(target, eventName, handler, options) {
|
|
7219
7239
|
return addDomEvent(target, eventName, addPointerInfo(handler), options);
|
|
7220
7240
|
}
|
|
7221
7241
|
|
|
7222
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7242
|
+
// ../../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
|
|
7223
7243
|
var getContextWindow = ({ current }) => {
|
|
7224
7244
|
return current ? current.ownerDocument.defaultView : null;
|
|
7225
7245
|
};
|
|
7226
7246
|
|
|
7227
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7247
|
+
// ../../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
|
|
7228
7248
|
var distance = (a, b) => Math.abs(a - b);
|
|
7229
7249
|
function distance2D(a, b) {
|
|
7230
7250
|
const xDelta = distance(a.x, b.x);
|
|
@@ -7232,7 +7252,7 @@ function distance2D(a, b) {
|
|
|
7232
7252
|
return Math.sqrt(xDelta ** 2 + yDelta ** 2);
|
|
7233
7253
|
}
|
|
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/gestures/pan/PanSession.mjs
|
|
7236
7256
|
var overflowStyles = /* @__PURE__ */ new Set(["auto", "scroll"]);
|
|
7237
7257
|
var PanSession = class {
|
|
7238
7258
|
constructor(event, handlers, { transformPagePoint, contextWindow = window, dragSnapToOrigin = false, distanceThreshold = 3, element } = {}) {
|
|
@@ -7305,7 +7325,8 @@ var PanSession = class {
|
|
|
7305
7325
|
this.history = [{ ...point, timestamp }];
|
|
7306
7326
|
const { onSessionStart } = handlers;
|
|
7307
7327
|
onSessionStart && onSessionStart(event, getPanInfo(initialInfo, this.history));
|
|
7308
|
-
|
|
7328
|
+
const eventOptions = { passive: true, capture: true };
|
|
7329
|
+
this.removeListeners = pipe(addPointerEvent(this.contextWindow, "pointermove", this.handlePointerMove, eventOptions), addPointerEvent(this.contextWindow, "pointerup", this.handlePointerUp, eventOptions), addPointerEvent(this.contextWindow, "pointercancel", this.handlePointerUp, eventOptions));
|
|
7309
7330
|
if (element) {
|
|
7310
7331
|
this.startScrollTracking(element);
|
|
7311
7332
|
}
|
|
@@ -7439,7 +7460,7 @@ function getVelocity(history, timeDelta) {
|
|
|
7439
7460
|
return currentVelocity;
|
|
7440
7461
|
}
|
|
7441
7462
|
|
|
7442
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7463
|
+
// ../../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
|
|
7443
7464
|
function applyConstraints(point, { min, max }, elastic) {
|
|
7444
7465
|
if (min !== void 0 && point < min) {
|
|
7445
7466
|
point = elastic ? mixNumber(min, point, elastic.min) : Math.max(point, min);
|
|
@@ -7517,7 +7538,7 @@ function resolvePointElastic(dragElastic, label) {
|
|
|
7517
7538
|
return typeof dragElastic === "number" ? dragElastic : dragElastic[label] || 0;
|
|
7518
7539
|
}
|
|
7519
7540
|
|
|
7520
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7541
|
+
// ../../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
|
|
7521
7542
|
var elementDragControls = /* @__PURE__ */ new WeakMap();
|
|
7522
7543
|
var VisualElementDragControls = class {
|
|
7523
7544
|
constructor(visualElement) {
|
|
@@ -7718,6 +7739,10 @@ var VisualElementDragControls = class {
|
|
|
7718
7739
|
const { projection } = this.visualElement;
|
|
7719
7740
|
if (!projection || !projection.layout)
|
|
7720
7741
|
return false;
|
|
7742
|
+
if (projection.root) {
|
|
7743
|
+
projection.root.scroll = void 0;
|
|
7744
|
+
projection.root.updateScroll();
|
|
7745
|
+
}
|
|
7721
7746
|
const constraintsBox = measurePageBox(constraintsElement, projection.root, this.visualElement.getTransformPagePoint());
|
|
7722
7747
|
let measuredConstraints = calcViewportConstraints(projection.layout.layoutBox, constraintsBox);
|
|
7723
7748
|
if (onMeasureDragConstraints) {
|
|
@@ -7774,7 +7799,7 @@ var VisualElementDragControls = class {
|
|
|
7774
7799
|
const dragKey = `_drag${axis.toUpperCase()}`;
|
|
7775
7800
|
const props = this.visualElement.getProps();
|
|
7776
7801
|
const externalMotionValue = props[dragKey];
|
|
7777
|
-
return externalMotionValue ? externalMotionValue : this.visualElement.getValue(axis,
|
|
7802
|
+
return externalMotionValue ? externalMotionValue : this.visualElement.getValue(axis, this.visualElement.latestValues[axis] ?? 0);
|
|
7778
7803
|
}
|
|
7779
7804
|
snapToCursor(point) {
|
|
7780
7805
|
eachAxis((axis) => {
|
|
@@ -7922,7 +7947,7 @@ function getCurrentDirection(offset, lockThreshold = 10) {
|
|
|
7922
7947
|
return direction;
|
|
7923
7948
|
}
|
|
7924
7949
|
|
|
7925
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7950
|
+
// ../../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
|
|
7926
7951
|
var DragGesture = class extends Feature {
|
|
7927
7952
|
constructor(node) {
|
|
7928
7953
|
super(node);
|
|
@@ -7956,7 +7981,7 @@ var DragGesture = class extends Feature {
|
|
|
7956
7981
|
}
|
|
7957
7982
|
};
|
|
7958
7983
|
|
|
7959
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7984
|
+
// ../../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
|
|
7960
7985
|
var asyncHandler = (handler) => (event, info) => {
|
|
7961
7986
|
if (handler) {
|
|
7962
7987
|
frame.update(() => handler(event, info), false, true);
|
|
@@ -8099,7 +8124,7 @@ function MeasureLayout(props) {
|
|
|
8099
8124
|
return jsxRuntime.jsx(MeasureLayoutWithContext, { ...props, layoutGroup, switchLayoutGroup: react.useContext(SwitchLayoutGroupContext), isPresent, safeToRemove });
|
|
8100
8125
|
}
|
|
8101
8126
|
|
|
8102
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8127
|
+
// ../../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
|
|
8103
8128
|
var drag = {
|
|
8104
8129
|
pan: {
|
|
8105
8130
|
Feature: PanGesture
|
|
@@ -8111,7 +8136,7 @@ var drag = {
|
|
|
8111
8136
|
}
|
|
8112
8137
|
};
|
|
8113
8138
|
|
|
8114
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8139
|
+
// ../../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
|
|
8115
8140
|
function handleHoverEvent(node, event, lifecycle) {
|
|
8116
8141
|
const { props } = node;
|
|
8117
8142
|
if (node.animationState && props.whileHover) {
|
|
@@ -8137,7 +8162,7 @@ var HoverGesture = class extends Feature {
|
|
|
8137
8162
|
}
|
|
8138
8163
|
};
|
|
8139
8164
|
|
|
8140
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8165
|
+
// ../../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
|
|
8141
8166
|
var FocusGesture = class extends Feature {
|
|
8142
8167
|
constructor() {
|
|
8143
8168
|
super(...arguments);
|
|
@@ -8168,7 +8193,7 @@ var FocusGesture = class extends Feature {
|
|
|
8168
8193
|
}
|
|
8169
8194
|
};
|
|
8170
8195
|
|
|
8171
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8196
|
+
// ../../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
|
|
8172
8197
|
function handlePressEvent(node, event, lifecycle) {
|
|
8173
8198
|
const { props } = node;
|
|
8174
8199
|
if (node.current instanceof HTMLButtonElement && node.current.disabled) {
|
|
@@ -8201,7 +8226,7 @@ var PressGesture = class extends Feature {
|
|
|
8201
8226
|
}
|
|
8202
8227
|
};
|
|
8203
8228
|
|
|
8204
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8229
|
+
// ../../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
|
|
8205
8230
|
var observerCallbacks = /* @__PURE__ */ new WeakMap();
|
|
8206
8231
|
var observers = /* @__PURE__ */ new WeakMap();
|
|
8207
8232
|
var fireObserverCallback = (entry) => {
|
|
@@ -8233,7 +8258,7 @@ function observeIntersection(element, options, callback) {
|
|
|
8233
8258
|
};
|
|
8234
8259
|
}
|
|
8235
8260
|
|
|
8236
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8261
|
+
// ../../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
|
|
8237
8262
|
var thresholdNames = {
|
|
8238
8263
|
some: 0,
|
|
8239
8264
|
all: 1
|
|
@@ -8294,7 +8319,7 @@ function hasViewportOptionChanged({ viewport = {} }, { viewport: prevViewport =
|
|
|
8294
8319
|
return (name) => viewport[name] !== prevViewport[name];
|
|
8295
8320
|
}
|
|
8296
8321
|
|
|
8297
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8322
|
+
// ../../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
|
|
8298
8323
|
var gestureAnimations = {
|
|
8299
8324
|
inView: {
|
|
8300
8325
|
Feature: InViewFeature
|
|
@@ -8310,7 +8335,7 @@ var gestureAnimations = {
|
|
|
8310
8335
|
}
|
|
8311
8336
|
};
|
|
8312
8337
|
|
|
8313
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8338
|
+
// ../../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
|
|
8314
8339
|
var layout = {
|
|
8315
8340
|
layout: {
|
|
8316
8341
|
ProjectionNode: HTMLProjectionNode,
|
|
@@ -8318,7 +8343,7 @@ var layout = {
|
|
|
8318
8343
|
}
|
|
8319
8344
|
};
|
|
8320
8345
|
|
|
8321
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8346
|
+
// ../../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
|
|
8322
8347
|
var featureBundle = {
|
|
8323
8348
|
...animations,
|
|
8324
8349
|
...gestureAnimations,
|
|
@@ -8326,8 +8351,11 @@ var featureBundle = {
|
|
|
8326
8351
|
...layout
|
|
8327
8352
|
};
|
|
8328
8353
|
|
|
8329
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8354
|
+
// ../../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
|
|
8330
8355
|
var motion = /* @__PURE__ */ createMotionProxy(featureBundle, createDomVisualElement);
|
|
8356
|
+
|
|
8357
|
+
// ../../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
|
|
8358
|
+
var motion2 = motion;
|
|
8331
8359
|
function usePrefersReducedMotion() {
|
|
8332
8360
|
const [prefersReducedMotion2, setPrefersReducedMotion] = react.useState(false);
|
|
8333
8361
|
react.useEffect(() => {
|
|
@@ -8404,7 +8432,7 @@ function PulseRings({
|
|
|
8404
8432
|
}
|
|
8405
8433
|
};
|
|
8406
8434
|
return /* @__PURE__ */ jsxRuntime.jsx(ui.Box, { className: "absolute inset-0 pointer-events-none", children: Array.from({ length: layers }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
8407
|
-
|
|
8435
|
+
motion2.div,
|
|
8408
8436
|
{
|
|
8409
8437
|
className: ui.cn("absolute border-2", getShapeClasses()),
|
|
8410
8438
|
style: {
|
|
@@ -8451,7 +8479,7 @@ function PulseGlow({
|
|
|
8451
8479
|
}
|
|
8452
8480
|
};
|
|
8453
8481
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
8454
|
-
|
|
8482
|
+
motion2.div,
|
|
8455
8483
|
{
|
|
8456
8484
|
className: ui.cn("absolute inset-0 pointer-events-none", getShapeClasses()),
|
|
8457
8485
|
style: {
|
|
@@ -8555,7 +8583,7 @@ function PulseAnimation({
|
|
|
8555
8583
|
}
|
|
8556
8584
|
};
|
|
8557
8585
|
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
8558
|
-
|
|
8586
|
+
motion2.div,
|
|
8559
8587
|
{
|
|
8560
8588
|
className: ui.cn(
|
|
8561
8589
|
"relative inline-flex items-center justify-center",
|