@magiclabs/ui-components 1.31.1 → 1.32.0

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";var l=require("./components/containers/card.js"),u=require("./components/containers/content.js"),t=require("./components/containers/drawer.js"),n=require("./components/containers/footer.js"),c=require("./components/containers/header.js"),d=require("./components/containers/menu.js"),f=require("./components/containers/modal.js"),v=require("./components/containers/overlay.js"),q=require("./components/external/paypal-button.js"),g=require("./components/external/social-login-button.js"),s=require("./components/feedback/animated-checkmark.js"),L=require("./components/feedback/animated-spinner.js"),M=require("./components/feedback/callout.js"),k=require("./components/feedback/loading-spinner.js"),I=require("./components/feedback/progress-bar.js"),m=require("./components/feedback/skeleton.js"),e=require("./components/feedback/toast-provider.js"),p=require("./components/feedback/tooltip.js"),h=require("./components/icons/ico-add.js"),C=require("./components/icons/ico-alert-circle-fill.js"),b=require("./components/icons/ico-alert-circle.js"),w=require("./components/icons/ico-arrow-down.js"),B=require("./components/icons/ico-arrow-left.js"),A=require("./components/icons/ico-arrow-right.js"),P=require("./components/icons/ico-arrow-up.js"),F=require("./components/icons/ico-asterisk-with-shield.js"),S=require("./components/icons/ico-asterisk.js"),y=require("./components/icons/ico-astronaut.js"),W=require("./components/icons/ico-atom.js"),T=require("./components/icons/ico-bank.js"),E=require("./components/icons/ico-bell-notification.js"),D=require("./components/icons/ico-bell.js"),G=require("./components/icons/ico-block.js"),x=require("./components/icons/ico-branding.js"),R=require("./components/icons/ico-caret-down.js"),O=require("./components/icons/ico-caret-left.js"),H=require("./components/icons/ico-caret-right.js"),z=require("./components/icons/ico-caret-up.js"),N=require("./components/icons/ico-checkmark-circle-fill.js"),Z=require("./components/icons/ico-checkmark-circle.js"),U=require("./components/icons/ico-checkmark.js"),X=require("./components/icons/ico-clock-fill.js"),j=require("./components/icons/ico-code-editor.js"),V=require("./components/icons/ico-code-sandbox.js"),Q=require("./components/icons/ico-code.js"),J=require("./components/icons/ico-command-line.js"),K=require("./components/icons/ico-comment.js"),_=require("./components/icons/ico-copy.js"),Y=require("./components/icons/ico-credit-card.js"),$=require("./components/icons/ico-dedicated.js"),ee=require("./components/icons/ico-diamond.js"),re=require("./components/icons/ico-dismiss-circle-fill.js"),oe=require("./components/icons/ico-dismiss-circle.js"),ae=require("./components/icons/ico-dismiss.js"),ie=require("./components/icons/ico-doc.js"),le=require("./components/icons/ico-download.js"),ue=require("./components/icons/ico-edit-email.js"),te=require("./components/icons/ico-edit.js"),ne=require("./components/icons/ico-email-fill.js"),ce=require("./components/icons/ico-email-open.js"),de=require("./components/icons/ico-email.js"),fe=require("./components/icons/ico-expand.js"),ve=require("./components/icons/ico-expiration.js"),qe=require("./components/icons/ico-external-link.js"),ge=require("./components/icons/ico-eye-closed.js"),se=require("./components/icons/ico-eye-opened.js"),Le=require("./components/icons/ico-fingerprint-fill.js"),Me=require("./components/icons/ico-fingerprint.js"),ke=require("./components/icons/ico-gas.js"),Ie=require("./components/icons/ico-gift.js"),me=require("./components/icons/ico-globe.js"),pe=require("./components/icons/ico-grid-fill.js"),he=require("./components/icons/ico-guide.js"),Ce=require("./components/icons/ico-home-fill.js"),be=require("./components/icons/ico-home.js"),we=require("./components/icons/ico-hourglass.js"),Be=require("./components/icons/ico-info-circle-fill.js"),Ae=require("./components/icons/ico-info-circle.js"),Pe=require("./components/icons/ico-kebab.js"),Fe=require("./components/icons/ico-key.js"),Se=require("./components/icons/ico-lightbulb-fill.js"),ye=require("./components/icons/ico-lightbulb.js"),We=require("./components/icons/ico-lightning-fill.js"),Te=require("./components/icons/ico-lightning.js"),Ee=require("./components/icons/ico-link.js"),De=require("./components/icons/ico-loading.js"),Ge=require("./components/icons/ico-lock-locked.js"),xe=require("./components/icons/ico-lock-password.js"),Re=require("./components/icons/ico-lock-unlocked-fill.js"),Oe=require("./components/icons/ico-lock-unlocked.js"),He=require("./components/icons/ico-login-form.js"),ze=require("./components/icons/ico-magic.js"),Ne=require("./components/icons/ico-megaphone.js"),Ze=require("./components/icons/ico-menu.js"),Ue=require("./components/icons/ico-message-fill.js"),Xe=require("./components/icons/ico-message.js"),je=require("./components/icons/ico-mfa.js"),Ve=require("./components/icons/ico-minimize.js"),Qe=require("./components/icons/ico-mobile2fa.js"),Je=require("./components/icons/ico-mobile2fafill.js"),Ke=require("./components/icons/ico-open-book.js"),_e=require("./components/icons/ico-paper-plane.js"),Ye=require("./components/icons/ico-passport.js"),$e=require("./components/icons/ico-passwordless.js"),er=require("./components/icons/ico-pending-connection.js"),rr=require("./components/icons/ico-phone.js"),or=require("./components/icons/ico-polygon-gas-testnet.js"),ar=require("./components/icons/ico-polygon-gas.js"),ir=require("./components/icons/ico-price.js"),lr=require("./components/icons/ico-qrcode.js"),ur=require("./components/icons/ico-question-circle-fill.js"),tr=require("./components/icons/ico-question-circle.js"),nr=require("./components/icons/ico-refresh-circle-fill.js"),cr=require("./components/icons/ico-refresh.js"),dr=require("./components/icons/ico-remove.js"),fr=require("./components/icons/ico-rocket-fill.js"),vr=require("./components/icons/ico-search.js"),qr=require("./components/icons/ico-settings-fill.js"),gr=require("./components/icons/ico-settings.js"),sr=require("./components/icons/ico-shapes.js"),Lr=require("./components/icons/ico-shield-approved.js"),Mr=require("./components/icons/ico-shield-rejected.js"),kr=require("./components/icons/ico-shield.js"),Ir=require("./components/icons/ico-social.js"),mr=require("./components/icons/ico-sold-out-tag.js"),pr=require("./components/icons/ico-star.js"),hr=require("./components/icons/ico-swap.js"),Cr=require("./components/icons/ico-swatches.js"),br=require("./components/icons/ico-team.js"),wr=require("./components/icons/ico-trash.js"),Br=require("./components/icons/ico-users.js"),Ar=require("./components/icons/ico-wallet-fill.js"),Pr=require("./components/icons/ico-wallet.js"),Fr=require("./components/icons/ico-wand.js"),Sr=require("./components/icons/ico-warning-fill.js"),yr=require("./components/icons/ico-warning.js"),Wr=require("./components/info/copy-button.js"),Tr=require("./components/info/email-wbr.js"),Er=require("./components/info/security-otp.js"),Dr=require("./components/info/text-box.js"),Gr=require("./components/info/wallet-address.js"),xr=require("./components/inputs/phone-input.js"),Rr=require("./components/inputs/pincode-input.js"),Or=require("./components/inputs/text-input.js"),Hr=require("./components/layouts/dialogue.js"),zr=require("./components/layouts/error.js"),Nr=require("./components/layouts/page.js"),Zr=require("./components/layouts/passport-page.js"),Ur=require("./components/layouts/wallet-page/index.js"),Xr=require("./components/list-items/navigation-button.js"),jr=require("./components/list-items/nft-tile.js"),Vr=require("./components/list-items/token-list-item.js"),Qr=require("./components/list-items/transaction-row.js"),Jr=require("./components/logos/blc-algorand.js"),Kr=require("./components/logos/blc-aptos.js"),_r=require("./components/logos/blc-arbitrum.js"),Yr=require("./components/logos/blc-astar.js"),$r=require("./components/logos/blc-avalanche.js"),eo=require("./components/logos/blc-base.js"),ro=require("./components/logos/blc-berachain.js"),oo=require("./components/logos/blc-binance.js"),ao=require("./components/logos/blc-bitcoin.js"),io=require("./components/logos/blc-celo.js"),lo=require("./components/logos/blc-chiliz.js"),uo=require("./components/logos/blc-cosmos.js"),to=require("./components/logos/blc-ethereum.js"),no=require("./components/logos/blc-etherlink.js"),co=require("./components/logos/blc-flow.js"),fo=require("./components/logos/blc-harmony.js"),vo=require("./components/logos/blc-icon.js"),qo=require("./components/logos/blc-immutable-x.js"),go=require("./components/logos/blc-loopring.js"),so=require("./components/logos/blc-moonbeam.js"),Lo=require("./components/logos/blc-near.js"),Mo=require("./components/logos/blc-optimism.js"),ko=require("./components/logos/blc-polkadot.js"),Io=require("./components/logos/blc-polygon.js"),mo=require("./components/logos/blc-rarichain.js"),po=require("./components/logos/blc-solana.js"),ho=require("./components/logos/blc-stability.js"),Co=require("./components/logos/blc-sui.js"),bo=require("./components/logos/blc-tezos.js"),wo=require("./components/logos/blc-wax.js"),Bo=require("./components/logos/blc-zetachain.js"),Ao=require("./components/logos/blc-zilliqa.js"),Po=require("./components/logos/blc-zksync.js"),Fo=require("./components/logos/default-cursor.js"),So=require("./components/logos/fwk-11ty.js"),yo=require("./components/logos/fwk-android.js"),Wo=require("./components/logos/fwk-apple.js"),To=require("./components/logos/fwk-authy.js"),Eo=require("./components/logos/fwk-binance-fill.js"),Do=require("./components/logos/fwk-chrome.js"),Go=require("./components/logos/fwk-electron.js"),xo=require("./components/logos/fwk-express.js"),Ro=require("./components/logos/fwk-fauna.js"),Oo=require("./components/logos/fwk-firebase.js"),Ho=require("./components/logos/fwk-go.js"),zo=require("./components/logos/fwk-google-authenticator.js"),No=require("./components/logos/fwk-hasura.js"),Zo=require("./components/logos/fwk-javascript.js"),Uo=require("./components/logos/fwk-jwt.js"),Xo=require("./components/logos/fwk-laravel.js"),jo=require("./components/logos/fwk-nextjs.js"),Vo=require("./components/logos/fwk-nodejs.js"),Qo=require("./components/logos/fwk-nuxtjs.js"),Jo=require("./components/logos/fwk-php.js"),Ko=require("./components/logos/fwk-react.js"),_o=require("./components/logos/fwk-strapi.js"),Yo=require("./components/logos/fwk-stripe.js"),$o=require("./components/logos/fwk-vue.js"),ea=require("./components/logos/fwk-webflow.js"),ra=require("./components/logos/fwk-wordpress.js"),oa=require("./components/logos/fwk-zapier.js"),aa=require("./components/logos/icon-art-dark.js"),ia=require("./components/logos/icon-art.js"),la=require("./components/logos/icon-delete.js"),ua=require("./components/logos/icon-email-globe.js"),ta=require("./components/logos/icon-email.js"),na=require("./components/logos/icon-game-controller-dark.js"),ca=require("./components/logos/icon-game-controller.js"),da=require("./components/logos/icon-generic-token.js"),fa=require("./components/logos/icon-magic-globe.js"),va=require("./components/logos/icon-magic-logo.js"),qa=require("./components/logos/icon-music-dark.js"),ga=require("./components/logos/icon-music.js"),sa=require("./components/logos/icon-person-dark.js"),La=require("./components/logos/icon-person.js"),Ma=require("./components/logos/icon-profile-dark.js"),ka=require("./components/logos/icon-profile-light.js"),Ia=require("./components/logos/icon-reset.js"),ma=require("./components/logos/icon-sms.js"),pa=require("./components/logos/icon-ticket-dark.js"),ha=require("./components/logos/icon-ticket.js"),Ca=require("./components/logos/icon-warning-dark.js"),ba=require("./components/logos/icon-warning-shield.js"),wa=require("./components/logos/icon-warning.js"),Ba=require("./components/logos/logo-algorand-mono.js"),Aa=require("./components/logos/logo-algorand.js"),Pa=require("./components/logos/logo-apple-mono.js"),Fa=require("./components/logos/logo-apple.js"),Sa=require("./components/logos/logo-aptos-mono.js"),ya=require("./components/logos/logo-aptos.js"),Wa=require("./components/logos/logo-arbitrum-mono.js"),Ta=require("./components/logos/logo-arbitrum-one-mono.js"),Ea=require("./components/logos/logo-arbitrum-one.js"),Da=require("./components/logos/logo-arbitrum.js"),Ga=require("./components/logos/logo-astar-mono.js"),xa=require("./components/logos/logo-astar.js"),Ra=require("./components/logos/logo-auth0-mono.js"),Oa=require("./components/logos/logo-auth0.js"),Ha=require("./components/logos/logo-avalanche-mono.js"),za=require("./components/logos/logo-avalanche.js"),Na=require("./components/logos/logo-azure-mono.js"),Za=require("./components/logos/logo-azure.js"),Ua=require("./components/logos/logo-base-mono.js"),Xa=require("./components/logos/logo-base.js"),ja=require("./components/logos/logo-berachain-mono.js"),Va=require("./components/logos/logo-berachain.js"),Qa=require("./components/logos/logo-binance-mono.js"),Ja=require("./components/logos/logo-binance.js"),Ka=require("./components/logos/logo-bit-bucket-mono.js"),_a=require("./components/logos/logo-bit-bucket.js"),Ya=require("./components/logos/logo-bitcoin-mono.js"),$a=require("./components/logos/logo-bitcoin.js"),ei=require("./components/logos/logo-bnb-mono.js"),ri=require("./components/logos/logo-bnb.js"),oi=require("./components/logos/logo-celo-mono.js"),ai=require("./components/logos/logo-celo.js"),ii=require("./components/logos/logo-chiliz-mono.js"),li=require("./components/logos/logo-chiliz.js"),ui=require("./components/logos/logo-cognito-mono.js"),ti=require("./components/logos/logo-cognito.js"),ni=require("./components/logos/logo-cosmos-mono.js"),ci=require("./components/logos/logo-cosmos.js"),di=require("./components/logos/logo-discord-mono.js"),fi=require("./components/logos/logo-discord.js"),vi=require("./components/logos/logo-ethereum-circle-mono.js"),qi=require("./components/logos/logo-ethereum-circle.js"),gi=require("./components/logos/logo-ethereum-mono.js"),si=require("./components/logos/logo-ethereum.js"),Li=require("./components/logos/logo-etherlink-mono.js"),Mi=require("./components/logos/logo-etherlink.js"),ki=require("./components/logos/logo-facebook-mono.js"),Ii=require("./components/logos/logo-facebook.js"),mi=require("./components/logos/logo-flare-mono.js"),pi=require("./components/logos/logo-flare.js"),hi=require("./components/logos/logo-flow-mono.js"),Ci=require("./components/logos/logo-flow.js"),bi=require("./components/logos/logo-git-hub-mono.js"),wi=require("./components/logos/logo-git-hub.js"),Bi=require("./components/logos/logo-git-lab-mono.js"),Ai=require("./components/logos/logo-git-lab.js"),Pi=require("./components/logos/logo-google-mono.js"),Fi=require("./components/logos/logo-google.js"),Si=require("./components/logos/logo-harmony-mono.js"),yi=require("./components/logos/logo-harmony.js"),Wi=require("./components/logos/logo-horizen-mono.js"),Ti=require("./components/logos/logo-horizen.js"),Ei=require("./components/logos/logo-icon-mono.js"),Di=require("./components/logos/logo-icon.js"),Gi=require("./components/logos/logo-immutable-x-mono.js"),xi=require("./components/logos/logo-immutable-x.js"),Ri=require("./components/logos/logo-link-by-stripe-mono.js"),Oi=require("./components/logos/logo-link-by-stripe.js"),Hi=require("./components/logos/logo-link-mono.js"),zi=require("./components/logos/logo-link.js"),Ni=require("./components/logos/logo-linked-in-mono.js"),Zi=require("./components/logos/logo-linked-in.js"),Ui=require("./components/logos/logo-loopring-mono.js"),Xi=require("./components/logos/logo-loopring.js"),ji=require("./components/logos/logo-microsoft-mono.js"),Vi=require("./components/logos/logo-microsoft.js"),Qi=require("./components/logos/logo-moonbeam-mono.js"),Ji=require("./components/logos/logo-moonbeam.js"),Ki=require("./components/logos/logo-near-mono.js"),_i=require("./components/logos/logo-near.js"),Yi=require("./components/logos/logo-onramper-mono.js"),$i=require("./components/logos/logo-onramper.js"),el=require("./components/logos/logo-optimism-mono.js"),rl=require("./components/logos/logo-optimism.js"),ol=require("./components/logos/logo-pay-pal-mono.js"),al=require("./components/logos/logo-pay-pal-wordmark-mono.js"),il=require("./components/logos/logo-pay-pal-wordmark.js"),ll=require("./components/logos/logo-pay-pal.js"),ul=require("./components/logos/logo-poa-mono.js"),tl=require("./components/logos/logo-poa.js"),nl=require("./components/logos/logo-polkadot-mono.js"),cl=require("./components/logos/logo-polkadot.js"),dl=require("./components/logos/logo-polygon-mono.js"),fl=require("./components/logos/logo-polygon.js"),vl=require("./components/logos/logo-rarichain-mono.js"),ql=require("./components/logos/logo-rarichain.js"),gl=require("./components/logos/logo-sardine-mono.js"),sl=require("./components/logos/logo-sardine.js"),Ll=require("./components/logos/logo-sei-mono.js"),Ml=require("./components/logos/logo-sei.js"),kl=require("./components/logos/logo-solana-mono.js"),Il=require("./components/logos/logo-solana.js"),ml=require("./components/logos/logo-soneium-mono.js"),pl=require("./components/logos/logo-soneium.js"),hl=require("./components/logos/logo-stability-mono.js"),Cl=require("./components/logos/logo-stability.js"),bl=require("./components/logos/logo-sui-mono.js"),wl=require("./components/logos/logo-sui.js"),Bl=require("./components/logos/logo-tezos-mono.js"),Al=require("./components/logos/logo-tezos.js"),Pl=require("./components/logos/logo-twitch-mono.js"),Fl=require("./components/logos/logo-twitch.js"),Sl=require("./components/logos/logo-twitter-mono.js"),yl=require("./components/logos/logo-twitter.js"),Wl=require("./components/logos/logo-wallet-connect-mono.js"),Tl=require("./components/logos/logo-wallet-connect.js"),El=require("./components/logos/logo-warpcast-mono.js"),Dl=require("./components/logos/logo-warpcast.js"),Gl=require("./components/logos/logo-wax-mono.js"),xl=require("./components/logos/logo-wax.js"),Rl=require("./components/logos/logo-xdc-mono.js"),Ol=require("./components/logos/logo-xdc.js"),Hl=require("./components/logos/logo-zetachain-mono.js"),zl=require("./components/logos/logo-zetachain.js"),Nl=require("./components/logos/logo-zilliqa-mono.js"),Zl=require("./components/logos/logo-zilliqa.js"),Ul=require("./components/logos/logo-zksync-mono.js"),Xl=require("./components/logos/logo-zksync.js"),jl=require("./components/logos/pay-amex.js"),Vl=require("./components/logos/pay-discover.js"),Ql=require("./components/logos/pay-mastercard.js"),Jl=require("./components/logos/pay-visa.js"),Kl=require("./components/logos/presentation-logo.js"),_l=require("./components/logos/website-magic.js"),Yl=require("./components/logos/wlt-coinbase.js"),$l=require("./components/logos/wlt-mattel.js"),eu=require("./components/logos/wlt-metamask.js"),ru=require("./components/logos/wlt-phantom.js"),ou=require("./components/logos/wlt-rainbow.js"),au=require("./components/logos/wlt-wallet-connect.js"),iu=require("./components/primitives/button.js"),lu=require("./components/primitives/checkbox.js"),r=require("./components/primitives/dropdown-selector.js"),uu=require("./components/primitives/popover.js"),o=require("./components/primitives/radio.js"),a=require("./components/primitives/segmented-control.js"),tu=require("./components/primitives/switch.js"),nu=require("./components/primitives/text.js"),cu=require("./components/sections/verify-pincode.js"),du=require("./components/sections/wallet-actions.js"),i=require("./components/sections/wallet-navigation.js"),fu=require("./components/utils/animate.js"),vu=require("./components/utils/client-asset-logo.js"),qu=require("./components/utils/qr-code.js"),gu=require("./components/utils/secured-by-magic.js"),su=require("./components/utils/shared-logo.js"),Lu=require("./hooks/theme.js"),Mu=require("./hooks/useToast.js");exports.Card=l.Card,exports.Content=u.Content,exports.Drawer=t.Drawer,exports.Footer=n.Footer,exports.Header=c.Header,exports.Menu=d.Menu,exports.Modal=f.Modal,exports.Overlay=v.Overlay,exports.PayPalButton=q.PayPalButton,exports.SocialLoginButton=g.SocialLoginButton,exports.AnimatedCheckmark=s.AnimatedCheckmark,exports.AnimatedSpinner=L.AnimatedSpinner,exports.Callout=M.Callout,exports.LoadingSpinner=k.LoadingSpinner,exports.ProgressBar=I.ProgressBar,exports.Skeleton=m.Skeleton,exports.Toast=e.Toast,exports.ToastProvider=e.ToastProvider,exports.Tooltip=p.default,exports.IcoAdd=h.default,exports.IcoAlertCircleFill=C.default,exports.IcoAlertCircle=b.default,exports.IcoArrowDown=w.default,exports.IcoArrowLeft=B.default,exports.IcoArrowRight=A.default,exports.IcoArrowUp=P.default,exports.IcoAsteriskWithShield=F.default,exports.IcoAsterisk=S.default,exports.IcoAstronaut=y.default,exports.IcoAtom=W.default,exports.IcoBank=T.default,exports.IcoBellNotification=E.default,exports.IcoBell=D.default,exports.IcoBlock=G.default,exports.IcoBranding=x.default,exports.IcoCaretDown=R.default,exports.IcoCaretLeft=O.default,exports.IcoCaretRight=H.default,exports.IcoCaretUp=z.default,exports.IcoCheckmarkCircleFill=N.default,exports.IcoCheckmarkCircle=Z.default,exports.IcoCheckmark=U.default,exports.IcoClockFill=X.default,exports.IcoCodeEditor=j.default,exports.IcoCodeSandbox=V.default,exports.IcoCode=Q.default,exports.IcoCommandLine=J.default,exports.IcoComment=K.default,exports.IcoCopy=_.default,exports.IcoCreditCard=Y.default,exports.IcoDedicated=$.default,exports.IcoDiamond=ee.default,exports.IcoDismissCircleFill=re.default,exports.IcoDismissCircle=oe.default,exports.IcoDismiss=ae.default,exports.IcoDoc=ie.default,exports.IcoDownload=le.default,exports.IcoEditEmail=ue.default,exports.IcoEdit=te.default,exports.IcoEmailFill=ne.default,exports.IcoEmailOpen=ce.default,exports.IcoEmail=de.default,exports.IcoExpand=fe.default,exports.IcoExpiration=ve.default,exports.IcoExternalLink=qe.default,exports.IcoEyeClosed=ge.default,exports.IcoEyeOpened=se.default,exports.IcoFingerprintFill=Le.default,exports.IcoFingerprint=Me.default,exports.IcoGas=ke.default,exports.IcoGift=Ie.default,exports.IcoGlobe=me.default,exports.IcoGridFill=pe.default,exports.IcoGuide=he.default,exports.IcoHomeFill=Ce.default,exports.IcoHome=be.default,exports.IcoHourglass=we.default,exports.IcoInfoCircleFill=Be.default,exports.IcoInfoCircle=Ae.default,exports.IcoKebab=Pe.default,exports.IcoKey=Fe.default,exports.IcoLightbulbFill=Se.default,exports.IcoLightbulb=ye.default,exports.IcoLightningFill=We.default,exports.IcoLightning=Te.default,exports.IcoLink=Ee.default,exports.IcoLoading=De.default,exports.IcoLockLocked=Ge.default,exports.IcoLockPassword=xe.default,exports.IcoLockUnlockedFill=Re.default,exports.IcoLockUnlocked=Oe.default,exports.IcoLoginForm=He.default,exports.IcoMagic=ze.default,exports.IcoMegaphone=Ne.default,exports.IcoMenu=Ze.default,exports.IcoMessageFill=Ue.default,exports.IcoMessage=Xe.default,exports.IcoMfa=je.default,exports.IcoMinimize=Ve.default,exports.IcoMobile2fa=Qe.default,exports.IcoMobile2fafill=Je.default,exports.IcoOpenBook=Ke.default,exports.IcoPaperPlane=_e.default,exports.IcoPassport=Ye.default,exports.IcoPasswordless=$e.default,exports.IcoPendingConnection=er.default,exports.IcoPhone=rr.default,exports.IcoPolygonGasTestnet=or.default,exports.IcoPolygonGas=ar.default,exports.IcoPrice=ir.default,exports.IcoQrcode=lr.default,exports.IcoQuestionCircleFill=ur.default,exports.IcoQuestionCircle=tr.default,exports.IcoRefreshCircleFill=nr.default,exports.IcoRefresh=cr.default,exports.IcoRemove=dr.default,exports.IcoRocketFill=fr.default,exports.IcoSearch=vr.default,exports.IcoSettingsFill=qr.default,exports.IcoSettings=gr.default,exports.IcoShapes=sr.default,exports.IcoShieldApproved=Lr.default,exports.IcoShieldRejected=Mr.default,exports.IcoShield=kr.default,exports.IcoSocial=Ir.default,exports.IcoSoldOutTag=mr.default,exports.IcoStar=pr.default,exports.IcoSwap=hr.default,exports.IcoSwatches=Cr.default,exports.IcoTeam=br.default,exports.IcoTrash=wr.default,exports.IcoUsers=Br.default,exports.IcoWalletFill=Ar.default,exports.IcoWallet=Pr.default,exports.IcoWand=Fr.default,exports.IcoWarningFill=Sr.default,exports.IcoWarning=yr.default,exports.CopyButton=Wr.default,exports.EmailWbr=Tr.default,exports.SecurityOtp=Er.default,exports.TextBox=Dr.default,exports.WalletAddress=Gr.default,exports.PhoneInput=xr.default,exports.PinCodeInput=Rr.PinCodeInput,exports.TextInput=Or.TextInput,exports.Dialogue=Hr.Dialogue,exports.Error=zr.Error,exports.Page=Nr.Page,exports.PassportPage=Zr.PassportPage,exports.WalletPage=Ur.WalletPage,exports.NavigationButton=Xr.default,exports.NFTTile=jr.NFTTile,exports.TokenListItem=Vr.TokenListItem,exports.TransactionRow=Qr.TransactionRow,exports.BlcAlgorand=Jr.default,exports.BlcAptos=Kr.default,exports.BlcArbitrum=_r.default,exports.BlcAstar=Yr.default,exports.BlcAvalanche=$r.default,exports.BlcBase=eo.default,exports.BlcBerachain=ro.default,exports.BlcBinance=oo.default,exports.BlcBitcoin=ao.default,exports.BlcCelo=io.default,exports.BlcChiliz=lo.default,exports.BlcCosmos=uo.default,exports.BlcEthereum=to.default,exports.BlcEtherlink=no.default,exports.BlcFlow=co.default,exports.BlcHarmony=fo.default,exports.BlcIcon=vo.default,exports.BlcImmutableX=qo.default,exports.BlcLoopring=go.default,exports.BlcMoonbeam=so.default,exports.BlcNear=Lo.default,exports.BlcOptimism=Mo.default,exports.BlcPolkadot=ko.default,exports.BlcPolygon=Io.default,exports.BlcRarichain=mo.default,exports.BlcSolana=po.default,exports.BlcStability=ho.default,exports.BlcSui=Co.default,exports.BlcTezos=bo.default,exports.BlcWax=wo.default,exports.BlcZetachain=Bo.default,exports.BlcZilliqa=Ao.default,exports.BlcZksync=Po.default,exports.DefaultCursor=Fo.default,exports.Fwk11ty=So.default,exports.FwkAndroid=yo.default,exports.FwkApple=Wo.default,exports.FwkAuthy=To.default,exports.FwkBinanceFill=Eo.default,exports.FwkChrome=Do.default,exports.FwkElectron=Go.default,exports.FwkExpress=xo.default,exports.FwkFauna=Ro.default,exports.FwkFirebase=Oo.default,exports.FwkGo=Ho.default,exports.FwkGoogleAuthenticator=zo.default,exports.FwkHasura=No.default,exports.FwkJavascript=Zo.default,exports.FwkJwt=Uo.default,exports.FwkLaravel=Xo.default,exports.FwkNextjs=jo.default,exports.FwkNodejs=Vo.default,exports.FwkNuxtjs=Qo.default,exports.FwkPhp=Jo.default,exports.FwkReact=Ko.default,exports.FwkStrapi=_o.default,exports.FwkStripe=Yo.default,exports.FwkVue=$o.default,exports.FwkWebflow=ea.default,exports.FwkWordpress=ra.default,exports.FwkZapier=oa.default,exports.IconArtDark=aa.default,exports.IconArt=ia.default,exports.IconDelete=la.default,exports.IconEmailGlobe=ua.default,exports.IconEmail=ta.default,exports.IconGameControllerDark=na.default,exports.IconGameController=ca.default,exports.IconGenericToken=da.default,exports.IconMagicGlobe=fa.default,exports.IconMagicLogo=va.default,exports.IconMusicDark=qa.default,exports.IconMusic=ga.default,exports.IconPersonDark=sa.default,exports.IconPerson=La.default,exports.IconProfileDark=Ma.default,exports.IconProfileLight=ka.default,exports.IconReset=Ia.default,exports.IconSms=ma.default,exports.IconTicketDark=pa.default,exports.IconTicket=ha.default,exports.IconWarningDark=Ca.default,exports.IconWarningShield=ba.default,exports.IconWarning=wa.default,exports.LogoAlgorandMono=Ba.default,exports.LogoAlgorand=Aa.default,exports.LogoAppleMono=Pa.default,exports.LogoApple=Fa.default,exports.LogoAptosMono=Sa.default,exports.LogoAptos=ya.default,exports.LogoArbitrumMono=Wa.default,exports.LogoArbitrumOneMono=Ta.default,exports.LogoArbitrumOne=Ea.default,exports.LogoArbitrum=Da.default,exports.LogoAstarMono=Ga.default,exports.LogoAstar=xa.default,exports.LogoAuth0Mono=Ra.default,exports.LogoAuth0=Oa.default,exports.LogoAvalancheMono=Ha.default,exports.LogoAvalanche=za.default,exports.LogoAzureMono=Na.default,exports.LogoAzure=Za.default,exports.LogoBaseMono=Ua.default,exports.LogoBase=Xa.default,exports.LogoBerachainMono=ja.default,exports.LogoBerachain=Va.default,exports.LogoBinanceMono=Qa.default,exports.LogoBinance=Ja.default,exports.LogoBitBucketMono=Ka.default,exports.LogoBitBucket=_a.default,exports.LogoBitcoinMono=Ya.default,exports.LogoBitcoin=$a.default,exports.LogoBnbMono=ei.default,exports.LogoBnb=ri.default,exports.LogoCeloMono=oi.default,exports.LogoCelo=ai.default,exports.LogoChilizMono=ii.default,exports.LogoChiliz=li.default,exports.LogoCognitoMono=ui.default,exports.LogoCognito=ti.default,exports.LogoCosmosMono=ni.default,exports.LogoCosmos=ci.default,exports.LogoDiscordMono=di.default,exports.LogoDiscord=fi.default,exports.LogoEthereumCircleMono=vi.default,exports.LogoEthereumCircle=qi.default,exports.LogoEthereumMono=gi.default,exports.LogoEthereum=si.default,exports.LogoEtherlinkMono=Li.default,exports.LogoEtherlink=Mi.default,exports.LogoFacebookMono=ki.default,exports.LogoFacebook=Ii.default,exports.LogoFlareMono=mi.default,exports.LogoFlare=pi.default,exports.LogoFlowMono=hi.default,exports.LogoFlow=Ci.default,exports.LogoGitHubMono=bi.default,exports.LogoGitHub=wi.default,exports.LogoGitLabMono=Bi.default,exports.LogoGitLab=Ai.default,exports.LogoGoogleMono=Pi.default,exports.LogoGoogle=Fi.default,exports.LogoHarmonyMono=Si.default,exports.LogoHarmony=yi.default,exports.LogoHorizenMono=Wi.default,exports.LogoHorizen=Ti.default,exports.LogoIconMono=Ei.default,exports.LogoIcon=Di.default,exports.LogoImmutableXMono=Gi.default,exports.LogoImmutableX=xi.default,exports.LogoLinkByStripeMono=Ri.default,exports.LogoLinkByStripe=Oi.default,exports.LogoLinkMono=Hi.default,exports.LogoLink=zi.default,exports.LogoLinkedInMono=Ni.default,exports.LogoLinkedIn=Zi.default,exports.LogoLoopringMono=Ui.default,exports.LogoLoopring=Xi.default,exports.LogoMicrosoftMono=ji.default,exports.LogoMicrosoft=Vi.default,exports.LogoMoonbeamMono=Qi.default,exports.LogoMoonbeam=Ji.default,exports.LogoNearMono=Ki.default,exports.LogoNear=_i.default,exports.LogoOnramperMono=Yi.default,exports.LogoOnramper=$i.default,exports.LogoOptimismMono=el.default,exports.LogoOptimism=rl.default,exports.LogoPayPalMono=ol.default,exports.LogoPayPalWordmarkMono=al.default,exports.LogoPayPalWordmark=il.default,exports.LogoPayPal=ll.default,exports.LogoPoaMono=ul.default,exports.LogoPoa=tl.default,exports.LogoPolkadotMono=nl.default,exports.LogoPolkadot=cl.default,exports.LogoPolygonMono=dl.default,exports.LogoPolygon=fl.default,exports.LogoRarichainMono=vl.default,exports.LogoRarichain=ql.default,exports.LogoSardineMono=gl.default,exports.LogoSardine=sl.default,exports.LogoSeiMono=Ll.default,exports.LogoSei=Ml.default,exports.LogoSolanaMono=kl.default,exports.LogoSolana=Il.default,exports.LogoSoneiumMono=ml.default,exports.LogoSoneium=pl.default,exports.LogoStabilityMono=hl.default,exports.LogoStability=Cl.default,exports.LogoSuiMono=bl.default,exports.LogoSui=wl.default,exports.LogoTezosMono=Bl.default,exports.LogoTezos=Al.default,exports.LogoTwitchMono=Pl.default,exports.LogoTwitch=Fl.default,exports.LogoTwitterMono=Sl.default,exports.LogoTwitter=yl.default,exports.LogoWalletConnectMono=Wl.default,exports.LogoWalletConnect=Tl.default,exports.LogoWarpcastMono=El.default,exports.LogoWarpcast=Dl.default,exports.LogoWaxMono=Gl.default,exports.LogoWax=xl.default,exports.LogoXdcMono=Rl.default,exports.LogoXdc=Ol.default,exports.LogoZetachainMono=Hl.default,exports.LogoZetachain=zl.default,exports.LogoZilliqaMono=Nl.default,exports.LogoZilliqa=Zl.default,exports.LogoZksyncMono=Ul.default,exports.LogoZksync=Xl.default,exports.PayAmex=jl.default,exports.PayDiscover=Vl.default,exports.PayMastercard=Ql.default,exports.PayVisa=Jl.default,exports.PresentationLogo=Kl.default,exports.WebsiteMagic=_l.default,exports.WltCoinbase=Yl.default,exports.WltMattel=$l.default,exports.WltMetamask=eu.default,exports.WltPhantom=ru.default,exports.WltRainbow=ou.default,exports.WltWalletConnect=au.default,exports.Button=iu.default,exports.Checkbox=lu.default,exports.DropdownOption=r.DropdownOption,exports.DropdownSelector=r.DropdownSelector,exports.Popover=uu.Popover,exports.Radio=o.Radio,exports.RadioGroup=o.RadioGroup,exports.SegmentedControl=a.SegmentedControl,exports.Tab=a.Tab,exports.Switch=tu.default,exports.Text=nu.default,exports.VerifyPincode=cu.VerifyPincode,exports.WalletActions=du.WalletActions,exports.WalletNavigation=i.WalletNavigation,Object.defineProperty(exports,"WalletNavigationType",{enumerable:!0,get:function(){return i.WalletNavigationType}}),exports.Animate=fu.default,exports.ClientAssetLogo=vu.ClientAssetLogo,exports.QRCode=qu.default,exports.SecuredByMagic=gu.default,exports.SharedLogo=su.default,exports.useCustomVars=Lu.useCustomVars,exports.useToast=Mu.useToast;
+"use strict";var l=require("./components/containers/button.js"),u=require("./components/containers/card.js"),t=require("./components/containers/content.js"),n=require("./components/containers/drawer.js"),c=require("./components/containers/footer.js"),d=require("./components/containers/header.js"),v=require("./components/containers/menu.js"),f=require("./components/containers/modal.js"),q=require("./components/containers/overlay.js"),g=require("./components/external/paypal-button.js"),s=require("./components/external/social-login-button.js"),L=require("./components/feedback/animated-checkmark.js"),M=require("./components/feedback/animated-spinner.js"),k=require("./components/feedback/callout.js"),I=require("./components/feedback/loading-spinner.js"),m=require("./components/feedback/progress-bar.js"),p=require("./components/feedback/skeleton.js"),e=require("./components/feedback/toast-provider.js"),h=require("./components/feedback/tooltip.js"),C=require("./components/icons/ico-add.js"),b=require("./components/icons/ico-alert-circle-fill.js"),w=require("./components/icons/ico-alert-circle.js"),B=require("./components/icons/ico-arrow-down.js"),A=require("./components/icons/ico-arrow-left.js"),P=require("./components/icons/ico-arrow-right.js"),F=require("./components/icons/ico-arrow-up.js"),S=require("./components/icons/ico-asterisk-with-shield.js"),y=require("./components/icons/ico-asterisk.js"),W=require("./components/icons/ico-astronaut.js"),T=require("./components/icons/ico-atom.js"),E=require("./components/icons/ico-bank.js"),D=require("./components/icons/ico-bell-notification.js"),G=require("./components/icons/ico-bell.js"),x=require("./components/icons/ico-block.js"),R=require("./components/icons/ico-branding.js"),O=require("./components/icons/ico-caret-down.js"),H=require("./components/icons/ico-caret-left.js"),z=require("./components/icons/ico-caret-right.js"),N=require("./components/icons/ico-caret-up.js"),Z=require("./components/icons/ico-checkmark-circle-fill.js"),U=require("./components/icons/ico-checkmark-circle.js"),X=require("./components/icons/ico-checkmark.js"),j=require("./components/icons/ico-clock-fill.js"),V=require("./components/icons/ico-code-editor.js"),Q=require("./components/icons/ico-code-sandbox.js"),J=require("./components/icons/ico-code.js"),K=require("./components/icons/ico-command-line.js"),_=require("./components/icons/ico-comment.js"),$=require("./components/icons/ico-copy.js"),Y=require("./components/icons/ico-credit-card.js"),ee=require("./components/icons/ico-dedicated.js"),re=require("./components/icons/ico-diamond.js"),oe=require("./components/icons/ico-dismiss-circle-fill.js"),ae=require("./components/icons/ico-dismiss-circle.js"),ie=require("./components/icons/ico-dismiss.js"),le=require("./components/icons/ico-doc.js"),ue=require("./components/icons/ico-download.js"),te=require("./components/icons/ico-edit-email.js"),ne=require("./components/icons/ico-edit.js"),ce=require("./components/icons/ico-email-fill.js"),de=require("./components/icons/ico-email-open.js"),ve=require("./components/icons/ico-email.js"),fe=require("./components/icons/ico-expand.js"),qe=require("./components/icons/ico-expiration.js"),ge=require("./components/icons/ico-external-link.js"),se=require("./components/icons/ico-eye-closed.js"),Le=require("./components/icons/ico-eye-opened.js"),Me=require("./components/icons/ico-fingerprint-fill.js"),ke=require("./components/icons/ico-fingerprint.js"),Ie=require("./components/icons/ico-gas.js"),me=require("./components/icons/ico-gift.js"),pe=require("./components/icons/ico-globe.js"),he=require("./components/icons/ico-grid-fill.js"),Ce=require("./components/icons/ico-guide.js"),be=require("./components/icons/ico-home-fill.js"),we=require("./components/icons/ico-home.js"),Be=require("./components/icons/ico-hourglass.js"),Ae=require("./components/icons/ico-info-circle-fill.js"),Pe=require("./components/icons/ico-info-circle.js"),Fe=require("./components/icons/ico-kebab.js"),Se=require("./components/icons/ico-key.js"),ye=require("./components/icons/ico-lightbulb-fill.js"),We=require("./components/icons/ico-lightbulb.js"),Te=require("./components/icons/ico-lightning-fill.js"),Ee=require("./components/icons/ico-lightning.js"),De=require("./components/icons/ico-link.js"),Ge=require("./components/icons/ico-loading.js"),xe=require("./components/icons/ico-lock-locked.js"),Re=require("./components/icons/ico-lock-password.js"),Oe=require("./components/icons/ico-lock-unlocked-fill.js"),He=require("./components/icons/ico-lock-unlocked.js"),ze=require("./components/icons/ico-login-form.js"),Ne=require("./components/icons/ico-magic.js"),Ze=require("./components/icons/ico-megaphone.js"),Ue=require("./components/icons/ico-menu.js"),Xe=require("./components/icons/ico-message-fill.js"),je=require("./components/icons/ico-message.js"),Ve=require("./components/icons/ico-mfa.js"),Qe=require("./components/icons/ico-minimize.js"),Je=require("./components/icons/ico-mobile2fa.js"),Ke=require("./components/icons/ico-mobile2fafill.js"),_e=require("./components/icons/ico-open-book.js"),$e=require("./components/icons/ico-paper-plane.js"),Ye=require("./components/icons/ico-passport.js"),er=require("./components/icons/ico-passwordless.js"),rr=require("./components/icons/ico-pending-connection.js"),or=require("./components/icons/ico-phone.js"),ar=require("./components/icons/ico-polygon-gas-testnet.js"),ir=require("./components/icons/ico-polygon-gas.js"),lr=require("./components/icons/ico-price.js"),ur=require("./components/icons/ico-qrcode.js"),tr=require("./components/icons/ico-question-circle-fill.js"),nr=require("./components/icons/ico-question-circle.js"),cr=require("./components/icons/ico-refresh-circle-fill.js"),dr=require("./components/icons/ico-refresh.js"),vr=require("./components/icons/ico-remove.js"),fr=require("./components/icons/ico-rocket-fill.js"),qr=require("./components/icons/ico-search.js"),gr=require("./components/icons/ico-settings-fill.js"),sr=require("./components/icons/ico-settings.js"),Lr=require("./components/icons/ico-shapes.js"),Mr=require("./components/icons/ico-shield-approved.js"),kr=require("./components/icons/ico-shield-rejected.js"),Ir=require("./components/icons/ico-shield.js"),mr=require("./components/icons/ico-social.js"),pr=require("./components/icons/ico-sold-out-tag.js"),hr=require("./components/icons/ico-star.js"),Cr=require("./components/icons/ico-swap.js"),br=require("./components/icons/ico-swatches.js"),wr=require("./components/icons/ico-team.js"),Br=require("./components/icons/ico-trash.js"),Ar=require("./components/icons/ico-users.js"),Pr=require("./components/icons/ico-wallet-fill.js"),Fr=require("./components/icons/ico-wallet.js"),Sr=require("./components/icons/ico-wand.js"),yr=require("./components/icons/ico-warning-fill.js"),Wr=require("./components/icons/ico-warning.js"),Tr=require("./components/info/copy-button.js"),Er=require("./components/info/email-wbr.js"),Dr=require("./components/info/security-otp.js"),Gr=require("./components/info/text-box.js"),xr=require("./components/info/wallet-address.js"),Rr=require("./components/inputs/phone-input.js"),Or=require("./components/inputs/pincode-input.js"),Hr=require("./components/inputs/text-input.js"),zr=require("./components/layouts/dialogue.js"),Nr=require("./components/layouts/error.js"),Zr=require("./components/layouts/page.js"),Ur=require("./components/layouts/passport-page.js"),Xr=require("./components/layouts/wallet-page/index.js"),jr=require("./components/list-items/navigation-button.js"),Vr=require("./components/list-items/nft-tile.js"),Qr=require("./components/list-items/token-list-item.js"),Jr=require("./components/list-items/transaction-row.js"),Kr=require("./components/logos/blc-algorand.js"),_r=require("./components/logos/blc-aptos.js"),$r=require("./components/logos/blc-arbitrum.js"),Yr=require("./components/logos/blc-astar.js"),eo=require("./components/logos/blc-avalanche.js"),ro=require("./components/logos/blc-base.js"),oo=require("./components/logos/blc-berachain.js"),ao=require("./components/logos/blc-binance.js"),io=require("./components/logos/blc-bitcoin.js"),lo=require("./components/logos/blc-celo.js"),uo=require("./components/logos/blc-chiliz.js"),to=require("./components/logos/blc-cosmos.js"),no=require("./components/logos/blc-ethereum.js"),co=require("./components/logos/blc-etherlink.js"),vo=require("./components/logos/blc-flow.js"),fo=require("./components/logos/blc-harmony.js"),qo=require("./components/logos/blc-icon.js"),go=require("./components/logos/blc-immutable-x.js"),so=require("./components/logos/blc-loopring.js"),Lo=require("./components/logos/blc-moonbeam.js"),Mo=require("./components/logos/blc-near.js"),ko=require("./components/logos/blc-optimism.js"),Io=require("./components/logos/blc-polkadot.js"),mo=require("./components/logos/blc-polygon.js"),po=require("./components/logos/blc-rarichain.js"),ho=require("./components/logos/blc-solana.js"),Co=require("./components/logos/blc-stability.js"),bo=require("./components/logos/blc-sui.js"),wo=require("./components/logos/blc-tezos.js"),Bo=require("./components/logos/blc-wax.js"),Ao=require("./components/logos/blc-zetachain.js"),Po=require("./components/logos/blc-zilliqa.js"),Fo=require("./components/logos/blc-zksync.js"),So=require("./components/logos/default-cursor.js"),yo=require("./components/logos/fwk-11ty.js"),Wo=require("./components/logos/fwk-android.js"),To=require("./components/logos/fwk-apple.js"),Eo=require("./components/logos/fwk-authy.js"),Do=require("./components/logos/fwk-binance-fill.js"),Go=require("./components/logos/fwk-chrome.js"),xo=require("./components/logos/fwk-electron.js"),Ro=require("./components/logos/fwk-express.js"),Oo=require("./components/logos/fwk-fauna.js"),Ho=require("./components/logos/fwk-firebase.js"),zo=require("./components/logos/fwk-go.js"),No=require("./components/logos/fwk-google-authenticator.js"),Zo=require("./components/logos/fwk-hasura.js"),Uo=require("./components/logos/fwk-javascript.js"),Xo=require("./components/logos/fwk-jwt.js"),jo=require("./components/logos/fwk-laravel.js"),Vo=require("./components/logos/fwk-nextjs.js"),Qo=require("./components/logos/fwk-nodejs.js"),Jo=require("./components/logos/fwk-nuxtjs.js"),Ko=require("./components/logos/fwk-php.js"),_o=require("./components/logos/fwk-react.js"),$o=require("./components/logos/fwk-strapi.js"),Yo=require("./components/logos/fwk-stripe.js"),ea=require("./components/logos/fwk-vue.js"),ra=require("./components/logos/fwk-webflow.js"),oa=require("./components/logos/fwk-wordpress.js"),aa=require("./components/logos/fwk-zapier.js"),ia=require("./components/logos/icon-art-dark.js"),la=require("./components/logos/icon-art.js"),ua=require("./components/logos/icon-delete.js"),ta=require("./components/logos/icon-email-globe.js"),na=require("./components/logos/icon-email.js"),ca=require("./components/logos/icon-game-controller-dark.js"),da=require("./components/logos/icon-game-controller.js"),va=require("./components/logos/icon-generic-token.js"),fa=require("./components/logos/icon-magic-globe.js"),qa=require("./components/logos/icon-magic-logo.js"),ga=require("./components/logos/icon-music-dark.js"),sa=require("./components/logos/icon-music.js"),La=require("./components/logos/icon-person-dark.js"),Ma=require("./components/logos/icon-person.js"),ka=require("./components/logos/icon-profile-dark.js"),Ia=require("./components/logos/icon-profile-light.js"),ma=require("./components/logos/icon-reset.js"),pa=require("./components/logos/icon-sms.js"),ha=require("./components/logos/icon-ticket-dark.js"),Ca=require("./components/logos/icon-ticket.js"),ba=require("./components/logos/icon-warning-dark.js"),wa=require("./components/logos/icon-warning-shield.js"),Ba=require("./components/logos/icon-warning.js"),Aa=require("./components/logos/logo-algorand-mono.js"),Pa=require("./components/logos/logo-algorand.js"),Fa=require("./components/logos/logo-apple-mono.js"),Sa=require("./components/logos/logo-apple.js"),ya=require("./components/logos/logo-aptos-mono.js"),Wa=require("./components/logos/logo-aptos.js"),Ta=require("./components/logos/logo-arbitrum-mono.js"),Ea=require("./components/logos/logo-arbitrum-one-mono.js"),Da=require("./components/logos/logo-arbitrum-one.js"),Ga=require("./components/logos/logo-arbitrum.js"),xa=require("./components/logos/logo-astar-mono.js"),Ra=require("./components/logos/logo-astar.js"),Oa=require("./components/logos/logo-auth0-mono.js"),Ha=require("./components/logos/logo-auth0.js"),za=require("./components/logos/logo-avalanche-mono.js"),Na=require("./components/logos/logo-avalanche.js"),Za=require("./components/logos/logo-azure-mono.js"),Ua=require("./components/logos/logo-azure.js"),Xa=require("./components/logos/logo-base-mono.js"),ja=require("./components/logos/logo-base.js"),Va=require("./components/logos/logo-berachain-mono.js"),Qa=require("./components/logos/logo-berachain.js"),Ja=require("./components/logos/logo-binance-mono.js"),Ka=require("./components/logos/logo-binance.js"),_a=require("./components/logos/logo-bit-bucket-mono.js"),$a=require("./components/logos/logo-bit-bucket.js"),Ya=require("./components/logos/logo-bitcoin-mono.js"),ei=require("./components/logos/logo-bitcoin.js"),ri=require("./components/logos/logo-bnb-mono.js"),oi=require("./components/logos/logo-bnb.js"),ai=require("./components/logos/logo-celo-mono.js"),ii=require("./components/logos/logo-celo.js"),li=require("./components/logos/logo-chiliz-mono.js"),ui=require("./components/logos/logo-chiliz.js"),ti=require("./components/logos/logo-cognito-mono.js"),ni=require("./components/logos/logo-cognito.js"),ci=require("./components/logos/logo-cosmos-mono.js"),di=require("./components/logos/logo-cosmos.js"),vi=require("./components/logos/logo-discord-mono.js"),fi=require("./components/logos/logo-discord.js"),qi=require("./components/logos/logo-ethereum-circle-mono.js"),gi=require("./components/logos/logo-ethereum-circle.js"),si=require("./components/logos/logo-ethereum-mono.js"),Li=require("./components/logos/logo-ethereum.js"),Mi=require("./components/logos/logo-etherlink-mono.js"),ki=require("./components/logos/logo-etherlink.js"),Ii=require("./components/logos/logo-facebook-mono.js"),mi=require("./components/logos/logo-facebook.js"),pi=require("./components/logos/logo-flare-mono.js"),hi=require("./components/logos/logo-flare.js"),Ci=require("./components/logos/logo-flow-mono.js"),bi=require("./components/logos/logo-flow.js"),wi=require("./components/logos/logo-git-hub-mono.js"),Bi=require("./components/logos/logo-git-hub.js"),Ai=require("./components/logos/logo-git-lab-mono.js"),Pi=require("./components/logos/logo-git-lab.js"),Fi=require("./components/logos/logo-google-mono.js"),Si=require("./components/logos/logo-google.js"),yi=require("./components/logos/logo-harmony-mono.js"),Wi=require("./components/logos/logo-harmony.js"),Ti=require("./components/logos/logo-horizen-mono.js"),Ei=require("./components/logos/logo-horizen.js"),Di=require("./components/logos/logo-icon-mono.js"),Gi=require("./components/logos/logo-icon.js"),xi=require("./components/logos/logo-immutable-x-mono.js"),Ri=require("./components/logos/logo-immutable-x.js"),Oi=require("./components/logos/logo-link-by-stripe-mono.js"),Hi=require("./components/logos/logo-link-by-stripe.js"),zi=require("./components/logos/logo-link-mono.js"),Ni=require("./components/logos/logo-link.js"),Zi=require("./components/logos/logo-linked-in-mono.js"),Ui=require("./components/logos/logo-linked-in.js"),Xi=require("./components/logos/logo-loopring-mono.js"),ji=require("./components/logos/logo-loopring.js"),Vi=require("./components/logos/logo-microsoft-mono.js"),Qi=require("./components/logos/logo-microsoft.js"),Ji=require("./components/logos/logo-moonbeam-mono.js"),Ki=require("./components/logos/logo-moonbeam.js"),_i=require("./components/logos/logo-near-mono.js"),$i=require("./components/logos/logo-near.js"),Yi=require("./components/logos/logo-onramper-mono.js"),el=require("./components/logos/logo-onramper.js"),rl=require("./components/logos/logo-optimism-mono.js"),ol=require("./components/logos/logo-optimism.js"),al=require("./components/logos/logo-pay-pal-mono.js"),il=require("./components/logos/logo-pay-pal-wordmark-mono.js"),ll=require("./components/logos/logo-pay-pal-wordmark.js"),ul=require("./components/logos/logo-pay-pal.js"),tl=require("./components/logos/logo-poa-mono.js"),nl=require("./components/logos/logo-poa.js"),cl=require("./components/logos/logo-polkadot-mono.js"),dl=require("./components/logos/logo-polkadot.js"),vl=require("./components/logos/logo-polygon-mono.js"),fl=require("./components/logos/logo-polygon.js"),ql=require("./components/logos/logo-rarichain-mono.js"),gl=require("./components/logos/logo-rarichain.js"),sl=require("./components/logos/logo-sardine-mono.js"),Ll=require("./components/logos/logo-sardine.js"),Ml=require("./components/logos/logo-sei-mono.js"),kl=require("./components/logos/logo-sei.js"),Il=require("./components/logos/logo-solana-mono.js"),ml=require("./components/logos/logo-solana.js"),pl=require("./components/logos/logo-soneium-mono.js"),hl=require("./components/logos/logo-soneium.js"),Cl=require("./components/logos/logo-stability-mono.js"),bl=require("./components/logos/logo-stability.js"),wl=require("./components/logos/logo-sui-mono.js"),Bl=require("./components/logos/logo-sui.js"),Al=require("./components/logos/logo-tezos-mono.js"),Pl=require("./components/logos/logo-tezos.js"),Fl=require("./components/logos/logo-twitch-mono.js"),Sl=require("./components/logos/logo-twitch.js"),yl=require("./components/logos/logo-twitter-mono.js"),Wl=require("./components/logos/logo-twitter.js"),Tl=require("./components/logos/logo-wallet-connect-mono.js"),El=require("./components/logos/logo-wallet-connect.js"),Dl=require("./components/logos/logo-warpcast-mono.js"),Gl=require("./components/logos/logo-warpcast.js"),xl=require("./components/logos/logo-wax-mono.js"),Rl=require("./components/logos/logo-wax.js"),Ol=require("./components/logos/logo-xdc-mono.js"),Hl=require("./components/logos/logo-xdc.js"),zl=require("./components/logos/logo-zetachain-mono.js"),Nl=require("./components/logos/logo-zetachain.js"),Zl=require("./components/logos/logo-zilliqa-mono.js"),Ul=require("./components/logos/logo-zilliqa.js"),Xl=require("./components/logos/logo-zksync-mono.js"),jl=require("./components/logos/logo-zksync.js"),Vl=require("./components/logos/pay-amex.js"),Ql=require("./components/logos/pay-discover.js"),Jl=require("./components/logos/pay-mastercard.js"),Kl=require("./components/logos/pay-visa.js"),_l=require("./components/logos/presentation-logo.js"),$l=require("./components/logos/website-magic.js"),Yl=require("./components/logos/wlt-coinbase.js"),eu=require("./components/logos/wlt-mattel.js"),ru=require("./components/logos/wlt-metamask.js"),ou=require("./components/logos/wlt-phantom.js"),au=require("./components/logos/wlt-rainbow.js"),iu=require("./components/logos/wlt-wallet-connect.js"),lu=require("./components/primitives/button.js"),uu=require("./components/primitives/checkbox.js"),r=require("./components/primitives/dropdown-selector.js"),tu=require("./components/primitives/popover.js"),o=require("./components/primitives/radio.js"),a=require("./components/primitives/segmented-control.js"),nu=require("./components/primitives/switch.js"),cu=require("./components/primitives/text.js"),du=require("./components/sections/verify-pincode.js"),vu=require("./components/sections/wallet-actions.js"),i=require("./components/sections/wallet-navigation.js"),fu=require("./components/utils/animate.js"),qu=require("./components/utils/client-asset-logo.js"),gu=require("./components/utils/qr-code.js"),su=require("./components/utils/secured-by-magic.js"),Lu=require("./components/utils/shared-logo.js"),Mu=require("./hooks/theme.js"),ku=require("./hooks/useToast.js");exports.ButtonContainer=l.ButtonContainer,exports.Card=u.Card,exports.Content=t.Content,exports.Drawer=n.Drawer,exports.Footer=c.Footer,exports.Header=d.Header,exports.Menu=v.Menu,exports.Modal=f.Modal,exports.Overlay=q.Overlay,exports.PayPalButton=g.PayPalButton,exports.SocialLoginButton=s.SocialLoginButton,exports.AnimatedCheckmark=L.AnimatedCheckmark,exports.AnimatedSpinner=M.AnimatedSpinner,exports.Callout=k.Callout,exports.LoadingSpinner=I.LoadingSpinner,exports.ProgressBar=m.ProgressBar,exports.Skeleton=p.Skeleton,exports.Toast=e.Toast,exports.ToastProvider=e.ToastProvider,exports.Tooltip=h.default,exports.IcoAdd=C.default,exports.IcoAlertCircleFill=b.default,exports.IcoAlertCircle=w.default,exports.IcoArrowDown=B.default,exports.IcoArrowLeft=A.default,exports.IcoArrowRight=P.default,exports.IcoArrowUp=F.default,exports.IcoAsteriskWithShield=S.default,exports.IcoAsterisk=y.default,exports.IcoAstronaut=W.default,exports.IcoAtom=T.default,exports.IcoBank=E.default,exports.IcoBellNotification=D.default,exports.IcoBell=G.default,exports.IcoBlock=x.default,exports.IcoBranding=R.default,exports.IcoCaretDown=O.default,exports.IcoCaretLeft=H.default,exports.IcoCaretRight=z.default,exports.IcoCaretUp=N.default,exports.IcoCheckmarkCircleFill=Z.default,exports.IcoCheckmarkCircle=U.default,exports.IcoCheckmark=X.default,exports.IcoClockFill=j.default,exports.IcoCodeEditor=V.default,exports.IcoCodeSandbox=Q.default,exports.IcoCode=J.default,exports.IcoCommandLine=K.default,exports.IcoComment=_.default,exports.IcoCopy=$.default,exports.IcoCreditCard=Y.default,exports.IcoDedicated=ee.default,exports.IcoDiamond=re.default,exports.IcoDismissCircleFill=oe.default,exports.IcoDismissCircle=ae.default,exports.IcoDismiss=ie.default,exports.IcoDoc=le.default,exports.IcoDownload=ue.default,exports.IcoEditEmail=te.default,exports.IcoEdit=ne.default,exports.IcoEmailFill=ce.default,exports.IcoEmailOpen=de.default,exports.IcoEmail=ve.default,exports.IcoExpand=fe.default,exports.IcoExpiration=qe.default,exports.IcoExternalLink=ge.default,exports.IcoEyeClosed=se.default,exports.IcoEyeOpened=Le.default,exports.IcoFingerprintFill=Me.default,exports.IcoFingerprint=ke.default,exports.IcoGas=Ie.default,exports.IcoGift=me.default,exports.IcoGlobe=pe.default,exports.IcoGridFill=he.default,exports.IcoGuide=Ce.default,exports.IcoHomeFill=be.default,exports.IcoHome=we.default,exports.IcoHourglass=Be.default,exports.IcoInfoCircleFill=Ae.default,exports.IcoInfoCircle=Pe.default,exports.IcoKebab=Fe.default,exports.IcoKey=Se.default,exports.IcoLightbulbFill=ye.default,exports.IcoLightbulb=We.default,exports.IcoLightningFill=Te.default,exports.IcoLightning=Ee.default,exports.IcoLink=De.default,exports.IcoLoading=Ge.default,exports.IcoLockLocked=xe.default,exports.IcoLockPassword=Re.default,exports.IcoLockUnlockedFill=Oe.default,exports.IcoLockUnlocked=He.default,exports.IcoLoginForm=ze.default,exports.IcoMagic=Ne.default,exports.IcoMegaphone=Ze.default,exports.IcoMenu=Ue.default,exports.IcoMessageFill=Xe.default,exports.IcoMessage=je.default,exports.IcoMfa=Ve.default,exports.IcoMinimize=Qe.default,exports.IcoMobile2fa=Je.default,exports.IcoMobile2fafill=Ke.default,exports.IcoOpenBook=_e.default,exports.IcoPaperPlane=$e.default,exports.IcoPassport=Ye.default,exports.IcoPasswordless=er.default,exports.IcoPendingConnection=rr.default,exports.IcoPhone=or.default,exports.IcoPolygonGasTestnet=ar.default,exports.IcoPolygonGas=ir.default,exports.IcoPrice=lr.default,exports.IcoQrcode=ur.default,exports.IcoQuestionCircleFill=tr.default,exports.IcoQuestionCircle=nr.default,exports.IcoRefreshCircleFill=cr.default,exports.IcoRefresh=dr.default,exports.IcoRemove=vr.default,exports.IcoRocketFill=fr.default,exports.IcoSearch=qr.default,exports.IcoSettingsFill=gr.default,exports.IcoSettings=sr.default,exports.IcoShapes=Lr.default,exports.IcoShieldApproved=Mr.default,exports.IcoShieldRejected=kr.default,exports.IcoShield=Ir.default,exports.IcoSocial=mr.default,exports.IcoSoldOutTag=pr.default,exports.IcoStar=hr.default,exports.IcoSwap=Cr.default,exports.IcoSwatches=br.default,exports.IcoTeam=wr.default,exports.IcoTrash=Br.default,exports.IcoUsers=Ar.default,exports.IcoWalletFill=Pr.default,exports.IcoWallet=Fr.default,exports.IcoWand=Sr.default,exports.IcoWarningFill=yr.default,exports.IcoWarning=Wr.default,exports.CopyButton=Tr.default,exports.EmailWbr=Er.default,exports.SecurityOtp=Dr.default,exports.TextBox=Gr.default,exports.WalletAddress=xr.default,exports.PhoneInput=Rr.default,exports.PinCodeInput=Or.PinCodeInput,exports.TextInput=Hr.TextInput,exports.Dialogue=zr.Dialogue,exports.Error=Nr.Error,exports.Page=Zr.Page,exports.PassportPage=Ur.PassportPage,exports.WalletPage=Xr.WalletPage,exports.NavigationButton=jr.default,exports.NFTTile=Vr.NFTTile,exports.TokenListItem=Qr.TokenListItem,exports.TransactionRow=Jr.TransactionRow,exports.BlcAlgorand=Kr.default,exports.BlcAptos=_r.default,exports.BlcArbitrum=$r.default,exports.BlcAstar=Yr.default,exports.BlcAvalanche=eo.default,exports.BlcBase=ro.default,exports.BlcBerachain=oo.default,exports.BlcBinance=ao.default,exports.BlcBitcoin=io.default,exports.BlcCelo=lo.default,exports.BlcChiliz=uo.default,exports.BlcCosmos=to.default,exports.BlcEthereum=no.default,exports.BlcEtherlink=co.default,exports.BlcFlow=vo.default,exports.BlcHarmony=fo.default,exports.BlcIcon=qo.default,exports.BlcImmutableX=go.default,exports.BlcLoopring=so.default,exports.BlcMoonbeam=Lo.default,exports.BlcNear=Mo.default,exports.BlcOptimism=ko.default,exports.BlcPolkadot=Io.default,exports.BlcPolygon=mo.default,exports.BlcRarichain=po.default,exports.BlcSolana=ho.default,exports.BlcStability=Co.default,exports.BlcSui=bo.default,exports.BlcTezos=wo.default,exports.BlcWax=Bo.default,exports.BlcZetachain=Ao.default,exports.BlcZilliqa=Po.default,exports.BlcZksync=Fo.default,exports.DefaultCursor=So.default,exports.Fwk11ty=yo.default,exports.FwkAndroid=Wo.default,exports.FwkApple=To.default,exports.FwkAuthy=Eo.default,exports.FwkBinanceFill=Do.default,exports.FwkChrome=Go.default,exports.FwkElectron=xo.default,exports.FwkExpress=Ro.default,exports.FwkFauna=Oo.default,exports.FwkFirebase=Ho.default,exports.FwkGo=zo.default,exports.FwkGoogleAuthenticator=No.default,exports.FwkHasura=Zo.default,exports.FwkJavascript=Uo.default,exports.FwkJwt=Xo.default,exports.FwkLaravel=jo.default,exports.FwkNextjs=Vo.default,exports.FwkNodejs=Qo.default,exports.FwkNuxtjs=Jo.default,exports.FwkPhp=Ko.default,exports.FwkReact=_o.default,exports.FwkStrapi=$o.default,exports.FwkStripe=Yo.default,exports.FwkVue=ea.default,exports.FwkWebflow=ra.default,exports.FwkWordpress=oa.default,exports.FwkZapier=aa.default,exports.IconArtDark=ia.default,exports.IconArt=la.default,exports.IconDelete=ua.default,exports.IconEmailGlobe=ta.default,exports.IconEmail=na.default,exports.IconGameControllerDark=ca.default,exports.IconGameController=da.default,exports.IconGenericToken=va.default,exports.IconMagicGlobe=fa.default,exports.IconMagicLogo=qa.default,exports.IconMusicDark=ga.default,exports.IconMusic=sa.default,exports.IconPersonDark=La.default,exports.IconPerson=Ma.default,exports.IconProfileDark=ka.default,exports.IconProfileLight=Ia.default,exports.IconReset=ma.default,exports.IconSms=pa.default,exports.IconTicketDark=ha.default,exports.IconTicket=Ca.default,exports.IconWarningDark=ba.default,exports.IconWarningShield=wa.default,exports.IconWarning=Ba.default,exports.LogoAlgorandMono=Aa.default,exports.LogoAlgorand=Pa.default,exports.LogoAppleMono=Fa.default,exports.LogoApple=Sa.default,exports.LogoAptosMono=ya.default,exports.LogoAptos=Wa.default,exports.LogoArbitrumMono=Ta.default,exports.LogoArbitrumOneMono=Ea.default,exports.LogoArbitrumOne=Da.default,exports.LogoArbitrum=Ga.default,exports.LogoAstarMono=xa.default,exports.LogoAstar=Ra.default,exports.LogoAuth0Mono=Oa.default,exports.LogoAuth0=Ha.default,exports.LogoAvalancheMono=za.default,exports.LogoAvalanche=Na.default,exports.LogoAzureMono=Za.default,exports.LogoAzure=Ua.default,exports.LogoBaseMono=Xa.default,exports.LogoBase=ja.default,exports.LogoBerachainMono=Va.default,exports.LogoBerachain=Qa.default,exports.LogoBinanceMono=Ja.default,exports.LogoBinance=Ka.default,exports.LogoBitBucketMono=_a.default,exports.LogoBitBucket=$a.default,exports.LogoBitcoinMono=Ya.default,exports.LogoBitcoin=ei.default,exports.LogoBnbMono=ri.default,exports.LogoBnb=oi.default,exports.LogoCeloMono=ai.default,exports.LogoCelo=ii.default,exports.LogoChilizMono=li.default,exports.LogoChiliz=ui.default,exports.LogoCognitoMono=ti.default,exports.LogoCognito=ni.default,exports.LogoCosmosMono=ci.default,exports.LogoCosmos=di.default,exports.LogoDiscordMono=vi.default,exports.LogoDiscord=fi.default,exports.LogoEthereumCircleMono=qi.default,exports.LogoEthereumCircle=gi.default,exports.LogoEthereumMono=si.default,exports.LogoEthereum=Li.default,exports.LogoEtherlinkMono=Mi.default,exports.LogoEtherlink=ki.default,exports.LogoFacebookMono=Ii.default,exports.LogoFacebook=mi.default,exports.LogoFlareMono=pi.default,exports.LogoFlare=hi.default,exports.LogoFlowMono=Ci.default,exports.LogoFlow=bi.default,exports.LogoGitHubMono=wi.default,exports.LogoGitHub=Bi.default,exports.LogoGitLabMono=Ai.default,exports.LogoGitLab=Pi.default,exports.LogoGoogleMono=Fi.default,exports.LogoGoogle=Si.default,exports.LogoHarmonyMono=yi.default,exports.LogoHarmony=Wi.default,exports.LogoHorizenMono=Ti.default,exports.LogoHorizen=Ei.default,exports.LogoIconMono=Di.default,exports.LogoIcon=Gi.default,exports.LogoImmutableXMono=xi.default,exports.LogoImmutableX=Ri.default,exports.LogoLinkByStripeMono=Oi.default,exports.LogoLinkByStripe=Hi.default,exports.LogoLinkMono=zi.default,exports.LogoLink=Ni.default,exports.LogoLinkedInMono=Zi.default,exports.LogoLinkedIn=Ui.default,exports.LogoLoopringMono=Xi.default,exports.LogoLoopring=ji.default,exports.LogoMicrosoftMono=Vi.default,exports.LogoMicrosoft=Qi.default,exports.LogoMoonbeamMono=Ji.default,exports.LogoMoonbeam=Ki.default,exports.LogoNearMono=_i.default,exports.LogoNear=$i.default,exports.LogoOnramperMono=Yi.default,exports.LogoOnramper=el.default,exports.LogoOptimismMono=rl.default,exports.LogoOptimism=ol.default,exports.LogoPayPalMono=al.default,exports.LogoPayPalWordmarkMono=il.default,exports.LogoPayPalWordmark=ll.default,exports.LogoPayPal=ul.default,exports.LogoPoaMono=tl.default,exports.LogoPoa=nl.default,exports.LogoPolkadotMono=cl.default,exports.LogoPolkadot=dl.default,exports.LogoPolygonMono=vl.default,exports.LogoPolygon=fl.default,exports.LogoRarichainMono=ql.default,exports.LogoRarichain=gl.default,exports.LogoSardineMono=sl.default,exports.LogoSardine=Ll.default,exports.LogoSeiMono=Ml.default,exports.LogoSei=kl.default,exports.LogoSolanaMono=Il.default,exports.LogoSolana=ml.default,exports.LogoSoneiumMono=pl.default,exports.LogoSoneium=hl.default,exports.LogoStabilityMono=Cl.default,exports.LogoStability=bl.default,exports.LogoSuiMono=wl.default,exports.LogoSui=Bl.default,exports.LogoTezosMono=Al.default,exports.LogoTezos=Pl.default,exports.LogoTwitchMono=Fl.default,exports.LogoTwitch=Sl.default,exports.LogoTwitterMono=yl.default,exports.LogoTwitter=Wl.default,exports.LogoWalletConnectMono=Tl.default,exports.LogoWalletConnect=El.default,exports.LogoWarpcastMono=Dl.default,exports.LogoWarpcast=Gl.default,exports.LogoWaxMono=xl.default,exports.LogoWax=Rl.default,exports.LogoXdcMono=Ol.default,exports.LogoXdc=Hl.default,exports.LogoZetachainMono=zl.default,exports.LogoZetachain=Nl.default,exports.LogoZilliqaMono=Zl.default,exports.LogoZilliqa=Ul.default,exports.LogoZksyncMono=Xl.default,exports.LogoZksync=jl.default,exports.PayAmex=Vl.default,exports.PayDiscover=Ql.default,exports.PayMastercard=Jl.default,exports.PayVisa=Kl.default,exports.PresentationLogo=_l.default,exports.WebsiteMagic=$l.default,exports.WltCoinbase=Yl.default,exports.WltMattel=eu.default,exports.WltMetamask=ru.default,exports.WltPhantom=ou.default,exports.WltRainbow=au.default,exports.WltWalletConnect=iu.default,exports.Button=lu.default,exports.Checkbox=uu.default,exports.DropdownOption=r.DropdownOption,exports.DropdownSelector=r.DropdownSelector,exports.Popover=tu.Popover,exports.Radio=o.Radio,exports.RadioGroup=o.RadioGroup,exports.SegmentedControl=a.SegmentedControl,exports.Tab=a.Tab,exports.Switch=nu.default,exports.Text=cu.default,exports.VerifyPincode=du.VerifyPincode,exports.WalletActions=vu.WalletActions,exports.WalletNavigation=i.WalletNavigation,Object.defineProperty(exports,"WalletNavigationType",{enumerable:!0,get:function(){return i.WalletNavigationType}}),exports.Animate=fu.default,exports.ClientAssetLogo=qu.ClientAssetLogo,exports.QRCode=gu.default,exports.SecuredByMagic=su.default,exports.SharedLogo=Lu.default,exports.useCustomVars=Mu.useCustomVars,exports.useToast=ku.useToast;
 //# sourceMappingURL=index.js.map

