@magic-ext/magic-widget 1.0.0-canary.979.21264948221.0 → 1.0.0-canary.979.21272990365.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +419 -330
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/hooks/useMediaQuery.d.ts +1 -0
- package/dist/es/index.mjs +420 -331
- package/dist/es/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +3 -3
package/dist/es/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import React__default, { forwardRef, useMemo, createElement, useRef, useCallback,
|
|
3
|
+
import React__default, { forwardRef, useMemo, createElement, useState, useRef, useCallback, useContext, useEffect, useReducer, createContext, Children, cloneElement, useLayoutEffect, useImperativeHandle, isValidElement } from 'react';
|
|
4
4
|
import $4AOtR$reactdom, { flushSync } from 'react-dom';
|
|
5
5
|
import { useConnect, useAccount, useDisconnect, useSignMessage, useChainId, WagmiProvider } from 'wagmi';
|
|
6
6
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
@@ -3250,36 +3250,6 @@ token.var = tokenVar;
|
|
|
3250
3250
|
*/
|
|
3251
3251
|
const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== 'undefined' ? (React__default).useLayoutEffect : ()=>{};
|
|
3252
3252
|
|
|
3253
|
-
/*
|
|
3254
|
-
* Copyright 2023 Adobe. All rights reserved.
|
|
3255
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
3256
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
3257
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
3258
|
-
*
|
|
3259
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
3260
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
3261
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
3262
|
-
* governing permissions and limitations under the License.
|
|
3263
|
-
*/
|
|
3264
|
-
|
|
3265
|
-
var $8ae05eaa5c114e9c$var$_React_useInsertionEffect;
|
|
3266
|
-
// Use the earliest effect type possible. useInsertionEffect runs during the mutation phase,
|
|
3267
|
-
// before all layout effects, but is available only in React 18 and later.
|
|
3268
|
-
const $8ae05eaa5c114e9c$var$useEarlyEffect = ($8ae05eaa5c114e9c$var$_React_useInsertionEffect = (React__default)['useInsertionEffect']) !== null && $8ae05eaa5c114e9c$var$_React_useInsertionEffect !== void 0 ? $8ae05eaa5c114e9c$var$_React_useInsertionEffect : ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c);
|
|
3269
|
-
function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
|
|
3270
|
-
const ref = (useRef)(null);
|
|
3271
|
-
$8ae05eaa5c114e9c$var$useEarlyEffect(()=>{
|
|
3272
|
-
ref.current = fn;
|
|
3273
|
-
}, [
|
|
3274
|
-
fn
|
|
3275
|
-
]);
|
|
3276
|
-
// @ts-ignore
|
|
3277
|
-
return (useCallback)((...args)=>{
|
|
3278
|
-
const f = ref.current;
|
|
3279
|
-
return f === null || f === void 0 ? void 0 : f(...args);
|
|
3280
|
-
}, []);
|
|
3281
|
-
}
|
|
3282
|
-
|
|
3283
3253
|
/*
|
|
3284
3254
|
* Copyright 2020 Adobe. All rights reserved.
|
|
3285
3255
|
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
@@ -3294,10 +3264,13 @@ function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
|
|
|
3294
3264
|
|
|
3295
3265
|
function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
|
|
3296
3266
|
let [value, setValue] = (useState)(defaultValue);
|
|
3267
|
+
// Keep an up to date copy of value in a ref so we can access the current value in the generator.
|
|
3268
|
+
// This allows us to maintain a stable queue function.
|
|
3269
|
+
let currValue = (useRef)(value);
|
|
3297
3270
|
let effect = (useRef)(null);
|
|
3298
3271
|
// Store the function in a ref so we can always access the current version
|
|
3299
3272
|
// which has the proper `value` in scope.
|
|
3300
|
-
let nextRef = (
|
|
3273
|
+
let nextRef = (useRef)(()=>{
|
|
3301
3274
|
if (!effect.current) return;
|
|
3302
3275
|
// Run the generator to the next yield.
|
|
3303
3276
|
let newValue = effect.current.next();
|
|
@@ -3309,17 +3282,20 @@ function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
|
|
|
3309
3282
|
// If the value is the same as the current value,
|
|
3310
3283
|
// then continue to the next yield. Otherwise,
|
|
3311
3284
|
// set the value in state and wait for the next layout effect.
|
|
3312
|
-
if (
|
|
3285
|
+
if (currValue.current === newValue.value) nextRef.current();
|
|
3313
3286
|
else setValue(newValue.value);
|
|
3314
3287
|
});
|
|
3315
3288
|
($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
|
|
3289
|
+
currValue.current = value;
|
|
3316
3290
|
// If there is an effect currently running, continue to the next yield.
|
|
3317
|
-
if (effect.current) nextRef();
|
|
3318
|
-
});
|
|
3319
|
-
let queue = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((fn)=>{
|
|
3320
|
-
effect.current = fn(value);
|
|
3321
|
-
nextRef();
|
|
3291
|
+
if (effect.current) nextRef.current();
|
|
3322
3292
|
});
|
|
3293
|
+
let queue = (useCallback)((fn)=>{
|
|
3294
|
+
effect.current = fn(currValue.current);
|
|
3295
|
+
nextRef.current();
|
|
3296
|
+
}, [
|
|
3297
|
+
nextRef
|
|
3298
|
+
]);
|
|
3323
3299
|
return [
|
|
3324
3300
|
value,
|
|
3325
3301
|
queue
|
|
@@ -3778,7 +3754,7 @@ function $dfc540311bf7f109$export$4d0f8be8b12a7ef6(doc, root, whatToShow, filter
|
|
|
3778
3754
|
return doc.createTreeWalker(root, whatToShow, filter);
|
|
3779
3755
|
}
|
|
3780
3756
|
|
|
3781
|
-
function r$
|
|
3757
|
+
function r$8(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r$8(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r$8(e))&&(n&&(n+=" "),n+=t);return n}
|
|
3782
3758
|
|
|
3783
3759
|
/*
|
|
3784
3760
|
* Copyright 2020 Adobe. All rights reserved.
|
|
@@ -3891,7 +3867,7 @@ const $65484d02dcb7eb3e$var$propRe = /^(data-.*)$/;
|
|
|
3891
3867
|
function $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, opts = {}) {
|
|
3892
3868
|
let { labelable: labelable, isLink: isLink, global: global, events: events = global, propNames: propNames } = opts;
|
|
3893
3869
|
let filteredProps = {};
|
|
3894
|
-
for(const prop in props)if (Object.prototype.hasOwnProperty.call(props, prop) && ($65484d02dcb7eb3e$var$DOMPropNames.has(prop) || labelable && $65484d02dcb7eb3e$var$labelablePropNames.has(prop) || isLink && $65484d02dcb7eb3e$var$linkPropNames.has(prop) || global && $65484d02dcb7eb3e$var$globalAttrs.has(prop) || events && $65484d02dcb7eb3e$var$globalEvents.has(prop) || prop.endsWith('Capture') && $65484d02dcb7eb3e$var$globalEvents.has(prop.slice(0, -7)) || (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop)) || $65484d02dcb7eb3e$var$propRe.test(prop))) filteredProps[prop] = props[prop];
|
|
3870
|
+
for(const prop in props)if (Object.prototype.hasOwnProperty.call(props, prop) && ($65484d02dcb7eb3e$var$DOMPropNames.has(prop) || labelable && $65484d02dcb7eb3e$var$labelablePropNames.has(prop) || isLink && $65484d02dcb7eb3e$var$linkPropNames.has(prop) || global && $65484d02dcb7eb3e$var$globalAttrs.has(prop) || events && ($65484d02dcb7eb3e$var$globalEvents.has(prop) || prop.endsWith('Capture') && $65484d02dcb7eb3e$var$globalEvents.has(prop.slice(0, -7))) || (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop)) || $65484d02dcb7eb3e$var$propRe.test(prop))) filteredProps[prop] = props[prop];
|
|
3895
3871
|
return filteredProps;
|
|
3896
3872
|
}
|
|
3897
3873
|
|
|
@@ -4040,6 +4016,7 @@ function $ea8dcbcb9ea1b556$export$95185d699e05d4d7(target, modifiers, setOpening
|
|
|
4040
4016
|
ctrlKey: ctrlKey,
|
|
4041
4017
|
altKey: altKey,
|
|
4042
4018
|
shiftKey: shiftKey,
|
|
4019
|
+
detail: 1,
|
|
4043
4020
|
bubbles: true,
|
|
4044
4021
|
cancelable: true
|
|
4045
4022
|
});
|
|
@@ -4221,23 +4198,56 @@ function $313b98861ee5dd6c$export$d6875122194c7b44(props, defaultLabel) {
|
|
|
4221
4198
|
};
|
|
4222
4199
|
}
|
|
4223
4200
|
|
|
4201
|
+
/*
|
|
4202
|
+
* Copyright 2023 Adobe. All rights reserved.
|
|
4203
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
4204
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
4205
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
4206
|
+
*
|
|
4207
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
4208
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
4209
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
4210
|
+
* governing permissions and limitations under the License.
|
|
4211
|
+
*/
|
|
4212
|
+
|
|
4213
|
+
var $8ae05eaa5c114e9c$var$_React_useInsertionEffect;
|
|
4214
|
+
// Use the earliest effect type possible. useInsertionEffect runs during the mutation phase,
|
|
4215
|
+
// before all layout effects, but is available only in React 18 and later.
|
|
4216
|
+
const $8ae05eaa5c114e9c$var$useEarlyEffect = ($8ae05eaa5c114e9c$var$_React_useInsertionEffect = (React__default)['useInsertionEffect']) !== null && $8ae05eaa5c114e9c$var$_React_useInsertionEffect !== void 0 ? $8ae05eaa5c114e9c$var$_React_useInsertionEffect : ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c);
|
|
4217
|
+
function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
|
|
4218
|
+
const ref = (useRef)(null);
|
|
4219
|
+
$8ae05eaa5c114e9c$var$useEarlyEffect(()=>{
|
|
4220
|
+
ref.current = fn;
|
|
4221
|
+
}, [
|
|
4222
|
+
fn
|
|
4223
|
+
]);
|
|
4224
|
+
// @ts-ignore
|
|
4225
|
+
return (useCallback)((...args)=>{
|
|
4226
|
+
const f = ref.current;
|
|
4227
|
+
return f === null || f === void 0 ? void 0 : f(...args);
|
|
4228
|
+
}, []);
|
|
4229
|
+
}
|
|
4230
|
+
|
|
4224
4231
|
function $9daab02d461809db$var$hasResizeObserver() {
|
|
4225
4232
|
return typeof window.ResizeObserver !== 'undefined';
|
|
4226
4233
|
}
|
|
4227
4234
|
function $9daab02d461809db$export$683480f191c0e3ea(options) {
|
|
4235
|
+
// Only call onResize from inside the effect, otherwise we'll void our assumption that
|
|
4236
|
+
// useEffectEvents are safe to pass in.
|
|
4228
4237
|
const { ref: ref, box: box, onResize: onResize } = options;
|
|
4238
|
+
let onResizeEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(onResize);
|
|
4229
4239
|
(useEffect)(()=>{
|
|
4230
4240
|
let element = ref === null || ref === void 0 ? void 0 : ref.current;
|
|
4231
4241
|
if (!element) return;
|
|
4232
4242
|
if (!$9daab02d461809db$var$hasResizeObserver()) {
|
|
4233
|
-
window.addEventListener('resize',
|
|
4243
|
+
window.addEventListener('resize', onResizeEvent, false);
|
|
4234
4244
|
return ()=>{
|
|
4235
|
-
window.removeEventListener('resize',
|
|
4245
|
+
window.removeEventListener('resize', onResizeEvent, false);
|
|
4236
4246
|
};
|
|
4237
4247
|
} else {
|
|
4238
4248
|
const resizeObserverInstance = new window.ResizeObserver((entries)=>{
|
|
4239
4249
|
if (!entries.length) return;
|
|
4240
|
-
|
|
4250
|
+
onResizeEvent();
|
|
4241
4251
|
});
|
|
4242
4252
|
resizeObserverInstance.observe(element, {
|
|
4243
4253
|
box: box
|
|
@@ -4247,7 +4257,6 @@ function $9daab02d461809db$export$683480f191c0e3ea(options) {
|
|
|
4247
4257
|
};
|
|
4248
4258
|
}
|
|
4249
4259
|
}, [
|
|
4250
|
-
onResize,
|
|
4251
4260
|
ref,
|
|
4252
4261
|
box
|
|
4253
4262
|
]);
|
|
@@ -4381,8 +4390,7 @@ function $99facab73266f662$export$5add1d006293d136(ref, initialValue, onReset) {
|
|
|
4381
4390
|
form === null || form === void 0 ? void 0 : form.removeEventListener('reset', handleReset);
|
|
4382
4391
|
};
|
|
4383
4392
|
}, [
|
|
4384
|
-
ref
|
|
4385
|
-
handleReset
|
|
4393
|
+
ref
|
|
4386
4394
|
]);
|
|
4387
4395
|
}
|
|
4388
4396
|
|
|
@@ -4477,8 +4485,14 @@ function $b4b717babfbb907b$var$isInert(element) {
|
|
|
4477
4485
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
4478
4486
|
* governing permissions and limitations under the License.
|
|
4479
4487
|
*/
|
|
4488
|
+
var $458b0a5536c1a7cf$var$_React_useInsertionEffect;
|
|
4489
|
+
// Use the earliest effect possible to reset the ref below.
|
|
4490
|
+
const $458b0a5536c1a7cf$var$useEarlyEffect = typeof document !== 'undefined' ? ($458b0a5536c1a7cf$var$_React_useInsertionEffect = (React__default)['useInsertionEffect']) !== null && $458b0a5536c1a7cf$var$_React_useInsertionEffect !== void 0 ? $458b0a5536c1a7cf$var$_React_useInsertionEffect : (React__default).useLayoutEffect : ()=>{};
|
|
4480
4491
|
function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange) {
|
|
4492
|
+
// Store the value in both state and a ref. The state value will only be used when uncontrolled.
|
|
4493
|
+
// The ref is used to track the most current value, which is passed to the function setState callback.
|
|
4481
4494
|
let [stateValue, setStateValue] = (useState)(value || defaultValue);
|
|
4495
|
+
let valueRef = (useRef)(stateValue);
|
|
4482
4496
|
let isControlledRef = (useRef)(value !== undefined);
|
|
4483
4497
|
let isControlled = value !== undefined;
|
|
4484
4498
|
(useEffect)(()=>{
|
|
@@ -4488,40 +4502,28 @@ function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange
|
|
|
4488
4502
|
}, [
|
|
4489
4503
|
isControlled
|
|
4490
4504
|
]);
|
|
4505
|
+
// After each render, update the ref to the current value.
|
|
4506
|
+
// This ensures that the setState callback argument is reset.
|
|
4507
|
+
// Note: the effect should not have any dependencies so that controlled values always reset.
|
|
4491
4508
|
let currentValue = isControlled ? value : stateValue;
|
|
4509
|
+
$458b0a5536c1a7cf$var$useEarlyEffect(()=>{
|
|
4510
|
+
valueRef.current = currentValue;
|
|
4511
|
+
});
|
|
4512
|
+
let [, forceUpdate] = (useReducer)(()=>({}), {});
|
|
4492
4513
|
let setValue = (useCallback)((value, ...args)=>{
|
|
4493
|
-
|
|
4494
|
-
|
|
4495
|
-
|
|
4496
|
-
|
|
4497
|
-
|
|
4498
|
-
|
|
4499
|
-
//
|
|
4500
|
-
|
|
4501
|
-
//
|
|
4502
|
-
|
|
4503
|
-
|
|
4504
|
-
if (typeof value === 'function') {
|
|
4505
|
-
if (process.env.NODE_ENV !== 'production') console.warn('We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320');
|
|
4506
|
-
// this supports functional updates https://reactjs.org/docs/hooks-reference.html#functional-updates
|
|
4507
|
-
// when someone using useControlledState calls setControlledState(myFunc)
|
|
4508
|
-
// this will call our useState setState with a function as well which invokes myFunc and calls onChange with the value from myFunc
|
|
4509
|
-
// if we're in an uncontrolled state, then we also return the value of myFunc which to setState looks as though it was just called with myFunc from the beginning
|
|
4510
|
-
// otherwise we just return the controlled value, which won't cause a rerender because React knows to bail out when the value is the same
|
|
4511
|
-
let updateFunction = (oldValue, ...functionArgs)=>{
|
|
4512
|
-
let interceptedValue = value(isControlled ? currentValue : oldValue, ...functionArgs);
|
|
4513
|
-
onChangeCaller(interceptedValue, ...args);
|
|
4514
|
-
if (!isControlled) return interceptedValue;
|
|
4515
|
-
return oldValue;
|
|
4516
|
-
};
|
|
4517
|
-
setStateValue(updateFunction);
|
|
4518
|
-
} else {
|
|
4519
|
-
if (!isControlled) setStateValue(value);
|
|
4520
|
-
onChangeCaller(value, ...args);
|
|
4514
|
+
// @ts-ignore - TS doesn't know that T cannot be a function.
|
|
4515
|
+
let newValue = typeof value === 'function' ? value(valueRef.current) : value;
|
|
4516
|
+
if (!Object.is(valueRef.current, newValue)) {
|
|
4517
|
+
// Update the ref so that the next setState callback has the most recent value.
|
|
4518
|
+
valueRef.current = newValue;
|
|
4519
|
+
setStateValue(newValue);
|
|
4520
|
+
// Always trigger a re-render, even when controlled, so that the layout effect above runs to reset the value.
|
|
4521
|
+
forceUpdate();
|
|
4522
|
+
// Trigger onChange. Note that if setState is called multiple times in a single event,
|
|
4523
|
+
// onChange will be called for each one instead of only once.
|
|
4524
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(newValue, ...args);
|
|
4521
4525
|
}
|
|
4522
4526
|
}, [
|
|
4523
|
-
isControlled,
|
|
4524
|
-
currentValue,
|
|
4525
4527
|
onChange
|
|
4526
4528
|
]);
|
|
4527
4529
|
return [
|
|
@@ -4591,9 +4593,6 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
|
|
|
4591
4593
|
}
|
|
4592
4594
|
};
|
|
4593
4595
|
}, []);
|
|
4594
|
-
let dispatchBlur = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((e)=>{
|
|
4595
|
-
onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
|
|
4596
|
-
});
|
|
4597
4596
|
// This function is called during a React onFocus event.
|
|
4598
4597
|
return (useCallback)((e)=>{
|
|
4599
4598
|
// React does not fire onBlur when an element is disabled. https://github.com/facebook/react/issues/9142
|
|
@@ -4608,7 +4607,7 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
|
|
|
4608
4607
|
if (target.disabled) {
|
|
4609
4608
|
// For backward compatibility, dispatch a (fake) React synthetic event.
|
|
4610
4609
|
let event = $8a9cb279dc87e130$export$525bc4921d56d4a(e);
|
|
4611
|
-
|
|
4610
|
+
onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
|
|
4612
4611
|
}
|
|
4613
4612
|
// We no longer need the MutationObserver once the target is blurred.
|
|
4614
4613
|
if (stateRef.current.observer) {
|
|
@@ -4641,7 +4640,7 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
|
|
|
4641
4640
|
});
|
|
4642
4641
|
}
|
|
4643
4642
|
}, [
|
|
4644
|
-
|
|
4643
|
+
onBlur
|
|
4645
4644
|
]);
|
|
4646
4645
|
}
|
|
4647
4646
|
let $8a9cb279dc87e130$export$fda7da73ab5d4c48 = false;
|
|
@@ -4921,8 +4920,8 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
4921
4920
|
pointerType: null,
|
|
4922
4921
|
disposables: []
|
|
4923
4922
|
});
|
|
4924
|
-
let { addGlobalListener: addGlobalListener, removeAllGlobalListeners: removeAllGlobalListeners } = ($03deb23ff14920c4$export$4eaf04e54aa8eed6)();
|
|
4925
|
-
let triggerPressStart = (
|
|
4923
|
+
let { addGlobalListener: addGlobalListener, removeAllGlobalListeners: removeAllGlobalListeners, removeGlobalListener: removeGlobalListener } = ($03deb23ff14920c4$export$4eaf04e54aa8eed6)();
|
|
4924
|
+
let triggerPressStart = (useCallback)((originalEvent, pointerType)=>{
|
|
4926
4925
|
let state = ref.current;
|
|
4927
4926
|
if (isDisabled || state.didFirePressStart) return false;
|
|
4928
4927
|
let shouldStopPropagation = true;
|
|
@@ -4937,8 +4936,12 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
4937
4936
|
state.didFirePressStart = true;
|
|
4938
4937
|
setPressed(true);
|
|
4939
4938
|
return shouldStopPropagation;
|
|
4940
|
-
}
|
|
4941
|
-
|
|
4939
|
+
}, [
|
|
4940
|
+
isDisabled,
|
|
4941
|
+
onPressStart,
|
|
4942
|
+
onPressChange
|
|
4943
|
+
]);
|
|
4944
|
+
let triggerPressEnd = (useCallback)((originalEvent, pointerType, wasPressed = true)=>{
|
|
4942
4945
|
let state = ref.current;
|
|
4943
4946
|
if (!state.didFirePressStart) return false;
|
|
4944
4947
|
state.didFirePressStart = false;
|
|
@@ -4958,8 +4961,14 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
4958
4961
|
}
|
|
4959
4962
|
state.isTriggeringEvent = false;
|
|
4960
4963
|
return shouldStopPropagation;
|
|
4961
|
-
}
|
|
4962
|
-
|
|
4964
|
+
}, [
|
|
4965
|
+
isDisabled,
|
|
4966
|
+
onPressEnd,
|
|
4967
|
+
onPressChange,
|
|
4968
|
+
onPress
|
|
4969
|
+
]);
|
|
4970
|
+
let triggerPressEndEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(triggerPressEnd);
|
|
4971
|
+
let triggerPressUp = (useCallback)((originalEvent, pointerType)=>{
|
|
4963
4972
|
let state = ref.current;
|
|
4964
4973
|
if (isDisabled) return false;
|
|
4965
4974
|
if (onPressUp) {
|
|
@@ -4970,12 +4979,17 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
4970
4979
|
return event.shouldStopPropagation;
|
|
4971
4980
|
}
|
|
4972
4981
|
return true;
|
|
4973
|
-
}
|
|
4974
|
-
|
|
4982
|
+
}, [
|
|
4983
|
+
isDisabled,
|
|
4984
|
+
onPressUp
|
|
4985
|
+
]);
|
|
4986
|
+
let triggerPressUpEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(triggerPressUp);
|
|
4987
|
+
let cancel = (useCallback)((e)=>{
|
|
4975
4988
|
let state = ref.current;
|
|
4976
4989
|
if (state.isPressed && state.target) {
|
|
4977
4990
|
if (state.didFirePressStart && state.pointerType != null) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
|
|
4978
4991
|
state.isPressed = false;
|
|
4992
|
+
setIsPointerPressed(null);
|
|
4979
4993
|
state.isOverTarget = false;
|
|
4980
4994
|
state.activePointerId = null;
|
|
4981
4995
|
state.pointerType = null;
|
|
@@ -4984,15 +4998,26 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
4984
4998
|
for (let dispose of state.disposables)dispose();
|
|
4985
4999
|
state.disposables = [];
|
|
4986
5000
|
}
|
|
4987
|
-
}
|
|
4988
|
-
|
|
5001
|
+
}, [
|
|
5002
|
+
allowTextSelectionOnPress,
|
|
5003
|
+
removeAllGlobalListeners,
|
|
5004
|
+
triggerPressEnd
|
|
5005
|
+
]);
|
|
5006
|
+
let cancelEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(cancel);
|
|
5007
|
+
let cancelOnPointerExit = (useCallback)((e)=>{
|
|
4989
5008
|
if (shouldCancelOnPointerExit) cancel(e);
|
|
4990
|
-
}
|
|
4991
|
-
|
|
5009
|
+
}, [
|
|
5010
|
+
shouldCancelOnPointerExit,
|
|
5011
|
+
cancel
|
|
5012
|
+
]);
|
|
5013
|
+
let triggerClick = (useCallback)((e)=>{
|
|
4992
5014
|
if (isDisabled) return;
|
|
4993
5015
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
4994
|
-
}
|
|
4995
|
-
|
|
5016
|
+
}, [
|
|
5017
|
+
isDisabled,
|
|
5018
|
+
onClick
|
|
5019
|
+
]);
|
|
5020
|
+
let triggerSyntheticClick = (useCallback)((e, target)=>{
|
|
4996
5021
|
if (isDisabled) return;
|
|
4997
5022
|
// Some third-party libraries pass in onClick instead of onPress.
|
|
4998
5023
|
// Create a fake mouse event and trigger onClick as well.
|
|
@@ -5004,7 +5029,147 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5004
5029
|
($8a9cb279dc87e130$export$c2b7abe5d61ec696)(event, target);
|
|
5005
5030
|
onClick(($8a9cb279dc87e130$export$525bc4921d56d4a)(event));
|
|
5006
5031
|
}
|
|
5007
|
-
}
|
|
5032
|
+
}, [
|
|
5033
|
+
isDisabled,
|
|
5034
|
+
onClick
|
|
5035
|
+
]);
|
|
5036
|
+
let triggerSyntheticClickEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(triggerSyntheticClick);
|
|
5037
|
+
let [isElemKeyPressed, setIsElemKeyPressed] = (useState)(false);
|
|
5038
|
+
($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
|
|
5039
|
+
let state = ref.current;
|
|
5040
|
+
if (isElemKeyPressed) {
|
|
5041
|
+
let onKeyUp = (e)=>{
|
|
5042
|
+
var _state_metaKeyEvents;
|
|
5043
|
+
if (state.isPressed && state.target && $f6c31cce2adf654f$var$isValidKeyboardEvent(e, state.target)) {
|
|
5044
|
+
var _state_metaKeyEvents1;
|
|
5045
|
+
if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e), e.key)) e.preventDefault();
|
|
5046
|
+
let target = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
|
|
5047
|
+
let wasPressed = ($d4ee10de306f2510$export$4282f70798064fe0)(state.target, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e));
|
|
5048
|
+
triggerPressEndEvent($f6c31cce2adf654f$var$createEvent(state.target, e), 'keyboard', wasPressed);
|
|
5049
|
+
if (wasPressed) triggerSyntheticClickEvent(e, state.target);
|
|
5050
|
+
removeAllGlobalListeners();
|
|
5051
|
+
// If a link was triggered with a key other than Enter, open the URL ourselves.
|
|
5052
|
+
// This means the link has a role override, and the default browser behavior
|
|
5053
|
+
// only applies when using the Enter key.
|
|
5054
|
+
if (e.key !== 'Enter' && $f6c31cce2adf654f$var$isHTMLAnchorLink(state.target) && ($d4ee10de306f2510$export$4282f70798064fe0)(state.target, target) && !e[$f6c31cce2adf654f$var$LINK_CLICKED]) {
|
|
5055
|
+
// Store a hidden property on the event so we only trigger link click once,
|
|
5056
|
+
// even if there are multiple usePress instances attached to the element.
|
|
5057
|
+
e[$f6c31cce2adf654f$var$LINK_CLICKED] = true;
|
|
5058
|
+
($ea8dcbcb9ea1b556$export$95185d699e05d4d7)(state.target, e, false);
|
|
5059
|
+
}
|
|
5060
|
+
state.isPressed = false;
|
|
5061
|
+
setIsElemKeyPressed(false);
|
|
5062
|
+
(_state_metaKeyEvents1 = state.metaKeyEvents) === null || _state_metaKeyEvents1 === void 0 ? void 0 : _state_metaKeyEvents1.delete(e.key);
|
|
5063
|
+
} else if (e.key === 'Meta' && ((_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === void 0 ? void 0 : _state_metaKeyEvents.size)) {
|
|
5064
|
+
var _state_target;
|
|
5065
|
+
// If we recorded keydown events that occurred while the Meta key was pressed,
|
|
5066
|
+
// and those haven't received keyup events already, fire keyup events ourselves.
|
|
5067
|
+
// See comment above for more info about the macOS bug causing this.
|
|
5068
|
+
let events = state.metaKeyEvents;
|
|
5069
|
+
state.metaKeyEvents = undefined;
|
|
5070
|
+
for (let event of events.values())(_state_target = state.target) === null || _state_target === void 0 ? void 0 : _state_target.dispatchEvent(new KeyboardEvent('keyup', event));
|
|
5071
|
+
}
|
|
5072
|
+
};
|
|
5073
|
+
// Focus may move before the key up event, so register the event on the document
|
|
5074
|
+
// instead of the same element where the key down event occurred. Make it capturing so that it will trigger
|
|
5075
|
+
// before stopPropagation from useKeyboard on a child element may happen and thus we can still call triggerPress for the parent element.
|
|
5076
|
+
let originalTarget = state.target;
|
|
5077
|
+
let pressUp = (e)=>{
|
|
5078
|
+
if (originalTarget && $f6c31cce2adf654f$var$isValidKeyboardEvent(e, originalTarget) && !e.repeat && ($d4ee10de306f2510$export$4282f70798064fe0)(originalTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e)) && state.target) triggerPressUpEvent($f6c31cce2adf654f$var$createEvent(state.target, e), 'keyboard');
|
|
5079
|
+
};
|
|
5080
|
+
let listener = ($ff5963eb1fccf552$export$e08e3b67e392101e)(pressUp, onKeyUp);
|
|
5081
|
+
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'keyup', listener, true);
|
|
5082
|
+
return ()=>{
|
|
5083
|
+
removeGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'keyup', listener, true);
|
|
5084
|
+
};
|
|
5085
|
+
}
|
|
5086
|
+
}, [
|
|
5087
|
+
isElemKeyPressed,
|
|
5088
|
+
addGlobalListener,
|
|
5089
|
+
removeAllGlobalListeners,
|
|
5090
|
+
removeGlobalListener
|
|
5091
|
+
]);
|
|
5092
|
+
let [isPointerPressed, setIsPointerPressed] = (useState)(null);
|
|
5093
|
+
($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
|
|
5094
|
+
let state = ref.current;
|
|
5095
|
+
if (isPointerPressed === 'pointer') {
|
|
5096
|
+
let onPointerUp = (e)=>{
|
|
5097
|
+
if (e.pointerId === state.activePointerId && state.isPressed && e.button === 0 && state.target) {
|
|
5098
|
+
if (($d4ee10de306f2510$export$4282f70798064fe0)(state.target, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e)) && state.pointerType != null) {
|
|
5099
|
+
// Wait for onClick to fire onPress. This avoids browser issues when the DOM
|
|
5100
|
+
// is mutated between onPointerUp and onClick, and is more compatible with third party libraries.
|
|
5101
|
+
// https://github.com/adobe/react-spectrum/issues/1513
|
|
5102
|
+
// https://issues.chromium.org/issues/40732224
|
|
5103
|
+
// However, iOS and Android do not focus or fire onClick after a long press.
|
|
5104
|
+
// We work around this by triggering a click ourselves after a timeout.
|
|
5105
|
+
// This timeout is canceled during the click event in case the real one fires first.
|
|
5106
|
+
// The timeout must be at least 32ms, because Safari on iOS delays the click event on
|
|
5107
|
+
// non-form elements without certain ARIA roles (for hover emulation).
|
|
5108
|
+
// https://github.com/WebKit/WebKit/blob/dccfae42bb29bd4bdef052e469f604a9387241c0/Source/WebKit/WebProcess/WebPage/ios/WebPageIOS.mm#L875-L892
|
|
5109
|
+
let clicked = false;
|
|
5110
|
+
let timeout = setTimeout(()=>{
|
|
5111
|
+
if (state.isPressed && state.target instanceof HTMLElement) {
|
|
5112
|
+
if (clicked) cancelEvent(e);
|
|
5113
|
+
else {
|
|
5114
|
+
($7215afc6de606d6b$export$de79e2c695e052f3)(state.target);
|
|
5115
|
+
state.target.click();
|
|
5116
|
+
}
|
|
5117
|
+
}
|
|
5118
|
+
}, 80);
|
|
5119
|
+
// Use a capturing listener to track if a click occurred.
|
|
5120
|
+
// If stopPropagation is called it may never reach our handler.
|
|
5121
|
+
addGlobalListener(e.currentTarget, 'click', ()=>clicked = true, true);
|
|
5122
|
+
state.disposables.push(()=>clearTimeout(timeout));
|
|
5123
|
+
} else cancelEvent(e);
|
|
5124
|
+
// Ignore subsequent onPointerLeave event before onClick on touch devices.
|
|
5125
|
+
state.isOverTarget = false;
|
|
5126
|
+
}
|
|
5127
|
+
};
|
|
5128
|
+
let onPointerCancel = (e)=>{
|
|
5129
|
+
cancelEvent(e);
|
|
5130
|
+
};
|
|
5131
|
+
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'pointerup', onPointerUp, false);
|
|
5132
|
+
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'pointercancel', onPointerCancel, false);
|
|
5133
|
+
return ()=>{
|
|
5134
|
+
removeGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'pointerup', onPointerUp, false);
|
|
5135
|
+
removeGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'pointercancel', onPointerCancel, false);
|
|
5136
|
+
};
|
|
5137
|
+
} else if (isPointerPressed === 'mouse' && process.env.NODE_ENV === 'test') {
|
|
5138
|
+
let onMouseUp = (e)=>{
|
|
5139
|
+
// Only handle left clicks
|
|
5140
|
+
if (e.button !== 0) return;
|
|
5141
|
+
if (state.ignoreEmulatedMouseEvents) {
|
|
5142
|
+
state.ignoreEmulatedMouseEvents = false;
|
|
5143
|
+
return;
|
|
5144
|
+
}
|
|
5145
|
+
if (state.target && state.target.contains(e.target) && state.pointerType != null) ;
|
|
5146
|
+
else cancelEvent(e);
|
|
5147
|
+
state.isOverTarget = false;
|
|
5148
|
+
};
|
|
5149
|
+
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'mouseup', onMouseUp, false);
|
|
5150
|
+
return ()=>{
|
|
5151
|
+
removeGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'mouseup', onMouseUp, false);
|
|
5152
|
+
};
|
|
5153
|
+
} else if (isPointerPressed === 'touch' && process.env.NODE_ENV === 'test') {
|
|
5154
|
+
let onScroll = (e)=>{
|
|
5155
|
+
if (state.isPressed && ($d4ee10de306f2510$export$4282f70798064fe0)(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e), state.target)) cancelEvent({
|
|
5156
|
+
currentTarget: state.target,
|
|
5157
|
+
shiftKey: false,
|
|
5158
|
+
ctrlKey: false,
|
|
5159
|
+
metaKey: false,
|
|
5160
|
+
altKey: false
|
|
5161
|
+
});
|
|
5162
|
+
};
|
|
5163
|
+
addGlobalListener(($431fbd86ca7dc216$export$f21a1ffae260145a)(state.target), 'scroll', onScroll, true);
|
|
5164
|
+
return ()=>{
|
|
5165
|
+
removeGlobalListener(($431fbd86ca7dc216$export$f21a1ffae260145a)(state.target), 'scroll', onScroll, true);
|
|
5166
|
+
};
|
|
5167
|
+
}
|
|
5168
|
+
}, [
|
|
5169
|
+
isPointerPressed,
|
|
5170
|
+
addGlobalListener,
|
|
5171
|
+
removeGlobalListener
|
|
5172
|
+
]);
|
|
5008
5173
|
let pressProps = (useMemo)(()=>{
|
|
5009
5174
|
let state = ref.current;
|
|
5010
5175
|
let pressProps = {
|
|
@@ -5019,16 +5184,9 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5019
5184
|
if (!state.isPressed && !e.repeat) {
|
|
5020
5185
|
state.target = e.currentTarget;
|
|
5021
5186
|
state.isPressed = true;
|
|
5187
|
+
setIsElemKeyPressed(true);
|
|
5022
5188
|
state.pointerType = 'keyboard';
|
|
5023
5189
|
shouldStopPropagation = triggerPressStart(e, 'keyboard');
|
|
5024
|
-
// Focus may move before the key up event, so register the event on the document
|
|
5025
|
-
// instead of the same element where the key down event occurred. Make it capturing so that it will trigger
|
|
5026
|
-
// before stopPropagation from useKeyboard on a child element may happen and thus we can still call triggerPress for the parent element.
|
|
5027
|
-
let originalTarget = e.currentTarget;
|
|
5028
|
-
let pressUp = (e)=>{
|
|
5029
|
-
if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e, originalTarget) && !e.repeat && ($d4ee10de306f2510$export$4282f70798064fe0)(originalTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e)) && state.target) triggerPressUp($f6c31cce2adf654f$var$createEvent(state.target, e), 'keyboard');
|
|
5030
|
-
};
|
|
5031
|
-
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(e.currentTarget), 'keyup', ($ff5963eb1fccf552$export$e08e3b67e392101e)(pressUp, onKeyUp), true);
|
|
5032
5190
|
}
|
|
5033
5191
|
if (shouldStopPropagation) e.stopPropagation();
|
|
5034
5192
|
// Keep track of the keydown events that occur while the Meta (e.g. Command) key is held.
|
|
@@ -5068,37 +5226,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5068
5226
|
}
|
|
5069
5227
|
}
|
|
5070
5228
|
};
|
|
5071
|
-
let onKeyUp = (e)=>{
|
|
5072
|
-
var _state_metaKeyEvents;
|
|
5073
|
-
if (state.isPressed && state.target && $f6c31cce2adf654f$var$isValidKeyboardEvent(e, state.target)) {
|
|
5074
|
-
var _state_metaKeyEvents1;
|
|
5075
|
-
if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e), e.key)) e.preventDefault();
|
|
5076
|
-
let target = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
|
|
5077
|
-
let wasPressed = ($d4ee10de306f2510$export$4282f70798064fe0)(state.target, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e));
|
|
5078
|
-
triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), 'keyboard', wasPressed);
|
|
5079
|
-
if (wasPressed) triggerSyntheticClick(e, state.target);
|
|
5080
|
-
removeAllGlobalListeners();
|
|
5081
|
-
// If a link was triggered with a key other than Enter, open the URL ourselves.
|
|
5082
|
-
// This means the link has a role override, and the default browser behavior
|
|
5083
|
-
// only applies when using the Enter key.
|
|
5084
|
-
if (e.key !== 'Enter' && $f6c31cce2adf654f$var$isHTMLAnchorLink(state.target) && ($d4ee10de306f2510$export$4282f70798064fe0)(state.target, target) && !e[$f6c31cce2adf654f$var$LINK_CLICKED]) {
|
|
5085
|
-
// Store a hidden property on the event so we only trigger link click once,
|
|
5086
|
-
// even if there are multiple usePress instances attached to the element.
|
|
5087
|
-
e[$f6c31cce2adf654f$var$LINK_CLICKED] = true;
|
|
5088
|
-
($ea8dcbcb9ea1b556$export$95185d699e05d4d7)(state.target, e, false);
|
|
5089
|
-
}
|
|
5090
|
-
state.isPressed = false;
|
|
5091
|
-
(_state_metaKeyEvents1 = state.metaKeyEvents) === null || _state_metaKeyEvents1 === void 0 ? void 0 : _state_metaKeyEvents1.delete(e.key);
|
|
5092
|
-
} else if (e.key === 'Meta' && ((_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === void 0 ? void 0 : _state_metaKeyEvents.size)) {
|
|
5093
|
-
var _state_target;
|
|
5094
|
-
// If we recorded keydown events that occurred while the Meta key was pressed,
|
|
5095
|
-
// and those haven't received keyup events already, fire keyup events ourselves.
|
|
5096
|
-
// See comment above for more info about the macOS bug causing this.
|
|
5097
|
-
let events = state.metaKeyEvents;
|
|
5098
|
-
state.metaKeyEvents = undefined;
|
|
5099
|
-
for (let event of events.values())(_state_target = state.target) === null || _state_target === void 0 ? void 0 : _state_target.dispatchEvent(new KeyboardEvent('keyup', event));
|
|
5100
|
-
}
|
|
5101
|
-
};
|
|
5102
5229
|
if (typeof PointerEvent !== 'undefined') {
|
|
5103
5230
|
pressProps.onPointerDown = (e)=>{
|
|
5104
5231
|
// Only handle left clicks, and ignore events that bubbled through portals.
|
|
@@ -5115,6 +5242,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5115
5242
|
let shouldStopPropagation = true;
|
|
5116
5243
|
if (!state.isPressed) {
|
|
5117
5244
|
state.isPressed = true;
|
|
5245
|
+
setIsPointerPressed('pointer');
|
|
5118
5246
|
state.isOverTarget = true;
|
|
5119
5247
|
state.activePointerId = e.pointerId;
|
|
5120
5248
|
state.target = e.currentTarget;
|
|
@@ -5124,8 +5252,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5124
5252
|
// This enables onPointerLeave and onPointerEnter to fire.
|
|
5125
5253
|
let target = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent);
|
|
5126
5254
|
if ('releasePointerCapture' in target) target.releasePointerCapture(e.pointerId);
|
|
5127
|
-
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(e.currentTarget), 'pointerup', onPointerUp, false);
|
|
5128
|
-
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(e.currentTarget), 'pointercancel', onPointerCancel, false);
|
|
5129
5255
|
}
|
|
5130
5256
|
if (shouldStopPropagation) e.stopPropagation();
|
|
5131
5257
|
};
|
|
@@ -5158,41 +5284,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5158
5284
|
cancelOnPointerExit(e);
|
|
5159
5285
|
}
|
|
5160
5286
|
};
|
|
5161
|
-
let onPointerUp = (e)=>{
|
|
5162
|
-
if (e.pointerId === state.activePointerId && state.isPressed && e.button === 0 && state.target) {
|
|
5163
|
-
if (($d4ee10de306f2510$export$4282f70798064fe0)(state.target, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e)) && state.pointerType != null) {
|
|
5164
|
-
// Wait for onClick to fire onPress. This avoids browser issues when the DOM
|
|
5165
|
-
// is mutated between onPointerUp and onClick, and is more compatible with third party libraries.
|
|
5166
|
-
// https://github.com/adobe/react-spectrum/issues/1513
|
|
5167
|
-
// https://issues.chromium.org/issues/40732224
|
|
5168
|
-
// However, iOS and Android do not focus or fire onClick after a long press.
|
|
5169
|
-
// We work around this by triggering a click ourselves after a timeout.
|
|
5170
|
-
// This timeout is canceled during the click event in case the real one fires first.
|
|
5171
|
-
// The timeout must be at least 32ms, because Safari on iOS delays the click event on
|
|
5172
|
-
// non-form elements without certain ARIA roles (for hover emulation).
|
|
5173
|
-
// https://github.com/WebKit/WebKit/blob/dccfae42bb29bd4bdef052e469f604a9387241c0/Source/WebKit/WebProcess/WebPage/ios/WebPageIOS.mm#L875-L892
|
|
5174
|
-
let clicked = false;
|
|
5175
|
-
let timeout = setTimeout(()=>{
|
|
5176
|
-
if (state.isPressed && state.target instanceof HTMLElement) {
|
|
5177
|
-
if (clicked) cancel(e);
|
|
5178
|
-
else {
|
|
5179
|
-
($7215afc6de606d6b$export$de79e2c695e052f3)(state.target);
|
|
5180
|
-
state.target.click();
|
|
5181
|
-
}
|
|
5182
|
-
}
|
|
5183
|
-
}, 80);
|
|
5184
|
-
// Use a capturing listener to track if a click occurred.
|
|
5185
|
-
// If stopPropagation is called it may never reach our handler.
|
|
5186
|
-
addGlobalListener(e.currentTarget, 'click', ()=>clicked = true, true);
|
|
5187
|
-
state.disposables.push(()=>clearTimeout(timeout));
|
|
5188
|
-
} else cancel(e);
|
|
5189
|
-
// Ignore subsequent onPointerLeave event before onClick on touch devices.
|
|
5190
|
-
state.isOverTarget = false;
|
|
5191
|
-
}
|
|
5192
|
-
};
|
|
5193
|
-
let onPointerCancel = (e)=>{
|
|
5194
|
-
cancel(e);
|
|
5195
|
-
};
|
|
5196
5287
|
pressProps.onDragStart = (e)=>{
|
|
5197
5288
|
if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
|
|
5198
5289
|
// Safari does not call onPointerCancel when a drag starts, whereas Chrome and Firefox do.
|
|
@@ -5209,6 +5300,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5209
5300
|
return;
|
|
5210
5301
|
}
|
|
5211
5302
|
state.isPressed = true;
|
|
5303
|
+
setIsPointerPressed('mouse');
|
|
5212
5304
|
state.isOverTarget = true;
|
|
5213
5305
|
state.target = e.currentTarget;
|
|
5214
5306
|
state.pointerType = ($6a7db85432448f7f$export$60278871457622de)(e.nativeEvent) ? 'virtual' : 'mouse';
|
|
@@ -5219,7 +5311,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5219
5311
|
let dispose = ($8a9cb279dc87e130$export$cabe61c495ee3649)(e.target);
|
|
5220
5312
|
if (dispose) state.disposables.push(dispose);
|
|
5221
5313
|
}
|
|
5222
|
-
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(e.currentTarget), 'mouseup', onMouseUp, false);
|
|
5223
5314
|
};
|
|
5224
5315
|
pressProps.onMouseEnter = (e)=>{
|
|
5225
5316
|
if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
|
|
@@ -5244,17 +5335,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5244
5335
|
if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
|
|
5245
5336
|
if (!state.ignoreEmulatedMouseEvents && e.button === 0 && !state.isPressed) triggerPressUp(e, state.pointerType || 'mouse');
|
|
5246
5337
|
};
|
|
5247
|
-
let onMouseUp = (e)=>{
|
|
5248
|
-
// Only handle left clicks
|
|
5249
|
-
if (e.button !== 0) return;
|
|
5250
|
-
if (state.ignoreEmulatedMouseEvents) {
|
|
5251
|
-
state.ignoreEmulatedMouseEvents = false;
|
|
5252
|
-
return;
|
|
5253
|
-
}
|
|
5254
|
-
if (state.target && state.target.contains(e.target) && state.pointerType != null) ;
|
|
5255
|
-
else cancel(e);
|
|
5256
|
-
state.isOverTarget = false;
|
|
5257
|
-
};
|
|
5258
5338
|
pressProps.onTouchStart = (e)=>{
|
|
5259
5339
|
if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
|
|
5260
5340
|
let touch = $f6c31cce2adf654f$var$getTouchFromEvent(e.nativeEvent);
|
|
@@ -5263,12 +5343,12 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5263
5343
|
state.ignoreEmulatedMouseEvents = true;
|
|
5264
5344
|
state.isOverTarget = true;
|
|
5265
5345
|
state.isPressed = true;
|
|
5346
|
+
setIsPointerPressed('touch');
|
|
5266
5347
|
state.target = e.currentTarget;
|
|
5267
5348
|
state.pointerType = 'touch';
|
|
5268
5349
|
if (!allowTextSelectionOnPress) ($14c0b72509d70225$export$16a4697467175487)(state.target);
|
|
5269
5350
|
let shouldStopPropagation = triggerPressStart($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType);
|
|
5270
5351
|
if (shouldStopPropagation) e.stopPropagation();
|
|
5271
|
-
addGlobalListener(($431fbd86ca7dc216$export$f21a1ffae260145a)(e.currentTarget), 'scroll', onScroll, true);
|
|
5272
5352
|
};
|
|
5273
5353
|
pressProps.onTouchMove = (e)=>{
|
|
5274
5354
|
if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
|
|
@@ -5305,6 +5385,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5305
5385
|
} else if (state.isOverTarget && state.pointerType != null) shouldStopPropagation = triggerPressEnd($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType, false);
|
|
5306
5386
|
if (shouldStopPropagation) e.stopPropagation();
|
|
5307
5387
|
state.isPressed = false;
|
|
5388
|
+
setIsPointerPressed(null);
|
|
5308
5389
|
state.activePointerId = null;
|
|
5309
5390
|
state.isOverTarget = false;
|
|
5310
5391
|
state.ignoreEmulatedMouseEvents = true;
|
|
@@ -5316,15 +5397,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5316
5397
|
e.stopPropagation();
|
|
5317
5398
|
if (state.isPressed) cancel($f6c31cce2adf654f$var$createTouchEvent(state.target, e));
|
|
5318
5399
|
};
|
|
5319
|
-
let onScroll = (e)=>{
|
|
5320
|
-
if (state.isPressed && ($d4ee10de306f2510$export$4282f70798064fe0)(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e), state.target)) cancel({
|
|
5321
|
-
currentTarget: state.target,
|
|
5322
|
-
shiftKey: false,
|
|
5323
|
-
ctrlKey: false,
|
|
5324
|
-
metaKey: false,
|
|
5325
|
-
altKey: false
|
|
5326
|
-
});
|
|
5327
|
-
};
|
|
5328
5400
|
pressProps.onDragStart = (e)=>{
|
|
5329
5401
|
if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
|
|
5330
5402
|
cancel(e);
|
|
@@ -5332,7 +5404,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5332
5404
|
}
|
|
5333
5405
|
return pressProps;
|
|
5334
5406
|
}, [
|
|
5335
|
-
addGlobalListener,
|
|
5336
5407
|
isDisabled,
|
|
5337
5408
|
preventFocusOnPress,
|
|
5338
5409
|
removeAllGlobalListeners,
|
|
@@ -5531,20 +5602,21 @@ function $507fabe10e71c6fb$var$triggerChangeHandlers(modality, e) {
|
|
|
5531
5602
|
}
|
|
5532
5603
|
function $507fabe10e71c6fb$var$handleKeyboardEvent(e) {
|
|
5533
5604
|
$507fabe10e71c6fb$var$hasEventBeforeFocus = true;
|
|
5534
|
-
if ($507fabe10e71c6fb$var$isValidKey(e)) {
|
|
5605
|
+
if (!($ea8dcbcb9ea1b556$export$95185d699e05d4d7).isOpening && $507fabe10e71c6fb$var$isValidKey(e)) {
|
|
5535
5606
|
$507fabe10e71c6fb$var$currentModality = 'keyboard';
|
|
5536
5607
|
$507fabe10e71c6fb$var$triggerChangeHandlers('keyboard', e);
|
|
5537
5608
|
}
|
|
5538
5609
|
}
|
|
5539
5610
|
function $507fabe10e71c6fb$var$handlePointerEvent(e) {
|
|
5540
5611
|
$507fabe10e71c6fb$var$currentModality = 'pointer';
|
|
5612
|
+
'pointerType' in e ? e.pointerType : 'mouse';
|
|
5541
5613
|
if (e.type === 'mousedown' || e.type === 'pointerdown') {
|
|
5542
5614
|
$507fabe10e71c6fb$var$hasEventBeforeFocus = true;
|
|
5543
5615
|
$507fabe10e71c6fb$var$triggerChangeHandlers('pointer', e);
|
|
5544
5616
|
}
|
|
5545
5617
|
}
|
|
5546
5618
|
function $507fabe10e71c6fb$var$handleClickEvent(e) {
|
|
5547
|
-
if (($6a7db85432448f7f$export$60278871457622de)(e)) {
|
|
5619
|
+
if (!($ea8dcbcb9ea1b556$export$95185d699e05d4d7).isOpening && ($6a7db85432448f7f$export$60278871457622de)(e)) {
|
|
5548
5620
|
$507fabe10e71c6fb$var$hasEventBeforeFocus = true;
|
|
5549
5621
|
$507fabe10e71c6fb$var$currentModality = 'virtual';
|
|
5550
5622
|
}
|
|
@@ -5718,12 +5790,12 @@ function $3ad3f6e1647bc98d$export$80f3e147d781571c(element) {
|
|
|
5718
5790
|
// causing the page to scroll when moving focus if the element is transitioning
|
|
5719
5791
|
// from off the screen.
|
|
5720
5792
|
const ownerDocument = ($431fbd86ca7dc216$export$b204af158042fbac)(element);
|
|
5721
|
-
const activeElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)(ownerDocument);
|
|
5722
5793
|
if (($507fabe10e71c6fb$export$630ff653c5ada6a9)() === 'virtual') {
|
|
5723
|
-
let lastFocusedElement =
|
|
5794
|
+
let lastFocusedElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)(ownerDocument);
|
|
5724
5795
|
($bbed8b41f857bcc0$export$24490316f764c430)(()=>{
|
|
5725
|
-
|
|
5726
|
-
|
|
5796
|
+
const activeElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)(ownerDocument);
|
|
5797
|
+
// If focus did not move or focus was lost to the body, and the element is still in the document, focus it.
|
|
5798
|
+
if ((activeElement === lastFocusedElement || activeElement === ownerDocument.body) && element.isConnected) ($7215afc6de606d6b$export$de79e2c695e052f3)(element);
|
|
5727
5799
|
});
|
|
5728
5800
|
} else ($7215afc6de606d6b$export$de79e2c695e052f3)(element);
|
|
5729
5801
|
}
|
|
@@ -6211,9 +6283,7 @@ function $e0b6e0b68ec7f50f$export$872b660ac5a1ff98(props) {
|
|
|
6211
6283
|
}
|
|
6212
6284
|
}, [
|
|
6213
6285
|
ref,
|
|
6214
|
-
isDisabled
|
|
6215
|
-
onPointerDown,
|
|
6216
|
-
triggerInteractOutside
|
|
6286
|
+
isDisabled
|
|
6217
6287
|
]);
|
|
6218
6288
|
}
|
|
6219
6289
|
function $e0b6e0b68ec7f50f$var$isValidEvent(event, ref) {
|
|
@@ -6343,10 +6413,13 @@ function $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a() {
|
|
|
6343
6413
|
}, []);
|
|
6344
6414
|
// We cannot determine the browser's language on the server, so default to
|
|
6345
6415
|
// en-US. This will be updated after hydration on the client to the correct value.
|
|
6346
|
-
if (isSSR)
|
|
6347
|
-
locale
|
|
6348
|
-
|
|
6349
|
-
|
|
6416
|
+
if (isSSR) {
|
|
6417
|
+
let locale = typeof window !== 'undefined' && window[$1e5a04cdaf7d1af8$var$localeSymbol];
|
|
6418
|
+
return {
|
|
6419
|
+
locale: locale || 'en-US',
|
|
6420
|
+
direction: 'ltr'
|
|
6421
|
+
};
|
|
6422
|
+
}
|
|
6350
6423
|
return defaultLocale;
|
|
6351
6424
|
}
|
|
6352
6425
|
|
|
@@ -7398,9 +7471,6 @@ function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
|
|
|
7398
7471
|
};
|
|
7399
7472
|
}, [
|
|
7400
7473
|
ref,
|
|
7401
|
-
onInvalid,
|
|
7402
|
-
onChange,
|
|
7403
|
-
onReset,
|
|
7404
7474
|
validationBehavior
|
|
7405
7475
|
]);
|
|
7406
7476
|
}
|
|
@@ -7767,25 +7837,6 @@ function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
|
|
|
7767
7837
|
var _props_defaultValue;
|
|
7768
7838
|
($99facab73266f662$export$5add1d006293d136)(ref, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== void 0 ? _props_defaultValue : initialValue, setValue);
|
|
7769
7839
|
($e93e671b31057976$export$b8473d3665f3a75a)(props, validationState, ref);
|
|
7770
|
-
(useEffect)(()=>{
|
|
7771
|
-
// This works around a React/Chrome bug that prevents textarea elements from validating when controlled.
|
|
7772
|
-
// We prevent React from updating defaultValue (i.e. children) of textarea when `value` changes,
|
|
7773
|
-
// which causes Chrome to skip validation. Only updating `value` is ok in our case since our
|
|
7774
|
-
// textareas are always controlled. React is planning on removing this synchronization in a
|
|
7775
|
-
// future major version.
|
|
7776
|
-
// https://github.com/facebook/react/issues/19474
|
|
7777
|
-
// https://github.com/facebook/react/issues/11896
|
|
7778
|
-
if (ref.current instanceof ($431fbd86ca7dc216$export$f21a1ffae260145a)(ref.current).HTMLTextAreaElement) {
|
|
7779
|
-
let input = ref.current;
|
|
7780
|
-
Object.defineProperty(input, 'defaultValue', {
|
|
7781
|
-
get: ()=>input.value,
|
|
7782
|
-
set: ()=>{},
|
|
7783
|
-
configurable: true
|
|
7784
|
-
});
|
|
7785
|
-
}
|
|
7786
|
-
}, [
|
|
7787
|
-
ref
|
|
7788
|
-
]);
|
|
7789
7840
|
return {
|
|
7790
7841
|
labelProps: labelProps,
|
|
7791
7842
|
inputProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)(domProps, inputElementType === 'input' ? inputOnlyProps : undefined, {
|
|
@@ -7872,28 +7923,31 @@ const $edcf132a9284368a$var$TOTAL_SIZE = {
|
|
|
7872
7923
|
height: 'totalHeight'
|
|
7873
7924
|
};
|
|
7874
7925
|
const $edcf132a9284368a$var$PARSED_PLACEMENT_CACHE = {};
|
|
7875
|
-
let $edcf132a9284368a$var$
|
|
7876
|
-
function $edcf132a9284368a$var$getContainerDimensions(containerNode) {
|
|
7926
|
+
let $edcf132a9284368a$var$getVisualViewport = ()=>typeof document !== 'undefined' ? window.visualViewport : null;
|
|
7927
|
+
function $edcf132a9284368a$var$getContainerDimensions(containerNode, visualViewport) {
|
|
7877
7928
|
let width = 0, height = 0, totalWidth = 0, totalHeight = 0, top = 0, left = 0;
|
|
7878
7929
|
let scroll = {};
|
|
7879
7930
|
var _visualViewport_scale;
|
|
7880
|
-
let isPinchZoomedIn = ((_visualViewport_scale =
|
|
7881
|
-
|
|
7931
|
+
let isPinchZoomedIn = ((_visualViewport_scale = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.scale) !== null && _visualViewport_scale !== void 0 ? _visualViewport_scale : 1) > 1;
|
|
7932
|
+
// In the case where the container is `html` or `body` and the container doesn't have something like `position: relative`,
|
|
7933
|
+
// then position absolute will be positioned relative to the viewport, also known as the `initial containing block`.
|
|
7934
|
+
// That's why we use the visual viewport instead.
|
|
7935
|
+
if (containerNode.tagName === 'BODY' || containerNode.tagName === 'HTML') {
|
|
7882
7936
|
let documentElement = document.documentElement;
|
|
7883
7937
|
totalWidth = documentElement.clientWidth;
|
|
7884
7938
|
totalHeight = documentElement.clientHeight;
|
|
7885
7939
|
var _visualViewport_width;
|
|
7886
|
-
width = (_visualViewport_width =
|
|
7940
|
+
width = (_visualViewport_width = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.width) !== null && _visualViewport_width !== void 0 ? _visualViewport_width : totalWidth;
|
|
7887
7941
|
var _visualViewport_height;
|
|
7888
|
-
height = (_visualViewport_height =
|
|
7942
|
+
height = (_visualViewport_height = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.height) !== null && _visualViewport_height !== void 0 ? _visualViewport_height : totalHeight;
|
|
7889
7943
|
scroll.top = documentElement.scrollTop || containerNode.scrollTop;
|
|
7890
7944
|
scroll.left = documentElement.scrollLeft || containerNode.scrollLeft;
|
|
7891
7945
|
// The goal of the below is to get a top/left value that represents the top/left of the visual viewport with
|
|
7892
7946
|
// respect to the layout viewport origin. This combined with the scrollTop/scrollLeft will allow us to calculate
|
|
7893
7947
|
// coordinates/values with respect to the visual viewport or with respect to the layout viewport.
|
|
7894
|
-
if (
|
|
7895
|
-
top =
|
|
7896
|
-
left =
|
|
7948
|
+
if (visualViewport) {
|
|
7949
|
+
top = visualViewport.offsetTop;
|
|
7950
|
+
left = visualViewport.offsetLeft;
|
|
7897
7951
|
}
|
|
7898
7952
|
} else {
|
|
7899
7953
|
({ width: width, height: height, top: top, left: left } = $edcf132a9284368a$var$getOffset(containerNode, false));
|
|
@@ -7910,9 +7964,9 @@ function $edcf132a9284368a$var$getContainerDimensions(containerNode) {
|
|
|
7910
7964
|
scroll.top = 0;
|
|
7911
7965
|
scroll.left = 0;
|
|
7912
7966
|
var _visualViewport_pageTop;
|
|
7913
|
-
top = (_visualViewport_pageTop =
|
|
7967
|
+
top = (_visualViewport_pageTop = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.pageTop) !== null && _visualViewport_pageTop !== void 0 ? _visualViewport_pageTop : 0;
|
|
7914
7968
|
var _visualViewport_pageLeft;
|
|
7915
|
-
left = (_visualViewport_pageLeft =
|
|
7969
|
+
left = (_visualViewport_pageLeft = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.pageLeft) !== null && _visualViewport_pageLeft !== void 0 ? _visualViewport_pageLeft : 0;
|
|
7916
7970
|
}
|
|
7917
7971
|
return {
|
|
7918
7972
|
width: width,
|
|
@@ -7947,10 +8001,12 @@ containerDimensions, padding, containerOffsetWithBoundary) {
|
|
|
7947
8001
|
let boundarySize = boundaryDimensions[$edcf132a9284368a$var$AXIS_SIZE[axis]];
|
|
7948
8002
|
// Calculate the edges of the boundary (accomodating for the boundary padding) and the edges of the overlay.
|
|
7949
8003
|
// Note that these values are with respect to the visual viewport (aka 0,0 is the top left of the viewport)
|
|
7950
|
-
let boundaryStartEdge = boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + padding;
|
|
7951
|
-
let boundaryEndEdge =
|
|
7952
|
-
|
|
7953
|
-
let
|
|
8004
|
+
let boundaryStartEdge = containerOffsetWithBoundary[axis] + boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + padding;
|
|
8005
|
+
let boundaryEndEdge = containerOffsetWithBoundary[axis] + boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + boundarySize - padding;
|
|
8006
|
+
// transformed value of the left edge of the overlay
|
|
8007
|
+
let startEdgeOffset = offset - containerScroll + boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + containerOffsetWithBoundary[axis] - boundaryDimensions[$edcf132a9284368a$var$AXIS[axis]];
|
|
8008
|
+
// transformed value of the right edge of the overlay
|
|
8009
|
+
let endEdgeOffset = offset - containerScroll + size + boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + containerOffsetWithBoundary[axis] - boundaryDimensions[$edcf132a9284368a$var$AXIS[axis]];
|
|
7954
8010
|
// If any of the overlay edges falls outside of the boundary, shift the overlay the required amount to align one of the overlay's
|
|
7955
8011
|
// edges with the closest boundary edge.
|
|
7956
8012
|
if (startEdgeOffset < boundaryStartEdge) return boundaryStartEdge - startEdgeOffset;
|
|
@@ -7984,7 +8040,7 @@ function $edcf132a9284368a$var$parsePlacement(input) {
|
|
|
7984
8040
|
};
|
|
7985
8041
|
return $edcf132a9284368a$var$PARSED_PLACEMENT_CACHE[input];
|
|
7986
8042
|
}
|
|
7987
|
-
function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset) {
|
|
8043
|
+
function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions) {
|
|
7988
8044
|
let { placement: placement, crossPlacement: crossPlacement, axis: axis, crossAxis: crossAxis, size: size, crossSize: crossSize } = placementInfo;
|
|
7989
8045
|
let position = {};
|
|
7990
8046
|
var _childOffset_crossAxis;
|
|
@@ -8001,9 +8057,9 @@ function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions,
|
|
|
8001
8057
|
the overlay top should match the button top
|
|
8002
8058
|
} */
|
|
8003
8059
|
position[crossAxis] += crossOffset;
|
|
8004
|
-
// overlay top overlapping arrow with button bottom
|
|
8060
|
+
// overlay top or left overlapping arrow with button bottom or right
|
|
8005
8061
|
const minPosition = childOffset[crossAxis] - overlaySize[crossSize] + arrowSize + arrowBoundaryOffset;
|
|
8006
|
-
// overlay bottom overlapping arrow with button top
|
|
8062
|
+
// overlay bottom or right overlapping arrow with button top or left
|
|
8007
8063
|
const maxPosition = childOffset[crossAxis] + childOffset[crossSize] - arrowSize - arrowBoundaryOffset;
|
|
8008
8064
|
position[crossAxis] = ($9446cca9a3875146$export$7d15b64cf5a3a4c4)(position[crossAxis], minPosition, maxPosition);
|
|
8009
8065
|
// Floor these so the position isn't placed on a partial pixel, only whole pixels. Shouldn't matter if it was floored or ceiled, so chose one.
|
|
@@ -8011,46 +8067,61 @@ function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions,
|
|
|
8011
8067
|
// If the container is positioned (non-static), then we use the container's actual
|
|
8012
8068
|
// height, as `bottom` will be relative to this height. But if the container is static,
|
|
8013
8069
|
// then it can only be the `document.body`, and `bottom` will be relative to _its_
|
|
8014
|
-
// container
|
|
8015
|
-
|
|
8070
|
+
// container.
|
|
8071
|
+
let containerHeight = isContainerPositioned ? containerDimensions[size] : containerDimensions[$edcf132a9284368a$var$TOTAL_SIZE[size]];
|
|
8016
8072
|
position[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] = Math.floor(containerHeight - childOffset[axis] + offset);
|
|
8017
8073
|
} else position[axis] = Math.floor(childOffset[axis] + childOffset[size] + offset);
|
|
8018
8074
|
return position;
|
|
8019
8075
|
}
|
|
8020
|
-
function $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlayHeight, heightGrowthDirection) {
|
|
8021
|
-
|
|
8022
|
-
|
|
8023
|
-
//
|
|
8024
|
-
|
|
8025
|
-
|
|
8026
|
-
|
|
8076
|
+
function $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlayHeight, heightGrowthDirection, containerDimensions, isContainerDescendentOfBoundary, visualViewport) {
|
|
8077
|
+
var _position_bottom, _containerDimensions_scroll_top;
|
|
8078
|
+
// For cases where position is set via "bottom" instead of "top", we need to calculate the true overlay top
|
|
8079
|
+
// with respect to the container.
|
|
8080
|
+
let overlayTop = (position.top != null ? position.top : containerDimensions[$edcf132a9284368a$var$TOTAL_SIZE.height] - ((_position_bottom = position.bottom) !== null && _position_bottom !== void 0 ? _position_bottom : 0) - overlayHeight) - ((_containerDimensions_scroll_top = containerDimensions.scroll.top) !== null && _containerDimensions_scroll_top !== void 0 ? _containerDimensions_scroll_top : 0);
|
|
8081
|
+
// calculate the dimentions of the "boundingRect" which is most restrictive top/bottom of the boundaryRect and the visual view port
|
|
8082
|
+
let boundaryToContainerTransformOffset = isContainerDescendentOfBoundary ? containerOffsetWithBoundary.top : 0;
|
|
8083
|
+
var _visualViewport_offsetTop, _visualViewport_offsetTop1, _visualViewport_height;
|
|
8084
|
+
let boundingRect = {
|
|
8085
|
+
// This should be boundary top in container coord system vs viewport top in container coord system
|
|
8086
|
+
// For the viewport top, there are several cases
|
|
8087
|
+
// 1. pinchzoom case where we want the viewports offset top as top here
|
|
8088
|
+
// 2. case where container is offset from the boundary and is contained by the boundary. In this case the top we want here is NOT 0, we want to take boundary's top even though is is a negative number OR the visual viewport, whichever is more restrictive
|
|
8089
|
+
top: Math.max(boundaryDimensions.top + boundaryToContainerTransformOffset, ((_visualViewport_offsetTop = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.offsetTop) !== null && _visualViewport_offsetTop !== void 0 ? _visualViewport_offsetTop : boundaryDimensions.top) + boundaryToContainerTransformOffset),
|
|
8090
|
+
bottom: Math.min(boundaryDimensions.top + boundaryDimensions.height + boundaryToContainerTransformOffset, ((_visualViewport_offsetTop1 = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.offsetTop) !== null && _visualViewport_offsetTop1 !== void 0 ? _visualViewport_offsetTop1 : 0) + ((_visualViewport_height = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.height) !== null && _visualViewport_height !== void 0 ? _visualViewport_height : 0))
|
|
8091
|
+
};
|
|
8092
|
+
var _margins_top, _margins_bottom, _margins_top1, _margins_bottom1;
|
|
8027
8093
|
let maxHeight = heightGrowthDirection !== 'top' ? // We want the distance between the top of the overlay to the bottom of the boundary
|
|
8028
|
-
Math.max(0,
|
|
8094
|
+
Math.max(0, boundingRect.bottom // this is the bottom of the boundary
|
|
8095
|
+
- overlayTop // this is the top of the overlay
|
|
8029
8096
|
- (((_margins_top = margins.top) !== null && _margins_top !== void 0 ? _margins_top : 0) + ((_margins_bottom = margins.bottom) !== null && _margins_bottom !== void 0 ? _margins_bottom : 0) + padding // save additional space for margin and padding
|
|
8030
8097
|
)) : Math.max(0, overlayTop + overlayHeight // this is the bottom of the overlay
|
|
8031
|
-
-
|
|
8032
|
-
|
|
8098
|
+
- boundingRect.top // this is the top of the boundary
|
|
8099
|
+
- (((_margins_top1 = margins.top) !== null && _margins_top1 !== void 0 ? _margins_top1 : 0) + ((_margins_bottom1 = margins.bottom) !== null && _margins_bottom1 !== void 0 ? _margins_bottom1 : 0) + padding // save additional space for margin and padding
|
|
8033
8100
|
));
|
|
8034
|
-
return
|
|
8101
|
+
return maxHeight;
|
|
8035
8102
|
}
|
|
8036
|
-
function $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding, placementInfo) {
|
|
8103
|
+
function $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding, placementInfo, containerDimensions, isContainerDescendentOfBoundary) {
|
|
8037
8104
|
let { placement: placement, axis: axis, size: size } = placementInfo;
|
|
8038
|
-
var
|
|
8039
|
-
if (placement === axis) return Math.max(0, childOffset[axis]
|
|
8040
|
-
|
|
8041
|
-
|
|
8042
|
-
|
|
8043
|
-
|
|
8105
|
+
var _containerDimensions_scroll_axis, _margins_axis;
|
|
8106
|
+
if (placement === axis) return Math.max(0, childOffset[axis] // trigger start
|
|
8107
|
+
- ((_containerDimensions_scroll_axis = containerDimensions.scroll[axis]) !== null && _containerDimensions_scroll_axis !== void 0 ? _containerDimensions_scroll_axis : 0 // transform trigger position to be with respect to viewport 0,0
|
|
8108
|
+
) - (boundaryDimensions[axis] + (isContainerDescendentOfBoundary ? containerOffsetWithBoundary[axis] : 0) // boundary start
|
|
8109
|
+
) - ((_margins_axis = margins[axis]) !== null && _margins_axis !== void 0 ? _margins_axis : 0 // margins usually for arrows or other decorations
|
|
8110
|
+
) - margins[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] - padding); // padding between overlay and boundary
|
|
8111
|
+
var _containerDimensions_scroll_axis1, _margins_axis1;
|
|
8112
|
+
return Math.max(0, boundaryDimensions[size] + boundaryDimensions[axis] + (isContainerDescendentOfBoundary ? containerOffsetWithBoundary[axis] : 0) - childOffset[axis] - childOffset[size] + ((_containerDimensions_scroll_axis1 = containerDimensions.scroll[axis]) !== null && _containerDimensions_scroll_axis1 !== void 0 ? _containerDimensions_scroll_axis1 : 0) - ((_margins_axis1 = margins[axis]) !== null && _margins_axis1 !== void 0 ? _margins_axis1 : 0) - margins[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] - padding);
|
|
8113
|
+
}
|
|
8114
|
+
function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset, overlaySize, scrollSize, margins, padding, flip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, userSetMaxHeight, arrowSize, arrowBoundaryOffset, isContainerDescendentOfBoundary, visualViewport) {
|
|
8044
8115
|
let placementInfo = $edcf132a9284368a$var$parsePlacement(placementInput);
|
|
8045
8116
|
let { size: size, crossAxis: crossAxis, crossSize: crossSize, placement: placement, crossPlacement: crossPlacement } = placementInfo;
|
|
8046
|
-
let position = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset);
|
|
8117
|
+
let position = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions);
|
|
8047
8118
|
let normalizedOffset = offset;
|
|
8048
|
-
let space = $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, placementInfo);
|
|
8119
|
+
let space = $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, placementInfo, containerDimensions, isContainerDescendentOfBoundary);
|
|
8049
8120
|
// Check if the scroll size of the overlay is greater than the available space to determine if we need to flip
|
|
8050
|
-
if (flip &&
|
|
8121
|
+
if (flip && overlaySize[size] > space) {
|
|
8051
8122
|
let flippedPlacementInfo = $edcf132a9284368a$var$parsePlacement(`${$edcf132a9284368a$var$FLIPPED_DIRECTION[placement]} ${crossPlacement}`);
|
|
8052
|
-
let flippedPosition = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, flippedPlacementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset);
|
|
8053
|
-
let flippedSpace = $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, flippedPlacementInfo);
|
|
8123
|
+
let flippedPosition = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, flippedPlacementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions);
|
|
8124
|
+
let flippedSpace = $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, flippedPlacementInfo, containerDimensions, isContainerDescendentOfBoundary);
|
|
8054
8125
|
// If the available space for the flipped position is greater than the original available space, flip.
|
|
8055
8126
|
if (flippedSpace > space) {
|
|
8056
8127
|
placementInfo = flippedPlacementInfo;
|
|
@@ -8069,10 +8140,10 @@ function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset,
|
|
|
8069
8140
|
}
|
|
8070
8141
|
let delta = $edcf132a9284368a$var$getDelta(crossAxis, position[crossAxis], overlaySize[crossSize], boundaryDimensions, containerDimensions, padding, containerOffsetWithBoundary);
|
|
8071
8142
|
position[crossAxis] += delta;
|
|
8072
|
-
let maxHeight = $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlaySize.height, heightGrowthDirection);
|
|
8143
|
+
let maxHeight = $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlaySize.height, heightGrowthDirection, containerDimensions, isContainerDescendentOfBoundary, visualViewport);
|
|
8073
8144
|
if (userSetMaxHeight && userSetMaxHeight < maxHeight) maxHeight = userSetMaxHeight;
|
|
8074
8145
|
overlaySize.height = Math.min(overlaySize.height, maxHeight);
|
|
8075
|
-
position = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, normalizedOffset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset);
|
|
8146
|
+
position = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, normalizedOffset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions);
|
|
8076
8147
|
delta = $edcf132a9284368a$var$getDelta(crossAxis, position[crossAxis], overlaySize[crossSize], boundaryDimensions, containerDimensions, padding, containerOffsetWithBoundary);
|
|
8077
8148
|
position[crossAxis] += delta;
|
|
8078
8149
|
let arrowPosition = {};
|
|
@@ -8118,6 +8189,7 @@ function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset,
|
|
|
8118
8189
|
}
|
|
8119
8190
|
function $edcf132a9284368a$export$b3ceb0cbf1056d98(opts) {
|
|
8120
8191
|
let { placement: placement, targetNode: targetNode, overlayNode: overlayNode, scrollNode: scrollNode, padding: padding, shouldFlip: shouldFlip, boundaryElement: boundaryElement, offset: offset, crossOffset: crossOffset, maxHeight: maxHeight, arrowSize: arrowSize = 0, arrowBoundaryOffset: arrowBoundaryOffset = 0 } = opts;
|
|
8192
|
+
let visualViewport = $edcf132a9284368a$var$getVisualViewport();
|
|
8121
8193
|
let container = overlayNode instanceof HTMLElement ? $edcf132a9284368a$var$getContainingBlock(overlayNode) : document.documentElement;
|
|
8122
8194
|
let isViewportContainer = container === document.documentElement;
|
|
8123
8195
|
const containerPositionStyle = window.getComputedStyle(container).position;
|
|
@@ -8135,21 +8207,22 @@ function $edcf132a9284368a$export$b3ceb0cbf1056d98(opts) {
|
|
|
8135
8207
|
var _margins_top, _margins_bottom;
|
|
8136
8208
|
overlaySize.height += ((_margins_top = margins.top) !== null && _margins_top !== void 0 ? _margins_top : 0) + ((_margins_bottom = margins.bottom) !== null && _margins_bottom !== void 0 ? _margins_bottom : 0);
|
|
8137
8209
|
let scrollSize = $edcf132a9284368a$var$getScroll(scrollNode);
|
|
8138
|
-
|
|
8139
|
-
|
|
8210
|
+
// Note that due to logic inside getContainerDimensions, for cases where the boundary element is the body, we will return
|
|
8211
|
+
// a height/width that matches the visual viewport size rather than the body's height/width (aka for zoom it will be zoom adjusted size)
|
|
8212
|
+
// and a top/left that is adjusted as well (will return the top/left of the zoomed in viewport, or 0,0 for a non-zoomed body)
|
|
8213
|
+
// Otherwise this returns the height/width of a arbitrary boundary element, and its top/left with respect to the viewport (NOTE THIS MEANS IT DOESNT INCLUDE SCROLL)
|
|
8214
|
+
let boundaryDimensions = $edcf132a9284368a$var$getContainerDimensions(boundaryElement, visualViewport);
|
|
8215
|
+
let containerDimensions = $edcf132a9284368a$var$getContainerDimensions(container, visualViewport);
|
|
8140
8216
|
// If the container is the HTML element wrapping the body element, the retrieved scrollTop/scrollLeft will be equal to the
|
|
8141
8217
|
// body element's scroll. Set the container's scroll values to 0 since the overlay's edge position value in getDelta don't then need to be further offset
|
|
8142
8218
|
// by the container scroll since they are essentially the same containing element and thus in the same coordinate system
|
|
8143
|
-
let containerOffsetWithBoundary =
|
|
8144
|
-
|
|
8145
|
-
|
|
8146
|
-
containerDimensions.scroll.left = 0;
|
|
8147
|
-
}
|
|
8148
|
-
return $edcf132a9284368a$export$6839422d1f33cee9(placement, childOffset, overlaySize, scrollSize, margins, padding, shouldFlip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, maxHeight, arrowSize, arrowBoundaryOffset);
|
|
8219
|
+
let containerOffsetWithBoundary = $edcf132a9284368a$var$getPosition(boundaryElement, container, false);
|
|
8220
|
+
let isContainerDescendentOfBoundary = boundaryElement.contains(container);
|
|
8221
|
+
return $edcf132a9284368a$export$6839422d1f33cee9(placement, childOffset, overlaySize, scrollSize, margins, padding, shouldFlip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, maxHeight, arrowSize, arrowBoundaryOffset, isContainerDescendentOfBoundary, visualViewport);
|
|
8149
8222
|
}
|
|
8150
8223
|
function $edcf132a9284368a$export$4b834cebd9e5cebe(node, ignoreScale) {
|
|
8151
8224
|
let { top: top, left: left, width: width, height: height } = node.getBoundingClientRect();
|
|
8152
|
-
// Use offsetWidth and offsetHeight if this is an HTML element, so that
|
|
8225
|
+
// Use offsetWidth and offsetHeight if this is an HTML element, so that
|
|
8153
8226
|
// the size is not affected by scale transforms.
|
|
8154
8227
|
if (ignoreScale && node instanceof node.ownerDocument.defaultView.HTMLElement) {
|
|
8155
8228
|
width = node.offsetWidth;
|
|
@@ -9088,7 +9161,7 @@ function createCommonjsModule(fn) {
|
|
|
9088
9161
|
|
|
9089
9162
|
|
|
9090
9163
|
function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
|
|
9091
|
-
let { isDisabled: isDisabled, trigger: trigger } = props;
|
|
9164
|
+
let { isDisabled: isDisabled, trigger: trigger, shouldCloseOnPress: shouldCloseOnPress = true } = props;
|
|
9092
9165
|
let tooltipId = ($bdb11010cef70236$export$f680877a34711e37)();
|
|
9093
9166
|
let isHovered = (useRef)(false);
|
|
9094
9167
|
let isFocused = (useRef)(false);
|
|
@@ -9137,6 +9210,8 @@ function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
|
|
|
9137
9210
|
handleHide();
|
|
9138
9211
|
};
|
|
9139
9212
|
let onPressStart = ()=>{
|
|
9213
|
+
// if shouldCloseOnPress is false, we should not close the tooltip
|
|
9214
|
+
if (!shouldCloseOnPress) return;
|
|
9140
9215
|
// no matter how the trigger is pressed, we should close the tooltip
|
|
9141
9216
|
isFocused.current = false;
|
|
9142
9217
|
isHovered.current = false;
|
|
@@ -9209,11 +9284,11 @@ const c$9=({color:o,title:l,titleId:t,...r})=>{const i=o||token("colors.text.pri
|
|
|
9209
9284
|
|
|
9210
9285
|
const t$1=cva({base:{textWrap:"wrap"},variants:{mono:{false:{},true:{}},scale:{false:{},true:{}},variant:{text:{color:"text.primary"},error:{color:"negative.darker"},info:{color:"brand.base"},success:{color:"positive.base"},warning:{color:"warning.base"}},size:{xs:{textStyle:"body-xs"},sm:{textStyle:"body-sm"},md:{textStyle:"body-md"},lg:{textStyle:"body-lg"}}},compoundVariants:[{scale:true,size:"sm",css:{textStyle:"body-sm-scaled"}},{scale:true,size:"md",css:{textStyle:"body-md-scaled"}},{scale:true,size:"lg",css:{textStyle:"body-lg-scaled"}},{mono:true,size:"sm",css:{textStyle:"mono-sm"}},{mono:true,size:"md",css:{textStyle:"mono-md"}},{mono:true,size:"lg",css:{textStyle:"mono-lg"}}],defaultVariants:{mono:false,variant:"text",size:"md"}});
|
|
9211
9286
|
|
|
9212
|
-
const i$
|
|
9287
|
+
const i$8="text.primary",m$8=forwardRef(({children:e,styles:l={},scale:s,fontColor:o=i$8,...a},t)=>jsx("h1",{ref:t,className:css({textStyle:s?"h1-scaled":"h1",color:o,...a}),style:l,children:e})),y$8=forwardRef(({children:e,styles:l={},scale:s,fontColor:o=i$8,...a},t)=>jsx("h2",{ref:t,className:css({textStyle:s?"h2-scaled":"h2",color:o,...a}),style:l,children:e})),f$8=forwardRef(({children:e,styles:l={},scale:s,fontColor:o=i$8,...a},t)=>jsx("h3",{ref:t,className:css({textStyle:s?"h3-scaled":"h3",color:o,...a}),style:l,children:e})),x$5=forwardRef(({children:e,styles:l={},scale:s,fontColor:o=i$8,...a},t)=>jsx("h4",{ref:t,className:css({textStyle:s?"h4-scaled":"h4",color:o,...a}),style:l,children:e})),p$1=forwardRef(({children:e,styles:l={},scale:s,fontColor:o=i$8,...a},t)=>jsx("h5",{ref:t,className:css({textStyle:s?"h5-scaled":"h5",color:o,...a}),style:l,children:e})),N$4=forwardRef(({children:e,styles:l={},scale:s,fontColor:o="text.secondary",...a},t)=>jsx("h6",{ref:t,className:css({textStyle:s?"h6-scaled":"h6",color:o,...a}),style:l,children:e})),h$8=forwardRef(({children:e,styles:l={},scale:s,inline:o=false,mono:a=false,variant:t="text",size:T="md",truncate:C=false,fontWeight:S,fontColor:u,...g},b)=>{const j=t$1({mono:a,variant:t,size:T,scale:s}),d={ref:b,className:cx(j,css({truncate:C,fontWeight:S??(t!=="text"?"medium":"normal"),color:u,...g})),style:l};return o?jsx("span",{...d,children:e}):jsx("p",{...d,children:e})}),H$7=forwardRef((e,l)=>jsx(h$8,{ref:l,mono:true,...e})),M$8=Object.assign(h$8,{H1:m$8,H2:y$8,H3:f$8,H4:x$5,H5:p$1,H6:N$4,Mono:H$7});h$8.displayName="Text",m$8.displayName="Text.H1",y$8.displayName="Text.H2",f$8.displayName="Text.H3",x$5.displayName="Text.H4",p$1.displayName="Text.H5",N$4.displayName="Text.H6",H$7.displayName="Text.Mono";
|
|
9213
9288
|
|
|
9214
|
-
const i$
|
|
9289
|
+
const i$7=({isSelected:e,onChange:c,defaultSelected:n=false})=>{const[u,o]=useState(n),t=e!==void 0,l=t?e:u,s=d=>{t||o(d),c&&c(d);},S=()=>s(!l);return useEffect(()=>{t&&o(e);},[e]),{isSelected:l,setSelected:s,toggle:S}};
|
|
9215
9290
|
|
|
9216
|
-
const m$7=forwardRef((l,u)=>{const{label:o,indeterminate:r=false,disabled:s=false,checked:b,"aria-label":p,...f}=l,t=i$
|
|
9291
|
+
const m$7=forwardRef((l,u)=>{const{label:o,indeterminate:r=false,disabled:s=false,checked:b,"aria-label":p,...f}=l,t=i$7({...l,isSelected:b}),h=useRef(null),i=u||h;useEffect(()=>{const c="current"in i?i.current:null;c&&(c.indeterminate=!!r);},[r,i]);const{inputProps:g}=$406796ff087fe49b$export$e375f10ce42261c5({...f,"aria-label":o||p||"Checkbox",isDisabled:s,isIndeterminate:r},t,i),{isFocusVisible:a,focusProps:x}=$f7dceffc5ad7768b$export$4e328f61c538687f();return jsxs("label",{className:css({display:"flex",alignItems:"center",rounded:"sm",opacity:s?.3:1}),children:[jsx($5c3e21d68f1c4674$export$439d29a4e110a164,{children:jsx("input",{...$3ef42575df84b30b$export$9d1611c77c2fe928(g,x),ref:i})}),jsx("div",{className:css({display:"flex",alignItems:"center",justifyContent:"center",width:5,height:5,bg:t.isSelected?"brand.base":"transparent",borderWidth:"thick",borderColor:t.isSelected||a?"brand.base":"text.tertiary",transition:"background-color 0.2s ease, border-color 0.2s ease",_hover:{cursor:"pointer",borderColor:"brand.base"},pointerEvents:s?"none":"auto",rounded:"sm",boxSizing:"border-box",outlineColor:a?"brand.base":"transparent",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5}),children:jsxs("span",{children:[t.isSelected&&!r&&jsx(c$9,{height:16,width:16,color:token("colors.surface.primary")}),t.isSelected&&!!r&&jsx(Flex,{justifyContent:"center",alignItems:"center",children:jsx("div",{className:css({w:2.5,h:.5,bg:"surface.primary"})})})]})}),o&&jsx(Box,{ml:3,children:jsx(M$8,{fontWeight:"medium",styles:{lineHeight:1},children:o})})]})});m$7.displayName="Checkbox";
|
|
9217
9292
|
|
|
9218
9293
|
const c$8=({color:o,title:l,titleId:e,...r})=>{const i=o||token("colors.text.primary");return jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":e,...r,children:[l?jsx("title",{id:e,children:l}):null,jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.84115 16.0164C11.0164 17.3279 12.9837 17.3279 14.1589 16.0164L20.7447 8.66738C21.1133 8.25608 21.0787 7.62386 20.6674 7.25528C20.2561 6.8867 19.6239 6.92132 19.2553 7.33262L12.6694 14.6817C12.2891 15.1061 11.7109 15.1061 11.3306 14.6817L4.74473 7.33262C4.37614 6.92132 3.74393 6.8867 3.33263 7.25528C2.92133 7.62386 2.88671 8.25608 3.25529 8.66738L9.84115 16.0164Z",fill:"currentColor"})]})};
|
|
9219
9294
|
|
|
@@ -9221,15 +9296,15 @@ const d$m=({color:o,title:l,titleId:e,...C})=>{const r=o||token("colors.text.pri
|
|
|
9221
9296
|
|
|
9222
9297
|
const m$6=createContext({selectedValue:void 0,setSelectedValue:()=>{}}),h$7=forwardRef((i,s)=>{const{label:t,value:o}=i,r=useContext(m$6),n=useRef(null),a=s||n,b=useCallback(()=>{r.setSelectedValue(o);},[r,o]),{hoverProps:f}=$6179b936705e76d3$export$ae780daf29e6d456({}),{focusProps:x,isFocusVisible:d}=$f7dceffc5ad7768b$export$4e328f61c538687f(),{pressProps:g}=$f6c31cce2adf654f$export$45712eceda6fad21({onPress:b}),l=r.selectedValue===o,C=l?0:-1;return jsxs("label",{className:flex({alignItems:"center"}),children:[jsx($5c3e21d68f1c4674$export$439d29a4e110a164,{children:jsx("input",{...$3ef42575df84b30b$export$9d1611c77c2fe928(g,x,f),ref:a,type:"radio",checked:l,tabIndex:C,readOnly:true})}),jsx(Flex,{justifyContent:"center",alignItems:"center",borderWidth:"thick",borderColor:d||l?"brand.base":"text.tertiary",transition:"border-color 0.2s ease",outlineColor:"brand.base",outlineStyle:d?"solid":"none",outlineWidth:"thick",outlineOffset:.5,_hover:{borderColor:"brand.base"},cursor:"pointer",w:6,h:6,rounded:"full","aria-hidden":"true",children:l&&jsx(Circle,{size:3,bg:"brand.base"})}),jsx(Box,{ml:3,children:jsx(M$8,{size:"lg",fontWeight:"medium",children:t})})]})});h$7.displayName="Radio";
|
|
9223
9298
|
|
|
9224
|
-
var i$
|
|
9299
|
+
var i$6=typeof window>"u"?React.useEffect:React.useLayoutEffect,f$7=e=>{let r=React.createContext(e);return r.displayName="SlotsContext",r},d$l=e=>typeof e=="string"?e:e.displayName||e.name||"Component",y$7=["$$typeof","render","displayName","defaultProps"],m$5=(e,r)=>{if(typeof r=="string")return e;let t=Object.getOwnPropertyNames(r).reduce((o,s)=>(y$7.includes(s)||(o[s]=r[s]),o),{});return Object.assign(e,t)};var u$5="slots-wrapper",x$4=new RegExp(`^<${u$5}>.*</${u$5}>$`),R$4=({name:e,forceUpdate:r,children:t})=>{let o=React.useRef(null),s=React.useRef(false);return i$6(()=>{var a;if(!s.current&&((a=o.current)==null?void 0:a.innerHTML)){let l=o.current.innerHTML;l&&!x$4.test(l)&&console.warn(`Unwrapped children found in "${e}", either wrap them in slots or remove`);}s.current=true,r();},[e]),s.current?React.createElement(React.Fragment,null,t):React.createElement(u$5,{ref:o},t)};var S$5=e=>{let r=new Map;return {register(t,o){r.set(t,o);},update(t,o){r.set(t,o),e(t);},unmount(t){r.delete(t),e(t);},get(t){return r.get(t)},getProps(t){let o=r.get(t);if(!o)return;let{ref:s,props:a}=o;return s?{...a,ref:s}:a}}};var T$7=f$7(void 0),E$3=({children:e})=>e(),C$5=({children:e,callback:r})=>{let t=React.useReducer(()=>[],[])[1],o=React.useMemo(()=>S$5(t),[t]);return React.createElement(React.Fragment,null,React.createElement(T$7.Provider,{value:o},process.env.NODE_ENV==="production"?e:React.createElement(R$4,{name:"HostSlots",forceUpdate:t},e)),React.createElement(E$3,null,()=>r(o)))},$$5=(e,r)=>React.createElement(C$5,{children:e,callback:r}),D$3=e=>{let r=(o,s)=>{let a=React.useContext(T$7);if(!a)return e?React.createElement(e,{ref:s,...o}):null;let l=React.createElement(t,{ref:s,...o});return React.useState(()=>a.register(t,l)),React.useEffect(()=>a.update(t,l)),React.useEffect(()=>()=>a.unmount(t),[a]),null};r.displayName=e?`Slot(${d$l(e)})`:"Slot";let t=React.forwardRef(r);return e?m$5(t,e):t};
|
|
9225
9300
|
|
|
9226
|
-
const T$
|
|
9301
|
+
const T$6=createContext({currentTab:void 0,setCurrentTab:()=>{},tabRefs:{current:{}},disabled:false}),j$4=D$3(({children:i,...l})=>jsx(Flex,{alignItems:"center",justifyContent:"center",children:Children.map(i,a=>cloneElement(a,l))})),R$3=forwardRef((i,l)=>{const{label:a,id:n}=i,{currentTab:p,setCurrentTab:b,tabRefs:e,size:o,disabled:s}=useContext(T$6),t=p===n,h=o==="sm"?8:o==="md"?10:13,c=o==="sm"?16:20,g=useRef(null),r=l||g;useEffect(()=>{typeof r=="object"&&e.current&&(e.current[n]=r.current);},[n]);const d=useCallback(()=>{b(n);},[b,n]),{buttonProps:u,isPressed:z}=$701a24aa0da5b062$export$ea18c227d4417cc3({onPress:d,isDisabled:s},r),{hoverProps:$}=$6179b936705e76d3$export$ae780daf29e6d456({}),{isFocusVisible:_,focusProps:H}=$f7dceffc5ad7768b$export$4e328f61c538687f();return $$5(i.children,I=>{const x=I.get(j$4);return jsx("button",{className:css({display:"flex",justifyContent:"center",alignItems:"center",h,w:"full",rounded:"button",zIndex:0,cursor:"pointer",color:t?"text.primary":"text.secondary",fontSize:o,fontWeight:"semibold",whiteSpace:"nowrap",bg:"transparent",outlineColor:_?"brand.base":"transparent",outlineStyle:"solid",outlineWidth:"thick",transition:t?"background 0s":"background 0.2s ease",_disabled:{opacity:"0.3",pointerEvents:"none"},_hover:{bg:t?"transparent":"ink.20",_dark:{bg:t?"transparent":"slate.1"}}}),ref:r,...$3ef42575df84b30b$export$9d1611c77c2fe928(u,$,H),disabled:s,children:jsxs(Flex,{opacity:z&&!t?.5:1,align:"center",justify:"center",children:[x&&{...x,props:{...x.props,className:css({mr:1,color:t?"text.primary":"text.secondary"}),width:c,height:c}},a]})})})});Object.assign(R$3,{Icon:j$4});R$3.displayName="Tab";
|
|
9227
9302
|
|
|
9228
|
-
const s$c=forwardRef((r,i)=>{const{checked:l,disabled:n=false,label:o,className:a,...c}=r,d=useRef(null),m=i||d,e=i$
|
|
9303
|
+
const s$c=forwardRef((r,i)=>{const{checked:l,disabled:n=false,label:o,className:a,...c}=r,d=useRef(null),m=i||d,e=i$7({...r,isSelected:l}),{buttonProps:p}=$55f54f7887471b58$export$51e84d46ca0bc451({...c,isDisabled:n},e,m),{isFocusVisible:u,focusProps:f}=$f7dceffc5ad7768b$export$4e328f61c538687f();return jsxs(Flex,{alignItems:"center",children:[o&&jsx(Box,{mr:2,children:jsx(M$8,{fontWeight:"medium",styles:{lineHeight:1},children:o})}),jsx("button",{...$3ef42575df84b30b$export$9d1611c77c2fe928(p,f),className:cx(css({px:.5,h:5,width:11,_disabled:{opacity:.3,pointerEvents:"none"},bg:e.isSelected?"brand.base":"neutral.primary",_hover:{bg:e.isSelected?"brand.base":"ink.70",_dark:{bg:e.isSelected?"brand.base":"slate.4"}},transition:"background-color 0.2s ease",rounded:"full",outlineColor:u?"brand.base":"transparent",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5,cursor:"pointer"}),a),children:jsx("span",{className:circle({h:4,w:4,bg:"paper",position:"relative",left:e.isSelected?6:0,transition:"left 0.2s ease"})})})]})});s$c.displayName="Switch";
|
|
9229
9304
|
|
|
9230
|
-
const D$2="bottom left",H$
|
|
9305
|
+
const D$2="bottom left",H$6=8,ve="hover",E$2=D$3(({children:t})=>jsx(Fragment,{children:t})),j$3=D$3(({children:t,...c})=>{const{onPress:i,...s}=c;return jsx(Center,{children:Children.map(t,l=>cloneElement(l,s))})}),w$3=D$3(t=>jsx(Q$1.LeadingIcon,{...t})),K$2=D$3(t=>jsx(Q$1.TrailingIcon,{...t})),M$7=({children:t,...c})=>$$5(t,i=>{var s;const{isOpen:l,defaultOpen:W,onOpenChange:_,trigger:O=ve,iconSize:v,onPress:he,...I}=c,{isSelected:q,setSelected:h}=i$7({defaultSelected:W,onChange:_,...c}),x=l!==void 0?l:q,r=24,n=useMemo(()=>({isOpen:x,open:()=>{h(true);},close:()=>{h(false);},setOpen(e){h(e);},toggle(){}}),[x]),S=i.getProps(E$2),p=useRef(null),{triggerProps:L,overlayProps:G}=$628037886ba31236$export$f9d5c8beee7d008d({},n,p),a=useRef(null),{popoverProps:J,underlayProps:Q}=$f2f8a6077418541e$export$542a6fd13ac93354({placement:c.placement||D$2,offset:H$6,popoverRef:a,triggerRef:p,...S},n),b=$3ef42575df84b30b$export$9d1611c77c2fe928(S,J);!((s=b?.style)===null||s===void 0)&&s.zIndex&&(b.style.zIndex=token("zIndex.max"));const{className:V,...Z}=b,k=useCallback(()=>{n.open();},[n]),y=useCallback(e=>{var P,T;const d=(P=p.current)===null||P===void 0?void 0:P.getBoundingClientRect(),m=(T=a.current)===null||T===void 0?void 0:T.getBoundingClientRect();if(d&&m){const oe=e.clientX>=d.left-r&&e.clientX<=d.right+r&&e.clientY>=d.top-r&&e.clientY<=d.bottom+r,te=e.clientX>=m.left-r&&e.clientX<=m.right+r&&e.clientY>=m.top-r&&e.clientY<=m.bottom+r;!oe&&!te&&n.close();}},[n]),$=()=>{if(a.current){const e=a.current.querySelectorAll('a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])');e.length>0&&e[0].focus();}},ee=e=>{e.key==="Enter"&&(e.preventDefault(),l?n.close():(n.open(),setTimeout($,0)));};useEffect(()=>(document.addEventListener("mousemove",y),()=>{document.removeEventListener("mousemove",y);}),[y]);const u=i.get(j$3),R=i.getProps(w$3),F=i.getProps(K$2),N=v?{height:v,width:v}:{};return jsxs(Fragment,{children:[u?jsx(Box,{display:"inline-block",ref:p,...I,children:u&&{...u,props:{...u.props,...L}}}):jsx(Box,{display:"inline-block",ref:p,children:jsxs(Q$1,{...$3ef42575df84b30b$export$9d1611c77c2fe928(L,I),onKeyDown:ee,onHover:()=>O==="hover"&&k(),onPress:()=>O==="click"&&k(),children:[R&&jsx(Q$1.LeadingIcon,{...R,...N}),F&&jsx(Q$1.TrailingIcon,{...F,...N})]})}),x&&jsxs($337b884510726a0d$export$c6fdb837b070b4ff,{...G,children:[jsx("div",{...Q,className:"underlay"}),jsx("div",{ref:a,...Z,className:cx(vstack({bg:"surface.secondary",p:3,gap:0,color:"text.secondary",borderWidth:1,borderColor:"neutral.secondary",borderRadius:"xl",boxShadow:"0px 4px 20px 0px rgba(0, 0, 0, 0.10)",maxW:52,alignItems:"start"}),V),children:i.get(E$2)})]})]})}),U$2=Object.assign(M$7,{Trigger:j$3,LeadingIcon:w$3,TrailingIcon:K$2,Content:E$2});
|
|
9231
9306
|
|
|
9232
|
-
const r$
|
|
9307
|
+
const r$7=forwardRef((e,a)=>{var o;const{container:l,...i}=e,[n,s]=useState(false);useLayoutEffect(()=>s(true),[]);const t=l||n&&((o=globalThis?.document)===null||o===void 0?void 0:o.body);return t?$4AOtR$reactdom.createPortal(jsx("div",{...i,ref:a}),t):null});r$7.displayName="Portal";
|
|
9233
9308
|
|
|
9234
9309
|
const o$2=e=>()=>{throw new Error("TOAST_PROVIDER_REQUIRED",{cause:`Before calling \`${e}\`, wrap your application with \`<ToastProvider>\`.`})};createContext({createToast:o$2("createToast"),removeToast:o$2("removeToast")});
|
|
9235
9310
|
|
|
@@ -9237,15 +9312,15 @@ sva({slots:["container","portal","toast","icon","dismiss"],base:{portal:{boxSizi
|
|
|
9237
9312
|
|
|
9238
9313
|
function m$4(t){const n=useRef(null),r=useRef(t);return useLayoutEffect(()=>{r.current=t;}),useEffect(()=>{const e=u=>{const o=n.current;o&&!o.contains(u.target)&&r.current(u);};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e);}},[]),n}
|
|
9239
9314
|
|
|
9240
|
-
const r$
|
|
9315
|
+
const r$6=sva({slots:["trigger","content","spacer"],base:{trigger:{position:"relative",w:"auto"},content:{w:"max",maxW:72,color:"text.secondary",bg:"surface.primary",borderColor:"neutral.secondary",borderWidth:"thin",_dark:{bg:"surface.tertiary"},position:"absolute",py:2,px:3,rounded:"xl",boxShadow:"0px 4px 20px 0px rgba(0, 0, 0, 0.10)",zIndex:"max",display:"none"},spacer:{position:"absolute"}},variants:{expand:{true:{trigger:{w:"full"}}},isOpen:{true:{content:{display:"block"}}},placement:{top:{content:{top:"0%",left:"50%",transform:"translateX(-50%) translateY(calc(-100% - 0.75rem))"}},"top left":{content:{top:"0%",right:"100%",transform:"translateX(10%) translateY(calc(-100% - 0.75rem))"}},"top right":{content:{top:"0%",left:"100%",transform:"translateX(-10%) translateY(calc(-100% - 0.75rem))"}},left:{content:{top:"50%",left:"0%",transform:"translateX(calc(-100% - 0.75rem)) translateY(-50%)"}},"left top":{content:{top:"50%",left:"0%",transform:"translateX(calc(-100% - 0.75rem)) translateY(-75%)"}},"left bottom":{content:{top:"50%",left:"0%",transform:"translateX(calc(-100% - 0.75rem)) translateY(-25%)"}},right:{content:{top:"50%",right:"0%",transform:"translateX(calc(100% + 0.75rem)) translateY(-50%)"}},"right top":{content:{top:"50%",right:"0%",transform:"translateX(calc(100% + 0.75rem)) translateY(-75%)"}},"right bottom":{content:{top:"50%",right:"0%",transform:"translateX(calc(100% + 0.75rem)) translateY(-25%)"}},bottom:{content:{bottom:"0%",left:"50%",transform:"translateX(-50%) translateY(calc(100% + 0.75rem))"}},"bottom left":{content:{bottom:"0%",right:"100%",transform:"translateX(10%) translateY(calc(100% + 0.75rem))"}},"bottom right":{content:{bottom:"0%",left:"100%",transform:"translateX(-10%) translateY(calc(100% + 0.75rem))"}}},position:{top:{spacer:{width:72,height:4,bottom:0,left:"50%",transform:"translateX(-50%) translateY(0.75rem)"}},bottom:{spacer:{width:72,height:4,top:0,left:"50%",transform:"translateX(-50%) translateY(-0.75rem)"}},left:{spacer:{width:4,height:48,top:"50%",right:-6,transform:"translateX(-0.75rem) translateY(-50%)"}},right:{spacer:{width:4,height:48,top:"50%",left:-6,transform:"translateX(0.75rem) translateY(-50%)"}}}}});
|
|
9241
9316
|
|
|
9242
|
-
const d$k=forwardRef((t,f)=>{const g="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.maxTouchPoints>0,{children:h,content:x,width:O=288,closeDelay:T=2500,defaultOpen:w,placement:l="top",expand:y=false,...P}=t,[r,i]=useState(false),{isSelected:m,setSelected:o}=i$
|
|
9317
|
+
const d$k=forwardRef((t,f)=>{const g="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.maxTouchPoints>0,{children:h,content:x,width:O=288,closeDelay:T=2500,defaultOpen:w,placement:l="top",expand:y=false,...P}=t,[r,i]=useState(false),{isSelected:m,setSelected:o}=i$7({isOpen:t.isOpen,defaultSelected:w,onChange(s){s||i(false);},...t}),e=useMemo(()=>({isOpen:m,open:()=>{o(true);},close:s=>{if(s){o(false);return}g?o(false):(r&&setTimeout(()=>{o(false),i(false);},T),r||o(false));}}),[m,r]),S=useRef(null),{triggerProps:a,tooltipProps:C}=$4e1b34546679e357$export$a6da6c504e4bba8b(t,e,S);a.onClick=()=>{e.open(),i(true);};const M=m$4(()=>{e.close(true);}),N=l.split(" ")[0],n=r$6({expand:y,isOpen:e.isOpen,placement:l,position:N});return jsxs(Box,{ref:M,className:n.trigger,onMouseLeave:()=>{e.close();},onFocus:()=>{e.open();},onBlur:()=>{e.close();},children:[cloneElement(h,{...a,tabIndex:0}),jsxs(Box,{ref:f,"aria-describedby":"tooltip",role:"tooltip",className:n.content,style:{width:O},onMouseEnter:()=>{e.open();},...$3ef42575df84b30b$export$9d1611c77c2fe928(C,P),children:[jsx(M$8,{size:"sm",children:x}),e.isOpen&&jsx(Box,{onMouseEnter:()=>{e.open();},className:n.spacer})]})]})});d$k.displayName="Tooltip";
|
|
9243
9318
|
|
|
9244
9319
|
createContext({selectedOption:null,setSelectedOption:()=>{}});
|
|
9245
9320
|
|
|
9246
|
-
const r$
|
|
9321
|
+
const r$5=sva({slots:["button","label","focus","icon","iconContainer"],base:{button:{display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",fontWeight:"semibold",boxSizing:"border-box",borderRadius:"button",border:"thin solid",borderColor:"transparent",cursor:"pointer",transition:"all 0.1s ease",outline:"none",willChange:"transform, opacity",bg:"none",_active:{transform:"scale(0.95)"},_disabled:{opacity:"0.3",pointerEvents:"none"},_before:{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,borderRadius:"inherit",backgroundImage:"linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))",_dark:{backgroundImage:"linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))"},opacity:0,transition:"opacity 0.1s ease"},_hover:{_before:{opacity:1}}},label:{display:"flex",textAlign:"center",justifyContent:"center",whiteSpace:"nowrap",transition:"all 0.1s ease"},focus:{outlineColor:"brand.base",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5},icon:{transition:"all 0.1s ease"}},variants:{size:{sm:{button:{h:9,py:1.5,px:4},label:{fontSize:"sm",lineHeight:"1.5rem"},iconContainer:{w:9,p:1.5}},md:{button:{h:12,py:3,px:6},label:{fontSize:"md",lineHeight:"1.5rem"},iconContainer:{w:12,p:3}},lg:{button:{h:15,py:4,px:6},label:{fontSize:"lg",lineHeight:"1.75rem"},iconContainer:{w:15,p:4}}},variant:{primary:{button:{bg:"brand.base"},label:{color:"surface.primary"},icon:{color:"surface.primary"}},secondary:{button:{bg:"brand.lightest"},label:{color:"brand.darker"},icon:{color:"brand.darker"}},positive:{button:{bg:"positive.darker"},label:{color:"surface.primary"},icon:{color:"surface.primary"}},negative:{button:{bg:"negative.darker"},label:{color:"surface.primary"},icon:{color:"surface.primary"}},neutral:{button:{bg:"neutral.tertiary",_light:{mixBlendMode:"multiply"}},label:{color:"text.primary"},icon:{color:"text.primary"}},tertiary:{button:{bg:"transparent",borderColor:"neutral.primary"},label:{color:"text.primary"},icon:{color:"brand.base"}},text:{button:{p:0,h:"fit-content",_hover:{_before:{opacity:0}}},label:{color:"brand.base",_groupHover:{color:"brand.darkest",_dark:{color:"brand.lighter"}}},icon:{color:"brand.base",_groupHover:{color:"brand.darkest",_dark:{color:"brand.lighter"}}}},transparent:{button:{bg:{base:"#ffffff14",_hover:"#ffffff4d"},_dark:{bg:"#ffffff29"},backdropFilter:"blur(3px)",_before:{display:"none"}},label:{color:"chalk"},icon:{color:"chalk"}},inverse:{button:{bg:"ink.90",_dark:{bg:"paper"},_before:{backgroundImage:"linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))",_dark:{backgroundImage:"linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))"}}},label:{color:"chalk",_dark:{color:"ink.90"}},icon:{color:"chalk",_dark:{color:"ink.90"}}}},validating:{true:{button:{pointerEvents:"none"}}},expand:{true:{button:{width:"full"}}},iconOnly:{true:{button:{borderRadius:"full"}}},textStyle:{positive:{},negative:{},neutral:{},subtle:{}}},compoundVariants:[{textStyle:"positive",css:{label:{color:"positive.base"},icon:{color:"positive.base"}}},{variant:"text",textStyle:"positive",css:{label:{_groupHover:{color:"positive.darker",_dark:{color:"positive.darker"}}},icon:{_groupHover:{color:"positive.darker",_dark:{color:"positive.darker"}}}}},{textStyle:"negative",css:{label:{color:"negative.darker",_dark:{color:"negative.base"}},icon:{color:"negative.darker",_dark:{color:"negative.base"}}}},{variant:"text",textStyle:"negative",css:{label:{_groupHover:{color:"negative.darkest",_dark:{color:"negative.lighter"}}},icon:{_groupHover:{color:"negative.darkest",_dark:{color:"negative.lighter"}}}}},{textStyle:"neutral",css:{label:{color:"text.primary"},icon:{color:"text.primary"}}},{variant:"text",textStyle:"neutral",css:{label:{_groupHover:{color:"text.secondary",_dark:{color:"text.secondary"}}},icon:{_groupHover:{color:"text.secondary",_dark:{color:"text.secondary"}}}}},{textStyle:"subtle",css:{label:{color:"text.tertiary"},icon:{color:"text.tertiary"}}},{variant:"text",textStyle:"subtle",css:{label:{_groupHover:{color:"text.secondary",_dark:{color:"text.secondary"}}},icon:{_groupHover:{color:"text.secondary",_dark:{color:"text.secondary"}}}}},{variant:"text",iconOnly:true,css:{iconContainer:{p:1.5,w:"fit-content"}}}],defaultVariants:{size:"md",variant:"primary"}});
|
|
9247
9322
|
|
|
9248
|
-
const C$4=D$3(({children:t,...i})=>jsx(Flex,{alignItems:"center",justifyContent:"center",children:Children.map(t,r=>cloneElement(r,i))})),N$3=D$3(({children:t,...i})=>jsx(Flex,{alignItems:"center",justifyContent:"center",children:Children.map(t,r=>cloneElement(r,i))})),G$3=({variant:t="primary",size:i="md"})=>{const r=t==="primary"||t==="negative",p=t==="neutral"||t==="tertiary";return jsx(d$n,{size:{sm:20,md:24,lg:28}[i],strokeWidth:2.5,inverted:r,neutral:p})},S$4=forwardRef((t,i)=>{const{label:r,variant:p="primary",textStyle:H,size:m="md",disabled:l,expand:c,validating:d,iconSize:I,onHover:u,centerContent:f}=t,a=I||(m==="sm"?16:24),g=r&&c&&!f,o=r$
|
|
9323
|
+
const C$4=D$3(({children:t,...i})=>jsx(Flex,{alignItems:"center",justifyContent:"center",children:Children.map(t,r=>cloneElement(r,i))})),N$3=D$3(({children:t,...i})=>jsx(Flex,{alignItems:"center",justifyContent:"center",children:Children.map(t,r=>cloneElement(r,i))})),G$3=({variant:t="primary",size:i="md"})=>{const r=t==="primary"||t==="negative",p=t==="neutral"||t==="tertiary";return jsx(d$n,{size:{sm:20,md:24,lg:28}[i],strokeWidth:2.5,inverted:r,neutral:p})},S$4=forwardRef((t,i)=>{const{label:r,variant:p="primary",textStyle:H,size:m="md",disabled:l,expand:c,validating:d,iconSize:I,onHover:u,centerContent:f}=t,a=I||(m==="sm"?16:24),g=r&&c&&!f,o=r$5({variant:p,textStyle:H,expand:c,size:m,validating:d,iconOnly:!r}),P=useRef(null),h=i||P,{buttonProps:B}=$701a24aa0da5b062$export$ea18c227d4417cc3({...t,isDisabled:l??false},h),{hoverProps:F}=$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:l??false}),{isFocusVisible:R,focusProps:O}=$f7dceffc5ad7768b$export$4e328f61c538687f();return $$5(t.children,b=>{const n=b.get(C$4),s=b.get(N$3),v=a/4;return jsx("button",{className:cx(o.button,"group",!r&&o.iconContainer,R&&o.focus),ref:h,...$3ef42575df84b30b$export$9d1611c77c2fe928(B,F,O),"aria-disabled":l,onMouseEnter:u,onTouchStart:u,children:d?jsx(G$3,{variant:p,size:m}):jsxs(HStack,{w:"full",gap:2,justify:r&&(n||s)&&!f?"space-between":"center",children:[n&&{...n,props:{className:n.props.color?void 0:o.icon,width:a,height:a,...n.props}},s&&g&&jsx(Box,{w:v}),r&&jsx("span",{className:o.label,children:r}),n&&g&&jsx(Box,{w:v}),s&&{...s,props:{className:s.props.color?void 0:o.icon,width:a,height:a,...s.props}}]})})})}),Q$1=Object.assign(S$4,{LeadingIcon:C$4,TrailingIcon:N$3});S$4.displayName="Button";
|
|
9249
9324
|
|
|
9250
9325
|
const a$3=cva({base:{bgColor:"surface.primary",borderRadius:"1rem"},variants:{asButton:{false:{cursor:"default"},true:{alignItems:"center",cursor:"pointer",h:"10.75rem",justifyContent:"center",p:4,transition:"all 0.1s ease",w:"10.75rem",_active:{transform:"scale(0.95)"}}},alignment:{center:{alignItems:"center"},left:{alignItems:"flex-start"},right:{alignItems:"flex-end"}},alt:{true:{}},expand:{false:{overflow:"hidden"},true:{overflow:"visible",w:"full"}},gapType:{none:{gap:0},sm:{gap:4},md:{gap:5},lg:{gap:6}},heavyShadow:{false:{boxShadow:"0px 1px 2px rgba(189, 189, 189, 0.3)"},true:{boxShadow:"8px 8px 48px rgba(16, 15, 17, 0.14)"}},paddingType:{none:{p:0},sm:{px:4,py:3},md:{px:8,py:6},lg:{p:12}},widthMax:{true:{flex:1,maxW:"29.125rem",mdDown:{maxW:"full"}}},disabled:{true:{opacity:.3,pointerEvents:"none"}},validating:{true:{pointerEvents:"none"}}},compoundVariants:[{asButton:true,alt:true,css:{bgColor:"surface.tertiary",color:"text.secondary",_hover:{filter:"brightness(0.9)"}}}],defaultVariants:{alt:false,expand:false,gapType:"md",heavyShadow:false,paddingType:"md",widthMax:false}});
|
|
9251
9326
|
|
|
@@ -9253,7 +9328,7 @@ const c$7=forwardRef(({children:i,className:t,id:m,asButton:o,stack:l,onClick:d,
|
|
|
9253
9328
|
|
|
9254
9329
|
const s$b=({children:t,className:e=""})=>jsx(VStack,{alignItems:"center",justifyContent:"center",flexShrink:0,className:`${css({pb:0,pt:6,px:8,width:"100%"})} ${e}`,children:t});
|
|
9255
9330
|
|
|
9256
|
-
const B$
|
|
9331
|
+
const B$4=({isOpen:r=false,title:u,onToggle:e,children:d,showCloseButton:f=true})=>{const[b,a]=useState(r),[x,m]=useState(r),n=useRef(null);useEffect(()=>{let o;return r?(a(true),o=setTimeout(()=>m(true),10)):m(false),()=>clearTimeout(o)},[r]),useEffect(()=>{const o=k=>{n.current&&!n.current.contains(k.target)&&e(false);};return document.addEventListener("mousedown",o),()=>{document.removeEventListener("mousedown",o);}},[e]);const g=()=>{r||a(false);},h=useCallback(()=>{e(false);},[e]);return jsxs(Fragment,{children:[jsx(Box,{position:"absolute",display:r?"block":"none",h:"full",bottom:0,left:0,right:0,bg:"text.primary/20",_dark:{bg:"rgba(0, 0, 0, .7)"},backdropFilter:"blur(3px)"}),b&&jsxs(Box,{ref:n,position:"absolute",transform:x?"translateY(0)":"translateY(100%)",transition:"transform 0.3s",bottom:0,left:0,right:0,bg:"surface.primary",_dark:{bg:"surface.secondary"},roundedTop:"3xl",boxShadow:"0px -12px 56px 0px rgba(119, 118, 122, 0.15)",onTransitionEnd:g,zIndex:10,children:[jsxs(HStack,{justifyContent:"space-between",px:6,py:4,children:[jsx(M$8,{fontWeight:"medium",children:u}),f&&jsx(Q$1,{size:"sm",variant:"neutral",onPress:h,children:jsx(Q$1.LeadingIcon,{children:jsx(c$8,{})})})]}),jsx(Box,{px:6,pb:6,children:d})]})]})};
|
|
9257
9332
|
|
|
9258
9333
|
const s$a=({color:o,title:t,titleId:l,...r})=>{const e=o||token("colors.text.primary");return jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:e,"aria-labelledby":l,...r,children:[t?jsx("title",{id:l,children:t}):null,jsx("path",{d:"M11.2625 0.24827C11.4758 0.0870459 11.7344 0 12 0C12.2656 0 12.5242 0.0870459 12.7375 0.24827C14.2625 1.36858 17.625 4.81861 17.625 13.1445C17.625 15.8944 16.65 19.2044 15.925 21.2285C15.75 21.725 15.2875 22.056 14.7625 22.056H9.25C8.725 22.056 8.25 21.725 8.075 21.2285C7.35 19.2044 6.375 15.8944 6.375 13.1445C6.375 4.81861 9.7375 1.36858 11.2625 0.24827ZM14.5 10.5984C14.5 9.19799 13.375 8.05222 12 8.05222C10.625 8.05222 9.5 9.19799 9.5 10.5984C9.5 11.9988 10.625 13.1445 12 13.1445C13.375 13.1445 14.5 11.9988 14.5 10.5984ZM6.6125 22.718C6.0125 21.1522 4.7125 17.4093 4.525 13.972L3.1125 14.9268C2.4125 15.4106 2 16.1999 2 17.0529V22.718C2 23.6219 2.8875 24.233 3.7125 23.902L6.6125 22.718ZM22 22.718V17.0529C22 16.1999 21.5875 15.4106 20.8875 14.9396L19.475 13.9848C19.2875 17.4093 17.975 21.1649 17.3875 22.7308L20.2875 23.9147C21.1125 24.233 22 23.6219 22 22.718Z",fill:"currentColor"})]})};
|
|
9259
9334
|
|
|
@@ -13779,21 +13854,21 @@ const s$9=D$3("div"),c$4=D$3("div"),l$1=D$3("div"),h$6=({children:a,position:m="
|
|
|
13779
13854
|
|
|
13780
13855
|
const s$8=({color:e,title:o,titleId:r,...l})=>{const i=e||token("colors.text.primary");return jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":r,...l,children:[o?jsx("title",{id:r,children:o}):null,jsx("path",{d:"M3 6H21",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round"}),jsx("path",{d:"M3 12H21",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round"}),jsx("path",{d:"M3 18H21",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6ZM2 12C2 11.4477 2.44772 11 3 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H3C2.44772 13 2 12.5523 2 12ZM3 17C2.44772 17 2 17.4477 2 18C2 18.5523 2.44772 19 3 19H21C21.5523 19 22 18.5523 22 18C22 17.4477 21.5523 17 21 17H3Z",fill:"currentColor"})]})};
|
|
13781
13856
|
|
|
13782
|
-
const g$4=D$3("div"),b$6=D$3("div"),h$5=D$3("div"),L$3=({children:x,placement:y="right",isOpen:i=false})=>{const[r,o]=useState(i),[v,p]=useState(r),a=useRef(null),s=y==="left";return useEffect(()=>{o(i);},[i]),useEffect(()=>{let t;return r?t=setTimeout(()=>p(true),10):p(false),()=>clearTimeout(t)},[r]),useEffect(()=>{const t=m=>{a.current&&!a.current.contains(m.target)&&o(false);};return document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t);}},[o]),$$5(x,t=>jsxs(Fragment,{children:[jsx(Q$
|
|
13857
|
+
const g$4=D$3("div"),b$6=D$3("div"),h$5=D$3("div"),L$3=({children:x,placement:y="right",isOpen:i=false})=>{const[r,o]=useState(i),[v,p]=useState(r),a=useRef(null),s=y==="left";return useEffect(()=>{o(i);},[i]),useEffect(()=>{let t;return r?t=setTimeout(()=>p(true),10):p(false),()=>clearTimeout(t)},[r]),useEffect(()=>{const t=m=>{a.current&&!a.current.contains(m.target)&&o(false);};return document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t);}},[o]),$$5(x,t=>jsxs(Fragment,{children:[jsx(Q$1,{onPress:()=>o(m=>!m),textStyle:"neutral",variant:"text",children:jsx(Q$1.TrailingIcon,{children:jsx(s$8,{})})}),jsx(Box,{position:"absolute",display:r?"block":"none",h:"full",bottom:0,left:0,right:0,bg:"text.primary/20",_dark:{bg:"rgba(0, 0, 0, .7)"}}),jsxs(Stack,{ref:a,position:"absolute",transform:v?"translateX(0)":s?"translateX(-100%)":"translateX(100%)",transition:"transform 0.3s",top:0,bottom:0,...s?{left:0}:{right:0},bg:"surface.primary",_dark:{bg:"surface.secondary"},...s?{roundedRight:"2xl"}:{roundedLeft:"2xl"},zIndex:10,justifyContent:"space-between",p:4,pb:6,w:80,children:[jsxs(Stack,{gap:6,children:[jsx(Stack,{h:"full",justifyContent:"space-between",children:t.get(g$4)}),jsx(Divider,{color:"surface.quaternary"}),jsx(Stack,{children:t.get(b$6)})]}),t.get(h$5)]})]}))},T$5=Object.assign(L$3,{Header:g$4,Content:b$6,Footer:h$5});
|
|
13783
13858
|
|
|
13784
13859
|
const f$6=({animate:n,show:o,onHidden:s,onShown:a})=>{const[i,t]=useState(o),d=useCallback(()=>a(),[]),r=useCallback(()=>{t(false),s();},[]);return useEffect(()=>{o?t(true):n||t(false);},[o]),{displayed:i,onShow:d,onHide:r}};
|
|
13785
13860
|
|
|
13786
|
-
const r$
|
|
13861
|
+
const r$4=sva({slots:["content","wrapper"],base:{content:{height:"full",width:"full",boxSizing:"border-box"},wrapper:{height:"full",width:"full",bg:"surface.primary",position:"relative",overflow:"auto",scrollbarWidth:"none"}},variants:{fullscreen:{true:{wrapper:{height:"100vh",width:"100vw"}},false:{wrapper:{"@media (min-width: 48rem)":{top:12,mx:"auto",width:"25rem",height:"fit-content",boxShadow:"0px 12px 56px {colors.ink.70/15}",borderRadius:"container",_dark:{boxShadow:"none"}}}}},animate:{false:{wrapper:{animationName:"none",scale:1}}},isOpen:{true:{}},paddingType:{none:{wrapper:{p:0}},sm:{wrapper:{p:2,pb:0}},md:{wrapper:{p:4,pb:0}},lg:{wrapper:{p:8,pb:0}}},showBorder:{true:{wrapper:{"@media (min-width: 48rem)":{_dark:{borderWidth:1,borderBlock:"solid",borderColor:"neutral.secondary"}}}}},isMobileBrowser:{true:{}},isWidget:{true:{wrapper:{height:"auto","@media (min-width: 48rem)":{top:0}}}}},compoundVariants:[{animate:true,isOpen:true,css:{wrapper:{animationFillMode:"forwards",animationName:"scaleIn",animationDuration:"250ms",_motionReduce:{scale:1}}}},{animate:true,isOpen:false,css:{wrapper:{animationFillMode:"forwards",animationName:"scaleOut",animationDuration:"150ms",_motionReduce:{scale:1}}}},{fullscreen:true,isMobileBrowser:true,css:{wrapper:{"@media only screen and (max-width: 767px)":{height:"100dvh"}}}},{fullscreen:false,isWidget:true,css:{wrapper:{maxWidth:"25rem",mx:"auto",borderRadius:"container",_dark:{borderWidth:1,borderBlock:"solid",borderColor:"neutral.secondary"}}}}],defaultVariants:{animate:true,isOpen:true,paddingType:"none"}});
|
|
13787
13862
|
|
|
13788
|
-
const
|
|
13863
|
+
const M$6=()=>{if(typeof navigator>"u")return false;const n=navigator.userAgent;return /Mobi|Android|iPhone|iPad/i.test(n)},A$3=M$6(),r$3=({animate:n=true,paddingType:a="none",gap:t=2.5,isOpen:e=true,onAnimated:s=()=>{},onClosed:d=()=>{},showBorder:l=true,fullscreen:p=false,isWidget:m=false,children:c})=>{const o=r$4({animate:n,isOpen:e,paddingType:a,showBorder:l,fullscreen:p,isWidget:m,isMobileBrowser:A$3}),{displayed:g,onHide:u,onShow:f}=f$6({animate:n,show:e,onHidden:d,onShown:s});return g?jsx("div",{className:o.wrapper,onAnimationEnd:e?f:u,children:jsx(VStack,{alignItems:"center",gap:t,className:o.content,children:c})}):null};r$3.displayName="Modal";
|
|
13789
13864
|
|
|
13790
13865
|
const i$5=sva({slots:["bg","container"],base:{bg:{height:"full",width:"full",pointerEvents:"all",position:"fixed",top:0,left:0},container:{height:"100vh",width:"100vw",maxWidth:"100rem",position:"relative",margin:"0 auto","@media (min-width: 48rem)":{height:"fit-content"}}},variants:{fullscreen:{true:{container:{maxWidth:"none"}}},animate:{false:{bg:{animationName:"none"}}},backgroundType:{blurred:{bg:{backdropBlur:"0.375rem",backdropFilter:"auto"}},solid:{bg:{backgroundColor:"surface.tertiary"}},transparent:{},none:{}},hide:{false:{}}},compoundVariants:[{animate:true,hide:false,css:{bg:{animationFillMode:"forwards",animationName:"fadeIn",animationDuration:"400ms"}}},{animate:true,hide:true,css:{bg:{animationFillMode:"forwards",animationName:"fadeOut",animationDuration:"400ms"}}}],defaultVariants:{animate:true,backgroundType:"none",hide:false}});
|
|
13791
13866
|
|
|
13792
13867
|
const i$4=({animate:e=true,backgroundType:o="none",hide:n=false,fullscreen:r=false,onAnimated:t=()=>{},onHidden:m=()=>{},children:d})=>{const a=i$5({animate:e,backgroundType:o,hide:n,fullscreen:r}),{displayed:l,onHide:s,onShow:c}=f$6({animate:e,show:!n,onHidden:m,onShown:t});if(!l)return null;const p=o!=="none";return jsxs(VStack,{alignItems:"center",className:a.container,children:[p&&jsx("div",{className:a.bg,onAnimationEnd:n?s:c}),d]})};i$4.displayName="Overlay";
|
|
13793
13868
|
|
|
13794
|
-
const H$
|
|
13869
|
+
const H$5=({title:l,titleId:t,...L})=>jsxs("svg",{width:78,height:24,viewBox:"0 0 78 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":t,...L,children:[l?jsx("title",{id:t,children:l}):null,jsx("path",{d:"M9.41316 1.84616H3.41316C3.02854 1.84616 2.64393 2.15385 2.567 2.53847L0.182389 17.9231C0.105466 18.2308 0.336235 18.4615 0.643928 18.4615H3.49008C3.8747 18.4615 4.25931 18.1539 4.33624 17.7692L4.95162 13.6154C5.02854 13.2308 5.33624 12.9231 5.79777 12.9231H7.72085C11.6439 12.9231 13.9516 11 14.567 7.23078C14.7978 5.61539 14.567 4.3077 13.7978 3.38462C12.9516 2.38462 11.4132 1.84616 9.41316 1.84616ZM10.1055 7.46155C9.79777 9.61539 8.10547 9.61539 6.567 9.61539H5.64393L6.25931 5.61539C6.25931 5.38462 6.49008 5.23078 6.72085 5.23078H7.10547C8.18239 5.23078 9.18239 5.23078 9.72085 5.84616C10.1055 6.15385 10.2593 6.69232 10.1055 7.46155Z",fill:"#003087"}),jsx("path",{d:"M27.2593 7.38462H24.4131C24.1824 7.38462 23.9516 7.53846 23.9516 7.76923L23.7978 8.53846L23.567 8.23077C22.9516 7.30769 21.567 7 20.1824 7C17.0285 7 14.3362 9.38461 13.7978 12.7692C13.4901 14.4615 13.8747 16.0769 14.8747 17.1538C15.7208 18.1538 17.0285 18.6154 18.4901 18.6154C21.0285 18.6154 22.4901 17 22.4901 17L22.3362 17.7692C22.2593 18.0769 22.4901 18.3846 22.7978 18.3846H25.4131C25.7978 18.3846 26.1824 18.0769 26.2593 17.6923L27.7978 7.84615C27.8747 7.69231 27.567 7.38462 27.2593 7.38462ZM23.3362 12.9231C23.0285 14.5385 21.7978 15.6923 20.1055 15.6923C19.2593 15.6923 18.6439 15.4615 18.1824 14.9231C17.7208 14.3846 17.567 13.6923 17.7208 12.9231C17.9516 11.3077 19.3362 10.1538 20.9516 10.1538C21.7978 10.1538 22.4131 10.4615 22.8747 10.9231C23.2593 11.4615 23.4131 12.1538 23.3362 12.9231Z",fill:"#003087"}),jsx("path",{d:"M42.5669 7.38461H39.7207C39.413 7.38461 39.1823 7.53846 39.0284 7.76923L35.0284 13.6154L33.3361 8C33.2592 7.61538 32.8746 7.38461 32.5669 7.38461H29.7207C29.413 7.38461 29.1053 7.69231 29.2592 8.07692L32.413 17.3846L29.413 21.5385C29.1823 21.8462 29.413 22.3077 29.7976 22.3077H32.6438C32.9515 22.3077 33.1823 22.1538 33.3361 21.9231L42.9515 8.07692C43.1823 7.84615 42.9515 7.38461 42.5669 7.38461Z",fill:"#003087"}),jsx("path",{d:"M52.1053 1.84616H46.1053C45.7207 1.84616 45.3361 2.15385 45.2591 2.53847L42.8745 17.8462C42.7976 18.1539 43.0284 18.3846 43.3361 18.3846H46.413C46.7207 18.3846 46.9515 18.1539 46.9515 17.9231L47.6438 13.5385C47.7207 13.1539 48.0284 12.8462 48.4899 12.8462H50.413C54.3361 12.8462 56.6438 10.9231 57.2591 7.15385C57.4899 5.53847 57.2591 4.23078 56.4899 3.3077C55.5668 2.38462 54.1053 1.84616 52.1053 1.84616ZM52.7976 7.46154C52.4899 9.61539 50.7976 9.61539 49.2591 9.61539H48.3361L48.9515 5.61539C48.9515 5.38462 49.1822 5.23078 49.413 5.23078H49.7976C50.8745 5.23078 51.8745 5.23078 52.413 5.84616C52.7976 6.15385 52.8745 6.69231 52.7976 7.46154Z",fill:"#009CDE"}),jsx("path",{d:"M69.9514 7.38462H67.1053C66.8745 7.38462 66.6437 7.53846 66.6437 7.76923L66.4899 8.53846L66.2591 8.23077C65.6437 7.30769 64.2591 7 62.8745 7C59.7207 7 57.0284 9.38461 56.4899 12.7692C56.1822 14.4615 56.5668 16.0769 57.5668 17.1538C58.413 18.1538 59.7207 18.6154 61.1822 18.6154C63.7207 18.6154 65.1822 17 65.1822 17L65.0284 17.7692C64.9514 18.0769 65.1822 18.3846 65.4899 18.3846H68.1053C68.4899 18.3846 68.8745 18.0769 68.9514 17.6923L70.4899 7.84615C70.4899 7.69231 70.2591 7.38462 69.9514 7.38462ZM65.9514 12.9231C65.6437 14.5385 64.413 15.6923 62.7207 15.6923C61.8745 15.6923 61.2591 15.4615 60.7976 14.9231C60.3361 14.3846 60.1822 13.6923 60.3361 12.9231C60.5668 11.3077 61.9514 10.1538 63.5668 10.1538C64.413 10.1538 65.0284 10.4615 65.4899 10.9231C65.9514 11.4615 66.1053 12.1538 65.9514 12.9231Z",fill:"#009CDE"}),jsx("path",{d:"M73.3363 2.23078L70.8748 17.8462C70.7978 18.1539 71.0286 18.3846 71.3363 18.3846H73.7978C74.1825 18.3846 74.5671 18.0769 74.644 17.6923L77.1055 2.38462C77.1825 2.07693 76.9517 1.84616 76.644 1.84616H73.8748C73.5671 1.84616 73.4132 2.00001 73.3363 2.23078Z",fill:"#009CDE"})]});
|
|
13795
13870
|
|
|
13796
|
-
const t=forwardRef((r,i)=>{const{disabled:m,validating:p}=r;return jsx(a$4,{ref:i,className:css({bg:"#ffc439",outlineColor:"#ffc439",border:"1px solid transparent",px:6,py:2.5}),"aria-disabled":m,shadow:true,...r,children:p?jsx(d$n,{size:24,strokeWidth:2.5,inverted:true}):jsxs(HStack,{w:"full",gap:1,justifyContent:"center",children:[jsx(M$8,{fontWeight:"semibold",styles:{color:token("colors.ink.90")},children:"Pay with"}),jsx(Box,{mt:.5,children:jsx(H$
|
|
13871
|
+
const t=forwardRef((r,i)=>{const{disabled:m,validating:p}=r;return jsx(a$4,{ref:i,className:css({bg:"#ffc439",outlineColor:"#ffc439",border:"1px solid transparent",px:6,py:2.5}),"aria-disabled":m,shadow:true,...r,children:p?jsx(d$n,{size:24,strokeWidth:2.5,inverted:true}):jsxs(HStack,{w:"full",gap:1,justifyContent:"center",children:[jsx(M$8,{fontWeight:"semibold",styles:{color:token("colors.ink.90")},children:"Pay with"}),jsx(Box,{mt:.5,children:jsx(H$5,{width:60})})]})})});t.displayName="PayPalButton";
|
|
13797
13872
|
|
|
13798
13873
|
const L$2=({title:t,titleId:i,...C})=>jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":i,...C,children:[t?jsx("title",{id:i,children:t}):null,jsx("path",{d:"M22.556 12.2409C22.556 11.3365 22.4826 10.6766 22.3238 9.99219H11.9968V14.074H18.0585C17.9364 15.0884 17.2764 16.6161 15.8098 17.6426L15.7893 17.7793L19.0545 20.3088L19.2807 20.3314C21.3583 18.4126 22.556 15.5895 22.556 12.2409Z",fill:"#4285F4"}),jsx("path",{d:"M11.9987 23C14.9684 23 17.4615 22.0223 19.2825 20.3358L15.8117 17.6471C14.8829 18.2948 13.6363 18.747 11.9987 18.747C9.09006 18.747 6.62139 16.8283 5.74137 14.1763L5.61238 14.1873L2.21719 16.8148L2.17279 16.9383C3.98152 20.5313 7.69678 23 11.9987 23Z",fill:"#34A853"}),jsx("path",{d:"M5.74179 14.1771C5.5096 13.4927 5.37521 12.7594 5.37521 12.0017C5.37521 11.2439 5.5096 10.5107 5.72958 9.82631L5.72343 9.68055L2.28569 7.01077L2.17321 7.06427C1.42775 8.55528 1 10.2296 1 12.0017C1 13.7738 1.42775 15.448 2.17321 16.939L5.74179 14.1771Z",fill:"#FBBC05"}),jsx("path",{d:"M11.9987 5.25296C14.0641 5.25296 15.4572 6.14511 16.2517 6.89066L19.3558 3.85977C17.4494 2.0877 14.9684 1 11.9987 1C7.69678 1 3.98152 3.46867 2.17279 7.06169L5.72916 9.82373C6.62139 7.17172 9.09006 5.25296 11.9987 5.25296Z",fill:"#EB4335"})]});
|
|
13799
13874
|
|
|
@@ -13857,41 +13932,41 @@ const s$1=({email:a})=>{const r=a.split("@");return jsxs("span",{className:css({
|
|
|
13857
13932
|
|
|
13858
13933
|
const u$3=forwardRef((h,g)=>{const{address:r,onCopy:e,size:m="md",icon:n,fontColor:s="text.tertiary",fontWeight:a="normal",fontFamily:p="inherit"}=h,[o,l]=useState(false),c=`${r.slice(0,6)}...${r?.slice(-4)}`,i=m==="sm"?16:20,x=useCallback(()=>{e&&e(r),l(true);},[r]);return useEffect(()=>{if(o){const y=setTimeout(()=>{l(false);},1500);return ()=>clearTimeout(y)}},[o]),e?jsx(a$4,{className:css({fontSize:m,color:o?"positive.base":s,fontWeight:o?"medium":a,rounded:"button",fontVariant:"no-contextual",transition:"none",fontFamily:p}),onPress:x,ref:g,children:jsxs(HStack,{gap:2,children:[o?n?"Copied":"Copied!":c,n&&jsx(Fragment,{children:o?jsx(c$9,{width:i,height:i,color:token("colors.positive.base")}):jsx(d$h,{width:i,height:i,color:token("colors.text.tertiary")})})]})}):jsx("span",{className:css({fontSize:m,color:s,fontWeight:a,fontVariant:"no-contextual",fontFamily:p}),children:c})});u$3.displayName="WalletAddress";
|
|
13859
13934
|
|
|
13860
|
-
var _$3=[["Afghanistan","af","93"],["Albania","al","355"],["Algeria","dz","213"],["Andorra","ad","376"],["Angola","ao","244"],["Antigua and Barbuda","ag","1268"],["Argentina","ar","54",{default:"(..) .... ....","/^11/":"(..) .... ....","/^15/":"(..) ... ....","/^(2|3|4|5)/":"(.) .... ....","/^9/":"(.) .... ....."},0],["Armenia","am","374",".. ......"],["Aruba","aw","297"],["Australia","au","61",{default:". .... ....","/^4/":"... ... ...","/^5(?!50)/":"... ... ...","/^1(3|8)00/":".... ... ...","/^13/":".. .. ..","/^180/":"... ...."},0,[]],["Austria","at","43"],["Azerbaijan","az","994","(..) ... .. .."],["Bahamas","bs","1242"],["Bahrain","bh","973"],["Bangladesh","bd","880"],["Barbados","bb","1246"],["Belarus","by","375","(..) ... .. .."],["Belgium","be","32","... .. .. .."],["Belize","bz","501"],["Benin","bj","229"],["Bhutan","bt","975"],["Bolivia","bo","591"],["Bosnia and Herzegovina","ba","387"],["Botswana","bw","267"],["Brazil","br","55","(..) .....-...."],["British Indian Ocean Territory","io","246"],["Brunei","bn","673"],["Bulgaria","bg","359"],["Burkina Faso","bf","226"],["Burundi","bi","257"],["Cambodia","kh","855"],["Cameroon","cm","237"],["Canada","ca","1","(...) ...-....",1,["204","226","236","249","250","289","306","343","365","387","403","416","418","431","437","438","450","506","514","519","548","579","581","587","604","613","639","647","672","705","709","742","778","780","782","807","819","825","867","873","902","905"]],["Cape Verde","cv","238"],["Caribbean Netherlands","bq","599","",1],["Cayman Islands","ky","1","... ... ....",4,["345"]],["Central African Republic","cf","236"],["Chad","td","235"],["Chile","cl","56"],["China","cn","86","... .... ...."],["Colombia","co","57","... ... ...."],["Comoros","km","269"],["Congo","cd","243"],["Congo","cg","242"],["Costa Rica","cr","506","....-...."],["C\xF4te d'Ivoire","ci","225",".. .. .. .. .."],["Croatia","hr","385"],["Cuba","cu","53"],["Cura\xE7ao","cw","599","",0],["Cyprus","cy","357",".. ......"],["Czech Republic","cz","420","... ... ..."],["Denmark","dk","45",".. .. .. .."],["Djibouti","dj","253",".. .. ...."],["Dominica","dm","1767"],["Dominican Republic","do","1","(...) ...-....",2,["809","829","849"]],["Ecuador","ec","593"],["Egypt","eg","20"],["El Salvador","sv","503","....-...."],["Equatorial Guinea","gq","240"],["Eritrea","er","291"],["Estonia","ee","372",".... ......"],["Ethiopia","et","251",".. ... ...."],["Faroe Islands","fo","298",".. .. .."],["Fiji","fj","679"],["Finland","fi","358",".. ... .. .."],["France","fr","33",". .. .. .. .."],["French Guiana","gf","594","... .. .. .."],["French Polynesia","pf","689",{"/^44/":".. .. ..","/^80[0-5]/":"... .. .. ..",default:".. .. .. .."}],["Gabon","ga","241"],["Gambia","gm","220"],["Georgia","ge","995"],["Germany","de","49","... ........."],["Ghana","gh","233"],["Greece","gr","30"],["Greenland","gl","299",".. .. .."],["Grenada","gd","1473"],["Guadeloupe","gp","590","... .. .. ..",0],["Guam","gu","1671"],["Guatemala","gt","502","....-...."],["Guinea","gn","224"],["Guinea-Bissau","gw","245"],["Guyana","gy","592"],["Haiti","ht","509","....-...."],["Honduras","hn","504"],["Hong Kong","hk","852",".... ...."],["Hungary","hu","36"],["Iceland","is","354","... ...."],["India","in","91",".....-....."],["Indonesia","id","62"],["Iran","ir","98","... ... ...."],["Iraq","iq","964"],["Ireland","ie","353",".. ......."],["Israel","il","972","... ... ...."],["Italy","it","39","... .......",0],["Jamaica","jm","1876"],["Japan","jp","81",".. .... ...."],["Jordan","jo","962"],["Kazakhstan","kz","7","... ...-..-..",0],["Kenya","ke","254"],["Kiribati","ki","686"],["Kosovo","xk","383"],["Kuwait","kw","965"],["Kyrgyzstan","kg","996","... ... ..."],["Laos","la","856"],["Latvia","lv","371",".. ... ..."],["Lebanon","lb","961"],["Lesotho","ls","266"],["Liberia","lr","231"],["Libya","ly","218"],["Liechtenstein","li","423"],["Lithuania","lt","370"],["Luxembourg","lu","352"],["Macau","mo","853"],["Macedonia","mk","389"],["Madagascar","mg","261"],["Malawi","mw","265"],["Malaysia","my","60","..-....-...."],["Maldives","mv","960"],["Mali","ml","223"],["Malta","mt","356"],["Marshall Islands","mh","692"],["Martinique","mq","596","... .. .. .."],["Mauritania","mr","222"],["Mauritius","mu","230"],["Mayotte","yt","262","... .. .. ..",1,["269","639"]],["Mexico","mx","52","... ... ....",0],["Micronesia","fm","691"],["Moldova","md","373","(..) ..-..-.."],["Monaco","mc","377"],["Mongolia","mn","976"],["Montenegro","me","382"],["Morocco","ma","212"],["Mozambique","mz","258"],["Myanmar","mm","95"],["Namibia","na","264"],["Nauru","nr","674"],["Nepal","np","977"],["Netherlands","nl","31",{"/^06/":"(.). .........","/^6/":". .........","/^0(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/":"(.).. ........","/^(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/":".. ........","/^0/":"(.)... .......",default:"... ......."}],["New Caledonia","nc","687"],["New Zealand","nz","64","...-...-...."],["Nicaragua","ni","505"],["Niger","ne","227"],["Nigeria","ng","234"],["North Korea","kp","850"],["Norway","no","47","... .. ..."],["Oman","om","968"],["Pakistan","pk","92","...-......."],["Palau","pw","680"],["Palestine","ps","970"],["Panama","pa","507"],["Papua New Guinea","pg","675"],["Paraguay","py","595"],["Peru","pe","51"],["Philippines","ph","63","... ... ...."],["Poland","pl","48","...-...-..."],["Portugal","pt","351"],["Puerto Rico","pr","1","(...) ...-....",3,["787","939"]],["Qatar","qa","974"],["R\xE9union","re","262","... .. .. ..",0],["Romania","ro","40"],["Russia","ru","7","(...) ...-..-..",1],["Rwanda","rw","250"],["Saint Kitts and Nevis","kn","1869"],["Saint Lucia","lc","1758"],["Saint Pierre & Miquelon","pm","508",{"/^708/":"... ... ...","/^8/":"... .. .. ..",default:".. .. .."}],["Saint Vincent and the Grenadines","vc","1784"],["Samoa","ws","685"],["San Marino","sm","378"],["S\xE3o Tom\xE9 and Pr\xEDncipe","st","239"],["Saudi Arabia","sa","966"],["Senegal","sn","221"],["Serbia","rs","381"],["Seychelles","sc","248"],["Sierra Leone","sl","232"],["Singapore","sg","65","....-...."],["Slovakia","sk","421"],["Slovenia","si","386"],["Solomon Islands","sb","677"],["Somalia","so","252"],["South Africa","za","27"],["South Korea","kr","82","... .... ...."],["South Sudan","ss","211"],["Spain","es","34","... ... ..."],["Sri Lanka","lk","94"],["Sudan","sd","249"],["Suriname","sr","597"],["Swaziland","sz","268"],["Sweden","se","46","... ... ..."],["Switzerland","ch","41",".. ... .. .."],["Syria","sy","963"],["Taiwan","tw","886"],["Tajikistan","tj","992"],["Tanzania","tz","255"],["Thailand","th","66"],["Timor-Leste","tl","670"],["Togo","tg","228"],["Tonga","to","676"],["Trinidad and Tobago","tt","1868"],["Tunisia","tn","216"],["Turkey","tr","90","... ... .. .."],["Turkmenistan","tm","993"],["Tuvalu","tv","688"],["Uganda","ug","256"],["Ukraine","ua","380","(..) ... .. .."],["United Arab Emirates","ae","971"],["United Kingdom","gb","44",".... ......"],["United States","us","1","(...) ...-....",0],["Uruguay","uy","598"],["Uzbekistan","uz","998",".. ... .. .."],["Vanuatu","vu","678"],["Vatican City","va","39",".. .... ....",1],["Venezuela","ve","58"],["Vietnam","vn","84"],["Wallis & Futuna","wf","681",".. .. .."],["Yemen","ye","967"],["Zambia","zm","260"],["Zimbabwe","zw","263"]];var xe="react-international-phone-",se$1=(...t)=>t.filter(e=>!!e).join(" ").trim(),Se=(...t)=>se$1(...t).split(" ").map(e=>`${xe}${e}`).join(" "),P$3=({addPrefix:t,rawClassNames:e})=>se$1(Se(...t),...e);var le=({value:t,mask:e,maskSymbol:a,offset:s=0,trimNonMaskCharsLeftover:r=false})=>{if(t.length<s)return t;let n=t.slice(0,s),c=t.slice(s),i=n,o=0;for(let l of e.split("")){if(o>=c.length){if(!r&&l!==a){i+=l;continue}break}l===a?(i+=c[o],o+=1):i+=l;}return i};var F$2=t=>t?/^\d+$/.test(t):false;var z$1=t=>t.replace(/\D/g,"");var ue=(t,e)=>{let a=t.style.display;a!=="block"&&(t.style.display="block");let s=t.getBoundingClientRect(),r=e.getBoundingClientRect(),n=r.top-s.top,c=s.bottom-r.bottom;n>=0&&c>=0||(Math.abs(n)<Math.abs(c)?t.scrollTop+=n:t.scrollTop-=c),t.style.display=a;};var de=()=>typeof window>"u"?false:window.navigator.userAgent.toLowerCase().includes("macintosh");var pe=(t,e)=>{let a=e.disableDialCodeAndPrefix?false:e.forceDialCode,s=e.disableDialCodeAndPrefix?false:e.insertDialCodeOnEmpty,r=t,n=l=>e.trimNonDigitsEnd?l.trim():l;if(!r)return s&&!r.length||a?n(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`):n(r);if(r=z$1(r),r===e.dialCode&&!e.disableDialCodeAndPrefix)return n(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`);if(e.dialCode.startsWith(r)&&!e.disableDialCodeAndPrefix)return n(a?`${e.prefix}${e.dialCode}${e.charAfterDialCode}`:`${e.prefix}${r}`);if(!r.startsWith(e.dialCode)&&!e.disableDialCodeAndPrefix){if(a)return n(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`);if(r.length<e.dialCode.length)return n(`${e.prefix}${r}`)}let c=()=>{let l=e.dialCode.length,d=r.slice(0,l),m=r.slice(l);return {phoneLeftSide:d,phoneRightSide:m}},{phoneLeftSide:i,phoneRightSide:o}=c();return i=`${e.prefix}${i}${e.charAfterDialCode}`,o=le({value:o,mask:e.mask,maskSymbol:e.maskChar,trimNonMaskCharsLeftover:e.trimNonDigitsEnd||e.disableDialCodeAndPrefix&&o.length===0}),e.disableDialCodeAndPrefix&&(i=""),n(`${i}${o}`)};var me=({phoneBeforeInput:t,phoneAfterInput:e,phoneAfterFormatted:a,cursorPositionAfterInput:s,leftOffset:r=0,deletion:n})=>{if(s<r)return r;if(!t)return a.length;let c=null;for(let d=s-1;d>=0;d-=1)if(F$2(e[d])){c=d;break}if(c===null){for(let d=0;d<e.length;d+=1)if(F$2(a[d]))return d;return e.length}let i=0;for(let d=0;d<c;d+=1)F$2(e[d])&&(i+=1);let o=0,l=0;for(let d=0;d<a.length&&(o+=1,F$2(a[d])&&(l+=1),!(l>=i+1));d+=1);if(n!=="backward")for(;!F$2(a[o])&&o<a.length;)o+=1;return o};var O$2=({phone:t,prefix:e})=>t?`${e}${z$1(t)}`:"";function W$4({value:t,country:e,insertDialCodeOnEmpty:a,trimNonDigitsEnd:s,countries:r,prefix:n,charAfterDialCode:c,forceDialCode:i,disableDialCodeAndPrefix:o,defaultMask:l,countryGuessingEnabled:d,disableFormatting:m}){let f=t;o&&(f=f.startsWith(`${n}`)?f:`${n}${e.dialCode}${f}`);let g=d?X$2({phone:f,countries:r,currentCountryIso2:e?.iso2}):void 0,S=g?.country??e,p=pe(f,{prefix:n,mask:Q$1({phone:f,country:S,defaultMask:l,disableFormatting:m}),maskChar:J$2,dialCode:S.dialCode,trimNonDigitsEnd:s,charAfterDialCode:c,forceDialCode:i,insertDialCodeOnEmpty:a,disableDialCodeAndPrefix:o}),C=d&&!g?.fullDialCodeMatch?e:S;return {phone:O$2({phone:o?`${C.dialCode}${p}`:p,prefix:n}),inputValue:p,country:C}}var Ie=t=>{if(t?.toLocaleLowerCase().includes("delete")??false)return t?.toLocaleLowerCase().includes("forward")?"forward":"backward"},fe=(t,{country:e,insertDialCodeOnEmpty:a,phoneBeforeInput:s,prefix:r,charAfterDialCode:n,forceDialCode:c,disableDialCodeAndPrefix:i,countryGuessingEnabled:o,defaultMask:l,disableFormatting:d,countries:m})=>{let f=t.nativeEvent,g=f.inputType,S=Ie(g),p=!!g?.startsWith("insertFrom"),C=g==="insertText",D=f?.data||void 0,I=t.target.value,A=t.target.selectionStart??0;if(g?.includes("history"))return {inputValue:s,phone:O$2({phone:s,prefix:r}),cursorPosition:s.length,country:e};if(C&&!F$2(D)&&I!==r)return {inputValue:s,phone:O$2({phone:i?`${e.dialCode}${s}`:s,prefix:r}),cursorPosition:A-(D?.length??0),country:e};if(c&&!I.startsWith(`${r}${e.dialCode}`)&&!p){let b=I?s:`${r}${e.dialCode}${n}`;return {inputValue:b,phone:O$2({phone:b,prefix:r}),cursorPosition:r.length+e.dialCode.length+n.length,country:e}}let{phone:N,inputValue:u,country:h}=W$4({value:I,country:e,trimNonDigitsEnd:S==="backward",insertDialCodeOnEmpty:a,countryGuessingEnabled:o,countries:m,prefix:r,charAfterDialCode:n,forceDialCode:c,disableDialCodeAndPrefix:i,disableFormatting:d,defaultMask:l}),y=me({cursorPositionAfterInput:A,phoneBeforeInput:s,phoneAfterInput:I,phoneAfterFormatted:u,leftOffset:c?r.length+e.dialCode.length+n.length:0,deletion:S});return {phone:N,inputValue:u,cursorPosition:y,country:h}};var Ce=(t,e)=>{let a=Object.keys(t),s=Object.keys(e);if(a.length!==s.length)return false;for(let r of a)if(t[r]!==e[r])return false;return true};var ye=()=>{let t=useRef(),e=useRef(Date.now());return {check:()=>{let s=Date.now(),r=t.current?s-e.current:void 0;return t.current=e.current,e.current=s,r}}};var ke={size:20,overrideLastItemDebounceMS:-1};function ge(t,e){let{size:a,overrideLastItemDebounceMS:s,onChange:r}={...ke,...e},[n,c]=useState(t),[i,o]=useState([n]),[l,d]=useState(0),m=ye();return [n,(p,C)=>{if(typeof p=="object"&&typeof n=="object"&&Ce(p,n)||p===n)return;let k=s>0,D=m.check(),I=k&&D!==void 0?D>s:true;if(C?.overrideLastItem!==void 0?C.overrideLastItem:!I)o(N=>[...N.slice(0,l),p]);else {let N=i.length>=a;o(u=>[...u.slice(N?1:0,l+1),p]),N||d(u=>u+1);}c(p),r?.(p);},()=>{if(l<=0)return {success:false};let p=i[l-1];return c(p),d(C=>C-1),r?.(p),{success:true,value:p}},()=>{if(l+1>=i.length)return {success:false};let p=i[l+1];return c(p),d(C=>C+1),r?.(p),{success:true,value:p}}]}var J$2=".",E$2={defaultCountry:"us",value:"",prefix:"+",defaultMask:"............",charAfterDialCode:" ",historySaveDebounceMS:200,disableCountryGuess:false,disableDialCodePrefill:false,forceDialCode:false,disableDialCodeAndPrefix:false,disableFormatting:false,countries:_$3},ee=({defaultCountry:t=E$2.defaultCountry,value:e=E$2.value,countries:a=E$2.countries,prefix:s=E$2.prefix,defaultMask:r=E$2.defaultMask,charAfterDialCode:n=E$2.charAfterDialCode,historySaveDebounceMS:c=E$2.historySaveDebounceMS,disableCountryGuess:i=E$2.disableCountryGuess,disableDialCodePrefill:o=E$2.disableDialCodePrefill,forceDialCode:l=E$2.forceDialCode,disableDialCodeAndPrefix:d=E$2.disableDialCodeAndPrefix,disableFormatting:m=E$2.disableFormatting,onChange:f,inputRef:g})=>{let C={countries:a,prefix:s,charAfterDialCode:n,forceDialCode:d?false:l,disableDialCodeAndPrefix:d,defaultMask:r,countryGuessingEnabled:!i,disableFormatting:m},k=useRef(null),D=g||k,I=w=>{Promise.resolve().then(()=>{typeof window>"u"||D.current!==document?.activeElement||D.current?.setSelectionRange(w,w);});},[{phone:A,inputValue:N,country:u},h,y,b]=ge(()=>{let w=$$4({value:t,field:"iso2",countries:a});w||console.error(`[react-international-phone]: can not find a country with "${t}" iso2 code`);let T=w||$$4({value:"us",field:"iso2",countries:a}),{phone:x,inputValue:L,country:U}=W$4({value:e,country:T,insertDialCodeOnEmpty:!o,...C});return I(L.length),{phone:x,inputValue:L,country:U.iso2}},{overrideLastItemDebounceMS:c,onChange:({inputValue:w,phone:T,country:x})=>{if(!f)return;let L=v(x);f({phone:T,inputValue:w,country:L});}}),v=useCallback(w=>$$4({value:w,field:"iso2",countries:a}),[a]),R=useMemo(()=>v(u),[u,v]);useEffect(()=>{let w=D.current;if(!w)return;let T=x=>{if(!x.key)return;let L=x.ctrlKey,U=x.metaKey,ve=x.shiftKey;if(x.key.toLowerCase()==="z"){if(de()){if(!U)return}else if(!L)return;ve?b():y();}};return w.addEventListener("keydown",T),()=>{w.removeEventListener("keydown",T);}},[D,y,b]);let V=w=>{w.preventDefault();let{phone:T,inputValue:x,country:L,cursorPosition:U}=fe(w,{country:R,phoneBeforeInput:N,insertDialCodeOnEmpty:false,...C});return h({inputValue:x,phone:T,country:L.iso2}),I(U),e},K=(w,T={focusOnInput:false})=>{let x=$$4({value:w,field:"iso2",countries:a});if(!x){console.error(`[react-international-phone]: can not find a country with "${w}" iso2 code`);return}let L=d?"":`${s}${x.dialCode}${n}`;h({inputValue:L,phone:`${s}${x.dialCode}`,country:x.iso2}),T.focusOnInput&&Promise.resolve().then(()=>{D.current?.focus();});},[G,j]=useState(false);return useEffect(()=>{if(!G){j(true),e!==A&&f?.({inputValue:N,phone:A,country:R});return}if(e===A)return;let{phone:w,inputValue:T,country:x}=W$4({value:e,country:R,insertDialCodeOnEmpty:!o,...C});h({phone:w,inputValue:T,country:x.iso2});},[e]),{phone:A,inputValue:N,country:R,setCountry:K,handlePhoneValueChange:V,inputRef:D}};var Q$1=({phone:t,country:e,defaultMask:a="............",disableFormatting:s=false})=>{let r=e.format,n=i=>s?i.replace(new RegExp(`[^${J$2}]`,"g"),""):i;if(!r)return n(a);if(typeof r=="string")return n(r);if(!r.default)return console.error(`[react-international-phone]: default mask for ${e.iso2} is not provided`),n(a);let c=Object.keys(r).find(i=>{if(i==="default")return false;if(!(i.charAt(0)==="/"&&i.charAt(i.length-1)==="/"))return console.error(`[react-international-phone]: format regex "${i}" for ${e.iso2} is not valid`),false;let l=new RegExp(i.substring(1,i.length-1)),d=t.replace(e.dialCode,"");return l.test(z$1(d))});return n(c?r[c]:r.default)};var M$5=t=>{let[e,a,s,r,n,c]=t;return {name:e,iso2:a,dialCode:s,format:r,priority:n,areaCodes:c}};var Ae=t=>`Field "${t}" is not supported`,$$4=({field:t,value:e,countries:a=_$3})=>{if(["priority"].includes(t))throw new Error(Ae(t));let s=a.find(r=>{let n=M$5(r);return e===n[t]});if(s)return M$5(s)};var X$2=({phone:t,countries:e=_$3,currentCountryIso2:a})=>{let s={country:void 0,fullDialCodeMatch:false};if(!t)return s;let r=z$1(t);if(!r)return s;let n=s,c=({country:i,fullDialCodeMatch:o})=>{let l=i.dialCode===n.country?.dialCode,d=(i.priority??0)<(n.country?.priority??0);(!l||d)&&(n={country:i,fullDialCodeMatch:o});};for(let i of e){let o=M$5(i),{dialCode:l,areaCodes:d}=o;if(r.startsWith(l)){let m=n.country?Number(l)>=Number(n.country.dialCode):true;if(d){let f=r.substring(l.length);for(let g of d)if(f.startsWith(g))return {country:o,fullDialCodeMatch:true}}(m||l===r||!n.fullDialCodeMatch)&&c({country:o,fullDialCodeMatch:true});}n.fullDialCodeMatch||r.length<l.length&&l.startsWith(r)&&(!n.country||Number(l)<=Number(n.country.dialCode))&&c({country:o,fullDialCodeMatch:false});}if(a){let i=$$4({value:a,field:"iso2",countries:e});if(!i)return n;let l=i?(m=>{if(!m?.areaCodes)return false;let f=r.substring(m.dialCode.length);return m.areaCodes.some(g=>g.startsWith(f))})(i):false;!!n&&n.country?.dialCode===i.dialCode&&n.country!==i&&n.fullDialCodeMatch&&(!i.areaCodes||l)&&(n={country:i,fullDialCodeMatch:true});}return n};var Te=(t,e)=>{let a=parseInt(t,16);return Number(a+e).toString(16)},Ee="abcdefghijklmnopqrstuvwxyz",Le="1f1e6",Pe=Ee.split("").reduce((t,e,a)=>({...t,[e]:Te(Le,a)}),{}),$e=t=>[Pe[t[0]],Pe[t[1]]].join("-"),q$3=({iso2:t,size:e,src:a,protocol:s="https",disableLazyLoading:r,className:n,style:c,...i})=>{if(!t)return React__default.createElement("img",{className:P$3({addPrefix:["flag-emoji"],rawClassNames:[n]}),width:e,height:e,...i});let o=()=>{if(a)return a;let l=$e(t);return `${s}://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/${l}.svg`};return React__default.createElement("img",{className:P$3({addPrefix:["flag-emoji"],rawClassNames:[n]}),src:o(),width:e,height:e,draggable:false,"data-country":t,loading:r?void 0:"lazy",style:{width:e,height:e,...c},alt:"",...i})};var He=1e3,ne=({show:t,dialCodePrefix:e="+",selectedCountry:a,countries:s=_$3,preferredCountries:r=[],flags:n,onSelect:c,onClose:i,...o})=>{let l=useRef(null),d=useRef(),m=useMemo(()=>{if(!r||!r.length)return s;let u=[],h=[...s];for(let y of r){let b=h.findIndex(v=>M$5(v).iso2===y);if(b!==-1){let v=h.splice(b,1)[0];u.push(v);}}return u.concat(h)},[s,r]),f=useRef({updatedAt:void 0,value:""}),g=u=>{let h=f.current.updatedAt&&new Date().getTime()-f.current.updatedAt.getTime()>He;f.current={value:h?u:`${f.current.value}${u}`,updatedAt:new Date};let y=m.findIndex(b=>M$5(b).name.toLowerCase().startsWith(f.current.value));y!==-1&&C(y);},S=useCallback(u=>m.findIndex(h=>M$5(h).iso2===u),[m]),[p,C]=useState(S(a)),k=()=>{d.current!==a&&C(S(a));},D=useCallback(u=>{C(S(u.iso2)),c?.(u);},[c,S]),I=u=>{let h=m.length-1,y=b=>u==="prev"?b-1:u==="next"?b+1:u==="last"?h:0;C(b=>{let v=y(b);return v<0?0:v>h?h:v});},A=u=>{if(u.stopPropagation(),u.key==="Enter"){u.preventDefault();let h=M$5(m[p]);D(h);return}if(u.key==="Escape"){i?.();return}if(u.key==="ArrowUp"){u.preventDefault(),I("prev");return}if(u.key==="ArrowDown"){u.preventDefault(),I("next");return}if(u.key==="PageUp"){u.preventDefault(),I("first");return}if(u.key==="PageDown"){u.preventDefault(),I("last");return}u.key===" "&&u.preventDefault(),u.key.length===1&&!u.altKey&&!u.ctrlKey&&!u.metaKey&&g(u.key.toLocaleLowerCase());},N=useCallback(()=>{if(!l.current||p===void 0)return;let u=M$5(m[p]).iso2;if(u===d.current)return;let h=l.current.querySelector(`[data-country="${u}"]`);h&&(ue(l.current,h),d.current=u);},[p,m]);return useEffect(()=>{N();},[p,N]),useEffect(()=>{l.current&&(t?l.current.focus():k());},[t]),useEffect(()=>{k();},[a]),React__default.createElement("ul",{ref:l,role:"listbox",className:P$3({addPrefix:["country-selector-dropdown"],rawClassNames:[o.className]}),style:{display:t?"block":"none",...o.style},onKeyDown:A,onBlur:i,tabIndex:-1,"aria-activedescendant":`react-international-phone__${M$5(m[p]).iso2}-option`},m.map((u,h)=>{let y=M$5(u),b=y.iso2===a,v=h===p,R=r.includes(y.iso2),V=h===r.length-1,K=n?.find(G=>G.iso2===y.iso2);return React__default.createElement(React__default.Fragment,{key:y.iso2},React__default.createElement("li",{"data-country":y.iso2,role:"option","aria-selected":b,"aria-label":`${y.name} ${e}${y.dialCode}`,id:`react-international-phone__${y.iso2}-option`,className:P$3({addPrefix:["country-selector-dropdown__list-item",R&&"country-selector-dropdown__list-item--preferred",b&&"country-selector-dropdown__list-item--selected",v&&"country-selector-dropdown__list-item--focused"],rawClassNames:[o.listItemClassName,R&&o.listItemPreferredClassName,b&&o.listItemSelectedClassName,v&&o.listItemFocusedClassName]}),onClick:()=>D(y),style:o.listItemStyle,title:y.name},React__default.createElement(q$3,{iso2:y.iso2,src:K?.src,className:P$3({addPrefix:["country-selector-dropdown__list-item-flag-emoji"],rawClassNames:[o.listItemFlagClassName]}),style:o.listItemFlagStyle}),React__default.createElement("span",{className:P$3({addPrefix:["country-selector-dropdown__list-item-country-name"],rawClassNames:[o.listItemCountryNameClassName]}),style:o.listItemCountryNameStyle},y.name),React__default.createElement("span",{className:P$3({addPrefix:["country-selector-dropdown__list-item-dial-code"],rawClassNames:[o.listItemDialCodeClassName]}),style:o.listItemDialCodeStyle},e,y.dialCode)),V?React__default.createElement("hr",{className:P$3({addPrefix:["country-selector-dropdown__preferred-list-divider"],rawClassNames:[o.preferredListDividerClassName]}),style:o.preferredListDividerStyle}):null)}))};var ae=({selectedCountry:t,onSelect:e,disabled:a,hideDropdown:s,countries:r=_$3,preferredCountries:n=[],flags:c,renderButtonWrapper:i,...o})=>{let[l,d]=useState(false),m=useMemo(()=>{if(t)return $$4({value:t,field:"iso2",countries:r})},[r,t]),f=useRef(null),g=p=>{p.key&&["ArrowUp","ArrowDown"].includes(p.key)&&(p.preventDefault(),d(true));},S=()=>{let p={title:m?.name,onClick:()=>d(k=>!k),onMouseDown:k=>k.preventDefault(),onKeyDown:g,disabled:s||a,role:"combobox","aria-label":"Country selector","aria-haspopup":"listbox","aria-expanded":l},C=React__default.createElement("div",{className:P$3({addPrefix:["country-selector-button__button-content"],rawClassNames:[o.buttonContentWrapperClassName]}),style:o.buttonContentWrapperStyle},React__default.createElement(q$3,{iso2:t,src:c?.find(k=>k.iso2===t)?.src,className:P$3({addPrefix:["country-selector-button__flag-emoji",a&&"country-selector-button__flag-emoji--disabled"],rawClassNames:[o.flagClassName]}),style:{visibility:t?"visible":"hidden",...o.flagStyle}}),!s&&React__default.createElement("div",{className:P$3({addPrefix:["country-selector-button__dropdown-arrow",a&&"country-selector-button__dropdown-arrow--disabled",l&&"country-selector-button__dropdown-arrow--active"],rawClassNames:[o.dropdownArrowClassName]}),style:o.dropdownArrowStyle}));return i?i({children:C,rootProps:p}):React__default.createElement("button",{...p,type:"button",className:P$3({addPrefix:["country-selector-button",l&&"country-selector-button--active",a&&"country-selector-button--disabled",s&&"country-selector-button--hide-dropdown"],rawClassNames:[o.buttonClassName]}),"data-country":t,style:o.buttonStyle},C)};return React__default.createElement("div",{className:P$3({addPrefix:["country-selector"],rawClassNames:[o.className]}),style:o.style,ref:f},S(),React__default.createElement(ne,{show:l,countries:r,preferredCountries:n,flags:c,onSelect:p=>{d(false),e?.(p);},selectedCountry:t,onClose:()=>{d(false);},...o.dropdownStyleProps}))};var ie=({dialCode:t,prefix:e,disabled:a,style:s,className:r})=>React__default.createElement("div",{className:P$3({addPrefix:["dial-code-preview",a&&"dial-code-preview--disabled"],rawClassNames:[r]}),style:s},`${e}${t}`);forwardRef(({value:t,onChange:e,countries:a=_$3,preferredCountries:s=[],hideDropdown:r,showDisabledDialCodeAndPrefix:n,disableFocusAfterCountrySelect:c,flags:i,style:o,className:l,inputStyle:d,inputClassName:m,countrySelectorStyleProps:f,dialCodePreviewStyleProps:g,inputProps:S,placeholder:p,disabled:C,name:k,onFocus:D,onBlur:I,required:A,autoFocus:N,...u},h)=>{let{phone:y,inputValue:b,inputRef:v,country:R,setCountry:V,handlePhoneValueChange:K}=ee({value:t,countries:a,...u,onChange:j=>{e?.(j.phone,{country:j.country,inputValue:j.inputValue});}}),G=u.disableDialCodeAndPrefix&&n&&R?.dialCode;return useImperativeHandle(h,()=>v.current?Object.assign(v.current,{setCountry:V,state:{phone:y,inputValue:b,country:R}}):null,[v,V,y,b,R]),React__default.createElement("div",{ref:h,className:P$3({addPrefix:["input-container"],rawClassNames:[l]}),style:o},React__default.createElement(ae,{onSelect:j=>V(j.iso2,{focusOnInput:!c}),flags:i,selectedCountry:R.iso2,countries:a,preferredCountries:s,disabled:C,hideDropdown:r,...f}),G&&React__default.createElement(ie,{dialCode:R.dialCode,prefix:u.prefix??"+",disabled:C,...g}),React__default.createElement("input",{onChange:K,value:b,type:"tel",ref:v,className:P$3({addPrefix:["input",C&&"input--disabled"],rawClassNames:[m]}),placeholder:p,disabled:C,style:d,name:k,onFocus:D,onBlur:I,autoFocus:N,required:A,...S}))});
|
|
13935
|
+
var R$2=[["Afghanistan","af","93"],["Albania","al","355"],["Algeria","dz","213"],["Andorra","ad","376"],["Angola","ao","244"],["Antigua and Barbuda","ag","1268"],["Argentina","ar","54",{default:"(..) .... ....","/^11/":"(..) .... ....","/^15/":"(..) ... ....","/^(2|3|4|5)/":"(.) .... ....","/^9/":"(.) .... ....."},0],["Armenia","am","374",".. ......"],["Aruba","aw","297"],["Australia","au","61",{default:". .... ....","/^4/":"... ... ...","/^5(?!50)/":"... ... ...","/^1(3|8)00/":".... ... ...","/^13/":".. .. ..","/^180/":"... ...."},0,[]],["Austria","at","43"],["Azerbaijan","az","994","(..) ... .. .."],["Bahamas","bs","1242"],["Bahrain","bh","973",".... ...."],["Bangladesh","bd","880"],["Barbados","bb","1246"],["Belarus","by","375","(..) ... .. .."],["Belgium","be","32","... .. .. .."],["Belize","bz","501"],["Benin","bj","229"],["Bhutan","bt","975"],["Bolivia","bo","591"],["Bosnia and Herzegovina","ba","387"],["Botswana","bw","267"],["Brazil","br","55","(..) .....-...."],["British Indian Ocean Territory","io","246"],["Brunei","bn","673"],["Bulgaria","bg","359"],["Burkina Faso","bf","226"],["Burundi","bi","257"],["Cambodia","kh","855"],["Cameroon","cm","237"],["Canada","ca","1","(...) ...-....",1,["204","226","236","249","250","289","306","343","365","387","403","416","418","431","437","438","450","506","514","519","548","579","581","587","604","613","639","647","672","705","709","742","778","780","782","807","819","825","867","873","902","905"]],["Cape Verde","cv","238"],["Caribbean Netherlands","bq","599","",1],["Cayman Islands","ky","1","... ... ....",4,["345"]],["Central African Republic","cf","236"],["Chad","td","235"],["Chile","cl","56"],["China","cn","86","... .... ...."],["Colombia","co","57","... ... ...."],["Comoros","km","269"],["Congo","cd","243"],["Congo","cg","242"],["Costa Rica","cr","506","....-...."],["C\xF4te d'Ivoire","ci","225",".. .. .. .. .."],["Croatia","hr","385"],["Cuba","cu","53"],["Cura\xE7ao","cw","599","",0],["Cyprus","cy","357",".. ......"],["Czech Republic","cz","420","... ... ..."],["Denmark","dk","45",".. .. .. .."],["Djibouti","dj","253",".. .. ...."],["Dominica","dm","1767"],["Dominican Republic","do","1","(...) ...-....",2,["809","829","849"]],["Ecuador","ec","593"],["Egypt","eg","20"],["El Salvador","sv","503","....-...."],["Equatorial Guinea","gq","240"],["Eritrea","er","291"],["Estonia","ee","372",".... ......"],["Ethiopia","et","251",".. ... ...."],["Faroe Islands","fo","298",".. .. .."],["Fiji","fj","679"],["Finland","fi","358",".. ... .. .."],["France","fr","33",". .. .. .. .."],["French Guiana","gf","594","... .. .. .."],["French Polynesia","pf","689",{"/^44/":".. .. ..","/^80[0-5]/":"... .. .. ..",default:".. .. .. .."}],["Gabon","ga","241"],["Gambia","gm","220"],["Georgia","ge","995"],["Germany","de","49","... ........."],["Ghana","gh","233"],["Gibraltar","gi","350"],["Greece","gr","30"],["Greenland","gl","299",".. .. .."],["Grenada","gd","1473"],["Guadeloupe","gp","590","... .. .. ..",0],["Guam","gu","1671"],["Guatemala","gt","502","....-...."],["Guinea","gn","224"],["Guinea-Bissau","gw","245"],["Guyana","gy","592"],["Haiti","ht","509","....-...."],["Honduras","hn","504"],["Hong Kong","hk","852",".... ...."],["Hungary","hu","36"],["Iceland","is","354","... ...."],["India","in","91",".....-....."],["Indonesia","id","62"],["Iran","ir","98","... ... ...."],["Iraq","iq","964"],["Ireland","ie","353",".. ......."],["Israel","il","972","... ... ...."],["Italy","it","39","... .......",0],["Jamaica","jm","1876"],["Japan","jp","81",".. .... ...."],["Jordan","jo","962"],["Kazakhstan","kz","7","... ...-..-..",0],["Kenya","ke","254"],["Kiribati","ki","686"],["Kosovo","xk","383"],["Kuwait","kw","965",".... ...."],["Kyrgyzstan","kg","996","... ... ..."],["Laos","la","856"],["Latvia","lv","371",".. ... ..."],["Lebanon","lb","961"],["Lesotho","ls","266"],["Liberia","lr","231"],["Libya","ly","218"],["Liechtenstein","li","423"],["Lithuania","lt","370"],["Luxembourg","lu","352"],["Macau","mo","853"],["Macedonia","mk","389"],["Madagascar","mg","261"],["Malawi","mw","265"],["Malaysia","my","60","..-....-...."],["Maldives","mv","960"],["Mali","ml","223"],["Malta","mt","356"],["Marshall Islands","mh","692"],["Martinique","mq","596","... .. .. .."],["Mauritania","mr","222"],["Mauritius","mu","230"],["Mayotte","yt","262","... .. .. ..",1,["269","639"]],["Mexico","mx","52","... ... ....",0],["Micronesia","fm","691"],["Moldova","md","373","(..) ..-..-.."],["Monaco","mc","377"],["Mongolia","mn","976"],["Montenegro","me","382"],["Morocco","ma","212"],["Mozambique","mz","258"],["Myanmar","mm","95"],["Namibia","na","264"],["Nauru","nr","674"],["Nepal","np","977"],["Netherlands","nl","31",{"/^06/":"(.). .........","/^6/":". .........","/^0(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/":"(.).. ........","/^(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/":".. ........","/^0/":"(.)... .......",default:"... ......."}],["New Caledonia","nc","687"],["New Zealand","nz","64","...-...-...."],["Nicaragua","ni","505"],["Niger","ne","227"],["Nigeria","ng","234"],["North Korea","kp","850"],["Norway","no","47","... .. ..."],["Oman","om","968",".... ...."],["Pakistan","pk","92","...-......."],["Palau","pw","680"],["Palestine","ps","970"],["Panama","pa","507"],["Papua New Guinea","pg","675"],["Paraguay","py","595"],["Peru","pe","51"],["Philippines","ph","63","... ... ...."],["Poland","pl","48","...-...-..."],["Portugal","pt","351"],["Puerto Rico","pr","1","(...) ...-....",3,["787","939"]],["Qatar","qa","974",".... ...."],["R\xE9union","re","262","... .. .. ..",0],["Romania","ro","40"],["Russia","ru","7","(...) ...-..-..",1],["Rwanda","rw","250"],["Saint Kitts and Nevis","kn","1869"],["Saint Lucia","lc","1758"],["Saint Pierre & Miquelon","pm","508",{"/^708/":"... ... ...","/^8/":"... .. .. ..",default:".. .. .."}],["Saint Vincent and the Grenadines","vc","1784"],["Samoa","ws","685"],["San Marino","sm","378"],["S\xE3o Tom\xE9 and Pr\xEDncipe","st","239"],["Saudi Arabia","sa","966",".. ... ...."],["Senegal","sn","221"],["Serbia","rs","381"],["Seychelles","sc","248"],["Sierra Leone","sl","232"],["Singapore","sg","65","....-...."],["Slovakia","sk","421"],["Slovenia","si","386"],["Solomon Islands","sb","677"],["Somalia","so","252"],["South Africa","za","27"],["South Korea","kr","82","... .... ...."],["South Sudan","ss","211"],["Spain","es","34","... ... ..."],["Sri Lanka","lk","94"],["Sudan","sd","249"],["Suriname","sr","597"],["Swaziland","sz","268"],["Sweden","se","46","... ... ..."],["Switzerland","ch","41",".. ... .. .."],["Syria","sy","963"],["Taiwan","tw","886"],["Tajikistan","tj","992"],["Tanzania","tz","255"],["Thailand","th","66"],["Timor-Leste","tl","670"],["Togo","tg","228"],["Tonga","to","676"],["Trinidad and Tobago","tt","1868"],["Tunisia","tn","216"],["Turkey","tr","90","... ... .. .."],["Turkmenistan","tm","993"],["Tuvalu","tv","688"],["Uganda","ug","256"],["Ukraine","ua","380","(..) ... .. .."],["United Arab Emirates","ae","971",{default:".. ... ....","/^5[024568]/":".. ... ....","/^[234679]/":". ... ...."}],["United Kingdom","gb","44",".... ......"],["United States","us","1","(...) ...-....",0],["Uruguay","uy","598"],["Uzbekistan","uz","998",".. ... .. .."],["Vanuatu","vu","678"],["Vatican City","va","39",".. .... ....",1],["Venezuela","ve","58"],["Vietnam","vn","84"],["Wallis & Futuna","wf","681",".. .. .."],["Yemen","ye","967"],["Zambia","zm","260"],["Zimbabwe","zw","263"]];var ke="react-international-phone-",ue=(...t)=>t.filter(e=>!!e).join(" ").trim(),Ne=(...t)=>ue(...t).split(" ").map(e=>`${ke}${e}`).join(" "),P$3=({addPrefix:t,rawClassNames:e})=>ue(Ne(...t),...e);var de=({value:t,mask:e,maskSymbol:n,offset:s=0,trimNonMaskCharsLeftover:r=false})=>{if(t.length<s)return t;let i=t.slice(0,s),c=t.slice(s),a=i,o=0;for(let l of e.split("")){if(o>=c.length){if(!r&&l!==n){a+=l;continue}break}l===n?(a+=c[o],o+=1):a+=l;}return a};var V$1=t=>t?/^\d+$/.test(t):false;var H$4=t=>t.replace(/\D/g,"");var ce=(t,e)=>{let n=t.style.display;n!=="block"&&(t.style.display="block");let s=t.getBoundingClientRect(),r=e.getBoundingClientRect(),i=r.top-s.top,c=s.bottom-r.bottom;i>=0&&c>=0||(Math.abs(i)<Math.abs(c)?t.scrollTop+=i:t.scrollTop-=c),t.style.display=n;};var pe=()=>typeof window>"u"?false:window.navigator.userAgent.toLowerCase().includes("macintosh");var fe=(t,e)=>{let n=e.disableDialCodeAndPrefix?false:e.forceDialCode,s=e.disableDialCodeAndPrefix?false:e.insertDialCodeOnEmpty,r=t,i=l=>e.trimNonDigitsEnd?l.trim():l;if(!r)return s&&!r.length||n?i(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`):i(r);if(r=H$4(r),r===e.dialCode&&!e.disableDialCodeAndPrefix)return i(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`);if(e.dialCode.startsWith(r)&&!e.disableDialCodeAndPrefix)return i(n?`${e.prefix}${e.dialCode}${e.charAfterDialCode}`:`${e.prefix}${r}`);if(!r.startsWith(e.dialCode)&&!e.disableDialCodeAndPrefix){if(n)return i(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`);if(r.length<e.dialCode.length)return i(`${e.prefix}${r}`)}let c=()=>{let l=e.dialCode.length,u=r.slice(0,l),m=r.slice(l);return {phoneLeftSide:u,phoneRightSide:m}},{phoneLeftSide:a,phoneRightSide:o}=c();return a=`${e.prefix}${a}${e.charAfterDialCode}`,o=de({value:o,mask:e.mask,maskSymbol:e.maskChar,trimNonMaskCharsLeftover:e.trimNonDigitsEnd||e.disableDialCodeAndPrefix&&o.length===0}),e.disableDialCodeAndPrefix&&(a=""),i(`${a}${o}`)};var Ce=({phoneBeforeInput:t,phoneAfterInput:e,phoneAfterFormatted:n,cursorPositionAfterInput:s,leftOffset:r=0,deletion:i})=>{if(s<r)return r;if(!t)return n.length;let c=null;for(let u=s-1;u>=0;u-=1)if(V$1(e[u])){c=u;break}if(c===null){for(let u=0;u<e.length;u+=1)if(V$1(n[u]))return u;return e.length}let a=0;for(let u=0;u<c;u+=1)V$1(e[u])&&(a+=1);let o=0,l=0;for(let u=0;u<n.length&&(o+=1,V$1(n[u])&&(l+=1),!(l>=a+1));u+=1);if(i!=="backward")for(;!V$1(n[o])&&o<n.length;)o+=1;return o};var B$3=({phone:t,prefix:e})=>t?`${e}${H$4(t)}`:"";function U$1({value:t,country:e,insertDialCodeOnEmpty:n,trimNonDigitsEnd:s,countries:r,prefix:i,charAfterDialCode:c,forceDialCode:a,disableDialCodeAndPrefix:o,defaultMask:l,countryGuessingEnabled:u,disableFormatting:m}){let f=t;o&&(f=f.startsWith(`${i}`)?f:`${i}${e.dialCode}${f}`);let p=u?Y$1({phone:f,countries:r,currentCountryIso2:e?.iso2}):void 0,v=p?.country??e,C=fe(f,{prefix:i,mask:X$2({phone:f,country:v,defaultMask:l,disableFormatting:m}),maskChar:q$3,dialCode:v.dialCode,trimNonDigitsEnd:s,charAfterDialCode:c,forceDialCode:a,insertDialCodeOnEmpty:n,disableDialCodeAndPrefix:o}),w=u&&!p?.fullDialCodeMatch?e:v;return {phone:B$3({phone:o?`${w.dialCode}${C}`:C,prefix:i}),inputValue:C,country:w}}var Re=t=>{if(t?.toLocaleLowerCase().includes("delete")??false)return t?.toLocaleLowerCase().includes("forward")?"forward":"backward"},he=(t,{country:e,insertDialCodeOnEmpty:n,phoneBeforeInput:s,prefix:r,charAfterDialCode:i,forceDialCode:c,disableDialCodeAndPrefix:a,countryGuessingEnabled:o,defaultMask:l,disableFormatting:u,countries:m})=>{let f=t.nativeEvent,p=f.inputType,v=Re(p),C=!!p?.startsWith("insertFrom"),w=p==="insertText",D=f?.data||void 0,k=t.target.value,N=t.target.selectionStart??0;if(p?.includes("history"))return {inputValue:s,phone:B$3({phone:s,prefix:r}),cursorPosition:s.length,country:e};if(w&&!V$1(D)&&k!==r)return {inputValue:s,phone:B$3({phone:a?`${e.dialCode}${s}`:s,prefix:r}),cursorPosition:N-(D?.length??0),country:e};if(c&&!k.startsWith(`${r}${e.dialCode}`)&&!C){let b=k?s:`${r}${e.dialCode}${i}`;return {inputValue:b,phone:B$3({phone:b,prefix:r}),cursorPosition:r.length+e.dialCode.length+i.length,country:e}}let{phone:F,inputValue:d,country:h}=U$1({value:k,country:e,trimNonDigitsEnd:v==="backward",insertDialCodeOnEmpty:n,countryGuessingEnabled:o,countries:m,prefix:r,charAfterDialCode:i,forceDialCode:c,disableDialCodeAndPrefix:a,disableFormatting:u,defaultMask:l}),y=Ce({cursorPositionAfterInput:N,phoneBeforeInput:s,phoneAfterInput:k,phoneAfterFormatted:d,leftOffset:c?r.length+e.dialCode.length+i.length:0,deletion:v});return {phone:F,inputValue:d,cursorPosition:y,country:h}};var ye=(t,e)=>{let n=Object.keys(t),s=Object.keys(e);if(n.length!==s.length)return false;for(let r of n)if(t[r]!==e[r])return false;return true};var be=()=>{let t=useRef(),e=useRef(Date.now()),n=useCallback(()=>{let s=Date.now(),r=t.current?s-e.current:void 0;return t.current=e.current,e.current=s,r},[]);return useMemo(()=>({check:n}),[n])};var Ee={size:20,overrideLastItemDebounceMS:-1};function Pe(t,e){let{size:n,overrideLastItemDebounceMS:s,onChange:r}={...Ee,...e},[i,c]=useState(t),a=useRef([i]),o=useRef(0),l=be(),u=useCallback((p,v)=>{let C=a.current[o.current];if(p===C||typeof p=="object"&&typeof C=="object"&&ye(p,C))return;let w=s>0,S=l.check(),D=w&&S!==void 0?S>s:true;if(v?.overrideLastItem!==void 0?v.overrideLastItem:!D)a.current=[...a.current.slice(0,o.current),p];else {let N=a.current.length>=n;a.current=[...a.current.slice(N?1:0,o.current+1),p],N||(o.current+=1);}c(p),r?.(p);},[r,s,n,l]),m=useCallback(()=>{if(o.current<=0)return {success:false};let p=a.current[o.current-1];return c(p),o.current-=1,r?.(p),{success:true,value:p}},[r]),f=useCallback(()=>{if(o.current+1>=a.current.length)return {success:false};let p=a.current[o.current+1];return c(p),o.current+=1,r?.(p),{success:true,value:p}},[r]);return [i,u,m,f]}var q$3=".",T$4={defaultCountry:"us",value:"",prefix:"+",defaultMask:"............",charAfterDialCode:" ",historySaveDebounceMS:200,disableCountryGuess:false,disableDialCodePrefill:false,forceDialCode:false,disableDialCodeAndPrefix:false,disableFormatting:false,countries:R$2},re=({defaultCountry:t=T$4.defaultCountry,value:e=T$4.value,countries:n=T$4.countries,prefix:s=T$4.prefix,defaultMask:r=T$4.defaultMask,charAfterDialCode:i=T$4.charAfterDialCode,historySaveDebounceMS:c=T$4.historySaveDebounceMS,disableCountryGuess:a=T$4.disableCountryGuess,disableDialCodePrefill:o=T$4.disableDialCodePrefill,forceDialCode:l=T$4.forceDialCode,disableDialCodeAndPrefix:u=T$4.disableDialCodeAndPrefix,disableFormatting:m=T$4.disableFormatting,onChange:f,inputRef:p})=>{let w={countries:n,prefix:s,charAfterDialCode:i,forceDialCode:u?false:l,disableDialCodeAndPrefix:u,defaultMask:r,countryGuessingEnabled:!a,disableFormatting:m},S=useRef(null),D=p||S,k=g=>{Promise.resolve().then(()=>{typeof window>"u"||D.current!==document?.activeElement||D.current?.setSelectionRange(g,g);});},N=useCallback(g=>$$4({value:g,field:"iso2",countries:n}),[n]),F=useCallback(({inputValue:g,phone:A,country:x})=>{if(!f)return;let L=N(x);f({phone:A,inputValue:g,country:L});},[N,f]),[{phone:d,inputValue:h,country:y},b,I,E]=Pe(()=>{let g=$$4({value:t,field:"iso2",countries:n});g||console.error(`[react-international-phone]: can not find a country with "${t}" iso2 code`);let A=g||$$4({value:"us",field:"iso2",countries:n}),{phone:x,inputValue:L,country:K}=U$1({value:e,country:A,insertDialCodeOnEmpty:!o,...w});return k(L.length),{phone:x,inputValue:L,country:K.iso2}},{overrideLastItemDebounceMS:c,onChange:F}),_=useMemo(()=>N(y),[y,N]);useEffect(()=>{let g=D.current;if(!g)return;let A=x=>{if(!x.key)return;let L=x.ctrlKey,K=x.metaKey,Ie=x.shiftKey;if(x.key.toLowerCase()==="z"){if(pe()){if(!K)return}else if(!L)return;Ie?E():I();}};return g.addEventListener("keydown",A),()=>{g.removeEventListener("keydown",A);}},[D,I,E]);let z=g=>{g.preventDefault();let{phone:A,inputValue:x,country:L,cursorPosition:K}=he(g,{country:_,phoneBeforeInput:h,insertDialCodeOnEmpty:false,...w});return b({inputValue:x,phone:A,country:L.iso2}),k(K),e},G=useCallback((g,A={focusOnInput:false})=>{let x=$$4({value:g,field:"iso2",countries:n});if(!x){console.error(`[react-international-phone]: can not find a country with "${g}" iso2 code`);return}let L=u?"":`${s}${x.dialCode}${i}`;b({inputValue:L,phone:`${s}${x.dialCode}`,country:x.iso2}),A.focusOnInput&&Promise.resolve().then(()=>{D.current?.focus();});},[n,u,s,i,b,D]),[Z,Q]=useState(false);return useEffect(()=>{if(!Z){Q(true),e!==d&&f?.({inputValue:h,phone:d,country:_});return}if(e===d)return;let{phone:g,inputValue:A,country:x}=U$1({value:e,country:_,insertDialCodeOnEmpty:!o,...w});b({phone:g,inputValue:A,country:x.iso2});},[e]),{phone:d,inputValue:h,country:_,setCountry:G,handlePhoneValueChange:z,inputRef:D}};var X$2=({phone:t,country:e,defaultMask:n="............",disableFormatting:s=false})=>{let r=e.format,i=a=>s?a.replace(new RegExp(`[^${q$3}]`,"g"),""):a;if(!r)return i(n);if(typeof r=="string")return i(r);if(!r.default)return console.error(`[react-international-phone]: default mask for ${e.iso2} is not provided`),i(n);let c=Object.keys(r).find(a=>{if(a==="default")return false;if(!(a.charAt(0)==="/"&&a.charAt(a.length-1)==="/"))return console.error(`[react-international-phone]: format regex "${a}" for ${e.iso2} is not valid`),false;let l=new RegExp(a.substring(1,a.length-1)),u=t.replace(e.dialCode,"");return l.test(H$4(u))});return i(c?r[c]:r.default)};var M$5=t=>{let[e,n,s,r,i,c]=t;return {name:e,iso2:n,dialCode:s,format:r,priority:i,areaCodes:c}};var ze=t=>`Field "${t}" is not supported`,$$4=({field:t,value:e,countries:n=R$2})=>{if(["priority"].includes(t))throw new Error(ze(t));let s=n.find(r=>{let i=M$5(r);return e===i[t]});if(s)return M$5(s)};var Y$1=({phone:t,countries:e=R$2,currentCountryIso2:n})=>{let s={country:void 0,fullDialCodeMatch:false};if(!t)return s;let r=H$4(t);if(!r)return s;let i=s,c=({country:a,fullDialCodeMatch:o})=>{let l=a.dialCode===i.country?.dialCode,u=(a.priority??0)<(i.country?.priority??0);(!l||u)&&(i={country:a,fullDialCodeMatch:o});};for(let a of e){let o=M$5(a),{dialCode:l,areaCodes:u}=o;if(r.startsWith(l)){let m=i.country?Number(l)>=Number(i.country.dialCode):true;if(u){let f=r.substring(l.length);for(let p of u)if(f.startsWith(p))return {country:o,fullDialCodeMatch:true}}(m||l===r||!i.fullDialCodeMatch)&&c({country:o,fullDialCodeMatch:true});}i.fullDialCodeMatch||r.length<l.length&&l.startsWith(r)&&(!i.country||Number(l)<=Number(i.country.dialCode))&&c({country:o,fullDialCodeMatch:false});}if(n){let a=$$4({value:n,field:"iso2",countries:e});if(!a)return i;let l=a?(m=>{if(!m?.areaCodes)return false;let f=r.substring(m.dialCode.length);return m.areaCodes.some(p=>p.startsWith(f))})(a):false;!!i&&i.country?.dialCode===a.dialCode&&i.country!==a&&i.fullDialCodeMatch&&(!a.areaCodes||l)&&(i={country:a,fullDialCodeMatch:true});}return i};var Ve=(t,e)=>{let n=parseInt(t,16);return Number(n+e).toString(16)},He="abcdefghijklmnopqrstuvwxyz",je="1f1e6",Se=He.split("").reduce((t,e,n)=>({...t,[e]:Ve(je,n)}),{}),Oe=t=>[Se[t[0]],Se[t[1]]].join("-"),W$4=({iso2:t,size:e,src:n,protocol:s="https",disableLazyLoading:r,className:i,style:c,...a})=>{if(!t)return React__default.createElement("img",{className:P$3({addPrefix:["flag-emoji"],rawClassNames:[i]}),width:e,height:e,...a});let o=()=>{if(n)return n;let l=Oe(t);return `${s}://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/${l}.svg`};return React__default.createElement("img",{className:P$3({addPrefix:["flag-emoji"],rawClassNames:[i]}),src:o(),width:e,height:e,draggable:false,"data-country":t,loading:r?void 0:"lazy",style:{width:e,height:e,...c},alt:"",...a})};var Ke=1e3,ie=({show:t,dialCodePrefix:e="+",selectedCountry:n,countries:s=R$2,preferredCountries:r=[],flags:i,onSelect:c,onClose:a,...o})=>{let l=useRef(null),u=useRef(),m=useMemo(()=>{if(!r||!r.length)return s;let d=[],h=[...s];for(let y of r){let b=h.findIndex(I=>M$5(I).iso2===y);if(b!==-1){let I=h.splice(b,1)[0];d.push(I);}}return d.concat(h)},[s,r]),f=useRef({updatedAt:void 0,value:""}),p=d=>{let h=f.current.updatedAt&&new Date().getTime()-f.current.updatedAt.getTime()>Ke;f.current={value:h?d:`${f.current.value}${d}`,updatedAt:new Date};let y=m.findIndex(b=>M$5(b).name.toLowerCase().startsWith(f.current.value));y!==-1&&w(y);},v=useCallback(d=>m.findIndex(h=>M$5(h).iso2===d),[m]),[C,w]=useState(v(n)),S=()=>{u.current!==n&&w(v(n));},D=useCallback(d=>{w(v(d.iso2)),c?.(d);},[c,v]),k=d=>{let h=m.length-1,y=b=>d==="prev"?b-1:d==="next"?b+1:d==="last"?h:0;w(b=>{let I=y(b);return I<0?0:I>h?h:I});},N=d=>{if(d.stopPropagation(),d.key==="Enter"){d.preventDefault();let h=M$5(m[C]);D(h);return}if(d.key==="Escape"){a?.();return}if(d.key==="ArrowUp"){d.preventDefault(),k("prev");return}if(d.key==="ArrowDown"){d.preventDefault(),k("next");return}if(d.key==="PageUp"){d.preventDefault(),k("first");return}if(d.key==="PageDown"){d.preventDefault(),k("last");return}d.key===" "&&d.preventDefault(),d.key.length===1&&!d.altKey&&!d.ctrlKey&&!d.metaKey&&p(d.key.toLocaleLowerCase());},F=useCallback(()=>{if(!l.current||C===void 0)return;let d=M$5(m[C]).iso2;if(d===u.current)return;let h=l.current.querySelector(`[data-country="${d}"]`);h&&(ce(l.current,h),u.current=d);},[C,m]);return useEffect(()=>{F();},[C,F]),useEffect(()=>{l.current&&(t?l.current.focus():S());},[t]),useEffect(()=>{S();},[n]),React__default.createElement("ul",{ref:l,role:"listbox",className:P$3({addPrefix:["country-selector-dropdown"],rawClassNames:[o.className]}),style:{display:t?"block":"none",...o.style},onKeyDown:N,onBlur:a,tabIndex:-1,"aria-activedescendant":`react-international-phone__${M$5(m[C]).iso2}-option`},m.map((d,h)=>{let y=M$5(d),b=y.iso2===n,I=h===C,E=r.includes(y.iso2),_=h===r.length-1,z=i?.find(G=>G.iso2===y.iso2);return React__default.createElement(React__default.Fragment,{key:y.iso2},React__default.createElement("li",{"data-country":y.iso2,role:"option","aria-selected":b,"aria-label":`${y.name} ${e}${y.dialCode}`,id:`react-international-phone__${y.iso2}-option`,className:P$3({addPrefix:["country-selector-dropdown__list-item",E&&"country-selector-dropdown__list-item--preferred",b&&"country-selector-dropdown__list-item--selected",I&&"country-selector-dropdown__list-item--focused"],rawClassNames:[o.listItemClassName,E&&o.listItemPreferredClassName,b&&o.listItemSelectedClassName,I&&o.listItemFocusedClassName]}),onClick:()=>D(y),style:o.listItemStyle,title:y.name},React__default.createElement(W$4,{iso2:y.iso2,src:z?.src,className:P$3({addPrefix:["country-selector-dropdown__list-item-flag-emoji"],rawClassNames:[o.listItemFlagClassName]}),style:o.listItemFlagStyle}),React__default.createElement("span",{className:P$3({addPrefix:["country-selector-dropdown__list-item-country-name"],rawClassNames:[o.listItemCountryNameClassName]}),style:o.listItemCountryNameStyle},y.name),React__default.createElement("span",{className:P$3({addPrefix:["country-selector-dropdown__list-item-dial-code"],rawClassNames:[o.listItemDialCodeClassName]}),style:o.listItemDialCodeStyle},e,y.dialCode)),_?React__default.createElement("hr",{className:P$3({addPrefix:["country-selector-dropdown__preferred-list-divider"],rawClassNames:[o.preferredListDividerClassName]}),style:o.preferredListDividerStyle}):null)}))};var se$1=React__default.memo(({selectedCountry:t,onSelect:e,disabled:n,hideDropdown:s,countries:r=R$2,preferredCountries:i=[],flags:c,renderButtonWrapper:a,...o})=>{let[l,u]=useState(false),m=useMemo(()=>{if(t)return $$4({value:t,field:"iso2",countries:r})},[r,t]),f=useRef(null),p=C=>{C.key&&["ArrowUp","ArrowDown"].includes(C.key)&&(C.preventDefault(),u(true));},v=()=>{let C={title:m?.name,onClick:()=>u(S=>!S),onMouseDown:S=>S.preventDefault(),onKeyDown:p,disabled:s||n,role:"combobox","aria-label":"Country selector","aria-haspopup":"listbox","aria-expanded":l},w=React__default.createElement("div",{className:P$3({addPrefix:["country-selector-button__button-content"],rawClassNames:[o.buttonContentWrapperClassName]}),style:o.buttonContentWrapperStyle},React__default.createElement(W$4,{iso2:t,src:c?.find(S=>S.iso2===t)?.src,className:P$3({addPrefix:["country-selector-button__flag-emoji",n&&"country-selector-button__flag-emoji--disabled"],rawClassNames:[o.flagClassName]}),style:{visibility:t?"visible":"hidden",...o.flagStyle}}),!s&&React__default.createElement("div",{className:P$3({addPrefix:["country-selector-button__dropdown-arrow",n&&"country-selector-button__dropdown-arrow--disabled",l&&"country-selector-button__dropdown-arrow--active"],rawClassNames:[o.dropdownArrowClassName]}),style:o.dropdownArrowStyle}));return a?a({children:w,rootProps:C}):React__default.createElement("button",{...C,type:"button",className:P$3({addPrefix:["country-selector-button",l&&"country-selector-button--active",n&&"country-selector-button--disabled",s&&"country-selector-button--hide-dropdown"],rawClassNames:[o.buttonClassName]}),"data-country":t,style:o.buttonStyle},w)};return React__default.createElement("div",{className:P$3({addPrefix:["country-selector"],rawClassNames:[o.className]}),style:o.style,ref:f},v(),React__default.createElement(ie,{show:l,countries:r,preferredCountries:i,flags:c,onSelect:C=>{u(false),e?.(C);},selectedCountry:t,onClose:()=>{u(false);},...o.dropdownStyleProps}))});var le=({dialCode:t,prefix:e,disabled:n,style:s,className:r})=>React__default.createElement("div",{className:P$3({addPrefix:["dial-code-preview",n&&"dial-code-preview--disabled"],rawClassNames:[r]}),style:s},`${e}${t}`);forwardRef(({value:t,onChange:e,countries:n=R$2,preferredCountries:s,hideDropdown:r,showDisabledDialCodeAndPrefix:i,disableFocusAfterCountrySelect:c,flags:a,style:o,className:l,inputStyle:u,inputClassName:m,countrySelectorStyleProps:f,dialCodePreviewStyleProps:p,inputProps:v,placeholder:C,disabled:w,name:S,onFocus:D,onBlur:k,required:N,autoFocus:F,...d},h)=>{let y=useCallback(g=>{e?.(g.phone,{country:g.country,inputValue:g.inputValue});},[e]),{phone:b,inputValue:I,inputRef:E,country:_,setCountry:z,handlePhoneValueChange:G}=re({value:t,countries:n,...d,onChange:y}),Z=d.disableDialCodeAndPrefix&&i&&_?.dialCode,Q=useCallback(g=>{z(g.iso2,{focusOnInput:!c});},[z,c]);return useImperativeHandle(h,()=>E.current?Object.assign(E.current,{setCountry:z,state:{phone:b,inputValue:I,country:_}}):null,[E,z,b,I,_]),React__default.createElement("div",{ref:h,className:P$3({addPrefix:["input-container"],rawClassNames:[l]}),style:o},React__default.createElement(se$1,{onSelect:Q,flags:a,selectedCountry:_?.iso2,countries:n,preferredCountries:s,disabled:w,hideDropdown:r,...f}),Z&&React__default.createElement(le,{dialCode:_.dialCode,prefix:d.prefix??"+",disabled:w,...p}),React__default.createElement("input",{onChange:G,value:I,type:"tel",ref:E,className:P$3({addPrefix:["input",w&&"input--disabled"],rawClassNames:[m]}),placeholder:C,disabled:w,style:u,name:S,onFocus:D,onBlur:k,autoFocus:F,required:N,...v}))});
|
|
13861
13936
|
|
|
13862
13937
|
const n$4=sva({slots:["container","label","inputContainer","input","description","typeIcon","actionIcon","actionButton"],base:{label:{fontSize:"sm",fontWeight:"medium",color:"text.primary"},inputContainer:{backgroundColor:"transparent",borderStyle:"solid",borderWidth:"thin",borderColor:"neutral.secondary",borderRadius:"input",boxSizing:"border-box",transition:"all linear 120ms",width:"100%",_hover:{borderColor:"neutral.primary"},_focusWithin:{outlineColor:"brand.base",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5}},input:{transition:"all linear 120ms",width:"100%",boxSizing:"border-box",m:0,p:0,outline:"none",minWidth:10,fontWeight:"normal",backgroundColor:"transparent",color:"text.primary",_placeholder:{color:"text.tertiary"},_groupHover:{borderColor:"neutral.primary"}},description:{fontSize:"sm",color:"text.primary"},typeIcon:{transition:"opacity linear 120ms"},actionIcon:{transition:"opacity linear 120ms",cursor:"pointer"},actionButton:{transition:"opacity linear 120ms"}},variants:{size:{sm:{input:{fontSize:"sm",textAlign:"left"},inputContainer:{height:10,p:3}},md:{input:{fontSize:"md",textAlign:"left"},inputContainer:{height:12,p:3}},lg:{input:{fontSize:"lg",textAlign:"left"},inputContainer:{height:15,padding:4}}},alignText:{left:{input:{textAlign:"left"},container:{alignItems:"flex-start"}},center:{input:{textAlign:"center"},container:{alignItems:"center"}},right:{input:{textAlign:"right"},container:{alignItems:"flex-end"}}},isError:{true:{inputContainer:{borderColor:"negative.base"}}},char:{true:{input:{fontSize:"xl",textAlign:"center"},inputContainer:{height:12,py:2}}},disabled:{true:{container:{opacity:.3,pointerEvents:"none"},inputContainer:{_hover:{borderColor:"neutral.secondary"}}}}}});
|
|
13863
13938
|
|
|
13864
|
-
const K$1=D$3(({children:o,...s})=>jsx(Flex,{alignItems:"center",justifyContent:"center",children:Children.map(o,e=>{var r;return cloneElement(e,{...s,color:(r=e.props.color)!==null&&r!==void 0?r:token("colors.neutral.primary")})})})),M$4=D$3(({children:o,...s})=>jsx(Flex,{alignItems:"center",justifyContent:"center",children:Children.map(o,e=>{var r;return isValidElement(e)?cloneElement(e,{...s,color:(r=e.props.color)!==null&&r!==void 0?r:token("colors.brand.base")}):null})})),O$1=D$3(Q$
|
|
13939
|
+
const K$1=D$3(({children:o,...s})=>jsx(Flex,{alignItems:"center",justifyContent:"center",children:Children.map(o,e=>{var r;return cloneElement(e,{...s,color:(r=e.props.color)!==null&&r!==void 0?r:token("colors.neutral.primary")})})})),M$4=D$3(({children:o,...s})=>jsx(Flex,{alignItems:"center",justifyContent:"center",children:Children.map(o,e=>{var r;return isValidElement(e)?cloneElement(e,{...s,color:(r=e.props.color)!==null&&r!==void 0?r:token("colors.brand.base")}):null})})),O$1=D$3(Q$1),W$3=D$3(M$8),$$3=D$3(M$8),G$2=forwardRef((o,s)=>{const{label:e,disabled:r,size:n="md",alignText:h="left",attr:f,description:a,autoFocus:g,className:x="",errorMessage:d,required:l}=o,u=n==="sm"?16:20,L=useRef(null),I=s||L,{labelProps:Q,inputProps:U,descriptionProps:X,errorMessageProps:Y,isInvalid:y,validationErrors:C}=$2d73ec29415bd339$export$712718f7aec83d5({...o,isDisabled:r??false,isInvalid:!!d},I),{focusProps:Z}=$f7dceffc5ad7768b$export$4e328f61c538687f({autoFocus:g??false}),{hoverProps:_}=$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:r??false});return $$5(o.children,c=>{const v=c.get(K$1),b=c.get(M$4),j=c.getProps(O$1),F=c.getProps(W$3),T=c.getProps($$3),i=n$4({size:n,alignText:h,disabled:r,isError:y});return jsxs(VStack,{className:cx(i.container,x),children:[e&&jsxs("label",{className:i.label,...Q,children:[e," ",l&&jsx("span",{className:css({color:"negative.darker"}),children:"*"})]}),jsxs(HStack,{className:i.inputContainer,children:[v&&{...v,props:{...v.props,className:i.typeIcon,width:u,height:u}},F&&jsx(M$8,{...F,fontColor:"text.tertiary"}),jsx("input",{ref:I,className:i.input,...$3ef42575df84b30b$export$9d1611c77c2fe928(U,Z,_),...f}),T&&jsx(M$8,{...T,fontColor:"text.tertiary"}),b&&{...b,props:{...b.props,className:i.actionIcon,width:u,height:u}},j&&jsx(Flex,{alignItems:"center",justifyContent:"center",className:i.actionButton,children:jsx(Q$1,{...j,variant:"text",size:n})})]}),a&&jsx("div",{className:i.description,...X,children:a}),y&&jsx(M$8,{variant:"error",...Y,size:"sm",fontWeight:"normal",children:C.length>0?C.join(" "):d})]})})}),J$1=forwardRef((o,s)=>{const{disabled:e,autoFocus:r,className:n="",attr:h}=o,f=useRef(null),a=s||f,{inputProps:g}=$2d73ec29415bd339$export$712718f7aec83d5({...o,isDisabled:e??false},a),{focusProps:x}=$f7dceffc5ad7768b$export$4e328f61c538687f({autoFocus:r??false}),{hoverProps:d}=$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:e??false}),l=n$4({char:true,disabled:e});return jsx("div",{className:cx(l.container,l.inputContainer,n),children:jsx("input",{ref:a,className:l.input,...$3ef42575df84b30b$export$9d1611c77c2fe928(g,x,d),size:1,...h})})}),se=Object.assign(G$2,{TypeIcon:K$1,ActionIcon:M$4,ActionButton:O$1,Char:J$1,Prefix:W$3,Suffix:$$3});G$2.displayName="TextInput",J$1.displayName="TextInputChar";
|
|
13865
13940
|
|
|
13866
13941
|
const v$2=/\D/g,k$4=({pinLength:o,onComplete:A=u=>u,onChange:g=u=>u,id:p="pin-code-input",autoFocus:C=true,className:T})=>{const[u,y]=useState(()=>Array.from({length:o},()=>"")),c=useRef(Array(o).fill(null));useEffect(()=>{y(e=>o<e.length?e.slice(0,o):o>e.length?[...e,...Array(o-e.length).fill("")]:e);},[o]),useEffect(()=>{var e;C&&c.current[0]&&((e=c.current[0])===null||e===void 0||e.focus());},[C,o]);const d=(e,n)=>{var r;y(n),g(n);const t=n.join("");t.length===o&&((r=c.current[e])===null||r===void 0||r.blur(),A(t));},I=useCallback((e,n)=>{const r=[...u];n.replace(v$2,"").split("").forEach(t=>{var a,i;e>=o||(r[e]=t,e++,(i=(a=c?.current)===null||a===void 0?void 0:a[e])===null||i===void 0||i.focus());}),d(e,r);},[u,d]),j=useCallback(e=>{var n,r;const t=parseInt(e.currentTarget.dataset.id||"",10),a=e.target.value.replace(v$2,"");if(a.length>1)return I(t,a);const i=[...u];i[t]=a,a.length&&((r=(n=c?.current)===null||n===void 0?void 0:n[t+1])===null||r===void 0||r.focus()),d(t,i);},[d]),N=useCallback(e=>{var n,r,t,a,i;const x=e.currentTarget.value.length,s=parseInt(e.currentTarget.dataset.id||"",10),f=[...u];switch(e.key){case "Backspace":{if(x&&(f[s]="",d(s,f)),s){const l=f.reduceRight((m,R,E)=>m!==-1?m:R!==""?E:m,-1);(n=c?.current[l>=0?l:0])===null||n===void 0||n.focus();}return}case "ArrowLeft":{const l=s?s-1:o-1;(r=c?.current[l])===null||r===void 0||r.focus();return}case "ArrowRight":{const l=s===o-1?0:s+1;(t=c?.current[l])===null||t===void 0||t.focus();return}default:{const l=e.key.replace(v$2,"");x&&l.length&&l!==e.currentTarget.value&&(f[s]=l,d(s,f),(i=(a=c?.current)===null||a===void 0?void 0:a[s+1])===null||i===void 0||i.focus());}}},[g,d]);return jsx("form",{id:p,className:css({margin:0,minWidth:0,display:"flex",width:"100%",justifyContent:"space-between",maxWidth:"30rem",gap:2}),children:u.map((e,n)=>jsx(se.Char,{id:p?`${p}-${n}`:void 0,"aria-label":`one time password input ${n+1}`,"data-id":n,name:`one time password input ${n+1}`,value:u[n]||"",className:cx(css({caretColor:"transparent"}),T),attr:{onChange:j,onKeyUp:N,autoComplete:n===0?"one-time-code":"off",inputMode:"numeric"},ref:r=>{c?.current&&(c.current[n]=r);}},`${p||void 0}-${n}`))})};
|
|
13867
13942
|
|
|
13868
|
-
const s="2.625rem",d$6=D$3(({children:e})=>jsx(u$4,{children:e})),h$4=D$3(({children:e})=>Children.map(e,o=>{var t,r,n;return cloneElement(o,{color:(t=o.props.color)!==null&&t!==void 0?t:token("colors.brand.base"),width:(r=o.props.width)!==null&&r!==void 0?r:s,height:(n=o.props.height)!==null&&n!==void 0?n:s})})),f$5=D$3(s$b),g$3=D$3(c$5),u$2=D$3(B$
|
|
13943
|
+
const s="2.625rem",d$6=D$3(({children:e})=>jsx(u$4,{children:e})),h$4=D$3(({children:e})=>Children.map(e,o=>{var t,r,n;return cloneElement(o,{color:(t=o.props.color)!==null&&t!==void 0?t:token("colors.brand.base"),width:(r=o.props.width)!==null&&r!==void 0?r:s,height:(n=o.props.height)!==null&&n!==void 0?n:s})})),f$5=D$3(s$b),g$3=D$3(c$5),u$2=D$3(B$4),T$3=({children:e,overlay:o,...t})=>{if(o){const{animate:r,backgroundType:n,isOpen:m=true,onHidden:c,fullscreen:v=false}=t;return jsx(i$4,{animate:r,backgroundType:n,hide:!m,onHidden:c,fullscreen:v,children:e})}return jsx(Fragment,{children:e})},I$2=({children:e,overlay:o=true,...t})=>$$5(e,r=>{const n=r.get(d$6)?8:4,m=r.getProps(g$3),c=r.getProps(u$2);return jsx(T$3,{overlay:o,...t,children:jsx(r$3,{paddingType:"md",...t,children:jsxs(VStack,{alignItems:"center",gap:0,width:"full",className:css({mt:n}),children:[r.get(d$6),r.get(h$4),r.get(f$5),m&&jsx(c$5,{...m}),c&&jsx(B$4,{...c})]})})})}),S$3=Object.assign(I$2,{Header:d$6,Icon:h$4,Content:f$5,Footer:g$3,Drawer:u$2});
|
|
13869
13944
|
|
|
13870
|
-
const i$1=D$3(S$3.Icon),j$2=({children:l,cancelLabel:t,confirmLabel:s,title:m,message:a,onCancel:f=()=>{},onConfirm:p=()=>{},...d})=>$$5(l,h=>jsxs(S$3,{...d,children:[jsx(S$3.Icon,{children:h.get(i$1)}),jsxs(S$3.Content,{children:[jsx(M$8.H3,{styles:{textAlign:"center"},children:m}),jsx(M$8,{size:"md",children:a}),jsxs(HStack,{className:css({pt:6}),children:[jsx(Q$
|
|
13945
|
+
const i$1=D$3(S$3.Icon),j$2=({children:l,cancelLabel:t,confirmLabel:s,title:m,message:a,onCancel:f=()=>{},onConfirm:p=()=>{},...d})=>$$5(l,h=>jsxs(S$3,{...d,children:[jsx(S$3.Icon,{children:h.get(i$1)}),jsxs(S$3.Content,{children:[jsx(M$8.H3,{styles:{textAlign:"center"},children:m}),jsx(M$8,{size:"md",children:a}),jsxs(HStack,{className:css({pt:6}),children:[jsx(Q$1,{onPress:p,label:s}),t&&jsx(Q$1,{onPress:f,label:t})]})]}),jsx(S$3.Footer,{})]}));Object.assign(j$2,{Icon:i$1});
|
|
13871
13946
|
|
|
13872
13947
|
const p=D$3(({children:n,...r})=>jsx(Center,{children:Children.map(n,t=>cloneElement(t,r))})),f$4=D$3(({children:n,...r})=>jsx(Center,{children:Children.map(n,t=>cloneElement(t,r))})),g$2=({children:n,detailTitle:r,detailMessage:t,title:u,message:x,...b})=>$$5(n,c=>{const j=c.get(p),v=c.get(f$4);return jsxs(S$3,{...b,children:[jsx(S$3.Icon,{children:j||jsx(d$i,{})}),jsxs(S$3.Content,{children:[jsx(M$8.H3,{styles:{textAlign:"center"},children:u}),jsx(M$8,{size:"md",styles:{textAlign:"center"},children:x}),t&&jsxs("div",{className:css({background:"negative.lightest",borderRadius:"0.5rem",my:4,p:4,width:"full"}),children:[r&&jsx(M$8,{variant:"error",children:jsx("b",{className:css({textTransform:"uppercase"}),children:r})}),jsx(M$8,{variant:"error",children:t})]}),v]}),jsx(S$3.Footer,{})]})});Object.assign(g$2,{Icon:p,Button:f$4});
|
|
13873
13948
|
|
|
13874
|
-
const S$2=D$3(({children:e})=>Children.map(e,t=>jsx(Q$
|
|
13949
|
+
const S$2=D$3(({children:e})=>Children.map(e,t=>jsx(Q$1,{expand:true,...t.props}))),H$3=D$3(Q$1),W$2=D$3(Q$1),k$3=D$3(({children:e})=>jsxs(U$2,{textStyle:"subtle",variant:"text",children:[jsx(U$2.TrailingIcon,{children:jsx(d$m,{})}),jsx(U$2.Content,{children:e})]})),D$1=D$3(({branding:e,title:t})=>t?jsx(M$8,{size:"sm",fontColor:"text.secondary",children:t}):jsx(d$a,{color:token(e==="light"?"colors.text.primary":"colors.neutral.primary")})),M$3=D$3(({children:e,height:t="auto",flexGrow:m=0})=>jsx(VStack,{w:"full",justify:"center",height:t,flexGrow:m,children:e})),T$2=D$3(T$5),F$1=D$3(B$4),G$1=D$3(({children:e})=>jsx(Center,{pt:3,w:"full",children:e})),I$1=D$3(({children:e,domain:t,name:m,logoUrl:a})=>jsxs(HStack,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",p:3,width:"full",children:[a?jsx("img",{src:a,alt:m,width:24,height:24}):jsx(d$a,{color:token("colors.brand.base"),height:24,width:24}),jsx(M$8,{size:"sm",fontWeight:"semibold",children:m}),t&&jsx(M$8,{size:"sm",fontColor:"text.tertiary",children:t}),e]})),N$2=({actionDirection:e="row",address:t,children:m,onBack:a,onCancel:c,hideHeader:A=false,...L})=>$$5(m,o=>{const p=o.getProps(H$3),s=o.getProps(W$2),w=o.getProps(F$1),h=o.getProps(T$2),C=o.get(S$2),b=o.get(k$3),J=o.get(D$1),f=e==="row";return jsxs(r$3,{...L,fullscreen:true,paddingType:"none",gap:0,children:[!A&&jsxs(VStack,{gap:0,width:"full",children:[jsxs(HStack,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",justifyContent:"space-between",p:3,width:"full",children:[a&&jsx(Q$1,{onPress:a,size:"md",textStyle:"neutral",variant:"text",children:jsx(Q$1.LeadingIcon,{children:jsx(s$5,{})})}),c&&jsx(Q$1,{onPress:c,label:"Cancel",size:"sm",textStyle:"neutral",variant:"text"}),!(a||c)&&jsx(Box,{w:6}),J,t||b||h?jsxs(HStack,{children:[t&&jsx(u$3,{address:t}),b,h&&jsx(T$5,{...h})]}):jsx(Box,{w:6})]}),o.get(I$1)]}),jsxs(VStack,{h:"full",w:"full",justify:"space-between",p:6,maxW:393,children:[o.get(M$3),jsxs(VStack,{w:"full",gap:3,children:[o.get(G$1),(p||s)&&jsxs(Flex,{direction:f?"row":"column-reverse",gap:f?4:3,width:"full",children:[p&&jsx(Q$1,{expand:true,label:"Cancel",variant:"neutral",...p}),s&&jsx(Q$1,{expand:true,label:"Confirm",variant:"inverse",...s})]}),C&&jsx(Flex,{direction:e,gap:f?4:3,width:"full",children:C})]})]}),w&&jsx(B$4,{...w})]})});Object.assign(N$2,{Actions:S$2,Cancel:H$3,Confirm:W$2,Content:M$3,Menu:T$2,Drawer:F$1,Footer:G$1,Header:I$1,Info:k$3,Title:D$1});
|
|
13875
13950
|
|
|
13876
|
-
const y$6={Home:s$3,Gallery:d$d,Activity:s$4,Settings:d$8};var o;(function(t){t.Home="home",t.Gallery="gallery",t.Activity="activity",t.Settings="settings";})(o||(o={}));const S$1=({active:t,children:i,label:e,onPress:n})=>jsx(Box,{pointerEvents:t===e?"none":"initial",children:jsx(Q$
|
|
13951
|
+
const y$6={Home:s$3,Gallery:d$d,Activity:s$4,Settings:d$8};var o;(function(t){t.Home="home",t.Gallery="gallery",t.Activity="activity",t.Settings="settings";})(o||(o={}));const S$1=({active:t,children:i,label:e,onPress:n})=>jsx(Box,{pointerEvents:t===e?"none":"initial",children:jsx(Q$1,{variant:"text",onPress:n,children:jsx(Q$1.LeadingIcon,{className:css({color:t===e?"text.primary":"text.tertiary",_groupHover:{color:t===e?"text.primary":"text.secondary"}}),children:i})})}),W$1=(t,i)=>t[i],$$2=({active:t=o.Home,disabled:i=[],...e})=>jsx(Center,{bottom:0,pos:"fixed",h:"6.25rem",w:"full",style:{background:`linear-gradient(180deg, transparent 0%, ${token("colors.surface.primary")} 100%)`},children:jsx(HStack,{bg:"text.primary/6",borderColor:"text.primary/10",borderWidth:"medium",borderStyle:"solid",borderRadius:52,backdropFilter:"blur(24px)",p:1.5,children:Object.keys(o).map(n=>{var m;const a=o[n],l=(m=i.find(v=>v.type===a))===null||m===void 0?void 0:m.label,p=y$6[n],c=W$1(e,`on${n}`);return c?l?jsx(d$k,{content:l,width:"max-content",children:jsx(Box,{border:"thin solid transparent",opacity:.3,p:1.5,children:jsx(p,{})})},a):jsx(S$1,{active:t,label:a,onPress:c,children:jsx(p,{})},a):null})})});
|
|
13877
13952
|
|
|
13878
|
-
const _$2=({avatarUrl:i,email:o,name:e,logoutLabel:d="Log out",onReceive:a,onLogout:f})=>{const[h,s]=useState(false);useEffect(()=>{s(false);},[i]);const c=()=>jsxs(U$
|
|
13953
|
+
const _$2=({avatarUrl:i,email:o,name:e,logoutLabel:d="Log out",onReceive:a,onLogout:f})=>{const[h,s]=useState(false);useEffect(()=>{s(false);},[i]);const c=()=>jsxs(U$2,{iconSize:28,placement:"bottom right",variant:"text",children:[jsx(U$2.LeadingIcon,{children:i&&!h?jsx("img",{style:{borderRadius:"50%"},src:i,alt:"user avatar",onError:()=>s(true)}):jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",children:[jsx("circle",{cx:"14",cy:"14",r:"13",fill:"url(#paint0_radial_3600_63997)",stroke:"white",strokeOpacity:"0.24",strokeWidth:"0.5"}),jsx("defs",{children:jsxs("radialGradient",{id:"paint0_radial_3600_63997",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(15 30.75) rotate(-90) scale(37.3333 65.833)",children:[jsx("stop",{offset:"0.01",stopColor:"#FFF507"}),jsx("stop",{offset:"0.259381",stopColor:"#F09BEB"}),jsx("stop",{offset:"0.598165",stopColor:"#412CB9"}),jsx("stop",{offset:"1",stopColor:"#18171A"})]})})]})}),jsx(U$2.Content,{className:css({w:e&&o?"200px":"fit-content",maxW:"200px"}),children:jsxs(Stack,{w:"full",alignItems:"start",gap:0,children:[(o||e)&&jsxs(Stack,{w:"full",gap:1,children:[e&&jsx(M$8,{fontWeight:"medium",children:e}),o&&jsx(M$8,{size:"sm",truncate:true,fontColor:"text.secondary",children:o})]}),(o||e)&&jsx(Divider,{color:"surface.quaternary",my:3,minW:"88px"}),jsx(Q$1,{label:d,textStyle:"negative",variant:"text",size:"sm",onPress:f})]})})]});return a?jsxs(HStack,{gap:1,minWidth:"fit-content",minHeight:"fit-content",children:[jsx(Box,{onClick:a,cursor:"pointer",transition:"transform 0.1s",_active:{transform:"scale(0.95)"},className:css({"@media (max-width: 370px)":{display:"none"}}),children:jsx(i$2,{height:18,width:18,color:token("colors.text.secondary")})}),jsx(c,{})]}):jsx(c,{})};
|
|
13879
13954
|
|
|
13880
13955
|
const i=D$3(({children:r})=>r),L$1=r=>{const{isPending:e,isSuccess:m,onChange:n,onComplete:p,originName:s,pinLength:c,id:a,autoFocus:g,errorMessage:t,children:h}=r,d=()=>e?jsx(d$n,{size:36,strokeWidth:4}):m?jsx(s$d,{color:token("colors.brand.base"),width:36,height:36}):jsx(k$4,{originName:s,onChange:n,pinLength:c,onComplete:p,id:a,autoFocus:g});return $$5(h,l=>jsxs(VStack,{gap:3,my:3,children:[jsx(Center,{height:12,children:d()}),t&&jsx(M$8,{variant:"error",size:"sm",styles:{textAlign:"center"},children:t}),l.get(i)]}))},P$2=Object.assign(L$1,{RetryContent:i});
|
|
13881
13956
|
|
|
13882
13957
|
var m$3=typeof window>"u"?React.useEffect:React.useLayoutEffect,y$5=e=>{let t=React.createContext(e);return t.displayName="SlotsContext",t},x$3=e=>typeof e=="string"?e:e.displayName||e.name||"Component",h$3=["$$typeof","render","displayName","defaultProps"],E$1=(e,t)=>{if(typeof t=="string")return e;let r=Object.getOwnPropertyNames(t).reduce((o,s)=>(h$3.includes(s)||(o[s]=t[s]),o),{});return Object.assign(e,r)};var d$5="slots-wrapper",N$1=new RegExp(`^<${d$5}>.*</${d$5}>$`),v$1=({name:e,forceUpdate:t,children:r})=>{let o=React.useRef(null),s=React.useRef(false);return m$3(()=>{var c;if(!s.current&&((c=o.current)==null?void 0:c.innerHTML)){let i=o.current.innerHTML;i&&!N$1.test(i)&&console.warn(`Unwrapped children found in "${e}", either wrap them in slots or remove`);}s.current=true,t();},[e]),s.current?React.createElement(React.Fragment,null,r):React.createElement(d$5,{ref:o},r)};var f$3=React.createContext({rescan:()=>{}}),P$1=({children:e})=>{let[t,r]=React.useReducer(()=>[],[]),o=React.useMemo(()=>({rescan:r}),[t]);return React.createElement(f$3.Provider,{value:o},e)};var C$3=e=>{let t=new Map;return {register(r,o){t.set(r,o);},update(r,o){t.set(r,o),e==null||e(r);},unmount(r){t.delete(r),e==null||e(r);},clear(){t.clear();},has(r){return t.has(r)},get(){return Array.from(t.values())}}};var A$2=(e,t)=>e.type===t,b$5=e=>{if(!e)return;let{key:t,ref:r,props:o}=e;return {...o,key:t,ref:r}};var R$1=y$5(void 0),$$1=({children:e})=>e(),w$1=e=>{let t=0;return ()=>`${e}_${t++}`},M$2=w$1("s"),K=({children:e,callback:t})=>{let r=React.useReducer(()=>[],[])[1],o=React.useMemo(()=>C$3(r),[r]);return React.createElement(React.Fragment,null,React.createElement(R$1.Provider,{value:o},React.createElement(P$1,null,process.env.NODE_ENV==="production"?e:React.createElement(v$1,{name:"HostSlots",forceUpdate:r},e))),React.createElement($$1,null,()=>t(o.get())))},X$1=(e,t)=>React.createElement(K,{children:e,callback:t}),q$2=e=>{let t=w$1(M$2()),r=React.forwardRef(({$slot_key$:c,...i},S)=>{let a=React.useContext(R$1);if(!a)return null;let g=React.useContext(f$3),T=React.createElement(s,{key:c,ref:S,...i});return a.register(c,T),React.useEffect(()=>{a.has(c)&&a.update(c,T);}),m$3(()=>(a.clear(),g.rescan(),()=>a.unmount(c)),[a]),null}),o=(c,i)=>{if(!React.useContext(R$1))return e?React.createElement(e,{ref:i,...c}):null;let[a]=React.useState(t);return React.createElement(r,{ref:i,$slot_key$:a,...c})};o.displayName=e?`Slot(${x$3(e)})`:"Slot";let s=React.forwardRef(o);return e?E$1(s,e):s};
|
|
13883
13958
|
|
|
13884
|
-
const l=q$2(({actionBox:e,children:n,disabledLabel:o,label:i,onPress:r})=>e?jsx(Center,{h:"76px",maxW:"115px",w:"full",opacity:o?.3:1,pointerEvents:o?"none":"initial",children:jsx(a$4,{className:css({_hover:{bgColor:"neutral.secondary"},bgColor:"neutral.tertiary",h:"100%"}),borderRadius:"0.75rem",expand:true,onPress:r,children:jsxs(VStack,{gap:2,children:[cloneElement(Children.only(n),{height:20,width:20}),jsx(M$8,{size:"sm",styles:{fontWeight:500},children:i})]})})}):jsxs(VStack,{gap:1,minW:20,opacity:o?.3:1,pointerEvents:o?"none":"initial",children:[jsx(Q$
|
|
13959
|
+
const l=q$2(({actionBox:e,children:n,disabledLabel:o,label:i,onPress:r})=>e?jsx(Center,{h:"76px",maxW:"115px",w:"full",opacity:o?.3:1,pointerEvents:o?"none":"initial",children:jsx(a$4,{className:css({_hover:{bgColor:"neutral.secondary"},bgColor:"neutral.tertiary",h:"100%"}),borderRadius:"0.75rem",expand:true,onPress:r,children:jsxs(VStack,{gap:2,children:[cloneElement(Children.only(n),{height:20,width:20}),jsx(M$8,{size:"sm",styles:{fontWeight:500},children:i})]})})}):jsxs(VStack,{gap:1,minW:20,opacity:o?.3:1,pointerEvents:o?"none":"initial",children:[jsx(Q$1,{variant:"neutral",size:"sm",onPress:r,"aria-label":"Buy",children:jsx(Q$1.LeadingIcon,{children:n})}),jsx(M$8,{size:"sm",styles:{fontWeight:500},children:i})]})),f$2=({actionBox:e,children:n})=>jsx(Box,{w:"full",children:X$1(n,o=>jsx(HStack,{w:"full",justifyContent:"space-around",px:10,children:o.map(i=>{if(A$2(i,l)){const{key:r,disabledLabel:m,...a}=b$5(i);return m?jsx(d$k,{content:m,width:"max-content",children:jsx(Box,{children:jsx(l,{actionBox:e,disabledLabel:m,...a})})},r):jsx(l,{actionBox:e,...a},r)}})}))});f$2.Action=l;
|
|
13885
13960
|
|
|
13886
13961
|
const x$2=({actionBox:n,buyLabel:s="Buy",buyDisabledLabel:b,sendLabel:r="Send",sendDisabledLabel:t,swapLabel:d="Swap",swapDisabledLabel:c,onBuy:l,onSend:a,onSwap:i})=>jsxs(f$2,{actionBox:n,children:[l&&jsx(f$2.Action,{disabledLabel:b,label:s,onPress:l,children:jsx(s$7,{})}),i&&jsx(f$2.Action,{disabledLabel:c,label:d,onPress:i,children:jsx(d$9,{})}),a&&jsx(f$2.Action,{disabledLabel:t,label:r,onPress:a,children:jsx(n$5,{})})]});
|
|
13887
13962
|
|
|
13888
13963
|
const m$2=({address:t,onAddressCopy:i})=>jsxs(HStack,{gap:0,style:{filter:`drop-shadow(0px 0px 0.5px color-mix(in srgb, ${token("colors.text.primary")}, transparent 20%)`},children:[jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",children:jsx("path",{d:"M0 0L48 0V48H47.4146C37.829 48 29.1682 42.28 25.4052 33.4639L16.4163 12.405C13.533 5.65001 7.28559 0.929159 0 0Z",fill:token("colors.surface.primary")})}),jsx(Center,{bgColor:"surface.primary",w:"114px",h:"48px",children:jsx(u$3,{address:t,onCopy:i,size:"sm",icon:true,fontColor:"text.secondary",fontWeight:"medium"})}),jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",children:jsx("path",{d:"M48 0L0 0V48H0.299999C9.94709 48 18.6672 42.2544 22.4737 33.39L31.4615 12.4594C34.3773 5.66924 40.669 0.929361 48 0Z",fill:token("colors.surface.primary")})})]});
|
|
13889
13964
|
|
|
13890
|
-
const H$2=({connected:r,connectedLabel:p="Connected",disconnectLabel:l,disconnectedLabel:x="Not connected",domain:g,logoUrl:i,onDisconnect:f,onReceive:b})=>{const[v,s]=useState(false);useEffect(()=>{s(false);},[i]);const a=()=>jsxs(U$
|
|
13965
|
+
const H$2=({connected:r,connectedLabel:p="Connected",disconnectLabel:l,disconnectedLabel:x="Not connected",domain:g,logoUrl:i,onDisconnect:f,onReceive:b})=>{const[v,s]=useState(false);useEffect(()=>{s(false);},[i]);const a=()=>jsxs(U$2,{iconSize:28,variant:"text",children:[jsx(U$2.LeadingIcon,{color:token("colors.text.tertiary"),children:i&&r&&!v?jsxs(Circle,{position:"relative",w:7,h:7,children:[jsx("img",{style:{borderRadius:"50%"},width:28,height:28,src:i,alt:"app logo",onError:()=>s(true)}),jsx(Circle,{size:"7px",position:"absolute",bg:"positive.base",borderWidth:"thin",borderColor:"surface.primary",bottom:"-1px",right:"-1px",boxSizing:"border-box"})]}):jsxs("svg",{width:"28",height:"28",children:[jsx("circle",{cx:"14",cy:"14",r:"14",fill:token("colors.surface.tertiary")}),jsx(n$6,{color:token("colors.text.tertiary"),x:6,y:6,height:16,width:16})]})}),jsxs(U$2.Content,{className:css({w:"200px"}),children:[jsxs(Stack,{w:"100%",gap:1,overflow:"hidden",children:[r?jsx(M$8,{size:"xs",variant:"success",fontWeight:"normal",children:p}):jsx(M$8,{fontColor:"text.tertiary",size:"xs",children:x}),jsx(M$8,{truncate:true,children:g})]}),r&&l&&jsxs(Fragment,{children:[jsx(Divider,{color:"surface.quaternary",my:3}),jsx(Q$1,{label:l,size:"sm",textStyle:"negative",variant:"text",onPress:f,children:jsx(Q$1.LeadingIcon,{children:jsxs("svg",{width:"20",height:"20",children:[jsx("circle",{cx:"8",cy:"8",r:"8",fill:token("colors.negative.lightest")}),jsx(c,{color:token("colors.negative.base"),x:3,y:3,height:10,width:10})]})})})]})]})]});return b?jsxs(HStack,{gap:1,minWidth:"fit-content",minHeight:"fit-content",children:[jsx(a,{}),jsx(Box,{className:css({"@media (max-width: 370px)":{display:"none"}}),minH:"18px",minW:"18px"})]}):jsx(a,{})};
|
|
13891
13966
|
|
|
13892
13967
|
const a$1=({fiatTotal:t,symbol:s})=>{const i=t?t.split("."):["0","00"],r=t?"text.primary":"text.tertiary";return jsxs(HStack,{alignItems:"flex-start",gap:1,my:3,children:[jsx(M$8.H4,{fontColor:r,styles:{lineHeight:"2.75rem"},children:s}),jsxs(HStack,{alignItems:"baseline",gap:0,children:[jsx(M$8.H1,{fontColor:r,children:i[0]}),jsx(M$8.H4,{fontColor:r,children:`.${i[1]||"00"}`})]})]})};
|
|
13893
13968
|
|
|
13894
|
-
const j$1=D$3(_$2),y$4=D$3(x$2),A$1=D$3(m$2),M$1=D$3(H$2),b$4=D$3(({children:e})=>jsx(VStack,{w:"full",justify:"center",children:e})),k$2=D$3(a$1),C$2=D$3($$2),B$2=({children:e,...H})=>$$5(e,o=>{const n=o.getProps(j$1),a=o.getProps(y$4),i=o.getProps(A$1),c=o.getProps(M$1),p=o.getProps(k$2),l=o.getProps(C$2),S=`radial-gradient(circle at top, color-mix(in srgb, ${token("colors.text.primary")}, transparent 88%) 0%, transparent 25%)`,m=c||i||n;return jsxs(
|
|
13969
|
+
const j$1=D$3(_$2),y$4=D$3(x$2),A$1=D$3(m$2),M$1=D$3(H$2),b$4=D$3(({children:e})=>jsx(VStack,{w:"full",justify:"center",children:e})),k$2=D$3(a$1),C$2=D$3($$2),B$2=({children:e,...H})=>$$5(e,o=>{const n=o.getProps(j$1),a=o.getProps(y$4),i=o.getProps(A$1),c=o.getProps(M$1),p=o.getProps(k$2),l=o.getProps(C$2),S=`radial-gradient(circle at top, color-mix(in srgb, ${token("colors.text.primary")}, transparent 88%) 0%, transparent 25%)`,m=c||i||n;return jsxs(r$3,{...H,fullscreen:true,paddingType:"none",gap:0,children:[jsxs(VStack,{h:"full",w:"full",style:m?{background:S}:{},children:[m&&jsxs(HStack,{justify:"space-between",px:4,w:"full",children:[c?jsx(H$2,{...c}):jsx(Box,{h:10,w:10,m:1}),i&&jsx(m$2,{...i}),n?jsx(_$2,{...n}):jsx(Box,{h:10,w:10,m:1})]}),p&&jsx(a$1,{...p}),a&&jsx(x$2,{...a}),o.get(b$4)]}),l&&jsx($$2,{...l})]})});Object.assign(B$2,{AccountMenu:j$1,Actions:y$4,Address:A$1,ConnectionMenu:M$1,Content:b$4,Fiat:k$2,Navigation:C$2});
|
|
13895
13970
|
|
|
13896
13971
|
const y$3=D$3(({children:t,...r})=>jsx(Center,{children:Children.map(t,e=>cloneElement(e,r))})),b$3=D$3(({children:t,...r})=>jsx(Center,{children:Children.map(t,e=>cloneElement(e,r))})),x$1=forwardRef(({className:t,...r},e)=>{const{primaryLabel:p,secondaryLabel:l,isExternalLink:N}=r;return $$5(r.children,c=>{const i=c.get(y$3),m=c.get(b$3);return jsx(a$4,{ref:e,className:cx(css({p:4,bg:"neutral.quaternary",_hover:{bg:"neutral.secondary"}}),t),borderRadius:"0.5rem",expand:true,...r,children:jsxs(HStack,{justify:"space-between",w:"full",children:[jsxs(HStack,{children:[i&&{...i,props:{height:24,...i.props,className:i.props.color?void 0:css({color:"brand.base"})}},jsxs(VStack,{gap:0,alignItems:"start",children:[jsxs(HStack,{children:[typeof p=="string"?jsx(M$8,{fontWeight:"medium",children:p}):p,N&&jsx(d$e,{width:14,height:14,color:token("colors.neutral.primary")})]}),l&&jsx(M$8,{size:"sm",fontColor:"text.tertiary",children:l})]})]}),jsx(HStack,{children:m&&{...m,props:{...m.props,className:m.props.color?void 0:css({color:"neutral.primary"}),width:16,height:16}}})]})})})});x$1.displayName="NavigationButton";Object.assign(x$1,{LeadingIcon:y$3,TrailingIcon:b$3});
|
|
13897
13972
|
|
|
@@ -14630,8 +14705,8 @@ const EmailInput = () => {
|
|
|
14630
14705
|
React__default.createElement(se.TypeIcon, null,
|
|
14631
14706
|
React__default.createElement(d$f, null)),
|
|
14632
14707
|
React__default.createElement(se.ActionIcon, { onClick: () => { } },
|
|
14633
|
-
React__default.createElement(Q$
|
|
14634
|
-
React__default.createElement(Q$
|
|
14708
|
+
React__default.createElement(Q$1, { "aria-label": "login-submit-button", variant: "text", textStyle: "neutral", disabled: disabled, validating: isValidating, type: "submit" },
|
|
14709
|
+
React__default.createElement(Q$1.LeadingIcon, { color: token('colors.text.tertiary') },
|
|
14635
14710
|
React__default.createElement(c$3, null)))))),
|
|
14636
14711
|
error && (React__default.createElement(M$8, { variant: "error", size: "sm", styles: { textAlign: 'center' } }, error))));
|
|
14637
14712
|
};
|
|
@@ -14654,14 +14729,14 @@ function WidgetHeader({ showHeaderText = true, onPressBack }) {
|
|
|
14654
14729
|
const { handleClose } = useWidgetConfig();
|
|
14655
14730
|
return (React__default.createElement(u$4, { position: "relative" },
|
|
14656
14731
|
!!onPressBack && (React__default.createElement(u$4.LeftAction, null,
|
|
14657
|
-
React__default.createElement(Q$
|
|
14658
|
-
React__default.createElement(Q$
|
|
14732
|
+
React__default.createElement(Q$1, { size: "sm", variant: "neutral", onPress: onPressBack },
|
|
14733
|
+
React__default.createElement(Q$1.LeadingIcon, null,
|
|
14659
14734
|
React__default.createElement(s$6, null))))),
|
|
14660
14735
|
showHeaderText && (React__default.createElement(u$4.Content, null,
|
|
14661
14736
|
React__default.createElement(M$8, { size: "sm", fontColor: "text.tertiary" }, "Log in or sign up"))),
|
|
14662
14737
|
handleClose && (React__default.createElement(u$4.RightAction, null,
|
|
14663
|
-
React__default.createElement(Q$
|
|
14664
|
-
React__default.createElement(Q$
|
|
14738
|
+
React__default.createElement(Q$1, { size: "sm", variant: "neutral", onPress: handleClose },
|
|
14739
|
+
React__default.createElement(Q$1.TrailingIcon, null,
|
|
14665
14740
|
React__default.createElement(c$a, null)))))));
|
|
14666
14741
|
}
|
|
14667
14742
|
|
|
@@ -14682,7 +14757,7 @@ const LoginView = ({ dispatch }) => {
|
|
|
14682
14757
|
React__default.createElement(WidgetHeader, null),
|
|
14683
14758
|
React__default.createElement(VStack, { w: "full", gap: 10, mt: 2, px: 7 },
|
|
14684
14759
|
config?.theme.assetUri && React__default.createElement("img", { src: config.theme.assetUri, alt: "Logo", width: 80, height: 80 }),
|
|
14685
|
-
React__default.createElement(VStack, { width: "full", gap: 4 },
|
|
14760
|
+
React__default.createElement(VStack, { width: "full", maxWidth: '25rem', gap: 4 },
|
|
14686
14761
|
hasEmailProvider && React__default.createElement(EmailInput, null),
|
|
14687
14762
|
socialProviders.length > 0 && (React__default.createElement(SocialProviders, { providers: Object.values(socialProviders), onPress: handleProviderLogin, dispatch: dispatch })),
|
|
14688
14763
|
showDivider && (React__default.createElement(HStack, { mb: 3, w: "full" },
|
|
@@ -14889,7 +14964,7 @@ const Pending = ({ onPressBack, title, description, Icon, isPending, errorMessag
|
|
|
14889
14964
|
isPending && React__default.createElement(d$n, { size: 80, strokeWidth: 8, neutral: true, progress: 40 }),
|
|
14890
14965
|
isPending ? (React__default.createElement(Icon, { width: 36, height: 36, className: centeredIconClass })) : errorMessage ? (React__default.createElement(d$g, { width: 36, height: 36, color: token('colors.negative.darker'), className: centeredIconClass })) : (React__default.createElement(s$d, { width: 36, height: 36, color: token('colors.brand.base'), className: centeredIconClass }))),
|
|
14891
14966
|
React__default.createElement(VStack, { gap: 2, px: 7 },
|
|
14892
|
-
React__default.createElement(M$8.H4,
|
|
14967
|
+
React__default.createElement(M$8.H4, { styles: { textAlign: 'center' } }, title),
|
|
14893
14968
|
React__default.createElement(M$8, { fontColor: "text.tertiary", styles: { textAlign: 'center' } }, description),
|
|
14894
14969
|
errorMessage && (React__default.createElement(M$8, { variant: "error", styles: { textAlign: 'center' } }, errorMessage))))));
|
|
14895
14970
|
};
|
|
@@ -15313,7 +15388,7 @@ const EmailOTPView = ({ state, dispatch }) => {
|
|
|
15313
15388
|
textAlign: 'center',
|
|
15314
15389
|
} }, email && React__default.createElement(s$1, { email: email })))),
|
|
15315
15390
|
React__default.createElement(P$2, { originName: "email", pinLength: 6, isPending: isVerifying || isResending, isSuccess: isSuccess, onChange: onChangeOtp, onComplete: submitOTP, errorMessage: isResending ? '' : (error ?? '') },
|
|
15316
|
-
React__default.createElement(P$2.RetryContent, null, showResendButton && React__default.createElement(Q$
|
|
15391
|
+
React__default.createElement(P$2.RetryContent, null, showResendButton && React__default.createElement(Q$1, { variant: "text", onPress: handleResend, label: "Request a new code" }))))));
|
|
15317
15392
|
};
|
|
15318
15393
|
|
|
15319
15394
|
const DeviceVerificationView = ({ state, dispatch }) => {
|
|
@@ -15375,7 +15450,7 @@ const MFAView = ({ state, dispatch }) => {
|
|
|
15375
15450
|
React__default.createElement(d$b, { width: 60, height: 60, color: token('colors.brand.base') }),
|
|
15376
15451
|
React__default.createElement(M$8.H4, { styles: { textAlign: 'center', fontWeight: 'normal' } }, "Please enter the 6-digit code from your authenticator app.")),
|
|
15377
15452
|
React__default.createElement(P$2, { originName: "mfa", pinLength: 6, isPending: isVerifying, isSuccess: isSuccess, onChange: onChangeOtp, onComplete: submitMFA, errorMessage: error ?? '' }),
|
|
15378
|
-
React__default.createElement(Q$
|
|
15453
|
+
React__default.createElement(Q$1, { label: "I lost my device", variant: "text", textStyle: "neutral", onPress: lostDevice, disabled: isVerifying, size: "sm" }))));
|
|
15379
15454
|
};
|
|
15380
15455
|
|
|
15381
15456
|
const RecoveryCodeView = ({ state, dispatch }) => {
|
|
@@ -15412,7 +15487,7 @@ const RecoveryCodeView = ({ state, dispatch }) => {
|
|
|
15412
15487
|
size: 35,
|
|
15413
15488
|
}, placeholder: "8-character code", onChange: onChangeOtp, alignText: "center", errorMessage: error ?? '', disabled: isVerifying }),
|
|
15414
15489
|
React__default.createElement(b$8, { label: "Two-Factor Authentication will be disabled.", variant: "warning" }))),
|
|
15415
|
-
!isVerifying && !isSuccess && (React__default.createElement(Q$
|
|
15490
|
+
!isVerifying && !isSuccess && (React__default.createElement(Q$1, { label: "I lost my recovery code", variant: "text", textStyle: "neutral", onPress: onLostRecoveryCode, disabled: isVerifying || isSuccess, size: "sm" })))));
|
|
15416
15491
|
};
|
|
15417
15492
|
|
|
15418
15493
|
const LostRecoveryCode = ({ dispatch }) => {
|
|
@@ -15618,6 +15693,20 @@ const WalletConnectView = ({ dispatch }) => {
|
|
|
15618
15693
|
React__default.createElement(M$8, { fontColor: "text.tertiary", styles: { textAlign: 'center' } }, "Open your mobile wallet and scan this QR code to connect")))));
|
|
15619
15694
|
};
|
|
15620
15695
|
|
|
15696
|
+
function useMediaQuery(query) {
|
|
15697
|
+
const [value, setValue] = useState(false);
|
|
15698
|
+
useEffect(() => {
|
|
15699
|
+
function onChange(event) {
|
|
15700
|
+
setValue(event.matches);
|
|
15701
|
+
}
|
|
15702
|
+
const result = matchMedia(query);
|
|
15703
|
+
result.addEventListener('change', onChange);
|
|
15704
|
+
setValue(result.matches);
|
|
15705
|
+
return () => result.removeEventListener('change', onChange);
|
|
15706
|
+
}, [query]);
|
|
15707
|
+
return value;
|
|
15708
|
+
}
|
|
15709
|
+
|
|
15621
15710
|
// Create a query client for react-query
|
|
15622
15711
|
const queryClient = new QueryClient();
|
|
15623
15712
|
// Inject CSS into document head (only once)
|
|
@@ -15627,12 +15716,13 @@ function injectCSS() {
|
|
|
15627
15716
|
return;
|
|
15628
15717
|
const styleElement = document.createElement('style');
|
|
15629
15718
|
styleElement.id = 'magic-widget-styles';
|
|
15630
|
-
styleElement.textContent = "html{--font-fallback:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--global-font-body,var(--font-fallback))}*{margin:0px;padding:0px;font:inherit}*,:after,:before{box-sizing:border-box;border-width:0px;border-style:solid;border-color:var(--global-color-border,currentColor)}hr{height:0px;color:inherit;border-top-width:1px}body{height:100%}img{border-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}ol,ul{list-style:none}code,kbd,pre,samp{font-size:1em}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:var(--edNtiq);background-image:none}button,input,optgroup,select,textarea{color:inherit}button,select{text-transform:none}table{text-indent:0px;border-collapse:collapse;border-color:inherit}input::placeholder,textarea::placeholder{opacity:1;color:var(--global-color-placeholder,#9ca3af)}textarea{resize:vertical}summary{display:list-item}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-0.25em}sup{top:-0.5em}dialog{padding:0px}a{color:inherit;text-decoration:inherit}abbr:where([title]){text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{--font-mono-fallback:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New';font-size:1em;font-family:var(--global-font-mono,var(--font-mono-fallback))}input[type=email],input[type=password],input[type=search],input[type=text]{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-cancel-button,::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=number]{-moz-appearance:textfield}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]{display:none!important}:root{--made-with-panda:'🐼'}*,::backdrop,:after,:before{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--scroll-snap-strictness:proximity;--border-spacing-x:0;--border-spacing-y:0;--translate-x:0;--translate-y:0;--rotate:0;--skew-x:0;--skew-y:0;--scale-x:1;--scale-y:1}html{--primary:black}:where(:root,:host){--cUJial:1/1;--joSgrv:4/3;--dXjFHz:3/4;--gqpqIn:16/9;--lixcAJ:18/5;--hSWVDT:1.618/1;--dzOvWn:none;--drrWcF:cubic-bezier(0.4,0,0.2,1);--hgfxJf:linear;--hCLxzh:cubic-bezier(0.4,0,1,1);--byCBno:cubic-bezier(0,0,0.2,1);--gSAVQW:cubic-bezier(0.4,0,0.2,1);--fuVfvZ:50ms;--fVBMec:100ms;--mUhz:150ms;--cWTXGg:200ms;--cifMdM:300ms;--goNNlj:400ms;--bPXfWW:500ms;--dRPRGd:100;--dooANa:200;--fVSZDc:300;--llFanx:400;--leEsKL:500;--hmvyHR:600;--ghWdwL:700;--janwPd:800;--bvnjIx:900;--ekeMrS:1;--jyTpIu:1.25;--ipEwfb:1.375;--lomeBD:1.5;--kwMYUX:1.625;--dVGecO:2;--dywXPJ:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--guQdxN:ui-serif,Georgia,Cambria,\"Times New Roman\",Times,serif;--gxQaAd:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--jrseCf:-0.05em;--glKTKc:-0.025em;--knaPyh:0em;--jwdARF:0.025em;--eUSVTv:0.05em;--lhSeXO:0.1em;--kWjDjq:0.5rem;--loLyxA:0.75rem;--eRgJXV:0.875rem;--daFrau:1rem;--gKFLFQ:1.125rem;--gFqSQX:1.25rem;--dllMvh:1.5rem;--jaXqkI:1.875rem;--cLogVb:2.25rem;--izMrAu:3rem;--hdlyfR:3.75rem;--bDBsww:4.5rem;--fwhTbD:6rem;--lkGdGW:8rem;--bUWovs:0 1px 2px 0 rgb(0 0 0/0.05);--cDhNnp:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--jMKUKK:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--kNVcRA:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--bnVgij:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--IghlV:0 25px 50px -12px rgb(0 0 0/0.25);--gmhFEB:inset 0 2px 4px 0 rgb(0 0 0/0.05);--aZLOC:4px;--jDYzax:8px;--kMMDaR:12px;--dyIDQb:16px;--TtVDs:24px;--btncja:40px;--esAhmv:64px;--fcTUxn:0rem;--dacYEG:0.25rem;--ebuyxV:0.5rem;--bYDCFo:0.75rem;--hIimNX:1rem;--fFrqVq:1.25rem;--gGIQOF:1.5rem;--eDRUVY:1.75rem;--flZesP:2rem;--djiiAi:2.25rem;--ieMJEa:2.5rem;--cBFxYr:2.75rem;--uyqLg:3rem;--hXmVPi:3.5rem;--mYCWo:4rem;--jgejxp:5rem;--iYEvIx:6rem;--dzpWeZ:7rem;--fifqnK:8rem;--faFCyS:9rem;--bxwoov:10rem;--huPzrf:11rem;--hgdKvb:12rem;--cZMJbQ:13rem;--iXfUeA:14rem;--vWSpd:15rem;--gtqdrN:16rem;--hNtIEu:18rem;--kqIPsj:20rem;--wdMRQ:24rem;--gEfgCY:0.125rem;--jJIQbV:0.375rem;--cqwGG:0.625rem;--dhUgfD:0.875rem;--bJeTGz:spin 1s linear infinite;--cxTetH:ping 1s cubic-bezier(0,0,0.2,1) infinite;--jjLJjo:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;--eUTuJH:bounce 1s infinite;--bLinLB:currentColor;--qLIrn:#000;--RiClf:#fff;--edNtiq:rgb(0 0 0/0);--cQacUT:#fff1f2;--fFtaKH:#ffe4e6;--eUoFZM:#fecdd3;--bPMUxN:#fda4af;--bvZVli:#fb7185;--jGTTif:#f43f5e;--iVPyxk:#e11d48;--fRnMVl:#be123c;--hxzBoW:#9f1239;--esXPMX:#881337;--epiLsK:#4c0519;--hPYfGc:#fdf2f8;--ioAkJk:#fce7f3;--eyVWNz:#fbcfe8;--nXIqK:#f9a8d4;--hGgStN:#f472b6;--dviDWY:#ec4899;--kUZZAj:#db2777;--gKbLdu:#be185d;--UhnuV:#9d174d;--hYEIxc:#831843;--dPgAHx:#500724;--kpTESD:#fdf4ff;--jfJgr:#fae8ff;--gZeVto:#f5d0fe;--gfHpEZ:#f0abfc;--dSTUoK:#e879f9;--cZwoAv:#d946ef;--jPvANs:#c026d3;--iVXUZd:#a21caf;--hYKnEO:#86198f;--hfmHQz:#701a75;--cYPdae:#4a044e;--ksTgfC:#faf5ff;--iCdJRO:#f3e8ff;--dWAXWh:#e9d5ff;--jcWlLI:#d8b4fe;--eLlnzT:#c084fc;--jRGBpu:#a855f7;--fmdPtN:#9333ea;--kszdjo:#7e22ce;--kMigIv:#6b21a8;--eDhKZa:#581c87;--eadxYH:#3b0764;--elZfLV:#f5f3ff;--jcWAkV:#ede9fe;--gHfMHa:#ddd6fe;--jSzuYT:#c4b5fd;--jDVPUQ:#a78bfa;--bzTONN:#8b5cf6;--ktyKIO:#7c3aed;--cpwJBL:#6d28d9;--foWeJc:#5b21b6;--iApNaV:#4c1d95;--cfTfyk:#2e1065;--kbclAu:#eef2ff;--gAzkHe:#e0e7ff;--gRHwoJ:#c7d2fe;--iYtjYI:#a5b4fc;--jCTsMf:#818cf8;--ujwXi:#6366f1;--LrIEN:#4f46e5;--cSdwoM:#4338ca;--irwviH:#3730a3;--kyiiSG:#312e81;--hgSANP:#1e1b4b;--glmLoi:#eff6ff;--bYrJpO:#dbeafe;--hoTvPd:#bfdbfe;--bMEoOM:#93c5fd;--hIEEwj:#60a5fa;--cgpxvS:#3b82f6;--hwRjVh:#2563eb;--bUCcUQ:#1d4ed8;--golFsv:#1e40af;--LWyse:#1e3a8a;--eJQij:#172554;--dyXAhp:#ecfeff;--eeWoox:#cffafe;--fnHbwe:#a5f3fc;--cLmYYf:#67e8f9;--bpLSHw:#22d3ee;--kcNzIt:#06b6d4;--llymQa:#0891b2;--iJeksb:#0e7490;--jTKpqw:#155e75;--hrqmSx:#164e63;--bcqAnE:#083344;--jqQOis:#f0fdfa;--hsCMHs:#ccfbf1;--jcJhxj:#99f6e4;--czjDVi:#5eead4;--kfgCt:#2dd4bf;--eWbmzo:#14b8a6;--gGhHpf:#0d9488;--cIdNe:#0f766e;--catTvB:#115e59;--gMpZsw:#134e4a;--bnTNlF:#042f2e;--jVPfey:#ecfdf5;--gSyYHy:#d1fae5;--dOyJRJ:#a7f3d0;--jOMcLk:#6ee7b7;--bLsBkr:#34d399;--hLFUdS:#10b981;--eHFFod:#059669;--kHSYhE:#047857;--iuBcgT:#065f46;--dfsLBy:#064e3b;--jJEloz:#022c22;--hXozqf:#f0fdf4;--iDDIAz:#dcfce7;--khfuXU:#bbf7d0;--hypAVx:#86efac;--wGfza:#4ade80;--jdlUVz:#22c55e;--kGNHsU:#16a34a;--hXXNqx:#15803d;--bAQeLK:#166534;--khvUij:#14532d;--cbdKOS:#052e16;--dhEleJ:#f7fee7;--gFFbyh:#ecfccb;--fjFsBy:#d9f99d;--cfdGZz:#bef264;--bxLPEk:#a3e635;--jIFNBh:#84cc16;--imGeEy:#65a30d;--fietcz:#4d7c0f;--crovfQ:#3f6212;--kCitcN:#365314;--gEQkrg:#1a2e05;--cLFWMs:#fefce8;--kxGpio:#fef9c3;--cbZZGT:#fef08a;--fwcFBW:#fde047;--hUTJsd:#facc15;--loWpng:#eab308;--cTpZLL:#ca8a04;--gnsFGO:#a16207;--ByZWN:#854d0e;--dVBFRQ:#713f12;--iLqZUR:#422006;--kVxzTd:#fffbeb;--jZPQXp:#fef3c7;--hCWpXC:#fde68a;--bCKrrD:#fcd34d;--wuHbc:#fbbf24;--fLErTZ:#f59e0b;--doKQUm:#d97706;--iDUBNj:#b45309;--iOnUJo:#92400e;--cObWdp:#78350f;--frxesg:#451a03;--NQTLQ:#fff7ed;--JsfmQ:#ffedd5;--gBjjlD:#fed7aa;--QMCLK:#fdba74;--ijESlZ:#fb923c;--czilMg:#f97316;--iqZpKT:#ea580c;--cGCJla:#c2410c;--dUhLNN:#9a3412;--jzgOMQ:#7c2d12;--igBpVl:#431407;--bINrJX:#fef2f2;--fKgVwH:#fee2e2;--bLdQLg:#fecaca;--fMUQaR:#fca5a5;--hwCQam:#f87171;--iYfRb:#ef4444;--hzqKEw:#dc2626;--lMavl:#b91c1c;--bLDcWa:#991b1b;--fNuclL:#7f1d1d;--jHDsLG:#450a0a;--kltIHN:#fafafa;--hzpwrB:#f5f5f5;--lbfZji:#e5e5e5;--fcfsVb:#d4d4d4;--kPKNfw:#a3a3a3;--eQKgRp:#737373;--isAJIW:#525252;--ctAduP:#404040;--bqFRBA:#262626;--gHaUMp:#171717;--fhFoEQ:#0a0a0a;--NNaBX:#fafaf9;--juQpUX:#f5f5f4;--jjsRgY:#e7e5e4;--hxarzx:#d6d3d1;--dmyqvy:#a8a29e;--bAfQNX:#78716c;--boIrZY:#57534e;--kRLBRt:#44403c;--iKBpmW:#292524;--gYiPFv:#1c1917;--kshUcS:#0c0a09;--dhFdXS:#fafafa;--dGhjba:#f4f4f5;--efoVXJ:#e4e4e7;--ljOqfc:#d4d4d8;--cXLRGr:#a1a1aa;--kcllNK:#71717a;--kBsYKt:#52525b;--gqwJsQ:#3f3f46;--ylgyn:#27272a;--hCKAFG:#18181b;--dtmsQb:#09090b;--dcmCJN:#f9fafb;--ePJGsV:#f3f4f6;--dnVpUm:#e5e7eb;--bMJKSL:#d1d5db;--jSiOQk:#9ca3af;--iqXjOJ:#6b7280;--gPiTqa:#4b5563;--fnXooz:#374151;--fKIyfA:#1f2937;--ejwTdZ:#111827;--jympbw:#030712;--oXohi:#19191A;--gyKIIT:#252525;--eSphig:#303030;--lccBJR:#383838;--lfBdGG:#474747;--kcXOlL:#f8fafc;--kbRDfH:#f1f5f9;--ivwbEU:#e2e8f0;--dpNMHJ:#cbd5e1;--dtmoEy:#94a3b8;--jCZJgj:#64748b;--hWEhFw:#475569;--cQVSIl:#334155;--hVLXiS:#1e293b;--cQdIlH:#0f172a;--iFDdka:#020617;--izlnso:#F8F8FA;--eRgqfH:#EDEDF3;--KVTme:#E2E0E5;--dkJQoR:#CCCAD0;--ktVcUk:#B6B4BA;--gLQfHD:#97959A;--cFFIOa:#77767A;--cJEYlt:#4E4D52;--jSQkQM:#18171A;--hLOWYd:#EDEBFF;--bVhZHK:#CAC2FF;--jYNVEH:#A799FF;--emDeSE:#8875FF;--aNrqF:#6851FF;--gzCdzi:#5D40EA;--dnMpXj:#522FD4;--cLqlCI:#4421C3;--kOWhzF:#3512B2;--dNokDG:#E3FAF3;--fIEsRl:#BAF5E3;--kuAyOg:#90F0D3;--hUmnXD:#48DEB1;--bqMKvC:#00CC8F;--dmcSJh:#00AA77;--hXYYGc:#00875F;--domHof:#007753;--iaiNla:#006647;--dDaZDc:#FFEAE5;--bYjnoT:#FFC3B3;--jcIHwm:#FF9B80;--iuhUtx:#FE7C58;--ejlFbU:#FC5C30;--cEtSNL:#E84718;--jITmVe:#D43100;--hhKBFJ:#C12E02;--cWOmog:#AD2B03;--loKVxo:#FCF4E5;--crbXrL:#FEE5BD;--eXQnMG:#FFD594;--dYBcpd:#EDBD72;--gFpsJY:#DBA550;--iXcedr:#BF8832;--ouKZq:#A36B14;--kXQUUR:#97630C;--cpjBQQ:#8A5A03;--dpZiSB:#EBF0FE;--bZrrvu:#AFC4FF;--cGNUcb:#7398FF;--cGWcRs:#5482FB;--dosFxZ:#346BF7;--bXKOaS:#295EE7;--cFhqHz:#1E50D6;--cvyBYk:#1344C7;--dcVeER:#0737B8;--bMxFwZ:#e0f2fe;--vPNZS:#bae6fd;--bdmqGz:#7dd3fc;--bduzvQ:#38bdf8;--bKRccx:#0ea5e9;--ujkFq:#0284c7;--bbFNlX:#0369a1;--RWYCI:#075985;--bztBjp:#0c4a6e;--iNVpnc:#082f49;--cemPJF:#FFFFFF;--iTjmdu:#FFFFFF;--fFEzoc:0.0625rem;--fCuVLy:0.09375rem;--hiYFxW:0.125rem;--ixNmpi:0.125rem;--bewZvn:0.25rem;--kLOfAE:0.375rem;--dxfumK:0.5rem;--UXfgJ:0.75rem;--bphCwb:1rem;--eougbK:1.5rem;--kkkBVq:9999px;--cDRSmz:var(--button-radius,9999px);--insZoq:var(--container-radius,1.75rem);--hxxJkr:var(--input-radius,0.5rem);--kTdGYg:0rem;--cCUBeV:0.25rem;--gsUKim:0.5rem;--jshnNX:0.75rem;--juMtMc:1rem;--beDnSR:1.25rem;--eUDwWi:1.5rem;--hTQaBT:1.75rem;--cAmzCM:2rem;--fzzdix:2.25rem;--dDnfaV:2.5rem;--cpjPHA:2.75rem;--ckODEv:3rem;--WLola:3.25rem;--hTmzdp:3.5rem;--gFjjJU:3.75rem;--gANXGP:4rem;--htnoem:5rem;--tQYHK:6rem;--kcGldO:7rem;--gMkTEx:8rem;--lcknGR:9rem;--kveXIc:10rem;--gsriJI:11rem;--bPcliI:12rem;--Mxqsr:13rem;--hZfkST:14rem;--fUWaSi:15rem;--bSilTO:16rem;--fnTGst:18rem;--dAFdyM:20rem;--jxszKr:24rem;--hghuKL:0.125rem;--drtIxO:0.375rem;--siblR:0.625rem;--hSPYxQ:0.875rem;--izvCpj:20rem;--aTIGG:24rem;--kMQJUV:28rem;--dyNKmL:32rem;--ToPgI:36rem;--btoFLe:42rem;--esBjqP:48rem;--hrOPNc:56rem;--krbtsN:64rem;--cRFSXi:72rem;--fQSwCT:80rem;--iQceEA:90rem;--jAesVz:65ch;--khWApH:100%;--eOXrSu:min-content;--jNBRbM:max-content;--UhpHH:fit-content;--eomHOU:640px;--iujnmj:768px;--gThSgZ:1024px;--cssArG:1280px;--jESPPc:1536px;--exvVve:2147483647;--ikokJA:640px;--kSvAmr:768px;--uwdhN:1024px;--eyfDzy:1280px;--dgHGKE:1536px;--jlmaOs:var(--surface-primary,var(--iTjmdu));--Iycdi:var(--surface-secondary,var(--izlnso));--crPUBo:var(--surface-tertiary,var(--eRgqfH));--kJiqPO:var(--surface-quaternary,var(--KVTme));--iagzVE:var(--text-primary,var(--jSQkQM));--YyYdq:var(--text-secondary,var(--cJEYlt));--kFAOBM:var(--text-tertiary,var(--cFFIOa));--iodyUC:var(--text-quaternary,var(--cemPJF));--DLYOY:var(--neutral-primary,var(--ktVcUk));--gfUEye:var(--neutral-secondary,var(--KVTme));--qsPVo:var(--neutral-tertiary,var(--eRgqfH));--kyjnqS:var(--neutral-quaternary,var(--izlnso));--iAjuTO:var(--brand-lightest,var(--hLOWYd));--gzHfkH:var(--brand-lighter,var(--jYNVEH));--gBHQLb:var(--brand-base,var(--aNrqF));--etZyR:var(--brand-darker,var(--dnMpXj));--enVPNY:var(--brand-darkest,var(--kOWhzF));--itfeCm:var(--dNokDG);--qkXv:var(--kuAyOg);--gHzsmL:var(--bqMKvC);--cOyFst:var(--hXYYGc);--fKbyps:var(--iaiNla);--dxaFjW:var(--dDaZDc);--dnTPVf:var(--jcIHwm);--bWuoqD:var(--ejlFbU);--iqIoUR:var(--jITmVe);--iZlvjY:var(--cWOmog);--ldafrz:var(--loKVxo);--leQkZS:var(--eXQnMG);--jmTbXW:var(--gFpsJY);--dLLYUY:var(--ouKZq);--dZIprB:var(--cpjBQQ);--gaBiDO:var(--dpZiSB);--fxHMpn:var(--cGNUcb);--fQFmqL:var(--dosFxZ);--dUMcYZ:var(--cFhqHz);--dntrJc:var(--dcVeER)}[data-color-mode=light]{--jlmaOs:var(--surface-primary,var(--iTjmdu));--Iycdi:var(--surface-secondary,var(--izlnso));--crPUBo:var(--surface-tertiary,var(--eRgqfH));--kJiqPO:var(--surface-quaternary,var(--KVTme));--iagzVE:var(--text-primary,var(--jSQkQM));--YyYdq:var(--text-secondary,var(--cJEYlt));--kFAOBM:var(--text-tertiary,var(--cFFIOa));--iodyUC:var(--text-quaternary,var(--cemPJF));--DLYOY:var(--neutral-primary,var(--ktVcUk));--gfUEye:var(--neutral-secondary,var(--KVTme));--qsPVo:var(--neutral-tertiary,var(--eRgqfH));--kyjnqS:var(--neutral-quaternary,var(--izlnso));--iAjuTO:var(--brand-lightest,var(--hLOWYd));--gzHfkH:var(--brand-lighter,var(--jYNVEH));--gBHQLb:var(--brand-base,var(--aNrqF));--etZyR:var(--brand-darker,var(--dnMpXj));--enVPNY:var(--brand-darkest,var(--kOWhzF));--itfeCm:var(--dNokDG);--qkXv:var(--kuAyOg);--gHzsmL:var(--bqMKvC);--cOyFst:var(--hXYYGc);--fKbyps:var(--iaiNla);--dxaFjW:var(--dDaZDc);--dnTPVf:var(--jcIHwm);--bWuoqD:var(--ejlFbU);--iqIoUR:var(--jITmVe);--iZlvjY:var(--cWOmog);--ldafrz:var(--loKVxo);--leQkZS:var(--eXQnMG);--jmTbXW:var(--gFpsJY);--dLLYUY:var(--ouKZq);--dZIprB:var(--cpjBQQ);--gaBiDO:var(--dpZiSB);--fxHMpn:var(--cGNUcb);--fQFmqL:var(--dosFxZ);--dUMcYZ:var(--cFhqHz);--dntrJc:var(--dcVeER) }[data-color-mode=dark]{--jlmaOs:var(--surface-primary-dark,var(--oXohi));--Iycdi:var(--surface-secondary-dark,var(--gyKIIT));--crPUBo:var(--surface-tertiary-dark,var(--eSphig));--kJiqPO:var(--surface-quaternary-dark,var(--lccBJR));--iagzVE:var(--text-primary-dark,var(--cemPJF));--YyYdq:var(--text-secondary-dark,var(--text-secondary-dark,color-mix(in srgb,var(--cemPJF) 72%,transparent)));--kFAOBM:var(--text-tertiary-dark,var(--text-tertiary-dark,color-mix(in srgb,var(--cemPJF) 44%,transparent)));--iodyUC:var(--text-quaternary-dark,var(--jSQkQM));--DLYOY:var(--neutral-primary-dark,var(--neutral-primary-dark,color-mix(in srgb,var(--cemPJF) 16%,transparent)));--gfUEye:var(--neutral-secondary-dark,var(--neutral-secondary-dark,color-mix(in srgb,var(--cemPJF) 12%,transparent)));--qsPVo:var(--neutral-tertiary-dark,var(--neutral-tertiary-dark,color-mix(in srgb,var(--cemPJF) 8%,transparent)));--kyjnqS:var(--neutral-quaternary-dark,var(--neutral-quaternary-dark,color-mix(in srgb,var(--cemPJF) 5%,transparent)));--iAjuTO:var(--brand-lightest-dark,var(--brand-lightest-dark,color-mix(in srgb,var(--jYNVEH) 25%,transparent)));--gzHfkH:var(--brand-lighter-dark,var(--brand-lighter-dark,color-mix(in srgb,var(--jYNVEH) 66%,transparent)));--gBHQLb:var(--brand-base-dark,var(--jYNVEH));--etZyR:var(--brand-darker-dark,var(--hLOWYd));--enVPNY:var(--brand-darkest-dark,var(--hLOWYd));--itfeCm:color-mix(in srgb,var(--kuAyOg) 8%,transparent);--qkXv:color-mix(in srgb,var(--kuAyOg) 72%,transparent);--gHzsmL:var(--kuAyOg);--cOyFst:var(--bqMKvC);--fKbyps:var(--bqMKvC);--dxaFjW:color-mix(in srgb,var(--jcIHwm) 8%,transparent);--dnTPVf:color-mix(in srgb,var(--jcIHwm) 72%,transparent);--bWuoqD:var(--jcIHwm);--iqIoUR:var(--ejlFbU);--iZlvjY:var(--ejlFbU);--ldafrz:color-mix(in srgb,var(--eXQnMG) 8%,transparent);--leQkZS:color-mix(in srgb,var(--eXQnMG) 72%,transparent);--jmTbXW:var(--eXQnMG);--dLLYUY:var(--gFpsJY);--dZIprB:var(--gFpsJY);--gaBiDO:color-mix(in srgb,var(--cGNUcb) 8%,transparent);--fxHMpn:color-mix(in srgb,var(--cGNUcb) 72%,transparent);--fQFmqL:var(--cGNUcb);--dUMcYZ:var(--dosFxZ);--dntrJc:var(--dosFxZ) }@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:0.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,0.2,1)}}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeOut{to{opacity:0}}@keyframes scaleIn{0%{opacity:0}to{opacity:1;scale:1}}@keyframes scaleOut{0%{opacity:1;scale:1}to{opacity:0;scale:0.9}}@keyframes slideIn{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(1.25rem)}}@keyframes slideRight{0%{left:-150%}to{left:175%}}@keyframes moveRight{0%{transform:translateX(0rem)}80%{transform:translateX(1.25rem)}to{transform:translateX(1.2rem)}}@keyframes moveLeft{0%{transform:translateX(0rem)}80%{transform:translateX(-1.25rem)}to{transform:translateX(-1.2rem)}}@keyframes animateSpinnerSmall{0%{stroke-dasharray:0.4,60;stroke-dashoffset:0}50%{stroke-dasharray:36,60;stroke-dashoffset:-14}to{stroke-dasharray:36,60;stroke-dashoffset:-52}}@keyframes animateSpinnerLarge{0%{stroke-dasharray:0.875,175;stroke-dashoffset:0}50%{stroke-dasharray:78.75,131.25;stroke-dashoffset:-31}to{stroke-dasharray:0.875,175;stroke-dashoffset:-158}}@keyframes popIn{0%{scale:0}to{scale:1}}@keyframes popOut{0%{scale:1}to{scale:0}}.JIGdQ{font-size:0.75rem;line-height:1.25rem;font-weight:var(--llFanx)}.caxCit{font-size:0.875rem}.AEdnq,.caxCit{line-height:1.5rem;font-weight:var(--llFanx)}.AEdnq{font-size:1rem}.ggkuag{font-size:1.125rem;line-height:1.75rem}.KOyzo,.ggkuag{font-weight:var(--llFanx)}.KOyzo{font-size:0.75rem;line-height:1.25rem}.bqPPXX{font-size:0.875rem}.bqPPXX,.iBKgpR{line-height:1.5rem;font-weight:var(--llFanx)}.iBKgpR{font-size:1rem}.dVmflu{font-size:0.875rem}.dVmflu,.hkxWuN{line-height:1.5rem;font-family:var(--gxQaAd)}.hkxWuN{font-size:1rem}.eIvlPr{font-size:1.125rem;line-height:1.75rem;font-family:var(--gxQaAd)}.ZlnHu{line-height:3.25rem}.ZlnHu,.dNxFtD{font-size:2.5rem;font-weight:var(--janwPd)}.dNxFtD{line-height:3.5rem}.bcvUKl{font-size:2.25rem;line-height:3rem;font-weight:var(--janwPd)}.fDZIkY,.gRVYOk{font-size:2rem;line-height:2.75rem;font-weight:var(--janwPd)}.cqslnx{font-size:1.5rem;line-height:2.25rem;font-weight:var(--ghWdwL)}.cFGrCm,.cSachX{font-size:1.25rem;line-height:2rem;font-weight:var(--ghWdwL)}.brKaZa,.efWsLj{font-size:1.125rem;line-height:1.75rem;font-weight:var(--ghWdwL)}.buUIbR{font-size:0.625rem}.buUIbR,.hkuMfQ{letter-spacing:0.06rem;text-transform:uppercase;line-height:0.75rem;font-weight:var(--hmvyHR)}.hkuMfQ{font-size:0.75rem}@media screen and (min-width: 64rem){.KOyzo{font-size:0.875rem}.KOyzo,.bqPPXX{line-height:1.5rem}.bqPPXX{font-size:1rem}.iBKgpR{font-size:1.125rem;line-height:1.75rem}.ZlnHu{font-size:5rem;line-height:5.5rem}.bcvUKl{font-size:4rem;line-height:4.75rem}.fDZIkY{font-size:3rem;line-height:4rem}.cSachX{font-size:1.5rem;line-height:2.25rem}.brKaZa{font-size:1.25rem;line-height:2rem}.buUIbR{font-size:0.75rem;line-height:0.75rem}}.fEVEmD{display:inline-flex}.jTWvec{position:relative}.iPfXWl{box-sizing:border-box}.dKuXep{border-radius:var(--cDRSmz)}.lbmNld{border:thin solid}.bZRhvx{cursor:pointer}.hWbyxU{transition:all 0.1s ease}.diIxfU{outline:var(--dzOvWn)}.efvJEH{will-change:transform,opacity}.kFYpif{background:none}.Axmbx{height:var(--fzzdix)}.jGqtLL{padding-block:var(--jJIQbV)}.fzoqgU{padding-inline:var(--hIimNX)}.fzpabD{height:var(--ckODEv)}.fzoAXm{padding-block:var(--bYDCFo)}.fznPAm{padding-inline:var(--gGIQOF)}.fznKiw{height:var(--gFjjJU)}.fzoqgp{padding-block:var(--hIimNX)}.cPRswh{background:var(--gBHQLb)}.dTWubc{background:var(--iAjuTO)}.edEltL{background:var(--cOyFst)}.gDSsAr{background:var(--iqIoUR)}.hoYZte{background:var(--qsPVo)}.foDtdn{background:var(--edNtiq)}.AxjtU{padding:var(--fcTUxn)}.gsynQv{height:fit-content}.hZLYvv{background:#ffffff14}.kXEOGR{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.hmegja{background:var(--jSQkQM)}.cERSkX{pointer-events:none}.dMMuNs{width:var(--khWApH)}.bYJPrM{border-radius:var(--kkkBVq)}.fPSBzf{display:flex}.gzBMzy{text-align:center}.cbkwRf{white-space:nowrap}.bunRPm{color:var(--jlmaOs)}.rbsQX{color:var(--etZyR)}.flFbEq{color:var(--iagzVE)}.ecosjt{color:var(--gBHQLb)}.jiGUEY{color:var(--cemPJF)}.deYFWh{color:var(--gHzsmL)}.iATurT{color:var(--iqIoUR)}.drDZIi{color:var(--kFAOBM)}.fQAFQl{outline-offset:var(--gEfgCY)}.AxmbG{width:var(--fzzdix)}.pitAi{padding:var(--jJIQbV)}.fzpabA{width:var(--ckODEv)}.Axikr{padding:var(--bYDCFo)}.fznKij{width:var(--gFjjJU)}.AxhTk{padding:var(--hIimNX)}.gsynQA{width:fit-content}.DyZUq{border-radius:10px}.lnVchA{background:var(--itfeCm)}.gCOtIw{background:var(--dxaFjW)}.fmhFEF{background:var(--ldafrz)}.kRLutI{background:var(--Iycdi)}.gIDZqd{transition:transform 0.2s ease,opacity 0.2s ease}.dLFxYe{text-align:left}.kkElPi{color:var(--enVPNY)}.jsoGzi{color:var(--fKbyps)}.bKCYEC{color:var(--iZlvjY)}.jnqkcv{color:var(--dZIprB)}.buzaNI{color:var(--YyYdq)}.kypCfT{text-transform:uppercase}.fkBQxR{letter-spacing:0.06rem}.gcohXo{border-radius:1rem}.fyplMZ{cursor:default}.ioQIUn{height:10.75rem}.ioQIUI{width:10.75rem}.dXscgu{overflow:hidden}.eLuUPu{overflow:visible}.qbege{gap:var(--fcTUxn)}.pvuga{gap:var(--hIimNX)}.pnxsH{gap:var(--fFrqVq)}.pezuA{gap:var(--gGIQOF)}.flMYjT{box-shadow:0px 1px 2px rgba(189,189,189,0.3)}.fMKpTj{box-shadow:8px 8px 48px rgba(16,15,17,0.14)}.fzrkhE{padding-inline:var(--flZesP)}.fznPzH{padding-block:var(--gGIQOF)}.fzpabv{padding:var(--uyqLg)}.kdFIjO{flex:1 1 0%}.bKPWST{max-width:29.125rem}.iZstbk{opacity:0.3}.dMMuMP{height:var(--khWApH)}.kbJfZC{background:var(--jlmaOs)}.gWzzAr{overflow:auto}.fLVKVB{scrollbar-width:none}.djBLSD{height:100vh}.dnFyWD{width:100vw}.eJvMDV{scale:1}.AxiEa{padding:var(--ebuyxV)}.Axmvo{padding:var(--flZesP)}.jieZfE{pointer-events:all}.hdAwi{position:fixed}.csnEyP{--backdrop-blur:blur(0.375rem)}.crPXqh{backdrop-filter:var(--backdrop-blur) var(--backdrop-brightness) var(--backdrop-contrast) var(--backdrop-grayscale) var(--backdrop-hue-rotate) var(--backdrop-invert) var(--backdrop-saturate) var(--backdrop-sepia);-webkit-backdrop-filter:var(--backdrop-blur) var(--backdrop-brightness) var(--backdrop-contrast) var(--backdrop-grayscale) var(--backdrop-hue-rotate) var(--backdrop-invert) var(--backdrop-saturate) var(--backdrop-sepia)}.deAqKV{max-width:100rem}.hkIdtl{margin:0 auto}.cORRFI{max-width:none}.fDWVKV{border-radius:var(--hxxJkr)}.JcTPa{transition:all linear 120ms}.hYZFkb{width:100%}.fzozCt{height:var(--dDnfaV)}.fzoNwz{padding-block:var(--ebuyxV)}.AxjtB{margin:var(--fcTUxn)}.iQHTXh{min-width:var(--dDnfaV)}.dvMkiN{text-align:right}.dpjQla{transition:opacity linear 120ms}.dsySWt{text-wrap:wrap}.gsGAeM{color:var(--jmTbXW)}.fNCCNu{padding:20px}.AYoSK{z-index:var(--exvVve)}.kVkdUe{box-shadow:4px 8px 20px 0px rgba(0,0,0,0.15)}.dSXBgr{height:1rem}.dSXBfY{width:1rem}.eAZrpM{width:auto}.AYoSP{width:var(--jNBRbM)}.hQiMIj{max-width:var(--fnTGst)}.jXSfKH{position:absolute}.fzoAWH{padding-inline:var(--bYDCFo)}.eeKCgv{border-radius:var(--UXfgJ)}.Oxeoj{box-shadow:0px 4px 20px 0px rgba(0,0,0,0.10)}.ddgODW{display:none}.cGFOJB{display:block}.izPYod{transform:translateX(-50%) translateY(calc(-100% - 0.75rem))}.cPkmfo{transform:translateX(10%) translateY(calc(-100% - 0.75rem))}.cXTUEh{transform:translateX(-10%) translateY(calc(-100% - 0.75rem))}.iqmoHh{transform:translateX(calc(-100% - 0.75rem)) translateY(-50%)}.emrspq{transform:translateX(calc(-100% - 0.75rem)) translateY(-75%)}.zFGjL{transform:translateX(calc(-100% - 0.75rem)) translateY(-25%)}.ddBtbm{transform:translateX(calc(100% + 0.75rem)) translateY(-50%)}.kSbzJl{transform:translateX(calc(100% + 0.75rem)) translateY(-75%)}.hdzMuI{transform:translateX(calc(100% + 0.75rem)) translateY(-25%)}.jSRWPC{transform:translateX(-50%) translateY(calc(100% + 0.75rem))}.depkmP{transform:translateX(10%) translateY(calc(100% + 0.75rem))}.eqVTfG{transform:translateX(-10%) translateY(calc(100% + 0.75rem))}.fzoWka{width:var(--fnTGst)}.AxhSM{height:var(--juMtMc)}.kmFTYl{transform:translateX(-50%) translateY(0.75rem)}.hFunKo{transform:translateX(-50%) translateY(-0.75rem)}.AxhTf{width:var(--juMtMc)}.fzqACo{height:var(--bPcliI)}.kwEkgw{transform:translateX(-0.75rem) translateY(-50%)}.LwqbV{transform:translateX(0.75rem) translateY(-50%)}.jHxAip{background:linear-gradient(#00CC8F,#6851FF)}.hWgZTB{inset:var(--fcTUxn)}.dKLBtz{gap:10px}.cYdhWw{display:grid}.jZwGWY{fill:var(--RiClf)}.hGQgmY{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.eAZrqn{height:auto}.jcgYsf{--mix-background:color-mix(in srgb,var(--iagzVE) 20%,transparent);background:var(--mix-background,var(--iagzVE))}.jDVJRS{transform:translateY(0)}.japwPO{transform:translateY(100%)}.bTJmyy{transition:transform 0.3s}.fClTjd{border-top-left-radius:var(--eougbK);border-top-right-radius:var(--eougbK)}.jvjRt{box-shadow:0px -12px 56px 0px rgba(119,118,122,0.15)}.fzozCb{z-index:10}.cFLICG{transform:translateX(-100%)}.byXyn{transform:translateX(100%)}.khiFRn{transform:translateX(0)}.fzoCXr{width:var(--dAFdyM)}.fjzPTS{border-top-right-radius:var(--bphCwb);border-bottom-right-radius:var(--bphCwb)}.dXSjkM{border-top-left-radius:var(--bphCwb);border-bottom-left-radius:var(--bphCwb)}.eVHffH{--thickness:1px}.bjGQXr{gap:var(--cqwGG)}.cpnrKk{box-shadow:true}.fgrICX{background:#ffc439}.fnjBrW{border:1px solid transparent}.jGoIIY{padding-block:var(--cqwGG)}.lopGBb{stroke-width:2.5}.pThsL{gap:var(--dacYEG)}.fzoxFp{width:var(--fUWaSi)}.jonSOI{flex:0 0 auto}.lkYUqX{border-radius:9999px}.cUqkcP{animation:popIn 150ms}.ksKAre{animation:popOut 150ms}.ZlVyD{animation:spin 1.5s linear infinite}.emRNBL{stroke:var(--iagzVE)}.elaIWr{transform-origin:center center}.bkLsBk{gap:var(--jJIQbV)}.kRRXUg{stroke:var(--gBHQLb)}.jAmlUX{stroke:var(--jlmaOs)}.kYoAXZ{stroke-opacity:0.12}.jQNDvc{animation:spin 1s linear infinite}.dITaCb{border-radius:2rem}.bKdxLy{transform:skewX(-20deg)}.chmhDV{overflow-wrap:break-word}.bWVcuP{word-break:break-word}.llnClk{background:var(--kyjnqS)}.fRIRtM{border-radius:var(--dxfumK)}.dWKkCe{min-width:15rem}.mDYqS{width:40%}.dZeDlI{border-left:thin solid}.Axmvg{height:var(--cAmzCM)}.pCmHl{gap:var(--bYDCFo)}.bGySga{-webkit-user-select:none;user-select:none}.GzWLz{-webkit-user-select:auto;user-select:auto}.fMSoJ{filter:blur(10px)}.rHLwk{text-wrap:nowrap}.fzoYeD{width:22px}.fzoYeI{height:22px}.iiBJGO{font-variant:no-contextual}.dJRcZd{transition:none}.pKjuE{gap:var(--ebuyxV)}.fznYYc{width:var(--gANXGP)}.fzozgh{width:var(--htnoem)}.fznYYn{height:var(--gANXGP)}.fzozgi{height:var(--htnoem)}.hYbcjk{width:1.125rem}.hYbciH{height:1.125rem}.dgzwbo{object-fit:cover}.clyxRL{border-start-start-radius:var(--hxxJkr);border-end-start-radius:var(--hxxJkr)}.cMWMBT{border-radius:0}.duralB{transform:rotate(180)}.fznyyO{width:var(--hTmzdp)}.fznyzd{height:var(--hTmzdp)}.faAYXy{max-height:17.5rem}.fzqBIS{width:18px}.fzqBJp{height:18px}.hVpAQY{min-width:var(--kTdGYg)}.cEowv{max-width:30rem}.dGnaHP{caret-color:var(--edNtiq)}.eGizhS{border-radius:0.5rem}.fzoqgI{margin-block:var(--hIimNX)}.iWbCEa{max-width:var(--iQceEA)}.coifUy{margin-inline:auto}.XApuw{overlay:true}.fznycS{height:var(--tQYHK)}.fznycJ{width:var(--tQYHK)}.Axhdq{padding:var(--gGIQOF)}.kInNhr{max-width:393px}.Axhdp{width:var(--eUDwWi)}.enrCNZ{border-radius:60px}.fzoLlM{height:var(--cpjPHA)}.fzoLlH{width:var(--cpjPHA)}.fzozCm{width:var(--dDnfaV)}.AxgJj{height:var(--hTQaBT)}.AxgJE{width:var(--hTQaBT)}.kZwhzw{border-radius:30px}.Axhzu{width:var(--beDnSR)}.Axhzd{height:var(--beDnSR)}.dtwJUe{border-radius:0.375rem}.gNnTtK{border-radius:var(--kLOfAE)}.bnMKLm{color:var(--DLYOY)}.fVXeaF{border-radius:var(--bphCwb)}.bMpqsa{opacity:0.5}.frJqtw{opacity:1}.fzoyvf{width:var(--kveXIc)}.fzoyvs{height:var(--kveXIc)}.dSXzlv{width:6rem}.dSXBCd{width:4rem}.kEPjac{min-height:var(--gANXGP)}.dLESCV{border-radius:0.75rem}.bVQpjJ{border-radius:var(--bewZvn)}.hLsNni{pointer-events:auto}.fGSyrq{transition:background-color 0.2s ease,border-color 0.2s ease}.piqPW{width:var(--siblR)}.pitgX{height:var(--hghuKL)}.mBgaT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.lfSec{caret:18px}.kEVDGR{check:16px}.dSXBWl{height:3rem}.flFnwR{mult:2.5px}.bUyOMB{display:inline-block}.eOXPNx{max-width:var(--Mxqsr)}.jSqJiD{gap:var(--ieMJEa)}.ljqpme{transition:border-color 0.2s ease}.AxhcS{height:var(--eUDwWi)}.Axikw{width:var(--jshnNX)}.AxijT{height:var(--jshnNX)}.Axjal{padding:var(--dacYEG)}.kyvghW{background:var(--izlnso)}.fyBLPL{background:var(--iTjmdu)}.jqgBXf{box-shadow:0px 4px 20px 0px color-mix(in srgb,var(--jSQkQM) 10%,transparent)}.jIGVye{transition:transform 0.2s ease}.cXjUyC{border-radius:inherit}.fzplPS{height:var(--WLola)}.gnKssF{transition:background 0s}.gNPhbY{transition:background 0.2s ease}.AxjtK{z-index:0}.cgfjYq{background:var(--DLYOY)}.jGqhlT{padding-inline:var(--gEfgCY)}.cBWyVA{transition:background-color 0.2s ease}.iLEfrF{transition:left 0.2s ease}.jYtJnS{stroke-width:4}.fznWHu{width:var(--lcknGR)}.fznWHJ{height:var(--lcknGR)}.fzoAXP{margin-block:var(--bYDCFo)}.kwGEGT{pointer-events:initial}.fNCbQd{height:76px}.jXIVTv{max-width:115px}.hYZFjI{height:100%}.flXdLu{min-width:var(--htnoem)}.pBpid{padding-inline:var(--ieMJEa)}.gtdXBX{width:max-content}.cqBabc{border:thin solid transparent}.jzlacV{height:6.25rem}.evQrdT{--mix-background:color-mix(in srgb,var(--iagzVE) 6%,transparent);background:var(--mix-background,var(--iagzVE))}.bdwxhc{border-radius:52px}.gAFyjk{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.hYxQqf{height:2.625rem}.hYxQqA{width:2.625rem}.fubjOl{box-shadow:0.125rem 0.125rem 1.5rem color-mix(in srgb,var(--cFFIOa) 15%,transparent)}.eWAJiI{fill:var(--ktVcUk)}.eWyFtu{color:var(--ktVcUk)}.gSVYRP{animation:fadeIn 0.5s,moveRight 1s 0.5s forwards}.kJWAhn{border-radius:50%}.imIknl{height:3.875rem}.imIknm{width:3.875rem}.Axjab{z-index:1}.iAVgSo{animation:fadeIn 0.5s,moveLeft 1s 0.5s forwards}.fznxJj{height:34px}.fznxIY{width:34px}.fzoayX{height:var(--hZfkST)}.fzoayU{width:var(--hZfkST)}.eliKuq{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.fzodHc{padding-block:var(--fFrqVq)}.pBpiF{margin-block:var(--ieMJEa)}.pzYgn{height:250px}.gWDyZg{color:var(--cFFIOa)}.fzozCl{padding:var(--ieMJEa)}.gnCXEd{overflow:scroll}.jsxjhB{width:200px}.hMIFzk{max-width:200px}.gHsxkk{min-width:88px}.gWcfgT{min-width:fit-content}.gVwSKA{min-height:fit-content}.cUIwgI{transition:transform 0.1s}.jrPJbn{width:114px}.fNAzWg{height:48px}.ATFQA{width:7px}.ATFQv{height:7px}.bxgBRd{background:var(--gHzsmL)}.ihDaVZ{--translate-x:var(--gGIQOF)}.cBAuwg{--translate-y:var(--gGIQOF)}.djKBfg{--translate-x:var(--bYDCFo)}.iPNhEZ{--translate-y:var(--bYDCFo)}.BJXMm{min-height:18px}.AORKl{min-width:18px}.AxiZQ{margin:var(--dacYEG)}.rmyfW{gap:var(--flZesP)}.jJQbUA{transform:translate(-50%,-50%)}.fznCZP{padding-inline:var(--eDRUVY)}.eYxvy{stroke-width:8}.uLMIu{border-radius:14px}.iriloe{rotate:90deg}.kBkDOg{scrollbar-width:thin}.fUTAcQ{scrollbar-color:rgba(143,147,153,0.4) transparent}.eGSram{max-height:384px}.fzoNxe{padding-inline:var(--ebuyxV)}.fzoxFy{height:var(--fUWaSi)}.jrNHos{width:294px}.jrNHnX{height:294px}.plVOb{width:286px}.plVNY{height:286px}.jGeaAw{border-radius:16px}.kSmiQp{align-items:center}.legDhJ{justify-content:center}.bsdAgg{font-weight:var(--hmvyHR)}.gKedlK{border-color:var(--edNtiq)}.lcwbhf{border-color:var(--DLYOY)}.xYowz{font-size:var(--eRgJXV)}.lgBfkU{line-height:1.5rem}.wzdQU{font-size:var(--daFrau)}.xEQJi{font-size:var(--gKFLFQ)}.RiFXn{line-height:1.75rem}.ecsDQq{outline-color:var(--gBHQLb)}.dkFkBb{outline-style:solid}.jUIfTb{outline-width:var(--hiYFxW)}.uLlkq{animation-fill-mode:forwards}.hgoZRe{animation-name:scaleOut}.bXxxmv{animation-duration:150ms}.AMuyK{font-size:var(--loLyxA)}.fznCNG{margin-left:var(--eDRUVY)}.fznDiI{margin-right:var(--eDRUVY)}.kbJfZC{background-color:var(--jlmaOs)}.dRCFAU{align-items:flex-start}.fUfBYX{align-items:flex-end}.fRDJQy{background-color:var(--crPUBo)}.cZtwqS{animation-name:none}.fzpnVC{padding-bottom:var(--fcTUxn)}.bZlPyP{animation-name:scaleIn}.fDIibI{animation-duration:250ms}.qbeer{top:var(--fcTUxn)}.kiKDyH{left:var(--fcTUxn)}.hIekUp{animation-name:fadeIn}.Brknr{animation-duration:400ms}.hdbihI{animation-name:fadeOut}.iYhTva{font-weight:var(--leEsKL)}.foDtdn{background-color:var(--edNtiq)}.hDGJaH{border-style:solid}.lbLLll{border-width:var(--fFEzoc)}.kMhkax{border-color:var(--gfUEye)}.dwaifQ{border-color:var(--bWuoqD)}.hhWyss{font-weight:var(--llFanx)}.xNKXN{font-size:var(--gFqSQX)}.fvBKJs{justify-content:flex-start}.jUJMFv{justify-content:flex-end}.cPRswh{background-color:var(--gBHQLb)}.edEltL{background-color:var(--cOyFst)}.gCeNqG{background-color:var(--dLLYUY)}.gDSsAr{background-color:var(--iqIoUR)}.btsPBS{background-color:var(--kFAOBM)}.hZBAaK{top:0%}.eCaVMz{left:50%}.dlNJxY{right:100%}.eCzFHr{left:100%}.dDihBf{top:50%}.dTRYzG{left:0%}.dRndGF{right:0%}.ktFiky{bottom:0%}.kyGdCf{bottom:var(--fcTUxn)}.jIomzn{right:calc(var(--gGIQOF) * -1)}.eMGDsc{left:calc(var(--gGIQOF) * -1)}.ksWBqx{flex-direction:row}.cMoGaw{grid-template-columns:repeat(6,minmax(0,1fr))}.cxWwua{column-gap:2rem}.cxzifT{row-gap:2rem}.fznPDb{margin-top:var(--gGIQOF)}.iLbQFp{flex-direction:column}.jzuiJt{flex-shrink:0}.fznPCO{padding-top:var(--gGIQOF)}.hWgptE{right:var(--fcTUxn)}.fznPzA{padding-bottom:var(--gGIQOF)}.gSKPcF{justify-content:space-between}.gsLSP{border-block-end-width:var(--thickness)}.kNSbHl{border-color:var(--kJiqPO)}.iFtuvY{outline-color:#ffc439}.jGqhje{margin-top:var(--gEfgCY)}.iWITAz{border-width:var(--hiYFxW)}.OpsJf{border-color:var(--jlmaOs)}.cIFhny{left:-50%}.hhfvpY{background-image:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent)}.bheJpJ{font-weight:600}.ckDurQ{justify-content:space-around}.bJrRn{border-color:var(--qsPVo)}.kWIjhW{font-family:inherit}.evhJrM{outline-style:none}.bnrbKB{border-left-width:var(--fFEzoc)}.jCnIUz{top:55px}.WUSvz{overflow-y:auto}.fzrkfx{margin-top:var(--flZesP)}.fzoqjJ{margin-top:var(--hIimNX)}.kiIPsp{flex-grow:0}.fzoBen{padding-top:var(--bYDCFo)}.eRLFrQ{border-bottom-color:var(--DLYOY)}.ikkoWx{border-bottom-width:1px}.gvTxLc{flex-direction:column-reverse}.kRUpGi{left:var(--djiiAi)}.jXbniH{top:var(--cBFxYr)}.jppWeU{border-width:2px}.hoYZte{background-color:var(--qsPVo)}.dKiwaS{font-weight:var(--ghWdwL)}.hQJXOm{align-items:start}.jgxhLI{border-color:var(--gBHQLb)}.jfQXOb{border-color:var(--kFAOBM)}.fNUXA{outline-color:var(--edNtiq)}.fzoAPu{margin-left:var(--bYDCFo)}.cLWmJb{border-width:1px}.pNAEp{margin-left:calc(var(--dacYEG) * -1)}.fzpbES{margin-right:var(--dacYEG)}.fzoNGh{margin-right:var(--ebuyxV)}.jDRgcp{left:var(--gGIQOF)}.cXMndB{--mix-borderColor:color-mix(in srgb,var(--iagzVE) 10%,transparent);border-color:var(--mix-borderColor,var(--iagzVE))}.boHRSr{border-width:var(--fCuVLy)}.dsEUfT{background-color:var(--hLOWYd)}.kAiqVl{border-width:3px}.jsWSlz{margin-top:-3px}.jbWTdm{margin-right:0.9rem}.jbWSUo{margin-left:0.9rem}.kFJmaE{--mix-backgroundColor:color-mix(in srgb,var(--iagzVE) 1%,transparent)}.ftGyaA,.kFJmaE{background-color:var(--mix-backgroundColor,var(--iagzVE))}.ftGyaA{--mix-backgroundColor:color-mix(in srgb,var(--iagzVE) 5%,transparent)}.fydxLC{--mix-borderColor:color-mix(in srgb,var(--iagzVE) 6%,transparent);border-color:var(--mix-borderColor,var(--iagzVE))}.fjYTfT{bottom:-1px}.bEeUNc{right:-1px}.kQauLJ{align-items:baseline}.fcwWhs{background-color:var(--gfUEye)}.hHdgel{background-color:var(--dnTPVf)}.bbHqQM{grid-template-columns:repeat(2,minmax(0,1fr))}.fzoqjw{padding-top:var(--hIimNX)}.fzoNvZ{margin-bottom:var(--ebuyxV)}.fzoNEP{margin-top:var(--ebuyxV)}.fzoAVA{margin-bottom:var(--bYDCFo)}.kRLutI{background-color:var(--Iycdi)}.XyjJy:is(:disabled,[disabled],[data-disabled]){opacity:0.3}.iFUqYl:is(:disabled,[disabled],[data-disabled]){pointer-events:none}.jrpcxw:before{position:absolute}.heDbSF:before{border-radius:inherit}.dwmXuW:before{opacity:0}.huWYIz:before{transition:opacity 0.1s ease}[data-color-mode=light] .jtDWvE{mix-blend-mode:multiply}[data-color-mode=dark] .gLaBRL{background:#ffffff29}.jNgRkF:before{display:none}[data-color-mode=dark] .hAWTSp{background:var(--iTjmdu)}[data-color-mode=dark] .ehbthU{color:var(--jSQkQM)}[data-color-mode=dark] .kkleQX{color:var(--bWuoqD)}.iqcWiz::placeholder,.iqcWiz[data-placeholder]{color:var(--kFAOBM)}[data-color-mode=dark] .dSbdfc{background:var(--crPUBo)}.FuZjR:is(:disabled,[disabled],[data-disabled]){opacity:0.8}[data-color-mode=dark] .iuzRWK{background:rgba(0,0,0,.7)}[data-color-mode=dark] .jrIQHe{background:var(--Iycdi)}[data-color-mode=dark] .cDAZzQ{background:var(--jlmaOs)}[data-color-mode=dark] .dUhjQY{background:var(--eSphig)}[data-color-mode=dark] .egesjy{background:var(--lfBdGG)}[data-color-mode=dark] .ixYntQ{fill:var(--cFFIOa)}[data-color-mode=dark] .kmeQgS{color:var(--cFFIOa)}.dLVhZe:before{content:\"\"}.gjcwJg:before{top:var(--fcTUxn)}.WaBms:before{left:var(--fcTUxn)}.dqEIyP:before{right:var(--fcTUxn)}.knajvY:before{bottom:var(--fcTUxn)}.cNKdvI:before{background-image:linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.05))}.hSfsjI:before{background-image:linear-gradient(rgba(255,255,255,0.05),rgba(255,255,255,0.05))}[data-color-mode=dark] .dYDocO{background-color:var(--YyYdq)}[data-color-mode=dark] .HKuZu{background-image:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent)}.fmEGpT::-webkit-scrollbar,.hVrpDN::-webkit-scrollbar-track{background-color:var(--edNtiq)}.jOgXfC:focus-within{outline-offset:var(--gEfgCY)}.keDhFF:focus-within{outline-color:var(--gBHQLb)}.dLOUfk:focus-within{outline-style:solid}.hqoPOw:focus-within{outline-width:var(--hiYFxW)}.codFrx:is(:focus-visible,[data-focus-visible]){outline-offset:var(--gEfgCY)}.flBQvp:is(:focus-visible,[data-focus-visible]){border-radius:2px}.dmiQBo:is(:focus,[data-focus]){fill:url(\"#logo-gradient\")}.AIGHf:is(:focus-visible,[data-focus-visible]){outline-color:var(--iAjuTO)}.dGEQaj:is(:focus-visible,[data-focus-visible]){outline-color:var(--itfeCm)}.hyjrVf:is(:focus-visible,[data-focus-visible]){outline-color:var(--dxaFjW)}.gcvzK:is(:focus-visible,[data-focus-visible]){outline-color:var(--ldafrz)}.bIoiOr:is(:focus-visible,[data-focus-visible]){outline-color:var(--Iycdi)}.hLPNjH:is(:focus-visible,[data-focus-visible]){outline-style:solid}.dTHceD:is(:focus-visible,[data-focus-visible]){outline-width:var(--hiYFxW)}.bXLdKW:is(:focus-visible,[data-focus-visible]){outline-color:var(--gBHQLb)}.eqIqpK:is(:hover,[data-hover]){background:#ffffff4d}.group:is(:hover,[data-hover]) .crpBMh{color:var(--enVPNY)}.group:is(:hover,[data-hover]) .dkgTgI{color:var(--cOyFst)}.group:is(:hover,[data-hover]) .dsNmcp{color:var(--iZlvjY)}.group:is(:hover,[data-hover]) .ejxEyT{color:var(--YyYdq)}.gFOtbv:is(:hover,[data-hover]){opacity:0.8}.gNRPsX:is(:hover,[data-hover]){filter:brightness(0.9)}.cNdQqS:is(:hover,[data-hover]){background:var(--crPUBo)}.hQYScc:is(:hover,[data-hover]){background:var(--iAjuTO)}.juloA:is(:hover,[data-hover]){background:var(--gfUEye)}.ekkLYF:is(:hover,[data-hover]){box-shadow:0 6px 8px 2px rgba(0,0,0,.18)}.ieWvIF:is(:hover,[data-hover]){cursor:pointer}.kznAev:is(:hover,[data-hover]){background:var(--edNtiq)}.lpgyhx:is(:hover,[data-hover]){background:var(--eRgqfH)}.gJEFOw:is(:hover,[data-hover]){background:var(--cFFIOa)}.eJlUjp:is(:hover,[data-hover]){background:var(--gBHQLb)}.group:is(:hover,[data-hover]) .fOIArh{color:var(--iagzVE)}.dmulsi:is(:hover,[data-hover]){fill:url(\"#logo-gradient\")}.group:is(:hover,[data-hover]) .ejwVfp{color:var(--kFAOBM)}.dpCLFW:is(:hover,[data-hover]){background:var(--qsPVo)}.fFyjxH:is(:hover,[data-hover]){border-color:var(--DLYOY)}.khQJeR:is(:hover,[data-hover]){border-color:var(--gfUEye)}.group:is(:hover,[data-hover]) .jRgrno{border-color:var(--DLYOY)}.juloA:is(:hover,[data-hover]){background-color:var(--gfUEye)}.XicUs:is(:hover,[data-hover]){border-color:var(--gBHQLb)}.bhyTbN:is(:active,[data-active]){transform:scale(0.95)}.dLUGsc:is(:active,[data-active]){fill:url(\"#logo-gradient\")}.fwLKPv>:first-child,.kYYdmz>:last-child{min-width:var(--cAmzCM)}[data-color-mode=dark] .iBxkaW:before{background-image:linear-gradient(rgba(255,255,255,0.05),rgba(255,255,255,0.05))}[data-color-mode=dark] .gYKIuG:before{background-image:linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.05))}.feLnkv:is(:hover,[data-hover]):before{opacity:1}.hEvetW:is(:hover,[data-hover]):before{opacity:0}[data-color-mode=dark] .group:is(:hover,[data-hover]) .hOYqkw{color:var(--gzHfkH)}[data-color-mode=dark] .group:is(:hover,[data-hover]) .tdpny{color:var(--cOyFst)}[data-color-mode=dark] .group:is(:hover,[data-hover]) .jMRjnY{color:var(--dnTPVf)}[data-color-mode=dark] .group:is(:hover,[data-hover]) .hEkRYZ{color:var(--YyYdq)}[data-color-mode=dark] .cbdIkB:is(:hover,[data-hover]){background:var(--edNtiq)}[data-color-mode=dark] .bLXejb:is(:hover,[data-hover]){background:var(--gyKIIT)}[data-color-mode=dark] .leneMy:is(:hover,[data-hover]){background:var(--lfBdGG)}[data-color-mode=dark] .iCKJWv:is(:hover,[data-hover]){background:var(--gBHQLb)}@media (min-width: 48rem){.XrXGK{margin-inline:auto}.blyVxi{width:25rem}.jBZMtD{height:fit-content}.dOrSJl{box-shadow:0px 12px 56px color-mix(in srgb,var(--cFFIOa) 15%,transparent)}.cRloWQ{border-radius:var(--insZoq)}.fHEbLY{top:var(--uyqLg)}.ctyfRj{top:var(--fcTUxn)}[data-color-mode=dark] .iueHSe{box-shadow:none}[data-color-mode=dark] .isQWtr{border-block:solid}[data-color-mode=dark] .ceYPvB{border-width:1px}[data-color-mode=dark] .btXYvH{border-color:var(--gfUEye)}}@media screen and (min-width: 48rem){.kVsPah{padding-inline:var(--gGIQOF)}}@media screen and (min-width: 64rem){.kTqchV{padding-inline:var(--flZesP)}}@media screen and (max-width: 47.9975rem){.hUYDug{max-width:var(--khWApH)}}@media only screen and (max-width: 767px){.fcSmAp{height:100dvh}}@media (max-width: 370px){.hYevRO{display:none}}@media (prefers-reduced-motion: reduce){.kuxZR{scale:1}}";
|
|
15719
|
+
styleElement.textContent = "html{--font-fallback:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--global-font-body,var(--font-fallback))}*{margin:0px;padding:0px;font:inherit}*,:after,:before{box-sizing:border-box;border-width:0px;border-style:solid;border-color:var(--global-color-border,currentColor)}hr{height:0px;color:inherit;border-top-width:1px}body{height:100%}img{border-style:none}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}ol,ul{list-style:none}code,kbd,pre,samp{font-size:1em}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:var(--edNtiq);background-image:none}button,input,optgroup,select,textarea{color:inherit}button,select{text-transform:none}table{text-indent:0px;border-collapse:collapse;border-color:inherit}input::placeholder,textarea::placeholder{opacity:1;color:var(--global-color-placeholder,#9ca3af)}textarea{resize:vertical}summary{display:list-item}small{font-size:80%}sub,sup{position:relative;vertical-align:baseline;font-size:75%;line-height:0}sub{bottom:-0.25em}sup{top:-0.5em}dialog{padding:0px}a{color:inherit;text-decoration:inherit}abbr:where([title]){text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{--font-mono-fallback:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,'Liberation Mono','Courier New';font-size:1em;font-family:var(--global-font-mono,var(--font-mono-fallback))}input[type=email],input[type=password],input[type=search],input[type=text]{-webkit-appearance:none;-moz-appearance:none}input[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-cancel-button,::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=number]{-moz-appearance:textfield}:-moz-ui-invalid{box-shadow:none}:-moz-focusring{outline:auto}[hidden]{display:none!important}:root{--made-with-panda:'🐼'}*,::backdrop,:after,:before{--blur: ;--brightness: ;--contrast: ;--grayscale: ;--hue-rotate: ;--invert: ;--saturate: ;--sepia: ;--drop-shadow: ;--backdrop-blur: ;--backdrop-brightness: ;--backdrop-contrast: ;--backdrop-grayscale: ;--backdrop-hue-rotate: ;--backdrop-invert: ;--backdrop-opacity: ;--backdrop-saturate: ;--backdrop-sepia: ;--scroll-snap-strictness:proximity;--border-spacing-x:0;--border-spacing-y:0;--translate-x:0;--translate-y:0;--rotate:0;--skew-x:0;--skew-y:0;--scale-x:1;--scale-y:1}html{--primary:black}:where(:root,:host){--cUJial:1/1;--joSgrv:4/3;--dXjFHz:3/4;--gqpqIn:16/9;--lixcAJ:18/5;--hSWVDT:1.618/1;--dzOvWn:none;--drrWcF:cubic-bezier(0.4,0,0.2,1);--hgfxJf:linear;--hCLxzh:cubic-bezier(0.4,0,1,1);--byCBno:cubic-bezier(0,0,0.2,1);--gSAVQW:cubic-bezier(0.4,0,0.2,1);--fuVfvZ:50ms;--fVBMec:100ms;--mUhz:150ms;--cWTXGg:200ms;--cifMdM:300ms;--goNNlj:400ms;--bPXfWW:500ms;--dRPRGd:100;--dooANa:200;--fVSZDc:300;--llFanx:400;--leEsKL:500;--hmvyHR:600;--ghWdwL:700;--janwPd:800;--bvnjIx:900;--ekeMrS:1;--jyTpIu:1.25;--ipEwfb:1.375;--lomeBD:1.5;--kwMYUX:1.625;--dVGecO:2;--dywXPJ:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,\"Noto Sans\",sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\",\"Segoe UI Symbol\",\"Noto Color Emoji\";--guQdxN:ui-serif,Georgia,Cambria,\"Times New Roman\",Times,serif;--gxQaAd:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,\"Liberation Mono\",\"Courier New\",monospace;--jrseCf:-0.05em;--glKTKc:-0.025em;--knaPyh:0em;--jwdARF:0.025em;--eUSVTv:0.05em;--lhSeXO:0.1em;--kWjDjq:0.5rem;--loLyxA:0.75rem;--eRgJXV:0.875rem;--daFrau:1rem;--gKFLFQ:1.125rem;--gFqSQX:1.25rem;--dllMvh:1.5rem;--jaXqkI:1.875rem;--cLogVb:2.25rem;--izMrAu:3rem;--hdlyfR:3.75rem;--bDBsww:4.5rem;--fwhTbD:6rem;--lkGdGW:8rem;--bUWovs:0 1px 2px 0 rgb(0 0 0/0.05);--cDhNnp:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--jMKUKK:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--kNVcRA:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--bnVgij:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--IghlV:0 25px 50px -12px rgb(0 0 0/0.25);--gmhFEB:inset 0 2px 4px 0 rgb(0 0 0/0.05);--aZLOC:4px;--jDYzax:8px;--kMMDaR:12px;--dyIDQb:16px;--TtVDs:24px;--btncja:40px;--esAhmv:64px;--fcTUxn:0rem;--dacYEG:0.25rem;--ebuyxV:0.5rem;--bYDCFo:0.75rem;--hIimNX:1rem;--fFrqVq:1.25rem;--gGIQOF:1.5rem;--eDRUVY:1.75rem;--flZesP:2rem;--djiiAi:2.25rem;--ieMJEa:2.5rem;--cBFxYr:2.75rem;--uyqLg:3rem;--hXmVPi:3.5rem;--mYCWo:4rem;--jgejxp:5rem;--iYEvIx:6rem;--dzpWeZ:7rem;--fifqnK:8rem;--faFCyS:9rem;--bxwoov:10rem;--huPzrf:11rem;--hgdKvb:12rem;--cZMJbQ:13rem;--iXfUeA:14rem;--vWSpd:15rem;--gtqdrN:16rem;--hNtIEu:18rem;--kqIPsj:20rem;--wdMRQ:24rem;--gEfgCY:0.125rem;--jJIQbV:0.375rem;--cqwGG:0.625rem;--dhUgfD:0.875rem;--bJeTGz:spin 1s linear infinite;--cxTetH:ping 1s cubic-bezier(0,0,0.2,1) infinite;--jjLJjo:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;--eUTuJH:bounce 1s infinite;--bLinLB:currentColor;--qLIrn:#000;--RiClf:#fff;--edNtiq:rgb(0 0 0/0);--cQacUT:#fff1f2;--fFtaKH:#ffe4e6;--eUoFZM:#fecdd3;--bPMUxN:#fda4af;--bvZVli:#fb7185;--jGTTif:#f43f5e;--iVPyxk:#e11d48;--fRnMVl:#be123c;--hxzBoW:#9f1239;--esXPMX:#881337;--epiLsK:#4c0519;--hPYfGc:#fdf2f8;--ioAkJk:#fce7f3;--eyVWNz:#fbcfe8;--nXIqK:#f9a8d4;--hGgStN:#f472b6;--dviDWY:#ec4899;--kUZZAj:#db2777;--gKbLdu:#be185d;--UhnuV:#9d174d;--hYEIxc:#831843;--dPgAHx:#500724;--kpTESD:#fdf4ff;--jfJgr:#fae8ff;--gZeVto:#f5d0fe;--gfHpEZ:#f0abfc;--dSTUoK:#e879f9;--cZwoAv:#d946ef;--jPvANs:#c026d3;--iVXUZd:#a21caf;--hYKnEO:#86198f;--hfmHQz:#701a75;--cYPdae:#4a044e;--ksTgfC:#faf5ff;--iCdJRO:#f3e8ff;--dWAXWh:#e9d5ff;--jcWlLI:#d8b4fe;--eLlnzT:#c084fc;--jRGBpu:#a855f7;--fmdPtN:#9333ea;--kszdjo:#7e22ce;--kMigIv:#6b21a8;--eDhKZa:#581c87;--eadxYH:#3b0764;--elZfLV:#f5f3ff;--jcWAkV:#ede9fe;--gHfMHa:#ddd6fe;--jSzuYT:#c4b5fd;--jDVPUQ:#a78bfa;--bzTONN:#8b5cf6;--ktyKIO:#7c3aed;--cpwJBL:#6d28d9;--foWeJc:#5b21b6;--iApNaV:#4c1d95;--cfTfyk:#2e1065;--kbclAu:#eef2ff;--gAzkHe:#e0e7ff;--gRHwoJ:#c7d2fe;--iYtjYI:#a5b4fc;--jCTsMf:#818cf8;--ujwXi:#6366f1;--LrIEN:#4f46e5;--cSdwoM:#4338ca;--irwviH:#3730a3;--kyiiSG:#312e81;--hgSANP:#1e1b4b;--glmLoi:#eff6ff;--bYrJpO:#dbeafe;--hoTvPd:#bfdbfe;--bMEoOM:#93c5fd;--hIEEwj:#60a5fa;--cgpxvS:#3b82f6;--hwRjVh:#2563eb;--bUCcUQ:#1d4ed8;--golFsv:#1e40af;--LWyse:#1e3a8a;--eJQij:#172554;--dyXAhp:#ecfeff;--eeWoox:#cffafe;--fnHbwe:#a5f3fc;--cLmYYf:#67e8f9;--bpLSHw:#22d3ee;--kcNzIt:#06b6d4;--llymQa:#0891b2;--iJeksb:#0e7490;--jTKpqw:#155e75;--hrqmSx:#164e63;--bcqAnE:#083344;--jqQOis:#f0fdfa;--hsCMHs:#ccfbf1;--jcJhxj:#99f6e4;--czjDVi:#5eead4;--kfgCt:#2dd4bf;--eWbmzo:#14b8a6;--gGhHpf:#0d9488;--cIdNe:#0f766e;--catTvB:#115e59;--gMpZsw:#134e4a;--bnTNlF:#042f2e;--jVPfey:#ecfdf5;--gSyYHy:#d1fae5;--dOyJRJ:#a7f3d0;--jOMcLk:#6ee7b7;--bLsBkr:#34d399;--hLFUdS:#10b981;--eHFFod:#059669;--kHSYhE:#047857;--iuBcgT:#065f46;--dfsLBy:#064e3b;--jJEloz:#022c22;--hXozqf:#f0fdf4;--iDDIAz:#dcfce7;--khfuXU:#bbf7d0;--hypAVx:#86efac;--wGfza:#4ade80;--jdlUVz:#22c55e;--kGNHsU:#16a34a;--hXXNqx:#15803d;--bAQeLK:#166534;--khvUij:#14532d;--cbdKOS:#052e16;--dhEleJ:#f7fee7;--gFFbyh:#ecfccb;--fjFsBy:#d9f99d;--cfdGZz:#bef264;--bxLPEk:#a3e635;--jIFNBh:#84cc16;--imGeEy:#65a30d;--fietcz:#4d7c0f;--crovfQ:#3f6212;--kCitcN:#365314;--gEQkrg:#1a2e05;--cLFWMs:#fefce8;--kxGpio:#fef9c3;--cbZZGT:#fef08a;--fwcFBW:#fde047;--hUTJsd:#facc15;--loWpng:#eab308;--cTpZLL:#ca8a04;--gnsFGO:#a16207;--ByZWN:#854d0e;--dVBFRQ:#713f12;--iLqZUR:#422006;--kVxzTd:#fffbeb;--jZPQXp:#fef3c7;--hCWpXC:#fde68a;--bCKrrD:#fcd34d;--wuHbc:#fbbf24;--fLErTZ:#f59e0b;--doKQUm:#d97706;--iDUBNj:#b45309;--iOnUJo:#92400e;--cObWdp:#78350f;--frxesg:#451a03;--NQTLQ:#fff7ed;--JsfmQ:#ffedd5;--gBjjlD:#fed7aa;--QMCLK:#fdba74;--ijESlZ:#fb923c;--czilMg:#f97316;--iqZpKT:#ea580c;--cGCJla:#c2410c;--dUhLNN:#9a3412;--jzgOMQ:#7c2d12;--igBpVl:#431407;--bINrJX:#fef2f2;--fKgVwH:#fee2e2;--bLdQLg:#fecaca;--fMUQaR:#fca5a5;--hwCQam:#f87171;--iYfRb:#ef4444;--hzqKEw:#dc2626;--lMavl:#b91c1c;--bLDcWa:#991b1b;--fNuclL:#7f1d1d;--jHDsLG:#450a0a;--kltIHN:#fafafa;--hzpwrB:#f5f5f5;--lbfZji:#e5e5e5;--fcfsVb:#d4d4d4;--kPKNfw:#a3a3a3;--eQKgRp:#737373;--isAJIW:#525252;--ctAduP:#404040;--bqFRBA:#262626;--gHaUMp:#171717;--fhFoEQ:#0a0a0a;--NNaBX:#fafaf9;--juQpUX:#f5f5f4;--jjsRgY:#e7e5e4;--hxarzx:#d6d3d1;--dmyqvy:#a8a29e;--bAfQNX:#78716c;--boIrZY:#57534e;--kRLBRt:#44403c;--iKBpmW:#292524;--gYiPFv:#1c1917;--kshUcS:#0c0a09;--dhFdXS:#fafafa;--dGhjba:#f4f4f5;--efoVXJ:#e4e4e7;--ljOqfc:#d4d4d8;--cXLRGr:#a1a1aa;--kcllNK:#71717a;--kBsYKt:#52525b;--gqwJsQ:#3f3f46;--ylgyn:#27272a;--hCKAFG:#18181b;--dtmsQb:#09090b;--dcmCJN:#f9fafb;--ePJGsV:#f3f4f6;--dnVpUm:#e5e7eb;--bMJKSL:#d1d5db;--jSiOQk:#9ca3af;--iqXjOJ:#6b7280;--gPiTqa:#4b5563;--fnXooz:#374151;--fKIyfA:#1f2937;--ejwTdZ:#111827;--jympbw:#030712;--oXohi:#19191A;--gyKIIT:#252525;--eSphig:#303030;--lccBJR:#383838;--lfBdGG:#474747;--kcXOlL:#f8fafc;--kbRDfH:#f1f5f9;--ivwbEU:#e2e8f0;--dpNMHJ:#cbd5e1;--dtmoEy:#94a3b8;--jCZJgj:#64748b;--hWEhFw:#475569;--cQVSIl:#334155;--hVLXiS:#1e293b;--cQdIlH:#0f172a;--iFDdka:#020617;--izlnso:#F8F8FA;--eRgqfH:#EDEDF3;--KVTme:#E2E0E5;--dkJQoR:#CCCAD0;--ktVcUk:#B6B4BA;--gLQfHD:#97959A;--cFFIOa:#77767A;--cJEYlt:#4E4D52;--jSQkQM:#18171A;--hLOWYd:#EDEBFF;--bVhZHK:#CAC2FF;--jYNVEH:#A799FF;--emDeSE:#8875FF;--aNrqF:#6851FF;--gzCdzi:#5D40EA;--dnMpXj:#522FD4;--cLqlCI:#4421C3;--kOWhzF:#3512B2;--dNokDG:#E3FAF3;--fIEsRl:#BAF5E3;--kuAyOg:#90F0D3;--hUmnXD:#48DEB1;--bqMKvC:#00CC8F;--dmcSJh:#00AA77;--hXYYGc:#00875F;--domHof:#007753;--iaiNla:#006647;--dDaZDc:#FFEAE5;--bYjnoT:#FFC3B3;--jcIHwm:#FF9B80;--iuhUtx:#FE7C58;--ejlFbU:#FC5C30;--cEtSNL:#E84718;--jITmVe:#D43100;--hhKBFJ:#C12E02;--cWOmog:#AD2B03;--loKVxo:#FCF4E5;--crbXrL:#FEE5BD;--eXQnMG:#FFD594;--dYBcpd:#EDBD72;--gFpsJY:#DBA550;--iXcedr:#BF8832;--ouKZq:#A36B14;--kXQUUR:#97630C;--cpjBQQ:#8A5A03;--dpZiSB:#EBF0FE;--bZrrvu:#AFC4FF;--cGNUcb:#7398FF;--cGWcRs:#5482FB;--dosFxZ:#346BF7;--bXKOaS:#295EE7;--cFhqHz:#1E50D6;--cvyBYk:#1344C7;--dcVeER:#0737B8;--bMxFwZ:#e0f2fe;--vPNZS:#bae6fd;--bdmqGz:#7dd3fc;--bduzvQ:#38bdf8;--bKRccx:#0ea5e9;--ujkFq:#0284c7;--bbFNlX:#0369a1;--RWYCI:#075985;--bztBjp:#0c4a6e;--iNVpnc:#082f49;--cemPJF:#FFFFFF;--iTjmdu:#FFFFFF;--fFEzoc:0.0625rem;--fCuVLy:0.09375rem;--hiYFxW:0.125rem;--ixNmpi:0.125rem;--bewZvn:0.25rem;--kLOfAE:0.375rem;--dxfumK:0.5rem;--UXfgJ:0.75rem;--bphCwb:1rem;--eougbK:1.5rem;--kkkBVq:9999px;--cDRSmz:var(--button-radius,9999px);--insZoq:var(--container-radius,1.75rem);--hxxJkr:var(--input-radius,0.5rem);--kTdGYg:0rem;--cCUBeV:0.25rem;--gsUKim:0.5rem;--jshnNX:0.75rem;--juMtMc:1rem;--beDnSR:1.25rem;--eUDwWi:1.5rem;--hTQaBT:1.75rem;--cAmzCM:2rem;--fzzdix:2.25rem;--dDnfaV:2.5rem;--cpjPHA:2.75rem;--ckODEv:3rem;--WLola:3.25rem;--hTmzdp:3.5rem;--gFjjJU:3.75rem;--gANXGP:4rem;--htnoem:5rem;--tQYHK:6rem;--kcGldO:7rem;--gMkTEx:8rem;--lcknGR:9rem;--kveXIc:10rem;--gsriJI:11rem;--bPcliI:12rem;--Mxqsr:13rem;--hZfkST:14rem;--fUWaSi:15rem;--bSilTO:16rem;--fnTGst:18rem;--dAFdyM:20rem;--jxszKr:24rem;--hghuKL:0.125rem;--drtIxO:0.375rem;--siblR:0.625rem;--hSPYxQ:0.875rem;--izvCpj:20rem;--aTIGG:24rem;--kMQJUV:28rem;--dyNKmL:32rem;--ToPgI:36rem;--btoFLe:42rem;--esBjqP:48rem;--hrOPNc:56rem;--krbtsN:64rem;--cRFSXi:72rem;--fQSwCT:80rem;--iQceEA:90rem;--jAesVz:65ch;--khWApH:100%;--eOXrSu:min-content;--jNBRbM:max-content;--UhpHH:fit-content;--eomHOU:640px;--iujnmj:768px;--gThSgZ:1024px;--cssArG:1280px;--jESPPc:1536px;--exvVve:2147483647;--ikokJA:640px;--kSvAmr:768px;--uwdhN:1024px;--eyfDzy:1280px;--dgHGKE:1536px;--jlmaOs:var(--surface-primary,var(--iTjmdu));--Iycdi:var(--surface-secondary,var(--izlnso));--crPUBo:var(--surface-tertiary,var(--eRgqfH));--kJiqPO:var(--surface-quaternary,var(--KVTme));--iagzVE:var(--text-primary,var(--jSQkQM));--YyYdq:var(--text-secondary,var(--cJEYlt));--kFAOBM:var(--text-tertiary,var(--cFFIOa));--iodyUC:var(--text-quaternary,var(--cemPJF));--DLYOY:var(--neutral-primary,var(--ktVcUk));--gfUEye:var(--neutral-secondary,var(--KVTme));--qsPVo:var(--neutral-tertiary,var(--eRgqfH));--kyjnqS:var(--neutral-quaternary,var(--izlnso));--iAjuTO:var(--brand-lightest,var(--hLOWYd));--gzHfkH:var(--brand-lighter,var(--jYNVEH));--gBHQLb:var(--brand-base,var(--aNrqF));--etZyR:var(--brand-darker,var(--dnMpXj));--enVPNY:var(--brand-darkest,var(--kOWhzF));--itfeCm:var(--dNokDG);--qkXv:var(--kuAyOg);--gHzsmL:var(--bqMKvC);--cOyFst:var(--hXYYGc);--fKbyps:var(--iaiNla);--dxaFjW:var(--dDaZDc);--dnTPVf:var(--jcIHwm);--bWuoqD:var(--ejlFbU);--iqIoUR:var(--jITmVe);--iZlvjY:var(--cWOmog);--ldafrz:var(--loKVxo);--leQkZS:var(--eXQnMG);--jmTbXW:var(--gFpsJY);--dLLYUY:var(--ouKZq);--dZIprB:var(--cpjBQQ);--gaBiDO:var(--dpZiSB);--fxHMpn:var(--cGNUcb);--fQFmqL:var(--dosFxZ);--dUMcYZ:var(--cFhqHz);--dntrJc:var(--dcVeER)}[data-color-mode=light]{--jlmaOs:var(--surface-primary,var(--iTjmdu));--Iycdi:var(--surface-secondary,var(--izlnso));--crPUBo:var(--surface-tertiary,var(--eRgqfH));--kJiqPO:var(--surface-quaternary,var(--KVTme));--iagzVE:var(--text-primary,var(--jSQkQM));--YyYdq:var(--text-secondary,var(--cJEYlt));--kFAOBM:var(--text-tertiary,var(--cFFIOa));--iodyUC:var(--text-quaternary,var(--cemPJF));--DLYOY:var(--neutral-primary,var(--ktVcUk));--gfUEye:var(--neutral-secondary,var(--KVTme));--qsPVo:var(--neutral-tertiary,var(--eRgqfH));--kyjnqS:var(--neutral-quaternary,var(--izlnso));--iAjuTO:var(--brand-lightest,var(--hLOWYd));--gzHfkH:var(--brand-lighter,var(--jYNVEH));--gBHQLb:var(--brand-base,var(--aNrqF));--etZyR:var(--brand-darker,var(--dnMpXj));--enVPNY:var(--brand-darkest,var(--kOWhzF));--itfeCm:var(--dNokDG);--qkXv:var(--kuAyOg);--gHzsmL:var(--bqMKvC);--cOyFst:var(--hXYYGc);--fKbyps:var(--iaiNla);--dxaFjW:var(--dDaZDc);--dnTPVf:var(--jcIHwm);--bWuoqD:var(--ejlFbU);--iqIoUR:var(--jITmVe);--iZlvjY:var(--cWOmog);--ldafrz:var(--loKVxo);--leQkZS:var(--eXQnMG);--jmTbXW:var(--gFpsJY);--dLLYUY:var(--ouKZq);--dZIprB:var(--cpjBQQ);--gaBiDO:var(--dpZiSB);--fxHMpn:var(--cGNUcb);--fQFmqL:var(--dosFxZ);--dUMcYZ:var(--cFhqHz);--dntrJc:var(--dcVeER) }[data-color-mode=dark]{--jlmaOs:var(--surface-primary-dark,var(--oXohi));--Iycdi:var(--surface-secondary-dark,var(--gyKIIT));--crPUBo:var(--surface-tertiary-dark,var(--eSphig));--kJiqPO:var(--surface-quaternary-dark,var(--lccBJR));--iagzVE:var(--text-primary-dark,var(--cemPJF));--YyYdq:var(--text-secondary-dark,var(--text-secondary-dark,color-mix(in srgb,var(--cemPJF) 72%,transparent)));--kFAOBM:var(--text-tertiary-dark,var(--text-tertiary-dark,color-mix(in srgb,var(--cemPJF) 44%,transparent)));--iodyUC:var(--text-quaternary-dark,var(--jSQkQM));--DLYOY:var(--neutral-primary-dark,var(--neutral-primary-dark,color-mix(in srgb,var(--cemPJF) 16%,transparent)));--gfUEye:var(--neutral-secondary-dark,var(--neutral-secondary-dark,color-mix(in srgb,var(--cemPJF) 12%,transparent)));--qsPVo:var(--neutral-tertiary-dark,var(--neutral-tertiary-dark,color-mix(in srgb,var(--cemPJF) 8%,transparent)));--kyjnqS:var(--neutral-quaternary-dark,var(--neutral-quaternary-dark,color-mix(in srgb,var(--cemPJF) 5%,transparent)));--iAjuTO:var(--brand-lightest-dark,var(--brand-lightest-dark,color-mix(in srgb,var(--jYNVEH) 25%,transparent)));--gzHfkH:var(--brand-lighter-dark,var(--brand-lighter-dark,color-mix(in srgb,var(--jYNVEH) 66%,transparent)));--gBHQLb:var(--brand-base-dark,var(--jYNVEH));--etZyR:var(--brand-darker-dark,var(--hLOWYd));--enVPNY:var(--brand-darkest-dark,var(--hLOWYd));--itfeCm:color-mix(in srgb,var(--kuAyOg) 8%,transparent);--qkXv:color-mix(in srgb,var(--kuAyOg) 72%,transparent);--gHzsmL:var(--kuAyOg);--cOyFst:var(--bqMKvC);--fKbyps:var(--bqMKvC);--dxaFjW:color-mix(in srgb,var(--jcIHwm) 8%,transparent);--dnTPVf:color-mix(in srgb,var(--jcIHwm) 72%,transparent);--bWuoqD:var(--jcIHwm);--iqIoUR:var(--ejlFbU);--iZlvjY:var(--ejlFbU);--ldafrz:color-mix(in srgb,var(--eXQnMG) 8%,transparent);--leQkZS:color-mix(in srgb,var(--eXQnMG) 72%,transparent);--jmTbXW:var(--eXQnMG);--dLLYUY:var(--gFpsJY);--dZIprB:var(--gFpsJY);--gaBiDO:color-mix(in srgb,var(--cGNUcb) 8%,transparent);--fxHMpn:color-mix(in srgb,var(--cGNUcb) 72%,transparent);--fQFmqL:var(--cGNUcb);--dUMcYZ:var(--dosFxZ);--dntrJc:var(--dosFxZ) }@keyframes spin{to{transform:rotate(360deg)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:0.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(0.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,0.2,1)}}@keyframes fadeIn{0%{opacity:0}}@keyframes fadeOut{to{opacity:0}}@keyframes scaleIn{0%{opacity:0}to{opacity:1;scale:1}}@keyframes scaleOut{0%{opacity:1;scale:1}to{opacity:0;scale:0.9}}@keyframes slideIn{0%{opacity:0;transform:translateY(1.25rem)}to{opacity:1;transform:translateY(0)}}@keyframes slideOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(1.25rem)}}@keyframes slideRight{0%{left:-150%}to{left:175%}}@keyframes moveRight{0%{transform:translateX(0rem)}80%{transform:translateX(1.25rem)}to{transform:translateX(1.2rem)}}@keyframes moveLeft{0%{transform:translateX(0rem)}80%{transform:translateX(-1.25rem)}to{transform:translateX(-1.2rem)}}@keyframes animateSpinnerSmall{0%{stroke-dasharray:0.4,60;stroke-dashoffset:0}50%{stroke-dasharray:36,60;stroke-dashoffset:-14}to{stroke-dasharray:36,60;stroke-dashoffset:-52}}@keyframes animateSpinnerLarge{0%{stroke-dasharray:0.875,175;stroke-dashoffset:0}50%{stroke-dasharray:78.75,131.25;stroke-dashoffset:-31}to{stroke-dasharray:0.875,175;stroke-dashoffset:-158}}@keyframes popIn{0%{scale:0}to{scale:1}}@keyframes popOut{0%{scale:1}to{scale:0}}.JIGdQ{font-size:0.75rem;line-height:1.25rem;font-weight:var(--llFanx)}.caxCit{font-size:0.875rem}.AEdnq,.caxCit{line-height:1.5rem;font-weight:var(--llFanx)}.AEdnq{font-size:1rem}.ggkuag{font-size:1.125rem;line-height:1.75rem}.KOyzo,.ggkuag{font-weight:var(--llFanx)}.KOyzo{font-size:0.75rem;line-height:1.25rem}.bqPPXX{font-size:0.875rem}.bqPPXX,.iBKgpR{line-height:1.5rem;font-weight:var(--llFanx)}.iBKgpR{font-size:1rem}.dVmflu{font-size:0.875rem}.dVmflu,.hkxWuN{line-height:1.5rem;font-family:var(--gxQaAd)}.hkxWuN{font-size:1rem}.eIvlPr{font-size:1.125rem;line-height:1.75rem;font-family:var(--gxQaAd)}.ZlnHu{line-height:3.25rem}.ZlnHu,.dNxFtD{font-size:2.5rem;font-weight:var(--janwPd)}.dNxFtD{line-height:3.5rem}.bcvUKl{font-size:2.25rem;line-height:3rem;font-weight:var(--janwPd)}.fDZIkY,.gRVYOk{font-size:2rem;line-height:2.75rem;font-weight:var(--janwPd)}.cqslnx{font-size:1.5rem;line-height:2.25rem;font-weight:var(--ghWdwL)}.cFGrCm,.cSachX{font-size:1.25rem;line-height:2rem;font-weight:var(--ghWdwL)}.brKaZa,.efWsLj{font-size:1.125rem;line-height:1.75rem;font-weight:var(--ghWdwL)}.buUIbR{font-size:0.625rem}.buUIbR,.hkuMfQ{letter-spacing:0.06rem;text-transform:uppercase;line-height:0.75rem;font-weight:var(--hmvyHR)}.hkuMfQ{font-size:0.75rem}@media screen and (min-width: 64rem){.KOyzo{font-size:0.875rem}.KOyzo,.bqPPXX{line-height:1.5rem}.bqPPXX{font-size:1rem}.iBKgpR{font-size:1.125rem;line-height:1.75rem}.ZlnHu{font-size:5rem;line-height:5.5rem}.bcvUKl{font-size:4rem;line-height:4.75rem}.fDZIkY{font-size:3rem;line-height:4rem}.cSachX{font-size:1.5rem;line-height:2.25rem}.brKaZa{font-size:1.25rem;line-height:2rem}.buUIbR{font-size:0.75rem;line-height:0.75rem}}.fEVEmD{display:inline-flex}.jTWvec{position:relative}.iPfXWl{box-sizing:border-box}.dKuXep{border-radius:var(--cDRSmz)}.lbmNld{border:thin solid}.bZRhvx{cursor:pointer}.hWbyxU{transition:all 0.1s ease}.diIxfU{outline:var(--dzOvWn)}.efvJEH{will-change:transform,opacity}.kFYpif{background:none}.Axmbx{height:var(--fzzdix)}.jGqtLL{padding-block:var(--jJIQbV)}.fzoqgU{padding-inline:var(--hIimNX)}.fzpabD{height:var(--ckODEv)}.fzoAXm{padding-block:var(--bYDCFo)}.fznPAm{padding-inline:var(--gGIQOF)}.fznKiw{height:var(--gFjjJU)}.fzoqgp{padding-block:var(--hIimNX)}.cPRswh{background:var(--gBHQLb)}.dTWubc{background:var(--iAjuTO)}.edEltL{background:var(--cOyFst)}.gDSsAr{background:var(--iqIoUR)}.hoYZte{background:var(--qsPVo)}.foDtdn{background:var(--edNtiq)}.AxjtU{padding:var(--fcTUxn)}.gsynQv{height:fit-content}.hZLYvv{background:#ffffff14}.kXEOGR{backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.hmegja{background:var(--jSQkQM)}.cERSkX{pointer-events:none}.dMMuNs{width:var(--khWApH)}.bYJPrM{border-radius:var(--kkkBVq)}.fPSBzf{display:flex}.gzBMzy{text-align:center}.cbkwRf{white-space:nowrap}.bunRPm{color:var(--jlmaOs)}.rbsQX{color:var(--etZyR)}.flFbEq{color:var(--iagzVE)}.ecosjt{color:var(--gBHQLb)}.jiGUEY{color:var(--cemPJF)}.deYFWh{color:var(--gHzsmL)}.iATurT{color:var(--iqIoUR)}.drDZIi{color:var(--kFAOBM)}.fQAFQl{outline-offset:var(--gEfgCY)}.AxmbG{width:var(--fzzdix)}.pitAi{padding:var(--jJIQbV)}.fzpabA{width:var(--ckODEv)}.Axikr{padding:var(--bYDCFo)}.fznKij{width:var(--gFjjJU)}.AxhTk{padding:var(--hIimNX)}.gsynQA{width:fit-content}.DyZUq{border-radius:10px}.lnVchA{background:var(--itfeCm)}.gCOtIw{background:var(--dxaFjW)}.fmhFEF{background:var(--ldafrz)}.kRLutI{background:var(--Iycdi)}.gIDZqd{transition:transform 0.2s ease,opacity 0.2s ease}.dLFxYe{text-align:left}.kkElPi{color:var(--enVPNY)}.jsoGzi{color:var(--fKbyps)}.bKCYEC{color:var(--iZlvjY)}.jnqkcv{color:var(--dZIprB)}.buzaNI{color:var(--YyYdq)}.kypCfT{text-transform:uppercase}.fkBQxR{letter-spacing:0.06rem}.gcohXo{border-radius:1rem}.fyplMZ{cursor:default}.ioQIUn{height:10.75rem}.ioQIUI{width:10.75rem}.dXscgu{overflow:hidden}.eLuUPu{overflow:visible}.qbege{gap:var(--fcTUxn)}.pvuga{gap:var(--hIimNX)}.pnxsH{gap:var(--fFrqVq)}.pezuA{gap:var(--gGIQOF)}.flMYjT{box-shadow:0px 1px 2px rgba(189,189,189,0.3)}.fMKpTj{box-shadow:8px 8px 48px rgba(16,15,17,0.14)}.fzrkhE{padding-inline:var(--flZesP)}.fznPzH{padding-block:var(--gGIQOF)}.fzpabv{padding:var(--uyqLg)}.kdFIjO{flex:1 1 0%}.bKPWST{max-width:29.125rem}.iZstbk{opacity:0.3}.dMMuMP{height:var(--khWApH)}.kbJfZC{background:var(--jlmaOs)}.gWzzAr{overflow:auto}.fLVKVB{scrollbar-width:none}.djBLSD{height:100vh}.dnFyWD{width:100vw}.eJvMDV{scale:1}.AxiEa{padding:var(--ebuyxV)}.Axmvo{padding:var(--flZesP)}.eAZrqn{height:auto}.dNXUzv{max-width:25rem}.coifUy{margin-inline:auto}.jeqdDQ{border-radius:var(--insZoq)}.jieZfE{pointer-events:all}.hdAwi{position:fixed}.csnEyP{--backdrop-blur:blur(0.375rem)}.crPXqh{backdrop-filter:var(--backdrop-blur) var(--backdrop-brightness) var(--backdrop-contrast) var(--backdrop-grayscale) var(--backdrop-hue-rotate) var(--backdrop-invert) var(--backdrop-saturate) var(--backdrop-sepia);-webkit-backdrop-filter:var(--backdrop-blur) var(--backdrop-brightness) var(--backdrop-contrast) var(--backdrop-grayscale) var(--backdrop-hue-rotate) var(--backdrop-invert) var(--backdrop-saturate) var(--backdrop-sepia)}.deAqKV{max-width:100rem}.hkIdtl{margin:0 auto}.cORRFI{max-width:none}.fDWVKV{border-radius:var(--hxxJkr)}.JcTPa{transition:all linear 120ms}.hYZFkb{width:100%}.fzozCt{height:var(--dDnfaV)}.fzoNwz{padding-block:var(--ebuyxV)}.AxjtB{margin:var(--fcTUxn)}.iQHTXh{min-width:var(--dDnfaV)}.dvMkiN{text-align:right}.dpjQla{transition:opacity linear 120ms}.dsySWt{text-wrap:wrap}.gsGAeM{color:var(--jmTbXW)}.fNCCNu{padding:20px}.AYoSK{z-index:var(--exvVve)}.kVkdUe{box-shadow:4px 8px 20px 0px rgba(0,0,0,0.15)}.dSXBgr{height:1rem}.dSXBfY{width:1rem}.eAZrpM{width:auto}.AYoSP{width:var(--jNBRbM)}.hQiMIj{max-width:var(--fnTGst)}.jXSfKH{position:absolute}.fzoAWH{padding-inline:var(--bYDCFo)}.eeKCgv{border-radius:var(--UXfgJ)}.Oxeoj{box-shadow:0px 4px 20px 0px rgba(0,0,0,0.10)}.ddgODW{display:none}.cGFOJB{display:block}.izPYod{transform:translateX(-50%) translateY(calc(-100% - 0.75rem))}.cPkmfo{transform:translateX(10%) translateY(calc(-100% - 0.75rem))}.cXTUEh{transform:translateX(-10%) translateY(calc(-100% - 0.75rem))}.iqmoHh{transform:translateX(calc(-100% - 0.75rem)) translateY(-50%)}.emrspq{transform:translateX(calc(-100% - 0.75rem)) translateY(-75%)}.zFGjL{transform:translateX(calc(-100% - 0.75rem)) translateY(-25%)}.ddBtbm{transform:translateX(calc(100% + 0.75rem)) translateY(-50%)}.kSbzJl{transform:translateX(calc(100% + 0.75rem)) translateY(-75%)}.hdzMuI{transform:translateX(calc(100% + 0.75rem)) translateY(-25%)}.jSRWPC{transform:translateX(-50%) translateY(calc(100% + 0.75rem))}.depkmP{transform:translateX(10%) translateY(calc(100% + 0.75rem))}.eqVTfG{transform:translateX(-10%) translateY(calc(100% + 0.75rem))}.fzoWka{width:var(--fnTGst)}.AxhSM{height:var(--juMtMc)}.kmFTYl{transform:translateX(-50%) translateY(0.75rem)}.hFunKo{transform:translateX(-50%) translateY(-0.75rem)}.AxhTf{width:var(--juMtMc)}.fzqACo{height:var(--bPcliI)}.kwEkgw{transform:translateX(-0.75rem) translateY(-50%)}.LwqbV{transform:translateX(0.75rem) translateY(-50%)}.jHxAip{background:linear-gradient(#00CC8F,#6851FF)}.hWgZTB{inset:var(--fcTUxn)}.dKLBtz{gap:10px}.cYdhWw{display:grid}.jZwGWY{fill:var(--RiClf)}.hGQgmY{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.jcgYsf{--mix-background:color-mix(in srgb,var(--iagzVE) 20%,transparent);background:var(--mix-background,var(--iagzVE))}.jDVJRS{transform:translateY(0)}.japwPO{transform:translateY(100%)}.bTJmyy{transition:transform 0.3s}.fClTjd{border-top-left-radius:var(--eougbK);border-top-right-radius:var(--eougbK)}.jvjRt{box-shadow:0px -12px 56px 0px rgba(119,118,122,0.15)}.fzozCb{z-index:10}.cFLICG{transform:translateX(-100%)}.byXyn{transform:translateX(100%)}.khiFRn{transform:translateX(0)}.fzoCXr{width:var(--dAFdyM)}.fjzPTS{border-top-right-radius:var(--bphCwb);border-bottom-right-radius:var(--bphCwb)}.dXSjkM{border-top-left-radius:var(--bphCwb);border-bottom-left-radius:var(--bphCwb)}.eVHffH{--thickness:1px}.bjGQXr{gap:var(--cqwGG)}.cpnrKk{box-shadow:true}.fgrICX{background:#ffc439}.fnjBrW{border:1px solid transparent}.jGoIIY{padding-block:var(--cqwGG)}.lopGBb{stroke-width:2.5}.pThsL{gap:var(--dacYEG)}.fzoxFp{width:var(--fUWaSi)}.jonSOI{flex:0 0 auto}.lkYUqX{border-radius:9999px}.cUqkcP{animation:popIn 150ms}.ksKAre{animation:popOut 150ms}.ZlVyD{animation:spin 1.5s linear infinite}.emRNBL{stroke:var(--iagzVE)}.elaIWr{transform-origin:center center}.bkLsBk{gap:var(--jJIQbV)}.kRRXUg{stroke:var(--gBHQLb)}.jAmlUX{stroke:var(--jlmaOs)}.kYoAXZ{stroke-opacity:0.12}.jQNDvc{animation:spin 1s linear infinite}.dITaCb{border-radius:2rem}.bKdxLy{transform:skewX(-20deg)}.chmhDV{overflow-wrap:break-word}.bWVcuP{word-break:break-word}.llnClk{background:var(--kyjnqS)}.fRIRtM{border-radius:var(--dxfumK)}.dWKkCe{min-width:15rem}.mDYqS{width:40%}.dZeDlI{border-left:thin solid}.Axmvg{height:var(--cAmzCM)}.pCmHl{gap:var(--bYDCFo)}.bGySga{-webkit-user-select:none;user-select:none}.GzWLz{-webkit-user-select:auto;user-select:auto}.fMSoJ{filter:blur(10px)}.rHLwk{text-wrap:nowrap}.fzoYeD{width:22px}.fzoYeI{height:22px}.iiBJGO{font-variant:no-contextual}.dJRcZd{transition:none}.pKjuE{gap:var(--ebuyxV)}.fznYYc{width:var(--gANXGP)}.fzozgh{width:var(--htnoem)}.fznYYn{height:var(--gANXGP)}.fzozgi{height:var(--htnoem)}.hYbcjk{width:1.125rem}.hYbciH{height:1.125rem}.dgzwbo{object-fit:cover}.clyxRL{border-start-start-radius:var(--hxxJkr);border-end-start-radius:var(--hxxJkr)}.cMWMBT{border-radius:0}.duralB{transform:rotate(180)}.fznyyO{width:var(--hTmzdp)}.fznyzd{height:var(--hTmzdp)}.faAYXy{max-height:17.5rem}.fzqBIS{width:18px}.fzqBJp{height:18px}.hVpAQY{min-width:var(--kTdGYg)}.cEowv{max-width:30rem}.dGnaHP{caret-color:var(--edNtiq)}.eGizhS{border-radius:0.5rem}.fzoqgI{margin-block:var(--hIimNX)}.iWbCEa{max-width:var(--iQceEA)}.XApuw{overlay:true}.fznycS{height:var(--tQYHK)}.fznycJ{width:var(--tQYHK)}.Axhdq{padding:var(--gGIQOF)}.kInNhr{max-width:393px}.Axhdp{width:var(--eUDwWi)}.enrCNZ{border-radius:60px}.fzoLlM{height:var(--cpjPHA)}.fzoLlH{width:var(--cpjPHA)}.fzozCm{width:var(--dDnfaV)}.AxgJj{height:var(--hTQaBT)}.AxgJE{width:var(--hTQaBT)}.kZwhzw{border-radius:30px}.Axhzu{width:var(--beDnSR)}.Axhzd{height:var(--beDnSR)}.dtwJUe{border-radius:0.375rem}.gNnTtK{border-radius:var(--kLOfAE)}.bnMKLm{color:var(--DLYOY)}.fVXeaF{border-radius:var(--bphCwb)}.bMpqsa{opacity:0.5}.frJqtw{opacity:1}.fzoyvf{width:var(--kveXIc)}.fzoyvs{height:var(--kveXIc)}.dSXzlv{width:6rem}.dSXBCd{width:4rem}.kEPjac{min-height:var(--gANXGP)}.dLESCV{border-radius:0.75rem}.bVQpjJ{border-radius:var(--bewZvn)}.hLsNni{pointer-events:auto}.fGSyrq{transition:background-color 0.2s ease,border-color 0.2s ease}.piqPW{width:var(--siblR)}.pitgX{height:var(--hghuKL)}.mBgaT{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.lfSec{caret:18px}.kEVDGR{check:16px}.dSXBWl{height:3rem}.flFnwR{mult:2.5px}.bUyOMB{display:inline-block}.eOXPNx{max-width:var(--Mxqsr)}.jSqJiD{gap:var(--ieMJEa)}.ljqpme{transition:border-color 0.2s ease}.AxhcS{height:var(--eUDwWi)}.Axikw{width:var(--jshnNX)}.AxijT{height:var(--jshnNX)}.Axjal{padding:var(--dacYEG)}.kyvghW{background:var(--izlnso)}.fyBLPL{background:var(--iTjmdu)}.jqgBXf{box-shadow:0px 4px 20px 0px color-mix(in srgb,var(--jSQkQM) 10%,transparent)}.jIGVye{transition:transform 0.2s ease}.cXjUyC{border-radius:inherit}.fzplPS{height:var(--WLola)}.gnKssF{transition:background 0s}.gNPhbY{transition:background 0.2s ease}.AxjtK{z-index:0}.cgfjYq{background:var(--DLYOY)}.jGqhlT{padding-inline:var(--gEfgCY)}.cBWyVA{transition:background-color 0.2s ease}.iLEfrF{transition:left 0.2s ease}.jYtJnS{stroke-width:4}.fznWHu{width:var(--lcknGR)}.fznWHJ{height:var(--lcknGR)}.fzoAXP{margin-block:var(--bYDCFo)}.kwGEGT{pointer-events:initial}.fNCbQd{height:76px}.jXIVTv{max-width:115px}.hYZFjI{height:100%}.flXdLu{min-width:var(--htnoem)}.pBpid{padding-inline:var(--ieMJEa)}.gtdXBX{width:max-content}.cqBabc{border:thin solid transparent}.jzlacV{height:6.25rem}.evQrdT{--mix-background:color-mix(in srgb,var(--iagzVE) 6%,transparent);background:var(--mix-background,var(--iagzVE))}.bdwxhc{border-radius:52px}.gAFyjk{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.hYxQqf{height:2.625rem}.hYxQqA{width:2.625rem}.fubjOl{box-shadow:0.125rem 0.125rem 1.5rem color-mix(in srgb,var(--cFFIOa) 15%,transparent)}.eWAJiI{fill:var(--ktVcUk)}.eWyFtu{color:var(--ktVcUk)}.gSVYRP{animation:fadeIn 0.5s,moveRight 1s 0.5s forwards}.kJWAhn{border-radius:50%}.imIknl{height:3.875rem}.imIknm{width:3.875rem}.Axjab{z-index:1}.iAVgSo{animation:fadeIn 0.5s,moveLeft 1s 0.5s forwards}.fznxJj{height:34px}.fznxIY{width:34px}.fzoayX{height:var(--hZfkST)}.fzoayU{width:var(--hZfkST)}.eliKuq{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.fzodHc{padding-block:var(--fFrqVq)}.pBpiF{margin-block:var(--ieMJEa)}.pzYgn{height:250px}.gWDyZg{color:var(--cFFIOa)}.fzozCl{padding:var(--ieMJEa)}.gnCXEd{overflow:scroll}.jsxjhB{width:200px}.hMIFzk{max-width:200px}.gHsxkk{min-width:88px}.gWcfgT{min-width:fit-content}.gVwSKA{min-height:fit-content}.cUIwgI{transition:transform 0.1s}.jrPJbn{width:114px}.fNAzWg{height:48px}.ATFQA{width:7px}.ATFQv{height:7px}.bxgBRd{background:var(--gHzsmL)}.ihDaVZ{--translate-x:var(--gGIQOF)}.cBAuwg{--translate-y:var(--gGIQOF)}.djKBfg{--translate-x:var(--bYDCFo)}.iPNhEZ{--translate-y:var(--bYDCFo)}.BJXMm{min-height:18px}.AORKl{min-width:18px}.AxiZQ{margin:var(--dacYEG)}.rmyfW{gap:var(--flZesP)}.bTqNYb{min-width:380px}.jJQbUA{transform:translate(-50%,-50%)}.fznCZP{padding-inline:var(--eDRUVY)}.eYxvy{stroke-width:8}.uLMIu{border-radius:14px}.iriloe{rotate:90deg}.kBkDOg{scrollbar-width:thin}.fUTAcQ{scrollbar-color:rgba(143,147,153,0.4) transparent}.eGSram{max-height:384px}.fzoNxe{padding-inline:var(--ebuyxV)}.fzoxFy{height:var(--fUWaSi)}.jrNHos{width:294px}.jrNHnX{height:294px}.plVOb{width:286px}.plVNY{height:286px}.jGeaAw{border-radius:16px}.kSmiQp{align-items:center}.legDhJ{justify-content:center}.bsdAgg{font-weight:var(--hmvyHR)}.gKedlK{border-color:var(--edNtiq)}.lcwbhf{border-color:var(--DLYOY)}.xYowz{font-size:var(--eRgJXV)}.lgBfkU{line-height:1.5rem}.wzdQU{font-size:var(--daFrau)}.xEQJi{font-size:var(--gKFLFQ)}.RiFXn{line-height:1.75rem}.ecsDQq{outline-color:var(--gBHQLb)}.dkFkBb{outline-style:solid}.jUIfTb{outline-width:var(--hiYFxW)}.uLlkq{animation-fill-mode:forwards}.hgoZRe{animation-name:scaleOut}.bXxxmv{animation-duration:150ms}.AMuyK{font-size:var(--loLyxA)}.fznCNG{margin-left:var(--eDRUVY)}.fznDiI{margin-right:var(--eDRUVY)}.kbJfZC{background-color:var(--jlmaOs)}.dRCFAU{align-items:flex-start}.fUfBYX{align-items:flex-end}.fRDJQy{background-color:var(--crPUBo)}.cZtwqS{animation-name:none}.fzpnVC{padding-bottom:var(--fcTUxn)}.bZlPyP{animation-name:scaleIn}.fDIibI{animation-duration:250ms}.qbeer{top:var(--fcTUxn)}.kiKDyH{left:var(--fcTUxn)}.hIekUp{animation-name:fadeIn}.Brknr{animation-duration:400ms}.hdbihI{animation-name:fadeOut}.iYhTva{font-weight:var(--leEsKL)}.foDtdn{background-color:var(--edNtiq)}.hDGJaH{border-style:solid}.lbLLll{border-width:var(--fFEzoc)}.kMhkax{border-color:var(--gfUEye)}.dwaifQ{border-color:var(--bWuoqD)}.hhWyss{font-weight:var(--llFanx)}.xNKXN{font-size:var(--gFqSQX)}.fvBKJs{justify-content:flex-start}.jUJMFv{justify-content:flex-end}.cPRswh{background-color:var(--gBHQLb)}.edEltL{background-color:var(--cOyFst)}.gCeNqG{background-color:var(--dLLYUY)}.gDSsAr{background-color:var(--iqIoUR)}.btsPBS{background-color:var(--kFAOBM)}.hZBAaK{top:0%}.eCaVMz{left:50%}.dlNJxY{right:100%}.eCzFHr{left:100%}.dDihBf{top:50%}.dTRYzG{left:0%}.dRndGF{right:0%}.ktFiky{bottom:0%}.kyGdCf{bottom:var(--fcTUxn)}.jIomzn{right:calc(var(--gGIQOF) * -1)}.eMGDsc{left:calc(var(--gGIQOF) * -1)}.ksWBqx{flex-direction:row}.cMoGaw{grid-template-columns:repeat(6,minmax(0,1fr))}.cxWwua{column-gap:2rem}.cxzifT{row-gap:2rem}.fznPDb{margin-top:var(--gGIQOF)}.iLbQFp{flex-direction:column}.jzuiJt{flex-shrink:0}.fznPCO{padding-top:var(--gGIQOF)}.hWgptE{right:var(--fcTUxn)}.fznPzA{padding-bottom:var(--gGIQOF)}.gSKPcF{justify-content:space-between}.gsLSP{border-block-end-width:var(--thickness)}.kNSbHl{border-color:var(--kJiqPO)}.iFtuvY{outline-color:#ffc439}.jGqhje{margin-top:var(--gEfgCY)}.iWITAz{border-width:var(--hiYFxW)}.OpsJf{border-color:var(--jlmaOs)}.cIFhny{left:-50%}.hhfvpY{background-image:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent)}.bheJpJ{font-weight:600}.ckDurQ{justify-content:space-around}.bJrRn{border-color:var(--qsPVo)}.kWIjhW{font-family:inherit}.evhJrM{outline-style:none}.bnrbKB{border-left-width:var(--fFEzoc)}.jCnIUz{top:55px}.WUSvz{overflow-y:auto}.fzrkfx{margin-top:var(--flZesP)}.fzoqjJ{margin-top:var(--hIimNX)}.kiIPsp{flex-grow:0}.fzoBen{padding-top:var(--bYDCFo)}.eRLFrQ{border-bottom-color:var(--DLYOY)}.ikkoWx{border-bottom-width:1px}.gvTxLc{flex-direction:column-reverse}.kRUpGi{left:var(--djiiAi)}.jXbniH{top:var(--cBFxYr)}.jppWeU{border-width:2px}.hoYZte{background-color:var(--qsPVo)}.dKiwaS{font-weight:var(--ghWdwL)}.hQJXOm{align-items:start}.jgxhLI{border-color:var(--gBHQLb)}.jfQXOb{border-color:var(--kFAOBM)}.fNUXA{outline-color:var(--edNtiq)}.fzoAPu{margin-left:var(--bYDCFo)}.cLWmJb{border-width:1px}.pNAEp{margin-left:calc(var(--dacYEG) * -1)}.fzpbES{margin-right:var(--dacYEG)}.fzoNGh{margin-right:var(--ebuyxV)}.jDRgcp{left:var(--gGIQOF)}.cXMndB{--mix-borderColor:color-mix(in srgb,var(--iagzVE) 10%,transparent);border-color:var(--mix-borderColor,var(--iagzVE))}.boHRSr{border-width:var(--fCuVLy)}.dsEUfT{background-color:var(--hLOWYd)}.kAiqVl{border-width:3px}.jsWSlz{margin-top:-3px}.jbWTdm{margin-right:0.9rem}.jbWSUo{margin-left:0.9rem}.kFJmaE{--mix-backgroundColor:color-mix(in srgb,var(--iagzVE) 1%,transparent)}.ftGyaA,.kFJmaE{background-color:var(--mix-backgroundColor,var(--iagzVE))}.ftGyaA{--mix-backgroundColor:color-mix(in srgb,var(--iagzVE) 5%,transparent)}.fydxLC{--mix-borderColor:color-mix(in srgb,var(--iagzVE) 6%,transparent);border-color:var(--mix-borderColor,var(--iagzVE))}.fjYTfT{bottom:-1px}.bEeUNc{right:-1px}.kQauLJ{align-items:baseline}.fcwWhs{background-color:var(--gfUEye)}.hHdgel{background-color:var(--dnTPVf)}.bbHqQM{grid-template-columns:repeat(2,minmax(0,1fr))}.fzoqjw{padding-top:var(--hIimNX)}.fzoNvZ{margin-bottom:var(--ebuyxV)}.fzoNEP{margin-top:var(--ebuyxV)}.fzoAVA{margin-bottom:var(--bYDCFo)}.kRLutI{background-color:var(--Iycdi)}.XyjJy:is(:disabled,[disabled],[data-disabled]){opacity:0.3}.iFUqYl:is(:disabled,[disabled],[data-disabled]){pointer-events:none}.jrpcxw:before{position:absolute}.heDbSF:before{border-radius:inherit}.dwmXuW:before{opacity:0}.huWYIz:before{transition:opacity 0.1s ease}[data-color-mode=light] .jtDWvE{mix-blend-mode:multiply}[data-color-mode=dark] .gLaBRL{background:#ffffff29}.jNgRkF:before{display:none}[data-color-mode=dark] .hAWTSp{background:var(--iTjmdu)}[data-color-mode=dark] .ehbthU{color:var(--jSQkQM)}[data-color-mode=dark] .kkleQX{color:var(--bWuoqD)}[data-color-mode=dark] .dcESjf{border-block:solid}.iqcWiz::placeholder,.iqcWiz[data-placeholder]{color:var(--kFAOBM)}[data-color-mode=dark] .dSbdfc{background:var(--crPUBo)}.FuZjR:is(:disabled,[disabled],[data-disabled]){opacity:0.8}[data-color-mode=dark] .iuzRWK{background:rgba(0,0,0,.7)}[data-color-mode=dark] .jrIQHe{background:var(--Iycdi)}[data-color-mode=dark] .cDAZzQ{background:var(--jlmaOs)}[data-color-mode=dark] .dUhjQY{background:var(--eSphig)}[data-color-mode=dark] .egesjy{background:var(--lfBdGG)}[data-color-mode=dark] .ixYntQ{fill:var(--cFFIOa)}[data-color-mode=dark] .kmeQgS{color:var(--cFFIOa)}.dLVhZe:before{content:\"\"}.gjcwJg:before{top:var(--fcTUxn)}.WaBms:before{left:var(--fcTUxn)}.dqEIyP:before{right:var(--fcTUxn)}.knajvY:before{bottom:var(--fcTUxn)}.cNKdvI:before{background-image:linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.05))}.hSfsjI:before{background-image:linear-gradient(rgba(255,255,255,0.05),rgba(255,255,255,0.05))}[data-color-mode=dark] .cEVFqR{border-width:1px}[data-color-mode=dark] .jCzVrn{border-color:var(--gfUEye)}[data-color-mode=dark] .dYDocO{background-color:var(--YyYdq)}[data-color-mode=dark] .HKuZu{background-image:linear-gradient(90deg,transparent,rgba(255,255,255,0.15),transparent)}.fmEGpT::-webkit-scrollbar,.hVrpDN::-webkit-scrollbar-track{background-color:var(--edNtiq)}.jOgXfC:focus-within{outline-offset:var(--gEfgCY)}.keDhFF:focus-within{outline-color:var(--gBHQLb)}.dLOUfk:focus-within{outline-style:solid}.hqoPOw:focus-within{outline-width:var(--hiYFxW)}.codFrx:is(:focus-visible,[data-focus-visible]){outline-offset:var(--gEfgCY)}.flBQvp:is(:focus-visible,[data-focus-visible]){border-radius:2px}.dmiQBo:is(:focus,[data-focus]){fill:url(\"#logo-gradient\")}.AIGHf:is(:focus-visible,[data-focus-visible]){outline-color:var(--iAjuTO)}.dGEQaj:is(:focus-visible,[data-focus-visible]){outline-color:var(--itfeCm)}.hyjrVf:is(:focus-visible,[data-focus-visible]){outline-color:var(--dxaFjW)}.gcvzK:is(:focus-visible,[data-focus-visible]){outline-color:var(--ldafrz)}.bIoiOr:is(:focus-visible,[data-focus-visible]){outline-color:var(--Iycdi)}.hLPNjH:is(:focus-visible,[data-focus-visible]){outline-style:solid}.dTHceD:is(:focus-visible,[data-focus-visible]){outline-width:var(--hiYFxW)}.bXLdKW:is(:focus-visible,[data-focus-visible]){outline-color:var(--gBHQLb)}.eqIqpK:is(:hover,[data-hover]){background:#ffffff4d}.group:is(:hover,[data-hover]) .crpBMh{color:var(--enVPNY)}.group:is(:hover,[data-hover]) .dkgTgI{color:var(--cOyFst)}.group:is(:hover,[data-hover]) .dsNmcp{color:var(--iZlvjY)}.group:is(:hover,[data-hover]) .ejxEyT{color:var(--YyYdq)}.gFOtbv:is(:hover,[data-hover]){opacity:0.8}.gNRPsX:is(:hover,[data-hover]){filter:brightness(0.9)}.cNdQqS:is(:hover,[data-hover]){background:var(--crPUBo)}.hQYScc:is(:hover,[data-hover]){background:var(--iAjuTO)}.juloA:is(:hover,[data-hover]){background:var(--gfUEye)}.ekkLYF:is(:hover,[data-hover]){box-shadow:0 6px 8px 2px rgba(0,0,0,.18)}.ieWvIF:is(:hover,[data-hover]){cursor:pointer}.kznAev:is(:hover,[data-hover]){background:var(--edNtiq)}.lpgyhx:is(:hover,[data-hover]){background:var(--eRgqfH)}.gJEFOw:is(:hover,[data-hover]){background:var(--cFFIOa)}.eJlUjp:is(:hover,[data-hover]){background:var(--gBHQLb)}.group:is(:hover,[data-hover]) .fOIArh{color:var(--iagzVE)}.dmulsi:is(:hover,[data-hover]){fill:url(\"#logo-gradient\")}.group:is(:hover,[data-hover]) .ejwVfp{color:var(--kFAOBM)}.dpCLFW:is(:hover,[data-hover]){background:var(--qsPVo)}.fFyjxH:is(:hover,[data-hover]){border-color:var(--DLYOY)}.khQJeR:is(:hover,[data-hover]){border-color:var(--gfUEye)}.group:is(:hover,[data-hover]) .jRgrno{border-color:var(--DLYOY)}.juloA:is(:hover,[data-hover]){background-color:var(--gfUEye)}.XicUs:is(:hover,[data-hover]){border-color:var(--gBHQLb)}.bhyTbN:is(:active,[data-active]){transform:scale(0.95)}.dLUGsc:is(:active,[data-active]){fill:url(\"#logo-gradient\")}.fwLKPv>:first-child,.kYYdmz>:last-child{min-width:var(--cAmzCM)}[data-color-mode=dark] .iBxkaW:before{background-image:linear-gradient(rgba(255,255,255,0.05),rgba(255,255,255,0.05))}[data-color-mode=dark] .gYKIuG:before{background-image:linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.05))}.feLnkv:is(:hover,[data-hover]):before{opacity:1}.hEvetW:is(:hover,[data-hover]):before{opacity:0}[data-color-mode=dark] .group:is(:hover,[data-hover]) .hOYqkw{color:var(--gzHfkH)}[data-color-mode=dark] .group:is(:hover,[data-hover]) .tdpny{color:var(--cOyFst)}[data-color-mode=dark] .group:is(:hover,[data-hover]) .jMRjnY{color:var(--dnTPVf)}[data-color-mode=dark] .group:is(:hover,[data-hover]) .hEkRYZ{color:var(--YyYdq)}[data-color-mode=dark] .cbdIkB:is(:hover,[data-hover]){background:var(--edNtiq)}[data-color-mode=dark] .bLXejb:is(:hover,[data-hover]){background:var(--gyKIIT)}[data-color-mode=dark] .leneMy:is(:hover,[data-hover]){background:var(--lfBdGG)}[data-color-mode=dark] .iCKJWv:is(:hover,[data-hover]){background:var(--gBHQLb)}@media (min-width: 48rem){.XrXGK{margin-inline:auto}.blyVxi{width:25rem}.jBZMtD{height:fit-content}.dOrSJl{box-shadow:0px 12px 56px color-mix(in srgb,var(--cFFIOa) 15%,transparent)}.cRloWQ{border-radius:var(--insZoq)}.fHEbLY{top:var(--uyqLg)}.ctyfRj{top:var(--fcTUxn)}[data-color-mode=dark] .iueHSe{box-shadow:none}[data-color-mode=dark] .isQWtr{border-block:solid}[data-color-mode=dark] .ceYPvB{border-width:1px}[data-color-mode=dark] .btXYvH{border-color:var(--gfUEye)}}@media screen and (min-width: 48rem){.kVsPah{padding-inline:var(--gGIQOF)}}@media (min-width: 769px){.fdZOLs{padding-top:15vh}}@media screen and (min-width: 64rem){.kTqchV{padding-inline:var(--flZesP)}}@media screen and (max-width: 47.9975rem){.hUYDug{max-width:var(--khWApH)}}@media only screen and (max-width: 767px){.fcSmAp{height:100dvh}}@media (max-width: 370px){.hYevRO{display:none}}@media (prefers-reduced-motion: reduce){.kuxZR{scale:1}}";
|
|
15631
15720
|
document.head.appendChild(styleElement);
|
|
15632
15721
|
cssInjected = true;
|
|
15633
15722
|
}
|
|
15634
15723
|
// The actual widget content
|
|
15635
|
-
function WidgetContent({ state, dispatch, showFooterLogo }) {
|
|
15724
|
+
function WidgetContent({ state, dispatch, showFooterLogo, isModal }) {
|
|
15725
|
+
const isMobile = useMediaQuery('(max-width: 768px)');
|
|
15636
15726
|
// Render the current view
|
|
15637
15727
|
const renderView = () => {
|
|
15638
15728
|
switch (state.view) {
|
|
@@ -15672,8 +15762,8 @@ function WidgetContent({ state, dispatch, showFooterLogo }) {
|
|
|
15672
15762
|
}
|
|
15673
15763
|
};
|
|
15674
15764
|
return (React__default.createElement(EmailLoginProvider, { dispatch: dispatch },
|
|
15675
|
-
React__default.createElement(
|
|
15676
|
-
React__default.createElement(VStack, {
|
|
15765
|
+
React__default.createElement(r$3, { isWidget: true, fullscreen: isModal && isMobile },
|
|
15766
|
+
React__default.createElement(VStack, { width: "full", minWidth: "380px" },
|
|
15677
15767
|
renderView(),
|
|
15678
15768
|
React__default.createElement(c$5, { showLogo: showFooterLogo })))));
|
|
15679
15769
|
}
|
|
@@ -15689,7 +15779,6 @@ const modalBackdropStyles = {
|
|
|
15689
15779
|
display: 'flex',
|
|
15690
15780
|
alignItems: 'flex-start',
|
|
15691
15781
|
justifyContent: 'center',
|
|
15692
|
-
paddingTop: '15vh', // Slightly above center
|
|
15693
15782
|
zIndex: 9999,
|
|
15694
15783
|
};
|
|
15695
15784
|
const modalContentStyles = {
|
|
@@ -15780,9 +15869,9 @@ function MagicWidget({ displayMode = 'inline', isOpen = true, onClose, closeOnSu
|
|
|
15780
15869
|
React__default.createElement(WagmiProvider, { config: wagmiConfig },
|
|
15781
15870
|
React__default.createElement(QueryClientProvider, { client: queryClient },
|
|
15782
15871
|
React__default.createElement("div", { id: "magic-widget-container" },
|
|
15783
|
-
React__default.createElement(WidgetContent, { state: state, dispatch: dispatch, showFooterLogo: showFooterLogo }))))));
|
|
15872
|
+
React__default.createElement(WidgetContent, { state: state, dispatch: dispatch, showFooterLogo: showFooterLogo, isModal: isModal }))))));
|
|
15784
15873
|
if (isModal) {
|
|
15785
|
-
return (React__default.createElement("div", { style: modalBackdropStyles, onClick: handleBackdropClick },
|
|
15874
|
+
return (React__default.createElement("div", { style: modalBackdropStyles, className: css({ '@media (min-width: 769px)': { paddingTop: '15vh' } }), onClick: handleBackdropClick },
|
|
15786
15875
|
React__default.createElement("div", { style: modalContentStyles }, widgetContent)));
|
|
15787
15876
|
}
|
|
15788
15877
|
return widgetContent;
|