@magic-ext/magic-widget 1.0.0-canary.979.21086297627.0 → 1.0.0-canary.979.21261294144.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 +390 -92
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/MagicWidget.d.ts +1 -1
- package/dist/cjs/types/reducer.d.ts +5 -1
- package/dist/cjs/types/types/client-config.d.ts +3 -0
- package/dist/cjs/types/types.d.ts +10 -3
- package/dist/cjs/types/utils/device.d.ts +5 -0
- package/dist/cjs/types/views/WalletConnectView.d.ts +7 -0
- package/dist/cjs/types/views/WalletPendingView.d.ts +3 -2
- package/dist/cjs/types/wagmi/walletconnect-provider.d.ts +3 -0
- package/dist/es/index.mjs +390 -92
- package/dist/es/index.mjs.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +4 -3
package/dist/cjs/index.js
CHANGED
|
@@ -9,6 +9,9 @@ var provider = require('@magic-sdk/provider');
|
|
|
9
9
|
var core = require('@wagmi/core');
|
|
10
10
|
var appkitAdapterWagmi = require('@reown/appkit-adapter-wagmi');
|
|
11
11
|
var networks$1 = require('@reown/appkit/networks');
|
|
12
|
+
var viem = require('viem');
|
|
13
|
+
var ethereumProvider = require('@walletconnect/ethereum-provider');
|
|
14
|
+
var appkit = require('@reown/appkit');
|
|
12
15
|
|
|
13
16
|
function _interopNamespaceDefault(e) {
|
|
14
17
|
var n = Object.create(null);
|
|
@@ -9196,7 +9199,7 @@ function $4e1b34546679e357$export$a6da6c504e4bba8b(props, state, ref) {
|
|
|
9196
9199
|
};
|
|
9197
9200
|
}
|
|
9198
9201
|
|
|
9199
|
-
const a$
|
|
9202
|
+
const a$4=React.forwardRef(({children:n,className:s,borderRadius:l,disabled:o,expand:d,onHover:e,shadow:u,...c},b)=>{const p=React.useRef(null),r=b||p,{buttonProps:m}=$701a24aa0da5b062$export$ea18c227d4417cc3({...c,isDisabled:o??false},r),{hoverProps:f}=$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:o??false}),{isFocusVisible:g,focusProps:h}=$f7dceffc5ad7768b$export$4e328f61c538687f();return jsxRuntime.jsx("button",{ref:r,className:cx(css({_active:{transform:"scale(0.95)"},_disabled:{opacity:"0.8",pointerEvents:"none"},cursor:"pointer",h:"auto",outline:"none",position:"relative",transition:"all 0.1s ease",willChange:"transform, opacity",...d?{w:"full"}:{},...u?{_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}}}:{}}),g&&css({outlineColor:"brand.base",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5}),s),style:{borderRadius:l??token("radii.button")},...$3ef42575df84b30b$export$9d1611c77c2fe928(m,f,h),"aria-disabled":o,onMouseEnter:e,onTouchStart:e,children:jsxRuntime.jsx(VStack,{children:n})})});a$4.displayName="ButtonContainer";
|
|
9200
9203
|
|
|
9201
9204
|
const c$b=({color:o,title:l,titleId:e,...r})=>{const i=o||token("colors.text.primary");return jsxRuntime.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":e,...r,children:[l?jsxRuntime.jsx("title",{id:e,children:l}):null,jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M17.0164 14.1589C18.3279 12.9836 18.3279 11.0163 17.0164 9.84113L9.66738 3.25527C9.25608 2.88669 8.62386 2.92132 8.25528 3.33261C7.8867 3.74391 7.92132 4.37613 8.33262 4.74471L15.6817 11.3306C16.1061 11.7109 16.1061 12.2891 15.6817 12.6694L8.33262 19.2553C7.92132 19.6239 7.8867 20.2561 8.25528 20.6674C8.62386 21.0787 9.25608 21.1133 9.66738 20.7447L17.0164 14.1589Z",fill:"currentColor"})]})};
|
|
9202
9205
|
|
|
@@ -9216,7 +9219,7 @@ const d$o=({color:o,title:l,titleId:e,...r})=>{const i=o||token("colors.text.pri
|
|
|
9216
9219
|
|
|
9217
9220
|
const f$9={branded:d$p,success:s$d,error:d$r,warning:d$o,neutral:d$q},d$n=o=>{const{variant:t="branded",...m}=o,n=f$9[t];return jsxRuntime.jsx(HStack,{children:jsxRuntime.jsx(n,{...m})})};
|
|
9218
9221
|
|
|
9219
|
-
const b$
|
|
9222
|
+
const b$8=React.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]=React.useState(true),[C,S]=React.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=React.useRef(null),u=N||v,{buttonProps:I}=$701a24aa0da5b062$export$ea18c227d4417cc3({onPress:e},u),f=()=>jsxRuntime.jsxs(HStack,{className:e?"":i.container,onAnimationEnd:()=>x(false),ref:u,children:[jsxRuntime.jsxs(VStack,{alignItems:"flex-start",gap:1.5,children:[jsxRuntime.jsxs(HStack,{w:"full",justifyContent:"space-between",children:[jsxRuntime.jsxs(HStack,{alignItems:"center",children:[c&&jsxRuntime.jsx(d$n,{variant:m,className:i.icon,width:p,height:p}),jsxRuntime.jsx("p",{className:i.label,children:w})]}),d&&jsxRuntime.jsx("button",{className:i.button,onClick:j,"aria-label":"dismiss callout",children:jsxRuntime.jsx(c$a,{className:i.button,width:s.sm,height:s.sm})})]}),!!n&&jsxRuntime.jsx("p",{className:i.description,children:n})]}),!!e&&jsxRuntime.jsx(c$b,{className:i.button,width:s.sm,height:s.sm})]});return k?e?jsxRuntime.jsx("button",{...I,className:i.container,children:jsxRuntime.jsx(f,{})}):jsxRuntime.jsx(f,{}):null});b$8.displayName="Callout";
|
|
9220
9223
|
|
|
9221
9224
|
const d$m=({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 jsxRuntime.jsx(Center,{inline:true,children:jsxRuntime.jsxs("svg",{width:e,height:e,viewBox:`0 0 ${e} ${e}`,fill:"none",stroke:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("circle",{className:css({stroke:s,strokeOpacity:.12}),cx:"50%",cy:"50%",r:t-r/2,strokeLinecap:"round",strokeWidth:r}),jsxRuntime.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})]})})};
|
|
9222
9225
|
|
|
@@ -9226,25 +9229,25 @@ const c$9=({color:o,title:l,titleId:t,...r})=>{const i=o||token("colors.text.pri
|
|
|
9226
9229
|
|
|
9227
9230
|
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"}});
|
|
9228
9231
|
|
|
9229
|
-
const i$
|
|
9232
|
+
const i$9="text.primary",m$8=React.forwardRef(({children:e,styles:l={},scale:s,fontColor:o=i$9,...a},t)=>jsxRuntime.jsx("h1",{ref:t,className:css({textStyle:s?"h1-scaled":"h1",color:o,...a}),style:l,children:e})),y$8=React.forwardRef(({children:e,styles:l={},scale:s,fontColor:o=i$9,...a},t)=>jsxRuntime.jsx("h2",{ref:t,className:css({textStyle:s?"h2-scaled":"h2",color:o,...a}),style:l,children:e})),f$8=React.forwardRef(({children:e,styles:l={},scale:s,fontColor:o=i$9,...a},t)=>jsxRuntime.jsx("h3",{ref:t,className:css({textStyle:s?"h3-scaled":"h3",color:o,...a}),style:l,children:e})),x$5=React.forwardRef(({children:e,styles:l={},scale:s,fontColor:o=i$9,...a},t)=>jsxRuntime.jsx("h4",{ref:t,className:css({textStyle:s?"h4-scaled":"h4",color:o,...a}),style:l,children:e})),p$1=React.forwardRef(({children:e,styles:l={},scale:s,fontColor:o=i$9,...a},t)=>jsxRuntime.jsx("h5",{ref:t,className:css({textStyle:s?"h5-scaled":"h5",color:o,...a}),style:l,children:e})),N$4=React.forwardRef(({children:e,styles:l={},scale:s,fontColor:o="text.secondary",...a},t)=>jsxRuntime.jsx("h6",{ref:t,className:css({textStyle:s?"h6-scaled":"h6",color:o,...a}),style:l,children:e})),h$8=React.forwardRef(({children:e,styles:l={},scale:s,inline:o=false,mono:a=false,variant:t="text",size:T="md",truncate:C=false,fontWeight:S,fontColor:u,...g},b)=>{const j=t$1({mono:a,variant:t,size:T,scale:s}),d={ref:b,className:cx(j,css({truncate:C,fontWeight:S??(t!=="text"?"medium":"normal"),color:u,...g})),style:l};return o?jsxRuntime.jsx("span",{...d,children:e}):jsxRuntime.jsx("p",{...d,children:e})}),H$6=React.forwardRef((e,l)=>jsxRuntime.jsx(h$8,{ref:l,mono:true,...e})),M$8=Object.assign(h$8,{H1:m$8,H2:y$8,H3:f$8,H4:x$5,H5:p$1,H6:N$4,Mono:H$6});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$6.displayName="Text.Mono";
|
|
9230
9233
|
|
|
9231
|
-
const i$
|
|
9234
|
+
const i$8=({isSelected:e,onChange:c,defaultSelected:n=false})=>{const[u,o]=React.useState(n),t=e!==void 0,l=t?e:u,s=d=>{t||o(d),c&&c(d);},S=()=>s(!l);return React.useEffect(()=>{t&&o(e);},[e]),{isSelected:l,setSelected:s,toggle:S}};
|
|
9232
9235
|
|
|
9233
|
-
const m$
|
|
9236
|
+
const m$7=React.forwardRef((l,u)=>{const{label:o,indeterminate:r=false,disabled:s=false,checked:b,"aria-label":p,...f}=l,t=i$8({...l,isSelected:b}),h=React.useRef(null),i=u||h;React.useEffect(()=>{const c="current"in i?i.current:null;c&&(c.indeterminate=!!r);},[r,i]);const{inputProps:g}=$406796ff087fe49b$export$e375f10ce42261c5({...f,"aria-label":o||p||"Checkbox",isDisabled:s,isIndeterminate:r},t,i),{isFocusVisible:a,focusProps:x}=$f7dceffc5ad7768b$export$4e328f61c538687f();return jsxRuntime.jsxs("label",{className:css({display:"flex",alignItems:"center",rounded:"sm",opacity:s?.3:1}),children:[jsxRuntime.jsx($5c3e21d68f1c4674$export$439d29a4e110a164,{children:jsxRuntime.jsx("input",{...$3ef42575df84b30b$export$9d1611c77c2fe928(g,x),ref:i})}),jsxRuntime.jsx("div",{className:css({display:"flex",alignItems:"center",justifyContent:"center",width:5,height:5,bg:t.isSelected?"brand.base":"transparent",borderWidth:"thick",borderColor:t.isSelected||a?"brand.base":"text.tertiary",transition:"background-color 0.2s ease, border-color 0.2s ease",_hover:{cursor:"pointer",borderColor:"brand.base"},pointerEvents:s?"none":"auto",rounded:"sm",boxSizing:"border-box",outlineColor:a?"brand.base":"transparent",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5}),children:jsxRuntime.jsxs("span",{children:[t.isSelected&&!r&&jsxRuntime.jsx(c$9,{height:16,width:16,color:token("colors.surface.primary")}),t.isSelected&&!!r&&jsxRuntime.jsx(Flex,{justifyContent:"center",alignItems:"center",children:jsxRuntime.jsx("div",{className:css({w:2.5,h:.5,bg:"surface.primary"})})})]})}),o&&jsxRuntime.jsx(Box,{ml:3,children:jsxRuntime.jsx(M$8,{fontWeight:"medium",styles:{lineHeight:1},children:o})})]})});m$7.displayName="Checkbox";
|
|
9234
9237
|
|
|
9235
9238
|
const c$8=({color:o,title:l,titleId:e,...r})=>{const i=o||token("colors.text.primary");return jsxRuntime.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":e,...r,children:[l?jsxRuntime.jsx("title",{id:e,children:l}):null,jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.84115 16.0164C11.0164 17.3279 12.9837 17.3279 14.1589 16.0164L20.7447 8.66738C21.1133 8.25608 21.0787 7.62386 20.6674 7.25528C20.2561 6.8867 19.6239 6.92132 19.2553 7.33262L12.6694 14.6817C12.2891 15.1061 11.7109 15.1061 11.3306 14.6817L4.74473 7.33262C4.37614 6.92132 3.74393 6.8867 3.33263 7.25528C2.92133 7.62386 2.88671 8.25608 3.25529 8.66738L9.84115 16.0164Z",fill:"currentColor"})]})};
|
|
9236
9239
|
|
|
9237
9240
|
const d$l=({color:o,title:l,titleId:e,...C})=>{const r=o||token("colors.text.primary");return jsxRuntime.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:r,"aria-labelledby":e,...C,children:[l?jsxRuntime.jsx("title",{id:e,children:l}):null,jsxRuntime.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"})]})};
|
|
9238
9241
|
|
|
9239
|
-
const m$
|
|
9242
|
+
const m$6=React.createContext({selectedValue:void 0,setSelectedValue:()=>{}}),h$7=React.forwardRef((i,s)=>{const{label:t,value:o}=i,r=React.useContext(m$6),n=React.useRef(null),a=s||n,b=React.useCallback(()=>{r.setSelectedValue(o);},[r,o]),{hoverProps:f}=$6179b936705e76d3$export$ae780daf29e6d456({}),{focusProps:x,isFocusVisible:d}=$f7dceffc5ad7768b$export$4e328f61c538687f(),{pressProps:g}=$f6c31cce2adf654f$export$45712eceda6fad21({onPress:b}),l=r.selectedValue===o,C=l?0:-1;return jsxRuntime.jsxs("label",{className:flex({alignItems:"center"}),children:[jsxRuntime.jsx($5c3e21d68f1c4674$export$439d29a4e110a164,{children:jsxRuntime.jsx("input",{...$3ef42575df84b30b$export$9d1611c77c2fe928(g,x,f),ref:a,type:"radio",checked:l,tabIndex:C,readOnly:true})}),jsxRuntime.jsx(Flex,{justifyContent:"center",alignItems:"center",borderWidth:"thick",borderColor:d||l?"brand.base":"text.tertiary",transition:"border-color 0.2s ease",outlineColor:"brand.base",outlineStyle:d?"solid":"none",outlineWidth:"thick",outlineOffset:.5,_hover:{borderColor:"brand.base"},cursor:"pointer",w:6,h:6,rounded:"full","aria-hidden":"true",children:l&&jsxRuntime.jsx(Circle,{size:3,bg:"brand.base"})}),jsxRuntime.jsx(Box,{ml:3,children:jsxRuntime.jsx(M$8,{size:"lg",fontWeight:"medium",children:t})})]})});h$7.displayName="Radio";
|
|
9240
9243
|
|
|
9241
|
-
var i$
|
|
9244
|
+
var i$7=typeof window>"u"?React__namespace.useEffect:React__namespace.useLayoutEffect,f$7=e=>{let r=React__namespace.createContext(e);return r.displayName="SlotsContext",r},d$k=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$3=({name:e,forceUpdate:r,children:t})=>{let o=React__namespace.useRef(null),s=React__namespace.useRef(false);return i$7(()=>{var a;if(!s.current&&((a=o.current)==null?void 0:a.innerHTML)){let l=o.current.innerHTML;l&&!x$4.test(l)&&console.warn(`Unwrapped children found in "${e}", either wrap them in slots or remove`);}s.current=true,r();},[e]),s.current?React__namespace.createElement(React__namespace.Fragment,null,t):React__namespace.createElement(u$5,{ref:o},t)};var S$5=e=>{let r=new Map;return {register(t,o){r.set(t,o);},update(t,o){r.set(t,o),e(t);},unmount(t){r.delete(t),e(t);},get(t){return r.get(t)},getProps(t){let o=r.get(t);if(!o)return;let{ref:s,props:a}=o;return s?{...a,ref:s}:a}}};var T$6=f$7(void 0),E$4=({children:e})=>e(),C$5=({children:e,callback:r})=>{let t=React__namespace.useReducer(()=>[],[])[1],o=React__namespace.useMemo(()=>S$5(t),[t]);return React__namespace.createElement(React__namespace.Fragment,null,React__namespace.createElement(T$6.Provider,{value:o},process.env.NODE_ENV==="production"?e:React__namespace.createElement(R$3,{name:"HostSlots",forceUpdate:t},e)),React__namespace.createElement(E$4,null,()=>r(o)))},$$5=(e,r)=>React__namespace.createElement(C$5,{children:e,callback:r}),D$3=e=>{let r=(o,s)=>{let a=React__namespace.useContext(T$6);if(!a)return e?React__namespace.createElement(e,{ref:s,...o}):null;let l=React__namespace.createElement(t,{ref:s,...o});return React__namespace.useState(()=>a.register(t,l)),React__namespace.useEffect(()=>a.update(t,l)),React__namespace.useEffect(()=>()=>a.unmount(t),[a]),null};r.displayName=e?`Slot(${d$k(e)})`:"Slot";let t=React__namespace.forwardRef(r);return e?m$5(t,e):t};
|
|
9242
9245
|
|
|
9243
9246
|
const T$5=React.createContext({currentTab:void 0,setCurrentTab:()=>{},tabRefs:{current:{}},disabled:false}),j$4=D$3(({children:i,...l})=>jsxRuntime.jsx(Flex,{alignItems:"center",justifyContent:"center",children:React.Children.map(i,a=>React.cloneElement(a,l))})),R$2=React.forwardRef((i,l)=>{const{label:a,id:n}=i,{currentTab:p,setCurrentTab:b,tabRefs:e,size:o,disabled:s}=React.useContext(T$5),t=p===n,h=o==="sm"?8:o==="md"?10:13,c=o==="sm"?16:20,g=React.useRef(null),r=l||g;React.useEffect(()=>{typeof r=="object"&&e.current&&(e.current[n]=r.current);},[n]);const d=React.useCallback(()=>{b(n);},[b,n]),{buttonProps:u,isPressed:z}=$701a24aa0da5b062$export$ea18c227d4417cc3({onPress:d,isDisabled:s},r),{hoverProps:$}=$6179b936705e76d3$export$ae780daf29e6d456({}),{isFocusVisible:_,focusProps:H}=$f7dceffc5ad7768b$export$4e328f61c538687f();return $$5(i.children,I=>{const x=I.get(j$4);return jsxRuntime.jsx("button",{className:css({display:"flex",justifyContent:"center",alignItems:"center",h,w:"full",rounded:"button",zIndex:0,cursor:"pointer",color:t?"text.primary":"text.secondary",fontSize:o,fontWeight:"semibold",whiteSpace:"nowrap",bg:"transparent",outlineColor:_?"brand.base":"transparent",outlineStyle:"solid",outlineWidth:"thick",transition:t?"background 0s":"background 0.2s ease",_disabled:{opacity:"0.3",pointerEvents:"none"},_hover:{bg:t?"transparent":"ink.20",_dark:{bg:t?"transparent":"slate.1"}}}),ref:r,...$3ef42575df84b30b$export$9d1611c77c2fe928(u,$,H),disabled:s,children:jsxRuntime.jsxs(Flex,{opacity:z&&!t?.5:1,align:"center",justify:"center",children:[x&&{...x,props:{...x.props,className:css({mr:1,color:t?"text.primary":"text.secondary"}),width:c,height:c}},a]})})})});Object.assign(R$2,{Icon:j$4});R$2.displayName="Tab";
|
|
9244
9247
|
|
|
9245
|
-
const s$c=React.forwardRef((r,i)=>{const{checked:l,disabled:n=false,label:o,className:a,...c}=r,d=React.useRef(null),m=i||d,e=i$
|
|
9248
|
+
const s$c=React.forwardRef((r,i)=>{const{checked:l,disabled:n=false,label:o,className:a,...c}=r,d=React.useRef(null),m=i||d,e=i$8({...r,isSelected:l}),{buttonProps:p}=$55f54f7887471b58$export$51e84d46ca0bc451({...c,isDisabled:n},e,m),{isFocusVisible:u,focusProps:f}=$f7dceffc5ad7768b$export$4e328f61c538687f();return jsxRuntime.jsxs(Flex,{alignItems:"center",children:[o&&jsxRuntime.jsx(Box,{mr:2,children:jsxRuntime.jsx(M$8,{fontWeight:"medium",styles:{lineHeight:1},children:o})}),jsxRuntime.jsx("button",{...$3ef42575df84b30b$export$9d1611c77c2fe928(p,f),className:cx(css({px:.5,h:5,width:11,_disabled:{opacity:.3,pointerEvents:"none"},bg:e.isSelected?"brand.base":"neutral.primary",_hover:{bg:e.isSelected?"brand.base":"ink.70",_dark:{bg:e.isSelected?"brand.base":"slate.4"}},transition:"background-color 0.2s ease",rounded:"full",outlineColor:u?"brand.base":"transparent",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5,cursor:"pointer"}),a),children:jsxRuntime.jsx("span",{className:circle({h:4,w:4,bg:"paper",position:"relative",left:e.isSelected?6:0,transition:"left 0.2s ease"})})})]})});s$c.displayName="Switch";
|
|
9246
9249
|
|
|
9247
|
-
const D$2="bottom left",H$5=8,ve="hover",E$3=D$3(({children:t})=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:t})),j$3=D$3(({children:t,...c})=>{const{onPress:i,...s}=c;return jsxRuntime.jsx(Center,{children:React.Children.map(t,l=>React.cloneElement(l,s))})}),w$3=D$3(t=>jsxRuntime.jsx(Q$2.LeadingIcon,{...t})),K$2=D$3(t=>jsxRuntime.jsx(Q$2.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$
|
|
9250
|
+
const D$2="bottom left",H$5=8,ve="hover",E$3=D$3(({children:t})=>jsxRuntime.jsx(jsxRuntime.Fragment,{children:t})),j$3=D$3(({children:t,...c})=>{const{onPress:i,...s}=c;return jsxRuntime.jsx(Center,{children:React.Children.map(t,l=>React.cloneElement(l,s))})}),w$3=D$3(t=>jsxRuntime.jsx(Q$2.LeadingIcon,{...t})),K$2=D$3(t=>jsxRuntime.jsx(Q$2.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$8({defaultSelected:W,onChange:_,...c}),x=l!==void 0?l:q,r=24,n=React.useMemo(()=>({isOpen:x,open:()=>{h(true);},close:()=>{h(false);},setOpen(e){h(e);},toggle(){}}),[x]),S=i.getProps(E$3),p=React.useRef(null),{triggerProps:L,overlayProps:G}=$628037886ba31236$export$f9d5c8beee7d008d({},n,p),a=React.useRef(null),{popoverProps:J,underlayProps:Q}=$f2f8a6077418541e$export$542a6fd13ac93354({placement:c.placement||D$2,offset:H$5,popoverRef:a,triggerRef:p,...S},n),b=$3ef42575df84b30b$export$9d1611c77c2fe928(S,J);!((s=b?.style)===null||s===void 0)&&s.zIndex&&(b.style.zIndex=token("zIndex.max"));const{className:V,...Z}=b,k=React.useCallback(()=>{n.open();},[n]),y=React.useCallback(e=>{var P,T;const d=(P=p.current)===null||P===void 0?void 0:P.getBoundingClientRect(),m=(T=a.current)===null||T===void 0?void 0:T.getBoundingClientRect();if(d&&m){const oe=e.clientX>=d.left-r&&e.clientX<=d.right+r&&e.clientY>=d.top-r&&e.clientY<=d.bottom+r,te=e.clientX>=m.left-r&&e.clientX<=m.right+r&&e.clientY>=m.top-r&&e.clientY<=m.bottom+r;!oe&&!te&&n.close();}},[n]),$=()=>{if(a.current){const e=a.current.querySelectorAll('a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])');e.length>0&&e[0].focus();}},ee=e=>{e.key==="Enter"&&(e.preventDefault(),l?n.close():(n.open(),setTimeout($,0)));};React.useEffect(()=>(document.addEventListener("mousemove",y),()=>{document.removeEventListener("mousemove",y);}),[y]);const u=i.get(j$3),R=i.getProps(w$3),F=i.getProps(K$2),N=v?{height:v,width:v}:{};return jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[u?jsxRuntime.jsx(Box,{display:"inline-block",ref:p,...I,children:u&&{...u,props:{...u.props,...L}}}):jsxRuntime.jsx(Box,{display:"inline-block",ref:p,children:jsxRuntime.jsxs(Q$2,{...$3ef42575df84b30b$export$9d1611c77c2fe928(L,I),onKeyDown:ee,onHover:()=>O==="hover"&&k(),onPress:()=>O==="click"&&k(),children:[R&&jsxRuntime.jsx(Q$2.LeadingIcon,{...R,...N}),F&&jsxRuntime.jsx(Q$2.TrailingIcon,{...F,...N})]})}),x&&jsxRuntime.jsxs($337b884510726a0d$export$c6fdb837b070b4ff,{...G,children:[jsxRuntime.jsx("div",{...Q,className:"underlay"}),jsxRuntime.jsx("div",{ref:a,...Z,className:cx(vstack({bg:"surface.secondary",p:3,gap:0,color:"text.secondary",borderWidth:1,borderColor:"neutral.secondary",borderRadius:"xl",boxShadow:"0px 4px 20px 0px rgba(0, 0, 0, 0.10)",maxW:52,alignItems:"start"}),V),children:i.get(E$3)})]})]})}),U$1=Object.assign(M$7,{Trigger:j$3,LeadingIcon:w$3,TrailingIcon:K$2,Content:E$3});
|
|
9248
9251
|
|
|
9249
9252
|
const r$6=React.forwardRef((e,a)=>{var o;const{container:l,...i}=e,[n,s]=React.useState(false);React.useLayoutEffect(()=>s(true),[]);const t=l||n&&((o=globalThis?.document)===null||o===void 0?void 0:o.body);return t?$4AOtR$reactdom.createPortal(jsxRuntime.jsx("div",{...i,ref:a}),t):null});r$6.displayName="Portal";
|
|
9250
9253
|
|
|
@@ -9252,11 +9255,11 @@ const o$2=e=>()=>{throw new Error("TOAST_PROVIDER_REQUIRED",{cause:`Before calli
|
|
|
9252
9255
|
|
|
9253
9256
|
sva({slots:["container","portal","toast","icon","dismiss"],base:{portal:{boxSizing:"border-box",position:"fixed",zIndex:"max",top:0,left:0,height:"100vh",width:"100vw",pointerEvents:"none"},container:{height:"full",width:"full",p:"20px"},toast:{py:2,px:4,rounded:10,boxShadow:"4px 8px 20px 0px rgba(0, 0, 0, 0.15)"},dismiss:{cursor:"pointer",pointerEvents:"all"},icon:{color:"surface.primary",height:"1rem",width:"1rem"}},variants:{variant:{branded:{toast:{backgroundColor:"brand.base"}},success:{toast:{backgroundColor:"positive.darker"}},warning:{toast:{backgroundColor:"warning.darker"}},error:{toast:{backgroundColor:"negative.darker"}},neutral:{toast:{backgroundColor:"text.tertiary",_dark:{backgroundColor:"text.secondary"}}}},position:{top:{container:{alignItems:"center",justifyContent:"flex-start"}},"top-left":{container:{alignItems:"flex-start",justifyContent:"flex-start"}},"top-right":{container:{alignItems:"flex-end",justifyContent:"flex-start"}},bottom:{container:{alignItems:"center",justifyContent:"flex-end"}},"bottom-left":{container:{alignItems:"flex-start",justifyContent:"flex-end"}},"bottom-right":{container:{alignItems:"flex-end",justifyContent:"flex-end"}}}},defaultVariants:{position:"top-right",variant:"branded"}});
|
|
9254
9257
|
|
|
9255
|
-
function m$
|
|
9258
|
+
function m$4(t){const n=React.useRef(null),r=React.useRef(t);return React.useLayoutEffect(()=>{r.current=t;}),React.useEffect(()=>{const e=u=>{const o=n.current;o&&!o.contains(u.target)&&r.current(u);};return document.addEventListener("mousedown",e),document.addEventListener("touchstart",e),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("touchstart",e);}},[]),n}
|
|
9256
9259
|
|
|
9257
9260
|
const r$5=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%)"}}}}});
|
|
9258
9261
|
|
|
9259
|
-
const d$j=React.forwardRef((t,f)=>{const g="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.maxTouchPoints>0,{children:h,content:x,width:O=288,closeDelay:T=2500,defaultOpen:w,placement:l="top",expand:y=false,...P}=t,[r,i]=React.useState(false),{isSelected:m,setSelected:o}=i$
|
|
9262
|
+
const d$j=React.forwardRef((t,f)=>{const g="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.maxTouchPoints>0,{children:h,content:x,width:O=288,closeDelay:T=2500,defaultOpen:w,placement:l="top",expand:y=false,...P}=t,[r,i]=React.useState(false),{isSelected:m,setSelected:o}=i$8({isOpen:t.isOpen,defaultSelected:w,onChange(s){s||i(false);},...t}),e=React.useMemo(()=>({isOpen:m,open:()=>{o(true);},close:s=>{if(s){o(false);return}g?o(false):(r&&setTimeout(()=>{o(false),i(false);},T),r||o(false));}}),[m,r]),S=React.useRef(null),{triggerProps:a,tooltipProps:C}=$4e1b34546679e357$export$a6da6c504e4bba8b(t,e,S);a.onClick=()=>{e.open(),i(true);};const M=m$4(()=>{e.close(true);}),N=l.split(" ")[0],n=r$5({expand:y,isOpen:e.isOpen,placement:l,position:N});return jsxRuntime.jsxs(Box,{ref:M,className:n.trigger,onMouseLeave:()=>{e.close();},onFocus:()=>{e.open();},onBlur:()=>{e.close();},children:[React.cloneElement(h,{...a,tabIndex:0}),jsxRuntime.jsxs(Box,{ref:f,"aria-describedby":"tooltip",role:"tooltip",className:n.content,style:{width:O},onMouseEnter:()=>{e.open();},...$3ef42575df84b30b$export$9d1611c77c2fe928(C,P),children:[jsxRuntime.jsx(M$8,{size:"sm",children:x}),e.isOpen&&jsxRuntime.jsx(Box,{onMouseEnter:()=>{e.open();},className:n.spacer})]})]})});d$j.displayName="Tooltip";
|
|
9260
9263
|
|
|
9261
9264
|
React.createContext({selectedOption:null,setSelectedOption:()=>{}});
|
|
9262
9265
|
|
|
@@ -9264,9 +9267,9 @@ const r$4=sva({slots:["button","label","focus","icon","iconContainer"],base:{but
|
|
|
9264
9267
|
|
|
9265
9268
|
const C$4=D$3(({children:t,...i})=>jsxRuntime.jsx(Flex,{alignItems:"center",justifyContent:"center",children:React.Children.map(t,r=>React.cloneElement(r,i))})),N$3=D$3(({children:t,...i})=>jsxRuntime.jsx(Flex,{alignItems:"center",justifyContent:"center",children:React.Children.map(t,r=>React.cloneElement(r,i))})),G$3=({variant:t="primary",size:i="md"})=>{const r=t==="primary"||t==="negative",p=t==="neutral"||t==="tertiary";return jsxRuntime.jsx(d$m,{size:{sm:20,md:24,lg:28}[i],strokeWidth:2.5,inverted:r,neutral:p})},S$4=React.forwardRef((t,i)=>{const{label:r,variant:p="primary",textStyle:H,size:m="md",disabled:l,expand:c,validating:d,iconSize:I,onHover:u,centerContent:f}=t,a=I||(m==="sm"?16:24),g=r&&c&&!f,o=r$4({variant:p,textStyle:H,expand:c,size:m,validating:d,iconOnly:!r}),P=React.useRef(null),h=i||P,{buttonProps:B}=$701a24aa0da5b062$export$ea18c227d4417cc3({...t,isDisabled:l??false},h),{hoverProps:F}=$6179b936705e76d3$export$ae780daf29e6d456({isDisabled:l??false}),{isFocusVisible:R,focusProps:O}=$f7dceffc5ad7768b$export$4e328f61c538687f();return $$5(t.children,b=>{const n=b.get(C$4),s=b.get(N$3),v=a/4;return jsxRuntime.jsx("button",{className:cx(o.button,"group",!r&&o.iconContainer,R&&o.focus),ref:h,...$3ef42575df84b30b$export$9d1611c77c2fe928(B,F,O),"aria-disabled":l,onMouseEnter:u,onTouchStart:u,children:d?jsxRuntime.jsx(G$3,{variant:p,size:m}):jsxRuntime.jsxs(HStack,{w:"full",gap:2,justify:r&&(n||s)&&!f?"space-between":"center",children:[n&&{...n,props:{className:n.props.color?void 0:o.icon,width:a,height:a,...n.props}},s&&g&&jsxRuntime.jsx(Box,{w:v}),r&&jsxRuntime.jsx("span",{className:o.label,children:r}),n&&g&&jsxRuntime.jsx(Box,{w:v}),s&&{...s,props:{className:s.props.color?void 0:o.icon,width:a,height:a,...s.props}}]})})})}),Q$2=Object.assign(S$4,{LeadingIcon:C$4,TrailingIcon:N$3});S$4.displayName="Button";
|
|
9266
9269
|
|
|
9267
|
-
const a$
|
|
9270
|
+
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}});
|
|
9268
9271
|
|
|
9269
|
-
const c$7=React.forwardRef(({children:i,className:t,id:m,asButton:o,stack:l,onClick:d,validating:p,...s},a)=>{const n=a$
|
|
9272
|
+
const c$7=React.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?jsxRuntime.jsx(Flex,{id:m,className:cx(n,t),flexDirection:"column",role:o?"button":"none",onClick:o?d:void 0,ref:a,children:p?jsxRuntime.jsx(d$m,{neutral:true}):i}):jsxRuntime.jsx(Box,{id:m,className:cx(n,t),ref:a,children:i})});c$7.displayName="Card";
|
|
9270
9273
|
|
|
9271
9274
|
const s$b=({children:t,className:e=""})=>jsxRuntime.jsx(VStack,{alignItems:"center",justifyContent:"center",flexShrink:0,className:`${css({pb:0,pt:6,px:8,width:"100%"})} ${e}`,children:t});
|
|
9272
9275
|
|
|
@@ -9274,7 +9277,7 @@ const B$3=({isOpen:r=false,title:u,onToggle:e,children:d,showCloseButton:f=true}
|
|
|
9274
9277
|
|
|
9275
9278
|
const s$a=({color:o,title:t,titleId:l,...r})=>{const e=o||token("colors.text.primary");return jsxRuntime.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:e,"aria-labelledby":l,...r,children:[t?jsxRuntime.jsx("title",{id:l,children:t}):null,jsxRuntime.jsx("path",{d:"M11.2625 0.24827C11.4758 0.0870459 11.7344 0 12 0C12.2656 0 12.5242 0.0870459 12.7375 0.24827C14.2625 1.36858 17.625 4.81861 17.625 13.1445C17.625 15.8944 16.65 19.2044 15.925 21.2285C15.75 21.725 15.2875 22.056 14.7625 22.056H9.25C8.725 22.056 8.25 21.725 8.075 21.2285C7.35 19.2044 6.375 15.8944 6.375 13.1445C6.375 4.81861 9.7375 1.36858 11.2625 0.24827ZM14.5 10.5984C14.5 9.19799 13.375 8.05222 12 8.05222C10.625 8.05222 9.5 9.19799 9.5 10.5984C9.5 11.9988 10.625 13.1445 12 13.1445C13.375 13.1445 14.5 11.9988 14.5 10.5984ZM6.6125 22.718C6.0125 21.1522 4.7125 17.4093 4.525 13.972L3.1125 14.9268C2.4125 15.4106 2 16.1999 2 17.0529V22.718C2 23.6219 2.8875 24.233 3.7125 23.902L6.6125 22.718ZM22 22.718V17.0529C22 16.1999 21.5875 15.4106 20.8875 14.9396L19.475 13.9848C19.2875 17.4093 17.975 21.1649 17.3875 22.7308L20.2875 23.9147C21.1125 24.233 22 23.6219 22 22.718Z",fill:"currentColor"})]})};
|
|
9276
9279
|
|
|
9277
|
-
const b$
|
|
9280
|
+
const b$7="https://assets.fortmatic.com/MagicLogos/blank.png",o$1="2.625rem",c$6=D$3(({children:t,...r})=>jsxRuntime.jsx(Center,{children:React.Children.map(t,i=>React.cloneElement(i,r))})),w$2=t=>{const{assetUri:r}=t;return $$5(t.children,i=>{const s=i.get(c$6);return jsxRuntime.jsx(jsxRuntime.Fragment,{children:!r||r===b$7?s?{...s,props:{...s.props,width:o$1,height:o$1}}:jsxRuntime.jsx(s$a,{height:o$1,width:o$1,color:token("colors.brand.lighter")}):jsxRuntime.jsx("img",{className:css({height:o$1,width:o$1,overflow:"hidden"}),alt:"logo",src:r})})})};Object.assign(w$2,{PlaceholderIcon:c$6});
|
|
9278
9281
|
|
|
9279
9282
|
/**
|
|
9280
9283
|
* Lodash (Custom Build) <https://lodash.com/>
|
|
@@ -13419,7 +13422,7 @@ var qrcode = function() {
|
|
|
13419
13422
|
}));
|
|
13420
13423
|
});
|
|
13421
13424
|
|
|
13422
|
-
createCommonjsModule(function (module, exports$1) {
|
|
13425
|
+
var dist = createCommonjsModule(function (module, exports$1) {
|
|
13423
13426
|
var __extends = (commonjsGlobal && commonjsGlobal.__extends) || (function () {
|
|
13424
13427
|
var extendStatics = function (d, b) {
|
|
13425
13428
|
extendStatics = Object.setPrototypeOf ||
|
|
@@ -13788,21 +13791,21 @@ var QRCode = /** @class */ (function (_super) {
|
|
|
13788
13791
|
exports$1.QRCode = QRCode;
|
|
13789
13792
|
});
|
|
13790
13793
|
|
|
13791
|
-
const a$
|
|
13794
|
+
const a$2=({enableLink:C=true,label:l="Secured by",onLinkClick:n})=>{const t=C?{fill:'url("#logo-gradient")'}:{},s=jsxRuntime.jsxs("svg",{width:62,height:23,viewBox:"0 0 83 31",xmlns:"http://www.w3.org/2000/svg",children:[jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"logo-gradient",x1:"-100%",y1:"0%",x2:"100%",y2:"0%",gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{offset:"0%",stopColor:"#402FC3"}),jsxRuntime.jsx("stop",{offset:"33%",stopColor:"#C970FF"}),jsxRuntime.jsx("stop",{offset:"67%",stopColor:"#C970FF"}),jsxRuntime.jsx("stop",{offset:"100%",stopColor:"#402FC3"}),jsxRuntime.jsx("animate",{attributeName:"x1",from:"-100%",to:"100%",dur:"4s",repeatCount:"indefinite"}),jsxRuntime.jsx("animate",{attributeName:"x2",from:"0%",to:"200%",dur:"4s",repeatCount:"indefinite"})]})}),jsxRuntime.jsxs("g",{children:[jsxRuntime.jsx("path",{d:"M45.1797 20.8929H47.7932V8.70022H44.1379L41.1771 16.3047L38.2163 8.70022H34.5792V20.8929H37.1745V12.1186L40.6105 20.8929H41.7437L45.1797 12.1186V20.8929Z"}),jsxRuntime.jsx("path",{d:"M55.4597 20.8929H57.7808V15.1896C57.7808 12.6487 55.9349 11.8444 53.9245 11.8444C52.5354 11.8444 51.1464 12.2831 50.0681 13.2336L50.9454 14.7874C51.6947 14.0928 52.572 13.7455 53.5224 13.7455C54.6921 13.7455 55.4597 14.3304 55.4597 15.2262V16.4509C54.8748 15.738 53.8331 15.3724 52.6634 15.3724C51.2561 15.3724 49.5929 16.1219 49.5929 18.1875C49.5929 20.1617 51.2561 21.1123 52.6634 21.1123C53.8148 21.1123 54.8566 20.6918 55.4597 19.9789V20.8929ZM55.4597 18.7725C55.0759 19.2843 54.3448 19.5402 53.5955 19.5402C52.6816 19.5402 51.9323 19.0649 51.9323 18.2423C51.9323 17.4015 52.6816 16.9079 53.5955 16.9079C54.3448 16.9079 55.0759 17.1638 55.4597 17.6757V18.7725Z"}),jsxRuntime.jsx("path",{d:"M59.9003 23.1596C60.9969 24.1285 62.1849 24.4758 63.7019 24.4758C65.8768 24.4758 68.4721 23.6532 68.4721 20.2897V12.0637H66.1327V13.1971C65.4199 12.3014 64.4695 11.8444 63.4094 11.8444C61.1797 11.8444 59.5165 13.453 59.5165 16.3412C59.5165 19.2843 61.198 20.8381 63.4094 20.8381C64.4878 20.8381 65.4382 20.3262 66.1327 19.4488V20.3445C66.1327 22.0811 64.8167 22.5747 63.7019 22.5747C62.587 22.5747 61.6549 22.2639 60.9421 21.4779L59.9003 23.1596ZM66.1327 17.7671C65.7489 18.3337 64.9081 18.7725 64.1405 18.7725C62.8246 18.7725 61.9108 17.8585 61.9108 16.3412C61.9108 14.824 62.8246 13.91 64.1405 13.91C64.9081 13.91 65.7489 14.3304 66.1327 14.9154V17.7671Z"}),jsxRuntime.jsx("path",{d:"M71.9256 10.7659C72.6933 10.7659 73.3147 10.1443 73.3147 9.37658C73.3147 8.60882 72.6933 7.9873 71.9256 7.9873C71.1763 7.9873 70.5366 8.60882 70.5366 9.37658C70.5366 10.1443 71.1763 10.7659 71.9256 10.7659ZM70.7742 20.8929H73.0953V12.0637H70.7742V20.8929Z"}),jsxRuntime.jsx("path",{d:"M74.8303 16.4692C74.8303 19.1929 76.7859 21.1123 79.5092 21.1123C81.3185 21.1123 82.4151 20.3262 83 19.5037L81.483 18.0961C81.0627 18.6811 80.423 19.0467 79.6188 19.0467C78.2115 19.0467 77.2246 18.0047 77.2246 16.4692C77.2246 14.9337 78.2115 13.91 79.6188 13.91C80.423 13.91 81.0627 14.2573 81.483 14.8606L83 13.453C82.4151 12.6304 81.3185 11.8444 79.5092 11.8444C76.7859 11.8444 74.8303 13.7638 74.8303 16.4692Z"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.7002 -5.55184e-07C14.0256 1.62362 15.4875 3.13142 17.0683 4.50592C16.0151 7.92275 15.4481 11.5529 15.4481 15.3154C15.4481 19.078 16.0151 22.7082 17.0684 26.125C15.4876 27.4995 14.0257 29.0073 12.7003 30.6309C11.375 29.0075 9.91333 27.4998 8.33271 26.1255C9.38605 22.7085 9.95313 19.0782 9.95313 15.3154C9.95313 11.5527 9.38605 7.92237 8.3327 4.50537C9.9133 3.13103 11.375 1.6234 12.7002 -5.55184e-07ZM5.3107 23.7627C3.63771 22.5899 1.86221 21.5534 0.000311902 20.6694C0.516837 18.976 0.794702 17.1784 0.794702 15.316C0.794702 13.4532 0.516736 11.6553 3.00821e-05 9.9616C1.86203 9.07753 3.63762 8.04101 5.3107 6.86817C5.95048 9.57999 6.28902 12.4082 6.28902 15.3154C6.28902 18.2227 5.95049 21.0509 5.3107 23.7627ZM19.1114 15.3154C19.1114 18.2227 19.4499 21.051 20.0897 23.7628C21.763 22.5898 23.5388 21.5531 25.4011 20.669C24.8847 18.9757 24.6069 17.1783 24.6069 15.3159C24.6069 13.4534 24.8848 11.6557 25.4014 9.96213C23.539 9.07794 21.7631 8.04124 20.0897 6.86817C19.4499 9.57999 19.1114 12.4082 19.1114 15.3154Z"})]})]}),i=jsxRuntime.jsxs(Flex,{className:css({display:"flex",justifyContent:"center",alignItems:"center",fill:"ink.50",_dark:{fill:"ink.70"},_hover:{...t},_active:{...t},_focus:{...t}}),children:[jsxRuntime.jsx("p",{className:css({color:"ink.50",_dark:{color:"ink.70"},_groupHover:C?{color:"text.tertiary"}:{},fontSize:"xs",mr:2}),children:l}),s]});return jsxRuntime.jsxs("div",{className:css({cursor:C?"pointer":"default"})+" group",children:[C&&jsxRuntime.jsx("a",{onClick:n,tabIndex:0,"aria-label":"Secured by Magic",href:"https://magic.link/docs/home/faqs/wallet-end-users",target:"_blank",rel:"noopener noreferrer",children:i}),!C&&i]})};a$2.displayName="SecuredByMagic";
|
|
13792
13795
|
|
|
13793
|
-
const c$5=({children:o,showLogo:r=true,...t})=>jsxRuntime.jsxs(VStack,{alignItems:"center",className:css({width:"full",p:8}),children:[o,r&&jsxRuntime.jsx(a$
|
|
13796
|
+
const c$5=({children:o,showLogo:r=true,...t})=>jsxRuntime.jsxs(VStack,{alignItems:"center",className:css({width:"full",p:8}),children:[o,r&&jsxRuntime.jsx(a$2,{...t})]});
|
|
13794
13797
|
|
|
13795
|
-
const s$9=D$3("div"),c$4=D$3("div"),l$1=D$3("div"),h$
|
|
13798
|
+
const s$9=D$3("div"),c$4=D$3("div"),l$1=D$3("div"),h$6=({children:a,position:m="absolute"})=>$$5(a,t=>{var e,i;return jsxRuntime.jsxs(HStack,{alignItems:"center",justifyContent:"space-between",className:css({"& >":{_first:{minWidth:8},_last:{minWidth:8}},position:m,p:4,left:0,right:0,top:0,width:"full"}),children:[(e=t.get(c$4))!==null&&e!==void 0?e:jsxRuntime.jsx(Box,{}),t.get(s$9),(i=t.get(l$1))!==null&&i!==void 0?i:jsxRuntime.jsx(Box,{})]})}),u$4=Object.assign(h$6,{Content:s$9,LeftAction:c$4,RightAction:l$1});
|
|
13796
13799
|
|
|
13797
13800
|
const s$8=({color:e,title:o,titleId:r,...l})=>{const i=e||token("colors.text.primary");return jsxRuntime.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg",color:i,"aria-labelledby":r,...l,children:[o?jsxRuntime.jsx("title",{id:r,children:o}):null,jsxRuntime.jsx("path",{d:"M3 6H21",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round"}),jsxRuntime.jsx("path",{d:"M3 12H21",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round"}),jsxRuntime.jsx("path",{d:"M3 18H21",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M2 6C2 5.44772 2.44772 5 3 5H21C21.5523 5 22 5.44772 22 6C22 6.55228 21.5523 7 21 7H3C2.44772 7 2 6.55228 2 6ZM2 12C2 11.4477 2.44772 11 3 11H21C21.5523 11 22 11.4477 22 12C22 12.5523 21.5523 13 21 13H3C2.44772 13 2 12.5523 2 12ZM3 17C2.44772 17 2 17.4477 2 18C2 18.5523 2.44772 19 3 19H21C21.5523 19 22 18.5523 22 18C22 17.4477 21.5523 17 21 17H3Z",fill:"currentColor"})]})};
|
|
13798
13801
|
|
|
13799
|
-
const g$
|
|
13802
|
+
const g$4=D$3("div"),b$6=D$3("div"),h$5=D$3("div"),L$3=({children:x,placement:y="right",isOpen:i=false})=>{const[r,o]=React.useState(i),[v,p]=React.useState(r),a=React.useRef(null),s=y==="left";return React.useEffect(()=>{o(i);},[i]),React.useEffect(()=>{let t;return r?t=setTimeout(()=>p(true),10):p(false),()=>clearTimeout(t)},[r]),React.useEffect(()=>{const t=m=>{a.current&&!a.current.contains(m.target)&&o(false);};return document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t);}},[o]),$$5(x,t=>jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Q$2,{onPress:()=>o(m=>!m),textStyle:"neutral",variant:"text",children:jsxRuntime.jsx(Q$2.TrailingIcon,{children:jsxRuntime.jsx(s$8,{})})}),jsxRuntime.jsx(Box,{position:"absolute",display:r?"block":"none",h:"full",bottom:0,left:0,right:0,bg:"text.primary/20",_dark:{bg:"rgba(0, 0, 0, .7)"}}),jsxRuntime.jsxs(Stack,{ref:a,position:"absolute",transform:v?"translateX(0)":s?"translateX(-100%)":"translateX(100%)",transition:"transform 0.3s",top:0,bottom:0,...s?{left:0}:{right:0},bg:"surface.primary",_dark:{bg:"surface.secondary"},...s?{roundedRight:"2xl"}:{roundedLeft:"2xl"},zIndex:10,justifyContent:"space-between",p:4,pb:6,w:80,children:[jsxRuntime.jsxs(Stack,{gap:6,children:[jsxRuntime.jsx(Stack,{h:"full",justifyContent:"space-between",children:t.get(g$4)}),jsxRuntime.jsx(Divider,{color:"surface.quaternary"}),jsxRuntime.jsx(Stack,{children:t.get(b$6)})]}),t.get(h$5)]})]}))},T$4=Object.assign(L$3,{Header:g$4,Content:b$6,Footer:h$5});
|
|
13800
13803
|
|
|
13801
13804
|
const f$6=({animate:n,show:o,onHidden:s,onShown:a})=>{const[i,t]=React.useState(o),d=React.useCallback(()=>a(),[]),r=React.useCallback(()=>{t(false),s();},[]);return React.useEffect(()=>{o?t(true):n||t(false);},[o]),{displayed:i,onShow:d,onHide:r}};
|
|
13802
13805
|
|
|
13803
|
-
const
|
|
13806
|
+
const r$3=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:{}},removeTopOffset:{true:{wrapper:{"@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"}}}}],defaultVariants:{animate:true,isOpen:true,paddingType:"none"}});
|
|
13804
13807
|
|
|
13805
|
-
const
|
|
13808
|
+
const v$3=()=>{if(typeof navigator>"u")return false;const e=navigator.userAgent;return /Mobi|Android|iPhone|iPad/i.test(e)},M$6=v$3(),i$6=({animate:e=true,paddingType:a="none",gap:t=2.5,isOpen:o=true,onAnimated:s=()=>{},onClosed:d=()=>{},showBorder:p=true,fullscreen:l=false,removeTopOffset:m=false,children:c})=>{const n=r$3({animate:e,isOpen:o,paddingType:a,showBorder:p,fullscreen:l,removeTopOffset:m,isMobileBrowser:M$6}),{displayed:f,onHide:u,onShow:h}=f$6({animate:e,show:o,onHidden:d,onShown:s});return f?jsxRuntime.jsx("div",{className:n.wrapper,onAnimationEnd:o?h:u,children:jsxRuntime.jsx(VStack,{alignItems:"center",gap:t,className:n.content,children:c})}):null};i$6.displayName="Modal";
|
|
13806
13809
|
|
|
13807
13810
|
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}});
|
|
13808
13811
|
|
|
@@ -13810,7 +13813,7 @@ const i$4=({animate:e=true,backgroundType:o="none",hide:n=false,fullscreen:r=fal
|
|
|
13810
13813
|
|
|
13811
13814
|
const H$4=({title:l,titleId:t,...L})=>jsxRuntime.jsxs("svg",{width:78,height:24,viewBox:"0 0 78 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":t,...L,children:[l?jsxRuntime.jsx("title",{id:t,children:l}):null,jsxRuntime.jsx("path",{d:"M9.41316 1.84616H3.41316C3.02854 1.84616 2.64393 2.15385 2.567 2.53847L0.182389 17.9231C0.105466 18.2308 0.336235 18.4615 0.643928 18.4615H3.49008C3.8747 18.4615 4.25931 18.1539 4.33624 17.7692L4.95162 13.6154C5.02854 13.2308 5.33624 12.9231 5.79777 12.9231H7.72085C11.6439 12.9231 13.9516 11 14.567 7.23078C14.7978 5.61539 14.567 4.3077 13.7978 3.38462C12.9516 2.38462 11.4132 1.84616 9.41316 1.84616ZM10.1055 7.46155C9.79777 9.61539 8.10547 9.61539 6.567 9.61539H5.64393L6.25931 5.61539C6.25931 5.38462 6.49008 5.23078 6.72085 5.23078H7.10547C8.18239 5.23078 9.18239 5.23078 9.72085 5.84616C10.1055 6.15385 10.2593 6.69232 10.1055 7.46155Z",fill:"#003087"}),jsxRuntime.jsx("path",{d:"M27.2593 7.38462H24.4131C24.1824 7.38462 23.9516 7.53846 23.9516 7.76923L23.7978 8.53846L23.567 8.23077C22.9516 7.30769 21.567 7 20.1824 7C17.0285 7 14.3362 9.38461 13.7978 12.7692C13.4901 14.4615 13.8747 16.0769 14.8747 17.1538C15.7208 18.1538 17.0285 18.6154 18.4901 18.6154C21.0285 18.6154 22.4901 17 22.4901 17L22.3362 17.7692C22.2593 18.0769 22.4901 18.3846 22.7978 18.3846H25.4131C25.7978 18.3846 26.1824 18.0769 26.2593 17.6923L27.7978 7.84615C27.8747 7.69231 27.567 7.38462 27.2593 7.38462ZM23.3362 12.9231C23.0285 14.5385 21.7978 15.6923 20.1055 15.6923C19.2593 15.6923 18.6439 15.4615 18.1824 14.9231C17.7208 14.3846 17.567 13.6923 17.7208 12.9231C17.9516 11.3077 19.3362 10.1538 20.9516 10.1538C21.7978 10.1538 22.4131 10.4615 22.8747 10.9231C23.2593 11.4615 23.4131 12.1538 23.3362 12.9231Z",fill:"#003087"}),jsxRuntime.jsx("path",{d:"M42.5669 7.38461H39.7207C39.413 7.38461 39.1823 7.53846 39.0284 7.76923L35.0284 13.6154L33.3361 8C33.2592 7.61538 32.8746 7.38461 32.5669 7.38461H29.7207C29.413 7.38461 29.1053 7.69231 29.2592 8.07692L32.413 17.3846L29.413 21.5385C29.1823 21.8462 29.413 22.3077 29.7976 22.3077H32.6438C32.9515 22.3077 33.1823 22.1538 33.3361 21.9231L42.9515 8.07692C43.1823 7.84615 42.9515 7.38461 42.5669 7.38461Z",fill:"#003087"}),jsxRuntime.jsx("path",{d:"M52.1053 1.84616H46.1053C45.7207 1.84616 45.3361 2.15385 45.2591 2.53847L42.8745 17.8462C42.7976 18.1539 43.0284 18.3846 43.3361 18.3846H46.413C46.7207 18.3846 46.9515 18.1539 46.9515 17.9231L47.6438 13.5385C47.7207 13.1539 48.0284 12.8462 48.4899 12.8462H50.413C54.3361 12.8462 56.6438 10.9231 57.2591 7.15385C57.4899 5.53847 57.2591 4.23078 56.4899 3.3077C55.5668 2.38462 54.1053 1.84616 52.1053 1.84616ZM52.7976 7.46154C52.4899 9.61539 50.7976 9.61539 49.2591 9.61539H48.3361L48.9515 5.61539C48.9515 5.38462 49.1822 5.23078 49.413 5.23078H49.7976C50.8745 5.23078 51.8745 5.23078 52.413 5.84616C52.7976 6.15385 52.8745 6.69231 52.7976 7.46154Z",fill:"#009CDE"}),jsxRuntime.jsx("path",{d:"M69.9514 7.38462H67.1053C66.8745 7.38462 66.6437 7.53846 66.6437 7.76923L66.4899 8.53846L66.2591 8.23077C65.6437 7.30769 64.2591 7 62.8745 7C59.7207 7 57.0284 9.38461 56.4899 12.7692C56.1822 14.4615 56.5668 16.0769 57.5668 17.1538C58.413 18.1538 59.7207 18.6154 61.1822 18.6154C63.7207 18.6154 65.1822 17 65.1822 17L65.0284 17.7692C64.9514 18.0769 65.1822 18.3846 65.4899 18.3846H68.1053C68.4899 18.3846 68.8745 18.0769 68.9514 17.6923L70.4899 7.84615C70.4899 7.69231 70.2591 7.38462 69.9514 7.38462ZM65.9514 12.9231C65.6437 14.5385 64.413 15.6923 62.7207 15.6923C61.8745 15.6923 61.2591 15.4615 60.7976 14.9231C60.3361 14.3846 60.1822 13.6923 60.3361 12.9231C60.5668 11.3077 61.9514 10.1538 63.5668 10.1538C64.413 10.1538 65.0284 10.4615 65.4899 10.9231C65.9514 11.4615 66.1053 12.1538 65.9514 12.9231Z",fill:"#009CDE"}),jsxRuntime.jsx("path",{d:"M73.3363 2.23078L70.8748 17.8462C70.7978 18.1539 71.0286 18.3846 71.3363 18.3846H73.7978C74.1825 18.3846 74.5671 18.0769 74.644 17.6923L77.1055 2.38462C77.1825 2.07693 76.9517 1.84616 76.644 1.84616H73.8748C73.5671 1.84616 73.4132 2.00001 73.3363 2.23078Z",fill:"#009CDE"})]});
|
|
13812
13815
|
|
|
13813
|
-
const t=React.forwardRef((r,i)=>{const{disabled:m,validating:p}=r;return jsxRuntime.jsx(a$
|
|
13816
|
+
const t=React.forwardRef((r,i)=>{const{disabled:m,validating:p}=r;return jsxRuntime.jsx(a$4,{ref:i,className:css({bg:"#ffc439",outlineColor:"#ffc439",border:"1px solid transparent",px:6,py:2.5}),"aria-disabled":m,shadow:true,...r,children:p?jsxRuntime.jsx(d$m,{size:24,strokeWidth:2.5,inverted:true}):jsxRuntime.jsxs(HStack,{w:"full",gap:1,justifyContent:"center",children:[jsxRuntime.jsx(M$8,{fontWeight:"semibold",styles:{color:token("colors.ink.90")},children:"Pay with"}),jsxRuntime.jsx(Box,{mt:.5,children:jsxRuntime.jsx(H$4,{width:60})})]})})});t.displayName="PayPalButton";
|
|
13814
13817
|
|
|
13815
13818
|
const L$2=({title:t,titleId:i,...C})=>jsxRuntime.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":i,...C,children:[t?jsxRuntime.jsx("title",{id:i,children:t}):null,jsxRuntime.jsx("path",{d:"M22.556 12.2409C22.556 11.3365 22.4826 10.6766 22.3238 9.99219H11.9968V14.074H18.0585C17.9364 15.0884 17.2764 16.6161 15.8098 17.6426L15.7893 17.7793L19.0545 20.3088L19.2807 20.3314C21.3583 18.4126 22.556 15.5895 22.556 12.2409Z",fill:"#4285F4"}),jsxRuntime.jsx("path",{d:"M11.9987 23C14.9684 23 17.4615 22.0223 19.2825 20.3358L15.8117 17.6471C14.8829 18.2948 13.6363 18.747 11.9987 18.747C9.09006 18.747 6.62139 16.8283 5.74137 14.1763L5.61238 14.1873L2.21719 16.8148L2.17279 16.9383C3.98152 20.5313 7.69678 23 11.9987 23Z",fill:"#34A853"}),jsxRuntime.jsx("path",{d:"M5.74179 14.1771C5.5096 13.4927 5.37521 12.7594 5.37521 12.0017C5.37521 11.2439 5.5096 10.5107 5.72958 9.82631L5.72343 9.68055L2.28569 7.01077L2.17321 7.06427C1.42775 8.55528 1 10.2296 1 12.0017C1 13.7738 1.42775 15.448 2.17321 16.939L5.74179 14.1771Z",fill:"#FBBC05"}),jsxRuntime.jsx("path",{d:"M11.9987 5.25296C14.0641 5.25296 15.4572 6.14511 16.2517 6.89066L19.3558 3.85977C17.4494 2.0877 14.9684 1 11.9987 1C7.69678 1 3.98152 3.46867 2.17279 7.06169L5.72916 9.82373C6.62139 7.17172 9.09006 5.25296 11.9987 5.25296Z",fill:"#EB4335"})]});
|
|
13816
13819
|
|
|
@@ -13870,7 +13873,7 @@ const d$7=({color:o,title:t,titleId:e,...r})=>{const i=o||token("colors.text.pri
|
|
|
13870
13873
|
|
|
13871
13874
|
const s$1=({email:a})=>{const r=a.split("@");return jsxRuntime.jsxs("span",{className:css({overflowWrap:"break-word",wordBreak:"break-word",fontWeight:600}),children:[r[0],jsxRuntime.jsx("wbr",{}),"@",r[1]]})};s$1.displayName="EmailWbr";
|
|
13872
13875
|
|
|
13873
|
-
const u$
|
|
13876
|
+
const u$3=React.forwardRef((h,g)=>{const{address:r,onCopy:e,size:m="md",icon:n,fontColor:s="text.tertiary",fontWeight:a="normal",fontFamily:p="inherit"}=h,[o,l]=React.useState(false),c=`${r.slice(0,6)}...${r?.slice(-4)}`,i=m==="sm"?16:20,x=React.useCallback(()=>{e&&e(r),l(true);},[r]);return React.useEffect(()=>{if(o){const y=setTimeout(()=>{l(false);},1500);return ()=>clearTimeout(y)}},[o]),e?jsxRuntime.jsx(a$4,{className:css({fontSize:m,color:o?"positive.base":s,fontWeight:o?"medium":a,rounded:"button",fontVariant:"no-contextual",transition:"none",fontFamily:p}),onPress:x,ref:g,children:jsxRuntime.jsxs(HStack,{gap:2,children:[o?n?"Copied":"Copied!":c,n&&jsxRuntime.jsx(jsxRuntime.Fragment,{children:o?jsxRuntime.jsx(c$9,{width:i,height:i,color:token("colors.positive.base")}):jsxRuntime.jsx(d$g,{width:i,height:i,color:token("colors.text.tertiary")})})]})}):jsxRuntime.jsx("span",{className:css({fontSize:m,color:s,fontWeight:a,fontVariant:"no-contextual",fontFamily:p}),children:c})});u$3.displayName="WalletAddress";
|
|
13874
13877
|
|
|
13875
13878
|
var _$3=[["Afghanistan","af","93"],["Albania","al","355"],["Algeria","dz","213"],["Andorra","ad","376"],["Angola","ao","244"],["Antigua and Barbuda","ag","1268"],["Argentina","ar","54",{default:"(..) .... ....","/^11/":"(..) .... ....","/^15/":"(..) ... ....","/^(2|3|4|5)/":"(.) .... ....","/^9/":"(.) .... ....."},0],["Armenia","am","374",".. ......"],["Aruba","aw","297"],["Australia","au","61",{default:". .... ....","/^4/":"... ... ...","/^5(?!50)/":"... ... ...","/^1(3|8)00/":".... ... ...","/^13/":".. .. ..","/^180/":"... ...."},0,[]],["Austria","at","43"],["Azerbaijan","az","994","(..) ... .. .."],["Bahamas","bs","1242"],["Bahrain","bh","973"],["Bangladesh","bd","880"],["Barbados","bb","1246"],["Belarus","by","375","(..) ... .. .."],["Belgium","be","32","... .. .. .."],["Belize","bz","501"],["Benin","bj","229"],["Bhutan","bt","975"],["Bolivia","bo","591"],["Bosnia and Herzegovina","ba","387"],["Botswana","bw","267"],["Brazil","br","55","(..) .....-...."],["British Indian Ocean Territory","io","246"],["Brunei","bn","673"],["Bulgaria","bg","359"],["Burkina Faso","bf","226"],["Burundi","bi","257"],["Cambodia","kh","855"],["Cameroon","cm","237"],["Canada","ca","1","(...) ...-....",1,["204","226","236","249","250","289","306","343","365","387","403","416","418","431","437","438","450","506","514","519","548","579","581","587","604","613","639","647","672","705","709","742","778","780","782","807","819","825","867","873","902","905"]],["Cape Verde","cv","238"],["Caribbean Netherlands","bq","599","",1],["Cayman Islands","ky","1","... ... ....",4,["345"]],["Central African Republic","cf","236"],["Chad","td","235"],["Chile","cl","56"],["China","cn","86","... .... ...."],["Colombia","co","57","... ... ...."],["Comoros","km","269"],["Congo","cd","243"],["Congo","cg","242"],["Costa Rica","cr","506","....-...."],["C\xF4te d'Ivoire","ci","225",".. .. .. .. .."],["Croatia","hr","385"],["Cuba","cu","53"],["Cura\xE7ao","cw","599","",0],["Cyprus","cy","357",".. ......"],["Czech Republic","cz","420","... ... ..."],["Denmark","dk","45",".. .. .. .."],["Djibouti","dj","253",".. .. ...."],["Dominica","dm","1767"],["Dominican Republic","do","1","(...) ...-....",2,["809","829","849"]],["Ecuador","ec","593"],["Egypt","eg","20"],["El Salvador","sv","503","....-...."],["Equatorial Guinea","gq","240"],["Eritrea","er","291"],["Estonia","ee","372",".... ......"],["Ethiopia","et","251",".. ... ...."],["Faroe Islands","fo","298",".. .. .."],["Fiji","fj","679"],["Finland","fi","358",".. ... .. .."],["France","fr","33",". .. .. .. .."],["French Guiana","gf","594","... .. .. .."],["French Polynesia","pf","689",{"/^44/":".. .. ..","/^80[0-5]/":"... .. .. ..",default:".. .. .. .."}],["Gabon","ga","241"],["Gambia","gm","220"],["Georgia","ge","995"],["Germany","de","49","... ........."],["Ghana","gh","233"],["Greece","gr","30"],["Greenland","gl","299",".. .. .."],["Grenada","gd","1473"],["Guadeloupe","gp","590","... .. .. ..",0],["Guam","gu","1671"],["Guatemala","gt","502","....-...."],["Guinea","gn","224"],["Guinea-Bissau","gw","245"],["Guyana","gy","592"],["Haiti","ht","509","....-...."],["Honduras","hn","504"],["Hong Kong","hk","852",".... ...."],["Hungary","hu","36"],["Iceland","is","354","... ...."],["India","in","91",".....-....."],["Indonesia","id","62"],["Iran","ir","98","... ... ...."],["Iraq","iq","964"],["Ireland","ie","353",".. ......."],["Israel","il","972","... ... ...."],["Italy","it","39","... .......",0],["Jamaica","jm","1876"],["Japan","jp","81",".. .... ...."],["Jordan","jo","962"],["Kazakhstan","kz","7","... ...-..-..",0],["Kenya","ke","254"],["Kiribati","ki","686"],["Kosovo","xk","383"],["Kuwait","kw","965"],["Kyrgyzstan","kg","996","... ... ..."],["Laos","la","856"],["Latvia","lv","371",".. ... ..."],["Lebanon","lb","961"],["Lesotho","ls","266"],["Liberia","lr","231"],["Libya","ly","218"],["Liechtenstein","li","423"],["Lithuania","lt","370"],["Luxembourg","lu","352"],["Macau","mo","853"],["Macedonia","mk","389"],["Madagascar","mg","261"],["Malawi","mw","265"],["Malaysia","my","60","..-....-...."],["Maldives","mv","960"],["Mali","ml","223"],["Malta","mt","356"],["Marshall Islands","mh","692"],["Martinique","mq","596","... .. .. .."],["Mauritania","mr","222"],["Mauritius","mu","230"],["Mayotte","yt","262","... .. .. ..",1,["269","639"]],["Mexico","mx","52","... ... ....",0],["Micronesia","fm","691"],["Moldova","md","373","(..) ..-..-.."],["Monaco","mc","377"],["Mongolia","mn","976"],["Montenegro","me","382"],["Morocco","ma","212"],["Mozambique","mz","258"],["Myanmar","mm","95"],["Namibia","na","264"],["Nauru","nr","674"],["Nepal","np","977"],["Netherlands","nl","31",{"/^06/":"(.). .........","/^6/":". .........","/^0(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/":"(.).. ........","/^(10|13|14|15|20|23|24|26|30|33|35|36|38|40|43|44|45|46|50|53|55|58|70|71|72|73|74|75|76|77|78|79|82|84|85|87|88|91)/":".. ........","/^0/":"(.)... .......",default:"... ......."}],["New Caledonia","nc","687"],["New Zealand","nz","64","...-...-...."],["Nicaragua","ni","505"],["Niger","ne","227"],["Nigeria","ng","234"],["North Korea","kp","850"],["Norway","no","47","... .. ..."],["Oman","om","968"],["Pakistan","pk","92","...-......."],["Palau","pw","680"],["Palestine","ps","970"],["Panama","pa","507"],["Papua New Guinea","pg","675"],["Paraguay","py","595"],["Peru","pe","51"],["Philippines","ph","63","... ... ...."],["Poland","pl","48","...-...-..."],["Portugal","pt","351"],["Puerto Rico","pr","1","(...) ...-....",3,["787","939"]],["Qatar","qa","974"],["R\xE9union","re","262","... .. .. ..",0],["Romania","ro","40"],["Russia","ru","7","(...) ...-..-..",1],["Rwanda","rw","250"],["Saint Kitts and Nevis","kn","1869"],["Saint Lucia","lc","1758"],["Saint Pierre & Miquelon","pm","508",{"/^708/":"... ... ...","/^8/":"... .. .. ..",default:".. .. .."}],["Saint Vincent and the Grenadines","vc","1784"],["Samoa","ws","685"],["San Marino","sm","378"],["S\xE3o Tom\xE9 and Pr\xEDncipe","st","239"],["Saudi Arabia","sa","966"],["Senegal","sn","221"],["Serbia","rs","381"],["Seychelles","sc","248"],["Sierra Leone","sl","232"],["Singapore","sg","65","....-...."],["Slovakia","sk","421"],["Slovenia","si","386"],["Solomon Islands","sb","677"],["Somalia","so","252"],["South Africa","za","27"],["South Korea","kr","82","... .... ...."],["South Sudan","ss","211"],["Spain","es","34","... ... ..."],["Sri Lanka","lk","94"],["Sudan","sd","249"],["Suriname","sr","597"],["Swaziland","sz","268"],["Sweden","se","46","... ... ..."],["Switzerland","ch","41",".. ... .. .."],["Syria","sy","963"],["Taiwan","tw","886"],["Tajikistan","tj","992"],["Tanzania","tz","255"],["Thailand","th","66"],["Timor-Leste","tl","670"],["Togo","tg","228"],["Tonga","to","676"],["Trinidad and Tobago","tt","1868"],["Tunisia","tn","216"],["Turkey","tr","90","... ... .. .."],["Turkmenistan","tm","993"],["Tuvalu","tv","688"],["Uganda","ug","256"],["Ukraine","ua","380","(..) ... .. .."],["United Arab Emirates","ae","971"],["United Kingdom","gb","44",".... ......"],["United States","us","1","(...) ...-....",0],["Uruguay","uy","598"],["Uzbekistan","uz","998",".. ... .. .."],["Vanuatu","vu","678"],["Vatican City","va","39",".. .... ....",1],["Venezuela","ve","58"],["Vietnam","vn","84"],["Wallis & Futuna","wf","681",".. .. .."],["Yemen","ye","967"],["Zambia","zm","260"],["Zimbabwe","zw","263"]];var xe="react-international-phone-",se$1=(...t)=>t.filter(e=>!!e).join(" ").trim(),Se=(...t)=>se$1(...t).split(" ").map(e=>`${xe}${e}`).join(" "),P$3=({addPrefix:t,rawClassNames:e})=>se$1(Se(...t),...e);var le=({value:t,mask:e,maskSymbol:a,offset:s=0,trimNonMaskCharsLeftover:r=false})=>{if(t.length<s)return t;let n=t.slice(0,s),c=t.slice(s),i=n,o=0;for(let l of e.split("")){if(o>=c.length){if(!r&&l!==a){i+=l;continue}break}l===a?(i+=c[o],o+=1):i+=l;}return i};var F$2=t=>t?/^\d+$/.test(t):false;var z$1=t=>t.replace(/\D/g,"");var ue=(t,e)=>{let a=t.style.display;a!=="block"&&(t.style.display="block");let s=t.getBoundingClientRect(),r=e.getBoundingClientRect(),n=r.top-s.top,c=s.bottom-r.bottom;n>=0&&c>=0||(Math.abs(n)<Math.abs(c)?t.scrollTop+=n:t.scrollTop-=c),t.style.display=a;};var de=()=>typeof window>"u"?false:window.navigator.userAgent.toLowerCase().includes("macintosh");var pe=(t,e)=>{let a=e.disableDialCodeAndPrefix?false:e.forceDialCode,s=e.disableDialCodeAndPrefix?false:e.insertDialCodeOnEmpty,r=t,n=l=>e.trimNonDigitsEnd?l.trim():l;if(!r)return s&&!r.length||a?n(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`):n(r);if(r=z$1(r),r===e.dialCode&&!e.disableDialCodeAndPrefix)return n(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`);if(e.dialCode.startsWith(r)&&!e.disableDialCodeAndPrefix)return n(a?`${e.prefix}${e.dialCode}${e.charAfterDialCode}`:`${e.prefix}${r}`);if(!r.startsWith(e.dialCode)&&!e.disableDialCodeAndPrefix){if(a)return n(`${e.prefix}${e.dialCode}${e.charAfterDialCode}`);if(r.length<e.dialCode.length)return n(`${e.prefix}${r}`)}let c=()=>{let l=e.dialCode.length,d=r.slice(0,l),m=r.slice(l);return {phoneLeftSide:d,phoneRightSide:m}},{phoneLeftSide:i,phoneRightSide:o}=c();return i=`${e.prefix}${i}${e.charAfterDialCode}`,o=le({value:o,mask:e.mask,maskSymbol:e.maskChar,trimNonMaskCharsLeftover:e.trimNonDigitsEnd||e.disableDialCodeAndPrefix&&o.length===0}),e.disableDialCodeAndPrefix&&(i=""),n(`${i}${o}`)};var me=({phoneBeforeInput:t,phoneAfterInput:e,phoneAfterFormatted:a,cursorPositionAfterInput:s,leftOffset:r=0,deletion:n})=>{if(s<r)return r;if(!t)return a.length;let c=null;for(let d=s-1;d>=0;d-=1)if(F$2(e[d])){c=d;break}if(c===null){for(let d=0;d<e.length;d+=1)if(F$2(a[d]))return d;return e.length}let i=0;for(let d=0;d<c;d+=1)F$2(e[d])&&(i+=1);let o=0,l=0;for(let d=0;d<a.length&&(o+=1,F$2(a[d])&&(l+=1),!(l>=i+1));d+=1);if(n!=="backward")for(;!F$2(a[o])&&o<a.length;)o+=1;return o};var O$2=({phone:t,prefix:e})=>t?`${e}${z$1(t)}`:"";function W$4({value:t,country:e,insertDialCodeOnEmpty:a,trimNonDigitsEnd:s,countries:r,prefix:n,charAfterDialCode:c,forceDialCode:i,disableDialCodeAndPrefix:o,defaultMask:l,countryGuessingEnabled:d,disableFormatting:m}){let f=t;o&&(f=f.startsWith(`${n}`)?f:`${n}${e.dialCode}${f}`);let g=d?X$2({phone:f,countries:r,currentCountryIso2:e?.iso2}):void 0,S=g?.country??e,p=pe(f,{prefix:n,mask:Q$1({phone:f,country:S,defaultMask:l,disableFormatting:m}),maskChar:J$2,dialCode:S.dialCode,trimNonDigitsEnd:s,charAfterDialCode:c,forceDialCode:i,insertDialCodeOnEmpty:a,disableDialCodeAndPrefix:o}),C=d&&!g?.fullDialCodeMatch?e:S;return {phone:O$2({phone:o?`${C.dialCode}${p}`:p,prefix:n}),inputValue:p,country:C}}var Ie=t=>{if(t?.toLocaleLowerCase().includes("delete")??false)return t?.toLocaleLowerCase().includes("forward")?"forward":"backward"},fe=(t,{country:e,insertDialCodeOnEmpty:a,phoneBeforeInput:s,prefix:r,charAfterDialCode:n,forceDialCode:c,disableDialCodeAndPrefix:i,countryGuessingEnabled:o,defaultMask:l,disableFormatting:d,countries:m})=>{let f=t.nativeEvent,g=f.inputType,S=Ie(g),p=!!g?.startsWith("insertFrom"),C=g==="insertText",D=f?.data||void 0,I=t.target.value,A=t.target.selectionStart??0;if(g?.includes("history"))return {inputValue:s,phone:O$2({phone:s,prefix:r}),cursorPosition:s.length,country:e};if(C&&!F$2(D)&&I!==r)return {inputValue:s,phone:O$2({phone:i?`${e.dialCode}${s}`:s,prefix:r}),cursorPosition:A-(D?.length??0),country:e};if(c&&!I.startsWith(`${r}${e.dialCode}`)&&!p){let b=I?s:`${r}${e.dialCode}${n}`;return {inputValue:b,phone:O$2({phone:b,prefix:r}),cursorPosition:r.length+e.dialCode.length+n.length,country:e}}let{phone:N,inputValue:u,country:h}=W$4({value:I,country:e,trimNonDigitsEnd:S==="backward",insertDialCodeOnEmpty:a,countryGuessingEnabled:o,countries:m,prefix:r,charAfterDialCode:n,forceDialCode:c,disableDialCodeAndPrefix:i,disableFormatting:d,defaultMask:l}),y=me({cursorPositionAfterInput:A,phoneBeforeInput:s,phoneAfterInput:I,phoneAfterFormatted:u,leftOffset:c?r.length+e.dialCode.length+n.length:0,deletion:S});return {phone:N,inputValue:u,cursorPosition:y,country:h}};var Ce=(t,e)=>{let a=Object.keys(t),s=Object.keys(e);if(a.length!==s.length)return false;for(let r of a)if(t[r]!==e[r])return false;return true};var ye=()=>{let t=React.useRef(),e=React.useRef(Date.now());return {check:()=>{let s=Date.now(),r=t.current?s-e.current:void 0;return t.current=e.current,e.current=s,r}}};var ke={size:20,overrideLastItemDebounceMS:-1};function ge(t,e){let{size:a,overrideLastItemDebounceMS:s,onChange:r}={...ke,...e},[n,c]=React.useState(t),[i,o]=React.useState([n]),[l,d]=React.useState(0),m=ye();return [n,(p,C)=>{if(typeof p=="object"&&typeof n=="object"&&Ce(p,n)||p===n)return;let k=s>0,D=m.check(),I=k&&D!==void 0?D>s:true;if(C?.overrideLastItem!==void 0?C.overrideLastItem:!I)o(N=>[...N.slice(0,l),p]);else {let N=i.length>=a;o(u=>[...u.slice(N?1:0,l+1),p]),N||d(u=>u+1);}c(p),r?.(p);},()=>{if(l<=0)return {success:false};let p=i[l-1];return c(p),d(C=>C-1),r?.(p),{success:true,value:p}},()=>{if(l+1>=i.length)return {success:false};let p=i[l+1];return c(p),d(C=>C+1),r?.(p),{success:true,value:p}}]}var J$2=".",E$2={defaultCountry:"us",value:"",prefix:"+",defaultMask:"............",charAfterDialCode:" ",historySaveDebounceMS:200,disableCountryGuess:false,disableDialCodePrefill:false,forceDialCode:false,disableDialCodeAndPrefix:false,disableFormatting:false,countries:_$3},ee=({defaultCountry:t=E$2.defaultCountry,value:e=E$2.value,countries:a=E$2.countries,prefix:s=E$2.prefix,defaultMask:r=E$2.defaultMask,charAfterDialCode:n=E$2.charAfterDialCode,historySaveDebounceMS:c=E$2.historySaveDebounceMS,disableCountryGuess:i=E$2.disableCountryGuess,disableDialCodePrefill:o=E$2.disableDialCodePrefill,forceDialCode:l=E$2.forceDialCode,disableDialCodeAndPrefix:d=E$2.disableDialCodeAndPrefix,disableFormatting:m=E$2.disableFormatting,onChange:f,inputRef:g})=>{let C={countries:a,prefix:s,charAfterDialCode:n,forceDialCode:d?false:l,disableDialCodeAndPrefix:d,defaultMask:r,countryGuessingEnabled:!i,disableFormatting:m},k=React.useRef(null),D=g||k,I=w=>{Promise.resolve().then(()=>{typeof window>"u"||D.current!==document?.activeElement||D.current?.setSelectionRange(w,w);});},[{phone:A,inputValue:N,country:u},h,y,b]=ge(()=>{let w=$$4({value:t,field:"iso2",countries:a});w||console.error(`[react-international-phone]: can not find a country with "${t}" iso2 code`);let T=w||$$4({value:"us",field:"iso2",countries:a}),{phone:x,inputValue:L,country:U}=W$4({value:e,country:T,insertDialCodeOnEmpty:!o,...C});return I(L.length),{phone:x,inputValue:L,country:U.iso2}},{overrideLastItemDebounceMS:c,onChange:({inputValue:w,phone:T,country:x})=>{if(!f)return;let L=v(x);f({phone:T,inputValue:w,country:L});}}),v=React.useCallback(w=>$$4({value:w,field:"iso2",countries:a}),[a]),R=React.useMemo(()=>v(u),[u,v]);React.useEffect(()=>{let w=D.current;if(!w)return;let T=x=>{if(!x.key)return;let L=x.ctrlKey,U=x.metaKey,ve=x.shiftKey;if(x.key.toLowerCase()==="z"){if(de()){if(!U)return}else if(!L)return;ve?b():y();}};return w.addEventListener("keydown",T),()=>{w.removeEventListener("keydown",T);}},[D,y,b]);let V=w=>{w.preventDefault();let{phone:T,inputValue:x,country:L,cursorPosition:U}=fe(w,{country:R,phoneBeforeInput:N,insertDialCodeOnEmpty:false,...C});return h({inputValue:x,phone:T,country:L.iso2}),I(U),e},K=(w,T={focusOnInput:false})=>{let x=$$4({value:w,field:"iso2",countries:a});if(!x){console.error(`[react-international-phone]: can not find a country with "${w}" iso2 code`);return}let L=d?"":`${s}${x.dialCode}${n}`;h({inputValue:L,phone:`${s}${x.dialCode}`,country:x.iso2}),T.focusOnInput&&Promise.resolve().then(()=>{D.current?.focus();});},[G,j]=React.useState(false);return React.useEffect(()=>{if(!G){j(true),e!==A&&f?.({inputValue:N,phone:A,country:R});return}if(e===A)return;let{phone:w,inputValue:T,country:x}=W$4({value:e,country:R,insertDialCodeOnEmpty:!o,...C});h({phone:w,inputValue:T,country:x.iso2});},[e]),{phone:A,inputValue:N,country:R,setCountry:K,handlePhoneValueChange:V,inputRef:D}};var Q$1=({phone:t,country:e,defaultMask:a="............",disableFormatting:s=false})=>{let r=e.format,n=i=>s?i.replace(new RegExp(`[^${J$2}]`,"g"),""):i;if(!r)return n(a);if(typeof r=="string")return n(r);if(!r.default)return console.error(`[react-international-phone]: default mask for ${e.iso2} is not provided`),n(a);let c=Object.keys(r).find(i=>{if(i==="default")return false;if(!(i.charAt(0)==="/"&&i.charAt(i.length-1)==="/"))return console.error(`[react-international-phone]: format regex "${i}" for ${e.iso2} is not valid`),false;let l=new RegExp(i.substring(1,i.length-1)),d=t.replace(e.dialCode,"");return l.test(z$1(d))});return n(c?r[c]:r.default)};var M$5=t=>{let[e,a,s,r,n,c]=t;return {name:e,iso2:a,dialCode:s,format:r,priority:n,areaCodes:c}};var Ae=t=>`Field "${t}" is not supported`,$$4=({field:t,value:e,countries:a=_$3})=>{if(["priority"].includes(t))throw new Error(Ae(t));let s=a.find(r=>{let n=M$5(r);return e===n[t]});if(s)return M$5(s)};var X$2=({phone:t,countries:e=_$3,currentCountryIso2:a})=>{let s={country:void 0,fullDialCodeMatch:false};if(!t)return s;let r=z$1(t);if(!r)return s;let n=s,c=({country:i,fullDialCodeMatch:o})=>{let l=i.dialCode===n.country?.dialCode,d=(i.priority??0)<(n.country?.priority??0);(!l||d)&&(n={country:i,fullDialCodeMatch:o});};for(let i of e){let o=M$5(i),{dialCode:l,areaCodes:d}=o;if(r.startsWith(l)){let m=n.country?Number(l)>=Number(n.country.dialCode):true;if(d){let f=r.substring(l.length);for(let g of d)if(f.startsWith(g))return {country:o,fullDialCodeMatch:true}}(m||l===r||!n.fullDialCodeMatch)&&c({country:o,fullDialCodeMatch:true});}n.fullDialCodeMatch||r.length<l.length&&l.startsWith(r)&&(!n.country||Number(l)<=Number(n.country.dialCode))&&c({country:o,fullDialCodeMatch:false});}if(a){let i=$$4({value:a,field:"iso2",countries:e});if(!i)return n;let l=i?(m=>{if(!m?.areaCodes)return false;let f=r.substring(m.dialCode.length);return m.areaCodes.some(g=>g.startsWith(f))})(i):false;!!n&&n.country?.dialCode===i.dialCode&&n.country!==i&&n.fullDialCodeMatch&&(!i.areaCodes||l)&&(n={country:i,fullDialCodeMatch:true});}return n};var Te=(t,e)=>{let a=parseInt(t,16);return Number(a+e).toString(16)},Ee="abcdefghijklmnopqrstuvwxyz",Le="1f1e6",Pe=Ee.split("").reduce((t,e,a)=>({...t,[e]:Te(Le,a)}),{}),$e=t=>[Pe[t[0]],Pe[t[1]]].join("-"),q$3=({iso2:t,size:e,src:a,protocol:s="https",disableLazyLoading:r,className:n,style:c,...i})=>{if(!t)return React.createElement("img",{className:P$3({addPrefix:["flag-emoji"],rawClassNames:[n]}),width:e,height:e,...i});let o=()=>{if(a)return a;let l=$e(t);return `${s}://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/${l}.svg`};return React.createElement("img",{className:P$3({addPrefix:["flag-emoji"],rawClassNames:[n]}),src:o(),width:e,height:e,draggable:false,"data-country":t,loading:r?void 0:"lazy",style:{width:e,height:e,...c},alt:"",...i})};var He=1e3,ne=({show:t,dialCodePrefix:e="+",selectedCountry:a,countries:s=_$3,preferredCountries:r=[],flags:n,onSelect:c,onClose:i,...o})=>{let l=React.useRef(null),d=React.useRef(),m=React.useMemo(()=>{if(!r||!r.length)return s;let u=[],h=[...s];for(let y of r){let b=h.findIndex(v=>M$5(v).iso2===y);if(b!==-1){let v=h.splice(b,1)[0];u.push(v);}}return u.concat(h)},[s,r]),f=React.useRef({updatedAt:void 0,value:""}),g=u=>{let h=f.current.updatedAt&&new Date().getTime()-f.current.updatedAt.getTime()>He;f.current={value:h?u:`${f.current.value}${u}`,updatedAt:new Date};let y=m.findIndex(b=>M$5(b).name.toLowerCase().startsWith(f.current.value));y!==-1&&C(y);},S=React.useCallback(u=>m.findIndex(h=>M$5(h).iso2===u),[m]),[p,C]=React.useState(S(a)),k=()=>{d.current!==a&&C(S(a));},D=React.useCallback(u=>{C(S(u.iso2)),c?.(u);},[c,S]),I=u=>{let h=m.length-1,y=b=>u==="prev"?b-1:u==="next"?b+1:u==="last"?h:0;C(b=>{let v=y(b);return v<0?0:v>h?h:v});},A=u=>{if(u.stopPropagation(),u.key==="Enter"){u.preventDefault();let h=M$5(m[p]);D(h);return}if(u.key==="Escape"){i?.();return}if(u.key==="ArrowUp"){u.preventDefault(),I("prev");return}if(u.key==="ArrowDown"){u.preventDefault(),I("next");return}if(u.key==="PageUp"){u.preventDefault(),I("first");return}if(u.key==="PageDown"){u.preventDefault(),I("last");return}u.key===" "&&u.preventDefault(),u.key.length===1&&!u.altKey&&!u.ctrlKey&&!u.metaKey&&g(u.key.toLocaleLowerCase());},N=React.useCallback(()=>{if(!l.current||p===void 0)return;let u=M$5(m[p]).iso2;if(u===d.current)return;let h=l.current.querySelector(`[data-country="${u}"]`);h&&(ue(l.current,h),d.current=u);},[p,m]);return React.useEffect(()=>{N();},[p,N]),React.useEffect(()=>{l.current&&(t?l.current.focus():k());},[t]),React.useEffect(()=>{k();},[a]),React.createElement("ul",{ref:l,role:"listbox",className:P$3({addPrefix:["country-selector-dropdown"],rawClassNames:[o.className]}),style:{display:t?"block":"none",...o.style},onKeyDown:A,onBlur:i,tabIndex:-1,"aria-activedescendant":`react-international-phone__${M$5(m[p]).iso2}-option`},m.map((u,h)=>{let y=M$5(u),b=y.iso2===a,v=h===p,R=r.includes(y.iso2),V=h===r.length-1,K=n?.find(G=>G.iso2===y.iso2);return React.createElement(React.Fragment,{key:y.iso2},React.createElement("li",{"data-country":y.iso2,role:"option","aria-selected":b,"aria-label":`${y.name} ${e}${y.dialCode}`,id:`react-international-phone__${y.iso2}-option`,className:P$3({addPrefix:["country-selector-dropdown__list-item",R&&"country-selector-dropdown__list-item--preferred",b&&"country-selector-dropdown__list-item--selected",v&&"country-selector-dropdown__list-item--focused"],rawClassNames:[o.listItemClassName,R&&o.listItemPreferredClassName,b&&o.listItemSelectedClassName,v&&o.listItemFocusedClassName]}),onClick:()=>D(y),style:o.listItemStyle,title:y.name},React.createElement(q$3,{iso2:y.iso2,src:K?.src,className:P$3({addPrefix:["country-selector-dropdown__list-item-flag-emoji"],rawClassNames:[o.listItemFlagClassName]}),style:o.listItemFlagStyle}),React.createElement("span",{className:P$3({addPrefix:["country-selector-dropdown__list-item-country-name"],rawClassNames:[o.listItemCountryNameClassName]}),style:o.listItemCountryNameStyle},y.name),React.createElement("span",{className:P$3({addPrefix:["country-selector-dropdown__list-item-dial-code"],rawClassNames:[o.listItemDialCodeClassName]}),style:o.listItemDialCodeStyle},e,y.dialCode)),V?React.createElement("hr",{className:P$3({addPrefix:["country-selector-dropdown__preferred-list-divider"],rawClassNames:[o.preferredListDividerClassName]}),style:o.preferredListDividerStyle}):null)}))};var ae=({selectedCountry:t,onSelect:e,disabled:a,hideDropdown:s,countries:r=_$3,preferredCountries:n=[],flags:c,renderButtonWrapper:i,...o})=>{let[l,d]=React.useState(false),m=React.useMemo(()=>{if(t)return $$4({value:t,field:"iso2",countries:r})},[r,t]),f=React.useRef(null),g=p=>{p.key&&["ArrowUp","ArrowDown"].includes(p.key)&&(p.preventDefault(),d(true));},S=()=>{let p={title:m?.name,onClick:()=>d(k=>!k),onMouseDown:k=>k.preventDefault(),onKeyDown:g,disabled:s||a,role:"combobox","aria-label":"Country selector","aria-haspopup":"listbox","aria-expanded":l},C=React.createElement("div",{className:P$3({addPrefix:["country-selector-button__button-content"],rawClassNames:[o.buttonContentWrapperClassName]}),style:o.buttonContentWrapperStyle},React.createElement(q$3,{iso2:t,src:c?.find(k=>k.iso2===t)?.src,className:P$3({addPrefix:["country-selector-button__flag-emoji",a&&"country-selector-button__flag-emoji--disabled"],rawClassNames:[o.flagClassName]}),style:{visibility:t?"visible":"hidden",...o.flagStyle}}),!s&&React.createElement("div",{className:P$3({addPrefix:["country-selector-button__dropdown-arrow",a&&"country-selector-button__dropdown-arrow--disabled",l&&"country-selector-button__dropdown-arrow--active"],rawClassNames:[o.dropdownArrowClassName]}),style:o.dropdownArrowStyle}));return i?i({children:C,rootProps:p}):React.createElement("button",{...p,type:"button",className:P$3({addPrefix:["country-selector-button",l&&"country-selector-button--active",a&&"country-selector-button--disabled",s&&"country-selector-button--hide-dropdown"],rawClassNames:[o.buttonClassName]}),"data-country":t,style:o.buttonStyle},C)};return React.createElement("div",{className:P$3({addPrefix:["country-selector"],rawClassNames:[o.className]}),style:o.style,ref:f},S(),React.createElement(ne,{show:l,countries:r,preferredCountries:n,flags:c,onSelect:p=>{d(false),e?.(p);},selectedCountry:t,onClose:()=>{d(false);},...o.dropdownStyleProps}))};var ie=({dialCode:t,prefix:e,disabled:a,style:s,className:r})=>React.createElement("div",{className:P$3({addPrefix:["dial-code-preview",a&&"dial-code-preview--disabled"],rawClassNames:[r]}),style:s},`${e}${t}`);React.forwardRef(({value:t,onChange:e,countries:a=_$3,preferredCountries:s=[],hideDropdown:r,showDisabledDialCodeAndPrefix:n,disableFocusAfterCountrySelect:c,flags:i,style:o,className:l,inputStyle:d,inputClassName:m,countrySelectorStyleProps:f,dialCodePreviewStyleProps:g,inputProps:S,placeholder:p,disabled:C,name:k,onFocus:D,onBlur:I,required:A,autoFocus:N,...u},h)=>{let{phone:y,inputValue:b,inputRef:v,country:R,setCountry:V,handlePhoneValueChange:K}=ee({value:t,countries:a,...u,onChange:j=>{e?.(j.phone,{country:j.country,inputValue:j.inputValue});}}),G=u.disableDialCodeAndPrefix&&n&&R?.dialCode;return React.useImperativeHandle(h,()=>v.current?Object.assign(v.current,{setCountry:V,state:{phone:y,inputValue:b,country:R}}):null,[v,V,y,b,R]),React.createElement("div",{ref:h,className:P$3({addPrefix:["input-container"],rawClassNames:[l]}),style:o},React.createElement(ae,{onSelect:j=>V(j.iso2,{focusOnInput:!c}),flags:i,selectedCountry:R.iso2,countries:a,preferredCountries:s,disabled:C,hideDropdown:r,...f}),G&&React.createElement(ie,{dialCode:R.dialCode,prefix:u.prefix??"+",disabled:C,...g}),React.createElement("input",{onChange:K,value:b,type:"tel",ref:v,className:P$3({addPrefix:["input",C&&"input--disabled"],rawClassNames:[m]}),placeholder:p,disabled:C,style:d,name:k,onFocus:D,onBlur:I,autoFocus:N,required:A,...S}))});
|
|
13876
13879
|
|
|
@@ -13880,13 +13883,13 @@ const K$1=D$3(({children:o,...s})=>jsxRuntime.jsx(Flex,{alignItems:"center",just
|
|
|
13880
13883
|
|
|
13881
13884
|
const v$2=/\D/g,k$4=({pinLength:o,onComplete:A=u=>u,onChange:g=u=>u,id:p="pin-code-input",autoFocus:C=true,className:T})=>{const[u,y]=React.useState(()=>Array.from({length:o},()=>"")),c=React.useRef(Array(o).fill(null));React.useEffect(()=>{y(e=>o<e.length?e.slice(0,o):o>e.length?[...e,...Array(o-e.length).fill("")]:e);},[o]),React.useEffect(()=>{var e;C&&c.current[0]&&((e=c.current[0])===null||e===void 0||e.focus());},[C,o]);const d=(e,n)=>{var r;y(n),g(n);const t=n.join("");t.length===o&&((r=c.current[e])===null||r===void 0||r.blur(),A(t));},I=React.useCallback((e,n)=>{const r=[...u];n.replace(v$2,"").split("").forEach(t=>{var a,i;e>=o||(r[e]=t,e++,(i=(a=c?.current)===null||a===void 0?void 0:a[e])===null||i===void 0||i.focus());}),d(e,r);},[u,d]),j=React.useCallback(e=>{var n,r;const t=parseInt(e.currentTarget.dataset.id||"",10),a=e.target.value.replace(v$2,"");if(a.length>1)return I(t,a);const i=[...u];i[t]=a,a.length&&((r=(n=c?.current)===null||n===void 0?void 0:n[t+1])===null||r===void 0||r.focus()),d(t,i);},[d]),N=React.useCallback(e=>{var n,r,t,a,i;const x=e.currentTarget.value.length,s=parseInt(e.currentTarget.dataset.id||"",10),f=[...u];switch(e.key){case "Backspace":{if(x&&(f[s]="",d(s,f)),s){const l=f.reduceRight((m,R,E)=>m!==-1?m:R!==""?E:m,-1);(n=c?.current[l>=0?l:0])===null||n===void 0||n.focus();}return}case "ArrowLeft":{const l=s?s-1:o-1;(r=c?.current[l])===null||r===void 0||r.focus();return}case "ArrowRight":{const l=s===o-1?0:s+1;(t=c?.current[l])===null||t===void 0||t.focus();return}default:{const l=e.key.replace(v$2,"");x&&l.length&&l!==e.currentTarget.value&&(f[s]=l,d(s,f),(i=(a=c?.current)===null||a===void 0?void 0:a[s+1])===null||i===void 0||i.focus());}}},[g,d]);return jsxRuntime.jsx("form",{id:p,className:css({margin:0,minWidth:0,display:"flex",width:"100%",justifyContent:"space-between",maxWidth:"30rem",gap:2}),children:u.map((e,n)=>jsxRuntime.jsx(se.Char,{id:p?`${p}-${n}`:void 0,"aria-label":`one time password input ${n+1}`,"data-id":n,name:`one time password input ${n+1}`,value:u[n]||"",className:cx(css({caretColor:"transparent"}),T),attr:{onChange:j,onKeyUp:N,autoComplete:n===0?"one-time-code":"off",inputMode:"numeric"},ref:r=>{c?.current&&(c.current[n]=r);}},`${p||void 0}-${n}`))})};
|
|
13882
13885
|
|
|
13883
|
-
const s="2.625rem",d$6=D$3(({children:e})=>jsxRuntime.jsx(u$
|
|
13886
|
+
const s="2.625rem",d$6=D$3(({children:e})=>jsxRuntime.jsx(u$4,{children:e})),h$4=D$3(({children:e})=>React.Children.map(e,o=>{var t,r,n;return React.cloneElement(o,{color:(t=o.props.color)!==null&&t!==void 0?t:token("colors.brand.base"),width:(r=o.props.width)!==null&&r!==void 0?r:s,height:(n=o.props.height)!==null&&n!==void 0?n:s})})),f$5=D$3(s$b),g$3=D$3(c$5),u$2=D$3(B$3),T$3=({children:e,overlay:o,...t})=>{if(o){const{animate:r,backgroundType:n,isOpen:m=true,onHidden:c,fullscreen:v=false}=t;return jsxRuntime.jsx(i$4,{animate:r,backgroundType:n,hide:!m,onHidden:c,fullscreen:v,children:e})}return jsxRuntime.jsx(jsxRuntime.Fragment,{children:e})},I$2=({children:e,overlay:o=true,...t})=>$$5(e,r=>{const n=r.get(d$6)?8:4,m=r.getProps(g$3),c=r.getProps(u$2);return jsxRuntime.jsx(T$3,{overlay:o,...t,children:jsxRuntime.jsx(i$6,{paddingType:"md",...t,children:jsxRuntime.jsxs(VStack,{alignItems:"center",gap:0,width:"full",className:css({mt:n}),children:[r.get(d$6),r.get(h$4),r.get(f$5),m&&jsxRuntime.jsx(c$5,{...m}),c&&jsxRuntime.jsx(B$3,{...c})]})})})}),S$3=Object.assign(I$2,{Header:d$6,Icon:h$4,Content:f$5,Footer:g$3,Drawer:u$2});
|
|
13884
13887
|
|
|
13885
13888
|
const i$1=D$3(S$3.Icon),j$2=({children:l,cancelLabel:t,confirmLabel:s,title:m,message:a,onCancel:f=()=>{},onConfirm:p=()=>{},...d})=>$$5(l,h=>jsxRuntime.jsxs(S$3,{...d,children:[jsxRuntime.jsx(S$3.Icon,{children:h.get(i$1)}),jsxRuntime.jsxs(S$3.Content,{children:[jsxRuntime.jsx(M$8.H3,{styles:{textAlign:"center"},children:m}),jsxRuntime.jsx(M$8,{size:"md",children:a}),jsxRuntime.jsxs(HStack,{className:css({pt:6}),children:[jsxRuntime.jsx(Q$2,{onPress:p,label:s}),t&&jsxRuntime.jsx(Q$2,{onPress:f,label:t})]})]}),jsxRuntime.jsx(S$3.Footer,{})]}));Object.assign(j$2,{Icon:i$1});
|
|
13886
13889
|
|
|
13887
|
-
const p=D$3(({children:n,...r})=>jsxRuntime.jsx(Center,{children:React.Children.map(n,t=>React.cloneElement(t,r))})),f$4=D$3(({children:n,...r})=>jsxRuntime.jsx(Center,{children:React.Children.map(n,t=>React.cloneElement(t,r))})),g$
|
|
13890
|
+
const p=D$3(({children:n,...r})=>jsxRuntime.jsx(Center,{children:React.Children.map(n,t=>React.cloneElement(t,r))})),f$4=D$3(({children:n,...r})=>jsxRuntime.jsx(Center,{children:React.Children.map(n,t=>React.cloneElement(t,r))})),g$2=({children:n,detailTitle:r,detailMessage:t,title:u,message:x,...b})=>$$5(n,c=>{const j=c.get(p),v=c.get(f$4);return jsxRuntime.jsxs(S$3,{...b,children:[jsxRuntime.jsx(S$3.Icon,{children:j||jsxRuntime.jsx(d$h,{})}),jsxRuntime.jsxs(S$3.Content,{children:[jsxRuntime.jsx(M$8.H3,{styles:{textAlign:"center"},children:u}),jsxRuntime.jsx(M$8,{size:"md",styles:{textAlign:"center"},children:x}),t&&jsxRuntime.jsxs("div",{className:css({background:"negative.lightest",borderRadius:"0.5rem",my:4,p:4,width:"full"}),children:[r&&jsxRuntime.jsx(M$8,{variant:"error",children:jsxRuntime.jsx("b",{className:css({textTransform:"uppercase"}),children:r})}),jsxRuntime.jsx(M$8,{variant:"error",children:t})]}),v]}),jsxRuntime.jsx(S$3.Footer,{})]})});Object.assign(g$2,{Icon:p,Button:f$4});
|
|
13888
13891
|
|
|
13889
|
-
const S$2=D$3(({children:e})=>React.Children.map(e,t=>jsxRuntime.jsx(Q$2,{expand:true,...t.props}))),H$3=D$3(Q$2),W$2=D$3(Q$2),k$3=D$3(({children:e})=>jsxRuntime.jsxs(U$1,{textStyle:"subtle",variant:"text",children:[jsxRuntime.jsx(U$1.TrailingIcon,{children:jsxRuntime.jsx(d$l,{})}),jsxRuntime.jsx(U$1.Content,{children:e})]})),D$1=D$3(({branding:e,title:t})=>t?jsxRuntime.jsx(M$8,{size:"sm",fontColor:"text.secondary",children:t}):jsxRuntime.jsx(d$a,{color:token(e==="light"?"colors.text.primary":"colors.neutral.primary")})),M$3=D$3(({children:e,height:t="auto",flexGrow:m=0})=>jsxRuntime.jsx(VStack,{w:"full",justify:"center",height:t,flexGrow:m,children:e})),T$2=D$3(T$4),F$1=D$3(B$3),G$1=D$3(({children:e})=>jsxRuntime.jsx(Center,{pt:3,w:"full",children:e})),I$1=D$3(({children:e,domain:t,name:m,logoUrl:a})=>jsxRuntime.jsxs(HStack,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",p:3,width:"full",children:[a?jsxRuntime.jsx("img",{src:a,alt:m,width:24,height:24}):jsxRuntime.jsx(d$a,{color:token("colors.brand.base"),height:24,width:24}),jsxRuntime.jsx(M$8,{size:"sm",fontWeight:"semibold",children:m}),t&&jsxRuntime.jsx(M$8,{size:"sm",fontColor:"text.tertiary",children:t}),e]})),N$2=({actionDirection:e="row",address:t,children:m,onBack:a,onCancel:c,hideHeader:A=false,...L})=>$$5(m,o=>{const p=o.getProps(H$3),s=o.getProps(W$2),w=o.getProps(F$1),h=o.getProps(T$2),C=o.get(S$2),b=o.get(k$3),J=o.get(D$1),f=e==="row";return jsxRuntime.jsxs(
|
|
13892
|
+
const S$2=D$3(({children:e})=>React.Children.map(e,t=>jsxRuntime.jsx(Q$2,{expand:true,...t.props}))),H$3=D$3(Q$2),W$2=D$3(Q$2),k$3=D$3(({children:e})=>jsxRuntime.jsxs(U$1,{textStyle:"subtle",variant:"text",children:[jsxRuntime.jsx(U$1.TrailingIcon,{children:jsxRuntime.jsx(d$l,{})}),jsxRuntime.jsx(U$1.Content,{children:e})]})),D$1=D$3(({branding:e,title:t})=>t?jsxRuntime.jsx(M$8,{size:"sm",fontColor:"text.secondary",children:t}):jsxRuntime.jsx(d$a,{color:token(e==="light"?"colors.text.primary":"colors.neutral.primary")})),M$3=D$3(({children:e,height:t="auto",flexGrow:m=0})=>jsxRuntime.jsx(VStack,{w:"full",justify:"center",height:t,flexGrow:m,children:e})),T$2=D$3(T$4),F$1=D$3(B$3),G$1=D$3(({children:e})=>jsxRuntime.jsx(Center,{pt:3,w:"full",children:e})),I$1=D$3(({children:e,domain:t,name:m,logoUrl:a})=>jsxRuntime.jsxs(HStack,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",p:3,width:"full",children:[a?jsxRuntime.jsx("img",{src:a,alt:m,width:24,height:24}):jsxRuntime.jsx(d$a,{color:token("colors.brand.base"),height:24,width:24}),jsxRuntime.jsx(M$8,{size:"sm",fontWeight:"semibold",children:m}),t&&jsxRuntime.jsx(M$8,{size:"sm",fontColor:"text.tertiary",children:t}),e]})),N$2=({actionDirection:e="row",address:t,children:m,onBack:a,onCancel:c,hideHeader:A=false,...L})=>$$5(m,o=>{const p=o.getProps(H$3),s=o.getProps(W$2),w=o.getProps(F$1),h=o.getProps(T$2),C=o.get(S$2),b=o.get(k$3),J=o.get(D$1),f=e==="row";return jsxRuntime.jsxs(i$6,{...L,fullscreen:true,paddingType:"none",gap:0,children:[!A&&jsxRuntime.jsxs(VStack,{gap:0,width:"full",children:[jsxRuntime.jsxs(HStack,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",justifyContent:"space-between",p:3,width:"full",children:[a&&jsxRuntime.jsx(Q$2,{onPress:a,size:"md",textStyle:"neutral",variant:"text",children:jsxRuntime.jsx(Q$2.LeadingIcon,{children:jsxRuntime.jsx(s$5,{})})}),c&&jsxRuntime.jsx(Q$2,{onPress:c,label:"Cancel",size:"sm",textStyle:"neutral",variant:"text"}),!(a||c)&&jsxRuntime.jsx(Box,{w:6}),J,t||b||h?jsxRuntime.jsxs(HStack,{children:[t&&jsxRuntime.jsx(u$3,{address:t}),b,h&&jsxRuntime.jsx(T$4,{...h})]}):jsxRuntime.jsx(Box,{w:6})]}),o.get(I$1)]}),jsxRuntime.jsxs(VStack,{h:"full",w:"full",justify:"space-between",p:6,maxW:393,children:[o.get(M$3),jsxRuntime.jsxs(VStack,{w:"full",gap:3,children:[o.get(G$1),(p||s)&&jsxRuntime.jsxs(Flex,{direction:f?"row":"column-reverse",gap:f?4:3,width:"full",children:[p&&jsxRuntime.jsx(Q$2,{expand:true,label:"Cancel",variant:"neutral",...p}),s&&jsxRuntime.jsx(Q$2,{expand:true,label:"Confirm",variant:"inverse",...s})]}),C&&jsxRuntime.jsx(Flex,{direction:e,gap:f?4:3,width:"full",children:C})]})]}),w&&jsxRuntime.jsx(B$3,{...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});
|
|
13890
13893
|
|
|
13891
13894
|
const y$6={Home:s$3,Gallery:d$d,Activity:s$4,Settings:d$8};var o;(function(t){t.Home="home",t.Gallery="gallery",t.Activity="activity",t.Settings="settings";})(o||(o={}));const S$1=({active:t,children:i,label:e,onPress:n})=>jsxRuntime.jsx(Box,{pointerEvents:t===e?"none":"initial",children:jsxRuntime.jsx(Q$2,{variant:"text",onPress:n,children:jsxRuntime.jsx(Q$2.LeadingIcon,{className:css({color:t===e?"text.primary":"text.tertiary",_groupHover:{color:t===e?"text.primary":"text.secondary"}}),children:i})})}),W$1=(t,i)=>t[i],$$2=({active:t=o.Home,disabled:i=[],...e})=>jsxRuntime.jsx(Center,{bottom:0,pos:"fixed",h:"6.25rem",w:"full",style:{background:`linear-gradient(180deg, transparent 0%, ${token("colors.surface.primary")} 100%)`},children:jsxRuntime.jsx(HStack,{bg:"text.primary/6",borderColor:"text.primary/10",borderWidth:"medium",borderStyle:"solid",borderRadius:52,backdropFilter:"blur(24px)",p:1.5,children:Object.keys(o).map(n=>{var m;const a=o[n],l=(m=i.find(v=>v.type===a))===null||m===void 0?void 0:m.label,p=y$6[n],c=W$1(e,`on${n}`);return c?l?jsxRuntime.jsx(d$j,{content:l,width:"max-content",children:jsxRuntime.jsx(Box,{border:"thin solid transparent",opacity:.3,p:1.5,children:jsxRuntime.jsx(p,{})})},a):jsxRuntime.jsx(S$1,{active:t,label:a,onPress:c,children:jsxRuntime.jsx(p,{})},a):null})})});
|
|
13892
13895
|
|
|
@@ -13894,29 +13897,29 @@ const _$2=({avatarUrl:i,email:o,name:e,logoutLabel:d="Log out",onReceive:a,onLog
|
|
|
13894
13897
|
|
|
13895
13898
|
const i=D$3(({children:r})=>r),L$1=r=>{const{isPending:e,isSuccess:m,onChange:n,onComplete:p,originName:s,pinLength:c,id:a,autoFocus:g,errorMessage:t,children:h}=r,d=()=>e?jsxRuntime.jsx(d$m,{size:36,strokeWidth:4}):m?jsxRuntime.jsx(s$d,{color:token("colors.brand.base"),width:36,height:36}):jsxRuntime.jsx(k$4,{originName:s,onChange:n,pinLength:c,onComplete:p,id:a,autoFocus:g});return $$5(h,l=>jsxRuntime.jsxs(VStack,{gap:3,my:3,children:[jsxRuntime.jsx(Center,{height:12,children:d()}),t&&jsxRuntime.jsx(M$8,{variant:"error",size:"sm",styles:{textAlign:"center"},children:t}),l.get(i)]}))},P$2=Object.assign(L$1,{RetryContent:i});
|
|
13896
13899
|
|
|
13897
|
-
var m$
|
|
13900
|
+
var m$3=typeof window>"u"?React__namespace.useEffect:React__namespace.useLayoutEffect,y$5=e=>{let t=React__namespace.createContext(e);return t.displayName="SlotsContext",t},x$3=e=>typeof e=="string"?e:e.displayName||e.name||"Component",h$3=["$$typeof","render","displayName","defaultProps"],E$1=(e,t)=>{if(typeof t=="string")return e;let r=Object.getOwnPropertyNames(t).reduce((o,s)=>(h$3.includes(s)||(o[s]=t[s]),o),{});return Object.assign(e,r)};var d$5="slots-wrapper",N$1=new RegExp(`^<${d$5}>.*</${d$5}>$`),v$1=({name:e,forceUpdate:t,children:r})=>{let o=React__namespace.useRef(null),s=React__namespace.useRef(false);return m$3(()=>{var c;if(!s.current&&((c=o.current)==null?void 0:c.innerHTML)){let i=o.current.innerHTML;i&&!N$1.test(i)&&console.warn(`Unwrapped children found in "${e}", either wrap them in slots or remove`);}s.current=true,t();},[e]),s.current?React__namespace.createElement(React__namespace.Fragment,null,r):React__namespace.createElement(d$5,{ref:o},r)};var f$3=React__namespace.createContext({rescan:()=>{}}),P$1=({children:e})=>{let[t,r]=React__namespace.useReducer(()=>[],[]),o=React__namespace.useMemo(()=>({rescan:r}),[t]);return React__namespace.createElement(f$3.Provider,{value:o},e)};var C$3=e=>{let t=new Map;return {register(r,o){t.set(r,o);},update(r,o){t.set(r,o),e==null||e(r);},unmount(r){t.delete(r),e==null||e(r);},clear(){t.clear();},has(r){return t.has(r)},get(){return Array.from(t.values())}}};var A$2=(e,t)=>e.type===t,b$5=e=>{if(!e)return;let{key:t,ref:r,props:o}=e;return {...o,key:t,ref:r}};var R$1=y$5(void 0),$$1=({children:e})=>e(),w$1=e=>{let t=0;return ()=>`${e}_${t++}`},M$2=w$1("s"),K=({children:e,callback:t})=>{let r=React__namespace.useReducer(()=>[],[])[1],o=React__namespace.useMemo(()=>C$3(r),[r]);return React__namespace.createElement(React__namespace.Fragment,null,React__namespace.createElement(R$1.Provider,{value:o},React__namespace.createElement(P$1,null,process.env.NODE_ENV==="production"?e:React__namespace.createElement(v$1,{name:"HostSlots",forceUpdate:r},e))),React__namespace.createElement($$1,null,()=>t(o.get())))},X$1=(e,t)=>React__namespace.createElement(K,{children:e,callback:t}),q$2=e=>{let t=w$1(M$2()),r=React__namespace.forwardRef(({$slot_key$:c,...i},S)=>{let a=React__namespace.useContext(R$1);if(!a)return null;let g=React__namespace.useContext(f$3),T=React__namespace.createElement(s,{key:c,ref:S,...i});return a.register(c,T),React__namespace.useEffect(()=>{a.has(c)&&a.update(c,T);}),m$3(()=>(a.clear(),g.rescan(),()=>a.unmount(c)),[a]),null}),o=(c,i)=>{if(!React__namespace.useContext(R$1))return e?React__namespace.createElement(e,{ref:i,...c}):null;let[a]=React__namespace.useState(t);return React__namespace.createElement(r,{ref:i,$slot_key$:a,...c})};o.displayName=e?`Slot(${x$3(e)})`:"Slot";let s=React__namespace.forwardRef(o);return e?E$1(s,e):s};
|
|
13898
13901
|
|
|
13899
|
-
const l=q$2(({actionBox:e,children:n,disabledLabel:o,label:i,onPress:r})=>e?jsxRuntime.jsx(Center,{h:"76px",maxW:"115px",w:"full",opacity:o?.3:1,pointerEvents:o?"none":"initial",children:jsxRuntime.jsx(a$
|
|
13902
|
+
const l=q$2(({actionBox:e,children:n,disabledLabel:o,label:i,onPress:r})=>e?jsxRuntime.jsx(Center,{h:"76px",maxW:"115px",w:"full",opacity:o?.3:1,pointerEvents:o?"none":"initial",children:jsxRuntime.jsx(a$4,{className:css({_hover:{bgColor:"neutral.secondary"},bgColor:"neutral.tertiary",h:"100%"}),borderRadius:"0.75rem",expand:true,onPress:r,children:jsxRuntime.jsxs(VStack,{gap:2,children:[React.cloneElement(React.Children.only(n),{height:20,width:20}),jsxRuntime.jsx(M$8,{size:"sm",styles:{fontWeight:500},children:i})]})})}):jsxRuntime.jsxs(VStack,{gap:1,minW:20,opacity:o?.3:1,pointerEvents:o?"none":"initial",children:[jsxRuntime.jsx(Q$2,{variant:"neutral",size:"sm",onPress:r,"aria-label":"Buy",children:jsxRuntime.jsx(Q$2.LeadingIcon,{children:n})}),jsxRuntime.jsx(M$8,{size:"sm",styles:{fontWeight:500},children:i})]})),f$2=({actionBox:e,children:n})=>jsxRuntime.jsx(Box,{w:"full",children:X$1(n,o=>jsxRuntime.jsx(HStack,{w:"full",justifyContent:"space-around",px:10,children:o.map(i=>{if(A$2(i,l)){const{key:r,disabledLabel:m,...a}=b$5(i);return m?jsxRuntime.jsx(d$j,{content:m,width:"max-content",children:jsxRuntime.jsx(Box,{children:jsxRuntime.jsx(l,{actionBox:e,disabledLabel:m,...a})})},r):jsxRuntime.jsx(l,{actionBox:e,...a},r)}})}))});f$2.Action=l;
|
|
13900
13903
|
|
|
13901
13904
|
const x$2=({actionBox:n,buyLabel:s="Buy",buyDisabledLabel:b,sendLabel:r="Send",sendDisabledLabel:t,swapLabel:d="Swap",swapDisabledLabel:c,onBuy:l,onSend:a,onSwap:i})=>jsxRuntime.jsxs(f$2,{actionBox:n,children:[l&&jsxRuntime.jsx(f$2.Action,{disabledLabel:b,label:s,onPress:l,children:jsxRuntime.jsx(s$7,{})}),i&&jsxRuntime.jsx(f$2.Action,{disabledLabel:c,label:d,onPress:i,children:jsxRuntime.jsx(d$9,{})}),a&&jsxRuntime.jsx(f$2.Action,{disabledLabel:t,label:r,onPress:a,children:jsxRuntime.jsx(n$5,{})})]});
|
|
13902
13905
|
|
|
13903
|
-
const m$
|
|
13906
|
+
const m$2=({address:t,onAddressCopy:i})=>jsxRuntime.jsxs(HStack,{gap:0,style:{filter:`drop-shadow(0px 0px 0.5px color-mix(in srgb, ${token("colors.text.primary")}, transparent 20%)`},children:[jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",children:jsxRuntime.jsx("path",{d:"M0 0L48 0V48H47.4146C37.829 48 29.1682 42.28 25.4052 33.4639L16.4163 12.405C13.533 5.65001 7.28559 0.929159 0 0Z",fill:token("colors.surface.primary")})}),jsxRuntime.jsx(Center,{bgColor:"surface.primary",w:"114px",h:"48px",children:jsxRuntime.jsx(u$3,{address:t,onCopy:i,size:"sm",icon:true,fontColor:"text.secondary",fontWeight:"medium"})}),jsxRuntime.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"48",height:"48",viewBox:"0 0 48 48",fill:"none",children:jsxRuntime.jsx("path",{d:"M48 0L0 0V48H0.299999C9.94709 48 18.6672 42.2544 22.4737 33.39L31.4615 12.4594C34.3773 5.66924 40.669 0.929361 48 0Z",fill:token("colors.surface.primary")})})]});
|
|
13904
13907
|
|
|
13905
13908
|
const H$2=({connected:r,connectedLabel:p="Connected",disconnectLabel:l,disconnectedLabel:x="Not connected",domain:g,logoUrl:i,onDisconnect:f,onReceive:b})=>{const[v,s]=React.useState(false);React.useEffect(()=>{s(false);},[i]);const a=()=>jsxRuntime.jsxs(U$1,{iconSize:28,variant:"text",children:[jsxRuntime.jsx(U$1.LeadingIcon,{color:token("colors.text.tertiary"),children:i&&r&&!v?jsxRuntime.jsxs(Circle,{position:"relative",w:7,h:7,children:[jsxRuntime.jsx("img",{style:{borderRadius:"50%"},width:28,height:28,src:i,alt:"app logo",onError:()=>s(true)}),jsxRuntime.jsx(Circle,{size:"7px",position:"absolute",bg:"positive.base",borderWidth:"thin",borderColor:"surface.primary",bottom:"-1px",right:"-1px",boxSizing:"border-box"})]}):jsxRuntime.jsxs("svg",{width:"28",height:"28",children:[jsxRuntime.jsx("circle",{cx:"14",cy:"14",r:"14",fill:token("colors.surface.tertiary")}),jsxRuntime.jsx(n$6,{color:token("colors.text.tertiary"),x:6,y:6,height:16,width:16})]})}),jsxRuntime.jsxs(U$1.Content,{className:css({w:"200px"}),children:[jsxRuntime.jsxs(Stack,{w:"100%",gap:1,overflow:"hidden",children:[r?jsxRuntime.jsx(M$8,{size:"xs",variant:"success",fontWeight:"normal",children:p}):jsxRuntime.jsx(M$8,{fontColor:"text.tertiary",size:"xs",children:x}),jsxRuntime.jsx(M$8,{truncate:true,children:g})]}),r&&l&&jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Divider,{color:"surface.quaternary",my:3}),jsxRuntime.jsx(Q$2,{label:l,size:"sm",textStyle:"negative",variant:"text",onPress:f,children:jsxRuntime.jsx(Q$2.LeadingIcon,{children:jsxRuntime.jsxs("svg",{width:"20",height:"20",children:[jsxRuntime.jsx("circle",{cx:"8",cy:"8",r:"8",fill:token("colors.negative.lightest")}),jsxRuntime.jsx(c,{color:token("colors.negative.base"),x:3,y:3,height:10,width:10})]})})})]})]})]});return b?jsxRuntime.jsxs(HStack,{gap:1,minWidth:"fit-content",minHeight:"fit-content",children:[jsxRuntime.jsx(a,{}),jsxRuntime.jsx(Box,{className:css({"@media (max-width: 370px)":{display:"none"}}),minH:"18px",minW:"18px"})]}):jsxRuntime.jsx(a,{})};
|
|
13906
13909
|
|
|
13907
13910
|
const a$1=({fiatTotal:t,symbol:s})=>{const i=t?t.split("."):["0","00"],r=t?"text.primary":"text.tertiary";return jsxRuntime.jsxs(HStack,{alignItems:"flex-start",gap:1,my:3,children:[jsxRuntime.jsx(M$8.H4,{fontColor:r,styles:{lineHeight:"2.75rem"},children:s}),jsxRuntime.jsxs(HStack,{alignItems:"baseline",gap:0,children:[jsxRuntime.jsx(M$8.H1,{fontColor:r,children:i[0]}),jsxRuntime.jsx(M$8.H4,{fontColor:r,children:`.${i[1]||"00"}`})]})]})};
|
|
13908
13911
|
|
|
13909
|
-
const j$1=D$3(_$2),y$4=D$3(x$2),A$1=D$3(m$
|
|
13912
|
+
const j$1=D$3(_$2),y$4=D$3(x$2),A$1=D$3(m$2),M$1=D$3(H$2),b$4=D$3(({children:e})=>jsxRuntime.jsx(VStack,{w:"full",justify:"center",children:e})),k$2=D$3(a$1),C$2=D$3($$2),B$2=({children:e,...H})=>$$5(e,o=>{const n=o.getProps(j$1),a=o.getProps(y$4),i=o.getProps(A$1),c=o.getProps(M$1),p=o.getProps(k$2),l=o.getProps(C$2),S=`radial-gradient(circle at top, color-mix(in srgb, ${token("colors.text.primary")}, transparent 88%) 0%, transparent 25%)`,m=c||i||n;return jsxRuntime.jsxs(i$6,{...H,fullscreen:true,paddingType:"none",gap:0,children:[jsxRuntime.jsxs(VStack,{h:"full",w:"full",style:m?{background:S}:{},children:[m&&jsxRuntime.jsxs(HStack,{justify:"space-between",px:4,w:"full",children:[c?jsxRuntime.jsx(H$2,{...c}):jsxRuntime.jsx(Box,{h:10,w:10,m:1}),i&&jsxRuntime.jsx(m$2,{...i}),n?jsxRuntime.jsx(_$2,{...n}):jsxRuntime.jsx(Box,{h:10,w:10,m:1})]}),p&&jsxRuntime.jsx(a$1,{...p}),a&&jsxRuntime.jsx(x$2,{...a}),o.get(b$4)]}),l&&jsxRuntime.jsx($$2,{...l})]})});Object.assign(B$2,{AccountMenu:j$1,Actions:y$4,Address:A$1,ConnectionMenu:M$1,Content:b$4,Fiat:k$2,Navigation:C$2});
|
|
13910
13913
|
|
|
13911
|
-
const y$3=D$3(({children:t,...r})=>jsxRuntime.jsx(Center,{children:React.Children.map(t,e=>React.cloneElement(e,r))})),b$
|
|
13914
|
+
const y$3=D$3(({children:t,...r})=>jsxRuntime.jsx(Center,{children:React.Children.map(t,e=>React.cloneElement(e,r))})),b$3=D$3(({children:t,...r})=>jsxRuntime.jsx(Center,{children:React.Children.map(t,e=>React.cloneElement(e,r))})),x$1=React.forwardRef(({className:t,...r},e)=>{const{primaryLabel:p,secondaryLabel:l,isExternalLink:N}=r;return $$5(r.children,c=>{const i=c.get(y$3),m=c.get(b$3);return jsxRuntime.jsx(a$4,{ref:e,className:cx(css({p:4,bg:"neutral.quaternary",_hover:{bg:"neutral.secondary"}}),t),borderRadius:"0.5rem",expand:true,...r,children:jsxRuntime.jsxs(HStack,{justify:"space-between",w:"full",children:[jsxRuntime.jsxs(HStack,{children:[i&&{...i,props:{height:24,...i.props,className:i.props.color?void 0:css({color:"brand.base"})}},jsxRuntime.jsxs(VStack,{gap:0,alignItems:"start",children:[jsxRuntime.jsxs(HStack,{children:[typeof p=="string"?jsxRuntime.jsx(M$8,{fontWeight:"medium",children:p}):p,N&&jsxRuntime.jsx(d$e,{width:14,height:14,color:token("colors.neutral.primary")})]}),l&&jsxRuntime.jsx(M$8,{size:"sm",fontColor:"text.tertiary",children:l})]})]}),jsxRuntime.jsx(HStack,{children:m&&{...m,props:{...m.props,className:m.props.color?void 0:css({color:"neutral.primary"}),width:16,height:16}}})]})})})});x$1.displayName="NavigationButton";Object.assign(x$1,{LeadingIcon:y$3,TrailingIcon:b$3});
|
|
13912
13915
|
|
|
13913
13916
|
const n$3=({title:C,titleId:i,...t})=>jsxRuntime.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?jsxRuntime.jsx("title",{id:i,children:C}):null,jsxRuntime.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)"}),jsxRuntime.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)"}),jsxRuntime.jsxs("defs",{children:[jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_10465_20426",x1:4.8,y1:1.06667,x2:32.4967,y2:31.1537,gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#6851FF"}),jsxRuntime.jsx("stop",{offset:1,stopColor:"#CE99FF"})]}),jsxRuntime.jsxs("linearGradient",{id:"paint1_linear_10465_20426",x1:4.8,y1:1.06667,x2:32.4967,y2:31.1537,gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#6851FF"}),jsxRuntime.jsx("stop",{offset:1,stopColor:"#CE99FF"})]})]})]});
|
|
13914
13917
|
|
|
13915
|
-
const b$
|
|
13918
|
+
const b$2=D$3(({children:o,...e})=>jsxRuntime.jsx(Center,{children:React.Children.map(o,i=>React.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 jsxRuntime.jsxs(HStack,{w:"full",justify:"space-between",opacity:s?"0.5":"1",children:[jsxRuntime.jsxs(HStack,{gap:4,children:[r?{...r,props:{...r.props,width:40,height:40}}:a?jsxRuntime.jsx("img",{width:40,height:40,src:a,alt:`${o} logo`}):jsxRuntime.jsx(n$3,{width:40,height:40}),jsxRuntime.jsx(M$8,{fontWeight:"medium",styles:{textTransform:"capitalize",textAlign:"left"},children:o})]}),jsxRuntime.jsx(VStack,{gap:0,alignItems:"flex-end",children:n?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(d$i,{height:"1rem",width:"6rem"}),i&&e&&jsxRuntime.jsx("div",{style:{marginTop:"4px"},children:jsxRuntime.jsx(d$i,{height:"1rem",width:"4rem"})})]}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(M$8,{size:"sm",styles:{lineHeight:"1.5rem",textAlign:"right"},children:m?i:e}),jsxRuntime.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=React.useRef(null),u=React.useCallback(()=>{l?.();},[l]);return $$5(o.children,B=>{const h=B.get(b$2);return l?jsxRuntime.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:jsxRuntime.jsx(k$1,{name:e,fiatBalanceWithSymbol:i,tokenBalanceWithSymbol:r,tokenIcon:h,logoUrl:a,tokenBalanceFirst:s,disabled:n,isLoading:m})}):jsxRuntime.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});
|
|
13916
13919
|
|
|
13917
|
-
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})=>jsxRuntime.jsx(Center,{children:React.Children.map(s,l=>React.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=React.useRef(null),v=React.useCallback(()=>{m?.();},[m]);return $$5(C,W=>{const e=W.get(y$2);return jsxRuntime.jsxs(HStack,{w:"full",justify:"space-between",children:[jsxRuntime.jsxs(HStack,{gap:2,children:[jsxRuntime.jsx(T,{width:16,height:16,color:k}),f&&jsxRuntime.jsx(M$8,{size:"sm",fontWeight:"medium",children:g})]}),jsxRuntime.jsxs(HStack,{gap:4,children:[c&&jsxRuntime.jsx(M$8,{styles:{color:w},children:c}),b?jsxRuntime.jsx(a$
|
|
13920
|
+
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})=>jsxRuntime.jsx(Center,{children:React.Children.map(s,l=>React.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=React.useRef(null),v=React.useCallback(()=>{m?.();},[m]);return $$5(C,W=>{const e=W.get(y$2);return jsxRuntime.jsxs(HStack,{w:"full",justify:"space-between",children:[jsxRuntime.jsxs(HStack,{gap:2,children:[jsxRuntime.jsx(T,{width:16,height:16,color:k}),f&&jsxRuntime.jsx(M$8,{size:"sm",fontWeight:"medium",children:g})]}),jsxRuntime.jsxs(HStack,{gap:4,children:[c&&jsxRuntime.jsx(M$8,{styles:{color:w},children:c}),b?jsxRuntime.jsx(a$4,{ref:u,className:css({px:4,py:2.5,bg:"surface.secondary"}),borderRadius:"0.75rem",onPress:v,...s,children:jsxRuntime.jsxs(HStack,{gap:3,children:[a?jsxRuntime.jsx(d$i,{width:h}):jsxRuntime.jsx(M$8,{styles:{color:d},children:l}),e&&{...e,props:{...e.props,width:32,height:32}}]})}):jsxRuntime.jsxs(HStack,{gap:3,children:[a?jsxRuntime.jsx(d$i,{width:h}):jsxRuntime.jsx(M$8,{styles:{color:d},children:l}),e&&{...e,props:{...e.props,width:32,height:32}}]})]})]})})};Object.assign(q$1,{TokenIcon:y$2});
|
|
13918
13921
|
|
|
13919
|
-
const y$1=D$3(({backgroundColor:e,children:r})=>jsxRuntime.jsx(Center,{borderRadius:60,height:11,width:11,backgroundColor:e,overflow:"hidden",children:React.cloneElement(React.Children.only(r),{height:24,width:24})})),C$1=D$3(({backgroundColor:e,children:r})=>jsxRuntime.jsxs(Box,{height:10,width:10,position:"relative",children:[jsxRuntime.jsx(Flex,{alignItems:"center",justifyContent:"center",position:"absolute",backgroundColor:e,height:7,width:7,borderRadius:30,children:React.cloneElement(r[0],{height:20,width:20})}),jsxRuntime.jsx(Flex,{alignItems:"center",justifyContent:"center",position:"absolute",backgroundColor:e,borderRadius:30,height:7,width:7,bottom:0,right:0,children:React.cloneElement(r[1],{height:20,width:20})})]})),f$1=D$3(({backgroundColor:e,children:r})=>jsxRuntime.jsx(Flex,{backgroundColor:e,borderRadius:30,alignItems:"center",justifyContent:"center",borderWidth:"2",borderColor:"neutral.tertiary",width:"5",height:"5",children:React.cloneElement(React.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 jsxRuntime.jsx(a$
|
|
13922
|
+
const y$1=D$3(({backgroundColor:e,children:r})=>jsxRuntime.jsx(Center,{borderRadius:60,height:11,width:11,backgroundColor:e,overflow:"hidden",children:React.cloneElement(React.Children.only(r),{height:24,width:24})})),C$1=D$3(({backgroundColor:e,children:r})=>jsxRuntime.jsxs(Box,{height:10,width:10,position:"relative",children:[jsxRuntime.jsx(Flex,{alignItems:"center",justifyContent:"center",position:"absolute",backgroundColor:e,height:7,width:7,borderRadius:30,children:React.cloneElement(r[0],{height:20,width:20})}),jsxRuntime.jsx(Flex,{alignItems:"center",justifyContent:"center",position:"absolute",backgroundColor:e,borderRadius:30,height:7,width:7,bottom:0,right:0,children:React.cloneElement(r[1],{height:20,width:20})})]})),f$1=D$3(({backgroundColor:e,children:r})=>jsxRuntime.jsx(Flex,{backgroundColor:e,borderRadius:30,alignItems:"center",justifyContent:"center",borderWidth:"2",borderColor:"neutral.tertiary",width:"5",height:"5",children:React.cloneElement(React.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 jsxRuntime.jsx(a$4,{borderRadius:"0.375rem",expand:true,onPress:I,children:jsxRuntime.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:[jsxRuntime.jsxs(HStack,{children:[m&&m,p&&p,u&&jsxRuntime.jsx(Box,{position:"absolute",left:9,top:11,children:u}),jsxRuntime.jsxs(Box,{children:[jsxRuntime.jsx(M$8,{truncate:true,size:"md",fontWeight:"bold",children:e})," ",r&&jsxRuntime.jsx(M$8,{truncate:true,size:"sm",fontColor:"text.secondary",children:r})]})]}),jsxRuntime.jsxs(Box,{children:[jsxRuntime.jsx(M$8,{truncate:true,size:"md",styles:{textAlign:"end",color:x},...h,children:w}),a&&jsxRuntime.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});
|
|
13920
13923
|
|
|
13921
13924
|
const d$4=({title:l,titleId:t,...i})=>jsxRuntime.jsxs("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":t,...i,children:[l?jsxRuntime.jsx("title",{id:t,children:l}):null,jsxRuntime.jsx("path",{d:"M17.4523 11.6262C17.4417 9.82294 18.2587 8.46385 19.9087 7.46173C18.9859 6.13967 17.5898 5.41253 15.7495 5.27239C14.007 5.1349 12.1006 6.28774 11.4025 6.28774C10.6648 6.28774 8.97785 5.31999 7.6505 5.31999C4.91119 5.36229 2 7.50403 2 11.8616C2 13.1492 2.23533 14.4792 2.70598 15.8489C3.33528 17.6522 5.60395 22.0705 7.97044 21.9991C9.20789 21.9701 10.0831 21.1213 11.6934 21.1213C13.2561 21.1213 14.0652 21.9991 15.4454 21.9991C17.833 21.9648 19.8849 17.9483 20.4825 16.1398C17.2804 14.63 17.4523 11.7188 17.4523 11.6262ZM14.6733 3.56164C16.0139 1.96988 15.8923 0.520893 15.8526 0C14.668 0.0687473 13.2984 0.806459 12.5183 1.71339C11.659 2.68643 11.154 3.88951 11.2624 5.24595C12.5421 5.34378 13.7108 4.68539 14.6733 3.56164Z",fill:"black"})]});
|
|
13922
13925
|
|
|
@@ -13944,14 +13947,18 @@ const e=({title:C,titleId:l,...L})=>jsxRuntime.jsxs("svg",{width:25,height:24,vi
|
|
|
13944
13947
|
|
|
13945
13948
|
const n=({title:l,titleId:i,...r})=>jsxRuntime.jsxs("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":i,...r,children:[l?jsxRuntime.jsx("title",{id:i,children:l}):null,jsxRuntime.jsx("circle",{cx:16,cy:16,r:16,fill:"url(#paint0_linear_8941_733)"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16.0013 26.666C21.8923 26.666 26.668 21.8903 26.668 15.9993C26.668 10.1083 21.8923 5.33264 16.0013 5.33264C10.1103 5.33264 5.33463 10.1083 5.33463 15.9993C5.33463 21.8903 10.1103 26.666 16.0013 26.666ZM13.8659 12.8613C13.3136 12.8613 12.8659 13.309 12.8659 13.8613V18.1358C12.8659 18.6881 13.3136 19.1358 13.8659 19.1358H18.1404C18.6927 19.1358 19.1404 18.6881 19.1404 18.1358V13.8613C19.1404 13.309 18.6927 12.8613 18.1404 12.8613H13.8659Z",fill:"white"}),jsxRuntime.jsx("defs",{children:jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_8941_733",x1:6.5,y1:3.5,x2:26,y2:29.5,gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#2A62F5"}),jsxRuntime.jsx("stop",{offset:1,stopColor:"#164EE0"})]})})]});
|
|
13946
13949
|
|
|
13947
|
-
const h$
|
|
13950
|
+
const h$2=({title:l,titleId:t,...i})=>jsxRuntime.jsxs("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":t,...i,children:[l?jsxRuntime.jsx("title",{id:t,children:l}):null,jsxRuntime.jsx("path",{d:"M28.7213 29.0412L22.4653 27.1784L17.7474 29.9987L14.4558 29.9973L9.73516 27.1784L3.48192 29.0412L1.57977 22.6199L3.48192 15.4932L1.57977 9.46778L3.48192 2L13.2531 7.8378H18.9501L28.7213 2L30.6234 9.46778L28.7213 15.4932L30.6234 22.6199L28.7213 29.0412Z",fill:"#FF5C16"}),jsxRuntime.jsx("path",{d:"M3.48334 2L13.2546 7.84189L12.866 11.8511L3.48334 2Z",fill:"#FF5C16"}),jsxRuntime.jsx("path",{d:"M9.73645 22.6226L14.0357 25.8976L9.73645 27.1783V22.6226Z",fill:"#FF5C16"}),jsxRuntime.jsx("path",{d:"M13.6921 17.208L12.8658 11.8538L7.5766 15.4945L7.57385 15.4931V15.4958L7.59021 19.2434L9.73509 17.208H9.73646H13.6921Z",fill:"#FF5C16"}),jsxRuntime.jsx("path",{d:"M28.7212 2L18.95 7.84189L19.3373 11.8511L28.7212 2Z",fill:"#FF5C16"}),jsxRuntime.jsx("path",{d:"M22.468 22.6226L18.1688 25.8976L22.468 27.1783V22.6226Z",fill:"#FF5C16"}),jsxRuntime.jsx("path",{d:"M24.6294 15.4958V15.4931L24.628 15.4945L19.3388 11.8538L18.5125 17.208H22.4682L24.6144 19.2434L24.6294 15.4958Z",fill:"#FF5C16"}),jsxRuntime.jsx("path",{d:"M9.73517 27.1782L3.48193 29.041L1.57977 22.6224H9.73517V27.1782Z",fill:"#E34807"}),jsxRuntime.jsx("path",{d:"M13.6908 17.2067L14.8853 24.947L13.23 20.6433L7.58759 19.2435L9.73384 17.2067H13.6895H13.6908Z",fill:"#E34807"}),jsxRuntime.jsx("path",{d:"M22.468 27.1782L28.7212 29.041L30.6233 22.6224H22.468V27.1782Z",fill:"#E34807"}),jsxRuntime.jsx("path",{d:"M18.5123 17.2067L17.3178 24.947L18.9732 20.6433L24.6156 19.2435L22.468 17.2067H18.5123Z",fill:"#E34807"}),jsxRuntime.jsx("path",{d:"M1.57977 22.6199L3.48192 15.4932H7.57259L7.58757 19.2421L13.23 20.642L14.8853 24.9457L14.0345 25.8935L9.7352 22.6185H1.57977V22.6199Z",fill:"#FF8D5D"}),jsxRuntime.jsx("path",{d:"M30.6234 22.6199L28.7212 15.4932H24.6306L24.6156 19.2421L18.9732 20.642L17.3178 24.9457L18.1687 25.8935L22.468 22.6185H30.6234V22.6199Z",fill:"#FF8D5D"}),jsxRuntime.jsx("path",{d:"M18.9502 7.83777H16.1017H13.2532L12.866 11.847L14.8854 24.9416H17.318L19.3388 11.847L18.9502 7.83777Z",fill:"#FF8D5D"}),jsxRuntime.jsx("path",{d:"M3.48192 2L1.57977 9.46778L3.48192 15.4932H7.57259L12.8646 11.8511L3.48192 2Z",fill:"#661800"}),jsxRuntime.jsx("path",{d:"M12.5086 18.7614H10.6556L9.64655 19.7503L13.2313 20.6393L12.5086 18.76V18.7614Z",fill:"#661800"}),jsxRuntime.jsx("path",{d:"M28.7213 2L30.6235 9.46778L28.7213 15.4932H24.6306L19.3387 11.8511L28.7213 2Z",fill:"#661800"}),jsxRuntime.jsx("path",{d:"M19.6973 18.7614H21.5531L22.5622 19.7517L18.9733 20.642L19.6973 18.76V18.7614Z",fill:"#661800"}),jsxRuntime.jsx("path",{d:"M17.746 27.4441L18.1687 25.8963L17.3178 24.9485H14.8839L14.033 25.8963L14.4557 27.4441",fill:"#661800"}),jsxRuntime.jsx("path",{d:"M17.7459 27.444V29.9999H14.4556V27.444H17.7459Z",fill:"#C0C4CD"}),jsxRuntime.jsx("path",{d:"M9.73645 27.1756L14.4584 29.9986V27.4427L14.0357 25.8949L9.73645 27.1756Z",fill:"#E7EBF6"}),jsxRuntime.jsx("path",{d:"M22.4681 27.1756L17.7461 29.9986V27.4427L18.1688 25.8949L22.4681 27.1756Z",fill:"#E7EBF6"})]});
|
|
13948
13951
|
|
|
13949
13952
|
const d=({title:e,titleId:i,...C})=>jsxRuntime.jsxs("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":i,...C,children:[e?jsxRuntime.jsx("title",{id:i,children:e}):null,jsxRuntime.jsx("mask",{id:"mask0_10729_1440",style:{maskType:"luminance"},maskUnits:"userSpaceOnUse",x:1,y:1,width:30,height:30,children:jsxRuntime.jsx("path",{d:"M31 1H1V31H31V1Z",fill:"white"})}),jsxRuntime.jsxs("g",{mask:"url(#mask0_10729_1440)",children:[jsxRuntime.jsx("path",{d:"M24.5602 1H7.4398C3.8832 1 1 3.8832 1 7.4398V24.5602C1 28.1168 3.8832 31 7.4398 31H24.5602C28.1168 31 31 28.1168 31 24.5602V7.4398C31 3.8832 28.1168 1 24.5602 1Z",fill:"#AB9FF2"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.9305 20.4953C12.7525 22.3003 10.7787 24.5844 8.15225 24.5844C6.91065 24.5844 5.7168 24.0733 5.7168 21.853C5.7168 16.1986 13.437 7.44531 20.6001 7.44531C24.6751 7.44531 26.2987 10.2725 26.2987 13.4831C26.2987 17.6042 23.6245 22.3163 20.9662 22.3163C20.1225 22.3163 19.7087 21.853 19.7087 21.1183C19.7087 20.9266 19.7405 20.719 19.8042 20.4953C18.8969 22.0447 17.1459 23.4823 15.5063 23.4823C14.3125 23.4823 13.7076 22.7316 13.7076 21.6773C13.7076 21.294 13.7872 20.8947 13.9305 20.4953ZM23.6091 13.3717C23.6091 14.3073 23.0571 14.775 22.4396 14.775C21.8128 14.775 21.2702 14.3073 21.2702 13.3717C21.2702 12.4362 21.8128 11.9684 22.4396 11.9684C23.0571 11.9684 23.6091 12.4362 23.6091 13.3717ZM20.1008 13.3718C20.1008 14.3073 19.5488 14.7751 18.9313 14.7751C18.3045 14.7751 17.7619 14.3073 17.7619 13.3718C17.7619 12.4362 18.3045 11.9685 18.9313 11.9685C19.5488 11.9685 20.1008 12.4362 20.1008 13.3718Z",fill:"#FFFDF8"})]})]});
|
|
13950
13953
|
|
|
13951
13954
|
const r=({title:l,titleId:t,...n})=>jsxRuntime.jsxs("svg",{width:32,height:32,viewBox:"0 0 32 32",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":t,...n,children:[l?jsxRuntime.jsx("title",{id:t,children:l}):null,jsxRuntime.jsxs("g",{clipPath:"url(#clip0_12156_1502)",children:[jsxRuntime.jsx("path",{d:"M30.9683 17.8945C32.1562 15.2317 26.2834 7.7924 20.6728 4.69301C17.1364 2.29195 13.4513 2.62182 12.705 3.67607C11.0671 5.98968 18.1286 7.95014 22.8511 10.2378C21.836 10.6802 20.8793 11.4741 20.3167 12.4894C18.5561 10.5609 14.6918 8.90006 10.1575 10.2378C7.10193 11.1394 4.56248 13.2647 3.58098 16.4748C3.34252 16.3685 3.07845 16.3094 2.80065 16.3094C1.73836 16.3094 0.877197 17.1735 0.877197 18.2393C0.877197 19.3052 1.73836 20.1693 2.80065 20.1693C2.99755 20.1693 3.61322 20.0368 3.61322 20.0368L13.4513 20.1083C9.51684 26.371 6.40753 27.2865 6.40753 28.3715C6.40753 29.4564 9.38264 29.1624 10.4997 28.758C15.8473 26.822 21.5909 20.7882 22.5765 19.0513C26.7154 19.5694 30.1937 19.6307 30.9683 17.8945Z",fill:"url(#paint0_linear_12156_1502)"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M22.8507 10.2385C22.8509 10.2386 22.8512 10.2387 22.8514 10.2388C23.0704 10.1523 23.0349 9.82791 22.9748 9.57312C22.8367 8.98766 20.453 6.6259 18.2146 5.56811C15.1645 4.12666 12.9185 4.20098 12.5867 4.86535C13.208 6.14298 16.0884 7.34261 19.0965 8.59539C20.38 9.12991 21.6867 9.6741 22.8512 10.2382C22.851 10.2383 22.8508 10.2384 22.8507 10.2385Z",fill:"url(#paint1_linear_12156_1502)"}),jsxRuntime.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M18.9801 23.0977C18.3632 22.8612 17.6664 22.6441 16.8743 22.4473C17.7189 20.9308 17.8961 18.6858 17.0985 17.2664C15.9789 15.2744 14.5736 14.2141 11.308 14.2141C9.51189 14.2141 4.67598 14.8211 4.59017 18.8717C4.58115 19.2967 4.58993 19.6862 4.62061 20.0443L13.4513 20.1086C12.2608 22.0036 11.1458 23.409 10.1697 24.4776C11.3417 24.779 12.3088 25.032 13.1968 25.2642C14.0393 25.4845 14.8104 25.6863 15.6176 25.8929C16.8352 25.0029 17.9798 24.0324 18.9801 23.0977Z",fill:"url(#paint2_linear_12156_1502)"}),jsxRuntime.jsx("path",{d:"M3.4631 19.6282C3.82387 22.7051 5.56671 23.911 9.12801 24.2679C12.6893 24.6247 14.7321 24.3853 17.4518 24.6336C19.7233 24.8409 21.7515 26.0023 22.5039 25.601C23.1809 25.2398 22.8021 23.9348 21.8961 23.0975C20.7216 22.0123 19.096 21.2577 16.2359 20.9899C16.8059 19.424 16.6462 17.2284 15.7609 16.0338C14.4809 14.3066 12.1183 13.5257 9.12801 13.8669C6.00393 14.2233 3.0104 15.7666 3.4631 19.6282Z",fill:"url(#paint3_linear_12156_1502)"})]}),jsxRuntime.jsxs("defs",{children:[jsxRuntime.jsxs("linearGradient",{id:"paint0_linear_12156_1502",x1:9.80166,y1:15.5365,x2:30.7229,y2:21.4494,gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#8697FF"}),jsxRuntime.jsx("stop",{offset:1,stopColor:"#ABB7FF"})]}),jsxRuntime.jsxs("linearGradient",{id:"paint1_linear_12156_1502",x1:27.1914,y1:15.1379,x2:12.0523,y2:.0128466,gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#8697FF"}),jsxRuntime.jsx("stop",{offset:1,stopColor:"#5156D8",stopOpacity:0})]}),jsxRuntime.jsxs("linearGradient",{id:"paint2_linear_12156_1502",x1:19.3999,y1:23.6263,x2:4.88188,y2:15.3076,gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#465EED"}),jsxRuntime.jsx("stop",{offset:1,stopColor:"#8697FF",stopOpacity:0})]}),jsxRuntime.jsxs("linearGradient",{id:"paint3_linear_12156_1502",x1:11.0501,y1:15.3802,x2:20.8875,y2:27.8377,gradientUnits:"userSpaceOnUse",children:[jsxRuntime.jsx("stop",{stopColor:"#8898FF"}),jsxRuntime.jsx("stop",{offset:.983895,stopColor:"#6277F1"})]}),jsxRuntime.jsx("clipPath",{id:"clip0_12156_1502",children:jsxRuntime.jsx("rect",{width:31.5,height:28,fill:"white",transform:"translate(0.25 2)"})})]})]});
|
|
13952
13955
|
|
|
13956
|
+
function b$1({value:r,ecLevel:i="H",qrStyle:d="dots",eyeRadius:t=0,eyeColor:g=token("colors.ink.90"),size:a=160,logoImage:n=void 0,logoHeight:s=32,logoWidth:m=32,logoOpacity:c=1,logoPadding:y=0,logoPaddingStyle:u="square",logoOnLoad:C=void 0,removeQrCodeBehindLogo:f=false,enableCORS:h=false,quietZone:v=5,bgColor:p=token("colors.chalk"),fgColor:q=token("colors.ink.90"),style:L=void 0,id:e="qr-code"}){return jsxRuntime.jsx(Flex,{alignItems:"center",justifyContent:"center",className:css({shadow:"0.125rem 0.125rem 1.5rem {colors.ink.70/15}",overflow:"hidden",padding:1,borderRadius:"1rem"}),children:jsxRuntime.jsx(dist.QRCode,{value:r,ecLevel:i,qrStyle:d,eyeRadius:t,eyeColor:g,size:a,logoImage:n,logoHeight:s,logoWidth:m,logoOpacity:c,logoPadding:y,logoPaddingStyle:u,logoOnLoad:C,removeQrCodeBehindLogo:f,enableCORS:h,quietZone:v,bgColor:p,fgColor:q,style:L,id:e,"data-testid":e})})}
|
|
13957
|
+
|
|
13958
|
+
const m$1={brand:{base:{base:0,lightest:102,lighter:51,darker:-51,darkest:-102},dark:{base:0,lightest:"25%",lighter:"66%",darker:102,darkest:102}},neutral:{base:{primary:0,secondary:51,tertiary:102,quaternary:153},dark:{primary:"16%",secondary:"12%",tertiary:"8%",quaternary:"5%"}},surface:{base:{primary:0,secondary:-51,tertiary:-102},dark:{primary:0,secondary:21,tertiary:42}},text:{base:{primary:0,secondary:51,tertiary:102},dark:{primary:0,secondary:"72%",tertiary:"44%"}}},u$1=(r,e)=>{r=r.replace(/[^0-9a-f]/gi,"").slice(0,6);const t=e?Math.round(.01*parseFloat(e)*255).toString(16):void 0;return r.length<3?r:(r.length<6&&(r=r[0]+r[0]+r[1]+r[1]+r[2]+r[2]),t?r+t:r)},h$1=(r,e)=>{r=u$1(r);const t=parseInt(r,16),i=Math.min(Math.max(0,(t>>16)+e),255),c=Math.min(Math.max(0,(t&255)+e),255),d=Math.min(Math.max(0,(t>>8&255)+e),255);return "#"+("00000"+(c|d<<8|i<<16).toString(16)).slice(-6)},g$1=({onError:r})=>{const[e,t]=React.useState(null),i=(a,s)=>{const l=m$1[a].base,p=m$1[a].dark;let y;try{for(const[n,o]of Object.entries(l))y=h$1(s,o),e?.style.setProperty(`--${a}-${n}`,y);for(const[n,o]of Object.entries(p))y=typeof o=="string"?"#"+u$1(s,o):h$1(s,o),e?.style.setProperty(`--${a}-${n}-dark`,y);}catch(n){r?.(n);}},c=a=>{try{e?.style.setProperty("--brand-font",a);}catch(s){r?.(s);}},d=(a,s)=>{try{e?.style.setProperty(`--${a}-radius`,s);}catch(l){r?.(l);}};return React.useEffect(()=>{t(document?.documentElement);},[]),{setColors:i,setFont:c,setRadius:d}};
|
|
13959
|
+
|
|
13953
13960
|
const ProviderButton = ({ label, Icon, onPress, hideLabel }) => {
|
|
13954
|
-
return (React.createElement(a$
|
|
13961
|
+
return (React.createElement(a$4, { onPress: onPress, borderRadius: 14, className: css({
|
|
13955
13962
|
w: 'full',
|
|
13956
13963
|
px: 4,
|
|
13957
13964
|
py: 3,
|
|
@@ -13997,7 +14004,7 @@ exports.OAuthProvider = void 0;
|
|
|
13997
14004
|
|
|
13998
14005
|
const WALLET_METADATA = {
|
|
13999
14006
|
[ThirdPartyWallets.WALLETCONNECT]: { displayName: 'WalletConnect', Icon: e },
|
|
14000
|
-
[ThirdPartyWallets.METAMASK]: { displayName: 'MetaMask', Icon: h$
|
|
14007
|
+
[ThirdPartyWallets.METAMASK]: { displayName: 'MetaMask', Icon: h$2 },
|
|
14001
14008
|
[ThirdPartyWallets.COINBASE]: { displayName: 'Coinbase Wallet', Icon: n },
|
|
14002
14009
|
[ThirdPartyWallets.PHANTOM]: { displayName: 'Phantom', Icon: d },
|
|
14003
14010
|
[ThirdPartyWallets.RABBY]: { displayName: 'Rabby', Icon: r },
|
|
@@ -14052,9 +14059,7 @@ var m=(o=>(o.MissingApiKey="MISSING_API_KEY",o.ModalNotReady="MODAL_NOT_READY",o
|
|
|
14052
14059
|
|
|
14053
14060
|
// Reown project ID
|
|
14054
14061
|
const projectId = '141e0e0e531b47a47d662bca4eb70fae';
|
|
14055
|
-
// Supported networks
|
|
14056
14062
|
const networks = [networks$1.mainnet, networks$1.sepolia];
|
|
14057
|
-
// Set up the Wagmi Adapter
|
|
14058
14063
|
const wagmiAdapter = new appkitAdapterWagmi.WagmiAdapter({
|
|
14059
14064
|
projectId,
|
|
14060
14065
|
networks,
|
|
@@ -14665,14 +14670,14 @@ const SocialProviders = ({ providers, onPress, dispatch }) => {
|
|
|
14665
14670
|
|
|
14666
14671
|
function WidgetHeader({ showHeaderText = true, onPressBack }) {
|
|
14667
14672
|
const { handleClose } = useWidgetConfig();
|
|
14668
|
-
return (React.createElement(u$
|
|
14669
|
-
!!onPressBack && (React.createElement(u$
|
|
14673
|
+
return (React.createElement(u$4, { position: "relative" },
|
|
14674
|
+
!!onPressBack && (React.createElement(u$4.LeftAction, null,
|
|
14670
14675
|
React.createElement(Q$2, { size: "sm", variant: "neutral", onPress: onPressBack },
|
|
14671
14676
|
React.createElement(Q$2.LeadingIcon, null,
|
|
14672
14677
|
React.createElement(s$6, null))))),
|
|
14673
|
-
showHeaderText && (React.createElement(u$
|
|
14678
|
+
showHeaderText && (React.createElement(u$4.Content, null,
|
|
14674
14679
|
React.createElement(M$8, { size: "sm", fontColor: "text.tertiary" }, "Log in or sign up"))),
|
|
14675
|
-
handleClose && (React.createElement(u$
|
|
14680
|
+
handleClose && (React.createElement(u$4.RightAction, null,
|
|
14676
14681
|
React.createElement(Q$2, { size: "sm", variant: "neutral", onPress: handleClose },
|
|
14677
14682
|
React.createElement(Q$2.TrailingIcon, null,
|
|
14678
14683
|
React.createElement(c$a, null)))))));
|
|
@@ -14809,6 +14814,14 @@ function useWalletConnect(provider) {
|
|
|
14809
14814
|
};
|
|
14810
14815
|
}
|
|
14811
14816
|
|
|
14817
|
+
let walletConnectProvider = null;
|
|
14818
|
+
function setWalletConnectProvider(provider) {
|
|
14819
|
+
walletConnectProvider = provider;
|
|
14820
|
+
}
|
|
14821
|
+
function getWalletConnectProvider() {
|
|
14822
|
+
return walletConnectProvider;
|
|
14823
|
+
}
|
|
14824
|
+
|
|
14812
14825
|
function useSiweLogin() {
|
|
14813
14826
|
const { signMessageAsync } = wagmi.useSignMessage();
|
|
14814
14827
|
const connectedChainId = wagmi.useChainId();
|
|
@@ -14831,7 +14844,27 @@ function useSiweLogin() {
|
|
|
14831
14844
|
chainId: effectiveChainId,
|
|
14832
14845
|
});
|
|
14833
14846
|
// Step 2: Sign the message with the connected wallet
|
|
14834
|
-
|
|
14847
|
+
// Use WalletConnect provider if available, otherwise use wagmi's signMessageAsync
|
|
14848
|
+
let signature;
|
|
14849
|
+
const wcProvider = getWalletConnectProvider();
|
|
14850
|
+
if (wcProvider && wcProvider.accounts && wcProvider.accounts[0]?.toLowerCase() === address.toLowerCase()) {
|
|
14851
|
+
// Verify provider is connected and session is active
|
|
14852
|
+
if (!wcProvider.session || !wcProvider.session.topic) {
|
|
14853
|
+
throw new Error('WalletConnect session not established');
|
|
14854
|
+
}
|
|
14855
|
+
// Use WalletConnect provider for signing
|
|
14856
|
+
// personal_sign expects hex-encoded message (0x-prefixed hex string)
|
|
14857
|
+
const hexMessage = viem.toHex(message);
|
|
14858
|
+
// Make the signing request
|
|
14859
|
+
signature = (await wcProvider.request({
|
|
14860
|
+
method: 'personal_sign',
|
|
14861
|
+
params: [hexMessage, address],
|
|
14862
|
+
}));
|
|
14863
|
+
}
|
|
14864
|
+
else {
|
|
14865
|
+
// Use wagmi's signMessageAsync (for other wallets)
|
|
14866
|
+
signature = await signMessageAsync({ message });
|
|
14867
|
+
}
|
|
14835
14868
|
// Step 3: Send the signed message to Magic backend for verification
|
|
14836
14869
|
await extension.login({ message, signature });
|
|
14837
14870
|
// Step 4: Set up the connected state for 3rd party wallet RPC routing
|
|
@@ -14873,14 +14906,23 @@ const Pending = ({ onPressBack, title, description, Icon, isPending, errorMessag
|
|
|
14873
14906
|
React.createElement(Box, { position: "relative", h: 20, w: 20 },
|
|
14874
14907
|
isPending && React.createElement(d$m, { size: 80, strokeWidth: 8, neutral: true, progress: 40 }),
|
|
14875
14908
|
isPending ? (React.createElement(Icon, { width: 36, height: 36, className: centeredIconClass })) : (React.createElement(s$d, { width: 36, height: 36, color: token('colors.brand.base'), className: centeredIconClass }))),
|
|
14876
|
-
React.createElement(VStack, { gap: 2 },
|
|
14909
|
+
React.createElement(VStack, { gap: 2, px: 7 },
|
|
14877
14910
|
React.createElement(M$8.H4, null, title),
|
|
14878
14911
|
React.createElement(M$8, { fontColor: "text.tertiary", styles: { textAlign: 'center' } }, description),
|
|
14879
14912
|
errorMessage && (React.createElement(M$8, { variant: "error", styles: { textAlign: 'center' } }, errorMessage))))));
|
|
14880
14913
|
};
|
|
14881
14914
|
|
|
14882
|
-
const WalletPendingView = ({ provider, dispatch }) => {
|
|
14883
|
-
|
|
14915
|
+
const WalletPendingView = ({ provider, state, dispatch }) => {
|
|
14916
|
+
// Only proceed if we're actually in the wallet_pending view
|
|
14917
|
+
if (state.view !== 'wallet_pending') {
|
|
14918
|
+
return null;
|
|
14919
|
+
}
|
|
14920
|
+
const { connectWallet, isPending: isWalletPending, error: walletError, address: wagmiAddress, isConnectedToSelectedProvider, } = useWalletConnect(provider);
|
|
14921
|
+
const { isConnected } = wagmi.useAccount();
|
|
14922
|
+
// For WalletConnect, use the stored address from state (from EthereumProvider or AppKit)
|
|
14923
|
+
// For other wallets, use the address from wagmi connector
|
|
14924
|
+
const isWalletConnect = provider === ThirdPartyWallets.WALLETCONNECT;
|
|
14925
|
+
const address = isWalletConnect ? (state.walletAddress || wagmiAddress) : wagmiAddress;
|
|
14884
14926
|
const { performSiweLogin, isLoading: isSiweLoading, error: siweError, isSuccess: isSiweSuccess } = useSiweLogin();
|
|
14885
14927
|
const { title, description, Icon } = getProviderConfig(provider);
|
|
14886
14928
|
// Track whether we've attempted connection and SIWE
|
|
@@ -14889,8 +14931,10 @@ const WalletPendingView = ({ provider, dispatch }) => {
|
|
|
14889
14931
|
const [siweAttemptedForAddress, setSiweAttemptedForAddress] = React.useState(null);
|
|
14890
14932
|
const [errorMessage, setErrorMessage] = React.useState(null);
|
|
14891
14933
|
// Initiate wallet connection on mount (only if not already connected to the SELECTED provider)
|
|
14934
|
+
// Skip for WalletConnect since it's already connected via EthereumProvider
|
|
14935
|
+
// Only trigger if we have a valid provider AND we're in the wallet_pending view
|
|
14892
14936
|
React.useEffect(() => {
|
|
14893
|
-
if (!connectionAttempted) {
|
|
14937
|
+
if (!connectionAttempted && !isWalletConnect && provider && state.view === 'wallet_pending') {
|
|
14894
14938
|
setConnectionAttempted(true);
|
|
14895
14939
|
// Only skip wallet connection if already connected to the SAME wallet type
|
|
14896
14940
|
// If connected to a different wallet, we need to switch
|
|
@@ -14915,14 +14959,26 @@ const WalletPendingView = ({ provider, dispatch }) => {
|
|
|
14915
14959
|
setErrorMessage(err?.message || 'Failed to connect wallet');
|
|
14916
14960
|
});
|
|
14917
14961
|
}
|
|
14918
|
-
}, [connectionAttempted, connectWallet, isConnectedToSelectedProvider, address, provider]);
|
|
14962
|
+
}, [connectionAttempted, connectWallet, isConnectedToSelectedProvider, address, provider, isWalletConnect]);
|
|
14919
14963
|
// Once wallet is connected to the SELECTED provider with a stable address, initiate SIWE login
|
|
14920
14964
|
// Only attempt SIWE if:
|
|
14921
|
-
// 1. We're connected to the selected provider with an address
|
|
14965
|
+
// 1. We're connected to the selected provider with an address (or WalletConnect with stored address and provider)
|
|
14922
14966
|
// 2. We haven't already attempted SIWE for this specific address
|
|
14923
14967
|
// 3. We're not currently in a loading state (prevents double-calls during reconnection)
|
|
14924
14968
|
React.useEffect(() => {
|
|
14925
|
-
|
|
14969
|
+
// Only attempt SIWE if we're actually in the wallet_pending view
|
|
14970
|
+
if (state.view !== 'wallet_pending') {
|
|
14971
|
+
return;
|
|
14972
|
+
}
|
|
14973
|
+
// For WalletConnect, check if ready for SIWE:
|
|
14974
|
+
// - Desktop: EthereumProvider with active session
|
|
14975
|
+
// - Mobile AppKit: Connected via wagmi with address from state (no WalletConnect provider stored)
|
|
14976
|
+
const wcProvider = isWalletConnect ? getWalletConnectProvider() : null;
|
|
14977
|
+
const isWcDesktopReady = isWalletConnect && address && wcProvider && wcProvider.session;
|
|
14978
|
+
// Mobile AppKit WalletConnect: has address from state, connected via wagmi, but no WalletConnect provider
|
|
14979
|
+
const isWcMobileReady = isWalletConnect && address && state.walletAddress && isConnected && !wcProvider;
|
|
14980
|
+
const shouldAttemptSiwe = isWcDesktopReady || isWcMobileReady || (isConnectedToSelectedProvider && address);
|
|
14981
|
+
if (shouldAttemptSiwe && siweAttemptedForAddress !== address && !isSiweLoading) {
|
|
14926
14982
|
setSiweAttemptedForAddress(address);
|
|
14927
14983
|
setErrorMessage(null); // Clear any previous errors
|
|
14928
14984
|
performSiweLogin(address).catch(err => {
|
|
@@ -14943,19 +14999,27 @@ const WalletPendingView = ({ provider, dispatch }) => {
|
|
|
14943
14999
|
setErrorMessage(err?.message || 'SIWE login failed');
|
|
14944
15000
|
});
|
|
14945
15001
|
}
|
|
14946
|
-
}, [isConnectedToSelectedProvider, address, siweAttemptedForAddress, isSiweLoading, performSiweLogin, provider]);
|
|
15002
|
+
}, [isConnectedToSelectedProvider, address, siweAttemptedForAddress, isSiweLoading, performSiweLogin, provider, isWalletConnect, state.walletAddress, isConnected]);
|
|
14947
15003
|
React.useEffect(() => {
|
|
14948
|
-
|
|
15004
|
+
// Ignore walletError for WalletConnect since we're using EthereumProvider directly, not wagmi
|
|
15005
|
+
if (walletError && connectionAttempted && !isWalletConnect) {
|
|
14949
15006
|
setErrorMessage(walletError.message);
|
|
14950
15007
|
}
|
|
14951
|
-
}, [walletError, connectionAttempted]);
|
|
15008
|
+
}, [walletError, connectionAttempted, isWalletConnect]);
|
|
14952
15009
|
React.useEffect(() => {
|
|
14953
15010
|
if (siweError && siweAttemptedForAddress) {
|
|
15011
|
+
const errorMsg = (siweError.message || '').toLowerCase();
|
|
15012
|
+
// Ignore "connector not connected" errors for WalletConnect since we use EthereumProvider directly
|
|
15013
|
+
if (isWalletConnect && (errorMsg.includes('connector not connected') || errorMsg.includes('connectornotconnectederror'))) {
|
|
15014
|
+
return;
|
|
15015
|
+
}
|
|
14954
15016
|
setErrorMessage(siweError.message);
|
|
14955
15017
|
}
|
|
14956
|
-
}, [siweError, siweAttemptedForAddress]);
|
|
15018
|
+
}, [siweError, siweAttemptedForAddress, isWalletConnect]);
|
|
14957
15019
|
// Show spinner until SIWE is complete or there's an error
|
|
14958
|
-
|
|
15020
|
+
// For WalletConnect, skip isWalletPending since connection is handled in WalletConnectView
|
|
15021
|
+
const isPending = !errorMessage &&
|
|
15022
|
+
((isWalletConnect ? false : isWalletPending) || isSiweLoading || (!isSiweSuccess && !walletError && !siweError));
|
|
14959
15023
|
return (React.createElement(Pending, { onPressBack: () => dispatch({ type: 'GO_TO_LOGIN' }), title: title, description: description, Icon: Icon, isPending: isPending, errorMessage: errorMessage }));
|
|
14960
15024
|
};
|
|
14961
15025
|
|
|
@@ -14968,7 +15032,13 @@ function widgetReducer(state, action) {
|
|
|
14968
15032
|
switch (action.type) {
|
|
14969
15033
|
// Navigation
|
|
14970
15034
|
case 'GO_TO_LOGIN':
|
|
14971
|
-
return {
|
|
15035
|
+
return {
|
|
15036
|
+
...initialState,
|
|
15037
|
+
selectedProvider: undefined,
|
|
15038
|
+
walletAddress: undefined,
|
|
15039
|
+
email: undefined,
|
|
15040
|
+
error: undefined,
|
|
15041
|
+
};
|
|
14972
15042
|
// Email OTP flow
|
|
14973
15043
|
case 'EMAIL_OTP_START':
|
|
14974
15044
|
return {
|
|
@@ -15098,8 +15168,14 @@ function widgetReducer(state, action) {
|
|
|
15098
15168
|
error: undefined,
|
|
15099
15169
|
};
|
|
15100
15170
|
// Wallet flow
|
|
15101
|
-
case 'SELECT_WALLET':
|
|
15102
|
-
|
|
15171
|
+
case 'SELECT_WALLET': {
|
|
15172
|
+
const isWalletConnect = action.provider === ThirdPartyWallets.WALLETCONNECT ||
|
|
15173
|
+
action.provider.toLowerCase() === 'walletconnect';
|
|
15174
|
+
const walletView = isWalletConnect ? 'walletconnect_pending' : 'wallet_pending';
|
|
15175
|
+
return { ...state, view: walletView, selectedProvider: action.provider, error: undefined };
|
|
15176
|
+
}
|
|
15177
|
+
case 'WALLETCONNECT_CONNECTED':
|
|
15178
|
+
return { ...state, view: 'wallet_pending', walletAddress: action.address, selectedProvider: ThirdPartyWallets.WALLETCONNECT };
|
|
15103
15179
|
// OAuth flow
|
|
15104
15180
|
case 'SELECT_PROVIDER':
|
|
15105
15181
|
return { ...state, view: 'oauth_pending', selectedProvider: action.provider, error: undefined };
|
|
@@ -15129,13 +15205,8 @@ function useOAuthLogin() {
|
|
|
15129
15205
|
setIsLoading(false);
|
|
15130
15206
|
handleSuccess({
|
|
15131
15207
|
method: 'oauth',
|
|
15132
|
-
|
|
15133
|
-
oauth:
|
|
15134
|
-
provider: oauthResult.oauth.provider,
|
|
15135
|
-
name: oauthResult.oauth.userInfo.name,
|
|
15136
|
-
email: oauthResult.oauth.userInfo.email,
|
|
15137
|
-
picture: oauthResult.oauth.userInfo.picture,
|
|
15138
|
-
},
|
|
15208
|
+
magic: oauthResult.magic,
|
|
15209
|
+
oauth: oauthResult.oauth,
|
|
15139
15210
|
});
|
|
15140
15211
|
return oauthResult;
|
|
15141
15212
|
}
|
|
@@ -15162,8 +15233,9 @@ const OAuthPendingView = ({ provider, dispatch }) => {
|
|
|
15162
15233
|
const [loginAttempted, setLoginAttempted] = React.useState(false);
|
|
15163
15234
|
const [errorMessage, setErrorMessage] = React.useState(null);
|
|
15164
15235
|
// Trigger OAuth login on mount
|
|
15236
|
+
// Only trigger if we have a valid provider
|
|
15165
15237
|
React.useEffect(() => {
|
|
15166
|
-
if (!loginAttempted) {
|
|
15238
|
+
if (!loginAttempted && provider) {
|
|
15167
15239
|
setLoginAttempted(true);
|
|
15168
15240
|
performOAuthLogin(provider).catch(err => {
|
|
15169
15241
|
const errorMessage = (err?.message || '').toLowerCase();
|
|
@@ -15357,7 +15429,7 @@ const RecoveryCodeView = ({ state, dispatch }) => {
|
|
|
15357
15429
|
React.createElement(se, { "aria-label": "8-character code", attr: {
|
|
15358
15430
|
size: 35,
|
|
15359
15431
|
}, placeholder: "8-character code", onChange: onChangeOtp, alignText: "center", errorMessage: error ?? '', disabled: isVerifying }),
|
|
15360
|
-
React.createElement(b$
|
|
15432
|
+
React.createElement(b$8, { label: "Two-Factor Authentication will be disabled.", variant: "warning" }))),
|
|
15361
15433
|
!isVerifying && !isSuccess && (React.createElement(Q$2, { label: "I lost my recovery code", variant: "text", textStyle: "neutral", onPress: onLostRecoveryCode, disabled: isVerifying || isSuccess, size: "sm" })))));
|
|
15362
15434
|
};
|
|
15363
15435
|
|
|
@@ -15382,6 +15454,188 @@ const LostRecoveryCode = ({ dispatch }) => {
|
|
|
15382
15454
|
" support team.")))));
|
|
15383
15455
|
};
|
|
15384
15456
|
|
|
15457
|
+
// Mobile device detection utility
|
|
15458
|
+
// Based on farcaster's implementation
|
|
15459
|
+
function isAndroid() {
|
|
15460
|
+
return typeof navigator !== 'undefined' && /android/i.test(navigator.userAgent);
|
|
15461
|
+
}
|
|
15462
|
+
function isSmallIOS() {
|
|
15463
|
+
return typeof navigator !== 'undefined' && /iPhone|iPod/.test(navigator.userAgent);
|
|
15464
|
+
}
|
|
15465
|
+
function isLargeIOS() {
|
|
15466
|
+
return (typeof navigator !== 'undefined' &&
|
|
15467
|
+
(/iPad/.test(navigator.userAgent) || (navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1)));
|
|
15468
|
+
}
|
|
15469
|
+
function isIOS() {
|
|
15470
|
+
return isSmallIOS() || isLargeIOS();
|
|
15471
|
+
}
|
|
15472
|
+
function isMobile() {
|
|
15473
|
+
return isAndroid() || isIOS();
|
|
15474
|
+
}
|
|
15475
|
+
|
|
15476
|
+
// WalletConnect logo as data URL (base64 encoded SVG)
|
|
15477
|
+
const WALLETCONNECT_LOGO_DATA_URL = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTQuOTE2NzUgNy41MTYwNUM4LjgzMzM4IDMuNjgxMzQgMTUuMTgzNSAzLjY4MTM0IDE5LjEwMDEgNy41MTYwNUwxOS41NzE1IDcuOTc3NTZDMTkuNzY3MyA4LjE2OTI5IDE5Ljc2NzMgOC40ODAxNiAxOS41NzE1IDguNjcxOUwxNy45NTkgMTAuMjUwNkMxNy44NjExIDEwLjM0NjUgMTcuNzAyNCAxMC4zNDY1IDE3LjYwNDQgMTAuMjUwNkwxNi45NTU4IDkuNjE1NTRDMTQuMjIzNCA2Ljk0MDM1IDkuNzkzNDMgNi45NDAzNSA3LjA2MTA5IDkuNjE1NTRMNi4zNjY0MyAxMC4yOTU3QzYuMjY4NTEgMTAuMzkxNSA2LjEwOTc2IDEwLjM5MTUgNi4wMTE4NCAxMC4yOTU3TDQuMzk5MzcgOC43MTY5M0M0LjIwMzU0IDguNTI1MiA0LjIwMzU0IDguMjE0MzMgNC4zOTkzNyA4LjAyMjZMNC45MTY3NSA3LjUxNjA1Wk0yMi40MzQ5IDEwLjc4MTFMMjMuODcgMTIuMTg2MUMyNC4wNjU4IDEyLjM3NzkgMjQuMDY1OCAxMi42ODg3IDIzLjg3IDEyLjg4MDVMMTcuMzk5IDE5LjIxNjJDMTcuMjAzMiAxOS40MDc5IDE2Ljg4NTcgMTkuNDA3OSAxNi42ODk4IDE5LjIxNjJDMTYuNjg5OCAxOS4yMTYyIDE2LjY4OTggMTkuMjE2MiAxNi42ODk4IDE5LjIxNjJMMTIuMDk3MSAxNC43MTk2QzEyLjA0ODIgMTQuNjcxNiAxMS45Njg4IDE0LjY3MTYgMTEuOTE5OCAxNC43MTk2TDcuMzI3MjEgMTkuMjE2MkM3LjEzMTM4IDE5LjQwNzkgNi44MTM4NyAxOS40MDggNi42MTgwNCAxOS4yMTYyQzYuNjE4MDQgMTkuMjE2MiA2LjYxODA0IDE5LjIxNjIgNi42MTgwNCAxOS4yMTYyTDAuMTQ2ODc0IDEyLjg4MDRDLTAuMDQ5NTc5IDEyLjY4ODcgLTAuMDQ5NTc5IDEyLjM3NzggMC4xNDY4NzQgMTIuMTg2MUwxLjU4MTk4IDEwLjc4MUMxLjc3NzgxIDEwLjU4OTIgMi4wOTUzMiAxMC41ODkyIDIuMjkxMTUgMTAuNzgxTDYuODgzOTIgMTUuMjc3N0M2LjkzMjg4IDE1LjMyNTYgNy4wMTIyNiAxNS4zMjU2IDcuMDYxMjIgMTUuMjc3N0M3LjA2MTIxIDE1LjI3NzcgNy4wNjEyMiAxNS4yNzc3IDcuMDYxMjIgMTUuMjc3N0wxMS42NTM4IDEwLjc4MUMxMS44NDk2IDEwLjU4OTIgMTIuMTY3MSAxMC41ODkyIDEyLjM2MjkgMTAuNzgxQzEyLjM2MjkgMTAuNzgxIDEyLjM2MjkgMTAuNzgxIDEyLjM2MjkgMTAuNzgxTDE2Ljk1NTcgMTUuMjc3N0MxNy4wMDQ3IDE1LjMyNTYgMTcuMDg0IDE1LjMyNTYgMTcuMTMzIDE1LjI3NzdMMjEuNzI1NyAxMC43ODExQzIxLjkyMTUgMTAuNTg5MyAyMi4yMzkgMTAuNTg5MyAyMi40MzQ5IDEwLjc4MTFaIiBmaWxsPSIjM0I5OUZDIi8+Cjwvc3ZnPgo=';
|
|
15478
|
+
const WalletConnectView = ({ dispatch }) => {
|
|
15479
|
+
const { address, isConnected } = wagmi.useAccount();
|
|
15480
|
+
const { disconnect } = wagmi.useDisconnect();
|
|
15481
|
+
const providerRef = React.useRef(null);
|
|
15482
|
+
const [uri, setUri] = React.useState(null);
|
|
15483
|
+
const [errorMessage, setErrorMessage] = React.useState(null);
|
|
15484
|
+
const [connectionAttempted, setConnectionAttempted] = React.useState(false);
|
|
15485
|
+
const [wcAddress, setWcAddress] = React.useState(null);
|
|
15486
|
+
const { Icon } = WALLET_METADATA[ThirdPartyWallets.WALLETCONNECT];
|
|
15487
|
+
// Detect mobile synchronously
|
|
15488
|
+
const isMobileDevice = typeof window !== 'undefined' && isMobile();
|
|
15489
|
+
// Create AppKit instance for mobile (only create if mobile)
|
|
15490
|
+
const appKit = React.useMemo(() => {
|
|
15491
|
+
if (typeof window === 'undefined')
|
|
15492
|
+
return null;
|
|
15493
|
+
if (!isMobileDevice)
|
|
15494
|
+
return null;
|
|
15495
|
+
return appkit.createAppKit({
|
|
15496
|
+
adapters: [wagmiAdapter],
|
|
15497
|
+
networks: networks,
|
|
15498
|
+
projectId: projectId,
|
|
15499
|
+
});
|
|
15500
|
+
}, [isMobileDevice]);
|
|
15501
|
+
// Mobile connection flow using AppKit modal
|
|
15502
|
+
const initiateMobileConnection = React.useCallback(() => {
|
|
15503
|
+
if (connectionAttempted || !appKit)
|
|
15504
|
+
return;
|
|
15505
|
+
setConnectionAttempted(true);
|
|
15506
|
+
setErrorMessage(null);
|
|
15507
|
+
try {
|
|
15508
|
+
// If already connected to a different wallet, disconnect first
|
|
15509
|
+
if (isConnected) {
|
|
15510
|
+
disconnect();
|
|
15511
|
+
}
|
|
15512
|
+
// Open AppKit modal for wallet selection
|
|
15513
|
+
appKit.open();
|
|
15514
|
+
}
|
|
15515
|
+
catch (err) {
|
|
15516
|
+
const error = err;
|
|
15517
|
+
setErrorMessage(error?.message || 'Failed to open wallet selection');
|
|
15518
|
+
}
|
|
15519
|
+
}, [connectionAttempted, appKit, isConnected, disconnect]);
|
|
15520
|
+
// Desktop connection flow using EthereumProvider (existing implementation)
|
|
15521
|
+
const initiateDesktopConnection = React.useCallback(async () => {
|
|
15522
|
+
if (connectionAttempted)
|
|
15523
|
+
return;
|
|
15524
|
+
setConnectionAttempted(true);
|
|
15525
|
+
setErrorMessage(null);
|
|
15526
|
+
try {
|
|
15527
|
+
// If already connected to a different wallet, disconnect first
|
|
15528
|
+
if (isConnected) {
|
|
15529
|
+
disconnect();
|
|
15530
|
+
await new Promise(resolve => setTimeout(resolve, 100));
|
|
15531
|
+
}
|
|
15532
|
+
// Initialize Ethereum provider
|
|
15533
|
+
const chainIds = networks.map(n => Number(n.id));
|
|
15534
|
+
const provider = await ethereumProvider.EthereumProvider.init({
|
|
15535
|
+
projectId,
|
|
15536
|
+
chains: chainIds,
|
|
15537
|
+
optionalChains: chainIds,
|
|
15538
|
+
showQrModal: false, // We handle the QR code display ourselves
|
|
15539
|
+
});
|
|
15540
|
+
providerRef.current = provider;
|
|
15541
|
+
setWalletConnectProvider(provider); // Store for SIWE signing
|
|
15542
|
+
// Listen for display_uri event to get QR code
|
|
15543
|
+
provider.on('display_uri', (uri) => {
|
|
15544
|
+
setUri(uri);
|
|
15545
|
+
});
|
|
15546
|
+
// Connect
|
|
15547
|
+
await provider.connect();
|
|
15548
|
+
// Get connected address
|
|
15549
|
+
const accounts = provider.accounts;
|
|
15550
|
+
if (accounts && accounts.length > 0) {
|
|
15551
|
+
setWcAddress(accounts[0]);
|
|
15552
|
+
}
|
|
15553
|
+
}
|
|
15554
|
+
catch (err) {
|
|
15555
|
+
const error = err;
|
|
15556
|
+
const errorMsg = (error?.message || '').toLowerCase();
|
|
15557
|
+
// If user rejected/denied the connection, go back to login
|
|
15558
|
+
if (errorMsg.includes('user rejected') ||
|
|
15559
|
+
errorMsg.includes('user denied') ||
|
|
15560
|
+
errorMsg.includes('rejected the request') ||
|
|
15561
|
+
errorMsg.includes('user cancelled') ||
|
|
15562
|
+
errorMsg.includes('user canceled')) {
|
|
15563
|
+
dispatch({ type: 'GO_TO_LOGIN' });
|
|
15564
|
+
return;
|
|
15565
|
+
}
|
|
15566
|
+
setErrorMessage(error?.message || 'Failed to connect wallet');
|
|
15567
|
+
}
|
|
15568
|
+
}, [connectionAttempted, isConnected, disconnect, dispatch]);
|
|
15569
|
+
// Initiate connection based on device type
|
|
15570
|
+
React.useEffect(() => {
|
|
15571
|
+
if (isMobileDevice) {
|
|
15572
|
+
initiateMobileConnection();
|
|
15573
|
+
}
|
|
15574
|
+
else {
|
|
15575
|
+
initiateDesktopConnection();
|
|
15576
|
+
}
|
|
15577
|
+
}, [isMobileDevice, initiateMobileConnection, initiateDesktopConnection]);
|
|
15578
|
+
// For mobile: Listen for connection via wagmi (AppKit connects through wagmi)
|
|
15579
|
+
React.useEffect(() => {
|
|
15580
|
+
if (isMobileDevice && isConnected && address) {
|
|
15581
|
+
// AppKit connected through wagmi, transition to WalletPendingView
|
|
15582
|
+
dispatch({ type: 'WALLETCONNECT_CONNECTED', address: address });
|
|
15583
|
+
}
|
|
15584
|
+
}, [isMobileDevice, isConnected, address, dispatch]);
|
|
15585
|
+
// For desktop: When connection is established via EthereumProvider, transition to WalletPendingView for SIWE
|
|
15586
|
+
React.useEffect(() => {
|
|
15587
|
+
if (!isMobileDevice && wcAddress) {
|
|
15588
|
+
// Store the provider reference for SIWE signing
|
|
15589
|
+
// Pass the address through the action
|
|
15590
|
+
dispatch({ type: 'WALLETCONNECT_CONNECTED', address: wcAddress });
|
|
15591
|
+
}
|
|
15592
|
+
}, [isMobileDevice, wcAddress, dispatch]);
|
|
15593
|
+
const handleBack = () => {
|
|
15594
|
+
// Cleanup provider on back (desktop only)
|
|
15595
|
+
if (providerRef.current) {
|
|
15596
|
+
providerRef.current.disconnect().catch(() => {
|
|
15597
|
+
// Ignore cleanup errors
|
|
15598
|
+
});
|
|
15599
|
+
providerRef.current = null;
|
|
15600
|
+
setWalletConnectProvider(null);
|
|
15601
|
+
}
|
|
15602
|
+
// Close AppKit modal if open (mobile)
|
|
15603
|
+
if (appKit) {
|
|
15604
|
+
appKit.close();
|
|
15605
|
+
}
|
|
15606
|
+
dispatch({ type: 'GO_TO_LOGIN' });
|
|
15607
|
+
};
|
|
15608
|
+
// Show error state
|
|
15609
|
+
if (errorMessage) {
|
|
15610
|
+
return (React.createElement(React.Fragment, null,
|
|
15611
|
+
React.createElement(WidgetHeader, { onPressBack: handleBack, showHeaderText: false }),
|
|
15612
|
+
React.createElement(VStack, { gap: 6, pt: 4, alignItems: "center" },
|
|
15613
|
+
React.createElement(Icon, { width: 60, height: 60 }),
|
|
15614
|
+
React.createElement(VStack, { gap: 2, alignItems: "center", px: 7 },
|
|
15615
|
+
React.createElement(M$8.H4, null, "Connection Failed"),
|
|
15616
|
+
React.createElement(M$8, { variant: "error", styles: { textAlign: 'center' } }, errorMessage)))));
|
|
15617
|
+
}
|
|
15618
|
+
// Mobile: Show loading state while AppKit modal is open
|
|
15619
|
+
if (isMobileDevice) {
|
|
15620
|
+
return (React.createElement(React.Fragment, null,
|
|
15621
|
+
React.createElement(WidgetHeader, { onPressBack: handleBack, showHeaderText: false }),
|
|
15622
|
+
React.createElement(VStack, { gap: 6, pt: 4, alignItems: "center" },
|
|
15623
|
+
React.createElement(Icon, { width: 60, height: 60 }),
|
|
15624
|
+
React.createElement(VStack, { gap: 2, alignItems: "center", px: 7 },
|
|
15625
|
+
React.createElement(M$8.H4, null, "Select your wallet"),
|
|
15626
|
+
React.createElement(M$8, { fontColor: "text.tertiary", styles: { textAlign: 'center' } }, "Choose a wallet app to connect")))));
|
|
15627
|
+
}
|
|
15628
|
+
// Desktop: Show custom QR code (existing behavior)
|
|
15629
|
+
return (React.createElement(React.Fragment, null,
|
|
15630
|
+
React.createElement(WidgetHeader, { onPressBack: handleBack, showHeaderText: false }),
|
|
15631
|
+
React.createElement(VStack, { gap: 6, pt: 4, alignItems: "center" },
|
|
15632
|
+
uri ? (React.createElement(b$1, { eyeRadius: 8, value: uri, qrStyle: "dots", size: 262, logoImage: WALLETCONNECT_LOGO_DATA_URL, logoHeight: 64, logoWidth: 64, logoPadding: 16, style: { borderRadius: 16 }, quietZone: 12 })) : (React.createElement(Center, { width: "294px", height: "294px" },
|
|
15633
|
+
React.createElement(d$i, { width: 286, height: 286, borderRadius: 16, backgroundColor: "surface.secondary" }))),
|
|
15634
|
+
React.createElement(VStack, { gap: 2, alignItems: "center", px: 7 },
|
|
15635
|
+
React.createElement(M$8.H4, null, "Scan with your wallet"),
|
|
15636
|
+
React.createElement(M$8, { fontColor: "text.tertiary", styles: { textAlign: 'center' } }, "Open your mobile wallet and scan this QR code to connect")))));
|
|
15637
|
+
};
|
|
15638
|
+
|
|
15385
15639
|
// Create a query client for react-query
|
|
15386
15640
|
const queryClient = new reactQuery.QueryClient();
|
|
15387
15641
|
// Inject CSS into document head (only once)
|
|
@@ -15391,21 +15645,31 @@ function injectCSS() {
|
|
|
15391
15645
|
return;
|
|
15392
15646
|
const styleElement = document.createElement('style');
|
|
15393
15647
|
styleElement.id = 'magic-widget-styles';
|
|
15394
|
-
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)}.jsxiND{height:300px}.jJQbUA{transform:translate(-50%,-50%)}.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)}.fznCZP{padding-inline:var(--eDRUVY)}.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)}.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)}[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}}";
|
|
15648
|
+
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}}";
|
|
15395
15649
|
document.head.appendChild(styleElement);
|
|
15396
15650
|
cssInjected = true;
|
|
15397
15651
|
}
|
|
15398
15652
|
// The actual widget content
|
|
15399
|
-
function WidgetContent({ state, dispatch }) {
|
|
15653
|
+
function WidgetContent({ state, dispatch, showFooterLogo }) {
|
|
15400
15654
|
// Render the current view
|
|
15401
15655
|
const renderView = () => {
|
|
15402
15656
|
switch (state.view) {
|
|
15403
15657
|
case 'login':
|
|
15404
15658
|
return React.createElement(LoginView, { dispatch: dispatch });
|
|
15405
15659
|
case 'wallet_pending':
|
|
15406
|
-
|
|
15660
|
+
// Only render if we have a valid selectedProvider
|
|
15661
|
+
if (!state.selectedProvider) {
|
|
15662
|
+
return React.createElement(LoginView, { dispatch: dispatch });
|
|
15663
|
+
}
|
|
15664
|
+
return (React.createElement(WalletPendingView, { key: `wallet-${state.selectedProvider}`, provider: state.selectedProvider, state: state, dispatch: dispatch }));
|
|
15665
|
+
case 'walletconnect_pending':
|
|
15666
|
+
return React.createElement(WalletConnectView, { key: "walletconnect", dispatch: dispatch });
|
|
15407
15667
|
case 'oauth_pending':
|
|
15408
|
-
|
|
15668
|
+
// Only render if we have a valid selectedProvider
|
|
15669
|
+
if (!state.selectedProvider) {
|
|
15670
|
+
return React.createElement(LoginView, { dispatch: dispatch });
|
|
15671
|
+
}
|
|
15672
|
+
return (React.createElement(OAuthPendingView, { key: `oauth-${state.selectedProvider}`, provider: state.selectedProvider, dispatch: dispatch }));
|
|
15409
15673
|
case 'additional_providers':
|
|
15410
15674
|
return React.createElement(AdditionalProvidersView, { dispatch: dispatch });
|
|
15411
15675
|
case 'email_otp_pending':
|
|
@@ -15426,10 +15690,10 @@ function WidgetContent({ state, dispatch }) {
|
|
|
15426
15690
|
}
|
|
15427
15691
|
};
|
|
15428
15692
|
return (React.createElement(EmailLoginProvider, { dispatch: dispatch },
|
|
15429
|
-
React.createElement(
|
|
15693
|
+
React.createElement(i$6, { removeTopOffset: true },
|
|
15430
15694
|
React.createElement(VStack, { alignItems: "center", width: "full" },
|
|
15431
15695
|
renderView(),
|
|
15432
|
-
React.createElement(c$5,
|
|
15696
|
+
React.createElement(c$5, { showLogo: showFooterLogo })))));
|
|
15433
15697
|
}
|
|
15434
15698
|
// Styles for modal mode
|
|
15435
15699
|
const modalBackdropStyles = {
|
|
@@ -15450,31 +15714,73 @@ const modalContentStyles = {
|
|
|
15450
15714
|
position: 'relative',
|
|
15451
15715
|
};
|
|
15452
15716
|
// Main widget component
|
|
15453
|
-
function MagicWidget({ displayMode = 'inline', isOpen = true, onClose, closeOnSuccess = false, closeOnClickOutside = false, wallets = [], onSuccess, onError, }) {
|
|
15717
|
+
function MagicWidget({ displayMode = 'inline', isOpen = true, onClose, closeOnSuccess = false, closeOnClickOutside = false, wallets = [], onSuccess, onError, onReady, }) {
|
|
15454
15718
|
const [state, dispatch] = React.useReducer(widgetReducer, initialState);
|
|
15455
15719
|
// Check if config is already cached to avoid unnecessary loading state
|
|
15456
15720
|
const [isConfigLoading, setIsConfigLoading] = React.useState(() => {
|
|
15457
15721
|
return getExtensionInstance().getConfig() === null;
|
|
15458
15722
|
});
|
|
15723
|
+
const { setColors, setRadius } = g$1({});
|
|
15724
|
+
const [clientTheme, setClientTheme] = React.useState(null);
|
|
15725
|
+
const [showFooterLogo, setShowFooterLogo] = React.useState(false);
|
|
15459
15726
|
React.useEffect(() => {
|
|
15460
15727
|
injectCSS();
|
|
15461
15728
|
// Only fetch if not already cached
|
|
15462
15729
|
if (isConfigLoading) {
|
|
15463
15730
|
getExtensionInstance()
|
|
15464
15731
|
.fetchConfig()
|
|
15465
|
-
.then(
|
|
15732
|
+
.then(clientConfig => {
|
|
15733
|
+
setClientTheme(clientConfig.theme);
|
|
15734
|
+
setShowFooterLogo(clientConfig.theme.customBrandingType !== 2);
|
|
15735
|
+
setIsConfigLoading(false);
|
|
15736
|
+
})
|
|
15466
15737
|
.catch(err => {
|
|
15467
15738
|
console.error('Failed to fetch config:', err);
|
|
15468
|
-
setIsConfigLoading(false);
|
|
15739
|
+
setIsConfigLoading(false);
|
|
15469
15740
|
});
|
|
15470
15741
|
}
|
|
15471
|
-
}, [
|
|
15472
|
-
// Reset to login view when modal is opened
|
|
15742
|
+
}, []);
|
|
15473
15743
|
React.useEffect(() => {
|
|
15474
|
-
if (
|
|
15744
|
+
if (!clientTheme)
|
|
15745
|
+
return;
|
|
15746
|
+
const setClientTheme = async () => {
|
|
15747
|
+
try {
|
|
15748
|
+
const colorMode = clientTheme.themeColor === 'dark' ? 'dark' : 'light';
|
|
15749
|
+
const { textColor, buttonColor, buttonRadius, containerRadius, backgroundColor, neutralColor } = clientTheme;
|
|
15750
|
+
document.documentElement.setAttribute('data-color-mode', colorMode);
|
|
15751
|
+
if (textColor)
|
|
15752
|
+
setColors('text', textColor);
|
|
15753
|
+
if (buttonRadius)
|
|
15754
|
+
setRadius('button', buttonRadius);
|
|
15755
|
+
if (containerRadius)
|
|
15756
|
+
setRadius('container', containerRadius);
|
|
15757
|
+
if (backgroundColor)
|
|
15758
|
+
setColors('surface', backgroundColor);
|
|
15759
|
+
if (neutralColor)
|
|
15760
|
+
setColors('neutral', neutralColor);
|
|
15761
|
+
if (buttonColor)
|
|
15762
|
+
setColors('brand', buttonColor);
|
|
15763
|
+
onReady?.();
|
|
15764
|
+
}
|
|
15765
|
+
catch (e) {
|
|
15766
|
+
console.error('Error setting client theme', e);
|
|
15767
|
+
}
|
|
15768
|
+
};
|
|
15769
|
+
setClientTheme();
|
|
15770
|
+
}, [clientTheme]);
|
|
15771
|
+
// Reset to login view when modal is closed or opened
|
|
15772
|
+
const prevIsOpenRef = React.useRef(isOpen);
|
|
15773
|
+
React.useEffect(() => {
|
|
15774
|
+
// Reset when modal closes (to prevent stale state on reopen)
|
|
15775
|
+
if (!isOpen && prevIsOpenRef.current) {
|
|
15475
15776
|
dispatch({ type: 'GO_TO_LOGIN' });
|
|
15476
15777
|
}
|
|
15477
|
-
|
|
15778
|
+
// Reset when modal opens (ensures clean state)
|
|
15779
|
+
if (isOpen && !prevIsOpenRef.current) {
|
|
15780
|
+
dispatch({ type: 'GO_TO_LOGIN' });
|
|
15781
|
+
}
|
|
15782
|
+
prevIsOpenRef.current = isOpen;
|
|
15783
|
+
}, [isOpen, dispatch]);
|
|
15478
15784
|
if (!isOpen) {
|
|
15479
15785
|
return null;
|
|
15480
15786
|
}
|
|
@@ -15486,21 +15792,13 @@ function MagicWidget({ displayMode = 'inline', isOpen = true, onClose, closeOnSu
|
|
|
15486
15792
|
onClose();
|
|
15487
15793
|
}
|
|
15488
15794
|
};
|
|
15489
|
-
if (isConfigLoading)
|
|
15490
|
-
|
|
15491
|
-
React.createElement(VStack, { alignItems: "center", justifyContent: "center", height: "300px" },
|
|
15492
|
-
React.createElement(d$m, null))));
|
|
15493
|
-
if (isModal) {
|
|
15494
|
-
return (React.createElement("div", { style: modalBackdropStyles, onClick: handleBackdropClick },
|
|
15495
|
-
React.createElement("div", { style: modalContentStyles }, loadingContent)));
|
|
15496
|
-
}
|
|
15497
|
-
return loadingContent;
|
|
15498
|
-
}
|
|
15795
|
+
if (isConfigLoading)
|
|
15796
|
+
return null;
|
|
15499
15797
|
const widgetContent = (React.createElement(WidgetConfigProvider, { wallets: wallets, onSuccess: onSuccess, onError: onError, onClose: onClose, closeOnSuccess: closeOnSuccess },
|
|
15500
15798
|
React.createElement(wagmi.WagmiProvider, { config: wagmiConfig },
|
|
15501
15799
|
React.createElement(reactQuery.QueryClientProvider, { client: queryClient },
|
|
15502
15800
|
React.createElement("div", { id: "magic-widget-container" },
|
|
15503
|
-
React.createElement(WidgetContent, { state: state, dispatch: dispatch }))))));
|
|
15801
|
+
React.createElement(WidgetContent, { state: state, dispatch: dispatch, showFooterLogo: showFooterLogo }))))));
|
|
15504
15802
|
if (isModal) {
|
|
15505
15803
|
return (React.createElement("div", { style: modalBackdropStyles, onClick: handleBackdropClick },
|
|
15506
15804
|
React.createElement("div", { style: modalContentStyles }, widgetContent)));
|