package/dist/es/components/containers/button.js

@@ -0,0 +1,2 @@
+import{jsx as t}from"react/jsx-runtime";import{cx as y,css as i}from"@styled/css";import{VStack as v}from"@styled/jsx";import{token as k}from"@styled/tokens";import{forwardRef as R,useRef as _}from"react";import{useButton as w,useHover as x,useFocusRing as C,mergeProps as P}from"react-aria";const a=R(({children:n,className:s,borderRadius:l,disabled:o,expand:d,onHover:e,shadow:u,...c},b)=>{const p=_(null),r=b||p,{buttonProps:m}=w({...c,isDisabled:o??!1},r),{hoverProps:f}=x({isDisabled:o??!1}),{isFocusVisible:g,focusProps:h}=C();return t("button",{ref:r,className:y(i({_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&&i({outlineColor:"brand.base",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5}),s),style:{borderRadius:l??k("radii.button")},...P(m,f,h),"aria-disabled":o,onMouseEnter:e,onTouchStart:e,children:t(v,{children:n})})});a.displayName="ButtonContainer";export{a as ButtonContainer};
+//# sourceMappingURL=button.js.map

package/dist/es/components/containers/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../../../../src/components/containers/button.tsx"],"sourcesContent":["import { css, cx } from '@styled/css';\nimport { VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { MouseEventHandler, PropsWithChildren, TouchEventHandler, forwardRef, useRef } from 'react';\nimport { mergeProps, useButton, useFocusRing, useHover, type AriaButtonProps } from 'react-aria';\n\nexport interface ButtonContainerProps extends AriaButtonProps, PropsWithChildren {\n  className?: string;\n  borderRadius?: string | number;\n  disabled?: boolean;\n  expand?: boolean;\n  onHover?: MouseEventHandler<HTMLButtonElement> | TouchEventHandler<HTMLButtonElement>;\n  shadow?: boolean;\n}\n\nexport const ButtonContainer = forwardRef<HTMLButtonElement, ButtonContainerProps>(\n  ({ children, className, borderRadius, disabled, expand, onHover, shadow, ...props }, forwardedRef) => {\n    const internalRef = useRef(null);\n    const ref = forwardedRef || internalRef;\n\n    const { buttonProps } = useButton(\n      { ...props, isDisabled: disabled ?? false },\n      ref as React.RefObject<HTMLButtonElement>,\n    );\n    const { hoverProps } = useHover({ isDisabled: disabled ?? false });\n    const { isFocusVisible, focusProps } = useFocusRing();\n    const dimensions = expand ? { w: 'full' } : {};\n    const shadowStyles = shadow\n      ? {\n          _before: {\n            content: '\"\"',\n            position: 'absolute',\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            borderRadius: 'inherit',\n            backgroundImage: 'linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))',\n            _dark: { backgroundImage: `linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))` },\n            opacity: 0,\n            transition: 'opacity 0.1s ease',\n          },\n          _hover: {\n            _before: {\n              opacity: 1,\n            },\n          },\n        }\n      : {};\n\n    return (\n      <button\n        ref={ref}\n        className={cx(\n          css({\n            _active: { transform: 'scale(0.95)' },\n            _disabled: { opacity: '0.8', pointerEvents: 'none' },\n            cursor: 'pointer',\n            h: 'auto',\n            outline: 'none',\n            position: 'relative',\n            transition: 'all 0.1s ease',\n            willChange: 'transform, opacity',\n            ...dimensions,\n            ...shadowStyles,\n          }),\n          isFocusVisible &&\n            css({ outlineColor: 'brand.base', outlineStyle: 'solid', outlineWidth: 'thick', outlineOffset: 0.5 }),\n          className,\n        )}\n        style={{ borderRadius: borderRadius ?? token('radii.button') }}\n        {...mergeProps(buttonProps, hoverProps, focusProps)}\n        aria-disabled={disabled}\n        onMouseEnter={onHover as MouseEventHandler}\n        onTouchStart={onHover as TouchEventHandler}\n      >\n        <VStack>{children}</VStack>\n      </button>\n    );\n  },\n);\n\nButtonContainer.displayName = 'ButtonContainer';\n"],"names":["ButtonContainer","forwardRef","children","className","borderRadius","disabled","expand","onHover","shadow","props","forwardedRef","internalRef","useRef","ref","buttonProps","useButton","hoverProps","useHover","isFocusVisible","focusProps","useFocusRing","_jsx","cx","css","token","mergeProps","VStack"],"mappings":"oSAeO,MAAMA,EAAkBC,EAC7B,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,aAAAC,EAAc,SAAAC,EAAU,OAAAC,EAAQ,QAAAC,EAAS,OAAAC,EAAQ,GAAGC,CAAO,EAAEC,IAAgB,CACnG,MAAMC,EAAcC,EAAO,IAAI,EACzBC,EAAMH,GAAgBC,EAEtB,CAAE,YAAAG,CAAa,EAAGC,EACtB,CAAE,GAAGN,EAAO,WAAYJ,GAAY,EAAO,EAC3CQ,CAAyC,EAErC,CAAE,WAAAG,CAAU,EAAKC,EAAS,CAAE,WAAYZ,GAAY,EAAK,CAAE,EAC3D,CAAE,eAAAa,EAAgB,WAAAC,GAAeC,EAAAA,EAyBvC,OACEC,EACE,SAAA,CAAA,IAAKR,EACL,UAAWS,EACTC,EAAI,CACF,QAAS,CAAE,UAAW,aAAe,EACrC,UAAW,CAAE,QAAS,MAAO,cAAe,MAAQ,EACpD,OAAQ,UACR,EAAG,OACH,QAAS,OACT,SAAU,WACV,WAAY,gBACZ,WAAY,qBACZ,GArCWjB,EAAS,CAAE,EAAG,MAAQ,EAAG,GAsCpC,GArCaE,EACjB,CACE,QAAS,CACP,QAAS,KACT,SAAU,WACV,IAAK,EACL,KAAM,EACN,MAAO,EACP,OAAQ,EACR,aAAc,UACd,gBAAiB,4DACjB,MAAO,CAAE,gBAAiB,uEAAyE,EACnG,QAAS,EACT,WAAY,mBACb,EACD,OAAQ,CACN,QAAS,CACP,QAAS,CACV,CACF,CACF,EACD,CAiBG,CAAA,CAAA,EACDU,GACEK,EAAI,CAAE,aAAc,aAAc,aAAc,QAAS,aAAc,QAAS,cAAe,EAAK,CAAA,EACtGpB,CAAS,EAEX,MAAO,CAAE,aAAcC,GAAgBoB,EAAM,cAAc,CAAC,EACxD,GAAAC,EAAWX,EAAaE,EAAYG,CAAU,EACnC,gBAAAd,EACf,aAAcE,EACd,aAAcA,EAA4B,SAE1Cc,EAACK,EAAQ,CAAA,SAAAxB,CAAkB,CAAA,CAAA,CAAA,CAGjC,CAAC,EAGHF,EAAgB,YAAc"}

package/dist/es/components/external/paypal-button.js

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as u}from"react/jsx-runtime";import{token as c}from"@styled/tokens";import{forwardRef as b,useRef as h}from"react";import{HStack as g,Box as P}from"@styled/jsx";import{cx as x,css as y}from"@styled/css";import"../feedback/callout.js";import{LoadingSpinner as k}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import B from"../primitives/text.js";import"../primitives/portal.js";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import w from"../logos/logo-pay-pal-wordmark.js";import{button as j}from"../../recipes/button.js";import{useButton as v,useFocusRing as R,mergeProps as S}from"react-aria";const m=b((t,n)=>{const{disabled:i,expand:p,validating:r}=t,s=j({expand:p,validating:r}),l=h(null),e=n||l,{buttonProps:a}=v({...t,isDisabled:i??!1},e),{isFocusVisible:f,focusProps:d}=R();return o("button",{className:x(s.button,y({bg:"#ffc439!important",outlineColor:"#ffc439!important",outlineWidth:"thick",outlineOffset:.5,outlineStyle:f?"solid":"none"})),ref:e,...S(a,d),"aria-disabled":i,children:r?o(k,{size:24,strokeWidth:2.5,inverted:!0}):u(g,{w:"full",gap:1,justifyContent:"center",children:[o(B,{fontWeight:"semibold",styles:{color:c("colors.ink.90")},children:"Pay with"}),o(P,{mt:.5,children:o(w,{width:60})})]})})});m.displayName="PayPalButton";export{m as PayPalButton};
+import{jsx as o,jsxs as e}from"react/jsx-runtime";import{ButtonContainer as n}from"../containers/button.js";import"../containers/card.js";import{css as a}from"@styled/css";import{HStack as s,Box as l}from"@styled/jsx";import{token as d}from"@styled/tokens";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import f from"../primitives/text.js";import{forwardRef as c}from"react";import"../utils/client-asset-logo.js";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import h from"../logos/logo-pay-pal-wordmark.js";import"../containers/header.js";import"../containers/menu.js";import"../containers/modal.js";import"../containers/overlay.js";import"../feedback/callout.js";import{LoadingSpinner as u}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import"../primitives/portal.js";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";const t=c((r,i)=>{const{disabled:m,validating:p}=r;return o(n,{ref:i,className:a({bg:"#ffc439",outlineColor:"#ffc439",border:"1px solid transparent",px:6,py:2.5}),"aria-disabled":m,shadow:!0,...r,children:p?o(u,{size:24,strokeWidth:2.5,inverted:!0}):e(s,{w:"full",gap:1,justifyContent:"center",children:[o(f,{fontWeight:"semibold",styles:{color:d("colors.ink.90")},children:"Pay with"}),o(l,{mt:.5,children:o(h,{width:60})})]})})});t.displayName="PayPalButton";export{t as PayPalButton};
 //# sourceMappingURL=paypal-button.js.map

package/dist/es/components/external/paypal-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"paypal-button.js","sources":["../../../../src/components/external/paypal-button.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { LogoPayPalWordmark } from '@components/logos';\nimport { Text } from '@components/primitives';\nimport { button } from '@recipes/button';\nimport { css, cx } from '@styled/css';\nimport { Box, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport React, { forwardRef, useRef } from 'react';\nimport { mergeProps, useButton, useFocusRing, type AriaButtonProps } from 'react-aria';\n\nexport interface PayPalButtonProps extends AriaButtonProps {\n  disabled?: boolean;\n  expand?: boolean;\n  validating?: boolean;\n}\n\nexport const PayPalButton = forwardRef<HTMLButtonElement, PayPalButtonProps>((props, forwardedRef) => {\n  const { disabled, expand, validating } = props;\n\n  const classes = button({ expand, validating });\n\n  const internalRef = useRef(null);\n  const ref = forwardedRef || internalRef;\n\n  const { buttonProps } = useButton(\n    { ...props, isDisabled: disabled ?? false },\n    ref as React.RefObject<HTMLButtonElement>,\n  );\n\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return (\n    <button\n      className={cx(\n        classes.button,\n        css({\n          bg: '#ffc439!important',\n          outlineColor: '#ffc439!important',\n          outlineWidth: 'thick',\n          outlineOffset: 0.5,\n          outlineStyle: isFocusVisible ? 'solid' : 'none',\n        }),\n      )}\n      ref={ref}\n      {...mergeProps(buttonProps, focusProps)}\n      aria-disabled={disabled}\n    >\n      {validating ? (\n        <LoadingSpinner size={24} strokeWidth={2.5} inverted />\n      ) : (\n        <HStack w=\"full\" gap={1} justifyContent=\"center\">\n          <Text fontWeight=\"semibold\" styles={{ color: token('colors.ink.90') }}>\n            Pay with\n          </Text>\n          <Box mt={0.5}>\n            <LogoPayPalWordmark width={60} />\n          </Box>\n        </HStack>\n      )}\n    </button>\n  );\n});\n\nPayPalButton.displayName = 'PayPalButton';\n"],"names":["PayPalButton","forwardRef","props","forwardedRef","disabled","expand","validating","classes","button","internalRef","useRef","ref","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","_jsx","cx","css","mergeProps","LoadingSpinner","_jsxs","HStack","Text","token","Box","LogoPayPalWordmark"],"mappings":"y6BAgBO,MAAMA,EAAeC,EAAiD,CAACC,EAAOC,IAAgB,CACnG,KAAM,CAAE,SAAAC,EAAU,OAAAC,EAAQ,WAAAC,CAAU,EAAKJ,EAEnCK,EAAUC,EAAO,CAAE,OAAAH,EAAQ,WAAAC,CAAY,CAAA,EAEvCG,EAAcC,EAAO,IAAI,EACzBC,EAAMR,GAAgBM,EAEtB,CAAE,YAAAG,CAAa,EAAGC,EACtB,CAAE,GAAGX,EAAO,WAAYE,GAAY,EAAO,EAC3CO,CAAyC,EAGrC,CAAE,eAAAG,EAAgB,WAAAC,GAAeC,IAEvC,OACEC,EACE,SAAA,CAAA,UAAWC,EACTX,EAAQ,OACRY,EAAI,CACF,GAAI,oBACJ,aAAc,oBACd,aAAc,QACd,cAAe,GACf,aAAcL,EAAiB,QAAU,MAC1C,CAAA,CAAC,EAEJ,IAAKH,EAAG,GACJS,EAAWR,EAAaG,CAAU,kBACvBX,EAAQ,SAEtBE,EACCW,EAACI,EAAe,CAAA,KAAM,GAAI,YAAa,IAAK,SAAQ,EAAA,CAAA,EAEpDC,EAACC,EAAO,CAAA,EAAE,OAAO,IAAK,EAAG,eAAe,SACtC,SAAA,CAAAN,EAACO,EAAK,CAAA,WAAW,WAAW,OAAQ,CAAE,MAAOC,EAAM,eAAe,GAE3D,SAAA,UAAA,CAAA,EACPR,EAACS,EAAG,CAAC,GAAI,YACPT,EAACU,GAAmB,MAAO,EAAM,CAAA,CAAA,CAAA,CAC7B,GAET,CAAA,CAGP,CAAC,EAED3B,EAAa,YAAc"}
+{"version":3,"file":"paypal-button.js","sources":["../../../../src/components/external/paypal-button.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { LoadingSpinner } from '@components/feedback';\nimport { LogoPayPalWordmark } from '@components/logos';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { forwardRef } from 'react';\nimport { type AriaButtonProps } from 'react-aria';\n\nexport interface PayPalButtonProps extends AriaButtonProps {\n  disabled?: boolean;\n  expand?: boolean;\n  validating?: boolean;\n}\n\nexport const PayPalButton = forwardRef<HTMLButtonElement, PayPalButtonProps>((props, forwardedRef) => {\n  const { disabled, validating } = props;\n\n  return (\n    <ButtonContainer\n      ref={forwardedRef}\n      className={css({\n        bg: '#ffc439',\n        outlineColor: '#ffc439',\n        border: '1px solid transparent',\n        px: 6,\n        py: 2.5,\n      })}\n      aria-disabled={disabled}\n      shadow\n      {...props}\n    >\n      {validating ? (\n        <LoadingSpinner size={24} strokeWidth={2.5} inverted />\n      ) : (\n        <HStack w=\"full\" gap={1} justifyContent=\"center\">\n          <Text fontWeight=\"semibold\" styles={{ color: token('colors.ink.90') }}>\n            Pay with\n          </Text>\n          <Box mt={0.5}>\n            <LogoPayPalWordmark width={60} />\n          </Box>\n        </HStack>\n      )}\n    </ButtonContainer>\n  );\n});\n\nPayPalButton.displayName = 'PayPalButton';\n"],"names":["PayPalButton","forwardRef","props","forwardedRef","disabled","validating","_jsx","ButtonContainer","css","LoadingSpinner","_jsxs","HStack","Text","token","Box","LogoPayPalWordmark"],"mappings":"slCAgBa,MAAAA,EAAeC,EAAiD,CAACC,EAAOC,IAAgB,CACnG,KAAM,CAAE,SAAAC,EAAU,WAAAC,CAAY,EAAGH,EAEjC,OACEI,EAACC,EACC,CAAA,IAAKJ,EACL,UAAWK,EAAI,CACb,GAAI,UACJ,aAAc,UACd,OAAQ,wBACR,GAAI,EACJ,GAAI,GACL,CAAA,kBACcJ,EACf,OAAM,GAAA,GACFF,EAEH,SAAAG,EACCC,EAACG,EAAe,CAAA,KAAM,GAAI,YAAa,IAAK,cAE5CC,EAACC,GAAO,EAAE,OAAO,IAAK,EAAG,eAAe,SACtC,SAAA,CAAAL,EAACM,EAAK,CAAA,WAAW,WAAW,OAAQ,CAAE,MAAOC,EAAM,eAAe,CAAG,EAAA,SAAA,UAAA,CAAA,EAGrEP,EAACQ,EAAI,CAAA,GAAI,GAAG,SACVR,EAACS,EAAkB,CAAC,MAAO,EAAM,CAAA,CAAA,CAAA,CAC7B,GAET,CAAA,CAGP,CAAC,EAEDf,EAAa,YAAc"}

package/dist/es/components/info/text-box.js

@@ -1,2 +1,2 @@
-import{jsxs as m,jsx as o,Fragment as C}from"react/jsx-runtime";import{token as i}from"@styled/tokens";import g from"../icons/ico-checkmark.js";import y from"../icons/ico-copy.js";import B from"../icons/ico-eye-closed.js";import N from"../icons/ico-eye-opened.js";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import u from"../primitives/text.js";import{css as c}from"@styled/css";import{HStack as d,Box as W}from"@styled/jsx";import{useState as p,useEffect as h,useCallback as j}from"react";const f=b=>{const{content:t,onCopy:n,showHideButton:r,mono:k}=b,[e,l]=p(!!r),[a,s]=p(!1);h(()=>{if(a){const x=setTimeout(()=>{s(!1)},1500);return()=>clearTimeout(x)}},[a]),h(()=>{l(!!r)},[r]);const w=j(()=>{n&&(n(t),s(!0))},[t]);return m(d,{w:"full",px:4,py:3,rounded:10,bg:"surface.secondary",justifyContent:"space-between",position:"relative",children:[o(W,{textWrap:"nowrap",overflow:"hidden",userSelect:e?"none":"auto",filter:e?"blur(10px)":"",children:k?o(u.Mono,{truncate:!0,children:t}):o(u,{truncate:!0,children:t})}),m(d,{gap:3,children:[e&&o("button",{className:c({cursor:"pointer",outlineColor:"brand.base",outlineWidth:"thick",outlineOffset:.5}),onClick:()=>l(!1),"aria-label":"show",children:o(N,{width:22,height:22,color:i("colors.brand.base")})}),r&&!e&&o("button",{className:c({cursor:"pointer",outlineColor:"brand.base",outlineWidth:"thick",outlineOffset:.5}),onClick:()=>l(!0),"aria-label":"hide",children:o(B,{width:22,height:22,color:i("colors.brand.base")})}),n&&o(C,{children:a?o(g,{width:22,height:22,color:i("colors.brand.base")}):o("button",{className:c({cursor:"pointer",outlineColor:"brand.base",outlineWidth:"thick",outlineOffset:.5}),onClick:w,"aria-label":"copy",children:o(y,{width:22,height:22,color:i("colors.brand.base")})})})]})]})};f.displayName="TextBox";export{f as default};
+import{jsxs as l,jsx as o,Fragment as y}from"react/jsx-runtime";import{ButtonContainer as p}from"../containers/button.js";import"../containers/card.js";import"@styled/css";import{HStack as s,Box as B}from"@styled/jsx";import{token as i}from"@styled/tokens";import C from"../icons/ico-checkmark.js";import $ from"../icons/ico-copy.js";import j from"../icons/ico-eye-closed.js";import k from"../icons/ico-eye-opened.js";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import d from"../primitives/text.js";import{useState as h,useEffect as f,useCallback as P}from"react";import"../utils/client-asset-logo.js";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import"../containers/header.js";import"../containers/menu.js";import"../containers/modal.js";import"../containers/overlay.js";const u=b=>{const{content:r,onCopy:n,showHideButton:t,mono:w}=b,[e,m]=h(!!t),[a,c]=h(!1);f(()=>{if(a){const g=setTimeout(()=>{c(!1)},1500);return()=>clearTimeout(g)}},[a]),f(()=>{m(!!t)},[t]);const x=P(()=>{n&&(n(r),c(!0))},[r]);return l(s,{w:"full",px:4,py:3,rounded:10,bg:"surface.secondary",justifyContent:"space-between",position:"relative",children:[o(B,{textWrap:"nowrap",overflow:"hidden",userSelect:e?"none":"auto",filter:e?"blur(10px)":"",children:w?o(d.Mono,{truncate:!0,children:r}):o(d,{truncate:!0,children:r})}),l(s,{gap:3,children:[e&&o(p,{onPress:()=>m(!1),"aria-label":"show",children:o(k,{width:22,height:22,color:i("colors.brand.base")})}),t&&!e&&o(p,{onPress:()=>m(!0),"aria-label":"hide",children:o(j,{width:22,height:22,color:i("colors.brand.base")})}),n&&o(y,{children:a?o(C,{width:22,height:22,color:i("colors.brand.base")}):o(p,{onPress:x,"aria-label":"copy",children:o($,{width:22,height:22,color:i("colors.brand.base")})})})]})]})};u.displayName="TextBox";export{u as default};
 //# sourceMappingURL=text-box.js.map

package/dist/es/components/info/text-box.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-box.js","sources":["../../../../src/components/info/text-box.tsx"],"sourcesContent":["import { IcoCheckmark, IcoCopy, IcoEyeClosed, IcoEyeOpened } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { useCallback, useEffect, useState } from 'react';\n\nexport interface TextBoxProps {\n  content: string;\n  onCopy?: (content: string) => void;\n  showHideButton?: boolean;\n  mono?: boolean;\n}\n\nconst TextBox = (props: TextBoxProps) => {\n  const { content, onCopy, showHideButton, mono } = props;\n  const [isHidden, setIsHidden] = useState(Boolean(showHideButton));\n  const [isCopied, setIsCopied] = useState(false);\n\n  useEffect(() => {\n    if (isCopied) {\n      const timeoutId = setTimeout(() => {\n        setIsCopied(false);\n      }, 1500);\n\n      return () => clearTimeout(timeoutId);\n    }\n  }, [isCopied]);\n\n  useEffect(() => {\n    if (showHideButton) {\n      setIsHidden(true);\n    } else {\n      setIsHidden(false);\n    }\n  }, [showHideButton]);\n\n  const handleOnCopy = useCallback(() => {\n    if (!onCopy) return;\n    onCopy(content);\n    setIsCopied(true);\n  }, [content]);\n\n  return (\n    <HStack\n      w=\"full\"\n      px={4}\n      py={3}\n      rounded={10}\n      bg=\"surface.secondary\"\n      justifyContent=\"space-between\"\n      position=\"relative\"\n    >\n      <Box\n        textWrap=\"nowrap\"\n        overflow=\"hidden\"\n        userSelect={isHidden ? 'none' : 'auto'}\n        filter={isHidden ? 'blur(10px)' : ''}\n      >\n        {mono ? <Text.Mono truncate>{content}</Text.Mono> : <Text truncate>{content}</Text>}\n      </Box>\n\n      <HStack gap={3}>\n        {isHidden && (\n          <button\n            className={css({\n              cursor: 'pointer',\n              outlineColor: 'brand.base',\n              outlineWidth: 'thick',\n              outlineOffset: 0.5,\n            })}\n            onClick={() => setIsHidden(false)}\n            aria-label=\"show\"\n          >\n            <IcoEyeOpened width={22} height={22} color={token('colors.brand.base')} />\n          </button>\n        )}\n        {showHideButton && !isHidden && (\n          <button\n            className={css({\n              cursor: 'pointer',\n              outlineColor: 'brand.base',\n              outlineWidth: 'thick',\n              outlineOffset: 0.5,\n            })}\n            onClick={() => setIsHidden(true)}\n            aria-label=\"hide\"\n          >\n            <IcoEyeClosed width={22} height={22} color={token('colors.brand.base')} />\n          </button>\n        )}\n        {onCopy && (\n          <>\n            {isCopied ? (\n              <IcoCheckmark width={22} height={22} color={token('colors.brand.base')} />\n            ) : (\n              <button\n                className={css({\n                  cursor: 'pointer',\n                  outlineColor: 'brand.base',\n                  outlineWidth: 'thick',\n                  outlineOffset: 0.5,\n                })}\n                onClick={handleOnCopy}\n                aria-label=\"copy\"\n              >\n                <IcoCopy width={22} height={22} color={token('colors.brand.base')} />\n              </button>\n            )}\n          </>\n        )}\n      </HStack>\n    </HStack>\n  );\n};\n\nTextBox.displayName = 'TextBox';\n\nexport default TextBox;\n"],"names":["TextBox","props","content","onCopy","showHideButton","mono","isHidden","setIsHidden","useState","isCopied","setIsCopied","useEffect","timeoutId","handleOnCopy","useCallback","_jsxs","HStack","_jsx","Box","Text","css","IcoEyeOpened","token","IcoEyeClosed","_Fragment","IcoCheckmark","IcoCopy"],"mappings":"4rBAcMA,EAAWC,GAAuB,CACtC,KAAM,CAAE,QAAAC,EAAS,OAAAC,EAAQ,eAAAC,EAAgB,KAAAC,CAAI,EAAKJ,EAC5C,CAACK,EAAUC,CAAW,EAAIC,EAAS,CAAA,CAAQJ,CAAe,EAC1D,CAACK,EAAUC,CAAW,EAAIF,EAAS,EAAK,EAE9CG,EAAU,IAAK,CACb,GAAIF,EAAU,CACZ,MAAMG,EAAY,WAAW,IAAK,CAChCF,EAAY,EAAK,CACnB,EAAG,IAAI,EAEP,MAAO,IAAM,aAAaE,CAAS,CACrC,CACF,EAAG,CAACH,CAAQ,CAAC,EAEbE,EAAU,IAAK,CAEXJ,EADE,CAAAH,CAAAA,CACc,CAIpB,EAAG,CAACA,CAAc,CAAC,EAEnB,MAAMS,EAAeC,EAAY,IAAK,CAC/BX,IACLA,EAAOD,CAAO,EACdQ,EAAY,EAAI,EAClB,EAAG,CAACR,CAAO,CAAC,EAEZ,OACEa,EAACC,EAAM,CACL,EAAE,OACF,GAAI,EACJ,GAAI,EACJ,QAAS,GACT,GAAG,oBACH,eAAe,gBACf,SAAS,WAAU,SAAA,CAEnBC,EAACC,EAAG,CACF,SAAS,SACT,SAAS,SACT,WAAYZ,EAAW,OAAS,OAChC,OAAQA,EAAW,aAAe,YAEjCD,EAAOY,EAACE,EAAK,KAAI,CAAC,SAAQ,GAAA,SAAEjB,CAAO,CAAA,EAAgBe,EAACE,EAAK,CAAA,qBAAUjB,CAAO,CAAA,CACvE,CAAA,EAENa,EAACC,GAAO,IAAK,EAAC,SAAA,CACXV,GACCW,EACE,SAAA,CAAA,UAAWG,EAAI,CACb,OAAQ,UACR,aAAc,aACd,aAAc,QACd,cAAe,GAChB,EACD,QAAS,IAAMb,EAAY,EAAK,eACrB,OAAM,SAEjBU,EAACI,EAAY,CAAC,MAAO,GAAI,OAAQ,GAAI,MAAOC,EAAM,mBAAmB,CAAC,CAAA,IAGzElB,GAAkB,CAACE,GAClBW,YACE,UAAWG,EAAI,CACb,OAAQ,UACR,aAAc,aACd,aAAc,QACd,cAAe,EAChB,CAAA,EACD,QAAS,IAAMb,EAAY,EAAI,EAAC,aACrB,OAAM,SAEjBU,EAACM,EAAY,CAAC,MAAO,GAAI,OAAQ,GAAI,MAAOD,EAAM,mBAAmB,CAAK,CAAA,CAAA,CAAA,EAG7EnB,GACCc,EACGO,EAAA,CAAA,SAAAf,EACCQ,EAACQ,EAAY,CAAC,MAAO,GAAI,OAAQ,GAAI,MAAOH,EAAM,mBAAmB,CAAK,CAAA,EAE1EL,EAAA,SAAA,CACE,UAAWG,EAAI,CACb,OAAQ,UACR,aAAc,aACd,aAAc,QACd,cAAe,EAChB,CAAA,EACD,QAASP,eACE,OAAM,SAEjBI,EAACS,EAAQ,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAOJ,EAAM,mBAAmB,CAAC,CAAA,CAC1D,CAAA,CAEV,CAAA,CACJ,CACM,CAAA,CAAA,CAAA,CAAA,CAGf,EAEAtB,EAAQ,YAAc"}
+{"version":3,"file":"text-box.js","sources":["../../../../src/components/info/text-box.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { IcoCheckmark, IcoCopy, IcoEyeClosed, IcoEyeOpened } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { Box, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { useCallback, useEffect, useState } from 'react';\n\nexport interface TextBoxProps {\n  content: string;\n  onCopy?: (content: string) => void;\n  showHideButton?: boolean;\n  mono?: boolean;\n}\n\nconst TextBox = (props: TextBoxProps) => {\n  const { content, onCopy, showHideButton, mono } = props;\n  const [isHidden, setIsHidden] = useState(Boolean(showHideButton));\n  const [isCopied, setIsCopied] = useState(false);\n\n  useEffect(() => {\n    if (isCopied) {\n      const timeoutId = setTimeout(() => {\n        setIsCopied(false);\n      }, 1500);\n\n      return () => clearTimeout(timeoutId);\n    }\n  }, [isCopied]);\n\n  useEffect(() => {\n    if (showHideButton) {\n      setIsHidden(true);\n    } else {\n      setIsHidden(false);\n    }\n  }, [showHideButton]);\n\n  const handleOnCopy = useCallback(() => {\n    if (!onCopy) return;\n    onCopy(content);\n    setIsCopied(true);\n  }, [content]);\n\n  return (\n    <HStack\n      w=\"full\"\n      px={4}\n      py={3}\n      rounded={10}\n      bg=\"surface.secondary\"\n      justifyContent=\"space-between\"\n      position=\"relative\"\n    >\n      <Box\n        textWrap=\"nowrap\"\n        overflow=\"hidden\"\n        userSelect={isHidden ? 'none' : 'auto'}\n        filter={isHidden ? 'blur(10px)' : ''}\n      >\n        {mono ? <Text.Mono truncate>{content}</Text.Mono> : <Text truncate>{content}</Text>}\n      </Box>\n\n      <HStack gap={3}>\n        {isHidden && (\n          <ButtonContainer onPress={() => setIsHidden(false)} aria-label=\"show\">\n            <IcoEyeOpened width={22} height={22} color={token('colors.brand.base')} />\n          </ButtonContainer>\n        )}\n        {showHideButton && !isHidden && (\n          <ButtonContainer onPress={() => setIsHidden(true)} aria-label=\"hide\">\n            <IcoEyeClosed width={22} height={22} color={token('colors.brand.base')} />\n          </ButtonContainer>\n        )}\n        {onCopy && (\n          <>\n            {isCopied ? (\n              <IcoCheckmark width={22} height={22} color={token('colors.brand.base')} />\n            ) : (\n              <ButtonContainer onPress={handleOnCopy} aria-label=\"copy\">\n                <IcoCopy width={22} height={22} color={token('colors.brand.base')} />\n              </ButtonContainer>\n            )}\n          </>\n        )}\n      </HStack>\n    </HStack>\n  );\n};\n\nTextBox.displayName = 'TextBox';\n\nexport default TextBox;\n"],"names":["TextBox","props","content","onCopy","showHideButton","mono","isHidden","setIsHidden","useState","isCopied","setIsCopied","useEffect","timeoutId","handleOnCopy","useCallback","_jsxs","HStack","_jsx","Box","Text","ButtonContainer","IcoEyeOpened","token","IcoEyeClosed","_Fragment","IcoCheckmark","IcoCopy"],"mappings":"m+BAcMA,MAAAA,EAAWC,GAAuB,CACtC,KAAM,CAAE,QAAAC,EAAS,OAAAC,EAAQ,eAAAC,EAAgB,KAAAC,CAAI,EAAKJ,EAC5C,CAACK,EAAUC,CAAW,EAAIC,EAAS,CAAA,CAAQJ,CAAe,EAC1D,CAACK,EAAUC,CAAW,EAAIF,EAAS,EAAK,EAE9CG,EAAU,IAAK,CACb,GAAIF,EAAU,CACZ,MAAMG,EAAY,WAAW,IAAK,CAChCF,EAAY,EAAK,CACnB,EAAG,IAAI,EAEP,MAAO,IAAM,aAAaE,CAAS,CACrC,CACF,EAAG,CAACH,CAAQ,CAAC,EAEbE,EAAU,IAAK,CAEXJ,EADE,EAAAH,CACc,CAIpB,EAAG,CAACA,CAAc,CAAC,EAEnB,MAAMS,EAAeC,EAAY,IAAK,CAC/BX,IACLA,EAAOD,CAAO,EACdQ,EAAY,EAAI,EAClB,EAAG,CAACR,CAAO,CAAC,EAEZ,OACEa,EAACC,EACC,CAAA,EAAE,OACF,GAAI,EACJ,GAAI,EACJ,QAAS,GACT,GAAG,oBACH,eAAe,gBACf,SAAS,WAAU,SAAA,CAEnBC,EAACC,EACC,CAAA,SAAS,SACT,SAAS,SACT,WAAYZ,EAAW,OAAS,OAChC,OAAQA,EAAW,aAAe,GAAE,SAEnCD,EAAOY,EAACE,EAAK,KAAK,CAAA,SAAU,GAAA,SAAAjB,CAAoB,CAAA,EAAGe,EAACE,EAAK,CAAA,SAAU,GAAA,SAAAjB,CAAe,CAAA,CAAA,CAAA,EAGrFa,EAACC,EAAM,CAAC,IAAK,EAAC,SAAA,CACXV,GACCW,EAACG,EAAe,CAAC,QAAS,IAAMb,EAAY,EAAK,EAAC,aAAa,OAAM,SACnEU,EAACI,EAAa,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAOC,EAAM,mBAAmB,CAAK,CAAA,CAAA,CAAA,EAG7ElB,GAAkB,CAACE,GAClBW,EAACG,EAAgB,CAAA,QAAS,IAAMb,EAAY,EAAI,EAAC,aAAa,OAAM,SAClEU,EAACM,EAAa,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAOD,EAAM,mBAAmB,CAAC,CAAA,CACtD,CAAA,EAEnBnB,GACCc,EACGO,EAAA,CAAA,SAAAf,EACCQ,EAACQ,EAAY,CAAC,MAAO,GAAI,OAAQ,GAAI,MAAOH,EAAM,mBAAmB,CAAK,CAAA,EAE1EL,EAACG,EAAgB,CAAA,QAASP,EAAyB,aAAA,OACjD,SAAAI,EAACS,EAAO,CAAC,MAAO,GAAI,OAAQ,GAAI,MAAOJ,EAAM,mBAAmB,CAAK,CAAA,CAAA,CAAA,CAExE,CAAA,CAEJ,CAAA,CAAA,CACM,CACF,CAAA,CAEb,EAEAtB,EAAQ,YAAc"}

package/dist/es/components/info/wallet-address.js

@@ -1,2 +1,2 @@
-import{jsx as a}from"react/jsx-runtime";import{css as l}from"@styled/css";import{forwardRef as x,useState as y,useRef as g,useCallback as C,useEffect as P}from"react";import{useButton as S,useFocusRing as W,mergeProps as k}from"react-aria";const u=x((r,c)=>{const{address:e,onCopy:o}=r,[t,n]=y(!1),s=`${e.slice(0,6)}...${e?.slice(-4)}`,f=g(null),i=c||f,m=C(()=>{o&&o(e),n(!0)},[e]),{buttonProps:d}=S({...r,onPress:m},i),{isFocusVisible:p,focusProps:b}=W();return P(()=>{if(t){const h=setTimeout(()=>{n(!1)},1500);return()=>clearTimeout(h)}},[t]),o?a("button",{ref:i,...k(d,b),className:l({fontSize:"md",color:t?"positive.darker":"text.tertiary",fontWeight:t?"medium":"normal",rounded:"button",outlineColor:"brand.base",outlineStyle:p?"solid":"none",outlineWidth:"thick",outlineOffset:1,cursor:"pointer",fontVariant:"no-contextual"}),children:t?"Copied!":s}):a("span",{className:l({fontSize:"md",color:"text.tertiary",fontWeight:"normal",fontVariant:"no-contextual"}),children:s})});u.displayName="WalletAddress";export{u as default};
+import{jsx as m}from"react/jsx-runtime";import{ButtonContainer as f}from"../containers/button.js";import"../containers/card.js";import{css as n}from"@styled/css";import"@styled/jsx";import"@styled/tokens";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import"../primitives/text.js";import{forwardRef as d,useState as u,useCallback as x,useEffect as h}from"react";import"../utils/client-asset-logo.js";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import"../containers/header.js";import"../containers/menu.js";import"../containers/modal.js";import"../containers/overlay.js";const a=d((p,s)=>{const{address:o,onCopy:r}=p,[t,i]=u(!1),e=`${o.slice(0,6)}...${o?.slice(-4)}`,l=x(()=>{r&&r(o),i(!0)},[o]);return h(()=>{if(t){const c=setTimeout(()=>{i(!1)},1500);return()=>clearTimeout(c)}},[t]),r?m(f,{className:n({fontSize:"md",color:t?"positive.darker":"text.tertiary",fontWeight:t?"medium":"normal",rounded:"button",fontVariant:"no-contextual"}),onPress:l,ref:s,children:t?"Copied!":e}):m("span",{className:n({fontSize:"md",color:"text.tertiary",fontWeight:"normal",fontVariant:"no-contextual"}),children:e})});a.displayName="WalletAddress";export{a as default};
 //# sourceMappingURL=wallet-address.js.map

package/dist/es/components/info/wallet-address.js.map

@@ -1 +1 @@
-{"version":3,"file":"wallet-address.js","sources":["../../../../src/components/info/wallet-address.tsx"],"sourcesContent":["import { css } from '@styled/css';\nimport { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing } from 'react-aria';\n\nexport interface WalletAddressProps extends AriaButtonProps {\n  address: string;\n  onCopy?: (address: string) => void;\n}\n\nconst WalletAddress = forwardRef<HTMLButtonElement, WalletAddressProps>((props, forwardedRef) => {\n  const { address, onCopy } = props;\n  const [isCopied, setIsCopied] = useState(false);\n  const truncatedAddress = `${address.slice(0, 6)}...${address?.slice(-4)}`;\n\n  const internalRef = useRef(null);\n  const ref = forwardedRef || internalRef;\n\n  const handleOnCopy = useCallback(() => {\n    if (onCopy) {\n      onCopy(address);\n    }\n    setIsCopied(true);\n  }, [address]);\n\n  const { buttonProps } = useButton({ ...props, onPress: handleOnCopy }, ref as React.RefObject<HTMLButtonElement>);\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  useEffect(() => {\n    if (isCopied) {\n      const timeoutId = setTimeout(() => {\n        setIsCopied(false);\n      }, 1500);\n\n      return () => clearTimeout(timeoutId);\n    }\n  }, [isCopied]);\n\n  if (!onCopy) {\n    return (\n      <span\n        className={css({\n          fontSize: 'md',\n          color: 'text.tertiary',\n          fontWeight: 'normal',\n          fontVariant: 'no-contextual',\n        })}\n      >\n        {truncatedAddress}\n      </span>\n    );\n  }\n\n  return (\n    <button\n      ref={ref}\n      {...mergeProps(buttonProps, focusProps)}\n      className={css({\n        fontSize: 'md',\n        color: isCopied ? 'positive.darker' : 'text.tertiary',\n        fontWeight: isCopied ? 'medium' : 'normal',\n        rounded: 'button',\n        outlineColor: 'brand.base',\n        outlineStyle: isFocusVisible ? 'solid' : 'none',\n        outlineWidth: 'thick',\n        outlineOffset: 1,\n        cursor: 'pointer',\n        fontVariant: 'no-contextual',\n      })}\n    >\n      {isCopied ? 'Copied!' : truncatedAddress}\n    </button>\n  );\n});\n\nWalletAddress.displayName = 'WalletAddress';\n\nexport default WalletAddress;\n"],"names":["WalletAddress","forwardRef","props","forwardedRef","address","onCopy","isCopied","setIsCopied","useState","truncatedAddress","internalRef","useRef","ref","handleOnCopy","useCallback","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","useEffect","timeoutId","_jsx","mergeProps","css"],"mappings":"sPASMA,EAAgBC,EAAkD,CAACC,EAAOC,IAAgB,CAC9F,KAAM,CAAE,QAAAC,EAAS,OAAAC,CAAQ,EAAGH,EACtB,CAACI,EAAUC,CAAW,EAAIC,EAAS,EAAK,EACxCC,EAAmB,GAAGL,EAAQ,MAAM,EAAG,CAAC,CAAC,MAAMA,GAAS,MAAM,EAAE,CAAC,GAEjEM,EAAcC,EAAO,IAAI,EACzBC,EAAMT,GAAgBO,EAEtBG,EAAeC,EAAY,IAAK,CAChCT,GACFA,EAAOD,CAAO,EAEhBG,EAAY,EAAI,CAClB,EAAG,CAACH,CAAO,CAAC,EAEN,CAAE,YAAAW,CAAW,EAAKC,EAAU,CAAE,GAAGd,EAAO,QAASW,GAAgBD,CAAyC,EAC1G,CAAE,eAAAK,EAAgB,WAAAC,GAAeC,IAYvC,OAVAC,EAAU,IAAK,CACb,GAAId,EAAU,CACZ,MAAMe,EAAY,WAAW,IAAK,CAChCd,EAAY,EAAK,CACnB,EAAG,IAAI,EAEP,MAAO,IAAM,aAAac,CAAS,CACrC,CACF,EAAG,CAACf,CAAQ,CAAC,EAERD,EAgBHiB,EACE,SAAA,CAAA,IAAKV,KACDW,EAAWR,EAAaG,CAAU,EACtC,UAAWM,EAAI,CACb,SAAU,KACV,MAAOlB,EAAW,kBAAoB,gBACtC,WAAYA,EAAW,SAAW,SAClC,QAAS,SACT,aAAc,aACd,aAAcW,EAAiB,QAAU,OACzC,aAAc,QACd,cAAe,EACf,OAAQ,UACR,YAAa,eACd,CAAA,EAEA,SAAAX,EAAW,UAAYG,CACjB,CAAA,EA/BPa,EAAA,OAAA,CACE,UAAWE,EAAI,CACb,SAAU,KACV,MAAO,gBACP,WAAY,SACZ,YAAa,eACd,CAAA,EAEA,SAAAf,CACI,CAAA,CAwBb,CAAC,EAEDT,EAAc,YAAc"}
+{"version":3,"file":"wallet-address.js","sources":["../../../../src/components/info/wallet-address.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { css } from '@styled/css';\nimport { forwardRef, useCallback, useEffect, useState } from 'react';\nimport { AriaButtonProps } from 'react-aria';\n\nexport interface WalletAddressProps extends AriaButtonProps {\n  address: string;\n  onCopy?: (address: string) => void;\n}\n\nconst WalletAddress = forwardRef<HTMLButtonElement, WalletAddressProps>((props, forwardedRef) => {\n  const { address, onCopy } = props;\n  const [isCopied, setIsCopied] = useState(false);\n  const truncatedAddress = `${address.slice(0, 6)}...${address?.slice(-4)}`;\n\n  const handleOnCopy = useCallback(() => {\n    if (onCopy) {\n      onCopy(address);\n    }\n    setIsCopied(true);\n  }, [address]);\n\n  useEffect(() => {\n    if (isCopied) {\n      const timeoutId = setTimeout(() => {\n        setIsCopied(false);\n      }, 1500);\n\n      return () => clearTimeout(timeoutId);\n    }\n  }, [isCopied]);\n\n  if (!onCopy) {\n    return (\n      <span\n        className={css({\n          fontSize: 'md',\n          color: 'text.tertiary',\n          fontWeight: 'normal',\n          fontVariant: 'no-contextual',\n        })}\n      >\n        {truncatedAddress}\n      </span>\n    );\n  }\n\n  return (\n    <ButtonContainer\n      className={css({\n        fontSize: 'md',\n        color: isCopied ? 'positive.darker' : 'text.tertiary',\n        fontWeight: isCopied ? 'medium' : 'normal',\n        rounded: 'button',\n        fontVariant: 'no-contextual',\n      })}\n      onPress={handleOnCopy}\n      ref={forwardedRef}\n    >\n      {isCopied ? 'Copied!' : truncatedAddress}\n    </ButtonContainer>\n  );\n});\n\nWalletAddress.displayName = 'WalletAddress';\n\nexport default WalletAddress;\n"],"names":["WalletAddress","forwardRef","props","forwardedRef","address","onCopy","isCopied","setIsCopied","useState","truncatedAddress","handleOnCopy","useCallback","useEffect","timeoutId","_jsx","ButtonContainer","css"],"mappings":"uxBAUMA,MAAAA,EAAgBC,EAAkD,CAACC,EAAOC,IAAgB,CAC9F,KAAM,CAAE,QAAAC,EAAS,OAAAC,CAAQ,EAAGH,EACtB,CAACI,EAAUC,CAAW,EAAIC,EAAS,EAAK,EACxCC,EAAmB,GAAGL,EAAQ,MAAM,EAAG,CAAC,CAAC,MAAMA,GAAS,MAAM,EAAE,CAAC,GAEjEM,EAAeC,EAAY,IAAK,CAChCN,GACFA,EAAOD,CAAO,EAEhBG,EAAY,EAAI,CAClB,EAAG,CAACH,CAAO,CAAC,EAYZ,OAVAQ,EAAU,IAAK,CACb,GAAIN,EAAU,CACZ,MAAMO,EAAY,WAAW,IAAK,CAChCN,EAAY,EAAK,CACnB,EAAG,IAAI,EAEP,MAAO,IAAM,aAAaM,CAAS,CACrC,CACF,EAAG,CAACP,CAAQ,CAAC,EAERD,EAgBHS,EAACC,GACC,UAAWC,EAAI,CACb,SAAU,KACV,MAAOV,EAAW,kBAAoB,gBACtC,WAAYA,EAAW,SAAW,SAClC,QAAS,SACT,YAAa,gBACd,EACD,QAASI,EACT,IAAKP,EAEJ,SAAAG,EAAW,UAAYG,CAAgB,CAAA,EAzBxCK,EAAA,OAAA,CACE,UAAWE,EAAI,CACb,SAAU,KACV,MAAO,gBACP,WAAY,SACZ,YAAa,eACd,CAAA,EAEA,SAAAP,CACI,CAAA,CAmBb,CAAC,EAEDT,EAAc,YAAc"}

package/dist/es/components/layouts/passport-page.js

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as n}from"react/jsx-runtime";import"../containers/card.js";import"@styled/css";import{VStack as d,Center as J,HStack as g,Box as y,Flex as P}from"@styled/jsx";import{Drawer as v}from"../containers/drawer.js";import{Children as O}from"react";import"../utils/client-asset-logo.js";import{token as B}from"@styled/tokens";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import U from"../icons/ico-caret-left.js";import j from"../icons/ico-magic.js";import V from"../icons/ico-question-circle-fill.js";import"../containers/header.js";import{Menu as z}from"../containers/menu.js";import{Modal as $}from"../containers/modal.js";import"../containers/overlay.js";import"../info/copy-button.js";import"../info/email-wbr.js";import"../info/security-otp.js";import"../info/text-box.js";import q from"../info/wallet-address.js";import l from"../primitives/button.js";import{Popover as u}from"../primitives/popover.js";import w from"../primitives/text.js";import{createSlot as i,createHost as E}from"create-slots";const S=i(({children:e})=>O.map(e,t=>r(l,{expand:!0,...t.props}))),k=i(l),D=i(l),H=i(({children:e})=>n(u,{textStyle:"subtle",variant:"text",children:[r(u.TrailingIcon,{children:r(V,{})}),r(u.Content,{children:e})]})),M=i(({branding:e,title:t})=>t?r(w,{size:"sm",fontColor:"text.secondary",children:t}):r(j,{color:B(e==="light"?"colors.text.primary":"colors.neutral.primary")})),T=i(({children:e})=>r(d,{w:"full",justify:"center",children:e})),W=i(z),F=i(v),I=i(({children:e})=>r(J,{pt:3,w:"full",children:e})),A=i(({children:e,domain:t,name:m,logoUrl:a})=>n(g,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",p:3,width:"full",children:[a?r("img",{src:a,alt:m,width:24,height:24}):r(j,{color:B("colors.brand.base"),height:24,width:24}),r(w,{size:"sm",fontWeight:"semibold",children:m}),t&&r(w,{size:"sm",fontColor:"text.tertiary",children:t}),e]})),K=({actionDirection:e="row",address:t,children:m,onBack:a,onCancel:c,...L})=>E(m,o=>{const p=o.getProps(k),s=o.getProps(D),x=o.getProps(F),h=o.getProps(W),C=o.get(S),b=o.get(H),G=o.get(M),f=e==="row";return n($,{...L,fullscreen:!0,paddingType:"none",gap:0,children:[n(d,{gap:0,width:"full",children:[n(g,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",justifyContent:"space-between",p:3,width:"full",children:[a&&r(l,{onPress:a,size:"md",textStyle:"neutral",variant:"text",children:r(l.LeadingIcon,{children:r(U,{})})}),c&&r(l,{onPress:c,label:"Cancel",size:"sm",textStyle:"neutral",variant:"text"}),!(a||c)&&r(y,{w:6}),G,t||b||h?n(g,{children:[t&&r(q,{address:t}),b,h&&r(z,{...h})]}):r(y,{w:6})]}),o.get(A)]}),n(d,{h:"full",w:"full",justify:"space-between",p:6,children:[o.get(T),n(d,{w:"full",gap:3,children:[(p||s)&&n(P,{direction:f?"row":"column-reverse",gap:f?4:3,width:"full",children:[p&&r(l,{expand:!0,label:"Cancel",variant:"neutral",...p}),s&&r(l,{expand:!0,label:"Confirm",variant:"inverse",...s})]}),C&&r(P,{direction:e,gap:f?4:3,width:"full",children:C}),o.get(I)]})]}),x&&r(v,{...x})]})}),N=Object.assign(K,{Actions:S,Cancel:k,Confirm:D,Content:T,Menu:W,Drawer:F,Footer:I,Header:A,Info:H,Title:M});export{N as PassportPage};
+import{jsx as r,jsxs as n}from"react/jsx-runtime";import"../containers/button.js";import"../containers/card.js";import"@styled/css";import{VStack as d,Center as J,HStack as g,Box as y,Flex as P}from"@styled/jsx";import{Drawer as v}from"../containers/drawer.js";import{Children as O}from"react";import"../utils/client-asset-logo.js";import{token as B}from"@styled/tokens";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import U from"../icons/ico-caret-left.js";import j from"../icons/ico-magic.js";import V from"../icons/ico-question-circle-fill.js";import"../containers/header.js";import{Menu as z}from"../containers/menu.js";import{Modal as $}from"../containers/modal.js";import"../containers/overlay.js";import"../info/copy-button.js";import"../info/email-wbr.js";import"../info/security-otp.js";import"../info/text-box.js";import q from"../info/wallet-address.js";import l from"../primitives/button.js";import{Popover as u}from"../primitives/popover.js";import w from"../primitives/text.js";import{createSlot as i,createHost as E}from"create-slots";const S=i(({children:e})=>O.map(e,t=>r(l,{expand:!0,...t.props}))),k=i(l),D=i(l),H=i(({children:e})=>n(u,{textStyle:"subtle",variant:"text",children:[r(u.TrailingIcon,{children:r(V,{})}),r(u.Content,{children:e})]})),M=i(({branding:e,title:t})=>t?r(w,{size:"sm",fontColor:"text.secondary",children:t}):r(j,{color:B(e==="light"?"colors.text.primary":"colors.neutral.primary")})),T=i(({children:e})=>r(d,{w:"full",justify:"center",children:e})),W=i(z),F=i(v),I=i(({children:e})=>r(J,{pt:3,w:"full",children:e})),A=i(({children:e,domain:t,name:a,logoUrl:m})=>n(g,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",p:3,width:"full",children:[m?r("img",{src:m,alt:a,width:24,height:24}):r(j,{color:B("colors.brand.base"),height:24,width:24}),r(w,{size:"sm",fontWeight:"semibold",children:a}),t&&r(w,{size:"sm",fontColor:"text.tertiary",children:t}),e]})),K=({actionDirection:e="row",address:t,children:a,onBack:m,onCancel:p,...L})=>E(a,o=>{const c=o.getProps(k),s=o.getProps(D),x=o.getProps(F),h=o.getProps(W),C=o.get(S),b=o.get(H),G=o.get(M),f=e==="row";return n($,{...L,fullscreen:!0,paddingType:"none",gap:0,children:[n(d,{gap:0,width:"full",children:[n(g,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",justifyContent:"space-between",p:3,width:"full",children:[m&&r(l,{onPress:m,size:"md",textStyle:"neutral",variant:"text",children:r(l.LeadingIcon,{children:r(U,{})})}),p&&r(l,{onPress:p,label:"Cancel",size:"sm",textStyle:"neutral",variant:"text"}),!(m||p)&&r(y,{w:6}),G,t||b||h?n(g,{children:[t&&r(q,{address:t}),b,h&&r(z,{...h})]}):r(y,{w:6})]}),o.get(A)]}),n(d,{h:"full",w:"full",justify:"space-between",p:6,children:[o.get(T),n(d,{w:"full",gap:3,children:[(c||s)&&n(P,{direction:f?"row":"column-reverse",gap:f?4:3,width:"full",children:[c&&r(l,{expand:!0,label:"Cancel",variant:"neutral",...c}),s&&r(l,{expand:!0,label:"Confirm",variant:"inverse",...s})]}),C&&r(P,{direction:e,gap:f?4:3,width:"full",children:C}),o.get(I)]})]}),x&&r(v,{...x})]})}),N=Object.assign(K,{Actions:S,Cancel:k,Confirm:D,Content:T,Menu:W,Drawer:F,Footer:I,Header:A,Info:H,Title:M});export{N as PassportPage};
 //# sourceMappingURL=passport-page.js.map

