motioncss-ui 0.1.1 → 0.1.2
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/motioncss-ui.js +488 -294
- package/dist/motioncss-ui.umd.cjs +13 -13
- package/package.json +4 -1
package/dist/motioncss-ui.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import
|
|
2
|
-
var
|
|
1
|
+
import ke, { useRef as z, useState as De, useEffect as Fe } from "react";
|
|
2
|
+
var J = { exports: {} }, W = {};
|
|
3
3
|
/**
|
|
4
4
|
* @license React
|
|
5
5
|
* react-jsx-runtime.production.min.js
|
|
@@ -9,21 +9,21 @@ var U = { exports: {} }, $ = {};
|
|
|
9
9
|
* This source code is licensed under the MIT license found in the
|
|
10
10
|
* LICENSE file in the root directory of this source tree.
|
|
11
11
|
*/
|
|
12
|
-
var
|
|
13
|
-
function
|
|
14
|
-
if (
|
|
15
|
-
|
|
16
|
-
var
|
|
17
|
-
function
|
|
18
|
-
var
|
|
19
|
-
|
|
20
|
-
for (
|
|
21
|
-
if (
|
|
22
|
-
return { $$typeof:
|
|
12
|
+
var je;
|
|
13
|
+
function gr() {
|
|
14
|
+
if (je) return W;
|
|
15
|
+
je = 1;
|
|
16
|
+
var v = ke, s = Symbol.for("react.element"), d = Symbol.for("react.fragment"), f = Object.prototype.hasOwnProperty, b = v.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, y = { key: !0, ref: !0, __self: !0, __source: !0 };
|
|
17
|
+
function R(p, i, w) {
|
|
18
|
+
var l, E = {}, m = null, O = null;
|
|
19
|
+
w !== void 0 && (m = "" + w), i.key !== void 0 && (m = "" + i.key), i.ref !== void 0 && (O = i.ref);
|
|
20
|
+
for (l in i) f.call(i, l) && !y.hasOwnProperty(l) && (E[l] = i[l]);
|
|
21
|
+
if (p && p.defaultProps) for (l in i = p.defaultProps, i) E[l] === void 0 && (E[l] = i[l]);
|
|
22
|
+
return { $$typeof: s, type: p, key: m, ref: O, props: E, _owner: b.current };
|
|
23
23
|
}
|
|
24
|
-
return
|
|
24
|
+
return W.Fragment = d, W.jsx = R, W.jsxs = R, W;
|
|
25
25
|
}
|
|
26
|
-
var
|
|
26
|
+
var V = {};
|
|
27
27
|
/**
|
|
28
28
|
* @license React
|
|
29
29
|
* react-jsx-runtime.development.js
|
|
@@ -33,91 +33,91 @@ var I = {};
|
|
|
33
33
|
* This source code is licensed under the MIT license found in the
|
|
34
34
|
* LICENSE file in the root directory of this source tree.
|
|
35
35
|
*/
|
|
36
|
-
var
|
|
37
|
-
function
|
|
38
|
-
return
|
|
39
|
-
var
|
|
40
|
-
function
|
|
36
|
+
var Pe;
|
|
37
|
+
function yr() {
|
|
38
|
+
return Pe || (Pe = 1, process.env.NODE_ENV !== "production" && (function() {
|
|
39
|
+
var v = ke, s = Symbol.for("react.element"), d = Symbol.for("react.portal"), f = Symbol.for("react.fragment"), b = Symbol.for("react.strict_mode"), y = Symbol.for("react.profiler"), R = Symbol.for("react.provider"), p = Symbol.for("react.context"), i = Symbol.for("react.forward_ref"), w = Symbol.for("react.suspense"), l = Symbol.for("react.suspense_list"), E = Symbol.for("react.memo"), m = Symbol.for("react.lazy"), O = Symbol.for("react.offscreen"), S = Symbol.iterator, j = "@@iterator";
|
|
40
|
+
function U(e) {
|
|
41
41
|
if (e === null || typeof e != "object")
|
|
42
42
|
return null;
|
|
43
|
-
var r =
|
|
43
|
+
var r = S && e[S] || e[j];
|
|
44
44
|
return typeof r == "function" ? r : null;
|
|
45
45
|
}
|
|
46
|
-
var P =
|
|
47
|
-
function
|
|
46
|
+
var P = v.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
47
|
+
function _(e) {
|
|
48
48
|
{
|
|
49
49
|
for (var r = arguments.length, t = new Array(r > 1 ? r - 1 : 0), n = 1; n < r; n++)
|
|
50
50
|
t[n - 1] = arguments[n];
|
|
51
|
-
|
|
51
|
+
Y("error", e, t);
|
|
52
52
|
}
|
|
53
53
|
}
|
|
54
|
-
function
|
|
54
|
+
function Y(e, r, t) {
|
|
55
55
|
{
|
|
56
|
-
var n = P.ReactDebugCurrentFrame,
|
|
57
|
-
|
|
58
|
-
var
|
|
56
|
+
var n = P.ReactDebugCurrentFrame, u = n.getStackAddendum();
|
|
57
|
+
u !== "" && (r += "%s", t = t.concat([u]));
|
|
58
|
+
var c = t.map(function(o) {
|
|
59
59
|
return String(o);
|
|
60
60
|
});
|
|
61
|
-
|
|
61
|
+
c.unshift("Warning: " + r), Function.prototype.apply.call(console[e], console, c);
|
|
62
62
|
}
|
|
63
63
|
}
|
|
64
|
-
var
|
|
65
|
-
|
|
66
|
-
function
|
|
67
|
-
return !!(typeof e == "string" || typeof e == "function" || e ===
|
|
64
|
+
var Ie = !1, Ye = !1, Me = !1, Le = !1, We = !1, ae;
|
|
65
|
+
ae = Symbol.for("react.module.reference");
|
|
66
|
+
function Ve(e) {
|
|
67
|
+
return !!(typeof e == "string" || typeof e == "function" || e === f || e === y || We || e === b || e === w || e === l || Le || e === O || Ie || Ye || Me || typeof e == "object" && e !== null && (e.$$typeof === m || e.$$typeof === E || e.$$typeof === R || e.$$typeof === p || e.$$typeof === i || // This needs to include all possible module reference object
|
|
68
68
|
// types supported by any Flight configuration anywhere since
|
|
69
69
|
// we don't know which Flight build this will end up being used
|
|
70
70
|
// with.
|
|
71
|
-
e.$$typeof ===
|
|
71
|
+
e.$$typeof === ae || e.getModuleId !== void 0));
|
|
72
72
|
}
|
|
73
|
-
function
|
|
73
|
+
function Ue(e, r, t) {
|
|
74
74
|
var n = e.displayName;
|
|
75
75
|
if (n)
|
|
76
76
|
return n;
|
|
77
|
-
var
|
|
78
|
-
return
|
|
77
|
+
var u = r.displayName || r.name || "";
|
|
78
|
+
return u !== "" ? t + "(" + u + ")" : t;
|
|
79
79
|
}
|
|
80
|
-
function
|
|
80
|
+
function oe(e) {
|
|
81
81
|
return e.displayName || "Context";
|
|
82
82
|
}
|
|
83
|
-
function
|
|
83
|
+
function $(e) {
|
|
84
84
|
if (e == null)
|
|
85
85
|
return null;
|
|
86
|
-
if (typeof e.tag == "number" &&
|
|
86
|
+
if (typeof e.tag == "number" && _("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof e == "function")
|
|
87
87
|
return e.displayName || e.name || null;
|
|
88
88
|
if (typeof e == "string")
|
|
89
89
|
return e;
|
|
90
90
|
switch (e) {
|
|
91
|
-
case
|
|
91
|
+
case f:
|
|
92
92
|
return "Fragment";
|
|
93
|
-
case
|
|
93
|
+
case d:
|
|
94
94
|
return "Portal";
|
|
95
|
-
case
|
|
95
|
+
case y:
|
|
96
96
|
return "Profiler";
|
|
97
|
-
case
|
|
97
|
+
case b:
|
|
98
98
|
return "StrictMode";
|
|
99
|
-
case
|
|
99
|
+
case w:
|
|
100
100
|
return "Suspense";
|
|
101
|
-
case
|
|
101
|
+
case l:
|
|
102
102
|
return "SuspenseList";
|
|
103
103
|
}
|
|
104
104
|
if (typeof e == "object")
|
|
105
105
|
switch (e.$$typeof) {
|
|
106
|
-
case
|
|
106
|
+
case p:
|
|
107
107
|
var r = e;
|
|
108
|
-
return
|
|
109
|
-
case
|
|
108
|
+
return oe(r) + ".Consumer";
|
|
109
|
+
case R:
|
|
110
110
|
var t = e;
|
|
111
|
-
return
|
|
112
|
-
case
|
|
113
|
-
return
|
|
114
|
-
case
|
|
111
|
+
return oe(t._context) + ".Provider";
|
|
112
|
+
case i:
|
|
113
|
+
return Ue(e, e.render, "ForwardRef");
|
|
114
|
+
case E:
|
|
115
115
|
var n = e.displayName || null;
|
|
116
|
-
return n !== null ? n :
|
|
117
|
-
case
|
|
118
|
-
var
|
|
116
|
+
return n !== null ? n : $(e.type) || "Memo";
|
|
117
|
+
case m: {
|
|
118
|
+
var u = e, c = u._payload, o = u._init;
|
|
119
119
|
try {
|
|
120
|
-
return
|
|
120
|
+
return $(o(c));
|
|
121
121
|
} catch {
|
|
122
122
|
return null;
|
|
123
123
|
}
|
|
@@ -125,18 +125,18 @@ function vr() {
|
|
|
125
125
|
}
|
|
126
126
|
return null;
|
|
127
127
|
}
|
|
128
|
-
var
|
|
129
|
-
function
|
|
128
|
+
var D = Object.assign, M = 0, ie, se, ue, ce, le, fe, de;
|
|
129
|
+
function ve() {
|
|
130
130
|
}
|
|
131
|
-
|
|
132
|
-
function
|
|
131
|
+
ve.__reactDisabledLog = !0;
|
|
132
|
+
function Ne() {
|
|
133
133
|
{
|
|
134
|
-
if (
|
|
135
|
-
|
|
134
|
+
if (M === 0) {
|
|
135
|
+
ie = console.log, se = console.info, ue = console.warn, ce = console.error, le = console.group, fe = console.groupCollapsed, de = console.groupEnd;
|
|
136
136
|
var e = {
|
|
137
137
|
configurable: !0,
|
|
138
138
|
enumerable: !0,
|
|
139
|
-
value:
|
|
139
|
+
value: ve,
|
|
140
140
|
writable: !0
|
|
141
141
|
};
|
|
142
142
|
Object.defineProperties(console, {
|
|
@@ -149,77 +149,77 @@ function vr() {
|
|
|
149
149
|
groupEnd: e
|
|
150
150
|
});
|
|
151
151
|
}
|
|
152
|
-
|
|
152
|
+
M++;
|
|
153
153
|
}
|
|
154
154
|
}
|
|
155
|
-
function
|
|
155
|
+
function Be() {
|
|
156
156
|
{
|
|
157
|
-
if (
|
|
157
|
+
if (M--, M === 0) {
|
|
158
158
|
var e = {
|
|
159
159
|
configurable: !0,
|
|
160
160
|
enumerable: !0,
|
|
161
161
|
writable: !0
|
|
162
162
|
};
|
|
163
163
|
Object.defineProperties(console, {
|
|
164
|
-
log:
|
|
165
|
-
value:
|
|
164
|
+
log: D({}, e, {
|
|
165
|
+
value: ie
|
|
166
166
|
}),
|
|
167
|
-
info:
|
|
168
|
-
value:
|
|
167
|
+
info: D({}, e, {
|
|
168
|
+
value: se
|
|
169
169
|
}),
|
|
170
|
-
warn:
|
|
171
|
-
value:
|
|
170
|
+
warn: D({}, e, {
|
|
171
|
+
value: ue
|
|
172
172
|
}),
|
|
173
|
-
error:
|
|
174
|
-
value:
|
|
173
|
+
error: D({}, e, {
|
|
174
|
+
value: ce
|
|
175
175
|
}),
|
|
176
|
-
group:
|
|
177
|
-
value:
|
|
176
|
+
group: D({}, e, {
|
|
177
|
+
value: le
|
|
178
178
|
}),
|
|
179
|
-
groupCollapsed:
|
|
180
|
-
value:
|
|
179
|
+
groupCollapsed: D({}, e, {
|
|
180
|
+
value: fe
|
|
181
181
|
}),
|
|
182
|
-
groupEnd:
|
|
183
|
-
value:
|
|
182
|
+
groupEnd: D({}, e, {
|
|
183
|
+
value: de
|
|
184
184
|
})
|
|
185
185
|
});
|
|
186
186
|
}
|
|
187
|
-
|
|
187
|
+
M < 0 && _("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
|
|
188
188
|
}
|
|
189
189
|
}
|
|
190
|
-
var
|
|
191
|
-
function
|
|
190
|
+
var K = P.ReactCurrentDispatcher, G;
|
|
191
|
+
function N(e, r, t) {
|
|
192
192
|
{
|
|
193
|
-
if (
|
|
193
|
+
if (G === void 0)
|
|
194
194
|
try {
|
|
195
195
|
throw Error();
|
|
196
|
-
} catch (
|
|
197
|
-
var n =
|
|
198
|
-
|
|
196
|
+
} catch (u) {
|
|
197
|
+
var n = u.stack.trim().match(/\n( *(at )?)/);
|
|
198
|
+
G = n && n[1] || "";
|
|
199
199
|
}
|
|
200
200
|
return `
|
|
201
|
-
` +
|
|
201
|
+
` + G + e;
|
|
202
202
|
}
|
|
203
203
|
}
|
|
204
|
-
var
|
|
204
|
+
var H = !1, B;
|
|
205
205
|
{
|
|
206
|
-
var
|
|
207
|
-
|
|
206
|
+
var Xe = typeof WeakMap == "function" ? WeakMap : Map;
|
|
207
|
+
B = new Xe();
|
|
208
208
|
}
|
|
209
|
-
function
|
|
210
|
-
if (!e ||
|
|
209
|
+
function pe(e, r) {
|
|
210
|
+
if (!e || H)
|
|
211
211
|
return "";
|
|
212
212
|
{
|
|
213
|
-
var t =
|
|
213
|
+
var t = B.get(e);
|
|
214
214
|
if (t !== void 0)
|
|
215
215
|
return t;
|
|
216
216
|
}
|
|
217
217
|
var n;
|
|
218
|
-
|
|
219
|
-
var
|
|
218
|
+
H = !0;
|
|
219
|
+
var u = Error.prepareStackTrace;
|
|
220
220
|
Error.prepareStackTrace = void 0;
|
|
221
|
-
var
|
|
222
|
-
|
|
221
|
+
var c;
|
|
222
|
+
c = K.current, K.current = null, Ne();
|
|
223
223
|
try {
|
|
224
224
|
if (r) {
|
|
225
225
|
var o = function() {
|
|
@@ -232,167 +232,167 @@ function vr() {
|
|
|
232
232
|
}), typeof Reflect == "object" && Reflect.construct) {
|
|
233
233
|
try {
|
|
234
234
|
Reflect.construct(o, []);
|
|
235
|
-
} catch (
|
|
236
|
-
n =
|
|
235
|
+
} catch (x) {
|
|
236
|
+
n = x;
|
|
237
237
|
}
|
|
238
238
|
Reflect.construct(e, [], o);
|
|
239
239
|
} else {
|
|
240
240
|
try {
|
|
241
241
|
o.call();
|
|
242
|
-
} catch (
|
|
243
|
-
n =
|
|
242
|
+
} catch (x) {
|
|
243
|
+
n = x;
|
|
244
244
|
}
|
|
245
245
|
e.call(o.prototype);
|
|
246
246
|
}
|
|
247
247
|
} else {
|
|
248
248
|
try {
|
|
249
249
|
throw Error();
|
|
250
|
-
} catch (
|
|
251
|
-
n =
|
|
250
|
+
} catch (x) {
|
|
251
|
+
n = x;
|
|
252
252
|
}
|
|
253
253
|
e();
|
|
254
254
|
}
|
|
255
|
-
} catch (
|
|
256
|
-
if (
|
|
257
|
-
for (var a =
|
|
258
|
-
`),
|
|
259
|
-
`),
|
|
260
|
-
|
|
261
|
-
for (;
|
|
262
|
-
if (a[
|
|
263
|
-
if (
|
|
255
|
+
} catch (x) {
|
|
256
|
+
if (x && n && typeof x.stack == "string") {
|
|
257
|
+
for (var a = x.stack.split(`
|
|
258
|
+
`), T = n.stack.split(`
|
|
259
|
+
`), g = a.length - 1, h = T.length - 1; g >= 1 && h >= 0 && a[g] !== T[h]; )
|
|
260
|
+
h--;
|
|
261
|
+
for (; g >= 1 && h >= 0; g--, h--)
|
|
262
|
+
if (a[g] !== T[h]) {
|
|
263
|
+
if (g !== 1 || h !== 1)
|
|
264
264
|
do
|
|
265
|
-
if (
|
|
266
|
-
var
|
|
267
|
-
` + a[
|
|
268
|
-
return e.displayName &&
|
|
265
|
+
if (g--, h--, h < 0 || a[g] !== T[h]) {
|
|
266
|
+
var C = `
|
|
267
|
+
` + a[g].replace(" at new ", " at ");
|
|
268
|
+
return e.displayName && C.includes("<anonymous>") && (C = C.replace("<anonymous>", e.displayName)), typeof e == "function" && B.set(e, C), C;
|
|
269
269
|
}
|
|
270
|
-
while (
|
|
270
|
+
while (g >= 1 && h >= 0);
|
|
271
271
|
break;
|
|
272
272
|
}
|
|
273
273
|
}
|
|
274
274
|
} finally {
|
|
275
|
-
|
|
275
|
+
H = !1, K.current = c, Be(), Error.prepareStackTrace = u;
|
|
276
276
|
}
|
|
277
|
-
var
|
|
278
|
-
return typeof e == "function" &&
|
|
277
|
+
var I = e ? e.displayName || e.name : "", F = I ? N(I) : "";
|
|
278
|
+
return typeof e == "function" && B.set(e, F), F;
|
|
279
279
|
}
|
|
280
|
-
function
|
|
281
|
-
return
|
|
280
|
+
function qe(e, r, t) {
|
|
281
|
+
return pe(e, !1);
|
|
282
282
|
}
|
|
283
|
-
function
|
|
283
|
+
function Je(e) {
|
|
284
284
|
var r = e.prototype;
|
|
285
285
|
return !!(r && r.isReactComponent);
|
|
286
286
|
}
|
|
287
|
-
function
|
|
287
|
+
function X(e, r, t) {
|
|
288
288
|
if (e == null)
|
|
289
289
|
return "";
|
|
290
290
|
if (typeof e == "function")
|
|
291
|
-
return
|
|
291
|
+
return pe(e, Je(e));
|
|
292
292
|
if (typeof e == "string")
|
|
293
|
-
return
|
|
293
|
+
return N(e);
|
|
294
294
|
switch (e) {
|
|
295
|
-
case
|
|
296
|
-
return
|
|
297
|
-
case
|
|
298
|
-
return
|
|
295
|
+
case w:
|
|
296
|
+
return N("Suspense");
|
|
297
|
+
case l:
|
|
298
|
+
return N("SuspenseList");
|
|
299
299
|
}
|
|
300
300
|
if (typeof e == "object")
|
|
301
301
|
switch (e.$$typeof) {
|
|
302
|
-
case
|
|
303
|
-
return
|
|
304
|
-
case
|
|
305
|
-
return
|
|
306
|
-
case
|
|
307
|
-
var n = e,
|
|
302
|
+
case i:
|
|
303
|
+
return qe(e.render);
|
|
304
|
+
case E:
|
|
305
|
+
return X(e.type, r, t);
|
|
306
|
+
case m: {
|
|
307
|
+
var n = e, u = n._payload, c = n._init;
|
|
308
308
|
try {
|
|
309
|
-
return
|
|
309
|
+
return X(c(u), r, t);
|
|
310
310
|
} catch {
|
|
311
311
|
}
|
|
312
312
|
}
|
|
313
313
|
}
|
|
314
314
|
return "";
|
|
315
315
|
}
|
|
316
|
-
var
|
|
317
|
-
function
|
|
316
|
+
var L = Object.prototype.hasOwnProperty, me = {}, ge = P.ReactDebugCurrentFrame;
|
|
317
|
+
function q(e) {
|
|
318
318
|
if (e) {
|
|
319
|
-
var r = e._owner, t =
|
|
320
|
-
|
|
319
|
+
var r = e._owner, t = X(e.type, e._source, r ? r.type : null);
|
|
320
|
+
ge.setExtraStackFrame(t);
|
|
321
321
|
} else
|
|
322
|
-
|
|
322
|
+
ge.setExtraStackFrame(null);
|
|
323
323
|
}
|
|
324
|
-
function
|
|
324
|
+
function ze(e, r, t, n, u) {
|
|
325
325
|
{
|
|
326
|
-
var
|
|
326
|
+
var c = Function.call.bind(L);
|
|
327
327
|
for (var o in e)
|
|
328
|
-
if (
|
|
328
|
+
if (c(e, o)) {
|
|
329
329
|
var a = void 0;
|
|
330
330
|
try {
|
|
331
331
|
if (typeof e[o] != "function") {
|
|
332
|
-
var
|
|
333
|
-
throw
|
|
332
|
+
var T = Error((n || "React class") + ": " + t + " type `" + o + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof e[o] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
|
|
333
|
+
throw T.name = "Invariant Violation", T;
|
|
334
334
|
}
|
|
335
335
|
a = e[o](r, o, n, t, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
|
|
336
|
-
} catch (
|
|
337
|
-
a =
|
|
336
|
+
} catch (g) {
|
|
337
|
+
a = g;
|
|
338
338
|
}
|
|
339
|
-
a && !(a instanceof Error) && (
|
|
339
|
+
a && !(a instanceof Error) && (q(u), _("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", n || "React class", t, o, typeof a), q(null)), a instanceof Error && !(a.message in me) && (me[a.message] = !0, q(u), _("Failed %s type: %s", t, a.message), q(null));
|
|
340
340
|
}
|
|
341
341
|
}
|
|
342
342
|
}
|
|
343
|
-
var
|
|
344
|
-
function
|
|
345
|
-
return
|
|
343
|
+
var Ke = Array.isArray;
|
|
344
|
+
function Z(e) {
|
|
345
|
+
return Ke(e);
|
|
346
346
|
}
|
|
347
|
-
function
|
|
347
|
+
function Ge(e) {
|
|
348
348
|
{
|
|
349
349
|
var r = typeof Symbol == "function" && Symbol.toStringTag, t = r && e[Symbol.toStringTag] || e.constructor.name || "Object";
|
|
350
350
|
return t;
|
|
351
351
|
}
|
|
352
352
|
}
|
|
353
|
-
function
|
|
353
|
+
function He(e) {
|
|
354
354
|
try {
|
|
355
|
-
return
|
|
355
|
+
return ye(e), !1;
|
|
356
356
|
} catch {
|
|
357
357
|
return !0;
|
|
358
358
|
}
|
|
359
359
|
}
|
|
360
|
-
function
|
|
360
|
+
function ye(e) {
|
|
361
361
|
return "" + e;
|
|
362
362
|
}
|
|
363
|
-
function
|
|
364
|
-
if (
|
|
365
|
-
return
|
|
363
|
+
function he(e) {
|
|
364
|
+
if (He(e))
|
|
365
|
+
return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Ge(e)), ye(e);
|
|
366
366
|
}
|
|
367
|
-
var
|
|
367
|
+
var be = P.ReactCurrentOwner, Ze = {
|
|
368
368
|
key: !0,
|
|
369
369
|
ref: !0,
|
|
370
370
|
__self: !0,
|
|
371
371
|
__source: !0
|
|
372
|
-
},
|
|
373
|
-
function
|
|
374
|
-
if (
|
|
372
|
+
}, Re, Ee;
|
|
373
|
+
function Qe(e) {
|
|
374
|
+
if (L.call(e, "ref")) {
|
|
375
375
|
var r = Object.getOwnPropertyDescriptor(e, "ref").get;
|
|
376
376
|
if (r && r.isReactWarning)
|
|
377
377
|
return !1;
|
|
378
378
|
}
|
|
379
379
|
return e.ref !== void 0;
|
|
380
380
|
}
|
|
381
|
-
function
|
|
382
|
-
if (
|
|
381
|
+
function er(e) {
|
|
382
|
+
if (L.call(e, "key")) {
|
|
383
383
|
var r = Object.getOwnPropertyDescriptor(e, "key").get;
|
|
384
384
|
if (r && r.isReactWarning)
|
|
385
385
|
return !1;
|
|
386
386
|
}
|
|
387
387
|
return e.key !== void 0;
|
|
388
388
|
}
|
|
389
|
-
function
|
|
390
|
-
typeof e.ref == "string" &&
|
|
389
|
+
function rr(e, r) {
|
|
390
|
+
typeof e.ref == "string" && be.current;
|
|
391
391
|
}
|
|
392
|
-
function
|
|
392
|
+
function tr(e, r) {
|
|
393
393
|
{
|
|
394
394
|
var t = function() {
|
|
395
|
-
|
|
395
|
+
Re || (Re = !0, _("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
|
|
396
396
|
};
|
|
397
397
|
t.isReactWarning = !0, Object.defineProperty(e, "key", {
|
|
398
398
|
get: t,
|
|
@@ -400,10 +400,10 @@ function vr() {
|
|
|
400
400
|
});
|
|
401
401
|
}
|
|
402
402
|
}
|
|
403
|
-
function
|
|
403
|
+
function nr(e, r) {
|
|
404
404
|
{
|
|
405
405
|
var t = function() {
|
|
406
|
-
|
|
406
|
+
Ee || (Ee = !0, _("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", r));
|
|
407
407
|
};
|
|
408
408
|
t.isReactWarning = !0, Object.defineProperty(e, "ref", {
|
|
409
409
|
get: t,
|
|
@@ -411,17 +411,17 @@ function vr() {
|
|
|
411
411
|
});
|
|
412
412
|
}
|
|
413
413
|
}
|
|
414
|
-
var
|
|
414
|
+
var ar = function(e, r, t, n, u, c, o) {
|
|
415
415
|
var a = {
|
|
416
416
|
// This tag allows us to uniquely identify this as a React Element
|
|
417
|
-
$$typeof:
|
|
417
|
+
$$typeof: s,
|
|
418
418
|
// Built-in properties that belong on the element
|
|
419
419
|
type: e,
|
|
420
420
|
key: r,
|
|
421
421
|
ref: t,
|
|
422
422
|
props: o,
|
|
423
423
|
// Record the component responsible for creating this element.
|
|
424
|
-
_owner:
|
|
424
|
+
_owner: c
|
|
425
425
|
};
|
|
426
426
|
return a._store = {}, Object.defineProperty(a._store, "validated", {
|
|
427
427
|
configurable: !1,
|
|
@@ -437,44 +437,44 @@ function vr() {
|
|
|
437
437
|
configurable: !1,
|
|
438
438
|
enumerable: !1,
|
|
439
439
|
writable: !1,
|
|
440
|
-
value:
|
|
440
|
+
value: u
|
|
441
441
|
}), Object.freeze && (Object.freeze(a.props), Object.freeze(a)), a;
|
|
442
442
|
};
|
|
443
|
-
function
|
|
443
|
+
function or(e, r, t, n, u) {
|
|
444
444
|
{
|
|
445
|
-
var
|
|
446
|
-
t !== void 0 && (
|
|
447
|
-
for (
|
|
448
|
-
|
|
445
|
+
var c, o = {}, a = null, T = null;
|
|
446
|
+
t !== void 0 && (he(t), a = "" + t), er(r) && (he(r.key), a = "" + r.key), Qe(r) && (T = r.ref, rr(r, u));
|
|
447
|
+
for (c in r)
|
|
448
|
+
L.call(r, c) && !Ze.hasOwnProperty(c) && (o[c] = r[c]);
|
|
449
449
|
if (e && e.defaultProps) {
|
|
450
|
-
var
|
|
451
|
-
for (
|
|
452
|
-
o[
|
|
450
|
+
var g = e.defaultProps;
|
|
451
|
+
for (c in g)
|
|
452
|
+
o[c] === void 0 && (o[c] = g[c]);
|
|
453
453
|
}
|
|
454
|
-
if (a ||
|
|
455
|
-
var
|
|
456
|
-
a &&
|
|
454
|
+
if (a || T) {
|
|
455
|
+
var h = typeof e == "function" ? e.displayName || e.name || "Unknown" : e;
|
|
456
|
+
a && tr(o, h), T && nr(o, h);
|
|
457
457
|
}
|
|
458
|
-
return
|
|
458
|
+
return ar(e, a, T, u, n, be.current, o);
|
|
459
459
|
}
|
|
460
460
|
}
|
|
461
|
-
var
|
|
462
|
-
function
|
|
461
|
+
var Q = P.ReactCurrentOwner, _e = P.ReactDebugCurrentFrame;
|
|
462
|
+
function A(e) {
|
|
463
463
|
if (e) {
|
|
464
|
-
var r = e._owner, t =
|
|
465
|
-
|
|
464
|
+
var r = e._owner, t = X(e.type, e._source, r ? r.type : null);
|
|
465
|
+
_e.setExtraStackFrame(t);
|
|
466
466
|
} else
|
|
467
|
-
|
|
467
|
+
_e.setExtraStackFrame(null);
|
|
468
468
|
}
|
|
469
|
-
var
|
|
470
|
-
|
|
471
|
-
function
|
|
472
|
-
return typeof e == "object" && e !== null && e.$$typeof ===
|
|
469
|
+
var ee;
|
|
470
|
+
ee = !1;
|
|
471
|
+
function re(e) {
|
|
472
|
+
return typeof e == "object" && e !== null && e.$$typeof === s;
|
|
473
473
|
}
|
|
474
|
-
function
|
|
474
|
+
function we() {
|
|
475
475
|
{
|
|
476
|
-
if (
|
|
477
|
-
var e =
|
|
476
|
+
if (Q.current) {
|
|
477
|
+
var e = $(Q.current.type);
|
|
478
478
|
if (e)
|
|
479
479
|
return `
|
|
480
480
|
|
|
@@ -483,13 +483,13 @@ Check the render method of \`` + e + "`.";
|
|
|
483
483
|
return "";
|
|
484
484
|
}
|
|
485
485
|
}
|
|
486
|
-
function
|
|
486
|
+
function ir(e) {
|
|
487
487
|
return "";
|
|
488
488
|
}
|
|
489
|
-
var
|
|
490
|
-
function
|
|
489
|
+
var Te = {};
|
|
490
|
+
function sr(e) {
|
|
491
491
|
{
|
|
492
|
-
var r =
|
|
492
|
+
var r = we();
|
|
493
493
|
if (!r) {
|
|
494
494
|
var t = typeof e == "string" ? e : e.displayName || e.name;
|
|
495
495
|
t && (r = `
|
|
@@ -499,39 +499,39 @@ Check the top-level render call using <` + t + ">.");
|
|
|
499
499
|
return r;
|
|
500
500
|
}
|
|
501
501
|
}
|
|
502
|
-
function
|
|
502
|
+
function xe(e, r) {
|
|
503
503
|
{
|
|
504
504
|
if (!e._store || e._store.validated || e.key != null)
|
|
505
505
|
return;
|
|
506
506
|
e._store.validated = !0;
|
|
507
|
-
var t =
|
|
508
|
-
if (
|
|
507
|
+
var t = sr(r);
|
|
508
|
+
if (Te[t])
|
|
509
509
|
return;
|
|
510
|
-
|
|
510
|
+
Te[t] = !0;
|
|
511
511
|
var n = "";
|
|
512
|
-
e && e._owner && e._owner !==
|
|
512
|
+
e && e._owner && e._owner !== Q.current && (n = " It was passed a child from " + $(e._owner.type) + "."), A(e), _('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', t, n), A(null);
|
|
513
513
|
}
|
|
514
514
|
}
|
|
515
|
-
function
|
|
515
|
+
function Oe(e, r) {
|
|
516
516
|
{
|
|
517
517
|
if (typeof e != "object")
|
|
518
518
|
return;
|
|
519
|
-
if (
|
|
519
|
+
if (Z(e))
|
|
520
520
|
for (var t = 0; t < e.length; t++) {
|
|
521
521
|
var n = e[t];
|
|
522
|
-
|
|
522
|
+
re(n) && xe(n, r);
|
|
523
523
|
}
|
|
524
|
-
else if (
|
|
524
|
+
else if (re(e))
|
|
525
525
|
e._store && (e._store.validated = !0);
|
|
526
526
|
else if (e) {
|
|
527
|
-
var
|
|
528
|
-
if (typeof
|
|
529
|
-
for (var
|
|
530
|
-
|
|
527
|
+
var u = U(e);
|
|
528
|
+
if (typeof u == "function" && u !== e.entries)
|
|
529
|
+
for (var c = u.call(e), o; !(o = c.next()).done; )
|
|
530
|
+
re(o.value) && xe(o.value, r);
|
|
531
531
|
}
|
|
532
532
|
}
|
|
533
533
|
}
|
|
534
|
-
function
|
|
534
|
+
function ur(e) {
|
|
535
535
|
{
|
|
536
536
|
var r = e.type;
|
|
537
537
|
if (r == null || typeof r == "string")
|
|
@@ -539,130 +539,324 @@ Check the top-level render call using <` + t + ">.");
|
|
|
539
539
|
var t;
|
|
540
540
|
if (typeof r == "function")
|
|
541
541
|
t = r.propTypes;
|
|
542
|
-
else if (typeof r == "object" && (r.$$typeof ===
|
|
542
|
+
else if (typeof r == "object" && (r.$$typeof === i || // Note: Memo only checks outer props here.
|
|
543
543
|
// Inner props are checked in the reconciler.
|
|
544
|
-
r.$$typeof ===
|
|
544
|
+
r.$$typeof === E))
|
|
545
545
|
t = r.propTypes;
|
|
546
546
|
else
|
|
547
547
|
return;
|
|
548
548
|
if (t) {
|
|
549
|
-
var n =
|
|
550
|
-
|
|
551
|
-
} else if (r.PropTypes !== void 0 && !
|
|
552
|
-
|
|
553
|
-
var
|
|
554
|
-
|
|
549
|
+
var n = $(r);
|
|
550
|
+
ze(t, e.props, "prop", n, e);
|
|
551
|
+
} else if (r.PropTypes !== void 0 && !ee) {
|
|
552
|
+
ee = !0;
|
|
553
|
+
var u = $(r);
|
|
554
|
+
_("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", u || "Unknown");
|
|
555
555
|
}
|
|
556
|
-
typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved &&
|
|
556
|
+
typeof r.getDefaultProps == "function" && !r.getDefaultProps.isReactClassApproved && _("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
|
|
557
557
|
}
|
|
558
558
|
}
|
|
559
|
-
function
|
|
559
|
+
function cr(e) {
|
|
560
560
|
{
|
|
561
561
|
for (var r = Object.keys(e.props), t = 0; t < r.length; t++) {
|
|
562
562
|
var n = r[t];
|
|
563
563
|
if (n !== "children" && n !== "key") {
|
|
564
|
-
|
|
564
|
+
A(e), _("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", n), A(null);
|
|
565
565
|
break;
|
|
566
566
|
}
|
|
567
567
|
}
|
|
568
|
-
e.ref !== null && (
|
|
568
|
+
e.ref !== null && (A(e), _("Invalid attribute `ref` supplied to `React.Fragment`."), A(null));
|
|
569
569
|
}
|
|
570
570
|
}
|
|
571
|
-
var
|
|
572
|
-
function
|
|
571
|
+
var Ce = {};
|
|
572
|
+
function Se(e, r, t, n, u, c) {
|
|
573
573
|
{
|
|
574
|
-
var o =
|
|
574
|
+
var o = Ve(e);
|
|
575
575
|
if (!o) {
|
|
576
576
|
var a = "";
|
|
577
577
|
(e === void 0 || typeof e == "object" && e !== null && Object.keys(e).length === 0) && (a += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
|
|
578
|
-
var
|
|
579
|
-
|
|
580
|
-
var
|
|
581
|
-
e === null ?
|
|
578
|
+
var T = ir();
|
|
579
|
+
T ? a += T : a += we();
|
|
580
|
+
var g;
|
|
581
|
+
e === null ? g = "null" : Z(e) ? g = "array" : e !== void 0 && e.$$typeof === s ? (g = "<" + ($(e.type) || "Unknown") + " />", a = " Did you accidentally export a JSX literal instead of a component?") : g = typeof e, _("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", g, a);
|
|
582
582
|
}
|
|
583
|
-
var
|
|
584
|
-
if (
|
|
585
|
-
return
|
|
583
|
+
var h = or(e, r, t, u, c);
|
|
584
|
+
if (h == null)
|
|
585
|
+
return h;
|
|
586
586
|
if (o) {
|
|
587
|
-
var
|
|
588
|
-
if (
|
|
587
|
+
var C = r.children;
|
|
588
|
+
if (C !== void 0)
|
|
589
589
|
if (n)
|
|
590
|
-
if (
|
|
591
|
-
for (var
|
|
592
|
-
|
|
593
|
-
Object.freeze && Object.freeze(
|
|
590
|
+
if (Z(C)) {
|
|
591
|
+
for (var I = 0; I < C.length; I++)
|
|
592
|
+
Oe(C[I], e);
|
|
593
|
+
Object.freeze && Object.freeze(C);
|
|
594
594
|
} else
|
|
595
|
-
|
|
595
|
+
_("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
|
|
596
596
|
else
|
|
597
|
-
|
|
597
|
+
Oe(C, e);
|
|
598
598
|
}
|
|
599
|
-
if (
|
|
600
|
-
var
|
|
601
|
-
return
|
|
602
|
-
}),
|
|
603
|
-
if (!
|
|
604
|
-
var
|
|
605
|
-
|
|
599
|
+
if (L.call(r, "key")) {
|
|
600
|
+
var F = $(e), x = Object.keys(r).filter(function(mr) {
|
|
601
|
+
return mr !== "key";
|
|
602
|
+
}), te = x.length > 0 ? "{key: someKey, " + x.join(": ..., ") + ": ...}" : "{key: someKey}";
|
|
603
|
+
if (!Ce[F + te]) {
|
|
604
|
+
var pr = x.length > 0 ? "{" + x.join(": ..., ") + ": ...}" : "{}";
|
|
605
|
+
_(`A props object containing a "key" prop is being spread into JSX:
|
|
606
606
|
let props = %s;
|
|
607
607
|
<%s {...props} />
|
|
608
608
|
React keys must be passed directly to JSX without using spread:
|
|
609
609
|
let props = %s;
|
|
610
|
-
<%s key={someKey} {...props} />`,
|
|
610
|
+
<%s key={someKey} {...props} />`, te, F, pr, F), Ce[F + te] = !0;
|
|
611
611
|
}
|
|
612
612
|
}
|
|
613
|
-
return e ===
|
|
613
|
+
return e === f ? cr(h) : ur(h), h;
|
|
614
614
|
}
|
|
615
615
|
}
|
|
616
|
-
function
|
|
617
|
-
return
|
|
616
|
+
function lr(e, r, t) {
|
|
617
|
+
return Se(e, r, t, !0);
|
|
618
618
|
}
|
|
619
|
-
function
|
|
620
|
-
return
|
|
619
|
+
function fr(e, r, t) {
|
|
620
|
+
return Se(e, r, t, !1);
|
|
621
621
|
}
|
|
622
|
-
var
|
|
623
|
-
|
|
624
|
-
})()),
|
|
622
|
+
var dr = fr, vr = lr;
|
|
623
|
+
V.Fragment = f, V.jsx = dr, V.jsxs = vr;
|
|
624
|
+
})()), V;
|
|
625
625
|
}
|
|
626
|
-
var
|
|
627
|
-
function
|
|
628
|
-
return
|
|
626
|
+
var $e;
|
|
627
|
+
function hr() {
|
|
628
|
+
return $e || ($e = 1, process.env.NODE_ENV === "production" ? J.exports = gr() : J.exports = yr()), J.exports;
|
|
629
629
|
}
|
|
630
|
-
var
|
|
631
|
-
function
|
|
632
|
-
children:
|
|
633
|
-
strength:
|
|
634
|
-
speed:
|
|
635
|
-
scale:
|
|
636
|
-
className:
|
|
630
|
+
var k = hr();
|
|
631
|
+
function Er({
|
|
632
|
+
children: v,
|
|
633
|
+
strength: s = 0.3,
|
|
634
|
+
speed: d = 0.25,
|
|
635
|
+
scale: f = 1,
|
|
636
|
+
className: b = ""
|
|
637
637
|
}) {
|
|
638
|
-
const
|
|
639
|
-
const
|
|
640
|
-
if (!
|
|
641
|
-
const
|
|
642
|
-
|
|
643
|
-
translate(${
|
|
644
|
-
scale(${
|
|
638
|
+
const y = z(null), R = (i) => {
|
|
639
|
+
const w = y.current;
|
|
640
|
+
if (!w) return;
|
|
641
|
+
const l = w.getBoundingClientRect(), E = i.clientX - (l.left + l.width / 2), m = i.clientY - (l.top + l.height / 2);
|
|
642
|
+
w.style.transform = `
|
|
643
|
+
translate(${E * s}px, ${m * s}px)
|
|
644
|
+
scale(${f})
|
|
645
645
|
`;
|
|
646
|
-
},
|
|
647
|
-
const
|
|
648
|
-
|
|
646
|
+
}, p = () => {
|
|
647
|
+
const i = y.current;
|
|
648
|
+
i && (i.style.transform = "translate(0, 0) scale(1)");
|
|
649
649
|
};
|
|
650
|
-
return /* @__PURE__ */
|
|
650
|
+
return /* @__PURE__ */ k.jsx(
|
|
651
651
|
"div",
|
|
652
652
|
{
|
|
653
|
-
ref:
|
|
654
|
-
className:
|
|
655
|
-
onMouseMove:
|
|
656
|
-
onMouseLeave:
|
|
653
|
+
ref: y,
|
|
654
|
+
className: b,
|
|
655
|
+
onMouseMove: R,
|
|
656
|
+
onMouseLeave: p,
|
|
657
657
|
style: {
|
|
658
658
|
display: "inline-block",
|
|
659
|
-
transition: `transform ${
|
|
659
|
+
transition: `transform ${d}s ease-out`,
|
|
660
660
|
willChange: "transform"
|
|
661
661
|
},
|
|
662
|
-
children:
|
|
662
|
+
children: v
|
|
663
|
+
}
|
|
664
|
+
);
|
|
665
|
+
}
|
|
666
|
+
function ne() {
|
|
667
|
+
const [v, s] = De(!1);
|
|
668
|
+
return Fe(() => {
|
|
669
|
+
if (typeof window > "u" || !window.matchMedia) return;
|
|
670
|
+
const d = window.matchMedia("(prefers-reduced-motion: reduce)");
|
|
671
|
+
s(d.matches);
|
|
672
|
+
const f = (b) => s(b.matches);
|
|
673
|
+
return d.addEventListener("change", f), () => d.removeEventListener("change", f);
|
|
674
|
+
}, []), v;
|
|
675
|
+
}
|
|
676
|
+
function _r({
|
|
677
|
+
children: v,
|
|
678
|
+
tilt: s = 15,
|
|
679
|
+
scale: d = 1.03,
|
|
680
|
+
glare: f = !0,
|
|
681
|
+
perspective: b = 1e3,
|
|
682
|
+
className: y = "",
|
|
683
|
+
style: R
|
|
684
|
+
}) {
|
|
685
|
+
const p = z(null), i = z(null), w = ne(), l = (m) => {
|
|
686
|
+
const O = p.current;
|
|
687
|
+
if (!O || w) return;
|
|
688
|
+
const S = O.getBoundingClientRect(), j = (m.clientX - S.left) / S.width, U = (m.clientY - S.top) / S.height, P = (j - 0.5) * 2 * s, _ = (0.5 - U) * 2 * s;
|
|
689
|
+
O.style.transition = "transform 0.08s linear", O.style.transform = `perspective(${b}px) rotateX(${_}deg) rotateY(${P}deg) scale(${d})`;
|
|
690
|
+
const Y = i.current;
|
|
691
|
+
Y && (Y.style.opacity = "1", Y.style.background = `radial-gradient(circle at ${j * 100}% ${U * 100}%, rgba(255,255,255,0.35), transparent 55%)`);
|
|
692
|
+
}, E = () => {
|
|
693
|
+
const m = p.current;
|
|
694
|
+
m && (m.style.transition = "transform 0.4s ease-out", m.style.transform = `perspective(${b}px) rotateX(0deg) rotateY(0deg) scale(1)`, i.current && (i.current.style.opacity = "0"));
|
|
695
|
+
};
|
|
696
|
+
return /* @__PURE__ */ k.jsxs(
|
|
697
|
+
"div",
|
|
698
|
+
{
|
|
699
|
+
ref: p,
|
|
700
|
+
className: y,
|
|
701
|
+
onMouseMove: l,
|
|
702
|
+
onMouseLeave: E,
|
|
703
|
+
style: {
|
|
704
|
+
position: "relative",
|
|
705
|
+
transformStyle: "preserve-3d",
|
|
706
|
+
willChange: "transform",
|
|
707
|
+
...R
|
|
708
|
+
},
|
|
709
|
+
children: [
|
|
710
|
+
v,
|
|
711
|
+
f && /* @__PURE__ */ k.jsx(
|
|
712
|
+
"div",
|
|
713
|
+
{
|
|
714
|
+
ref: i,
|
|
715
|
+
"aria-hidden": "true",
|
|
716
|
+
style: {
|
|
717
|
+
position: "absolute",
|
|
718
|
+
inset: 0,
|
|
719
|
+
borderRadius: "inherit",
|
|
720
|
+
pointerEvents: "none",
|
|
721
|
+
opacity: 0,
|
|
722
|
+
transition: "opacity 0.3s ease-out"
|
|
723
|
+
}
|
|
724
|
+
}
|
|
725
|
+
)
|
|
726
|
+
]
|
|
727
|
+
}
|
|
728
|
+
);
|
|
729
|
+
}
|
|
730
|
+
function Ae({
|
|
731
|
+
threshold: v = 0.2,
|
|
732
|
+
rootMargin: s = "0px",
|
|
733
|
+
once: d = !0
|
|
734
|
+
} = {}) {
|
|
735
|
+
const f = z(null), [b, y] = De(!1);
|
|
736
|
+
return Fe(() => {
|
|
737
|
+
const R = f.current;
|
|
738
|
+
if (!R) return;
|
|
739
|
+
if (typeof IntersectionObserver > "u") {
|
|
740
|
+
y(!0);
|
|
741
|
+
return;
|
|
742
|
+
}
|
|
743
|
+
const p = new IntersectionObserver(
|
|
744
|
+
([i]) => {
|
|
745
|
+
i.isIntersecting ? (y(!0), d && p.disconnect()) : d || y(!1);
|
|
746
|
+
},
|
|
747
|
+
{ threshold: v, rootMargin: s }
|
|
748
|
+
);
|
|
749
|
+
return p.observe(R), () => p.disconnect();
|
|
750
|
+
}, [v, s, d]), { ref: f, inView: b };
|
|
751
|
+
}
|
|
752
|
+
function wr({
|
|
753
|
+
children: v,
|
|
754
|
+
stagger: s = 70,
|
|
755
|
+
duration: d = 700,
|
|
756
|
+
delay: f = 0,
|
|
757
|
+
once: b = !0,
|
|
758
|
+
as: y = "div",
|
|
759
|
+
className: R = "",
|
|
760
|
+
style: p
|
|
761
|
+
}) {
|
|
762
|
+
const { ref: i, inView: w } = Ae({ once: b }), l = ne(), E = y, m = v.split(/\s+/).filter(Boolean), O = w || l;
|
|
763
|
+
return /* @__PURE__ */ k.jsx(E, { ref: i, className: R, style: p, "aria-label": v, children: m.map((S, j) => /* @__PURE__ */ k.jsx(
|
|
764
|
+
"span",
|
|
765
|
+
{
|
|
766
|
+
"aria-hidden": "true",
|
|
767
|
+
style: {
|
|
768
|
+
display: "inline-block",
|
|
769
|
+
overflow: "hidden",
|
|
770
|
+
verticalAlign: "top",
|
|
771
|
+
paddingBottom: "0.15em",
|
|
772
|
+
marginRight: "0.25em"
|
|
773
|
+
},
|
|
774
|
+
children: /* @__PURE__ */ k.jsx(
|
|
775
|
+
"span",
|
|
776
|
+
{
|
|
777
|
+
style: {
|
|
778
|
+
display: "inline-block",
|
|
779
|
+
transform: O ? "translateY(0)" : "translateY(110%)",
|
|
780
|
+
opacity: O ? 1 : 0,
|
|
781
|
+
transition: l ? "none" : `transform ${d}ms cubic-bezier(0.22, 1, 0.36, 1) ${f + j * s}ms, opacity ${d}ms ease ${f + j * s}ms`
|
|
782
|
+
},
|
|
783
|
+
children: S
|
|
784
|
+
}
|
|
785
|
+
)
|
|
786
|
+
},
|
|
787
|
+
j
|
|
788
|
+
)) });
|
|
789
|
+
}
|
|
790
|
+
function br(v, s) {
|
|
791
|
+
switch (v) {
|
|
792
|
+
case "fade-up":
|
|
793
|
+
return `translateY(${s}px)`;
|
|
794
|
+
case "fade-down":
|
|
795
|
+
return `translateY(${-s}px)`;
|
|
796
|
+
case "fade-left":
|
|
797
|
+
return `translateX(${s}px)`;
|
|
798
|
+
case "fade-right":
|
|
799
|
+
return `translateX(${-s}px)`;
|
|
800
|
+
case "zoom":
|
|
801
|
+
return "scale(0.92)";
|
|
802
|
+
default:
|
|
803
|
+
return "none";
|
|
804
|
+
}
|
|
805
|
+
}
|
|
806
|
+
function Tr({
|
|
807
|
+
children: v,
|
|
808
|
+
animation: s = "fade-up",
|
|
809
|
+
duration: d = 700,
|
|
810
|
+
delay: f = 0,
|
|
811
|
+
distance: b = 32,
|
|
812
|
+
threshold: y = 0.2,
|
|
813
|
+
once: R = !0,
|
|
814
|
+
className: p = "",
|
|
815
|
+
style: i
|
|
816
|
+
}) {
|
|
817
|
+
const { ref: w, inView: l } = Ae({ threshold: y, once: R }), E = ne(), m = l || E;
|
|
818
|
+
return /* @__PURE__ */ k.jsx(
|
|
819
|
+
"div",
|
|
820
|
+
{
|
|
821
|
+
ref: w,
|
|
822
|
+
className: p,
|
|
823
|
+
style: {
|
|
824
|
+
opacity: m ? 1 : 0,
|
|
825
|
+
transform: m ? "none" : br(s, b),
|
|
826
|
+
transition: E ? "none" : `opacity ${d}ms ease ${f}ms, transform ${d}ms cubic-bezier(0.22, 1, 0.36, 1) ${f}ms`,
|
|
827
|
+
willChange: "opacity, transform",
|
|
828
|
+
...i
|
|
829
|
+
},
|
|
830
|
+
children: v
|
|
831
|
+
}
|
|
832
|
+
);
|
|
833
|
+
}
|
|
834
|
+
function xr({
|
|
835
|
+
children: v,
|
|
836
|
+
colors: s = ["#6366f1", "#ec4899", "#f59e0b", "#06b6d4"],
|
|
837
|
+
angle: d = 120,
|
|
838
|
+
duration: f = 12,
|
|
839
|
+
className: b = "",
|
|
840
|
+
style: y
|
|
841
|
+
}) {
|
|
842
|
+
const R = [...s, s[0]].join(", ");
|
|
843
|
+
return /* @__PURE__ */ k.jsx(
|
|
844
|
+
"div",
|
|
845
|
+
{
|
|
846
|
+
className: `mcss-gradient-flow ${b}`.trim(),
|
|
847
|
+
style: {
|
|
848
|
+
backgroundImage: `linear-gradient(${d}deg, ${R})`,
|
|
849
|
+
animationDuration: `${f}s`,
|
|
850
|
+
...y
|
|
851
|
+
},
|
|
852
|
+
children: v
|
|
663
853
|
}
|
|
664
854
|
);
|
|
665
855
|
}
|
|
666
856
|
export {
|
|
667
|
-
|
|
857
|
+
xr as GradientFlow,
|
|
858
|
+
Er as Magnetic,
|
|
859
|
+
wr as RevealText,
|
|
860
|
+
Tr as ScrollReveal,
|
|
861
|
+
_r as TiltCard
|
|
668
862
|
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(j,x){typeof exports=="object"&&typeof module<"u"?x(exports,require("react")):typeof define=="function"&&define.amd?define(["exports","react"],x):(j=typeof globalThis<"u"?globalThis:j||self,x(j.MotionCSSUI={},j.React))})(this,(function(j,x){"use strict";var B={exports:{}},L={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.min.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var
|
|
9
|
+
*/var oe;function Ae(){if(oe)return L;oe=1;var v=x,s=Symbol.for("react.element"),d=Symbol.for("react.fragment"),f=Object.prototype.hasOwnProperty,b=v.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,y={key:!0,ref:!0,__self:!0,__source:!0};function R(p,i,w){var l,E={},g=null,C=null;w!==void 0&&(g=""+w),i.key!==void 0&&(g=""+i.key),i.ref!==void 0&&(C=i.ref);for(l in i)f.call(i,l)&&!y.hasOwnProperty(l)&&(E[l]=i[l]);if(p&&p.defaultProps)for(l in i=p.defaultProps,i)E[l]===void 0&&(E[l]=i[l]);return{$$typeof:s,type:p,key:g,ref:C,props:E,_owner:b.current}}return L.Fragment=d,L.jsx=R,L.jsxs=R,L}var W={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,20 +14,20 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var
|
|
18
|
-
`+
|
|
19
|
-
`),
|
|
20
|
-
`),
|
|
21
|
-
`+a[
|
|
17
|
+
*/var ie;function Ie(){return ie||(ie=1,process.env.NODE_ENV!=="production"&&(function(){var v=x,s=Symbol.for("react.element"),d=Symbol.for("react.portal"),f=Symbol.for("react.fragment"),b=Symbol.for("react.strict_mode"),y=Symbol.for("react.profiler"),R=Symbol.for("react.provider"),p=Symbol.for("react.context"),i=Symbol.for("react.forward_ref"),w=Symbol.for("react.suspense"),l=Symbol.for("react.suspense_list"),E=Symbol.for("react.memo"),g=Symbol.for("react.lazy"),C=Symbol.for("react.offscreen"),P=Symbol.iterator,D="@@iterator";function X(e){if(e===null||typeof e!="object")return null;var r=P&&e[P]||e[D];return typeof r=="function"?r:null}var F=v.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function _(e){{for(var r=arguments.length,t=new Array(r>1?r-1:0),n=1;n<r;n++)t[n-1]=arguments[n];V("error",e,t)}}function V(e,r,t){{var n=F.ReactDebugCurrentFrame,u=n.getStackAddendum();u!==""&&(r+="%s",t=t.concat([u]));var c=t.map(function(o){return String(o)});c.unshift("Warning: "+r),Function.prototype.apply.call(console[e],console,c)}}var Ne=!1,Be=!1,Xe=!1,Je=!1,ze=!1,ce;ce=Symbol.for("react.module.reference");function Ge(e){return!!(typeof e=="string"||typeof e=="function"||e===f||e===y||ze||e===b||e===w||e===l||Je||e===C||Ne||Be||Xe||typeof e=="object"&&e!==null&&(e.$$typeof===g||e.$$typeof===E||e.$$typeof===R||e.$$typeof===p||e.$$typeof===i||e.$$typeof===ce||e.getModuleId!==void 0))}function Ke(e,r,t){var n=e.displayName;if(n)return n;var u=r.displayName||r.name||"";return u!==""?t+"("+u+")":t}function le(e){return e.displayName||"Context"}function A(e){if(e==null)return null;if(typeof e.tag=="number"&&_("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof e=="function")return e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case f:return"Fragment";case d:return"Portal";case y:return"Profiler";case b:return"StrictMode";case w:return"Suspense";case l:return"SuspenseList"}if(typeof e=="object")switch(e.$$typeof){case p:var r=e;return le(r)+".Consumer";case R:var t=e;return le(t._context)+".Provider";case i:return Ke(e,e.render,"ForwardRef");case E:var n=e.displayName||null;return n!==null?n:A(e.type)||"Memo";case g:{var u=e,c=u._payload,o=u._init;try{return A(o(c))}catch{return null}}}return null}var I=Object.assign,U=0,fe,de,ve,pe,ge,me,ye;function he(){}he.__reactDisabledLog=!0;function He(){{if(U===0){fe=console.log,de=console.info,ve=console.warn,pe=console.error,ge=console.group,me=console.groupCollapsed,ye=console.groupEnd;var e={configurable:!0,enumerable:!0,value:he,writable:!0};Object.defineProperties(console,{info:e,log:e,warn:e,error:e,group:e,groupCollapsed:e,groupEnd:e})}U++}}function qe(){{if(U--,U===0){var e={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:I({},e,{value:fe}),info:I({},e,{value:de}),warn:I({},e,{value:ve}),error:I({},e,{value:pe}),group:I({},e,{value:ge}),groupCollapsed:I({},e,{value:me}),groupEnd:I({},e,{value:ye})})}U<0&&_("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var q=F.ReactCurrentDispatcher,Z;function J(e,r,t){{if(Z===void 0)try{throw Error()}catch(u){var n=u.stack.trim().match(/\n( *(at )?)/);Z=n&&n[1]||""}return`
|
|
18
|
+
`+Z+e}}var Q=!1,z;{var Ze=typeof WeakMap=="function"?WeakMap:Map;z=new Ze}function be(e,r){if(!e||Q)return"";{var t=z.get(e);if(t!==void 0)return t}var n;Q=!0;var u=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var c;c=q.current,q.current=null,He();try{if(r){var o=function(){throw Error()};if(Object.defineProperty(o.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(o,[])}catch(S){n=S}Reflect.construct(e,[],o)}else{try{o.call()}catch(S){n=S}e.call(o.prototype)}}else{try{throw Error()}catch(S){n=S}e()}}catch(S){if(S&&n&&typeof S.stack=="string"){for(var a=S.stack.split(`
|
|
19
|
+
`),T=n.stack.split(`
|
|
20
|
+
`),m=a.length-1,h=T.length-1;m>=1&&h>=0&&a[m]!==T[h];)h--;for(;m>=1&&h>=0;m--,h--)if(a[m]!==T[h]){if(m!==1||h!==1)do if(m--,h--,h<0||a[m]!==T[h]){var O=`
|
|
21
|
+
`+a[m].replace(" at new "," at ");return e.displayName&&O.includes("<anonymous>")&&(O=O.replace("<anonymous>",e.displayName)),typeof e=="function"&&z.set(e,O),O}while(m>=1&&h>=0);break}}}finally{Q=!1,q.current=c,qe(),Error.prepareStackTrace=u}var M=e?e.displayName||e.name:"",Y=M?J(M):"";return typeof e=="function"&&z.set(e,Y),Y}function Qe(e,r,t){return be(e,!1)}function er(e){var r=e.prototype;return!!(r&&r.isReactComponent)}function G(e,r,t){if(e==null)return"";if(typeof e=="function")return be(e,er(e));if(typeof e=="string")return J(e);switch(e){case w:return J("Suspense");case l:return J("SuspenseList")}if(typeof e=="object")switch(e.$$typeof){case i:return Qe(e.render);case E:return G(e.type,r,t);case g:{var n=e,u=n._payload,c=n._init;try{return G(c(u),r,t)}catch{}}}return""}var N=Object.prototype.hasOwnProperty,Re={},Ee=F.ReactDebugCurrentFrame;function K(e){if(e){var r=e._owner,t=G(e.type,e._source,r?r.type:null);Ee.setExtraStackFrame(t)}else Ee.setExtraStackFrame(null)}function rr(e,r,t,n,u){{var c=Function.call.bind(N);for(var o in e)if(c(e,o)){var a=void 0;try{if(typeof e[o]!="function"){var T=Error((n||"React class")+": "+t+" type `"+o+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof e[o]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw T.name="Invariant Violation",T}a=e[o](r,o,n,t,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(m){a=m}a&&!(a instanceof Error)&&(K(u),_("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",n||"React class",t,o,typeof a),K(null)),a instanceof Error&&!(a.message in Re)&&(Re[a.message]=!0,K(u),_("Failed %s type: %s",t,a.message),K(null))}}}var tr=Array.isArray;function ee(e){return tr(e)}function nr(e){{var r=typeof Symbol=="function"&&Symbol.toStringTag,t=r&&e[Symbol.toStringTag]||e.constructor.name||"Object";return t}}function ar(e){try{return _e(e),!1}catch{return!0}}function _e(e){return""+e}function we(e){if(ar(e))return _("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",nr(e)),_e(e)}var Te=F.ReactCurrentOwner,or={key:!0,ref:!0,__self:!0,__source:!0},xe,Se;function ir(e){if(N.call(e,"ref")){var r=Object.getOwnPropertyDescriptor(e,"ref").get;if(r&&r.isReactWarning)return!1}return e.ref!==void 0}function sr(e){if(N.call(e,"key")){var r=Object.getOwnPropertyDescriptor(e,"key").get;if(r&&r.isReactWarning)return!1}return e.key!==void 0}function ur(e,r){typeof e.ref=="string"&&Te.current}function cr(e,r){{var t=function(){xe||(xe=!0,_("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"key",{get:t,configurable:!0})}}function lr(e,r){{var t=function(){Se||(Se=!0,_("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",r))};t.isReactWarning=!0,Object.defineProperty(e,"ref",{get:t,configurable:!0})}}var fr=function(e,r,t,n,u,c,o){var a={$$typeof:s,type:e,key:r,ref:t,props:o,_owner:c};return a._store={},Object.defineProperty(a._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(a,"_self",{configurable:!1,enumerable:!1,writable:!1,value:n}),Object.defineProperty(a,"_source",{configurable:!1,enumerable:!1,writable:!1,value:u}),Object.freeze&&(Object.freeze(a.props),Object.freeze(a)),a};function dr(e,r,t,n,u){{var c,o={},a=null,T=null;t!==void 0&&(we(t),a=""+t),sr(r)&&(we(r.key),a=""+r.key),ir(r)&&(T=r.ref,ur(r,u));for(c in r)N.call(r,c)&&!or.hasOwnProperty(c)&&(o[c]=r[c]);if(e&&e.defaultProps){var m=e.defaultProps;for(c in m)o[c]===void 0&&(o[c]=m[c])}if(a||T){var h=typeof e=="function"?e.displayName||e.name||"Unknown":e;a&&cr(o,h),T&&lr(o,h)}return fr(e,a,T,u,n,Te.current,o)}}var re=F.ReactCurrentOwner,Ce=F.ReactDebugCurrentFrame;function $(e){if(e){var r=e._owner,t=G(e.type,e._source,r?r.type:null);Ce.setExtraStackFrame(t)}else Ce.setExtraStackFrame(null)}var te;te=!1;function ne(e){return typeof e=="object"&&e!==null&&e.$$typeof===s}function Oe(){{if(re.current){var e=A(re.current.type);if(e)return`
|
|
22
22
|
|
|
23
|
-
Check the render method of \``+e+"`."}return""}}function
|
|
23
|
+
Check the render method of \``+e+"`."}return""}}function vr(e){return""}var je={};function pr(e){{var r=Oe();if(!r){var t=typeof e=="string"?e:e.displayName||e.name;t&&(r=`
|
|
24
24
|
|
|
25
|
-
Check the top-level render call using <`+t+">.")}return r}}function
|
|
25
|
+
Check the top-level render call using <`+t+">.")}return r}}function Pe(e,r){{if(!e._store||e._store.validated||e.key!=null)return;e._store.validated=!0;var t=pr(r);if(je[t])return;je[t]=!0;var n="";e&&e._owner&&e._owner!==re.current&&(n=" It was passed a child from "+A(e._owner.type)+"."),$(e),_('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',t,n),$(null)}}function ke(e,r){{if(typeof e!="object")return;if(ee(e))for(var t=0;t<e.length;t++){var n=e[t];ne(n)&&Pe(n,r)}else if(ne(e))e._store&&(e._store.validated=!0);else if(e){var u=X(e);if(typeof u=="function"&&u!==e.entries)for(var c=u.call(e),o;!(o=c.next()).done;)ne(o.value)&&Pe(o.value,r)}}}function gr(e){{var r=e.type;if(r==null||typeof r=="string")return;var t;if(typeof r=="function")t=r.propTypes;else if(typeof r=="object"&&(r.$$typeof===i||r.$$typeof===E))t=r.propTypes;else return;if(t){var n=A(r);rr(t,e.props,"prop",n,e)}else if(r.PropTypes!==void 0&&!te){te=!0;var u=A(r);_("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",u||"Unknown")}typeof r.getDefaultProps=="function"&&!r.getDefaultProps.isReactClassApproved&&_("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function mr(e){{for(var r=Object.keys(e.props),t=0;t<r.length;t++){var n=r[t];if(n!=="children"&&n!=="key"){$(e),_("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",n),$(null);break}}e.ref!==null&&($(e),_("Invalid attribute `ref` supplied to `React.Fragment`."),$(null))}}var De={};function Fe(e,r,t,n,u,c){{var o=Ge(e);if(!o){var a="";(e===void 0||typeof e=="object"&&e!==null&&Object.keys(e).length===0)&&(a+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var T=vr();T?a+=T:a+=Oe();var m;e===null?m="null":ee(e)?m="array":e!==void 0&&e.$$typeof===s?(m="<"+(A(e.type)||"Unknown")+" />",a=" Did you accidentally export a JSX literal instead of a component?"):m=typeof e,_("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",m,a)}var h=dr(e,r,t,u,c);if(h==null)return h;if(o){var O=r.children;if(O!==void 0)if(n)if(ee(O)){for(var M=0;M<O.length;M++)ke(O[M],e);Object.freeze&&Object.freeze(O)}else _("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else ke(O,e)}if(N.call(r,"key")){var Y=A(e),S=Object.keys(r).filter(function(_r){return _r!=="key"}),ae=S.length>0?"{key: someKey, "+S.join(": ..., ")+": ...}":"{key: someKey}";if(!De[Y+ae]){var Er=S.length>0?"{"+S.join(": ..., ")+": ...}":"{}";_(`A props object containing a "key" prop is being spread into JSX:
|
|
26
26
|
let props = %s;
|
|
27
27
|
<%s {...props} />
|
|
28
28
|
React keys must be passed directly to JSX without using spread:
|
|
29
29
|
let props = %s;
|
|
30
|
-
<%s key={someKey} {...props} />`,
|
|
31
|
-
translate(${
|
|
32
|
-
scale(${
|
|
33
|
-
`},
|
|
30
|
+
<%s key={someKey} {...props} />`,ae,Y,Er,Y),De[Y+ae]=!0}}return e===f?mr(h):gr(h),h}}function yr(e,r,t){return Fe(e,r,t,!0)}function hr(e,r,t){return Fe(e,r,t,!1)}var br=hr,Rr=yr;W.Fragment=f,W.jsx=br,W.jsxs=Rr})()),W}var se;function Ye(){return se||(se=1,process.env.NODE_ENV==="production"?B.exports=Ae():B.exports=Ie()),B.exports}var k=Ye();function $e({children:v,strength:s=.3,speed:d=.25,scale:f=1,className:b=""}){const y=x.useRef(null),R=i=>{const w=y.current;if(!w)return;const l=w.getBoundingClientRect(),E=i.clientX-(l.left+l.width/2),g=i.clientY-(l.top+l.height/2);w.style.transform=`
|
|
31
|
+
translate(${E*s}px, ${g*s}px)
|
|
32
|
+
scale(${f})
|
|
33
|
+
`},p=()=>{const i=y.current;i&&(i.style.transform="translate(0, 0) scale(1)")};return k.jsx("div",{ref:y,className:b,onMouseMove:R,onMouseLeave:p,style:{display:"inline-block",transition:`transform ${d}s ease-out`,willChange:"transform"},children:v})}function H(){const[v,s]=x.useState(!1);return x.useEffect(()=>{if(typeof window>"u"||!window.matchMedia)return;const d=window.matchMedia("(prefers-reduced-motion: reduce)");s(d.matches);const f=b=>s(b.matches);return d.addEventListener("change",f),()=>d.removeEventListener("change",f)},[]),v}function Me({children:v,tilt:s=15,scale:d=1.03,glare:f=!0,perspective:b=1e3,className:y="",style:R}){const p=x.useRef(null),i=x.useRef(null),w=H(),l=g=>{const C=p.current;if(!C||w)return;const P=C.getBoundingClientRect(),D=(g.clientX-P.left)/P.width,X=(g.clientY-P.top)/P.height,F=(D-.5)*2*s,_=(.5-X)*2*s;C.style.transition="transform 0.08s linear",C.style.transform=`perspective(${b}px) rotateX(${_}deg) rotateY(${F}deg) scale(${d})`;const V=i.current;V&&(V.style.opacity="1",V.style.background=`radial-gradient(circle at ${D*100}% ${X*100}%, rgba(255,255,255,0.35), transparent 55%)`)},E=()=>{const g=p.current;g&&(g.style.transition="transform 0.4s ease-out",g.style.transform=`perspective(${b}px) rotateX(0deg) rotateY(0deg) scale(1)`,i.current&&(i.current.style.opacity="0"))};return k.jsxs("div",{ref:p,className:y,onMouseMove:l,onMouseLeave:E,style:{position:"relative",transformStyle:"preserve-3d",willChange:"transform",...R},children:[v,f&&k.jsx("div",{ref:i,"aria-hidden":"true",style:{position:"absolute",inset:0,borderRadius:"inherit",pointerEvents:"none",opacity:0,transition:"opacity 0.3s ease-out"}})]})}function ue({threshold:v=.2,rootMargin:s="0px",once:d=!0}={}){const f=x.useRef(null),[b,y]=x.useState(!1);return x.useEffect(()=>{const R=f.current;if(!R)return;if(typeof IntersectionObserver>"u"){y(!0);return}const p=new IntersectionObserver(([i])=>{i.isIntersecting?(y(!0),d&&p.disconnect()):d||y(!1)},{threshold:v,rootMargin:s});return p.observe(R),()=>p.disconnect()},[v,s,d]),{ref:f,inView:b}}function Le({children:v,stagger:s=70,duration:d=700,delay:f=0,once:b=!0,as:y="div",className:R="",style:p}){const{ref:i,inView:w}=ue({once:b}),l=H(),E=y,g=v.split(/\s+/).filter(Boolean),C=w||l;return k.jsx(E,{ref:i,className:R,style:p,"aria-label":v,children:g.map((P,D)=>k.jsx("span",{"aria-hidden":"true",style:{display:"inline-block",overflow:"hidden",verticalAlign:"top",paddingBottom:"0.15em",marginRight:"0.25em"},children:k.jsx("span",{style:{display:"inline-block",transform:C?"translateY(0)":"translateY(110%)",opacity:C?1:0,transition:l?"none":`transform ${d}ms cubic-bezier(0.22, 1, 0.36, 1) ${f+D*s}ms, opacity ${d}ms ease ${f+D*s}ms`},children:P})},D))})}function We(v,s){switch(v){case"fade-up":return`translateY(${s}px)`;case"fade-down":return`translateY(${-s}px)`;case"fade-left":return`translateX(${s}px)`;case"fade-right":return`translateX(${-s}px)`;case"zoom":return"scale(0.92)";default:return"none"}}function Ve({children:v,animation:s="fade-up",duration:d=700,delay:f=0,distance:b=32,threshold:y=.2,once:R=!0,className:p="",style:i}){const{ref:w,inView:l}=ue({threshold:y,once:R}),E=H(),g=l||E;return k.jsx("div",{ref:w,className:p,style:{opacity:g?1:0,transform:g?"none":We(s,b),transition:E?"none":`opacity ${d}ms ease ${f}ms, transform ${d}ms cubic-bezier(0.22, 1, 0.36, 1) ${f}ms`,willChange:"opacity, transform",...i},children:v})}function Ue({children:v,colors:s=["#6366f1","#ec4899","#f59e0b","#06b6d4"],angle:d=120,duration:f=12,className:b="",style:y}){const R=[...s,s[0]].join(", ");return k.jsx("div",{className:`mcss-gradient-flow ${b}`.trim(),style:{backgroundImage:`linear-gradient(${d}deg, ${R})`,animationDuration:`${f}s`,...y},children:v})}j.GradientFlow=Ue,j.Magnetic=$e,j.RevealText=Le,j.ScrollReveal=Ve,j.TiltCard=Me,Object.defineProperty(j,Symbol.toStringTag,{value:"Module"})}));
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "motioncss-ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "Modern React motion and CSS effects.",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/motioncss-ui.umd.js",
|
|
@@ -42,5 +42,8 @@
|
|
|
42
42
|
"@vitejs/plugin-react": "^4.5.2",
|
|
43
43
|
"typescript": "^5.8.3",
|
|
44
44
|
"vite": "^6.3.5"
|
|
45
|
+
},
|
|
46
|
+
"dependencies": {
|
|
47
|
+
"motioncss-ui": "^0.1.2"
|
|
45
48
|
}
|
|
46
49
|
}
|