@insforge/react 0.7.10 → 0.7.11
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/atoms.cjs +2138 -102
- package/dist/atoms.cjs.map +1 -1
- package/dist/atoms.js +2117 -96
- package/dist/atoms.js.map +1 -1
- package/dist/components.cjs +2257 -171
- package/dist/components.cjs.map +1 -1
- package/dist/components.js +2104 -33
- package/dist/components.js.map +1 -1
- package/dist/forms.cjs +2138 -102
- package/dist/forms.cjs.map +1 -1
- package/dist/forms.js +2160 -139
- package/dist/forms.js.map +1 -1
- package/dist/hooks.cjs +0 -2
- package/dist/hooks.cjs.map +1 -1
- package/dist/hooks.js +0 -2
- package/dist/hooks.js.map +1 -1
- package/dist/index.cjs +2271 -186
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +2109 -38
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/dist/atoms.cjs
CHANGED
|
@@ -1,19 +1,2031 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
4
|
-
var react = require('@emotion/react');
|
|
3
|
+
var React2 = require('react');
|
|
5
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
6
5
|
var lucideReact = require('lucide-react');
|
|
7
|
-
var react$1 = require('react');
|
|
8
6
|
require('@insforge/sdk');
|
|
9
|
-
var react
|
|
10
|
-
require('@emotion/cache');
|
|
7
|
+
var react = require('@insforge/shared/react');
|
|
11
8
|
|
|
12
|
-
function
|
|
9
|
+
function _interopNamespace(e) {
|
|
10
|
+
if (e && e.__esModule) return e;
|
|
11
|
+
var n = Object.create(null);
|
|
12
|
+
if (e) {
|
|
13
|
+
Object.keys(e).forEach(function (k) {
|
|
14
|
+
if (k !== 'default') {
|
|
15
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
16
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
17
|
+
enumerable: true,
|
|
18
|
+
get: function () { return e[k]; }
|
|
19
|
+
});
|
|
20
|
+
}
|
|
21
|
+
});
|
|
22
|
+
}
|
|
23
|
+
n.default = e;
|
|
24
|
+
return Object.freeze(n);
|
|
25
|
+
}
|
|
13
26
|
|
|
14
|
-
var
|
|
27
|
+
var React2__namespace = /*#__PURE__*/_interopNamespace(React2);
|
|
15
28
|
|
|
16
|
-
|
|
29
|
+
var __create = Object.create;
|
|
30
|
+
var __defProp = Object.defineProperty;
|
|
31
|
+
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
|
|
32
|
+
var __getOwnPropNames = Object.getOwnPropertyNames;
|
|
33
|
+
var __getProtoOf = Object.getPrototypeOf;
|
|
34
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
35
|
+
var __commonJS = (cb, mod) => function __require() {
|
|
36
|
+
return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
|
|
37
|
+
};
|
|
38
|
+
var __copyProps = (to, from2, except, desc) => {
|
|
39
|
+
if (from2 && typeof from2 === "object" || typeof from2 === "function") {
|
|
40
|
+
for (let key of __getOwnPropNames(from2))
|
|
41
|
+
if (!__hasOwnProp.call(to, key) && key !== except)
|
|
42
|
+
__defProp(to, key, { get: () => from2[key], enumerable: !(desc = __getOwnPropDesc(from2, key)) || desc.enumerable });
|
|
43
|
+
}
|
|
44
|
+
return to;
|
|
45
|
+
};
|
|
46
|
+
var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
|
|
47
|
+
// If the importer is in node compatibility mode or this is not an ESM
|
|
48
|
+
// file that has been converted to a CommonJS file using a Babel-
|
|
49
|
+
// compatible transform (i.e. "__esModule" has not been set), then set
|
|
50
|
+
// "default" to the CommonJS "module.exports" for node compatibility.
|
|
51
|
+
!mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
|
|
52
|
+
mod
|
|
53
|
+
));
|
|
54
|
+
|
|
55
|
+
// ../node_modules/react-is/cjs/react-is.production.min.js
|
|
56
|
+
var require_react_is_production_min = __commonJS({
|
|
57
|
+
"../node_modules/react-is/cjs/react-is.production.min.js"(exports$1) {
|
|
58
|
+
var b = "function" === typeof Symbol && Symbol.for;
|
|
59
|
+
var c = b ? Symbol.for("react.element") : 60103;
|
|
60
|
+
var d = b ? Symbol.for("react.portal") : 60106;
|
|
61
|
+
var e = b ? Symbol.for("react.fragment") : 60107;
|
|
62
|
+
var f = b ? Symbol.for("react.strict_mode") : 60108;
|
|
63
|
+
var g = b ? Symbol.for("react.profiler") : 60114;
|
|
64
|
+
var h = b ? Symbol.for("react.provider") : 60109;
|
|
65
|
+
var k = b ? Symbol.for("react.context") : 60110;
|
|
66
|
+
var l = b ? Symbol.for("react.async_mode") : 60111;
|
|
67
|
+
var m = b ? Symbol.for("react.concurrent_mode") : 60111;
|
|
68
|
+
var n = b ? Symbol.for("react.forward_ref") : 60112;
|
|
69
|
+
var p = b ? Symbol.for("react.suspense") : 60113;
|
|
70
|
+
var q = b ? Symbol.for("react.suspense_list") : 60120;
|
|
71
|
+
var r = b ? Symbol.for("react.memo") : 60115;
|
|
72
|
+
var t = b ? Symbol.for("react.lazy") : 60116;
|
|
73
|
+
var v = b ? Symbol.for("react.block") : 60121;
|
|
74
|
+
var w = b ? Symbol.for("react.fundamental") : 60117;
|
|
75
|
+
var x = b ? Symbol.for("react.responder") : 60118;
|
|
76
|
+
var y = b ? Symbol.for("react.scope") : 60119;
|
|
77
|
+
function z(a) {
|
|
78
|
+
if ("object" === typeof a && null !== a) {
|
|
79
|
+
var u = a.$$typeof;
|
|
80
|
+
switch (u) {
|
|
81
|
+
case c:
|
|
82
|
+
switch (a = a.type, a) {
|
|
83
|
+
case l:
|
|
84
|
+
case m:
|
|
85
|
+
case e:
|
|
86
|
+
case g:
|
|
87
|
+
case f:
|
|
88
|
+
case p:
|
|
89
|
+
return a;
|
|
90
|
+
default:
|
|
91
|
+
switch (a = a && a.$$typeof, a) {
|
|
92
|
+
case k:
|
|
93
|
+
case n:
|
|
94
|
+
case t:
|
|
95
|
+
case r:
|
|
96
|
+
case h:
|
|
97
|
+
return a;
|
|
98
|
+
default:
|
|
99
|
+
return u;
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
case d:
|
|
103
|
+
return u;
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
function A(a) {
|
|
108
|
+
return z(a) === m;
|
|
109
|
+
}
|
|
110
|
+
exports$1.AsyncMode = l;
|
|
111
|
+
exports$1.ConcurrentMode = m;
|
|
112
|
+
exports$1.ContextConsumer = k;
|
|
113
|
+
exports$1.ContextProvider = h;
|
|
114
|
+
exports$1.Element = c;
|
|
115
|
+
exports$1.ForwardRef = n;
|
|
116
|
+
exports$1.Fragment = e;
|
|
117
|
+
exports$1.Lazy = t;
|
|
118
|
+
exports$1.Memo = r;
|
|
119
|
+
exports$1.Portal = d;
|
|
120
|
+
exports$1.Profiler = g;
|
|
121
|
+
exports$1.StrictMode = f;
|
|
122
|
+
exports$1.Suspense = p;
|
|
123
|
+
exports$1.isAsyncMode = function(a) {
|
|
124
|
+
return A(a) || z(a) === l;
|
|
125
|
+
};
|
|
126
|
+
exports$1.isConcurrentMode = A;
|
|
127
|
+
exports$1.isContextConsumer = function(a) {
|
|
128
|
+
return z(a) === k;
|
|
129
|
+
};
|
|
130
|
+
exports$1.isContextProvider = function(a) {
|
|
131
|
+
return z(a) === h;
|
|
132
|
+
};
|
|
133
|
+
exports$1.isElement = function(a) {
|
|
134
|
+
return "object" === typeof a && null !== a && a.$$typeof === c;
|
|
135
|
+
};
|
|
136
|
+
exports$1.isForwardRef = function(a) {
|
|
137
|
+
return z(a) === n;
|
|
138
|
+
};
|
|
139
|
+
exports$1.isFragment = function(a) {
|
|
140
|
+
return z(a) === e;
|
|
141
|
+
};
|
|
142
|
+
exports$1.isLazy = function(a) {
|
|
143
|
+
return z(a) === t;
|
|
144
|
+
};
|
|
145
|
+
exports$1.isMemo = function(a) {
|
|
146
|
+
return z(a) === r;
|
|
147
|
+
};
|
|
148
|
+
exports$1.isPortal = function(a) {
|
|
149
|
+
return z(a) === d;
|
|
150
|
+
};
|
|
151
|
+
exports$1.isProfiler = function(a) {
|
|
152
|
+
return z(a) === g;
|
|
153
|
+
};
|
|
154
|
+
exports$1.isStrictMode = function(a) {
|
|
155
|
+
return z(a) === f;
|
|
156
|
+
};
|
|
157
|
+
exports$1.isSuspense = function(a) {
|
|
158
|
+
return z(a) === p;
|
|
159
|
+
};
|
|
160
|
+
exports$1.isValidElementType = function(a) {
|
|
161
|
+
return "string" === typeof a || "function" === typeof a || a === e || a === m || a === g || a === f || a === p || a === q || "object" === typeof a && null !== a && (a.$$typeof === t || a.$$typeof === r || a.$$typeof === h || a.$$typeof === k || a.$$typeof === n || a.$$typeof === w || a.$$typeof === x || a.$$typeof === y || a.$$typeof === v);
|
|
162
|
+
};
|
|
163
|
+
exports$1.typeOf = z;
|
|
164
|
+
}
|
|
165
|
+
});
|
|
166
|
+
|
|
167
|
+
// ../node_modules/react-is/cjs/react-is.development.js
|
|
168
|
+
var require_react_is_development = __commonJS({
|
|
169
|
+
"../node_modules/react-is/cjs/react-is.development.js"(exports$1) {
|
|
170
|
+
if (process.env.NODE_ENV !== "production") {
|
|
171
|
+
(function() {
|
|
172
|
+
var hasSymbol = typeof Symbol === "function" && Symbol.for;
|
|
173
|
+
var REACT_ELEMENT_TYPE = hasSymbol ? Symbol.for("react.element") : 60103;
|
|
174
|
+
var REACT_PORTAL_TYPE = hasSymbol ? Symbol.for("react.portal") : 60106;
|
|
175
|
+
var REACT_FRAGMENT_TYPE = hasSymbol ? Symbol.for("react.fragment") : 60107;
|
|
176
|
+
var REACT_STRICT_MODE_TYPE = hasSymbol ? Symbol.for("react.strict_mode") : 60108;
|
|
177
|
+
var REACT_PROFILER_TYPE = hasSymbol ? Symbol.for("react.profiler") : 60114;
|
|
178
|
+
var REACT_PROVIDER_TYPE = hasSymbol ? Symbol.for("react.provider") : 60109;
|
|
179
|
+
var REACT_CONTEXT_TYPE = hasSymbol ? Symbol.for("react.context") : 60110;
|
|
180
|
+
var REACT_ASYNC_MODE_TYPE = hasSymbol ? Symbol.for("react.async_mode") : 60111;
|
|
181
|
+
var REACT_CONCURRENT_MODE_TYPE = hasSymbol ? Symbol.for("react.concurrent_mode") : 60111;
|
|
182
|
+
var REACT_FORWARD_REF_TYPE = hasSymbol ? Symbol.for("react.forward_ref") : 60112;
|
|
183
|
+
var REACT_SUSPENSE_TYPE = hasSymbol ? Symbol.for("react.suspense") : 60113;
|
|
184
|
+
var REACT_SUSPENSE_LIST_TYPE = hasSymbol ? Symbol.for("react.suspense_list") : 60120;
|
|
185
|
+
var REACT_MEMO_TYPE = hasSymbol ? Symbol.for("react.memo") : 60115;
|
|
186
|
+
var REACT_LAZY_TYPE = hasSymbol ? Symbol.for("react.lazy") : 60116;
|
|
187
|
+
var REACT_BLOCK_TYPE = hasSymbol ? Symbol.for("react.block") : 60121;
|
|
188
|
+
var REACT_FUNDAMENTAL_TYPE = hasSymbol ? Symbol.for("react.fundamental") : 60117;
|
|
189
|
+
var REACT_RESPONDER_TYPE = hasSymbol ? Symbol.for("react.responder") : 60118;
|
|
190
|
+
var REACT_SCOPE_TYPE = hasSymbol ? Symbol.for("react.scope") : 60119;
|
|
191
|
+
function isValidElementType(type) {
|
|
192
|
+
return typeof type === "string" || typeof type === "function" || // Note: its typeof might be other than 'symbol' or 'number' if it's a polyfill.
|
|
193
|
+
type === REACT_FRAGMENT_TYPE || type === REACT_CONCURRENT_MODE_TYPE || type === REACT_PROFILER_TYPE || type === REACT_STRICT_MODE_TYPE || type === REACT_SUSPENSE_TYPE || type === REACT_SUSPENSE_LIST_TYPE || typeof type === "object" && type !== null && (type.$$typeof === REACT_LAZY_TYPE || type.$$typeof === REACT_MEMO_TYPE || type.$$typeof === REACT_PROVIDER_TYPE || type.$$typeof === REACT_CONTEXT_TYPE || type.$$typeof === REACT_FORWARD_REF_TYPE || type.$$typeof === REACT_FUNDAMENTAL_TYPE || type.$$typeof === REACT_RESPONDER_TYPE || type.$$typeof === REACT_SCOPE_TYPE || type.$$typeof === REACT_BLOCK_TYPE);
|
|
194
|
+
}
|
|
195
|
+
function typeOf(object) {
|
|
196
|
+
if (typeof object === "object" && object !== null) {
|
|
197
|
+
var $$typeof = object.$$typeof;
|
|
198
|
+
switch ($$typeof) {
|
|
199
|
+
case REACT_ELEMENT_TYPE:
|
|
200
|
+
var type = object.type;
|
|
201
|
+
switch (type) {
|
|
202
|
+
case REACT_ASYNC_MODE_TYPE:
|
|
203
|
+
case REACT_CONCURRENT_MODE_TYPE:
|
|
204
|
+
case REACT_FRAGMENT_TYPE:
|
|
205
|
+
case REACT_PROFILER_TYPE:
|
|
206
|
+
case REACT_STRICT_MODE_TYPE:
|
|
207
|
+
case REACT_SUSPENSE_TYPE:
|
|
208
|
+
return type;
|
|
209
|
+
default:
|
|
210
|
+
var $$typeofType = type && type.$$typeof;
|
|
211
|
+
switch ($$typeofType) {
|
|
212
|
+
case REACT_CONTEXT_TYPE:
|
|
213
|
+
case REACT_FORWARD_REF_TYPE:
|
|
214
|
+
case REACT_LAZY_TYPE:
|
|
215
|
+
case REACT_MEMO_TYPE:
|
|
216
|
+
case REACT_PROVIDER_TYPE:
|
|
217
|
+
return $$typeofType;
|
|
218
|
+
default:
|
|
219
|
+
return $$typeof;
|
|
220
|
+
}
|
|
221
|
+
}
|
|
222
|
+
case REACT_PORTAL_TYPE:
|
|
223
|
+
return $$typeof;
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
return void 0;
|
|
227
|
+
}
|
|
228
|
+
var AsyncMode = REACT_ASYNC_MODE_TYPE;
|
|
229
|
+
var ConcurrentMode = REACT_CONCURRENT_MODE_TYPE;
|
|
230
|
+
var ContextConsumer = REACT_CONTEXT_TYPE;
|
|
231
|
+
var ContextProvider = REACT_PROVIDER_TYPE;
|
|
232
|
+
var Element = REACT_ELEMENT_TYPE;
|
|
233
|
+
var ForwardRef = REACT_FORWARD_REF_TYPE;
|
|
234
|
+
var Fragment4 = REACT_FRAGMENT_TYPE;
|
|
235
|
+
var Lazy = REACT_LAZY_TYPE;
|
|
236
|
+
var Memo = REACT_MEMO_TYPE;
|
|
237
|
+
var Portal = REACT_PORTAL_TYPE;
|
|
238
|
+
var Profiler = REACT_PROFILER_TYPE;
|
|
239
|
+
var StrictMode = REACT_STRICT_MODE_TYPE;
|
|
240
|
+
var Suspense = REACT_SUSPENSE_TYPE;
|
|
241
|
+
var hasWarnedAboutDeprecatedIsAsyncMode = false;
|
|
242
|
+
function isAsyncMode(object) {
|
|
243
|
+
{
|
|
244
|
+
if (!hasWarnedAboutDeprecatedIsAsyncMode) {
|
|
245
|
+
hasWarnedAboutDeprecatedIsAsyncMode = true;
|
|
246
|
+
console["warn"]("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.");
|
|
247
|
+
}
|
|
248
|
+
}
|
|
249
|
+
return isConcurrentMode(object) || typeOf(object) === REACT_ASYNC_MODE_TYPE;
|
|
250
|
+
}
|
|
251
|
+
function isConcurrentMode(object) {
|
|
252
|
+
return typeOf(object) === REACT_CONCURRENT_MODE_TYPE;
|
|
253
|
+
}
|
|
254
|
+
function isContextConsumer(object) {
|
|
255
|
+
return typeOf(object) === REACT_CONTEXT_TYPE;
|
|
256
|
+
}
|
|
257
|
+
function isContextProvider(object) {
|
|
258
|
+
return typeOf(object) === REACT_PROVIDER_TYPE;
|
|
259
|
+
}
|
|
260
|
+
function isElement(object) {
|
|
261
|
+
return typeof object === "object" && object !== null && object.$$typeof === REACT_ELEMENT_TYPE;
|
|
262
|
+
}
|
|
263
|
+
function isForwardRef(object) {
|
|
264
|
+
return typeOf(object) === REACT_FORWARD_REF_TYPE;
|
|
265
|
+
}
|
|
266
|
+
function isFragment(object) {
|
|
267
|
+
return typeOf(object) === REACT_FRAGMENT_TYPE;
|
|
268
|
+
}
|
|
269
|
+
function isLazy(object) {
|
|
270
|
+
return typeOf(object) === REACT_LAZY_TYPE;
|
|
271
|
+
}
|
|
272
|
+
function isMemo(object) {
|
|
273
|
+
return typeOf(object) === REACT_MEMO_TYPE;
|
|
274
|
+
}
|
|
275
|
+
function isPortal(object) {
|
|
276
|
+
return typeOf(object) === REACT_PORTAL_TYPE;
|
|
277
|
+
}
|
|
278
|
+
function isProfiler(object) {
|
|
279
|
+
return typeOf(object) === REACT_PROFILER_TYPE;
|
|
280
|
+
}
|
|
281
|
+
function isStrictMode(object) {
|
|
282
|
+
return typeOf(object) === REACT_STRICT_MODE_TYPE;
|
|
283
|
+
}
|
|
284
|
+
function isSuspense(object) {
|
|
285
|
+
return typeOf(object) === REACT_SUSPENSE_TYPE;
|
|
286
|
+
}
|
|
287
|
+
exports$1.AsyncMode = AsyncMode;
|
|
288
|
+
exports$1.ConcurrentMode = ConcurrentMode;
|
|
289
|
+
exports$1.ContextConsumer = ContextConsumer;
|
|
290
|
+
exports$1.ContextProvider = ContextProvider;
|
|
291
|
+
exports$1.Element = Element;
|
|
292
|
+
exports$1.ForwardRef = ForwardRef;
|
|
293
|
+
exports$1.Fragment = Fragment4;
|
|
294
|
+
exports$1.Lazy = Lazy;
|
|
295
|
+
exports$1.Memo = Memo;
|
|
296
|
+
exports$1.Portal = Portal;
|
|
297
|
+
exports$1.Profiler = Profiler;
|
|
298
|
+
exports$1.StrictMode = StrictMode;
|
|
299
|
+
exports$1.Suspense = Suspense;
|
|
300
|
+
exports$1.isAsyncMode = isAsyncMode;
|
|
301
|
+
exports$1.isConcurrentMode = isConcurrentMode;
|
|
302
|
+
exports$1.isContextConsumer = isContextConsumer;
|
|
303
|
+
exports$1.isContextProvider = isContextProvider;
|
|
304
|
+
exports$1.isElement = isElement;
|
|
305
|
+
exports$1.isForwardRef = isForwardRef;
|
|
306
|
+
exports$1.isFragment = isFragment;
|
|
307
|
+
exports$1.isLazy = isLazy;
|
|
308
|
+
exports$1.isMemo = isMemo;
|
|
309
|
+
exports$1.isPortal = isPortal;
|
|
310
|
+
exports$1.isProfiler = isProfiler;
|
|
311
|
+
exports$1.isStrictMode = isStrictMode;
|
|
312
|
+
exports$1.isSuspense = isSuspense;
|
|
313
|
+
exports$1.isValidElementType = isValidElementType;
|
|
314
|
+
exports$1.typeOf = typeOf;
|
|
315
|
+
})();
|
|
316
|
+
}
|
|
317
|
+
}
|
|
318
|
+
});
|
|
319
|
+
|
|
320
|
+
// ../node_modules/react-is/index.js
|
|
321
|
+
var require_react_is = __commonJS({
|
|
322
|
+
"../node_modules/react-is/index.js"(exports$1, module) {
|
|
323
|
+
if (process.env.NODE_ENV === "production") {
|
|
324
|
+
module.exports = require_react_is_production_min();
|
|
325
|
+
} else {
|
|
326
|
+
module.exports = require_react_is_development();
|
|
327
|
+
}
|
|
328
|
+
}
|
|
329
|
+
});
|
|
330
|
+
|
|
331
|
+
// ../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js
|
|
332
|
+
var require_hoist_non_react_statics_cjs = __commonJS({
|
|
333
|
+
"../node_modules/hoist-non-react-statics/dist/hoist-non-react-statics.cjs.js"(exports$1, module) {
|
|
334
|
+
var reactIs = require_react_is();
|
|
335
|
+
var REACT_STATICS = {
|
|
336
|
+
childContextTypes: true,
|
|
337
|
+
contextType: true,
|
|
338
|
+
contextTypes: true,
|
|
339
|
+
defaultProps: true,
|
|
340
|
+
displayName: true,
|
|
341
|
+
getDefaultProps: true,
|
|
342
|
+
getDerivedStateFromError: true,
|
|
343
|
+
getDerivedStateFromProps: true,
|
|
344
|
+
mixins: true,
|
|
345
|
+
propTypes: true,
|
|
346
|
+
type: true
|
|
347
|
+
};
|
|
348
|
+
var KNOWN_STATICS = {
|
|
349
|
+
name: true,
|
|
350
|
+
length: true,
|
|
351
|
+
prototype: true,
|
|
352
|
+
caller: true,
|
|
353
|
+
callee: true,
|
|
354
|
+
arguments: true,
|
|
355
|
+
arity: true
|
|
356
|
+
};
|
|
357
|
+
var FORWARD_REF_STATICS = {
|
|
358
|
+
"$$typeof": true,
|
|
359
|
+
render: true,
|
|
360
|
+
defaultProps: true,
|
|
361
|
+
displayName: true,
|
|
362
|
+
propTypes: true
|
|
363
|
+
};
|
|
364
|
+
var MEMO_STATICS = {
|
|
365
|
+
"$$typeof": true,
|
|
366
|
+
compare: true,
|
|
367
|
+
defaultProps: true,
|
|
368
|
+
displayName: true,
|
|
369
|
+
propTypes: true,
|
|
370
|
+
type: true
|
|
371
|
+
};
|
|
372
|
+
var TYPE_STATICS = {};
|
|
373
|
+
TYPE_STATICS[reactIs.ForwardRef] = FORWARD_REF_STATICS;
|
|
374
|
+
TYPE_STATICS[reactIs.Memo] = MEMO_STATICS;
|
|
375
|
+
function getStatics(component) {
|
|
376
|
+
if (reactIs.isMemo(component)) {
|
|
377
|
+
return MEMO_STATICS;
|
|
378
|
+
}
|
|
379
|
+
return TYPE_STATICS[component["$$typeof"]] || REACT_STATICS;
|
|
380
|
+
}
|
|
381
|
+
var defineProperty = Object.defineProperty;
|
|
382
|
+
var getOwnPropertyNames = Object.getOwnPropertyNames;
|
|
383
|
+
var getOwnPropertySymbols = Object.getOwnPropertySymbols;
|
|
384
|
+
var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor;
|
|
385
|
+
var getPrototypeOf = Object.getPrototypeOf;
|
|
386
|
+
var objectPrototype = Object.prototype;
|
|
387
|
+
function hoistNonReactStatics(targetComponent, sourceComponent, blacklist) {
|
|
388
|
+
if (typeof sourceComponent !== "string") {
|
|
389
|
+
if (objectPrototype) {
|
|
390
|
+
var inheritedComponent = getPrototypeOf(sourceComponent);
|
|
391
|
+
if (inheritedComponent && inheritedComponent !== objectPrototype) {
|
|
392
|
+
hoistNonReactStatics(targetComponent, inheritedComponent, blacklist);
|
|
393
|
+
}
|
|
394
|
+
}
|
|
395
|
+
var keys = getOwnPropertyNames(sourceComponent);
|
|
396
|
+
if (getOwnPropertySymbols) {
|
|
397
|
+
keys = keys.concat(getOwnPropertySymbols(sourceComponent));
|
|
398
|
+
}
|
|
399
|
+
var targetStatics = getStatics(targetComponent);
|
|
400
|
+
var sourceStatics = getStatics(sourceComponent);
|
|
401
|
+
for (var i = 0; i < keys.length; ++i) {
|
|
402
|
+
var key = keys[i];
|
|
403
|
+
if (!KNOWN_STATICS[key] && !(blacklist && blacklist[key]) && !(sourceStatics && sourceStatics[key]) && !(targetStatics && targetStatics[key])) {
|
|
404
|
+
var descriptor = getOwnPropertyDescriptor(sourceComponent, key);
|
|
405
|
+
try {
|
|
406
|
+
defineProperty(targetComponent, key, descriptor);
|
|
407
|
+
} catch (e) {
|
|
408
|
+
}
|
|
409
|
+
}
|
|
410
|
+
}
|
|
411
|
+
}
|
|
412
|
+
return targetComponent;
|
|
413
|
+
}
|
|
414
|
+
module.exports = hoistNonReactStatics;
|
|
415
|
+
}
|
|
416
|
+
});
|
|
417
|
+
|
|
418
|
+
// ../node_modules/@babel/runtime/helpers/extends.js
|
|
419
|
+
var require_extends = __commonJS({
|
|
420
|
+
"../node_modules/@babel/runtime/helpers/extends.js"(exports$1, module) {
|
|
421
|
+
function _extends2() {
|
|
422
|
+
return module.exports = _extends2 = Object.assign ? Object.assign.bind() : function(n) {
|
|
423
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
424
|
+
var t = arguments[e];
|
|
425
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
426
|
+
}
|
|
427
|
+
return n;
|
|
428
|
+
}, module.exports.__esModule = true, module.exports["default"] = module.exports, _extends2.apply(null, arguments);
|
|
429
|
+
}
|
|
430
|
+
module.exports = _extends2, module.exports.__esModule = true, module.exports["default"] = module.exports;
|
|
431
|
+
}
|
|
432
|
+
});
|
|
433
|
+
|
|
434
|
+
// ../node_modules/@babel/runtime/helpers/esm/extends.js
|
|
435
|
+
function _extends() {
|
|
436
|
+
return _extends = Object.assign ? Object.assign.bind() : function(n) {
|
|
437
|
+
for (var e = 1; e < arguments.length; e++) {
|
|
438
|
+
var t = arguments[e];
|
|
439
|
+
for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
|
|
440
|
+
}
|
|
441
|
+
return n;
|
|
442
|
+
}, _extends.apply(null, arguments);
|
|
443
|
+
}
|
|
444
|
+
function sheetForTag(tag) {
|
|
445
|
+
if (tag.sheet) {
|
|
446
|
+
return tag.sheet;
|
|
447
|
+
}
|
|
448
|
+
for (var i = 0; i < document.styleSheets.length; i++) {
|
|
449
|
+
if (document.styleSheets[i].ownerNode === tag) {
|
|
450
|
+
return document.styleSheets[i];
|
|
451
|
+
}
|
|
452
|
+
}
|
|
453
|
+
return void 0;
|
|
454
|
+
}
|
|
455
|
+
function createStyleElement(options) {
|
|
456
|
+
var tag = document.createElement("style");
|
|
457
|
+
tag.setAttribute("data-emotion", options.key);
|
|
458
|
+
if (options.nonce !== void 0) {
|
|
459
|
+
tag.setAttribute("nonce", options.nonce);
|
|
460
|
+
}
|
|
461
|
+
tag.appendChild(document.createTextNode(""));
|
|
462
|
+
tag.setAttribute("data-s", "");
|
|
463
|
+
return tag;
|
|
464
|
+
}
|
|
465
|
+
var StyleSheet = /* @__PURE__ */ (function() {
|
|
466
|
+
function StyleSheet2(options) {
|
|
467
|
+
var _this = this;
|
|
468
|
+
this._insertTag = function(tag) {
|
|
469
|
+
var before;
|
|
470
|
+
if (_this.tags.length === 0) {
|
|
471
|
+
if (_this.insertionPoint) {
|
|
472
|
+
before = _this.insertionPoint.nextSibling;
|
|
473
|
+
} else if (_this.prepend) {
|
|
474
|
+
before = _this.container.firstChild;
|
|
475
|
+
} else {
|
|
476
|
+
before = _this.before;
|
|
477
|
+
}
|
|
478
|
+
} else {
|
|
479
|
+
before = _this.tags[_this.tags.length - 1].nextSibling;
|
|
480
|
+
}
|
|
481
|
+
_this.container.insertBefore(tag, before);
|
|
482
|
+
_this.tags.push(tag);
|
|
483
|
+
};
|
|
484
|
+
this.isSpeedy = options.speedy === void 0 ? true : options.speedy;
|
|
485
|
+
this.tags = [];
|
|
486
|
+
this.ctr = 0;
|
|
487
|
+
this.nonce = options.nonce;
|
|
488
|
+
this.key = options.key;
|
|
489
|
+
this.container = options.container;
|
|
490
|
+
this.prepend = options.prepend;
|
|
491
|
+
this.insertionPoint = options.insertionPoint;
|
|
492
|
+
this.before = null;
|
|
493
|
+
}
|
|
494
|
+
var _proto = StyleSheet2.prototype;
|
|
495
|
+
_proto.hydrate = function hydrate(nodes) {
|
|
496
|
+
nodes.forEach(this._insertTag);
|
|
497
|
+
};
|
|
498
|
+
_proto.insert = function insert(rule) {
|
|
499
|
+
if (this.ctr % (this.isSpeedy ? 65e3 : 1) === 0) {
|
|
500
|
+
this._insertTag(createStyleElement(this));
|
|
501
|
+
}
|
|
502
|
+
var tag = this.tags[this.tags.length - 1];
|
|
503
|
+
if (this.isSpeedy) {
|
|
504
|
+
var sheet = sheetForTag(tag);
|
|
505
|
+
try {
|
|
506
|
+
sheet.insertRule(rule, sheet.cssRules.length);
|
|
507
|
+
} catch (e) {
|
|
508
|
+
}
|
|
509
|
+
} else {
|
|
510
|
+
tag.appendChild(document.createTextNode(rule));
|
|
511
|
+
}
|
|
512
|
+
this.ctr++;
|
|
513
|
+
};
|
|
514
|
+
_proto.flush = function flush() {
|
|
515
|
+
this.tags.forEach(function(tag) {
|
|
516
|
+
var _tag$parentNode;
|
|
517
|
+
return (_tag$parentNode = tag.parentNode) == null ? void 0 : _tag$parentNode.removeChild(tag);
|
|
518
|
+
});
|
|
519
|
+
this.tags = [];
|
|
520
|
+
this.ctr = 0;
|
|
521
|
+
};
|
|
522
|
+
return StyleSheet2;
|
|
523
|
+
})();
|
|
524
|
+
|
|
525
|
+
// ../node_modules/stylis/src/Enum.js
|
|
526
|
+
var MS = "-ms-";
|
|
527
|
+
var MOZ = "-moz-";
|
|
528
|
+
var WEBKIT = "-webkit-";
|
|
529
|
+
var COMMENT = "comm";
|
|
530
|
+
var RULESET = "rule";
|
|
531
|
+
var DECLARATION = "decl";
|
|
532
|
+
var IMPORT = "@import";
|
|
533
|
+
var KEYFRAMES = "@keyframes";
|
|
534
|
+
var LAYER = "@layer";
|
|
535
|
+
|
|
536
|
+
// ../node_modules/stylis/src/Utility.js
|
|
537
|
+
var abs = Math.abs;
|
|
538
|
+
var from = String.fromCharCode;
|
|
539
|
+
var assign = Object.assign;
|
|
540
|
+
function hash(value, length2) {
|
|
541
|
+
return charat(value, 0) ^ 45 ? (((length2 << 2 ^ charat(value, 0)) << 2 ^ charat(value, 1)) << 2 ^ charat(value, 2)) << 2 ^ charat(value, 3) : 0;
|
|
542
|
+
}
|
|
543
|
+
function trim(value) {
|
|
544
|
+
return value.trim();
|
|
545
|
+
}
|
|
546
|
+
function match(value, pattern) {
|
|
547
|
+
return (value = pattern.exec(value)) ? value[0] : value;
|
|
548
|
+
}
|
|
549
|
+
function replace(value, pattern, replacement) {
|
|
550
|
+
return value.replace(pattern, replacement);
|
|
551
|
+
}
|
|
552
|
+
function indexof(value, search) {
|
|
553
|
+
return value.indexOf(search);
|
|
554
|
+
}
|
|
555
|
+
function charat(value, index) {
|
|
556
|
+
return value.charCodeAt(index) | 0;
|
|
557
|
+
}
|
|
558
|
+
function substr(value, begin, end) {
|
|
559
|
+
return value.slice(begin, end);
|
|
560
|
+
}
|
|
561
|
+
function strlen(value) {
|
|
562
|
+
return value.length;
|
|
563
|
+
}
|
|
564
|
+
function sizeof(value) {
|
|
565
|
+
return value.length;
|
|
566
|
+
}
|
|
567
|
+
function append(value, array) {
|
|
568
|
+
return array.push(value), value;
|
|
569
|
+
}
|
|
570
|
+
function combine(array, callback) {
|
|
571
|
+
return array.map(callback).join("");
|
|
572
|
+
}
|
|
573
|
+
|
|
574
|
+
// ../node_modules/stylis/src/Tokenizer.js
|
|
575
|
+
var line = 1;
|
|
576
|
+
var column = 1;
|
|
577
|
+
var length = 0;
|
|
578
|
+
var position = 0;
|
|
579
|
+
var character = 0;
|
|
580
|
+
var characters = "";
|
|
581
|
+
function node(value, root, parent, type, props, children, length2) {
|
|
582
|
+
return { value, root, parent, type, props, children, line, column, length: length2, return: "" };
|
|
583
|
+
}
|
|
584
|
+
function copy(root, props) {
|
|
585
|
+
return assign(node("", null, null, "", null, null, 0), root, { length: -root.length }, props);
|
|
586
|
+
}
|
|
587
|
+
function char() {
|
|
588
|
+
return character;
|
|
589
|
+
}
|
|
590
|
+
function prev() {
|
|
591
|
+
character = position > 0 ? charat(characters, --position) : 0;
|
|
592
|
+
if (column--, character === 10)
|
|
593
|
+
column = 1, line--;
|
|
594
|
+
return character;
|
|
595
|
+
}
|
|
596
|
+
function next() {
|
|
597
|
+
character = position < length ? charat(characters, position++) : 0;
|
|
598
|
+
if (column++, character === 10)
|
|
599
|
+
column = 1, line++;
|
|
600
|
+
return character;
|
|
601
|
+
}
|
|
602
|
+
function peek() {
|
|
603
|
+
return charat(characters, position);
|
|
604
|
+
}
|
|
605
|
+
function caret() {
|
|
606
|
+
return position;
|
|
607
|
+
}
|
|
608
|
+
function slice(begin, end) {
|
|
609
|
+
return substr(characters, begin, end);
|
|
610
|
+
}
|
|
611
|
+
function token(type) {
|
|
612
|
+
switch (type) {
|
|
613
|
+
// \0 \t \n \r \s whitespace token
|
|
614
|
+
case 0:
|
|
615
|
+
case 9:
|
|
616
|
+
case 10:
|
|
617
|
+
case 13:
|
|
618
|
+
case 32:
|
|
619
|
+
return 5;
|
|
620
|
+
// ! + , / > @ ~ isolate token
|
|
621
|
+
case 33:
|
|
622
|
+
case 43:
|
|
623
|
+
case 44:
|
|
624
|
+
case 47:
|
|
625
|
+
case 62:
|
|
626
|
+
case 64:
|
|
627
|
+
case 126:
|
|
628
|
+
// ; { } breakpoint token
|
|
629
|
+
case 59:
|
|
630
|
+
case 123:
|
|
631
|
+
case 125:
|
|
632
|
+
return 4;
|
|
633
|
+
// : accompanied token
|
|
634
|
+
case 58:
|
|
635
|
+
return 3;
|
|
636
|
+
// " ' ( [ opening delimit token
|
|
637
|
+
case 34:
|
|
638
|
+
case 39:
|
|
639
|
+
case 40:
|
|
640
|
+
case 91:
|
|
641
|
+
return 2;
|
|
642
|
+
// ) ] closing delimit token
|
|
643
|
+
case 41:
|
|
644
|
+
case 93:
|
|
645
|
+
return 1;
|
|
646
|
+
}
|
|
647
|
+
return 0;
|
|
648
|
+
}
|
|
649
|
+
function alloc(value) {
|
|
650
|
+
return line = column = 1, length = strlen(characters = value), position = 0, [];
|
|
651
|
+
}
|
|
652
|
+
function dealloc(value) {
|
|
653
|
+
return characters = "", value;
|
|
654
|
+
}
|
|
655
|
+
function delimit(type) {
|
|
656
|
+
return trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)));
|
|
657
|
+
}
|
|
658
|
+
function whitespace(type) {
|
|
659
|
+
while (character = peek())
|
|
660
|
+
if (character < 33)
|
|
661
|
+
next();
|
|
662
|
+
else
|
|
663
|
+
break;
|
|
664
|
+
return token(type) > 2 || token(character) > 3 ? "" : " ";
|
|
665
|
+
}
|
|
666
|
+
function escaping(index, count) {
|
|
667
|
+
while (--count && next())
|
|
668
|
+
if (character < 48 || character > 102 || character > 57 && character < 65 || character > 70 && character < 97)
|
|
669
|
+
break;
|
|
670
|
+
return slice(index, caret() + (count < 6 && peek() == 32 && next() == 32));
|
|
671
|
+
}
|
|
672
|
+
function delimiter(type) {
|
|
673
|
+
while (next())
|
|
674
|
+
switch (character) {
|
|
675
|
+
// ] ) " '
|
|
676
|
+
case type:
|
|
677
|
+
return position;
|
|
678
|
+
// " '
|
|
679
|
+
case 34:
|
|
680
|
+
case 39:
|
|
681
|
+
if (type !== 34 && type !== 39)
|
|
682
|
+
delimiter(character);
|
|
683
|
+
break;
|
|
684
|
+
// (
|
|
685
|
+
case 40:
|
|
686
|
+
if (type === 41)
|
|
687
|
+
delimiter(type);
|
|
688
|
+
break;
|
|
689
|
+
// \
|
|
690
|
+
case 92:
|
|
691
|
+
next();
|
|
692
|
+
break;
|
|
693
|
+
}
|
|
694
|
+
return position;
|
|
695
|
+
}
|
|
696
|
+
function commenter(type, index) {
|
|
697
|
+
while (next())
|
|
698
|
+
if (type + character === 47 + 10)
|
|
699
|
+
break;
|
|
700
|
+
else if (type + character === 42 + 42 && peek() === 47)
|
|
701
|
+
break;
|
|
702
|
+
return "/*" + slice(index, position - 1) + "*" + from(type === 47 ? type : next());
|
|
703
|
+
}
|
|
704
|
+
function identifier(index) {
|
|
705
|
+
while (!token(peek()))
|
|
706
|
+
next();
|
|
707
|
+
return slice(index, position);
|
|
708
|
+
}
|
|
709
|
+
|
|
710
|
+
// ../node_modules/stylis/src/Parser.js
|
|
711
|
+
function compile(value) {
|
|
712
|
+
return dealloc(parse("", null, null, null, [""], value = alloc(value), 0, [0], value));
|
|
713
|
+
}
|
|
714
|
+
function parse(value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {
|
|
715
|
+
var index = 0;
|
|
716
|
+
var offset = 0;
|
|
717
|
+
var length2 = pseudo;
|
|
718
|
+
var atrule = 0;
|
|
719
|
+
var property = 0;
|
|
720
|
+
var previous = 0;
|
|
721
|
+
var variable = 1;
|
|
722
|
+
var scanning = 1;
|
|
723
|
+
var ampersand = 1;
|
|
724
|
+
var character2 = 0;
|
|
725
|
+
var type = "";
|
|
726
|
+
var props = rules;
|
|
727
|
+
var children = rulesets;
|
|
728
|
+
var reference = rule;
|
|
729
|
+
var characters2 = type;
|
|
730
|
+
while (scanning)
|
|
731
|
+
switch (previous = character2, character2 = next()) {
|
|
732
|
+
// (
|
|
733
|
+
case 40:
|
|
734
|
+
if (previous != 108 && charat(characters2, length2 - 1) == 58) {
|
|
735
|
+
if (indexof(characters2 += replace(delimit(character2), "&", "&\f"), "&\f") != -1)
|
|
736
|
+
ampersand = -1;
|
|
737
|
+
break;
|
|
738
|
+
}
|
|
739
|
+
// " ' [
|
|
740
|
+
case 34:
|
|
741
|
+
case 39:
|
|
742
|
+
case 91:
|
|
743
|
+
characters2 += delimit(character2);
|
|
744
|
+
break;
|
|
745
|
+
// \t \n \r \s
|
|
746
|
+
case 9:
|
|
747
|
+
case 10:
|
|
748
|
+
case 13:
|
|
749
|
+
case 32:
|
|
750
|
+
characters2 += whitespace(previous);
|
|
751
|
+
break;
|
|
752
|
+
// \
|
|
753
|
+
case 92:
|
|
754
|
+
characters2 += escaping(caret() - 1, 7);
|
|
755
|
+
continue;
|
|
756
|
+
// /
|
|
757
|
+
case 47:
|
|
758
|
+
switch (peek()) {
|
|
759
|
+
case 42:
|
|
760
|
+
case 47:
|
|
761
|
+
append(comment(commenter(next(), caret()), root, parent), declarations);
|
|
762
|
+
break;
|
|
763
|
+
default:
|
|
764
|
+
characters2 += "/";
|
|
765
|
+
}
|
|
766
|
+
break;
|
|
767
|
+
// {
|
|
768
|
+
case 123 * variable:
|
|
769
|
+
points[index++] = strlen(characters2) * ampersand;
|
|
770
|
+
// } ; \0
|
|
771
|
+
case 125 * variable:
|
|
772
|
+
case 59:
|
|
773
|
+
case 0:
|
|
774
|
+
switch (character2) {
|
|
775
|
+
// \0 }
|
|
776
|
+
case 0:
|
|
777
|
+
case 125:
|
|
778
|
+
scanning = 0;
|
|
779
|
+
// ;
|
|
780
|
+
case 59 + offset:
|
|
781
|
+
if (ampersand == -1) characters2 = replace(characters2, /\f/g, "");
|
|
782
|
+
if (property > 0 && strlen(characters2) - length2)
|
|
783
|
+
append(property > 32 ? declaration(characters2 + ";", rule, parent, length2 - 1) : declaration(replace(characters2, " ", "") + ";", rule, parent, length2 - 2), declarations);
|
|
784
|
+
break;
|
|
785
|
+
// @ ;
|
|
786
|
+
case 59:
|
|
787
|
+
characters2 += ";";
|
|
788
|
+
// { rule/at-rule
|
|
789
|
+
default:
|
|
790
|
+
append(reference = ruleset(characters2, root, parent, index, offset, rules, points, type, props = [], children = [], length2), rulesets);
|
|
791
|
+
if (character2 === 123)
|
|
792
|
+
if (offset === 0)
|
|
793
|
+
parse(characters2, root, reference, reference, props, rulesets, length2, points, children);
|
|
794
|
+
else
|
|
795
|
+
switch (atrule === 99 && charat(characters2, 3) === 110 ? 100 : atrule) {
|
|
796
|
+
// d l m s
|
|
797
|
+
case 100:
|
|
798
|
+
case 108:
|
|
799
|
+
case 109:
|
|
800
|
+
case 115:
|
|
801
|
+
parse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length2), children), rules, children, length2, points, rule ? props : children);
|
|
802
|
+
break;
|
|
803
|
+
default:
|
|
804
|
+
parse(characters2, reference, reference, reference, [""], children, 0, points, children);
|
|
805
|
+
}
|
|
806
|
+
}
|
|
807
|
+
index = offset = property = 0, variable = ampersand = 1, type = characters2 = "", length2 = pseudo;
|
|
808
|
+
break;
|
|
809
|
+
// :
|
|
810
|
+
case 58:
|
|
811
|
+
length2 = 1 + strlen(characters2), property = previous;
|
|
812
|
+
default:
|
|
813
|
+
if (variable < 1) {
|
|
814
|
+
if (character2 == 123)
|
|
815
|
+
--variable;
|
|
816
|
+
else if (character2 == 125 && variable++ == 0 && prev() == 125)
|
|
817
|
+
continue;
|
|
818
|
+
}
|
|
819
|
+
switch (characters2 += from(character2), character2 * variable) {
|
|
820
|
+
// &
|
|
821
|
+
case 38:
|
|
822
|
+
ampersand = offset > 0 ? 1 : (characters2 += "\f", -1);
|
|
823
|
+
break;
|
|
824
|
+
// ,
|
|
825
|
+
case 44:
|
|
826
|
+
points[index++] = (strlen(characters2) - 1) * ampersand, ampersand = 1;
|
|
827
|
+
break;
|
|
828
|
+
// @
|
|
829
|
+
case 64:
|
|
830
|
+
if (peek() === 45)
|
|
831
|
+
characters2 += delimit(next());
|
|
832
|
+
atrule = peek(), offset = length2 = strlen(type = characters2 += identifier(caret())), character2++;
|
|
833
|
+
break;
|
|
834
|
+
// -
|
|
835
|
+
case 45:
|
|
836
|
+
if (previous === 45 && strlen(characters2) == 2)
|
|
837
|
+
variable = 0;
|
|
838
|
+
}
|
|
839
|
+
}
|
|
840
|
+
return rulesets;
|
|
841
|
+
}
|
|
842
|
+
function ruleset(value, root, parent, index, offset, rules, points, type, props, children, length2) {
|
|
843
|
+
var post = offset - 1;
|
|
844
|
+
var rule = offset === 0 ? rules : [""];
|
|
845
|
+
var size = sizeof(rule);
|
|
846
|
+
for (var i = 0, j = 0, k = 0; i < index; ++i)
|
|
847
|
+
for (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)
|
|
848
|
+
if (z = trim(j > 0 ? rule[x] + " " + y : replace(y, /&\f/g, rule[x])))
|
|
849
|
+
props[k++] = z;
|
|
850
|
+
return node(value, root, parent, offset === 0 ? RULESET : type, props, children, length2);
|
|
851
|
+
}
|
|
852
|
+
function comment(value, root, parent) {
|
|
853
|
+
return node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0);
|
|
854
|
+
}
|
|
855
|
+
function declaration(value, root, parent, length2) {
|
|
856
|
+
return node(value, root, parent, DECLARATION, substr(value, 0, length2), substr(value, length2 + 1, -1), length2);
|
|
857
|
+
}
|
|
858
|
+
|
|
859
|
+
// ../node_modules/stylis/src/Serializer.js
|
|
860
|
+
function serialize(children, callback) {
|
|
861
|
+
var output = "";
|
|
862
|
+
var length2 = sizeof(children);
|
|
863
|
+
for (var i = 0; i < length2; i++)
|
|
864
|
+
output += callback(children[i], i, children, callback) || "";
|
|
865
|
+
return output;
|
|
866
|
+
}
|
|
867
|
+
function stringify(element, index, children, callback) {
|
|
868
|
+
switch (element.type) {
|
|
869
|
+
case LAYER:
|
|
870
|
+
if (element.children.length) break;
|
|
871
|
+
case IMPORT:
|
|
872
|
+
case DECLARATION:
|
|
873
|
+
return element.return = element.return || element.value;
|
|
874
|
+
case COMMENT:
|
|
875
|
+
return "";
|
|
876
|
+
case KEYFRAMES:
|
|
877
|
+
return element.return = element.value + "{" + serialize(element.children, callback) + "}";
|
|
878
|
+
case RULESET:
|
|
879
|
+
element.value = element.props.join(",");
|
|
880
|
+
}
|
|
881
|
+
return strlen(children = serialize(element.children, callback)) ? element.return = element.value + "{" + children + "}" : "";
|
|
882
|
+
}
|
|
883
|
+
|
|
884
|
+
// ../node_modules/stylis/src/Middleware.js
|
|
885
|
+
function middleware(collection) {
|
|
886
|
+
var length2 = sizeof(collection);
|
|
887
|
+
return function(element, index, children, callback) {
|
|
888
|
+
var output = "";
|
|
889
|
+
for (var i = 0; i < length2; i++)
|
|
890
|
+
output += collection[i](element, index, children, callback) || "";
|
|
891
|
+
return output;
|
|
892
|
+
};
|
|
893
|
+
}
|
|
894
|
+
function rulesheet(callback) {
|
|
895
|
+
return function(element) {
|
|
896
|
+
if (!element.root) {
|
|
897
|
+
if (element = element.return)
|
|
898
|
+
callback(element);
|
|
899
|
+
}
|
|
900
|
+
};
|
|
901
|
+
}
|
|
902
|
+
|
|
903
|
+
// ../node_modules/@emotion/weak-memoize/dist/emotion-weak-memoize.esm.js
|
|
904
|
+
var weakMemoize = function weakMemoize2(func) {
|
|
905
|
+
var cache = /* @__PURE__ */ new WeakMap();
|
|
906
|
+
return function(arg) {
|
|
907
|
+
if (cache.has(arg)) {
|
|
908
|
+
return cache.get(arg);
|
|
909
|
+
}
|
|
910
|
+
var ret = func(arg);
|
|
911
|
+
cache.set(arg, ret);
|
|
912
|
+
return ret;
|
|
913
|
+
};
|
|
914
|
+
};
|
|
915
|
+
|
|
916
|
+
// ../node_modules/@emotion/memoize/dist/emotion-memoize.esm.js
|
|
917
|
+
function memoize(fn) {
|
|
918
|
+
var cache = /* @__PURE__ */ Object.create(null);
|
|
919
|
+
return function(arg) {
|
|
920
|
+
if (cache[arg] === void 0) cache[arg] = fn(arg);
|
|
921
|
+
return cache[arg];
|
|
922
|
+
};
|
|
923
|
+
}
|
|
924
|
+
|
|
925
|
+
// ../node_modules/@emotion/cache/dist/emotion-cache.esm.js
|
|
926
|
+
var isBrowser = typeof document !== "undefined";
|
|
927
|
+
var identifierWithPointTracking = function identifierWithPointTracking2(begin, points, index) {
|
|
928
|
+
var previous = 0;
|
|
929
|
+
var character2 = 0;
|
|
930
|
+
while (true) {
|
|
931
|
+
previous = character2;
|
|
932
|
+
character2 = peek();
|
|
933
|
+
if (previous === 38 && character2 === 12) {
|
|
934
|
+
points[index] = 1;
|
|
935
|
+
}
|
|
936
|
+
if (token(character2)) {
|
|
937
|
+
break;
|
|
938
|
+
}
|
|
939
|
+
next();
|
|
940
|
+
}
|
|
941
|
+
return slice(begin, position);
|
|
942
|
+
};
|
|
943
|
+
var toRules = function toRules2(parsed, points) {
|
|
944
|
+
var index = -1;
|
|
945
|
+
var character2 = 44;
|
|
946
|
+
do {
|
|
947
|
+
switch (token(character2)) {
|
|
948
|
+
case 0:
|
|
949
|
+
if (character2 === 38 && peek() === 12) {
|
|
950
|
+
points[index] = 1;
|
|
951
|
+
}
|
|
952
|
+
parsed[index] += identifierWithPointTracking(position - 1, points, index);
|
|
953
|
+
break;
|
|
954
|
+
case 2:
|
|
955
|
+
parsed[index] += delimit(character2);
|
|
956
|
+
break;
|
|
957
|
+
case 4:
|
|
958
|
+
if (character2 === 44) {
|
|
959
|
+
parsed[++index] = peek() === 58 ? "&\f" : "";
|
|
960
|
+
points[index] = parsed[index].length;
|
|
961
|
+
break;
|
|
962
|
+
}
|
|
963
|
+
// fallthrough
|
|
964
|
+
default:
|
|
965
|
+
parsed[index] += from(character2);
|
|
966
|
+
}
|
|
967
|
+
} while (character2 = next());
|
|
968
|
+
return parsed;
|
|
969
|
+
};
|
|
970
|
+
var getRules = function getRules2(value, points) {
|
|
971
|
+
return dealloc(toRules(alloc(value), points));
|
|
972
|
+
};
|
|
973
|
+
var fixedElements = /* @__PURE__ */ new WeakMap();
|
|
974
|
+
var compat = function compat2(element) {
|
|
975
|
+
if (element.type !== "rule" || !element.parent || // positive .length indicates that this rule contains pseudo
|
|
976
|
+
// negative .length indicates that this rule has been already prefixed
|
|
977
|
+
element.length < 1) {
|
|
978
|
+
return;
|
|
979
|
+
}
|
|
980
|
+
var value = element.value;
|
|
981
|
+
var parent = element.parent;
|
|
982
|
+
var isImplicitRule = element.column === parent.column && element.line === parent.line;
|
|
983
|
+
while (parent.type !== "rule") {
|
|
984
|
+
parent = parent.parent;
|
|
985
|
+
if (!parent) return;
|
|
986
|
+
}
|
|
987
|
+
if (element.props.length === 1 && value.charCodeAt(0) !== 58 && !fixedElements.get(parent)) {
|
|
988
|
+
return;
|
|
989
|
+
}
|
|
990
|
+
if (isImplicitRule) {
|
|
991
|
+
return;
|
|
992
|
+
}
|
|
993
|
+
fixedElements.set(element, true);
|
|
994
|
+
var points = [];
|
|
995
|
+
var rules = getRules(value, points);
|
|
996
|
+
var parentRules = parent.props;
|
|
997
|
+
for (var i = 0, k = 0; i < rules.length; i++) {
|
|
998
|
+
for (var j = 0; j < parentRules.length; j++, k++) {
|
|
999
|
+
element.props[k] = points[i] ? rules[i].replace(/&\f/g, parentRules[j]) : parentRules[j] + " " + rules[i];
|
|
1000
|
+
}
|
|
1001
|
+
}
|
|
1002
|
+
};
|
|
1003
|
+
var removeLabel = function removeLabel2(element) {
|
|
1004
|
+
if (element.type === "decl") {
|
|
1005
|
+
var value = element.value;
|
|
1006
|
+
if (
|
|
1007
|
+
// charcode for l
|
|
1008
|
+
value.charCodeAt(0) === 108 && // charcode for b
|
|
1009
|
+
value.charCodeAt(2) === 98
|
|
1010
|
+
) {
|
|
1011
|
+
element["return"] = "";
|
|
1012
|
+
element.value = "";
|
|
1013
|
+
}
|
|
1014
|
+
}
|
|
1015
|
+
};
|
|
1016
|
+
function prefix(value, length2) {
|
|
1017
|
+
switch (hash(value, length2)) {
|
|
1018
|
+
// color-adjust
|
|
1019
|
+
case 5103:
|
|
1020
|
+
return WEBKIT + "print-" + value + value;
|
|
1021
|
+
// animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)
|
|
1022
|
+
case 5737:
|
|
1023
|
+
case 4201:
|
|
1024
|
+
case 3177:
|
|
1025
|
+
case 3433:
|
|
1026
|
+
case 1641:
|
|
1027
|
+
case 4457:
|
|
1028
|
+
case 2921:
|
|
1029
|
+
// text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break
|
|
1030
|
+
case 5572:
|
|
1031
|
+
case 6356:
|
|
1032
|
+
case 5844:
|
|
1033
|
+
case 3191:
|
|
1034
|
+
case 6645:
|
|
1035
|
+
case 3005:
|
|
1036
|
+
// mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,
|
|
1037
|
+
case 6391:
|
|
1038
|
+
case 5879:
|
|
1039
|
+
case 5623:
|
|
1040
|
+
case 6135:
|
|
1041
|
+
case 4599:
|
|
1042
|
+
case 4855:
|
|
1043
|
+
// background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)
|
|
1044
|
+
case 4215:
|
|
1045
|
+
case 6389:
|
|
1046
|
+
case 5109:
|
|
1047
|
+
case 5365:
|
|
1048
|
+
case 5621:
|
|
1049
|
+
case 3829:
|
|
1050
|
+
return WEBKIT + value + value;
|
|
1051
|
+
// appearance, user-select, transform, hyphens, text-size-adjust
|
|
1052
|
+
case 5349:
|
|
1053
|
+
case 4246:
|
|
1054
|
+
case 4810:
|
|
1055
|
+
case 6968:
|
|
1056
|
+
case 2756:
|
|
1057
|
+
return WEBKIT + value + MOZ + value + MS + value + value;
|
|
1058
|
+
// flex, flex-direction
|
|
1059
|
+
case 6828:
|
|
1060
|
+
case 4268:
|
|
1061
|
+
return WEBKIT + value + MS + value + value;
|
|
1062
|
+
// order
|
|
1063
|
+
case 6165:
|
|
1064
|
+
return WEBKIT + value + MS + "flex-" + value + value;
|
|
1065
|
+
// align-items
|
|
1066
|
+
case 5187:
|
|
1067
|
+
return WEBKIT + value + replace(value, /(\w+).+(:[^]+)/, WEBKIT + "box-$1$2" + MS + "flex-$1$2") + value;
|
|
1068
|
+
// align-self
|
|
1069
|
+
case 5443:
|
|
1070
|
+
return WEBKIT + value + MS + "flex-item-" + replace(value, /flex-|-self/, "") + value;
|
|
1071
|
+
// align-content
|
|
1072
|
+
case 4675:
|
|
1073
|
+
return WEBKIT + value + MS + "flex-line-pack" + replace(value, /align-content|flex-|-self/, "") + value;
|
|
1074
|
+
// flex-shrink
|
|
1075
|
+
case 5548:
|
|
1076
|
+
return WEBKIT + value + MS + replace(value, "shrink", "negative") + value;
|
|
1077
|
+
// flex-basis
|
|
1078
|
+
case 5292:
|
|
1079
|
+
return WEBKIT + value + MS + replace(value, "basis", "preferred-size") + value;
|
|
1080
|
+
// flex-grow
|
|
1081
|
+
case 6060:
|
|
1082
|
+
return WEBKIT + "box-" + replace(value, "-grow", "") + WEBKIT + value + MS + replace(value, "grow", "positive") + value;
|
|
1083
|
+
// transition
|
|
1084
|
+
case 4554:
|
|
1085
|
+
return WEBKIT + replace(value, /([^-])(transform)/g, "$1" + WEBKIT + "$2") + value;
|
|
1086
|
+
// cursor
|
|
1087
|
+
case 6187:
|
|
1088
|
+
return replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + "$1"), /(image-set)/, WEBKIT + "$1"), value, "") + value;
|
|
1089
|
+
// background, background-image
|
|
1090
|
+
case 5495:
|
|
1091
|
+
case 3959:
|
|
1092
|
+
return replace(value, /(image-set\([^]*)/, WEBKIT + "$1$`$1");
|
|
1093
|
+
// justify-content
|
|
1094
|
+
case 4968:
|
|
1095
|
+
return replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + "box-pack:$3" + MS + "flex-pack:$3"), /s.+-b[^;]+/, "justify") + WEBKIT + value + value;
|
|
1096
|
+
// (margin|padding)-inline-(start|end)
|
|
1097
|
+
case 4095:
|
|
1098
|
+
case 3583:
|
|
1099
|
+
case 4068:
|
|
1100
|
+
case 2532:
|
|
1101
|
+
return replace(value, /(.+)-inline(.+)/, WEBKIT + "$1$2") + value;
|
|
1102
|
+
// (min|max)?(width|height|inline-size|block-size)
|
|
1103
|
+
case 8116:
|
|
1104
|
+
case 7059:
|
|
1105
|
+
case 5753:
|
|
1106
|
+
case 5535:
|
|
1107
|
+
case 5445:
|
|
1108
|
+
case 5701:
|
|
1109
|
+
case 4933:
|
|
1110
|
+
case 4677:
|
|
1111
|
+
case 5533:
|
|
1112
|
+
case 5789:
|
|
1113
|
+
case 5021:
|
|
1114
|
+
case 4765:
|
|
1115
|
+
if (strlen(value) - 1 - length2 > 6) switch (charat(value, length2 + 1)) {
|
|
1116
|
+
// (m)ax-content, (m)in-content
|
|
1117
|
+
case 109:
|
|
1118
|
+
if (charat(value, length2 + 4) !== 45) break;
|
|
1119
|
+
// (f)ill-available, (f)it-content
|
|
1120
|
+
case 102:
|
|
1121
|
+
return replace(value, /(.+:)(.+)-([^]+)/, "$1" + WEBKIT + "$2-$3$1" + MOZ + (charat(value, length2 + 3) == 108 ? "$3" : "$2-$3")) + value;
|
|
1122
|
+
// (s)tretch
|
|
1123
|
+
case 115:
|
|
1124
|
+
return ~indexof(value, "stretch") ? prefix(replace(value, "stretch", "fill-available"), length2) + value : value;
|
|
1125
|
+
}
|
|
1126
|
+
break;
|
|
1127
|
+
// position: sticky
|
|
1128
|
+
case 4949:
|
|
1129
|
+
if (charat(value, length2 + 1) !== 115) break;
|
|
1130
|
+
// display: (flex|inline-flex)
|
|
1131
|
+
case 6444:
|
|
1132
|
+
switch (charat(value, strlen(value) - 3 - (~indexof(value, "!important") && 10))) {
|
|
1133
|
+
// stic(k)y
|
|
1134
|
+
case 107:
|
|
1135
|
+
return replace(value, ":", ":" + WEBKIT) + value;
|
|
1136
|
+
// (inline-)?fl(e)x
|
|
1137
|
+
case 101:
|
|
1138
|
+
return replace(value, /(.+:)([^;!]+)(;|!.+)?/, "$1" + WEBKIT + (charat(value, 14) === 45 ? "inline-" : "") + "box$3$1" + WEBKIT + "$2$3$1" + MS + "$2box$3") + value;
|
|
1139
|
+
}
|
|
1140
|
+
break;
|
|
1141
|
+
// writing-mode
|
|
1142
|
+
case 5936:
|
|
1143
|
+
switch (charat(value, length2 + 11)) {
|
|
1144
|
+
// vertical-l(r)
|
|
1145
|
+
case 114:
|
|
1146
|
+
return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb") + value;
|
|
1147
|
+
// vertical-r(l)
|
|
1148
|
+
case 108:
|
|
1149
|
+
return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "tb-rl") + value;
|
|
1150
|
+
// horizontal(-)tb
|
|
1151
|
+
case 45:
|
|
1152
|
+
return WEBKIT + value + MS + replace(value, /[svh]\w+-[tblr]{2}/, "lr") + value;
|
|
1153
|
+
}
|
|
1154
|
+
return WEBKIT + value + MS + value + value;
|
|
1155
|
+
}
|
|
1156
|
+
return value;
|
|
1157
|
+
}
|
|
1158
|
+
var prefixer = function prefixer2(element, index, children, callback) {
|
|
1159
|
+
if (element.length > -1) {
|
|
1160
|
+
if (!element["return"]) switch (element.type) {
|
|
1161
|
+
case DECLARATION:
|
|
1162
|
+
element["return"] = prefix(element.value, element.length);
|
|
1163
|
+
break;
|
|
1164
|
+
case KEYFRAMES:
|
|
1165
|
+
return serialize([copy(element, {
|
|
1166
|
+
value: replace(element.value, "@", "@" + WEBKIT)
|
|
1167
|
+
})], callback);
|
|
1168
|
+
case RULESET:
|
|
1169
|
+
if (element.length) return combine(element.props, function(value) {
|
|
1170
|
+
switch (match(value, /(::plac\w+|:read-\w+)/)) {
|
|
1171
|
+
// :read-(only|write)
|
|
1172
|
+
case ":read-only":
|
|
1173
|
+
case ":read-write":
|
|
1174
|
+
return serialize([copy(element, {
|
|
1175
|
+
props: [replace(value, /:(read-\w+)/, ":" + MOZ + "$1")]
|
|
1176
|
+
})], callback);
|
|
1177
|
+
// :placeholder
|
|
1178
|
+
case "::placeholder":
|
|
1179
|
+
return serialize([copy(element, {
|
|
1180
|
+
props: [replace(value, /:(plac\w+)/, ":" + WEBKIT + "input-$1")]
|
|
1181
|
+
}), copy(element, {
|
|
1182
|
+
props: [replace(value, /:(plac\w+)/, ":" + MOZ + "$1")]
|
|
1183
|
+
}), copy(element, {
|
|
1184
|
+
props: [replace(value, /:(plac\w+)/, MS + "input-$1")]
|
|
1185
|
+
})], callback);
|
|
1186
|
+
}
|
|
1187
|
+
return "";
|
|
1188
|
+
});
|
|
1189
|
+
}
|
|
1190
|
+
}
|
|
1191
|
+
};
|
|
1192
|
+
var getServerStylisCache = isBrowser ? void 0 : weakMemoize(function() {
|
|
1193
|
+
return memoize(function() {
|
|
1194
|
+
return {};
|
|
1195
|
+
});
|
|
1196
|
+
});
|
|
1197
|
+
var defaultStylisPlugins = [prefixer];
|
|
1198
|
+
var createCache = function createCache2(options) {
|
|
1199
|
+
var key = options.key;
|
|
1200
|
+
if (isBrowser && key === "css") {
|
|
1201
|
+
var ssrStyles = document.querySelectorAll("style[data-emotion]:not([data-s])");
|
|
1202
|
+
Array.prototype.forEach.call(ssrStyles, function(node2) {
|
|
1203
|
+
var dataEmotionAttribute = node2.getAttribute("data-emotion");
|
|
1204
|
+
if (dataEmotionAttribute.indexOf(" ") === -1) {
|
|
1205
|
+
return;
|
|
1206
|
+
}
|
|
1207
|
+
document.head.appendChild(node2);
|
|
1208
|
+
node2.setAttribute("data-s", "");
|
|
1209
|
+
});
|
|
1210
|
+
}
|
|
1211
|
+
var stylisPlugins = options.stylisPlugins || defaultStylisPlugins;
|
|
1212
|
+
var inserted = {};
|
|
1213
|
+
var container;
|
|
1214
|
+
var nodesToHydrate = [];
|
|
1215
|
+
if (isBrowser) {
|
|
1216
|
+
container = options.container || document.head;
|
|
1217
|
+
Array.prototype.forEach.call(
|
|
1218
|
+
// this means we will ignore elements which don't have a space in them which
|
|
1219
|
+
// means that the style elements we're looking at are only Emotion 11 server-rendered style elements
|
|
1220
|
+
document.querySelectorAll('style[data-emotion^="' + key + ' "]'),
|
|
1221
|
+
function(node2) {
|
|
1222
|
+
var attrib = node2.getAttribute("data-emotion").split(" ");
|
|
1223
|
+
for (var i = 1; i < attrib.length; i++) {
|
|
1224
|
+
inserted[attrib[i]] = true;
|
|
1225
|
+
}
|
|
1226
|
+
nodesToHydrate.push(node2);
|
|
1227
|
+
}
|
|
1228
|
+
);
|
|
1229
|
+
}
|
|
1230
|
+
var _insert;
|
|
1231
|
+
var omnipresentPlugins = [compat, removeLabel];
|
|
1232
|
+
if (!getServerStylisCache) {
|
|
1233
|
+
var currentSheet;
|
|
1234
|
+
var finalizingPlugins = [stringify, rulesheet(function(rule) {
|
|
1235
|
+
currentSheet.insert(rule);
|
|
1236
|
+
})];
|
|
1237
|
+
var serializer = middleware(omnipresentPlugins.concat(stylisPlugins, finalizingPlugins));
|
|
1238
|
+
var stylis = function stylis2(styles) {
|
|
1239
|
+
return serialize(compile(styles), serializer);
|
|
1240
|
+
};
|
|
1241
|
+
_insert = function insert(selector, serialized, sheet, shouldCache) {
|
|
1242
|
+
currentSheet = sheet;
|
|
1243
|
+
stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);
|
|
1244
|
+
if (shouldCache) {
|
|
1245
|
+
cache.inserted[serialized.name] = true;
|
|
1246
|
+
}
|
|
1247
|
+
};
|
|
1248
|
+
} else {
|
|
1249
|
+
var _finalizingPlugins = [stringify];
|
|
1250
|
+
var _serializer = middleware(omnipresentPlugins.concat(stylisPlugins, _finalizingPlugins));
|
|
1251
|
+
var _stylis = function _stylis2(styles) {
|
|
1252
|
+
return serialize(compile(styles), _serializer);
|
|
1253
|
+
};
|
|
1254
|
+
var serverStylisCache = getServerStylisCache(stylisPlugins)(key);
|
|
1255
|
+
var getRules3 = function getRules4(selector, serialized) {
|
|
1256
|
+
var name = serialized.name;
|
|
1257
|
+
if (serverStylisCache[name] === void 0) {
|
|
1258
|
+
serverStylisCache[name] = _stylis(selector ? selector + "{" + serialized.styles + "}" : serialized.styles);
|
|
1259
|
+
}
|
|
1260
|
+
return serverStylisCache[name];
|
|
1261
|
+
};
|
|
1262
|
+
_insert = function _insert2(selector, serialized, sheet, shouldCache) {
|
|
1263
|
+
var name = serialized.name;
|
|
1264
|
+
var rules = getRules3(selector, serialized);
|
|
1265
|
+
if (cache.compat === void 0) {
|
|
1266
|
+
if (shouldCache) {
|
|
1267
|
+
cache.inserted[name] = true;
|
|
1268
|
+
}
|
|
1269
|
+
return rules;
|
|
1270
|
+
} else {
|
|
1271
|
+
if (shouldCache) {
|
|
1272
|
+
cache.inserted[name] = rules;
|
|
1273
|
+
} else {
|
|
1274
|
+
return rules;
|
|
1275
|
+
}
|
|
1276
|
+
}
|
|
1277
|
+
};
|
|
1278
|
+
}
|
|
1279
|
+
var cache = {
|
|
1280
|
+
key,
|
|
1281
|
+
sheet: new StyleSheet({
|
|
1282
|
+
key,
|
|
1283
|
+
container,
|
|
1284
|
+
nonce: options.nonce,
|
|
1285
|
+
speedy: options.speedy,
|
|
1286
|
+
prepend: options.prepend,
|
|
1287
|
+
insertionPoint: options.insertionPoint
|
|
1288
|
+
}),
|
|
1289
|
+
nonce: options.nonce,
|
|
1290
|
+
inserted,
|
|
1291
|
+
registered: {},
|
|
1292
|
+
insert: _insert
|
|
1293
|
+
};
|
|
1294
|
+
cache.sheet.hydrate(nodesToHydrate);
|
|
1295
|
+
return cache;
|
|
1296
|
+
};
|
|
1297
|
+
|
|
1298
|
+
// ../node_modules/@emotion/utils/dist/emotion-utils.esm.js
|
|
1299
|
+
var isBrowser2 = typeof document !== "undefined";
|
|
1300
|
+
function getRegisteredStyles(registered, registeredStyles, classNames) {
|
|
1301
|
+
var rawClassName = "";
|
|
1302
|
+
classNames.split(" ").forEach(function(className) {
|
|
1303
|
+
if (registered[className] !== void 0) {
|
|
1304
|
+
registeredStyles.push(registered[className] + ";");
|
|
1305
|
+
} else if (className) {
|
|
1306
|
+
rawClassName += className + " ";
|
|
1307
|
+
}
|
|
1308
|
+
});
|
|
1309
|
+
return rawClassName;
|
|
1310
|
+
}
|
|
1311
|
+
var registerStyles = function registerStyles2(cache, serialized, isStringTag) {
|
|
1312
|
+
var className = cache.key + "-" + serialized.name;
|
|
1313
|
+
if (
|
|
1314
|
+
// we only need to add the styles to the registered cache if the
|
|
1315
|
+
// class name could be used further down
|
|
1316
|
+
// the tree but if it's a string tag, we know it won't
|
|
1317
|
+
// so we don't have to add it to registered cache.
|
|
1318
|
+
// this improves memory usage since we can avoid storing the whole style string
|
|
1319
|
+
(isStringTag === false || // we need to always store it if we're in compat mode and
|
|
1320
|
+
// in node since emotion-server relies on whether a style is in
|
|
1321
|
+
// the registered cache to know whether a style is global or not
|
|
1322
|
+
// also, note that this check will be dead code eliminated in the browser
|
|
1323
|
+
isBrowser2 === false && cache.compat !== void 0) && cache.registered[className] === void 0
|
|
1324
|
+
) {
|
|
1325
|
+
cache.registered[className] = serialized.styles;
|
|
1326
|
+
}
|
|
1327
|
+
};
|
|
1328
|
+
var insertStyles = function insertStyles2(cache, serialized, isStringTag) {
|
|
1329
|
+
registerStyles(cache, serialized, isStringTag);
|
|
1330
|
+
var className = cache.key + "-" + serialized.name;
|
|
1331
|
+
if (cache.inserted[serialized.name] === void 0) {
|
|
1332
|
+
var stylesForSSR = "";
|
|
1333
|
+
var current = serialized;
|
|
1334
|
+
do {
|
|
1335
|
+
var maybeStyles = cache.insert(serialized === current ? "." + className : "", current, cache.sheet, true);
|
|
1336
|
+
if (!isBrowser2 && maybeStyles !== void 0) {
|
|
1337
|
+
stylesForSSR += maybeStyles;
|
|
1338
|
+
}
|
|
1339
|
+
current = current.next;
|
|
1340
|
+
} while (current !== void 0);
|
|
1341
|
+
if (!isBrowser2 && stylesForSSR.length !== 0) {
|
|
1342
|
+
return stylesForSSR;
|
|
1343
|
+
}
|
|
1344
|
+
}
|
|
1345
|
+
};
|
|
1346
|
+
|
|
1347
|
+
// ../node_modules/@emotion/hash/dist/emotion-hash.esm.js
|
|
1348
|
+
function murmur2(str) {
|
|
1349
|
+
var h = 0;
|
|
1350
|
+
var k, i = 0, len = str.length;
|
|
1351
|
+
for (; len >= 4; ++i, len -= 4) {
|
|
1352
|
+
k = str.charCodeAt(i) & 255 | (str.charCodeAt(++i) & 255) << 8 | (str.charCodeAt(++i) & 255) << 16 | (str.charCodeAt(++i) & 255) << 24;
|
|
1353
|
+
k = /* Math.imul(k, m): */
|
|
1354
|
+
(k & 65535) * 1540483477 + ((k >>> 16) * 59797 << 16);
|
|
1355
|
+
k ^= /* k >>> r: */
|
|
1356
|
+
k >>> 24;
|
|
1357
|
+
h = /* Math.imul(k, m): */
|
|
1358
|
+
(k & 65535) * 1540483477 + ((k >>> 16) * 59797 << 16) ^ /* Math.imul(h, m): */
|
|
1359
|
+
(h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16);
|
|
1360
|
+
}
|
|
1361
|
+
switch (len) {
|
|
1362
|
+
case 3:
|
|
1363
|
+
h ^= (str.charCodeAt(i + 2) & 255) << 16;
|
|
1364
|
+
case 2:
|
|
1365
|
+
h ^= (str.charCodeAt(i + 1) & 255) << 8;
|
|
1366
|
+
case 1:
|
|
1367
|
+
h ^= str.charCodeAt(i) & 255;
|
|
1368
|
+
h = /* Math.imul(h, m): */
|
|
1369
|
+
(h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16);
|
|
1370
|
+
}
|
|
1371
|
+
h ^= h >>> 13;
|
|
1372
|
+
h = /* Math.imul(h, m): */
|
|
1373
|
+
(h & 65535) * 1540483477 + ((h >>> 16) * 59797 << 16);
|
|
1374
|
+
return ((h ^ h >>> 15) >>> 0).toString(36);
|
|
1375
|
+
}
|
|
1376
|
+
|
|
1377
|
+
// ../node_modules/@emotion/unitless/dist/emotion-unitless.esm.js
|
|
1378
|
+
var unitlessKeys = {
|
|
1379
|
+
animationIterationCount: 1,
|
|
1380
|
+
aspectRatio: 1,
|
|
1381
|
+
borderImageOutset: 1,
|
|
1382
|
+
borderImageSlice: 1,
|
|
1383
|
+
borderImageWidth: 1,
|
|
1384
|
+
boxFlex: 1,
|
|
1385
|
+
boxFlexGroup: 1,
|
|
1386
|
+
boxOrdinalGroup: 1,
|
|
1387
|
+
columnCount: 1,
|
|
1388
|
+
columns: 1,
|
|
1389
|
+
flex: 1,
|
|
1390
|
+
flexGrow: 1,
|
|
1391
|
+
flexPositive: 1,
|
|
1392
|
+
flexShrink: 1,
|
|
1393
|
+
flexNegative: 1,
|
|
1394
|
+
flexOrder: 1,
|
|
1395
|
+
gridRow: 1,
|
|
1396
|
+
gridRowEnd: 1,
|
|
1397
|
+
gridRowSpan: 1,
|
|
1398
|
+
gridRowStart: 1,
|
|
1399
|
+
gridColumn: 1,
|
|
1400
|
+
gridColumnEnd: 1,
|
|
1401
|
+
gridColumnSpan: 1,
|
|
1402
|
+
gridColumnStart: 1,
|
|
1403
|
+
msGridRow: 1,
|
|
1404
|
+
msGridRowSpan: 1,
|
|
1405
|
+
msGridColumn: 1,
|
|
1406
|
+
msGridColumnSpan: 1,
|
|
1407
|
+
fontWeight: 1,
|
|
1408
|
+
lineHeight: 1,
|
|
1409
|
+
opacity: 1,
|
|
1410
|
+
order: 1,
|
|
1411
|
+
orphans: 1,
|
|
1412
|
+
scale: 1,
|
|
1413
|
+
tabSize: 1,
|
|
1414
|
+
widows: 1,
|
|
1415
|
+
zIndex: 1,
|
|
1416
|
+
zoom: 1,
|
|
1417
|
+
WebkitLineClamp: 1,
|
|
1418
|
+
// SVG-related properties
|
|
1419
|
+
fillOpacity: 1,
|
|
1420
|
+
floodOpacity: 1,
|
|
1421
|
+
stopOpacity: 1,
|
|
1422
|
+
strokeDasharray: 1,
|
|
1423
|
+
strokeDashoffset: 1,
|
|
1424
|
+
strokeMiterlimit: 1,
|
|
1425
|
+
strokeOpacity: 1,
|
|
1426
|
+
strokeWidth: 1
|
|
1427
|
+
};
|
|
1428
|
+
var hyphenateRegex = /[A-Z]|^ms/g;
|
|
1429
|
+
var animationRegex = /_EMO_([^_]+?)_([^]*?)_EMO_/g;
|
|
1430
|
+
var isCustomProperty = function isCustomProperty2(property) {
|
|
1431
|
+
return property.charCodeAt(1) === 45;
|
|
1432
|
+
};
|
|
1433
|
+
var isProcessableValue = function isProcessableValue2(value) {
|
|
1434
|
+
return value != null && typeof value !== "boolean";
|
|
1435
|
+
};
|
|
1436
|
+
var processStyleName = /* @__PURE__ */ memoize(function(styleName) {
|
|
1437
|
+
return isCustomProperty(styleName) ? styleName : styleName.replace(hyphenateRegex, "-$&").toLowerCase();
|
|
1438
|
+
});
|
|
1439
|
+
var processStyleValue = function processStyleValue2(key, value) {
|
|
1440
|
+
switch (key) {
|
|
1441
|
+
case "animation":
|
|
1442
|
+
case "animationName": {
|
|
1443
|
+
if (typeof value === "string") {
|
|
1444
|
+
return value.replace(animationRegex, function(match2, p1, p2) {
|
|
1445
|
+
cursor = {
|
|
1446
|
+
name: p1,
|
|
1447
|
+
styles: p2,
|
|
1448
|
+
next: cursor
|
|
1449
|
+
};
|
|
1450
|
+
return p1;
|
|
1451
|
+
});
|
|
1452
|
+
}
|
|
1453
|
+
}
|
|
1454
|
+
}
|
|
1455
|
+
if (unitlessKeys[key] !== 1 && !isCustomProperty(key) && typeof value === "number" && value !== 0) {
|
|
1456
|
+
return value + "px";
|
|
1457
|
+
}
|
|
1458
|
+
return value;
|
|
1459
|
+
};
|
|
1460
|
+
function handleInterpolation(mergedProps, registered, interpolation) {
|
|
1461
|
+
if (interpolation == null) {
|
|
1462
|
+
return "";
|
|
1463
|
+
}
|
|
1464
|
+
var componentSelector = interpolation;
|
|
1465
|
+
if (componentSelector.__emotion_styles !== void 0) {
|
|
1466
|
+
return componentSelector;
|
|
1467
|
+
}
|
|
1468
|
+
switch (typeof interpolation) {
|
|
1469
|
+
case "boolean": {
|
|
1470
|
+
return "";
|
|
1471
|
+
}
|
|
1472
|
+
case "object": {
|
|
1473
|
+
var keyframes3 = interpolation;
|
|
1474
|
+
if (keyframes3.anim === 1) {
|
|
1475
|
+
cursor = {
|
|
1476
|
+
name: keyframes3.name,
|
|
1477
|
+
styles: keyframes3.styles,
|
|
1478
|
+
next: cursor
|
|
1479
|
+
};
|
|
1480
|
+
return keyframes3.name;
|
|
1481
|
+
}
|
|
1482
|
+
var serializedStyles = interpolation;
|
|
1483
|
+
if (serializedStyles.styles !== void 0) {
|
|
1484
|
+
var next2 = serializedStyles.next;
|
|
1485
|
+
if (next2 !== void 0) {
|
|
1486
|
+
while (next2 !== void 0) {
|
|
1487
|
+
cursor = {
|
|
1488
|
+
name: next2.name,
|
|
1489
|
+
styles: next2.styles,
|
|
1490
|
+
next: cursor
|
|
1491
|
+
};
|
|
1492
|
+
next2 = next2.next;
|
|
1493
|
+
}
|
|
1494
|
+
}
|
|
1495
|
+
var styles = serializedStyles.styles + ";";
|
|
1496
|
+
return styles;
|
|
1497
|
+
}
|
|
1498
|
+
return createStringFromObject(mergedProps, registered, interpolation);
|
|
1499
|
+
}
|
|
1500
|
+
case "function": {
|
|
1501
|
+
if (mergedProps !== void 0) {
|
|
1502
|
+
var previousCursor = cursor;
|
|
1503
|
+
var result = interpolation(mergedProps);
|
|
1504
|
+
cursor = previousCursor;
|
|
1505
|
+
return handleInterpolation(mergedProps, registered, result);
|
|
1506
|
+
}
|
|
1507
|
+
break;
|
|
1508
|
+
}
|
|
1509
|
+
}
|
|
1510
|
+
var asString = interpolation;
|
|
1511
|
+
if (registered == null) {
|
|
1512
|
+
return asString;
|
|
1513
|
+
}
|
|
1514
|
+
var cached = registered[asString];
|
|
1515
|
+
return cached !== void 0 ? cached : asString;
|
|
1516
|
+
}
|
|
1517
|
+
function createStringFromObject(mergedProps, registered, obj) {
|
|
1518
|
+
var string = "";
|
|
1519
|
+
if (Array.isArray(obj)) {
|
|
1520
|
+
for (var i = 0; i < obj.length; i++) {
|
|
1521
|
+
string += handleInterpolation(mergedProps, registered, obj[i]) + ";";
|
|
1522
|
+
}
|
|
1523
|
+
} else {
|
|
1524
|
+
for (var key in obj) {
|
|
1525
|
+
var value = obj[key];
|
|
1526
|
+
if (typeof value !== "object") {
|
|
1527
|
+
var asString = value;
|
|
1528
|
+
if (registered != null && registered[asString] !== void 0) {
|
|
1529
|
+
string += key + "{" + registered[asString] + "}";
|
|
1530
|
+
} else if (isProcessableValue(asString)) {
|
|
1531
|
+
string += processStyleName(key) + ":" + processStyleValue(key, asString) + ";";
|
|
1532
|
+
}
|
|
1533
|
+
} else {
|
|
1534
|
+
if (Array.isArray(value) && typeof value[0] === "string" && (registered == null || registered[value[0]] === void 0)) {
|
|
1535
|
+
for (var _i = 0; _i < value.length; _i++) {
|
|
1536
|
+
if (isProcessableValue(value[_i])) {
|
|
1537
|
+
string += processStyleName(key) + ":" + processStyleValue(key, value[_i]) + ";";
|
|
1538
|
+
}
|
|
1539
|
+
}
|
|
1540
|
+
} else {
|
|
1541
|
+
var interpolated = handleInterpolation(mergedProps, registered, value);
|
|
1542
|
+
switch (key) {
|
|
1543
|
+
case "animation":
|
|
1544
|
+
case "animationName": {
|
|
1545
|
+
string += processStyleName(key) + ":" + interpolated + ";";
|
|
1546
|
+
break;
|
|
1547
|
+
}
|
|
1548
|
+
default: {
|
|
1549
|
+
string += key + "{" + interpolated + "}";
|
|
1550
|
+
}
|
|
1551
|
+
}
|
|
1552
|
+
}
|
|
1553
|
+
}
|
|
1554
|
+
}
|
|
1555
|
+
}
|
|
1556
|
+
return string;
|
|
1557
|
+
}
|
|
1558
|
+
var labelPattern = /label:\s*([^\s;{]+)\s*(;|$)/g;
|
|
1559
|
+
var cursor;
|
|
1560
|
+
function serializeStyles(args, registered, mergedProps) {
|
|
1561
|
+
if (args.length === 1 && typeof args[0] === "object" && args[0] !== null && args[0].styles !== void 0) {
|
|
1562
|
+
return args[0];
|
|
1563
|
+
}
|
|
1564
|
+
var stringMode = true;
|
|
1565
|
+
var styles = "";
|
|
1566
|
+
cursor = void 0;
|
|
1567
|
+
var strings = args[0];
|
|
1568
|
+
if (strings == null || strings.raw === void 0) {
|
|
1569
|
+
stringMode = false;
|
|
1570
|
+
styles += handleInterpolation(mergedProps, registered, strings);
|
|
1571
|
+
} else {
|
|
1572
|
+
var asTemplateStringsArr = strings;
|
|
1573
|
+
styles += asTemplateStringsArr[0];
|
|
1574
|
+
}
|
|
1575
|
+
for (var i = 1; i < args.length; i++) {
|
|
1576
|
+
styles += handleInterpolation(mergedProps, registered, args[i]);
|
|
1577
|
+
if (stringMode) {
|
|
1578
|
+
var templateStringsArr = strings;
|
|
1579
|
+
styles += templateStringsArr[i];
|
|
1580
|
+
}
|
|
1581
|
+
}
|
|
1582
|
+
labelPattern.lastIndex = 0;
|
|
1583
|
+
var identifierName = "";
|
|
1584
|
+
var match2;
|
|
1585
|
+
while ((match2 = labelPattern.exec(styles)) !== null) {
|
|
1586
|
+
identifierName += "-" + match2[1];
|
|
1587
|
+
}
|
|
1588
|
+
var name = murmur2(styles) + identifierName;
|
|
1589
|
+
return {
|
|
1590
|
+
name,
|
|
1591
|
+
styles,
|
|
1592
|
+
next: cursor
|
|
1593
|
+
};
|
|
1594
|
+
}
|
|
1595
|
+
var isBrowser3 = typeof document !== "undefined";
|
|
1596
|
+
var syncFallback = function syncFallback2(create) {
|
|
1597
|
+
return create();
|
|
1598
|
+
};
|
|
1599
|
+
var useInsertionEffect2 = React2__namespace["useInsertionEffect"] ? React2__namespace["useInsertionEffect"] : false;
|
|
1600
|
+
var useInsertionEffectAlwaysWithSyncFallback = !isBrowser3 ? syncFallback : useInsertionEffect2 || syncFallback;
|
|
1601
|
+
var isBrowser4 = typeof document !== "undefined";
|
|
1602
|
+
var EmotionCacheContext = /* @__PURE__ */ React2__namespace.createContext(
|
|
1603
|
+
// we're doing this to avoid preconstruct's dead code elimination in this one case
|
|
1604
|
+
// because this module is primarily intended for the browser and node
|
|
1605
|
+
// but it's also required in react native and similar environments sometimes
|
|
1606
|
+
// and we could have a special build just for that
|
|
1607
|
+
// but this is much easier and the native packages
|
|
1608
|
+
// might use a different theme context in the future anyway
|
|
1609
|
+
typeof HTMLElement !== "undefined" ? /* @__PURE__ */ createCache({
|
|
1610
|
+
key: "css"
|
|
1611
|
+
}) : null
|
|
1612
|
+
);
|
|
1613
|
+
EmotionCacheContext.Provider;
|
|
1614
|
+
var withEmotionCache = function withEmotionCache2(func) {
|
|
1615
|
+
return /* @__PURE__ */ React2.forwardRef(function(props, ref) {
|
|
1616
|
+
var cache = React2.useContext(EmotionCacheContext);
|
|
1617
|
+
return func(props, cache, ref);
|
|
1618
|
+
});
|
|
1619
|
+
};
|
|
1620
|
+
if (!isBrowser4) {
|
|
1621
|
+
withEmotionCache = function withEmotionCache3(func) {
|
|
1622
|
+
return function(props) {
|
|
1623
|
+
var cache = React2.useContext(EmotionCacheContext);
|
|
1624
|
+
if (cache === null) {
|
|
1625
|
+
cache = createCache({
|
|
1626
|
+
key: "css"
|
|
1627
|
+
});
|
|
1628
|
+
return /* @__PURE__ */ React2__namespace.createElement(EmotionCacheContext.Provider, {
|
|
1629
|
+
value: cache
|
|
1630
|
+
}, func(props, cache));
|
|
1631
|
+
} else {
|
|
1632
|
+
return func(props, cache);
|
|
1633
|
+
}
|
|
1634
|
+
};
|
|
1635
|
+
};
|
|
1636
|
+
}
|
|
1637
|
+
var ThemeContext = /* @__PURE__ */ React2__namespace.createContext({});
|
|
1638
|
+
var hasOwn = {}.hasOwnProperty;
|
|
1639
|
+
var typePropName = "__EMOTION_TYPE_PLEASE_DO_NOT_USE__";
|
|
1640
|
+
var createEmotionProps = function createEmotionProps2(type, props) {
|
|
1641
|
+
var newProps = {};
|
|
1642
|
+
for (var _key in props) {
|
|
1643
|
+
if (hasOwn.call(props, _key)) {
|
|
1644
|
+
newProps[_key] = props[_key];
|
|
1645
|
+
}
|
|
1646
|
+
}
|
|
1647
|
+
newProps[typePropName] = type;
|
|
1648
|
+
return newProps;
|
|
1649
|
+
};
|
|
1650
|
+
var Insertion = function Insertion2(_ref) {
|
|
1651
|
+
var cache = _ref.cache, serialized = _ref.serialized, isStringTag = _ref.isStringTag;
|
|
1652
|
+
registerStyles(cache, serialized, isStringTag);
|
|
1653
|
+
var rules = useInsertionEffectAlwaysWithSyncFallback(function() {
|
|
1654
|
+
return insertStyles(cache, serialized, isStringTag);
|
|
1655
|
+
});
|
|
1656
|
+
if (!isBrowser4 && rules !== void 0) {
|
|
1657
|
+
var _ref2;
|
|
1658
|
+
var serializedNames = serialized.name;
|
|
1659
|
+
var next2 = serialized.next;
|
|
1660
|
+
while (next2 !== void 0) {
|
|
1661
|
+
serializedNames += " " + next2.name;
|
|
1662
|
+
next2 = next2.next;
|
|
1663
|
+
}
|
|
1664
|
+
return /* @__PURE__ */ React2__namespace.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
|
|
1665
|
+
__html: rules
|
|
1666
|
+
}, _ref2.nonce = cache.sheet.nonce, _ref2));
|
|
1667
|
+
}
|
|
1668
|
+
return null;
|
|
1669
|
+
};
|
|
1670
|
+
var Emotion = /* @__PURE__ */ withEmotionCache(function(props, cache, ref) {
|
|
1671
|
+
var cssProp = props.css;
|
|
1672
|
+
if (typeof cssProp === "string" && cache.registered[cssProp] !== void 0) {
|
|
1673
|
+
cssProp = cache.registered[cssProp];
|
|
1674
|
+
}
|
|
1675
|
+
var WrappedComponent = props[typePropName];
|
|
1676
|
+
var registeredStyles = [cssProp];
|
|
1677
|
+
var className = "";
|
|
1678
|
+
if (typeof props.className === "string") {
|
|
1679
|
+
className = getRegisteredStyles(cache.registered, registeredStyles, props.className);
|
|
1680
|
+
} else if (props.className != null) {
|
|
1681
|
+
className = props.className + " ";
|
|
1682
|
+
}
|
|
1683
|
+
var serialized = serializeStyles(registeredStyles, void 0, React2__namespace.useContext(ThemeContext));
|
|
1684
|
+
className += cache.key + "-" + serialized.name;
|
|
1685
|
+
var newProps = {};
|
|
1686
|
+
for (var _key2 in props) {
|
|
1687
|
+
if (hasOwn.call(props, _key2) && _key2 !== "css" && _key2 !== typePropName && true) {
|
|
1688
|
+
newProps[_key2] = props[_key2];
|
|
1689
|
+
}
|
|
1690
|
+
}
|
|
1691
|
+
newProps.className = className;
|
|
1692
|
+
if (ref) {
|
|
1693
|
+
newProps.ref = ref;
|
|
1694
|
+
}
|
|
1695
|
+
return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(Insertion, {
|
|
1696
|
+
cache,
|
|
1697
|
+
serialized,
|
|
1698
|
+
isStringTag: typeof WrappedComponent === "string"
|
|
1699
|
+
}), /* @__PURE__ */ React2__namespace.createElement(WrappedComponent, newProps));
|
|
1700
|
+
});
|
|
1701
|
+
var Emotion$1 = Emotion;
|
|
1702
|
+
__toESM(require_extends());
|
|
1703
|
+
__toESM(require_hoist_non_react_statics_cjs());
|
|
1704
|
+
var jsx = function jsx2(type, props) {
|
|
1705
|
+
var args = arguments;
|
|
1706
|
+
if (props == null || !hasOwn.call(props, "css")) {
|
|
1707
|
+
return React2__namespace.createElement.apply(void 0, args);
|
|
1708
|
+
}
|
|
1709
|
+
var argsLength = args.length;
|
|
1710
|
+
var createElementArgArray = new Array(argsLength);
|
|
1711
|
+
createElementArgArray[0] = Emotion$1;
|
|
1712
|
+
createElementArgArray[1] = createEmotionProps(type, props);
|
|
1713
|
+
for (var i = 2; i < argsLength; i++) {
|
|
1714
|
+
createElementArgArray[i] = args[i];
|
|
1715
|
+
}
|
|
1716
|
+
return React2__namespace.createElement.apply(null, createElementArgArray);
|
|
1717
|
+
};
|
|
1718
|
+
(function(_jsx) {
|
|
1719
|
+
var JSX;
|
|
1720
|
+
/* @__PURE__ */ (function(_JSX) {
|
|
1721
|
+
})(JSX || (JSX = _jsx.JSX || (_jsx.JSX = {})));
|
|
1722
|
+
})(jsx || (jsx = {}));
|
|
1723
|
+
function css() {
|
|
1724
|
+
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
1725
|
+
args[_key] = arguments[_key];
|
|
1726
|
+
}
|
|
1727
|
+
return serializeStyles(args);
|
|
1728
|
+
}
|
|
1729
|
+
function keyframes() {
|
|
1730
|
+
var insertable = css.apply(void 0, arguments);
|
|
1731
|
+
var name = "animation-" + insertable.name;
|
|
1732
|
+
return {
|
|
1733
|
+
name,
|
|
1734
|
+
styles: "@keyframes " + name + "{" + insertable.styles + "}",
|
|
1735
|
+
anim: 1,
|
|
1736
|
+
toString: function toString() {
|
|
1737
|
+
return "_EMO_" + this.name + "_" + this.styles + "_EMO_";
|
|
1738
|
+
}
|
|
1739
|
+
};
|
|
1740
|
+
}
|
|
1741
|
+
|
|
1742
|
+
// ../node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js
|
|
1743
|
+
var reactPropsRegex = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|popover|popoverTarget|popoverTargetAction|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/;
|
|
1744
|
+
var isPropValid = /* @__PURE__ */ memoize(
|
|
1745
|
+
function(prop) {
|
|
1746
|
+
return reactPropsRegex.test(prop) || prop.charCodeAt(0) === 111 && prop.charCodeAt(1) === 110 && prop.charCodeAt(2) < 91;
|
|
1747
|
+
}
|
|
1748
|
+
/* Z+1 */
|
|
1749
|
+
);
|
|
1750
|
+
|
|
1751
|
+
// ../node_modules/@emotion/styled/base/dist/emotion-styled-base.esm.js
|
|
1752
|
+
var isBrowser5 = typeof document !== "undefined";
|
|
1753
|
+
var testOmitPropsOnStringTag = isPropValid;
|
|
1754
|
+
var testOmitPropsOnComponent = function testOmitPropsOnComponent2(key) {
|
|
1755
|
+
return key !== "theme";
|
|
1756
|
+
};
|
|
1757
|
+
var getDefaultShouldForwardProp = function getDefaultShouldForwardProp2(tag) {
|
|
1758
|
+
return typeof tag === "string" && // 96 is one less than the char code
|
|
1759
|
+
// for "a" so this is checking that
|
|
1760
|
+
// it's a lowercase character
|
|
1761
|
+
tag.charCodeAt(0) > 96 ? testOmitPropsOnStringTag : testOmitPropsOnComponent;
|
|
1762
|
+
};
|
|
1763
|
+
var composeShouldForwardProps = function composeShouldForwardProps2(tag, options, isReal) {
|
|
1764
|
+
var shouldForwardProp;
|
|
1765
|
+
if (options) {
|
|
1766
|
+
var optionsShouldForwardProp = options.shouldForwardProp;
|
|
1767
|
+
shouldForwardProp = tag.__emotion_forwardProp && optionsShouldForwardProp ? function(propName) {
|
|
1768
|
+
return tag.__emotion_forwardProp(propName) && optionsShouldForwardProp(propName);
|
|
1769
|
+
} : optionsShouldForwardProp;
|
|
1770
|
+
}
|
|
1771
|
+
if (typeof shouldForwardProp !== "function" && isReal) {
|
|
1772
|
+
shouldForwardProp = tag.__emotion_forwardProp;
|
|
1773
|
+
}
|
|
1774
|
+
return shouldForwardProp;
|
|
1775
|
+
};
|
|
1776
|
+
var Insertion3 = function Insertion4(_ref) {
|
|
1777
|
+
var cache = _ref.cache, serialized = _ref.serialized, isStringTag = _ref.isStringTag;
|
|
1778
|
+
registerStyles(cache, serialized, isStringTag);
|
|
1779
|
+
var rules = useInsertionEffectAlwaysWithSyncFallback(function() {
|
|
1780
|
+
return insertStyles(cache, serialized, isStringTag);
|
|
1781
|
+
});
|
|
1782
|
+
if (!isBrowser5 && rules !== void 0) {
|
|
1783
|
+
var _ref2;
|
|
1784
|
+
var serializedNames = serialized.name;
|
|
1785
|
+
var next2 = serialized.next;
|
|
1786
|
+
while (next2 !== void 0) {
|
|
1787
|
+
serializedNames += " " + next2.name;
|
|
1788
|
+
next2 = next2.next;
|
|
1789
|
+
}
|
|
1790
|
+
return /* @__PURE__ */ React2__namespace.createElement("style", (_ref2 = {}, _ref2["data-emotion"] = cache.key + " " + serializedNames, _ref2.dangerouslySetInnerHTML = {
|
|
1791
|
+
__html: rules
|
|
1792
|
+
}, _ref2.nonce = cache.sheet.nonce, _ref2));
|
|
1793
|
+
}
|
|
1794
|
+
return null;
|
|
1795
|
+
};
|
|
1796
|
+
var createStyled = function createStyled2(tag, options) {
|
|
1797
|
+
var isReal = tag.__emotion_real === tag;
|
|
1798
|
+
var baseTag = isReal && tag.__emotion_base || tag;
|
|
1799
|
+
var identifierName;
|
|
1800
|
+
var targetClassName;
|
|
1801
|
+
if (options !== void 0) {
|
|
1802
|
+
identifierName = options.label;
|
|
1803
|
+
targetClassName = options.target;
|
|
1804
|
+
}
|
|
1805
|
+
var shouldForwardProp = composeShouldForwardProps(tag, options, isReal);
|
|
1806
|
+
var defaultShouldForwardProp = shouldForwardProp || getDefaultShouldForwardProp(baseTag);
|
|
1807
|
+
var shouldUseAs = !defaultShouldForwardProp("as");
|
|
1808
|
+
return function() {
|
|
1809
|
+
var args = arguments;
|
|
1810
|
+
var styles = isReal && tag.__emotion_styles !== void 0 ? tag.__emotion_styles.slice(0) : [];
|
|
1811
|
+
if (identifierName !== void 0) {
|
|
1812
|
+
styles.push("label:" + identifierName + ";");
|
|
1813
|
+
}
|
|
1814
|
+
if (args[0] == null || args[0].raw === void 0) {
|
|
1815
|
+
styles.push.apply(styles, args);
|
|
1816
|
+
} else {
|
|
1817
|
+
var templateStringsArr = args[0];
|
|
1818
|
+
styles.push(templateStringsArr[0]);
|
|
1819
|
+
var len = args.length;
|
|
1820
|
+
var i = 1;
|
|
1821
|
+
for (; i < len; i++) {
|
|
1822
|
+
styles.push(args[i], templateStringsArr[i]);
|
|
1823
|
+
}
|
|
1824
|
+
}
|
|
1825
|
+
var Styled = withEmotionCache(function(props, cache, ref) {
|
|
1826
|
+
var FinalTag = shouldUseAs && props.as || baseTag;
|
|
1827
|
+
var className = "";
|
|
1828
|
+
var classInterpolations = [];
|
|
1829
|
+
var mergedProps = props;
|
|
1830
|
+
if (props.theme == null) {
|
|
1831
|
+
mergedProps = {};
|
|
1832
|
+
for (var key in props) {
|
|
1833
|
+
mergedProps[key] = props[key];
|
|
1834
|
+
}
|
|
1835
|
+
mergedProps.theme = React2__namespace.useContext(ThemeContext);
|
|
1836
|
+
}
|
|
1837
|
+
if (typeof props.className === "string") {
|
|
1838
|
+
className = getRegisteredStyles(cache.registered, classInterpolations, props.className);
|
|
1839
|
+
} else if (props.className != null) {
|
|
1840
|
+
className = props.className + " ";
|
|
1841
|
+
}
|
|
1842
|
+
var serialized = serializeStyles(styles.concat(classInterpolations), cache.registered, mergedProps);
|
|
1843
|
+
className += cache.key + "-" + serialized.name;
|
|
1844
|
+
if (targetClassName !== void 0) {
|
|
1845
|
+
className += " " + targetClassName;
|
|
1846
|
+
}
|
|
1847
|
+
var finalShouldForwardProp = shouldUseAs && shouldForwardProp === void 0 ? getDefaultShouldForwardProp(FinalTag) : defaultShouldForwardProp;
|
|
1848
|
+
var newProps = {};
|
|
1849
|
+
for (var _key in props) {
|
|
1850
|
+
if (shouldUseAs && _key === "as") continue;
|
|
1851
|
+
if (finalShouldForwardProp(_key)) {
|
|
1852
|
+
newProps[_key] = props[_key];
|
|
1853
|
+
}
|
|
1854
|
+
}
|
|
1855
|
+
newProps.className = className;
|
|
1856
|
+
if (ref) {
|
|
1857
|
+
newProps.ref = ref;
|
|
1858
|
+
}
|
|
1859
|
+
return /* @__PURE__ */ React2__namespace.createElement(React2__namespace.Fragment, null, /* @__PURE__ */ React2__namespace.createElement(Insertion3, {
|
|
1860
|
+
cache,
|
|
1861
|
+
serialized,
|
|
1862
|
+
isStringTag: typeof FinalTag === "string"
|
|
1863
|
+
}), /* @__PURE__ */ React2__namespace.createElement(FinalTag, newProps));
|
|
1864
|
+
});
|
|
1865
|
+
Styled.displayName = identifierName !== void 0 ? identifierName : "Styled(" + (typeof baseTag === "string" ? baseTag : baseTag.displayName || baseTag.name || "Component") + ")";
|
|
1866
|
+
Styled.defaultProps = tag.defaultProps;
|
|
1867
|
+
Styled.__emotion_real = Styled;
|
|
1868
|
+
Styled.__emotion_base = baseTag;
|
|
1869
|
+
Styled.__emotion_styles = styles;
|
|
1870
|
+
Styled.__emotion_forwardProp = shouldForwardProp;
|
|
1871
|
+
Object.defineProperty(Styled, "toString", {
|
|
1872
|
+
value: function value() {
|
|
1873
|
+
return "." + targetClassName;
|
|
1874
|
+
}
|
|
1875
|
+
});
|
|
1876
|
+
Styled.withComponent = function(nextTag, nextOptions) {
|
|
1877
|
+
var newStyled = createStyled2(nextTag, _extends({}, options, nextOptions, {
|
|
1878
|
+
shouldForwardProp: composeShouldForwardProps(Styled, nextOptions, true)
|
|
1879
|
+
}));
|
|
1880
|
+
return newStyled.apply(void 0, styles);
|
|
1881
|
+
};
|
|
1882
|
+
return Styled;
|
|
1883
|
+
};
|
|
1884
|
+
};
|
|
1885
|
+
|
|
1886
|
+
// ../node_modules/@emotion/styled/dist/emotion-styled.esm.js
|
|
1887
|
+
__toESM(require_extends());
|
|
1888
|
+
var tags = [
|
|
1889
|
+
"a",
|
|
1890
|
+
"abbr",
|
|
1891
|
+
"address",
|
|
1892
|
+
"area",
|
|
1893
|
+
"article",
|
|
1894
|
+
"aside",
|
|
1895
|
+
"audio",
|
|
1896
|
+
"b",
|
|
1897
|
+
"base",
|
|
1898
|
+
"bdi",
|
|
1899
|
+
"bdo",
|
|
1900
|
+
"big",
|
|
1901
|
+
"blockquote",
|
|
1902
|
+
"body",
|
|
1903
|
+
"br",
|
|
1904
|
+
"button",
|
|
1905
|
+
"canvas",
|
|
1906
|
+
"caption",
|
|
1907
|
+
"cite",
|
|
1908
|
+
"code",
|
|
1909
|
+
"col",
|
|
1910
|
+
"colgroup",
|
|
1911
|
+
"data",
|
|
1912
|
+
"datalist",
|
|
1913
|
+
"dd",
|
|
1914
|
+
"del",
|
|
1915
|
+
"details",
|
|
1916
|
+
"dfn",
|
|
1917
|
+
"dialog",
|
|
1918
|
+
"div",
|
|
1919
|
+
"dl",
|
|
1920
|
+
"dt",
|
|
1921
|
+
"em",
|
|
1922
|
+
"embed",
|
|
1923
|
+
"fieldset",
|
|
1924
|
+
"figcaption",
|
|
1925
|
+
"figure",
|
|
1926
|
+
"footer",
|
|
1927
|
+
"form",
|
|
1928
|
+
"h1",
|
|
1929
|
+
"h2",
|
|
1930
|
+
"h3",
|
|
1931
|
+
"h4",
|
|
1932
|
+
"h5",
|
|
1933
|
+
"h6",
|
|
1934
|
+
"head",
|
|
1935
|
+
"header",
|
|
1936
|
+
"hgroup",
|
|
1937
|
+
"hr",
|
|
1938
|
+
"html",
|
|
1939
|
+
"i",
|
|
1940
|
+
"iframe",
|
|
1941
|
+
"img",
|
|
1942
|
+
"input",
|
|
1943
|
+
"ins",
|
|
1944
|
+
"kbd",
|
|
1945
|
+
"keygen",
|
|
1946
|
+
"label",
|
|
1947
|
+
"legend",
|
|
1948
|
+
"li",
|
|
1949
|
+
"link",
|
|
1950
|
+
"main",
|
|
1951
|
+
"map",
|
|
1952
|
+
"mark",
|
|
1953
|
+
"marquee",
|
|
1954
|
+
"menu",
|
|
1955
|
+
"menuitem",
|
|
1956
|
+
"meta",
|
|
1957
|
+
"meter",
|
|
1958
|
+
"nav",
|
|
1959
|
+
"noscript",
|
|
1960
|
+
"object",
|
|
1961
|
+
"ol",
|
|
1962
|
+
"optgroup",
|
|
1963
|
+
"option",
|
|
1964
|
+
"output",
|
|
1965
|
+
"p",
|
|
1966
|
+
"param",
|
|
1967
|
+
"picture",
|
|
1968
|
+
"pre",
|
|
1969
|
+
"progress",
|
|
1970
|
+
"q",
|
|
1971
|
+
"rp",
|
|
1972
|
+
"rt",
|
|
1973
|
+
"ruby",
|
|
1974
|
+
"s",
|
|
1975
|
+
"samp",
|
|
1976
|
+
"script",
|
|
1977
|
+
"section",
|
|
1978
|
+
"select",
|
|
1979
|
+
"small",
|
|
1980
|
+
"source",
|
|
1981
|
+
"span",
|
|
1982
|
+
"strong",
|
|
1983
|
+
"style",
|
|
1984
|
+
"sub",
|
|
1985
|
+
"summary",
|
|
1986
|
+
"sup",
|
|
1987
|
+
"table",
|
|
1988
|
+
"tbody",
|
|
1989
|
+
"td",
|
|
1990
|
+
"textarea",
|
|
1991
|
+
"tfoot",
|
|
1992
|
+
"th",
|
|
1993
|
+
"thead",
|
|
1994
|
+
"time",
|
|
1995
|
+
"title",
|
|
1996
|
+
"tr",
|
|
1997
|
+
"track",
|
|
1998
|
+
"u",
|
|
1999
|
+
"ul",
|
|
2000
|
+
"var",
|
|
2001
|
+
"video",
|
|
2002
|
+
"wbr",
|
|
2003
|
+
// SVG
|
|
2004
|
+
"circle",
|
|
2005
|
+
"clipPath",
|
|
2006
|
+
"defs",
|
|
2007
|
+
"ellipse",
|
|
2008
|
+
"foreignObject",
|
|
2009
|
+
"g",
|
|
2010
|
+
"image",
|
|
2011
|
+
"line",
|
|
2012
|
+
"linearGradient",
|
|
2013
|
+
"mask",
|
|
2014
|
+
"path",
|
|
2015
|
+
"pattern",
|
|
2016
|
+
"polygon",
|
|
2017
|
+
"polyline",
|
|
2018
|
+
"radialGradient",
|
|
2019
|
+
"rect",
|
|
2020
|
+
"stop",
|
|
2021
|
+
"svg",
|
|
2022
|
+
"text",
|
|
2023
|
+
"tspan"
|
|
2024
|
+
];
|
|
2025
|
+
var styled = createStyled.bind(null);
|
|
2026
|
+
tags.forEach(function(tagName) {
|
|
2027
|
+
styled[tagName] = styled(tagName);
|
|
2028
|
+
});
|
|
17
2029
|
|
|
18
2030
|
// src/styles/theme.ts
|
|
19
2031
|
var theme = {
|
|
@@ -123,7 +2135,7 @@ var theme = {
|
|
|
123
2135
|
// 32px
|
|
124
2136
|
}
|
|
125
2137
|
};
|
|
126
|
-
var
|
|
2138
|
+
var keyframes2 = {
|
|
127
2139
|
spin: `
|
|
128
2140
|
from {
|
|
129
2141
|
transform: rotate(0deg);
|
|
@@ -135,15 +2147,15 @@ var keyframes = {
|
|
|
135
2147
|
};
|
|
136
2148
|
|
|
137
2149
|
// src/components/atoms/styled.ts
|
|
138
|
-
var spinAnimation =
|
|
139
|
-
var AuthContainerWrapper =
|
|
2150
|
+
var spinAnimation = keyframes`${keyframes2.spin}`;
|
|
2151
|
+
var AuthContainerWrapper = styled.div`
|
|
140
2152
|
width: 100%;
|
|
141
2153
|
max-width: 400px;
|
|
142
2154
|
border-radius: ${theme.radius.xl};
|
|
143
2155
|
overflow: hidden;
|
|
144
2156
|
box-shadow: ${theme.shadow.lg};
|
|
145
2157
|
`;
|
|
146
|
-
var AuthCard =
|
|
2158
|
+
var AuthCard = styled.div`
|
|
147
2159
|
background-color: ${theme.colors.bgWhite};
|
|
148
2160
|
padding: ${theme.spacing[6]};
|
|
149
2161
|
display: flex;
|
|
@@ -152,14 +2164,14 @@ var AuthCard = styled__default.default.div`
|
|
|
152
2164
|
align-items: stretch;
|
|
153
2165
|
gap: ${theme.spacing[6]};
|
|
154
2166
|
`;
|
|
155
|
-
var AuthHeaderWrapper =
|
|
2167
|
+
var AuthHeaderWrapper = styled.div`
|
|
156
2168
|
display: flex;
|
|
157
2169
|
flex-direction: column;
|
|
158
2170
|
justify-content: flex-start;
|
|
159
2171
|
align-items: flex-start;
|
|
160
2172
|
gap: ${theme.spacing[2]};
|
|
161
2173
|
`;
|
|
162
|
-
var AuthHeaderTitle =
|
|
2174
|
+
var AuthHeaderTitle = styled.h1`
|
|
163
2175
|
font-size: ${theme.fontSize["2xl"]};
|
|
164
2176
|
font-weight: ${theme.fontWeight.semibold};
|
|
165
2177
|
color: ${theme.colors.text};
|
|
@@ -167,7 +2179,7 @@ var AuthHeaderTitle = styled__default.default.h1`
|
|
|
167
2179
|
margin: 0;
|
|
168
2180
|
font-family: ${theme.fontFamily.base};
|
|
169
2181
|
`;
|
|
170
|
-
var AuthHeaderSubtitle =
|
|
2182
|
+
var AuthHeaderSubtitle = styled.p`
|
|
171
2183
|
font-size: ${theme.fontSize.sm};
|
|
172
2184
|
font-weight: ${theme.fontWeight.normal};
|
|
173
2185
|
color: ${theme.colors.textSecondary};
|
|
@@ -175,21 +2187,21 @@ var AuthHeaderSubtitle = styled__default.default.p`
|
|
|
175
2187
|
margin: 0;
|
|
176
2188
|
font-family: ${theme.fontFamily.base};
|
|
177
2189
|
`;
|
|
178
|
-
var FormFieldWrapper =
|
|
2190
|
+
var FormFieldWrapper = styled.div`
|
|
179
2191
|
display: flex;
|
|
180
2192
|
flex-direction: column;
|
|
181
2193
|
justify-content: center;
|
|
182
2194
|
align-items: stretch;
|
|
183
2195
|
gap: ${theme.spacing[1]};
|
|
184
2196
|
`;
|
|
185
|
-
var FormFieldLabel =
|
|
2197
|
+
var FormFieldLabel = styled.label`
|
|
186
2198
|
font-size: ${theme.fontSize.sm};
|
|
187
2199
|
font-weight: ${theme.fontWeight.normal};
|
|
188
2200
|
color: ${theme.colors.text};
|
|
189
2201
|
line-height: ${theme.lineHeight.relaxed};
|
|
190
2202
|
font-family: ${theme.fontFamily.base};
|
|
191
2203
|
`;
|
|
192
|
-
var FormFieldInput =
|
|
2204
|
+
var FormFieldInput = styled.input`
|
|
193
2205
|
width: 100%;
|
|
194
2206
|
display: flex;
|
|
195
2207
|
align-items: center;
|
|
@@ -217,26 +2229,26 @@ var FormFieldInput = styled__default.default.input`
|
|
|
217
2229
|
border-color: ${theme.colors.borderFocus};
|
|
218
2230
|
}
|
|
219
2231
|
`;
|
|
220
|
-
var PasswordFieldWrapper =
|
|
2232
|
+
var PasswordFieldWrapper = styled.div`
|
|
221
2233
|
display: flex;
|
|
222
2234
|
flex-direction: column;
|
|
223
2235
|
justify-content: center;
|
|
224
2236
|
align-items: stretch;
|
|
225
2237
|
gap: ${theme.spacing[1]};
|
|
226
2238
|
`;
|
|
227
|
-
var PasswordFieldLabelRow =
|
|
2239
|
+
var PasswordFieldLabelRow = styled.div`
|
|
228
2240
|
display: flex;
|
|
229
2241
|
justify-content: space-between;
|
|
230
2242
|
align-items: center;
|
|
231
2243
|
`;
|
|
232
|
-
var PasswordFieldLabel =
|
|
2244
|
+
var PasswordFieldLabel = styled.label`
|
|
233
2245
|
font-size: ${theme.fontSize.sm};
|
|
234
2246
|
font-weight: ${theme.fontWeight.normal};
|
|
235
2247
|
color: ${theme.colors.text};
|
|
236
2248
|
line-height: ${theme.lineHeight.relaxed};
|
|
237
2249
|
font-family: ${theme.fontFamily.base};
|
|
238
2250
|
`;
|
|
239
|
-
var PasswordFieldForgotLink =
|
|
2251
|
+
var PasswordFieldForgotLink = styled.a`
|
|
240
2252
|
font-size: ${theme.fontSize.sm};
|
|
241
2253
|
font-weight: ${theme.fontWeight.normal};
|
|
242
2254
|
color: ${theme.colors.textSecondary};
|
|
@@ -245,11 +2257,11 @@ var PasswordFieldForgotLink = styled__default.default.a`
|
|
|
245
2257
|
font-family: ${theme.fontFamily.base};
|
|
246
2258
|
cursor: pointer;
|
|
247
2259
|
`;
|
|
248
|
-
var PasswordFieldInputWrapper =
|
|
2260
|
+
var PasswordFieldInputWrapper = styled.div`
|
|
249
2261
|
position: relative;
|
|
250
2262
|
width: 100%;
|
|
251
2263
|
`;
|
|
252
|
-
var PasswordFieldInput =
|
|
2264
|
+
var PasswordFieldInput = styled.input`
|
|
253
2265
|
width: 100%;
|
|
254
2266
|
display: flex;
|
|
255
2267
|
align-items: center;
|
|
@@ -275,7 +2287,7 @@ var PasswordFieldInput = styled__default.default.input`
|
|
|
275
2287
|
border-color: ${theme.colors.borderFocus};
|
|
276
2288
|
}
|
|
277
2289
|
`;
|
|
278
|
-
var PasswordFieldToggleButton =
|
|
2290
|
+
var PasswordFieldToggleButton = styled.button`
|
|
279
2291
|
position: absolute;
|
|
280
2292
|
right: ${theme.spacing[1]};
|
|
281
2293
|
top: 50%;
|
|
@@ -290,7 +2302,7 @@ var PasswordFieldToggleButton = styled__default.default.button`
|
|
|
290
2302
|
color: ${theme.colors.textSecondary};
|
|
291
2303
|
transition: color ${theme.transition.fast};
|
|
292
2304
|
`;
|
|
293
|
-
var SubmitButton =
|
|
2305
|
+
var SubmitButton = styled.button`
|
|
294
2306
|
border-radius: ${theme.radius.sm};
|
|
295
2307
|
background-color: ${theme.colors.primary};
|
|
296
2308
|
height: ${theme.sizes.button.height};
|
|
@@ -320,7 +2332,7 @@ var SubmitButton = styled__default.default.button`
|
|
|
320
2332
|
cursor: not-allowed;
|
|
321
2333
|
}
|
|
322
2334
|
`;
|
|
323
|
-
var SubmitButtonIcon =
|
|
2335
|
+
var SubmitButtonIcon = styled.div`
|
|
324
2336
|
width: ${theme.sizes.icon};
|
|
325
2337
|
height: ${theme.sizes.icon};
|
|
326
2338
|
display: flex;
|
|
@@ -332,7 +2344,7 @@ var SubmitButtonIcon = styled__default.default.div`
|
|
|
332
2344
|
height: 100%;
|
|
333
2345
|
}
|
|
334
2346
|
`;
|
|
335
|
-
var SubmitButtonSpinner =
|
|
2347
|
+
var SubmitButtonSpinner = styled.div`
|
|
336
2348
|
width: ${theme.sizes.icon};
|
|
337
2349
|
height: ${theme.sizes.icon};
|
|
338
2350
|
display: flex;
|
|
@@ -345,7 +2357,7 @@ var SubmitButtonSpinner = styled__default.default.div`
|
|
|
345
2357
|
height: 100%;
|
|
346
2358
|
}
|
|
347
2359
|
`;
|
|
348
|
-
var OAuthButton =
|
|
2360
|
+
var OAuthButton = styled.button`
|
|
349
2361
|
display: flex;
|
|
350
2362
|
width: 100%;
|
|
351
2363
|
height: ${theme.sizes.button.heightOAuth};
|
|
@@ -377,7 +2389,7 @@ var OAuthButton = styled__default.default.button`
|
|
|
377
2389
|
cursor: not-allowed;
|
|
378
2390
|
}
|
|
379
2391
|
`;
|
|
380
|
-
var OAuthButtonIcon =
|
|
2392
|
+
var OAuthButtonIcon = styled.div`
|
|
381
2393
|
display: flex;
|
|
382
2394
|
align-items: center;
|
|
383
2395
|
justify-content: center;
|
|
@@ -390,13 +2402,13 @@ var OAuthButtonIcon = styled__default.default.div`
|
|
|
390
2402
|
height: 100%;
|
|
391
2403
|
}
|
|
392
2404
|
`;
|
|
393
|
-
var OAuthProvidersContainer =
|
|
2405
|
+
var OAuthProvidersContainer = styled.div`
|
|
394
2406
|
display: flex;
|
|
395
2407
|
flex-direction: column;
|
|
396
2408
|
gap: ${theme.spacing[3]};
|
|
397
2409
|
width: 100%;
|
|
398
2410
|
`;
|
|
399
|
-
var AuthLinkWrapper =
|
|
2411
|
+
var AuthLinkWrapper = styled.div`
|
|
400
2412
|
display: flex;
|
|
401
2413
|
justify-content: center;
|
|
402
2414
|
align-items: center;
|
|
@@ -405,45 +2417,45 @@ var AuthLinkWrapper = styled__default.default.div`
|
|
|
405
2417
|
color: ${theme.colors.textSecondary};
|
|
406
2418
|
font-family: ${theme.fontFamily.base};
|
|
407
2419
|
`;
|
|
408
|
-
var AuthLinkText =
|
|
2420
|
+
var AuthLinkText = styled.span`
|
|
409
2421
|
font-weight: ${theme.fontWeight.normal};
|
|
410
2422
|
`;
|
|
411
|
-
var AuthLinkLink =
|
|
2423
|
+
var AuthLinkLink = styled.a`
|
|
412
2424
|
font-weight: ${theme.fontWeight.semibold};
|
|
413
2425
|
color: ${theme.colors.text};
|
|
414
2426
|
text-decoration: none;
|
|
415
2427
|
transition: opacity ${theme.transition.fast};
|
|
416
2428
|
cursor: pointer;
|
|
417
2429
|
`;
|
|
418
|
-
var AuthDividerWrapper =
|
|
2430
|
+
var AuthDividerWrapper = styled.div`
|
|
419
2431
|
display: flex;
|
|
420
2432
|
align-items: center;
|
|
421
2433
|
text-align: center;
|
|
422
2434
|
width: 100%;
|
|
423
2435
|
gap: ${theme.spacing[3]};
|
|
424
2436
|
`;
|
|
425
|
-
var AuthDividerLine =
|
|
2437
|
+
var AuthDividerLine = styled.div`
|
|
426
2438
|
flex: 1;
|
|
427
2439
|
border-top: 1px solid ${theme.colors.border};
|
|
428
2440
|
`;
|
|
429
|
-
var AuthDividerText =
|
|
2441
|
+
var AuthDividerText = styled.span`
|
|
430
2442
|
font-size: ${theme.fontSize.sm};
|
|
431
2443
|
color: ${theme.colors.textSecondary};
|
|
432
2444
|
font-weight: ${theme.fontWeight.normal};
|
|
433
2445
|
font-family: ${theme.fontFamily.manrope};
|
|
434
2446
|
`;
|
|
435
|
-
var ErrorBannerWrapper =
|
|
2447
|
+
var ErrorBannerWrapper = styled.div`
|
|
436
2448
|
padding: ${theme.spacing[3]};
|
|
437
2449
|
background-color: ${theme.colors.errorBg};
|
|
438
2450
|
border-radius: ${theme.radius.md};
|
|
439
2451
|
border: 1px solid ${theme.colors.error};
|
|
440
2452
|
`;
|
|
441
|
-
var ErrorBannerContent =
|
|
2453
|
+
var ErrorBannerContent = styled.div`
|
|
442
2454
|
display: flex;
|
|
443
2455
|
align-items: center;
|
|
444
2456
|
gap: ${theme.spacing[2]};
|
|
445
2457
|
`;
|
|
446
|
-
var ErrorBannerIcon =
|
|
2458
|
+
var ErrorBannerIcon = styled.div`
|
|
447
2459
|
width: ${theme.sizes.iconLg};
|
|
448
2460
|
height: ${theme.sizes.iconLg};
|
|
449
2461
|
flex-shrink: 0;
|
|
@@ -457,14 +2469,14 @@ var ErrorBannerIcon = styled__default.default.div`
|
|
|
457
2469
|
height: 100%;
|
|
458
2470
|
}
|
|
459
2471
|
`;
|
|
460
|
-
var ErrorBannerText =
|
|
2472
|
+
var ErrorBannerText = styled.p`
|
|
461
2473
|
font-size: ${theme.fontSize.sm};
|
|
462
2474
|
color: ${theme.colors.error};
|
|
463
2475
|
font-weight: ${theme.fontWeight.normal};
|
|
464
2476
|
font-family: ${theme.fontFamily.base};
|
|
465
2477
|
margin: 0;
|
|
466
2478
|
`;
|
|
467
|
-
var AuthBrandingWrapper =
|
|
2479
|
+
var AuthBrandingWrapper = styled.div`
|
|
468
2480
|
background-color: ${theme.colors.bgLight};
|
|
469
2481
|
padding: ${theme.spacing[4]} ${theme.spacing[2]};
|
|
470
2482
|
display: flex;
|
|
@@ -473,19 +2485,19 @@ var AuthBrandingWrapper = styled__default.default.div`
|
|
|
473
2485
|
align-items: center;
|
|
474
2486
|
gap: ${theme.spacing[1]};
|
|
475
2487
|
`;
|
|
476
|
-
var AuthBrandingText =
|
|
2488
|
+
var AuthBrandingText = styled.p`
|
|
477
2489
|
font-size: ${theme.fontSize.xs};
|
|
478
2490
|
font-weight: ${theme.fontWeight.medium};
|
|
479
2491
|
color: ${theme.colors.text};
|
|
480
2492
|
font-family: ${theme.fontFamily.manrope};
|
|
481
2493
|
margin: 0;
|
|
482
2494
|
`;
|
|
483
|
-
var VerificationCodeInputContainer =
|
|
2495
|
+
var VerificationCodeInputContainer = styled.div`
|
|
484
2496
|
display: flex;
|
|
485
2497
|
gap: ${theme.spacing[3]};
|
|
486
2498
|
justify-content: center;
|
|
487
2499
|
`;
|
|
488
|
-
var VerificationCodeInput =
|
|
2500
|
+
var VerificationCodeInput = styled.input`
|
|
489
2501
|
width: ${theme.sizes.verifyCode};
|
|
490
2502
|
height: ${theme.sizes.verifyCode};
|
|
491
2503
|
text-align: center;
|
|
@@ -501,21 +2513,21 @@ var VerificationCodeInput = styled__default.default.input`
|
|
|
501
2513
|
border-color: ${theme.colors.borderFocus};
|
|
502
2514
|
}
|
|
503
2515
|
`;
|
|
504
|
-
var PasswordStrengthWrapper =
|
|
2516
|
+
var PasswordStrengthWrapper = styled.div`
|
|
505
2517
|
margin-top: ${theme.spacing[2]};
|
|
506
2518
|
`;
|
|
507
|
-
|
|
2519
|
+
styled.div`
|
|
508
2520
|
height: 100%;
|
|
509
2521
|
transition:
|
|
510
2522
|
width ${theme.transition.base},
|
|
511
2523
|
background-color ${theme.transition.base};
|
|
512
2524
|
`;
|
|
513
|
-
|
|
2525
|
+
styled.span`
|
|
514
2526
|
font-size: ${theme.fontSize.xs};
|
|
515
2527
|
color: ${theme.colors.textSecondary};
|
|
516
2528
|
font-family: ${theme.fontFamily.base};
|
|
517
2529
|
`;
|
|
518
|
-
var PasswordStrengthRequirements =
|
|
2530
|
+
var PasswordStrengthRequirements = styled.div`
|
|
519
2531
|
display: flex;
|
|
520
2532
|
flex-direction: column;
|
|
521
2533
|
gap: ${theme.spacing[2]};
|
|
@@ -523,7 +2535,7 @@ var PasswordStrengthRequirements = styled__default.default.div`
|
|
|
523
2535
|
color: ${theme.colors.textGray};
|
|
524
2536
|
font-family: ${theme.fontFamily.base};
|
|
525
2537
|
`;
|
|
526
|
-
var PasswordStrengthRequirement =
|
|
2538
|
+
var PasswordStrengthRequirement = styled.div`
|
|
527
2539
|
display: flex;
|
|
528
2540
|
align-items: center;
|
|
529
2541
|
gap: ${theme.spacing[2]};
|
|
@@ -625,9 +2637,9 @@ function AuthFormField({ label, id, ...props }) {
|
|
|
625
2637
|
/* @__PURE__ */ jsxRuntime.jsx(FormFieldInput, { id, ...props })
|
|
626
2638
|
] });
|
|
627
2639
|
}
|
|
628
|
-
var NavigationContext =
|
|
2640
|
+
var NavigationContext = React2.createContext(null);
|
|
629
2641
|
function useNavigationAdapter() {
|
|
630
|
-
const adapter =
|
|
2642
|
+
const adapter = React2.useContext(NavigationContext);
|
|
631
2643
|
if (!adapter) {
|
|
632
2644
|
return {
|
|
633
2645
|
useSearchParams: () => new URLSearchParams(),
|
|
@@ -737,9 +2749,9 @@ function AuthPasswordField({
|
|
|
737
2749
|
}) {
|
|
738
2750
|
const searchParams = useSearchParams();
|
|
739
2751
|
const { Link } = useNavigationAdapter();
|
|
740
|
-
const [showPassword, setShowPassword] =
|
|
741
|
-
const [showStrength, setShowStrength] =
|
|
742
|
-
const resolvedForgotPasswordHref =
|
|
2752
|
+
const [showPassword, setShowPassword] = React2.useState(false);
|
|
2753
|
+
const [showStrength, setShowStrength] = React2.useState(false);
|
|
2754
|
+
const resolvedForgotPasswordHref = React2.useMemo(
|
|
743
2755
|
() => forgotPasswordLink ? resolveAuthUrl(forgotPasswordLink.href, searchParams) : void 0,
|
|
744
2756
|
[forgotPasswordLink, searchParams]
|
|
745
2757
|
);
|
|
@@ -1059,13 +3071,13 @@ function AuthOAuthProviders({
|
|
|
1059
3071
|
);
|
|
1060
3072
|
}
|
|
1061
3073
|
function AuthVerificationCodeInput({
|
|
1062
|
-
length = 6,
|
|
3074
|
+
length: length2 = 6,
|
|
1063
3075
|
value,
|
|
1064
3076
|
onChange,
|
|
1065
3077
|
disabled = false,
|
|
1066
3078
|
onComplete
|
|
1067
3079
|
}) {
|
|
1068
|
-
const inputRefs =
|
|
3080
|
+
const inputRefs = React2.useRef([]);
|
|
1069
3081
|
const handleChange = (index, digit) => {
|
|
1070
3082
|
if (digit.length > 1) {
|
|
1071
3083
|
return;
|
|
@@ -1077,10 +3089,10 @@ function AuthVerificationCodeInput({
|
|
|
1077
3089
|
newValue[index] = digit;
|
|
1078
3090
|
const updatedValue = newValue.join("");
|
|
1079
3091
|
onChange(updatedValue);
|
|
1080
|
-
if (digit && index <
|
|
3092
|
+
if (digit && index < length2 - 1) {
|
|
1081
3093
|
inputRefs.current[index + 1]?.focus();
|
|
1082
3094
|
}
|
|
1083
|
-
if (digit && index ===
|
|
3095
|
+
if (digit && index === length2 - 1 && updatedValue.length === length2 && onComplete) {
|
|
1084
3096
|
onComplete(updatedValue);
|
|
1085
3097
|
}
|
|
1086
3098
|
};
|
|
@@ -1093,22 +3105,22 @@ function AuthVerificationCodeInput({
|
|
|
1093
3105
|
}
|
|
1094
3106
|
} else if (e.key === "ArrowLeft" && index > 0) {
|
|
1095
3107
|
inputRefs.current[index - 1]?.focus();
|
|
1096
|
-
} else if (e.key === "ArrowRight" && index <
|
|
3108
|
+
} else if (e.key === "ArrowRight" && index < length2 - 1) {
|
|
1097
3109
|
inputRefs.current[index + 1]?.focus();
|
|
1098
3110
|
}
|
|
1099
3111
|
};
|
|
1100
3112
|
const handlePaste = (e) => {
|
|
1101
3113
|
e.preventDefault();
|
|
1102
3114
|
const pastedData = e.clipboardData.getData("text/plain").trim();
|
|
1103
|
-
if (/^\d+$/.test(pastedData) && pastedData.length ===
|
|
3115
|
+
if (/^\d+$/.test(pastedData) && pastedData.length === length2) {
|
|
1104
3116
|
onChange(pastedData);
|
|
1105
|
-
inputRefs.current[
|
|
3117
|
+
inputRefs.current[length2 - 1]?.focus();
|
|
1106
3118
|
if (onComplete) {
|
|
1107
3119
|
onComplete(pastedData);
|
|
1108
3120
|
}
|
|
1109
3121
|
}
|
|
1110
3122
|
};
|
|
1111
|
-
return /* @__PURE__ */ jsxRuntime.jsx(VerificationCodeInputContainer, { children: Array.from({ length }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
3123
|
+
return /* @__PURE__ */ jsxRuntime.jsx(VerificationCodeInputContainer, { children: Array.from({ length: length2 }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
1112
3124
|
VerificationCodeInput,
|
|
1113
3125
|
{
|
|
1114
3126
|
ref: (el) => {
|
|
@@ -1128,7 +3140,7 @@ function AuthVerificationCodeInput({
|
|
|
1128
3140
|
)) });
|
|
1129
3141
|
}
|
|
1130
3142
|
function useInsforge() {
|
|
1131
|
-
const context =
|
|
3143
|
+
const context = React2.useContext(react.InsforgeContext);
|
|
1132
3144
|
if (!context) {
|
|
1133
3145
|
return {
|
|
1134
3146
|
user: void 0,
|
|
@@ -1155,20 +3167,22 @@ function useInsforge() {
|
|
|
1155
3167
|
}
|
|
1156
3168
|
return context;
|
|
1157
3169
|
}
|
|
1158
|
-
|
|
3170
|
+
|
|
3171
|
+
// src/components/forms/styled.ts
|
|
3172
|
+
styled.form`
|
|
1159
3173
|
display: flex;
|
|
1160
3174
|
flex-direction: column;
|
|
1161
3175
|
align-items: stretch;
|
|
1162
3176
|
justify-content: center;
|
|
1163
3177
|
gap: ${theme.spacing[6]};
|
|
1164
3178
|
`;
|
|
1165
|
-
var VerificationStepWrapper =
|
|
3179
|
+
var VerificationStepWrapper = styled.div`
|
|
1166
3180
|
display: flex;
|
|
1167
3181
|
flex-direction: column;
|
|
1168
3182
|
gap: ${theme.spacing[6]};
|
|
1169
3183
|
align-items: stretch;
|
|
1170
3184
|
`;
|
|
1171
|
-
var VerificationStepDescriptionContainer =
|
|
3185
|
+
var VerificationStepDescriptionContainer = styled.div`
|
|
1172
3186
|
width: 100%;
|
|
1173
3187
|
background-color: ${theme.colors.bgGray};
|
|
1174
3188
|
border-radius: ${theme.radius.lg};
|
|
@@ -1177,7 +3191,7 @@ var VerificationStepDescriptionContainer = styled__default.default.div`
|
|
|
1177
3191
|
flex-direction: column;
|
|
1178
3192
|
gap: ${theme.spacing[3]};
|
|
1179
3193
|
`;
|
|
1180
|
-
var VerificationStepDescriptionTitle =
|
|
3194
|
+
var VerificationStepDescriptionTitle = styled.h3`
|
|
1181
3195
|
color: ${theme.colors.black};
|
|
1182
3196
|
font-family: ${theme.fontFamily.base};
|
|
1183
3197
|
font-size: ${theme.fontSize.base};
|
|
@@ -1186,43 +3200,43 @@ var VerificationStepDescriptionTitle = styled__default.default.h3`
|
|
|
1186
3200
|
line-height: 24px;
|
|
1187
3201
|
margin: 0;
|
|
1188
3202
|
`;
|
|
1189
|
-
var VerificationStepDescription =
|
|
3203
|
+
var VerificationStepDescription = styled.p`
|
|
1190
3204
|
font-size: ${theme.fontSize.sm};
|
|
1191
3205
|
color: ${theme.colors.textGray};
|
|
1192
3206
|
text-align: left;
|
|
1193
3207
|
font-family: ${theme.fontFamily.base};
|
|
1194
3208
|
margin: 0;
|
|
1195
3209
|
`;
|
|
1196
|
-
var VerificationEmail =
|
|
3210
|
+
var VerificationEmail = styled.span`
|
|
1197
3211
|
font-weight: ${theme.fontWeight.medium};
|
|
1198
3212
|
color: ${theme.colors.text};
|
|
1199
3213
|
`;
|
|
1200
|
-
var VerificationStepCodeContainer =
|
|
3214
|
+
var VerificationStepCodeContainer = styled.div`
|
|
1201
3215
|
width: 100%;
|
|
1202
3216
|
display: flex;
|
|
1203
3217
|
flex-direction: column;
|
|
1204
3218
|
gap: ${theme.spacing[10]};
|
|
1205
3219
|
`;
|
|
1206
|
-
var VerificationStepCodeInputWrapper =
|
|
3220
|
+
var VerificationStepCodeInputWrapper = styled.div`
|
|
1207
3221
|
display: flex;
|
|
1208
3222
|
flex-direction: column;
|
|
1209
3223
|
gap: ${theme.spacing[6]};
|
|
1210
3224
|
`;
|
|
1211
|
-
|
|
3225
|
+
styled.p`
|
|
1212
3226
|
font-size: ${theme.fontSize.sm};
|
|
1213
3227
|
color: ${theme.colors.textSecondary};
|
|
1214
3228
|
text-align: center;
|
|
1215
3229
|
font-family: ${theme.fontFamily.base};
|
|
1216
3230
|
margin: 0;
|
|
1217
3231
|
`;
|
|
1218
|
-
var VerificationStepResendContainer =
|
|
3232
|
+
var VerificationStepResendContainer = styled.div`
|
|
1219
3233
|
width: 100%;
|
|
1220
3234
|
font-size: ${theme.fontSize.sm};
|
|
1221
3235
|
text-align: center;
|
|
1222
3236
|
color: ${theme.colors.textSecondary};
|
|
1223
3237
|
font-family: ${theme.fontFamily.base};
|
|
1224
3238
|
`;
|
|
1225
|
-
var VerificationStepResendButton =
|
|
3239
|
+
var VerificationStepResendButton = styled.button`
|
|
1226
3240
|
color: ${theme.colors.text};
|
|
1227
3241
|
font-weight: ${theme.fontWeight.medium};
|
|
1228
3242
|
transition: all ${theme.transition.base};
|
|
@@ -1241,7 +3255,7 @@ var VerificationStepResendButton = styled__default.default.button`
|
|
|
1241
3255
|
opacity: 0.5;
|
|
1242
3256
|
}
|
|
1243
3257
|
`;
|
|
1244
|
-
|
|
3258
|
+
styled.div`
|
|
1245
3259
|
width: 100%;
|
|
1246
3260
|
display: flex;
|
|
1247
3261
|
flex-direction: column;
|
|
@@ -1249,19 +3263,19 @@ styled__default.default.div`
|
|
|
1249
3263
|
justify-content: center;
|
|
1250
3264
|
gap: ${theme.spacing[6]};
|
|
1251
3265
|
`;
|
|
1252
|
-
|
|
3266
|
+
styled.div`
|
|
1253
3267
|
border-radius: ${theme.radius.full};
|
|
1254
3268
|
height: ${theme.sizes.verifyCode};
|
|
1255
3269
|
width: ${theme.sizes.verifyCode};
|
|
1256
3270
|
border-bottom: 2px solid ${theme.colors.primary};
|
|
1257
3271
|
`;
|
|
1258
|
-
|
|
3272
|
+
styled.div`
|
|
1259
3273
|
display: flex;
|
|
1260
3274
|
flex-direction: column;
|
|
1261
3275
|
align-items: center;
|
|
1262
3276
|
gap: ${theme.spacing[4]};
|
|
1263
3277
|
`;
|
|
1264
|
-
|
|
3278
|
+
styled.div`
|
|
1265
3279
|
width: ${theme.sizes.verifyIcon};
|
|
1266
3280
|
height: ${theme.sizes.verifyIcon};
|
|
1267
3281
|
border-radius: ${theme.radius.full};
|
|
@@ -1270,7 +3284,7 @@ styled__default.default.div`
|
|
|
1270
3284
|
align-items: center;
|
|
1271
3285
|
justify-content: center;
|
|
1272
3286
|
`;
|
|
1273
|
-
|
|
3287
|
+
styled.div`
|
|
1274
3288
|
width: ${theme.sizes.verifyIconInner};
|
|
1275
3289
|
height: ${theme.sizes.verifyIconInner};
|
|
1276
3290
|
color: ${theme.colors.successDark};
|
|
@@ -1283,17 +3297,17 @@ styled__default.default.div`
|
|
|
1283
3297
|
height: 100%;
|
|
1284
3298
|
}
|
|
1285
3299
|
`;
|
|
1286
|
-
|
|
3300
|
+
styled.p`
|
|
1287
3301
|
text-align: center;
|
|
1288
3302
|
font-family: ${theme.fontFamily.base};
|
|
1289
3303
|
font-size: ${theme.fontSize.sm};
|
|
1290
3304
|
color: ${theme.colors.text};
|
|
1291
3305
|
margin: 0;
|
|
1292
3306
|
`;
|
|
1293
|
-
|
|
3307
|
+
styled.div`
|
|
1294
3308
|
display: none;
|
|
1295
3309
|
`;
|
|
1296
|
-
|
|
3310
|
+
styled.span`
|
|
1297
3311
|
position: absolute;
|
|
1298
3312
|
width: 1px;
|
|
1299
3313
|
height: 1px;
|
|
@@ -1311,22 +3325,22 @@ function AuthEmailVerificationStep({
|
|
|
1311
3325
|
emailSent = false
|
|
1312
3326
|
}) {
|
|
1313
3327
|
const { sendVerificationEmail } = useInsforge();
|
|
1314
|
-
const [resendDisabled, setResendDisabled] =
|
|
1315
|
-
const [resendCountdown, setResendCountdown] =
|
|
1316
|
-
const [isSending, setIsSending] =
|
|
1317
|
-
const [verificationCode, setVerificationCode] =
|
|
1318
|
-
const [isVerifying, setIsVerifying] =
|
|
3328
|
+
const [resendDisabled, setResendDisabled] = React2.useState(emailSent ? true : false);
|
|
3329
|
+
const [resendCountdown, setResendCountdown] = React2.useState(emailSent ? 60 : 0);
|
|
3330
|
+
const [isSending, setIsSending] = React2.useState(false);
|
|
3331
|
+
const [verificationCode, setVerificationCode] = React2.useState("");
|
|
3332
|
+
const [isVerifying, setIsVerifying] = React2.useState(false);
|
|
1319
3333
|
const isLinkMethod = method === "link";
|
|
1320
3334
|
const displayDescription = isLinkMethod ? "We've sent an email to {email}. Please check your email to confirm your account before signing in. The confirmation link expires in 10 minutes." : "We've sent a verification code to your inbox at {email}. Enter it below to proceed.";
|
|
1321
|
-
|
|
3335
|
+
React2.useEffect(() => {
|
|
1322
3336
|
if (resendDisabled && resendCountdown > 0) {
|
|
1323
3337
|
const timer = setInterval(() => {
|
|
1324
|
-
setResendCountdown((
|
|
1325
|
-
if (
|
|
3338
|
+
setResendCountdown((prev2) => {
|
|
3339
|
+
if (prev2 <= 1) {
|
|
1326
3340
|
setResendDisabled(false);
|
|
1327
3341
|
return 0;
|
|
1328
3342
|
}
|
|
1329
|
-
return
|
|
3343
|
+
return prev2 - 1;
|
|
1330
3344
|
});
|
|
1331
3345
|
}, 1e3);
|
|
1332
3346
|
return () => clearInterval(timer);
|
|
@@ -1415,28 +3429,28 @@ function AuthResetPasswordVerificationStep({
|
|
|
1415
3429
|
onVerifyCode,
|
|
1416
3430
|
onResendEmail
|
|
1417
3431
|
}) {
|
|
1418
|
-
const [resendDisabled, setResendDisabled] =
|
|
1419
|
-
const [resendCountdown, setResendCountdown] =
|
|
1420
|
-
const [isSending, setIsSending] =
|
|
1421
|
-
const [verificationCode, setVerificationCode] =
|
|
1422
|
-
const [isVerifying, setIsVerifying] =
|
|
3432
|
+
const [resendDisabled, setResendDisabled] = React2.useState(true);
|
|
3433
|
+
const [resendCountdown, setResendCountdown] = React2.useState(60);
|
|
3434
|
+
const [isSending, setIsSending] = React2.useState(false);
|
|
3435
|
+
const [verificationCode, setVerificationCode] = React2.useState("");
|
|
3436
|
+
const [isVerifying, setIsVerifying] = React2.useState(false);
|
|
1423
3437
|
const isLinkMethod = method === "link";
|
|
1424
3438
|
const displayDescription = isLinkMethod ? "We have sent an email to {email}. Please check your email to reset your password. The link expires in 10 minutes." : "We've sent a reset password code to your inbox at {email}. Enter it below to proceed.";
|
|
1425
|
-
|
|
3439
|
+
React2.useEffect(() => {
|
|
1426
3440
|
if (resendCountdown > 0) {
|
|
1427
3441
|
const timer = setInterval(() => {
|
|
1428
|
-
setResendCountdown((
|
|
1429
|
-
if (
|
|
3442
|
+
setResendCountdown((prev2) => {
|
|
3443
|
+
if (prev2 <= 1) {
|
|
1430
3444
|
setResendDisabled(false);
|
|
1431
3445
|
return 0;
|
|
1432
3446
|
}
|
|
1433
|
-
return
|
|
3447
|
+
return prev2 - 1;
|
|
1434
3448
|
});
|
|
1435
3449
|
}, 1e3);
|
|
1436
3450
|
return () => clearInterval(timer);
|
|
1437
3451
|
}
|
|
1438
3452
|
}, [resendCountdown]);
|
|
1439
|
-
const handleResend =
|
|
3453
|
+
const handleResend = React2.useCallback(async () => {
|
|
1440
3454
|
setResendDisabled(true);
|
|
1441
3455
|
setResendCountdown(60);
|
|
1442
3456
|
setIsSending(true);
|
|
@@ -1507,6 +3521,28 @@ function AuthResetPasswordVerificationStep({
|
|
|
1507
3521
|
] })
|
|
1508
3522
|
] });
|
|
1509
3523
|
}
|
|
3524
|
+
/*! Bundled license information:
|
|
3525
|
+
|
|
3526
|
+
react-is/cjs/react-is.production.min.js:
|
|
3527
|
+
(** @license React v16.13.1
|
|
3528
|
+
* react-is.production.min.js
|
|
3529
|
+
*
|
|
3530
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
3531
|
+
*
|
|
3532
|
+
* This source code is licensed under the MIT license found in the
|
|
3533
|
+
* LICENSE file in the root directory of this source tree.
|
|
3534
|
+
*)
|
|
3535
|
+
|
|
3536
|
+
react-is/cjs/react-is.development.js:
|
|
3537
|
+
(** @license React v16.13.1
|
|
3538
|
+
* react-is.development.js
|
|
3539
|
+
*
|
|
3540
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
3541
|
+
*
|
|
3542
|
+
* This source code is licensed under the MIT license found in the
|
|
3543
|
+
* LICENSE file in the root directory of this source tree.
|
|
3544
|
+
*)
|
|
3545
|
+
*/
|
|
1510
3546
|
|
|
1511
3547
|
exports.AuthBranding = AuthBranding;
|
|
1512
3548
|
exports.AuthContainer = AuthContainer;
|