package/dist/es/components/layouts/passport-page.js.map

@@ -1 +1 @@
-{"version":3,"file":"passport-page.js","sources":["../../../../src/components/layouts/passport-page.tsx"],"sourcesContent":["import { Menu } from '@components/containers';\nimport { Drawer } from '@components/containers/drawer';\nimport { Modal } from '@components/containers/modal';\nimport { IcoCaretLeft, IcoMagic, IcoQuestionCircleFill } from '@components/icons';\nimport { WalletAddress } from '@components/info';\nimport Button from '@components/primitives/button';\nimport Popover from '@components/primitives/popover';\nimport Text from '@components/primitives/text';\nimport { Box, Center, Flex, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, PropsWithChildren } from 'react';\n\nexport interface HeaderProps extends PropsWithChildren {\n  name: string;\n  domain?: string;\n  logoUrl?: string;\n}\n\nexport interface TitleProps {\n  branding?: 'light' | 'dark';\n  title?: string;\n}\n\nexport interface PassportPageProps extends PropsWithChildren {\n  address?: string;\n  animate?: boolean;\n  actionDirection?: 'column' | 'row';\n  isOpen?: boolean;\n  onAnimated?: () => void;\n  onBack?: () => void;\n  onClosed?: () => void;\n  onCancel?: () => void;\n}\n\nconst Actions = createSlot(({ children }) => Children.map(children, child => <Button expand {...child.props} />));\nconst Cancel = createSlot(Button);\nconst Confirm = createSlot(Button);\nconst Info = createSlot(({ children }) => (\n  <Popover textStyle=\"subtle\" variant=\"text\">\n    <Popover.TrailingIcon>\n      <IcoQuestionCircleFill />\n    </Popover.TrailingIcon>\n    <Popover.Content>{children}</Popover.Content>\n  </Popover>\n));\nconst Title = createSlot(({ branding, title }: TitleProps) => {\n  return title ? (\n    <Text size=\"sm\" fontColor=\"text.secondary\">\n      {title}\n    </Text>\n  ) : (\n    <IcoMagic color={token(branding === 'light' ? 'colors.text.primary' : 'colors.neutral.primary')} />\n  );\n});\n\nconst PageContent = createSlot(({ children }) => (\n  <VStack w=\"full\" justify=\"center\">\n    {children}\n  </VStack>\n));\nconst PageMenu = createSlot(Menu);\nconst PageDrawer = createSlot(Drawer);\nconst PageFooter = createSlot(({ children }) => (\n  <Center pt={3} w=\"full\">\n    {children}\n  </Center>\n));\nconst PageHeader = createSlot(({ children, domain, name, logoUrl }: HeaderProps) => (\n  <HStack borderBottomColor=\"neutral.primary\" borderBottomWidth=\"1px\" p={3} width=\"full\">\n    {logoUrl ? (\n      <img src={logoUrl} alt={name} width={24} height={24} />\n    ) : (\n      <IcoMagic color={token('colors.brand.base')} height={24} width={24} />\n    )}\n    <Text size=\"sm\" fontWeight=\"semibold\">\n      {name}\n    </Text>\n    {domain && (\n      <Text size=\"sm\" fontColor=\"text.tertiary\">\n        {domain}\n      </Text>\n    )}\n    {children}\n  </HStack>\n));\n\nconst PageHost = ({ actionDirection = 'row', address, children, onBack, onCancel, ...props }: PassportPageProps) => {\n  return createHost(children, slots => {\n    const cancelProps = slots.getProps(Cancel);\n    const confirmProps = slots.getProps(Confirm);\n    const drawerProps = slots.getProps(PageDrawer);\n    const menuProps = slots.getProps(PageMenu);\n\n    const actions = slots.get(Actions);\n    const info = slots.get(Info);\n    const title = slots.get(Title);\n\n    const isRowDirection = actionDirection === 'row';\n\n    return (\n      <Modal {...props} fullscreen paddingType=\"none\" gap={0}>\n        <VStack gap={0} width=\"full\">\n          <HStack\n            borderBottomColor=\"neutral.primary\"\n            borderBottomWidth=\"1px\"\n            justifyContent=\"space-between\"\n            p={3}\n            width=\"full\"\n          >\n            {onBack && (\n              <Button onPress={onBack} size=\"md\" textStyle=\"neutral\" variant=\"text\">\n                <Button.LeadingIcon>\n                  <IcoCaretLeft />\n                </Button.LeadingIcon>\n              </Button>\n            )}\n            {onCancel && <Button onPress={onCancel} label=\"Cancel\" size=\"sm\" textStyle=\"neutral\" variant=\"text\" />}\n            {!(onBack || onCancel) && <Box w={6} />}\n            {title}\n            {address || info || menuProps ? (\n              <HStack>\n                {address && <WalletAddress address={address} />}\n                {info}\n                {menuProps && <Menu {...menuProps} />}\n              </HStack>\n            ) : (\n              <Box w={6} />\n            )}\n          </HStack>\n          {slots.get(PageHeader)}\n        </VStack>\n        <VStack h=\"full\" w=\"full\" justify=\"space-between\" p={6}>\n          {slots.get(PageContent)}\n          <VStack w=\"full\" gap={3}>\n            {(cancelProps || confirmProps) && (\n              <Flex direction={isRowDirection ? 'row' : 'column-reverse'} gap={isRowDirection ? 4 : 3} width=\"full\">\n                {cancelProps && <Button expand label=\"Cancel\" variant=\"neutral\" {...cancelProps} />}\n                {confirmProps && <Button expand label=\"Confirm\" variant=\"inverse\" {...confirmProps} />}\n              </Flex>\n            )}\n            {actions && (\n              <Flex direction={actionDirection} gap={isRowDirection ? 4 : 3} width=\"full\">\n                {actions}\n              </Flex>\n            )}\n            {slots.get(PageFooter)}\n          </VStack>\n        </VStack>\n        {drawerProps && <Drawer {...drawerProps} />}\n      </Modal>\n    );\n  });\n};\n\nexport const PassportPage = Object.assign(PageHost, {\n  Actions,\n  Cancel,\n  Confirm,\n  Content: PageContent,\n  Menu: PageMenu,\n  Drawer: PageDrawer,\n  Footer: PageFooter,\n  Header: PageHeader,\n  Info,\n  Title,\n});\n"],"names":["Actions","createSlot","children","Children","child","_jsx","Button","Cancel","Confirm","Info","_jsxs","Popover","IcoQuestionCircleFill","Title","branding","title","Text","IcoMagic","token","PageContent","VStack","PageMenu","Menu","PageDrawer","Drawer","PageFooter","Center","PageHeader","domain","name","logoUrl","HStack","PageHost","actionDirection","address","onBack","onCancel","props","createHost","slots","cancelProps","confirmProps","drawerProps","menuProps","actions","info","isRowDirection","Modal","IcoCaretLeft","Box","WalletAddress","Flex","PassportPage"],"mappings":"4gCAmCA,MAAMA,EAAUC,EAAW,CAAC,CAAE,SAAAC,CAAU,IAAKC,EAAS,IAAID,EAAUE,GAASC,EAACC,EAAO,CAAA,OAAW,GAAA,GAAAF,EAAM,KAAS,CAAA,CAAA,CAAC,EAC1GG,EAASN,EAAWK,CAAM,EAC1BE,EAAUP,EAAWK,CAAM,EAC3BG,EAAOR,EAAW,CAAC,CAAE,SAAAC,CAAU,IACnCQ,EAACC,EAAO,CAAC,UAAU,SAAS,QAAQ,OAClC,SAAA,CAAAN,EAACM,EAAQ,uBACPN,EAACO,KACoB,CAAA,EACvBP,EAACM,EAAQ,QAAS,CAAA,SAAAT,GAA2B,CACrC,CAAA,CACX,EACKW,EAAQZ,EAAW,CAAC,CAAE,SAAAa,EAAU,MAAAC,CAAmB,IAChDA,EACLV,EAACW,GAAK,KAAK,KAAK,UAAU,iBAAgB,SACvCD,CACI,CAAA,EAEPV,EAACY,GAAS,MAAOC,EAAMJ,IAAa,QAAU,sBAAwB,wBAAwB,CAAC,CAAA,CAElG,EAEKK,EAAclB,EAAW,CAAC,CAAE,SAAAC,CAAU,IAC1CG,EAACe,EAAM,CAAC,EAAE,OAAO,QAAQ,SAAQ,SAC9BlB,CAAQ,CAAA,CAEZ,EACKmB,EAAWpB,EAAWqB,CAAI,EAC1BC,EAAatB,EAAWuB,CAAM,EAC9BC,EAAaxB,EAAW,CAAC,CAAE,SAAAC,CAAU,IACzCG,EAACqB,EAAM,CAAC,GAAI,EAAG,EAAE,OAAM,SACpBxB,CAAQ,CAAA,CAEZ,EACKyB,EAAa1B,EAAW,CAAC,CAAE,SAAAC,EAAU,OAAA0B,EAAQ,KAAAC,EAAM,QAAAC,CAAsB,IAC7EpB,EAACqB,EAAM,CAAC,kBAAkB,kBAAkB,kBAAkB,MAAM,EAAG,EAAG,MAAM,OAC7E,SAAA,CAAAD,EACCzB,EAAK,MAAA,CAAA,IAAKyB,EAAS,IAAKD,EAAM,MAAO,GAAI,OAAQ,EAAM,CAAA,EAEvDxB,EAACY,EAAQ,CAAC,MAAOC,EAAM,mBAAmB,EAAG,OAAQ,GAAI,MAAO,EAAM,CAAA,EAExEb,EAACW,EAAI,CAAC,KAAK,KAAK,WAAW,WACxB,SAAAa,CACI,CAAA,EACND,GACCvB,EAACW,EAAI,CAAC,KAAK,KAAK,UAAU,gBAAe,SACtCY,CAAM,CAAA,EAGV1B,CAAQ,CAAA,CAAA,CAEZ,EAEK8B,EAAW,CAAC,CAAE,gBAAAC,EAAkB,MAAO,QAAAC,EAAS,SAAAhC,EAAU,OAAAiC,EAAQ,SAAAC,EAAU,GAAGC,CAAK,IACjFC,EAAWpC,EAAUqC,GAAQ,CAClC,MAAMC,EAAcD,EAAM,SAAShC,CAAM,EACnCkC,EAAeF,EAAM,SAAS/B,CAAO,EACrCkC,EAAcH,EAAM,SAAShB,CAAU,EACvCoB,EAAYJ,EAAM,SAASlB,CAAQ,EAEnCuB,EAAUL,EAAM,IAAIvC,CAAO,EAC3B6C,EAAON,EAAM,IAAI9B,CAAI,EACrBM,EAAQwB,EAAM,IAAI1B,CAAK,EAEvBiC,EAAiBb,IAAoB,MAE3C,OACEvB,EAACqC,EAAU,CAAA,GAAAV,EAAO,WAAU,GAAC,YAAY,OAAO,IAAK,EAAC,SAAA,CACpD3B,EAACU,EAAM,CAAC,IAAK,EAAG,MAAM,OAAM,SAAA,CAC1BV,EAACqB,EAAM,CACL,kBAAkB,kBAClB,kBAAkB,MAClB,eAAe,gBACf,EAAG,EACH,MAAM,OAEL,SAAA,CAAAI,GACC9B,EAACC,EAAM,CAAC,QAAS6B,EAAQ,KAAK,KAAK,UAAU,UAAU,QAAQ,OAC7D,SAAA9B,EAACC,EAAO,YACN,CAAA,SAAAD,EAAC2C,EAAe,CAAA,CAAA,CAAA,CAAA,IAIrBZ,GAAY/B,EAACC,EAAM,CAAC,QAAS8B,EAAU,MAAM,SAAS,KAAK,KAAK,UAAU,UAAU,QAAQ,MAAS,CAAA,EACrG,EAAED,GAAUC,IAAa/B,EAAC4C,EAAI,CAAA,EAAG,CAAC,CAAA,EAClClC,EACAmB,GAAWW,GAAQF,EAClBjC,EAACqB,EACE,CAAA,SAAA,CAAAG,GAAW7B,EAAC6C,GAAc,QAAShB,CAAW,CAAA,EAC9CW,EACAF,GAAatC,EAACiB,EAAS,CAAA,GAAAqB,GAAa,CAC9B,CAAA,EAETtC,EAAC4C,EAAI,CAAA,EAAG,CAAC,CAAA,CACV,CAAA,CAAA,EAEFV,EAAM,IAAIZ,CAAU,CAAC,CAAA,CAAA,EAExBjB,EAACU,EAAO,CAAA,EAAE,OAAO,EAAE,OAAO,QAAQ,gBAAgB,EAAG,YAClDmB,EAAM,IAAIpB,CAAW,EACtBT,EAACU,EAAM,CAAC,EAAE,OAAO,IAAK,EAAC,SAAA,EACnBoB,GAAeC,IACf/B,EAACyC,EAAK,CAAA,UAAWL,EAAiB,MAAQ,iBAAkB,IAAKA,EAAiB,EAAI,EAAG,MAAM,OAC5F,SAAA,CAAAN,GAAenC,EAACC,EAAO,CAAA,OAAO,GAAA,MAAM,SAAS,QAAQ,UAAc,GAAAkC,IACnEC,GAAgBpC,EAACC,EAAO,CAAA,UAAO,MAAM,UAAU,QAAQ,UAAS,GAAKmC,CAAY,CAAA,CAAI,IAGzFG,GACCvC,EAAC8C,EAAI,CAAC,UAAWlB,EAAiB,IAAKa,EAAiB,EAAI,EAAG,MAAM,gBAClEF,CAAO,CAAA,EAGXL,EAAM,IAAId,CAAU,CAAC,GACf,CACF,CAAA,EACRiB,GAAerC,EAACmB,EAAM,CAAA,GAAKkB,CAAe,CAAA,CAAA,CAAA,CAAA,CAGjD,CAAC,EAGUU,EAAe,OAAO,OAAOpB,EAAU,CAClD,QAAAhC,EACA,OAAAO,EACA,QAAAC,EACA,QAASW,EACT,KAAME,EACN,OAAQE,EACR,OAAQE,EACR,OAAQE,EACR,KAAAlB,EACA,MAAAI,CACD,CAAA"}
+{"version":3,"file":"passport-page.js","sources":["../../../../src/components/layouts/passport-page.tsx"],"sourcesContent":["import { Menu } from '@components/containers';\nimport { Drawer } from '@components/containers/drawer';\nimport { Modal } from '@components/containers/modal';\nimport { IcoCaretLeft, IcoMagic, IcoQuestionCircleFill } from '@components/icons';\nimport { WalletAddress } from '@components/info';\nimport Button from '@components/primitives/button';\nimport Popover from '@components/primitives/popover';\nimport Text from '@components/primitives/text';\nimport { Box, Center, Flex, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, PropsWithChildren } from 'react';\n\nexport interface HeaderProps extends PropsWithChildren {\n  name: string;\n  domain?: string;\n  logoUrl?: string;\n}\n\nexport interface TitleProps {\n  branding?: 'light' | 'dark';\n  title?: string;\n}\n\nexport interface PassportPageProps extends PropsWithChildren {\n  address?: string;\n  animate?: boolean;\n  actionDirection?: 'column' | 'row';\n  isOpen?: boolean;\n  onAnimated?: () => void;\n  onBack?: () => void;\n  onClosed?: () => void;\n  onCancel?: () => void;\n}\n\nconst Actions = createSlot(({ children }) => Children.map(children, child => <Button expand {...child.props} />));\nconst Cancel = createSlot(Button);\nconst Confirm = createSlot(Button);\nconst Info = createSlot(({ children }) => (\n  <Popover textStyle=\"subtle\" variant=\"text\">\n    <Popover.TrailingIcon>\n      <IcoQuestionCircleFill />\n    </Popover.TrailingIcon>\n    <Popover.Content>{children}</Popover.Content>\n  </Popover>\n));\nconst Title = createSlot(({ branding, title }: TitleProps) => {\n  return title ? (\n    <Text size=\"sm\" fontColor=\"text.secondary\">\n      {title}\n    </Text>\n  ) : (\n    <IcoMagic color={token(branding === 'light' ? 'colors.text.primary' : 'colors.neutral.primary')} />\n  );\n});\n\nconst PageContent = createSlot(({ children }) => (\n  <VStack w=\"full\" justify=\"center\">\n    {children}\n  </VStack>\n));\nconst PageMenu = createSlot(Menu);\nconst PageDrawer = createSlot(Drawer);\nconst PageFooter = createSlot(({ children }) => (\n  <Center pt={3} w=\"full\">\n    {children}\n  </Center>\n));\nconst PageHeader = createSlot(({ children, domain, name, logoUrl }: HeaderProps) => (\n  <HStack borderBottomColor=\"neutral.primary\" borderBottomWidth=\"1px\" p={3} width=\"full\">\n    {logoUrl ? (\n      <img src={logoUrl} alt={name} width={24} height={24} />\n    ) : (\n      <IcoMagic color={token('colors.brand.base')} height={24} width={24} />\n    )}\n    <Text size=\"sm\" fontWeight=\"semibold\">\n      {name}\n    </Text>\n    {domain && (\n      <Text size=\"sm\" fontColor=\"text.tertiary\">\n        {domain}\n      </Text>\n    )}\n    {children}\n  </HStack>\n));\n\nconst PageHost = ({ actionDirection = 'row', address, children, onBack, onCancel, ...props }: PassportPageProps) => {\n  return createHost(children, slots => {\n    const cancelProps = slots.getProps(Cancel);\n    const confirmProps = slots.getProps(Confirm);\n    const drawerProps = slots.getProps(PageDrawer);\n    const menuProps = slots.getProps(PageMenu);\n\n    const actions = slots.get(Actions);\n    const info = slots.get(Info);\n    const title = slots.get(Title);\n\n    const isRowDirection = actionDirection === 'row';\n\n    return (\n      <Modal {...props} fullscreen paddingType=\"none\" gap={0}>\n        <VStack gap={0} width=\"full\">\n          <HStack\n            borderBottomColor=\"neutral.primary\"\n            borderBottomWidth=\"1px\"\n            justifyContent=\"space-between\"\n            p={3}\n            width=\"full\"\n          >\n            {onBack && (\n              <Button onPress={onBack} size=\"md\" textStyle=\"neutral\" variant=\"text\">\n                <Button.LeadingIcon>\n                  <IcoCaretLeft />\n                </Button.LeadingIcon>\n              </Button>\n            )}\n            {onCancel && <Button onPress={onCancel} label=\"Cancel\" size=\"sm\" textStyle=\"neutral\" variant=\"text\" />}\n            {!(onBack || onCancel) && <Box w={6} />}\n            {title}\n            {address || info || menuProps ? (\n              <HStack>\n                {address && <WalletAddress address={address} />}\n                {info}\n                {menuProps && <Menu {...menuProps} />}\n              </HStack>\n            ) : (\n              <Box w={6} />\n            )}\n          </HStack>\n          {slots.get(PageHeader)}\n        </VStack>\n        <VStack h=\"full\" w=\"full\" justify=\"space-between\" p={6}>\n          {slots.get(PageContent)}\n          <VStack w=\"full\" gap={3}>\n            {(cancelProps || confirmProps) && (\n              <Flex direction={isRowDirection ? 'row' : 'column-reverse'} gap={isRowDirection ? 4 : 3} width=\"full\">\n                {cancelProps && <Button expand label=\"Cancel\" variant=\"neutral\" {...cancelProps} />}\n                {confirmProps && <Button expand label=\"Confirm\" variant=\"inverse\" {...confirmProps} />}\n              </Flex>\n            )}\n            {actions && (\n              <Flex direction={actionDirection} gap={isRowDirection ? 4 : 3} width=\"full\">\n                {actions}\n              </Flex>\n            )}\n            {slots.get(PageFooter)}\n          </VStack>\n        </VStack>\n        {drawerProps && <Drawer {...drawerProps} />}\n      </Modal>\n    );\n  });\n};\n\nexport const PassportPage = Object.assign(PageHost, {\n  Actions,\n  Cancel,\n  Confirm,\n  Content: PageContent,\n  Menu: PageMenu,\n  Drawer: PageDrawer,\n  Footer: PageFooter,\n  Header: PageHeader,\n  Info,\n  Title,\n});\n"],"names":["Actions","createSlot","children","Children","child","_jsx","Button","Cancel","Confirm","Info","_jsxs","Popover","IcoQuestionCircleFill","Title","branding","title","Text","IcoMagic","token","PageContent","VStack","PageMenu","Menu","PageDrawer","Drawer","PageFooter","Center","PageHeader","domain","name","logoUrl","HStack","PageHost","actionDirection","address","onBack","onCancel","props","createHost","slots","cancelProps","confirmProps","drawerProps","menuProps","actions","info","isRowDirection","Modal","IcoCaretLeft","Box","WalletAddress","Flex","PassportPage"],"mappings":"4iCAmCA,MAAMA,EAAUC,EAAW,CAAC,CAAE,SAAAC,CAAU,IAAKC,EAAS,IAAID,EAAUE,GAASC,EAACC,EAAO,CAAA,OAAW,GAAA,GAAAF,EAAM,KAAS,CAAA,CAAA,CAAC,EAC1GG,EAASN,EAAWK,CAAM,EAC1BE,EAAUP,EAAWK,CAAM,EAC3BG,EAAOR,EAAW,CAAC,CAAE,SAAAC,CAAU,IACnCQ,EAACC,EAAO,CAAC,UAAU,SAAS,QAAQ,OAClC,SAAA,CAAAN,EAACM,EAAQ,uBACPN,EAACO,KACoB,CAAA,EACvBP,EAACM,EAAQ,QAAS,CAAA,SAAAT,GAA2B,CACrC,CAAA,CACX,EACKW,EAAQZ,EAAW,CAAC,CAAE,SAAAa,EAAU,MAAAC,CAAmB,IAChDA,EACLV,EAACW,GAAK,KAAK,KAAK,UAAU,iBAAgB,SACvCD,CACI,CAAA,EAEPV,EAACY,GAAS,MAAOC,EAAMJ,IAAa,QAAU,sBAAwB,wBAAwB,CAAC,CAAA,CAElG,EAEKK,EAAclB,EAAW,CAAC,CAAE,SAAAC,CAAU,IAC1CG,EAACe,EAAM,CAAC,EAAE,OAAO,QAAQ,SAAQ,SAC9BlB,CAAQ,CAAA,CAEZ,EACKmB,EAAWpB,EAAWqB,CAAI,EAC1BC,EAAatB,EAAWuB,CAAM,EAC9BC,EAAaxB,EAAW,CAAC,CAAE,SAAAC,CAAU,IACzCG,EAACqB,EAAM,CAAC,GAAI,EAAG,EAAE,OAAM,SACpBxB,CAAQ,CAAA,CAEZ,EACKyB,EAAa1B,EAAW,CAAC,CAAE,SAAAC,EAAU,OAAA0B,EAAQ,KAAAC,EAAM,QAAAC,CAAsB,IAC7EpB,EAACqB,EAAM,CAAC,kBAAkB,kBAAkB,kBAAkB,MAAM,EAAG,EAAG,MAAM,OAC7E,SAAA,CAAAD,EACCzB,EAAK,MAAA,CAAA,IAAKyB,EAAS,IAAKD,EAAM,MAAO,GAAI,OAAQ,EAAM,CAAA,EAEvDxB,EAACY,EAAQ,CAAC,MAAOC,EAAM,mBAAmB,EAAG,OAAQ,GAAI,MAAO,EAAM,CAAA,EAExEb,EAACW,EAAI,CAAC,KAAK,KAAK,WAAW,WACxB,SAAAa,CACI,CAAA,EACND,GACCvB,EAACW,EAAI,CAAC,KAAK,KAAK,UAAU,gBAAe,SACtCY,CAAM,CAAA,EAGV1B,CAAQ,CAAA,CAAA,CAEZ,EAEK8B,EAAW,CAAC,CAAE,gBAAAC,EAAkB,MAAO,QAAAC,EAAS,SAAAhC,EAAU,OAAAiC,EAAQ,SAAAC,EAAU,GAAGC,CAAK,IACjFC,EAAWpC,EAAUqC,GAAQ,CAClC,MAAMC,EAAcD,EAAM,SAAShC,CAAM,EACnCkC,EAAeF,EAAM,SAAS/B,CAAO,EACrCkC,EAAcH,EAAM,SAAShB,CAAU,EACvCoB,EAAYJ,EAAM,SAASlB,CAAQ,EAEnCuB,EAAUL,EAAM,IAAIvC,CAAO,EAC3B6C,EAAON,EAAM,IAAI9B,CAAI,EACrBM,EAAQwB,EAAM,IAAI1B,CAAK,EAEvBiC,EAAiBb,IAAoB,MAE3C,OACEvB,EAACqC,EAAU,CAAA,GAAAV,EAAO,WAAU,GAAC,YAAY,OAAO,IAAK,EAAC,SAAA,CACpD3B,EAACU,EAAM,CAAC,IAAK,EAAG,MAAM,OAAM,SAAA,CAC1BV,EAACqB,EAAM,CACL,kBAAkB,kBAClB,kBAAkB,MAClB,eAAe,gBACf,EAAG,EACH,MAAM,OAEL,SAAA,CAAAI,GACC9B,EAACC,EAAM,CAAC,QAAS6B,EAAQ,KAAK,KAAK,UAAU,UAAU,QAAQ,OAC7D,SAAA9B,EAACC,EAAO,YACN,CAAA,SAAAD,EAAC2C,EAAe,CAAA,CAAA,CAAA,CAAA,IAIrBZ,GAAY/B,EAACC,EAAM,CAAC,QAAS8B,EAAU,MAAM,SAAS,KAAK,KAAK,UAAU,UAAU,QAAQ,MAAS,CAAA,EACrG,EAAED,GAAUC,IAAa/B,EAAC4C,EAAI,CAAA,EAAG,CAAC,CAAA,EAClClC,EACAmB,GAAWW,GAAQF,EAClBjC,EAACqB,EACE,CAAA,SAAA,CAAAG,GAAW7B,EAAC6C,GAAc,QAAShB,CAAW,CAAA,EAC9CW,EACAF,GAAatC,EAACiB,EAAS,CAAA,GAAAqB,GAAa,CAC9B,CAAA,EAETtC,EAAC4C,EAAI,CAAA,EAAG,CAAC,CAAA,CACV,CAAA,CAAA,EAEFV,EAAM,IAAIZ,CAAU,CAAC,CAAA,CAAA,EAExBjB,EAACU,EAAO,CAAA,EAAE,OAAO,EAAE,OAAO,QAAQ,gBAAgB,EAAG,YAClDmB,EAAM,IAAIpB,CAAW,EACtBT,EAACU,EAAM,CAAC,EAAE,OAAO,IAAK,EAAC,SAAA,EACnBoB,GAAeC,IACf/B,EAACyC,EAAK,CAAA,UAAWL,EAAiB,MAAQ,iBAAkB,IAAKA,EAAiB,EAAI,EAAG,MAAM,OAC5F,SAAA,CAAAN,GAAenC,EAACC,EAAO,CAAA,OAAO,GAAA,MAAM,SAAS,QAAQ,UAAc,GAAAkC,IACnEC,GAAgBpC,EAACC,EAAO,CAAA,UAAO,MAAM,UAAU,QAAQ,UAAS,GAAKmC,CAAY,CAAA,CAAI,IAGzFG,GACCvC,EAAC8C,EAAI,CAAC,UAAWlB,EAAiB,IAAKa,EAAiB,EAAI,EAAG,MAAM,gBAClEF,CAAO,CAAA,EAGXL,EAAM,IAAId,CAAU,CAAC,GACf,CACF,CAAA,EACRiB,GAAerC,EAACmB,EAAM,CAAA,GAAKkB,CAAe,CAAA,CAAA,CAAA,CAAA,CAGjD,CAAC,EAGUU,EAAe,OAAO,OAAOpB,EAAU,CAClD,QAAAhC,EACA,OAAAO,EACA,QAAAC,EACA,QAASW,EACT,KAAME,EACN,OAAQE,EACR,OAAQE,EACR,OAAQE,EACR,KAAAlB,EACA,MAAAI,CACD,CAAA"}

