@luxfi/ui 8.2.11 → 8.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/3d-carousel.d.ts +2 -1
- package/dist/3d-carousel.d.ts.map +1 -1
- package/dist/3d-marquee.cjs +635 -607
- package/dist/3d-marquee.js +635 -607
- package/dist/animated-background.cjs +643 -615
- package/dist/animated-background.js +643 -615
- package/dist/animated-beam.cjs +634 -606
- package/dist/animated-beam.js +634 -606
- package/dist/animated-icon.cjs +672 -625
- package/dist/animated-icon.js +672 -625
- package/dist/animated-list.cjs +794 -663
- package/dist/animated-list.js +794 -663
- package/dist/animated-number.cjs +644 -616
- package/dist/animated-number.js +644 -616
- package/dist/animated-testimonials.cjs +668 -621
- package/dist/animated-testimonials.js +668 -621
- package/dist/animated-text.cjs +675 -628
- package/dist/animated-text.js +675 -628
- package/dist/animated-tooltip.cjs +668 -621
- package/dist/animated-tooltip.js +668 -621
- package/dist/apple-cards-carousel.cjs +676 -629
- package/dist/apple-cards-carousel.js +676 -629
- package/dist/apple-hello-effect.cjs +634 -606
- package/dist/apple-hello-effect.js +634 -606
- package/dist/calendar.cjs +2 -37
- package/dist/calendar.d.ts +11 -1
- package/dist/calendar.d.ts.map +1 -1
- package/dist/calendar.js +3 -38
- package/dist/dock.cjs +645 -617
- package/dist/dock.js +645 -617
- package/dist/image-zoom.d.ts +3 -2
- package/dist/image-zoom.d.ts.map +1 -1
- package/dist/input-otp.d.ts +4 -2
- package/dist/input-otp.d.ts.map +1 -1
- package/dist/pulse-animation.cjs +636 -608
- package/dist/pulse-animation.js +636 -608
- package/dist/resizable.cjs +4 -24
- package/dist/resizable.d.ts +12 -12
- package/dist/resizable.d.ts.map +1 -1
- package/dist/resizable.js +4 -4
- package/dist/reveal-animation.cjs +639 -611
- package/dist/reveal-animation.js +639 -611
- package/package.json +43 -41
- package/src/3d-carousel.tsx +2 -2
- package/src/calendar.tsx +12 -43
- package/src/image-zoom.tsx +2 -2
- package/src/resizable.tsx +7 -7
- package/src/table.tsx +9 -9
- package/tokens.css +21 -0
|
@@ -11,12 +11,6 @@ function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
|
11
11
|
|
|
12
12
|
var React__default = /*#__PURE__*/_interopDefault(React);
|
|
13
13
|
|
|
14
|
-
var __require = /* @__PURE__ */ ((x) => typeof require !== "undefined" ? require : typeof Proxy !== "undefined" ? new Proxy(x, {
|
|
15
|
-
get: (a, b) => (typeof require !== "undefined" ? require : a)[b]
|
|
16
|
-
}) : x)(function(x) {
|
|
17
|
-
if (typeof require !== "undefined") return require.apply(this, arguments);
|
|
18
|
-
throw Error('Dynamic require of "' + x + '" is not supported');
|
|
19
|
-
});
|
|
20
14
|
var LayoutGroupContext = React.createContext({});
|
|
21
15
|
function useConstant(init) {
|
|
22
16
|
const ref = React.useRef(null);
|
|
@@ -26,14 +20,14 @@ function useConstant(init) {
|
|
|
26
20
|
return ref.current;
|
|
27
21
|
}
|
|
28
22
|
|
|
29
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
23
|
+
// ../../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
|
|
30
24
|
var isBrowser = typeof window !== "undefined";
|
|
31
25
|
|
|
32
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
26
|
+
// ../../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
|
|
33
27
|
var useIsomorphicLayoutEffect = isBrowser ? React.useLayoutEffect : React.useEffect;
|
|
34
28
|
var PresenceContext = /* @__PURE__ */ React.createContext(null);
|
|
35
29
|
|
|
36
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
30
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/array.mjs
|
|
37
31
|
function addUniqueItem(arr, item) {
|
|
38
32
|
if (arr.indexOf(item) === -1)
|
|
39
33
|
arr.push(item);
|
|
@@ -44,7 +38,7 @@ function removeItem(arr, item) {
|
|
|
44
38
|
arr.splice(index, 1);
|
|
45
39
|
}
|
|
46
40
|
|
|
47
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
41
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/clamp.mjs
|
|
48
42
|
var clamp = (min, max, v) => {
|
|
49
43
|
if (v > max)
|
|
50
44
|
return max;
|
|
@@ -53,12 +47,12 @@ var clamp = (min, max, v) => {
|
|
|
53
47
|
return v;
|
|
54
48
|
};
|
|
55
49
|
|
|
56
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
50
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/format-error-message.mjs
|
|
57
51
|
function formatErrorMessage(message, errorCode) {
|
|
58
52
|
return errorCode ? `${message}. For more information and steps for solving, visit https://motion.dev/troubleshooting/${errorCode}` : message;
|
|
59
53
|
}
|
|
60
54
|
|
|
61
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
55
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/errors.mjs
|
|
62
56
|
var warning = () => {
|
|
63
57
|
};
|
|
64
58
|
var invariant = () => {
|
|
@@ -76,21 +70,19 @@ if (typeof process !== "undefined" && process.env?.NODE_ENV !== "production") {
|
|
|
76
70
|
};
|
|
77
71
|
}
|
|
78
72
|
|
|
79
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
73
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/global-config.mjs
|
|
80
74
|
var MotionGlobalConfig = {};
|
|
81
75
|
|
|
82
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
76
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/is-numerical-string.mjs
|
|
83
77
|
var isNumericalString = (v) => /^-?(?:\d+(?:\.\d+)?|\.\d+)$/u.test(v);
|
|
84
78
|
|
|
85
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
86
|
-
|
|
87
|
-
return typeof value === "object" && value !== null;
|
|
88
|
-
}
|
|
79
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/is-object.mjs
|
|
80
|
+
var isObject = (value) => typeof value === "object" && value !== null;
|
|
89
81
|
|
|
90
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
82
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/is-zero-value-string.mjs
|
|
91
83
|
var isZeroValueString = (v) => /^0[^.\s]+$/u.test(v);
|
|
92
84
|
|
|
93
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
85
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/memo.mjs
|
|
94
86
|
// @__NO_SIDE_EFFECTS__
|
|
95
87
|
function memo(callback) {
|
|
96
88
|
let result;
|
|
@@ -101,20 +93,19 @@ function memo(callback) {
|
|
|
101
93
|
};
|
|
102
94
|
}
|
|
103
95
|
|
|
104
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
96
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/noop.mjs
|
|
105
97
|
var noop = /* @__NO_SIDE_EFFECTS__ */ (any) => any;
|
|
106
98
|
|
|
107
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
108
|
-
var
|
|
109
|
-
var pipe = (...transformers) => transformers.reduce(combineFunctions);
|
|
99
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/pipe.mjs
|
|
100
|
+
var pipe = (...transformers) => transformers.reduce((a, b) => (v) => b(a(v)));
|
|
110
101
|
|
|
111
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
102
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/progress.mjs
|
|
112
103
|
var progress = /* @__NO_SIDE_EFFECTS__ */ (from, to, value) => {
|
|
113
|
-
const
|
|
114
|
-
return
|
|
104
|
+
const range = to - from;
|
|
105
|
+
return range ? (value - from) / range : 1;
|
|
115
106
|
};
|
|
116
107
|
|
|
117
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
108
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/subscription-manager.mjs
|
|
118
109
|
var SubscriptionManager = class {
|
|
119
110
|
constructor() {
|
|
120
111
|
this.subscriptions = [];
|
|
@@ -144,16 +135,14 @@ var SubscriptionManager = class {
|
|
|
144
135
|
}
|
|
145
136
|
};
|
|
146
137
|
|
|
147
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
138
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/time-conversion.mjs
|
|
148
139
|
var secondsToMilliseconds = /* @__NO_SIDE_EFFECTS__ */ (seconds) => seconds * 1e3;
|
|
149
140
|
var millisecondsToSeconds = /* @__NO_SIDE_EFFECTS__ */ (milliseconds) => milliseconds / 1e3;
|
|
150
141
|
|
|
151
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
152
|
-
|
|
153
|
-
return frameDuration ? velocity * (1e3 / frameDuration) : 0;
|
|
154
|
-
}
|
|
142
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/velocity-per-second.mjs
|
|
143
|
+
var velocityPerSecond = /* @__NO_SIDE_EFFECTS__ */ (velocity, frameDuration) => frameDuration ? velocity * (1e3 / frameDuration) : 0;
|
|
155
144
|
|
|
156
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
145
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/warn-once.mjs
|
|
157
146
|
var warned = /* @__PURE__ */ new Set();
|
|
158
147
|
function warnOnce(condition, message, errorCode) {
|
|
159
148
|
if (condition || warned.has(message))
|
|
@@ -162,7 +151,7 @@ function warnOnce(condition, message, errorCode) {
|
|
|
162
151
|
warned.add(message);
|
|
163
152
|
}
|
|
164
153
|
|
|
165
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
154
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/cubic-bezier.mjs
|
|
166
155
|
var calcBezier = (t, a1, a2) => (((1 - 3 * a2 + 3 * a1) * t + (3 * a2 - 6 * a1)) * t + 3 * a1) * t;
|
|
167
156
|
var subdivisionPrecision = 1e-7;
|
|
168
157
|
var subdivisionMaxIterations = 12;
|
|
@@ -181,6 +170,7 @@ function binarySubdivide(x, lowerBound, upperBound, mX1, mX2) {
|
|
|
181
170
|
} while (Math.abs(currentX) > subdivisionPrecision && ++i < subdivisionMaxIterations);
|
|
182
171
|
return currentT;
|
|
183
172
|
}
|
|
173
|
+
// @__NO_SIDE_EFFECTS__
|
|
184
174
|
function cubicBezier(mX1, mY1, mX2, mY2) {
|
|
185
175
|
if (mX1 === mY1 && mX2 === mY2)
|
|
186
176
|
return noop;
|
|
@@ -188,39 +178,39 @@ function cubicBezier(mX1, mY1, mX2, mY2) {
|
|
|
188
178
|
return (t) => t === 0 || t === 1 ? t : calcBezier(getTForX(t), mY1, mY2);
|
|
189
179
|
}
|
|
190
180
|
|
|
191
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
192
|
-
var mirrorEasing = (easing) => (p) => p <= 0.5 ? easing(2 * p) / 2 : (2 - easing(2 * (1 - p))) / 2;
|
|
181
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/modifiers/mirror.mjs
|
|
182
|
+
var mirrorEasing = /* @__NO_SIDE_EFFECTS__ */ (easing) => (p) => p <= 0.5 ? easing(2 * p) / 2 : (2 - easing(2 * (1 - p))) / 2;
|
|
193
183
|
|
|
194
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
195
|
-
var reverseEasing = (easing) => (p) => 1 - easing(1 - p);
|
|
184
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/modifiers/reverse.mjs
|
|
185
|
+
var reverseEasing = /* @__NO_SIDE_EFFECTS__ */ (easing) => (p) => 1 - easing(1 - p);
|
|
196
186
|
|
|
197
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
187
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/back.mjs
|
|
198
188
|
var backOut = /* @__PURE__ */ cubicBezier(0.33, 1.53, 0.69, 0.99);
|
|
199
189
|
var backIn = /* @__PURE__ */ reverseEasing(backOut);
|
|
200
190
|
var backInOut = /* @__PURE__ */ mirrorEasing(backIn);
|
|
201
191
|
|
|
202
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
192
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/anticipate.mjs
|
|
203
193
|
var anticipate = (p) => p >= 1 ? 1 : (p *= 2) < 1 ? 0.5 * backIn(p) : 0.5 * (2 - Math.pow(2, -10 * (p - 1)));
|
|
204
194
|
|
|
205
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
195
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/circ.mjs
|
|
206
196
|
var circIn = (p) => 1 - Math.sin(Math.acos(p));
|
|
207
197
|
var circOut = reverseEasing(circIn);
|
|
208
198
|
var circInOut = mirrorEasing(circIn);
|
|
209
199
|
|
|
210
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
200
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/ease.mjs
|
|
211
201
|
var easeIn = /* @__PURE__ */ cubicBezier(0.42, 0, 1, 1);
|
|
212
202
|
var easeOut = /* @__PURE__ */ cubicBezier(0, 0, 0.58, 1);
|
|
213
203
|
var easeInOut = /* @__PURE__ */ cubicBezier(0.42, 0, 0.58, 1);
|
|
214
204
|
|
|
215
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
216
|
-
var isEasingArray = (ease2) => {
|
|
205
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/utils/is-easing-array.mjs
|
|
206
|
+
var isEasingArray = /* @__NO_SIDE_EFFECTS__ */ (ease2) => {
|
|
217
207
|
return Array.isArray(ease2) && typeof ease2[0] !== "number";
|
|
218
208
|
};
|
|
219
209
|
|
|
220
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
221
|
-
var isBezierDefinition = (easing) => Array.isArray(easing) && typeof easing[0] === "number";
|
|
210
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/utils/is-bezier-definition.mjs
|
|
211
|
+
var isBezierDefinition = /* @__NO_SIDE_EFFECTS__ */ (easing) => Array.isArray(easing) && typeof easing[0] === "number";
|
|
222
212
|
|
|
223
|
-
// ../../node_modules/.pnpm/motion-utils@
|
|
213
|
+
// ../../node_modules/.pnpm/motion-utils@13.0.0/node_modules/motion-utils/dist/es/easing/utils/map.mjs
|
|
224
214
|
var easingLookup = {
|
|
225
215
|
linear: noop,
|
|
226
216
|
easeIn,
|
|
@@ -249,7 +239,7 @@ var easingDefinitionToFunction = (definition) => {
|
|
|
249
239
|
return definition;
|
|
250
240
|
};
|
|
251
241
|
|
|
252
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
242
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/frameloop/order.mjs
|
|
253
243
|
var stepsOrder = [
|
|
254
244
|
"setup",
|
|
255
245
|
// Compute
|
|
@@ -269,8 +259,8 @@ var stepsOrder = [
|
|
|
269
259
|
// Compute
|
|
270
260
|
];
|
|
271
261
|
|
|
272
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
273
|
-
function createRenderStep(runNextFrame
|
|
262
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/frameloop/render-step.mjs
|
|
263
|
+
function createRenderStep(runNextFrame) {
|
|
274
264
|
let thisFrame = /* @__PURE__ */ new Set();
|
|
275
265
|
let nextFrame = /* @__PURE__ */ new Set();
|
|
276
266
|
let isProcessing = false;
|
|
@@ -332,7 +322,7 @@ function createRenderStep(runNextFrame, stepName) {
|
|
|
332
322
|
return step;
|
|
333
323
|
}
|
|
334
324
|
|
|
335
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
325
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/frameloop/batcher.mjs
|
|
336
326
|
var maxElapsed = 40;
|
|
337
327
|
function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
|
|
338
328
|
let runNextFrame = false;
|
|
@@ -395,10 +385,10 @@ function createRenderBatcher(scheduleNextBatch, allowKeepAlive) {
|
|
|
395
385
|
return { schedule, cancel, state, steps };
|
|
396
386
|
}
|
|
397
387
|
|
|
398
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
388
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/frameloop/frame.mjs
|
|
399
389
|
var { schedule: frame, cancel: cancelFrame, state: frameData, steps: frameSteps } = /* @__PURE__ */ createRenderBatcher(typeof requestAnimationFrame !== "undefined" ? requestAnimationFrame : noop, true);
|
|
400
390
|
|
|
401
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
391
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/frameloop/sync-time.mjs
|
|
402
392
|
var now;
|
|
403
393
|
function clearTime() {
|
|
404
394
|
now = void 0;
|
|
@@ -416,7 +406,7 @@ var time = {
|
|
|
416
406
|
}
|
|
417
407
|
};
|
|
418
408
|
|
|
419
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
409
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/is-css-variable.mjs
|
|
420
410
|
var checkStringStartsWith = (token) => (key) => typeof key === "string" && key.startsWith(token);
|
|
421
411
|
var isCSSVariableName = /* @__PURE__ */ checkStringStartsWith("--");
|
|
422
412
|
var startsAsVariableToken = /* @__PURE__ */ checkStringStartsWith("var(--");
|
|
@@ -433,7 +423,7 @@ function containsCSSVariable(value) {
|
|
|
433
423
|
return value.split("/*")[0].includes("var(--");
|
|
434
424
|
}
|
|
435
425
|
|
|
436
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
426
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/numbers/index.mjs
|
|
437
427
|
var number = {
|
|
438
428
|
test: (v) => typeof v === "number",
|
|
439
429
|
parse: parseFloat,
|
|
@@ -448,21 +438,21 @@ var scale = {
|
|
|
448
438
|
default: 1
|
|
449
439
|
};
|
|
450
440
|
|
|
451
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
441
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/sanitize.mjs
|
|
452
442
|
var sanitize = (v) => Math.round(v * 1e5) / 1e5;
|
|
453
443
|
|
|
454
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
444
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/float-regex.mjs
|
|
455
445
|
var floatRegex = /-?(?:\d+(?:\.\d+)?|\.\d+)/gu;
|
|
456
446
|
|
|
457
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
447
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/is-nullish.mjs
|
|
458
448
|
function isNullish(v) {
|
|
459
449
|
return v == null;
|
|
460
450
|
}
|
|
461
451
|
|
|
462
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
452
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/single-color-regex.mjs
|
|
463
453
|
var singleColorRegex = /^(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))$/iu;
|
|
464
454
|
|
|
465
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
455
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/utils.mjs
|
|
466
456
|
var isColorString = (type, testProp) => (v) => {
|
|
467
457
|
return Boolean(typeof v === "string" && singleColorRegex.test(v) && v.startsWith(type) || testProp && !isNullish(v) && Object.prototype.hasOwnProperty.call(v, testProp));
|
|
468
458
|
};
|
|
@@ -478,7 +468,7 @@ var splitColor = (aName, bName, cName) => (v) => {
|
|
|
478
468
|
};
|
|
479
469
|
};
|
|
480
470
|
|
|
481
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
471
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/rgba.mjs
|
|
482
472
|
var clampRgbUnit = (v) => clamp(0, 255, v);
|
|
483
473
|
var rgbUnit = {
|
|
484
474
|
...number,
|
|
@@ -490,7 +480,7 @@ var rgba = {
|
|
|
490
480
|
transform: ({ red, green, blue, alpha: alpha$1 = 1 }) => "rgba(" + rgbUnit.transform(red) + ", " + rgbUnit.transform(green) + ", " + rgbUnit.transform(blue) + ", " + sanitize(alpha.transform(alpha$1)) + ")"
|
|
491
481
|
};
|
|
492
482
|
|
|
493
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
483
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/hex.mjs
|
|
494
484
|
function parseHex(v) {
|
|
495
485
|
let r = "";
|
|
496
486
|
let g = "";
|
|
@@ -524,7 +514,7 @@ var hex = {
|
|
|
524
514
|
transform: rgba.transform
|
|
525
515
|
};
|
|
526
516
|
|
|
527
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
517
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/numbers/units.mjs
|
|
528
518
|
var createUnitType = /* @__NO_SIDE_EFFECTS__ */ (unit) => ({
|
|
529
519
|
test: (v) => typeof v === "string" && v.endsWith(unit) && v.split(" ").length === 1,
|
|
530
520
|
parse: parseFloat,
|
|
@@ -541,7 +531,7 @@ var progressPercentage = /* @__PURE__ */ (() => ({
|
|
|
541
531
|
transform: (v) => percent.transform(v * 100)
|
|
542
532
|
}))();
|
|
543
533
|
|
|
544
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
534
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/hsla.mjs
|
|
545
535
|
var hsla = {
|
|
546
536
|
test: /* @__PURE__ */ isColorString("hsl", "hue"),
|
|
547
537
|
parse: /* @__PURE__ */ splitColor("hue", "saturation", "lightness"),
|
|
@@ -550,7 +540,7 @@ var hsla = {
|
|
|
550
540
|
}
|
|
551
541
|
};
|
|
552
542
|
|
|
553
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
543
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/index.mjs
|
|
554
544
|
var color = {
|
|
555
545
|
test: (v) => rgba.test(v) || hex.test(v) || hsla.test(v),
|
|
556
546
|
parse: (v) => {
|
|
@@ -572,10 +562,10 @@ var color = {
|
|
|
572
562
|
}
|
|
573
563
|
};
|
|
574
564
|
|
|
575
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
565
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/color-regex.mjs
|
|
576
566
|
var colorRegex = /(?:#[\da-f]{3,8}|(?:rgb|hsl)a?\((?:-?[\d.]+%?[,\s]+){2}-?[\d.]+%?\s*(?:[,/]\s*)?(?:\b\d+(?:\.\d+)?|\.\d+)?%?\))/giu;
|
|
577
567
|
|
|
578
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
568
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/complex/index.mjs
|
|
579
569
|
function test(v) {
|
|
580
570
|
return isNaN(v) && typeof v === "string" && (v.match(floatRegex)?.length || 0) + (v.match(colorRegex)?.length || 0) > 0;
|
|
581
571
|
}
|
|
@@ -660,7 +650,7 @@ var complex = {
|
|
|
660
650
|
getAnimatableNone
|
|
661
651
|
};
|
|
662
652
|
|
|
663
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
653
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/color/hsla-to-rgba.mjs
|
|
664
654
|
function hueToRgb(p, q, t) {
|
|
665
655
|
if (t < 0)
|
|
666
656
|
t += 1;
|
|
@@ -698,17 +688,17 @@ function hslaToRgba({ hue, saturation, lightness, alpha: alpha2 }) {
|
|
|
698
688
|
};
|
|
699
689
|
}
|
|
700
690
|
|
|
701
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
691
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/immediate.mjs
|
|
702
692
|
function mixImmediate(a, b) {
|
|
703
693
|
return (p) => p > 0 ? b : a;
|
|
704
694
|
}
|
|
705
695
|
|
|
706
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
696
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/number.mjs
|
|
707
697
|
var mixNumber = (from, to, progress2) => {
|
|
708
698
|
return from + (to - from) * progress2;
|
|
709
699
|
};
|
|
710
700
|
|
|
711
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
701
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/color.mjs
|
|
712
702
|
var mixLinearColor = (from, to, v) => {
|
|
713
703
|
const fromExpo = from * from;
|
|
714
704
|
const expo = v * (to * to - fromExpo) + fromExpo;
|
|
@@ -743,7 +733,7 @@ var mixColor = (from, to) => {
|
|
|
743
733
|
};
|
|
744
734
|
};
|
|
745
735
|
|
|
746
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
736
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/visibility.mjs
|
|
747
737
|
var invisibleValues = /* @__PURE__ */ new Set(["none", "hidden"]);
|
|
748
738
|
function mixVisibility(origin, target) {
|
|
749
739
|
if (invisibleValues.has(origin)) {
|
|
@@ -753,7 +743,7 @@ function mixVisibility(origin, target) {
|
|
|
753
743
|
}
|
|
754
744
|
}
|
|
755
745
|
|
|
756
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
746
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/complex.mjs
|
|
757
747
|
function mixNumber2(a, b) {
|
|
758
748
|
return (p) => mixNumber(a, b, p);
|
|
759
749
|
}
|
|
@@ -823,7 +813,7 @@ var mixComplex = (origin, target) => {
|
|
|
823
813
|
}
|
|
824
814
|
};
|
|
825
815
|
|
|
826
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
816
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/mix/index.mjs
|
|
827
817
|
function mix(from, to, p) {
|
|
828
818
|
if (typeof from === "number" && typeof to === "number" && typeof p === "number") {
|
|
829
819
|
return mixNumber(from, to, p);
|
|
@@ -832,7 +822,7 @@ function mix(from, to, p) {
|
|
|
832
822
|
return mixer(from, to);
|
|
833
823
|
}
|
|
834
824
|
|
|
835
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
825
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/drivers/frame.mjs
|
|
836
826
|
var frameloopDriver = (update) => {
|
|
837
827
|
const passTimestamp = ({ timestamp }) => update(timestamp);
|
|
838
828
|
return {
|
|
@@ -846,7 +836,7 @@ var frameloopDriver = (update) => {
|
|
|
846
836
|
};
|
|
847
837
|
};
|
|
848
838
|
|
|
849
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
839
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/utils/linear.mjs
|
|
850
840
|
var generateLinearEasing = (easing, duration, resolution = 10) => {
|
|
851
841
|
let points = "";
|
|
852
842
|
const numPoints = Math.max(Math.round(duration / resolution), 2);
|
|
@@ -856,7 +846,7 @@ var generateLinearEasing = (easing, duration, resolution = 10) => {
|
|
|
856
846
|
return `linear(${points.substring(0, points.length - 2)})`;
|
|
857
847
|
};
|
|
858
848
|
|
|
859
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
849
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/utils/calc-duration.mjs
|
|
860
850
|
var maxGeneratorDuration = 2e4;
|
|
861
851
|
function calcGeneratorDuration(generator) {
|
|
862
852
|
let duration = 0;
|
|
@@ -869,7 +859,7 @@ function calcGeneratorDuration(generator) {
|
|
|
869
859
|
return duration >= maxGeneratorDuration ? Infinity : duration;
|
|
870
860
|
}
|
|
871
861
|
|
|
872
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
862
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/utils/create-generator-easing.mjs
|
|
873
863
|
function createGeneratorEasing(options, scale2 = 100, createGenerator) {
|
|
874
864
|
const generator = createGenerator({ ...options, keyframes: [0, scale2] });
|
|
875
865
|
const duration = Math.min(calcGeneratorDuration(generator), maxGeneratorDuration);
|
|
@@ -882,7 +872,7 @@ function createGeneratorEasing(options, scale2 = 100, createGenerator) {
|
|
|
882
872
|
};
|
|
883
873
|
}
|
|
884
874
|
|
|
885
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
875
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/spring.mjs
|
|
886
876
|
var springDefaults = {
|
|
887
877
|
// Default spring physics
|
|
888
878
|
stiffness: 100,
|
|
@@ -1121,14 +1111,14 @@ spring.applyToOptions = (options) => {
|
|
|
1121
1111
|
return options;
|
|
1122
1112
|
};
|
|
1123
1113
|
|
|
1124
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1114
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/utils/velocity.mjs
|
|
1125
1115
|
var velocitySampleDuration = 5;
|
|
1126
1116
|
function getGeneratorVelocity(resolveValue, t, current) {
|
|
1127
1117
|
const prevT = Math.max(t - velocitySampleDuration, 0);
|
|
1128
1118
|
return velocityPerSecond(current - resolveValue(prevT), t - prevT);
|
|
1129
1119
|
}
|
|
1130
1120
|
|
|
1131
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1121
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/inertia.mjs
|
|
1132
1122
|
function inertia({ keyframes: keyframes2, velocity = 0, power = 0.8, timeConstant = 325, bounceDamping = 10, bounceStiffness = 500, modifyTarget, min, max, restDelta = 0.5, restSpeed }) {
|
|
1133
1123
|
const origin = keyframes2[0];
|
|
1134
1124
|
const state = {
|
|
@@ -1192,7 +1182,7 @@ function inertia({ keyframes: keyframes2, velocity = 0, power = 0.8, timeConstan
|
|
|
1192
1182
|
};
|
|
1193
1183
|
}
|
|
1194
1184
|
|
|
1195
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1185
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/interpolate.mjs
|
|
1196
1186
|
function createMixers(output, ease2, customMixer) {
|
|
1197
1187
|
const mixers = [];
|
|
1198
1188
|
const mixerFactory = customMixer || MotionGlobalConfig.mix || mix;
|
|
@@ -1237,7 +1227,7 @@ function interpolate(input, output, { clamp: isClamp = true, ease: ease2, mixer
|
|
|
1237
1227
|
return isClamp ? (v) => interpolator(clamp(input[0], input[inputLength - 1], v)) : interpolator;
|
|
1238
1228
|
}
|
|
1239
1229
|
|
|
1240
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1230
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/offsets/fill.mjs
|
|
1241
1231
|
function fillOffset(offset, remaining) {
|
|
1242
1232
|
const min = offset[offset.length - 1];
|
|
1243
1233
|
for (let i = 1; i <= remaining; i++) {
|
|
@@ -1246,19 +1236,19 @@ function fillOffset(offset, remaining) {
|
|
|
1246
1236
|
}
|
|
1247
1237
|
}
|
|
1248
1238
|
|
|
1249
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1239
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/offsets/default.mjs
|
|
1250
1240
|
function defaultOffset(arr) {
|
|
1251
1241
|
const offset = [0];
|
|
1252
1242
|
fillOffset(offset, arr.length - 1);
|
|
1253
1243
|
return offset;
|
|
1254
1244
|
}
|
|
1255
1245
|
|
|
1256
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1246
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/offsets/time.mjs
|
|
1257
1247
|
function convertOffsetToTimes(offset, duration) {
|
|
1258
1248
|
return offset.map((o) => o * duration);
|
|
1259
1249
|
}
|
|
1260
1250
|
|
|
1261
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1251
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/keyframes.mjs
|
|
1262
1252
|
function defaultEasing(values, easing) {
|
|
1263
1253
|
return values.map(() => easing || easeInOut).splice(0, values.length - 1);
|
|
1264
1254
|
}
|
|
@@ -1287,7 +1277,7 @@ function keyframes({ duration = 300, keyframes: keyframeValues, times, ease: eas
|
|
|
1287
1277
|
};
|
|
1288
1278
|
}
|
|
1289
1279
|
|
|
1290
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1280
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/get-final.mjs
|
|
1291
1281
|
var isNotNull = (value) => value !== null;
|
|
1292
1282
|
function getFinalKeyframe(keyframes2, { repeat, repeatType = "loop" }, finalKeyframe, speed = 1) {
|
|
1293
1283
|
const resolvedKeyframes = keyframes2.filter(isNotNull);
|
|
@@ -1296,7 +1286,7 @@ function getFinalKeyframe(keyframes2, { repeat, repeatType = "loop" }, finalKeyf
|
|
|
1296
1286
|
return !index || finalKeyframe === void 0 ? resolvedKeyframes[index] : finalKeyframe;
|
|
1297
1287
|
}
|
|
1298
1288
|
|
|
1299
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1289
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/replace-transition-type.mjs
|
|
1300
1290
|
var transitionTypeMap = {
|
|
1301
1291
|
decay: inertia,
|
|
1302
1292
|
inertia,
|
|
@@ -1310,7 +1300,7 @@ function replaceTransitionType(transition) {
|
|
|
1310
1300
|
}
|
|
1311
1301
|
}
|
|
1312
1302
|
|
|
1313
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1303
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/WithPromise.mjs
|
|
1314
1304
|
var WithPromise = class {
|
|
1315
1305
|
constructor() {
|
|
1316
1306
|
this.updateFinished();
|
|
@@ -1336,7 +1326,7 @@ var WithPromise = class {
|
|
|
1336
1326
|
}
|
|
1337
1327
|
};
|
|
1338
1328
|
|
|
1339
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1329
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/JSAnimation.mjs
|
|
1340
1330
|
var percentToProgress = (percent2) => percent2 / 100;
|
|
1341
1331
|
var JSAnimation = class extends WithPromise {
|
|
1342
1332
|
constructor(options) {
|
|
@@ -1615,14 +1605,14 @@ var JSAnimation = class extends WithPromise {
|
|
|
1615
1605
|
}
|
|
1616
1606
|
};
|
|
1617
1607
|
|
|
1618
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1608
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/utils/fill-wildcards.mjs
|
|
1619
1609
|
function fillWildcards(keyframes2) {
|
|
1620
1610
|
for (let i = 1; i < keyframes2.length; i++) {
|
|
1621
1611
|
keyframes2[i] ?? (keyframes2[i] = keyframes2[i - 1]);
|
|
1622
1612
|
}
|
|
1623
1613
|
}
|
|
1624
1614
|
|
|
1625
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1615
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/dom/parse-transform.mjs
|
|
1626
1616
|
var radToDeg = (rad) => rad * 180 / Math.PI;
|
|
1627
1617
|
var rotate = (v) => {
|
|
1628
1618
|
const angle = radToDeg(Math.atan2(v[1], v[0]));
|
|
@@ -1702,7 +1692,7 @@ function convertTransformToNumber(value) {
|
|
|
1702
1692
|
return parseFloat(value.trim());
|
|
1703
1693
|
}
|
|
1704
1694
|
|
|
1705
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1695
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/keys-transform.mjs
|
|
1706
1696
|
var transformPropOrder = [
|
|
1707
1697
|
"transformPerspective",
|
|
1708
1698
|
"x",
|
|
@@ -1722,9 +1712,9 @@ var transformPropOrder = [
|
|
|
1722
1712
|
"skewX",
|
|
1723
1713
|
"skewY"
|
|
1724
1714
|
];
|
|
1725
|
-
var transformProps = /* @__PURE__ */ (() => new Set(transformPropOrder))();
|
|
1715
|
+
var transformProps = /* @__PURE__ */ (() => /* @__PURE__ */ new Set([...transformPropOrder, "pathRotation"]))();
|
|
1726
1716
|
|
|
1727
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1717
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/utils/unit-conversion.mjs
|
|
1728
1718
|
var isNumOrPxType = (v) => v === number || v === px;
|
|
1729
1719
|
var transformKeys = /* @__PURE__ */ new Set(["x", "y", "z"]);
|
|
1730
1720
|
var nonTranslationalTransformKeys = transformPropOrder.filter((key) => !transformKeys.has(key));
|
|
@@ -1760,7 +1750,7 @@ var positionalValues = {
|
|
|
1760
1750
|
positionalValues.translateX = positionalValues.x;
|
|
1761
1751
|
positionalValues.translateY = positionalValues.y;
|
|
1762
1752
|
|
|
1763
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1753
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/KeyframesResolver.mjs
|
|
1764
1754
|
var toResolve = /* @__PURE__ */ new Set();
|
|
1765
1755
|
var isScheduled = false;
|
|
1766
1756
|
var anyNeedsMeasurement = false;
|
|
@@ -1886,27 +1876,27 @@ var KeyframeResolver = class {
|
|
|
1886
1876
|
}
|
|
1887
1877
|
};
|
|
1888
1878
|
|
|
1889
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1879
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/dom/is-css-var.mjs
|
|
1890
1880
|
var isCSSVar = (name) => name.startsWith("--");
|
|
1891
1881
|
|
|
1892
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1882
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/dom/style-set.mjs
|
|
1893
1883
|
function setStyle(element, name, value) {
|
|
1894
1884
|
isCSSVar(name) ? element.style.setProperty(name, value) : element.style[name] = value;
|
|
1895
1885
|
}
|
|
1896
1886
|
|
|
1897
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1887
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/supports/flags.mjs
|
|
1898
1888
|
var supportsFlags = {};
|
|
1899
1889
|
|
|
1900
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1890
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/supports/memo.mjs
|
|
1901
1891
|
function memoSupports(callback, supportsFlag) {
|
|
1902
1892
|
const memoized = memo(callback);
|
|
1903
1893
|
return () => supportsFlags[supportsFlag] ?? memoized();
|
|
1904
1894
|
}
|
|
1905
1895
|
|
|
1906
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1896
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/supports/scroll-timeline.mjs
|
|
1907
1897
|
var supportsScrollTimeline = /* @__PURE__ */ memoSupports(() => window.ScrollTimeline !== void 0, "scrollTimeline");
|
|
1908
1898
|
|
|
1909
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1899
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/supports/linear-easing.mjs
|
|
1910
1900
|
var supportsLinearEasing = /* @__PURE__ */ memoSupports(() => {
|
|
1911
1901
|
try {
|
|
1912
1902
|
document.createElement("div").animate({ opacity: 0 }, { easing: "linear(0, 1)" });
|
|
@@ -1916,10 +1906,10 @@ var supportsLinearEasing = /* @__PURE__ */ memoSupports(() => {
|
|
|
1916
1906
|
return true;
|
|
1917
1907
|
}, "linearEasing");
|
|
1918
1908
|
|
|
1919
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1909
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/easing/cubic-bezier.mjs
|
|
1920
1910
|
var cubicBezierAsString = ([a, b, c, d]) => `cubic-bezier(${a}, ${b}, ${c}, ${d})`;
|
|
1921
1911
|
|
|
1922
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1912
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/easing/supported.mjs
|
|
1923
1913
|
var supportedWaapiEasing = {
|
|
1924
1914
|
linear: "linear",
|
|
1925
1915
|
ease: "ease",
|
|
@@ -1932,7 +1922,7 @@ var supportedWaapiEasing = {
|
|
|
1932
1922
|
backOut: /* @__PURE__ */ cubicBezierAsString([0.33, 1.53, 0.69, 0.99])
|
|
1933
1923
|
};
|
|
1934
1924
|
|
|
1935
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1925
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/easing/map-easing.mjs
|
|
1936
1926
|
function mapEasingToNativeEasing(easing, duration) {
|
|
1937
1927
|
if (!easing) {
|
|
1938
1928
|
return void 0;
|
|
@@ -1947,7 +1937,7 @@ function mapEasingToNativeEasing(easing, duration) {
|
|
|
1947
1937
|
}
|
|
1948
1938
|
}
|
|
1949
1939
|
|
|
1950
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1940
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/start-waapi-animation.mjs
|
|
1951
1941
|
function startWaapiAnimation(element, valueName, keyframes2, { delay: delay2 = 0, duration = 300, repeat = 0, repeatType = "loop", ease: ease2 = "easeOut", times } = {}, pseudoElement = void 0) {
|
|
1952
1942
|
const keyframeOptions = {
|
|
1953
1943
|
[valueName]: keyframes2
|
|
@@ -1967,16 +1957,15 @@ function startWaapiAnimation(element, valueName, keyframes2, { delay: delay2 = 0
|
|
|
1967
1957
|
};
|
|
1968
1958
|
if (pseudoElement)
|
|
1969
1959
|
options.pseudoElement = pseudoElement;
|
|
1970
|
-
|
|
1971
|
-
return animation;
|
|
1960
|
+
return element.animate(keyframeOptions, options);
|
|
1972
1961
|
}
|
|
1973
1962
|
|
|
1974
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1963
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/generators/utils/is-generator.mjs
|
|
1975
1964
|
function isGenerator(type) {
|
|
1976
1965
|
return typeof type === "function" && "applyToOptions" in type;
|
|
1977
1966
|
}
|
|
1978
1967
|
|
|
1979
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1968
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/utils/apply-generator.mjs
|
|
1980
1969
|
function applyGeneratorOptions({ type, ...options }) {
|
|
1981
1970
|
if (isGenerator(type) && supportsLinearEasing()) {
|
|
1982
1971
|
return type.applyToOptions(options);
|
|
@@ -1987,7 +1976,7 @@ function applyGeneratorOptions({ type, ...options }) {
|
|
|
1987
1976
|
return options;
|
|
1988
1977
|
}
|
|
1989
1978
|
|
|
1990
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
1979
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/NativeAnimation.mjs
|
|
1991
1980
|
var NativeAnimation = class extends WithPromise {
|
|
1992
1981
|
constructor(options) {
|
|
1993
1982
|
super();
|
|
@@ -2137,7 +2126,7 @@ var NativeAnimation = class extends WithPromise {
|
|
|
2137
2126
|
}
|
|
2138
2127
|
};
|
|
2139
2128
|
|
|
2140
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2129
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/utils/unsupported-easing.mjs
|
|
2141
2130
|
var unsupportedEasingFunctions = {
|
|
2142
2131
|
anticipate,
|
|
2143
2132
|
backInOut,
|
|
@@ -2152,7 +2141,7 @@ function replaceStringEasing(transition) {
|
|
|
2152
2141
|
}
|
|
2153
2142
|
}
|
|
2154
2143
|
|
|
2155
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2144
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/NativeAnimationExtended.mjs
|
|
2156
2145
|
var sampleDelta = 10;
|
|
2157
2146
|
var NativeAnimationExtended = class extends NativeAnimation {
|
|
2158
2147
|
constructor(options) {
|
|
@@ -2195,7 +2184,7 @@ var NativeAnimationExtended = class extends NativeAnimation {
|
|
|
2195
2184
|
}
|
|
2196
2185
|
};
|
|
2197
2186
|
|
|
2198
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2187
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/is-animatable.mjs
|
|
2199
2188
|
var isAnimatable = (value, name) => {
|
|
2200
2189
|
if (name === "zIndex")
|
|
2201
2190
|
return false;
|
|
@@ -2209,7 +2198,7 @@ var isAnimatable = (value, name) => {
|
|
|
2209
2198
|
return false;
|
|
2210
2199
|
};
|
|
2211
2200
|
|
|
2212
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2201
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/can-animate.mjs
|
|
2213
2202
|
function hasKeyframesChanged(keyframes2) {
|
|
2214
2203
|
const current = keyframes2[0];
|
|
2215
2204
|
if (keyframes2.length === 1)
|
|
@@ -2236,24 +2225,22 @@ function canAnimate(keyframes2, name, type, velocity) {
|
|
|
2236
2225
|
return hasKeyframesChanged(keyframes2) || (type === "spring" || isGenerator(type)) && velocity;
|
|
2237
2226
|
}
|
|
2238
2227
|
|
|
2239
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2228
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/make-animation-instant.mjs
|
|
2240
2229
|
function makeAnimationInstant(options) {
|
|
2241
2230
|
options.duration = 0;
|
|
2242
2231
|
options.type = "keyframes";
|
|
2243
2232
|
}
|
|
2244
2233
|
|
|
2245
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2234
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/utils/accelerated-values.mjs
|
|
2246
2235
|
var acceleratedValues = /* @__PURE__ */ new Set([
|
|
2247
2236
|
"opacity",
|
|
2248
2237
|
"clipPath",
|
|
2249
2238
|
"filter",
|
|
2250
|
-
"transform"
|
|
2251
|
-
|
|
2252
|
-
// or until we implement support for linear() easing.
|
|
2253
|
-
// "background-color"
|
|
2239
|
+
"transform",
|
|
2240
|
+
"backgroundColor"
|
|
2254
2241
|
]);
|
|
2255
2242
|
|
|
2256
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2243
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/utils/is-browser-color.mjs
|
|
2257
2244
|
var browserColorFunctions = /^(?:oklch|oklab|lab|lch|color|color-mix|light-dark)\(/;
|
|
2258
2245
|
function hasBrowserOnlyColors(keyframes2) {
|
|
2259
2246
|
for (let i = 0; i < keyframes2.length; i++) {
|
|
@@ -2264,7 +2251,7 @@ function hasBrowserOnlyColors(keyframes2) {
|
|
|
2264
2251
|
return false;
|
|
2265
2252
|
}
|
|
2266
2253
|
|
|
2267
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2254
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/waapi/supports/waapi.mjs
|
|
2268
2255
|
var colorProperties = /* @__PURE__ */ new Set([
|
|
2269
2256
|
"color",
|
|
2270
2257
|
"backgroundColor",
|
|
@@ -2281,7 +2268,7 @@ var supportsWaapi = /* @__PURE__ */ memo(() => Object.hasOwnProperty.call(Elemen
|
|
|
2281
2268
|
function supportsBrowserAnimation(options) {
|
|
2282
2269
|
const { motionValue: motionValue2, name, repeatDelay, repeatType, damping, type, keyframes: keyframes2 } = options;
|
|
2283
2270
|
const subject = motionValue2?.owner?.current;
|
|
2284
|
-
if (!(subject instanceof HTMLElement)) {
|
|
2271
|
+
if (!(subject instanceof HTMLElement) && !(subject instanceof SVGElement)) {
|
|
2285
2272
|
return false;
|
|
2286
2273
|
}
|
|
2287
2274
|
const { onUpdate, transformTemplate } = motionValue2.owner.getProps();
|
|
@@ -2296,7 +2283,7 @@ function supportsBrowserAnimation(options) {
|
|
|
2296
2283
|
!onUpdate && !repeatDelay && repeatType !== "mirror" && damping !== 0 && type !== "inertia";
|
|
2297
2284
|
}
|
|
2298
2285
|
|
|
2299
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2286
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/AsyncMotionValueAnimation.mjs
|
|
2300
2287
|
var MAX_RESOLVE_DELAY = 40;
|
|
2301
2288
|
var AsyncMotionValueAnimation = class extends WithPromise {
|
|
2302
2289
|
constructor({ autoplay = true, delay: delay2 = 0, type = "keyframes", repeat = 0, repeatDelay = 0, repeatType = "loop", keyframes: keyframes2, name, motionValue: motionValue2, element, ...options }) {
|
|
@@ -2437,7 +2424,7 @@ var AsyncMotionValueAnimation = class extends WithPromise {
|
|
|
2437
2424
|
}
|
|
2438
2425
|
};
|
|
2439
2426
|
|
|
2440
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2427
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/calc-child-stagger.mjs
|
|
2441
2428
|
function calcChildStagger(children, child, delayChildren, staggerChildren = 0, staggerDirection = 1) {
|
|
2442
2429
|
const index = Array.from(children).sort((a, b) => a.sortNodePosition(b)).indexOf(child);
|
|
2443
2430
|
const numChildren = children.size;
|
|
@@ -2446,202 +2433,7 @@ function calcChildStagger(children, child, delayChildren, staggerChildren = 0, s
|
|
|
2446
2433
|
return delayIsFunction ? delayChildren(index, numChildren) : staggerDirection === 1 ? index * staggerChildren : maxStaggerDuration - index * staggerChildren;
|
|
2447
2434
|
}
|
|
2448
2435
|
|
|
2449
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2450
|
-
var splitCSSVariableRegex = (
|
|
2451
|
-
// eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
|
|
2452
|
-
/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
|
|
2453
|
-
);
|
|
2454
|
-
function parseCSSVariable(current) {
|
|
2455
|
-
const match = splitCSSVariableRegex.exec(current);
|
|
2456
|
-
if (!match)
|
|
2457
|
-
return [,];
|
|
2458
|
-
const [, token1, token2, fallback] = match;
|
|
2459
|
-
return [`--${token1 ?? token2}`, fallback];
|
|
2460
|
-
}
|
|
2461
|
-
var maxDepth = 4;
|
|
2462
|
-
function getVariableValue(current, element, depth = 1) {
|
|
2463
|
-
invariant(depth <= maxDepth, `Max CSS variable fallback depth detected in property "${current}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
|
|
2464
|
-
const [token, fallback] = parseCSSVariable(current);
|
|
2465
|
-
if (!token)
|
|
2466
|
-
return;
|
|
2467
|
-
const resolved = window.getComputedStyle(element).getPropertyValue(token);
|
|
2468
|
-
if (resolved) {
|
|
2469
|
-
const trimmed = resolved.trim();
|
|
2470
|
-
return isNumericalString(trimmed) ? parseFloat(trimmed) : trimmed;
|
|
2471
|
-
}
|
|
2472
|
-
return isCSSVariableToken(fallback) ? getVariableValue(fallback, element, depth + 1) : fallback;
|
|
2473
|
-
}
|
|
2474
|
-
|
|
2475
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/default-transitions.mjs
|
|
2476
|
-
var underDampedSpring = {
|
|
2477
|
-
type: "spring",
|
|
2478
|
-
stiffness: 500,
|
|
2479
|
-
damping: 25,
|
|
2480
|
-
restSpeed: 10
|
|
2481
|
-
};
|
|
2482
|
-
var criticallyDampedSpring = (target) => ({
|
|
2483
|
-
type: "spring",
|
|
2484
|
-
stiffness: 550,
|
|
2485
|
-
damping: target === 0 ? 2 * Math.sqrt(550) : 30,
|
|
2486
|
-
restSpeed: 10
|
|
2487
|
-
});
|
|
2488
|
-
var keyframesTransition = {
|
|
2489
|
-
type: "keyframes",
|
|
2490
|
-
duration: 0.8
|
|
2491
|
-
};
|
|
2492
|
-
var ease = {
|
|
2493
|
-
type: "keyframes",
|
|
2494
|
-
ease: [0.25, 0.1, 0.35, 1],
|
|
2495
|
-
duration: 0.3
|
|
2496
|
-
};
|
|
2497
|
-
var getDefaultTransition = (valueKey, { keyframes: keyframes2 }) => {
|
|
2498
|
-
if (keyframes2.length > 2) {
|
|
2499
|
-
return keyframesTransition;
|
|
2500
|
-
} else if (transformProps.has(valueKey)) {
|
|
2501
|
-
return valueKey.startsWith("scale") ? criticallyDampedSpring(keyframes2[1]) : underDampedSpring;
|
|
2502
|
-
}
|
|
2503
|
-
return ease;
|
|
2504
|
-
};
|
|
2505
|
-
|
|
2506
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/resolve-transition.mjs
|
|
2507
|
-
function resolveTransition(transition, parentTransition) {
|
|
2508
|
-
if (transition?.inherit && parentTransition) {
|
|
2509
|
-
const { inherit: _, ...rest } = transition;
|
|
2510
|
-
return { ...parentTransition, ...rest };
|
|
2511
|
-
}
|
|
2512
|
-
return transition;
|
|
2513
|
-
}
|
|
2514
|
-
|
|
2515
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/get-value-transition.mjs
|
|
2516
|
-
function getValueTransition(transition, key) {
|
|
2517
|
-
const valueTransition = transition?.[key] ?? transition?.["default"] ?? transition;
|
|
2518
|
-
if (valueTransition !== transition) {
|
|
2519
|
-
return resolveTransition(valueTransition, transition);
|
|
2520
|
-
}
|
|
2521
|
-
return valueTransition;
|
|
2522
|
-
}
|
|
2523
|
-
|
|
2524
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/utils/is-transition-defined.mjs
|
|
2525
|
-
var orchestrationKeys = /* @__PURE__ */ new Set([
|
|
2526
|
-
"when",
|
|
2527
|
-
"delay",
|
|
2528
|
-
"delayChildren",
|
|
2529
|
-
"staggerChildren",
|
|
2530
|
-
"staggerDirection",
|
|
2531
|
-
"repeat",
|
|
2532
|
-
"repeatType",
|
|
2533
|
-
"repeatDelay",
|
|
2534
|
-
"from",
|
|
2535
|
-
"elapsed"
|
|
2536
|
-
]);
|
|
2537
|
-
function isTransitionDefined(transition) {
|
|
2538
|
-
for (const key in transition) {
|
|
2539
|
-
if (!orchestrationKeys.has(key))
|
|
2540
|
-
return true;
|
|
2541
|
-
}
|
|
2542
|
-
return false;
|
|
2543
|
-
}
|
|
2544
|
-
|
|
2545
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/animation/interfaces/motion-value.mjs
|
|
2546
|
-
var animateMotionValue = (name, value, target, transition = {}, element, isHandoff) => (onComplete) => {
|
|
2547
|
-
const valueTransition = getValueTransition(transition, name) || {};
|
|
2548
|
-
const delay2 = valueTransition.delay || transition.delay || 0;
|
|
2549
|
-
let { elapsed = 0 } = transition;
|
|
2550
|
-
elapsed = elapsed - secondsToMilliseconds(delay2);
|
|
2551
|
-
const options = {
|
|
2552
|
-
keyframes: Array.isArray(target) ? target : [null, target],
|
|
2553
|
-
ease: "easeOut",
|
|
2554
|
-
velocity: value.getVelocity(),
|
|
2555
|
-
...valueTransition,
|
|
2556
|
-
delay: -elapsed,
|
|
2557
|
-
onUpdate: (v) => {
|
|
2558
|
-
value.set(v);
|
|
2559
|
-
valueTransition.onUpdate && valueTransition.onUpdate(v);
|
|
2560
|
-
},
|
|
2561
|
-
onComplete: () => {
|
|
2562
|
-
onComplete();
|
|
2563
|
-
valueTransition.onComplete && valueTransition.onComplete();
|
|
2564
|
-
},
|
|
2565
|
-
name,
|
|
2566
|
-
motionValue: value,
|
|
2567
|
-
element: isHandoff ? void 0 : element
|
|
2568
|
-
};
|
|
2569
|
-
if (!isTransitionDefined(valueTransition)) {
|
|
2570
|
-
Object.assign(options, getDefaultTransition(name, options));
|
|
2571
|
-
}
|
|
2572
|
-
options.duration && (options.duration = secondsToMilliseconds(options.duration));
|
|
2573
|
-
options.repeatDelay && (options.repeatDelay = secondsToMilliseconds(options.repeatDelay));
|
|
2574
|
-
if (options.from !== void 0) {
|
|
2575
|
-
options.keyframes[0] = options.from;
|
|
2576
|
-
}
|
|
2577
|
-
let shouldSkip = false;
|
|
2578
|
-
if (options.type === false || options.duration === 0 && !options.repeatDelay) {
|
|
2579
|
-
makeAnimationInstant(options);
|
|
2580
|
-
if (options.delay === 0) {
|
|
2581
|
-
shouldSkip = true;
|
|
2582
|
-
}
|
|
2583
|
-
}
|
|
2584
|
-
if (MotionGlobalConfig.instantAnimations || MotionGlobalConfig.skipAnimations || element?.shouldSkipAnimations) {
|
|
2585
|
-
shouldSkip = true;
|
|
2586
|
-
makeAnimationInstant(options);
|
|
2587
|
-
options.delay = 0;
|
|
2588
|
-
}
|
|
2589
|
-
options.allowFlatten = !valueTransition.type && !valueTransition.ease;
|
|
2590
|
-
if (shouldSkip && !isHandoff && value.get() !== void 0) {
|
|
2591
|
-
const finalKeyframe = getFinalKeyframe(options.keyframes, valueTransition);
|
|
2592
|
-
if (finalKeyframe !== void 0) {
|
|
2593
|
-
frame.update(() => {
|
|
2594
|
-
options.onUpdate(finalKeyframe);
|
|
2595
|
-
options.onComplete();
|
|
2596
|
-
});
|
|
2597
|
-
return;
|
|
2598
|
-
}
|
|
2599
|
-
}
|
|
2600
|
-
return valueTransition.isSync ? new JSAnimation(options) : new AsyncMotionValueAnimation(options);
|
|
2601
|
-
};
|
|
2602
|
-
|
|
2603
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/resolve-variants.mjs
|
|
2604
|
-
function getValueState(visualElement) {
|
|
2605
|
-
const state = [{}, {}];
|
|
2606
|
-
visualElement?.values.forEach((value, key) => {
|
|
2607
|
-
state[0][key] = value.get();
|
|
2608
|
-
state[1][key] = value.getVelocity();
|
|
2609
|
-
});
|
|
2610
|
-
return state;
|
|
2611
|
-
}
|
|
2612
|
-
function resolveVariantFromProps(props, definition, custom, visualElement) {
|
|
2613
|
-
if (typeof definition === "function") {
|
|
2614
|
-
const [current, velocity] = getValueState(visualElement);
|
|
2615
|
-
definition = definition(custom !== void 0 ? custom : props.custom, current, velocity);
|
|
2616
|
-
}
|
|
2617
|
-
if (typeof definition === "string") {
|
|
2618
|
-
definition = props.variants && props.variants[definition];
|
|
2619
|
-
}
|
|
2620
|
-
if (typeof definition === "function") {
|
|
2621
|
-
const [current, velocity] = getValueState(visualElement);
|
|
2622
|
-
definition = definition(custom !== void 0 ? custom : props.custom, current, velocity);
|
|
2623
|
-
}
|
|
2624
|
-
return definition;
|
|
2625
|
-
}
|
|
2626
|
-
|
|
2627
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/resolve-dynamic-variants.mjs
|
|
2628
|
-
function resolveVariant(visualElement, definition, custom) {
|
|
2629
|
-
const props = visualElement.getProps();
|
|
2630
|
-
return resolveVariantFromProps(props, definition, custom !== void 0 ? custom : props.custom, visualElement);
|
|
2631
|
-
}
|
|
2632
|
-
|
|
2633
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/render/utils/keys-position.mjs
|
|
2634
|
-
var positionalKeys = /* @__PURE__ */ new Set([
|
|
2635
|
-
"width",
|
|
2636
|
-
"height",
|
|
2637
|
-
"top",
|
|
2638
|
-
"left",
|
|
2639
|
-
"right",
|
|
2640
|
-
"bottom",
|
|
2641
|
-
...transformPropOrder
|
|
2642
|
-
]);
|
|
2643
|
-
|
|
2644
|
-
// ../../node_modules/.pnpm/motion-dom@12.38.0/node_modules/motion-dom/dist/es/value/index.mjs
|
|
2436
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/index.mjs
|
|
2645
2437
|
var MAX_VELOCITY_DELTA = 30;
|
|
2646
2438
|
var isFloat = (value) => {
|
|
2647
2439
|
return !isNaN(parseFloat(value));
|
|
@@ -2886,46 +2678,241 @@ var MotionValue = class {
|
|
|
2886
2678
|
}
|
|
2887
2679
|
this.clearAnimation();
|
|
2888
2680
|
}
|
|
2889
|
-
/**
|
|
2890
|
-
* Returns `true` if this value is currently animating.
|
|
2891
|
-
*
|
|
2892
|
-
* @public
|
|
2893
|
-
*/
|
|
2894
|
-
isAnimating() {
|
|
2895
|
-
return !!this.animation;
|
|
2681
|
+
/**
|
|
2682
|
+
* Returns `true` if this value is currently animating.
|
|
2683
|
+
*
|
|
2684
|
+
* @public
|
|
2685
|
+
*/
|
|
2686
|
+
isAnimating() {
|
|
2687
|
+
return !!this.animation;
|
|
2688
|
+
}
|
|
2689
|
+
clearAnimation() {
|
|
2690
|
+
delete this.animation;
|
|
2691
|
+
}
|
|
2692
|
+
/**
|
|
2693
|
+
* Destroy and clean up subscribers to this `MotionValue`.
|
|
2694
|
+
*
|
|
2695
|
+
* The `MotionValue` hooks like `useMotionValue` and `useTransform` automatically
|
|
2696
|
+
* handle the lifecycle of the returned `MotionValue`, so this method is only necessary if you've manually
|
|
2697
|
+
* created a `MotionValue` via the `motionValue` function.
|
|
2698
|
+
*
|
|
2699
|
+
* @public
|
|
2700
|
+
*/
|
|
2701
|
+
destroy() {
|
|
2702
|
+
this.dependents?.clear();
|
|
2703
|
+
this.events.destroy?.notify();
|
|
2704
|
+
this.clearListeners();
|
|
2705
|
+
this.stop();
|
|
2706
|
+
if (this.stopPassiveEffect) {
|
|
2707
|
+
this.stopPassiveEffect();
|
|
2708
|
+
}
|
|
2709
|
+
}
|
|
2710
|
+
};
|
|
2711
|
+
function motionValue(init, options) {
|
|
2712
|
+
return new MotionValue(init, options);
|
|
2713
|
+
}
|
|
2714
|
+
|
|
2715
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/resolve-transition.mjs
|
|
2716
|
+
function resolveTransition(transition, parentTransition) {
|
|
2717
|
+
if (transition?.inherit && parentTransition) {
|
|
2718
|
+
const { inherit: _, ...rest } = transition;
|
|
2719
|
+
return { ...parentTransition, ...rest };
|
|
2720
|
+
}
|
|
2721
|
+
return transition;
|
|
2722
|
+
}
|
|
2723
|
+
|
|
2724
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/get-value-transition.mjs
|
|
2725
|
+
function getValueTransition(transition, key) {
|
|
2726
|
+
const valueTransition = transition?.[key] ?? transition?.["default"] ?? transition;
|
|
2727
|
+
if (valueTransition !== transition) {
|
|
2728
|
+
return resolveTransition(valueTransition, transition);
|
|
2729
|
+
}
|
|
2730
|
+
return valueTransition;
|
|
2731
|
+
}
|
|
2732
|
+
|
|
2733
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/default-transitions.mjs
|
|
2734
|
+
var underDampedSpring = {
|
|
2735
|
+
type: "spring",
|
|
2736
|
+
stiffness: 500,
|
|
2737
|
+
damping: 25,
|
|
2738
|
+
restSpeed: 10
|
|
2739
|
+
};
|
|
2740
|
+
var criticallyDampedSpring = (target) => ({
|
|
2741
|
+
type: "spring",
|
|
2742
|
+
stiffness: 550,
|
|
2743
|
+
damping: target === 0 ? 2 * Math.sqrt(550) : 30,
|
|
2744
|
+
restSpeed: 10
|
|
2745
|
+
});
|
|
2746
|
+
var keyframesTransition = {
|
|
2747
|
+
type: "keyframes",
|
|
2748
|
+
duration: 0.8
|
|
2749
|
+
};
|
|
2750
|
+
var ease = {
|
|
2751
|
+
type: "keyframes",
|
|
2752
|
+
ease: [0.25, 0.1, 0.35, 1],
|
|
2753
|
+
duration: 0.3
|
|
2754
|
+
};
|
|
2755
|
+
var getDefaultTransition = (valueKey, { keyframes: keyframes2 }) => {
|
|
2756
|
+
if (keyframes2.length > 2) {
|
|
2757
|
+
return keyframesTransition;
|
|
2758
|
+
} else if (transformProps.has(valueKey)) {
|
|
2759
|
+
return valueKey.startsWith("scale") ? criticallyDampedSpring(keyframes2[1]) : underDampedSpring;
|
|
2760
|
+
}
|
|
2761
|
+
return ease;
|
|
2762
|
+
};
|
|
2763
|
+
|
|
2764
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/is-transition-defined.mjs
|
|
2765
|
+
var orchestrationKeys = /* @__PURE__ */ new Set([
|
|
2766
|
+
"when",
|
|
2767
|
+
"delay",
|
|
2768
|
+
"delayChildren",
|
|
2769
|
+
"staggerChildren",
|
|
2770
|
+
"staggerDirection",
|
|
2771
|
+
"repeat",
|
|
2772
|
+
"repeatType",
|
|
2773
|
+
"repeatDelay",
|
|
2774
|
+
"from",
|
|
2775
|
+
"elapsed"
|
|
2776
|
+
]);
|
|
2777
|
+
function isTransitionDefined(transition) {
|
|
2778
|
+
for (const key in transition) {
|
|
2779
|
+
if (!orchestrationKeys.has(key))
|
|
2780
|
+
return true;
|
|
2781
|
+
}
|
|
2782
|
+
return false;
|
|
2783
|
+
}
|
|
2784
|
+
|
|
2785
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/interfaces/motion-value.mjs
|
|
2786
|
+
var animateMotionValue = (name, value, target, transition = {}, element, isHandoff) => (onComplete) => {
|
|
2787
|
+
const valueTransition = getValueTransition(transition, name) || {};
|
|
2788
|
+
const delay2 = valueTransition.delay || transition.delay || 0;
|
|
2789
|
+
let { elapsed = 0 } = transition;
|
|
2790
|
+
elapsed = elapsed - secondsToMilliseconds(delay2);
|
|
2791
|
+
const options = {
|
|
2792
|
+
keyframes: Array.isArray(target) ? target : [null, target],
|
|
2793
|
+
ease: "easeOut",
|
|
2794
|
+
velocity: value.getVelocity(),
|
|
2795
|
+
...valueTransition,
|
|
2796
|
+
delay: -elapsed,
|
|
2797
|
+
onUpdate: (v) => {
|
|
2798
|
+
value.set(v);
|
|
2799
|
+
valueTransition.onUpdate && valueTransition.onUpdate(v);
|
|
2800
|
+
},
|
|
2801
|
+
onComplete: () => {
|
|
2802
|
+
onComplete();
|
|
2803
|
+
valueTransition.onComplete && valueTransition.onComplete();
|
|
2804
|
+
},
|
|
2805
|
+
name,
|
|
2806
|
+
motionValue: value,
|
|
2807
|
+
element: isHandoff ? void 0 : element
|
|
2808
|
+
};
|
|
2809
|
+
if (!isTransitionDefined(valueTransition)) {
|
|
2810
|
+
Object.assign(options, getDefaultTransition(name, options));
|
|
2811
|
+
}
|
|
2812
|
+
options.duration && (options.duration = secondsToMilliseconds(options.duration));
|
|
2813
|
+
options.repeatDelay && (options.repeatDelay = secondsToMilliseconds(options.repeatDelay));
|
|
2814
|
+
if (options.from !== void 0) {
|
|
2815
|
+
options.keyframes[0] = options.from;
|
|
2816
|
+
}
|
|
2817
|
+
let shouldSkip = false;
|
|
2818
|
+
if (options.type === false || options.duration === 0 && !options.repeatDelay) {
|
|
2819
|
+
makeAnimationInstant(options);
|
|
2820
|
+
if (options.delay === 0) {
|
|
2821
|
+
shouldSkip = true;
|
|
2822
|
+
}
|
|
2896
2823
|
}
|
|
2897
|
-
|
|
2898
|
-
|
|
2824
|
+
if (MotionGlobalConfig.instantAnimations || MotionGlobalConfig.skipAnimations || element?.shouldSkipAnimations || valueTransition.skipAnimations) {
|
|
2825
|
+
shouldSkip = true;
|
|
2826
|
+
makeAnimationInstant(options);
|
|
2827
|
+
options.delay = 0;
|
|
2899
2828
|
}
|
|
2900
|
-
|
|
2901
|
-
|
|
2902
|
-
|
|
2903
|
-
|
|
2904
|
-
|
|
2905
|
-
|
|
2906
|
-
|
|
2907
|
-
|
|
2908
|
-
|
|
2909
|
-
destroy() {
|
|
2910
|
-
this.dependents?.clear();
|
|
2911
|
-
this.events.destroy?.notify();
|
|
2912
|
-
this.clearListeners();
|
|
2913
|
-
this.stop();
|
|
2914
|
-
if (this.stopPassiveEffect) {
|
|
2915
|
-
this.stopPassiveEffect();
|
|
2829
|
+
options.allowFlatten = !valueTransition.type && !valueTransition.ease;
|
|
2830
|
+
if (shouldSkip && !isHandoff && value.get() !== void 0) {
|
|
2831
|
+
const finalKeyframe = getFinalKeyframe(options.keyframes, valueTransition);
|
|
2832
|
+
if (finalKeyframe !== void 0) {
|
|
2833
|
+
frame.update(() => {
|
|
2834
|
+
options.onUpdate(finalKeyframe);
|
|
2835
|
+
options.onComplete();
|
|
2836
|
+
});
|
|
2837
|
+
return;
|
|
2916
2838
|
}
|
|
2917
2839
|
}
|
|
2840
|
+
return valueTransition.isSync ? new JSAnimation(options) : new AsyncMotionValueAnimation(options);
|
|
2918
2841
|
};
|
|
2919
|
-
|
|
2920
|
-
|
|
2842
|
+
|
|
2843
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/utils/css-variables-conversion.mjs
|
|
2844
|
+
var splitCSSVariableRegex = (
|
|
2845
|
+
// eslint-disable-next-line redos-detector/no-unsafe-regex -- false positive, as it can match a lot of words
|
|
2846
|
+
/^var\(--(?:([\w-]+)|([\w-]+), ?([a-zA-Z\d ()%#.,-]+))\)/u
|
|
2847
|
+
);
|
|
2848
|
+
function parseCSSVariable(current) {
|
|
2849
|
+
const match = splitCSSVariableRegex.exec(current);
|
|
2850
|
+
if (!match)
|
|
2851
|
+
return [,];
|
|
2852
|
+
const [, token1, token2, fallback] = match;
|
|
2853
|
+
return [`--${token1 ?? token2}`, fallback];
|
|
2854
|
+
}
|
|
2855
|
+
var maxDepth = 4;
|
|
2856
|
+
function getVariableValue(current, element, depth = 1) {
|
|
2857
|
+
invariant(depth <= maxDepth, `Max CSS variable fallback depth detected in property "${current}". This may indicate a circular fallback dependency.`, "max-css-var-depth");
|
|
2858
|
+
const [token, fallback] = parseCSSVariable(current);
|
|
2859
|
+
if (!token)
|
|
2860
|
+
return;
|
|
2861
|
+
const resolved = window.getComputedStyle(element).getPropertyValue(token);
|
|
2862
|
+
if (resolved) {
|
|
2863
|
+
const trimmed = resolved.trim();
|
|
2864
|
+
return isNumericalString(trimmed) ? parseFloat(trimmed) : trimmed;
|
|
2865
|
+
}
|
|
2866
|
+
return isCSSVariableToken(fallback) ? getVariableValue(fallback, element, depth + 1) : fallback;
|
|
2867
|
+
}
|
|
2868
|
+
|
|
2869
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/resolve-variants.mjs
|
|
2870
|
+
function getValueState(visualElement) {
|
|
2871
|
+
const state = [{}, {}];
|
|
2872
|
+
visualElement?.values.forEach((value, key) => {
|
|
2873
|
+
state[0][key] = value.get();
|
|
2874
|
+
state[1][key] = value.getVelocity();
|
|
2875
|
+
});
|
|
2876
|
+
return state;
|
|
2877
|
+
}
|
|
2878
|
+
function resolveVariantFromProps(props, definition, custom, visualElement) {
|
|
2879
|
+
if (typeof definition === "function") {
|
|
2880
|
+
const [current, velocity] = getValueState(visualElement);
|
|
2881
|
+
definition = definition(custom !== void 0 ? custom : props.custom, current, velocity);
|
|
2882
|
+
}
|
|
2883
|
+
if (typeof definition === "string") {
|
|
2884
|
+
definition = props.variants && props.variants[definition];
|
|
2885
|
+
}
|
|
2886
|
+
if (typeof definition === "function") {
|
|
2887
|
+
const [current, velocity] = getValueState(visualElement);
|
|
2888
|
+
definition = definition(custom !== void 0 ? custom : props.custom, current, velocity);
|
|
2889
|
+
}
|
|
2890
|
+
return definition;
|
|
2891
|
+
}
|
|
2892
|
+
|
|
2893
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/resolve-dynamic-variants.mjs
|
|
2894
|
+
function resolveVariant(visualElement, definition, custom) {
|
|
2895
|
+
const props = visualElement.getProps();
|
|
2896
|
+
return resolveVariantFromProps(props, definition, custom !== void 0 ? custom : props.custom, visualElement);
|
|
2921
2897
|
}
|
|
2922
2898
|
|
|
2923
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2899
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/keys-position.mjs
|
|
2900
|
+
var positionalKeys = /* @__PURE__ */ new Set([
|
|
2901
|
+
"width",
|
|
2902
|
+
"height",
|
|
2903
|
+
"top",
|
|
2904
|
+
"left",
|
|
2905
|
+
"right",
|
|
2906
|
+
"bottom",
|
|
2907
|
+
...transformPropOrder
|
|
2908
|
+
]);
|
|
2909
|
+
|
|
2910
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/is-keyframes-target.mjs
|
|
2924
2911
|
var isKeyframesTarget = (v) => {
|
|
2925
2912
|
return Array.isArray(v);
|
|
2926
2913
|
};
|
|
2927
2914
|
|
|
2928
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2915
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/setters.mjs
|
|
2929
2916
|
function setMotionValue(visualElement, key, value) {
|
|
2930
2917
|
if (visualElement.hasValue(key)) {
|
|
2931
2918
|
visualElement.getValue(key).set(value);
|
|
@@ -2946,15 +2933,15 @@ function setTarget(visualElement, definition) {
|
|
|
2946
2933
|
}
|
|
2947
2934
|
}
|
|
2948
2935
|
|
|
2949
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2936
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/utils/is-motion-value.mjs
|
|
2950
2937
|
var isMotionValue = (value) => Boolean(value && value.getVelocity);
|
|
2951
2938
|
|
|
2952
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2939
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/will-change/is.mjs
|
|
2953
2940
|
function isWillChangeMotionValue(value) {
|
|
2954
2941
|
return Boolean(isMotionValue(value) && value.add);
|
|
2955
2942
|
}
|
|
2956
2943
|
|
|
2957
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2944
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/will-change/add-will-change.mjs
|
|
2958
2945
|
function addValueToWillChange(visualElement, key) {
|
|
2959
2946
|
const willChange = visualElement.getValue("willChange");
|
|
2960
2947
|
if (isWillChangeMotionValue(willChange)) {
|
|
@@ -2966,21 +2953,22 @@ function addValueToWillChange(visualElement, key) {
|
|
|
2966
2953
|
}
|
|
2967
2954
|
}
|
|
2968
2955
|
|
|
2969
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2956
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/dom/utils/camel-to-dash.mjs
|
|
2970
2957
|
function camelToDash(str) {
|
|
2971
2958
|
return str.replace(/([A-Z])/g, (match) => `-${match.toLowerCase()}`);
|
|
2972
2959
|
}
|
|
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/data-id.mjs
|
|
2975
2962
|
var optimizedAppearDataId = "framerAppearId";
|
|
2976
2963
|
var optimizedAppearDataAttribute = "data-" + camelToDash(optimizedAppearDataId);
|
|
2977
2964
|
|
|
2978
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2965
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/optimized-appear/get-appear-id.mjs
|
|
2979
2966
|
function getOptimisedAppearId(visualElement) {
|
|
2980
2967
|
return visualElement.props[optimizedAppearDataAttribute];
|
|
2981
2968
|
}
|
|
2982
2969
|
|
|
2983
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
2970
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/interfaces/visual-element-target.mjs
|
|
2971
|
+
var isBrowser2 = typeof window !== "undefined";
|
|
2984
2972
|
function shouldBlockAnimation({ protectedKeys, needsAnimating }, key) {
|
|
2985
2973
|
const shouldBlock = protectedKeys.hasOwnProperty(key) && needsAnimating[key] !== true;
|
|
2986
2974
|
needsAnimating[key] = false;
|
|
@@ -2991,10 +2979,15 @@ function animateTarget(visualElement, targetAndTransition, { delay: delay2 = 0,
|
|
|
2991
2979
|
const defaultTransition = visualElement.getDefaultTransition();
|
|
2992
2980
|
transition = transition ? resolveTransition(transition, defaultTransition) : defaultTransition;
|
|
2993
2981
|
const reduceMotion = transition?.reduceMotion;
|
|
2982
|
+
const skipAnimations = transition?.skipAnimations;
|
|
2994
2983
|
if (transitionOverride)
|
|
2995
2984
|
transition = transitionOverride;
|
|
2996
2985
|
const animations2 = [];
|
|
2997
2986
|
const animationTypeState = type && visualElement.animationState && visualElement.animationState.getState()[type];
|
|
2987
|
+
const path = transition?.path;
|
|
2988
|
+
if (path) {
|
|
2989
|
+
path.animateVisualElement(visualElement, target, transition, delay2, animations2);
|
|
2990
|
+
}
|
|
2998
2991
|
for (const key in target) {
|
|
2999
2992
|
const value = visualElement.getValue(key, visualElement.latestValues[key] ?? null);
|
|
3000
2993
|
const valueTarget = target[key];
|
|
@@ -3005,13 +2998,15 @@ function animateTarget(visualElement, targetAndTransition, { delay: delay2 = 0,
|
|
|
3005
2998
|
delay: delay2,
|
|
3006
2999
|
...getValueTransition(transition || {}, key)
|
|
3007
3000
|
};
|
|
3001
|
+
if (skipAnimations)
|
|
3002
|
+
valueTransition.skipAnimations = true;
|
|
3008
3003
|
const currentValue = value.get();
|
|
3009
3004
|
if (currentValue !== void 0 && !value.isAnimating() && !Array.isArray(valueTarget) && valueTarget === currentValue && !valueTransition.velocity) {
|
|
3010
3005
|
frame.update(() => value.set(valueTarget));
|
|
3011
3006
|
continue;
|
|
3012
3007
|
}
|
|
3013
3008
|
let isHandoff = false;
|
|
3014
|
-
if (window.MotionHandoffAnimation) {
|
|
3009
|
+
if (isBrowser2 && window.MotionHandoffAnimation) {
|
|
3015
3010
|
const appearId = getOptimisedAppearId(visualElement);
|
|
3016
3011
|
if (appearId) {
|
|
3017
3012
|
const startTime = window.MotionHandoffAnimation(appearId, key, frame);
|
|
@@ -3042,7 +3037,7 @@ function animateTarget(visualElement, targetAndTransition, { delay: delay2 = 0,
|
|
|
3042
3037
|
return animations2;
|
|
3043
3038
|
}
|
|
3044
3039
|
|
|
3045
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3040
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/interfaces/visual-element-variant.mjs
|
|
3046
3041
|
function animateVariant(visualElement, variant, options = {}) {
|
|
3047
3042
|
const resolved = resolveVariant(visualElement, variant, options.type === "exit" ? visualElement.presenceContext?.custom : void 0);
|
|
3048
3043
|
let { transition = visualElement.getDefaultTransition() || {} } = resolved || {};
|
|
@@ -3074,7 +3069,7 @@ function animateChildren(visualElement, variant, delay2 = 0, delayChildren = 0,
|
|
|
3074
3069
|
return Promise.all(animations2);
|
|
3075
3070
|
}
|
|
3076
3071
|
|
|
3077
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3072
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/interfaces/visual-element.mjs
|
|
3078
3073
|
function animateVisualElement(visualElement, definition, options = {}) {
|
|
3079
3074
|
visualElement.notify("AnimationStart", definition);
|
|
3080
3075
|
let animation;
|
|
@@ -3092,20 +3087,20 @@ function animateVisualElement(visualElement, definition, options = {}) {
|
|
|
3092
3087
|
});
|
|
3093
3088
|
}
|
|
3094
3089
|
|
|
3095
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3090
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/auto.mjs
|
|
3096
3091
|
var auto = {
|
|
3097
3092
|
test: (v) => v === "auto",
|
|
3098
3093
|
parse: (v) => v
|
|
3099
3094
|
};
|
|
3100
3095
|
|
|
3101
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3096
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/test.mjs
|
|
3102
3097
|
var testValueType = (v) => (type) => type.test(v);
|
|
3103
3098
|
|
|
3104
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3099
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/dimensions.mjs
|
|
3105
3100
|
var dimensionValueTypes = [number, px, percent, degrees, vw, vh, auto];
|
|
3106
3101
|
var findDimensionValueType = (v) => dimensionValueTypes.find(testValueType(v));
|
|
3107
3102
|
|
|
3108
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3103
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/utils/is-none.mjs
|
|
3109
3104
|
function isNone(value) {
|
|
3110
3105
|
if (typeof value === "number") {
|
|
3111
3106
|
return value === 0;
|
|
@@ -3116,7 +3111,7 @@ function isNone(value) {
|
|
|
3116
3111
|
}
|
|
3117
3112
|
}
|
|
3118
3113
|
|
|
3119
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3114
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/complex/filter.mjs
|
|
3120
3115
|
var maxDefaults = /* @__PURE__ */ new Set(["brightness", "contrast", "saturate", "opacity"]);
|
|
3121
3116
|
function applyDefaultFilter(v) {
|
|
3122
3117
|
const [name, value] = v.slice(0, -1).split("(");
|
|
@@ -3140,7 +3135,7 @@ var filter = {
|
|
|
3140
3135
|
}
|
|
3141
3136
|
};
|
|
3142
3137
|
|
|
3143
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3138
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/complex/mask.mjs
|
|
3144
3139
|
var mask = {
|
|
3145
3140
|
...complex,
|
|
3146
3141
|
getAnimatableNone: (v) => {
|
|
@@ -3150,15 +3145,21 @@ var mask = {
|
|
|
3150
3145
|
}
|
|
3151
3146
|
};
|
|
3152
3147
|
|
|
3153
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3148
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/int.mjs
|
|
3154
3149
|
var int = {
|
|
3155
3150
|
...number,
|
|
3156
3151
|
transform: Math.round
|
|
3157
3152
|
};
|
|
3158
3153
|
|
|
3159
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3154
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/maps/transform.mjs
|
|
3160
3155
|
var transformValueTypes = {
|
|
3161
3156
|
rotate: degrees,
|
|
3157
|
+
/**
|
|
3158
|
+
* Internal channel for `transition.path` orientToPath. Composed onto
|
|
3159
|
+
* `rotate` at the transform-build sites so the user's `rotate` is
|
|
3160
|
+
* never read or overwritten. Not part of `transformPropOrder`.
|
|
3161
|
+
*/
|
|
3162
|
+
pathRotation: degrees,
|
|
3162
3163
|
rotateX: degrees,
|
|
3163
3164
|
rotateY: degrees,
|
|
3164
3165
|
rotateZ: degrees,
|
|
@@ -3184,7 +3185,7 @@ var transformValueTypes = {
|
|
|
3184
3185
|
originZ: px
|
|
3185
3186
|
};
|
|
3186
3187
|
|
|
3187
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3188
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/maps/number.mjs
|
|
3188
3189
|
var numberValueTypes = {
|
|
3189
3190
|
// Border props
|
|
3190
3191
|
borderWidth: px,
|
|
@@ -3249,7 +3250,7 @@ var numberValueTypes = {
|
|
|
3249
3250
|
numOctaves: int
|
|
3250
3251
|
};
|
|
3251
3252
|
|
|
3252
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3253
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/maps/defaults.mjs
|
|
3253
3254
|
var defaultValueTypes = {
|
|
3254
3255
|
...numberValueTypes,
|
|
3255
3256
|
// Color props
|
|
@@ -3271,7 +3272,7 @@ var defaultValueTypes = {
|
|
|
3271
3272
|
};
|
|
3272
3273
|
var getDefaultValueType = (key) => defaultValueTypes[key];
|
|
3273
3274
|
|
|
3274
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3275
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/animatable-none.mjs
|
|
3275
3276
|
var customTypes = /* @__PURE__ */ new Set([filter, mask]);
|
|
3276
3277
|
function getAnimatableNone2(key, value) {
|
|
3277
3278
|
let defaultValueType = getDefaultValueType(key);
|
|
@@ -3280,7 +3281,7 @@ function getAnimatableNone2(key, value) {
|
|
|
3280
3281
|
return defaultValueType.getAnimatableNone ? defaultValueType.getAnimatableNone(value) : void 0;
|
|
3281
3282
|
}
|
|
3282
3283
|
|
|
3283
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3284
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/utils/make-none-animatable.mjs
|
|
3284
3285
|
var invalidTemplates = /* @__PURE__ */ new Set(["auto", "none", "0"]);
|
|
3285
3286
|
function makeNoneKeyframesAnimatable(unresolvedKeyframes, noneKeyframeIndexes, name) {
|
|
3286
3287
|
let i = 0;
|
|
@@ -3299,7 +3300,7 @@ function makeNoneKeyframesAnimatable(unresolvedKeyframes, noneKeyframeIndexes, n
|
|
|
3299
3300
|
}
|
|
3300
3301
|
}
|
|
3301
3302
|
|
|
3302
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3303
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/keyframes/DOMKeyframesResolver.mjs
|
|
3303
3304
|
var DOMKeyframesResolver = class extends KeyframeResolver {
|
|
3304
3305
|
constructor(unresolvedKeyframes, onComplete, name, motionValue2, element) {
|
|
3305
3306
|
super(unresolvedKeyframes, onComplete, name, motionValue2, element, true);
|
|
@@ -3397,7 +3398,15 @@ var DOMKeyframesResolver = class extends KeyframeResolver {
|
|
|
3397
3398
|
}
|
|
3398
3399
|
};
|
|
3399
3400
|
|
|
3400
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3401
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/border-radius.mjs
|
|
3402
|
+
var cornerRadiusProps = [
|
|
3403
|
+
"borderTopLeftRadius",
|
|
3404
|
+
"borderTopRightRadius",
|
|
3405
|
+
"borderBottomRightRadius",
|
|
3406
|
+
"borderBottomLeftRadius"
|
|
3407
|
+
];
|
|
3408
|
+
|
|
3409
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/resolve-elements.mjs
|
|
3401
3410
|
function resolveElements(elementOrSelector, scope, selectorCache) {
|
|
3402
3411
|
if (elementOrSelector == null) {
|
|
3403
3412
|
return [];
|
|
@@ -3412,20 +3421,20 @@ function resolveElements(elementOrSelector, scope, selectorCache) {
|
|
|
3412
3421
|
return Array.from(elementOrSelector).filter((element) => element != null);
|
|
3413
3422
|
}
|
|
3414
3423
|
|
|
3415
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3424
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/get-as-type.mjs
|
|
3416
3425
|
var getValueAsType = (value, type) => {
|
|
3417
3426
|
return type && typeof value === "number" ? type.transform(value) : value;
|
|
3418
3427
|
};
|
|
3419
3428
|
|
|
3420
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3429
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/is-html-element.mjs
|
|
3421
3430
|
function isHTMLElement(element) {
|
|
3422
3431
|
return isObject(element) && "offsetHeight" in element && !("ownerSVGElement" in element);
|
|
3423
3432
|
}
|
|
3424
3433
|
|
|
3425
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3434
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/frameloop/microtask.mjs
|
|
3426
3435
|
var { schedule: microtask} = /* @__PURE__ */ createRenderBatcher(queueMicrotask, false);
|
|
3427
3436
|
|
|
3428
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3437
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/drag/state/is-active.mjs
|
|
3429
3438
|
var isDragging = {
|
|
3430
3439
|
x: false,
|
|
3431
3440
|
y: false
|
|
@@ -3434,7 +3443,7 @@ function isDragActive() {
|
|
|
3434
3443
|
return isDragging.x || isDragging.y;
|
|
3435
3444
|
}
|
|
3436
3445
|
|
|
3437
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3446
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/drag/state/set-active.mjs
|
|
3438
3447
|
function setDragLock(axis) {
|
|
3439
3448
|
if (axis === "x" || axis === "y") {
|
|
3440
3449
|
if (isDragging[axis]) {
|
|
@@ -3457,7 +3466,7 @@ function setDragLock(axis) {
|
|
|
3457
3466
|
}
|
|
3458
3467
|
}
|
|
3459
3468
|
|
|
3460
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3469
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/utils/setup.mjs
|
|
3461
3470
|
function setupGesture(elementOrSelector, options) {
|
|
3462
3471
|
const elements = resolveElements(elementOrSelector);
|
|
3463
3472
|
const gestureAbortController = new AbortController();
|
|
@@ -3470,7 +3479,7 @@ function setupGesture(elementOrSelector, options) {
|
|
|
3470
3479
|
return [elements, eventOptions, cancel];
|
|
3471
3480
|
}
|
|
3472
3481
|
|
|
3473
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3482
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/hover.mjs
|
|
3474
3483
|
function isValidHover(event) {
|
|
3475
3484
|
return !(event.pointerType === "touch" || isDragActive());
|
|
3476
3485
|
}
|
|
@@ -3529,7 +3538,7 @@ function hover(elementOrSelector, onHoverStart, options = {}) {
|
|
|
3529
3538
|
return cancel;
|
|
3530
3539
|
}
|
|
3531
3540
|
|
|
3532
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3541
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/utils/is-node-or-child.mjs
|
|
3533
3542
|
var isNodeOrChild = (parent, child) => {
|
|
3534
3543
|
if (!child) {
|
|
3535
3544
|
return false;
|
|
@@ -3540,7 +3549,7 @@ var isNodeOrChild = (parent, child) => {
|
|
|
3540
3549
|
}
|
|
3541
3550
|
};
|
|
3542
3551
|
|
|
3543
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3552
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/utils/is-primary-pointer.mjs
|
|
3544
3553
|
var isPrimaryPointer = (event) => {
|
|
3545
3554
|
if (event.pointerType === "mouse") {
|
|
3546
3555
|
return typeof event.button !== "number" || event.button <= 0;
|
|
@@ -3549,7 +3558,7 @@ var isPrimaryPointer = (event) => {
|
|
|
3549
3558
|
}
|
|
3550
3559
|
};
|
|
3551
3560
|
|
|
3552
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3561
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/press/utils/is-keyboard-accessible.mjs
|
|
3553
3562
|
var keyboardAccessibleElements = /* @__PURE__ */ new Set([
|
|
3554
3563
|
"BUTTON",
|
|
3555
3564
|
"INPUT",
|
|
@@ -3565,10 +3574,10 @@ function isElementTextInput(element) {
|
|
|
3565
3574
|
return textInputElements.has(element.tagName) || element.isContentEditable === true;
|
|
3566
3575
|
}
|
|
3567
3576
|
|
|
3568
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3577
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/press/utils/state.mjs
|
|
3569
3578
|
var isPressing = /* @__PURE__ */ new WeakSet();
|
|
3570
3579
|
|
|
3571
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3580
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/press/utils/keyboard.mjs
|
|
3572
3581
|
function filterEvents(callback) {
|
|
3573
3582
|
return (event) => {
|
|
3574
3583
|
if (event.key !== "Enter")
|
|
@@ -3598,7 +3607,7 @@ var enableKeyboardPress = (focusEvent, eventOptions) => {
|
|
|
3598
3607
|
element.addEventListener("blur", () => element.removeEventListener("keydown", handleKeydown), eventOptions);
|
|
3599
3608
|
};
|
|
3600
3609
|
|
|
3601
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3610
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/gestures/press/index.mjs
|
|
3602
3611
|
function isValidPressEvent(event) {
|
|
3603
3612
|
return isPrimaryPointer(event) && !isDragActive();
|
|
3604
3613
|
}
|
|
@@ -3616,9 +3625,10 @@ function press(targetOrSelector, onPressStart, options = {}) {
|
|
|
3616
3625
|
claimedPointerDownEvents.add(startEvent);
|
|
3617
3626
|
}
|
|
3618
3627
|
const onPressEnd = onPressStart(target, startEvent);
|
|
3628
|
+
const endEventOptions = { ...eventOptions, capture: true };
|
|
3619
3629
|
const onPointerEnd = (endEvent, success) => {
|
|
3620
|
-
window.removeEventListener("pointerup", onPointerUp);
|
|
3621
|
-
window.removeEventListener("pointercancel", onPointerCancel);
|
|
3630
|
+
window.removeEventListener("pointerup", onPointerUp, endEventOptions);
|
|
3631
|
+
window.removeEventListener("pointercancel", onPointerCancel, endEventOptions);
|
|
3622
3632
|
if (isPressing.has(target)) {
|
|
3623
3633
|
isPressing.delete(target);
|
|
3624
3634
|
}
|
|
@@ -3635,8 +3645,8 @@ function press(targetOrSelector, onPressStart, options = {}) {
|
|
|
3635
3645
|
const onPointerCancel = (cancelEvent) => {
|
|
3636
3646
|
onPointerEnd(cancelEvent, false);
|
|
3637
3647
|
};
|
|
3638
|
-
window.addEventListener("pointerup", onPointerUp,
|
|
3639
|
-
window.addEventListener("pointercancel", onPointerCancel,
|
|
3648
|
+
window.addEventListener("pointerup", onPointerUp, endEventOptions);
|
|
3649
|
+
window.addEventListener("pointercancel", onPointerCancel, endEventOptions);
|
|
3640
3650
|
};
|
|
3641
3651
|
targets.forEach((target) => {
|
|
3642
3652
|
const pointerDownTarget = options.useGlobalTarget ? window : target;
|
|
@@ -3651,12 +3661,12 @@ function press(targetOrSelector, onPressStart, options = {}) {
|
|
|
3651
3661
|
return cancelEvents;
|
|
3652
3662
|
}
|
|
3653
3663
|
|
|
3654
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3664
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/is-svg-element.mjs
|
|
3655
3665
|
function isSVGElement(element) {
|
|
3656
3666
|
return isObject(element) && "ownerSVGElement" in element;
|
|
3657
3667
|
}
|
|
3658
3668
|
|
|
3659
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3669
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/resize/handle-element.mjs
|
|
3660
3670
|
var resizeHandlers = /* @__PURE__ */ new WeakMap();
|
|
3661
3671
|
var observer;
|
|
3662
3672
|
var getSize = (borderBoxAxis, svgAxis, htmlAxis) => (target, borderBoxSize) => {
|
|
@@ -3714,7 +3724,7 @@ function resizeElement(target, handler) {
|
|
|
3714
3724
|
};
|
|
3715
3725
|
}
|
|
3716
3726
|
|
|
3717
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3727
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/resize/handle-window.mjs
|
|
3718
3728
|
var windowCallbacks = /* @__PURE__ */ new Set();
|
|
3719
3729
|
var windowResizeHandler;
|
|
3720
3730
|
function createWindowResizeHandler() {
|
|
@@ -3744,21 +3754,21 @@ function resizeWindow(callback) {
|
|
|
3744
3754
|
};
|
|
3745
3755
|
}
|
|
3746
3756
|
|
|
3747
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3757
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/resize/index.mjs
|
|
3748
3758
|
function resize(a, b) {
|
|
3749
3759
|
return typeof a === "function" ? resizeWindow(a) : resizeElement(a, b);
|
|
3750
3760
|
}
|
|
3751
3761
|
|
|
3752
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3762
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/is-svg-svg-element.mjs
|
|
3753
3763
|
function isSVGSVGElement(element) {
|
|
3754
3764
|
return isSVGElement(element) && element.tagName === "svg";
|
|
3755
3765
|
}
|
|
3756
3766
|
|
|
3757
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3767
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/types/utils/find.mjs
|
|
3758
3768
|
var valueTypes = [...dimensionValueTypes, color, complex];
|
|
3759
3769
|
var findValueType = (v) => valueTypes.find(testValueType(v));
|
|
3760
3770
|
|
|
3761
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3771
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/models.mjs
|
|
3762
3772
|
var createAxisDelta = () => ({
|
|
3763
3773
|
translate: 0,
|
|
3764
3774
|
scale: 1,
|
|
@@ -3775,20 +3785,20 @@ var createBox = () => ({
|
|
|
3775
3785
|
y: createAxis()
|
|
3776
3786
|
});
|
|
3777
3787
|
|
|
3778
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3788
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/store.mjs
|
|
3779
3789
|
var visualElementStore = /* @__PURE__ */ new WeakMap();
|
|
3780
3790
|
|
|
3781
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3791
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/is-animation-controls.mjs
|
|
3782
3792
|
function isAnimationControls(v) {
|
|
3783
3793
|
return v !== null && typeof v === "object" && typeof v.start === "function";
|
|
3784
3794
|
}
|
|
3785
3795
|
|
|
3786
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3796
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/is-variant-label.mjs
|
|
3787
3797
|
function isVariantLabel(v) {
|
|
3788
3798
|
return typeof v === "string" || Array.isArray(v);
|
|
3789
3799
|
}
|
|
3790
3800
|
|
|
3791
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3801
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/variant-props.mjs
|
|
3792
3802
|
var variantPriorityOrder = [
|
|
3793
3803
|
"animate",
|
|
3794
3804
|
"whileInView",
|
|
@@ -3800,7 +3810,7 @@ var variantPriorityOrder = [
|
|
|
3800
3810
|
];
|
|
3801
3811
|
var variantProps = ["initial", ...variantPriorityOrder];
|
|
3802
3812
|
|
|
3803
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3813
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/is-controlling-variants.mjs
|
|
3804
3814
|
function isControllingVariants(props) {
|
|
3805
3815
|
return isAnimationControls(props.animate) || variantProps.some((name) => isVariantLabel(props[name]));
|
|
3806
3816
|
}
|
|
@@ -3808,7 +3818,7 @@ function isVariantNode(props) {
|
|
|
3808
3818
|
return Boolean(isControllingVariants(props) || props.variants);
|
|
3809
3819
|
}
|
|
3810
3820
|
|
|
3811
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3821
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/motion-values.mjs
|
|
3812
3822
|
function updateMotionValuesFromProps(element, next, prev) {
|
|
3813
3823
|
for (const key in next) {
|
|
3814
3824
|
const nextValue = next[key];
|
|
@@ -3838,15 +3848,15 @@ function updateMotionValuesFromProps(element, next, prev) {
|
|
|
3838
3848
|
return next;
|
|
3839
3849
|
}
|
|
3840
3850
|
|
|
3841
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3851
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/reduced-motion/state.mjs
|
|
3842
3852
|
var prefersReducedMotion = { current: null };
|
|
3843
3853
|
var hasReducedMotionListener = { current: false };
|
|
3844
3854
|
|
|
3845
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3846
|
-
var
|
|
3855
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/reduced-motion/index.mjs
|
|
3856
|
+
var isBrowser3 = typeof window !== "undefined";
|
|
3847
3857
|
function initPrefersReducedMotion() {
|
|
3848
3858
|
hasReducedMotionListener.current = true;
|
|
3849
|
-
if (!
|
|
3859
|
+
if (!isBrowser3)
|
|
3850
3860
|
return;
|
|
3851
3861
|
if (window.matchMedia) {
|
|
3852
3862
|
const motionMediaQuery = window.matchMedia("(prefers-reduced-motion)");
|
|
@@ -3858,7 +3868,7 @@ function initPrefersReducedMotion() {
|
|
|
3858
3868
|
}
|
|
3859
3869
|
}
|
|
3860
3870
|
|
|
3861
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
3871
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/VisualElement.mjs
|
|
3862
3872
|
var propEventHandlers = [
|
|
3863
3873
|
"AnimationStart",
|
|
3864
3874
|
"AnimationComplete",
|
|
@@ -4047,8 +4057,6 @@ var VisualElement = class {
|
|
|
4047
4057
|
removeOnChange();
|
|
4048
4058
|
if (removeSyncCheck)
|
|
4049
4059
|
removeSyncCheck();
|
|
4050
|
-
if (value.owner)
|
|
4051
|
-
value.stop();
|
|
4052
4060
|
});
|
|
4053
4061
|
}
|
|
4054
4062
|
sortNodePosition(other) {
|
|
@@ -4259,7 +4267,7 @@ var VisualElement = class {
|
|
|
4259
4267
|
}
|
|
4260
4268
|
};
|
|
4261
4269
|
|
|
4262
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4270
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/dom/DOMVisualElement.mjs
|
|
4263
4271
|
var DOMVisualElement = class extends VisualElement {
|
|
4264
4272
|
constructor() {
|
|
4265
4273
|
super(...arguments);
|
|
@@ -4292,7 +4300,7 @@ var DOMVisualElement = class extends VisualElement {
|
|
|
4292
4300
|
}
|
|
4293
4301
|
};
|
|
4294
4302
|
|
|
4295
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4303
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/Feature.mjs
|
|
4296
4304
|
var Feature = class {
|
|
4297
4305
|
constructor(node) {
|
|
4298
4306
|
this.isMounted = false;
|
|
@@ -4302,7 +4310,7 @@ var Feature = class {
|
|
|
4302
4310
|
}
|
|
4303
4311
|
};
|
|
4304
4312
|
|
|
4305
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4313
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/conversion.mjs
|
|
4306
4314
|
function convertBoundingBoxToBox({ top, left, right, bottom }) {
|
|
4307
4315
|
return {
|
|
4308
4316
|
x: { min: left, max: right },
|
|
@@ -4325,7 +4333,7 @@ function transformBoxPoints(point, transformPoint2) {
|
|
|
4325
4333
|
};
|
|
4326
4334
|
}
|
|
4327
4335
|
|
|
4328
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4336
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/utils/has-transform.mjs
|
|
4329
4337
|
function isIdentityScale(scale2) {
|
|
4330
4338
|
return scale2 === void 0 || scale2 === 1;
|
|
4331
4339
|
}
|
|
@@ -4342,7 +4350,7 @@ function is2DTranslate(value) {
|
|
|
4342
4350
|
return value && value !== "0%";
|
|
4343
4351
|
}
|
|
4344
4352
|
|
|
4345
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4353
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/delta-apply.mjs
|
|
4346
4354
|
function scalePoint(point, scale2, originPoint) {
|
|
4347
4355
|
const distanceFromOrigin = point - originPoint;
|
|
4348
4356
|
const scaled = scale2 * distanceFromOrigin;
|
|
@@ -4418,7 +4426,7 @@ function transformBox(box, transform, sourceBox) {
|
|
|
4418
4426
|
transformAxis(box.y, resolveAxisTranslate(transform.y, resolveBox.y), transform.scaleY, transform.scale, transform.originY);
|
|
4419
4427
|
}
|
|
4420
4428
|
|
|
4421
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4429
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/utils/measure.mjs
|
|
4422
4430
|
function measureViewportBox(instance, transformPoint2) {
|
|
4423
4431
|
return convertBoundingBoxToBox(transformBoxPoints(instance.getBoundingClientRect(), transformPoint2));
|
|
4424
4432
|
}
|
|
@@ -4432,7 +4440,7 @@ function measurePageBox(element, rootProjectionNode2, transformPagePoint) {
|
|
|
4432
4440
|
return viewportBox;
|
|
4433
4441
|
}
|
|
4434
4442
|
|
|
4435
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4443
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/html/utils/build-transform.mjs
|
|
4436
4444
|
var translateAlias = {
|
|
4437
4445
|
x: "translateX",
|
|
4438
4446
|
y: "translateY",
|
|
@@ -4467,6 +4475,11 @@ function buildTransform(latestValues, transform, transformTemplate) {
|
|
|
4467
4475
|
}
|
|
4468
4476
|
}
|
|
4469
4477
|
}
|
|
4478
|
+
const pathRotation = latestValues.pathRotation;
|
|
4479
|
+
if (pathRotation) {
|
|
4480
|
+
transformIsDefault = false;
|
|
4481
|
+
transformString += `rotate(${getValueAsType(pathRotation, numberValueTypes.pathRotation)}) `;
|
|
4482
|
+
}
|
|
4470
4483
|
transformString = transformString.trim();
|
|
4471
4484
|
if (transformTemplate) {
|
|
4472
4485
|
transformString = transformTemplate(transform, transformIsDefault ? "" : transformString);
|
|
@@ -4476,7 +4489,7 @@ function buildTransform(latestValues, transform, transformTemplate) {
|
|
|
4476
4489
|
return transformString;
|
|
4477
4490
|
}
|
|
4478
4491
|
|
|
4479
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4492
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/html/utils/build-styles.mjs
|
|
4480
4493
|
function buildHTMLStyles(state, latestValues, transformTemplate) {
|
|
4481
4494
|
const { style, vars, transformOrigin } = state;
|
|
4482
4495
|
let hasTransform2 = false;
|
|
@@ -4512,7 +4525,7 @@ function buildHTMLStyles(state, latestValues, transformTemplate) {
|
|
|
4512
4525
|
}
|
|
4513
4526
|
}
|
|
4514
4527
|
|
|
4515
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4528
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/html/utils/render.mjs
|
|
4516
4529
|
function renderHTML(element, { style, vars }, styleProp, projection) {
|
|
4517
4530
|
const elementStyle = element.style;
|
|
4518
4531
|
let key;
|
|
@@ -4525,7 +4538,7 @@ function renderHTML(element, { style, vars }, styleProp, projection) {
|
|
|
4525
4538
|
}
|
|
4526
4539
|
}
|
|
4527
4540
|
|
|
4528
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4541
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/styles/scale-border-radius.mjs
|
|
4529
4542
|
function pixelsToPercent(pixels, axis) {
|
|
4530
4543
|
if (axis.max === axis.min)
|
|
4531
4544
|
return 0;
|
|
@@ -4548,7 +4561,7 @@ var correctBorderRadius = {
|
|
|
4548
4561
|
}
|
|
4549
4562
|
};
|
|
4550
4563
|
|
|
4551
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4564
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/styles/scale-box-shadow.mjs
|
|
4552
4565
|
var correctBoxShadow = {
|
|
4553
4566
|
correct: (latest, { treeScale, projectionDelta }) => {
|
|
4554
4567
|
const original = latest;
|
|
@@ -4570,16 +4583,11 @@ var correctBoxShadow = {
|
|
|
4570
4583
|
}
|
|
4571
4584
|
};
|
|
4572
4585
|
|
|
4573
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4586
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/styles/scale-correction.mjs
|
|
4574
4587
|
var scaleCorrectors = {
|
|
4575
4588
|
borderRadius: {
|
|
4576
4589
|
...correctBorderRadius,
|
|
4577
|
-
applyTo: [
|
|
4578
|
-
"borderTopLeftRadius",
|
|
4579
|
-
"borderTopRightRadius",
|
|
4580
|
-
"borderBottomLeftRadius",
|
|
4581
|
-
"borderBottomRightRadius"
|
|
4582
|
-
]
|
|
4590
|
+
applyTo: [...cornerRadiusProps]
|
|
4583
4591
|
},
|
|
4584
4592
|
borderTopLeftRadius: correctBorderRadius,
|
|
4585
4593
|
borderTopRightRadius: correctBorderRadius,
|
|
@@ -4588,12 +4596,12 @@ var scaleCorrectors = {
|
|
|
4588
4596
|
boxShadow: correctBoxShadow
|
|
4589
4597
|
};
|
|
4590
4598
|
|
|
4591
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4599
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/is-forced-motion-value.mjs
|
|
4592
4600
|
function isForcedMotionValue(key, { layout: layout2, layoutId }) {
|
|
4593
4601
|
return transformProps.has(key) || key.startsWith("origin") || (layout2 || layoutId !== void 0) && (!!scaleCorrectors[key] || key === "opacity");
|
|
4594
4602
|
}
|
|
4595
4603
|
|
|
4596
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4604
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/html/utils/scrape-motion-values.mjs
|
|
4597
4605
|
function scrapeMotionValuesFromProps(props, prevProps, visualElement) {
|
|
4598
4606
|
const style = props.style;
|
|
4599
4607
|
const prevStyle = prevProps?.style;
|
|
@@ -4608,7 +4616,7 @@ function scrapeMotionValuesFromProps(props, prevProps, visualElement) {
|
|
|
4608
4616
|
return newValues;
|
|
4609
4617
|
}
|
|
4610
4618
|
|
|
4611
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4619
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/html/HTMLVisualElement.mjs
|
|
4612
4620
|
function getComputedStyle2(element) {
|
|
4613
4621
|
return window.getComputedStyle(element);
|
|
4614
4622
|
}
|
|
@@ -4618,6 +4626,10 @@ var HTMLVisualElement = class extends DOMVisualElement {
|
|
|
4618
4626
|
this.type = "html";
|
|
4619
4627
|
this.renderInstance = renderHTML;
|
|
4620
4628
|
}
|
|
4629
|
+
mount(instance) {
|
|
4630
|
+
invariant(Boolean(instance.style), "motion.create() components must forward their ref to a HTML or SVG element", "custom-component-ref");
|
|
4631
|
+
super.mount(instance);
|
|
4632
|
+
}
|
|
4621
4633
|
readValueFromInstance(instance, key) {
|
|
4622
4634
|
if (transformProps.has(key)) {
|
|
4623
4635
|
return this.projection?.isProjecting ? defaultTransformValue(key) : readTransformValue(instance, key);
|
|
@@ -4638,7 +4650,7 @@ var HTMLVisualElement = class extends DOMVisualElement {
|
|
|
4638
4650
|
}
|
|
4639
4651
|
};
|
|
4640
4652
|
|
|
4641
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4653
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/path.mjs
|
|
4642
4654
|
var dashKeys = {
|
|
4643
4655
|
offset: "stroke-dashoffset",
|
|
4644
4656
|
array: "stroke-dasharray"
|
|
@@ -4654,8 +4666,10 @@ function buildSVGPath(attrs, length, spacing = 1, offset = 0, useDashCase = true
|
|
|
4654
4666
|
attrs[keys.array] = `${length} ${spacing}`;
|
|
4655
4667
|
}
|
|
4656
4668
|
|
|
4657
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4658
|
-
var
|
|
4669
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/build-attrs.mjs
|
|
4670
|
+
var cssStyleProperties = [
|
|
4671
|
+
"transform",
|
|
4672
|
+
"opacity",
|
|
4659
4673
|
"offsetDistance",
|
|
4660
4674
|
"offsetPath",
|
|
4661
4675
|
"offsetRotate",
|
|
@@ -4681,9 +4695,11 @@ function buildSVGAttrs(state, {
|
|
|
4681
4695
|
state.attrs = state.style;
|
|
4682
4696
|
state.style = {};
|
|
4683
4697
|
const { attrs, style } = state;
|
|
4684
|
-
|
|
4685
|
-
|
|
4686
|
-
|
|
4698
|
+
for (const key of cssStyleProperties) {
|
|
4699
|
+
if (attrs[key] !== void 0) {
|
|
4700
|
+
style[key] = attrs[key];
|
|
4701
|
+
delete attrs[key];
|
|
4702
|
+
}
|
|
4687
4703
|
}
|
|
4688
4704
|
if (style.transform || attrs.transformOrigin) {
|
|
4689
4705
|
style.transformOrigin = attrs.transformOrigin ?? "50% 50%";
|
|
@@ -4693,12 +4709,6 @@ function buildSVGAttrs(state, {
|
|
|
4693
4709
|
style.transformBox = styleProp?.transformBox ?? "fill-box";
|
|
4694
4710
|
delete attrs.transformBox;
|
|
4695
4711
|
}
|
|
4696
|
-
for (const key of cssMotionPathProperties) {
|
|
4697
|
-
if (attrs[key] !== void 0) {
|
|
4698
|
-
style[key] = attrs[key];
|
|
4699
|
-
delete attrs[key];
|
|
4700
|
-
}
|
|
4701
|
-
}
|
|
4702
4712
|
if (attrX !== void 0)
|
|
4703
4713
|
attrs.x = attrX;
|
|
4704
4714
|
if (attrY !== void 0)
|
|
@@ -4710,7 +4720,7 @@ function buildSVGAttrs(state, {
|
|
|
4710
4720
|
}
|
|
4711
4721
|
}
|
|
4712
4722
|
|
|
4713
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4723
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/camel-case-attrs.mjs
|
|
4714
4724
|
var camelCaseAttributes = /* @__PURE__ */ new Set([
|
|
4715
4725
|
"baseFrequency",
|
|
4716
4726
|
"diffuseConstant",
|
|
@@ -4737,10 +4747,10 @@ var camelCaseAttributes = /* @__PURE__ */ new Set([
|
|
|
4737
4747
|
"lengthAdjust"
|
|
4738
4748
|
]);
|
|
4739
4749
|
|
|
4740
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4750
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/is-svg-tag.mjs
|
|
4741
4751
|
var isSVGTag = (tag) => typeof tag === "string" && tag.toLowerCase() === "svg";
|
|
4742
4752
|
|
|
4743
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4753
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/render.mjs
|
|
4744
4754
|
function renderSVG(element, renderState, _styleProp, projection) {
|
|
4745
4755
|
renderHTML(element, renderState, void 0, projection);
|
|
4746
4756
|
for (const key in renderState.attrs) {
|
|
@@ -4748,7 +4758,7 @@ function renderSVG(element, renderState, _styleProp, projection) {
|
|
|
4748
4758
|
}
|
|
4749
4759
|
}
|
|
4750
4760
|
|
|
4751
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4761
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/utils/scrape-motion-values.mjs
|
|
4752
4762
|
function scrapeMotionValuesFromProps2(props, prevProps, visualElement) {
|
|
4753
4763
|
const newValues = scrapeMotionValuesFromProps(props, prevProps, visualElement);
|
|
4754
4764
|
for (const key in props) {
|
|
@@ -4760,7 +4770,7 @@ function scrapeMotionValuesFromProps2(props, prevProps, visualElement) {
|
|
|
4760
4770
|
return newValues;
|
|
4761
4771
|
}
|
|
4762
4772
|
|
|
4763
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4773
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/svg/SVGVisualElement.mjs
|
|
4764
4774
|
var SVGVisualElement = class extends DOMVisualElement {
|
|
4765
4775
|
constructor() {
|
|
4766
4776
|
super(...arguments);
|
|
@@ -4776,6 +4786,12 @@ var SVGVisualElement = class extends DOMVisualElement {
|
|
|
4776
4786
|
const defaultType = getDefaultValueType(key);
|
|
4777
4787
|
return defaultType ? defaultType.default || 0 : 0;
|
|
4778
4788
|
}
|
|
4789
|
+
if (cssStyleProperties.includes(key)) {
|
|
4790
|
+
const computedStyle = getComputedStyle(instance);
|
|
4791
|
+
const value = computedStyle[key];
|
|
4792
|
+
if (typeof value === "string" && value)
|
|
4793
|
+
return value.trim();
|
|
4794
|
+
}
|
|
4779
4795
|
key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;
|
|
4780
4796
|
return instance.getAttribute(key);
|
|
4781
4797
|
}
|
|
@@ -4794,7 +4810,7 @@ var SVGVisualElement = class extends DOMVisualElement {
|
|
|
4794
4810
|
}
|
|
4795
4811
|
};
|
|
4796
4812
|
|
|
4797
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4813
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/get-variant-context.mjs
|
|
4798
4814
|
var numVariantProps = variantProps.length;
|
|
4799
4815
|
function getVariantContext(visualElement) {
|
|
4800
4816
|
if (!visualElement)
|
|
@@ -4817,7 +4833,7 @@ function getVariantContext(visualElement) {
|
|
|
4817
4833
|
return context;
|
|
4818
4834
|
}
|
|
4819
4835
|
|
|
4820
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4836
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/shallow-compare.mjs
|
|
4821
4837
|
function shallowCompare(next, prev) {
|
|
4822
4838
|
if (!Array.isArray(prev))
|
|
4823
4839
|
return false;
|
|
@@ -4831,7 +4847,7 @@ function shallowCompare(next, prev) {
|
|
|
4831
4847
|
return true;
|
|
4832
4848
|
}
|
|
4833
4849
|
|
|
4834
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
4850
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/render/utils/animation-state.mjs
|
|
4835
4851
|
var reversePriorityOrder = [...variantPriorityOrder].reverse();
|
|
4836
4852
|
var numAnimationTypes = variantPriorityOrder.length;
|
|
4837
4853
|
function createAnimateFunction(visualElement) {
|
|
@@ -4924,7 +4940,7 @@ function createAnimationState(visualElement) {
|
|
|
4924
4940
|
continue;
|
|
4925
4941
|
let valueHasChanged = false;
|
|
4926
4942
|
if (isKeyframesTarget(next) && isKeyframesTarget(prev)) {
|
|
4927
|
-
valueHasChanged = !shallowCompare(next, prev);
|
|
4943
|
+
valueHasChanged = !shallowCompare(next, prev) || variantDidChange;
|
|
4928
4944
|
} else {
|
|
4929
4945
|
valueHasChanged = next !== prev;
|
|
4930
4946
|
}
|
|
@@ -5043,7 +5059,7 @@ function createState() {
|
|
|
5043
5059
|
};
|
|
5044
5060
|
}
|
|
5045
5061
|
|
|
5046
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5062
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/copy.mjs
|
|
5047
5063
|
function copyAxisInto(axis, originAxis) {
|
|
5048
5064
|
axis.min = originAxis.min;
|
|
5049
5065
|
axis.max = originAxis.max;
|
|
@@ -5059,7 +5075,7 @@ function copyAxisDeltaInto(delta, originDelta) {
|
|
|
5059
5075
|
delta.origin = originDelta.origin;
|
|
5060
5076
|
}
|
|
5061
5077
|
|
|
5062
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5078
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/delta-calc.mjs
|
|
5063
5079
|
var SCALE_PRECISION = 1e-4;
|
|
5064
5080
|
var SCALE_MIN = 1 - SCALE_PRECISION;
|
|
5065
5081
|
var SCALE_MAX = 1 + SCALE_PRECISION;
|
|
@@ -5107,7 +5123,7 @@ function calcRelativePosition(target, layout2, parent, anchor) {
|
|
|
5107
5123
|
calcRelativeAxisPosition(target.y, layout2.y, parent.y, anchor?.y);
|
|
5108
5124
|
}
|
|
5109
5125
|
|
|
5110
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5126
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/delta-remove.mjs
|
|
5111
5127
|
function removePointDelta(point, translate, scale2, originPoint, boxScale) {
|
|
5112
5128
|
point -= translate;
|
|
5113
5129
|
point = scalePoint(point, 1 / scale2, originPoint);
|
|
@@ -5140,7 +5156,7 @@ function removeBoxTransforms(box, transforms, originBox, sourceBox) {
|
|
|
5140
5156
|
removeAxisTransforms(box.y, transforms, yKeys, originBox ? originBox.y : void 0, sourceBox ? sourceBox.y : void 0);
|
|
5141
5157
|
}
|
|
5142
5158
|
|
|
5143
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5159
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/geometry/utils.mjs
|
|
5144
5160
|
function isAxisDeltaZero(delta) {
|
|
5145
5161
|
return delta.translate === 0 && delta.scale === 1;
|
|
5146
5162
|
}
|
|
@@ -5166,12 +5182,12 @@ function axisDeltaEquals(a, b) {
|
|
|
5166
5182
|
return a.translate === b.translate && a.scale === b.scale && a.originPoint === b.originPoint;
|
|
5167
5183
|
}
|
|
5168
5184
|
|
|
5169
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5185
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/utils/each-axis.mjs
|
|
5170
5186
|
function eachAxis(callback) {
|
|
5171
5187
|
return [callback("x"), callback("y")];
|
|
5172
5188
|
}
|
|
5173
5189
|
|
|
5174
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5190
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/styles/transform.mjs
|
|
5175
5191
|
function buildProjectionTransform(delta, treeScale, latestTransform) {
|
|
5176
5192
|
let transform = "";
|
|
5177
5193
|
const xTranslate = delta.x.translate / treeScale.x;
|
|
@@ -5184,11 +5200,13 @@ function buildProjectionTransform(delta, treeScale, latestTransform) {
|
|
|
5184
5200
|
transform += `scale(${1 / treeScale.x}, ${1 / treeScale.y}) `;
|
|
5185
5201
|
}
|
|
5186
5202
|
if (latestTransform) {
|
|
5187
|
-
const { transformPerspective, rotate: rotate2, rotateX, rotateY, skewX, skewY } = latestTransform;
|
|
5203
|
+
const { transformPerspective, rotate: rotate2, pathRotation, rotateX, rotateY, skewX, skewY } = latestTransform;
|
|
5188
5204
|
if (transformPerspective)
|
|
5189
5205
|
transform = `perspective(${transformPerspective}px) ${transform}`;
|
|
5190
5206
|
if (rotate2)
|
|
5191
5207
|
transform += `rotate(${rotate2}deg) `;
|
|
5208
|
+
if (pathRotation)
|
|
5209
|
+
transform += `rotate(${pathRotation}deg) `;
|
|
5192
5210
|
if (rotateX)
|
|
5193
5211
|
transform += `rotateX(${rotateX}deg) `;
|
|
5194
5212
|
if (rotateY)
|
|
@@ -5206,14 +5224,8 @@ function buildProjectionTransform(delta, treeScale, latestTransform) {
|
|
|
5206
5224
|
return transform || "none";
|
|
5207
5225
|
}
|
|
5208
5226
|
|
|
5209
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5210
|
-
var
|
|
5211
|
-
"borderTopLeftRadius",
|
|
5212
|
-
"borderTopRightRadius",
|
|
5213
|
-
"borderBottomLeftRadius",
|
|
5214
|
-
"borderBottomRightRadius"
|
|
5215
|
-
];
|
|
5216
|
-
var numBorders = borderLabels.length;
|
|
5227
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/animation/mix-values.mjs
|
|
5228
|
+
var numBorders = cornerRadiusProps.length;
|
|
5217
5229
|
var asNumber = (value) => typeof value === "string" ? parseFloat(value) : value;
|
|
5218
5230
|
var isPx = (value) => typeof value === "number" || px.test(value);
|
|
5219
5231
|
function mixValues(target, follow, lead, progress2, shouldCrossfadeOpacity, isOnlyMember) {
|
|
@@ -5224,7 +5236,7 @@ function mixValues(target, follow, lead, progress2, shouldCrossfadeOpacity, isOn
|
|
|
5224
5236
|
target.opacity = mixNumber(follow.opacity ?? 1, lead.opacity ?? 1, progress2);
|
|
5225
5237
|
}
|
|
5226
5238
|
for (let i = 0; i < numBorders; i++) {
|
|
5227
|
-
const borderLabel =
|
|
5239
|
+
const borderLabel = cornerRadiusProps[i];
|
|
5228
5240
|
let followRadius = getRadius(follow, borderLabel);
|
|
5229
5241
|
let leadRadius = getRadius(lead, borderLabel);
|
|
5230
5242
|
if (followRadius === void 0 && leadRadius === void 0)
|
|
@@ -5260,23 +5272,23 @@ function compress(min, max, easing) {
|
|
|
5260
5272
|
};
|
|
5261
5273
|
}
|
|
5262
5274
|
|
|
5263
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5275
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/animation/animate/single-value.mjs
|
|
5264
5276
|
function animateSingleValue(value, keyframes2, options) {
|
|
5265
5277
|
const motionValue$1 = isMotionValue(value) ? value : motionValue(value);
|
|
5266
5278
|
motionValue$1.start(animateMotionValue("", motionValue$1, keyframes2, options));
|
|
5267
5279
|
return motionValue$1.animation;
|
|
5268
5280
|
}
|
|
5269
5281
|
|
|
5270
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5282
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/events/add-dom-event.mjs
|
|
5271
5283
|
function addDomEvent(target, eventName, handler, options = { passive: true }) {
|
|
5272
5284
|
target.addEventListener(eventName, handler, options);
|
|
5273
|
-
return () => target.removeEventListener(eventName, handler);
|
|
5285
|
+
return () => target.removeEventListener(eventName, handler, options);
|
|
5274
5286
|
}
|
|
5275
5287
|
|
|
5276
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5288
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/utils/compare-by-depth.mjs
|
|
5277
5289
|
var compareByDepth = (a, b) => a.depth - b.depth;
|
|
5278
5290
|
|
|
5279
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5291
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/utils/flat-tree.mjs
|
|
5280
5292
|
var FlatTree = class {
|
|
5281
5293
|
constructor() {
|
|
5282
5294
|
this.children = [];
|
|
@@ -5297,7 +5309,7 @@ var FlatTree = class {
|
|
|
5297
5309
|
}
|
|
5298
5310
|
};
|
|
5299
5311
|
|
|
5300
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5312
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/utils/delay.mjs
|
|
5301
5313
|
function delay(callback, timeout) {
|
|
5302
5314
|
const start = time.now();
|
|
5303
5315
|
const checkElapsed = ({ timestamp }) => {
|
|
@@ -5311,12 +5323,12 @@ function delay(callback, timeout) {
|
|
|
5311
5323
|
return () => cancelFrame(checkElapsed);
|
|
5312
5324
|
}
|
|
5313
5325
|
|
|
5314
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5326
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/value/utils/resolve-motion-value.mjs
|
|
5315
5327
|
function resolveMotionValue(value) {
|
|
5316
5328
|
return isMotionValue(value) ? value.get() : value;
|
|
5317
5329
|
}
|
|
5318
5330
|
|
|
5319
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5331
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/shared/stack.mjs
|
|
5320
5332
|
var NodeStack = class {
|
|
5321
5333
|
constructor() {
|
|
5322
5334
|
this.members = [];
|
|
@@ -5397,7 +5409,7 @@ var NodeStack = class {
|
|
|
5397
5409
|
}
|
|
5398
5410
|
};
|
|
5399
5411
|
|
|
5400
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
5412
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/node/state.mjs
|
|
5401
5413
|
var globalProjectionState = {
|
|
5402
5414
|
/**
|
|
5403
5415
|
* Global flag as to whether the tree has animated since the last time
|
|
@@ -5578,7 +5590,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
5578
5590
|
animationOptions.type = false;
|
|
5579
5591
|
}
|
|
5580
5592
|
this.startAnimation(animationOptions);
|
|
5581
|
-
this.setAnimationOrigin(delta, hasOnlyRelativeTargetChanged);
|
|
5593
|
+
this.setAnimationOrigin(delta, hasOnlyRelativeTargetChanged, animationOptions.path);
|
|
5582
5594
|
} else {
|
|
5583
5595
|
if (!hasLayoutChanged) {
|
|
5584
5596
|
finishAnimation(this);
|
|
@@ -6050,7 +6062,7 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
6050
6062
|
this.projectionDelta = createDelta();
|
|
6051
6063
|
this.projectionDeltaWithTransform = createDelta();
|
|
6052
6064
|
}
|
|
6053
|
-
setAnimationOrigin(delta, hasOnlyRelativeTargetChanged = false) {
|
|
6065
|
+
setAnimationOrigin(delta, hasOnlyRelativeTargetChanged = false, pathFn) {
|
|
6054
6066
|
const snapshot = this.snapshot;
|
|
6055
6067
|
const snapshotLatestValues = snapshot ? snapshot.latestValues : {};
|
|
6056
6068
|
const mixedValues = { ...this.latestValues };
|
|
@@ -6068,10 +6080,23 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
6068
6080
|
const shouldCrossfadeOpacity = Boolean(isSharedLayoutAnimation && !isOnlyMember && this.options.crossfade === true && !this.path.some(hasOpacityCrossfade));
|
|
6069
6081
|
this.animationProgress = 0;
|
|
6070
6082
|
let prevRelativeTarget;
|
|
6083
|
+
const interpolate2 = pathFn?.interpolateProjection(delta);
|
|
6071
6084
|
this.mixTargetDelta = (latest) => {
|
|
6072
6085
|
const progress2 = latest / 1e3;
|
|
6073
|
-
|
|
6074
|
-
|
|
6086
|
+
const point = interpolate2?.(progress2);
|
|
6087
|
+
if (point) {
|
|
6088
|
+
targetDelta.x.translate = point.x;
|
|
6089
|
+
targetDelta.x.scale = mixNumber(delta.x.scale, 1, progress2);
|
|
6090
|
+
targetDelta.x.origin = delta.x.origin;
|
|
6091
|
+
targetDelta.x.originPoint = delta.x.originPoint;
|
|
6092
|
+
targetDelta.y.translate = point.y;
|
|
6093
|
+
targetDelta.y.scale = mixNumber(delta.y.scale, 1, progress2);
|
|
6094
|
+
targetDelta.y.origin = delta.y.origin;
|
|
6095
|
+
targetDelta.y.originPoint = delta.y.originPoint;
|
|
6096
|
+
} else {
|
|
6097
|
+
mixAxisDeltaLinear(targetDelta.x, delta.x, progress2);
|
|
6098
|
+
mixAxisDeltaLinear(targetDelta.y, delta.y, progress2);
|
|
6099
|
+
}
|
|
6075
6100
|
this.setTargetDelta(targetDelta);
|
|
6076
6101
|
if (this.relativeTarget && this.relativeTargetOrigin && this.layout && this.relativeParent && this.relativeParent.layout) {
|
|
6077
6102
|
calcRelativePosition(relativeLayout, this.layout.layoutBox, this.relativeParent.layout.layoutBox, this.options.layoutAnchor || void 0);
|
|
@@ -6087,6 +6112,11 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
6087
6112
|
this.animationValues = mixedValues;
|
|
6088
6113
|
mixValues(mixedValues, snapshotLatestValues, this.latestValues, progress2, shouldCrossfadeOpacity, isOnlyMember);
|
|
6089
6114
|
}
|
|
6115
|
+
if (point && point.rotate !== void 0) {
|
|
6116
|
+
if (!this.animationValues)
|
|
6117
|
+
this.animationValues = mixedValues;
|
|
6118
|
+
this.animationValues.pathRotation = point.rotate;
|
|
6119
|
+
}
|
|
6090
6120
|
this.root.scheduleUpdateProjection();
|
|
6091
6121
|
this.scheduleRender();
|
|
6092
6122
|
this.animationProgress = progress2;
|
|
@@ -6113,8 +6143,6 @@ function createProjectionNode({ attachResizeListener, defaultParent, measureScro
|
|
|
6113
6143
|
this.mixTargetDelta(latest);
|
|
6114
6144
|
options.onUpdate && options.onUpdate(latest);
|
|
6115
6145
|
},
|
|
6116
|
-
onStop: () => {
|
|
6117
|
-
},
|
|
6118
6146
|
onComplete: () => {
|
|
6119
6147
|
options.onComplete && options.onComplete();
|
|
6120
6148
|
this.completeAnimation();
|
|
@@ -6443,7 +6471,7 @@ function resetSkewAndRotation(node) {
|
|
|
6443
6471
|
function removeLeadSnapshots(stack) {
|
|
6444
6472
|
stack.removeLeadSnapshot();
|
|
6445
6473
|
}
|
|
6446
|
-
function
|
|
6474
|
+
function mixAxisDeltaLinear(output, delta, p) {
|
|
6447
6475
|
output.translate = mixNumber(delta.translate, 0, p);
|
|
6448
6476
|
output.scale = mixNumber(delta.scale, 1, p);
|
|
6449
6477
|
output.origin = delta.origin;
|
|
@@ -6481,7 +6509,7 @@ function checkNodeWasScrollRoot(node) {
|
|
|
6481
6509
|
return node !== node.root && node.scroll?.wasRoot;
|
|
6482
6510
|
}
|
|
6483
6511
|
|
|
6484
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
6512
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/node/DocumentProjectionNode.mjs
|
|
6485
6513
|
var DocumentProjectionNode = createProjectionNode({
|
|
6486
6514
|
attachResizeListener: (ref, notify) => addDomEvent(ref, "resize", notify),
|
|
6487
6515
|
measureScroll: () => ({
|
|
@@ -6491,7 +6519,7 @@ var DocumentProjectionNode = createProjectionNode({
|
|
|
6491
6519
|
checkIsScrollRoot: () => true
|
|
6492
6520
|
});
|
|
6493
6521
|
|
|
6494
|
-
// ../../node_modules/.pnpm/motion-dom@
|
|
6522
|
+
// ../../node_modules/.pnpm/motion-dom@13.1.1/node_modules/motion-dom/dist/es/projection/node/HTMLProjectionNode.mjs
|
|
6495
6523
|
var rootProjectionNode = {
|
|
6496
6524
|
current: void 0
|
|
6497
6525
|
};
|
|
@@ -6535,7 +6563,7 @@ function usePresence(subscribe = true) {
|
|
|
6535
6563
|
}
|
|
6536
6564
|
var LazyContext = React.createContext({ strict: false });
|
|
6537
6565
|
|
|
6538
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6566
|
+
// ../../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
|
|
6539
6567
|
var featureProps = {
|
|
6540
6568
|
animation: [
|
|
6541
6569
|
"animate",
|
|
@@ -6574,7 +6602,7 @@ function getInitializedFeatureDefinitions() {
|
|
|
6574
6602
|
return getFeatureDefinitions();
|
|
6575
6603
|
}
|
|
6576
6604
|
|
|
6577
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6605
|
+
// ../../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
|
|
6578
6606
|
function loadFeatures(features) {
|
|
6579
6607
|
const featureDefinitions2 = getInitializedFeatureDefinitions();
|
|
6580
6608
|
for (const key in features) {
|
|
@@ -6585,74 +6613,9 @@ function loadFeatures(features) {
|
|
|
6585
6613
|
}
|
|
6586
6614
|
setFeatureDefinitions(featureDefinitions2);
|
|
6587
6615
|
}
|
|
6588
|
-
|
|
6589
|
-
// ../../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
|
|
6590
|
-
var validMotionProps = /* @__PURE__ */ new Set([
|
|
6591
|
-
"animate",
|
|
6592
|
-
"exit",
|
|
6593
|
-
"variants",
|
|
6594
|
-
"initial",
|
|
6595
|
-
"style",
|
|
6596
|
-
"values",
|
|
6597
|
-
"variants",
|
|
6598
|
-
"transition",
|
|
6599
|
-
"transformTemplate",
|
|
6600
|
-
"custom",
|
|
6601
|
-
"inherit",
|
|
6602
|
-
"onBeforeLayoutMeasure",
|
|
6603
|
-
"onAnimationStart",
|
|
6604
|
-
"onAnimationComplete",
|
|
6605
|
-
"onUpdate",
|
|
6606
|
-
"onDragStart",
|
|
6607
|
-
"onDrag",
|
|
6608
|
-
"onDragEnd",
|
|
6609
|
-
"onMeasureDragConstraints",
|
|
6610
|
-
"onDirectionLock",
|
|
6611
|
-
"onDragTransitionEnd",
|
|
6612
|
-
"_dragX",
|
|
6613
|
-
"_dragY",
|
|
6614
|
-
"onHoverStart",
|
|
6615
|
-
"onHoverEnd",
|
|
6616
|
-
"onViewportEnter",
|
|
6617
|
-
"onViewportLeave",
|
|
6618
|
-
"globalTapTarget",
|
|
6619
|
-
"propagate",
|
|
6620
|
-
"ignoreStrict",
|
|
6621
|
-
"viewport"
|
|
6622
|
-
]);
|
|
6623
|
-
function isValidMotionProp(key) {
|
|
6624
|
-
return key.startsWith("while") || key.startsWith("drag") && key !== "draggable" || key.startsWith("layout") || key.startsWith("onTap") || key.startsWith("onPan") || key.startsWith("onLayout") || validMotionProps.has(key);
|
|
6625
|
-
}
|
|
6626
|
-
|
|
6627
|
-
// ../../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
|
|
6628
|
-
var shouldForward = (key) => !isValidMotionProp(key);
|
|
6629
|
-
function loadExternalIsValidProp(isValidProp) {
|
|
6630
|
-
if (typeof isValidProp !== "function")
|
|
6631
|
-
return;
|
|
6632
|
-
shouldForward = (key) => key.startsWith("on") ? !isValidMotionProp(key) : isValidProp(key);
|
|
6633
|
-
}
|
|
6634
|
-
try {
|
|
6635
|
-
const emotionPkg = "@emotion/is-prop-valid";
|
|
6636
|
-
loadExternalIsValidProp(__require(emotionPkg).default);
|
|
6637
|
-
} catch {
|
|
6638
|
-
}
|
|
6639
|
-
function filterProps(props, isDom, forwardMotionProps) {
|
|
6640
|
-
const filteredProps = {};
|
|
6641
|
-
for (const key in props) {
|
|
6642
|
-
if (key === "values" && typeof props.values === "object")
|
|
6643
|
-
continue;
|
|
6644
|
-
if (isMotionValue(props[key]))
|
|
6645
|
-
continue;
|
|
6646
|
-
if (shouldForward(key) || forwardMotionProps === true && isValidMotionProp(key) || !isDom && !isValidMotionProp(key) || // If trying to use native HTML drag events, forward drag listeners
|
|
6647
|
-
props["draggable"] && key.startsWith("onDrag")) {
|
|
6648
|
-
filteredProps[key] = props[key];
|
|
6649
|
-
}
|
|
6650
|
-
}
|
|
6651
|
-
return filteredProps;
|
|
6652
|
-
}
|
|
6653
6616
|
var MotionContext = /* @__PURE__ */ React.createContext({});
|
|
6654
6617
|
|
|
6655
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6618
|
+
// ../../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
|
|
6656
6619
|
function getCurrentTreeVariants(props, context) {
|
|
6657
6620
|
if (isControllingVariants(props)) {
|
|
6658
6621
|
const { initial, animate } = props;
|
|
@@ -6664,7 +6627,7 @@ function getCurrentTreeVariants(props, context) {
|
|
|
6664
6627
|
return props.inherit !== false ? context : {};
|
|
6665
6628
|
}
|
|
6666
6629
|
|
|
6667
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6630
|
+
// ../../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
|
|
6668
6631
|
function useCreateMotionContext(props) {
|
|
6669
6632
|
const { initial, animate } = getCurrentTreeVariants(props, React.useContext(MotionContext));
|
|
6670
6633
|
return React.useMemo(() => ({ initial, animate }), [variantLabelsAsDependency(initial), variantLabelsAsDependency(animate)]);
|
|
@@ -6673,7 +6636,7 @@ function variantLabelsAsDependency(prop) {
|
|
|
6673
6636
|
return Array.isArray(prop) ? prop.join(" ") : prop;
|
|
6674
6637
|
}
|
|
6675
6638
|
|
|
6676
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6639
|
+
// ../../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
|
|
6677
6640
|
var createHtmlRenderState = () => ({
|
|
6678
6641
|
style: {},
|
|
6679
6642
|
transform: {},
|
|
@@ -6681,7 +6644,7 @@ var createHtmlRenderState = () => ({
|
|
|
6681
6644
|
vars: {}
|
|
6682
6645
|
});
|
|
6683
6646
|
|
|
6684
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6647
|
+
// ../../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
|
|
6685
6648
|
function copyRawValuesOnly(target, source, props) {
|
|
6686
6649
|
for (const key in source) {
|
|
6687
6650
|
if (!isMotionValue(source[key]) && !isForcedMotionValue(key, props)) {
|
|
@@ -6718,13 +6681,13 @@ function useHTMLProps(props, visualState) {
|
|
|
6718
6681
|
return htmlProps;
|
|
6719
6682
|
}
|
|
6720
6683
|
|
|
6721
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6684
|
+
// ../../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
|
|
6722
6685
|
var createSvgRenderState = () => ({
|
|
6723
6686
|
...createHtmlRenderState(),
|
|
6724
6687
|
attrs: {}
|
|
6725
6688
|
});
|
|
6726
6689
|
|
|
6727
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6690
|
+
// ../../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
|
|
6728
6691
|
function useSVGProps(props, visualState, _isStatic, Component2) {
|
|
6729
6692
|
const visualProps = React.useMemo(() => {
|
|
6730
6693
|
const state = createSvgRenderState();
|
|
@@ -6742,7 +6705,64 @@ function useSVGProps(props, visualState, _isStatic, Component2) {
|
|
|
6742
6705
|
return visualProps;
|
|
6743
6706
|
}
|
|
6744
6707
|
|
|
6745
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6708
|
+
// ../../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
|
|
6709
|
+
var validMotionProps = /* @__PURE__ */ new Set([
|
|
6710
|
+
"animate",
|
|
6711
|
+
"exit",
|
|
6712
|
+
"variants",
|
|
6713
|
+
"initial",
|
|
6714
|
+
"style",
|
|
6715
|
+
"values",
|
|
6716
|
+
"variants",
|
|
6717
|
+
"transition",
|
|
6718
|
+
"transformTemplate",
|
|
6719
|
+
"custom",
|
|
6720
|
+
"inherit",
|
|
6721
|
+
"onBeforeLayoutMeasure",
|
|
6722
|
+
"onAnimationStart",
|
|
6723
|
+
"onAnimationComplete",
|
|
6724
|
+
"onUpdate",
|
|
6725
|
+
"onDragStart",
|
|
6726
|
+
"onDrag",
|
|
6727
|
+
"onDragEnd",
|
|
6728
|
+
"onMeasureDragConstraints",
|
|
6729
|
+
"onDirectionLock",
|
|
6730
|
+
"onDragTransitionEnd",
|
|
6731
|
+
"_dragX",
|
|
6732
|
+
"_dragY",
|
|
6733
|
+
"onHoverStart",
|
|
6734
|
+
"onHoverEnd",
|
|
6735
|
+
"onViewportEnter",
|
|
6736
|
+
"onViewportLeave",
|
|
6737
|
+
"globalTapTarget",
|
|
6738
|
+
"propagate",
|
|
6739
|
+
"ignoreStrict",
|
|
6740
|
+
"viewport"
|
|
6741
|
+
]);
|
|
6742
|
+
function isValidMotionProp(key) {
|
|
6743
|
+
return key.startsWith("while") || key.startsWith("drag") && key !== "draggable" || key.startsWith("layout") || key.startsWith("onTap") || key.startsWith("onPan") || key.startsWith("onLayout") || validMotionProps.has(key);
|
|
6744
|
+
}
|
|
6745
|
+
|
|
6746
|
+
// ../../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
|
|
6747
|
+
function shouldForward(key, isValidProp) {
|
|
6748
|
+
return key.startsWith("on") ? !isValidMotionProp(key) : isValidProp?.(key) ?? !isValidMotionProp(key);
|
|
6749
|
+
}
|
|
6750
|
+
function filterProps(props, isDom, forwardMotionProps, isValidProp) {
|
|
6751
|
+
const filteredProps = {};
|
|
6752
|
+
for (const key in props) {
|
|
6753
|
+
if (key === "values" && typeof props.values === "object")
|
|
6754
|
+
continue;
|
|
6755
|
+
if (isMotionValue(props[key]))
|
|
6756
|
+
continue;
|
|
6757
|
+
if (shouldForward(key, isValidProp) || forwardMotionProps === true && isValidMotionProp(key) || !isDom && !isValidMotionProp(key) || // If trying to use native HTML drag events, forward drag listeners
|
|
6758
|
+
props["draggable"] && key.startsWith("onDrag")) {
|
|
6759
|
+
filteredProps[key] = props[key];
|
|
6760
|
+
}
|
|
6761
|
+
}
|
|
6762
|
+
return filteredProps;
|
|
6763
|
+
}
|
|
6764
|
+
|
|
6765
|
+
// ../../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
|
|
6746
6766
|
var lowercaseSVGElements = [
|
|
6747
6767
|
"animate",
|
|
6748
6768
|
"circle",
|
|
@@ -6771,7 +6791,7 @@ var lowercaseSVGElements = [
|
|
|
6771
6791
|
"view"
|
|
6772
6792
|
];
|
|
6773
6793
|
|
|
6774
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6794
|
+
// ../../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
|
|
6775
6795
|
function isSVGComponent(Component2) {
|
|
6776
6796
|
if (
|
|
6777
6797
|
/**
|
|
@@ -6798,11 +6818,11 @@ function isSVGComponent(Component2) {
|
|
|
6798
6818
|
return false;
|
|
6799
6819
|
}
|
|
6800
6820
|
|
|
6801
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6802
|
-
function useRender(Component2, props, ref, { latestValues }, isStatic, forwardMotionProps = false, isSVG) {
|
|
6821
|
+
// ../../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
|
|
6822
|
+
function useRender(Component2, props, ref, { latestValues }, isStatic, forwardMotionProps = false, isSVG, isValidProp) {
|
|
6803
6823
|
const useVisualProps = isSVG ?? isSVGComponent(Component2) ? useSVGProps : useHTMLProps;
|
|
6804
6824
|
const visualProps = useVisualProps(props, latestValues, isStatic, Component2);
|
|
6805
|
-
const filteredProps = filterProps(props, typeof Component2 === "string", forwardMotionProps);
|
|
6825
|
+
const filteredProps = filterProps(props, typeof Component2 === "string", forwardMotionProps, isValidProp);
|
|
6806
6826
|
const elementProps = Component2 !== React.Fragment ? { ...filteredProps, ...visualProps, ref } : {};
|
|
6807
6827
|
const { children } = props;
|
|
6808
6828
|
const renderedChildren = React.useMemo(() => isMotionValue(children) ? children.get() : children, [children]);
|
|
@@ -6867,20 +6887,20 @@ var makeUseVisualState = (config) => (props, isStatic) => {
|
|
|
6867
6887
|
return isStatic ? make() : useConstant(make);
|
|
6868
6888
|
};
|
|
6869
6889
|
|
|
6870
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6890
|
+
// ../../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
|
|
6871
6891
|
var useHTMLVisualState = /* @__PURE__ */ makeUseVisualState({
|
|
6872
6892
|
scrapeMotionValuesFromProps,
|
|
6873
6893
|
createRenderState: createHtmlRenderState
|
|
6874
6894
|
});
|
|
6875
6895
|
|
|
6876
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6896
|
+
// ../../node_modules/.pnpm/framer-motion@13.1.1_react-dom@19.2.8_react@19.2.8__react@19.2.8/node_modules/framer-motion/dist/es/render/svg/use-svg-visual-state.mjs
|
|
6877
6897
|
var useSVGVisualState = /* @__PURE__ */ makeUseVisualState({
|
|
6878
6898
|
scrapeMotionValuesFromProps: scrapeMotionValuesFromProps2,
|
|
6879
6899
|
createRenderState: createSvgRenderState
|
|
6880
6900
|
});
|
|
6881
6901
|
|
|
6882
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6883
|
-
var motionComponentSymbol = Symbol.for("motionComponentSymbol");
|
|
6902
|
+
// ../../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
|
|
6903
|
+
var motionComponentSymbol = /* @__PURE__ */ Symbol.for("motionComponentSymbol");
|
|
6884
6904
|
function useMotionRef(visualState, visualElement, externalRef) {
|
|
6885
6905
|
const externalRefContainer = React.useRef(externalRef);
|
|
6886
6906
|
React.useInsertionEffect(() => {
|
|
@@ -6891,6 +6911,9 @@ function useMotionRef(visualState, visualElement, externalRef) {
|
|
|
6891
6911
|
if (instance) {
|
|
6892
6912
|
visualState.onMount?.(instance);
|
|
6893
6913
|
}
|
|
6914
|
+
if (visualElement) {
|
|
6915
|
+
instance ? visualElement.mount(instance) : visualElement.unmount();
|
|
6916
|
+
}
|
|
6894
6917
|
const ref = externalRefContainer.current;
|
|
6895
6918
|
if (typeof ref === "function") {
|
|
6896
6919
|
if (instance) {
|
|
@@ -6907,19 +6930,16 @@ function useMotionRef(visualState, visualElement, externalRef) {
|
|
|
6907
6930
|
} else if (ref) {
|
|
6908
6931
|
ref.current = instance;
|
|
6909
6932
|
}
|
|
6910
|
-
if (visualElement) {
|
|
6911
|
-
instance ? visualElement.mount(instance) : visualElement.unmount();
|
|
6912
|
-
}
|
|
6913
6933
|
}, [visualElement]);
|
|
6914
6934
|
}
|
|
6915
6935
|
var SwitchLayoutGroupContext = React.createContext({});
|
|
6916
6936
|
|
|
6917
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6937
|
+
// ../../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
|
|
6918
6938
|
function isRefObject(ref) {
|
|
6919
6939
|
return ref && typeof ref === "object" && Object.prototype.hasOwnProperty.call(ref, "current");
|
|
6920
6940
|
}
|
|
6921
6941
|
|
|
6922
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
6942
|
+
// ../../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
|
|
6923
6943
|
function useVisualElement(Component2, visualState, props, createVisualElement, ProjectionNodeConstructor, isSVG) {
|
|
6924
6944
|
const { visualElement: parent } = React.useContext(MotionContext);
|
|
6925
6945
|
const lazyContext = React.useContext(LazyContext);
|
|
@@ -7015,7 +7035,7 @@ function getClosestProjectingNode(visualElement) {
|
|
|
7015
7035
|
return visualElement.options.allowProjection !== false ? visualElement.projection : getClosestProjectingNode(visualElement.parent);
|
|
7016
7036
|
}
|
|
7017
7037
|
|
|
7018
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7038
|
+
// ../../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
|
|
7019
7039
|
function createMotionComponent(Component2, { forwardMotionProps = false, type } = {}, preloadedFeatures, createVisualElement) {
|
|
7020
7040
|
preloadedFeatures && loadFeatures(preloadedFeatures);
|
|
7021
7041
|
const isSVG = type ? type === "svg" : isSVGComponent(Component2);
|
|
@@ -7027,7 +7047,7 @@ function createMotionComponent(Component2, { forwardMotionProps = false, type }
|
|
|
7027
7047
|
...props,
|
|
7028
7048
|
layoutId: useLayoutId(props)
|
|
7029
7049
|
};
|
|
7030
|
-
const { isStatic } = configAndProps;
|
|
7050
|
+
const { isStatic, isValidProp } = configAndProps;
|
|
7031
7051
|
const context = useCreateMotionContext(props);
|
|
7032
7052
|
const visualState = useVisualState(props, isStatic);
|
|
7033
7053
|
if (!isStatic && typeof window !== "undefined") {
|
|
@@ -7036,7 +7056,7 @@ function createMotionComponent(Component2, { forwardMotionProps = false, type }
|
|
|
7036
7056
|
MeasureLayout2 = layoutProjection.MeasureLayout;
|
|
7037
7057
|
context.visualElement = useVisualElement(Component2, visualState, configAndProps, createVisualElement, layoutProjection.ProjectionNode, isSVG);
|
|
7038
7058
|
}
|
|
7039
|
-
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)] });
|
|
7059
|
+
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)] });
|
|
7040
7060
|
}
|
|
7041
7061
|
MotionDOMComponent.displayName = `motion.${typeof Component2 === "string" ? Component2 : `create(${Component2.displayName ?? Component2.name ?? ""})`}`;
|
|
7042
7062
|
const ForwardRefMotionComponent = React.forwardRef(MotionDOMComponent);
|
|
@@ -7066,7 +7086,7 @@ function getProjectionFunctionality(props) {
|
|
|
7066
7086
|
};
|
|
7067
7087
|
}
|
|
7068
7088
|
|
|
7069
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7089
|
+
// ../../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
|
|
7070
7090
|
function createMotionProxy(preloadedFeatures, createVisualElement) {
|
|
7071
7091
|
if (typeof Proxy === "undefined") {
|
|
7072
7092
|
return createMotionComponent;
|
|
@@ -7104,7 +7124,7 @@ var createDomVisualElement = (Component2, options) => {
|
|
|
7104
7124
|
});
|
|
7105
7125
|
};
|
|
7106
7126
|
|
|
7107
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7127
|
+
// ../../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
|
|
7108
7128
|
var AnimationFeature = class extends Feature {
|
|
7109
7129
|
/**
|
|
7110
7130
|
* We dynamically generate the AnimationState manager as it contains a reference
|
|
@@ -7140,7 +7160,7 @@ var AnimationFeature = class extends Feature {
|
|
|
7140
7160
|
}
|
|
7141
7161
|
};
|
|
7142
7162
|
|
|
7143
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7163
|
+
// ../../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
|
|
7144
7164
|
var id2 = 0;
|
|
7145
7165
|
var ExitAnimationFeature = class extends Feature {
|
|
7146
7166
|
constructor() {
|
|
@@ -7159,7 +7179,7 @@ var ExitAnimationFeature = class extends Feature {
|
|
|
7159
7179
|
if (isPresent && prevIsPresent === false) {
|
|
7160
7180
|
if (this.isExitComplete) {
|
|
7161
7181
|
const { initial, custom } = this.node.getProps();
|
|
7162
|
-
if (typeof initial === "string") {
|
|
7182
|
+
if (typeof initial === "string" || typeof initial === "object" && initial !== null && !Array.isArray(initial)) {
|
|
7163
7183
|
const resolved = resolveVariant(this.node, initial, custom);
|
|
7164
7184
|
if (resolved) {
|
|
7165
7185
|
const { transition, transitionEnd, ...target } = resolved;
|
|
@@ -7197,7 +7217,7 @@ var ExitAnimationFeature = class extends Feature {
|
|
|
7197
7217
|
}
|
|
7198
7218
|
};
|
|
7199
7219
|
|
|
7200
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7220
|
+
// ../../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
|
|
7201
7221
|
var animations = {
|
|
7202
7222
|
animation: {
|
|
7203
7223
|
Feature: AnimationFeature
|
|
@@ -7207,7 +7227,7 @@ var animations = {
|
|
|
7207
7227
|
}
|
|
7208
7228
|
};
|
|
7209
7229
|
|
|
7210
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7230
|
+
// ../../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
|
|
7211
7231
|
function extractEventInfo(event) {
|
|
7212
7232
|
return {
|
|
7213
7233
|
point: {
|
|
@@ -7218,17 +7238,17 @@ function extractEventInfo(event) {
|
|
|
7218
7238
|
}
|
|
7219
7239
|
var addPointerInfo = (handler) => (event) => isPrimaryPointer(event) && handler(event, extractEventInfo(event));
|
|
7220
7240
|
|
|
7221
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7241
|
+
// ../../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
|
|
7222
7242
|
function addPointerEvent(target, eventName, handler, options) {
|
|
7223
7243
|
return addDomEvent(target, eventName, addPointerInfo(handler), options);
|
|
7224
7244
|
}
|
|
7225
7245
|
|
|
7226
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7246
|
+
// ../../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
|
|
7227
7247
|
var getContextWindow = ({ current }) => {
|
|
7228
7248
|
return current ? current.ownerDocument.defaultView : null;
|
|
7229
7249
|
};
|
|
7230
7250
|
|
|
7231
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7251
|
+
// ../../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
|
|
7232
7252
|
var distance = (a, b) => Math.abs(a - b);
|
|
7233
7253
|
function distance2D(a, b) {
|
|
7234
7254
|
const xDelta = distance(a.x, b.x);
|
|
@@ -7236,7 +7256,7 @@ function distance2D(a, b) {
|
|
|
7236
7256
|
return Math.sqrt(xDelta ** 2 + yDelta ** 2);
|
|
7237
7257
|
}
|
|
7238
7258
|
|
|
7239
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7259
|
+
// ../../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
|
|
7240
7260
|
var overflowStyles = /* @__PURE__ */ new Set(["auto", "scroll"]);
|
|
7241
7261
|
var PanSession = class {
|
|
7242
7262
|
constructor(event, handlers, { transformPagePoint, contextWindow = window, dragSnapToOrigin = false, distanceThreshold = 3, element } = {}) {
|
|
@@ -7309,7 +7329,8 @@ var PanSession = class {
|
|
|
7309
7329
|
this.history = [{ ...point, timestamp }];
|
|
7310
7330
|
const { onSessionStart } = handlers;
|
|
7311
7331
|
onSessionStart && onSessionStart(event, getPanInfo(initialInfo, this.history));
|
|
7312
|
-
|
|
7332
|
+
const eventOptions = { passive: true, capture: true };
|
|
7333
|
+
this.removeListeners = pipe(addPointerEvent(this.contextWindow, "pointermove", this.handlePointerMove, eventOptions), addPointerEvent(this.contextWindow, "pointerup", this.handlePointerUp, eventOptions), addPointerEvent(this.contextWindow, "pointercancel", this.handlePointerUp, eventOptions));
|
|
7313
7334
|
if (element) {
|
|
7314
7335
|
this.startScrollTracking(element);
|
|
7315
7336
|
}
|
|
@@ -7443,7 +7464,7 @@ function getVelocity(history, timeDelta) {
|
|
|
7443
7464
|
return currentVelocity;
|
|
7444
7465
|
}
|
|
7445
7466
|
|
|
7446
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7467
|
+
// ../../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
|
|
7447
7468
|
function applyConstraints(point, { min, max }, elastic) {
|
|
7448
7469
|
if (min !== void 0 && point < min) {
|
|
7449
7470
|
point = elastic ? mixNumber(min, point, elastic.min) : Math.max(point, min);
|
|
@@ -7521,7 +7542,7 @@ function resolvePointElastic(dragElastic, label) {
|
|
|
7521
7542
|
return typeof dragElastic === "number" ? dragElastic : dragElastic[label] || 0;
|
|
7522
7543
|
}
|
|
7523
7544
|
|
|
7524
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7545
|
+
// ../../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
|
|
7525
7546
|
var elementDragControls = /* @__PURE__ */ new WeakMap();
|
|
7526
7547
|
var VisualElementDragControls = class {
|
|
7527
7548
|
constructor(visualElement) {
|
|
@@ -7722,6 +7743,10 @@ var VisualElementDragControls = class {
|
|
|
7722
7743
|
const { projection } = this.visualElement;
|
|
7723
7744
|
if (!projection || !projection.layout)
|
|
7724
7745
|
return false;
|
|
7746
|
+
if (projection.root) {
|
|
7747
|
+
projection.root.scroll = void 0;
|
|
7748
|
+
projection.root.updateScroll();
|
|
7749
|
+
}
|
|
7725
7750
|
const constraintsBox = measurePageBox(constraintsElement, projection.root, this.visualElement.getTransformPagePoint());
|
|
7726
7751
|
let measuredConstraints = calcViewportConstraints(projection.layout.layoutBox, constraintsBox);
|
|
7727
7752
|
if (onMeasureDragConstraints) {
|
|
@@ -7778,7 +7803,7 @@ var VisualElementDragControls = class {
|
|
|
7778
7803
|
const dragKey = `_drag${axis.toUpperCase()}`;
|
|
7779
7804
|
const props = this.visualElement.getProps();
|
|
7780
7805
|
const externalMotionValue = props[dragKey];
|
|
7781
|
-
return externalMotionValue ? externalMotionValue : this.visualElement.getValue(axis,
|
|
7806
|
+
return externalMotionValue ? externalMotionValue : this.visualElement.getValue(axis, this.visualElement.latestValues[axis] ?? 0);
|
|
7782
7807
|
}
|
|
7783
7808
|
snapToCursor(point) {
|
|
7784
7809
|
eachAxis((axis) => {
|
|
@@ -7926,7 +7951,7 @@ function getCurrentDirection(offset, lockThreshold = 10) {
|
|
|
7926
7951
|
return direction;
|
|
7927
7952
|
}
|
|
7928
7953
|
|
|
7929
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7954
|
+
// ../../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
|
|
7930
7955
|
var DragGesture = class extends Feature {
|
|
7931
7956
|
constructor(node) {
|
|
7932
7957
|
super(node);
|
|
@@ -7960,7 +7985,7 @@ var DragGesture = class extends Feature {
|
|
|
7960
7985
|
}
|
|
7961
7986
|
};
|
|
7962
7987
|
|
|
7963
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
7988
|
+
// ../../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
|
|
7964
7989
|
var asyncHandler = (handler) => (event, info) => {
|
|
7965
7990
|
if (handler) {
|
|
7966
7991
|
frame.update(() => handler(event, info), false, true);
|
|
@@ -8103,7 +8128,7 @@ function MeasureLayout(props) {
|
|
|
8103
8128
|
return jsxRuntime.jsx(MeasureLayoutWithContext, { ...props, layoutGroup, switchLayoutGroup: React.useContext(SwitchLayoutGroupContext), isPresent, safeToRemove });
|
|
8104
8129
|
}
|
|
8105
8130
|
|
|
8106
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8131
|
+
// ../../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
|
|
8107
8132
|
var drag = {
|
|
8108
8133
|
pan: {
|
|
8109
8134
|
Feature: PanGesture
|
|
@@ -8115,7 +8140,7 @@ var drag = {
|
|
|
8115
8140
|
}
|
|
8116
8141
|
};
|
|
8117
8142
|
|
|
8118
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8143
|
+
// ../../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
|
|
8119
8144
|
function handleHoverEvent(node, event, lifecycle) {
|
|
8120
8145
|
const { props } = node;
|
|
8121
8146
|
if (node.animationState && props.whileHover) {
|
|
@@ -8141,7 +8166,7 @@ var HoverGesture = class extends Feature {
|
|
|
8141
8166
|
}
|
|
8142
8167
|
};
|
|
8143
8168
|
|
|
8144
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8169
|
+
// ../../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
|
|
8145
8170
|
var FocusGesture = class extends Feature {
|
|
8146
8171
|
constructor() {
|
|
8147
8172
|
super(...arguments);
|
|
@@ -8172,7 +8197,7 @@ var FocusGesture = class extends Feature {
|
|
|
8172
8197
|
}
|
|
8173
8198
|
};
|
|
8174
8199
|
|
|
8175
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8200
|
+
// ../../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
|
|
8176
8201
|
function handlePressEvent(node, event, lifecycle) {
|
|
8177
8202
|
const { props } = node;
|
|
8178
8203
|
if (node.current instanceof HTMLButtonElement && node.current.disabled) {
|
|
@@ -8205,7 +8230,7 @@ var PressGesture = class extends Feature {
|
|
|
8205
8230
|
}
|
|
8206
8231
|
};
|
|
8207
8232
|
|
|
8208
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8233
|
+
// ../../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
|
|
8209
8234
|
var observerCallbacks = /* @__PURE__ */ new WeakMap();
|
|
8210
8235
|
var observers = /* @__PURE__ */ new WeakMap();
|
|
8211
8236
|
var fireObserverCallback = (entry) => {
|
|
@@ -8237,7 +8262,7 @@ function observeIntersection(element, options, callback) {
|
|
|
8237
8262
|
};
|
|
8238
8263
|
}
|
|
8239
8264
|
|
|
8240
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8265
|
+
// ../../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
|
|
8241
8266
|
var thresholdNames = {
|
|
8242
8267
|
some: 0,
|
|
8243
8268
|
all: 1
|
|
@@ -8298,7 +8323,7 @@ function hasViewportOptionChanged({ viewport = {} }, { viewport: prevViewport =
|
|
|
8298
8323
|
return (name) => viewport[name] !== prevViewport[name];
|
|
8299
8324
|
}
|
|
8300
8325
|
|
|
8301
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8326
|
+
// ../../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
|
|
8302
8327
|
var gestureAnimations = {
|
|
8303
8328
|
inView: {
|
|
8304
8329
|
Feature: InViewFeature
|
|
@@ -8314,7 +8339,7 @@ var gestureAnimations = {
|
|
|
8314
8339
|
}
|
|
8315
8340
|
};
|
|
8316
8341
|
|
|
8317
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8342
|
+
// ../../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
|
|
8318
8343
|
var layout = {
|
|
8319
8344
|
layout: {
|
|
8320
8345
|
ProjectionNode: HTMLProjectionNode,
|
|
@@ -8322,7 +8347,7 @@ var layout = {
|
|
|
8322
8347
|
}
|
|
8323
8348
|
};
|
|
8324
8349
|
|
|
8325
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8350
|
+
// ../../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
|
|
8326
8351
|
var featureBundle = {
|
|
8327
8352
|
...animations,
|
|
8328
8353
|
...gestureAnimations,
|
|
@@ -8330,10 +8355,10 @@ var featureBundle = {
|
|
|
8330
8355
|
...layout
|
|
8331
8356
|
};
|
|
8332
8357
|
|
|
8333
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8358
|
+
// ../../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
|
|
8334
8359
|
var motion = /* @__PURE__ */ createMotionProxy(featureBundle, createDomVisualElement);
|
|
8335
8360
|
|
|
8336
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8361
|
+
// ../../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/animation/hooks/animation-controls.mjs
|
|
8337
8362
|
function stopAnimation(visualElement) {
|
|
8338
8363
|
visualElement.values.forEach((value) => value.stop());
|
|
8339
8364
|
}
|
|
@@ -8398,7 +8423,7 @@ function animationControls() {
|
|
|
8398
8423
|
return controls;
|
|
8399
8424
|
}
|
|
8400
8425
|
|
|
8401
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8426
|
+
// ../../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/animation/hooks/use-animation.mjs
|
|
8402
8427
|
function useAnimationControls() {
|
|
8403
8428
|
const controls = useConstant(animationControls);
|
|
8404
8429
|
useIsomorphicLayoutEffect(controls.mount, []);
|
|
@@ -8406,7 +8431,7 @@ function useAnimationControls() {
|
|
|
8406
8431
|
}
|
|
8407
8432
|
var useAnimation = useAnimationControls;
|
|
8408
8433
|
|
|
8409
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8434
|
+
// ../../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/viewport/index.mjs
|
|
8410
8435
|
var thresholds = {
|
|
8411
8436
|
some: 0,
|
|
8412
8437
|
all: 1
|
|
@@ -8441,7 +8466,7 @@ function inView(elementOrSelector, onStart, { root, margin: rootMargin, amount =
|
|
|
8441
8466
|
return () => observer2.disconnect();
|
|
8442
8467
|
}
|
|
8443
8468
|
|
|
8444
|
-
// ../../node_modules/.pnpm/framer-motion@
|
|
8469
|
+
// ../../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-in-view.mjs
|
|
8445
8470
|
function useInView(ref, { root, margin, amount, once = false, initial = false } = {}) {
|
|
8446
8471
|
const [isInView, setInView] = React.useState(initial);
|
|
8447
8472
|
React.useEffect(() => {
|
|
@@ -8460,6 +8485,9 @@ function useInView(ref, { root, margin, amount, once = false, initial = false }
|
|
|
8460
8485
|
}, [root, ref, margin, once, amount]);
|
|
8461
8486
|
return isInView;
|
|
8462
8487
|
}
|
|
8488
|
+
|
|
8489
|
+
// ../../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
|
|
8490
|
+
var motion2 = motion;
|
|
8463
8491
|
function usePrefersReducedMotion() {
|
|
8464
8492
|
const [prefersReducedMotion2, setPrefersReducedMotion] = React.useState(false);
|
|
8465
8493
|
React.useEffect(() => {
|
|
@@ -8657,7 +8685,7 @@ function RevealAnimation({
|
|
|
8657
8685
|
return children;
|
|
8658
8686
|
}
|
|
8659
8687
|
return React__default.default.Children.map(children, (child, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
8660
|
-
|
|
8688
|
+
motion2.div,
|
|
8661
8689
|
{
|
|
8662
8690
|
variants: childVariants,
|
|
8663
8691
|
transition: {
|
|
@@ -8672,7 +8700,7 @@ function RevealAnimation({
|
|
|
8672
8700
|
));
|
|
8673
8701
|
};
|
|
8674
8702
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
8675
|
-
|
|
8703
|
+
motion2.div,
|
|
8676
8704
|
{
|
|
8677
8705
|
ref,
|
|
8678
8706
|
className: ui.cn(className),
|