@magic-ext/magic-widget 1.0.0-canary.979.21261788025.0 → 1.0.0-canary.979.21272439387.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 +461 -353
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/hooks/useMediaQuery.d.ts +1 -0
- package/dist/es/index.mjs +462 -354
- package/dist/es/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +3 -3
package/dist/es/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
2
|
import * as React from 'react';
|
|
3
|
-
import React__default, { forwardRef, useMemo, createElement, useRef, useCallback,
|
|
3
|
+
import React__default, { forwardRef, useMemo, createElement, useState, useRef, useCallback, useContext, useEffect, useReducer, createContext, Children, cloneElement, useLayoutEffect, useImperativeHandle, isValidElement } from 'react';
|
|
4
4
|
import $4AOtR$reactdom, { flushSync } from 'react-dom';
|
|
5
5
|
import { useConnect, useAccount, useDisconnect, useSignMessage, useChainId, WagmiProvider } from 'wagmi';
|
|
6
6
|
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
|
|
@@ -3250,36 +3250,6 @@ token.var = tokenVar;
|
|
|
3250
3250
|
*/
|
|
3251
3251
|
const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== 'undefined' ? (React__default).useLayoutEffect : ()=>{};
|
|
3252
3252
|
|
|
3253
|
-
/*
|
|
3254
|
-
* Copyright 2023 Adobe. All rights reserved.
|
|
3255
|
-
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
3256
|
-
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
3257
|
-
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
3258
|
-
*
|
|
3259
|
-
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
3260
|
-
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
3261
|
-
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
3262
|
-
* governing permissions and limitations under the License.
|
|
3263
|
-
*/
|
|
3264
|
-
|
|
3265
|
-
var $8ae05eaa5c114e9c$var$_React_useInsertionEffect;
|
|
3266
|
-
// Use the earliest effect type possible. useInsertionEffect runs during the mutation phase,
|
|
3267
|
-
// before all layout effects, but is available only in React 18 and later.
|
|
3268
|
-
const $8ae05eaa5c114e9c$var$useEarlyEffect = ($8ae05eaa5c114e9c$var$_React_useInsertionEffect = (React__default)['useInsertionEffect']) !== null && $8ae05eaa5c114e9c$var$_React_useInsertionEffect !== void 0 ? $8ae05eaa5c114e9c$var$_React_useInsertionEffect : ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c);
|
|
3269
|
-
function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
|
|
3270
|
-
const ref = (useRef)(null);
|
|
3271
|
-
$8ae05eaa5c114e9c$var$useEarlyEffect(()=>{
|
|
3272
|
-
ref.current = fn;
|
|
3273
|
-
}, [
|
|
3274
|
-
fn
|
|
3275
|
-
]);
|
|
3276
|
-
// @ts-ignore
|
|
3277
|
-
return (useCallback)((...args)=>{
|
|
3278
|
-
const f = ref.current;
|
|
3279
|
-
return f === null || f === void 0 ? void 0 : f(...args);
|
|
3280
|
-
}, []);
|
|
3281
|
-
}
|
|
3282
|
-
|
|
3283
3253
|
/*
|
|
3284
3254
|
* Copyright 2020 Adobe. All rights reserved.
|
|
3285
3255
|
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
@@ -3294,10 +3264,13 @@ function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
|
|
|
3294
3264
|
|
|
3295
3265
|
function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
|
|
3296
3266
|
let [value, setValue] = (useState)(defaultValue);
|
|
3267
|
+
// Keep an up to date copy of value in a ref so we can access the current value in the generator.
|
|
3268
|
+
// This allows us to maintain a stable queue function.
|
|
3269
|
+
let currValue = (useRef)(value);
|
|
3297
3270
|
let effect = (useRef)(null);
|
|
3298
3271
|
// Store the function in a ref so we can always access the current version
|
|
3299
3272
|
// which has the proper `value` in scope.
|
|
3300
|
-
let nextRef = (
|
|
3273
|
+
let nextRef = (useRef)(()=>{
|
|
3301
3274
|
if (!effect.current) return;
|
|
3302
3275
|
// Run the generator to the next yield.
|
|
3303
3276
|
let newValue = effect.current.next();
|
|
@@ -3309,17 +3282,20 @@ function $1dbecbe27a04f9af$export$14d238f342723f25(defaultValue) {
|
|
|
3309
3282
|
// If the value is the same as the current value,
|
|
3310
3283
|
// then continue to the next yield. Otherwise,
|
|
3311
3284
|
// set the value in state and wait for the next layout effect.
|
|
3312
|
-
if (
|
|
3285
|
+
if (currValue.current === newValue.value) nextRef.current();
|
|
3313
3286
|
else setValue(newValue.value);
|
|
3314
3287
|
});
|
|
3315
3288
|
($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
|
|
3289
|
+
currValue.current = value;
|
|
3316
3290
|
// If there is an effect currently running, continue to the next yield.
|
|
3317
|
-
if (effect.current) nextRef();
|
|
3318
|
-
});
|
|
3319
|
-
let queue = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((fn)=>{
|
|
3320
|
-
effect.current = fn(value);
|
|
3321
|
-
nextRef();
|
|
3291
|
+
if (effect.current) nextRef.current();
|
|
3322
3292
|
});
|
|
3293
|
+
let queue = (useCallback)((fn)=>{
|
|
3294
|
+
effect.current = fn(currValue.current);
|
|
3295
|
+
nextRef.current();
|
|
3296
|
+
}, [
|
|
3297
|
+
nextRef
|
|
3298
|
+
]);
|
|
3323
3299
|
return [
|
|
3324
3300
|
value,
|
|
3325
3301
|
queue
|
|
@@ -3778,7 +3754,7 @@ function $dfc540311bf7f109$export$4d0f8be8b12a7ef6(doc, root, whatToShow, filter
|
|
|
3778
3754
|
return doc.createTreeWalker(root, whatToShow, filter);
|
|
3779
3755
|
}
|
|
3780
3756
|
|
|
3781
|
-
function r$
|
|
3757
|
+
function r$8(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r$8(e[t]))&&(n&&(n+=" "),n+=f);}else for(f in e)e[f]&&(n&&(n+=" "),n+=f);return n}function clsx(){for(var e,t,f=0,n="",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r$8(e))&&(n&&(n+=" "),n+=t);return n}
|
|
3782
3758
|
|
|
3783
3759
|
/*
|
|
3784
3760
|
* Copyright 2020 Adobe. All rights reserved.
|
|
@@ -3891,7 +3867,7 @@ const $65484d02dcb7eb3e$var$propRe = /^(data-.*)$/;
|
|
|
3891
3867
|
function $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, opts = {}) {
|
|
3892
3868
|
let { labelable: labelable, isLink: isLink, global: global, events: events = global, propNames: propNames } = opts;
|
|
3893
3869
|
let filteredProps = {};
|
|
3894
|
-
for(const prop in props)if (Object.prototype.hasOwnProperty.call(props, prop) && ($65484d02dcb7eb3e$var$DOMPropNames.has(prop) || labelable && $65484d02dcb7eb3e$var$labelablePropNames.has(prop) || isLink && $65484d02dcb7eb3e$var$linkPropNames.has(prop) || global && $65484d02dcb7eb3e$var$globalAttrs.has(prop) || events && $65484d02dcb7eb3e$var$globalEvents.has(prop) || prop.endsWith('Capture') && $65484d02dcb7eb3e$var$globalEvents.has(prop.slice(0, -7)) || (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop)) || $65484d02dcb7eb3e$var$propRe.test(prop))) filteredProps[prop] = props[prop];
|
|
3870
|
+
for(const prop in props)if (Object.prototype.hasOwnProperty.call(props, prop) && ($65484d02dcb7eb3e$var$DOMPropNames.has(prop) || labelable && $65484d02dcb7eb3e$var$labelablePropNames.has(prop) || isLink && $65484d02dcb7eb3e$var$linkPropNames.has(prop) || global && $65484d02dcb7eb3e$var$globalAttrs.has(prop) || events && ($65484d02dcb7eb3e$var$globalEvents.has(prop) || prop.endsWith('Capture') && $65484d02dcb7eb3e$var$globalEvents.has(prop.slice(0, -7))) || (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop)) || $65484d02dcb7eb3e$var$propRe.test(prop))) filteredProps[prop] = props[prop];
|
|
3895
3871
|
return filteredProps;
|
|
3896
3872
|
}
|
|
3897
3873
|
|
|
@@ -4040,6 +4016,7 @@ function $ea8dcbcb9ea1b556$export$95185d699e05d4d7(target, modifiers, setOpening
|
|
|
4040
4016
|
ctrlKey: ctrlKey,
|
|
4041
4017
|
altKey: altKey,
|
|
4042
4018
|
shiftKey: shiftKey,
|
|
4019
|
+
detail: 1,
|
|
4043
4020
|
bubbles: true,
|
|
4044
4021
|
cancelable: true
|
|
4045
4022
|
});
|
|
@@ -4221,23 +4198,56 @@ function $313b98861ee5dd6c$export$d6875122194c7b44(props, defaultLabel) {
|
|
|
4221
4198
|
};
|
|
4222
4199
|
}
|
|
4223
4200
|
|
|
4201
|
+
/*
|
|
4202
|
+
* Copyright 2023 Adobe. All rights reserved.
|
|
4203
|
+
* This file is licensed to you under the Apache License, Version 2.0 (the "License");
|
|
4204
|
+
* you may not use this file except in compliance with the License. You may obtain a copy
|
|
4205
|
+
* of the License at http://www.apache.org/licenses/LICENSE-2.0
|
|
4206
|
+
*
|
|
4207
|
+
* Unless required by applicable law or agreed to in writing, software distributed under
|
|
4208
|
+
* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
|
|
4209
|
+
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
4210
|
+
* governing permissions and limitations under the License.
|
|
4211
|
+
*/
|
|
4212
|
+
|
|
4213
|
+
var $8ae05eaa5c114e9c$var$_React_useInsertionEffect;
|
|
4214
|
+
// Use the earliest effect type possible. useInsertionEffect runs during the mutation phase,
|
|
4215
|
+
// before all layout effects, but is available only in React 18 and later.
|
|
4216
|
+
const $8ae05eaa5c114e9c$var$useEarlyEffect = ($8ae05eaa5c114e9c$var$_React_useInsertionEffect = (React__default)['useInsertionEffect']) !== null && $8ae05eaa5c114e9c$var$_React_useInsertionEffect !== void 0 ? $8ae05eaa5c114e9c$var$_React_useInsertionEffect : ($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c);
|
|
4217
|
+
function $8ae05eaa5c114e9c$export$7f54fc3180508a52(fn) {
|
|
4218
|
+
const ref = (useRef)(null);
|
|
4219
|
+
$8ae05eaa5c114e9c$var$useEarlyEffect(()=>{
|
|
4220
|
+
ref.current = fn;
|
|
4221
|
+
}, [
|
|
4222
|
+
fn
|
|
4223
|
+
]);
|
|
4224
|
+
// @ts-ignore
|
|
4225
|
+
return (useCallback)((...args)=>{
|
|
4226
|
+
const f = ref.current;
|
|
4227
|
+
return f === null || f === void 0 ? void 0 : f(...args);
|
|
4228
|
+
}, []);
|
|
4229
|
+
}
|
|
4230
|
+
|
|
4224
4231
|
function $9daab02d461809db$var$hasResizeObserver() {
|
|
4225
4232
|
return typeof window.ResizeObserver !== 'undefined';
|
|
4226
4233
|
}
|
|
4227
4234
|
function $9daab02d461809db$export$683480f191c0e3ea(options) {
|
|
4235
|
+
// Only call onResize from inside the effect, otherwise we'll void our assumption that
|
|
4236
|
+
// useEffectEvents are safe to pass in.
|
|
4228
4237
|
const { ref: ref, box: box, onResize: onResize } = options;
|
|
4238
|
+
let onResizeEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(onResize);
|
|
4229
4239
|
(useEffect)(()=>{
|
|
4230
4240
|
let element = ref === null || ref === void 0 ? void 0 : ref.current;
|
|
4231
4241
|
if (!element) return;
|
|
4232
4242
|
if (!$9daab02d461809db$var$hasResizeObserver()) {
|
|
4233
|
-
window.addEventListener('resize',
|
|
4243
|
+
window.addEventListener('resize', onResizeEvent, false);
|
|
4234
4244
|
return ()=>{
|
|
4235
|
-
window.removeEventListener('resize',
|
|
4245
|
+
window.removeEventListener('resize', onResizeEvent, false);
|
|
4236
4246
|
};
|
|
4237
4247
|
} else {
|
|
4238
4248
|
const resizeObserverInstance = new window.ResizeObserver((entries)=>{
|
|
4239
4249
|
if (!entries.length) return;
|
|
4240
|
-
|
|
4250
|
+
onResizeEvent();
|
|
4241
4251
|
});
|
|
4242
4252
|
resizeObserverInstance.observe(element, {
|
|
4243
4253
|
box: box
|
|
@@ -4247,7 +4257,6 @@ function $9daab02d461809db$export$683480f191c0e3ea(options) {
|
|
|
4247
4257
|
};
|
|
4248
4258
|
}
|
|
4249
4259
|
}, [
|
|
4250
|
-
onResize,
|
|
4251
4260
|
ref,
|
|
4252
4261
|
box
|
|
4253
4262
|
]);
|
|
@@ -4381,8 +4390,7 @@ function $99facab73266f662$export$5add1d006293d136(ref, initialValue, onReset) {
|
|
|
4381
4390
|
form === null || form === void 0 ? void 0 : form.removeEventListener('reset', handleReset);
|
|
4382
4391
|
};
|
|
4383
4392
|
}, [
|
|
4384
|
-
ref
|
|
4385
|
-
handleReset
|
|
4393
|
+
ref
|
|
4386
4394
|
]);
|
|
4387
4395
|
}
|
|
4388
4396
|
|
|
@@ -4477,8 +4485,14 @@ function $b4b717babfbb907b$var$isInert(element) {
|
|
|
4477
4485
|
* OF ANY KIND, either express or implied. See the License for the specific language
|
|
4478
4486
|
* governing permissions and limitations under the License.
|
|
4479
4487
|
*/
|
|
4488
|
+
var $458b0a5536c1a7cf$var$_React_useInsertionEffect;
|
|
4489
|
+
// Use the earliest effect possible to reset the ref below.
|
|
4490
|
+
const $458b0a5536c1a7cf$var$useEarlyEffect = typeof document !== 'undefined' ? ($458b0a5536c1a7cf$var$_React_useInsertionEffect = (React__default)['useInsertionEffect']) !== null && $458b0a5536c1a7cf$var$_React_useInsertionEffect !== void 0 ? $458b0a5536c1a7cf$var$_React_useInsertionEffect : (React__default).useLayoutEffect : ()=>{};
|
|
4480
4491
|
function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange) {
|
|
4492
|
+
// Store the value in both state and a ref. The state value will only be used when uncontrolled.
|
|
4493
|
+
// The ref is used to track the most current value, which is passed to the function setState callback.
|
|
4481
4494
|
let [stateValue, setStateValue] = (useState)(value || defaultValue);
|
|
4495
|
+
let valueRef = (useRef)(stateValue);
|
|
4482
4496
|
let isControlledRef = (useRef)(value !== undefined);
|
|
4483
4497
|
let isControlled = value !== undefined;
|
|
4484
4498
|
(useEffect)(()=>{
|
|
@@ -4488,40 +4502,28 @@ function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange
|
|
|
4488
4502
|
}, [
|
|
4489
4503
|
isControlled
|
|
4490
4504
|
]);
|
|
4505
|
+
// After each render, update the ref to the current value.
|
|
4506
|
+
// This ensures that the setState callback argument is reset.
|
|
4507
|
+
// Note: the effect should not have any dependencies so that controlled values always reset.
|
|
4491
4508
|
let currentValue = isControlled ? value : stateValue;
|
|
4509
|
+
$458b0a5536c1a7cf$var$useEarlyEffect(()=>{
|
|
4510
|
+
valueRef.current = currentValue;
|
|
4511
|
+
});
|
|
4512
|
+
let [, forceUpdate] = (useReducer)(()=>({}), {});
|
|
4492
4513
|
let setValue = (useCallback)((value, ...args)=>{
|
|
4493
|
-
|
|
4494
|
-
|
|
4495
|
-
|
|
4496
|
-
|
|
4497
|
-
|
|
4498
|
-
|
|
4499
|
-
//
|
|
4500
|
-
|
|
4501
|
-
//
|
|
4502
|
-
|
|
4503
|
-
|
|
4504
|
-
if (typeof value === 'function') {
|
|
4505
|
-
if (process.env.NODE_ENV !== 'production') console.warn('We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320');
|
|
4506
|
-
// this supports functional updates https://reactjs.org/docs/hooks-reference.html#functional-updates
|
|
4507
|
-
// when someone using useControlledState calls setControlledState(myFunc)
|
|
4508
|
-
// this will call our useState setState with a function as well which invokes myFunc and calls onChange with the value from myFunc
|
|
4509
|
-
// if we're in an uncontrolled state, then we also return the value of myFunc which to setState looks as though it was just called with myFunc from the beginning
|
|
4510
|
-
// otherwise we just return the controlled value, which won't cause a rerender because React knows to bail out when the value is the same
|
|
4511
|
-
let updateFunction = (oldValue, ...functionArgs)=>{
|
|
4512
|
-
let interceptedValue = value(isControlled ? currentValue : oldValue, ...functionArgs);
|
|
4513
|
-
onChangeCaller(interceptedValue, ...args);
|
|
4514
|
-
if (!isControlled) return interceptedValue;
|
|
4515
|
-
return oldValue;
|
|
4516
|
-
};
|
|
4517
|
-
setStateValue(updateFunction);
|
|
4518
|
-
} else {
|
|
4519
|
-
if (!isControlled) setStateValue(value);
|
|
4520
|
-
onChangeCaller(value, ...args);
|
|
4514
|
+
// @ts-ignore - TS doesn't know that T cannot be a function.
|
|
4515
|
+
let newValue = typeof value === 'function' ? value(valueRef.current) : value;
|
|
4516
|
+
if (!Object.is(valueRef.current, newValue)) {
|
|
4517
|
+
// Update the ref so that the next setState callback has the most recent value.
|
|
4518
|
+
valueRef.current = newValue;
|
|
4519
|
+
setStateValue(newValue);
|
|
4520
|
+
// Always trigger a re-render, even when controlled, so that the layout effect above runs to reset the value.
|
|
4521
|
+
forceUpdate();
|
|
4522
|
+
// Trigger onChange. Note that if setState is called multiple times in a single event,
|
|
4523
|
+
// onChange will be called for each one instead of only once.
|
|
4524
|
+
onChange === null || onChange === void 0 ? void 0 : onChange(newValue, ...args);
|
|
4521
4525
|
}
|
|
4522
4526
|
}, [
|
|
4523
|
-
isControlled,
|
|
4524
|
-
currentValue,
|
|
4525
4527
|
onChange
|
|
4526
4528
|
]);
|
|
4527
4529
|
return [
|
|
@@ -4591,9 +4593,6 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
|
|
|
4591
4593
|
}
|
|
4592
4594
|
};
|
|
4593
4595
|
}, []);
|
|
4594
|
-
let dispatchBlur = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)((e)=>{
|
|
4595
|
-
onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
|
|
4596
|
-
});
|
|
4597
4596
|
// This function is called during a React onFocus event.
|
|
4598
4597
|
return (useCallback)((e)=>{
|
|
4599
4598
|
// React does not fire onBlur when an element is disabled. https://github.com/facebook/react/issues/9142
|
|
@@ -4608,7 +4607,7 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
|
|
|
4608
4607
|
if (target.disabled) {
|
|
4609
4608
|
// For backward compatibility, dispatch a (fake) React synthetic event.
|
|
4610
4609
|
let event = $8a9cb279dc87e130$export$525bc4921d56d4a(e);
|
|
4611
|
-
|
|
4610
|
+
onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
|
|
4612
4611
|
}
|
|
4613
4612
|
// We no longer need the MutationObserver once the target is blurred.
|
|
4614
4613
|
if (stateRef.current.observer) {
|
|
@@ -4641,7 +4640,7 @@ function $8a9cb279dc87e130$export$715c682d09d639cc(onBlur) {
|
|
|
4641
4640
|
});
|
|
4642
4641
|
}
|
|
4643
4642
|
}, [
|
|
4644
|
-
|
|
4643
|
+
onBlur
|
|
4645
4644
|
]);
|
|
4646
4645
|
}
|
|
4647
4646
|
let $8a9cb279dc87e130$export$fda7da73ab5d4c48 = false;
|
|
@@ -4921,8 +4920,8 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
4921
4920
|
pointerType: null,
|
|
4922
4921
|
disposables: []
|
|
4923
4922
|
});
|
|
4924
|
-
let { addGlobalListener: addGlobalListener, removeAllGlobalListeners: removeAllGlobalListeners } = ($03deb23ff14920c4$export$4eaf04e54aa8eed6)();
|
|
4925
|
-
let triggerPressStart = (
|
|
4923
|
+
let { addGlobalListener: addGlobalListener, removeAllGlobalListeners: removeAllGlobalListeners, removeGlobalListener: removeGlobalListener } = ($03deb23ff14920c4$export$4eaf04e54aa8eed6)();
|
|
4924
|
+
let triggerPressStart = (useCallback)((originalEvent, pointerType)=>{
|
|
4926
4925
|
let state = ref.current;
|
|
4927
4926
|
if (isDisabled || state.didFirePressStart) return false;
|
|
4928
4927
|
let shouldStopPropagation = true;
|
|
@@ -4937,8 +4936,12 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
4937
4936
|
state.didFirePressStart = true;
|
|
4938
4937
|
setPressed(true);
|
|
4939
4938
|
return shouldStopPropagation;
|
|
4940
|
-
}
|
|
4941
|
-
|
|
4939
|
+
}, [
|
|
4940
|
+
isDisabled,
|
|
4941
|
+
onPressStart,
|
|
4942
|
+
onPressChange
|
|
4943
|
+
]);
|
|
4944
|
+
let triggerPressEnd = (useCallback)((originalEvent, pointerType, wasPressed = true)=>{
|
|
4942
4945
|
let state = ref.current;
|
|
4943
4946
|
if (!state.didFirePressStart) return false;
|
|
4944
4947
|
state.didFirePressStart = false;
|
|
@@ -4958,8 +4961,14 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
4958
4961
|
}
|
|
4959
4962
|
state.isTriggeringEvent = false;
|
|
4960
4963
|
return shouldStopPropagation;
|
|
4961
|
-
}
|
|
4962
|
-
|
|
4964
|
+
}, [
|
|
4965
|
+
isDisabled,
|
|
4966
|
+
onPressEnd,
|
|
4967
|
+
onPressChange,
|
|
4968
|
+
onPress
|
|
4969
|
+
]);
|
|
4970
|
+
let triggerPressEndEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(triggerPressEnd);
|
|
4971
|
+
let triggerPressUp = (useCallback)((originalEvent, pointerType)=>{
|
|
4963
4972
|
let state = ref.current;
|
|
4964
4973
|
if (isDisabled) return false;
|
|
4965
4974
|
if (onPressUp) {
|
|
@@ -4970,12 +4979,17 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
4970
4979
|
return event.shouldStopPropagation;
|
|
4971
4980
|
}
|
|
4972
4981
|
return true;
|
|
4973
|
-
}
|
|
4974
|
-
|
|
4982
|
+
}, [
|
|
4983
|
+
isDisabled,
|
|
4984
|
+
onPressUp
|
|
4985
|
+
]);
|
|
4986
|
+
let triggerPressUpEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(triggerPressUp);
|
|
4987
|
+
let cancel = (useCallback)((e)=>{
|
|
4975
4988
|
let state = ref.current;
|
|
4976
4989
|
if (state.isPressed && state.target) {
|
|
4977
4990
|
if (state.didFirePressStart && state.pointerType != null) triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), state.pointerType, false);
|
|
4978
4991
|
state.isPressed = false;
|
|
4992
|
+
setIsPointerPressed(null);
|
|
4979
4993
|
state.isOverTarget = false;
|
|
4980
4994
|
state.activePointerId = null;
|
|
4981
4995
|
state.pointerType = null;
|
|
@@ -4984,15 +4998,26 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
4984
4998
|
for (let dispose of state.disposables)dispose();
|
|
4985
4999
|
state.disposables = [];
|
|
4986
5000
|
}
|
|
4987
|
-
}
|
|
4988
|
-
|
|
5001
|
+
}, [
|
|
5002
|
+
allowTextSelectionOnPress,
|
|
5003
|
+
removeAllGlobalListeners,
|
|
5004
|
+
triggerPressEnd
|
|
5005
|
+
]);
|
|
5006
|
+
let cancelEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(cancel);
|
|
5007
|
+
let cancelOnPointerExit = (useCallback)((e)=>{
|
|
4989
5008
|
if (shouldCancelOnPointerExit) cancel(e);
|
|
4990
|
-
}
|
|
4991
|
-
|
|
5009
|
+
}, [
|
|
5010
|
+
shouldCancelOnPointerExit,
|
|
5011
|
+
cancel
|
|
5012
|
+
]);
|
|
5013
|
+
let triggerClick = (useCallback)((e)=>{
|
|
4992
5014
|
if (isDisabled) return;
|
|
4993
5015
|
onClick === null || onClick === void 0 ? void 0 : onClick(e);
|
|
4994
|
-
}
|
|
4995
|
-
|
|
5016
|
+
}, [
|
|
5017
|
+
isDisabled,
|
|
5018
|
+
onClick
|
|
5019
|
+
]);
|
|
5020
|
+
let triggerSyntheticClick = (useCallback)((e, target)=>{
|
|
4996
5021
|
if (isDisabled) return;
|
|
4997
5022
|
// Some third-party libraries pass in onClick instead of onPress.
|
|
4998
5023
|
// Create a fake mouse event and trigger onClick as well.
|
|
@@ -5004,7 +5029,147 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5004
5029
|
($8a9cb279dc87e130$export$c2b7abe5d61ec696)(event, target);
|
|
5005
5030
|
onClick(($8a9cb279dc87e130$export$525bc4921d56d4a)(event));
|
|
5006
5031
|
}
|
|
5007
|
-
}
|
|
5032
|
+
}, [
|
|
5033
|
+
isDisabled,
|
|
5034
|
+
onClick
|
|
5035
|
+
]);
|
|
5036
|
+
let triggerSyntheticClickEvent = ($8ae05eaa5c114e9c$export$7f54fc3180508a52)(triggerSyntheticClick);
|
|
5037
|
+
let [isElemKeyPressed, setIsElemKeyPressed] = (useState)(false);
|
|
5038
|
+
($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
|
|
5039
|
+
let state = ref.current;
|
|
5040
|
+
if (isElemKeyPressed) {
|
|
5041
|
+
let onKeyUp = (e)=>{
|
|
5042
|
+
var _state_metaKeyEvents;
|
|
5043
|
+
if (state.isPressed && state.target && $f6c31cce2adf654f$var$isValidKeyboardEvent(e, state.target)) {
|
|
5044
|
+
var _state_metaKeyEvents1;
|
|
5045
|
+
if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e), e.key)) e.preventDefault();
|
|
5046
|
+
let target = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
|
|
5047
|
+
let wasPressed = ($d4ee10de306f2510$export$4282f70798064fe0)(state.target, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e));
|
|
5048
|
+
triggerPressEndEvent($f6c31cce2adf654f$var$createEvent(state.target, e), 'keyboard', wasPressed);
|
|
5049
|
+
if (wasPressed) triggerSyntheticClickEvent(e, state.target);
|
|
5050
|
+
removeAllGlobalListeners();
|
|
5051
|
+
// If a link was triggered with a key other than Enter, open the URL ourselves.
|
|
5052
|
+
// This means the link has a role override, and the default browser behavior
|
|
5053
|
+
// only applies when using the Enter key.
|
|
5054
|
+
if (e.key !== 'Enter' && $f6c31cce2adf654f$var$isHTMLAnchorLink(state.target) && ($d4ee10de306f2510$export$4282f70798064fe0)(state.target, target) && !e[$f6c31cce2adf654f$var$LINK_CLICKED]) {
|
|
5055
|
+
// Store a hidden property on the event so we only trigger link click once,
|
|
5056
|
+
// even if there are multiple usePress instances attached to the element.
|
|
5057
|
+
e[$f6c31cce2adf654f$var$LINK_CLICKED] = true;
|
|
5058
|
+
($ea8dcbcb9ea1b556$export$95185d699e05d4d7)(state.target, e, false);
|
|
5059
|
+
}
|
|
5060
|
+
state.isPressed = false;
|
|
5061
|
+
setIsElemKeyPressed(false);
|
|
5062
|
+
(_state_metaKeyEvents1 = state.metaKeyEvents) === null || _state_metaKeyEvents1 === void 0 ? void 0 : _state_metaKeyEvents1.delete(e.key);
|
|
5063
|
+
} else if (e.key === 'Meta' && ((_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === void 0 ? void 0 : _state_metaKeyEvents.size)) {
|
|
5064
|
+
var _state_target;
|
|
5065
|
+
// If we recorded keydown events that occurred while the Meta key was pressed,
|
|
5066
|
+
// and those haven't received keyup events already, fire keyup events ourselves.
|
|
5067
|
+
// See comment above for more info about the macOS bug causing this.
|
|
5068
|
+
let events = state.metaKeyEvents;
|
|
5069
|
+
state.metaKeyEvents = undefined;
|
|
5070
|
+
for (let event of events.values())(_state_target = state.target) === null || _state_target === void 0 ? void 0 : _state_target.dispatchEvent(new KeyboardEvent('keyup', event));
|
|
5071
|
+
}
|
|
5072
|
+
};
|
|
5073
|
+
// Focus may move before the key up event, so register the event on the document
|
|
5074
|
+
// instead of the same element where the key down event occurred. Make it capturing so that it will trigger
|
|
5075
|
+
// before stopPropagation from useKeyboard on a child element may happen and thus we can still call triggerPress for the parent element.
|
|
5076
|
+
let originalTarget = state.target;
|
|
5077
|
+
let pressUp = (e)=>{
|
|
5078
|
+
if (originalTarget && $f6c31cce2adf654f$var$isValidKeyboardEvent(e, originalTarget) && !e.repeat && ($d4ee10de306f2510$export$4282f70798064fe0)(originalTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e)) && state.target) triggerPressUpEvent($f6c31cce2adf654f$var$createEvent(state.target, e), 'keyboard');
|
|
5079
|
+
};
|
|
5080
|
+
let listener = ($ff5963eb1fccf552$export$e08e3b67e392101e)(pressUp, onKeyUp);
|
|
5081
|
+
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'keyup', listener, true);
|
|
5082
|
+
return ()=>{
|
|
5083
|
+
removeGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'keyup', listener, true);
|
|
5084
|
+
};
|
|
5085
|
+
}
|
|
5086
|
+
}, [
|
|
5087
|
+
isElemKeyPressed,
|
|
5088
|
+
addGlobalListener,
|
|
5089
|
+
removeAllGlobalListeners,
|
|
5090
|
+
removeGlobalListener
|
|
5091
|
+
]);
|
|
5092
|
+
let [isPointerPressed, setIsPointerPressed] = (useState)(null);
|
|
5093
|
+
($f0a04ccd8dbdd83b$export$e5c5a5f917a5871c)(()=>{
|
|
5094
|
+
let state = ref.current;
|
|
5095
|
+
if (isPointerPressed === 'pointer') {
|
|
5096
|
+
let onPointerUp = (e)=>{
|
|
5097
|
+
if (e.pointerId === state.activePointerId && state.isPressed && e.button === 0 && state.target) {
|
|
5098
|
+
if (($d4ee10de306f2510$export$4282f70798064fe0)(state.target, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e)) && state.pointerType != null) {
|
|
5099
|
+
// Wait for onClick to fire onPress. This avoids browser issues when the DOM
|
|
5100
|
+
// is mutated between onPointerUp and onClick, and is more compatible with third party libraries.
|
|
5101
|
+
// https://github.com/adobe/react-spectrum/issues/1513
|
|
5102
|
+
// https://issues.chromium.org/issues/40732224
|
|
5103
|
+
// However, iOS and Android do not focus or fire onClick after a long press.
|
|
5104
|
+
// We work around this by triggering a click ourselves after a timeout.
|
|
5105
|
+
// This timeout is canceled during the click event in case the real one fires first.
|
|
5106
|
+
// The timeout must be at least 32ms, because Safari on iOS delays the click event on
|
|
5107
|
+
// non-form elements without certain ARIA roles (for hover emulation).
|
|
5108
|
+
// https://github.com/WebKit/WebKit/blob/dccfae42bb29bd4bdef052e469f604a9387241c0/Source/WebKit/WebProcess/WebPage/ios/WebPageIOS.mm#L875-L892
|
|
5109
|
+
let clicked = false;
|
|
5110
|
+
let timeout = setTimeout(()=>{
|
|
5111
|
+
if (state.isPressed && state.target instanceof HTMLElement) {
|
|
5112
|
+
if (clicked) cancelEvent(e);
|
|
5113
|
+
else {
|
|
5114
|
+
($7215afc6de606d6b$export$de79e2c695e052f3)(state.target);
|
|
5115
|
+
state.target.click();
|
|
5116
|
+
}
|
|
5117
|
+
}
|
|
5118
|
+
}, 80);
|
|
5119
|
+
// Use a capturing listener to track if a click occurred.
|
|
5120
|
+
// If stopPropagation is called it may never reach our handler.
|
|
5121
|
+
addGlobalListener(e.currentTarget, 'click', ()=>clicked = true, true);
|
|
5122
|
+
state.disposables.push(()=>clearTimeout(timeout));
|
|
5123
|
+
} else cancelEvent(e);
|
|
5124
|
+
// Ignore subsequent onPointerLeave event before onClick on touch devices.
|
|
5125
|
+
state.isOverTarget = false;
|
|
5126
|
+
}
|
|
5127
|
+
};
|
|
5128
|
+
let onPointerCancel = (e)=>{
|
|
5129
|
+
cancelEvent(e);
|
|
5130
|
+
};
|
|
5131
|
+
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'pointerup', onPointerUp, false);
|
|
5132
|
+
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'pointercancel', onPointerCancel, false);
|
|
5133
|
+
return ()=>{
|
|
5134
|
+
removeGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'pointerup', onPointerUp, false);
|
|
5135
|
+
removeGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'pointercancel', onPointerCancel, false);
|
|
5136
|
+
};
|
|
5137
|
+
} else if (isPointerPressed === 'mouse' && process.env.NODE_ENV === 'test') {
|
|
5138
|
+
let onMouseUp = (e)=>{
|
|
5139
|
+
// Only handle left clicks
|
|
5140
|
+
if (e.button !== 0) return;
|
|
5141
|
+
if (state.ignoreEmulatedMouseEvents) {
|
|
5142
|
+
state.ignoreEmulatedMouseEvents = false;
|
|
5143
|
+
return;
|
|
5144
|
+
}
|
|
5145
|
+
if (state.target && state.target.contains(e.target) && state.pointerType != null) ;
|
|
5146
|
+
else cancelEvent(e);
|
|
5147
|
+
state.isOverTarget = false;
|
|
5148
|
+
};
|
|
5149
|
+
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'mouseup', onMouseUp, false);
|
|
5150
|
+
return ()=>{
|
|
5151
|
+
removeGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(state.target), 'mouseup', onMouseUp, false);
|
|
5152
|
+
};
|
|
5153
|
+
} else if (isPointerPressed === 'touch' && process.env.NODE_ENV === 'test') {
|
|
5154
|
+
let onScroll = (e)=>{
|
|
5155
|
+
if (state.isPressed && ($d4ee10de306f2510$export$4282f70798064fe0)(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e), state.target)) cancelEvent({
|
|
5156
|
+
currentTarget: state.target,
|
|
5157
|
+
shiftKey: false,
|
|
5158
|
+
ctrlKey: false,
|
|
5159
|
+
metaKey: false,
|
|
5160
|
+
altKey: false
|
|
5161
|
+
});
|
|
5162
|
+
};
|
|
5163
|
+
addGlobalListener(($431fbd86ca7dc216$export$f21a1ffae260145a)(state.target), 'scroll', onScroll, true);
|
|
5164
|
+
return ()=>{
|
|
5165
|
+
removeGlobalListener(($431fbd86ca7dc216$export$f21a1ffae260145a)(state.target), 'scroll', onScroll, true);
|
|
5166
|
+
};
|
|
5167
|
+
}
|
|
5168
|
+
}, [
|
|
5169
|
+
isPointerPressed,
|
|
5170
|
+
addGlobalListener,
|
|
5171
|
+
removeGlobalListener
|
|
5172
|
+
]);
|
|
5008
5173
|
let pressProps = (useMemo)(()=>{
|
|
5009
5174
|
let state = ref.current;
|
|
5010
5175
|
let pressProps = {
|
|
@@ -5019,16 +5184,9 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5019
5184
|
if (!state.isPressed && !e.repeat) {
|
|
5020
5185
|
state.target = e.currentTarget;
|
|
5021
5186
|
state.isPressed = true;
|
|
5187
|
+
setIsElemKeyPressed(true);
|
|
5022
5188
|
state.pointerType = 'keyboard';
|
|
5023
5189
|
shouldStopPropagation = triggerPressStart(e, 'keyboard');
|
|
5024
|
-
// Focus may move before the key up event, so register the event on the document
|
|
5025
|
-
// instead of the same element where the key down event occurred. Make it capturing so that it will trigger
|
|
5026
|
-
// before stopPropagation from useKeyboard on a child element may happen and thus we can still call triggerPress for the parent element.
|
|
5027
|
-
let originalTarget = e.currentTarget;
|
|
5028
|
-
let pressUp = (e)=>{
|
|
5029
|
-
if ($f6c31cce2adf654f$var$isValidKeyboardEvent(e, originalTarget) && !e.repeat && ($d4ee10de306f2510$export$4282f70798064fe0)(originalTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e)) && state.target) triggerPressUp($f6c31cce2adf654f$var$createEvent(state.target, e), 'keyboard');
|
|
5030
|
-
};
|
|
5031
|
-
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(e.currentTarget), 'keyup', ($ff5963eb1fccf552$export$e08e3b67e392101e)(pressUp, onKeyUp), true);
|
|
5032
5190
|
}
|
|
5033
5191
|
if (shouldStopPropagation) e.stopPropagation();
|
|
5034
5192
|
// Keep track of the keydown events that occur while the Meta (e.g. Command) key is held.
|
|
@@ -5068,37 +5226,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5068
5226
|
}
|
|
5069
5227
|
}
|
|
5070
5228
|
};
|
|
5071
|
-
let onKeyUp = (e)=>{
|
|
5072
|
-
var _state_metaKeyEvents;
|
|
5073
|
-
if (state.isPressed && state.target && $f6c31cce2adf654f$var$isValidKeyboardEvent(e, state.target)) {
|
|
5074
|
-
var _state_metaKeyEvents1;
|
|
5075
|
-
if ($f6c31cce2adf654f$var$shouldPreventDefaultKeyboard(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e), e.key)) e.preventDefault();
|
|
5076
|
-
let target = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e);
|
|
5077
|
-
let wasPressed = ($d4ee10de306f2510$export$4282f70798064fe0)(state.target, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e));
|
|
5078
|
-
triggerPressEnd($f6c31cce2adf654f$var$createEvent(state.target, e), 'keyboard', wasPressed);
|
|
5079
|
-
if (wasPressed) triggerSyntheticClick(e, state.target);
|
|
5080
|
-
removeAllGlobalListeners();
|
|
5081
|
-
// If a link was triggered with a key other than Enter, open the URL ourselves.
|
|
5082
|
-
// This means the link has a role override, and the default browser behavior
|
|
5083
|
-
// only applies when using the Enter key.
|
|
5084
|
-
if (e.key !== 'Enter' && $f6c31cce2adf654f$var$isHTMLAnchorLink(state.target) && ($d4ee10de306f2510$export$4282f70798064fe0)(state.target, target) && !e[$f6c31cce2adf654f$var$LINK_CLICKED]) {
|
|
5085
|
-
// Store a hidden property on the event so we only trigger link click once,
|
|
5086
|
-
// even if there are multiple usePress instances attached to the element.
|
|
5087
|
-
e[$f6c31cce2adf654f$var$LINK_CLICKED] = true;
|
|
5088
|
-
($ea8dcbcb9ea1b556$export$95185d699e05d4d7)(state.target, e, false);
|
|
5089
|
-
}
|
|
5090
|
-
state.isPressed = false;
|
|
5091
|
-
(_state_metaKeyEvents1 = state.metaKeyEvents) === null || _state_metaKeyEvents1 === void 0 ? void 0 : _state_metaKeyEvents1.delete(e.key);
|
|
5092
|
-
} else if (e.key === 'Meta' && ((_state_metaKeyEvents = state.metaKeyEvents) === null || _state_metaKeyEvents === void 0 ? void 0 : _state_metaKeyEvents.size)) {
|
|
5093
|
-
var _state_target;
|
|
5094
|
-
// If we recorded keydown events that occurred while the Meta key was pressed,
|
|
5095
|
-
// and those haven't received keyup events already, fire keyup events ourselves.
|
|
5096
|
-
// See comment above for more info about the macOS bug causing this.
|
|
5097
|
-
let events = state.metaKeyEvents;
|
|
5098
|
-
state.metaKeyEvents = undefined;
|
|
5099
|
-
for (let event of events.values())(_state_target = state.target) === null || _state_target === void 0 ? void 0 : _state_target.dispatchEvent(new KeyboardEvent('keyup', event));
|
|
5100
|
-
}
|
|
5101
|
-
};
|
|
5102
5229
|
if (typeof PointerEvent !== 'undefined') {
|
|
5103
5230
|
pressProps.onPointerDown = (e)=>{
|
|
5104
5231
|
// Only handle left clicks, and ignore events that bubbled through portals.
|
|
@@ -5115,6 +5242,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5115
5242
|
let shouldStopPropagation = true;
|
|
5116
5243
|
if (!state.isPressed) {
|
|
5117
5244
|
state.isPressed = true;
|
|
5245
|
+
setIsPointerPressed('pointer');
|
|
5118
5246
|
state.isOverTarget = true;
|
|
5119
5247
|
state.activePointerId = e.pointerId;
|
|
5120
5248
|
state.target = e.currentTarget;
|
|
@@ -5124,8 +5252,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5124
5252
|
// This enables onPointerLeave and onPointerEnter to fire.
|
|
5125
5253
|
let target = ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent);
|
|
5126
5254
|
if ('releasePointerCapture' in target) target.releasePointerCapture(e.pointerId);
|
|
5127
|
-
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(e.currentTarget), 'pointerup', onPointerUp, false);
|
|
5128
|
-
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(e.currentTarget), 'pointercancel', onPointerCancel, false);
|
|
5129
5255
|
}
|
|
5130
5256
|
if (shouldStopPropagation) e.stopPropagation();
|
|
5131
5257
|
};
|
|
@@ -5158,41 +5284,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5158
5284
|
cancelOnPointerExit(e);
|
|
5159
5285
|
}
|
|
5160
5286
|
};
|
|
5161
|
-
let onPointerUp = (e)=>{
|
|
5162
|
-
if (e.pointerId === state.activePointerId && state.isPressed && e.button === 0 && state.target) {
|
|
5163
|
-
if (($d4ee10de306f2510$export$4282f70798064fe0)(state.target, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e)) && state.pointerType != null) {
|
|
5164
|
-
// Wait for onClick to fire onPress. This avoids browser issues when the DOM
|
|
5165
|
-
// is mutated between onPointerUp and onClick, and is more compatible with third party libraries.
|
|
5166
|
-
// https://github.com/adobe/react-spectrum/issues/1513
|
|
5167
|
-
// https://issues.chromium.org/issues/40732224
|
|
5168
|
-
// However, iOS and Android do not focus or fire onClick after a long press.
|
|
5169
|
-
// We work around this by triggering a click ourselves after a timeout.
|
|
5170
|
-
// This timeout is canceled during the click event in case the real one fires first.
|
|
5171
|
-
// The timeout must be at least 32ms, because Safari on iOS delays the click event on
|
|
5172
|
-
// non-form elements without certain ARIA roles (for hover emulation).
|
|
5173
|
-
// https://github.com/WebKit/WebKit/blob/dccfae42bb29bd4bdef052e469f604a9387241c0/Source/WebKit/WebProcess/WebPage/ios/WebPageIOS.mm#L875-L892
|
|
5174
|
-
let clicked = false;
|
|
5175
|
-
let timeout = setTimeout(()=>{
|
|
5176
|
-
if (state.isPressed && state.target instanceof HTMLElement) {
|
|
5177
|
-
if (clicked) cancel(e);
|
|
5178
|
-
else {
|
|
5179
|
-
($7215afc6de606d6b$export$de79e2c695e052f3)(state.target);
|
|
5180
|
-
state.target.click();
|
|
5181
|
-
}
|
|
5182
|
-
}
|
|
5183
|
-
}, 80);
|
|
5184
|
-
// Use a capturing listener to track if a click occurred.
|
|
5185
|
-
// If stopPropagation is called it may never reach our handler.
|
|
5186
|
-
addGlobalListener(e.currentTarget, 'click', ()=>clicked = true, true);
|
|
5187
|
-
state.disposables.push(()=>clearTimeout(timeout));
|
|
5188
|
-
} else cancel(e);
|
|
5189
|
-
// Ignore subsequent onPointerLeave event before onClick on touch devices.
|
|
5190
|
-
state.isOverTarget = false;
|
|
5191
|
-
}
|
|
5192
|
-
};
|
|
5193
|
-
let onPointerCancel = (e)=>{
|
|
5194
|
-
cancel(e);
|
|
5195
|
-
};
|
|
5196
5287
|
pressProps.onDragStart = (e)=>{
|
|
5197
5288
|
if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
|
|
5198
5289
|
// Safari does not call onPointerCancel when a drag starts, whereas Chrome and Firefox do.
|
|
@@ -5209,6 +5300,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5209
5300
|
return;
|
|
5210
5301
|
}
|
|
5211
5302
|
state.isPressed = true;
|
|
5303
|
+
setIsPointerPressed('mouse');
|
|
5212
5304
|
state.isOverTarget = true;
|
|
5213
5305
|
state.target = e.currentTarget;
|
|
5214
5306
|
state.pointerType = ($6a7db85432448f7f$export$60278871457622de)(e.nativeEvent) ? 'virtual' : 'mouse';
|
|
@@ -5219,7 +5311,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5219
5311
|
let dispose = ($8a9cb279dc87e130$export$cabe61c495ee3649)(e.target);
|
|
5220
5312
|
if (dispose) state.disposables.push(dispose);
|
|
5221
5313
|
}
|
|
5222
|
-
addGlobalListener(($431fbd86ca7dc216$export$b204af158042fbac)(e.currentTarget), 'mouseup', onMouseUp, false);
|
|
5223
5314
|
};
|
|
5224
5315
|
pressProps.onMouseEnter = (e)=>{
|
|
5225
5316
|
if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
|
|
@@ -5244,17 +5335,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5244
5335
|
if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
|
|
5245
5336
|
if (!state.ignoreEmulatedMouseEvents && e.button === 0 && !state.isPressed) triggerPressUp(e, state.pointerType || 'mouse');
|
|
5246
5337
|
};
|
|
5247
|
-
let onMouseUp = (e)=>{
|
|
5248
|
-
// Only handle left clicks
|
|
5249
|
-
if (e.button !== 0) return;
|
|
5250
|
-
if (state.ignoreEmulatedMouseEvents) {
|
|
5251
|
-
state.ignoreEmulatedMouseEvents = false;
|
|
5252
|
-
return;
|
|
5253
|
-
}
|
|
5254
|
-
if (state.target && state.target.contains(e.target) && state.pointerType != null) ;
|
|
5255
|
-
else cancel(e);
|
|
5256
|
-
state.isOverTarget = false;
|
|
5257
|
-
};
|
|
5258
5338
|
pressProps.onTouchStart = (e)=>{
|
|
5259
5339
|
if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
|
|
5260
5340
|
let touch = $f6c31cce2adf654f$var$getTouchFromEvent(e.nativeEvent);
|
|
@@ -5263,12 +5343,12 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5263
5343
|
state.ignoreEmulatedMouseEvents = true;
|
|
5264
5344
|
state.isOverTarget = true;
|
|
5265
5345
|
state.isPressed = true;
|
|
5346
|
+
setIsPointerPressed('touch');
|
|
5266
5347
|
state.target = e.currentTarget;
|
|
5267
5348
|
state.pointerType = 'touch';
|
|
5268
5349
|
if (!allowTextSelectionOnPress) ($14c0b72509d70225$export$16a4697467175487)(state.target);
|
|
5269
5350
|
let shouldStopPropagation = triggerPressStart($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType);
|
|
5270
5351
|
if (shouldStopPropagation) e.stopPropagation();
|
|
5271
|
-
addGlobalListener(($431fbd86ca7dc216$export$f21a1ffae260145a)(e.currentTarget), 'scroll', onScroll, true);
|
|
5272
5352
|
};
|
|
5273
5353
|
pressProps.onTouchMove = (e)=>{
|
|
5274
5354
|
if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
|
|
@@ -5305,6 +5385,7 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5305
5385
|
} else if (state.isOverTarget && state.pointerType != null) shouldStopPropagation = triggerPressEnd($f6c31cce2adf654f$var$createTouchEvent(state.target, e), state.pointerType, false);
|
|
5306
5386
|
if (shouldStopPropagation) e.stopPropagation();
|
|
5307
5387
|
state.isPressed = false;
|
|
5388
|
+
setIsPointerPressed(null);
|
|
5308
5389
|
state.activePointerId = null;
|
|
5309
5390
|
state.isOverTarget = false;
|
|
5310
5391
|
state.ignoreEmulatedMouseEvents = true;
|
|
@@ -5316,15 +5397,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5316
5397
|
e.stopPropagation();
|
|
5317
5398
|
if (state.isPressed) cancel($f6c31cce2adf654f$var$createTouchEvent(state.target, e));
|
|
5318
5399
|
};
|
|
5319
|
-
let onScroll = (e)=>{
|
|
5320
|
-
if (state.isPressed && ($d4ee10de306f2510$export$4282f70798064fe0)(($d4ee10de306f2510$export$e58f029f0fbfdb29)(e), state.target)) cancel({
|
|
5321
|
-
currentTarget: state.target,
|
|
5322
|
-
shiftKey: false,
|
|
5323
|
-
ctrlKey: false,
|
|
5324
|
-
metaKey: false,
|
|
5325
|
-
altKey: false
|
|
5326
|
-
});
|
|
5327
|
-
};
|
|
5328
5400
|
pressProps.onDragStart = (e)=>{
|
|
5329
5401
|
if (!($d4ee10de306f2510$export$4282f70798064fe0)(e.currentTarget, ($d4ee10de306f2510$export$e58f029f0fbfdb29)(e.nativeEvent))) return;
|
|
5330
5402
|
cancel(e);
|
|
@@ -5332,7 +5404,6 @@ function $f6c31cce2adf654f$export$45712eceda6fad21(props) {
|
|
|
5332
5404
|
}
|
|
5333
5405
|
return pressProps;
|
|
5334
5406
|
}, [
|
|
5335
|
-
addGlobalListener,
|
|
5336
5407
|
isDisabled,
|
|
5337
5408
|
preventFocusOnPress,
|
|
5338
5409
|
removeAllGlobalListeners,
|
|
@@ -5531,20 +5602,21 @@ function $507fabe10e71c6fb$var$triggerChangeHandlers(modality, e) {
|
|
|
5531
5602
|
}
|
|
5532
5603
|
function $507fabe10e71c6fb$var$handleKeyboardEvent(e) {
|
|
5533
5604
|
$507fabe10e71c6fb$var$hasEventBeforeFocus = true;
|
|
5534
|
-
if ($507fabe10e71c6fb$var$isValidKey(e)) {
|
|
5605
|
+
if (!($ea8dcbcb9ea1b556$export$95185d699e05d4d7).isOpening && $507fabe10e71c6fb$var$isValidKey(e)) {
|
|
5535
5606
|
$507fabe10e71c6fb$var$currentModality = 'keyboard';
|
|
5536
5607
|
$507fabe10e71c6fb$var$triggerChangeHandlers('keyboard', e);
|
|
5537
5608
|
}
|
|
5538
5609
|
}
|
|
5539
5610
|
function $507fabe10e71c6fb$var$handlePointerEvent(e) {
|
|
5540
5611
|
$507fabe10e71c6fb$var$currentModality = 'pointer';
|
|
5612
|
+
'pointerType' in e ? e.pointerType : 'mouse';
|
|
5541
5613
|
if (e.type === 'mousedown' || e.type === 'pointerdown') {
|
|
5542
5614
|
$507fabe10e71c6fb$var$hasEventBeforeFocus = true;
|
|
5543
5615
|
$507fabe10e71c6fb$var$triggerChangeHandlers('pointer', e);
|
|
5544
5616
|
}
|
|
5545
5617
|
}
|
|
5546
5618
|
function $507fabe10e71c6fb$var$handleClickEvent(e) {
|
|
5547
|
-
if (($6a7db85432448f7f$export$60278871457622de)(e)) {
|
|
5619
|
+
if (!($ea8dcbcb9ea1b556$export$95185d699e05d4d7).isOpening && ($6a7db85432448f7f$export$60278871457622de)(e)) {
|
|
5548
5620
|
$507fabe10e71c6fb$var$hasEventBeforeFocus = true;
|
|
5549
5621
|
$507fabe10e71c6fb$var$currentModality = 'virtual';
|
|
5550
5622
|
}
|
|
@@ -5718,12 +5790,12 @@ function $3ad3f6e1647bc98d$export$80f3e147d781571c(element) {
|
|
|
5718
5790
|
// causing the page to scroll when moving focus if the element is transitioning
|
|
5719
5791
|
// from off the screen.
|
|
5720
5792
|
const ownerDocument = ($431fbd86ca7dc216$export$b204af158042fbac)(element);
|
|
5721
|
-
const activeElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)(ownerDocument);
|
|
5722
5793
|
if (($507fabe10e71c6fb$export$630ff653c5ada6a9)() === 'virtual') {
|
|
5723
|
-
let lastFocusedElement =
|
|
5794
|
+
let lastFocusedElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)(ownerDocument);
|
|
5724
5795
|
($bbed8b41f857bcc0$export$24490316f764c430)(()=>{
|
|
5725
|
-
|
|
5726
|
-
|
|
5796
|
+
const activeElement = ($d4ee10de306f2510$export$cd4e5573fbe2b576)(ownerDocument);
|
|
5797
|
+
// If focus did not move or focus was lost to the body, and the element is still in the document, focus it.
|
|
5798
|
+
if ((activeElement === lastFocusedElement || activeElement === ownerDocument.body) && element.isConnected) ($7215afc6de606d6b$export$de79e2c695e052f3)(element);
|
|
5727
5799
|
});
|
|
5728
5800
|
} else ($7215afc6de606d6b$export$de79e2c695e052f3)(element);
|
|
5729
5801
|
}
|
|
@@ -6211,9 +6283,7 @@ function $e0b6e0b68ec7f50f$export$872b660ac5a1ff98(props) {
|
|
|
6211
6283
|
}
|
|
6212
6284
|
}, [
|
|
6213
6285
|
ref,
|
|
6214
|
-
isDisabled
|
|
6215
|
-
onPointerDown,
|
|
6216
|
-
triggerInteractOutside
|
|
6286
|
+
isDisabled
|
|
6217
6287
|
]);
|
|
6218
6288
|
}
|
|
6219
6289
|
function $e0b6e0b68ec7f50f$var$isValidEvent(event, ref) {
|
|
@@ -6343,10 +6413,13 @@ function $1e5a04cdaf7d1af8$export$188ec29ebc2bdc3a() {
|
|
|
6343
6413
|
}, []);
|
|
6344
6414
|
// We cannot determine the browser's language on the server, so default to
|
|
6345
6415
|
// en-US. This will be updated after hydration on the client to the correct value.
|
|
6346
|
-
if (isSSR)
|
|
6347
|
-
locale
|
|
6348
|
-
|
|
6349
|
-
|
|
6416
|
+
if (isSSR) {
|
|
6417
|
+
let locale = typeof window !== 'undefined' && window[$1e5a04cdaf7d1af8$var$localeSymbol];
|
|
6418
|
+
return {
|
|
6419
|
+
locale: locale || 'en-US',
|
|
6420
|
+
direction: 'ltr'
|
|
6421
|
+
};
|
|
6422
|
+
}
|
|
6350
6423
|
return defaultLocale;
|
|
6351
6424
|
}
|
|
6352
6425
|
|
|
@@ -7398,9 +7471,6 @@ function $e93e671b31057976$export$b8473d3665f3a75a(props, state, ref) {
|
|
|
7398
7471
|
};
|
|
7399
7472
|
}, [
|
|
7400
7473
|
ref,
|
|
7401
|
-
onInvalid,
|
|
7402
|
-
onChange,
|
|
7403
|
-
onReset,
|
|
7404
7474
|
validationBehavior
|
|
7405
7475
|
]);
|
|
7406
7476
|
}
|
|
@@ -7767,25 +7837,6 @@ function $2d73ec29415bd339$export$712718f7aec83d5(props, ref) {
|
|
|
7767
7837
|
var _props_defaultValue;
|
|
7768
7838
|
($99facab73266f662$export$5add1d006293d136)(ref, (_props_defaultValue = props.defaultValue) !== null && _props_defaultValue !== void 0 ? _props_defaultValue : initialValue, setValue);
|
|
7769
7839
|
($e93e671b31057976$export$b8473d3665f3a75a)(props, validationState, ref);
|
|
7770
|
-
(useEffect)(()=>{
|
|
7771
|
-
// This works around a React/Chrome bug that prevents textarea elements from validating when controlled.
|
|
7772
|
-
// We prevent React from updating defaultValue (i.e. children) of textarea when `value` changes,
|
|
7773
|
-
// which causes Chrome to skip validation. Only updating `value` is ok in our case since our
|
|
7774
|
-
// textareas are always controlled. React is planning on removing this synchronization in a
|
|
7775
|
-
// future major version.
|
|
7776
|
-
// https://github.com/facebook/react/issues/19474
|
|
7777
|
-
// https://github.com/facebook/react/issues/11896
|
|
7778
|
-
if (ref.current instanceof ($431fbd86ca7dc216$export$f21a1ffae260145a)(ref.current).HTMLTextAreaElement) {
|
|
7779
|
-
let input = ref.current;
|
|
7780
|
-
Object.defineProperty(input, 'defaultValue', {
|
|
7781
|
-
get: ()=>input.value,
|
|
7782
|
-
set: ()=>{},
|
|
7783
|
-
configurable: true
|
|
7784
|
-
});
|
|
7785
|
-
}
|
|
7786
|
-
}, [
|
|
7787
|
-
ref
|
|
7788
|
-
]);
|
|
7789
7840
|
return {
|
|
7790
7841
|
labelProps: labelProps,
|
|
7791
7842
|
inputProps: ($3ef42575df84b30b$export$9d1611c77c2fe928)(domProps, inputElementType === 'input' ? inputOnlyProps : undefined, {
|
|
@@ -7872,28 +7923,31 @@ const $edcf132a9284368a$var$TOTAL_SIZE = {
|
|
|
7872
7923
|
height: 'totalHeight'
|
|
7873
7924
|
};
|
|
7874
7925
|
const $edcf132a9284368a$var$PARSED_PLACEMENT_CACHE = {};
|
|
7875
|
-
let $edcf132a9284368a$var$
|
|
7876
|
-
function $edcf132a9284368a$var$getContainerDimensions(containerNode) {
|
|
7926
|
+
let $edcf132a9284368a$var$getVisualViewport = ()=>typeof document !== 'undefined' ? window.visualViewport : null;
|
|
7927
|
+
function $edcf132a9284368a$var$getContainerDimensions(containerNode, visualViewport) {
|
|
7877
7928
|
let width = 0, height = 0, totalWidth = 0, totalHeight = 0, top = 0, left = 0;
|
|
7878
7929
|
let scroll = {};
|
|
7879
7930
|
var _visualViewport_scale;
|
|
7880
|
-
let isPinchZoomedIn = ((_visualViewport_scale =
|
|
7881
|
-
|
|
7931
|
+
let isPinchZoomedIn = ((_visualViewport_scale = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.scale) !== null && _visualViewport_scale !== void 0 ? _visualViewport_scale : 1) > 1;
|
|
7932
|
+
// In the case where the container is `html` or `body` and the container doesn't have something like `position: relative`,
|
|
7933
|
+
// then position absolute will be positioned relative to the viewport, also known as the `initial containing block`.
|
|
7934
|
+
// That's why we use the visual viewport instead.
|
|
7935
|
+
if (containerNode.tagName === 'BODY' || containerNode.tagName === 'HTML') {
|
|
7882
7936
|
let documentElement = document.documentElement;
|
|
7883
7937
|
totalWidth = documentElement.clientWidth;
|
|
7884
7938
|
totalHeight = documentElement.clientHeight;
|
|
7885
7939
|
var _visualViewport_width;
|
|
7886
|
-
width = (_visualViewport_width =
|
|
7940
|
+
width = (_visualViewport_width = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.width) !== null && _visualViewport_width !== void 0 ? _visualViewport_width : totalWidth;
|
|
7887
7941
|
var _visualViewport_height;
|
|
7888
|
-
height = (_visualViewport_height =
|
|
7942
|
+
height = (_visualViewport_height = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.height) !== null && _visualViewport_height !== void 0 ? _visualViewport_height : totalHeight;
|
|
7889
7943
|
scroll.top = documentElement.scrollTop || containerNode.scrollTop;
|
|
7890
7944
|
scroll.left = documentElement.scrollLeft || containerNode.scrollLeft;
|
|
7891
7945
|
// The goal of the below is to get a top/left value that represents the top/left of the visual viewport with
|
|
7892
7946
|
// respect to the layout viewport origin. This combined with the scrollTop/scrollLeft will allow us to calculate
|
|
7893
7947
|
// coordinates/values with respect to the visual viewport or with respect to the layout viewport.
|
|
7894
|
-
if (
|
|
7895
|
-
top =
|
|
7896
|
-
left =
|
|
7948
|
+
if (visualViewport) {
|
|
7949
|
+
top = visualViewport.offsetTop;
|
|
7950
|
+
left = visualViewport.offsetLeft;
|
|
7897
7951
|
}
|
|
7898
7952
|
} else {
|
|
7899
7953
|
({ width: width, height: height, top: top, left: left } = $edcf132a9284368a$var$getOffset(containerNode, false));
|
|
@@ -7910,9 +7964,9 @@ function $edcf132a9284368a$var$getContainerDimensions(containerNode) {
|
|
|
7910
7964
|
scroll.top = 0;
|
|
7911
7965
|
scroll.left = 0;
|
|
7912
7966
|
var _visualViewport_pageTop;
|
|
7913
|
-
top = (_visualViewport_pageTop =
|
|
7967
|
+
top = (_visualViewport_pageTop = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.pageTop) !== null && _visualViewport_pageTop !== void 0 ? _visualViewport_pageTop : 0;
|
|
7914
7968
|
var _visualViewport_pageLeft;
|
|
7915
|
-
left = (_visualViewport_pageLeft =
|
|
7969
|
+
left = (_visualViewport_pageLeft = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.pageLeft) !== null && _visualViewport_pageLeft !== void 0 ? _visualViewport_pageLeft : 0;
|
|
7916
7970
|
}
|
|
7917
7971
|
return {
|
|
7918
7972
|
width: width,
|
|
@@ -7947,10 +8001,12 @@ containerDimensions, padding, containerOffsetWithBoundary) {
|
|
|
7947
8001
|
let boundarySize = boundaryDimensions[$edcf132a9284368a$var$AXIS_SIZE[axis]];
|
|
7948
8002
|
// Calculate the edges of the boundary (accomodating for the boundary padding) and the edges of the overlay.
|
|
7949
8003
|
// Note that these values are with respect to the visual viewport (aka 0,0 is the top left of the viewport)
|
|
7950
|
-
let boundaryStartEdge = boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + padding;
|
|
7951
|
-
let boundaryEndEdge =
|
|
7952
|
-
|
|
7953
|
-
let
|
|
8004
|
+
let boundaryStartEdge = containerOffsetWithBoundary[axis] + boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + padding;
|
|
8005
|
+
let boundaryEndEdge = containerOffsetWithBoundary[axis] + boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + boundarySize - padding;
|
|
8006
|
+
// transformed value of the left edge of the overlay
|
|
8007
|
+
let startEdgeOffset = offset - containerScroll + boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + containerOffsetWithBoundary[axis] - boundaryDimensions[$edcf132a9284368a$var$AXIS[axis]];
|
|
8008
|
+
// transformed value of the right edge of the overlay
|
|
8009
|
+
let endEdgeOffset = offset - containerScroll + size + boundaryDimensions.scroll[$edcf132a9284368a$var$AXIS[axis]] + containerOffsetWithBoundary[axis] - boundaryDimensions[$edcf132a9284368a$var$AXIS[axis]];
|
|
7954
8010
|
// If any of the overlay edges falls outside of the boundary, shift the overlay the required amount to align one of the overlay's
|
|
7955
8011
|
// edges with the closest boundary edge.
|
|
7956
8012
|
if (startEdgeOffset < boundaryStartEdge) return boundaryStartEdge - startEdgeOffset;
|
|
@@ -7984,7 +8040,7 @@ function $edcf132a9284368a$var$parsePlacement(input) {
|
|
|
7984
8040
|
};
|
|
7985
8041
|
return $edcf132a9284368a$var$PARSED_PLACEMENT_CACHE[input];
|
|
7986
8042
|
}
|
|
7987
|
-
function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset) {
|
|
8043
|
+
function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions) {
|
|
7988
8044
|
let { placement: placement, crossPlacement: crossPlacement, axis: axis, crossAxis: crossAxis, size: size, crossSize: crossSize } = placementInfo;
|
|
7989
8045
|
let position = {};
|
|
7990
8046
|
var _childOffset_crossAxis;
|
|
@@ -8001,9 +8057,9 @@ function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions,
|
|
|
8001
8057
|
the overlay top should match the button top
|
|
8002
8058
|
} */
|
|
8003
8059
|
position[crossAxis] += crossOffset;
|
|
8004
|
-
// overlay top overlapping arrow with button bottom
|
|
8060
|
+
// overlay top or left overlapping arrow with button bottom or right
|
|
8005
8061
|
const minPosition = childOffset[crossAxis] - overlaySize[crossSize] + arrowSize + arrowBoundaryOffset;
|
|
8006
|
-
// overlay bottom overlapping arrow with button top
|
|
8062
|
+
// overlay bottom or right overlapping arrow with button top or left
|
|
8007
8063
|
const maxPosition = childOffset[crossAxis] + childOffset[crossSize] - arrowSize - arrowBoundaryOffset;
|
|
8008
8064
|
position[crossAxis] = ($9446cca9a3875146$export$7d15b64cf5a3a4c4)(position[crossAxis], minPosition, maxPosition);
|
|
8009
8065
|
// Floor these so the position isn't placed on a partial pixel, only whole pixels. Shouldn't matter if it was floored or ceiled, so chose one.
|
|
@@ -8011,46 +8067,61 @@ function $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions,
|
|
|
8011
8067
|
// If the container is positioned (non-static), then we use the container's actual
|
|
8012
8068
|
// height, as `bottom` will be relative to this height. But if the container is static,
|
|
8013
8069
|
// then it can only be the `document.body`, and `bottom` will be relative to _its_
|
|
8014
|
-
// container
|
|
8015
|
-
|
|
8070
|
+
// container.
|
|
8071
|
+
let containerHeight = isContainerPositioned ? containerDimensions[size] : containerDimensions[$edcf132a9284368a$var$TOTAL_SIZE[size]];
|
|
8016
8072
|
position[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] = Math.floor(containerHeight - childOffset[axis] + offset);
|
|
8017
8073
|
} else position[axis] = Math.floor(childOffset[axis] + childOffset[size] + offset);
|
|
8018
8074
|
return position;
|
|
8019
8075
|
}
|
|
8020
|
-
function $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlayHeight, heightGrowthDirection) {
|
|
8021
|
-
|
|
8022
|
-
|
|
8023
|
-
//
|
|
8024
|
-
|
|
8025
|
-
|
|
8026
|
-
|
|
8076
|
+
function $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlayHeight, heightGrowthDirection, containerDimensions, isContainerDescendentOfBoundary, visualViewport) {
|
|
8077
|
+
var _position_bottom, _containerDimensions_scroll_top;
|
|
8078
|
+
// For cases where position is set via "bottom" instead of "top", we need to calculate the true overlay top
|
|
8079
|
+
// with respect to the container.
|
|
8080
|
+
let overlayTop = (position.top != null ? position.top : containerDimensions[$edcf132a9284368a$var$TOTAL_SIZE.height] - ((_position_bottom = position.bottom) !== null && _position_bottom !== void 0 ? _position_bottom : 0) - overlayHeight) - ((_containerDimensions_scroll_top = containerDimensions.scroll.top) !== null && _containerDimensions_scroll_top !== void 0 ? _containerDimensions_scroll_top : 0);
|
|
8081
|
+
// calculate the dimentions of the "boundingRect" which is most restrictive top/bottom of the boundaryRect and the visual view port
|
|
8082
|
+
let boundaryToContainerTransformOffset = isContainerDescendentOfBoundary ? containerOffsetWithBoundary.top : 0;
|
|
8083
|
+
var _visualViewport_offsetTop, _visualViewport_offsetTop1, _visualViewport_height;
|
|
8084
|
+
let boundingRect = {
|
|
8085
|
+
// This should be boundary top in container coord system vs viewport top in container coord system
|
|
8086
|
+
// For the viewport top, there are several cases
|
|
8087
|
+
// 1. pinchzoom case where we want the viewports offset top as top here
|
|
8088
|
+
// 2. case where container is offset from the boundary and is contained by the boundary. In this case the top we want here is NOT 0, we want to take boundary's top even though is is a negative number OR the visual viewport, whichever is more restrictive
|
|
8089
|
+
top: Math.max(boundaryDimensions.top + boundaryToContainerTransformOffset, ((_visualViewport_offsetTop = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.offsetTop) !== null && _visualViewport_offsetTop !== void 0 ? _visualViewport_offsetTop : boundaryDimensions.top) + boundaryToContainerTransformOffset),
|
|
8090
|
+
bottom: Math.min(boundaryDimensions.top + boundaryDimensions.height + boundaryToContainerTransformOffset, ((_visualViewport_offsetTop1 = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.offsetTop) !== null && _visualViewport_offsetTop1 !== void 0 ? _visualViewport_offsetTop1 : 0) + ((_visualViewport_height = visualViewport === null || visualViewport === void 0 ? void 0 : visualViewport.height) !== null && _visualViewport_height !== void 0 ? _visualViewport_height : 0))
|
|
8091
|
+
};
|
|
8092
|
+
var _margins_top, _margins_bottom, _margins_top1, _margins_bottom1;
|
|
8027
8093
|
let maxHeight = heightGrowthDirection !== 'top' ? // We want the distance between the top of the overlay to the bottom of the boundary
|
|
8028
|
-
Math.max(0,
|
|
8094
|
+
Math.max(0, boundingRect.bottom // this is the bottom of the boundary
|
|
8095
|
+
- overlayTop // this is the top of the overlay
|
|
8029
8096
|
- (((_margins_top = margins.top) !== null && _margins_top !== void 0 ? _margins_top : 0) + ((_margins_bottom = margins.bottom) !== null && _margins_bottom !== void 0 ? _margins_bottom : 0) + padding // save additional space for margin and padding
|
|
8030
8097
|
)) : Math.max(0, overlayTop + overlayHeight // this is the bottom of the overlay
|
|
8031
|
-
-
|
|
8032
|
-
|
|
8098
|
+
- boundingRect.top // this is the top of the boundary
|
|
8099
|
+
- (((_margins_top1 = margins.top) !== null && _margins_top1 !== void 0 ? _margins_top1 : 0) + ((_margins_bottom1 = margins.bottom) !== null && _margins_bottom1 !== void 0 ? _margins_bottom1 : 0) + padding // save additional space for margin and padding
|
|
8033
8100
|
));
|
|
8034
|
-
return
|
|
8101
|
+
return maxHeight;
|
|
8035
8102
|
}
|
|
8036
|
-
function $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding, placementInfo) {
|
|
8103
|
+
function $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding, placementInfo, containerDimensions, isContainerDescendentOfBoundary) {
|
|
8037
8104
|
let { placement: placement, axis: axis, size: size } = placementInfo;
|
|
8038
|
-
var
|
|
8039
|
-
if (placement === axis) return Math.max(0, childOffset[axis]
|
|
8040
|
-
|
|
8041
|
-
|
|
8042
|
-
|
|
8043
|
-
|
|
8105
|
+
var _containerDimensions_scroll_axis, _margins_axis;
|
|
8106
|
+
if (placement === axis) return Math.max(0, childOffset[axis] // trigger start
|
|
8107
|
+
- ((_containerDimensions_scroll_axis = containerDimensions.scroll[axis]) !== null && _containerDimensions_scroll_axis !== void 0 ? _containerDimensions_scroll_axis : 0 // transform trigger position to be with respect to viewport 0,0
|
|
8108
|
+
) - (boundaryDimensions[axis] + (isContainerDescendentOfBoundary ? containerOffsetWithBoundary[axis] : 0) // boundary start
|
|
8109
|
+
) - ((_margins_axis = margins[axis]) !== null && _margins_axis !== void 0 ? _margins_axis : 0 // margins usually for arrows or other decorations
|
|
8110
|
+
) - margins[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] - padding); // padding between overlay and boundary
|
|
8111
|
+
var _containerDimensions_scroll_axis1, _margins_axis1;
|
|
8112
|
+
return Math.max(0, boundaryDimensions[size] + boundaryDimensions[axis] + (isContainerDescendentOfBoundary ? containerOffsetWithBoundary[axis] : 0) - childOffset[axis] - childOffset[size] + ((_containerDimensions_scroll_axis1 = containerDimensions.scroll[axis]) !== null && _containerDimensions_scroll_axis1 !== void 0 ? _containerDimensions_scroll_axis1 : 0) - ((_margins_axis1 = margins[axis]) !== null && _margins_axis1 !== void 0 ? _margins_axis1 : 0) - margins[$edcf132a9284368a$var$FLIPPED_DIRECTION[axis]] - padding);
|
|
8113
|
+
}
|
|
8114
|
+
function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset, overlaySize, scrollSize, margins, padding, flip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, userSetMaxHeight, arrowSize, arrowBoundaryOffset, isContainerDescendentOfBoundary, visualViewport) {
|
|
8044
8115
|
let placementInfo = $edcf132a9284368a$var$parsePlacement(placementInput);
|
|
8045
8116
|
let { size: size, crossAxis: crossAxis, crossSize: crossSize, placement: placement, crossPlacement: crossPlacement } = placementInfo;
|
|
8046
|
-
let position = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset);
|
|
8117
|
+
let position = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions);
|
|
8047
8118
|
let normalizedOffset = offset;
|
|
8048
|
-
let space = $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, placementInfo);
|
|
8119
|
+
let space = $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, placementInfo, containerDimensions, isContainerDescendentOfBoundary);
|
|
8049
8120
|
// Check if the scroll size of the overlay is greater than the available space to determine if we need to flip
|
|
8050
|
-
if (flip &&
|
|
8121
|
+
if (flip && overlaySize[size] > space) {
|
|
8051
8122
|
let flippedPlacementInfo = $edcf132a9284368a$var$parsePlacement(`${$edcf132a9284368a$var$FLIPPED_DIRECTION[placement]} ${crossPlacement}`);
|
|
8052
|
-
let flippedPosition = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, flippedPlacementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset);
|
|
8053
|
-
let flippedSpace = $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, flippedPlacementInfo);
|
|
8123
|
+
let flippedPosition = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, flippedPlacementInfo, offset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions);
|
|
8124
|
+
let flippedSpace = $edcf132a9284368a$var$getAvailableSpace(boundaryDimensions, containerOffsetWithBoundary, childOffset, margins, padding + offset, flippedPlacementInfo, containerDimensions, isContainerDescendentOfBoundary);
|
|
8054
8125
|
// If the available space for the flipped position is greater than the original available space, flip.
|
|
8055
8126
|
if (flippedSpace > space) {
|
|
8056
8127
|
placementInfo = flippedPlacementInfo;
|
|
@@ -8069,10 +8140,10 @@ function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset,
|
|
|
8069
8140
|
}
|
|
8070
8141
|
let delta = $edcf132a9284368a$var$getDelta(crossAxis, position[crossAxis], overlaySize[crossSize], boundaryDimensions, containerDimensions, padding, containerOffsetWithBoundary);
|
|
8071
8142
|
position[crossAxis] += delta;
|
|
8072
|
-
let maxHeight = $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlaySize.height, heightGrowthDirection);
|
|
8143
|
+
let maxHeight = $edcf132a9284368a$var$getMaxHeight(position, boundaryDimensions, containerOffsetWithBoundary, isContainerPositioned, margins, padding, overlaySize.height, heightGrowthDirection, containerDimensions, isContainerDescendentOfBoundary, visualViewport);
|
|
8073
8144
|
if (userSetMaxHeight && userSetMaxHeight < maxHeight) maxHeight = userSetMaxHeight;
|
|
8074
8145
|
overlaySize.height = Math.min(overlaySize.height, maxHeight);
|
|
8075
|
-
position = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, normalizedOffset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset);
|
|
8146
|
+
position = $edcf132a9284368a$var$computePosition(childOffset, boundaryDimensions, overlaySize, placementInfo, normalizedOffset, crossOffset, containerOffsetWithBoundary, isContainerPositioned, arrowSize, arrowBoundaryOffset, containerDimensions);
|
|
8076
8147
|
delta = $edcf132a9284368a$var$getDelta(crossAxis, position[crossAxis], overlaySize[crossSize], boundaryDimensions, containerDimensions, padding, containerOffsetWithBoundary);
|
|
8077
8148
|
position[crossAxis] += delta;
|
|
8078
8149
|
let arrowPosition = {};
|
|
@@ -8118,6 +8189,7 @@ function $edcf132a9284368a$export$6839422d1f33cee9(placementInput, childOffset,
|
|
|
8118
8189
|
}
|
|
8119
8190
|
function $edcf132a9284368a$export$b3ceb0cbf1056d98(opts) {
|
|
8120
8191
|
let { placement: placement, targetNode: targetNode, overlayNode: overlayNode, scrollNode: scrollNode, padding: padding, shouldFlip: shouldFlip, boundaryElement: boundaryElement, offset: offset, crossOffset: crossOffset, maxHeight: maxHeight, arrowSize: arrowSize = 0, arrowBoundaryOffset: arrowBoundaryOffset = 0 } = opts;
|
|
8192
|
+
let visualViewport = $edcf132a9284368a$var$getVisualViewport();
|
|
8121
8193
|
let container = overlayNode instanceof HTMLElement ? $edcf132a9284368a$var$getContainingBlock(overlayNode) : document.documentElement;
|
|
8122
8194
|
let isViewportContainer = container === document.documentElement;
|
|
8123
8195
|
const containerPositionStyle = window.getComputedStyle(container).position;
|
|
@@ -8135,21 +8207,22 @@ function $edcf132a9284368a$export$b3ceb0cbf1056d98(opts) {
|
|
|
8135
8207
|
var _margins_top, _margins_bottom;
|
|
8136
8208
|
overlaySize.height += ((_margins_top = margins.top) !== null && _margins_top !== void 0 ? _margins_top : 0) + ((_margins_bottom = margins.bottom) !== null && _margins_bottom !== void 0 ? _margins_bottom : 0);
|
|
8137
8209
|
let scrollSize = $edcf132a9284368a$var$getScroll(scrollNode);
|
|
8138
|
-
|
|
8139
|
-
|
|
8210
|
+
// Note that due to logic inside getContainerDimensions, for cases where the boundary element is the body, we will return
|
|
8211
|
+
// a height/width that matches the visual viewport size rather than the body's height/width (aka for zoom it will be zoom adjusted size)
|
|
8212
|
+
// and a top/left that is adjusted as well (will return the top/left of the zoomed in viewport, or 0,0 for a non-zoomed body)
|
|
8213
|
+
// Otherwise this returns the height/width of a arbitrary boundary element, and its top/left with respect to the viewport (NOTE THIS MEANS IT DOESNT INCLUDE SCROLL)
|
|
8214
|
+
let boundaryDimensions = $edcf132a9284368a$var$getContainerDimensions(boundaryElement, visualViewport);
|
|
8215
|
+
let containerDimensions = $edcf132a9284368a$var$getContainerDimensions(container, visualViewport);
|
|
8140
8216
|
// If the container is the HTML element wrapping the body element, the retrieved scrollTop/scrollLeft will be equal to the
|
|
8141
8217
|
// body element's scroll. Set the container's scroll values to 0 since the overlay's edge position value in getDelta don't then need to be further offset
|
|
8142
8218
|
// by the container scroll since they are essentially the same containing element and thus in the same coordinate system
|
|
8143
|
-
let containerOffsetWithBoundary =
|
|
8144
|
-
|
|
8145
|
-
|
|
8146
|
-
containerDimensions.scroll.left = 0;
|
|
8147
|
-
}
|
|
8148
|
-
return $edcf132a9284368a$export$6839422d1f33cee9(placement, childOffset, overlaySize, scrollSize, margins, padding, shouldFlip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, maxHeight, arrowSize, arrowBoundaryOffset);
|
|
8219
|
+
let containerOffsetWithBoundary = $edcf132a9284368a$var$getPosition(boundaryElement, container, false);
|
|
8220
|
+
let isContainerDescendentOfBoundary = boundaryElement.contains(container);
|
|
8221
|
+
return $edcf132a9284368a$export$6839422d1f33cee9(placement, childOffset, overlaySize, scrollSize, margins, padding, shouldFlip, boundaryDimensions, containerDimensions, containerOffsetWithBoundary, offset, crossOffset, isContainerPositioned, maxHeight, arrowSize, arrowBoundaryOffset, isContainerDescendentOfBoundary, visualViewport);
|
|
8149
8222
|
}
|
|
8150
8223
|
function $edcf132a9284368a$export$4b834cebd9e5cebe(node, ignoreScale) {
|
|
8151
8224
|
let { top: top, left: left, width: width, height: height } = node.getBoundingClientRect();
|
|
8152
|
-
// Use offsetWidth and offsetHeight if this is an HTML element, so that
|
|
8225
|
+
// Use offsetWidth and offsetHeight if this is an HTML element, so that
|
|
8153
8226
|
// the size is not affected by scale transforms.
|
|
8154
8227
|
if (ignoreScale && node instanceof node.ownerDocument.defaultView.HTMLElement) {
|
|
8155
8228
|
width = node.offsetWidth;
|
|
@@ -9088,7 +9161,7 @@ function createCommonjsModule(fn) {
|
|
|
9088
9161
|
|
|
9089
9162
|
|
|
9090
9163
|
function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
|
|
9091
|
-
let { isDisabled: isDisabled, trigger: trigger } = props;
|
|
9164
|
+
let { isDisabled: isDisabled, trigger: trigger, shouldCloseOnPress: shouldCloseOnPress = true } = props;
|
|
9092
9165
|
let tooltipId = ($bdb11010cef70236$export$f680877a34711e37)();
|
|
9093
9166
|
let isHovered = (useRef)(false);
|
|
9094
9167
|
let isFocused = (useRef)(false);
|
|
@@ -9137,6 +9210,8 @@ function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
|
|
|
9137
9210
|
handleHide();
|
|
9138
9211
|
};
|
|
9139
9212
|
let onPressStart = ()=>{
|
|
9213
|
+
// if shouldCloseOnPress is false, we should not close the tooltip
|
|
9214
|
+
if (!shouldCloseOnPress) return;
|
|
9140
9215
|
// no matter how the trigger is pressed, we should close the tooltip
|
|
9141
9216
|
isFocused.current = false;
|
|
9142
9217
|
isHovered.current = false;
|
|
@@ -9187,21 +9262,21 @@ const c$a=({color:o,title:l,titleId:e,...r})=>{const i=o||token("colors.text.pri
|
|
|
9187
9262
|
|
|
9188
9263
|
const o$3=sva({slots:["container","label","description","icon","button","focus"],base:{container:{px:4,py:3,rounded:10,w:"full"},button:{cursor:"pointer",outline:"none",_focusVisible:{outlineColor:"brand.base",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5,rounded:2}},label:{textAlign:"left"}},variants:{size:{sm:{label:{fontSize:"sm"}},md:{label:{fontSize:"md"}},lg:{label:{fontSize:"lg"}}},variant:{branded:{container:{bg:"brand.lightest",_focusVisible:{outlineColor:"brand.lightest"}},label:{color:"brand.darkest"},description:{color:"brand.darkest"},icon:{color:"brand.darkest"},button:{color:"brand.darkest"}},success:{container:{bg:"positive.lightest",_focusVisible:{outlineColor:"positive.lightest"}},label:{color:"positive.darkest"},description:{color:"positive.darkest"},icon:{color:"positive.darkest"},button:{color:"positive.darkest"}},error:{container:{bg:"negative.lightest",_focusVisible:{outlineColor:"negative.lightest"}},label:{color:"negative.darkest",_dark:{color:"negative.base"}},description:{color:"negative.darkest",_dark:{color:"negative.base"}},icon:{color:"negative.darkest",_dark:{color:"negative.base"}},button:{color:"negative.darkest",_dark:{color:"negative.base"}}},warning:{container:{bg:"warning.lightest",_focusVisible:{outlineColor:"warning.lightest"}},label:{color:"warning.darkest"},description:{color:"warning.darkest"},icon:{color:"warning.darkest"},button:{color:"warning.darkest"}},neutral:{container:{bg:"surface.secondary",_focusVisible:{outlineColor:"surface.secondary"}},label:{color:"text.secondary"},description:{color:"text.secondary"},icon:{color:"text.secondary"},button:{color:"text.secondary"}}},icon:{true:{description:{ml:7}}},dismissible:{true:{description:{mr:7}}},interactive:{true:{container:{cursor:"pointer",transition:"transform 0.2s ease, opacity 0.2s ease",_active:{transform:"scale(0.95)"},_hover:{opacity:.8},_focusVisible:{outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5}}}},description:{true:{label:{textTransform:"uppercase",fontSize:"xs",fontWeight:"semibold",letterSpacing:"0.06rem"}}},isDismissed:{true:{container:{animationFillMode:"forwards",animationName:"scaleOut",animationDuration:"150ms",_motionReduce:{scale:1}}}}}});
|
|
9189
9264
|
|
|
9190
|
-
const d$
|
|
9265
|
+
const d$s=({color:o,title:e,titleId:l,...r})=>{const i=o||token("colors.text.primary");return jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":l,...r,children:[e?jsx("title",{id:l,children:e}):null,jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M24 12C24 18.6274 18.6274 24 12 24C5.37258 24 4.69686e-07 18.6274 1.04907e-06 12C1.62846e-06 5.37258 5.37259 -1.62846e-06 12 -1.04907e-06C18.6274 -4.69686e-07 24 5.37258 24 12ZM13.5 17C13.5 17.8284 12.8284 18.5 12 18.5L11.991 18.5C11.1626 18.5 10.491 17.8284 10.491 17C10.491 16.1716 11.1626 15.5 11.991 15.5L12 15.5C12.8284 15.5 13.5 16.1716 13.5 17ZM11.9946 13C11.4423 13 10.9946 12.5523 10.9946 12L10.9946 6C10.9946 5.44771 11.4423 5 11.9946 5C12.5469 5 12.9946 5.44771 12.9946 6L12.9946 12C12.9946 12.5523 12.5469 13 11.9946 13Z",fill:"currentColor"})]})};
|
|
9191
9266
|
|
|
9192
9267
|
const s$d=({color:o,title:l,titleId:e,...r})=>{const i=o||token("colors.text.primary");return jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":e,...r,children:[l?jsx("title",{id:e,children:l}):null,jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12ZM17.7731 8.63425C18.1234 8.20725 18.0612 7.57715 17.6342 7.22688C17.2072 6.87661 16.5771 6.93881 16.2268 7.36581L10.4197 14.445L7.75841 11.3483C7.39844 10.9294 6.76708 10.8817 6.34822 11.2416C5.92936 11.6016 5.88161 12.233 6.24157 12.6518L9.67907 16.6518C9.87165 16.8759 10.1535 17.0033 10.4489 17C10.7444 16.9966 11.0232 16.8627 11.2106 16.6343L17.7731 8.63425Z",fill:"currentColor"})]})};
|
|
9193
9268
|
|
|
9194
|
-
const d$
|
|
9269
|
+
const d$r=({color:o,title:l,titleId:e,...r})=>{const i=o||token("colors.text.primary");return jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":e,...r,children:[l?jsx("title",{id:e,children:l}):null,jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12ZM10.5 7C10.5 6.17157 11.1716 5.5 12 5.5H12.009C12.8374 5.5 13.509 6.17157 13.509 7C13.509 7.82843 12.8374 8.5 12.009 8.5H12C11.1716 8.5 10.5 7.82843 10.5 7ZM12.0054 11C12.5577 11 13.0054 11.4477 13.0054 12V18C13.0054 18.5523 12.5577 19 12.0054 19C11.4531 19 11.0054 18.5523 11.0054 18V12C11.0054 11.4477 11.4531 11 12.0054 11Z",fill:"currentColor"})]})};
|
|
9195
9270
|
|
|
9196
|
-
const d$
|
|
9271
|
+
const d$q=({color:t,title:C,titleId:l,...o})=>{const r=t||token("colors.text.primary");return jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:r,"aria-labelledby":l,...o,children:[C?jsx("title",{id:l,children:C}):null,jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.2628 0.239095C7.79128 -1.14294 1.99999 3.65189 1.99999 9.83699C1.99999 13.2747 4.14256 16.424 6.77979 18.1918V18.9377C6.77979 18.9839 6.77854 19.0279 6.77689 19.0861L6.77576 19.1265C6.77382 19.197 6.77152 19.2924 6.7751 19.3913C6.78188 19.579 6.81104 19.8992 7.00168 20.2136C7.4269 20.9149 8.24323 21.005 8.87914 20.9998H15.1605C15.9708 20.9998 16.6864 20.7352 17.0486 20.0545C17.2016 19.7671 17.2421 19.4859 17.2542 19.294C17.2604 19.1958 17.2597 19.1085 17.2585 19.0454C17.2576 19.003 17.2569 18.9807 17.2564 18.9653C17.2559 18.9499 17.2557 18.9413 17.2557 18.9265V18.1804C21.0065 15.6598 23.5296 10.3805 20.9575 5.31469C19.6385 2.71676 17.1206 0.858741 14.2659 0.239749L14.2628 0.239095ZM12.599 6.19416C13.0441 6.52115 13.1399 7.14703 12.8129 7.59211L11.4112 9.50004H13.0859C13.6185 9.50004 14.3124 9.64028 14.7256 10.209C15.215 10.8828 14.9729 11.6331 14.6277 12.0985L12.8155 14.5885C12.4905 15.035 11.8651 15.1336 11.4185 14.8086C10.972 14.4836 10.8735 13.8581 11.1984 13.4116L12.5897 11.5H10.9109C10.3791 11.5 9.69468 11.356 9.28221 10.7972C8.79008 10.1305 9.01522 9.37741 9.37068 8.89946L11.2011 6.40799C11.5281 5.96291 12.154 5.86717 12.599 6.19416ZM13.033 10.89C13.033 10.89 13.0326 10.8907 13.0317 10.8921L13.033 10.89ZM10.9656 10.1074C10.9656 10.1074 10.9658 10.1071 10.9661 10.1065L10.9668 10.1055L10.9656 10.1074ZM8.49998 22C7.9477 22 7.49998 22.4477 7.49998 23C7.49998 23.5523 7.9477 24 8.49998 24H15.5C16.0522 24 16.5 23.5523 16.5 23C16.5 22.4477 16.0522 22 15.5 22H8.49998Z",fill:"currentColor"})]})};
|
|
9197
9272
|
|
|
9198
|
-
const d$
|
|
9273
|
+
const d$p=({color:o,title:l,titleId:e,...r})=>{const i=o||token("colors.text.primary");return jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":e,...r,children:[l?jsx("title",{id:e,children:l}):null,jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.36635 3.74008C10.5034 1.65549 13.4967 1.65548 14.6337 3.74008L23.2646 19.5634C24.355 21.5626 22.9081 24 20.6309 24H3.36909C1.09191 24 -0.355028 21.5625 0.735407 19.5634L9.36635 3.74008L10.2442 4.21893L9.36635 3.74008ZM12 9C12.5523 9 13 9.44772 13 10V14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14V10C11 9.44772 11.4477 9 12 9ZM10.4946 19C10.4946 18.1716 11.1662 17.5 11.9946 17.5H12.0036C12.832 17.5 13.5036 18.1716 13.5036 19C13.5036 19.8284 12.832 20.5 12.0036 20.5H11.9946C11.1662 20.5 10.4946 19.8284 10.4946 19Z",fill:"currentColor"})]})};
|
|
9199
9274
|
|
|
9200
|
-
const f$9={branded:d$
|
|
9275
|
+
const f$9={branded:d$q,success:s$d,error:d$s,warning:d$p,neutral:d$r},d$o=o=>{const{variant:t="branded",...m}=o,n=f$9[t];return jsx(HStack,{children:jsx(n,{...m})})};
|
|
9201
9276
|
|
|
9202
|
-
const b$8=forwardRef((g,N)=>{const{label:w,description:n,size:l="md",variant:m="branded",icon:c=false,dismissible:d=false,onPress:e}=g,[k,x]=useState(true),[C,S]=useState(false),s={sm:token("spacing.4"),md:token("spacing.5"),lg:token("spacing.6")},p=n?s.sm:s[l],i=o$3({size:l,variant:m,icon:c,description:!!n,isDismissed:C,dismissible:d,interactive:!!e}),j=()=>{S(true);},v=useRef(null),u=N||v,{buttonProps:I}=$701a24aa0da5b062$export$ea18c227d4417cc3({onPress:e},u),f=()=>jsxs(HStack,{className:e?"":i.container,onAnimationEnd:()=>x(false),ref:u,children:[jsxs(VStack,{alignItems:"flex-start",gap:1.5,children:[jsxs(HStack,{w:"full",justifyContent:"space-between",children:[jsxs(HStack,{alignItems:"center",children:[c&&jsx(d$
|
|
9277
|
+
const b$8=forwardRef((g,N)=>{const{label:w,description:n,size:l="md",variant:m="branded",icon:c=false,dismissible:d=false,onPress:e}=g,[k,x]=useState(true),[C,S]=useState(false),s={sm:token("spacing.4"),md:token("spacing.5"),lg:token("spacing.6")},p=n?s.sm:s[l],i=o$3({size:l,variant:m,icon:c,description:!!n,isDismissed:C,dismissible:d,interactive:!!e}),j=()=>{S(true);},v=useRef(null),u=N||v,{buttonProps:I}=$701a24aa0da5b062$export$ea18c227d4417cc3({onPress:e},u),f=()=>jsxs(HStack,{className:e?"":i.container,onAnimationEnd:()=>x(false),ref:u,children:[jsxs(VStack,{alignItems:"flex-start",gap:1.5,children:[jsxs(HStack,{w:"full",justifyContent:"space-between",children:[jsxs(HStack,{alignItems:"center",children:[c&&jsx(d$o,{variant:m,className:i.icon,width:p,height:p}),jsx("p",{className:i.label,children:w})]}),d&&jsx("button",{className:i.button,onClick:j,"aria-label":"dismiss callout",children:jsx(c$a,{className:i.button,width:s.sm,height:s.sm})})]}),!!n&&jsx("p",{className:i.description,children:n})]}),!!e&&jsx(c$b,{className:i.button,width:s.sm,height:s.sm})]});return k?e?jsx("button",{...I,className:i.container,children:jsx(f,{})}):jsx(f,{}):null});b$8.displayName="Callout";
|
|
9203
9278
|
|
|
9204
|
-
const d$
|
|
9279
|
+
const d$n=({inverted:a,neutral:c,progress:h=30,size:e=64,strokeWidth:r=6})=>{const t=e/2,l=Math.abs(h)/100,i=2*Math.PI*t,s=a?"surface.primary":c?"text.primary":"brand.base";return jsx(Center,{inline:true,children:jsxs("svg",{width:e,height:e,viewBox:`0 0 ${e} ${e}`,fill:"none",stroke:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("circle",{className:css({stroke:s,strokeOpacity:.12}),cx:"50%",cy:"50%",r:t-r/2,strokeLinecap:"round",strokeWidth:r}),jsx("circle",{className:css({animation:"spin 1s linear infinite",stroke:s,transformOrigin:"center center"}),cx:"50%",cy:"50%",r:t-r/2,strokeDasharray:i,strokeDashoffset:i-i*l+r*4,strokeLinecap:"round",strokeWidth:r})]})})};
|
|
9205
9280
|
|
|
9206
9281
|
token("colors.brand.lighter");token("colors.negative.lighter");token("colors.neutral.secondary");token("colors.positive.lighter");token("colors.warning.lighter");
|
|
9207
9282
|
|
|
@@ -9209,27 +9284,27 @@ const c$9=({color:o,title:l,titleId:t,...r})=>{const i=o||token("colors.text.pri
|
|
|
9209
9284
|
|
|
9210
9285
|
const t$1=cva({base:{textWrap:"wrap"},variants:{mono:{false:{},true:{}},scale:{false:{},true:{}},variant:{text:{color:"text.primary"},error:{color:"negative.darker"},info:{color:"brand.base"},success:{color:"positive.base"},warning:{color:"warning.base"}},size:{xs:{textStyle:"body-xs"},sm:{textStyle:"body-sm"},md:{textStyle:"body-md"},lg:{textStyle:"body-lg"}}},compoundVariants:[{scale:true,size:"sm",css:{textStyle:"body-sm-scaled"}},{scale:true,size:"md",css:{textStyle:"body-md-scaled"}},{scale:true,size:"lg",css:{textStyle:"body-lg-scaled"}},{mono:true,size:"sm",css:{textStyle:"mono-sm"}},{mono:true,size:"md",css:{textStyle:"mono-md"}},{mono:true,size:"lg",css:{textStyle:"mono-lg"}}],defaultVariants:{mono:false,variant:"text",size:"md"}});
|
|
9211
9286
|
|
|
9212
|
-
const i$
|
|
9287
|
+
const i$8="text.primary",m$8=forwardRef(({children:e,styles:l={},scale:s,fontColor:o=i$8,...a},t)=>jsx("h1",{ref:t,className:css({textStyle:s?"h1-scaled":"h1",color:o,...a}),style:l,children:e})),y$8=forwardRef(({children:e,styles:l={},scale:s,fontColor:o=i$8,...a},t)=>jsx("h2",{ref:t,className:css({textStyle:s?"h2-scaled":"h2",color:o,...a}),style:l,children:e})),f$8=forwardRef(({children:e,styles:l={},scale:s,fontColor:o=i$8,...a},t)=>jsx("h3",{ref:t,className:css({textStyle:s?"h3-scaled":"h3",color:o,...a}),style:l,children:e})),x$5=forwardRef(({children:e,styles:l={},scale:s,fontColor:o=i$8,...a},t)=>jsx("h4",{ref:t,className:css({textStyle:s?"h4-scaled":"h4",color:o,...a}),style:l,children:e})),p$1=forwardRef(({children:e,styles:l={},scale:s,fontColor:o=i$8,...a},t)=>jsx("h5",{ref:t,className:css({textStyle:s?"h5-scaled":"h5",color:o,...a}),style:l,children:e})),N$4=forwardRef(({children:e,styles:l={},scale:s,fontColor:o="text.secondary",...a},t)=>jsx("h6",{ref:t,className:css({textStyle:s?"h6-scaled":"h6",color:o,...a}),style:l,children:e})),h$8=forwardRef(({children:e,styles:l={},scale:s,inline:o=false,mono:a=false,variant:t="text",size:T="md",truncate:C=false,fontWeight:S,fontColor:u,...g},b)=>{const j=t$1({mono:a,variant:t,size:T,scale:s}),d={ref:b,className:cx(j,css({truncate:C,fontWeight:S??(t!=="text"?"medium":"normal"),color:u,...g})),style:l};return o?jsx("span",{...d,children:e}):jsx("p",{...d,children:e})}),H$7=forwardRef((e,l)=>jsx(h$8,{ref:l,mono:true,...e})),M$8=Object.assign(h$8,{H1:m$8,H2:y$8,H3:f$8,H4:x$5,H5:p$1,H6:N$4,Mono:H$7});h$8.displayName="Text",m$8.displayName="Text.H1",y$8.displayName="Text.H2",f$8.displayName="Text.H3",x$5.displayName="Text.H4",p$1.displayName="Text.H5",N$4.displayName="Text.H6",H$7.displayName="Text.Mono";
|
|
9213
9288
|
|
|
9214
|
-
const i$
|
|
9289
|
+
const i$7=({isSelected:e,onChange:c,defaultSelected:n=false})=>{const[u,o]=useState(n),t=e!==void 0,l=t?e:u,s=d=>{t||o(d),c&&c(d);},S=()=>s(!l);return useEffect(()=>{t&&o(e);},[e]),{isSelected:l,setSelected:s,toggle:S}};
|
|
9215
9290
|
|
|
9216
|
-
const m$7=forwardRef((l,u)=>{const{label:o,indeterminate:r=false,disabled:s=false,checked:b,"aria-label":p,...f}=l,t=i$
|
|
9291
|
+
const m$7=forwardRef((l,u)=>{const{label:o,indeterminate:r=false,disabled:s=false,checked:b,"aria-label":p,...f}=l,t=i$7({...l,isSelected:b}),h=useRef(null),i=u||h;useEffect(()=>{const c="current"in i?i.current:null;c&&(c.indeterminate=!!r);},[r,i]);const{inputProps:g}=$406796ff087fe49b$export$e375f10ce42261c5({...f,"aria-label":o||p||"Checkbox",isDisabled:s,isIndeterminate:r},t,i),{isFocusVisible:a,focusProps:x}=$f7dceffc5ad7768b$export$4e328f61c538687f();return jsxs("label",{className:css({display:"flex",alignItems:"center",rounded:"sm",opacity:s?.3:1}),children:[jsx($5c3e21d68f1c4674$export$439d29a4e110a164,{children:jsx("input",{...$3ef42575df84b30b$export$9d1611c77c2fe928(g,x),ref:i})}),jsx("div",{className:css({display:"flex",alignItems:"center",justifyContent:"center",width:5,height:5,bg:t.isSelected?"brand.base":"transparent",borderWidth:"thick",borderColor:t.isSelected||a?"brand.base":"text.tertiary",transition:"background-color 0.2s ease, border-color 0.2s ease",_hover:{cursor:"pointer",borderColor:"brand.base"},pointerEvents:s?"none":"auto",rounded:"sm",boxSizing:"border-box",outlineColor:a?"brand.base":"transparent",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5}),children:jsxs("span",{children:[t.isSelected&&!r&&jsx(c$9,{height:16,width:16,color:token("colors.surface.primary")}),t.isSelected&&!!r&&jsx(Flex,{justifyContent:"center",alignItems:"center",children:jsx("div",{className:css({w:2.5,h:.5,bg:"surface.primary"})})})]})}),o&&jsx(Box,{ml:3,children:jsx(M$8,{fontWeight:"medium",styles:{lineHeight:1},children:o})})]})});m$7.displayName="Checkbox";
|
|
9217
9292
|
|
|
9218
9293
|
const c$8=({color:o,title:l,titleId:e,...r})=>{const i=o||token("colors.text.primary");return jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":e,...r,children:[l?jsx("title",{id:e,children:l}):null,jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.84115 16.0164C11.0164 17.3279 12.9837 17.3279 14.1589 16.0164L20.7447 8.66738C21.1133 8.25608 21.0787 7.62386 20.6674 7.25528C20.2561 6.8867 19.6239 6.92132 19.2553 7.33262L12.6694 14.6817C12.2891 15.1061 11.7109 15.1061 11.3306 14.6817L4.74473 7.33262C4.37614 6.92132 3.74393 6.8867 3.33263 7.25528C2.92133 7.62386 2.88671 8.25608 3.25529 8.66738L9.84115 16.0164Z",fill:"currentColor"})]})};
|
|
9219
9294
|
|
|
9220
|
-
const d$
|
|
9295
|
+
const d$m=({color:o,title:l,titleId:e,...C})=>{const r=o||token("colors.text.primary");return jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:r,"aria-labelledby":e,...C,children:[l?jsx("title",{id:e,children:l}):null,jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 12C0 5.37258 5.37258 0 12 0C18.6274 0 24 5.37258 24 12C24 18.6274 18.6274 24 12 24C5.37258 24 0 18.6274 0 12ZM12.0248 7C10.9095 7 10 7.9061 10 9V9.5C10 10.0523 9.55228 10.5 9 10.5C8.44771 10.5 8 10.0523 8 9.5V9C8 6.78019 9.82639 5 12.0248 5C14.1982 5 16 6.76512 16 8.95565C16 10.8064 14.7234 12.3651 13 12.7883V14C13 14.5523 12.5523 15 12 15C11.4477 15 11 14.5523 11 14V11.9605C11 11.3757 11.4741 10.9016 12.0588 10.9016C13.1288 10.9016 14 10.0299 14 8.95565C14 7.8868 13.1108 7 12.0248 7ZM10.75 18C10.75 17.3096 11.3096 16.75 12 16.75H12.009C12.6993 16.75 13.259 17.3096 13.259 18C13.259 18.6904 12.6993 19.25 12.009 19.25H12C11.3096 19.25 10.75 18.6904 10.75 18Z",fill:"currentColor"})]})};
|
|
9221
9296
|
|
|
9222
9297
|
const m$6=createContext({selectedValue:void 0,setSelectedValue:()=>{}}),h$7=forwardRef((i,s)=>{const{label:t,value:o}=i,r=useContext(m$6),n=useRef(null),a=s||n,b=useCallback(()=>{r.setSelectedValue(o);},[r,o]),{hoverProps:f}=$6179b936705e76d3$export$ae780daf29e6d456({}),{focusProps:x,isFocusVisible:d}=$f7dceffc5ad7768b$export$4e328f61c538687f(),{pressProps:g}=$f6c31cce2adf654f$export$45712eceda6fad21({onPress:b}),l=r.selectedValue===o,C=l?0:-1;return jsxs("label",{className:flex({alignItems:"center"}),children:[jsx($5c3e21d68f1c4674$export$439d29a4e110a164,{children:jsx("input",{...$3ef42575df84b30b$export$9d1611c77c2fe928(g,x,f),ref:a,type:"radio",checked:l,tabIndex:C,readOnly:true})}),jsx(Flex,{justifyContent:"center",alignItems:"center",borderWidth:"thick",borderColor:d||l?"brand.base":"text.tertiary",transition:"border-color 0.2s ease",outlineColor:"brand.base",outlineStyle:d?"solid":"none",outlineWidth:"thick",outlineOffset:.5,_hover:{borderColor:"brand.base"},cursor:"pointer",w:6,h:6,rounded:"full","aria-hidden":"true",children:l&&jsx(Circle,{size:3,bg:"brand.base"})}),jsx(Box,{ml:3,children:jsx(M$8,{size:"lg",fontWeight:"medium",children:t})})]})});h$7.displayName="Radio";
|
|
9223
9298
|
|
|
9224
|
-
var i$
|
|
9299
|
+
var i$6=typeof window>"u"?React.useEffect:React.useLayoutEffect,f$7=e=>{let r=React.createContext(e);return r.displayName="SlotsContext",r},d$l=e=>typeof e=="string"?e:e.displayName||e.name||"Component",y$7=["$$typeof","render","displayName","defaultProps"],m$5=(e,r)=>{if(typeof r=="string")return e;let t=Object.getOwnPropertyNames(r).reduce((o,s)=>(y$7.includes(s)||(o[s]=r[s]),o),{});return Object.assign(e,t)};var u$5="slots-wrapper",x$4=new RegExp(`^<${u$5}>.*</${u$5}>$`),R$4=({name:e,forceUpdate:r,children:t})=>{let o=React.useRef(null),s=React.useRef(false);return i$6(()=>{var a;if(!s.current&&((a=o.current)==null?void 0:a.innerHTML)){let l=o.current.innerHTML;l&&!x$4.test(l)&&console.warn(`Unwrapped children found in "${e}", either wrap them in slots or remove`);}s.current=true,r();},[e]),s.current?React.createElement(React.Fragment,null,t):React.createElement(u$5,{ref:o},t)};var S$5=e=>{let r=new Map;return {register(t,o){r.set(t,o);},update(t,o){r.set(t,o),e(t);},unmount(t){r.delete(t),e(t);},get(t){return r.get(t)},getProps(t){let o=r.get(t);if(!o)return;let{ref:s,props:a}=o;return s?{...a,ref:s}:a}}};var T$7=f$7(void 0),E$3=({children:e})=>e(),C$5=({children:e,callback:r})=>{let t=React.useReducer(()=>[],[])[1],o=React.useMemo(()=>S$5(t),[t]);return React.createElement(React.Fragment,null,React.createElement(T$7.Provider,{value:o},process.env.NODE_ENV==="production"?e:React.createElement(R$4,{name:"HostSlots",forceUpdate:t},e)),React.createElement(E$3,null,()=>r(o)))},$$5=(e,r)=>React.createElement(C$5,{children:e,callback:r}),D$3=e=>{let r=(o,s)=>{let a=React.useContext(T$7);if(!a)return e?React.createElement(e,{ref:s,...o}):null;let l=React.createElement(t,{ref:s,...o});return React.useState(()=>a.register(t,l)),React.useEffect(()=>a.update(t,l)),React.useEffect(()=>()=>a.unmount(t),[a]),null};r.displayName=e?`Slot(${d$l(e)})`:"Slot";let t=React.forwardRef(r);return e?m$5(t,e):t};
|
|
9225
9300
|
|
|
9226
|
-
const T$
|
|
9301
|
+
const T$6=createContext({currentTab:void 0,setCurrentTab:()=>{},tabRefs:{current:{}},disabled:false}),j$4=D$3(({children:i,...l})=>jsx(Flex,{alignItems:"center",justifyContent:"center",children:Children.map(i,a=>cloneElement(a,l))})),R$3=forwardRef((i,l)=>{const{label:a,id:n}=i,{currentTab:p,setCurrentTab:b,tabRefs:e,size:o,disabled:s}=useContext(T$6),t=p===n,h=o==="sm"?8:o==="md"?10:13,c=o==="sm"?16:20,g=useRef(null),r=l||g;useEffect(()=>{typeof r=="object"&&e.current&&(e.current[n]=r.current);},[n]);const d=useCallback(()=>{b(n);},[b,n]),{buttonProps:u,isPressed:z}=$701a24aa0da5b062$export$ea18c227d4417cc3({onPress:d,isDisabled:s},r),{hoverProps:$}=$6179b936705e76d3$export$ae780daf29e6d456({}),{isFocusVisible:_,focusProps:H}=$f7dceffc5ad7768b$export$4e328f61c538687f();return $$5(i.children,I=>{const x=I.get(j$4);return jsx("button",{className:css({display:"flex",justifyContent:"center",alignItems:"center",h,w:"full",rounded:"button",zIndex:0,cursor:"pointer",color:t?"text.primary":"text.secondary",fontSize:o,fontWeight:"semibold",whiteSpace:"nowrap",bg:"transparent",outlineColor:_?"brand.base":"transparent",outlineStyle:"solid",outlineWidth:"thick",transition:t?"background 0s":"background 0.2s ease",_disabled:{opacity:"0.3",pointerEvents:"none"},_hover:{bg:t?"transparent":"ink.20",_dark:{bg:t?"transparent":"slate.1"}}}),ref:r,...$3ef42575df84b30b$export$9d1611c77c2fe928(u,$,H),disabled:s,children:jsxs(Flex,{opacity:z&&!t?.5:1,align:"center",justify:"center",children:[x&&{...x,props:{...x.props,className:css({mr:1,color:t?"text.primary":"text.secondary"}),width:c,height:c}},a]})})})});Object.assign(R$3,{Icon:j$4});R$3.displayName="Tab";
|
|
9227
9302
|
|
|
9228
|
-
const s$c=forwardRef((r,i)=>{const{checked:l,disabled:n=false,label:o,className:a,...c}=r,d=useRef(null),m=i||d,e=i$
|
|
9303
|
+
const s$c=forwardRef((r,i)=>{const{checked:l,disabled:n=false,label:o,className:a,...c}=r,d=useRef(null),m=i||d,e=i$7({...r,isSelected:l}),{buttonProps:p}=$55f54f7887471b58$export$51e84d46ca0bc451({...c,isDisabled:n},e,m),{isFocusVisible:u,focusProps:f}=$f7dceffc5ad7768b$export$4e328f61c538687f();return jsxs(Flex,{alignItems:"center",children:[o&&jsx(Box,{mr:2,children:jsx(M$8,{fontWeight:"medium",styles:{lineHeight:1},children:o})}),jsx("button",{...$3ef42575df84b30b$export$9d1611c77c2fe928(p,f),className:cx(css({px:.5,h:5,width:11,_disabled:{opacity:.3,pointerEvents:"none"},bg:e.isSelected?"brand.base":"neutral.primary",_hover:{bg:e.isSelected?"brand.base":"ink.70",_dark:{bg:e.isSelected?"brand.base":"slate.4"}},transition:"background-color 0.2s ease",rounded:"full",outlineColor:u?"brand.base":"transparent",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5,cursor:"pointer"}),a),children:jsx("span",{className:circle({h:4,w:4,bg:"paper",position:"relative",left:e.isSelected?6:0,transition:"left 0.2s ease"})})})]})});s$c.displayName="Switch";
|
|
9229
9304
|
|
|
9230
|
-
const D$2="bottom left",H$
|
|
9305
|
+
const D$2="bottom left",H$6=8,ve="hover",E$2=D$3(({children:t})=>jsx(Fragment,{children:t})),j$3=D$3(({children:t,...c})=>{const{onPress:i,...s}=c;return jsx(Center,{children:Children.map(t,l=>cloneElement(l,s))})}),w$3=D$3(t=>jsx(Q$1.LeadingIcon,{...t})),K$2=D$3(t=>jsx(Q$1.TrailingIcon,{...t})),M$7=({children:t,...c})=>$$5(t,i=>{var s;const{isOpen:l,defaultOpen:W,onOpenChange:_,trigger:O=ve,iconSize:v,onPress:he,...I}=c,{isSelected:q,setSelected:h}=i$7({defaultSelected:W,onChange:_,...c}),x=l!==void 0?l:q,r=24,n=useMemo(()=>({isOpen:x,open:()=>{h(true);},close:()=>{h(false);},setOpen(e){h(e);},toggle(){}}),[x]),S=i.getProps(E$2),p=useRef(null),{triggerProps:L,overlayProps:G}=$628037886ba31236$export$f9d5c8beee7d008d({},n,p),a=useRef(null),{popoverProps:J,underlayProps:Q}=$f2f8a6077418541e$export$542a6fd13ac93354({placement:c.placement||D$2,offset:H$6,popoverRef:a,triggerRef:p,...S},n),b=$3ef42575df84b30b$export$9d1611c77c2fe928(S,J);!((s=b?.style)===null||s===void 0)&&s.zIndex&&(b.style.zIndex=token("zIndex.max"));const{className:V,...Z}=b,k=useCallback(()=>{n.open();},[n]),y=useCallback(e=>{var P,T;const d=(P=p.current)===null||P===void 0?void 0:P.getBoundingClientRect(),m=(T=a.current)===null||T===void 0?void 0:T.getBoundingClientRect();if(d&&m){const oe=e.clientX>=d.left-r&&e.clientX<=d.right+r&&e.clientY>=d.top-r&&e.clientY<=d.bottom+r,te=e.clientX>=m.left-r&&e.clientX<=m.right+r&&e.clientY>=m.top-r&&e.clientY<=m.bottom+r;!oe&&!te&&n.close();}},[n]),$=()=>{if(a.current){const e=a.current.querySelectorAll('a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])');e.length>0&&e[0].focus();}},ee=e=>{e.key==="Enter"&&(e.preventDefault(),l?n.close():(n.open(),setTimeout($,0)));};useEffect(()=>(document.addEventListener("mousemove",y),()=>{document.removeEventListener("mousemove",y);}),[y]);const u=i.get(j$3),R=i.getProps(w$3),F=i.getProps(K$2),N=v?{height:v,width:v}:{};return jsxs(Fragment,{children:[u?jsx(Box,{display:"inline-block",ref:p,...I,children:u&&{...u,props:{...u.props,...L}}}):jsx(Box,{display:"inline-block",ref:p,children:jsxs(Q$1,{...$3ef42575df84b30b$export$9d1611c77c2fe928(L,I),onKeyDown:ee,onHover:()=>O==="hover"&&k(),onPress:()=>O==="click"&&k(),children:[R&&jsx(Q$1.LeadingIcon,{...R,...N}),F&&jsx(Q$1.TrailingIcon,{...F,...N})]})}),x&&jsxs($337b884510726a0d$export$c6fdb837b070b4ff,{...G,children:[jsx("div",{...Q,className:"underlay"}),jsx("div",{ref:a,...Z,className:cx(vstack({bg:"surface.secondary",p:3,gap:0,color:"text.secondary",borderWidth:1,borderColor:"neutral.secondary",borderRadius:"xl",boxShadow:"0px 4px 20px 0px rgba(0, 0, 0, 0.10)",maxW:52,alignItems:"start"}),V),children:i.get(E$2)})]})]})}),U$2=Object.assign(M$7,{Trigger:j$3,LeadingIcon:w$3,TrailingIcon:K$2,Content:E$2});
|
|
9231
9306
|
|
|
9232
|
-
const r$
|
|
9307
|
+
const r$7=forwardRef((e,a)=>{var o;const{container:l,...i}=e,[n,s]=useState(false);useLayoutEffect(()=>s(true),[]);const t=l||n&&((o=globalThis?.document)===null||o===void 0?void 0:o.body);return t?$4AOtR$reactdom.createPortal(jsx("div",{...i,ref:a}),t):null});r$7.displayName="Portal";
|
|
9233
9308
|
|
|
9234
9309
|
const o$2=e=>()=>{throw new Error("TOAST_PROVIDER_REQUIRED",{cause:`Before calling \`${e}\`, wrap your application with \`<ToastProvider>\`.`})};createContext({createToast:o$2("createToast"),removeToast:o$2("removeToast")});
|
|
9235
9310
|
|
|
@@ -9237,23 +9312,23 @@ sva({slots:["container","portal","toast","icon","dismiss"],base:{portal:{boxSizi
|
|
|
9237
9312
|
|
|
9238
9313
|
function m$4(t){const n=useRef(null),r=useRef(t);return useLayoutEffect(()=>{r.current=t;}),useEffect(()=>{const e=u=>{const o=n.current;o&&!o.contains(u.target)&&r.current(u);};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e);}},[]),n}
|
|
9239
9314
|
|
|
9240
|
-
const r$
|
|
9315
|
+
const r$6=sva({slots:["trigger","content","spacer"],base:{trigger:{position:"relative",w:"auto"},content:{w:"max",maxW:72,color:"text.secondary",bg:"surface.primary",borderColor:"neutral.secondary",borderWidth:"thin",_dark:{bg:"surface.tertiary"},position:"absolute",py:2,px:3,rounded:"xl",boxShadow:"0px 4px 20px 0px rgba(0, 0, 0, 0.10)",zIndex:"max",display:"none"},spacer:{position:"absolute"}},variants:{expand:{true:{trigger:{w:"full"}}},isOpen:{true:{content:{display:"block"}}},placement:{top:{content:{top:"0%",left:"50%",transform:"translateX(-50%) translateY(calc(-100% - 0.75rem))"}},"top left":{content:{top:"0%",right:"100%",transform:"translateX(10%) translateY(calc(-100% - 0.75rem))"}},"top right":{content:{top:"0%",left:"100%",transform:"translateX(-10%) translateY(calc(-100% - 0.75rem))"}},left:{content:{top:"50%",left:"0%",transform:"translateX(calc(-100% - 0.75rem)) translateY(-50%)"}},"left top":{content:{top:"50%",left:"0%",transform:"translateX(calc(-100% - 0.75rem)) translateY(-75%)"}},"left bottom":{content:{top:"50%",left:"0%",transform:"translateX(calc(-100% - 0.75rem)) translateY(-25%)"}},right:{content:{top:"50%",right:"0%",transform:"translateX(calc(100% + 0.75rem)) translateY(-50%)"}},"right top":{content:{top:"50%",right:"0%",transform:"translateX(calc(100% + 0.75rem)) translateY(-75%)"}},"right bottom":{content:{top:"50%",right:"0%",transform:"translateX(calc(100% + 0.75rem)) translateY(-25%)"}},bottom:{content:{bottom:"0%",left:"50%",transform:"translateX(-50%) translateY(calc(100% + 0.75rem))"}},"bottom left":{content:{bottom:"0%",right:"100%",transform:"translateX(10%) translateY(calc(100% + 0.75rem))"}},"bottom right":{content:{bottom:"0%",left:"100%",transform:"translateX(-10%) translateY(calc(100% + 0.75rem))"}}},position:{top:{spacer:{width:72,height:4,bottom:0,left:"50%",transform:"translateX(-50%) translateY(0.75rem)"}},bottom:{spacer:{width:72,height:4,top:0,left:"50%",transform:"translateX(-50%) translateY(-0.75rem)"}},left:{spacer:{width:4,height:48,top:"50%",right:-6,transform:"translateX(-0.75rem) translateY(-50%)"}},right:{spacer:{width:4,height:48,top:"50%",left:-6,transform:"translateX(0.75rem) translateY(-50%)"}}}}});
|
|
9241
9316
|
|
|
9242
|
-
const d$
|
|
9317
|
+
const d$k=forwardRef((t,f)=>{const g="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.maxTouchPoints>0,{children:h,content:x,width:O=288,closeDelay:T=2500,defaultOpen:w,placement:l="top",expand:y=false,...P}=t,[r,i]=useState(false),{isSelected:m,setSelected:o}=i$7({isOpen:t.isOpen,defaultSelected:w,onChange(s){s||i(false);},...t}),e=useMemo(()=>({isOpen:m,open:()=>{o(true);},close:s=>{if(s){o(false);return}g?o(false):(r&&setTimeout(()=>{o(false),i(false);},T),r||o(false));}}),[m,r]),S=useRef(null),{triggerProps:a,tooltipProps:C}=$4e1b34546679e357$export$a6da6c504e4bba8b(t,e,S);a.onClick=()=>{e.open(),i(true);};const M=m$4(()=>{e.close(true);}),N=l.split(" ")[0],n=r$6({expand:y,isOpen:e.isOpen,placement:l,position:N});return jsxs(Box,{ref:M,className:n.trigger,onMouseLeave:()=>{e.close();},onFocus:()=>{e.open();},onBlur:()=>{e.close();},children:[cloneElement(h,{...a,tabIndex:0}),jsxs(Box,{ref:f,"aria-describedby":"tooltip",role:"tooltip",className:n.content,style:{width:O},onMouseEnter:()=>{e.open();},...$3ef42575df84b30b$export$9d1611c77c2fe928(C,P),children:[jsx(M$8,{size:"sm",children:x}),e.isOpen&&jsx(Box,{onMouseEnter:()=>{e.open();},className:n.spacer})]})]})});d$k.displayName="Tooltip";
|
|
9243
9318
|
|
|
9244
9319
|
createContext({selectedOption:null,setSelectedOption:()=>{}});
|
|
9245
9320
|
|
|
9246
|
-
const r$
|
|
9321
|
+
const r$5=sva({slots:["button","label","focus","icon","iconContainer"],base:{button:{display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",fontWeight:"semibold",boxSizing:"border-box",borderRadius:"button",border:"thin solid",borderColor:"transparent",cursor:"pointer",transition:"all 0.1s ease",outline:"none",willChange:"transform, opacity",bg:"none",_active:{transform:"scale(0.95)"},_disabled:{opacity:"0.3",pointerEvents:"none"},_before:{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,borderRadius:"inherit",backgroundImage:"linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))",_dark:{backgroundImage:"linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))"},opacity:0,transition:"opacity 0.1s ease"},_hover:{_before:{opacity:1}}},label:{display:"flex",textAlign:"center",justifyContent:"center",whiteSpace:"nowrap",transition:"all 0.1s ease"},focus:{outlineColor:"brand.base",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5},icon:{transition:"all 0.1s ease"}},variants:{size:{sm:{button:{h:9,py:1.5,px:4},label:{fontSize:"sm",lineHeight:"1.5rem"},iconContainer:{w:9,p:1.5}},md:{button:{h:12,py:3,px:6},label:{fontSize:"md",lineHeight:"1.5rem"},iconContainer:{w:12,p:3}},lg:{button:{h:15,py:4,px:6},label:{fontSize:"lg",lineHeight:"1.75rem"},iconContainer:{w:15,p:4}}},variant:{primary:{button:{bg:"brand.base"},label:{color:"surface.primary"},icon:{color:"surface.primary"}},secondary:{button:{bg:"brand.lightest"},label:{color:"brand.darker"},icon:{color:"brand.darker"}},positive:{button:{bg:"positive.darker"},label:{color:"surface.primary"},icon:{color:"surface.primary"}},negative:{button:{bg:"negative.darker"},label:{color:"surface.primary"},icon:{color:"surface.primary"}},neutral:{button:{bg:"neutral.tertiary",_light:{mixBlendMode:"multiply"}},label:{color:"text.primary"},icon:{color:"text.primary"}},tertiary:{button:{bg:"transparent",borderColor:"neutral.primary"},label:{color:"text.primary"},icon:{color:"brand.base"}},text:{button:{p:0,h:"fit-content",_hover:{_before:{opacity:0}}},label:{color:"brand.base",_groupHover:{color:"brand.darkest",_dark:{color:"brand.lighter"}}},icon:{color:"brand.base",_groupHover:{color:"brand.darkest",_dark:{color:"brand.lighter"}}}},transparent:{button:{bg:{base:"#ffffff14",_hover:"#ffffff4d"},_dark:{bg:"#ffffff29"},backdropFilter:"blur(3px)",_before:{display:"none"}},label:{color:"chalk"},icon:{color:"chalk"}},inverse:{button:{bg:"ink.90",_dark:{bg:"paper"},_before:{backgroundImage:"linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))",_dark:{backgroundImage:"linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))"}}},label:{color:"chalk",_dark:{color:"ink.90"}},icon:{color:"chalk",_dark:{color:"ink.90"}}}},validating:{true:{button:{pointerEvents:"none"}}},expand:{true:{button:{width:"full"}}},iconOnly:{true:{button:{borderRadius:"full"}}},textStyle:{positive:{},negative:{},neutral:{},subtle:{}}},compoundVariants:[{textStyle:"positive",css:{label:{color:"positive.base"},icon:{color:"positive.base"}}},{variant:"text",textStyle:"positive",css:{label:{_groupHover:{color:"positive.darker",_dark:{color:"positive.darker"}}},icon:{_groupHover:{color:"positive.darker",_dark:{color:"positive.darker"}}}}},{textStyle:"negative",css:{label:{color:"negative.darker",_dark:{color:"negative.base"}},icon:{color:"negative.darker",_dark:{color:"negative.base"}}}},{variant:"text",textStyle:"negative",css:{label:{_groupHover:{color:"negative.darkest",_dark:{color:"negative.lighter"}}},icon:{_groupHover:{color:"negative.darkest",_dark:{color:"negative.lighter"}}}}},{textStyle:"neutral",css:{label:{color:"text.primary"},icon:{color:"text.primary"}}},{variant:"text",textStyle:"neutral",css:{label:{_groupHover:{color:"text.secondary",_dark:{color:"text.secondary"}}},icon:{_groupHover:{color:"text.secondary",_dark:{color:"text.secondary"}}}}},{textStyle:"subtle",css:{label:{color:"text.tertiary"},icon:{color:"text.tertiary"}}},{variant:"text",textStyle:"subtle",css:{label:{_groupHover:{color:"text.secondary",_dark:{color:"text.secondary"}}},icon:{_groupHover:{color:"text.secondary",_dark:{color:"text.secondary"}}}}},{variant:"text",iconOnly:true,css:{iconContainer:{p:1.5,w:"fit-content"}}}],defaultVariants:{size:"md",variant:"primary"}});
|
|
9247
9322
|
|
|
9248
|
-
const C$4=D$3(({children:t,...i})=>jsx(Flex,{alignItems:"center",justifyContent:"center",children:Children.map(t,r=>cloneElement(r,i))})),N$3=D$3(({children:t,...i})=>jsx(Flex,{alignItems:"center",justifyContent:"center",children:Children.map(t,r=>cloneElement(r,i))})),G$3=({variant:t="primary",size:i="md"})=>{const r=t==="primary"||t==="negative",p=t==="neutral"||t==="tertiary";return jsx(d$
|
|
9323
|
+
const C$4=D$3(({children:t,...i})=>jsx(Flex,{alignItems:"center",justifyContent:"center",children:Children.map(t,r=>cloneElement(r,i))})),N$3=D$3(({children:t,...i})=>jsx(Flex,{alignItems:"center",justifyContent:"center",children:Children.map(t,r=>cloneElement(r,i))})),G$3=({variant:t="primary",size:i="md"})=>{const r=t==="primary"||t==="negative",p=t==="neutral"||t==="tertiary";return jsx(d$n,{size:{sm:20,md:24,lg:28}[i],strokeWidth:2.5,inverted:r,neutral:p})},S$4=forwardRef((t,i)=>{const{label:r,variant:p="primary",textStyle:H,size:m="md",disabled:l,expand:c,validating:d,iconSize:I,onHover:u,centerContent:f}=t,a=I||(m==="sm"?16:24),g=r&&c&&!f,o=r$5({variant:p,textStyle:H,expand:c,size:m,validating:d,iconOnly:!r}),P=useRef(null),h=i||P,{buttonProps:B}=$701a24aa0da5b062$export$ea18c227d4417cc3({...t,isDisabled:l??false},h),{hoverProps:F}=$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:l??false}),{isFocusVisible:R,focusProps:O}=$f7dceffc5ad7768b$export$4e328f61c538687f();return $$5(t.children,b=>{const n=b.get(C$4),s=b.get(N$3),v=a/4;return jsx("button",{className:cx(o.button,"group",!r&&o.iconContainer,R&&o.focus),ref:h,...$3ef42575df84b30b$export$9d1611c77c2fe928(B,F,O),"aria-disabled":l,onMouseEnter:u,onTouchStart:u,children:d?jsx(G$3,{variant:p,size:m}):jsxs(HStack,{w:"full",gap:2,justify:r&&(n||s)&&!f?"space-between":"center",children:[n&&{...n,props:{className:n.props.color?void 0:o.icon,width:a,height:a,...n.props}},s&&g&&jsx(Box,{w:v}),r&&jsx("span",{className:o.label,children:r}),n&&g&&jsx(Box,{w:v}),s&&{...s,props:{className:s.props.color?void 0:o.icon,width:a,height:a,...s.props}}]})})})}),Q$1=Object.assign(S$4,{LeadingIcon:C$4,TrailingIcon:N$3});S$4.displayName="Button";
|
|
9249
9324
|
|
|
9250
9325
|
const a$3=cva({base:{bgColor:"surface.primary",borderRadius:"1rem"},variants:{asButton:{false:{cursor:"default"},true:{alignItems:"center",cursor:"pointer",h:"10.75rem",justifyContent:"center",p:4,transition:"all 0.1s ease",w:"10.75rem",_active:{transform:"scale(0.95)"}}},alignment:{center:{alignItems:"center"},left:{alignItems:"flex-start"},right:{alignItems:"flex-end"}},alt:{true:{}},expand:{false:{overflow:"hidden"},true:{overflow:"visible",w:"full"}},gapType:{none:{gap:0},sm:{gap:4},md:{gap:5},lg:{gap:6}},heavyShadow:{false:{boxShadow:"0px 1px 2px rgba(189, 189, 189, 0.3)"},true:{boxShadow:"8px 8px 48px rgba(16, 15, 17, 0.14)"}},paddingType:{none:{p:0},sm:{px:4,py:3},md:{px:8,py:6},lg:{p:12}},widthMax:{true:{flex:1,maxW:"29.125rem",mdDown:{maxW:"full"}}},disabled:{true:{opacity:.3,pointerEvents:"none"}},validating:{true:{pointerEvents:"none"}}},compoundVariants:[{asButton:true,alt:true,css:{bgColor:"surface.tertiary",color:"text.secondary",_hover:{filter:"brightness(0.9)"}}}],defaultVariants:{alt:false,expand:false,gapType:"md",heavyShadow:false,paddingType:"md",widthMax:false}});
|
|
9251
9326
|
|
|
9252
|
-
const c$7=forwardRef(({children:i,className:t,id:m,asButton:o,stack:l,onClick:d,validating:p,...s},a)=>{const n=a$3({asButton:o,validating:p,...s});return l||o?jsx(Flex,{id:m,className:cx(n,t),flexDirection:"column",role:o?"button":"none",onClick:o?d:void 0,ref:a,children:p?jsx(d$
|
|
9327
|
+
const c$7=forwardRef(({children:i,className:t,id:m,asButton:o,stack:l,onClick:d,validating:p,...s},a)=>{const n=a$3({asButton:o,validating:p,...s});return l||o?jsx(Flex,{id:m,className:cx(n,t),flexDirection:"column",role:o?"button":"none",onClick:o?d:void 0,ref:a,children:p?jsx(d$n,{neutral:true}):i}):jsx(Box,{id:m,className:cx(n,t),ref:a,children:i})});c$7.displayName="Card";
|
|
9253
9328
|
|
|
9254
9329
|
const s$b=({children:t,className:e=""})=>jsx(VStack,{alignItems:"center",justifyContent:"center",flexShrink:0,className:`${css({pb:0,pt:6,px:8,width:"100%"})} ${e}`,children:t});
|
|
9255
9330
|
|
|
9256
|
-
const B$
|
|
9331
|
+
const B$4=({isOpen:r=false,title:u,onToggle:e,children:d,showCloseButton:f=true})=>{const[b,a]=useState(r),[x,m]=useState(r),n=useRef(null);useEffect(()=>{let o;return r?(a(true),o=setTimeout(()=>m(true),10)):m(false),()=>clearTimeout(o)},[r]),useEffect(()=>{const o=k=>{n.current&&!n.current.contains(k.target)&&e(false);};return document.addEventListener("mousedown",o),()=>{document.removeEventListener("mousedown",o);}},[e]);const g=()=>{r||a(false);},h=useCallback(()=>{e(false);},[e]);return jsxs(Fragment,{children:[jsx(Box,{position:"absolute",display:r?"block":"none",h:"full",bottom:0,left:0,right:0,bg:"text.primary/20",_dark:{bg:"rgba(0, 0, 0, .7)"},backdropFilter:"blur(3px)"}),b&&jsxs(Box,{ref:n,position:"absolute",transform:x?"translateY(0)":"translateY(100%)",transition:"transform 0.3s",bottom:0,left:0,right:0,bg:"surface.primary",_dark:{bg:"surface.secondary"},roundedTop:"3xl",boxShadow:"0px -12px 56px 0px rgba(119, 118, 122, 0.15)",onTransitionEnd:g,zIndex:10,children:[jsxs(HStack,{justifyContent:"space-between",px:6,py:4,children:[jsx(M$8,{fontWeight:"medium",children:u}),f&&jsx(Q$1,{size:"sm",variant:"neutral",onPress:h,children:jsx(Q$1.LeadingIcon,{children:jsx(c$8,{})})})]}),jsx(Box,{px:6,pb:6,children:d})]})]})};
|
|
9257
9332
|
|
|
9258
9333
|
const s$a=({color:o,title:t,titleId:l,...r})=>{const e=o||token("colors.text.primary");return jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:e,"aria-labelledby":l,...r,children:[t?jsx("title",{id:l,children:t}):null,jsx("path",{d:"M11.2625 0.24827C11.4758 0.0870459 11.7344 0 12 0C12.2656 0 12.5242 0.0870459 12.7375 0.24827C14.2625 1.36858 17.625 4.81861 17.625 13.1445C17.625 15.8944 16.65 19.2044 15.925 21.2285C15.75 21.725 15.2875 22.056 14.7625 22.056H9.25C8.725 22.056 8.25 21.725 8.075 21.2285C7.35 19.2044 6.375 15.8944 6.375 13.1445C6.375 4.81861 9.7375 1.36858 11.2625 0.24827ZM14.5 10.5984C14.5 9.19799 13.375 8.05222 12 8.05222C10.625 8.05222 9.5 9.19799 9.5 10.5984C9.5 11.9988 10.625 13.1445 12 13.1445C13.375 13.1445 14.5 11.9988 14.5 10.5984ZM6.6125 22.718C6.0125 21.1522 4.7125 17.4093 4.525 13.972L3.1125 14.9268C2.4125 15.4106 2 16.1999 2 17.0529V22.718C2 23.6219 2.8875 24.233 3.7125 23.902L6.6125 22.718ZM22 22.718V17.0529C22 16.1999 21.5875 15.4106 20.8875 14.9396L19.475 13.9848C19.2875 17.4093 17.975 21.1649 17.3875 22.7308L20.2875 23.9147C21.1125 24.233 22 23.6219 22 22.718Z",fill:"currentColor"})]})};
|
|
9259
9334
|
|
|
@@ -13779,27 +13854,27 @@ const s$9=D$3("div"),c$4=D$3("div"),l$1=D$3("div"),h$6=({children:a,position:m="
|
|
|
13779
13854
|
|
|
13780
13855
|
const s$8=({color:e,title:o,titleId:r,...l})=>{const i=e||token("colors.text.primary");return jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":r,...l,children:[o?jsx("title",{id:r,children:o}):null,jsx("path",{d:"M3 6H21",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round"}),jsx("path",{d:"M3 12H21",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round"}),jsx("path",{d:"M3 18H21",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6ZM2 12C2 11.4477 2.44772 11 3 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H3C2.44772 13 2 12.5523 2 12ZM3 17C2.44772 17 2 17.4477 2 18C2 18.5523 2.44772 19 3 19H21C21.5523 19 22 18.5523 22 18C22 17.4477 21.5523 17 21 17H3Z",fill:"currentColor"})]})};
|
|
13781
13856
|
|
|
13782
|
-
const g$4=D$3("div"),b$6=D$3("div"),h$5=D$3("div"),L$3=({children:x,placement:y="right",isOpen:i=false})=>{const[r,o]=useState(i),[v,p]=useState(r),a=useRef(null),s=y==="left";return useEffect(()=>{o(i);},[i]),useEffect(()=>{let t;return r?t=setTimeout(()=>p(true),10):p(false),()=>clearTimeout(t)},[r]),useEffect(()=>{const t=m=>{a.current&&!a.current.contains(m.target)&&o(false);};return document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t);}},[o]),$$5(x,t=>jsxs(Fragment,{children:[jsx(Q$
|
|
13857
|
+
const g$4=D$3("div"),b$6=D$3("div"),h$5=D$3("div"),L$3=({children:x,placement:y="right",isOpen:i=false})=>{const[r,o]=useState(i),[v,p]=useState(r),a=useRef(null),s=y==="left";return useEffect(()=>{o(i);},[i]),useEffect(()=>{let t;return r?t=setTimeout(()=>p(true),10):p(false),()=>clearTimeout(t)},[r]),useEffect(()=>{const t=m=>{a.current&&!a.current.contains(m.target)&&o(false);};return document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t);}},[o]),$$5(x,t=>jsxs(Fragment,{children:[jsx(Q$1,{onPress:()=>o(m=>!m),textStyle:"neutral",variant:"text",children:jsx(Q$1.TrailingIcon,{children:jsx(s$8,{})})}),jsx(Box,{position:"absolute",display:r?"block":"none",h:"full",bottom:0,left:0,right:0,bg:"text.primary/20",_dark:{bg:"rgba(0, 0, 0, .7)"}}),jsxs(Stack,{ref:a,position:"absolute",transform:v?"translateX(0)":s?"translateX(-100%)":"translateX(100%)",transition:"transform 0.3s",top:0,bottom:0,...s?{left:0}:{right:0},bg:"surface.primary",_dark:{bg:"surface.secondary"},...s?{roundedRight:"2xl"}:{roundedLeft:"2xl"},zIndex:10,justifyContent:"space-between",p:4,pb:6,w:80,children:[jsxs(Stack,{gap:6,children:[jsx(Stack,{h:"full",justifyContent:"space-between",children:t.get(g$4)}),jsx(Divider,{color:"surface.quaternary"}),jsx(Stack,{children:t.get(b$6)})]}),t.get(h$5)]})]}))},T$5=Object.assign(L$3,{Header:g$4,Content:b$6,Footer:h$5});
|
|
13783
13858
|
|
|
13784
13859
|
const f$6=({animate:n,show:o,onHidden:s,onShown:a})=>{const[i,t]=useState(o),d=useCallback(()=>a(),[]),r=useCallback(()=>{t(false),s();},[]);return useEffect(()=>{o?t(true):n||t(false);},[o]),{displayed:i,onShow:d,onHide:r}};
|
|
13785
13860
|
|
|
13786
|
-
const r$
|
|
13861
|
+
const r$4=sva({slots:["content","wrapper"],base:{content:{height:"full",width:"full",boxSizing:"border-box"},wrapper:{height:"full",width:"full",bg:"surface.primary",position:"relative",overflow:"auto",scrollbarWidth:"none"}},variants:{fullscreen:{true:{wrapper:{height:"100vh",width:"100vw"}},false:{wrapper:{"@media (min-width: 48rem)":{top:12,mx:"auto",width:"25rem",height:"fit-content",boxShadow:"0px 12px 56px {colors.ink.70/15}",borderRadius:"container",_dark:{boxShadow:"none"}}}}},animate:{false:{wrapper:{animationName:"none",scale:1}}},isOpen:{true:{}},paddingType:{none:{wrapper:{p:0}},sm:{wrapper:{p:2,pb:0}},md:{wrapper:{p:4,pb:0}},lg:{wrapper:{p:8,pb:0}}},showBorder:{true:{wrapper:{"@media (min-width: 48rem)":{_dark:{borderWidth:1,borderBlock:"solid",borderColor:"neutral.secondary"}}}}},isMobileBrowser:{true:{}},isWidget:{true:{wrapper:{height:"auto","@media (min-width: 48rem)":{top:0}}}}},compoundVariants:[{animate:true,isOpen:true,css:{wrapper:{animationFillMode:"forwards",animationName:"scaleIn",animationDuration:"250ms",_motionReduce:{scale:1}}}},{animate:true,isOpen:false,css:{wrapper:{animationFillMode:"forwards",animationName:"scaleOut",animationDuration:"150ms",_motionReduce:{scale:1}}}},{fullscreen:true,isMobileBrowser:true,css:{wrapper:{"@media only screen and (max-width: 767px)":{height:"100dvh"}}}},{fullscreen:false,isWidget:true,css:{wrapper:{maxWidth:"25rem",mx:"auto",borderRadius:"container",_dark:{borderWidth:1,borderBlock:"solid",borderColor:"neutral.secondary"}}}}],defaultVariants:{animate:true,isOpen:true,paddingType:"none"}});
|
|
13787
13862
|
|
|
13788
|
-
const
|
|
13863
|
+
const M$6=()=>{if(typeof navigator>"u")return false;const n=navigator.userAgent;return /Mobi|Android|iPhone|iPad/i.test(n)},A$3=M$6(),r$3=({animate:n=true,paddingType:a="none",gap:t=2.5,isOpen:e=true,onAnimated:s=()=>{},onClosed:d=()=>{},showBorder:l=true,fullscreen:p=false,isWidget:m=false,children:c})=>{const o=r$4({animate:n,isOpen:e,paddingType:a,showBorder:l,fullscreen:p,isWidget:m,isMobileBrowser:A$3}),{displayed:g,onHide:u,onShow:f}=f$6({animate:n,show:e,onHidden:d,onShown:s});return g?jsx("div",{className:o.wrapper,onAnimationEnd:e?f:u,children:jsx(VStack,{alignItems:"center",gap:t,className:o.content,children:c})}):null};r$3.displayName="Modal";
|
|
13789
13864
|
|
|
13790
13865
|
const i$5=sva({slots:["bg","container"],base:{bg:{height:"full",width:"full",pointerEvents:"all",position:"fixed",top:0,left:0},container:{height:"100vh",width:"100vw",maxWidth:"100rem",position:"relative",margin:"0 auto","@media (min-width: 48rem)":{height:"fit-content"}}},variants:{fullscreen:{true:{container:{maxWidth:"none"}}},animate:{false:{bg:{animationName:"none"}}},backgroundType:{blurred:{bg:{backdropBlur:"0.375rem",backdropFilter:"auto"}},solid:{bg:{backgroundColor:"surface.tertiary"}},transparent:{},none:{}},hide:{false:{}}},compoundVariants:[{animate:true,hide:false,css:{bg:{animationFillMode:"forwards",animationName:"fadeIn",animationDuration:"400ms"}}},{animate:true,hide:true,css:{bg:{animationFillMode:"forwards",animationName:"fadeOut",animationDuration:"400ms"}}}],defaultVariants:{animate:true,backgroundType:"none",hide:false}});
|
|
13791
13866
|
|
|
13792
13867
|
const i$4=({animate:e=true,backgroundType:o="none",hide:n=false,fullscreen:r=false,onAnimated:t=()=>{},onHidden:m=()=>{},children:d})=>{const a=i$5({animate:e,backgroundType:o,hide:n,fullscreen:r}),{displayed:l,onHide:s,onShow:c}=f$6({animate:e,show:!n,onHidden:m,onShown:t});if(!l)return null;const p=o!=="none";return jsxs(VStack,{alignItems:"center",className:a.container,children:[p&&jsx("div",{className:a.bg,onAnimationEnd:n?s:c}),d]})};i$4.displayName="Overlay";
|
|
13793
13868
|
|
|
13794
|
-
const H$
|
|
13869
|
+
const H$5=({title:l,titleId:t,...L})=>jsxs("svg",{width:78,height:24,viewBox:"0 0 78 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":t,...L,children:[l?jsx("title",{id:t,children:l}):null,jsx("path",{d:"M9.41316 1.84616H3.41316C3.02854 1.84616 2.64393 2.15385 2.567 2.53847L0.182389 17.9231C0.105466 18.2308 0.336235 18.4615 0.643928 18.4615H3.49008C3.8747 18.4615 4.25931 18.1539 4.33624 17.7692L4.95162 13.6154C5.02854 13.2308 5.33624 12.9231 5.79777 12.9231H7.72085C11.6439 12.9231 13.9516 11 14.567 7.23078C14.7978 5.61539 14.567 4.3077 13.7978 3.38462C12.9516 2.38462 11.4132 1.84616 9.41316 1.84616ZM10.1055 7.46155C9.79777 9.61539 8.10547 9.61539 6.567 9.61539H5.64393L6.25931 5.61539C6.25931 5.38462 6.49008 5.23078 6.72085 5.23078H7.10547C8.18239 5.23078 9.18239 5.23078 9.72085 5.84616C10.1055 6.15385 10.2593 6.69232 10.1055 7.46155Z",fill:"#003087"}),jsx("path",{d:"M27.2593 7.38462H24.4131C24.1824 7.38462 23.9516 7.53846 23.9516 7.76923L23.7978 8.53846L23.567 8.23077C22.9516 7.30769 21.567 7 20.1824 7C17.0285 7 14.3362 9.38461 13.7978 12.7692C13.4901 14.4615 13.8747 16.0769 14.8747 17.1538C15.7208 18.1538 17.0285 18.6154 18.4901 18.6154C21.0285 18.6154 22.4901 17 22.4901 17L22.3362 17.7692C22.2593 18.0769 22.4901 18.3846 22.7978 18.3846H25.4131C25.7978 18.3846 26.1824 18.0769 26.2593 17.6923L27.7978 7.84615C27.8747 7.69231 27.567 7.38462 27.2593 7.38462ZM23.3362 12.9231C23.0285 14.5385 21.7978 15.6923 20.1055 15.6923C19.2593 15.6923 18.6439 15.4615 18.1824 14.9231C17.7208 14.3846 17.567 13.6923 17.7208 12.9231C17.9516 11.3077 19.3362 10.1538 20.9516 10.1538C21.7978 10.1538 22.4131 10.4615 22.8747 10.9231C23.2593 11.4615 23.4131 12.1538 23.3362 12.9231Z",fill:"#003087"}),jsx("path",{d:"M42.5669 7.38461H39.7207C39.413 7.38461 39.1823 7.53846 39.0284 7.76923L35.0284 13.6154L33.3361 8C33.2592 7.61538 32.8746 7.38461 32.5669 7.38461H29.7207C29.413 7.38461 29.1053 7.69231 29.2592 8.07692L32.413 17.3846L29.413 21.5385C29.1823 21.8462 29.413 22.3077 29.7976 22.3077H32.6438C32.9515 22.3077 33.1823 22.1538 33.3361 21.9231L42.9515 8.07692C43.1823 7.84615 42.9515 7.38461 42.5669 7.38461Z",fill:"#003087"}),jsx("path",{d:"M52.1053 1.84616H46.1053C45.7207 1.84616 45.3361 2.15385 45.2591 2.53847L42.8745 17.8462C42.7976 18.1539 43.0284 18.3846 43.3361 18.3846H46.413C46.7207 18.3846 46.9515 18.1539 46.9515 17.9231L47.6438 13.5385C47.7207 13.1539 48.0284 12.8462 48.4899 12.8462H50.413C54.3361 12.8462 56.6438 10.9231 57.2591 7.15385C57.4899 5.53847 57.2591 4.23078 56.4899 3.3077C55.5668 2.38462 54.1053 1.84616 52.1053 1.84616ZM52.7976 7.46154C52.4899 9.61539 50.7976 9.61539 49.2591 9.61539H48.3361L48.9515 5.61539C48.9515 5.38462 49.1822 5.23078 49.413 5.23078H49.7976C50.8745 5.23078 51.8745 5.23078 52.413 5.84616C52.7976 6.15385 52.8745 6.69231 52.7976 7.46154Z",fill:"#009CDE"}),jsx("path",{d:"M69.9514 7.38462H67.1053C66.8745 7.38462 66.6437 7.53846 66.6437 7.76923L66.4899 8.53846L66.2591 8.23077C65.6437 7.30769 64.2591 7 62.8745 7C59.7207 7 57.0284 9.38461 56.4899 12.7692C56.1822 14.4615 56.5668 16.0769 57.5668 17.1538C58.413 18.1538 59.7207 18.6154 61.1822 18.6154C63.7207 18.6154 65.1822 17 65.1822 17L65.0284 17.7692C64.9514 18.0769 65.1822 18.3846 65.4899 18.3846H68.1053C68.4899 18.3846 68.8745 18.0769 68.9514 17.6923L70.4899 7.84615C70.4899 7.69231 70.2591 7.38462 69.9514 7.38462ZM65.9514 12.9231C65.6437 14.5385 64.413 15.6923 62.7207 15.6923C61.8745 15.6923 61.2591 15.4615 60.7976 14.9231C60.3361 14.3846 60.1822 13.6923 60.3361 12.9231C60.5668 11.3077 61.9514 10.1538 63.5668 10.1538C64.413 10.1538 65.0284 10.4615 65.4899 10.9231C65.9514 11.4615 66.1053 12.1538 65.9514 12.9231Z",fill:"#009CDE"}),jsx("path",{d:"M73.3363 2.23078L70.8748 17.8462C70.7978 18.1539 71.0286 18.3846 71.3363 18.3846H73.7978C74.1825 18.3846 74.5671 18.0769 74.644 17.6923L77.1055 2.38462C77.1825 2.07693 76.9517 1.84616 76.644 1.84616H73.8748C73.5671 1.84616 73.4132 2.00001 73.3363 2.23078Z",fill:"#009CDE"})]});
|
|
13795
13870
|
|
|
13796
|
-
const t=forwardRef((r,i)=>{const{disabled:m,validating:p}=r;return jsx(a$4,{ref:i,className:css({bg:"#ffc439",outlineColor:"#ffc439",border:"1px solid transparent",px:6,py:2.5}),"aria-disabled":m,shadow:true,...r,children:p?jsx(d$
|
|
13871
|
+
const t=forwardRef((r,i)=>{const{disabled:m,validating:p}=r;return jsx(a$4,{ref:i,className:css({bg:"#ffc439",outlineColor:"#ffc439",border:"1px solid transparent",px:6,py:2.5}),"aria-disabled":m,shadow:true,...r,children:p?jsx(d$n,{size:24,strokeWidth:2.5,inverted:true}):jsxs(HStack,{w:"full",gap:1,justifyContent:"center",children:[jsx(M$8,{fontWeight:"semibold",styles:{color:token("colors.ink.90")},children:"Pay with"}),jsx(Box,{mt:.5,children:jsx(H$5,{width:60})})]})})});t.displayName="PayPalButton";
|
|
13797
13872
|
|
|
13798
13873
|
const L$2=({title:t,titleId:i,...C})=>jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":i,...C,children:[t?jsx("title",{id:i,children:t}):null,jsx("path",{d:"M22.556 12.2409C22.556 11.3365 22.4826 10.6766 22.3238 9.99219H11.9968V14.074H18.0585C17.9364 15.0884 17.2764 16.6161 15.8098 17.6426L15.7893 17.7793L19.0545 20.3088L19.2807 20.3314C21.3583 18.4126 22.556 15.5895 22.556 12.2409Z",fill:"#4285F4"}),jsx("path",{d:"M11.9987 23C14.9684 23 17.4615 22.0223 19.2825 20.3358L15.8117 17.6471C14.8829 18.2948 13.6363 18.747 11.9987 18.747C9.09006 18.747 6.62139 16.8283 5.74137 14.1763L5.61238 14.1873L2.21719 16.8148L2.17279 16.9383C3.98152 20.5313 7.69678 23 11.9987 23Z",fill:"#34A853"}),jsx("path",{d:"M5.74179 14.1771C5.5096 13.4927 5.37521 12.7594 5.37521 12.0017C5.37521 11.2439 5.5096 10.5107 5.72958 9.82631L5.72343 9.68055L2.28569 7.01077L2.17321 7.06427C1.42775 8.55528 1 10.2296 1 12.0017C1 13.7738 1.42775 15.448 2.17321 16.939L5.74179 14.1771Z",fill:"#FBBC05"}),jsx("path",{d:"M11.9987 5.25296C14.0641 5.25296 15.4572 6.14511 16.2517 6.89066L19.3558 3.85977C17.4494 2.0877 14.9684 1 11.9987 1C7.69678 1 3.98152 3.46867 2.17279 7.06169L5.72916 9.82373C6.62139 7.17172 9.09006 5.25296 11.9987 5.25296Z",fill:"#EB4335"})]});
|
|
13799
13874
|
|
|
13800
13875
|
var i$3;(function(o){o.GOOGLE="google";})(i$3||(i$3={}));({google:{icon:jsx(L$2,{})}});
|
|
13801
13876
|
|
|
13802
|
-
const d$
|
|
13877
|
+
const d$j=({width:t="100px",height:a="20px",speed:i="1.5s",borderRadius:n="24px",backgroundColor:o})=>jsx(Box,{style:{width:t,height:a,borderRadius:n,backgroundColor:o},bg:"neutral.tertiary",overflow:"hidden",position:"relative",_dark:{bg:"surface.primary"},children:jsx(Box,{style:{animation:`slideRight ${i} infinite ease-in-out`},w:"full",h:"full",position:"absolute",top:0,left:"-50%",transform:"skewX(-20deg)",backgroundImage:"linear-gradient(90deg, transparent,rgba(0, 0, 0, .1), transparent)",_dark:{backgroundImage:"linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent)"}})});
|
|
13803
13878
|
|
|
13804
13879
|
const s$7=({color:o,title:l,titleId:e,...r})=>{const i=o||token("colors.text.primary");return jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":e,...r,children:[l?jsx("title",{id:e,children:l}):null,jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.2408 13.3492C17.6002 12.9299 18.2315 12.8813 18.6508 13.2407C19.0701 13.6002 19.1187 14.2315 18.7593 14.6508L12.7593 21.6508C12.5693 21.8724 12.2919 22 12 22C11.7081 22 11.4307 21.8724 11.2408 21.6508L5.24076 14.6508C4.88133 14.2315 4.9299 13.6002 5.34922 13.2407C5.76855 12.8813 6.39985 12.9299 6.75927 13.3492L11 18.2968L11 3C11 2.44772 11.4477 2 12 2C12.5523 2 13 2.44772 13 3L13 18.2967L17.2408 13.3492Z",fill:"currentColor"})]})};
|
|
13805
13880
|
|
|
@@ -13813,9 +13888,11 @@ const s$5=({color:o,title:l,titleId:e,...r})=>{const i=o||token("colors.text.pri
|
|
|
13813
13888
|
|
|
13814
13889
|
const s$4=({color:o,title:t,titleId:l,...e})=>{const i=o||token("colors.text.primary");return jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":l,...e,children:[t?jsx("title",{id:l,children:t}):null,jsx("path",{d:"M12 0C5.38338 0 0 5.38338 0 12C0 18.6166 5.38338 24 12 24C18.6166 24 24 18.6166 24 12C24 5.38338 18.6166 0 12 0ZM16.4603 14.9735C16.2818 15.2406 15.9889 15.3846 15.6911 15.3846C15.5151 15.3846 15.3378 15.3342 15.1803 15.2295L11.488 12.768C11.2308 12.5969 11.0769 12.3089 11.0769 12V7.07692C11.0769 6.56738 11.4905 6.15385 12 6.15385C12.5095 6.15385 12.9231 6.56738 12.9231 7.07692V11.5065L16.2043 13.6935C16.6289 13.9766 16.7434 14.5489 16.4603 14.9735Z",fill:"currentColor"})]})};
|
|
13815
13890
|
|
|
13816
|
-
const d$
|
|
13891
|
+
const d$i=({color:t,title:C,titleId:l,...o})=>{const r=t||token("colors.text.primary");return jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:r,"aria-labelledby":l,...o,children:[C?jsx("title",{id:l,children:C}):null,jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7 2C4.23858 2 2 4.23858 2 7V15H1C0.447715 15 0 15.4477 0 16V17C0 19.7614 2.23858 22 5 22H19C21.7614 22 24 19.7614 24 17V16C24 15.4477 23.5523 15 23 15H22V7C22 4.23858 19.7614 2 17 2H7ZM20 15V7C20 5.34315 18.6569 4 17 4H7C5.34315 4 4 5.34315 4 7V15H7.5C7.70188 15 7.89903 15.0611 8.06553 15.1753L9.30432 16.0247C9.47082 16.1389 9.66797 16.2 9.86985 16.2H14.2984C14.5255 16.2 14.7458 16.1227 14.9231 15.9809L15.8753 15.2191C16.0526 15.0773 16.2729 15 16.5 15H20ZM5 20C3.34315 20 2 18.6569 2 17H7.19008L8.17326 17.6742C8.67275 18.0167 9.26421 18.2 9.86985 18.2H14.2984C14.9797 18.2 15.6406 17.9682 16.1725 17.5426L16.8508 17H22C22 18.6569 20.6569 20 19 20H5ZM10.8321 12.5547C11.1384 12.0952 11.0142 11.4743 10.5547 11.168L8.80278 10L10.5547 8.83207C11.0142 8.52571 11.1384 7.90484 10.8321 7.44532C10.5257 6.98579 9.90483 6.86161 9.4453 7.16797L6.4453 9.16797C6.1671 9.35343 6 9.66566 6 10C6 10.3344 6.1671 10.6466 6.4453 10.8321L9.4453 12.8321C9.90483 13.1384 10.5257 13.0142 10.8321 12.5547ZM13.4453 11.168C12.9858 11.4743 12.8616 12.0952 13.1679 12.5547C13.4743 13.0142 14.0952 13.1384 14.5547 12.8321L17.5547 10.8321C17.8329 10.6466 18 10.3344 18 10C18 9.66566 17.8329 9.35343 17.5547 9.16797L14.5547 7.16797C14.0952 6.86161 13.4743 6.98579 13.1679 7.44532C12.8616 7.90484 12.9858 8.52571 13.4453 8.83207L15.1972 10L13.4453 11.168Z",fill:"currentColor"})]})};
|
|
13892
|
+
|
|
13893
|
+
const d$h=({color:o,title:l,titleId:e,...r})=>{const C=o||token("colors.text.primary");return jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:C,"aria-labelledby":e,...r,children:[l?jsx("title",{id:e,children:l}):null,jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9 5.39073C9.05751 3.78449 10.3778 2.5 11.998 2.5H14.053L14.0166 6.47252C14.0013 8.14005 15.3489 9.5 17.0165 9.5H20.998V13.5C20.998 15.1569 19.6549 16.5 17.998 16.5H16H11.998C10.3412 16.5 8.99805 15.1569 8.99805 13.5V7H9V5.39073ZM7.02273 5C7.2736 2.47334 9.40537 0.5 11.998 0.5H15.3412C16.6673 0.5 17.939 1.02678 18.8767 1.96446L21.5336 4.62132C22.4713 5.559 22.998 6.83077 22.998 8.15685V13.5C22.998 16.2614 20.7595 18.5 17.998 18.5H17.9753C17.7245 21.0267 15.5927 23 13 23H7C4.23858 23 2 20.7614 2 18V10C2 7.23858 4.23858 5 7 5H7.02273ZM6.99805 7C5.34209 7.00106 4 8.3438 4 10V18C4 19.6569 5.34315 21 7 21H13C14.4865 21 15.7205 19.9189 15.9585 18.5H11.998C9.23662 18.5 6.99805 16.2614 6.99805 13.5V7ZM16.0165 6.49084L16.0523 2.58548C16.5818 2.71468 17.0707 2.9869 17.4625 3.37868L20.1194 6.03553C20.5245 6.44065 20.8018 6.94969 20.9253 7.5H17.0165C16.4606 7.5 16.0114 7.04668 16.0165 6.49084Z",fill:"currentColor"})]})};
|
|
13817
13894
|
|
|
13818
|
-
const d$g=({color:o,title:l,titleId:e,...r})=>{const
|
|
13895
|
+
const d$g=({color:o,title:l,titleId:e,...r})=>{const i=o||token("colors.text.primary");return jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":e,...r,children:[l?jsx("title",{id:e,children:l}):null,jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 24C18.6274 24 24 18.6274 24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 18.6274 5.37258 24 12 24ZM7.24423 7.24408C7.56967 6.91864 8.09732 6.91864 8.42276 7.24408L12.0001 10.8214L15.5774 7.24408C15.9028 6.91864 16.4305 6.91864 16.7559 7.24408C17.0814 7.56952 17.0814 8.09717 16.7559 8.42261L13.1786 11.9999L16.7561 15.5774C17.0815 15.9028 17.0815 16.4305 16.7561 16.7559C16.4306 17.0814 15.903 17.0814 15.5775 16.7559L12.0001 13.1785L8.42261 16.7559C8.09717 17.0814 7.56952 17.0814 7.24408 16.7559C6.91864 16.4305 6.91864 15.9028 7.24408 15.5774L10.8215 11.9999L7.24423 8.42261C6.91879 8.09717 6.91879 7.56952 7.24423 7.24408Z",fill:"currentColor"})]})};
|
|
13819
13896
|
|
|
13820
13897
|
const n$7=({color:t,title:C,titleId:l,...o})=>{const r=t||token("colors.text.primary");return jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:r,"aria-labelledby":l,...o,children:[C?jsx("title",{id:l,children:C}):null,jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.7593 1.01286C19.8032 0.913334 20.7881 1.38715 21.7056 2.31092C22.6252 3.23091 23.0901 4.21699 22.9858 5.25765C22.8868 6.24527 22.2941 7.02988 21.7042 7.61965L15.482 13.8409C15.2599 14.0628 14.9809 14.2375 14.7308 14.3606C14.4794 14.4843 14.1756 14.5959 13.8732 14.6391L13.8718 14.6393L11.498 14.9749L11.4956 14.9753C10.8018 15.0716 10.1076 14.8858 9.61095 14.3893C9.11427 13.8927 8.92841 13.1985 9.02479 12.5046L9.02513 12.5022L9.36082 10.1288L9.36102 10.1274C9.40422 9.825 9.51588 9.52118 9.63956 9.26987C9.76267 9.01972 9.93742 8.74076 10.1594 8.51879L16.3817 2.29759C16.9777 1.70167 17.7672 1.10743 18.7593 1.01286ZM18.9491 3.00383C18.6772 3.02975 18.3409 3.19717 17.9151 3.59637C17.9339 3.63918 17.9499 3.68383 17.9629 3.73016C18.2755 4.84553 19.1495 5.72512 20.2683 6.03667C20.316 6.04995 20.3619 6.06647 20.4058 6.08592C20.7998 5.66553 20.9684 5.33079 20.9958 5.05815C21.0203 4.81373 20.9522 4.3858 20.2901 3.72391M18.9491 3.00383C19.1934 2.98053 19.6228 3.05162 20.2875 3.72124L18.9491 3.00383ZM11.5735 9.93312L16.366 5.1415C16.8887 6.22815 17.7679 7.11131 18.8597 7.63554L14.0679 12.4265C14.0501 12.4443 13.9754 12.5033 13.8479 12.566C13.7222 12.6279 13.6247 12.6542 13.5909 12.6591L13.5904 12.6592L11.2205 12.9943L11.2194 12.9944C11.1326 13.0063 11.0798 12.9967 11.0551 12.9893C11.0423 12.9854 11.0348 12.9816 11.0311 12.9794C11.0275 12.9772 11.0258 12.9757 11.025 12.9749C11.0243 12.9742 11.0227 12.9725 11.0206 12.9689C11.0184 12.9652 11.0146 12.9577 11.0108 12.945C11.0033 12.9203 10.9937 12.8676 11.0056 12.7808L11.0058 12.7798L11.3409 10.4103L11.341 10.4099C11.3458 10.3763 11.3721 10.2788 11.434 10.153C11.4967 10.0255 11.5558 9.95088 11.5735 9.93312ZM3 6C3 4.34315 4.34315 3 6 3H12C12.5523 3 13 2.55228 13 2C13 1.44772 12.5523 1 12 1H6C3.23858 1 1 3.23858 1 6V18C1 20.7614 3.23858 23 6 23H18C20.7614 23 23 20.7614 23 18V12C23 11.4477 22.5523 11 22 11C21.4477 11 21 11.4477 21 12V18C21 19.6569 19.6569 21 18 21H6C4.34315 21 3 19.6569 3 18V6Z",fill:"currentColor"})]})};
|
|
13821
13898
|
|
|
@@ -13853,51 +13930,51 @@ const d$7=({color:o,title:t,titleId:e,...r})=>{const i=o||token("colors.text.pri
|
|
|
13853
13930
|
|
|
13854
13931
|
const s$1=({email:a})=>{const r=a.split("@");return jsxs("span",{className:css({overflowWrap:"break-word",wordBreak:"break-word",fontWeight:600}),children:[r[0],jsx("wbr",{}),"@",r[1]]})};s$1.displayName="EmailWbr";
|
|
13855
13932
|
|
|
13856
|
-
const u$3=forwardRef((h,g)=>{const{address:r,onCopy:e,size:m="md",icon:n,fontColor:s="text.tertiary",fontWeight:a="normal",fontFamily:p="inherit"}=h,[o,l]=useState(false),c=`${r.slice(0,6)}...${r?.slice(-4)}`,i=m==="sm"?16:20,x=useCallback(()=>{e&&e(r),l(true);},[r]);return useEffect(()=>{if(o){const y=setTimeout(()=>{l(false);},1500);return ()=>clearTimeout(y)}},[o]),e?jsx(a$4,{className:css({fontSize:m,color:o?"positive.base":s,fontWeight:o?"medium":a,rounded:"button",fontVariant:"no-contextual",transition:"none",fontFamily:p}),onPress:x,ref:g,children:jsxs(HStack,{gap:2,children:[o?n?"Copied":"Copied!":c,n&&jsx(Fragment,{children:o?jsx(c$9,{width:i,height:i,color:token("colors.positive.base")}):jsx(d$
|
|
13933
|
+
const u$3=forwardRef((h,g)=>{const{address:r,onCopy:e,size:m="md",icon:n,fontColor:s="text.tertiary",fontWeight:a="normal",fontFamily:p="inherit"}=h,[o,l]=useState(false),c=`${r.slice(0,6)}...${r?.slice(-4)}`,i=m==="sm"?16:20,x=useCallback(()=>{e&&e(r),l(true);},[r]);return useEffect(()=>{if(o){const y=setTimeout(()=>{l(false);},1500);return ()=>clearTimeout(y)}},[o]),e?jsx(a$4,{className:css({fontSize:m,color:o?"positive.base":s,fontWeight:o?"medium":a,rounded:"button",fontVariant:"no-contextual",transition:"none",fontFamily:p}),onPress:x,ref:g,children:jsxs(HStack,{gap:2,children:[o?n?"Copied":"Copied!":c,n&&jsx(Fragment,{children:o?jsx(c$9,{width:i,height:i,color:token("colors.positive.base")}):jsx(d$h,{width:i,height:i,color:token("colors.text.tertiary")})})]})}):jsx("span",{className:css({fontSize:m,color:s,fontWeight:a,fontVariant:"no-contextual",fontFamily:p}),children:c})});u$3.displayName="WalletAddress";
|
|
13857
13934
|
|
|
13858
|
-
var _$3=[["Afghanistan","af","93"],["Albania","al","355"],["Algeria","dz","213"],["Andorra","ad","376"],["Angola","ao","244"],["Antigua and Barbuda","ag","1268"],["Argentina","ar","54",{default:"(..) .... ....","/^11/":"(..) .... ....","/^15/":"(..) ... ....","/^(2|3|4|5)/":"(.) .... ....","/^9/":"(.) .... ....."},0],["Armenia","am","374",".. ......"],["Aruba","aw","297"],["Australia","au","61",{default:". .... ....","/^4/":"... ... ...","/^5(?!50)/":"... ... ...","/^1(3|8)00/":".... ... ...","/^13/":".. .. ..","/^180/":"... ...."},0,[]],["Austria","at","43"],["Azerbaijan","az","994","(..) ... .. .."],["Bahamas","bs","1242"],["Bahrain","bh","973"],["Bangladesh","bd","880"],["Barbados","bb","1246"],["Belarus","by","375","(..) ... .. .."],["Belgium","be","32","... .. .. .."],["Belize","bz","501"],["Benin","bj","229"],["Bhutan","bt","975"],["Bolivia","bo","591"],["Bosnia and Herzegovina","ba","387"],["Botswana","bw","267"],["Brazil","br","55","(..) .....-...."],["British Indian Ocean Territory","io","246"],["Brunei","bn","673"],["Bulgaria","bg","359"],["Burkina Faso","bf","226"],["Burundi","bi","257"],["Cambodia","kh","855"],["Cameroon","cm","237"],["Canada","ca","1","(...) ...-....",1,["204","226","236","249","250","289","306","343","365","387","403","416","418","431","437","438","450","506","514","519","548","579","581","587","604","613","639","647","672","705","709","742","778","780","782","807","819","825","867","873","902","905"]],["Cape Verde","cv","238"],["Caribbean Netherlands","bq","599","",1],["Cayman Islands","ky","1","... ... ....",4,["345"]],["Central African Republic","cf","236"],["Chad","td","235"],["Chile","cl","56"],["China","cn","86","... .... ...."],["Colombia","co","57","... ... ...."],["Comoros","km","269"],["Congo","cd","243"],["Congo","cg","242"],["Costa Rica","cr","506","....-...."],["C\xF4te d'Ivoire","ci","225",".. .. .. .. .."],["Croatia","hr","385"],["Cuba","cu","53"],["Cura\xE7ao","cw","599","",0],["Cyprus","cy","357",".. ......"],["Czech Republic","cz","420","... ... ..."],["Denmark","dk","45",".. .. .. .."],["Djibouti","dj","253",".. .. ...."],["Dominica","dm","1767"],["Dominican Republic","do","1","(...) ...-....",2,["809","829","849"]],["Ecuador","ec","593"],["Egypt","eg","20"],["El Salvador","sv","503","....-...."],["Equatorial Guinea","gq","240"],["Eritrea","er","291"],["Estonia","ee","372",".... ......"],["Ethiopia","et","251",".. ... ...."],["Faroe Islands","fo","298",".. .. .."],["Fiji","fj","679"],["Finland","fi","358",".. ... .. .."],["France","fr","33",". .. .. .. .."],["French Guiana","gf","594","... .. .. .."],["French Polynesia","pf","689",{"/^44/":".. .. ..","/^80[0-5]/":"... .. .. ..",default:".. .. .. .."}],["Gabon","ga","241"],["Gambia","gm","220"],["Georgia","ge","995"],["Germany","de","49","... ........."],["Ghana","gh","233"],["Greece","gr","30"],["Greenland","gl","299",".. .. .."],["Grenada","gd","1473"],["Guadeloupe","gp","590","... .. .. ..",0],["Guam","gu","1671"],["Guatemala","gt","502","....-...."],["Guinea","gn","224"],["Guinea-Bissau","gw","245"],["Guyana","gy","592"],["Haiti","ht","509","....-...."],["Honduras","hn","504"],["Hong Kong","hk","852",".... ...."],["Hungary","hu","36"],["Iceland","is","354","... ...."],["India","in","91",".....-....."],["Indonesia","id","62"],["Iran","ir","98","... ... ...."],["Iraq","iq","964"],["Ireland","ie","353",".. ......."],["Israel","il","972","... ... ...."],["Italy","it","39","... .......",0],["Jamaica","jm","1876"],["Japan","jp","81",".. .... ...."],["Jordan","jo","962"],["Kazakhstan","kz","7","... ...-..-..",0],["Kenya","ke","254"],["Kiribati","ki","686"],["Kosovo","xk","383"],["Kuwait","kw","965"],["Kyrgyzstan","kg","996","... ... ..."],["Laos","la","856"],["Latvia","lv","371",".. ... ..."],["Lebanon","lb","961"],["Lesotho","ls","266"],["Liberia","lr","231"],["Libya","ly","218"],["Liechtenstein","li","423"],["Lithuania","lt","370"],["Luxembourg","lu","352"],["Macau","mo","853"],["Macedonia","mk","389"],["Madagascar","mg","261"],["Malawi","mw","265"],["Malaysia","my","60","..-....-...."],["Maldives","mv","960"],["Mali","ml","223"],["Malta","mt","356"],["Marshall Islands","mh","692"],["Martinique","mq","596","... .. .. .."],["Mauritania","mr","222"],["Mauritius","mu","230"],["Mayotte","yt","262","... .. .. ..",1,["269","639"]],["Mexico","mx","52","... ... ....",0],["Micronesia","fm","691"],["Moldova","md","373","(..) ..-..-.."],["Monaco","mc","377"],["Mongolia","mn","976"],["Montenegro","me","382"],["Morocco","ma","212"],["Mozambique","mz","258"],["Myanmar","mm","95"],["Namibia","na","264"],["Nauru","nr","674"],["Nepal","np","977"],["Netherlands","nl","31",{"/^06/":"(.). .........","/^6/":". .........","/^0(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/":"(.).. ........","/^(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/":".. ........","/^0/":"(.)... .......",default:"... ......."}],["New Caledonia","nc","687"],["New Zealand","nz","64","...-...-...."],["Nicaragua","ni","505"],["Niger","ne","227"],["Nigeria","ng","234"],["North Korea","kp","850"],["Norway","no","47","... .. ..."],["Oman","om","968"],["Pakistan","pk","92","...-......."],["Palau","pw","680"],["Palestine","ps","970"],["Panama","pa","507"],["Papua New Guinea","pg","675"],["Paraguay","py","595"],["Peru","pe","51"],["Philippines","ph","63","... ... ...."],["Poland","pl","48","...-...-..."],["Portugal","pt","351"],["Puerto Rico","pr","1","(...) ...-....",3,["787","939"]],["Qatar","qa","974"],["R\xE9union","re","262","... .. .. ..",0],["Romania","ro","40"],["Russia","ru","7","(...) ...-..-..",1],["Rwanda","rw","250"],["Saint Kitts and Nevis","kn","1869"],["Saint Lucia","lc","1758"],["Saint Pierre & Miquelon","pm","508",{"/^708/":"... ... ...","/^8/":"... .. .. ..",default:".. .. .."}],["Saint Vincent and the Grenadines","vc","1784"],["Samoa","ws","685"],["San Marino","sm","378"],["S\xE3o Tom\xE9 and Pr\xEDncipe","st","239"],["Saudi Arabia","sa","966"],["Senegal","sn","221"],["Serbia","rs","381"],["Seychelles","sc","248"],["Sierra Leone","sl","232"],["Singapore","sg","65","....-...."],["Slovakia","sk","421"],["Slovenia","si","386"],["Solomon Islands","sb","677"],["Somalia","so","252"],["South Africa","za","27"],["South Korea","kr","82","... .... ...."],["South Sudan","ss","211"],["Spain","es","34","... ... ..."],["Sri Lanka","lk","94"],["Sudan","sd","249"],["Suriname","sr","597"],["Swaziland","sz","268"],["Sweden","se","46","... ... ..."],["Switzerland","ch","41",".. ... .. .."],["Syria","sy","963"],["Taiwan","tw","886"],["Tajikistan","tj","992"],["Tanzania","tz","255"],["Thailand","th","66"],["Timor-Leste","tl","670"],["Togo","tg","228"],["Tonga","to","676"],["Trinidad and Tobago","tt","1868"],["Tunisia","tn","216"],["Turkey","tr","90","... ... .. .."],["Turkmenistan","tm","993"],["Tuvalu","tv","688"],["Uganda","ug","256"],["Ukraine","ua","380","(..) ... .. .."],["United Arab Emirates","ae","971"],["United Kingdom","gb","44",".... ......"],["United States","us","1","(...) ...-....",0],["Uruguay","uy","598"],["Uzbekistan","uz","998",".. ... .. .."],["Vanuatu","vu","678"],["Vatican City","va","39",".. .... ....",1],["Venezuela","ve","58"],["Vietnam","vn","84"],["Wallis & Futuna","wf","681",".. .. .."],["Yemen","ye","967"],["Zambia","zm","260"],["Zimbabwe","zw","263"]];var xe="react-international-phone-",se$1=(...t)=>t.filter(e=>!!e).join(" ").trim(),Se=(...t)=>se$1(...t).split(" ").map(e=>`${xe}${e}`).join(" "),P$3=({addPrefix:t,rawClassNames:e})=>se$1(Se(...t),...e);var le=({value:t,mask:e,maskSymbol:a,offset:s=0,trimNonMaskCharsLeftover:r=false})=>{if(t.length<s)return t;let n=t.slice(0,s),c=t.slice(s),i=n,o=0;for(let l of e.split("")){if(o>=c.length){if(!r&&l!==a){i+=l;continue}break}l===a?(i+=c[o],o+=1):i+=l;}return i};var F$2=t=>t?/^\d+$/.test(t):false;var z$1=t=>t.replace(/\D/g,"");var ue=(t,e)=>{let a=t.style.display;a!=="block"&&(t.style.display="block");let s=t.getBoundingClientRect(),r=e.getBoundingClientRect(),n=r.top-s.top,c=s.bottom-r.bottom;n>=0&&c>=0||(Math.abs(n)<Math.abs(c)?t.scrollTop+=n:t.scrollTop-=c),t.style.display=a;};var de=()=>typeof window>"u"?false:window.navigator.userAgent.toLowerCase().includes("macintosh");var pe=(t,e)=>{let a=e.disableDialCodeAndPrefix?false:e.forceDialCode,s=e.disableDialCodeAndPrefix?false:e.insertDialCodeOnEmpty,r=t,n=l=>e.trimNonDigitsEnd?l.trim():l;if(!r)return s&&!r.length||a?n(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`):n(r);if(r=z$1(r),r===e.dialCode&&!e.disableDialCodeAndPrefix)return n(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`);if(e.dialCode.startsWith(r)&&!e.disableDialCodeAndPrefix)return n(a?`${e.prefix}${e.dialCode}${e.charAfterDialCode}`:`${e.prefix}${r}`);if(!r.startsWith(e.dialCode)&&!e.disableDialCodeAndPrefix){if(a)return n(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`);if(r.length<e.dialCode.length)return n(`${e.prefix}${r}`)}let c=()=>{let l=e.dialCode.length,d=r.slice(0,l),m=r.slice(l);return {phoneLeftSide:d,phoneRightSide:m}},{phoneLeftSide:i,phoneRightSide:o}=c();return i=`${e.prefix}${i}${e.charAfterDialCode}`,o=le({value:o,mask:e.mask,maskSymbol:e.maskChar,trimNonMaskCharsLeftover:e.trimNonDigitsEnd||e.disableDialCodeAndPrefix&&o.length===0}),e.disableDialCodeAndPrefix&&(i=""),n(`${i}${o}`)};var me=({phoneBeforeInput:t,phoneAfterInput:e,phoneAfterFormatted:a,cursorPositionAfterInput:s,leftOffset:r=0,deletion:n})=>{if(s<r)return r;if(!t)return a.length;let c=null;for(let d=s-1;d>=0;d-=1)if(F$2(e[d])){c=d;break}if(c===null){for(let d=0;d<e.length;d+=1)if(F$2(a[d]))return d;return e.length}let i=0;for(let d=0;d<c;d+=1)F$2(e[d])&&(i+=1);let o=0,l=0;for(let d=0;d<a.length&&(o+=1,F$2(a[d])&&(l+=1),!(l>=i+1));d+=1);if(n!=="backward")for(;!F$2(a[o])&&o<a.length;)o+=1;return o};var O$2=({phone:t,prefix:e})=>t?`${e}${z$1(t)}`:"";function W$4({value:t,country:e,insertDialCodeOnEmpty:a,trimNonDigitsEnd:s,countries:r,prefix:n,charAfterDialCode:c,forceDialCode:i,disableDialCodeAndPrefix:o,defaultMask:l,countryGuessingEnabled:d,disableFormatting:m}){let f=t;o&&(f=f.startsWith(`${n}`)?f:`${n}${e.dialCode}${f}`);let g=d?X$2({phone:f,countries:r,currentCountryIso2:e?.iso2}):void 0,S=g?.country??e,p=pe(f,{prefix:n,mask:Q$1({phone:f,country:S,defaultMask:l,disableFormatting:m}),maskChar:J$2,dialCode:S.dialCode,trimNonDigitsEnd:s,charAfterDialCode:c,forceDialCode:i,insertDialCodeOnEmpty:a,disableDialCodeAndPrefix:o}),C=d&&!g?.fullDialCodeMatch?e:S;return {phone:O$2({phone:o?`${C.dialCode}${p}`:p,prefix:n}),inputValue:p,country:C}}var Ie=t=>{if(t?.toLocaleLowerCase().includes("delete")??false)return t?.toLocaleLowerCase().includes("forward")?"forward":"backward"},fe=(t,{country:e,insertDialCodeOnEmpty:a,phoneBeforeInput:s,prefix:r,charAfterDialCode:n,forceDialCode:c,disableDialCodeAndPrefix:i,countryGuessingEnabled:o,defaultMask:l,disableFormatting:d,countries:m})=>{let f=t.nativeEvent,g=f.inputType,S=Ie(g),p=!!g?.startsWith("insertFrom"),C=g==="insertText",D=f?.data||void 0,I=t.target.value,A=t.target.selectionStart??0;if(g?.includes("history"))return {inputValue:s,phone:O$2({phone:s,prefix:r}),cursorPosition:s.length,country:e};if(C&&!F$2(D)&&I!==r)return {inputValue:s,phone:O$2({phone:i?`${e.dialCode}${s}`:s,prefix:r}),cursorPosition:A-(D?.length??0),country:e};if(c&&!I.startsWith(`${r}${e.dialCode}`)&&!p){let b=I?s:`${r}${e.dialCode}${n}`;return {inputValue:b,phone:O$2({phone:b,prefix:r}),cursorPosition:r.length+e.dialCode.length+n.length,country:e}}let{phone:N,inputValue:u,country:h}=W$4({value:I,country:e,trimNonDigitsEnd:S==="backward",insertDialCodeOnEmpty:a,countryGuessingEnabled:o,countries:m,prefix:r,charAfterDialCode:n,forceDialCode:c,disableDialCodeAndPrefix:i,disableFormatting:d,defaultMask:l}),y=me({cursorPositionAfterInput:A,phoneBeforeInput:s,phoneAfterInput:I,phoneAfterFormatted:u,leftOffset:c?r.length+e.dialCode.length+n.length:0,deletion:S});return {phone:N,inputValue:u,cursorPosition:y,country:h}};var Ce=(t,e)=>{let a=Object.keys(t),s=Object.keys(e);if(a.length!==s.length)return false;for(let r of a)if(t[r]!==e[r])return false;return true};var ye=()=>{let t=useRef(),e=useRef(Date.now());return {check:()=>{let s=Date.now(),r=t.current?s-e.current:void 0;return t.current=e.current,e.current=s,r}}};var ke={size:20,overrideLastItemDebounceMS:-1};function ge(t,e){let{size:a,overrideLastItemDebounceMS:s,onChange:r}={...ke,...e},[n,c]=useState(t),[i,o]=useState([n]),[l,d]=useState(0),m=ye();return [n,(p,C)=>{if(typeof p=="object"&&typeof n=="object"&&Ce(p,n)||p===n)return;let k=s>0,D=m.check(),I=k&&D!==void 0?D>s:true;if(C?.overrideLastItem!==void 0?C.overrideLastItem:!I)o(N=>[...N.slice(0,l),p]);else {let N=i.length>=a;o(u=>[...u.slice(N?1:0,l+1),p]),N||d(u=>u+1);}c(p),r?.(p);},()=>{if(l<=0)return {success:false};let p=i[l-1];return c(p),d(C=>C-1),r?.(p),{success:true,value:p}},()=>{if(l+1>=i.length)return {success:false};let p=i[l+1];return c(p),d(C=>C+1),r?.(p),{success:true,value:p}}]}var J$2=".",E$2={defaultCountry:"us",value:"",prefix:"+",defaultMask:"............",charAfterDialCode:" ",historySaveDebounceMS:200,disableCountryGuess:false,disableDialCodePrefill:false,forceDialCode:false,disableDialCodeAndPrefix:false,disableFormatting:false,countries:_$3},ee=({defaultCountry:t=E$2.defaultCountry,value:e=E$2.value,countries:a=E$2.countries,prefix:s=E$2.prefix,defaultMask:r=E$2.defaultMask,charAfterDialCode:n=E$2.charAfterDialCode,historySaveDebounceMS:c=E$2.historySaveDebounceMS,disableCountryGuess:i=E$2.disableCountryGuess,disableDialCodePrefill:o=E$2.disableDialCodePrefill,forceDialCode:l=E$2.forceDialCode,disableDialCodeAndPrefix:d=E$2.disableDialCodeAndPrefix,disableFormatting:m=E$2.disableFormatting,onChange:f,inputRef:g})=>{let C={countries:a,prefix:s,charAfterDialCode:n,forceDialCode:d?false:l,disableDialCodeAndPrefix:d,defaultMask:r,countryGuessingEnabled:!i,disableFormatting:m},k=useRef(null),D=g||k,I=w=>{Promise.resolve().then(()=>{typeof window>"u"||D.current!==document?.activeElement||D.current?.setSelectionRange(w,w);});},[{phone:A,inputValue:N,country:u},h,y,b]=ge(()=>{let w=$$4({value:t,field:"iso2",countries:a});w||console.error(`[react-international-phone]: can not find a country with "${t}" iso2 code`);let T=w||$$4({value:"us",field:"iso2",countries:a}),{phone:x,inputValue:L,country:U}=W$4({value:e,country:T,insertDialCodeOnEmpty:!o,...C});return I(L.length),{phone:x,inputValue:L,country:U.iso2}},{overrideLastItemDebounceMS:c,onChange:({inputValue:w,phone:T,country:x})=>{if(!f)return;let L=v(x);f({phone:T,inputValue:w,country:L});}}),v=useCallback(w=>$$4({value:w,field:"iso2",countries:a}),[a]),R=useMemo(()=>v(u),[u,v]);useEffect(()=>{let w=D.current;if(!w)return;let T=x=>{if(!x.key)return;let L=x.ctrlKey,U=x.metaKey,ve=x.shiftKey;if(x.key.toLowerCase()==="z"){if(de()){if(!U)return}else if(!L)return;ve?b():y();}};return w.addEventListener("keydown",T),()=>{w.removeEventListener("keydown",T);}},[D,y,b]);let V=w=>{w.preventDefault();let{phone:T,inputValue:x,country:L,cursorPosition:U}=fe(w,{country:R,phoneBeforeInput:N,insertDialCodeOnEmpty:false,...C});return h({inputValue:x,phone:T,country:L.iso2}),I(U),e},K=(w,T={focusOnInput:false})=>{let x=$$4({value:w,field:"iso2",countries:a});if(!x){console.error(`[react-international-phone]: can not find a country with "${w}" iso2 code`);return}let L=d?"":`${s}${x.dialCode}${n}`;h({inputValue:L,phone:`${s}${x.dialCode}`,country:x.iso2}),T.focusOnInput&&Promise.resolve().then(()=>{D.current?.focus();});},[G,j]=useState(false);return useEffect(()=>{if(!G){j(true),e!==A&&f?.({inputValue:N,phone:A,country:R});return}if(e===A)return;let{phone:w,inputValue:T,country:x}=W$4({value:e,country:R,insertDialCodeOnEmpty:!o,...C});h({phone:w,inputValue:T,country:x.iso2});},[e]),{phone:A,inputValue:N,country:R,setCountry:K,handlePhoneValueChange:V,inputRef:D}};var Q$1=({phone:t,country:e,defaultMask:a="............",disableFormatting:s=false})=>{let r=e.format,n=i=>s?i.replace(new RegExp(`[^${J$2}]`,"g"),""):i;if(!r)return n(a);if(typeof r=="string")return n(r);if(!r.default)return console.error(`[react-international-phone]: default mask for ${e.iso2} is not provided`),n(a);let c=Object.keys(r).find(i=>{if(i==="default")return false;if(!(i.charAt(0)==="/"&&i.charAt(i.length-1)==="/"))return console.error(`[react-international-phone]: format regex "${i}" for ${e.iso2} is not valid`),false;let l=new RegExp(i.substring(1,i.length-1)),d=t.replace(e.dialCode,"");return l.test(z$1(d))});return n(c?r[c]:r.default)};var M$5=t=>{let[e,a,s,r,n,c]=t;return {name:e,iso2:a,dialCode:s,format:r,priority:n,areaCodes:c}};var Ae=t=>`Field "${t}" is not supported`,$$4=({field:t,value:e,countries:a=_$3})=>{if(["priority"].includes(t))throw new Error(Ae(t));let s=a.find(r=>{let n=M$5(r);return e===n[t]});if(s)return M$5(s)};var X$2=({phone:t,countries:e=_$3,currentCountryIso2:a})=>{let s={country:void 0,fullDialCodeMatch:false};if(!t)return s;let r=z$1(t);if(!r)return s;let n=s,c=({country:i,fullDialCodeMatch:o})=>{let l=i.dialCode===n.country?.dialCode,d=(i.priority??0)<(n.country?.priority??0);(!l||d)&&(n={country:i,fullDialCodeMatch:o});};for(let i of e){let o=M$5(i),{dialCode:l,areaCodes:d}=o;if(r.startsWith(l)){let m=n.country?Number(l)>=Number(n.country.dialCode):true;if(d){let f=r.substring(l.length);for(let g of d)if(f.startsWith(g))return {country:o,fullDialCodeMatch:true}}(m||l===r||!n.fullDialCodeMatch)&&c({country:o,fullDialCodeMatch:true});}n.fullDialCodeMatch||r.length<l.length&&l.startsWith(r)&&(!n.country||Number(l)<=Number(n.country.dialCode))&&c({country:o,fullDialCodeMatch:false});}if(a){let i=$$4({value:a,field:"iso2",countries:e});if(!i)return n;let l=i?(m=>{if(!m?.areaCodes)return false;let f=r.substring(m.dialCode.length);return m.areaCodes.some(g=>g.startsWith(f))})(i):false;!!n&&n.country?.dialCode===i.dialCode&&n.country!==i&&n.fullDialCodeMatch&&(!i.areaCodes||l)&&(n={country:i,fullDialCodeMatch:true});}return n};var Te=(t,e)=>{let a=parseInt(t,16);return Number(a+e).toString(16)},Ee="abcdefghijklmnopqrstuvwxyz",Le="1f1e6",Pe=Ee.split("").reduce((t,e,a)=>({...t,[e]:Te(Le,a)}),{}),$e=t=>[Pe[t[0]],Pe[t[1]]].join("-"),q$3=({iso2:t,size:e,src:a,protocol:s="https",disableLazyLoading:r,className:n,style:c,...i})=>{if(!t)return React__default.createElement("img",{className:P$3({addPrefix:["flag-emoji"],rawClassNames:[n]}),width:e,height:e,...i});let o=()=>{if(a)return a;let l=$e(t);return `${s}://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/${l}.svg`};return React__default.createElement("img",{className:P$3({addPrefix:["flag-emoji"],rawClassNames:[n]}),src:o(),width:e,height:e,draggable:false,"data-country":t,loading:r?void 0:"lazy",style:{width:e,height:e,...c},alt:"",...i})};var He=1e3,ne=({show:t,dialCodePrefix:e="+",selectedCountry:a,countries:s=_$3,preferredCountries:r=[],flags:n,onSelect:c,onClose:i,...o})=>{let l=useRef(null),d=useRef(),m=useMemo(()=>{if(!r||!r.length)return s;let u=[],h=[...s];for(let y of r){let b=h.findIndex(v=>M$5(v).iso2===y);if(b!==-1){let v=h.splice(b,1)[0];u.push(v);}}return u.concat(h)},[s,r]),f=useRef({updatedAt:void 0,value:""}),g=u=>{let h=f.current.updatedAt&&new Date().getTime()-f.current.updatedAt.getTime()>He;f.current={value:h?u:`${f.current.value}${u}`,updatedAt:new Date};let y=m.findIndex(b=>M$5(b).name.toLowerCase().startsWith(f.current.value));y!==-1&&C(y);},S=useCallback(u=>m.findIndex(h=>M$5(h).iso2===u),[m]),[p,C]=useState(S(a)),k=()=>{d.current!==a&&C(S(a));},D=useCallback(u=>{C(S(u.iso2)),c?.(u);},[c,S]),I=u=>{let h=m.length-1,y=b=>u==="prev"?b-1:u==="next"?b+1:u==="last"?h:0;C(b=>{let v=y(b);return v<0?0:v>h?h:v});},A=u=>{if(u.stopPropagation(),u.key==="Enter"){u.preventDefault();let h=M$5(m[p]);D(h);return}if(u.key==="Escape"){i?.();return}if(u.key==="ArrowUp"){u.preventDefault(),I("prev");return}if(u.key==="ArrowDown"){u.preventDefault(),I("next");return}if(u.key==="PageUp"){u.preventDefault(),I("first");return}if(u.key==="PageDown"){u.preventDefault(),I("last");return}u.key===" "&&u.preventDefault(),u.key.length===1&&!u.altKey&&!u.ctrlKey&&!u.metaKey&&g(u.key.toLocaleLowerCase());},N=useCallback(()=>{if(!l.current||p===void 0)return;let u=M$5(m[p]).iso2;if(u===d.current)return;let h=l.current.querySelector(`[data-country="${u}"]`);h&&(ue(l.current,h),d.current=u);},[p,m]);return useEffect(()=>{N();},[p,N]),useEffect(()=>{l.current&&(t?l.current.focus():k());},[t]),useEffect(()=>{k();},[a]),React__default.createElement("ul",{ref:l,role:"listbox",className:P$3({addPrefix:["country-selector-dropdown"],rawClassNames:[o.className]}),style:{display:t?"block":"none",...o.style},onKeyDown:A,onBlur:i,tabIndex:-1,"aria-activedescendant":`react-international-phone__${M$5(m[p]).iso2}-option`},m.map((u,h)=>{let y=M$5(u),b=y.iso2===a,v=h===p,R=r.includes(y.iso2),V=h===r.length-1,K=n?.find(G=>G.iso2===y.iso2);return React__default.createElement(React__default.Fragment,{key:y.iso2},React__default.createElement("li",{"data-country":y.iso2,role:"option","aria-selected":b,"aria-label":`${y.name} ${e}${y.dialCode}`,id:`react-international-phone__${y.iso2}-option`,className:P$3({addPrefix:["country-selector-dropdown__list-item",R&&"country-selector-dropdown__list-item--preferred",b&&"country-selector-dropdown__list-item--selected",v&&"country-selector-dropdown__list-item--focused"],rawClassNames:[o.listItemClassName,R&&o.listItemPreferredClassName,b&&o.listItemSelectedClassName,v&&o.listItemFocusedClassName]}),onClick:()=>D(y),style:o.listItemStyle,title:y.name},React__default.createElement(q$3,{iso2:y.iso2,src:K?.src,className:P$3({addPrefix:["country-selector-dropdown__list-item-flag-emoji"],rawClassNames:[o.listItemFlagClassName]}),style:o.listItemFlagStyle}),React__default.createElement("span",{className:P$3({addPrefix:["country-selector-dropdown__list-item-country-name"],rawClassNames:[o.listItemCountryNameClassName]}),style:o.listItemCountryNameStyle},y.name),React__default.createElement("span",{className:P$3({addPrefix:["country-selector-dropdown__list-item-dial-code"],rawClassNames:[o.listItemDialCodeClassName]}),style:o.listItemDialCodeStyle},e,y.dialCode)),V?React__default.createElement("hr",{className:P$3({addPrefix:["country-selector-dropdown__preferred-list-divider"],rawClassNames:[o.preferredListDividerClassName]}),style:o.preferredListDividerStyle}):null)}))};var ae=({selectedCountry:t,onSelect:e,disabled:a,hideDropdown:s,countries:r=_$3,preferredCountries:n=[],flags:c,renderButtonWrapper:i,...o})=>{let[l,d]=useState(false),m=useMemo(()=>{if(t)return $$4({value:t,field:"iso2",countries:r})},[r,t]),f=useRef(null),g=p=>{p.key&&["ArrowUp","ArrowDown"].includes(p.key)&&(p.preventDefault(),d(true));},S=()=>{let p={title:m?.name,onClick:()=>d(k=>!k),onMouseDown:k=>k.preventDefault(),onKeyDown:g,disabled:s||a,role:"combobox","aria-label":"Country selector","aria-haspopup":"listbox","aria-expanded":l},C=React__default.createElement("div",{className:P$3({addPrefix:["country-selector-button__button-content"],rawClassNames:[o.buttonContentWrapperClassName]}),style:o.buttonContentWrapperStyle},React__default.createElement(q$3,{iso2:t,src:c?.find(k=>k.iso2===t)?.src,className:P$3({addPrefix:["country-selector-button__flag-emoji",a&&"country-selector-button__flag-emoji--disabled"],rawClassNames:[o.flagClassName]}),style:{visibility:t?"visible":"hidden",...o.flagStyle}}),!s&&React__default.createElement("div",{className:P$3({addPrefix:["country-selector-button__dropdown-arrow",a&&"country-selector-button__dropdown-arrow--disabled",l&&"country-selector-button__dropdown-arrow--active"],rawClassNames:[o.dropdownArrowClassName]}),style:o.dropdownArrowStyle}));return i?i({children:C,rootProps:p}):React__default.createElement("button",{...p,type:"button",className:P$3({addPrefix:["country-selector-button",l&&"country-selector-button--active",a&&"country-selector-button--disabled",s&&"country-selector-button--hide-dropdown"],rawClassNames:[o.buttonClassName]}),"data-country":t,style:o.buttonStyle},C)};return React__default.createElement("div",{className:P$3({addPrefix:["country-selector"],rawClassNames:[o.className]}),style:o.style,ref:f},S(),React__default.createElement(ne,{show:l,countries:r,preferredCountries:n,flags:c,onSelect:p=>{d(false),e?.(p);},selectedCountry:t,onClose:()=>{d(false);},...o.dropdownStyleProps}))};var ie=({dialCode:t,prefix:e,disabled:a,style:s,className:r})=>React__default.createElement("div",{className:P$3({addPrefix:["dial-code-preview",a&&"dial-code-preview--disabled"],rawClassNames:[r]}),style:s},`${e}${t}`);forwardRef(({value:t,onChange:e,countries:a=_$3,preferredCountries:s=[],hideDropdown:r,showDisabledDialCodeAndPrefix:n,disableFocusAfterCountrySelect:c,flags:i,style:o,className:l,inputStyle:d,inputClassName:m,countrySelectorStyleProps:f,dialCodePreviewStyleProps:g,inputProps:S,placeholder:p,disabled:C,name:k,onFocus:D,onBlur:I,required:A,autoFocus:N,...u},h)=>{let{phone:y,inputValue:b,inputRef:v,country:R,setCountry:V,handlePhoneValueChange:K}=ee({value:t,countries:a,...u,onChange:j=>{e?.(j.phone,{country:j.country,inputValue:j.inputValue});}}),G=u.disableDialCodeAndPrefix&&n&&R?.dialCode;return useImperativeHandle(h,()=>v.current?Object.assign(v.current,{setCountry:V,state:{phone:y,inputValue:b,country:R}}):null,[v,V,y,b,R]),React__default.createElement("div",{ref:h,className:P$3({addPrefix:["input-container"],rawClassNames:[l]}),style:o},React__default.createElement(ae,{onSelect:j=>V(j.iso2,{focusOnInput:!c}),flags:i,selectedCountry:R.iso2,countries:a,preferredCountries:s,disabled:C,hideDropdown:r,...f}),G&&React__default.createElement(ie,{dialCode:R.dialCode,prefix:u.prefix??"+",disabled:C,...g}),React__default.createElement("input",{onChange:K,value:b,type:"tel",ref:v,className:P$3({addPrefix:["input",C&&"input--disabled"],rawClassNames:[m]}),placeholder:p,disabled:C,style:d,name:k,onFocus:D,onBlur:I,autoFocus:N,required:A,...S}))});
|
|
13935
|
+
var R$2=[["Afghanistan","af","93"],["Albania","al","355"],["Algeria","dz","213"],["Andorra","ad","376"],["Angola","ao","244"],["Antigua and Barbuda","ag","1268"],["Argentina","ar","54",{default:"(..) .... ....","/^11/":"(..) .... ....","/^15/":"(..) ... ....","/^(2|3|4|5)/":"(.) .... ....","/^9/":"(.) .... ....."},0],["Armenia","am","374",".. ......"],["Aruba","aw","297"],["Australia","au","61",{default:". .... ....","/^4/":"... ... ...","/^5(?!50)/":"... ... ...","/^1(3|8)00/":".... ... ...","/^13/":".. .. ..","/^180/":"... ...."},0,[]],["Austria","at","43"],["Azerbaijan","az","994","(..) ... .. .."],["Bahamas","bs","1242"],["Bahrain","bh","973",".... ...."],["Bangladesh","bd","880"],["Barbados","bb","1246"],["Belarus","by","375","(..) ... .. .."],["Belgium","be","32","... .. .. .."],["Belize","bz","501"],["Benin","bj","229"],["Bhutan","bt","975"],["Bolivia","bo","591"],["Bosnia and Herzegovina","ba","387"],["Botswana","bw","267"],["Brazil","br","55","(..) .....-...."],["British Indian Ocean Territory","io","246"],["Brunei","bn","673"],["Bulgaria","bg","359"],["Burkina Faso","bf","226"],["Burundi","bi","257"],["Cambodia","kh","855"],["Cameroon","cm","237"],["Canada","ca","1","(...) ...-....",1,["204","226","236","249","250","289","306","343","365","387","403","416","418","431","437","438","450","506","514","519","548","579","581","587","604","613","639","647","672","705","709","742","778","780","782","807","819","825","867","873","902","905"]],["Cape Verde","cv","238"],["Caribbean Netherlands","bq","599","",1],["Cayman Islands","ky","1","... ... ....",4,["345"]],["Central African Republic","cf","236"],["Chad","td","235"],["Chile","cl","56"],["China","cn","86","... .... ...."],["Colombia","co","57","... ... ...."],["Comoros","km","269"],["Congo","cd","243"],["Congo","cg","242"],["Costa Rica","cr","506","....-...."],["C\xF4te d'Ivoire","ci","225",".. .. .. .. .."],["Croatia","hr","385"],["Cuba","cu","53"],["Cura\xE7ao","cw","599","",0],["Cyprus","cy","357",".. ......"],["Czech Republic","cz","420","... ... ..."],["Denmark","dk","45",".. .. .. .."],["Djibouti","dj","253",".. .. ...."],["Dominica","dm","1767"],["Dominican Republic","do","1","(...) ...-....",2,["809","829","849"]],["Ecuador","ec","593"],["Egypt","eg","20"],["El Salvador","sv","503","....-...."],["Equatorial Guinea","gq","240"],["Eritrea","er","291"],["Estonia","ee","372",".... ......"],["Ethiopia","et","251",".. ... ...."],["Faroe Islands","fo","298",".. .. .."],["Fiji","fj","679"],["Finland","fi","358",".. ... .. .."],["France","fr","33",". .. .. .. .."],["French Guiana","gf","594","... .. .. .."],["French Polynesia","pf","689",{"/^44/":".. .. ..","/^80[0-5]/":"... .. .. ..",default:".. .. .. .."}],["Gabon","ga","241"],["Gambia","gm","220"],["Georgia","ge","995"],["Germany","de","49","... ........."],["Ghana","gh","233"],["Gibraltar","gi","350"],["Greece","gr","30"],["Greenland","gl","299",".. .. .."],["Grenada","gd","1473"],["Guadeloupe","gp","590","... .. .. ..",0],["Guam","gu","1671"],["Guatemala","gt","502","....-...."],["Guinea","gn","224"],["Guinea-Bissau","gw","245"],["Guyana","gy","592"],["Haiti","ht","509","....-...."],["Honduras","hn","504"],["Hong Kong","hk","852",".... ...."],["Hungary","hu","36"],["Iceland","is","354","... ...."],["India","in","91",".....-....."],["Indonesia","id","62"],["Iran","ir","98","... ... ...."],["Iraq","iq","964"],["Ireland","ie","353",".. ......."],["Israel","il","972","... ... ...."],["Italy","it","39","... .......",0],["Jamaica","jm","1876"],["Japan","jp","81",".. .... ...."],["Jordan","jo","962"],["Kazakhstan","kz","7","... ...-..-..",0],["Kenya","ke","254"],["Kiribati","ki","686"],["Kosovo","xk","383"],["Kuwait","kw","965",".... ...."],["Kyrgyzstan","kg","996","... ... ..."],["Laos","la","856"],["Latvia","lv","371",".. ... ..."],["Lebanon","lb","961"],["Lesotho","ls","266"],["Liberia","lr","231"],["Libya","ly","218"],["Liechtenstein","li","423"],["Lithuania","lt","370"],["Luxembourg","lu","352"],["Macau","mo","853"],["Macedonia","mk","389"],["Madagascar","mg","261"],["Malawi","mw","265"],["Malaysia","my","60","..-....-...."],["Maldives","mv","960"],["Mali","ml","223"],["Malta","mt","356"],["Marshall Islands","mh","692"],["Martinique","mq","596","... .. .. .."],["Mauritania","mr","222"],["Mauritius","mu","230"],["Mayotte","yt","262","... .. .. ..",1,["269","639"]],["Mexico","mx","52","... ... ....",0],["Micronesia","fm","691"],["Moldova","md","373","(..) ..-..-.."],["Monaco","mc","377"],["Mongolia","mn","976"],["Montenegro","me","382"],["Morocco","ma","212"],["Mozambique","mz","258"],["Myanmar","mm","95"],["Namibia","na","264"],["Nauru","nr","674"],["Nepal","np","977"],["Netherlands","nl","31",{"/^06/":"(.). .........","/^6/":". .........","/^0(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/":"(.).. ........","/^(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/":".. ........","/^0/":"(.)... .......",default:"... ......."}],["New Caledonia","nc","687"],["New Zealand","nz","64","...-...-...."],["Nicaragua","ni","505"],["Niger","ne","227"],["Nigeria","ng","234"],["North Korea","kp","850"],["Norway","no","47","... .. ..."],["Oman","om","968",".... ...."],["Pakistan","pk","92","...-......."],["Palau","pw","680"],["Palestine","ps","970"],["Panama","pa","507"],["Papua New Guinea","pg","675"],["Paraguay","py","595"],["Peru","pe","51"],["Philippines","ph","63","... ... ...."],["Poland","pl","48","...-...-..."],["Portugal","pt","351"],["Puerto Rico","pr","1","(...) ...-....",3,["787","939"]],["Qatar","qa","974",".... ...."],["R\xE9union","re","262","... .. .. ..",0],["Romania","ro","40"],["Russia","ru","7","(...) ...-..-..",1],["Rwanda","rw","250"],["Saint Kitts and Nevis","kn","1869"],["Saint Lucia","lc","1758"],["Saint Pierre & Miquelon","pm","508",{"/^708/":"... ... ...","/^8/":"... .. .. ..",default:".. .. .."}],["Saint Vincent and the Grenadines","vc","1784"],["Samoa","ws","685"],["San Marino","sm","378"],["S\xE3o Tom\xE9 and Pr\xEDncipe","st","239"],["Saudi Arabia","sa","966",".. ... ...."],["Senegal","sn","221"],["Serbia","rs","381"],["Seychelles","sc","248"],["Sierra Leone","sl","232"],["Singapore","sg","65","....-...."],["Slovakia","sk","421"],["Slovenia","si","386"],["Solomon Islands","sb","677"],["Somalia","so","252"],["South Africa","za","27"],["South Korea","kr","82","... .... ...."],["South Sudan","ss","211"],["Spain","es","34","... ... ..."],["Sri Lanka","lk","94"],["Sudan","sd","249"],["Suriname","sr","597"],["Swaziland","sz","268"],["Sweden","se","46","... ... ..."],["Switzerland","ch","41",".. ... .. .."],["Syria","sy","963"],["Taiwan","tw","886"],["Tajikistan","tj","992"],["Tanzania","tz","255"],["Thailand","th","66"],["Timor-Leste","tl","670"],["Togo","tg","228"],["Tonga","to","676"],["Trinidad and Tobago","tt","1868"],["Tunisia","tn","216"],["Turkey","tr","90","... ... .. .."],["Turkmenistan","tm","993"],["Tuvalu","tv","688"],["Uganda","ug","256"],["Ukraine","ua","380","(..) ... .. .."],["United Arab Emirates","ae","971",{default:".. ... ....","/^5[024568]/":".. ... ....","/^[234679]/":". ... ...."}],["United Kingdom","gb","44",".... ......"],["United States","us","1","(...) ...-....",0],["Uruguay","uy","598"],["Uzbekistan","uz","998",".. ... .. .."],["Vanuatu","vu","678"],["Vatican City","va","39",".. .... ....",1],["Venezuela","ve","58"],["Vietnam","vn","84"],["Wallis & Futuna","wf","681",".. .. .."],["Yemen","ye","967"],["Zambia","zm","260"],["Zimbabwe","zw","263"]];var ke="react-international-phone-",ue=(...t)=>t.filter(e=>!!e).join(" ").trim(),Ne=(...t)=>ue(...t).split(" ").map(e=>`${ke}${e}`).join(" "),P$3=({addPrefix:t,rawClassNames:e})=>ue(Ne(...t),...e);var de=({value:t,mask:e,maskSymbol:n,offset:s=0,trimNonMaskCharsLeftover:r=false})=>{if(t.length<s)return t;let i=t.slice(0,s),c=t.slice(s),a=i,o=0;for(let l of e.split("")){if(o>=c.length){if(!r&&l!==n){a+=l;continue}break}l===n?(a+=c[o],o+=1):a+=l;}return a};var V$1=t=>t?/^\d+$/.test(t):false;var H$4=t=>t.replace(/\D/g,"");var ce=(t,e)=>{let n=t.style.display;n!=="block"&&(t.style.display="block");let s=t.getBoundingClientRect(),r=e.getBoundingClientRect(),i=r.top-s.top,c=s.bottom-r.bottom;i>=0&&c>=0||(Math.abs(i)<Math.abs(c)?t.scrollTop+=i:t.scrollTop-=c),t.style.display=n;};var pe=()=>typeof window>"u"?false:window.navigator.userAgent.toLowerCase().includes("macintosh");var fe=(t,e)=>{let n=e.disableDialCodeAndPrefix?false:e.forceDialCode,s=e.disableDialCodeAndPrefix?false:e.insertDialCodeOnEmpty,r=t,i=l=>e.trimNonDigitsEnd?l.trim():l;if(!r)return s&&!r.length||n?i(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`):i(r);if(r=H$4(r),r===e.dialCode&&!e.disableDialCodeAndPrefix)return i(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`);if(e.dialCode.startsWith(r)&&!e.disableDialCodeAndPrefix)return i(n?`${e.prefix}${e.dialCode}${e.charAfterDialCode}`:`${e.prefix}${r}`);if(!r.startsWith(e.dialCode)&&!e.disableDialCodeAndPrefix){if(n)return i(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`);if(r.length<e.dialCode.length)return i(`${e.prefix}${r}`)}let c=()=>{let l=e.dialCode.length,u=r.slice(0,l),m=r.slice(l);return {phoneLeftSide:u,phoneRightSide:m}},{phoneLeftSide:a,phoneRightSide:o}=c();return a=`${e.prefix}${a}${e.charAfterDialCode}`,o=de({value:o,mask:e.mask,maskSymbol:e.maskChar,trimNonMaskCharsLeftover:e.trimNonDigitsEnd||e.disableDialCodeAndPrefix&&o.length===0}),e.disableDialCodeAndPrefix&&(a=""),i(`${a}${o}`)};var Ce=({phoneBeforeInput:t,phoneAfterInput:e,phoneAfterFormatted:n,cursorPositionAfterInput:s,leftOffset:r=0,deletion:i})=>{if(s<r)return r;if(!t)return n.length;let c=null;for(let u=s-1;u>=0;u-=1)if(V$1(e[u])){c=u;break}if(c===null){for(let u=0;u<e.length;u+=1)if(V$1(n[u]))return u;return e.length}let a=0;for(let u=0;u<c;u+=1)V$1(e[u])&&(a+=1);let o=0,l=0;for(let u=0;u<n.length&&(o+=1,V$1(n[u])&&(l+=1),!(l>=a+1));u+=1);if(i!=="backward")for(;!V$1(n[o])&&o<n.length;)o+=1;return o};var B$3=({phone:t,prefix:e})=>t?`${e}${H$4(t)}`:"";function U$1({value:t,country:e,insertDialCodeOnEmpty:n,trimNonDigitsEnd:s,countries:r,prefix:i,charAfterDialCode:c,forceDialCode:a,disableDialCodeAndPrefix:o,defaultMask:l,countryGuessingEnabled:u,disableFormatting:m}){let f=t;o&&(f=f.startsWith(`${i}`)?f:`${i}${e.dialCode}${f}`);let p=u?Y$1({phone:f,countries:r,currentCountryIso2:e?.iso2}):void 0,v=p?.country??e,C=fe(f,{prefix:i,mask:X$2({phone:f,country:v,defaultMask:l,disableFormatting:m}),maskChar:q$3,dialCode:v.dialCode,trimNonDigitsEnd:s,charAfterDialCode:c,forceDialCode:a,insertDialCodeOnEmpty:n,disableDialCodeAndPrefix:o}),w=u&&!p?.fullDialCodeMatch?e:v;return {phone:B$3({phone:o?`${w.dialCode}${C}`:C,prefix:i}),inputValue:C,country:w}}var Re=t=>{if(t?.toLocaleLowerCase().includes("delete")??false)return t?.toLocaleLowerCase().includes("forward")?"forward":"backward"},he=(t,{country:e,insertDialCodeOnEmpty:n,phoneBeforeInput:s,prefix:r,charAfterDialCode:i,forceDialCode:c,disableDialCodeAndPrefix:a,countryGuessingEnabled:o,defaultMask:l,disableFormatting:u,countries:m})=>{let f=t.nativeEvent,p=f.inputType,v=Re(p),C=!!p?.startsWith("insertFrom"),w=p==="insertText",D=f?.data||void 0,k=t.target.value,N=t.target.selectionStart??0;if(p?.includes("history"))return {inputValue:s,phone:B$3({phone:s,prefix:r}),cursorPosition:s.length,country:e};if(w&&!V$1(D)&&k!==r)return {inputValue:s,phone:B$3({phone:a?`${e.dialCode}${s}`:s,prefix:r}),cursorPosition:N-(D?.length??0),country:e};if(c&&!k.startsWith(`${r}${e.dialCode}`)&&!C){let b=k?s:`${r}${e.dialCode}${i}`;return {inputValue:b,phone:B$3({phone:b,prefix:r}),cursorPosition:r.length+e.dialCode.length+i.length,country:e}}let{phone:F,inputValue:d,country:h}=U$1({value:k,country:e,trimNonDigitsEnd:v==="backward",insertDialCodeOnEmpty:n,countryGuessingEnabled:o,countries:m,prefix:r,charAfterDialCode:i,forceDialCode:c,disableDialCodeAndPrefix:a,disableFormatting:u,defaultMask:l}),y=Ce({cursorPositionAfterInput:N,phoneBeforeInput:s,phoneAfterInput:k,phoneAfterFormatted:d,leftOffset:c?r.length+e.dialCode.length+i.length:0,deletion:v});return {phone:F,inputValue:d,cursorPosition:y,country:h}};var ye=(t,e)=>{let n=Object.keys(t),s=Object.keys(e);if(n.length!==s.length)return false;for(let r of n)if(t[r]!==e[r])return false;return true};var be=()=>{let t=useRef(),e=useRef(Date.now()),n=useCallback(()=>{let s=Date.now(),r=t.current?s-e.current:void 0;return t.current=e.current,e.current=s,r},[]);return useMemo(()=>({check:n}),[n])};var Ee={size:20,overrideLastItemDebounceMS:-1};function Pe(t,e){let{size:n,overrideLastItemDebounceMS:s,onChange:r}={...Ee,...e},[i,c]=useState(t),a=useRef([i]),o=useRef(0),l=be(),u=useCallback((p,v)=>{let C=a.current[o.current];if(p===C||typeof p=="object"&&typeof C=="object"&&ye(p,C))return;let w=s>0,S=l.check(),D=w&&S!==void 0?S>s:true;if(v?.overrideLastItem!==void 0?v.overrideLastItem:!D)a.current=[...a.current.slice(0,o.current),p];else {let N=a.current.length>=n;a.current=[...a.current.slice(N?1:0,o.current+1),p],N||(o.current+=1);}c(p),r?.(p);},[r,s,n,l]),m=useCallback(()=>{if(o.current<=0)return {success:false};let p=a.current[o.current-1];return c(p),o.current-=1,r?.(p),{success:true,value:p}},[r]),f=useCallback(()=>{if(o.current+1>=a.current.length)return {success:false};let p=a.current[o.current+1];return c(p),o.current+=1,r?.(p),{success:true,value:p}},[r]);return [i,u,m,f]}var q$3=".",T$4={defaultCountry:"us",value:"",prefix:"+",defaultMask:"............",charAfterDialCode:" ",historySaveDebounceMS:200,disableCountryGuess:false,disableDialCodePrefill:false,forceDialCode:false,disableDialCodeAndPrefix:false,disableFormatting:false,countries:R$2},re=({defaultCountry:t=T$4.defaultCountry,value:e=T$4.value,countries:n=T$4.countries,prefix:s=T$4.prefix,defaultMask:r=T$4.defaultMask,charAfterDialCode:i=T$4.charAfterDialCode,historySaveDebounceMS:c=T$4.historySaveDebounceMS,disableCountryGuess:a=T$4.disableCountryGuess,disableDialCodePrefill:o=T$4.disableDialCodePrefill,forceDialCode:l=T$4.forceDialCode,disableDialCodeAndPrefix:u=T$4.disableDialCodeAndPrefix,disableFormatting:m=T$4.disableFormatting,onChange:f,inputRef:p})=>{let w={countries:n,prefix:s,charAfterDialCode:i,forceDialCode:u?false:l,disableDialCodeAndPrefix:u,defaultMask:r,countryGuessingEnabled:!a,disableFormatting:m},S=useRef(null),D=p||S,k=g=>{Promise.resolve().then(()=>{typeof window>"u"||D.current!==document?.activeElement||D.current?.setSelectionRange(g,g);});},N=useCallback(g=>$$4({value:g,field:"iso2",countries:n}),[n]),F=useCallback(({inputValue:g,phone:A,country:x})=>{if(!f)return;let L=N(x);f({phone:A,inputValue:g,country:L});},[N,f]),[{phone:d,inputValue:h,country:y},b,I,E]=Pe(()=>{let g=$$4({value:t,field:"iso2",countries:n});g||console.error(`[react-international-phone]: can not find a country with "${t}" iso2 code`);let A=g||$$4({value:"us",field:"iso2",countries:n}),{phone:x,inputValue:L,country:K}=U$1({value:e,country:A,insertDialCodeOnEmpty:!o,...w});return k(L.length),{phone:x,inputValue:L,country:K.iso2}},{overrideLastItemDebounceMS:c,onChange:F}),_=useMemo(()=>N(y),[y,N]);useEffect(()=>{let g=D.current;if(!g)return;let A=x=>{if(!x.key)return;let L=x.ctrlKey,K=x.metaKey,Ie=x.shiftKey;if(x.key.toLowerCase()==="z"){if(pe()){if(!K)return}else if(!L)return;Ie?E():I();}};return g.addEventListener("keydown",A),()=>{g.removeEventListener("keydown",A);}},[D,I,E]);let z=g=>{g.preventDefault();let{phone:A,inputValue:x,country:L,cursorPosition:K}=he(g,{country:_,phoneBeforeInput:h,insertDialCodeOnEmpty:false,...w});return b({inputValue:x,phone:A,country:L.iso2}),k(K),e},G=useCallback((g,A={focusOnInput:false})=>{let x=$$4({value:g,field:"iso2",countries:n});if(!x){console.error(`[react-international-phone]: can not find a country with "${g}" iso2 code`);return}let L=u?"":`${s}${x.dialCode}${i}`;b({inputValue:L,phone:`${s}${x.dialCode}`,country:x.iso2}),A.focusOnInput&&Promise.resolve().then(()=>{D.current?.focus();});},[n,u,s,i,b,D]),[Z,Q]=useState(false);return useEffect(()=>{if(!Z){Q(true),e!==d&&f?.({inputValue:h,phone:d,country:_});return}if(e===d)return;let{phone:g,inputValue:A,country:x}=U$1({value:e,country:_,insertDialCodeOnEmpty:!o,...w});b({phone:g,inputValue:A,country:x.iso2});},[e]),{phone:d,inputValue:h,country:_,setCountry:G,handlePhoneValueChange:z,inputRef:D}};var X$2=({phone:t,country:e,defaultMask:n="............",disableFormatting:s=false})=>{let r=e.format,i=a=>s?a.replace(new RegExp(`[^${q$3}]`,"g"),""):a;if(!r)return i(n);if(typeof r=="string")return i(r);if(!r.default)return console.error(`[react-international-phone]: default mask for ${e.iso2} is not provided`),i(n);let c=Object.keys(r).find(a=>{if(a==="default")return false;if(!(a.charAt(0)==="/"&&a.charAt(a.length-1)==="/"))return console.error(`[react-international-phone]: format regex "${a}" for ${e.iso2} is not valid`),false;let l=new RegExp(a.substring(1,a.length-1)),u=t.replace(e.dialCode,"");return l.test(H$4(u))});return i(c?r[c]:r.default)};var M$5=t=>{let[e,n,s,r,i,c]=t;return {name:e,iso2:n,dialCode:s,format:r,priority:i,areaCodes:c}};var ze=t=>`Field "${t}" is not supported`,$$4=({field:t,value:e,countries:n=R$2})=>{if(["priority"].includes(t))throw new Error(ze(t));let s=n.find(r=>{let i=M$5(r);return e===i[t]});if(s)return M$5(s)};var Y$1=({phone:t,countries:e=R$2,currentCountryIso2:n})=>{let s={country:void 0,fullDialCodeMatch:false};if(!t)return s;let r=H$4(t);if(!r)return s;let i=s,c=({country:a,fullDialCodeMatch:o})=>{let l=a.dialCode===i.country?.dialCode,u=(a.priority??0)<(i.country?.priority??0);(!l||u)&&(i={country:a,fullDialCodeMatch:o});};for(let a of e){let o=M$5(a),{dialCode:l,areaCodes:u}=o;if(r.startsWith(l)){let m=i.country?Number(l)>=Number(i.country.dialCode):true;if(u){let f=r.substring(l.length);for(let p of u)if(f.startsWith(p))return {country:o,fullDialCodeMatch:true}}(m||l===r||!i.fullDialCodeMatch)&&c({country:o,fullDialCodeMatch:true});}i.fullDialCodeMatch||r.length<l.length&&l.startsWith(r)&&(!i.country||Number(l)<=Number(i.country.dialCode))&&c({country:o,fullDialCodeMatch:false});}if(n){let a=$$4({value:n,field:"iso2",countries:e});if(!a)return i;let l=a?(m=>{if(!m?.areaCodes)return false;let f=r.substring(m.dialCode.length);return m.areaCodes.some(p=>p.startsWith(f))})(a):false;!!i&&i.country?.dialCode===a.dialCode&&i.country!==a&&i.fullDialCodeMatch&&(!a.areaCodes||l)&&(i={country:a,fullDialCodeMatch:true});}return i};var Ve=(t,e)=>{let n=parseInt(t,16);return Number(n+e).toString(16)},He="abcdefghijklmnopqrstuvwxyz",je="1f1e6",Se=He.split("").reduce((t,e,n)=>({...t,[e]:Ve(je,n)}),{}),Oe=t=>[Se[t[0]],Se[t[1]]].join("-"),W$4=({iso2:t,size:e,src:n,protocol:s="https",disableLazyLoading:r,className:i,style:c,...a})=>{if(!t)return React__default.createElement("img",{className:P$3({addPrefix:["flag-emoji"],rawClassNames:[i]}),width:e,height:e,...a});let o=()=>{if(n)return n;let l=Oe(t);return `${s}://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/${l}.svg`};return React__default.createElement("img",{className:P$3({addPrefix:["flag-emoji"],rawClassNames:[i]}),src:o(),width:e,height:e,draggable:false,"data-country":t,loading:r?void 0:"lazy",style:{width:e,height:e,...c},alt:"",...a})};var Ke=1e3,ie=({show:t,dialCodePrefix:e="+",selectedCountry:n,countries:s=R$2,preferredCountries:r=[],flags:i,onSelect:c,onClose:a,...o})=>{let l=useRef(null),u=useRef(),m=useMemo(()=>{if(!r||!r.length)return s;let d=[],h=[...s];for(let y of r){let b=h.findIndex(I=>M$5(I).iso2===y);if(b!==-1){let I=h.splice(b,1)[0];d.push(I);}}return d.concat(h)},[s,r]),f=useRef({updatedAt:void 0,value:""}),p=d=>{let h=f.current.updatedAt&&new Date().getTime()-f.current.updatedAt.getTime()>Ke;f.current={value:h?d:`${f.current.value}${d}`,updatedAt:new Date};let y=m.findIndex(b=>M$5(b).name.toLowerCase().startsWith(f.current.value));y!==-1&&w(y);},v=useCallback(d=>m.findIndex(h=>M$5(h).iso2===d),[m]),[C,w]=useState(v(n)),S=()=>{u.current!==n&&w(v(n));},D=useCallback(d=>{w(v(d.iso2)),c?.(d);},[c,v]),k=d=>{let h=m.length-1,y=b=>d==="prev"?b-1:d==="next"?b+1:d==="last"?h:0;w(b=>{let I=y(b);return I<0?0:I>h?h:I});},N=d=>{if(d.stopPropagation(),d.key==="Enter"){d.preventDefault();let h=M$5(m[C]);D(h);return}if(d.key==="Escape"){a?.();return}if(d.key==="ArrowUp"){d.preventDefault(),k("prev");return}if(d.key==="ArrowDown"){d.preventDefault(),k("next");return}if(d.key==="PageUp"){d.preventDefault(),k("first");return}if(d.key==="PageDown"){d.preventDefault(),k("last");return}d.key===" "&&d.preventDefault(),d.key.length===1&&!d.altKey&&!d.ctrlKey&&!d.metaKey&&p(d.key.toLocaleLowerCase());},F=useCallback(()=>{if(!l.current||C===void 0)return;let d=M$5(m[C]).iso2;if(d===u.current)return;let h=l.current.querySelector(`[data-country="${d}"]`);h&&(ce(l.current,h),u.current=d);},[C,m]);return useEffect(()=>{F();},[C,F]),useEffect(()=>{l.current&&(t?l.current.focus():S());},[t]),useEffect(()=>{S();},[n]),React__default.createElement("ul",{ref:l,role:"listbox",className:P$3({addPrefix:["country-selector-dropdown"],rawClassNames:[o.className]}),style:{display:t?"block":"none",...o.style},onKeyDown:N,onBlur:a,tabIndex:-1,"aria-activedescendant":`react-international-phone__${M$5(m[C]).iso2}-option`},m.map((d,h)=>{let y=M$5(d),b=y.iso2===n,I=h===C,E=r.includes(y.iso2),_=h===r.length-1,z=i?.find(G=>G.iso2===y.iso2);return React__default.createElement(React__default.Fragment,{key:y.iso2},React__default.createElement("li",{"data-country":y.iso2,role:"option","aria-selected":b,"aria-label":`${y.name} ${e}${y.dialCode}`,id:`react-international-phone__${y.iso2}-option`,className:P$3({addPrefix:["country-selector-dropdown__list-item",E&&"country-selector-dropdown__list-item--preferred",b&&"country-selector-dropdown__list-item--selected",I&&"country-selector-dropdown__list-item--focused"],rawClassNames:[o.listItemClassName,E&&o.listItemPreferredClassName,b&&o.listItemSelectedClassName,I&&o.listItemFocusedClassName]}),onClick:()=>D(y),style:o.listItemStyle,title:y.name},React__default.createElement(W$4,{iso2:y.iso2,src:z?.src,className:P$3({addPrefix:["country-selector-dropdown__list-item-flag-emoji"],rawClassNames:[o.listItemFlagClassName]}),style:o.listItemFlagStyle}),React__default.createElement("span",{className:P$3({addPrefix:["country-selector-dropdown__list-item-country-name"],rawClassNames:[o.listItemCountryNameClassName]}),style:o.listItemCountryNameStyle},y.name),React__default.createElement("span",{className:P$3({addPrefix:["country-selector-dropdown__list-item-dial-code"],rawClassNames:[o.listItemDialCodeClassName]}),style:o.listItemDialCodeStyle},e,y.dialCode)),_?React__default.createElement("hr",{className:P$3({addPrefix:["country-selector-dropdown__preferred-list-divider"],rawClassNames:[o.preferredListDividerClassName]}),style:o.preferredListDividerStyle}):null)}))};var se$1=React__default.memo(({selectedCountry:t,onSelect:e,disabled:n,hideDropdown:s,countries:r=R$2,preferredCountries:i=[],flags:c,renderButtonWrapper:a,...o})=>{let[l,u]=useState(false),m=useMemo(()=>{if(t)return $$4({value:t,field:"iso2",countries:r})},[r,t]),f=useRef(null),p=C=>{C.key&&["ArrowUp","ArrowDown"].includes(C.key)&&(C.preventDefault(),u(true));},v=()=>{let C={title:m?.name,onClick:()=>u(S=>!S),onMouseDown:S=>S.preventDefault(),onKeyDown:p,disabled:s||n,role:"combobox","aria-label":"Country selector","aria-haspopup":"listbox","aria-expanded":l},w=React__default.createElement("div",{className:P$3({addPrefix:["country-selector-button__button-content"],rawClassNames:[o.buttonContentWrapperClassName]}),style:o.buttonContentWrapperStyle},React__default.createElement(W$4,{iso2:t,src:c?.find(S=>S.iso2===t)?.src,className:P$3({addPrefix:["country-selector-button__flag-emoji",n&&"country-selector-button__flag-emoji--disabled"],rawClassNames:[o.flagClassName]}),style:{visibility:t?"visible":"hidden",...o.flagStyle}}),!s&&React__default.createElement("div",{className:P$3({addPrefix:["country-selector-button__dropdown-arrow",n&&"country-selector-button__dropdown-arrow--disabled",l&&"country-selector-button__dropdown-arrow--active"],rawClassNames:[o.dropdownArrowClassName]}),style:o.dropdownArrowStyle}));return a?a({children:w,rootProps:C}):React__default.createElement("button",{...C,type:"button",className:P$3({addPrefix:["country-selector-button",l&&"country-selector-button--active",n&&"country-selector-button--disabled",s&&"country-selector-button--hide-dropdown"],rawClassNames:[o.buttonClassName]}),"data-country":t,style:o.buttonStyle},w)};return React__default.createElement("div",{className:P$3({addPrefix:["country-selector"],rawClassNames:[o.className]}),style:o.style,ref:f},v(),React__default.createElement(ie,{show:l,countries:r,preferredCountries:i,flags:c,onSelect:C=>{u(false),e?.(C);},selectedCountry:t,onClose:()=>{u(false);},...o.dropdownStyleProps}))});var le=({dialCode:t,prefix:e,disabled:n,style:s,className:r})=>React__default.createElement("div",{className:P$3({addPrefix:["dial-code-preview",n&&"dial-code-preview--disabled"],rawClassNames:[r]}),style:s},`${e}${t}`);forwardRef(({value:t,onChange:e,countries:n=R$2,preferredCountries:s,hideDropdown:r,showDisabledDialCodeAndPrefix:i,disableFocusAfterCountrySelect:c,flags:a,style:o,className:l,inputStyle:u,inputClassName:m,countrySelectorStyleProps:f,dialCodePreviewStyleProps:p,inputProps:v,placeholder:C,disabled:w,name:S,onFocus:D,onBlur:k,required:N,autoFocus:F,...d},h)=>{let y=useCallback(g=>{e?.(g.phone,{country:g.country,inputValue:g.inputValue});},[e]),{phone:b,inputValue:I,inputRef:E,country:_,setCountry:z,handlePhoneValueChange:G}=re({value:t,countries:n,...d,onChange:y}),Z=d.disableDialCodeAndPrefix&&i&&_?.dialCode,Q=useCallback(g=>{z(g.iso2,{focusOnInput:!c});},[z,c]);return useImperativeHandle(h,()=>E.current?Object.assign(E.current,{setCountry:z,state:{phone:b,inputValue:I,country:_}}):null,[E,z,b,I,_]),React__default.createElement("div",{ref:h,className:P$3({addPrefix:["input-container"],rawClassNames:[l]}),style:o},React__default.createElement(se$1,{onSelect:Q,flags:a,selectedCountry:_?.iso2,countries:n,preferredCountries:s,disabled:w,hideDropdown:r,...f}),Z&&React__default.createElement(le,{dialCode:_.dialCode,prefix:d.prefix??"+",disabled:w,...p}),React__default.createElement("input",{onChange:G,value:I,type:"tel",ref:E,className:P$3({addPrefix:["input",w&&"input--disabled"],rawClassNames:[m]}),placeholder:C,disabled:w,style:u,name:S,onFocus:D,onBlur:k,autoFocus:F,required:N,...v}))});
|
|
13859
13936
|
|
|
13860
13937
|
const n$4=sva({slots:["container","label","inputContainer","input","description","typeIcon","actionIcon","actionButton"],base:{label:{fontSize:"sm",fontWeight:"medium",color:"text.primary"},inputContainer:{backgroundColor:"transparent",borderStyle:"solid",borderWidth:"thin",borderColor:"neutral.secondary",borderRadius:"input",boxSizing:"border-box",transition:"all linear 120ms",width:"100%",_hover:{borderColor:"neutral.primary"},_focusWithin:{outlineColor:"brand.base",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5}},input:{transition:"all linear 120ms",width:"100%",boxSizing:"border-box",m:0,p:0,outline:"none",minWidth:10,fontWeight:"normal",backgroundColor:"transparent",color:"text.primary",_placeholder:{color:"text.tertiary"},_groupHover:{borderColor:"neutral.primary"}},description:{fontSize:"sm",color:"text.primary"},typeIcon:{transition:"opacity linear 120ms"},actionIcon:{transition:"opacity linear 120ms",cursor:"pointer"},actionButton:{transition:"opacity linear 120ms"}},variants:{size:{sm:{input:{fontSize:"sm",textAlign:"left"},inputContainer:{height:10,p:3}},md:{input:{fontSize:"md",textAlign:"left"},inputContainer:{height:12,p:3}},lg:{input:{fontSize:"lg",textAlign:"left"},inputContainer:{height:15,padding:4}}},alignText:{left:{input:{textAlign:"left"},container:{alignItems:"flex-start"}},center:{input:{textAlign:"center"},container:{alignItems:"center"}},right:{input:{textAlign:"right"},container:{alignItems:"flex-end"}}},isError:{true:{inputContainer:{borderColor:"negative.base"}}},char:{true:{input:{fontSize:"xl",textAlign:"center"},inputContainer:{height:12,py:2}}},disabled:{true:{container:{opacity:.3,pointerEvents:"none"},inputContainer:{_hover:{borderColor:"neutral.secondary"}}}}}});
|
|
13861
13938
|
|
|
13862
|
-
const K$1=D$3(({children:o,...s})=>jsx(Flex,{alignItems:"center",justifyContent:"center",children:Children.map(o,e=>{var r;return cloneElement(e,{...s,color:(r=e.props.color)!==null&&r!==void 0?r:token("colors.neutral.primary")})})})),M$4=D$3(({children:o,...s})=>jsx(Flex,{alignItems:"center",justifyContent:"center",children:Children.map(o,e=>{var r;return isValidElement(e)?cloneElement(e,{...s,color:(r=e.props.color)!==null&&r!==void 0?r:token("colors.brand.base")}):null})})),O$1=D$3(Q$
|
|
13939
|
+
const K$1=D$3(({children:o,...s})=>jsx(Flex,{alignItems:"center",justifyContent:"center",children:Children.map(o,e=>{var r;return cloneElement(e,{...s,color:(r=e.props.color)!==null&&r!==void 0?r:token("colors.neutral.primary")})})})),M$4=D$3(({children:o,...s})=>jsx(Flex,{alignItems:"center",justifyContent:"center",children:Children.map(o,e=>{var r;return isValidElement(e)?cloneElement(e,{...s,color:(r=e.props.color)!==null&&r!==void 0?r:token("colors.brand.base")}):null})})),O$1=D$3(Q$1),W$3=D$3(M$8),$$3=D$3(M$8),G$2=forwardRef((o,s)=>{const{label:e,disabled:r,size:n="md",alignText:h="left",attr:f,description:a,autoFocus:g,className:x="",errorMessage:d,required:l}=o,u=n==="sm"?16:20,L=useRef(null),I=s||L,{labelProps:Q,inputProps:U,descriptionProps:X,errorMessageProps:Y,isInvalid:y,validationErrors:C}=$2d73ec29415bd339$export$712718f7aec83d5({...o,isDisabled:r??false,isInvalid:!!d},I),{focusProps:Z}=$f7dceffc5ad7768b$export$4e328f61c538687f({autoFocus:g??false}),{hoverProps:_}=$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:r??false});return $$5(o.children,c=>{const v=c.get(K$1),b=c.get(M$4),j=c.getProps(O$1),F=c.getProps(W$3),T=c.getProps($$3),i=n$4({size:n,alignText:h,disabled:r,isError:y});return jsxs(VStack,{className:cx(i.container,x),children:[e&&jsxs("label",{className:i.label,...Q,children:[e," ",l&&jsx("span",{className:css({color:"negative.darker"}),children:"*"})]}),jsxs(HStack,{className:i.inputContainer,children:[v&&{...v,props:{...v.props,className:i.typeIcon,width:u,height:u}},F&&jsx(M$8,{...F,fontColor:"text.tertiary"}),jsx("input",{ref:I,className:i.input,...$3ef42575df84b30b$export$9d1611c77c2fe928(U,Z,_),...f}),T&&jsx(M$8,{...T,fontColor:"text.tertiary"}),b&&{...b,props:{...b.props,className:i.actionIcon,width:u,height:u}},j&&jsx(Flex,{alignItems:"center",justifyContent:"center",className:i.actionButton,children:jsx(Q$1,{...j,variant:"text",size:n})})]}),a&&jsx("div",{className:i.description,...X,children:a}),y&&jsx(M$8,{variant:"error",...Y,size:"sm",fontWeight:"normal",children:C.length>0?C.join(" "):d})]})})}),J$1=forwardRef((o,s)=>{const{disabled:e,autoFocus:r,className:n="",attr:h}=o,f=useRef(null),a=s||f,{inputProps:g}=$2d73ec29415bd339$export$712718f7aec83d5({...o,isDisabled:e??false},a),{focusProps:x}=$f7dceffc5ad7768b$export$4e328f61c538687f({autoFocus:r??false}),{hoverProps:d}=$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:e??false}),l=n$4({char:true,disabled:e});return jsx("div",{className:cx(l.container,l.inputContainer,n),children:jsx("input",{ref:a,className:l.input,...$3ef42575df84b30b$export$9d1611c77c2fe928(g,x,d),size:1,...h})})}),se=Object.assign(G$2,{TypeIcon:K$1,ActionIcon:M$4,ActionButton:O$1,Char:J$1,Prefix:W$3,Suffix:$$3});G$2.displayName="TextInput",J$1.displayName="TextInputChar";
|
|
13863
13940
|
|
|
13864
13941
|
const v$2=/\D/g,k$4=({pinLength:o,onComplete:A=u=>u,onChange:g=u=>u,id:p="pin-code-input",autoFocus:C=true,className:T})=>{const[u,y]=useState(()=>Array.from({length:o},()=>"")),c=useRef(Array(o).fill(null));useEffect(()=>{y(e=>o<e.length?e.slice(0,o):o>e.length?[...e,...Array(o-e.length).fill("")]:e);},[o]),useEffect(()=>{var e;C&&c.current[0]&&((e=c.current[0])===null||e===void 0||e.focus());},[C,o]);const d=(e,n)=>{var r;y(n),g(n);const t=n.join("");t.length===o&&((r=c.current[e])===null||r===void 0||r.blur(),A(t));},I=useCallback((e,n)=>{const r=[...u];n.replace(v$2,"").split("").forEach(t=>{var a,i;e>=o||(r[e]=t,e++,(i=(a=c?.current)===null||a===void 0?void 0:a[e])===null||i===void 0||i.focus());}),d(e,r);},[u,d]),j=useCallback(e=>{var n,r;const t=parseInt(e.currentTarget.dataset.id||"",10),a=e.target.value.replace(v$2,"");if(a.length>1)return I(t,a);const i=[...u];i[t]=a,a.length&&((r=(n=c?.current)===null||n===void 0?void 0:n[t+1])===null||r===void 0||r.focus()),d(t,i);},[d]),N=useCallback(e=>{var n,r,t,a,i;const x=e.currentTarget.value.length,s=parseInt(e.currentTarget.dataset.id||"",10),f=[...u];switch(e.key){case "Backspace":{if(x&&(f[s]="",d(s,f)),s){const l=f.reduceRight((m,R,E)=>m!==-1?m:R!==""?E:m,-1);(n=c?.current[l>=0?l:0])===null||n===void 0||n.focus();}return}case "ArrowLeft":{const l=s?s-1:o-1;(r=c?.current[l])===null||r===void 0||r.focus();return}case "ArrowRight":{const l=s===o-1?0:s+1;(t=c?.current[l])===null||t===void 0||t.focus();return}default:{const l=e.key.replace(v$2,"");x&&l.length&&l!==e.currentTarget.value&&(f[s]=l,d(s,f),(i=(a=c?.current)===null||a===void 0?void 0:a[s+1])===null||i===void 0||i.focus());}}},[g,d]);return jsx("form",{id:p,className:css({margin:0,minWidth:0,display:"flex",width:"100%",justifyContent:"space-between",maxWidth:"30rem",gap:2}),children:u.map((e,n)=>jsx(se.Char,{id:p?`${p}-${n}`:void 0,"aria-label":`one time password input ${n+1}`,"data-id":n,name:`one time password input ${n+1}`,value:u[n]||"",className:cx(css({caretColor:"transparent"}),T),attr:{onChange:j,onKeyUp:N,autoComplete:n===0?"one-time-code":"off",inputMode:"numeric"},ref:r=>{c?.current&&(c.current[n]=r);}},`${p||void 0}-${n}`))})};
|
|
13865
13942
|
|
|
13866
|
-
const s="2.625rem",d$6=D$3(({children:e})=>jsx(u$4,{children:e})),h$4=D$3(({children:e})=>Children.map(e,o=>{var t,r,n;return cloneElement(o,{color:(t=o.props.color)!==null&&t!==void 0?t:token("colors.brand.base"),width:(r=o.props.width)!==null&&r!==void 0?r:s,height:(n=o.props.height)!==null&&n!==void 0?n:s})})),f$5=D$3(s$b),g$3=D$3(c$5),u$2=D$3(B$
|
|
13943
|
+
const s="2.625rem",d$6=D$3(({children:e})=>jsx(u$4,{children:e})),h$4=D$3(({children:e})=>Children.map(e,o=>{var t,r,n;return cloneElement(o,{color:(t=o.props.color)!==null&&t!==void 0?t:token("colors.brand.base"),width:(r=o.props.width)!==null&&r!==void 0?r:s,height:(n=o.props.height)!==null&&n!==void 0?n:s})})),f$5=D$3(s$b),g$3=D$3(c$5),u$2=D$3(B$4),T$3=({children:e,overlay:o,...t})=>{if(o){const{animate:r,backgroundType:n,isOpen:m=true,onHidden:c,fullscreen:v=false}=t;return jsx(i$4,{animate:r,backgroundType:n,hide:!m,onHidden:c,fullscreen:v,children:e})}return jsx(Fragment,{children:e})},I$2=({children:e,overlay:o=true,...t})=>$$5(e,r=>{const n=r.get(d$6)?8:4,m=r.getProps(g$3),c=r.getProps(u$2);return jsx(T$3,{overlay:o,...t,children:jsx(r$3,{paddingType:"md",...t,children:jsxs(VStack,{alignItems:"center",gap:0,width:"full",className:css({mt:n}),children:[r.get(d$6),r.get(h$4),r.get(f$5),m&&jsx(c$5,{...m}),c&&jsx(B$4,{...c})]})})})}),S$3=Object.assign(I$2,{Header:d$6,Icon:h$4,Content:f$5,Footer:g$3,Drawer:u$2});
|
|
13867
13944
|
|
|
13868
|
-
const i$1=D$3(S$3.Icon),j$2=({children:l,cancelLabel:t,confirmLabel:s,title:m,message:a,onCancel:f=()=>{},onConfirm:p=()=>{},...d})=>$$5(l,h=>jsxs(S$3,{...d,children:[jsx(S$3.Icon,{children:h.get(i$1)}),jsxs(S$3.Content,{children:[jsx(M$8.H3,{styles:{textAlign:"center"},children:m}),jsx(M$8,{size:"md",children:a}),jsxs(HStack,{className:css({pt:6}),children:[jsx(Q$
|
|
13945
|
+
const i$1=D$3(S$3.Icon),j$2=({children:l,cancelLabel:t,confirmLabel:s,title:m,message:a,onCancel:f=()=>{},onConfirm:p=()=>{},...d})=>$$5(l,h=>jsxs(S$3,{...d,children:[jsx(S$3.Icon,{children:h.get(i$1)}),jsxs(S$3.Content,{children:[jsx(M$8.H3,{styles:{textAlign:"center"},children:m}),jsx(M$8,{size:"md",children:a}),jsxs(HStack,{className:css({pt:6}),children:[jsx(Q$1,{onPress:p,label:s}),t&&jsx(Q$1,{onPress:f,label:t})]})]}),jsx(S$3.Footer,{})]}));Object.assign(j$2,{Icon:i$1});
|
|
13869
13946
|
|
|
13870
|
-
const p=D$3(({children:n,...r})=>jsx(Center,{children:Children.map(n,t=>cloneElement(t,r))})),f$4=D$3(({children:n,...r})=>jsx(Center,{children:Children.map(n,t=>cloneElement(t,r))})),g$2=({children:n,detailTitle:r,detailMessage:t,title:u,message:x,...b})=>$$5(n,c=>{const j=c.get(p),v=c.get(f$4);return jsxs(S$3,{...b,children:[jsx(S$3.Icon,{children:j||jsx(d$
|
|
13947
|
+
const p=D$3(({children:n,...r})=>jsx(Center,{children:Children.map(n,t=>cloneElement(t,r))})),f$4=D$3(({children:n,...r})=>jsx(Center,{children:Children.map(n,t=>cloneElement(t,r))})),g$2=({children:n,detailTitle:r,detailMessage:t,title:u,message:x,...b})=>$$5(n,c=>{const j=c.get(p),v=c.get(f$4);return jsxs(S$3,{...b,children:[jsx(S$3.Icon,{children:j||jsx(d$i,{})}),jsxs(S$3.Content,{children:[jsx(M$8.H3,{styles:{textAlign:"center"},children:u}),jsx(M$8,{size:"md",styles:{textAlign:"center"},children:x}),t&&jsxs("div",{className:css({background:"negative.lightest",borderRadius:"0.5rem",my:4,p:4,width:"full"}),children:[r&&jsx(M$8,{variant:"error",children:jsx("b",{className:css({textTransform:"uppercase"}),children:r})}),jsx(M$8,{variant:"error",children:t})]}),v]}),jsx(S$3.Footer,{})]})});Object.assign(g$2,{Icon:p,Button:f$4});
|
|
13871
13948
|
|
|
13872
|
-
const S$2=D$3(({children:e})=>Children.map(e,t=>jsx(Q$
|
|
13949
|
+
const S$2=D$3(({children:e})=>Children.map(e,t=>jsx(Q$1,{expand:true,...t.props}))),H$3=D$3(Q$1),W$2=D$3(Q$1),k$3=D$3(({children:e})=>jsxs(U$2,{textStyle:"subtle",variant:"text",children:[jsx(U$2.TrailingIcon,{children:jsx(d$m,{})}),jsx(U$2.Content,{children:e})]})),D$1=D$3(({branding:e,title:t})=>t?jsx(M$8,{size:"sm",fontColor:"text.secondary",children:t}):jsx(d$a,{color:token(e==="light"?"colors.text.primary":"colors.neutral.primary")})),M$3=D$3(({children:e,height:t="auto",flexGrow:m=0})=>jsx(VStack,{w:"full",justify:"center",height:t,flexGrow:m,children:e})),T$2=D$3(T$5),F$1=D$3(B$4),G$1=D$3(({children:e})=>jsx(Center,{pt:3,w:"full",children:e})),I$1=D$3(({children:e,domain:t,name:m,logoUrl:a})=>jsxs(HStack,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",p:3,width:"full",children:[a?jsx("img",{src:a,alt:m,width:24,height:24}):jsx(d$a,{color:token("colors.brand.base"),height:24,width:24}),jsx(M$8,{size:"sm",fontWeight:"semibold",children:m}),t&&jsx(M$8,{size:"sm",fontColor:"text.tertiary",children:t}),e]})),N$2=({actionDirection:e="row",address:t,children:m,onBack:a,onCancel:c,hideHeader:A=false,...L})=>$$5(m,o=>{const p=o.getProps(H$3),s=o.getProps(W$2),w=o.getProps(F$1),h=o.getProps(T$2),C=o.get(S$2),b=o.get(k$3),J=o.get(D$1),f=e==="row";return jsxs(r$3,{...L,fullscreen:true,paddingType:"none",gap:0,children:[!A&&jsxs(VStack,{gap:0,width:"full",children:[jsxs(HStack,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",justifyContent:"space-between",p:3,width:"full",children:[a&&jsx(Q$1,{onPress:a,size:"md",textStyle:"neutral",variant:"text",children:jsx(Q$1.LeadingIcon,{children:jsx(s$5,{})})}),c&&jsx(Q$1,{onPress:c,label:"Cancel",size:"sm",textStyle:"neutral",variant:"text"}),!(a||c)&&jsx(Box,{w:6}),J,t||b||h?jsxs(HStack,{children:[t&&jsx(u$3,{address:t}),b,h&&jsx(T$5,{...h})]}):jsx(Box,{w:6})]}),o.get(I$1)]}),jsxs(VStack,{h:"full",w:"full",justify:"space-between",p:6,maxW:393,children:[o.get(M$3),jsxs(VStack,{w:"full",gap:3,children:[o.get(G$1),(p||s)&&jsxs(Flex,{direction:f?"row":"column-reverse",gap:f?4:3,width:"full",children:[p&&jsx(Q$1,{expand:true,label:"Cancel",variant:"neutral",...p}),s&&jsx(Q$1,{expand:true,label:"Confirm",variant:"inverse",...s})]}),C&&jsx(Flex,{direction:e,gap:f?4:3,width:"full",children:C})]})]}),w&&jsx(B$4,{...w})]})});Object.assign(N$2,{Actions:S$2,Cancel:H$3,Confirm:W$2,Content:M$3,Menu:T$2,Drawer:F$1,Footer:G$1,Header:I$1,Info:k$3,Title:D$1});
|
|
13873
13950
|
|
|
13874
|
-
const y$6={Home:s$3,Gallery:d$d,Activity:s$4,Settings:d$8};var o;(function(t){t.Home="home",t.Gallery="gallery",t.Activity="activity",t.Settings="settings";})(o||(o={}));const S$1=({active:t,children:i,label:e,onPress:n})=>jsx(Box,{pointerEvents:t===e?"none":"initial",children:jsx(Q$
|
|
13951
|
+
const y$6={Home:s$3,Gallery:d$d,Activity:s$4,Settings:d$8};var o;(function(t){t.Home="home",t.Gallery="gallery",t.Activity="activity",t.Settings="settings";})(o||(o={}));const S$1=({active:t,children:i,label:e,onPress:n})=>jsx(Box,{pointerEvents:t===e?"none":"initial",children:jsx(Q$1,{variant:"text",onPress:n,children:jsx(Q$1.LeadingIcon,{className:css({color:t===e?"text.primary":"text.tertiary",_groupHover:{color:t===e?"text.primary":"text.secondary"}}),children:i})})}),W$1=(t,i)=>t[i],$$2=({active:t=o.Home,disabled:i=[],...e})=>jsx(Center,{bottom:0,pos:"fixed",h:"6.25rem",w:"full",style:{background:`linear-gradient(180deg, transparent 0%, ${token("colors.surface.primary")} 100%)`},children:jsx(HStack,{bg:"text.primary/6",borderColor:"text.primary/10",borderWidth:"medium",borderStyle:"solid",borderRadius:52,backdropFilter:"blur(24px)",p:1.5,children:Object.keys(o).map(n=>{var m;const a=o[n],l=(m=i.find(v=>v.type===a))===null||m===void 0?void 0:m.label,p=y$6[n],c=W$1(e,`on${n}`);return c?l?jsx(d$k,{content:l,width:"max-content",children:jsx(Box,{border:"thin solid transparent",opacity:.3,p:1.5,children:jsx(p,{})})},a):jsx(S$1,{active:t,label:a,onPress:c,children:jsx(p,{})},a):null})})});
|
|
13875
13952
|
|
|
13876
|
-
const _$2=({avatarUrl:i,email:o,name:e,logoutLabel:d="Log out",onReceive:a,onLogout:f})=>{const[h,s]=useState(false);useEffect(()=>{s(false);},[i]);const c=()=>jsxs(U$
|
|
13953
|
+
const _$2=({avatarUrl:i,email:o,name:e,logoutLabel:d="Log out",onReceive:a,onLogout:f})=>{const[h,s]=useState(false);useEffect(()=>{s(false);},[i]);const c=()=>jsxs(U$2,{iconSize:28,placement:"bottom right",variant:"text",children:[jsx(U$2.LeadingIcon,{children:i&&!h?jsx("img",{style:{borderRadius:"50%"},src:i,alt:"user avatar",onError:()=>s(true)}):jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",children:[jsx("circle",{cx:"14",cy:"14",r:"13",fill:"url(#paint0_radial_3600_63997)",stroke:"white",strokeOpacity:"0.24",strokeWidth:"0.5"}),jsx("defs",{children:jsxs("radialGradient",{id:"paint0_radial_3600_63997",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(15 30.75) rotate(-90) scale(37.3333 65.833)",children:[jsx("stop",{offset:"0.01",stopColor:"#FFF507"}),jsx("stop",{offset:"0.259381",stopColor:"#F09BEB"}),jsx("stop",{offset:"0.598165",stopColor:"#412CB9"}),jsx("stop",{offset:"1",stopColor:"#18171A"})]})})]})}),jsx(U$2.Content,{className:css({w:e&&o?"200px":"fit-content",maxW:"200px"}),children:jsxs(Stack,{w:"full",alignItems:"start",gap:0,children:[(o||e)&&jsxs(Stack,{w:"full",gap:1,children:[e&&jsx(M$8,{fontWeight:"medium",children:e}),o&&jsx(M$8,{size:"sm",truncate:true,fontColor:"text.secondary",children:o})]}),(o||e)&&jsx(Divider,{color:"surface.quaternary",my:3,minW:"88px"}),jsx(Q$1,{label:d,textStyle:"negative",variant:"text",size:"sm",onPress:f})]})})]});return a?jsxs(HStack,{gap:1,minWidth:"fit-content",minHeight:"fit-content",children:[jsx(Box,{onClick:a,cursor:"pointer",transition:"transform 0.1s",_active:{transform:"scale(0.95)"},className:css({"@media (max-width: 370px)":{display:"none"}}),children:jsx(i$2,{height:18,width:18,color:token("colors.text.secondary")})}),jsx(c,{})]}):jsx(c,{})};
|
|
13877
13954
|
|
|
13878
|
-
const i=D$3(({children:r})=>r),L$1=r=>{const{isPending:e,isSuccess:m,onChange:n,onComplete:p,originName:s,pinLength:c,id:a,autoFocus:g,errorMessage:t,children:h}=r,d=()=>e?jsx(d$
|
|
13955
|
+
const i=D$3(({children:r})=>r),L$1=r=>{const{isPending:e,isSuccess:m,onChange:n,onComplete:p,originName:s,pinLength:c,id:a,autoFocus:g,errorMessage:t,children:h}=r,d=()=>e?jsx(d$n,{size:36,strokeWidth:4}):m?jsx(s$d,{color:token("colors.brand.base"),width:36,height:36}):jsx(k$4,{originName:s,onChange:n,pinLength:c,onComplete:p,id:a,autoFocus:g});return $$5(h,l=>jsxs(VStack,{gap:3,my:3,children:[jsx(Center,{height:12,children:d()}),t&&jsx(M$8,{variant:"error",size:"sm",styles:{textAlign:"center"},children:t}),l.get(i)]}))},P$2=Object.assign(L$1,{RetryContent:i});
|
|
13879
13956
|
|
|
13880
13957
|
var m$3=typeof window>"u"?React.useEffect:React.useLayoutEffect,y$5=e=>{let t=React.createContext(e);return t.displayName="SlotsContext",t},x$3=e=>typeof e=="string"?e:e.displayName||e.name||"Component",h$3=["$$typeof","render","displayName","defaultProps"],E$1=(e,t)=>{if(typeof t=="string")return e;let r=Object.getOwnPropertyNames(t).reduce((o,s)=>(h$3.includes(s)||(o[s]=t[s]),o),{});return Object.assign(e,r)};var d$5="slots-wrapper",N$1=new RegExp(`^<${d$5}>.*</${d$5}>$`),v$1=({name:e,forceUpdate:t,children:r})=>{let o=React.useRef(null),s=React.useRef(false);return m$3(()=>{var c;if(!s.current&&((c=o.current)==null?void 0:c.innerHTML)){let i=o.current.innerHTML;i&&!N$1.test(i)&&console.warn(`Unwrapped children found in "${e}", either wrap them in slots or remove`);}s.current=true,t();},[e]),s.current?React.createElement(React.Fragment,null,r):React.createElement(d$5,{ref:o},r)};var f$3=React.createContext({rescan:()=>{}}),P$1=({children:e})=>{let[t,r]=React.useReducer(()=>[],[]),o=React.useMemo(()=>({rescan:r}),[t]);return React.createElement(f$3.Provider,{value:o},e)};var C$3=e=>{let t=new Map;return {register(r,o){t.set(r,o);},update(r,o){t.set(r,o),e==null||e(r);},unmount(r){t.delete(r),e==null||e(r);},clear(){t.clear();},has(r){return t.has(r)},get(){return Array.from(t.values())}}};var A$2=(e,t)=>e.type===t,b$5=e=>{if(!e)return;let{key:t,ref:r,props:o}=e;return {...o,key:t,ref:r}};var R$1=y$5(void 0),$$1=({children:e})=>e(),w$1=e=>{let t=0;return ()=>`${e}_${t++}`},M$2=w$1("s"),K=({children:e,callback:t})=>{let r=React.useReducer(()=>[],[])[1],o=React.useMemo(()=>C$3(r),[r]);return React.createElement(React.Fragment,null,React.createElement(R$1.Provider,{value:o},React.createElement(P$1,null,process.env.NODE_ENV==="production"?e:React.createElement(v$1,{name:"HostSlots",forceUpdate:r},e))),React.createElement($$1,null,()=>t(o.get())))},X$1=(e,t)=>React.createElement(K,{children:e,callback:t}),q$2=e=>{let t=w$1(M$2()),r=React.forwardRef(({$slot_key$:c,...i},S)=>{let a=React.useContext(R$1);if(!a)return null;let g=React.useContext(f$3),T=React.createElement(s,{key:c,ref:S,...i});return a.register(c,T),React.useEffect(()=>{a.has(c)&&a.update(c,T);}),m$3(()=>(a.clear(),g.rescan(),()=>a.unmount(c)),[a]),null}),o=(c,i)=>{if(!React.useContext(R$1))return e?React.createElement(e,{ref:i,...c}):null;let[a]=React.useState(t);return React.createElement(r,{ref:i,$slot_key$:a,...c})};o.displayName=e?`Slot(${x$3(e)})`:"Slot";let s=React.forwardRef(o);return e?E$1(s,e):s};
|
|
13881
13958
|
|
|
13882
|
-
const l=q$2(({actionBox:e,children:n,disabledLabel:o,label:i,onPress:r})=>e?jsx(Center,{h:"76px",maxW:"115px",w:"full",opacity:o?.3:1,pointerEvents:o?"none":"initial",children:jsx(a$4,{className:css({_hover:{bgColor:"neutral.secondary"},bgColor:"neutral.tertiary",h:"100%"}),borderRadius:"0.75rem",expand:true,onPress:r,children:jsxs(VStack,{gap:2,children:[cloneElement(Children.only(n),{height:20,width:20}),jsx(M$8,{size:"sm",styles:{fontWeight:500},children:i})]})})}):jsxs(VStack,{gap:1,minW:20,opacity:o?.3:1,pointerEvents:o?"none":"initial",children:[jsx(Q$
|
|
13959
|
+
const l=q$2(({actionBox:e,children:n,disabledLabel:o,label:i,onPress:r})=>e?jsx(Center,{h:"76px",maxW:"115px",w:"full",opacity:o?.3:1,pointerEvents:o?"none":"initial",children:jsx(a$4,{className:css({_hover:{bgColor:"neutral.secondary"},bgColor:"neutral.tertiary",h:"100%"}),borderRadius:"0.75rem",expand:true,onPress:r,children:jsxs(VStack,{gap:2,children:[cloneElement(Children.only(n),{height:20,width:20}),jsx(M$8,{size:"sm",styles:{fontWeight:500},children:i})]})})}):jsxs(VStack,{gap:1,minW:20,opacity:o?.3:1,pointerEvents:o?"none":"initial",children:[jsx(Q$1,{variant:"neutral",size:"sm",onPress:r,"aria-label":"Buy",children:jsx(Q$1.LeadingIcon,{children:n})}),jsx(M$8,{size:"sm",styles:{fontWeight:500},children:i})]})),f$2=({actionBox:e,children:n})=>jsx(Box,{w:"full",children:X$1(n,o=>jsx(HStack,{w:"full",justifyContent:"space-around",px:10,children:o.map(i=>{if(A$2(i,l)){const{key:r,disabledLabel:m,...a}=b$5(i);return m?jsx(d$k,{content:m,width:"max-content",children:jsx(Box,{children:jsx(l,{actionBox:e,disabledLabel:m,...a})})},r):jsx(l,{actionBox:e,...a},r)}})}))});f$2.Action=l;
|
|
13883
13960
|
|
|
13884
13961
|
const x$2=({actionBox:n,buyLabel:s="Buy",buyDisabledLabel:b,sendLabel:r="Send",sendDisabledLabel:t,swapLabel:d="Swap",swapDisabledLabel:c,onBuy:l,onSend:a,onSwap:i})=>jsxs(f$2,{actionBox:n,children:[l&&jsx(f$2.Action,{disabledLabel:b,label:s,onPress:l,children:jsx(s$7,{})}),i&&jsx(f$2.Action,{disabledLabel:c,label:d,onPress:i,children:jsx(d$9,{})}),a&&jsx(f$2.Action,{disabledLabel:t,label:r,onPress:a,children:jsx(n$5,{})})]});
|
|
13885
13962
|
|
|
13886
13963
|
const m$2=({address:t,onAddressCopy:i})=>jsxs(HStack,{gap:0,style:{filter:`drop-shadow(0px 0px 0.5px color-mix(in srgb, ${token("colors.text.primary")}, transparent 20%)`},children:[jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",children:jsx("path",{d:"M0 0L48 0V48H47.4146C37.829 48 29.1682 42.28 25.4052 33.4639L16.4163 12.405C13.533 5.65001 7.28559 0.929159 0 0Z",fill:token("colors.surface.primary")})}),jsx(Center,{bgColor:"surface.primary",w:"114px",h:"48px",children:jsx(u$3,{address:t,onCopy:i,size:"sm",icon:true,fontColor:"text.secondary",fontWeight:"medium"})}),jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",children:jsx("path",{d:"M48 0L0 0V48H0.299999C9.94709 48 18.6672 42.2544 22.4737 33.39L31.4615 12.4594C34.3773 5.66924 40.669 0.929361 48 0Z",fill:token("colors.surface.primary")})})]});
|
|
13887
13964
|
|
|
13888
|
-
const H$2=({connected:r,connectedLabel:p="Connected",disconnectLabel:l,disconnectedLabel:x="Not connected",domain:g,logoUrl:i,onDisconnect:f,onReceive:b})=>{const[v,s]=useState(false);useEffect(()=>{s(false);},[i]);const a=()=>jsxs(U$
|
|
13965
|
+
const H$2=({connected:r,connectedLabel:p="Connected",disconnectLabel:l,disconnectedLabel:x="Not connected",domain:g,logoUrl:i,onDisconnect:f,onReceive:b})=>{const[v,s]=useState(false);useEffect(()=>{s(false);},[i]);const a=()=>jsxs(U$2,{iconSize:28,variant:"text",children:[jsx(U$2.LeadingIcon,{color:token("colors.text.tertiary"),children:i&&r&&!v?jsxs(Circle,{position:"relative",w:7,h:7,children:[jsx("img",{style:{borderRadius:"50%"},width:28,height:28,src:i,alt:"app logo",onError:()=>s(true)}),jsx(Circle,{size:"7px",position:"absolute",bg:"positive.base",borderWidth:"thin",borderColor:"surface.primary",bottom:"-1px",right:"-1px",boxSizing:"border-box"})]}):jsxs("svg",{width:"28",height:"28",children:[jsx("circle",{cx:"14",cy:"14",r:"14",fill:token("colors.surface.tertiary")}),jsx(n$6,{color:token("colors.text.tertiary"),x:6,y:6,height:16,width:16})]})}),jsxs(U$2.Content,{className:css({w:"200px"}),children:[jsxs(Stack,{w:"100%",gap:1,overflow:"hidden",children:[r?jsx(M$8,{size:"xs",variant:"success",fontWeight:"normal",children:p}):jsx(M$8,{fontColor:"text.tertiary",size:"xs",children:x}),jsx(M$8,{truncate:true,children:g})]}),r&&l&&jsxs(Fragment,{children:[jsx(Divider,{color:"surface.quaternary",my:3}),jsx(Q$1,{label:l,size:"sm",textStyle:"negative",variant:"text",onPress:f,children:jsx(Q$1.LeadingIcon,{children:jsxs("svg",{width:"20",height:"20",children:[jsx("circle",{cx:"8",cy:"8",r:"8",fill:token("colors.negative.lightest")}),jsx(c,{color:token("colors.negative.base"),x:3,y:3,height:10,width:10})]})})})]})]})]});return b?jsxs(HStack,{gap:1,minWidth:"fit-content",minHeight:"fit-content",children:[jsx(a,{}),jsx(Box,{className:css({"@media (max-width: 370px)":{display:"none"}}),minH:"18px",minW:"18px"})]}):jsx(a,{})};
|
|
13889
13966
|
|
|
13890
13967
|
const a$1=({fiatTotal:t,symbol:s})=>{const i=t?t.split("."):["0","00"],r=t?"text.primary":"text.tertiary";return jsxs(HStack,{alignItems:"flex-start",gap:1,my:3,children:[jsx(M$8.H4,{fontColor:r,styles:{lineHeight:"2.75rem"},children:s}),jsxs(HStack,{alignItems:"baseline",gap:0,children:[jsx(M$8.H1,{fontColor:r,children:i[0]}),jsx(M$8.H4,{fontColor:r,children:`.${i[1]||"00"}`})]})]})};
|
|
13891
13968
|
|
|
13892
|
-
const j$1=D$3(_$2),y$4=D$3(x$2),A$1=D$3(m$2),M$1=D$3(H$2),b$4=D$3(({children:e})=>jsx(VStack,{w:"full",justify:"center",children:e})),k$2=D$3(a$1),C$2=D$3($$2),B$2=({children:e,...H})=>$$5(e,o=>{const n=o.getProps(j$1),a=o.getProps(y$4),i=o.getProps(A$1),c=o.getProps(M$1),p=o.getProps(k$2),l=o.getProps(C$2),S=`radial-gradient(circle at top, color-mix(in srgb, ${token("colors.text.primary")}, transparent 88%) 0%, transparent 25%)`,m=c||i||n;return jsxs(
|
|
13969
|
+
const j$1=D$3(_$2),y$4=D$3(x$2),A$1=D$3(m$2),M$1=D$3(H$2),b$4=D$3(({children:e})=>jsx(VStack,{w:"full",justify:"center",children:e})),k$2=D$3(a$1),C$2=D$3($$2),B$2=({children:e,...H})=>$$5(e,o=>{const n=o.getProps(j$1),a=o.getProps(y$4),i=o.getProps(A$1),c=o.getProps(M$1),p=o.getProps(k$2),l=o.getProps(C$2),S=`radial-gradient(circle at top, color-mix(in srgb, ${token("colors.text.primary")}, transparent 88%) 0%, transparent 25%)`,m=c||i||n;return jsxs(r$3,{...H,fullscreen:true,paddingType:"none",gap:0,children:[jsxs(VStack,{h:"full",w:"full",style:m?{background:S}:{},children:[m&&jsxs(HStack,{justify:"space-between",px:4,w:"full",children:[c?jsx(H$2,{...c}):jsx(Box,{h:10,w:10,m:1}),i&&jsx(m$2,{...i}),n?jsx(_$2,{...n}):jsx(Box,{h:10,w:10,m:1})]}),p&&jsx(a$1,{...p}),a&&jsx(x$2,{...a}),o.get(b$4)]}),l&&jsx($$2,{...l})]})});Object.assign(B$2,{AccountMenu:j$1,Actions:y$4,Address:A$1,ConnectionMenu:M$1,Content:b$4,Fiat:k$2,Navigation:C$2});
|
|
13893
13970
|
|
|
13894
13971
|
const y$3=D$3(({children:t,...r})=>jsx(Center,{children:Children.map(t,e=>cloneElement(e,r))})),b$3=D$3(({children:t,...r})=>jsx(Center,{children:Children.map(t,e=>cloneElement(e,r))})),x$1=forwardRef(({className:t,...r},e)=>{const{primaryLabel:p,secondaryLabel:l,isExternalLink:N}=r;return $$5(r.children,c=>{const i=c.get(y$3),m=c.get(b$3);return jsx(a$4,{ref:e,className:cx(css({p:4,bg:"neutral.quaternary",_hover:{bg:"neutral.secondary"}}),t),borderRadius:"0.5rem",expand:true,...r,children:jsxs(HStack,{justify:"space-between",w:"full",children:[jsxs(HStack,{children:[i&&{...i,props:{height:24,...i.props,className:i.props.color?void 0:css({color:"brand.base"})}},jsxs(VStack,{gap:0,alignItems:"start",children:[jsxs(HStack,{children:[typeof p=="string"?jsx(M$8,{fontWeight:"medium",children:p}):p,N&&jsx(d$e,{width:14,height:14,color:token("colors.neutral.primary")})]}),l&&jsx(M$8,{size:"sm",fontColor:"text.tertiary",children:l})]})]}),jsx(HStack,{children:m&&{...m,props:{...m.props,className:m.props.color?void 0:css({color:"neutral.primary"}),width:16,height:16}}})]})})})});x$1.displayName="NavigationButton";Object.assign(x$1,{LeadingIcon:y$3,TrailingIcon:b$3});
|
|
13895
13972
|
|
|
13896
13973
|
const n$3=({title:C,titleId:i,...t})=>jsxs("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":i,...t,children:[C?jsx("title",{id:i,children:C}):null,jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.0047 25.3341C21.1593 25.3341 25.338 21.1554 25.338 16.0008C25.338 10.8461 21.1593 6.66745 16.0047 6.66745C10.85 6.66745 6.67135 10.8461 6.67135 16.0008C6.67135 21.1554 10.85 25.3341 16.0047 25.3341ZM14.6917 12.8109C15.1258 12.0172 15.3429 11.6204 15.6317 11.4922C15.8727 11.3854 16.1476 11.3854 16.3885 11.4922C16.6774 11.6204 16.8944 12.0172 17.3285 12.8109L17.7788 13.6343C17.8582 13.7794 17.8979 13.852 17.9486 13.9155C17.9918 13.9695 18.0409 14.0186 18.095 14.0618C18.1585 14.1126 18.2311 14.1523 18.3762 14.2316L19.1996 14.682C19.9933 15.1161 20.3901 15.3331 20.5182 15.622C20.6251 15.8629 20.6251 16.1378 20.5182 16.3787C20.3901 16.6676 19.9933 16.8846 19.1996 17.3187L18.3762 17.7691C18.2311 17.8484 18.1585 17.8881 18.095 17.9389C18.0409 17.9821 17.9918 18.0312 17.9486 18.0852C17.8979 18.1488 17.8582 18.2213 17.7788 18.3664L17.3285 19.1898C16.8944 19.9835 16.6774 20.3804 16.3885 20.5085C16.1476 20.6153 15.8727 20.6153 15.6317 20.5085C15.3429 20.3804 15.1258 19.9835 14.6917 19.1898L14.2414 18.3664C14.1621 18.2213 14.1224 18.1488 14.0716 18.0852C14.0284 18.0312 13.9793 17.9821 13.9252 17.9389C13.8617 17.8881 13.7892 17.8484 13.6441 17.7691L12.8207 17.3187C12.027 16.8846 11.6301 16.6676 11.502 16.3787C11.3952 16.1378 11.3952 15.8629 11.502 15.622C11.6301 15.3331 12.027 15.1161 12.8207 14.682L13.6441 14.2316C13.7891 14.1523 13.8617 14.1126 13.9252 14.0618C13.9793 14.0186 14.0284 13.9695 14.0716 13.9155C14.1224 13.852 14.1621 13.7794 14.2414 13.6343L14.6917 12.8109Z",fill:"url(#paint0_linear_10465_20426)"}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 30C23.732 30 30 23.732 30 16C30 8.26801 23.732 2 16 2C8.26801 2 2 8.26801 2 16C2 23.732 8.26801 30 16 30ZM16.0047 27.2008C22.1903 27.2008 27.2047 22.1864 27.2047 16.0008C27.2047 9.81519 22.1903 4.80078 16.0047 4.80078C9.8191 4.80078 4.80469 9.81519 4.80469 16.0008C4.80469 22.1864 9.8191 27.2008 16.0047 27.2008Z",fill:"url(#paint1_linear_10465_20426)"}),jsxs("defs",{children:[jsxs("linearGradient",{id:"paint0_linear_10465_20426",x1:4.8,y1:1.06667,x2:32.4967,y2:31.1537,gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"#6851FF"}),jsx("stop",{offset:1,stopColor:"#CE99FF"})]}),jsxs("linearGradient",{id:"paint1_linear_10465_20426",x1:4.8,y1:1.06667,x2:32.4967,y2:31.1537,gradientUnits:"userSpaceOnUse",children:[jsx("stop",{stopColor:"#6851FF"}),jsx("stop",{offset:1,stopColor:"#CE99FF"})]})]})]});
|
|
13897
13974
|
|
|
13898
|
-
const b$2=D$3(({children:o,...e})=>jsx(Center,{children:Children.map(o,i=>cloneElement(i,e))})),k$1=({name:o,fiatBalanceWithSymbol:e,tokenBalanceWithSymbol:i,tokenIcon:r,logoUrl:a,tokenBalanceFirst:l,disabled:s=false,isLoading:n=false})=>{const m=l||!e;return jsxs(HStack,{w:"full",justify:"space-between",opacity:s?"0.5":"1",children:[jsxs(HStack,{gap:4,children:[r?{...r,props:{...r.props,width:40,height:40}}:a?jsx("img",{width:40,height:40,src:a,alt:`${o} logo`}):jsx(n$3,{width:40,height:40}),jsx(M$8,{fontWeight:"medium",styles:{textTransform:"capitalize",textAlign:"left"},children:o})]}),jsx(VStack,{gap:0,alignItems:"flex-end",children:n?jsxs(Fragment,{children:[jsx(d$
|
|
13975
|
+
const b$2=D$3(({children:o,...e})=>jsx(Center,{children:Children.map(o,i=>cloneElement(i,e))})),k$1=({name:o,fiatBalanceWithSymbol:e,tokenBalanceWithSymbol:i,tokenIcon:r,logoUrl:a,tokenBalanceFirst:l,disabled:s=false,isLoading:n=false})=>{const m=l||!e;return jsxs(HStack,{w:"full",justify:"space-between",opacity:s?"0.5":"1",children:[jsxs(HStack,{gap:4,children:[r?{...r,props:{...r.props,width:40,height:40}}:a?jsx("img",{width:40,height:40,src:a,alt:`${o} logo`}):jsx(n$3,{width:40,height:40}),jsx(M$8,{fontWeight:"medium",styles:{textTransform:"capitalize",textAlign:"left"},children:o})]}),jsx(VStack,{gap:0,alignItems:"flex-end",children:n?jsxs(Fragment,{children:[jsx(d$j,{height:"1rem",width:"6rem"}),i&&e&&jsx("div",{style:{marginTop:"4px"},children:jsx(d$j,{height:"1rem",width:"4rem"})})]}):jsxs(Fragment,{children:[jsx(M$8,{size:"sm",styles:{lineHeight:"1.5rem",textAlign:"right"},children:m?i:e}),jsx(M$8,{size:"sm",fontColor:"text.secondary",styles:{lineHeight:"1.5rem",textAlign:"right"},children:m?e:i})]})})]})},T$1=o=>{const{name:e,fiatBalanceWithSymbol:i,tokenBalanceWithSymbol:r,logoUrl:a,onPress:l,tokenBalanceFirst:s,disabled:n,isLoading:m}=o,y=useRef(null),u=useCallback(()=>{l?.();},[l]);return $$5(o.children,B=>{const h=B.get(b$2);return l?jsx(a$4,{ref:y,className:css({_dark:{bg:"surface.tertiary"},_hover:{bg:"neutral.secondary"},bg:"neutral.quaternary",px:4,py:2,minH:16}),borderRadius:"0.5rem",expand:true,onPress:n?void 0:u,disabled:n,children:jsx(k$1,{name:e,fiatBalanceWithSymbol:i,tokenBalanceWithSymbol:r,tokenIcon:h,logoUrl:a,tokenBalanceFirst:s,disabled:n,isLoading:m})}):jsx(k$1,{name:e,fiatBalanceWithSymbol:i,tokenBalanceWithSymbol:r,tokenIcon:h,logoUrl:a,tokenBalanceFirst:s,disabled:n,isLoading:m})})};Object.assign(T$1,{TokenIcon:b$2});
|
|
13899
13976
|
|
|
13900
|
-
const _$1={send:{title:"Send",primaryTextColor:token("colors.text.primary"),secondaryTextColor:token("colors.text.secondary"),icon:c$2,iconColor:token("colors.negative.darker"),skeletonWidth:"89px"},receive:{title:"Receive",primaryTextColor:token("colors.positive.base"),secondaryTextColor:`${token("colors.positive.lighter")}`,icon:s$7,iconColor:token("colors.positive.base"),skeletonWidth:"89px"},networkFee:{title:"Network Fee",primaryTextColor:token("colors.text.primary"),secondaryTextColor:token("colors.text.secondary"),icon:d$c,iconColor:token("colors.brand.base"),skeletonWidth:"54px"},spendingCap:{title:"Spending Cap",primaryTextColor:token("colors.warning.base"),secondaryTextColor:token("colors.warning.base"),icon:s$2,iconColor:token("colors.warning.base"),skeletonWidth:"89px"}},y$2=D$3(({children:s,...t})=>jsx(Center,{children:Children.map(s,l=>cloneElement(l,t))})),q$1=s=>{const{variant:t,primaryText:l,secondaryText:c,children:C,onPress:m,loading:a,showTitle:f=true}=s,{title:g,primaryTextColor:d,secondaryTextColor:w,icon:T,iconColor:k,skeletonWidth:h}=_$1[t],b=t==="send"||t==="networkFee",u=useRef(null),v=useCallback(()=>{m?.();},[m]);return $$5(C,W=>{const e=W.get(y$2);return jsxs(HStack,{w:"full",justify:"space-between",children:[jsxs(HStack,{gap:2,children:[jsx(T,{width:16,height:16,color:k}),f&&jsx(M$8,{size:"sm",fontWeight:"medium",children:g})]}),jsxs(HStack,{gap:4,children:[c&&jsx(M$8,{styles:{color:w},children:c}),b?jsx(a$4,{ref:u,className:css({px:4,py:2.5,bg:"surface.secondary"}),borderRadius:"0.75rem",onPress:v,...s,children:jsxs(HStack,{gap:3,children:[a?jsx(d$
|
|
13977
|
+
const _$1={send:{title:"Send",primaryTextColor:token("colors.text.primary"),secondaryTextColor:token("colors.text.secondary"),icon:c$2,iconColor:token("colors.negative.darker"),skeletonWidth:"89px"},receive:{title:"Receive",primaryTextColor:token("colors.positive.base"),secondaryTextColor:`${token("colors.positive.lighter")}`,icon:s$7,iconColor:token("colors.positive.base"),skeletonWidth:"89px"},networkFee:{title:"Network Fee",primaryTextColor:token("colors.text.primary"),secondaryTextColor:token("colors.text.secondary"),icon:d$c,iconColor:token("colors.brand.base"),skeletonWidth:"54px"},spendingCap:{title:"Spending Cap",primaryTextColor:token("colors.warning.base"),secondaryTextColor:token("colors.warning.base"),icon:s$2,iconColor:token("colors.warning.base"),skeletonWidth:"89px"}},y$2=D$3(({children:s,...t})=>jsx(Center,{children:Children.map(s,l=>cloneElement(l,t))})),q$1=s=>{const{variant:t,primaryText:l,secondaryText:c,children:C,onPress:m,loading:a,showTitle:f=true}=s,{title:g,primaryTextColor:d,secondaryTextColor:w,icon:T,iconColor:k,skeletonWidth:h}=_$1[t],b=t==="send"||t==="networkFee",u=useRef(null),v=useCallback(()=>{m?.();},[m]);return $$5(C,W=>{const e=W.get(y$2);return jsxs(HStack,{w:"full",justify:"space-between",children:[jsxs(HStack,{gap:2,children:[jsx(T,{width:16,height:16,color:k}),f&&jsx(M$8,{size:"sm",fontWeight:"medium",children:g})]}),jsxs(HStack,{gap:4,children:[c&&jsx(M$8,{styles:{color:w},children:c}),b?jsx(a$4,{ref:u,className:css({px:4,py:2.5,bg:"surface.secondary"}),borderRadius:"0.75rem",onPress:v,...s,children:jsxs(HStack,{gap:3,children:[a?jsx(d$j,{width:h}):jsx(M$8,{styles:{color:d},children:l}),e&&{...e,props:{...e.props,width:32,height:32}}]})}):jsxs(HStack,{gap:3,children:[a?jsx(d$j,{width:h}):jsx(M$8,{styles:{color:d},children:l}),e&&{...e,props:{...e.props,width:32,height:32}}]})]})]})})};Object.assign(q$1,{TokenIcon:y$2});
|
|
13901
13978
|
|
|
13902
13979
|
const y$1=D$3(({backgroundColor:e,children:r})=>jsx(Center,{borderRadius:60,height:11,width:11,backgroundColor:e,overflow:"hidden",children:cloneElement(Children.only(r),{height:24,width:24})})),C$1=D$3(({backgroundColor:e,children:r})=>jsxs(Box,{height:10,width:10,position:"relative",children:[jsx(Flex,{alignItems:"center",justifyContent:"center",position:"absolute",backgroundColor:e,height:7,width:7,borderRadius:30,children:cloneElement(r[0],{height:20,width:20})}),jsx(Flex,{alignItems:"center",justifyContent:"center",position:"absolute",backgroundColor:e,borderRadius:30,height:7,width:7,bottom:0,right:0,children:cloneElement(r[1],{height:20,width:20})})]})),f$1=D$3(({backgroundColor:e,children:r})=>jsx(Flex,{backgroundColor:e,borderRadius:30,alignItems:"center",justifyContent:"center",borderWidth:"2",borderColor:"neutral.tertiary",width:"5",height:"5",children:cloneElement(Children.only(r),{height:10,width:10})})),B$1=({title:e,subtitle:r,primaryValue:w,primaryValueColor:x,secondaryValue:a,children:k,onPress:I,...h})=>$$5(k,d=>{const m=d.get(C$1),p=d.get(y$1),u=d.get(f$1);return jsx(a$4,{borderRadius:"0.375rem",expand:true,onPress:I,children:jsxs(HStack,{p:3,gap:2,w:"full",pos:"relative",className:cx(css({_active:{transform:"scale(0.95)"},_hover:{bgColor:"neutral.secondary"},bgColor:"neutral.tertiary"})),borderRadius:"md",justify:"space-between",alignItems:"center",...h,children:[jsxs(HStack,{children:[m&&m,p&&p,u&&jsx(Box,{position:"absolute",left:9,top:11,children:u}),jsxs(Box,{children:[jsx(M$8,{truncate:true,size:"md",fontWeight:"bold",children:e})," ",r&&jsx(M$8,{truncate:true,size:"sm",fontColor:"text.secondary",children:r})]})]}),jsxs(Box,{children:[jsx(M$8,{truncate:true,size:"md",styles:{textAlign:"end",color:x},...h,children:w}),a&&jsx(M$8,{truncate:true,size:"sm",styles:{textAlign:"end"},fontColor:"text.secondary",children:a})]})]})})});Object.assign(B$1,{DoubleIcon:C$1,PrimaryIcon:y$1,SecondaryIcon:f$1});
|
|
13903
13980
|
|
|
@@ -14628,8 +14705,8 @@ const EmailInput = () => {
|
|
|
14628
14705
|
React__default.createElement(se.TypeIcon, null,
|
|
14629
14706
|
React__default.createElement(d$f, null)),
|
|
14630
14707
|
React__default.createElement(se.ActionIcon, { onClick: () => { } },
|
|
14631
|
-
React__default.createElement(Q$
|
|
14632
|
-
React__default.createElement(Q$
|
|
14708
|
+
React__default.createElement(Q$1, { "aria-label": "login-submit-button", variant: "text", textStyle: "neutral", disabled: disabled, validating: isValidating, type: "submit" },
|
|
14709
|
+
React__default.createElement(Q$1.LeadingIcon, { color: token('colors.text.tertiary') },
|
|
14633
14710
|
React__default.createElement(c$3, null)))))),
|
|
14634
14711
|
error && (React__default.createElement(M$8, { variant: "error", size: "sm", styles: { textAlign: 'center' } }, error))));
|
|
14635
14712
|
};
|
|
@@ -14652,14 +14729,14 @@ function WidgetHeader({ showHeaderText = true, onPressBack }) {
|
|
|
14652
14729
|
const { handleClose } = useWidgetConfig();
|
|
14653
14730
|
return (React__default.createElement(u$4, { position: "relative" },
|
|
14654
14731
|
!!onPressBack && (React__default.createElement(u$4.LeftAction, null,
|
|
14655
|
-
React__default.createElement(Q$
|
|
14656
|
-
React__default.createElement(Q$
|
|
14732
|
+
React__default.createElement(Q$1, { size: "sm", variant: "neutral", onPress: onPressBack },
|
|
14733
|
+
React__default.createElement(Q$1.LeadingIcon, null,
|
|
14657
14734
|
React__default.createElement(s$6, null))))),
|
|
14658
14735
|
showHeaderText && (React__default.createElement(u$4.Content, null,
|
|
14659
14736
|
React__default.createElement(M$8, { size: "sm", fontColor: "text.tertiary" }, "Log in or sign up"))),
|
|
14660
14737
|
handleClose && (React__default.createElement(u$4.RightAction, null,
|
|
14661
|
-
React__default.createElement(Q$
|
|
14662
|
-
React__default.createElement(Q$
|
|
14738
|
+
React__default.createElement(Q$1, { size: "sm", variant: "neutral", onPress: handleClose },
|
|
14739
|
+
React__default.createElement(Q$1.TrailingIcon, null,
|
|
14663
14740
|
React__default.createElement(c$a, null)))))));
|
|
14664
14741
|
}
|
|
14665
14742
|
|
|
@@ -14678,9 +14755,9 @@ const LoginView = ({ dispatch }) => {
|
|
|
14678
14755
|
};
|
|
14679
14756
|
return (React__default.createElement(React__default.Fragment, null,
|
|
14680
14757
|
React__default.createElement(WidgetHeader, null),
|
|
14681
|
-
React__default.createElement(VStack, { w: "full", gap: 10, mt: 2, px: 7 },
|
|
14758
|
+
React__default.createElement(VStack, { w: "full", gap: 10, mt: 2, px: 7, flex: 1 },
|
|
14682
14759
|
config?.theme.assetUri && React__default.createElement("img", { src: config.theme.assetUri, alt: "Logo", width: 80, height: 80 }),
|
|
14683
|
-
React__default.createElement(VStack, { width: "full", gap: 4 },
|
|
14760
|
+
React__default.createElement(VStack, { width: "full", maxWidth: '25rem', gap: 4 },
|
|
14684
14761
|
hasEmailProvider && React__default.createElement(EmailInput, null),
|
|
14685
14762
|
socialProviders.length > 0 && (React__default.createElement(SocialProviders, { providers: Object.values(socialProviders), onPress: handleProviderLogin, dispatch: dispatch })),
|
|
14686
14763
|
showDivider && (React__default.createElement(HStack, { mb: 3, w: "full" },
|
|
@@ -14881,13 +14958,13 @@ const centeredIconClass = css({
|
|
|
14881
14958
|
});
|
|
14882
14959
|
const Pending = ({ onPressBack, title, description, Icon, isPending, errorMessage }) => {
|
|
14883
14960
|
return (React__default.createElement(React__default.Fragment, null,
|
|
14884
|
-
React__default.createElement(WidgetHeader, { onPressBack: isPending ? onPressBack : undefined, showHeaderText: false }),
|
|
14961
|
+
React__default.createElement(WidgetHeader, { onPressBack: isPending || errorMessage ? onPressBack : undefined, showHeaderText: false }),
|
|
14885
14962
|
React__default.createElement(VStack, { gap: 6, pt: 4 },
|
|
14886
14963
|
React__default.createElement(Box, { position: "relative", h: 20, w: 20 },
|
|
14887
|
-
isPending && React__default.createElement(d$
|
|
14888
|
-
isPending ? (React__default.createElement(Icon, { width: 36, height: 36, className: centeredIconClass })) : (React__default.createElement(s$d, { width: 36, height: 36, color: token('colors.brand.base'), className: centeredIconClass }))),
|
|
14964
|
+
isPending && React__default.createElement(d$n, { size: 80, strokeWidth: 8, neutral: true, progress: 40 }),
|
|
14965
|
+
isPending ? (React__default.createElement(Icon, { width: 36, height: 36, className: centeredIconClass })) : errorMessage ? (React__default.createElement(d$g, { width: 36, height: 36, color: token('colors.negative.darker'), className: centeredIconClass })) : (React__default.createElement(s$d, { width: 36, height: 36, color: token('colors.brand.base'), className: centeredIconClass }))),
|
|
14889
14966
|
React__default.createElement(VStack, { gap: 2, px: 7 },
|
|
14890
|
-
React__default.createElement(M$8.H4,
|
|
14967
|
+
React__default.createElement(M$8.H4, { styles: { textAlign: 'center' } }, title),
|
|
14891
14968
|
React__default.createElement(M$8, { fontColor: "text.tertiary", styles: { textAlign: 'center' } }, description),
|
|
14892
14969
|
errorMessage && (React__default.createElement(M$8, { variant: "error", styles: { textAlign: 'center' } }, errorMessage))))));
|
|
14893
14970
|
};
|
|
@@ -15311,7 +15388,7 @@ const EmailOTPView = ({ state, dispatch }) => {
|
|
|
15311
15388
|
textAlign: 'center',
|
|
15312
15389
|
} }, email && React__default.createElement(s$1, { email: email })))),
|
|
15313
15390
|
React__default.createElement(P$2, { originName: "email", pinLength: 6, isPending: isVerifying || isResending, isSuccess: isSuccess, onChange: onChangeOtp, onComplete: submitOTP, errorMessage: isResending ? '' : (error ?? '') },
|
|
15314
|
-
React__default.createElement(P$2.RetryContent, null, showResendButton && React__default.createElement(Q$
|
|
15391
|
+
React__default.createElement(P$2.RetryContent, null, showResendButton && React__default.createElement(Q$1, { variant: "text", onPress: handleResend, label: "Request a new code" }))))));
|
|
15315
15392
|
};
|
|
15316
15393
|
|
|
15317
15394
|
const DeviceVerificationView = ({ state, dispatch }) => {
|
|
@@ -15373,7 +15450,7 @@ const MFAView = ({ state, dispatch }) => {
|
|
|
15373
15450
|
React__default.createElement(d$b, { width: 60, height: 60, color: token('colors.brand.base') }),
|
|
15374
15451
|
React__default.createElement(M$8.H4, { styles: { textAlign: 'center', fontWeight: 'normal' } }, "Please enter the 6-digit code from your authenticator app.")),
|
|
15375
15452
|
React__default.createElement(P$2, { originName: "mfa", pinLength: 6, isPending: isVerifying, isSuccess: isSuccess, onChange: onChangeOtp, onComplete: submitMFA, errorMessage: error ?? '' }),
|
|
15376
|
-
React__default.createElement(Q$
|
|
15453
|
+
React__default.createElement(Q$1, { label: "I lost my device", variant: "text", textStyle: "neutral", onPress: lostDevice, disabled: isVerifying, size: "sm" }))));
|
|
15377
15454
|
};
|
|
15378
15455
|
|
|
15379
15456
|
const RecoveryCodeView = ({ state, dispatch }) => {
|
|
@@ -15405,12 +15482,12 @@ const RecoveryCodeView = ({ state, dispatch }) => {
|
|
|
15405
15482
|
React__default.createElement(d$b, { width: 60, height: 60, color: token('colors.brand.base') }),
|
|
15406
15483
|
React__default.createElement(M$8.H4, { styles: { textAlign: 'center', fontWeight: 'normal' } }, "Enter your recovery code to log in.")),
|
|
15407
15484
|
isVerifying ? (React__default.createElement(Center, { h: 12 },
|
|
15408
|
-
React__default.createElement(d$
|
|
15485
|
+
React__default.createElement(d$n, { size: 36, strokeWidth: 4 }))) : (React__default.createElement(React__default.Fragment, null,
|
|
15409
15486
|
React__default.createElement(se, { "aria-label": "8-character code", attr: {
|
|
15410
15487
|
size: 35,
|
|
15411
15488
|
}, placeholder: "8-character code", onChange: onChangeOtp, alignText: "center", errorMessage: error ?? '', disabled: isVerifying }),
|
|
15412
15489
|
React__default.createElement(b$8, { label: "Two-Factor Authentication will be disabled.", variant: "warning" }))),
|
|
15413
|
-
!isVerifying && !isSuccess && (React__default.createElement(Q$
|
|
15490
|
+
!isVerifying && !isSuccess && (React__default.createElement(Q$1, { label: "I lost my recovery code", variant: "text", textStyle: "neutral", onPress: onLostRecoveryCode, disabled: isVerifying || isSuccess, size: "sm" })))));
|
|
15414
15491
|
};
|
|
15415
15492
|
|
|
15416
15493
|
const LostRecoveryCode = ({ dispatch }) => {
|
|
@@ -15610,12 +15687,43 @@ const WalletConnectView = ({ dispatch }) => {
|
|
|
15610
15687
|
React__default.createElement(WidgetHeader, { onPressBack: handleBack, showHeaderText: false }),
|
|
15611
15688
|
React__default.createElement(VStack, { gap: 6, pt: 4, alignItems: "center" },
|
|
15612
15689
|
uri ? (React__default.createElement(b$1, { eyeRadius: 8, value: uri, qrStyle: "dots", size: 262, logoImage: WALLETCONNECT_LOGO_DATA_URL, logoHeight: 52, logoWidth: 52, logoPadding: 12, style: { borderRadius: 16 }, quietZone: 12 })) : (React__default.createElement(Center, { width: "294px", height: "294px" },
|
|
15613
|
-
React__default.createElement(d$
|
|
15690
|
+
React__default.createElement(d$j, { width: 286, height: 286, borderRadius: 16, backgroundColor: "surface.secondary" }))),
|
|
15614
15691
|
React__default.createElement(VStack, { gap: 2, alignItems: "center", px: 7 },
|
|
15615
15692
|
React__default.createElement(M$8.H4, null, "Scan with your wallet"),
|
|
15616
15693
|
React__default.createElement(M$8, { fontColor: "text.tertiary", styles: { textAlign: 'center' } }, "Open your mobile wallet and scan this QR code to connect")))));
|
|
15617
15694
|
};
|
|
15618
15695
|
|
|
15696
|
+
function useMediaQuery(query) {
|
|
15697
|
+
const [value, setValue] = useState(() => {
|
|
15698
|
+
if (typeof window === 'undefined')
|
|
15699
|
+
return false;
|
|
15700
|
+
return window.matchMedia(query).matches;
|
|
15701
|
+
});
|
|
15702
|
+
const timeoutRef = useRef(null);
|
|
15703
|
+
useEffect(() => {
|
|
15704
|
+
if (typeof window === 'undefined')
|
|
15705
|
+
return;
|
|
15706
|
+
function onChange(event) {
|
|
15707
|
+
if (timeoutRef.current) {
|
|
15708
|
+
clearTimeout(timeoutRef.current);
|
|
15709
|
+
}
|
|
15710
|
+
timeoutRef.current = setTimeout(() => {
|
|
15711
|
+
setValue(event.matches);
|
|
15712
|
+
}, 150);
|
|
15713
|
+
}
|
|
15714
|
+
const result = window.matchMedia(query);
|
|
15715
|
+
result.addEventListener('change', onChange);
|
|
15716
|
+
setValue(result.matches);
|
|
15717
|
+
return () => {
|
|
15718
|
+
result.removeEventListener('change', onChange);
|
|
15719
|
+
if (timeoutRef.current) {
|
|
15720
|
+
clearTimeout(timeoutRef.current);
|
|
15721
|
+
}
|
|
15722
|
+
};
|
|
15723
|
+
}, [query]);
|
|
15724
|
+
return value;
|
|
15725
|
+
}
|
|
15726
|
+
|
|
15619
15727
|
// Create a query client for react-query
|
|
15620
15728
|
const queryClient = new QueryClient();
|
|
15621
15729
|
// Inject CSS into document head (only once)
|
|
@@ -15625,12 +15733,13 @@ function injectCSS() {
|
|
|
15625
15733
|
return;
|
|
15626
15734
|
const styleElement = document.createElement('style');
|
|
15627
15735
|
styleElement.id = 'magic-widget-styles';
|
|
15628
|
-
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}}";
|
|
15736
|
+
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}}";
|
|
15629
15737
|
document.head.appendChild(styleElement);
|
|
15630
15738
|
cssInjected = true;
|
|
15631
15739
|
}
|
|
15632
15740
|
// The actual widget content
|
|
15633
|
-
function WidgetContent({ state, dispatch, showFooterLogo }) {
|
|
15741
|
+
function WidgetContent({ state, dispatch, showFooterLogo, isModal }) {
|
|
15742
|
+
const isMobile = useMediaQuery('(max-width: 768px)');
|
|
15634
15743
|
// Render the current view
|
|
15635
15744
|
const renderView = () => {
|
|
15636
15745
|
switch (state.view) {
|
|
@@ -15670,8 +15779,8 @@ function WidgetContent({ state, dispatch, showFooterLogo }) {
|
|
|
15670
15779
|
}
|
|
15671
15780
|
};
|
|
15672
15781
|
return (React__default.createElement(EmailLoginProvider, { dispatch: dispatch },
|
|
15673
|
-
React__default.createElement(
|
|
15674
|
-
React__default.createElement(VStack, {
|
|
15782
|
+
React__default.createElement(r$3, { isWidget: true, fullscreen: isModal && isMobile },
|
|
15783
|
+
React__default.createElement(VStack, { width: "full", minWidth: "380px" },
|
|
15675
15784
|
renderView(),
|
|
15676
15785
|
React__default.createElement(c$5, { showLogo: showFooterLogo })))));
|
|
15677
15786
|
}
|
|
@@ -15687,7 +15796,6 @@ const modalBackdropStyles = {
|
|
|
15687
15796
|
display: 'flex',
|
|
15688
15797
|
alignItems: 'flex-start',
|
|
15689
15798
|
justifyContent: 'center',
|
|
15690
|
-
paddingTop: '15vh', // Slightly above center
|
|
15691
15799
|
zIndex: 9999,
|
|
15692
15800
|
};
|
|
15693
15801
|
const modalContentStyles = {
|
|
@@ -15778,9 +15886,9 @@ function MagicWidget({ displayMode = 'inline', isOpen = true, onClose, closeOnSu
|
|
|
15778
15886
|
React__default.createElement(WagmiProvider, { config: wagmiConfig },
|
|
15779
15887
|
React__default.createElement(QueryClientProvider, { client: queryClient },
|
|
15780
15888
|
React__default.createElement("div", { id: "magic-widget-container" },
|
|
15781
|
-
React__default.createElement(WidgetContent, { state: state, dispatch: dispatch, showFooterLogo: showFooterLogo }))))));
|
|
15889
|
+
React__default.createElement(WidgetContent, { state: state, dispatch: dispatch, showFooterLogo: showFooterLogo, isModal: isModal }))))));
|
|
15782
15890
|
if (isModal) {
|
|
15783
|
-
return (React__default.createElement("div", { style: modalBackdropStyles, onClick: handleBackdropClick },
|
|
15891
|
+
return (React__default.createElement("div", { style: modalBackdropStyles, className: css({ '@media (min-width: 769px)': { paddingTop: '15vh' } }), onClick: handleBackdropClick },
|
|
15784
15892
|
React__default.createElement("div", { style: modalContentStyles }, widgetContent)));
|
|
15785
15893
|
}
|
|
15786
15894
|
return widgetContent;
|