package/dist/es/components/list-items/navigation-button.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as s}from"react/jsx-runtime";import{token as I}from"@styled/tokens";import L from"../icons/ico-external-link.js";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import p from"../primitives/text.js";import{css as m}from"@styled/css";import{Center as d,HStack as u}from"@styled/jsx";import{flex as B}from"@styled/patterns";import{createSlot as f,createHost as E}from"create-slots";import{Children as h,cloneElement as b,forwardRef as H,useRef as P}from"react";import{useButton as R,useFocusRing as S,mergeProps as F}from"react-aria";const g=f(({children:r,...o})=>t(d,{children:h.map(r,e=>b(e,o))})),y=f(({children:r,...o})=>t(d,{children:h.map(r,e=>b(e,o))})),x=H((r,o)=>{const{primaryLabel:e,secondaryLabel:l,isExternalLink:k,disabled:v}=r,w=P(null),a=o||w,{buttonProps:N}=R({...r,isDisabled:v??!1},a),{isFocusVisible:j,focusProps:C}=S();return E(r.children,c=>{const i=c.get(g),n=c.get(y);return s("button",{...F(N,C),ref:a,className:B({justifyContent:"space-between",alignItems:"center",w:"full",p:4,bg:"neutral.quaternary",transition:"background-color 0.2s",_hover:{bg:"neutral.secondary"},rounded:"lg",cursor:"pointer",outlineColor:"brand.base",outlineStyle:j?"solid":"none",outlineWidth:"thick",outlineOffset:.5,_disabled:{opacity:"0.3",pointerEvents:"none"}}),children:[s(u,{children:[i&&{...i,props:{...i.props,className:i.props.color?void 0:m({color:"brand.base"}),height:24}},t(p,{fontWeight:"medium",children:e}),k&&t(L,{width:14,height:14,color:I("colors.neutral.primary")})]}),s(u,{children:[l&&t(p,{size:"sm",fontColor:"text.tertiary",children:l}),n&&{...n,props:{...n.props,className:n.props.color?void 0:m({color:"neutral.primary"}),width:16,height:16}}]})]})})});x.displayName="NavigationButton";const O=Object.assign(x,{LeadingIcon:g,TrailingIcon:y});export{O as default};
+import{jsx as o,jsxs as m}from"react/jsx-runtime";import{ButtonContainer as w}from"../containers/button.js";import"../containers/card.js";import{css as p}from"@styled/css";import{Center as c,HStack as a}from"@styled/jsx";import{token as L}from"@styled/tokens";import N from"../icons/ico-external-link.js";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import d from"../primitives/text.js";import{Children as h,cloneElement as f,forwardRef as j}from"react";import"../utils/client-asset-logo.js";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import"../containers/header.js";import"../containers/menu.js";import"../containers/modal.js";import"../containers/overlay.js";import{createSlot as u,createHost as v}from"create-slots";const g=u(({children:r,...t})=>o(c,{children:h.map(r,e=>f(e,t))})),b=u(({children:r,...t})=>o(c,{children:h.map(r,e=>f(e,t))})),y=j((r,t)=>{const{primaryLabel:e,secondaryLabel:l,isExternalLink:x}=r;return v(r.children,s=>{const i=s.get(g),n=s.get(b);return o(w,{ref:t,className:p({p:4,bg:"neutral.quaternary",_hover:{bg:"neutral.secondary"}}),borderRadius:"0.5rem",expand:!0,...r,children:m(a,{justify:"space-between",w:"full",children:[m(a,{children:[i&&{...i,props:{...i.props,className:i.props.color?void 0:p({color:"brand.base"}),height:24}},o(d,{fontWeight:"medium",children:e}),x&&o(N,{width:14,height:14,color:L("colors.neutral.primary")})]}),m(a,{children:[l&&o(d,{size:"sm",fontColor:"text.tertiary",children:l}),n&&{...n,props:{...n.props,className:n.props.color?void 0:p({color:"neutral.primary"}),width:16,height:16}}]})]})})})});y.displayName="NavigationButton";const C=Object.assign(y,{LeadingIcon:g,TrailingIcon:b});export{C as default};
 //# sourceMappingURL=navigation-button.js.map

