@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/cjs/index.js
CHANGED
|
@@ -3270,36 +3270,6 @@ token.var = tokenVar;
|
|
|
3270
3270
|
*/
|
|
3271
3271
|
const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== 'undefined' ? (React).useLayoutEffect : ()=>{};
|
|
3272
3272
|
|
|
3273
|
-
/*
|
|
3274
|
-
* Copyright 2023 Adobe. All rights reserved.
|
|
3275
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
3276
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
3277
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
3278
|
-
*
|
|
3279
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
3280
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
3281
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
3282
|
-
* governing permissions and limitations under the License.
|
|
3283
|
-
*/
|
|
3284
|
-
|
|
3285
|
-
var $8ae05eaa5c114e9c$var$_React_useInsertionEffect;
|
|
3286
|
-
// Use the earliest effect type possible. useInsertionEffect runs during the mutation phase,
|
|
3287
|
-
// before all layout effects, but is available only in React 18 and later.
|
|
3288
|
-
const $8ae05eaa5c114e9c$var$useEarlyEffect = ($8ae05eaa5c114e9c$var$_React_useInsertionEffect = (React)['useInsertionEffect']) !== null && $8ae05eaa5c114e9c$var$_React_useInsertionEffect !== void 0 ? $8ae05eaa5c114e9c$var$_React_useInsertionEffect : ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c);
|
|
3289
|
-
function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
|
|
3290
|
-
const ref = (React.useRef)(null);
|
|
3291
|
-
$8ae05eaa5c114e9c$var$useEarlyEffect(()=>{
|
|
3292
|
-
ref.current = fn;
|
|
3293
|
-
}, [
|
|
3294
|
-
fn
|
|
3295
|
-
]);
|
|
3296
|
-
// @ts-ignore
|
|
3297
|
-
return (React.useCallback)((...args)=>{
|
|
3298
|
-
const f = ref.current;
|
|
3299
|
-
return f === null || f === void 0 ? void 0 : f(...args);
|
|
3300
|
-
}, []);
|
|
3301
|
-
}
|
|
3302
|
-
|
|
3303
3273
|
/*
|
|
3304
3274
|
* Copyright 2020 Adobe. All rights reserved.
|
|
3305
3275
|
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
@@ -3314,10 +3284,13 @@ function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
|
|
|
3314
3284
|
|
|
3315
3285
|
function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
|
|
3316
3286
|
let [value, setValue] = (React.useState)(defaultValue);
|
|
3287
|
+
// Keep an up to date copy of value in a ref so we can access the current value in the generator.
|
|
3288
|
+
// This allows us to maintain a stable queue function.
|
|
3289
|
+
let currValue = (React.useRef)(value);
|
|
3317
3290
|
let effect = (React.useRef)(null);
|
|
3318
3291
|
// Store the function in a ref so we can always access the current version
|
|
3319
3292
|
// which has the proper `value` in scope.
|
|
3320
|
-
let nextRef = (
|
|
3293
|
+
let nextRef = (React.useRef)(()=>{
|
|
3321
3294
|
if (!effect.current) return;
|
|
3322
3295
|
// Run the generator to the next yield.
|
|
3323
3296
|
let newValue = effect.current.next();
|
|
@@ -3329,17 +3302,20 @@ function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
|
|
|
3329
3302
|
// If the value is the same as the current value,
|
|
3330
3303
|
// then continue to the next yield. Otherwise,
|
|
3331
3304
|
// set the value in state and wait for the next layout effect.
|
|
3332
|
-
if (
|
|
3305
|
+
if (currValue.current === newValue.value) nextRef.current();
|
|
3333
3306
|
else setValue(newValue.value);
|
|
3334
3307
|
});
|
|
3335
3308
|
($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
|
|
3309
|
+
currValue.current = value;
|
|
3336
3310
|
// If there is an effect currently running, continue to the next yield.
|
|
3337
|
-
if (effect.current) nextRef();
|
|
3338
|
-
});
|
|
3339
|
-
let queue = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((fn)=>{
|
|
3340
|
-
effect.current = fn(value);
|
|
3341
|
-
nextRef();
|
|
3311
|
+
if (effect.current) nextRef.current();
|
|
3342
3312
|
});
|
|
3313
|
+
let queue = (React.useCallback)((fn)=>{
|
|
3314
|
+
effect.current = fn(currValue.current);
|
|
3315
|
+
nextRef.current();
|
|
3316
|
+
}, [
|
|
3317
|
+
nextRef
|
|
3318
|
+
]);
|
|
3343
3319
|
return [
|
|
3344
3320
|
value,
|
|
3345
3321
|
queue
|
|
@@ -3798,7 +3774,7 @@ function $dfc540311bf7f109$export$4d0f8be8b12a7ef6(doc, root, whatToShow, filter
|
|
|
3798
3774
|
return doc.createTreeWalker(root, whatToShow, filter);
|
|
3799
3775
|
}
|
|
3800
3776
|
|
|
3801
|
-
function r$
|
|
3777
|
+
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}
|
|
3802
3778
|
|
|
3803
3779
|
/*
|
|
3804
3780
|
* Copyright 2020 Adobe. All rights reserved.
|
|
@@ -3911,7 +3887,7 @@ const $65484d02dcb7eb3e$var$propRe = /^(data-.*)$/;
|
|
|
3911
3887
|
function $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, opts = {}) {
|
|
3912
3888
|
let { labelable: labelable, isLink: isLink, global: global, events: events = global, propNames: propNames } = opts;
|
|
3913
3889
|
let filteredProps = {};
|
|
3914
|
-
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];
|
|
3890
|
+
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];
|
|
3915
3891
|
return filteredProps;
|
|
3916
3892
|
}
|
|
3917
3893
|
|
|
@@ -4060,6 +4036,7 @@ function $ea8dcbcb9ea1b556$export$95185d699e05d4d7(target, modifiers, setOpening
|
|
|
4060
4036
|
ctrlKey: ctrlKey,
|
|
4061
4037
|
altKey: altKey,
|
|
4062
4038
|
shiftKey: shiftKey,
|
|
4039
|
+
detail: 1,
|
|
4063
4040
|
bubbles: true,
|
|
4064
4041
|
cancelable: true
|
|
4065
4042
|
});
|
|
@@ -4241,23 +4218,56 @@ function $313b98861ee5dd6c$export$d6875122194c7b44(props, defaultLabel) {
|
|
|
4241
4218
|
};
|
|
4242
4219
|
}
|
|
4243
4220
|
|
|
4221
|
+
/*
|
|
4222
|
+
* Copyright 2023 Adobe. All rights reserved.
|
|
4223
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
4224
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
4225
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
4226
|
+
*
|
|
4227
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
4228
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
4229
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
4230
|
+
* governing permissions and limitations under the License.
|
|
4231
|
+
*/
|
|
4232
|
+
|
|
4233
|
+
var $8ae05eaa5c114e9c$var$_React_useInsertionEffect;
|
|
4234
|
+
// Use the earliest effect type possible. useInsertionEffect runs during the mutation phase,
|
|
4235
|
+
// before all layout effects, but is available only in React 18 and later.
|
|
4236
|
+
const $8ae05eaa5c114e9c$var$useEarlyEffect = ($8ae05eaa5c114e9c$var$_React_useInsertionEffect = (React)['useInsertionEffect']) !== null && $8ae05eaa5c114e9c$var$_React_useInsertionEffect !== void 0 ? $8ae05eaa5c114e9c$var$_React_useInsertionEffect : ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c);
|
|
4237
|
+
function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
|
|
4238
|
+
const ref = (React.useRef)(null);
|
|
4239
|
+
$8ae05eaa5c114e9c$var$useEarlyEffect(()=>{
|
|
4240
|
+
ref.current = fn;
|
|
4241
|
+
}, [
|
|
4242
|
+
fn
|
|
4243
|
+
]);
|
|
4244
|
+
// @ts-ignore
|
|
4245
|
+
return (React.useCallback)((...args)=>{
|
|
4246
|
+
const f = ref.current;
|
|
4247
|
+
return f === null || f === void 0 ? void 0 : f(...args);
|
|
4248
|
+
}, []);
|
|
4249
|
+
}
|
|
4250
|
+
|
|
4244
4251
|
function $9daab02d461809db$var$hasResizeObserver() {
|
|
4245
4252
|
return typeof window.ResizeObserver !== 'undefined';
|
|
4246
4253
|
}
|
|
4247
4254
|
function $9daab02d461809db$export$683480f191c0e3ea(options) {
|
|
4255
|
+
// Only call onResize from inside the effect, otherwise we'll void our assumption that
|
|
4256
|
+
// useEffectEvents are safe to pass in.
|
|
4248
4257
|
const { ref: ref, box: box, onResize: onResize } = options;
|
|
4258
|
+
let onResizeEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(onResize);
|
|
4249
4259
|
(React.useEffect)(()=>{
|
|
4250
4260
|
let element = ref === null || ref === void 0 ? void 0 : ref.current;
|
|
4251
4261
|
if (!element) return;
|
|
4252
4262
|
if (!$9daab02d461809db$var$hasResizeObserver()) {
|
|
4253
|
-
window.addEventListener('resize',
|
|
4263
|
+
window.addEventListener('resize', onResizeEvent, false);
|
|
4254
4264
|
return ()=>{
|
|
4255
|
-
window.removeEventListener('resize',
|
|
4265
|
+
window.removeEventListener('resize', onResizeEvent, false);
|
|
4256
4266
|
};
|
|
4257
4267
|
} else {
|
|
4258
4268
|
const resizeObserverInstance = new window.ResizeObserver((entries)=>{
|
|
4259
4269
|
if (!entries.length) return;
|
|
4260
|
-
|
|
4270
|
+
onResizeEvent();
|
|
4261
4271
|
});
|
|
4262
4272
|
resizeObserverInstance.observe(element, {
|
|
4263
4273
|
box: box
|
|
@@ -4267,7 +4277,6 @@ function $9daab02d461809db$export$683480f191c0e3ea(options) {
|
|
|
4267
4277
|
};
|
|
4268
4278
|
}
|
|
4269
4279
|
}, [
|
|
4270
|
-
onResize,
|
|
4271
4280
|
ref,
|
|
4272
4281
|
box
|
|
4273
4282
|
]);
|
|
@@ -4401,8 +4410,7 @@ function $99facab73266f662$export$5add1d006293d136(ref, initialValue, onReset) {
|
|
|
4401
4410
|
form === null || form === void 0 ? void 0 : form.removeEventListener('reset', handleReset);
|
|
4402
4411
|
};
|
|
4403
4412
|
}, [
|
|
4404
|
-
ref
|
|
4405
|
-
handleReset
|
|
4413
|
+
ref
|
|
4406
4414
|
]);
|
|
4407
4415
|
}
|
|
4408
4416
|
|
|
@@ -4497,8 +4505,14 @@ function $b4b717babfbb907b$var$isInert(element) {
|
|
|
4497
4505
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
4498
4506
|
* governing permissions and limitations under the License.
|
|
4499
4507
|
*/
|
|
4508
|
+
var $458b0a5536c1a7cf$var$_React_useInsertionEffect;
|
|
4509
|
+
// Use the earliest effect possible to reset the ref below.
|
|
4510
|
+
const $458b0a5536c1a7cf$var$useEarlyEffect = typeof document !== 'undefined' ? ($458b0a5536c1a7cf$var$_React_useInsertionEffect = (React)['useInsertionEffect']) !== null && $458b0a5536c1a7cf$var$_React_useInsertionEffect !== void 0 ? $458b0a5536c1a7cf$var$_React_useInsertionEffect : (React).useLayoutEffect : ()=>{};
|
|
4500
4511
|
function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange) {
|
|
4512
|
+
// Store the value in both state and a ref. The state value will only be used when uncontrolled.
|
|
4513
|
+
// The ref is used to track the most current value, which is passed to the function setState callback.
|
|
4501
4514
|
let [stateValue, setStateValue] = (React.useState)(value || defaultValue);
|
|
4515
|
+
let valueRef = (React.useRef)(stateValue);
|
|
4502
4516
|
let isControlledRef = (React.useRef)(value !== undefined);
|
|
4503
4517
|
let isControlled = value !== undefined;
|
|
4504
4518
|
(React.useEffect)(()=>{
|
|
@@ -4508,40 +4522,28 @@ function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange
|
|
|
4508
4522
|
}, [
|
|
4509
4523
|
isControlled
|
|
4510
4524
|
]);
|
|
4525
|
+
// After each render, update the ref to the current value.
|
|
4526
|
+
// This ensures that the setState callback argument is reset.
|
|
4527
|
+
// Note: the effect should not have any dependencies so that controlled values always reset.
|
|
4511
4528
|
let currentValue = isControlled ? value : stateValue;
|
|
4529
|
+
$458b0a5536c1a7cf$var$useEarlyEffect(()=>{
|
|
4530
|
+
valueRef.current = currentValue;
|
|
4531
|
+
});
|
|
4532
|
+
let [, forceUpdate] = (React.useReducer)(()=>({}), {});
|
|
4512
4533
|
let setValue = (React.useCallback)((value, ...args)=>{
|
|
4513
|
-
|
|
4514
|
-
|
|
4515
|
-
|
|
4516
|
-
|
|
4517
|
-
|
|
4518
|
-
|
|
4519
|
-
//
|
|
4520
|
-
|
|
4521
|
-
//
|
|
4522
|
-
|
|
4523
|
-
|
|
4524
|
-
if (typeof value === 'function') {
|
|
4525
|
-
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');
|
|
4526
|
-
// this supports functional updates https://reactjs.org/docs/hooks-reference.html#functional-updates
|
|
4527
|
-
// when someone using useControlledState calls setControlledState(myFunc)
|
|
4528
|
-
// this will call our useState setState with a function as well which invokes myFunc and calls onChange with the value from myFunc
|
|
4529
|
-
// 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
|
|
4530
|
-
// 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
|
|
4531
|
-
let updateFunction = (oldValue, ...functionArgs)=>{
|
|
4532
|
-
let interceptedValue = value(isControlled ? currentValue : oldValue, ...functionArgs);
|
|
4533
|
-
onChangeCaller(interceptedValue, ...args);
|
|
4534
|
-
if (!isControlled) return interceptedValue;
|
|
4535
|
-
return oldValue;
|
|
4536
|
-
};
|
|
4537
|
-
setStateValue(updateFunction);
|
|
4538
|
-
} else {
|
|
4539
|
-
if (!isControlled) setStateValue(value);
|
|
4540
|
-
onChangeCaller(value, ...args);
|
|
4534
|
+
// @ts-ignore - TS doesn't know that T cannot be a function.
|
|
4535
|
+
let newValue = typeof value === 'function' ? value(valueRef.current) : value;
|
|
4536
|
+
if (!Object.is(valueRef.current, newValue)) {
|
|
4537
|
+
// Update the ref so that the next setState callback has the most recent value.
|
|
4538
|
+
valueRef.current = newValue;
|
|
4539
|
+
setStateValue(newValue);
|
|
4540
|
+
// Always trigger a re-render, even when controlled, so that the layout effect above runs to reset the value.
|
|
4541
|
+
forceUpdate();
|
|
4542
|
+
// Trigger onChange. Note that if setState is called multiple times in a single event,
|
|
4543
|
+
// onChange will be called for each one instead of only once.
|
|
4544
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(newValue, ...args);
|
|
4541
4545
|
}
|
|
4542
4546
|
}, [
|
|
4543
|
-
isControlled,
|
|
4544
|
-
currentValue,
|
|
4545
4547
|
onChange
|
|
4546
4548
|
]);
|
|
4547
4549
|
return [
|
|
@@ -4611,9 +4613,6 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
|
|
|
4611
4613
|
}
|
|
4612
4614
|
};
|
|
4613
4615
|
}, []);
|
|
4614
|
-
let dispatchBlur = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((e)=>{
|
|
4615
|
-
onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
|
|
4616
|
-
});
|
|
4617
4616
|
// This function is called during a React onFocus event.
|
|
4618
4617
|
return (React.useCallback)((e)=>{
|
|
4619
4618
|
// React does not fire onBlur when an element is disabled. https://github.com/facebook/react/issues/9142
|
|
@@ -4628,7 +4627,7 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
|
|
|
4628
4627
|
if (target.disabled) {
|
|
4629
4628
|
// For backward compatibility, dispatch a (fake) React synthetic event.
|
|
4630
4629
|
let event = $8a9cb279dc87e130$export$525bc4921d56d4a(e);
|
|
4631
|
-
|
|
4630
|
+
onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
|
|
4632
4631
|
}
|
|
4633
4632
|
// We no longer need the MutationObserver once the target is blurred.
|
|
4634
4633
|
if (stateRef.current.observer) {
|
|
@@ -4661,7 +4660,7 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
|
|
|
4661
4660
|
});
|
|
4662
4661
|
}
|
|
4663
4662
|
}, [
|
|
4664
|
-
|
|
4663
|
+
onBlur
|
|
4665
4664
|
]);
|
|
4666
4665
|
}
|
|
4667
4666
|
let $8a9cb279dc87e130$export$fda7da73ab5d4c48 = false;
|
|
@@ -4941,8 +4940,8 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
4941
4940
|
pointerType: null,
|
|
4942
4941
|
disposables: []
|
|
4943
4942
|
});
|
|
4944
|
-
let { addGlobalListener: addGlobalListener, removeAllGlobalListeners: removeAllGlobalListeners } = ($03deb23ff14920c4$export$4eaf04e54aa8eed6)();
|
|
4945
|
-
let triggerPressStart = (
|
|
4943
|
+
let { addGlobalListener: addGlobalListener, removeAllGlobalListeners: removeAllGlobalListeners, removeGlobalListener: removeGlobalListener } = ($03deb23ff14920c4$export$4eaf04e54aa8eed6)();
|
|
4944
|
+
let triggerPressStart = (React.useCallback)((originalEvent, pointerType)=>{
|
|
4946
4945
|
let state = ref.current;
|
|
4947
4946
|
if (isDisabled || state.didFirePressStart) return false;
|
|
4948
4947
|
let shouldStopPropagation = true;
|
|
@@ -4957,8 +4956,12 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
4957
4956
|
state.didFirePressStart = true;
|
|
4958
4957
|
setPressed(true);
|
|
4959
4958
|
return shouldStopPropagation;
|
|
4960
|
-
}
|
|
4961
|
-
|
|
4959
|
+
}, [
|
|
4960
|
+
isDisabled,
|
|
4961
|
+
onPressStart,
|
|
4962
|
+
onPressChange
|
|
4963
|
+
]);
|
|
4964
|
+
let triggerPressEnd = (React.useCallback)((originalEvent, pointerType, wasPressed = true)=>{
|
|
4962
4965
|
let state = ref.current;
|
|
4963
4966
|
if (!state.didFirePressStart) return false;
|
|
4964
4967
|
state.didFirePressStart = false;
|
|
@@ -4978,8 +4981,14 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
4978
4981
|
}
|
|
4979
4982
|
state.isTriggeringEvent = false;
|
|
4980
4983
|
return shouldStopPropagation;
|
|
4981
|
-
}
|
|
4982
|
-
|
|
4984
|
+
}, [
|
|
4985
|
+
isDisabled,
|
|
4986
|
+
onPressEnd,
|
|
4987
|
+
onPressChange,
|
|
4988
|
+
onPress
|
|
4989
|
+
]);
|
|
4990
|
+
let triggerPressEndEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(triggerPressEnd);
|
|
4991
|
+
let triggerPressUp = (React.useCallback)((originalEvent, pointerType)=>{
|
|
4983
4992
|
let state = ref.current;
|
|
4984
4993
|
if (isDisabled) return false;
|
|
4985
4994
|
if (onPressUp) {
|
|
@@ -4990,12 +4999,17 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
4990
4999
|
return event.shouldStopPropagation;
|
|
4991
5000
|
}
|
|
4992
5001
|
return true;
|
|
4993
|
-
}
|
|
4994
|
-
|
|
5002
|
+
}, [
|
|
5003
|
+
isDisabled,
|
|
5004
|
+
onPressUp
|
|
5005
|
+
]);
|
|
5006
|
+
let triggerPressUpEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(triggerPressUp);
|
|
5007
|
+
let cancel = (React.useCallback)((e)=>{
|
|
4995
5008
|
let state = ref.current;
|
|
4996
5009
|
if (state.isPressed && state.target) {
|
|
4997
5010
|
if (state.didFirePressStart && state.pointerType != null) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
|
|
4998
5011
|
state.isPressed = false;
|
|
5012
|
+
setIsPointerPressed(null);
|
|
4999
5013
|
state.isOverTarget = false;
|
|
5000
5014
|
state.activePointerId = null;
|
|
5001
5015
|
state.pointerType = null;
|
|
@@ -5004,15 +5018,26 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5004
5018
|
for (let dispose of state.disposables)dispose();
|
|
5005
5019
|
state.disposables = [];
|
|
5006
5020
|
}
|
|
5007
|
-
}
|
|
5008
|
-
|
|
5021
|
+
}, [
|
|
5022
|
+
allowTextSelectionOnPress,
|
|
5023
|
+
removeAllGlobalListeners,
|
|
5024
|
+
triggerPressEnd
|
|
5025
|
+
]);
|
|
5026
|
+
let cancelEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(cancel);
|
|
5027
|
+
let cancelOnPointerExit = (React.useCallback)((e)=>{
|
|
5009
5028
|
if (shouldCancelOnPointerExit) cancel(e);
|
|
5010
|
-
}
|
|
5011
|
-
|
|
5029
|
+
}, [
|
|
5030
|
+
shouldCancelOnPointerExit,
|
|
5031
|
+
cancel
|
|
5032
|
+
]);
|
|
5033
|
+
let triggerClick = (React.useCallback)((e)=>{
|
|
5012
5034
|
if (isDisabled) return;
|
|
5013
5035
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
5014
|
-
}
|
|
5015
|
-
|
|
5036
|
+
}, [
|
|
5037
|
+
isDisabled,
|
|
5038
|
+
onClick
|
|
5039
|
+
]);
|
|
5040
|
+
let triggerSyntheticClick = (React.useCallback)((e, target)=>{
|
|
5016
5041
|
if (isDisabled) return;
|
|
5017
5042
|
// Some third-party libraries pass in onClick instead of onPress.
|
|
5018
5043
|
// Create a fake mouse event and trigger onClick as well.
|
|
@@ -5024,7 +5049,147 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5024
5049
|
($8a9cb279dc87e130$export$c2b7abe5d61ec696)(event, target);
|
|
5025
5050
|
onClick(($8a9cb279dc87e130$export$525bc4921d56d4a)(event));
|
|
5026
5051
|
}
|
|
5027
|
-
}
|
|
5052
|
+
}, [
|
|
5053
|
+
isDisabled,
|
|
5054
|
+
onClick
|
|
5055
|
+
]);
|
|
5056
|
+
let triggerSyntheticClickEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(triggerSyntheticClick);
|
|
5057
|
+
let [isElemKeyPressed, setIsElemKeyPressed] = (React.useState)(false);
|
|
5058
|
+
($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
|
|
5059
|
+
let state = ref.current;
|
|
5060
|
+
if (isElemKeyPressed) {
|
|
5061
|
+
let onKeyUp = (e)=>{
|
|
5062
|
+
var _state_metaKeyEvents;
|
|
5063
|
+
if (state.isPressed && state.target && $f6c31cce2adf654f$var$isValidKeyboardEvent(e, state.target)) {
|
|
5064
|
+
var _state_metaKeyEvents1;
|
|
5065
|
+
if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e), e.key)) e.preventDefault();
|
|
5066
|
+
let target = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
|
|
5067
|
+
let wasPressed = ($d4ee10de306f2510$export$4282f70798064fe0)(state.target, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e));
|
|
5068
|
+
triggerPressEndEvent($f6c31cce2adf654f$var$createEvent(state.target, e), 'keyboard', wasPressed);
|
|
5069
|
+
if (wasPressed) triggerSyntheticClickEvent(e, state.target);
|
|
5070
|
+
removeAllGlobalListeners();
|
|
5071
|
+
// If a link was triggered with a key other than Enter, open the URL ourselves.
|
|
5072
|
+
// This means the link has a role override, and the default browser behavior
|
|
5073
|
+
// only applies when using the Enter key.
|
|
5074
|
+
if (e.key !== 'Enter' && $f6c31cce2adf654f$var$isHTMLAnchorLink(state.target) && ($d4ee10de306f2510$export$4282f70798064fe0)(state.target, target) && !e[$f6c31cce2adf654f$var$LINK_CLICKED]) {
|
|
5075
|
+
// Store a hidden property on the event so we only trigger link click once,
|
|
5076
|
+
// even if there are multiple usePress instances attached to the element.
|
|
5077
|
+
e[$f6c31cce2adf654f$var$LINK_CLICKED] = true;
|
|
5078
|
+
($ea8dcbcb9ea1b556$export$95185d699e05d4d7)(state.target, e, false);
|
|
5079
|
+
}
|
|
5080
|
+
state.isPressed = false;
|
|
5081
|
+
setIsElemKeyPressed(false);
|
|
5082
|
+
(_state_metaKeyEvents1 = state.metaKeyEvents) === null || _state_metaKeyEvents1 === void 0 ? void 0 : _state_metaKeyEvents1.delete(e.key);
|
|
5083
|
+
} else if (e.key === 'Meta' && ((_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === void 0 ? void 0 : _state_metaKeyEvents.size)) {
|
|
5084
|
+
var _state_target;
|
|
5085
|
+
// If we recorded keydown events that occurred while the Meta key was pressed,
|
|
5086
|
+
// and those haven't received keyup events already, fire keyup events ourselves.
|
|
5087
|
+
// See comment above for more info about the macOS bug causing this.
|
|
5088
|
+
let events = state.metaKeyEvents;
|
|
5089
|
+
state.metaKeyEvents = undefined;
|
|
5090
|
+
for (let event of events.values())(_state_target = state.target) === null || _state_target === void 0 ? void 0 : _state_target.dispatchEvent(new KeyboardEvent('keyup', event));
|
|
5091
|
+
}
|
|
5092
|
+
};
|
|
5093
|
+
// Focus may move before the key up event, so register the event on the document
|
|
5094
|
+
// instead of the same element where the key down event occurred. Make it capturing so that it will trigger
|
|
5095
|
+
// before stopPropagation from useKeyboard on a child element may happen and thus we can still call triggerPress for the parent element.
|
|
5096
|
+
let originalTarget = state.target;
|
|
5097
|
+
let pressUp = (e)=>{
|
|
5098
|
+
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');
|
|
5099
|
+
};
|
|
5100
|
+
let listener = ($ff5963eb1fccf552$export$e08e3b67e392101e)(pressUp, onKeyUp);
|
|
5101
|
+
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'keyup', listener, true);
|
|
5102
|
+
return ()=>{
|
|
5103
|
+
removeGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'keyup', listener, true);
|
|
5104
|
+
};
|
|
5105
|
+
}
|
|
5106
|
+
}, [
|
|
5107
|
+
isElemKeyPressed,
|
|
5108
|
+
addGlobalListener,
|
|
5109
|
+
removeAllGlobalListeners,
|
|
5110
|
+
removeGlobalListener
|
|
5111
|
+
]);
|
|
5112
|
+
let [isPointerPressed, setIsPointerPressed] = (React.useState)(null);
|
|
5113
|
+
($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
|
|
5114
|
+
let state = ref.current;
|
|
5115
|
+
if (isPointerPressed === 'pointer') {
|
|
5116
|
+
let onPointerUp = (e)=>{
|
|
5117
|
+
if (e.pointerId === state.activePointerId && state.isPressed && e.button === 0 && state.target) {
|
|
5118
|
+
if (($d4ee10de306f2510$export$4282f70798064fe0)(state.target, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e)) && state.pointerType != null) {
|
|
5119
|
+
// Wait for onClick to fire onPress. This avoids browser issues when the DOM
|
|
5120
|
+
// is mutated between onPointerUp and onClick, and is more compatible with third party libraries.
|
|
5121
|
+
// https://github.com/adobe/react-spectrum/issues/1513
|
|
5122
|
+
// https://issues.chromium.org/issues/40732224
|
|
5123
|
+
// However, iOS and Android do not focus or fire onClick after a long press.
|
|
5124
|
+
// We work around this by triggering a click ourselves after a timeout.
|
|
5125
|
+
// This timeout is canceled during the click event in case the real one fires first.
|
|
5126
|
+
// The timeout must be at least 32ms, because Safari on iOS delays the click event on
|
|
5127
|
+
// non-form elements without certain ARIA roles (for hover emulation).
|
|
5128
|
+
// https://github.com/WebKit/WebKit/blob/dccfae42bb29bd4bdef052e469f604a9387241c0/Source/WebKit/WebProcess/WebPage/ios/WebPageIOS.mm#L875-L892
|
|
5129
|
+
let clicked = false;
|
|
5130
|
+
let timeout = setTimeout(()=>{
|
|
5131
|
+
if (state.isPressed && state.target instanceof HTMLElement) {
|
|
5132
|
+
if (clicked) cancelEvent(e);
|
|
5133
|
+
else {
|
|
5134
|
+
($7215afc6de606d6b$export$de79e2c695e052f3)(state.target);
|
|
5135
|
+
state.target.click();
|
|
5136
|
+
}
|
|
5137
|
+
}
|
|
5138
|
+
}, 80);
|
|
5139
|
+
// Use a capturing listener to track if a click occurred.
|
|
5140
|
+
// If stopPropagation is called it may never reach our handler.
|
|
5141
|
+
addGlobalListener(e.currentTarget, 'click', ()=>clicked = true, true);
|
|
5142
|
+
state.disposables.push(()=>clearTimeout(timeout));
|
|
5143
|
+
} else cancelEvent(e);
|
|
5144
|
+
// Ignore subsequent onPointerLeave event before onClick on touch devices.
|
|
5145
|
+
state.isOverTarget = false;
|
|
5146
|
+
}
|
|
5147
|
+
};
|
|
5148
|
+
let onPointerCancel = (e)=>{
|
|
5149
|
+
cancelEvent(e);
|
|
5150
|
+
};
|
|
5151
|
+
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'pointerup', onPointerUp, false);
|
|
5152
|
+
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'pointercancel', onPointerCancel, false);
|
|
5153
|
+
return ()=>{
|
|
5154
|
+
removeGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'pointerup', onPointerUp, false);
|
|
5155
|
+
removeGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'pointercancel', onPointerCancel, false);
|
|
5156
|
+
};
|
|
5157
|
+
} else if (isPointerPressed === 'mouse' && process.env.NODE_ENV === 'test') {
|
|
5158
|
+
let onMouseUp = (e)=>{
|
|
5159
|
+
// Only handle left clicks
|
|
5160
|
+
if (e.button !== 0) return;
|
|
5161
|
+
if (state.ignoreEmulatedMouseEvents) {
|
|
5162
|
+
state.ignoreEmulatedMouseEvents = false;
|
|
5163
|
+
return;
|
|
5164
|
+
}
|
|
5165
|
+
if (state.target && state.target.contains(e.target) && state.pointerType != null) ;
|
|
5166
|
+
else cancelEvent(e);
|
|
5167
|
+
state.isOverTarget = false;
|
|
5168
|
+
};
|
|
5169
|
+
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'mouseup', onMouseUp, false);
|
|
5170
|
+
return ()=>{
|
|
5171
|
+
removeGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'mouseup', onMouseUp, false);
|
|
5172
|
+
};
|
|
5173
|
+
} else if (isPointerPressed === 'touch' && process.env.NODE_ENV === 'test') {
|
|
5174
|
+
let onScroll = (e)=>{
|
|
5175
|
+
if (state.isPressed && ($d4ee10de306f2510$export$4282f70798064fe0)(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e), state.target)) cancelEvent({
|
|
5176
|
+
currentTarget: state.target,
|
|
5177
|
+
shiftKey: false,
|
|
5178
|
+
ctrlKey: false,
|
|
5179
|
+
metaKey: false,
|
|
5180
|
+
altKey: false
|
|
5181
|
+
});
|
|
5182
|
+
};
|
|
5183
|
+
addGlobalListener(($431fbd86ca7dc216$export$f21a1ffae260145a)(state.target), 'scroll', onScroll, true);
|
|
5184
|
+
return ()=>{
|
|
5185
|
+
removeGlobalListener(($431fbd86ca7dc216$export$f21a1ffae260145a)(state.target), 'scroll', onScroll, true);
|
|
5186
|
+
};
|
|
5187
|
+
}
|
|
5188
|
+
}, [
|
|
5189
|
+
isPointerPressed,
|
|
5190
|
+
addGlobalListener,
|
|
5191
|
+
removeGlobalListener
|
|
5192
|
+
]);
|
|
5028
5193
|
let pressProps = (React.useMemo)(()=>{
|
|
5029
5194
|
let state = ref.current;
|
|
5030
5195
|
let pressProps = {
|
|
@@ -5039,16 +5204,9 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5039
5204
|
if (!state.isPressed && !e.repeat) {
|
|
5040
5205
|
state.target = e.currentTarget;
|
|
5041
5206
|
state.isPressed = true;
|
|
5207
|
+
setIsElemKeyPressed(true);
|
|
5042
5208
|
state.pointerType = 'keyboard';
|
|
5043
5209
|
shouldStopPropagation = triggerPressStart(e, 'keyboard');
|
|
5044
|
-
// Focus may move before the key up event, so register the event on the document
|
|
5045
|
-
// instead of the same element where the key down event occurred. Make it capturing so that it will trigger
|
|
5046
|
-
// before stopPropagation from useKeyboard on a child element may happen and thus we can still call triggerPress for the parent element.
|
|
5047
|
-
let originalTarget = e.currentTarget;
|
|
5048
|
-
let pressUp = (e)=>{
|
|
5049
|
-
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');
|
|
5050
|
-
};
|
|
5051
|
-
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(e.currentTarget), 'keyup', ($ff5963eb1fccf552$export$e08e3b67e392101e)(pressUp, onKeyUp), true);
|
|
5052
5210
|
}
|
|
5053
5211
|
if (shouldStopPropagation) e.stopPropagation();
|
|
5054
5212
|
// Keep track of the keydown events that occur while the Meta (e.g. Command) key is held.
|
|
@@ -5088,37 +5246,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5088
5246
|
}
|
|
5089
5247
|
}
|
|
5090
5248
|
};
|
|
5091
|
-
let onKeyUp = (e)=>{
|
|
5092
|
-
var _state_metaKeyEvents;
|
|
5093
|
-
if (state.isPressed && state.target && $f6c31cce2adf654f$var$isValidKeyboardEvent(e, state.target)) {
|
|
5094
|
-
var _state_metaKeyEvents1;
|
|
5095
|
-
if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e), e.key)) e.preventDefault();
|
|
5096
|
-
let target = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
|
|
5097
|
-
let wasPressed = ($d4ee10de306f2510$export$4282f70798064fe0)(state.target, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e));
|
|
5098
|
-
triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), 'keyboard', wasPressed);
|
|
5099
|
-
if (wasPressed) triggerSyntheticClick(e, state.target);
|
|
5100
|
-
removeAllGlobalListeners();
|
|
5101
|
-
// If a link was triggered with a key other than Enter, open the URL ourselves.
|
|
5102
|
-
// This means the link has a role override, and the default browser behavior
|
|
5103
|
-
// only applies when using the Enter key.
|
|
5104
|
-
if (e.key !== 'Enter' && $f6c31cce2adf654f$var$isHTMLAnchorLink(state.target) && ($d4ee10de306f2510$export$4282f70798064fe0)(state.target, target) && !e[$f6c31cce2adf654f$var$LINK_CLICKED]) {
|
|
5105
|
-
// Store a hidden property on the event so we only trigger link click once,
|
|
5106
|
-
// even if there are multiple usePress instances attached to the element.
|
|
5107
|
-
e[$f6c31cce2adf654f$var$LINK_CLICKED] = true;
|
|
5108
|
-
($ea8dcbcb9ea1b556$export$95185d699e05d4d7)(state.target, e, false);
|
|
5109
|
-
}
|
|
5110
|
-
state.isPressed = false;
|
|
5111
|
-
(_state_metaKeyEvents1 = state.metaKeyEvents) === null || _state_metaKeyEvents1 === void 0 ? void 0 : _state_metaKeyEvents1.delete(e.key);
|
|
5112
|
-
} else if (e.key === 'Meta' && ((_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === void 0 ? void 0 : _state_metaKeyEvents.size)) {
|
|
5113
|
-
var _state_target;
|
|
5114
|
-
// If we recorded keydown events that occurred while the Meta key was pressed,
|
|
5115
|
-
// and those haven't received keyup events already, fire keyup events ourselves.
|
|
5116
|
-
// See comment above for more info about the macOS bug causing this.
|
|
5117
|
-
let events = state.metaKeyEvents;
|
|
5118
|
-
state.metaKeyEvents = undefined;
|
|
5119
|
-
for (let event of events.values())(_state_target = state.target) === null || _state_target === void 0 ? void 0 : _state_target.dispatchEvent(new KeyboardEvent('keyup', event));
|
|
5120
|
-
}
|
|
5121
|
-
};
|
|
5122
5249
|
if (typeof PointerEvent !== 'undefined') {
|
|
5123
5250
|
pressProps.onPointerDown = (e)=>{
|
|
5124
5251
|
// Only handle left clicks, and ignore events that bubbled through portals.
|
|
@@ -5135,6 +5262,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5135
5262
|
let shouldStopPropagation = true;
|
|
5136
5263
|
if (!state.isPressed) {
|
|
5137
5264
|
state.isPressed = true;
|
|
5265
|
+
setIsPointerPressed('pointer');
|
|
5138
5266
|
state.isOverTarget = true;
|
|
5139
5267
|
state.activePointerId = e.pointerId;
|
|
5140
5268
|
state.target = e.currentTarget;
|
|
@@ -5144,8 +5272,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5144
5272
|
// This enables onPointerLeave and onPointerEnter to fire.
|
|
5145
5273
|
let target = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent);
|
|
5146
5274
|
if ('releasePointerCapture' in target) target.releasePointerCapture(e.pointerId);
|
|
5147
|
-
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(e.currentTarget), 'pointerup', onPointerUp, false);
|
|
5148
|
-
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(e.currentTarget), 'pointercancel', onPointerCancel, false);
|
|
5149
5275
|
}
|
|
5150
5276
|
if (shouldStopPropagation) e.stopPropagation();
|
|
5151
5277
|
};
|
|
@@ -5178,41 +5304,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5178
5304
|
cancelOnPointerExit(e);
|
|
5179
5305
|
}
|
|
5180
5306
|
};
|
|
5181
|
-
let onPointerUp = (e)=>{
|
|
5182
|
-
if (e.pointerId === state.activePointerId && state.isPressed && e.button === 0 && state.target) {
|
|
5183
|
-
if (($d4ee10de306f2510$export$4282f70798064fe0)(state.target, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e)) && state.pointerType != null) {
|
|
5184
|
-
// Wait for onClick to fire onPress. This avoids browser issues when the DOM
|
|
5185
|
-
// is mutated between onPointerUp and onClick, and is more compatible with third party libraries.
|
|
5186
|
-
// https://github.com/adobe/react-spectrum/issues/1513
|
|
5187
|
-
// https://issues.chromium.org/issues/40732224
|
|
5188
|
-
// However, iOS and Android do not focus or fire onClick after a long press.
|
|
5189
|
-
// We work around this by triggering a click ourselves after a timeout.
|
|
5190
|
-
// This timeout is canceled during the click event in case the real one fires first.
|
|
5191
|
-
// The timeout must be at least 32ms, because Safari on iOS delays the click event on
|
|
5192
|
-
// non-form elements without certain ARIA roles (for hover emulation).
|
|
5193
|
-
// https://github.com/WebKit/WebKit/blob/dccfae42bb29bd4bdef052e469f604a9387241c0/Source/WebKit/WebProcess/WebPage/ios/WebPageIOS.mm#L875-L892
|
|
5194
|
-
let clicked = false;
|
|
5195
|
-
let timeout = setTimeout(()=>{
|
|
5196
|
-
if (state.isPressed && state.target instanceof HTMLElement) {
|
|
5197
|
-
if (clicked) cancel(e);
|
|
5198
|
-
else {
|
|
5199
|
-
($7215afc6de606d6b$export$de79e2c695e052f3)(state.target);
|
|
5200
|
-
state.target.click();
|
|
5201
|
-
}
|
|
5202
|
-
}
|
|
5203
|
-
}, 80);
|
|
5204
|
-
// Use a capturing listener to track if a click occurred.
|
|
5205
|
-
// If stopPropagation is called it may never reach our handler.
|
|
5206
|
-
addGlobalListener(e.currentTarget, 'click', ()=>clicked = true, true);
|
|
5207
|
-
state.disposables.push(()=>clearTimeout(timeout));
|
|
5208
|
-
} else cancel(e);
|
|
5209
|
-
// Ignore subsequent onPointerLeave event before onClick on touch devices.
|
|
5210
|
-
state.isOverTarget = false;
|
|
5211
|
-
}
|
|
5212
|
-
};
|
|
5213
|
-
let onPointerCancel = (e)=>{
|
|
5214
|
-
cancel(e);
|
|
5215
|
-
};
|
|
5216
5307
|
pressProps.onDragStart = (e)=>{
|
|
5217
5308
|
if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
|
|
5218
5309
|
// Safari does not call onPointerCancel when a drag starts, whereas Chrome and Firefox do.
|
|
@@ -5229,6 +5320,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5229
5320
|
return;
|
|
5230
5321
|
}
|
|
5231
5322
|
state.isPressed = true;
|
|
5323
|
+
setIsPointerPressed('mouse');
|
|
5232
5324
|
state.isOverTarget = true;
|
|
5233
5325
|
state.target = e.currentTarget;
|
|
5234
5326
|
state.pointerType = ($6a7db85432448f7f$export$60278871457622de)(e.nativeEvent) ? 'virtual' : 'mouse';
|
|
@@ -5239,7 +5331,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5239
5331
|
let dispose = ($8a9cb279dc87e130$export$cabe61c495ee3649)(e.target);
|
|
5240
5332
|
if (dispose) state.disposables.push(dispose);
|
|
5241
5333
|
}
|
|
5242
|
-
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(e.currentTarget), 'mouseup', onMouseUp, false);
|
|
5243
5334
|
};
|
|
5244
5335
|
pressProps.onMouseEnter = (e)=>{
|
|
5245
5336
|
if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
|
|
@@ -5264,17 +5355,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5264
5355
|
if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
|
|
5265
5356
|
if (!state.ignoreEmulatedMouseEvents && e.button === 0 && !state.isPressed) triggerPressUp(e, state.pointerType || 'mouse');
|
|
5266
5357
|
};
|
|
5267
|
-
let onMouseUp = (e)=>{
|
|
5268
|
-
// Only handle left clicks
|
|
5269
|
-
if (e.button !== 0) return;
|
|
5270
|
-
if (state.ignoreEmulatedMouseEvents) {
|
|
5271
|
-
state.ignoreEmulatedMouseEvents = false;
|
|
5272
|
-
return;
|
|
5273
|
-
}
|
|
5274
|
-
if (state.target && state.target.contains(e.target) && state.pointerType != null) ;
|
|
5275
|
-
else cancel(e);
|
|
5276
|
-
state.isOverTarget = false;
|
|
5277
|
-
};
|
|
5278
5358
|
pressProps.onTouchStart = (e)=>{
|
|
5279
5359
|
if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
|
|
5280
5360
|
let touch = $f6c31cce2adf654f$var$getTouchFromEvent(e.nativeEvent);
|
|
@@ -5283,12 +5363,12 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5283
5363
|
state.ignoreEmulatedMouseEvents = true;
|
|
5284
5364
|
state.isOverTarget = true;
|
|
5285
5365
|
state.isPressed = true;
|
|
5366
|
+
setIsPointerPressed('touch');
|
|
5286
5367
|
state.target = e.currentTarget;
|
|
5287
5368
|
state.pointerType = 'touch';
|
|
5288
5369
|
if (!allowTextSelectionOnPress) ($14c0b72509d70225$export$16a4697467175487)(state.target);
|
|
5289
5370
|
let shouldStopPropagation = triggerPressStart($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType);
|
|
5290
5371
|
if (shouldStopPropagation) e.stopPropagation();
|
|
5291
|
-
addGlobalListener(($431fbd86ca7dc216$export$f21a1ffae260145a)(e.currentTarget), 'scroll', onScroll, true);
|
|
5292
5372
|
};
|
|
5293
5373
|
pressProps.onTouchMove = (e)=>{
|
|
5294
5374
|
if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
|
|
@@ -5325,6 +5405,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5325
5405
|
} else if (state.isOverTarget && state.pointerType != null) shouldStopPropagation = triggerPressEnd($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType, false);
|
|
5326
5406
|
if (shouldStopPropagation) e.stopPropagation();
|
|
5327
5407
|
state.isPressed = false;
|
|
5408
|
+
setIsPointerPressed(null);
|
|
5328
5409
|
state.activePointerId = null;
|
|
5329
5410
|
state.isOverTarget = false;
|
|
5330
5411
|
state.ignoreEmulatedMouseEvents = true;
|
|
@@ -5336,15 +5417,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5336
5417
|
e.stopPropagation();
|
|
5337
5418
|
if (state.isPressed) cancel($f6c31cce2adf654f$var$createTouchEvent(state.target, e));
|
|
5338
5419
|
};
|
|
5339
|
-
let onScroll = (e)=>{
|
|
5340
|
-
if (state.isPressed && ($d4ee10de306f2510$export$4282f70798064fe0)(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e), state.target)) cancel({
|
|
5341
|
-
currentTarget: state.target,
|
|
5342
|
-
shiftKey: false,
|
|
5343
|
-
ctrlKey: false,
|
|
5344
|
-
metaKey: false,
|
|
5345
|
-
altKey: false
|
|
5346
|
-
});
|
|
5347
|
-
};
|
|
5348
5420
|
pressProps.onDragStart = (e)=>{
|
|
5349
5421
|
if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
|
|
5350
5422
|
cancel(e);
|
|
@@ -5352,7 +5424,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5352
5424
|
}
|
|
5353
5425
|
return pressProps;
|
|
5354
5426
|
}, [
|
|
5355
|
-
addGlobalListener,
|
|
5356
5427
|
isDisabled,
|
|
5357
5428
|
preventFocusOnPress,
|
|
5358
5429
|
removeAllGlobalListeners,
|
|
@@ -5551,20 +5622,21 @@ function $507fabe10e71c6fb$var$triggerChangeHandlers(modality, e) {
|
|
|
5551
5622
|
}
|
|
5552
5623
|
function $507fabe10e71c6fb$var$handleKeyboardEvent(e) {
|
|
5553
5624
|
$507fabe10e71c6fb$var$hasEventBeforeFocus = true;
|
|
5554
|
-
if ($507fabe10e71c6fb$var$isValidKey(e)) {
|
|
5625
|
+
if (!($ea8dcbcb9ea1b556$export$95185d699e05d4d7).isOpening && $507fabe10e71c6fb$var$isValidKey(e)) {
|
|
5555
5626
|
$507fabe10e71c6fb$var$currentModality = 'keyboard';
|
|
5556
5627
|
$507fabe10e71c6fb$var$triggerChangeHandlers('keyboard', e);
|
|
5557
5628
|
}
|
|
5558
5629
|
}
|
|
5559
5630
|
function $507fabe10e71c6fb$var$handlePointerEvent(e) {
|
|
5560
5631
|
$507fabe10e71c6fb$var$currentModality = 'pointer';
|
|
5632
|
+
'pointerType' in e ? e.pointerType : 'mouse';
|
|
5561
5633
|
if (e.type === 'mousedown' || e.type === 'pointerdown') {
|
|
5562
5634
|
$507fabe10e71c6fb$var$hasEventBeforeFocus = true;
|
|
5563
5635
|
$507fabe10e71c6fb$var$triggerChangeHandlers('pointer', e);
|
|
5564
5636
|
}
|
|
5565
5637
|
}
|
|
5566
5638
|
function $507fabe10e71c6fb$var$handleClickEvent(e) {
|
|
5567
|
-
if (($6a7db85432448f7f$export$60278871457622de)(e)) {
|
|
5639
|
+
if (!($ea8dcbcb9ea1b556$export$95185d699e05d4d7).isOpening && ($6a7db85432448f7f$export$60278871457622de)(e)) {
|
|
5568
5640
|
$507fabe10e71c6fb$var$hasEventBeforeFocus = true;
|
|
5569
5641
|
$507fabe10e71c6fb$var$currentModality = 'virtual';
|
|
5570
5642
|
}
|
|
@@ -5738,12 +5810,12 @@ function $3ad3f6e1647bc98d$export$80f3e147d781571c(element) {
|
|
|
5738
5810
|
// causing the page to scroll when moving focus if the element is transitioning
|
|
5739
5811
|
// from off the screen.
|
|
5740
5812
|
const ownerDocument = ($431fbd86ca7dc216$export$b204af158042fbac)(element);
|
|
5741
|
-
const activeElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)(ownerDocument);
|
|
5742
5813
|
if (($507fabe10e71c6fb$export$630ff653c5ada6a9)() === 'virtual') {
|
|
5743
|
-
let lastFocusedElement =
|
|
5814
|
+
let lastFocusedElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)(ownerDocument);
|
|
5744
5815
|
($bbed8b41f857bcc0$export$24490316f764c430)(()=>{
|
|
5745
|
-
|
|
5746
|
-
|
|
5816
|
+
const activeElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)(ownerDocument);
|
|
5817
|
+
// If focus did not move or focus was lost to the body, and the element is still in the document, focus it.
|
|
5818
|
+
if ((activeElement === lastFocusedElement || activeElement === ownerDocument.body) && element.isConnected) ($7215afc6de606d6b$export$de79e2c695e052f3)(element);
|
|
5747
5819
|
});
|
|
5748
5820
|
} else ($7215afc6de606d6b$export$de79e2c695e052f3)(element);
|
|
5749
5821
|
}
|
|
@@ -6231,9 +6303,7 @@ function $e0b6e0b68ec7f50f$export$872b660ac5a1ff98(props) {
|
|
|
6231
6303
|
}
|
|
6232
6304
|
}, [
|
|
6233
6305
|
ref,
|
|
6234
|
-
isDisabled
|
|
6235
|
-
onPointerDown,
|
|
6236
|
-
triggerInteractOutside
|
|
6306
|
+
isDisabled
|
|
6237
6307
|
]);
|
|
6238
6308
|
}
|
|
6239
6309
|
function $e0b6e0b68ec7f50f$var$isValidEvent(event, ref) {
|
|
@@ -6363,10 +6433,13 @@ function $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a() {
|
|
|
6363
6433
|
}, []);
|
|
6364
6434
|
// We cannot determine the browser's language on the server, so default to
|
|
6365
6435
|
// en-US. This will be updated after hydration on the client to the correct value.
|
|
6366
|
-
if (isSSR)
|
|
6367
|
-
locale
|
|
6368
|
-
|
|
6369
|
-
|
|
6436
|
+
if (isSSR) {
|
|
6437
|
+
let locale = typeof window !== 'undefined' && window[$1e5a04cdaf7d1af8$var$localeSymbol];
|
|
6438
|
+
return {
|
|
6439
|
+
locale: locale || 'en-US',
|
|
6440
|
+
direction: 'ltr'
|
|
6441
|
+
};
|
|
6442
|
+
}
|
|
6370
6443
|
return defaultLocale;
|
|
6371
6444
|
}
|
|
6372
6445
|
|
|
@@ -7418,9 +7491,6 @@ function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
|
|
|
7418
7491
|
};
|
|
7419
7492
|
}, [
|
|
7420
7493
|
ref,
|
|
7421
|
-
onInvalid,
|
|
7422
|
-
onChange,
|
|
7423
|
-
onReset,
|
|
7424
7494
|
validationBehavior
|
|
7425
7495
|
]);
|
|
7426
7496
|
}
|
|
@@ -7787,25 +7857,6 @@ function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
|
|
|
7787
7857
|
var _props_defaultValue;
|
|
7788
7858
|
($99facab73266f662$export$5add1d006293d136)(ref, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== void 0 ? _props_defaultValue : initialValue, setValue);
|
|
7789
7859
|
($e93e671b31057976$export$b8473d3665f3a75a)(props, validationState, ref);
|
|
7790
|
-
(React.useEffect)(()=>{
|
|
7791
|
-
// This works around a React/Chrome bug that prevents textarea elements from validating when controlled.
|
|
7792
|
-
// We prevent React from updating defaultValue (i.e. children) of textarea when `value` changes,
|
|
7793
|
-
// which causes Chrome to skip validation. Only updating `value` is ok in our case since our
|
|
7794
|
-
// textareas are always controlled. React is planning on removing this synchronization in a
|
|
7795
|
-
// future major version.
|
|
7796
|
-
// https://github.com/facebook/react/issues/19474
|
|
7797
|
-
// https://github.com/facebook/react/issues/11896
|
|
7798
|
-
if (ref.current instanceof ($431fbd86ca7dc216$export$f21a1ffae260145a)(ref.current).HTMLTextAreaElement) {
|
|
7799
|
-
let input = ref.current;
|
|
7800
|
-
Object.defineProperty(input, 'defaultValue', {
|
|
7801
|
-
get: ()=>input.value,
|
|
7802
|
-
set: ()=>{},
|
|
7803
|
-
configurable: true
|
|
7804
|
-
});
|
|
7805
|
-
}
|
|
7806
|
-
}, [
|
|
7807
|
-
ref
|
|
7808
|
-
]);
|
|
7809
7860
|
return {
|
|
7810
7861
|
labelProps: labelProps,
|
|
7811
7862
|
inputProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)(domProps, inputElementType === 'input' ? inputOnlyProps : undefined, {
|
|
@@ -7892,28 +7943,31 @@ const $edcf132a9284368a$var$TOTAL_SIZE = {
|
|
|
7892
7943
|
height: 'totalHeight'
|
|
7893
7944
|
};
|
|
7894
7945
|
const $edcf132a9284368a$var$PARSED_PLACEMENT_CACHE = {};
|
|
7895
|
-
let $edcf132a9284368a$var$
|
|
7896
|
-
function $edcf132a9284368a$var$getContainerDimensions(containerNode) {
|
|
7946
|
+
let $edcf132a9284368a$var$getVisualViewport = ()=>typeof document !== 'undefined' ? window.visualViewport : null;
|
|
7947
|
+
function $edcf132a9284368a$var$getContainerDimensions(containerNode, visualViewport) {
|
|
7897
7948
|
let width = 0, height = 0, totalWidth = 0, totalHeight = 0, top = 0, left = 0;
|
|
7898
7949
|
let scroll = {};
|
|
7899
7950
|
var _visualViewport_scale;
|
|
7900
|
-
let isPinchZoomedIn = ((_visualViewport_scale =
|
|
7901
|
-
|
|
7951
|
+
let isPinchZoomedIn = ((_visualViewport_scale = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.scale) !== null && _visualViewport_scale !== void 0 ? _visualViewport_scale : 1) > 1;
|
|
7952
|
+
// In the case where the container is `html` or `body` and the container doesn't have something like `position: relative`,
|
|
7953
|
+
// then position absolute will be positioned relative to the viewport, also known as the `initial containing block`.
|
|
7954
|
+
// That's why we use the visual viewport instead.
|
|
7955
|
+
if (containerNode.tagName === 'BODY' || containerNode.tagName === 'HTML') {
|
|
7902
7956
|
let documentElement = document.documentElement;
|
|
7903
7957
|
totalWidth = documentElement.clientWidth;
|
|
7904
7958
|
totalHeight = documentElement.clientHeight;
|
|
7905
7959
|
var _visualViewport_width;
|
|
7906
|
-
width = (_visualViewport_width =
|
|
7960
|
+
width = (_visualViewport_width = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.width) !== null && _visualViewport_width !== void 0 ? _visualViewport_width : totalWidth;
|
|
7907
7961
|
var _visualViewport_height;
|
|
7908
|
-
height = (_visualViewport_height =
|
|
7962
|
+
height = (_visualViewport_height = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.height) !== null && _visualViewport_height !== void 0 ? _visualViewport_height : totalHeight;
|
|
7909
7963
|
scroll.top = documentElement.scrollTop || containerNode.scrollTop;
|
|
7910
7964
|
scroll.left = documentElement.scrollLeft || containerNode.scrollLeft;
|
|
7911
7965
|
// The goal of the below is to get a top/left value that represents the top/left of the visual viewport with
|
|
7912
7966
|
// respect to the layout viewport origin. This combined with the scrollTop/scrollLeft will allow us to calculate
|
|
7913
7967
|
// coordinates/values with respect to the visual viewport or with respect to the layout viewport.
|
|
7914
|
-
if (
|
|
7915
|
-
top =
|
|
7916
|
-
left =
|
|
7968
|
+
if (visualViewport) {
|
|
7969
|
+
top = visualViewport.offsetTop;
|
|
7970
|
+
left = visualViewport.offsetLeft;
|
|
7917
7971
|
}
|
|
7918
7972
|
} else {
|
|
7919
7973
|
({ width: width, height: height, top: top, left: left } = $edcf132a9284368a$var$getOffset(containerNode, false));
|
|
@@ -7930,9 +7984,9 @@ function $edcf132a9284368a$var$getContainerDimensions(containerNode) {
|
|
|
7930
7984
|
scroll.top = 0;
|
|
7931
7985
|
scroll.left = 0;
|
|
7932
7986
|
var _visualViewport_pageTop;
|
|
7933
|
-
top = (_visualViewport_pageTop =
|
|
7987
|
+
top = (_visualViewport_pageTop = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.pageTop) !== null && _visualViewport_pageTop !== void 0 ? _visualViewport_pageTop : 0;
|
|
7934
7988
|
var _visualViewport_pageLeft;
|
|
7935
|
-
left = (_visualViewport_pageLeft =
|
|
7989
|
+
left = (_visualViewport_pageLeft = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.pageLeft) !== null && _visualViewport_pageLeft !== void 0 ? _visualViewport_pageLeft : 0;
|
|
7936
7990
|
}
|
|
7937
7991
|
return {
|
|
7938
7992
|
width: width,
|
|
@@ -7967,10 +8021,12 @@ containerDimensions, padding, containerOffsetWithBoundary) {
|
|
|
7967
8021
|
let boundarySize = boundaryDimensions[$edcf132a9284368a$var$AXIS_SIZE[axis]];
|
|
7968
8022
|
// Calculate the edges of the boundary (accomodating for the boundary padding) and the edges of the overlay.
|
|
7969
8023
|
// Note that these values are with respect to the visual viewport (aka 0,0 is the top left of the viewport)
|
|
7970
|
-
let boundaryStartEdge = boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + padding;
|
|
7971
|
-
let boundaryEndEdge =
|
|
7972
|
-
|
|
7973
|
-
let
|
|
8024
|
+
let boundaryStartEdge = containerOffsetWithBoundary[axis] + boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + padding;
|
|
8025
|
+
let boundaryEndEdge = containerOffsetWithBoundary[axis] + boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + boundarySize - padding;
|
|
8026
|
+
// transformed value of the left edge of the overlay
|
|
8027
|
+
let startEdgeOffset = offset - containerScroll + boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + containerOffsetWithBoundary[axis] - boundaryDimensions[$edcf132a9284368a$var$AXIS[axis]];
|
|
8028
|
+
// transformed value of the right edge of the overlay
|
|
8029
|
+
let endEdgeOffset = offset - containerScroll + size + boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + containerOffsetWithBoundary[axis] - boundaryDimensions[$edcf132a9284368a$var$AXIS[axis]];
|
|
7974
8030
|
// If any of the overlay edges falls outside of the boundary, shift the overlay the required amount to align one of the overlay's
|
|
7975
8031
|
// edges with the closest boundary edge.
|
|
7976
8032
|
if (startEdgeOffset < boundaryStartEdge) return boundaryStartEdge - startEdgeOffset;
|
|
@@ -8004,7 +8060,7 @@ function $edcf132a9284368a$var$parsePlacement(input) {
|
|
|
8004
8060
|
};
|
|
8005
8061
|
return $edcf132a9284368a$var$PARSED_PLACEMENT_CACHE[input];
|
|
8006
8062
|
}
|
|
8007
|
-
function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset) {
|
|
8063
|
+
function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions) {
|
|
8008
8064
|
let { placement: placement, crossPlacement: crossPlacement, axis: axis, crossAxis: crossAxis, size: size, crossSize: crossSize } = placementInfo;
|
|
8009
8065
|
let position = {};
|
|
8010
8066
|
var _childOffset_crossAxis;
|
|
@@ -8021,9 +8077,9 @@ function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions,
|
|
|
8021
8077
|
the overlay top should match the button top
|
|
8022
8078
|
} */
|
|
8023
8079
|
position[crossAxis] += crossOffset;
|
|
8024
|
-
// overlay top overlapping arrow with button bottom
|
|
8080
|
+
// overlay top or left overlapping arrow with button bottom or right
|
|
8025
8081
|
const minPosition = childOffset[crossAxis] - overlaySize[crossSize] + arrowSize + arrowBoundaryOffset;
|
|
8026
|
-
// overlay bottom overlapping arrow with button top
|
|
8082
|
+
// overlay bottom or right overlapping arrow with button top or left
|
|
8027
8083
|
const maxPosition = childOffset[crossAxis] + childOffset[crossSize] - arrowSize - arrowBoundaryOffset;
|
|
8028
8084
|
position[crossAxis] = ($9446cca9a3875146$export$7d15b64cf5a3a4c4)(position[crossAxis], minPosition, maxPosition);
|
|
8029
8085
|
// 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.
|
|
@@ -8031,46 +8087,61 @@ function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions,
|
|
|
8031
8087
|
// If the container is positioned (non-static), then we use the container's actual
|
|
8032
8088
|
// height, as `bottom` will be relative to this height. But if the container is static,
|
|
8033
8089
|
// then it can only be the `document.body`, and `bottom` will be relative to _its_
|
|
8034
|
-
// container
|
|
8035
|
-
|
|
8090
|
+
// container.
|
|
8091
|
+
let containerHeight = isContainerPositioned ? containerDimensions[size] : containerDimensions[$edcf132a9284368a$var$TOTAL_SIZE[size]];
|
|
8036
8092
|
position[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] = Math.floor(containerHeight - childOffset[axis] + offset);
|
|
8037
8093
|
} else position[axis] = Math.floor(childOffset[axis] + childOffset[size] + offset);
|
|
8038
8094
|
return position;
|
|
8039
8095
|
}
|
|
8040
|
-
function $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlayHeight, heightGrowthDirection) {
|
|
8041
|
-
|
|
8042
|
-
|
|
8043
|
-
//
|
|
8044
|
-
|
|
8045
|
-
|
|
8046
|
-
|
|
8096
|
+
function $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlayHeight, heightGrowthDirection, containerDimensions, isContainerDescendentOfBoundary, visualViewport) {
|
|
8097
|
+
var _position_bottom, _containerDimensions_scroll_top;
|
|
8098
|
+
// For cases where position is set via "bottom" instead of "top", we need to calculate the true overlay top
|
|
8099
|
+
// with respect to the container.
|
|
8100
|
+
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);
|
|
8101
|
+
// calculate the dimentions of the "boundingRect" which is most restrictive top/bottom of the boundaryRect and the visual view port
|
|
8102
|
+
let boundaryToContainerTransformOffset = isContainerDescendentOfBoundary ? containerOffsetWithBoundary.top : 0;
|
|
8103
|
+
var _visualViewport_offsetTop, _visualViewport_offsetTop1, _visualViewport_height;
|
|
8104
|
+
let boundingRect = {
|
|
8105
|
+
// This should be boundary top in container coord system vs viewport top in container coord system
|
|
8106
|
+
// For the viewport top, there are several cases
|
|
8107
|
+
// 1. pinchzoom case where we want the viewports offset top as top here
|
|
8108
|
+
// 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
|
|
8109
|
+
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),
|
|
8110
|
+
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))
|
|
8111
|
+
};
|
|
8112
|
+
var _margins_top, _margins_bottom, _margins_top1, _margins_bottom1;
|
|
8047
8113
|
let maxHeight = heightGrowthDirection !== 'top' ? // We want the distance between the top of the overlay to the bottom of the boundary
|
|
8048
|
-
Math.max(0,
|
|
8114
|
+
Math.max(0, boundingRect.bottom // this is the bottom of the boundary
|
|
8115
|
+
- overlayTop // this is the top of the overlay
|
|
8049
8116
|
- (((_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
|
|
8050
8117
|
)) : Math.max(0, overlayTop + overlayHeight // this is the bottom of the overlay
|
|
8051
|
-
-
|
|
8052
|
-
|
|
8118
|
+
- boundingRect.top // this is the top of the boundary
|
|
8119
|
+
- (((_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
|
|
8053
8120
|
));
|
|
8054
|
-
return
|
|
8121
|
+
return maxHeight;
|
|
8055
8122
|
}
|
|
8056
|
-
function $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding, placementInfo) {
|
|
8123
|
+
function $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding, placementInfo, containerDimensions, isContainerDescendentOfBoundary) {
|
|
8057
8124
|
let { placement: placement, axis: axis, size: size } = placementInfo;
|
|
8058
|
-
var
|
|
8059
|
-
if (placement === axis) return Math.max(0, childOffset[axis]
|
|
8060
|
-
|
|
8061
|
-
|
|
8062
|
-
|
|
8063
|
-
|
|
8125
|
+
var _containerDimensions_scroll_axis, _margins_axis;
|
|
8126
|
+
if (placement === axis) return Math.max(0, childOffset[axis] // trigger start
|
|
8127
|
+
- ((_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
|
|
8128
|
+
) - (boundaryDimensions[axis] + (isContainerDescendentOfBoundary ? containerOffsetWithBoundary[axis] : 0) // boundary start
|
|
8129
|
+
) - ((_margins_axis = margins[axis]) !== null && _margins_axis !== void 0 ? _margins_axis : 0 // margins usually for arrows or other decorations
|
|
8130
|
+
) - margins[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] - padding); // padding between overlay and boundary
|
|
8131
|
+
var _containerDimensions_scroll_axis1, _margins_axis1;
|
|
8132
|
+
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);
|
|
8133
|
+
}
|
|
8134
|
+
function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset, overlaySize, scrollSize, margins, padding, flip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, userSetMaxHeight, arrowSize, arrowBoundaryOffset, isContainerDescendentOfBoundary, visualViewport) {
|
|
8064
8135
|
let placementInfo = $edcf132a9284368a$var$parsePlacement(placementInput);
|
|
8065
8136
|
let { size: size, crossAxis: crossAxis, crossSize: crossSize, placement: placement, crossPlacement: crossPlacement } = placementInfo;
|
|
8066
|
-
let position = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset);
|
|
8137
|
+
let position = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions);
|
|
8067
8138
|
let normalizedOffset = offset;
|
|
8068
|
-
let space = $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, placementInfo);
|
|
8139
|
+
let space = $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, placementInfo, containerDimensions, isContainerDescendentOfBoundary);
|
|
8069
8140
|
// Check if the scroll size of the overlay is greater than the available space to determine if we need to flip
|
|
8070
|
-
if (flip &&
|
|
8141
|
+
if (flip && overlaySize[size] > space) {
|
|
8071
8142
|
let flippedPlacementInfo = $edcf132a9284368a$var$parsePlacement(`${$edcf132a9284368a$var$FLIPPED_DIRECTION[placement]} ${crossPlacement}`);
|
|
8072
|
-
let flippedPosition = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, flippedPlacementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset);
|
|
8073
|
-
let flippedSpace = $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, flippedPlacementInfo);
|
|
8143
|
+
let flippedPosition = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, flippedPlacementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions);
|
|
8144
|
+
let flippedSpace = $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, flippedPlacementInfo, containerDimensions, isContainerDescendentOfBoundary);
|
|
8074
8145
|
// If the available space for the flipped position is greater than the original available space, flip.
|
|
8075
8146
|
if (flippedSpace > space) {
|
|
8076
8147
|
placementInfo = flippedPlacementInfo;
|
|
@@ -8089,10 +8160,10 @@ function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset,
|
|
|
8089
8160
|
}
|
|
8090
8161
|
let delta = $edcf132a9284368a$var$getDelta(crossAxis, position[crossAxis], overlaySize[crossSize], boundaryDimensions, containerDimensions, padding, containerOffsetWithBoundary);
|
|
8091
8162
|
position[crossAxis] += delta;
|
|
8092
|
-
let maxHeight = $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlaySize.height, heightGrowthDirection);
|
|
8163
|
+
let maxHeight = $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlaySize.height, heightGrowthDirection, containerDimensions, isContainerDescendentOfBoundary, visualViewport);
|
|
8093
8164
|
if (userSetMaxHeight && userSetMaxHeight < maxHeight) maxHeight = userSetMaxHeight;
|
|
8094
8165
|
overlaySize.height = Math.min(overlaySize.height, maxHeight);
|
|
8095
|
-
position = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, normalizedOffset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset);
|
|
8166
|
+
position = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, normalizedOffset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions);
|
|
8096
8167
|
delta = $edcf132a9284368a$var$getDelta(crossAxis, position[crossAxis], overlaySize[crossSize], boundaryDimensions, containerDimensions, padding, containerOffsetWithBoundary);
|
|
8097
8168
|
position[crossAxis] += delta;
|
|
8098
8169
|
let arrowPosition = {};
|
|
@@ -8138,6 +8209,7 @@ function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset,
|
|
|
8138
8209
|
}
|
|
8139
8210
|
function $edcf132a9284368a$export$b3ceb0cbf1056d98(opts) {
|
|
8140
8211
|
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;
|
|
8212
|
+
let visualViewport = $edcf132a9284368a$var$getVisualViewport();
|
|
8141
8213
|
let container = overlayNode instanceof HTMLElement ? $edcf132a9284368a$var$getContainingBlock(overlayNode) : document.documentElement;
|
|
8142
8214
|
let isViewportContainer = container === document.documentElement;
|
|
8143
8215
|
const containerPositionStyle = window.getComputedStyle(container).position;
|
|
@@ -8155,21 +8227,22 @@ function $edcf132a9284368a$export$b3ceb0cbf1056d98(opts) {
|
|
|
8155
8227
|
var _margins_top, _margins_bottom;
|
|
8156
8228
|
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);
|
|
8157
8229
|
let scrollSize = $edcf132a9284368a$var$getScroll(scrollNode);
|
|
8158
|
-
|
|
8159
|
-
|
|
8230
|
+
// Note that due to logic inside getContainerDimensions, for cases where the boundary element is the body, we will return
|
|
8231
|
+
// 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)
|
|
8232
|
+
// 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)
|
|
8233
|
+
// 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)
|
|
8234
|
+
let boundaryDimensions = $edcf132a9284368a$var$getContainerDimensions(boundaryElement, visualViewport);
|
|
8235
|
+
let containerDimensions = $edcf132a9284368a$var$getContainerDimensions(container, visualViewport);
|
|
8160
8236
|
// If the container is the HTML element wrapping the body element, the retrieved scrollTop/scrollLeft will be equal to the
|
|
8161
8237
|
// 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
|
|
8162
8238
|
// by the container scroll since they are essentially the same containing element and thus in the same coordinate system
|
|
8163
|
-
let containerOffsetWithBoundary =
|
|
8164
|
-
|
|
8165
|
-
|
|
8166
|
-
containerDimensions.scroll.left = 0;
|
|
8167
|
-
}
|
|
8168
|
-
return $edcf132a9284368a$export$6839422d1f33cee9(placement, childOffset, overlaySize, scrollSize, margins, padding, shouldFlip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, maxHeight, arrowSize, arrowBoundaryOffset);
|
|
8239
|
+
let containerOffsetWithBoundary = $edcf132a9284368a$var$getPosition(boundaryElement, container, false);
|
|
8240
|
+
let isContainerDescendentOfBoundary = boundaryElement.contains(container);
|
|
8241
|
+
return $edcf132a9284368a$export$6839422d1f33cee9(placement, childOffset, overlaySize, scrollSize, margins, padding, shouldFlip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, maxHeight, arrowSize, arrowBoundaryOffset, isContainerDescendentOfBoundary, visualViewport);
|
|
8169
8242
|
}
|
|
8170
8243
|
function $edcf132a9284368a$export$4b834cebd9e5cebe(node, ignoreScale) {
|
|
8171
8244
|
let { top: top, left: left, width: width, height: height } = node.getBoundingClientRect();
|
|
8172
|
-
// Use offsetWidth and offsetHeight if this is an HTML element, so that
|
|
8245
|
+
// Use offsetWidth and offsetHeight if this is an HTML element, so that
|
|
8173
8246
|
// the size is not affected by scale transforms.
|
|
8174
8247
|
if (ignoreScale && node instanceof node.ownerDocument.defaultView.HTMLElement) {
|
|
8175
8248
|
width = node.offsetWidth;
|
|
@@ -9108,7 +9181,7 @@ function createCommonjsModule(fn) {
|
|
|
9108
9181
|
|
|
9109
9182
|
|
|
9110
9183
|
function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
|
|
9111
|
-
let { isDisabled: isDisabled, trigger: trigger } = props;
|
|
9184
|
+
let { isDisabled: isDisabled, trigger: trigger, shouldCloseOnPress: shouldCloseOnPress = true } = props;
|
|
9112
9185
|
let tooltipId = ($bdb11010cef70236$export$f680877a34711e37)();
|
|
9113
9186
|
let isHovered = (React.useRef)(false);
|
|
9114
9187
|
let isFocused = (React.useRef)(false);
|
|
@@ -9157,6 +9230,8 @@ function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
|
|
|
9157
9230
|
handleHide();
|
|
9158
9231
|
};
|
|
9159
9232
|
let onPressStart = ()=>{
|
|
9233
|
+
// if shouldCloseOnPress is false, we should not close the tooltip
|
|
9234
|
+
if (!shouldCloseOnPress) return;
|
|
9160
9235
|
// no matter how the trigger is pressed, we should close the tooltip
|
|
9161
9236
|
isFocused.current = false;
|
|
9162
9237
|
isHovered.current = false;
|
|
@@ -9229,11 +9304,11 @@ const c$9=({color:o,title:l,titleId:t,...r})=>{const i=o||token("colors.text.pri
|
|
|
9229
9304
|
|
|
9230
9305
|
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"}});
|
|
9231
9306
|
|
|
9232
|
-
const i$
|
|
9307
|
+
const i$8="text.primary",m$8=React.forwardRef(({children:e,styles:l={},scale:s,fontColor:o=i$8,...a},t)=>jsxRuntime.jsx("h1",{ref:t,className:css({textStyle:s?"h1-scaled":"h1",color:o,...a}),style:l,children:e})),y$8=React.forwardRef(({children:e,styles:l={},scale:s,fontColor:o=i$8,...a},t)=>jsxRuntime.jsx("h2",{ref:t,className:css({textStyle:s?"h2-scaled":"h2",color:o,...a}),style:l,children:e})),f$8=React.forwardRef(({children:e,styles:l={},scale:s,fontColor:o=i$8,...a},t)=>jsxRuntime.jsx("h3",{ref:t,className:css({textStyle:s?"h3-scaled":"h3",color:o,...a}),style:l,children:e})),x$5=React.forwardRef(({children:e,styles:l={},scale:s,fontColor:o=i$8,...a},t)=>jsxRuntime.jsx("h4",{ref:t,className:css({textStyle:s?"h4-scaled":"h4",color:o,...a}),style:l,children:e})),p$1=React.forwardRef(({children:e,styles:l={},scale:s,fontColor:o=i$8,...a},t)=>jsxRuntime.jsx("h5",{ref:t,className:css({textStyle:s?"h5-scaled":"h5",color:o,...a}),style:l,children:e})),N$4=React.forwardRef(({children:e,styles:l={},scale:s,fontColor:o="text.secondary",...a},t)=>jsxRuntime.jsx("h6",{ref:t,className:css({textStyle:s?"h6-scaled":"h6",color:o,...a}),style:l,children:e})),h$8=React.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?jsxRuntime.jsx("span",{...d,children:e}):jsxRuntime.jsx("p",{...d,children:e})}),H$7=React.forwardRef((e,l)=>jsxRuntime.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";
|
|
9233
9308
|
|
|
9234
|
-
const i$
|
|
9309
|
+
const i$7=({isSelected:e,onChange:c,defaultSelected:n=false})=>{const[u,o]=React.useState(n),t=e!==void 0,l=t?e:u,s=d=>{t||o(d),c&&c(d);},S=()=>s(!l);return React.useEffect(()=>{t&&o(e);},[e]),{isSelected:l,setSelected:s,toggle:S}};
|
|
9235
9310
|
|
|
9236
|
-
const m$7=React.forwardRef((l,u)=>{const{label:o,indeterminate:r=false,disabled:s=false,checked:b,"aria-label":p,...f}=l,t=i$
|
|
9311
|
+
const m$7=React.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=React.useRef(null),i=u||h;React.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 jsxRuntime.jsxs("label",{className:css({display:"flex",alignItems:"center",rounded:"sm",opacity:s?.3:1}),children:[jsxRuntime.jsx($5c3e21d68f1c4674$export$439d29a4e110a164,{children:jsxRuntime.jsx("input",{...$3ef42575df84b30b$export$9d1611c77c2fe928(g,x),ref:i})}),jsxRuntime.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:jsxRuntime.jsxs("span",{children:[t.isSelected&&!r&&jsxRuntime.jsx(c$9,{height:16,width:16,color:token("colors.surface.primary")}),t.isSelected&&!!r&&jsxRuntime.jsx(Flex,{justifyContent:"center",alignItems:"center",children:jsxRuntime.jsx("div",{className:css({w:2.5,h:.5,bg:"surface.primary"})})})]})}),o&&jsxRuntime.jsx(Box,{ml:3,children:jsxRuntime.jsx(M$8,{fontWeight:"medium",styles:{lineHeight:1},children:o})})]})});m$7.displayName="Checkbox";
|
|
9237
9312
|
|
|
9238
9313
|
const c$8=({color:o,title:l,titleId:e,...r})=>{const i=o||token("colors.text.primary");return jsxRuntime.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?jsxRuntime.jsx("title",{id:e,children:l}):null,jsxRuntime.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"})]})};
|
|
9239
9314
|
|
|
@@ -9241,15 +9316,15 @@ const d$m=({color:o,title:l,titleId:e,...C})=>{const r=o||token("colors.text.pri
|
|
|
9241
9316
|
|
|
9242
9317
|
const m$6=React.createContext({selectedValue:void 0,setSelectedValue:()=>{}}),h$7=React.forwardRef((i,s)=>{const{label:t,value:o}=i,r=React.useContext(m$6),n=React.useRef(null),a=s||n,b=React.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 jsxRuntime.jsxs("label",{className:flex({alignItems:"center"}),children:[jsxRuntime.jsx($5c3e21d68f1c4674$export$439d29a4e110a164,{children:jsxRuntime.jsx("input",{...$3ef42575df84b30b$export$9d1611c77c2fe928(g,x,f),ref:a,type:"radio",checked:l,tabIndex:C,readOnly:true})}),jsxRuntime.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&&jsxRuntime.jsx(Circle,{size:3,bg:"brand.base"})}),jsxRuntime.jsx(Box,{ml:3,children:jsxRuntime.jsx(M$8,{size:"lg",fontWeight:"medium",children:t})})]})});h$7.displayName="Radio";
|
|
9243
9318
|
|
|
9244
|
-
var i$
|
|
9319
|
+
var i$6=typeof window>"u"?React__namespace.useEffect:React__namespace.useLayoutEffect,f$7=e=>{let r=React__namespace.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__namespace.useRef(null),s=React__namespace.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__namespace.createElement(React__namespace.Fragment,null,t):React__namespace.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__namespace.useReducer(()=>[],[])[1],o=React__namespace.useMemo(()=>S$5(t),[t]);return React__namespace.createElement(React__namespace.Fragment,null,React__namespace.createElement(T$7.Provider,{value:o},process.env.NODE_ENV==="production"?e:React__namespace.createElement(R$4,{name:"HostSlots",forceUpdate:t},e)),React__namespace.createElement(E$3,null,()=>r(o)))},$$5=(e,r)=>React__namespace.createElement(C$5,{children:e,callback:r}),D$3=e=>{let r=(o,s)=>{let a=React__namespace.useContext(T$7);if(!a)return e?React__namespace.createElement(e,{ref:s,...o}):null;let l=React__namespace.createElement(t,{ref:s,...o});return React__namespace.useState(()=>a.register(t,l)),React__namespace.useEffect(()=>a.update(t,l)),React__namespace.useEffect(()=>()=>a.unmount(t),[a]),null};r.displayName=e?`Slot(${d$l(e)})`:"Slot";let t=React__namespace.forwardRef(r);return e?m$5(t,e):t};
|
|
9245
9320
|
|
|
9246
|
-
const T$
|
|
9321
|
+
const T$6=React.createContext({currentTab:void 0,setCurrentTab:()=>{},tabRefs:{current:{}},disabled:false}),j$4=D$3(({children:i,...l})=>jsxRuntime.jsx(Flex,{alignItems:"center",justifyContent:"center",children:React.Children.map(i,a=>React.cloneElement(a,l))})),R$3=React.forwardRef((i,l)=>{const{label:a,id:n}=i,{currentTab:p,setCurrentTab:b,tabRefs:e,size:o,disabled:s}=React.useContext(T$6),t=p===n,h=o==="sm"?8:o==="md"?10:13,c=o==="sm"?16:20,g=React.useRef(null),r=l||g;React.useEffect(()=>{typeof r=="object"&&e.current&&(e.current[n]=r.current);},[n]);const d=React.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 jsxRuntime.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:jsxRuntime.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";
|
|
9247
9322
|
|
|
9248
|
-
const s$c=React.forwardRef((r,i)=>{const{checked:l,disabled:n=false,label:o,className:a,...c}=r,d=React.useRef(null),m=i||d,e=i$
|
|
9323
|
+
const s$c=React.forwardRef((r,i)=>{const{checked:l,disabled:n=false,label:o,className:a,...c}=r,d=React.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 jsxRuntime.jsxs(Flex,{alignItems:"center",children:[o&&jsxRuntime.jsx(Box,{mr:2,children:jsxRuntime.jsx(M$8,{fontWeight:"medium",styles:{lineHeight:1},children:o})}),jsxRuntime.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:jsxRuntime.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";
|
|
9249
9324
|
|
|
9250
|
-
const D$2="bottom left",H$
|
|
9325
|
+
const D$2="bottom left",H$6=8,ve="hover",E$2=D$3(({children:t})=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:t})),j$3=D$3(({children:t,...c})=>{const{onPress:i,...s}=c;return jsxRuntime.jsx(Center,{children:React.Children.map(t,l=>React.cloneElement(l,s))})}),w$3=D$3(t=>jsxRuntime.jsx(Q$1.LeadingIcon,{...t})),K$2=D$3(t=>jsxRuntime.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=React.useMemo(()=>({isOpen:x,open:()=>{h(true);},close:()=>{h(false);},setOpen(e){h(e);},toggle(){}}),[x]),S=i.getProps(E$2),p=React.useRef(null),{triggerProps:L,overlayProps:G}=$628037886ba31236$export$f9d5c8beee7d008d({},n,p),a=React.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=React.useCallback(()=>{n.open();},[n]),y=React.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)));};React.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 jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[u?jsxRuntime.jsx(Box,{display:"inline-block",ref:p,...I,children:u&&{...u,props:{...u.props,...L}}}):jsxRuntime.jsx(Box,{display:"inline-block",ref:p,children:jsxRuntime.jsxs(Q$1,{...$3ef42575df84b30b$export$9d1611c77c2fe928(L,I),onKeyDown:ee,onHover:()=>O==="hover"&&k(),onPress:()=>O==="click"&&k(),children:[R&&jsxRuntime.jsx(Q$1.LeadingIcon,{...R,...N}),F&&jsxRuntime.jsx(Q$1.TrailingIcon,{...F,...N})]})}),x&&jsxRuntime.jsxs($337b884510726a0d$export$c6fdb837b070b4ff,{...G,children:[jsxRuntime.jsx("div",{...Q,className:"underlay"}),jsxRuntime.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});
|
|
9251
9326
|
|
|
9252
|
-
const r$
|
|
9327
|
+
const r$7=React.forwardRef((e,a)=>{var o;const{container:l,...i}=e,[n,s]=React.useState(false);React.useLayoutEffect(()=>s(true),[]);const t=l||n&&((o=globalThis?.document)===null||o===void 0?void 0:o.body);return t?$4AOtR$reactdom.createPortal(jsxRuntime.jsx("div",{...i,ref:a}),t):null});r$7.displayName="Portal";
|
|
9253
9328
|
|
|
9254
9329
|
const o$2=e=>()=>{throw new Error("TOAST_PROVIDER_REQUIRED",{cause:`Before calling \`${e}\`, wrap your application with \`<ToastProvider>\`.`})};React.createContext({createToast:o$2("createToast"),removeToast:o$2("removeToast")});
|
|
9255
9330
|
|
|
@@ -9257,15 +9332,15 @@ sva({slots:["container","portal","toast","icon","dismiss"],base:{portal:{boxSizi
|
|
|
9257
9332
|
|
|
9258
9333
|
function m$4(t){const n=React.useRef(null),r=React.useRef(t);return React.useLayoutEffect(()=>{r.current=t;}),React.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}
|
|
9259
9334
|
|
|
9260
|
-
const r$
|
|
9335
|
+
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%)"}}}}});
|
|
9261
9336
|
|
|
9262
|
-
const d$k=React.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]=React.useState(false),{isSelected:m,setSelected:o}=i$
|
|
9337
|
+
const d$k=React.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]=React.useState(false),{isSelected:m,setSelected:o}=i$7({isOpen:t.isOpen,defaultSelected:w,onChange(s){s||i(false);},...t}),e=React.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=React.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 jsxRuntime.jsxs(Box,{ref:M,className:n.trigger,onMouseLeave:()=>{e.close();},onFocus:()=>{e.open();},onBlur:()=>{e.close();},children:[React.cloneElement(h,{...a,tabIndex:0}),jsxRuntime.jsxs(Box,{ref:f,"aria-describedby":"tooltip",role:"tooltip",className:n.content,style:{width:O},onMouseEnter:()=>{e.open();},...$3ef42575df84b30b$export$9d1611c77c2fe928(C,P),children:[jsxRuntime.jsx(M$8,{size:"sm",children:x}),e.isOpen&&jsxRuntime.jsx(Box,{onMouseEnter:()=>{e.open();},className:n.spacer})]})]})});d$k.displayName="Tooltip";
|
|
9263
9338
|
|
|
9264
9339
|
React.createContext({selectedOption:null,setSelectedOption:()=>{}});
|
|
9265
9340
|
|
|
9266
|
-
const r$
|
|
9341
|
+
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"}});
|
|
9267
9342
|
|
|
9268
|
-
const C$4=D$3(({children:t,...i})=>jsxRuntime.jsx(Flex,{alignItems:"center",justifyContent:"center",children:React.Children.map(t,r=>React.cloneElement(r,i))})),N$3=D$3(({children:t,...i})=>jsxRuntime.jsx(Flex,{alignItems:"center",justifyContent:"center",children:React.Children.map(t,r=>React.cloneElement(r,i))})),G$3=({variant:t="primary",size:i="md"})=>{const r=t==="primary"||t==="negative",p=t==="neutral"||t==="tertiary";return jsxRuntime.jsx(d$n,{size:{sm:20,md:24,lg:28}[i],strokeWidth:2.5,inverted:r,neutral:p})},S$4=React.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$
|
|
9343
|
+
const C$4=D$3(({children:t,...i})=>jsxRuntime.jsx(Flex,{alignItems:"center",justifyContent:"center",children:React.Children.map(t,r=>React.cloneElement(r,i))})),N$3=D$3(({children:t,...i})=>jsxRuntime.jsx(Flex,{alignItems:"center",justifyContent:"center",children:React.Children.map(t,r=>React.cloneElement(r,i))})),G$3=({variant:t="primary",size:i="md"})=>{const r=t==="primary"||t==="negative",p=t==="neutral"||t==="tertiary";return jsxRuntime.jsx(d$n,{size:{sm:20,md:24,lg:28}[i],strokeWidth:2.5,inverted:r,neutral:p})},S$4=React.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=React.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 jsxRuntime.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?jsxRuntime.jsx(G$3,{variant:p,size:m}):jsxRuntime.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&&jsxRuntime.jsx(Box,{w:v}),r&&jsxRuntime.jsx("span",{className:o.label,children:r}),n&&g&&jsxRuntime.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";
|
|
9269
9344
|
|
|
9270
9345
|
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}});
|
|
9271
9346
|
|
|
@@ -9273,7 +9348,7 @@ const c$7=React.forwardRef(({children:i,className:t,id:m,asButton:o,stack:l,onCl
|
|
|
9273
9348
|
|
|
9274
9349
|
const s$b=({children:t,className:e=""})=>jsxRuntime.jsx(VStack,{alignItems:"center",justifyContent:"center",flexShrink:0,className:`${css({pb:0,pt:6,px:8,width:"100%"})} ${e}`,children:t});
|
|
9275
9350
|
|
|
9276
|
-
const B$
|
|
9351
|
+
const B$4=({isOpen:r=false,title:u,onToggle:e,children:d,showCloseButton:f=true})=>{const[b,a]=React.useState(r),[x,m]=React.useState(r),n=React.useRef(null);React.useEffect(()=>{let o;return r?(a(true),o=setTimeout(()=>m(true),10)):m(false),()=>clearTimeout(o)},[r]),React.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=React.useCallback(()=>{e(false);},[e]);return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.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&&jsxRuntime.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:[jsxRuntime.jsxs(HStack,{justifyContent:"space-between",px:6,py:4,children:[jsxRuntime.jsx(M$8,{fontWeight:"medium",children:u}),f&&jsxRuntime.jsx(Q$1,{size:"sm",variant:"neutral",onPress:h,children:jsxRuntime.jsx(Q$1.LeadingIcon,{children:jsxRuntime.jsx(c$8,{})})})]}),jsxRuntime.jsx(Box,{px:6,pb:6,children:d})]})]})};
|
|
9277
9352
|
|
|
9278
9353
|
const s$a=({color:o,title:t,titleId:l,...r})=>{const e=o||token("colors.text.primary");return jsxRuntime.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?jsxRuntime.jsx("title",{id:l,children:t}):null,jsxRuntime.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"})]})};
|
|
9279
9354
|
|
|
@@ -13799,21 +13874,21 @@ const s$9=D$3("div"),c$4=D$3("div"),l$1=D$3("div"),h$6=({children:a,position:m="
|
|
|
13799
13874
|
|
|
13800
13875
|
const s$8=({color:e,title:o,titleId:r,...l})=>{const i=e||token("colors.text.primary");return jsxRuntime.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?jsxRuntime.jsx("title",{id:r,children:o}):null,jsxRuntime.jsx("path",{d:"M3 6H21",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round"}),jsxRuntime.jsx("path",{d:"M3 12H21",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round"}),jsxRuntime.jsx("path",{d:"M3 18H21",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round"}),jsxRuntime.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"})]})};
|
|
13801
13876
|
|
|
13802
|
-
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]=React.useState(i),[v,p]=React.useState(r),a=React.useRef(null),s=y==="left";return React.useEffect(()=>{o(i);},[i]),React.useEffect(()=>{let t;return r?t=setTimeout(()=>p(true),10):p(false),()=>clearTimeout(t)},[r]),React.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=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Q$
|
|
13877
|
+
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]=React.useState(i),[v,p]=React.useState(r),a=React.useRef(null),s=y==="left";return React.useEffect(()=>{o(i);},[i]),React.useEffect(()=>{let t;return r?t=setTimeout(()=>p(true),10):p(false),()=>clearTimeout(t)},[r]),React.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=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Q$1,{onPress:()=>o(m=>!m),textStyle:"neutral",variant:"text",children:jsxRuntime.jsx(Q$1.TrailingIcon,{children:jsxRuntime.jsx(s$8,{})})}),jsxRuntime.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)"}}),jsxRuntime.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:[jsxRuntime.jsxs(Stack,{gap:6,children:[jsxRuntime.jsx(Stack,{h:"full",justifyContent:"space-between",children:t.get(g$4)}),jsxRuntime.jsx(Divider,{color:"surface.quaternary"}),jsxRuntime.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});
|
|
13803
13878
|
|
|
13804
13879
|
const f$6=({animate:n,show:o,onHidden:s,onShown:a})=>{const[i,t]=React.useState(o),d=React.useCallback(()=>a(),[]),r=React.useCallback(()=>{t(false),s();},[]);return React.useEffect(()=>{o?t(true):n||t(false);},[o]),{displayed:i,onShow:d,onHide:r}};
|
|
13805
13880
|
|
|
13806
|
-
const r$
|
|
13881
|
+
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"}});
|
|
13807
13882
|
|
|
13808
|
-
const
|
|
13883
|
+
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?jsxRuntime.jsx("div",{className:o.wrapper,onAnimationEnd:e?f:u,children:jsxRuntime.jsx(VStack,{alignItems:"center",gap:t,className:o.content,children:c})}):null};r$3.displayName="Modal";
|
|
13809
13884
|
|
|
13810
13885
|
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}});
|
|
13811
13886
|
|
|
13812
13887
|
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 jsxRuntime.jsxs(VStack,{alignItems:"center",className:a.container,children:[p&&jsxRuntime.jsx("div",{className:a.bg,onAnimationEnd:n?s:c}),d]})};i$4.displayName="Overlay";
|
|
13813
13888
|
|
|
13814
|
-
const H$
|
|
13889
|
+
const H$5=({title:l,titleId:t,...L})=>jsxRuntime.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?jsxRuntime.jsx("title",{id:t,children:l}):null,jsxRuntime.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"}),jsxRuntime.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"}),jsxRuntime.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"}),jsxRuntime.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"}),jsxRuntime.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"}),jsxRuntime.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"})]});
|
|
13815
13890
|
|
|
13816
|
-
const t=React.forwardRef((r,i)=>{const{disabled:m,validating:p}=r;return jsxRuntime.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?jsxRuntime.jsx(d$n,{size:24,strokeWidth:2.5,inverted:true}):jsxRuntime.jsxs(HStack,{w:"full",gap:1,justifyContent:"center",children:[jsxRuntime.jsx(M$8,{fontWeight:"semibold",styles:{color:token("colors.ink.90")},children:"Pay with"}),jsxRuntime.jsx(Box,{mt:.5,children:jsxRuntime.jsx(H$
|
|
13891
|
+
const t=React.forwardRef((r,i)=>{const{disabled:m,validating:p}=r;return jsxRuntime.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?jsxRuntime.jsx(d$n,{size:24,strokeWidth:2.5,inverted:true}):jsxRuntime.jsxs(HStack,{w:"full",gap:1,justifyContent:"center",children:[jsxRuntime.jsx(M$8,{fontWeight:"semibold",styles:{color:token("colors.ink.90")},children:"Pay with"}),jsxRuntime.jsx(Box,{mt:.5,children:jsxRuntime.jsx(H$5,{width:60})})]})})});t.displayName="PayPalButton";
|
|
13817
13892
|
|
|
13818
13893
|
const L$2=({title:t,titleId:i,...C})=>jsxRuntime.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?jsxRuntime.jsx("title",{id:i,children:t}):null,jsxRuntime.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"}),jsxRuntime.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"}),jsxRuntime.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"}),jsxRuntime.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"})]});
|
|
13819
13894
|
|
|
@@ -13877,41 +13952,41 @@ const s$1=({email:a})=>{const r=a.split("@");return jsxRuntime.jsxs("span",{clas
|
|
|
13877
13952
|
|
|
13878
13953
|
const u$3=React.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]=React.useState(false),c=`${r.slice(0,6)}...${r?.slice(-4)}`,i=m==="sm"?16:20,x=React.useCallback(()=>{e&&e(r),l(true);},[r]);return React.useEffect(()=>{if(o){const y=setTimeout(()=>{l(false);},1500);return ()=>clearTimeout(y)}},[o]),e?jsxRuntime.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:jsxRuntime.jsxs(HStack,{gap:2,children:[o?n?"Copied":"Copied!":c,n&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:o?jsxRuntime.jsx(c$9,{width:i,height:i,color:token("colors.positive.base")}):jsxRuntime.jsx(d$h,{width:i,height:i,color:token("colors.text.tertiary")})})]})}):jsxRuntime.jsx("span",{className:css({fontSize:m,color:s,fontWeight:a,fontVariant:"no-contextual",fontFamily:p}),children:c})});u$3.displayName="WalletAddress";
|
|
13879
13954
|
|
|
13880
|
-
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=React.useRef(),e=React.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]=React.useState(t),[i,o]=React.useState([n]),[l,d]=React.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=React.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=React.useCallback(w=>$$4({value:w,field:"iso2",countries:a}),[a]),R=React.useMemo(()=>v(u),[u,v]);React.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]=React.useState(false);return React.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.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.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=React.useRef(null),d=React.useRef(),m=React.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=React.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=React.useCallback(u=>m.findIndex(h=>M$5(h).iso2===u),[m]),[p,C]=React.useState(S(a)),k=()=>{d.current!==a&&C(S(a));},D=React.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=React.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 React.useEffect(()=>{N();},[p,N]),React.useEffect(()=>{l.current&&(t?l.current.focus():k());},[t]),React.useEffect(()=>{k();},[a]),React.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.createElement(React.Fragment,{key:y.iso2},React.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.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.createElement("span",{className:P$3({addPrefix:["country-selector-dropdown__list-item-country-name"],rawClassNames:[o.listItemCountryNameClassName]}),style:o.listItemCountryNameStyle},y.name),React.createElement("span",{className:P$3({addPrefix:["country-selector-dropdown__list-item-dial-code"],rawClassNames:[o.listItemDialCodeClassName]}),style:o.listItemDialCodeStyle},e,y.dialCode)),V?React.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]=React.useState(false),m=React.useMemo(()=>{if(t)return $$4({value:t,field:"iso2",countries:r})},[r,t]),f=React.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.createElement("div",{className:P$3({addPrefix:["country-selector-button__button-content"],rawClassNames:[o.buttonContentWrapperClassName]}),style:o.buttonContentWrapperStyle},React.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.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.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.createElement("div",{className:P$3({addPrefix:["country-selector"],rawClassNames:[o.className]}),style:o.style,ref:f},S(),React.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.createElement("div",{className:P$3({addPrefix:["dial-code-preview",a&&"dial-code-preview--disabled"],rawClassNames:[r]}),style:s},`${e}${t}`);React.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 React.useImperativeHandle(h,()=>v.current?Object.assign(v.current,{setCountry:V,state:{phone:y,inputValue:b,country:R}}):null,[v,V,y,b,R]),React.createElement("div",{ref:h,className:P$3({addPrefix:["input-container"],rawClassNames:[l]}),style:o},React.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.createElement(ie,{dialCode:R.dialCode,prefix:u.prefix??"+",disabled:C,...g}),React.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}))});
|
|
13955
|
+
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=React.useRef(),e=React.useRef(Date.now()),n=React.useCallback(()=>{let s=Date.now(),r=t.current?s-e.current:void 0;return t.current=e.current,e.current=s,r},[]);return React.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]=React.useState(t),a=React.useRef([i]),o=React.useRef(0),l=be(),u=React.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=React.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=React.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=React.useRef(null),D=p||S,k=g=>{Promise.resolve().then(()=>{typeof window>"u"||D.current!==document?.activeElement||D.current?.setSelectionRange(g,g);});},N=React.useCallback(g=>$$4({value:g,field:"iso2",countries:n}),[n]),F=React.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}),_=React.useMemo(()=>N(y),[y,N]);React.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=React.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]=React.useState(false);return React.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.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.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=React.useRef(null),u=React.useRef(),m=React.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=React.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=React.useCallback(d=>m.findIndex(h=>M$5(h).iso2===d),[m]),[C,w]=React.useState(v(n)),S=()=>{u.current!==n&&w(v(n));},D=React.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=React.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 React.useEffect(()=>{F();},[C,F]),React.useEffect(()=>{l.current&&(t?l.current.focus():S());},[t]),React.useEffect(()=>{S();},[n]),React.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.createElement(React.Fragment,{key:y.iso2},React.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.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.createElement("span",{className:P$3({addPrefix:["country-selector-dropdown__list-item-country-name"],rawClassNames:[o.listItemCountryNameClassName]}),style:o.listItemCountryNameStyle},y.name),React.createElement("span",{className:P$3({addPrefix:["country-selector-dropdown__list-item-dial-code"],rawClassNames:[o.listItemDialCodeClassName]}),style:o.listItemDialCodeStyle},e,y.dialCode)),_?React.createElement("hr",{className:P$3({addPrefix:["country-selector-dropdown__preferred-list-divider"],rawClassNames:[o.preferredListDividerClassName]}),style:o.preferredListDividerStyle}):null)}))};var se$1=React.memo(({selectedCountry:t,onSelect:e,disabled:n,hideDropdown:s,countries:r=R$2,preferredCountries:i=[],flags:c,renderButtonWrapper:a,...o})=>{let[l,u]=React.useState(false),m=React.useMemo(()=>{if(t)return $$4({value:t,field:"iso2",countries:r})},[r,t]),f=React.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.createElement("div",{className:P$3({addPrefix:["country-selector-button__button-content"],rawClassNames:[o.buttonContentWrapperClassName]}),style:o.buttonContentWrapperStyle},React.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.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.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.createElement("div",{className:P$3({addPrefix:["country-selector"],rawClassNames:[o.className]}),style:o.style,ref:f},v(),React.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.createElement("div",{className:P$3({addPrefix:["dial-code-preview",n&&"dial-code-preview--disabled"],rawClassNames:[r]}),style:s},`${e}${t}`);React.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=React.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=React.useCallback(g=>{z(g.iso2,{focusOnInput:!c});},[z,c]);return React.useImperativeHandle(h,()=>E.current?Object.assign(E.current,{setCountry:z,state:{phone:b,inputValue:I,country:_}}):null,[E,z,b,I,_]),React.createElement("div",{ref:h,className:P$3({addPrefix:["input-container"],rawClassNames:[l]}),style:o},React.createElement(se$1,{onSelect:Q,flags:a,selectedCountry:_?.iso2,countries:n,preferredCountries:s,disabled:w,hideDropdown:r,...f}),Z&&React.createElement(le,{dialCode:_.dialCode,prefix:d.prefix??"+",disabled:w,...p}),React.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}))});
|
|
13881
13956
|
|
|
13882
13957
|
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"}}}}}});
|
|
13883
13958
|
|
|
13884
|
-
const K$1=D$3(({children:o,...s})=>jsxRuntime.jsx(Flex,{alignItems:"center",justifyContent:"center",children:React.Children.map(o,e=>{var r;return React.cloneElement(e,{...s,color:(r=e.props.color)!==null&&r!==void 0?r:token("colors.neutral.primary")})})})),M$4=D$3(({children:o,...s})=>jsxRuntime.jsx(Flex,{alignItems:"center",justifyContent:"center",children:React.Children.map(o,e=>{var r;return React.isValidElement(e)?React.cloneElement(e,{...s,color:(r=e.props.color)!==null&&r!==void 0?r:token("colors.brand.base")}):null})})),O$1=D$3(Q$
|
|
13959
|
+
const K$1=D$3(({children:o,...s})=>jsxRuntime.jsx(Flex,{alignItems:"center",justifyContent:"center",children:React.Children.map(o,e=>{var r;return React.cloneElement(e,{...s,color:(r=e.props.color)!==null&&r!==void 0?r:token("colors.neutral.primary")})})})),M$4=D$3(({children:o,...s})=>jsxRuntime.jsx(Flex,{alignItems:"center",justifyContent:"center",children:React.Children.map(o,e=>{var r;return React.isValidElement(e)?React.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=React.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=React.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 jsxRuntime.jsxs(VStack,{className:cx(i.container,x),children:[e&&jsxRuntime.jsxs("label",{className:i.label,...Q,children:[e," ",l&&jsxRuntime.jsx("span",{className:css({color:"negative.darker"}),children:"*"})]}),jsxRuntime.jsxs(HStack,{className:i.inputContainer,children:[v&&{...v,props:{...v.props,className:i.typeIcon,width:u,height:u}},F&&jsxRuntime.jsx(M$8,{...F,fontColor:"text.tertiary"}),jsxRuntime.jsx("input",{ref:I,className:i.input,...$3ef42575df84b30b$export$9d1611c77c2fe928(U,Z,_),...f}),T&&jsxRuntime.jsx(M$8,{...T,fontColor:"text.tertiary"}),b&&{...b,props:{...b.props,className:i.actionIcon,width:u,height:u}},j&&jsxRuntime.jsx(Flex,{alignItems:"center",justifyContent:"center",className:i.actionButton,children:jsxRuntime.jsx(Q$1,{...j,variant:"text",size:n})})]}),a&&jsxRuntime.jsx("div",{className:i.description,...X,children:a}),y&&jsxRuntime.jsx(M$8,{variant:"error",...Y,size:"sm",fontWeight:"normal",children:C.length>0?C.join(" "):d})]})})}),J$1=React.forwardRef((o,s)=>{const{disabled:e,autoFocus:r,className:n="",attr:h}=o,f=React.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 jsxRuntime.jsx("div",{className:cx(l.container,l.inputContainer,n),children:jsxRuntime.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";
|
|
13885
13960
|
|
|
13886
13961
|
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]=React.useState(()=>Array.from({length:o},()=>"")),c=React.useRef(Array(o).fill(null));React.useEffect(()=>{y(e=>o<e.length?e.slice(0,o):o>e.length?[...e,...Array(o-e.length).fill("")]:e);},[o]),React.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=React.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=React.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=React.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 jsxRuntime.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)=>jsxRuntime.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}`))})};
|
|
13887
13962
|
|
|
13888
|
-
const s="2.625rem",d$6=D$3(({children:e})=>jsxRuntime.jsx(u$4,{children:e})),h$4=D$3(({children:e})=>React.Children.map(e,o=>{var t,r,n;return React.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$
|
|
13963
|
+
const s="2.625rem",d$6=D$3(({children:e})=>jsxRuntime.jsx(u$4,{children:e})),h$4=D$3(({children:e})=>React.Children.map(e,o=>{var t,r,n;return React.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 jsxRuntime.jsx(i$4,{animate:r,backgroundType:n,hide:!m,onHidden:c,fullscreen:v,children:e})}return jsxRuntime.jsx(jsxRuntime.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 jsxRuntime.jsx(T$3,{overlay:o,...t,children:jsxRuntime.jsx(r$3,{paddingType:"md",...t,children:jsxRuntime.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&&jsxRuntime.jsx(c$5,{...m}),c&&jsxRuntime.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});
|
|
13889
13964
|
|
|
13890
|
-
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=>jsxRuntime.jsxs(S$3,{...d,children:[jsxRuntime.jsx(S$3.Icon,{children:h.get(i$1)}),jsxRuntime.jsxs(S$3.Content,{children:[jsxRuntime.jsx(M$8.H3,{styles:{textAlign:"center"},children:m}),jsxRuntime.jsx(M$8,{size:"md",children:a}),jsxRuntime.jsxs(HStack,{className:css({pt:6}),children:[jsxRuntime.jsx(Q$
|
|
13965
|
+
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=>jsxRuntime.jsxs(S$3,{...d,children:[jsxRuntime.jsx(S$3.Icon,{children:h.get(i$1)}),jsxRuntime.jsxs(S$3.Content,{children:[jsxRuntime.jsx(M$8.H3,{styles:{textAlign:"center"},children:m}),jsxRuntime.jsx(M$8,{size:"md",children:a}),jsxRuntime.jsxs(HStack,{className:css({pt:6}),children:[jsxRuntime.jsx(Q$1,{onPress:p,label:s}),t&&jsxRuntime.jsx(Q$1,{onPress:f,label:t})]})]}),jsxRuntime.jsx(S$3.Footer,{})]}));Object.assign(j$2,{Icon:i$1});
|
|
13891
13966
|
|
|
13892
13967
|
const p=D$3(({children:n,...r})=>jsxRuntime.jsx(Center,{children:React.Children.map(n,t=>React.cloneElement(t,r))})),f$4=D$3(({children:n,...r})=>jsxRuntime.jsx(Center,{children:React.Children.map(n,t=>React.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 jsxRuntime.jsxs(S$3,{...b,children:[jsxRuntime.jsx(S$3.Icon,{children:j||jsxRuntime.jsx(d$i,{})}),jsxRuntime.jsxs(S$3.Content,{children:[jsxRuntime.jsx(M$8.H3,{styles:{textAlign:"center"},children:u}),jsxRuntime.jsx(M$8,{size:"md",styles:{textAlign:"center"},children:x}),t&&jsxRuntime.jsxs("div",{className:css({background:"negative.lightest",borderRadius:"0.5rem",my:4,p:4,width:"full"}),children:[r&&jsxRuntime.jsx(M$8,{variant:"error",children:jsxRuntime.jsx("b",{className:css({textTransform:"uppercase"}),children:r})}),jsxRuntime.jsx(M$8,{variant:"error",children:t})]}),v]}),jsxRuntime.jsx(S$3.Footer,{})]})});Object.assign(g$2,{Icon:p,Button:f$4});
|
|
13893
13968
|
|
|
13894
|
-
const S$2=D$3(({children:e})=>React.Children.map(e,t=>jsxRuntime.jsx(Q$
|
|
13969
|
+
const S$2=D$3(({children:e})=>React.Children.map(e,t=>jsxRuntime.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})=>jsxRuntime.jsxs(U$2,{textStyle:"subtle",variant:"text",children:[jsxRuntime.jsx(U$2.TrailingIcon,{children:jsxRuntime.jsx(d$m,{})}),jsxRuntime.jsx(U$2.Content,{children:e})]})),D$1=D$3(({branding:e,title:t})=>t?jsxRuntime.jsx(M$8,{size:"sm",fontColor:"text.secondary",children:t}):jsxRuntime.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})=>jsxRuntime.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})=>jsxRuntime.jsx(Center,{pt:3,w:"full",children:e})),I$1=D$3(({children:e,domain:t,name:m,logoUrl:a})=>jsxRuntime.jsxs(HStack,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",p:3,width:"full",children:[a?jsxRuntime.jsx("img",{src:a,alt:m,width:24,height:24}):jsxRuntime.jsx(d$a,{color:token("colors.brand.base"),height:24,width:24}),jsxRuntime.jsx(M$8,{size:"sm",fontWeight:"semibold",children:m}),t&&jsxRuntime.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 jsxRuntime.jsxs(r$3,{...L,fullscreen:true,paddingType:"none",gap:0,children:[!A&&jsxRuntime.jsxs(VStack,{gap:0,width:"full",children:[jsxRuntime.jsxs(HStack,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",justifyContent:"space-between",p:3,width:"full",children:[a&&jsxRuntime.jsx(Q$1,{onPress:a,size:"md",textStyle:"neutral",variant:"text",children:jsxRuntime.jsx(Q$1.LeadingIcon,{children:jsxRuntime.jsx(s$5,{})})}),c&&jsxRuntime.jsx(Q$1,{onPress:c,label:"Cancel",size:"sm",textStyle:"neutral",variant:"text"}),!(a||c)&&jsxRuntime.jsx(Box,{w:6}),J,t||b||h?jsxRuntime.jsxs(HStack,{children:[t&&jsxRuntime.jsx(u$3,{address:t}),b,h&&jsxRuntime.jsx(T$5,{...h})]}):jsxRuntime.jsx(Box,{w:6})]}),o.get(I$1)]}),jsxRuntime.jsxs(VStack,{h:"full",w:"full",justify:"space-between",p:6,maxW:393,children:[o.get(M$3),jsxRuntime.jsxs(VStack,{w:"full",gap:3,children:[o.get(G$1),(p||s)&&jsxRuntime.jsxs(Flex,{direction:f?"row":"column-reverse",gap:f?4:3,width:"full",children:[p&&jsxRuntime.jsx(Q$1,{expand:true,label:"Cancel",variant:"neutral",...p}),s&&jsxRuntime.jsx(Q$1,{expand:true,label:"Confirm",variant:"inverse",...s})]}),C&&jsxRuntime.jsx(Flex,{direction:e,gap:f?4:3,width:"full",children:C})]})]}),w&&jsxRuntime.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});
|
|
13895
13970
|
|
|
13896
|
-
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})=>jsxRuntime.jsx(Box,{pointerEvents:t===e?"none":"initial",children:jsxRuntime.jsx(Q$
|
|
13971
|
+
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})=>jsxRuntime.jsx(Box,{pointerEvents:t===e?"none":"initial",children:jsxRuntime.jsx(Q$1,{variant:"text",onPress:n,children:jsxRuntime.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})=>jsxRuntime.jsx(Center,{bottom:0,pos:"fixed",h:"6.25rem",w:"full",style:{background:`linear-gradient(180deg, transparent 0%, ${token("colors.surface.primary")} 100%)`},children:jsxRuntime.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?jsxRuntime.jsx(d$k,{content:l,width:"max-content",children:jsxRuntime.jsx(Box,{border:"thin solid transparent",opacity:.3,p:1.5,children:jsxRuntime.jsx(p,{})})},a):jsxRuntime.jsx(S$1,{active:t,label:a,onPress:c,children:jsxRuntime.jsx(p,{})},a):null})})});
|
|
13897
13972
|
|
|
13898
|
-
const _$2=({avatarUrl:i,email:o,name:e,logoutLabel:d="Log out",onReceive:a,onLogout:f})=>{const[h,s]=React.useState(false);React.useEffect(()=>{s(false);},[i]);const c=()=>jsxRuntime.jsxs(U$
|
|
13973
|
+
const _$2=({avatarUrl:i,email:o,name:e,logoutLabel:d="Log out",onReceive:a,onLogout:f})=>{const[h,s]=React.useState(false);React.useEffect(()=>{s(false);},[i]);const c=()=>jsxRuntime.jsxs(U$2,{iconSize:28,placement:"bottom right",variant:"text",children:[jsxRuntime.jsx(U$2.LeadingIcon,{children:i&&!h?jsxRuntime.jsx("img",{style:{borderRadius:"50%"},src:i,alt:"user avatar",onError:()=>s(true)}):jsxRuntime.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",children:[jsxRuntime.jsx("circle",{cx:"14",cy:"14",r:"13",fill:"url(#paint0_radial_3600_63997)",stroke:"white",strokeOpacity:"0.24",strokeWidth:"0.5"}),jsxRuntime.jsx("defs",{children:jsxRuntime.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:[jsxRuntime.jsx("stop",{offset:"0.01",stopColor:"#FFF507"}),jsxRuntime.jsx("stop",{offset:"0.259381",stopColor:"#F09BEB"}),jsxRuntime.jsx("stop",{offset:"0.598165",stopColor:"#412CB9"}),jsxRuntime.jsx("stop",{offset:"1",stopColor:"#18171A"})]})})]})}),jsxRuntime.jsx(U$2.Content,{className:css({w:e&&o?"200px":"fit-content",maxW:"200px"}),children:jsxRuntime.jsxs(Stack,{w:"full",alignItems:"start",gap:0,children:[(o||e)&&jsxRuntime.jsxs(Stack,{w:"full",gap:1,children:[e&&jsxRuntime.jsx(M$8,{fontWeight:"medium",children:e}),o&&jsxRuntime.jsx(M$8,{size:"sm",truncate:true,fontColor:"text.secondary",children:o})]}),(o||e)&&jsxRuntime.jsx(Divider,{color:"surface.quaternary",my:3,minW:"88px"}),jsxRuntime.jsx(Q$1,{label:d,textStyle:"negative",variant:"text",size:"sm",onPress:f})]})})]});return a?jsxRuntime.jsxs(HStack,{gap:1,minWidth:"fit-content",minHeight:"fit-content",children:[jsxRuntime.jsx(Box,{onClick:a,cursor:"pointer",transition:"transform 0.1s",_active:{transform:"scale(0.95)"},className:css({"@media (max-width: 370px)":{display:"none"}}),children:jsxRuntime.jsx(i$2,{height:18,width:18,color:token("colors.text.secondary")})}),jsxRuntime.jsx(c,{})]}):jsxRuntime.jsx(c,{})};
|
|
13899
13974
|
|
|
13900
13975
|
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?jsxRuntime.jsx(d$n,{size:36,strokeWidth:4}):m?jsxRuntime.jsx(s$d,{color:token("colors.brand.base"),width:36,height:36}):jsxRuntime.jsx(k$4,{originName:s,onChange:n,pinLength:c,onComplete:p,id:a,autoFocus:g});return $$5(h,l=>jsxRuntime.jsxs(VStack,{gap:3,my:3,children:[jsxRuntime.jsx(Center,{height:12,children:d()}),t&&jsxRuntime.jsx(M$8,{variant:"error",size:"sm",styles:{textAlign:"center"},children:t}),l.get(i)]}))},P$2=Object.assign(L$1,{RetryContent:i});
|
|
13901
13976
|
|
|
13902
13977
|
var m$3=typeof window>"u"?React__namespace.useEffect:React__namespace.useLayoutEffect,y$5=e=>{let t=React__namespace.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__namespace.useRef(null),s=React__namespace.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__namespace.createElement(React__namespace.Fragment,null,r):React__namespace.createElement(d$5,{ref:o},r)};var f$3=React__namespace.createContext({rescan:()=>{}}),P$1=({children:e})=>{let[t,r]=React__namespace.useReducer(()=>[],[]),o=React__namespace.useMemo(()=>({rescan:r}),[t]);return React__namespace.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__namespace.useReducer(()=>[],[])[1],o=React__namespace.useMemo(()=>C$3(r),[r]);return React__namespace.createElement(React__namespace.Fragment,null,React__namespace.createElement(R$1.Provider,{value:o},React__namespace.createElement(P$1,null,process.env.NODE_ENV==="production"?e:React__namespace.createElement(v$1,{name:"HostSlots",forceUpdate:r},e))),React__namespace.createElement($$1,null,()=>t(o.get())))},X$1=(e,t)=>React__namespace.createElement(K,{children:e,callback:t}),q$2=e=>{let t=w$1(M$2()),r=React__namespace.forwardRef(({$slot_key$:c,...i},S)=>{let a=React__namespace.useContext(R$1);if(!a)return null;let g=React__namespace.useContext(f$3),T=React__namespace.createElement(s,{key:c,ref:S,...i});return a.register(c,T),React__namespace.useEffect(()=>{a.has(c)&&a.update(c,T);}),m$3(()=>(a.clear(),g.rescan(),()=>a.unmount(c)),[a]),null}),o=(c,i)=>{if(!React__namespace.useContext(R$1))return e?React__namespace.createElement(e,{ref:i,...c}):null;let[a]=React__namespace.useState(t);return React__namespace.createElement(r,{ref:i,$slot_key$:a,...c})};o.displayName=e?`Slot(${x$3(e)})`:"Slot";let s=React__namespace.forwardRef(o);return e?E$1(s,e):s};
|
|
13903
13978
|
|
|
13904
|
-
const l=q$2(({actionBox:e,children:n,disabledLabel:o,label:i,onPress:r})=>e?jsxRuntime.jsx(Center,{h:"76px",maxW:"115px",w:"full",opacity:o?.3:1,pointerEvents:o?"none":"initial",children:jsxRuntime.jsx(a$4,{className:css({_hover:{bgColor:"neutral.secondary"},bgColor:"neutral.tertiary",h:"100%"}),borderRadius:"0.75rem",expand:true,onPress:r,children:jsxRuntime.jsxs(VStack,{gap:2,children:[React.cloneElement(React.Children.only(n),{height:20,width:20}),jsxRuntime.jsx(M$8,{size:"sm",styles:{fontWeight:500},children:i})]})})}):jsxRuntime.jsxs(VStack,{gap:1,minW:20,opacity:o?.3:1,pointerEvents:o?"none":"initial",children:[jsxRuntime.jsx(Q$
|
|
13979
|
+
const l=q$2(({actionBox:e,children:n,disabledLabel:o,label:i,onPress:r})=>e?jsxRuntime.jsx(Center,{h:"76px",maxW:"115px",w:"full",opacity:o?.3:1,pointerEvents:o?"none":"initial",children:jsxRuntime.jsx(a$4,{className:css({_hover:{bgColor:"neutral.secondary"},bgColor:"neutral.tertiary",h:"100%"}),borderRadius:"0.75rem",expand:true,onPress:r,children:jsxRuntime.jsxs(VStack,{gap:2,children:[React.cloneElement(React.Children.only(n),{height:20,width:20}),jsxRuntime.jsx(M$8,{size:"sm",styles:{fontWeight:500},children:i})]})})}):jsxRuntime.jsxs(VStack,{gap:1,minW:20,opacity:o?.3:1,pointerEvents:o?"none":"initial",children:[jsxRuntime.jsx(Q$1,{variant:"neutral",size:"sm",onPress:r,"aria-label":"Buy",children:jsxRuntime.jsx(Q$1.LeadingIcon,{children:n})}),jsxRuntime.jsx(M$8,{size:"sm",styles:{fontWeight:500},children:i})]})),f$2=({actionBox:e,children:n})=>jsxRuntime.jsx(Box,{w:"full",children:X$1(n,o=>jsxRuntime.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?jsxRuntime.jsx(d$k,{content:m,width:"max-content",children:jsxRuntime.jsx(Box,{children:jsxRuntime.jsx(l,{actionBox:e,disabledLabel:m,...a})})},r):jsxRuntime.jsx(l,{actionBox:e,...a},r)}})}))});f$2.Action=l;
|
|
13905
13980
|
|
|
13906
13981
|
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})=>jsxRuntime.jsxs(f$2,{actionBox:n,children:[l&&jsxRuntime.jsx(f$2.Action,{disabledLabel:b,label:s,onPress:l,children:jsxRuntime.jsx(s$7,{})}),i&&jsxRuntime.jsx(f$2.Action,{disabledLabel:c,label:d,onPress:i,children:jsxRuntime.jsx(d$9,{})}),a&&jsxRuntime.jsx(f$2.Action,{disabledLabel:t,label:r,onPress:a,children:jsxRuntime.jsx(n$5,{})})]});
|
|
13907
13982
|
|
|
13908
13983
|
const m$2=({address:t,onAddressCopy:i})=>jsxRuntime.jsxs(HStack,{gap:0,style:{filter:`drop-shadow(0px 0px 0.5px color-mix(in srgb, ${token("colors.text.primary")}, transparent 20%)`},children:[jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",children:jsxRuntime.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")})}),jsxRuntime.jsx(Center,{bgColor:"surface.primary",w:"114px",h:"48px",children:jsxRuntime.jsx(u$3,{address:t,onCopy:i,size:"sm",icon:true,fontColor:"text.secondary",fontWeight:"medium"})}),jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",children:jsxRuntime.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")})})]});
|
|
13909
13984
|
|
|
13910
|
-
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]=React.useState(false);React.useEffect(()=>{s(false);},[i]);const a=()=>jsxRuntime.jsxs(U$
|
|
13985
|
+
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]=React.useState(false);React.useEffect(()=>{s(false);},[i]);const a=()=>jsxRuntime.jsxs(U$2,{iconSize:28,variant:"text",children:[jsxRuntime.jsx(U$2.LeadingIcon,{color:token("colors.text.tertiary"),children:i&&r&&!v?jsxRuntime.jsxs(Circle,{position:"relative",w:7,h:7,children:[jsxRuntime.jsx("img",{style:{borderRadius:"50%"},width:28,height:28,src:i,alt:"app logo",onError:()=>s(true)}),jsxRuntime.jsx(Circle,{size:"7px",position:"absolute",bg:"positive.base",borderWidth:"thin",borderColor:"surface.primary",bottom:"-1px",right:"-1px",boxSizing:"border-box"})]}):jsxRuntime.jsxs("svg",{width:"28",height:"28",children:[jsxRuntime.jsx("circle",{cx:"14",cy:"14",r:"14",fill:token("colors.surface.tertiary")}),jsxRuntime.jsx(n$6,{color:token("colors.text.tertiary"),x:6,y:6,height:16,width:16})]})}),jsxRuntime.jsxs(U$2.Content,{className:css({w:"200px"}),children:[jsxRuntime.jsxs(Stack,{w:"100%",gap:1,overflow:"hidden",children:[r?jsxRuntime.jsx(M$8,{size:"xs",variant:"success",fontWeight:"normal",children:p}):jsxRuntime.jsx(M$8,{fontColor:"text.tertiary",size:"xs",children:x}),jsxRuntime.jsx(M$8,{truncate:true,children:g})]}),r&&l&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Divider,{color:"surface.quaternary",my:3}),jsxRuntime.jsx(Q$1,{label:l,size:"sm",textStyle:"negative",variant:"text",onPress:f,children:jsxRuntime.jsx(Q$1.LeadingIcon,{children:jsxRuntime.jsxs("svg",{width:"20",height:"20",children:[jsxRuntime.jsx("circle",{cx:"8",cy:"8",r:"8",fill:token("colors.negative.lightest")}),jsxRuntime.jsx(c,{color:token("colors.negative.base"),x:3,y:3,height:10,width:10})]})})})]})]})]});return b?jsxRuntime.jsxs(HStack,{gap:1,minWidth:"fit-content",minHeight:"fit-content",children:[jsxRuntime.jsx(a,{}),jsxRuntime.jsx(Box,{className:css({"@media (max-width: 370px)":{display:"none"}}),minH:"18px",minW:"18px"})]}):jsxRuntime.jsx(a,{})};
|
|
13911
13986
|
|
|
13912
13987
|
const a$1=({fiatTotal:t,symbol:s})=>{const i=t?t.split("."):["0","00"],r=t?"text.primary":"text.tertiary";return jsxRuntime.jsxs(HStack,{alignItems:"flex-start",gap:1,my:3,children:[jsxRuntime.jsx(M$8.H4,{fontColor:r,styles:{lineHeight:"2.75rem"},children:s}),jsxRuntime.jsxs(HStack,{alignItems:"baseline",gap:0,children:[jsxRuntime.jsx(M$8.H1,{fontColor:r,children:i[0]}),jsxRuntime.jsx(M$8.H4,{fontColor:r,children:`.${i[1]||"00"}`})]})]})};
|
|
13913
13988
|
|
|
13914
|
-
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})=>jsxRuntime.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 jsxRuntime.jsxs(
|
|
13989
|
+
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})=>jsxRuntime.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 jsxRuntime.jsxs(r$3,{...H,fullscreen:true,paddingType:"none",gap:0,children:[jsxRuntime.jsxs(VStack,{h:"full",w:"full",style:m?{background:S}:{},children:[m&&jsxRuntime.jsxs(HStack,{justify:"space-between",px:4,w:"full",children:[c?jsxRuntime.jsx(H$2,{...c}):jsxRuntime.jsx(Box,{h:10,w:10,m:1}),i&&jsxRuntime.jsx(m$2,{...i}),n?jsxRuntime.jsx(_$2,{...n}):jsxRuntime.jsx(Box,{h:10,w:10,m:1})]}),p&&jsxRuntime.jsx(a$1,{...p}),a&&jsxRuntime.jsx(x$2,{...a}),o.get(b$4)]}),l&&jsxRuntime.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});
|
|
13915
13990
|
|
|
13916
13991
|
const y$3=D$3(({children:t,...r})=>jsxRuntime.jsx(Center,{children:React.Children.map(t,e=>React.cloneElement(e,r))})),b$3=D$3(({children:t,...r})=>jsxRuntime.jsx(Center,{children:React.Children.map(t,e=>React.cloneElement(e,r))})),x$1=React.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 jsxRuntime.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:jsxRuntime.jsxs(HStack,{justify:"space-between",w:"full",children:[jsxRuntime.jsxs(HStack,{children:[i&&{...i,props:{height:24,...i.props,className:i.props.color?void 0:css({color:"brand.base"})}},jsxRuntime.jsxs(VStack,{gap:0,alignItems:"start",children:[jsxRuntime.jsxs(HStack,{children:[typeof p=="string"?jsxRuntime.jsx(M$8,{fontWeight:"medium",children:p}):p,N&&jsxRuntime.jsx(d$e,{width:14,height:14,color:token("colors.neutral.primary")})]}),l&&jsxRuntime.jsx(M$8,{size:"sm",fontColor:"text.tertiary",children:l})]})]}),jsxRuntime.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});
|
|
13917
13992
|
|
|
@@ -14650,8 +14725,8 @@ const EmailInput = () => {
|
|
|
14650
14725
|
React.createElement(se.TypeIcon, null,
|
|
14651
14726
|
React.createElement(d$f, null)),
|
|
14652
14727
|
React.createElement(se.ActionIcon, { onClick: () => { } },
|
|
14653
|
-
React.createElement(Q$
|
|
14654
|
-
React.createElement(Q$
|
|
14728
|
+
React.createElement(Q$1, { "aria-label": "login-submit-button", variant: "text", textStyle: "neutral", disabled: disabled, validating: isValidating, type: "submit" },
|
|
14729
|
+
React.createElement(Q$1.LeadingIcon, { color: token('colors.text.tertiary') },
|
|
14655
14730
|
React.createElement(c$3, null)))))),
|
|
14656
14731
|
error && (React.createElement(M$8, { variant: "error", size: "sm", styles: { textAlign: 'center' } }, error))));
|
|
14657
14732
|
};
|
|
@@ -14674,14 +14749,14 @@ function WidgetHeader({ showHeaderText = true, onPressBack }) {
|
|
|
14674
14749
|
const { handleClose } = useWidgetConfig();
|
|
14675
14750
|
return (React.createElement(u$4, { position: "relative" },
|
|
14676
14751
|
!!onPressBack && (React.createElement(u$4.LeftAction, null,
|
|
14677
|
-
React.createElement(Q$
|
|
14678
|
-
React.createElement(Q$
|
|
14752
|
+
React.createElement(Q$1, { size: "sm", variant: "neutral", onPress: onPressBack },
|
|
14753
|
+
React.createElement(Q$1.LeadingIcon, null,
|
|
14679
14754
|
React.createElement(s$6, null))))),
|
|
14680
14755
|
showHeaderText && (React.createElement(u$4.Content, null,
|
|
14681
14756
|
React.createElement(M$8, { size: "sm", fontColor: "text.tertiary" }, "Log in or sign up"))),
|
|
14682
14757
|
handleClose && (React.createElement(u$4.RightAction, null,
|
|
14683
|
-
React.createElement(Q$
|
|
14684
|
-
React.createElement(Q$
|
|
14758
|
+
React.createElement(Q$1, { size: "sm", variant: "neutral", onPress: handleClose },
|
|
14759
|
+
React.createElement(Q$1.TrailingIcon, null,
|
|
14685
14760
|
React.createElement(c$a, null)))))));
|
|
14686
14761
|
}
|
|
14687
14762
|
|
|
@@ -14702,7 +14777,7 @@ const LoginView = ({ dispatch }) => {
|
|
|
14702
14777
|
React.createElement(WidgetHeader, null),
|
|
14703
14778
|
React.createElement(VStack, { w: "full", gap: 10, mt: 2, px: 7 },
|
|
14704
14779
|
config?.theme.assetUri && React.createElement("img", { src: config.theme.assetUri, alt: "Logo", width: 80, height: 80 }),
|
|
14705
|
-
React.createElement(VStack, { width: "full", gap: 4 },
|
|
14780
|
+
React.createElement(VStack, { width: "full", maxWidth: '25rem', gap: 4 },
|
|
14706
14781
|
hasEmailProvider && React.createElement(EmailInput, null),
|
|
14707
14782
|
socialProviders.length > 0 && (React.createElement(SocialProviders, { providers: Object.values(socialProviders), onPress: handleProviderLogin, dispatch: dispatch })),
|
|
14708
14783
|
showDivider && (React.createElement(HStack, { mb: 3, w: "full" },
|
|
@@ -14909,7 +14984,7 @@ const Pending = ({ onPressBack, title, description, Icon, isPending, errorMessag
|
|
|
14909
14984
|
isPending && React.createElement(d$n, { size: 80, strokeWidth: 8, neutral: true, progress: 40 }),
|
|
14910
14985
|
isPending ? (React.createElement(Icon, { width: 36, height: 36, className: centeredIconClass })) : errorMessage ? (React.createElement(d$g, { width: 36, height: 36, color: token('colors.negative.darker'), className: centeredIconClass })) : (React.createElement(s$d, { width: 36, height: 36, color: token('colors.brand.base'), className: centeredIconClass }))),
|
|
14911
14986
|
React.createElement(VStack, { gap: 2, px: 7 },
|
|
14912
|
-
React.createElement(M$8.H4,
|
|
14987
|
+
React.createElement(M$8.H4, { styles: { textAlign: 'center' } }, title),
|
|
14913
14988
|
React.createElement(M$8, { fontColor: "text.tertiary", styles: { textAlign: 'center' } }, description),
|
|
14914
14989
|
errorMessage && (React.createElement(M$8, { variant: "error", styles: { textAlign: 'center' } }, errorMessage))))));
|
|
14915
14990
|
};
|
|
@@ -15333,7 +15408,7 @@ const EmailOTPView = ({ state, dispatch }) => {
|
|
|
15333
15408
|
textAlign: 'center',
|
|
15334
15409
|
} }, email && React.createElement(s$1, { email: email })))),
|
|
15335
15410
|
React.createElement(P$2, { originName: "email", pinLength: 6, isPending: isVerifying || isResending, isSuccess: isSuccess, onChange: onChangeOtp, onComplete: submitOTP, errorMessage: isResending ? '' : (error ?? '') },
|
|
15336
|
-
React.createElement(P$2.RetryContent, null, showResendButton && React.createElement(Q$
|
|
15411
|
+
React.createElement(P$2.RetryContent, null, showResendButton && React.createElement(Q$1, { variant: "text", onPress: handleResend, label: "Request a new code" }))))));
|
|
15337
15412
|
};
|
|
15338
15413
|
|
|
15339
15414
|
const DeviceVerificationView = ({ state, dispatch }) => {
|
|
@@ -15395,7 +15470,7 @@ const MFAView = ({ state, dispatch }) => {
|
|
|
15395
15470
|
React.createElement(d$b, { width: 60, height: 60, color: token('colors.brand.base') }),
|
|
15396
15471
|
React.createElement(M$8.H4, { styles: { textAlign: 'center', fontWeight: 'normal' } }, "Please enter the 6-digit code from your authenticator app.")),
|
|
15397
15472
|
React.createElement(P$2, { originName: "mfa", pinLength: 6, isPending: isVerifying, isSuccess: isSuccess, onChange: onChangeOtp, onComplete: submitMFA, errorMessage: error ?? '' }),
|
|
15398
|
-
React.createElement(Q$
|
|
15473
|
+
React.createElement(Q$1, { label: "I lost my device", variant: "text", textStyle: "neutral", onPress: lostDevice, disabled: isVerifying, size: "sm" }))));
|
|
15399
15474
|
};
|
|
15400
15475
|
|
|
15401
15476
|
const RecoveryCodeView = ({ state, dispatch }) => {
|
|
@@ -15432,7 +15507,7 @@ const RecoveryCodeView = ({ state, dispatch }) => {
|
|
|
15432
15507
|
size: 35,
|
|
15433
15508
|
}, placeholder: "8-character code", onChange: onChangeOtp, alignText: "center", errorMessage: error ?? '', disabled: isVerifying }),
|
|
15434
15509
|
React.createElement(b$8, { label: "Two-Factor Authentication will be disabled.", variant: "warning" }))),
|
|
15435
|
-
!isVerifying && !isSuccess && (React.createElement(Q$
|
|
15510
|
+
!isVerifying && !isSuccess && (React.createElement(Q$1, { label: "I lost my recovery code", variant: "text", textStyle: "neutral", onPress: onLostRecoveryCode, disabled: isVerifying || isSuccess, size: "sm" })))));
|
|
15436
15511
|
};
|
|
15437
15512
|
|
|
15438
15513
|
const LostRecoveryCode = ({ dispatch }) => {
|
|
@@ -15638,6 +15713,20 @@ const WalletConnectView = ({ dispatch }) => {
|
|
|
15638
15713
|
React.createElement(M$8, { fontColor: "text.tertiary", styles: { textAlign: 'center' } }, "Open your mobile wallet and scan this QR code to connect")))));
|
|
15639
15714
|
};
|
|
15640
15715
|
|
|
15716
|
+
function useMediaQuery(query) {
|
|
15717
|
+
const [value, setValue] = React.useState(false);
|
|
15718
|
+
React.useEffect(() => {
|
|
15719
|
+
function onChange(event) {
|
|
15720
|
+
setValue(event.matches);
|
|
15721
|
+
}
|
|
15722
|
+
const result = matchMedia(query);
|
|
15723
|
+
result.addEventListener('change', onChange);
|
|
15724
|
+
setValue(result.matches);
|
|
15725
|
+
return () => result.removeEventListener('change', onChange);
|
|
15726
|
+
}, [query]);
|
|
15727
|
+
return value;
|
|
15728
|
+
}
|
|
15729
|
+
|
|
15641
15730
|
// Create a query client for react-query
|
|
15642
15731
|
const queryClient = new reactQuery.QueryClient();
|
|
15643
15732
|
// Inject CSS into document head (only once)
|
|
@@ -15647,12 +15736,13 @@ function injectCSS() {
|
|
|
15647
15736
|
return;
|
|
15648
15737
|
const styleElement = document.createElement('style');
|
|
15649
15738
|
styleElement.id = 'magic-widget-styles';
|
|
15650
|
-
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}}";
|
|
15739
|
+
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}}";
|
|
15651
15740
|
document.head.appendChild(styleElement);
|
|
15652
15741
|
cssInjected = true;
|
|
15653
15742
|
}
|
|
15654
15743
|
// The actual widget content
|
|
15655
|
-
function WidgetContent({ state, dispatch, showFooterLogo }) {
|
|
15744
|
+
function WidgetContent({ state, dispatch, showFooterLogo, isModal }) {
|
|
15745
|
+
const isMobile = useMediaQuery('(max-width: 768px)');
|
|
15656
15746
|
// Render the current view
|
|
15657
15747
|
const renderView = () => {
|
|
15658
15748
|
switch (state.view) {
|
|
@@ -15692,8 +15782,8 @@ function WidgetContent({ state, dispatch, showFooterLogo }) {
|
|
|
15692
15782
|
}
|
|
15693
15783
|
};
|
|
15694
15784
|
return (React.createElement(EmailLoginProvider, { dispatch: dispatch },
|
|
15695
|
-
React.createElement(
|
|
15696
|
-
React.createElement(VStack, {
|
|
15785
|
+
React.createElement(r$3, { isWidget: true, fullscreen: isModal && isMobile },
|
|
15786
|
+
React.createElement(VStack, { width: "full", minWidth: "380px" },
|
|
15697
15787
|
renderView(),
|
|
15698
15788
|
React.createElement(c$5, { showLogo: showFooterLogo })))));
|
|
15699
15789
|
}
|
|
@@ -15709,7 +15799,6 @@ const modalBackdropStyles = {
|
|
|
15709
15799
|
display: 'flex',
|
|
15710
15800
|
alignItems: 'flex-start',
|
|
15711
15801
|
justifyContent: 'center',
|
|
15712
|
-
paddingTop: '15vh', // Slightly above center
|
|
15713
15802
|
zIndex: 9999,
|
|
15714
15803
|
};
|
|
15715
15804
|
const modalContentStyles = {
|
|
@@ -15800,9 +15889,9 @@ function MagicWidget({ displayMode = 'inline', isOpen = true, onClose, closeOnSu
|
|
|
15800
15889
|
React.createElement(wagmi.WagmiProvider, { config: wagmiConfig },
|
|
15801
15890
|
React.createElement(reactQuery.QueryClientProvider, { client: queryClient },
|
|
15802
15891
|
React.createElement("div", { id: "magic-widget-container" },
|
|
15803
|
-
React.createElement(WidgetContent, { state: state, dispatch: dispatch, showFooterLogo: showFooterLogo }))))));
|
|
15892
|
+
React.createElement(WidgetContent, { state: state, dispatch: dispatch, showFooterLogo: showFooterLogo, isModal: isModal }))))));
|
|
15804
15893
|
if (isModal) {
|
|
15805
|
-
return (React.createElement("div", { style: modalBackdropStyles, onClick: handleBackdropClick },
|
|
15894
|
+
return (React.createElement("div", { style: modalBackdropStyles, className: css({ '@media (min-width: 769px)': { paddingTop: '15vh' } }), onClick: handleBackdropClick },
|
|
15806
15895
|
React.createElement("div", { style: modalContentStyles }, widgetContent)));
|
|
15807
15896
|
}
|
|
15808
15897
|
return widgetContent;
|