package/dist/es/components/list-items/navigation-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-button.js","sources":["../../../../src/components/list-items/navigation-button.tsx"],"sourcesContent":["import { IcoExternalLink } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Center, HStack } from '@styled/jsx';\nimport { flex } from '@styled/patterns';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, RefObject, cloneElement, forwardRef, useRef } from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing } from 'react-aria';\n\nexport interface NavigationButtonProps extends AriaButtonProps {\n  primaryLabel: string;\n  secondaryLabel?: string;\n  isExternalLink?: boolean;\n  disabled?: boolean;\n}\n\nconst LeadingIcon = createSlot(({ children, ...props }) => {\n  return (\n    <Center>\n      {Children.map(children, child => {\n        return cloneElement(child, props);\n      })}\n    </Center>\n  );\n});\n\nconst TrailingIcon = createSlot(({ children, ...props }) => {\n  return (\n    <Center>\n      {Children.map(children, child => {\n        return cloneElement(child, props);\n      })}\n    </Center>\n  );\n});\n\nconst NavigationButtonBase = forwardRef<HTMLButtonElement, NavigationButtonProps>((props, forwardedRef) => {\n  const { primaryLabel, secondaryLabel, isExternalLink, disabled } = props;\n\n  const internalRef = useRef(null);\n  const ref = forwardedRef || internalRef;\n\n  const { buttonProps } = useButton({ ...props, isDisabled: disabled ?? false }, ref as RefObject<HTMLButtonElement>);\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return createHost(props.children, slots => {\n    const leadingIcon = slots.get(LeadingIcon);\n    const trailingIcon = slots.get(TrailingIcon);\n\n    return (\n      <button\n        {...mergeProps(buttonProps, focusProps)}\n        ref={ref}\n        className={flex({\n          justifyContent: 'space-between',\n          alignItems: 'center',\n          w: 'full',\n          p: 4,\n          bg: 'neutral.quaternary',\n          transition: 'background-color 0.2s',\n          _hover: { bg: 'neutral.secondary' },\n          rounded: 'lg',\n          cursor: 'pointer',\n          outlineColor: 'brand.base',\n          outlineStyle: isFocusVisible ? 'solid' : 'none',\n          outlineWidth: 'thick',\n          outlineOffset: 0.5,\n          _disabled: { opacity: '0.3', pointerEvents: 'none' },\n        })}\n      >\n        <HStack>\n          {leadingIcon && {\n            ...leadingIcon,\n            props: {\n              ...leadingIcon.props,\n              className: !leadingIcon.props.color ? css({ color: 'brand.base' }) : undefined,\n              height: 24,\n            },\n          }}\n          <Text fontWeight=\"medium\">{primaryLabel}</Text>\n          {isExternalLink && <IcoExternalLink width={14} height={14} color={token('colors.neutral.primary')} />}\n        </HStack>\n        <HStack>\n          {secondaryLabel && (\n            <Text size=\"sm\" fontColor=\"text.tertiary\">\n              {secondaryLabel}\n            </Text>\n          )}\n          {trailingIcon && {\n            ...trailingIcon,\n            props: {\n              ...trailingIcon.props,\n              className: !trailingIcon.props.color ? css({ color: 'neutral.primary' }) : undefined,\n              width: 16,\n              height: 16,\n            },\n          }}\n        </HStack>\n      </button>\n    );\n  });\n});\n\nNavigationButtonBase.displayName = 'NavigationButton';\n\nconst NavigationButton = Object.assign(NavigationButtonBase, { LeadingIcon, TrailingIcon });\n\nexport default NavigationButton;\n"],"names":["LeadingIcon","createSlot","children","props","_jsx","Center","Children","child","cloneElement","TrailingIcon","NavigationButtonBase","forwardRef","forwardedRef","primaryLabel","secondaryLabel","isExternalLink","disabled","internalRef","useRef","ref","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","createHost","slots","leadingIcon","trailingIcon","_jsxs","mergeProps","flex","HStack","css","Text","IcoExternalLink","token","NavigationButton"],"mappings":"gvBAiBA,MAAMA,EAAcC,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAElDC,EAACC,EAAM,CAAA,SACJC,EAAS,IAAIJ,EAAUK,GACfC,EAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKM,EAAeR,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEnDC,EAACC,EAAM,CAAA,SACJC,EAAS,IAAIJ,EAAUK,GACfC,EAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKO,EAAuBC,EAAqD,CAACR,EAAOS,IAAgB,CACxG,KAAM,CAAE,aAAAC,EAAc,eAAAC,EAAgB,eAAAC,EAAgB,SAAAC,CAAQ,EAAKb,EAE7Dc,EAAcC,EAAO,IAAI,EACzBC,EAAMP,GAAgBK,EAEtB,CAAE,YAAAG,CAAa,EAAGC,EAAU,CAAE,GAAGlB,EAAO,WAAYa,GAAY,EAAO,EAAEG,CAAmC,EAC5G,CAAE,eAAAG,EAAgB,WAAAC,GAAeC,EAAAA,EAEvC,OAAOC,EAAWtB,EAAM,SAAUuB,GAAQ,CACxC,MAAMC,EAAcD,EAAM,IAAI1B,CAAW,EACnC4B,EAAeF,EAAM,IAAIjB,CAAY,EAE3C,OACEoB,EACM,SAAA,CAAA,GAAAC,EAAWV,EAAaG,CAAU,EACtC,IAAKJ,EACL,UAAWY,EAAK,CACd,eAAgB,gBAChB,WAAY,SACZ,EAAG,OACH,EAAG,EACH,GAAI,qBACJ,WAAY,wBACZ,OAAQ,CAAE,GAAI,mBAAqB,EACnC,QAAS,KACT,OAAQ,UACR,aAAc,aACd,aAAcT,EAAiB,QAAU,OACzC,aAAc,QACd,cAAe,GACf,UAAW,CAAE,QAAS,MAAO,cAAe,MAAQ,CACrD,CAAA,EAED,SAAA,CAAAO,EAACG,EAAM,CAAA,SAAA,CACJL,GAAe,CACd,GAAGA,EACH,MAAO,CACL,GAAGA,EAAY,MACf,UAAYA,EAAY,MAAM,MAAuC,OAA/BM,EAAI,CAAE,MAAO,aAAc,EACjE,OAAQ,EACT,GAEH7B,EAAC8B,EAAI,CAAC,WAAW,SAAU,SAAArB,CAAoB,CAAA,EAC9CE,GAAkBX,EAAC+B,EAAe,CAAC,MAAO,GAAI,OAAQ,GAAI,MAAOC,EAAM,wBAAwB,CAAC,CAAA,CAAI,CAC9F,CAAA,EACTP,EAACG,aACElB,GACCV,EAAC8B,EAAI,CAAC,KAAK,KAAK,UAAU,gBACvB,SAAApB,CACI,CAAA,EAERc,GAAgB,CACf,GAAGA,EACH,MAAO,CACL,GAAGA,EAAa,MAChB,UAAYA,EAAa,MAAM,MAA4C,OAApCK,EAAI,CAAE,MAAO,kBAAmB,EACvE,MAAO,GACP,OAAQ,EACT,EACF,CACM,CAAA,CAAA,CAAA,CAAA,CAGf,CAAC,CACH,CAAC,EAEDvB,EAAqB,YAAc,mBAE7B2B,MAAAA,EAAmB,OAAO,OAAO3B,EAAsB,CAAE,YAAAV,EAAa,aAAAS,CAAY,CAAE"}
+{"version":3,"file":"navigation-button.js","sources":["../../../../src/components/list-items/navigation-button.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { IcoExternalLink } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Center, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, forwardRef } from 'react';\nimport { AriaButtonProps } from 'react-aria';\n\nexport interface NavigationButtonProps extends AriaButtonProps {\n  primaryLabel: string;\n  secondaryLabel?: string;\n  isExternalLink?: boolean;\n  disabled?: boolean;\n}\n\nconst LeadingIcon = createSlot(({ children, ...props }) => {\n  return (\n    <Center>\n      {Children.map(children, child => {\n        return cloneElement(child, props);\n      })}\n    </Center>\n  );\n});\n\nconst TrailingIcon = createSlot(({ children, ...props }) => {\n  return (\n    <Center>\n      {Children.map(children, child => {\n        return cloneElement(child, props);\n      })}\n    </Center>\n  );\n});\n\nconst NavigationButtonBase = forwardRef<HTMLButtonElement, NavigationButtonProps>((props, forwardedRef) => {\n  const { primaryLabel, secondaryLabel, isExternalLink } = props;\n\n  return createHost(props.children, slots => {\n    const leadingIcon = slots.get(LeadingIcon);\n    const trailingIcon = slots.get(TrailingIcon);\n\n    return (\n      <ButtonContainer\n        ref={forwardedRef}\n        className={css({\n          p: 4,\n          bg: 'neutral.quaternary',\n          _hover: { bg: 'neutral.secondary' },\n        })}\n        borderRadius=\"0.5rem\"\n        expand\n        {...props}\n      >\n        <HStack justify=\"space-between\" w=\"full\">\n          <HStack>\n            {leadingIcon && {\n              ...leadingIcon,\n              props: {\n                ...leadingIcon.props,\n                className: !leadingIcon.props.color ? css({ color: 'brand.base' }) : undefined,\n                height: 24,\n              },\n            }}\n            <Text fontWeight=\"medium\">{primaryLabel}</Text>\n            {isExternalLink && <IcoExternalLink width={14} height={14} color={token('colors.neutral.primary')} />}\n          </HStack>\n          <HStack>\n            {secondaryLabel && (\n              <Text size=\"sm\" fontColor=\"text.tertiary\">\n                {secondaryLabel}\n              </Text>\n            )}\n            {trailingIcon && {\n              ...trailingIcon,\n              props: {\n                ...trailingIcon.props,\n                className: !trailingIcon.props.color ? css({ color: 'neutral.primary' }) : undefined,\n                width: 16,\n                height: 16,\n              },\n            }}\n          </HStack>\n        </HStack>\n      </ButtonContainer>\n    );\n  });\n});\n\nNavigationButtonBase.displayName = 'NavigationButton';\n\nconst NavigationButton = Object.assign(NavigationButtonBase, { LeadingIcon, TrailingIcon });\n\nexport default NavigationButton;\n"],"names":["LeadingIcon","createSlot","children","props","_jsx","Center","Children","child","cloneElement","TrailingIcon","NavigationButtonBase","forwardRef","forwardedRef","primaryLabel","secondaryLabel","isExternalLink","createHost","slots","leadingIcon","trailingIcon","ButtonContainer","css","_jsxs","HStack","Text","IcoExternalLink","token","NavigationButton"],"mappings":"86BAiBA,MAAMA,EAAcC,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAElDC,EAACC,EAAM,CAAA,SACJC,EAAS,IAAIJ,EAAUK,GACfC,EAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKM,EAAeR,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEnDC,EAACC,EAAM,CAAA,SACJC,EAAS,IAAIJ,EAAUK,GACfC,EAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKO,EAAuBC,EAAqD,CAACR,EAAOS,IAAgB,CACxG,KAAM,CAAE,aAAAC,EAAc,eAAAC,EAAgB,eAAAC,CAAc,EAAKZ,EAEzD,OAAOa,EAAWb,EAAM,SAAUc,GAAQ,CACxC,MAAMC,EAAcD,EAAM,IAAIjB,CAAW,EACnCmB,EAAeF,EAAM,IAAIR,CAAY,EAE3C,OACEL,EAACgB,EACC,CAAA,IAAKR,EACL,UAAWS,EAAI,CACb,EAAG,EACH,GAAI,qBACJ,OAAQ,CAAE,GAAI,mBAAqB,EACpC,EACD,aAAa,SACb,OACI,GAAA,GAAAlB,EAEJ,SAAAmB,EAACC,EAAM,CAAC,QAAQ,gBAAgB,EAAE,iBAChCD,EAACC,EACE,CAAA,SAAA,CAAAL,GAAe,CACd,GAAGA,EACH,MAAO,CACL,GAAGA,EAAY,MACf,UAAYA,EAAY,MAAM,MAAuC,OAA/BG,EAAI,CAAE,MAAO,aAAc,EACjE,OAAQ,EACT,GAEHjB,EAACoB,EAAI,CAAC,WAAW,SAAU,SAAAX,CAAoB,CAAA,EAC9CE,GAAkBX,EAACqB,EAAe,CAAC,MAAO,GAAI,OAAQ,GAAI,MAAOC,EAAM,wBAAwB,CAAC,CAAA,CAAI,CAC9F,CAAA,EACTJ,EAACC,aACET,GACCV,EAACoB,EAAI,CAAC,KAAK,KAAK,UAAU,gBACvB,SAAAV,CACI,CAAA,EAERK,GAAgB,CACf,GAAGA,EACH,MAAO,CACL,GAAGA,EAAa,MAChB,UAAYA,EAAa,MAAM,MAA4C,OAApCE,EAAI,CAAE,MAAO,kBAAmB,EACvE,MAAO,GACP,OAAQ,EACT,EACF,CACM,CAAA,CAAA,CAAA,CAAA,CAEK,CAAA,CAEtB,CAAC,CACH,CAAC,EAEDX,EAAqB,YAAc,mBAEnC,MAAMiB,EAAmB,OAAO,OAAOjB,EAAsB,CAAE,YAAAV,EAAa,aAAAS,CAAY,CAAE"}

package/dist/es/components/list-items/nft-tile.js

@@ -1,2 +1,2 @@
-import{jsx as o}from"react/jsx-runtime";import{css as n}from"@styled/css";import{Box as d}from"@styled/jsx";import{useRef as p,useCallback as f}from"react";import{useButton as b,useFocusRing as x,mergeProps as h}from"react-aria";const i=({src:r,alt:s})=>o(d,{rounded:"2xl",overflow:"hidden",children:o("img",{src:r,alt:s,className:n({objectFit:"cover"})})}),P=r=>{const{src:s,onPress:e,alt:t}=r,l=p(null),c=f(()=>{e?.()},[e]),{buttonProps:u}=b({...r,onPress:c},l),{isFocusVisible:a,focusProps:m}=x();return e?o("button",{...h(u,m),ref:l,className:n({rounded:"2xl",outlineColor:"brand.base",outlineStyle:a?"solid":"none",outlineWidth:"thick",outlineOffset:.5,cursor:"pointer",_hover:{boxShadow:"0 6px 8px 2px rgba(0, 0, 0, .18)"}}),children:o(i,{src:s,alt:t})}):o(i,{src:s,alt:t})};export{P as NFTTile};
+import{jsx as r}from"react/jsx-runtime";import{ButtonContainer as a}from"../containers/button.js";import"../containers/card.js";import{css as p}from"@styled/css";import{Box as c}from"@styled/jsx";import"@styled/tokens";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import"../primitives/text.js";import{useCallback as l}from"react";import"../utils/client-asset-logo.js";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import"../containers/header.js";import"../containers/menu.js";import"../containers/modal.js";import"../containers/overlay.js";const s=({src:o,alt:t})=>r(c,{rounded:"2xl",overflow:"hidden",children:r("img",{src:o,alt:t,className:p({objectFit:"cover"})})}),n=o=>{const{src:t,onPress:i,alt:m}=o,e=l(()=>{i?.()},[i]);return i?r(a,{className:p({_hover:{boxShadow:"0 6px 8px 2px rgba(0, 0, 0, .18)"}}),borderRadius:"1rem",onPress:e,...o,children:r(s,{src:t,alt:m})}):r(s,{src:t,alt:m})};export{n as NFTTile};
 //# sourceMappingURL=nft-tile.js.map

package/dist/es/components/list-items/nft-tile.js.map

@@ -1 +1 @@
-{"version":3,"file":"nft-tile.js","sources":["../../../../src/components/list-items/nft-tile.tsx"],"sourcesContent":["import { css } from '@styled/css';\nimport { Box } from '@styled/jsx';\nimport { useCallback, useRef } from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing } from 'react-aria';\n\nexport interface NFTTileProps extends AriaButtonProps {\n  src: string;\n  onPress?: () => void;\n  alt: string;\n}\n\ninterface ImageContainerProps {\n  src: string;\n  alt: string;\n}\n\nconst ImageContainer = ({ src, alt }: ImageContainerProps) => {\n  return (\n    <Box rounded=\"2xl\" overflow=\"hidden\">\n      <img src={src} alt={alt} className={css({ objectFit: 'cover' })} />\n    </Box>\n  );\n};\n\nexport const NFTTile = (props: NFTTileProps) => {\n  const { src, onPress, alt } = props;\n\n  const ref = useRef(null);\n\n  const handlePress = useCallback(() => {\n    onPress?.();\n  }, [onPress]);\n\n  const { buttonProps } = useButton({ ...props, onPress: handlePress }, ref);\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  if (onPress)\n    return (\n      <button\n        {...mergeProps(buttonProps, focusProps)}\n        ref={ref}\n        className={css({\n          rounded: '2xl',\n          outlineColor: 'brand.base',\n          outlineStyle: isFocusVisible ? 'solid' : 'none',\n          outlineWidth: 'thick',\n          outlineOffset: 0.5,\n          cursor: 'pointer',\n          _hover: {\n            boxShadow: '0 6px 8px 2px rgba(0, 0, 0, .18)',\n          },\n        })}\n      >\n        <ImageContainer src={src} alt={alt} />\n      </button>\n    );\n\n  return <ImageContainer src={src} alt={alt} />;\n};\n"],"names":["ImageContainer","src","alt","_jsx","Box","css","NFTTile","props","onPress","ref","useRef","handlePress","useCallback","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","mergeProps"],"mappings":"qOAgBA,MAAMA,EAAiB,CAAC,CAAE,IAAAC,EAAK,IAAAC,CAA0B,IAErDC,EAACC,EAAG,CAAC,QAAQ,MAAM,SAAS,SAAQ,SAClCD,EAAK,MAAA,CAAA,IAAKF,EAAK,IAAKC,EAAK,UAAWG,EAAI,CAAE,UAAW,OAAS,CAAA,CAAK,CAAA,CAAA,CAAA,EAK5DC,EAAWC,GAAuB,CAC7C,KAAM,CAAE,IAAAN,EAAK,QAAAO,EAAS,IAAAN,CAAG,EAAKK,EAExBE,EAAMC,EAAO,IAAI,EAEjBC,EAAcC,EAAY,IAAK,CACnCJ,IACF,CAAA,EAAG,CAACA,CAAO,CAAC,EAEN,CAAE,YAAAK,CAAW,EAAKC,EAAU,CAAE,GAAGP,EAAO,QAASI,GAAeF,CAAG,EACnE,CAAE,eAAAM,EAAgB,WAAAC,GAAeC,EAAAA,EAEvC,OAAIT,EAEAL,EACM,SAAA,CAAA,GAAAe,EAAWL,EAAaG,CAAU,EACtC,IAAKP,EACL,UAAWJ,EAAI,CACb,QAAS,MACT,aAAc,aACd,aAAcU,EAAiB,QAAU,OACzC,aAAc,QACd,cAAe,GACf,OAAQ,UACR,OAAQ,CACN,UAAW,kCACZ,CACF,CAAA,EAED,SAAAZ,EAACH,EAAc,CAAC,IAAKC,EAAK,IAAKC,CAAO,CAAA,CAAA,CAAA,EAIrCC,EAACH,EAAc,CAAC,IAAKC,EAAK,IAAKC,CAAG,CAAA,CAC3C"}
+{"version":3,"file":"nft-tile.js","sources":["../../../../src/components/list-items/nft-tile.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { css } from '@styled/css';\nimport { Box } from '@styled/jsx';\nimport { useCallback } from 'react';\nimport { AriaButtonProps } from 'react-aria';\n\nexport interface NFTTileProps extends AriaButtonProps {\n  src: string;\n  onPress?: () => void;\n  alt: string;\n}\n\ninterface ImageContainerProps {\n  src: string;\n  alt: string;\n}\n\nconst ImageContainer = ({ src, alt }: ImageContainerProps) => {\n  return (\n    <Box rounded=\"2xl\" overflow=\"hidden\">\n      <img src={src} alt={alt} className={css({ objectFit: 'cover' })} />\n    </Box>\n  );\n};\n\nexport const NFTTile = (props: NFTTileProps) => {\n  const { src, onPress, alt } = props;\n\n  const handlePress = useCallback(() => {\n    onPress?.();\n  }, [onPress]);\n\n  if (onPress)\n    return (\n      <ButtonContainer\n        className={css({\n          _hover: {\n            boxShadow: '0 6px 8px 2px rgba(0, 0, 0, .18)',\n          },\n        })}\n        borderRadius=\"1rem\"\n        onPress={handlePress}\n        {...props}\n      >\n        <ImageContainer src={src} alt={alt} />\n      </ButtonContainer>\n    );\n\n  return <ImageContainer src={src} alt={alt} />;\n};\n"],"names":["ImageContainer","src","alt","_jsx","Box","css","NFTTile","props","onPress","handlePress","useCallback","ButtonContainer"],"mappings":"wvBAiBA,MAAMA,EAAiB,CAAC,CAAE,IAAAC,EAAK,IAAAC,CAA0B,IAErDC,EAACC,EAAG,CAAC,QAAQ,MAAM,SAAS,SAAQ,SAClCD,EAAK,MAAA,CAAA,IAAKF,EAAK,IAAKC,EAAK,UAAWG,EAAI,CAAE,UAAW,OAAS,CAAA,CAAK,CAAA,CAAA,CAAA,EAK5DC,EAAWC,GAAuB,CAC7C,KAAM,CAAE,IAAAN,EAAK,QAAAO,EAAS,IAAAN,CAAG,EAAKK,EAExBE,EAAcC,EAAY,IAAK,CACnCF,IAAAA,CACF,EAAG,CAACA,CAAO,CAAC,EAEZ,OAAIA,EAEAL,EAACQ,GACC,UAAWN,EAAI,CACb,OAAQ,CACN,UAAW,kCACZ,EACF,EACD,aAAa,OACb,QAASI,EACL,GAAAF,EAEJ,SAAAJ,EAACH,EAAe,CAAA,IAAKC,EAAK,IAAKC,CAAG,CAAA,CAClB,CAAA,EAGfC,EAACH,EAAc,CAAC,IAAKC,EAAK,IAAKC,CAAG,CAAA,CAC3C"}

package/dist/es/components/list-items/token-list-item.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as a}from"react/jsx-runtime";import B from"../logos/icon-generic-token.js";import"@styled/tokens";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import s from"../primitives/text.js";import{css as S}from"@styled/css";import{Center as W,HStack as p,VStack as x}from"@styled/jsx";import{createSlot as w,createHost as F}from"create-slots";import{Children as I,cloneElement as C,useRef as H,useCallback as P}from"react";import{useButton as j,useFocusRing as U,mergeProps as z}from"react-aria";const u=w(({children:o,...t})=>e(W,{children:I.map(o,n=>C(n,t))})),d=({name:o,fiatBalanceWithSymbol:t,tokenBalanceWithSymbol:n,tokenIcon:r,logoUrl:l,tokenBalanceFirst:i})=>a(p,{w:"full",justify:"space-between",children:[a(p,{gap:4,children:[r?{...r,props:{...r.props,width:40,height:40}}:l?e("img",{width:40,height:40,src:l,alt:`${o} logo`}):e(B,{width:40,height:40}),e(s,{fontWeight:"medium",styles:{textTransform:"capitalize"},children:o})]}),a(x,{gap:0,alignItems:"flex-end",children:[e(s,{size:"sm",styles:{lineHeight:"1.5rem"},children:i?n:t}),e(s,{size:"sm",fontColor:"text.secondary",styles:{lineHeight:"1.5rem"},children:i?t:n})]})]}),T=o=>{const{name:t,fiatBalanceWithSymbol:n,tokenBalanceWithSymbol:r,logoUrl:l,onPress:i,tokenBalanceFirst:c}=o,m=H(null),f=P(()=>{i?.()},[i]),{buttonProps:g}=j({...o,onPress:f},m),{isFocusVisible:b,focusProps:k}=U();return F(o.children,y=>{const h=y.get(u);return i?e("button",{ref:m,...z(g,k),className:S({w:"full",px:4,py:2,minH:16,bg:"neutral.quaternary",_dark:{bg:"surface.tertiary"},transition:"background-color 0.1s",_hover:{bg:"neutral.secondary"},rounded:"lg",outlineColor:"brand.base",outlineStyle:b?"solid":"none",outlineWidth:"thick",outlineOffset:1,cursor:"pointer"}),children:e(d,{name:t,fiatBalanceWithSymbol:n,tokenBalanceWithSymbol:r,tokenIcon:h,logoUrl:l,tokenBalanceFirst:c})}):e(d,{name:t,fiatBalanceWithSymbol:n,tokenBalanceWithSymbol:r,tokenIcon:h,logoUrl:l,tokenBalanceFirst:c})})},v=Object.assign(T,{TokenIcon:u});export{v as TokenListItem};
+import{jsx as t,jsxs as l}from"react/jsx-runtime";import{ButtonContainer as y}from"../containers/button.js";import"../containers/card.js";import{css as b}from"@styled/css";import{Center as u,HStack as p,VStack as B}from"@styled/jsx";import"@styled/tokens";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import m from"../primitives/text.js";import{Children as S,cloneElement as W,useRef as x,useCallback as H}from"react";import"../utils/client-asset-logo.js";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import I from"../logos/icon-generic-token.js";import"../containers/header.js";import"../containers/menu.js";import"../containers/modal.js";import"../containers/overlay.js";import{createSlot as w,createHost as C}from"create-slots";const h=w(({children:e,...o})=>t(u,{children:S.map(e,r=>W(r,o))})),d=({name:e,fiatBalanceWithSymbol:o,tokenBalanceWithSymbol:r,tokenIcon:i,logoUrl:a,tokenBalanceFirst:n})=>l(p,{w:"full",justify:"space-between",children:[l(p,{gap:4,children:[i?{...i,props:{...i.props,width:40,height:40}}:a?t("img",{width:40,height:40,src:a,alt:`${e} logo`}):t(I,{width:40,height:40}),t(m,{fontWeight:"medium",styles:{textTransform:"capitalize"},children:e})]}),l(B,{gap:0,alignItems:"flex-end",children:[t(m,{size:"sm",styles:{lineHeight:"1.5rem"},children:n?r:o}),t(m,{size:"sm",fontColor:"text.secondary",styles:{lineHeight:"1.5rem"},children:n?o:r})]})]}),j=e=>{const{name:o,fiatBalanceWithSymbol:r,tokenBalanceWithSymbol:i,logoUrl:a,onPress:n,tokenBalanceFirst:c}=e,f=x(null),g=H(()=>{n?.()},[n]);return C(e.children,k=>{const s=k.get(h);return n?t(y,{ref:f,className:b({_dark:{bg:"surface.tertiary"},_hover:{bg:"neutral.secondary"},bg:"neutral.quaternary",px:4,py:2,minH:16}),borderRadius:"0.5rem",expand:!0,onPress:g,children:t(d,{name:o,fiatBalanceWithSymbol:r,tokenBalanceWithSymbol:i,tokenIcon:s,logoUrl:a,tokenBalanceFirst:c})}):t(d,{name:o,fiatBalanceWithSymbol:r,tokenBalanceWithSymbol:i,tokenIcon:s,logoUrl:a,tokenBalanceFirst:c})})},F=Object.assign(j,{TokenIcon:h});export{F as TokenListItem};
 //# sourceMappingURL=token-list-item.js.map