npm - @magiclabs/ui-components - Versions diffs - 1.28.2 → 1.29.0 - Mend

@magiclabs/ui-components 1.28.2 → 1.29.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (49) hide show

package/dist/cjs/index.js CHANGED Viewed

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

package/dist/cjs/styles/keyframes.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var a=require("@pandacss/dev");const t=a.defineKeyframes({fadeIn:{"0%":{opacity:"0"}},fadeOut:{"100%":{opacity:"0"}},scaleIn:{"0%":{opacity:"0"},"100%":{opacity:"1",scale:"1"}},scaleOut:{"0%":{opacity:"1",scale:"1"},"100%":{opacity:"0",scale:"0.9"}},slideIn:{"0%":{opacity:"0",transform:"translateY(1.25rem)"},"100%":{opacity:"1",transform:"translateY(0)"}},slideOut:{"0%":{opacity:"1",transform:"translateY(0)"},"100%":{opacity:"0",transform:"translateY(1.25rem)"}},slideRight:{"0% ":{left:"-150%"},"100%":{left:"175%"}},moveRight:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(1.25rem)"},"100%":{transform:"translateX(1.2rem)"}},moveLeft:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(-1.25rem)"},"100%":{transform:"translateX(-1.2rem)"}}});exports.keyframes=t;
+"use strict";var a=require("@pandacss/dev");const e=a.defineKeyframes({fadeIn:{"0%":{opacity:"0"}},fadeOut:{"100%":{opacity:"0"}},scaleIn:{"0%":{opacity:"0"},"100%":{opacity:"1",scale:"1"}},scaleOut:{"0%":{opacity:"1",scale:"1"},"100%":{opacity:"0",scale:"0.9"}},slideIn:{"0%":{opacity:"0",transform:"translateY(1.25rem)"},"100%":{opacity:"1",transform:"translateY(0)"}},slideOut:{"0%":{opacity:"1",transform:"translateY(0)"},"100%":{opacity:"0",transform:"translateY(1.25rem)"}},slideRight:{"0% ":{left:"-150%"},"100%":{left:"175%"}},moveRight:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(1.25rem)"},"100%":{transform:"translateX(1.2rem)"}},moveLeft:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(-1.25rem)"},"100%":{transform:"translateX(-1.2rem)"}},animateSpinnerSmall:{"0%":{strokeDasharray:"0.4, 60",strokeDashoffset:"0"},"50%":{strokeDasharray:"36, 60",strokeDashoffset:"-14"},"100%":{strokeDasharray:"36, 60",strokeDashoffset:"-52"}},animateSpinnerLarge:{"0%":{strokeDasharray:"0.875, 175",strokeDashoffset:"0"},"50%":{strokeDasharray:"78.75, 131.25",strokeDashoffset:"-31"},"100%":{strokeDasharray:"0.875, 175",strokeDashoffset:"-158"}},popIn:{"0%":{scale:0},"100%":{scale:1}},popOut:{"0%":{scale:1},"100%":{scale:0}}});exports.keyframes=e;
 //# sourceMappingURL=keyframes.js.map

package/dist/cjs/styles/keyframes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"keyframes.js","sources":["../../../src/styles/keyframes.ts"],"sourcesContent":["import { defineKeyframes } from '@pandacss/dev';\n\nexport const keyframes = defineKeyframes({\n fadeIn: {\n '0%': { opacity: '0' },\n },\n fadeOut: {\n '100%': { opacity: '0' },\n },\n scaleIn: {\n '0%': { opacity: '0' },\n '100%': { opacity: '1', scale: '1' },\n },\n scaleOut: {\n '0%': { opacity: '1', scale: '1' },\n '100%': { opacity: '0', scale: '0.9' },\n },\n slideIn: {\n '0%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n '100%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n },\n slideOut: {\n '0%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n '100%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n },\n slideRight: {\n '0% ': {\n left: '-150%',\n },\n '100%': {\n left: '175%',\n },\n },\n moveRight: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(1.25rem)' },\n '100%': { transform: 'translateX(1.2rem)' },\n },\n moveLeft: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(-1.25rem)' },\n '100%': { transform: 'translateX(-1.2rem)' },\n },\n});\n"],"names":["keyframes","defineKeyframes"],"mappings":"4CAEO,MAAMA,EAAYC,EAAAA,gBAAgB,CACvC,OAAQ,CACN,KAAM,CAAE,QAAS,GAAK,CACvB,EACD,QAAS,CACP,OAAQ,CAAE,QAAS,GAAK,CACzB,EACD,QAAS,CACP,KAAM,CAAE,QAAS,GAAK,EACtB,OAAQ,CAAE,QAAS,IAAK,MAAO,GAAK,CACrC,EACD,SAAU,CACR,KAAM,CAAE,QAAS,IAAK,MAAO,GAAK,EAClC,OAAQ,CAAE,QAAS,IAAK,MAAO,KAAO,CACvC,EACD,QAAS,CACP,KAAM,CACJ,QAAS,IACT,UAAW,qBACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,eACZ,CACF,EACD,SAAU,CACR,KAAM,CACJ,QAAS,IACT,UAAW,eACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,qBACZ,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,OACP,EACD,OAAQ,CACN,KAAM,MACP,CACF,EACD,UAAW,CACT,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,qBAAuB,EAC3C,OAAQ,CAAE,UAAW,oBAAsB,CAC5C,EACD,SAAU,CACR,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,sBAAwB,EAC5C,OAAQ,CAAE,UAAW,qBAAuB,CAC7C,CACF,CAAA"}
1	+ {"version":3,"file":"keyframes.js","sources":["../../../src/styles/keyframes.ts"],"sourcesContent":["import { defineKeyframes } from '@pandacss/dev';\n\nexport const keyframes = defineKeyframes({\n fadeIn: {\n '0%': { opacity: '0' },\n },\n fadeOut: {\n '100%': { opacity: '0' },\n },\n scaleIn: {\n '0%': { opacity: '0' },\n '100%': { opacity: '1', scale: '1' },\n },\n scaleOut: {\n '0%': { opacity: '1', scale: '1' },\n '100%': { opacity: '0', scale: '0.9' },\n },\n slideIn: {\n '0%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n '100%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n },\n slideOut: {\n '0%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n '100%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n },\n slideRight: {\n '0% ': {\n left: '-150%',\n },\n '100%': {\n left: '175%',\n },\n },\n moveRight: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(1.25rem)' },\n '100%': { transform: 'translateX(1.2rem)' },\n },\n moveLeft: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(-1.25rem)' },\n '100%': { transform: 'translateX(-1.2rem)' },\n },\n animateSpinnerSmall: {\n '0%': {\n strokeDasharray: '0.4, 60',\n strokeDashoffset: '0',\n },\n '50%': {\n strokeDasharray: '36, 60',\n strokeDashoffset: '-14',\n },\n '100%': {\n strokeDasharray: '36, 60',\n strokeDashoffset: '-52',\n },\n },\n animateSpinnerLarge: {\n '0%': {\n strokeDasharray: '0.875, 175',\n strokeDashoffset: '0',\n },\n '50%': {\n strokeDasharray: '78.75, 131.25',\n strokeDashoffset: '-31',\n },\n '100%': {\n strokeDasharray: '0.875, 175',\n strokeDashoffset: '-158',\n },\n },\n popIn: {\n '0%': {\n scale: 0,\n },\n '100%': {\n scale: 1,\n },\n },\n popOut: {\n '0%': {\n scale: 1,\n },\n '100%': {\n scale: 0,\n },\n },\n});\n"],"names":["keyframes","defineKeyframes"],"mappings":"4CAEO,MAAMA,EAAYC,EAAAA,gBAAgB,CACvC,OAAQ,CACN,KAAM,CAAE,QAAS,GAAK,CACvB,EACD,QAAS,CACP,OAAQ,CAAE,QAAS,GAAK,CACzB,EACD,QAAS,CACP,KAAM,CAAE,QAAS,GAAK,EACtB,OAAQ,CAAE,QAAS,IAAK,MAAO,GAAK,CACrC,EACD,SAAU,CACR,KAAM,CAAE,QAAS,IAAK,MAAO,GAAK,EAClC,OAAQ,CAAE,QAAS,IAAK,MAAO,KAAO,CACvC,EACD,QAAS,CACP,KAAM,CACJ,QAAS,IACT,UAAW,qBACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,eACZ,CACF,EACD,SAAU,CACR,KAAM,CACJ,QAAS,IACT,UAAW,eACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,qBACZ,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,OACP,EACD,OAAQ,CACN,KAAM,MACP,CACF,EACD,UAAW,CACT,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,qBAAuB,EAC3C,OAAQ,CAAE,UAAW,oBAAsB,CAC5C,EACD,SAAU,CACR,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,sBAAwB,EAC5C,OAAQ,CAAE,UAAW,qBAAuB,CAC7C,EACD,oBAAqB,CACnB,KAAM,CACJ,gBAAiB,UACjB,iBAAkB,GACnB,EACD,MAAO,CACL,gBAAiB,SACjB,iBAAkB,KACnB,EACD,OAAQ,CACN,gBAAiB,SACjB,iBAAkB,KACnB,CACF,EACD,oBAAqB,CACnB,KAAM,CACJ,gBAAiB,aACjB,iBAAkB,GACnB,EACD,MAAO,CACL,gBAAiB,gBACjB,iBAAkB,KACnB,EACD,OAAQ,CACN,gBAAiB,aACjB,iBAAkB,MACnB,CACF,EACD,MAAO,CACL,KAAM,CACJ,MAAO,CACR,EACD,OAAQ,CACN,MAAO,CACR,CACF,EACD,OAAQ,CACN,KAAM,CACJ,MAAO,CACR,EACD,OAAQ,CACN,MAAO,CACR,CACF,CACF,CAAA"}

package/dist/es/components/containers/card.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import"../feedback/callout.js";import{LoadingSpinner as f}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import{Flex as u,Box as x}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"../primitives/portal.js";import{forwardRef as C}from"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import{card as N}from"../../recipes/card.js";import{cx as e}from"@styled/css";const c=C(({children:i,className:t,id:m,asButton:o,stack:l,onClick:d,validating:p,...s},a)=>{const n=N({asButton:o,validating:p,...s});return l||o?r(u,{id:m,className:e(n,t),flexDirection:"column",role:o?"button":"none",onClick:o?d:void 0,ref:a,children:p?r(f,{neutral:!0}):i}):r(x,{id:m,className:e(n,t),ref:a,children:i})});c.displayName="Card";export{c as Card};
+import{jsx as r}from"react/jsx-runtime";import"@styled/tokens";import{forwardRef as f}from"react";import{Flex as u,Box as x}from"@styled/jsx";import{cx as e}from"@styled/css";import"../feedback/callout.js";import{LoadingSpinner as C}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"../primitives/text.js";import"../primitives/portal.js";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import{card as N}from"../../recipes/card.js";const c=f(({children:i,className:t,id:m,asButton:o,stack:l,onClick:d,validating:p,...s},a)=>{const n=N({asButton:o,validating:p,...s});return l||o?r(u,{id:m,className:e(n,t),flexDirection:"column",role:o?"button":"none",onClick:o?d:void 0,ref:a,children:p?r(C,{neutral:!0}):i}):r(x,{id:m,className:e(n,t),ref:a,children:i})});c.displayName="Card";export{c as Card};
 //# sourceMappingURL=card.js.map

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

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as u}from"react/jsx-runtime";import"../feedback/callout.js";import{LoadingSpinner as c}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import{HStack as b,Box as h}from"@styled/jsx";import{token as g}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 P from"../primitives/text.js";import"../primitives/portal.js";import{forwardRef as x,useRef as y}from"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import k from"../logos/logo-pay-pal-wordmark.js";import{button as B}from"../../recipes/button.js";import{cx as w,css as j}from"@styled/css";import{useButton as v,useFocusRing as R,mergeProps as S}from"react-aria";const m=x((t,n)=>{const{disabled:i,expand:p,validating:r}=t,s=B({expand:p,validating:r}),l=y(null),e=n||l,{buttonProps:a}=v({...t,isDisabled:i??!1},e),{isFocusVisible:f,focusProps:d}=R();return o("button",{className:w(s.button,j({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(c,{size:24,strokeWidth:2.5,inverted:!0}):u(b,{w:"full",gap:1,justifyContent:"center",children:[o(P,{fontWeight:"semibold",styles:{color:g("colors.ink.90")},children:"Pay with"}),o(h,{mt:.5,children:o(k,{width:60})})]})})});m.displayName="PayPalButton";export{m as PayPalButton};
+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};
 //# sourceMappingURL=paypal-button.js.map

package/dist/es/components/feedback/animated-checkmark.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsx as e}from"react/jsx-runtime";import{token as a}from"@styled/tokens";import l from"../icons/ico-checkmark.js";import{useDisplayState as h}from"../../hooks/useDisplayState.js";import{Circle as p}from"@styled/jsx";const d={lg:{circleSize:14,checkmarkSize:30},sm:{circleSize:5,checkmarkSize:12}},S=({size:n="lg",isVisible:i=!0,onShown:r=()=>{},onHidden:t=()=>{}})=>{const{circleSize:m,checkmarkSize:o}=d[n],{onHide:c,onShow:s}=h({animate:!0,show:i,onHidden:t,onShown:r});return e(p,{size:m,bg:"positive.lightest",animation:i?"popIn 150ms":"popOut 150ms",animationFillMode:"forwards",onAnimationEnd:i?s:c,children:e(l,{width:o,height:o,color:a("colors.positive.base")})})};export{S as AnimatedCheckmark};
2	+ //# sourceMappingURL=animated-checkmark.js.map

package/dist/es/components/feedback/animated-checkmark.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"animated-checkmark.js","sources":["../../../../src/components/feedback/animated-checkmark.tsx"],"sourcesContent":["import { IcoCheckmark } from '@components/icons';\nimport { useDisplayState } from '@hooks/useDisplayState';\nimport { Circle } from '@styled/jsx';\nimport { token } from '@styled/tokens';\n\nexport interface AnimatedCheckmarkProps {\n size?: 'lg' | 'sm';\n isVisible?: boolean;\n onShown?: () => void;\n onHidden?: () => void;\n}\n\nconst checkmarkSpecs = {\n lg: {\n circleSize: 14,\n checkmarkSize: 30,\n },\n sm: {\n circleSize: 5,\n checkmarkSize: 12,\n },\n};\n\nexport const AnimatedCheckmark = ({\n size = 'lg',\n isVisible = true,\n onShown = () => {},\n onHidden = () => {},\n}: AnimatedCheckmarkProps) => {\n const { circleSize, checkmarkSize } = checkmarkSpecs[size];\n const { onHide, onShow } = useDisplayState({\n animate: true,\n show: isVisible,\n onHidden,\n onShown,\n });\n\n return (\n <Circle\n size={circleSize}\n bg=\"positive.lightest\"\n animation={isVisible ? 'popIn 150ms' : 'popOut 150ms'}\n animationFillMode=\"forwards\"\n onAnimationEnd={isVisible ? onShow : onHide}\n >\n <IcoCheckmark width={checkmarkSize} height={checkmarkSize} color={token('colors.positive.base')} />\n </Circle>\n );\n};\n"],"names":["checkmarkSpecs","AnimatedCheckmark","size","isVisible","onShown","onHidden","circleSize","checkmarkSize","onHide","onShow","useDisplayState","_jsx","Circle","IcoCheckmark","token"],"mappings":"8NAYA,MAAMA,EAAiB,CACrB,GAAI,CACF,WAAY,GACZ,cAAe,EAChB,EACD,GAAI,CACF,WAAY,EACZ,cAAe,EAChB,GAGUC,EAAoB,CAAC,CAChC,KAAAC,EAAO,KACP,UAAAC,EAAY,GACZ,QAAAC,EAAU,IAAO,CAAA,EACjB,SAAAC,EAAW,IAAK,CAAA,CAAG,IACQ,CAC3B,KAAM,CAAE,WAAAC,EAAY,cAAAC,CAAa,EAAKP,EAAeE,CAAI,EACnD,CAAE,OAAAM,EAAQ,OAAAC,CAAQ,EAAGC,EAAgB,CACzC,QAAS,GACT,KAAMP,EACN,SAAAE,EACA,QAAAD,CACD,CAAA,EAED,OACEO,EAACC,EAAM,CACL,KAAMN,EACN,GAAG,oBACH,UAAWH,EAAY,cAAgB,eACvC,kBAAkB,WAClB,eAAgBA,EAAYM,EAASD,EAAM,SAE3CG,EAACE,EAAa,CAAA,MAAON,EAAe,OAAQA,EAAe,MAAOO,EAAM,sBAAsB,CAAC,CAAA,CACxF,CAAA,CAEb"}

package/dist/es/components/feedback/animated-spinner.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsx as e}from"react/jsx-runtime";import{useDisplayState as c}from"../../hooks/useDisplayState.js";import{css as o}from"@styled/css";import{Center as h}from"@styled/jsx";const w={lg:{size:56,radius:28,strokeWidth:5,animation:"animateSpinnerLarge"},sm:{size:20,radius:10,strokeWidth:3,animation:"animateSpinnerSmall"}},f=({size:r="lg",isVisible:i=!0,onShown:s=()=>{},onHidden:a=()=>{}})=>{const{size:n,radius:m,strokeWidth:t,animation:d}=w[r],{onHide:l,onShow:p}=c({animate:!0,show:i,onHidden:a,onShown:s});return e(h,{inline:!0,animation:i?"popIn 150ms":"popOut 150ms",animationFillMode:"forwards",onAnimationEnd:i?p:l,children:e("svg",{width:n,height:n,viewBox:`0 0 ${n} ${n}`,fill:"none",stroke:"none",xmlns:"http://www.w3.org/2000/svg",className:o({animation:"spin 1.5s linear infinite"}),children:e("circle",{className:o({stroke:"text.primary",transformOrigin:"center center"}),style:{animation:`${d} 2s ease-in-out infinite`},cx:"50%",cy:"50%",r:m-t/2,strokeLinecap:"round",strokeWidth:t})})})};export{f as AnimatedSpinner};
2	+ //# sourceMappingURL=animated-spinner.js.map

package/dist/es/components/feedback/animated-spinner.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"animated-spinner.js","sources":["../../../../src/components/feedback/animated-spinner.tsx"],"sourcesContent":["import { useDisplayState } from '@hooks/useDisplayState';\nimport { css } from '@styled/css';\nimport { Center } from '@styled/jsx';\n\nexport interface AnimatedSpinnerProps {\n size?: 'lg' | 'sm';\n isVisible?: boolean;\n onShown?: () => void;\n onHidden?: () => void;\n}\n\nconst spinnerSpecs = {\n lg: {\n size: 56,\n radius: 28,\n strokeWidth: 5,\n animation: 'animateSpinnerLarge',\n },\n sm: {\n size: 20,\n radius: 10,\n strokeWidth: 3,\n animation: 'animateSpinnerSmall',\n },\n};\n\nexport const AnimatedSpinner = ({\n size = 'lg',\n isVisible = true,\n onShown = () => {},\n onHidden = () => {},\n}: AnimatedSpinnerProps) => {\n const { size: spinnerSize, radius, strokeWidth, animation } = spinnerSpecs[size];\n const { onHide, onShow } = useDisplayState({\n animate: true,\n show: isVisible,\n onHidden,\n onShown,\n });\n\n return (\n <Center\n inline\n animation={isVisible ? 'popIn 150ms' : 'popOut 150ms'}\n animationFillMode=\"forwards\"\n onAnimationEnd={isVisible ? onShow : onHide}\n >\n <svg\n width={spinnerSize}\n height={spinnerSize}\n viewBox={`0 0 ${spinnerSize} ${spinnerSize}`}\n fill=\"none\"\n stroke=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={css({ animation: 'spin 1.5s linear infinite' })}\n >\n <circle\n className={css({\n stroke: 'text.primary',\n transformOrigin: 'center center',\n })}\n style={{ animation: `${animation} 2s ease-in-out infinite` }}\n cx=\"50%\"\n cy=\"50%\"\n r={radius - strokeWidth / 2}\n strokeLinecap=\"round\"\n strokeWidth={strokeWidth}\n />\n </svg>\n </Center>\n );\n};\n"],"names":["spinnerSpecs","AnimatedSpinner","size","isVisible","onShown","onHidden","spinnerSize","radius","strokeWidth","animation","onHide","onShow","useDisplayState","_jsx","Center","css"],"mappings":"gLAWA,MAAMA,EAAe,CACnB,GAAI,CACF,KAAM,GACN,OAAQ,GACR,YAAa,EACb,UAAW,qBACZ,EACD,GAAI,CACF,KAAM,GACN,OAAQ,GACR,YAAa,EACb,UAAW,qBACZ,GAGUC,EAAkB,CAAC,CAC9B,KAAAC,EAAO,KACP,UAAAC,EAAY,GACZ,QAAAC,EAAU,IAAO,CAAA,EACjB,SAAAC,EAAW,IAAK,CAAG,CAAA,IACM,CACzB,KAAM,CAAE,KAAMC,EAAa,OAAAC,EAAQ,YAAAC,EAAa,UAAAC,GAAcT,EAAaE,CAAI,EACzE,CAAE,OAAAQ,EAAQ,OAAAC,CAAQ,EAAGC,EAAgB,CACzC,QAAS,GACT,KAAMT,EACN,SAAAE,EACA,QAAAD,CACD,CAAA,EAED,OACES,EAACC,EACC,CAAA,UACA,UAAWX,EAAY,cAAgB,eACvC,kBAAkB,WAClB,eAAgBA,EAAYQ,EAASD,WAErCG,EACE,MAAA,CAAA,MAAOP,EACP,OAAQA,EACR,QAAS,OAAOA,CAAW,IAAIA,CAAW,GAC1C,KAAK,OACL,OAAO,OACP,MAAM,6BACN,UAAWS,EAAI,CAAE,UAAW,4BAA6B,EAAC,SAE1DF,YACE,UAAWE,EAAI,CACb,OAAQ,eACR,gBAAiB,eAClB,CAAA,EACD,MAAO,CAAE,UAAW,GAAGN,CAAS,0BAA0B,EAC1D,GAAG,MACH,GAAG,MACH,EAAGF,EAASC,EAAc,EAC1B,cAAc,QACd,YAAaA,GAEX,CAAA,CAAA,CAAA,CAGZ"}

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

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

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

	@@ -1 +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 { css } from '@styled/css';\nimport { Center, Flex, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, PropsWithChildren } from 'react';\n\~~ninterface~~ HeaderProps extends PropsWithChildren {\n name: string;\n domain?: string;\n logoUrl?: string;\n}\n\nexport interface PassportPageProps extends PropsWithChildren {\n address?: string;\n animate?: boolean;\n ~~branding?: 'light' \| 'dark';\n~~ actionDirection?: 'column' \| 'row';\n ~~title?: string;\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));\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 PassportPageHost = ({\n actionDirection = 'row',\n address,\n ~~branding,\n~~ children,\n ~~title,\n~~ onBack,\n onCancel,\n ...props\n}: PassportPageProps) => {\n return createHost(children, slots => {\n const cancelProps = slots.getProps(Cancel);\n const confirmProps = slots.getProps(Confirm);\n const ~~menuProps~~ = slots.getProps(~~PageMenu~~);\n const ~~drawerProps~~ = slots.getProps(~~PageDrawer~~);\n\n const actions = slots.get(Actions);\n const info = slots.get(Info);\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) && <div className={css({ w: 6 })} />}\n {~~branding && (\n <IcoMagic color={token(branding === 'light' ? 'colors.text.primary' : 'colors.neutral.primary')} />\n )}\n {~~title ~~&& (\n <Text size=\"sm\" fontColor=\"text.secondary\">\n {title~~}\n ~~</Text>\n~~ ~~)}\n~~ {address \|\| info \|\| menuProps ? (\n <HStack>\n {address && <WalletAddress address={address} />}\n {info}\n {menuProps && <Menu {...menuProps} />}\n </HStack>\n ) : (\n <div className={css({ 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(PassportPageHost, {\n Actions,\n Cancel,\n Confirm,\n Content: PageContent,\n Menu: PageMenu,\n Drawer: PageDrawer,\n Footer: PageFooter,\n Header: PageHeader,\n Info,\n});\n"],"names":["Actions","createSlot","children","Children","child","_jsx","Button","Cancel","Confirm","Info","_jsxs","Popover","IcoQuestionCircleFill","PageContent","VStack","PageMenu","Menu","PageDrawer","Drawer","PageFooter","Center","PageHeader","domain","name","logoUrl","HStack","~~IcoMagic","token","Text","~~PassportPageHost","actionDirection","address","~~branding","title","~~onBack","onCancel","props","createHost","slots","cancelProps","confirmProps","~~menuProps~~","~~drawerProps~~","actions","info","isRowDirection","Modal","IcoCaretLeft","css","WalletAddress","Flex","PassportPage"],"mappings":"~~ihCAiCA~~,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,~~EAEKW~~,~~EAAcZ~~,EAAW,CAAC,CAAE,SAAAC,CAAU,IAC1CG,~~EAACS~~,EAAM,CAAC,EAAE,OAAO,QAAQ,SAAQ,~~SAC9BZ~~,CAAQ,CAAA,CAEZ,~~EACKa~~,~~EAAWd~~,~~EAAWe~~,CAAI,EAC1BC,~~EAAahB~~,~~EAAWiB~~,CAAM,EAC9BC,~~EAAalB~~,EAAW,CAAC,CAAE,SAAAC,CAAU,IACzCG,~~EAACe~~,EAAM,CAAC,GAAI,EAAG,EAAE,OAAM,~~SACpBlB~~,CAAQ,CAAA,CAEZ,~~EACKmB~~,~~EAAapB~~,EAAW,CAAC,CAAE,SAAAC,EAAU,~~OAAAoB~~,EAAQ,KAAAC,EAAM,QAAAC,CAAsB,~~IAC7Ed~~,~~EAACe~~,EAAM,CAAC,kBAAkB,kBAAkB,kBAAkB,MAAM,EAAG,EAAG,MAAM,OAC7E,SAAA,CAAAD,~~EACCnB~~,EAAK,MAAA,CAAA,~~IAAKmB~~,EAAS,IAAKD,EAAM,MAAO,GAAI,OAAQ,EAAM,CAAA,~~EAEvDlB~~,~~EAACqB~~,EAAQ,CAAC,MAAOC,EAAM,mBAAmB,EAAG,OAAQ,GAAI,MAAO,EAAM,CAAA,~~EAExEtB~~,~~EAACuB~~,EAAI,CAAC,KAAK,KAAK,WAAW,WACxB,~~SAAAL~~,CACI,CAAA,EACND,~~GACCjB~~,~~EAACuB~~,EAAI,CAAC,KAAK,KAAK,UAAU,gBAAe,~~SACtCN~~,CAAM,CAAA,~~EAGVpB~~,CAAQ,CAAA,CAAA,CAEZ,~~EAEK2B~~,EAAmB,CAAC,CACxB,gBAAAC,EAAkB,MAClB,QAAAC,EACA,~~SAAAC~~,EACA,~~SAAA9B~~,EACA,~~MAAA+B,EACA,OAAAC,EACA,~~SAAAC,EACA,GAAGC,~~CACe~~,~~IACXC~~,~~EAAWnC~~,~~EAAUoC~~,GAAQ,CAClC,MAAMC,EAAcD,EAAM,~~SAAS/B~~,CAAM,~~EACnCiC~~,EAAeF,EAAM,~~SAAS9B~~,CAAO,~~EACrCiC~~,~~EAAYH~~,EAAM,~~SAASvB~~,~~CAAQ~~,~~EACnC2B~~,~~EAAcJ~~,EAAM,~~SAASrB~~,~~CAAU~~,~~EAEvC0B~~,EAAUL,EAAM,~~IAAItC~~,CAAO,~~EAC3B4C~~,EAAON,EAAM,~~IAAI7B~~,CAAI,~~EAErBoC~~,~~EAAiBf~~,IAAoB,MAE3C,~~OACEpB~~,~~EAACoC~~,~~EAAK~~,~~CAAA~~,~~GAAKV~~,~~EAAO~~,~~cAAW,~~YAAY,OAAO,IAAK,~~EAAC~~,SAAA,~~CACpD1B~~,~~EAACI~~,~~EAAM~~,~~CAAC~~,IAAK,EAAG,MAAM,OACpB,SAAA,~~CAAAJ~~,~~EAACe~~,EACC,CAAA,kBAAkB,kBAClB,kBAAkB,MAClB,eAAe,gBACf,EAAG,EACH,MAAM,OAAM,SAAA,~~CAEXS~~,~~GACC7B~~,EAACC,~~EAAM~~,~~CAAC~~,~~QAAS4B,~~EAAQ,KAAK,KAAK,UAAU,UAAU,QAAQ,OAAM,~~SACnE7B~~,EAACC,EAAO,YACN,CAAA,SAAAD,~~EAAC0C~~,EAAe,CAAA,CAAA,CAAA,CAAA,IAIrBZ,~~GAAY9B~~,EAACC,~~EAAO~~,~~CAAA~~,~~QAAS6B~~,EAAU,MAAM,SAAS,KAAK,KAAK,UAAU,UAAU,QAAQ,MAAM,CAAA,EAClG,EAAED,GAAUC,~~IAAa9B~~,~~EAAA~~,~~MAAA~~,~~CAAK,UAAW2C,~~EAAI,CAAE,EAAG,CAAG,CAAA,~~IACrDhB~~,~~GACC3B~~,EAACqB,~~EAAS~~,CAAA,~~MAAOC~~,~~EAAMK~~,~~IAAa~~,~~QAAU~~,~~sBAAwB~~,~~wBAAwB,CAAC,~~CAAA,~~EAEhGC~~,~~GACC5B~~,~~EAACuB,EAAK,~~CAAA,~~KAAK~~,~~KAAK~~,~~UAAU~~,~~iBACvB~~,~~SAAAK~~,~~CACI,~~CAAA,~~EAERF~~,~~GAAWa~~,~~GAAQH~~,~~EAClB/B,EAACe,aACEM,GAAW1B,EAAC4C,EAAa,CAAC,QAASlB,CAAW,~~CAAA,~~EAC9Ca,EACAH,GAAapC,EAACW,EAAS,~~CAAA,~~GAAAyB,GAAa,CAC9B,~~CAAA,~~EAETpC~~,~~EAAK~~,MAAA,~~CAAA~~,~~UAAW2C~~,EAAI,CAAE,EAAG,~~CAAG~~,CAAA,~~GAC7B~~,~~CAAA~~,CAAA,~~EAEFV~~,EAAM,~~IAAIjB~~,CAAU,CAAC,CACf,CAAA,~~EACTX~~,~~EAACI~~,EAAM,CAAC,EAAE,OAAO,EAAE,OAAO,QAAQ,gBAAgB,EAAG,EAAC,SAAA,~~CACnDwB~~,EAAM,~~IAAIzB~~,CAAW,~~EACtBH~~,~~EAACI~~,~~GAAO~~,EAAE,OAAO,IAAK,~~EACnB~~,~~SAAA,EAACyB,~~GAAeC,~~IACf9B~~,~~EAACwC~~,EAAI,CAAC,UAAWL,EAAiB,MAAQ,iBAAkB,IAAKA,EAAiB,EAAI,EAAG,MAAM,OAAM,SAAA,CAClGN,~~GAAelC~~,EAACC,EAAO,CAAA,UAAO,MAAM,SAAS,QAAQ,~~UAAc~~,~~GAAAiC~~,~~IACnEC~~,~~GAAgBnC~~,EAACC,GAAO,OAAM,GAAC,MAAM,UAAU,QAAQ,UAAc,~~GAAAkC~~,~~CAAgB~~,~~CAAA~~,CAAA,~~CAAA~~,~~CAAA~~,~~EAGzFG~~,~~GACCtC~~,~~EAAC6C~~,~~EAAI~~,~~CAAC,UAAWpB,~~EAAiB,~~IAAKe~~,EAAiB,EAAI,EAAG,MAAM,~~gBAClEF~~,~~CAAO~~,CAAA,~~EAGXL~~,EAAM,~~IAAInB~~,CAAU,CAAC,CAAA,CAAA,~~CACf~~,~~IAEVuB~~,GAAerC,~~EAACa~~,~~MAAWwB~~,~~CAAW~~,CAAA,~~CAAI~~,~~CACrC~~,CAAA,~~CAEZ~~,CAAC,~~EAGUS~~,EAAe,OAAO,~~OAAOtB~~,EAAkB,CAC1D,~~QAAA7B~~,EACA,OAAAO,EACA,QAAAC,EACA,~~QAASK~~,EACT,KAAME,EACN,OAAQE,EACR,OAAQE,EACR,OAAQE,EACR,~~KAAAZ~~,CACD,CAAA"}
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 { css } from '@styled/css';\nimport { 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 PassportPageHost = ({\n actionDirection = 'row',\n address,\n children,\n onBack,\n onCancel,\n ...props\n}: 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) && <div className={css({ 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 <div className={css({ 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(PassportPageHost, {\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","PassportPageHost","actionDirection","address","onBack","onCancel","props","createHost","slots","cancelProps","confirmProps","drawerProps","menuProps","actions","info","isRowDirection","Modal","IcoCaretLeft","css","WalletAddress","Flex","PassportPage"],"mappings":"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"}

package/dist/es/components/list-items/transaction-row.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as i}from"react/jsx-runtime";import"../feedback/callout.js";import"@styled/css";import{Center as j,HStack as l}from"@styled/jsx";import"../feedback/progress-bar.js";import{Skeleton as y}from"../feedback/skeleton.js";import{token as o}from"@styled/tokens";import R from"../icons/ico-arrow-down.js";import $ from"../icons/ico-arrow-up.js";import B from"../icons/ico-lightning-fill.js";import H from"../icons/ico-lock-unlocked-fill.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 c from"../primitives/text.js";import"../primitives/portal.js";import{Children as I,cloneElement as N,useRef as O,useCallback as q}from"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import{hstack as z}from"@styled/patterns";import{createSlot as E,createHost as V}from"create-slots";import{useButton as A,useFocusRing as D,mergeProps as G}from"react-aria";const J={send:{title:"Send",primaryTextColor:o("colors.text.primary"),secondaryTextColor:o("colors.text.secondary"),icon:$,iconColor:o("colors.negative.darker"),skeletonWidth:"89px"},receive:{title:"Receive",primaryTextColor:o("colors.positive.base"),secondaryTextColor:`${o("colors.positive.lighter")}`,icon:R,iconColor:o("colors.positive.base"),skeletonWidth:"89px"},networkFee:{title:"Network Fee",primaryTextColor:o("colors.text.primary"),secondaryTextColor:o("colors.text.secondary"),icon:B,iconColor:o("colors.brand.base"),skeletonWidth:"54px"},spendingCap:{title:"Spending Cap",primaryTextColor:o("colors.warning.base"),secondaryTextColor:o("colors.warning.base"),icon:H,iconColor:o("colors.warning.base"),skeletonWidth:"89px"}},f=E(({children:n,...t})=>r(j,{children:I.map(n,s=>N(s,t))})),K=n=>{const{variant:t,primaryText:s,secondaryText:p,children:u,onPress:m,loading:a,showTitle:C=!0}=n,{title:g,primaryTextColor:d,secondaryTextColor:b,icon:k,iconColor:w,skeletonWidth:h}=J[t],T=t==="send"||t==="networkFee",x=O(null),v=q(()=>{m?.()},[m]),{buttonProps:W}=A({...n,onPress:v},x),{isFocusVisible:F,focusProps:S}=D();return V(u,P=>{const e=P.get(f);return i(l,{w:"full",justify:"space-between",children:[i(l,{gap:2,children:[r(k,{width:16,height:16,color:w}),C&&r(c,{size:"sm",fontWeight:"medium",children:g})]}),i(l,{gap:4,children:[p&&r(c,{styles:{color:b},children:p}),T?i("button",{...G(W,S),ref:x,className:z({px:4,py:2.5,gap:3,rounded:"xl",bg:"surface.secondary",outlineColor:"brand.base",outlineStyle:F?"solid":"none",outlineWidth:"thick",outlineOffset:.5,cursor:"pointer"}),children:[a?r(y,{width:h}):r(c,{styles:{color:d},children:s}),e&&{...e,props:{...e.props,width:32,height:32}}]}):i(l,{gap:3,children:[a?r(y,{width:h}):r(c,{styles:{color:d},children:s}),e&&{...e,props:{...e.props,width:32,height:32}}]})]})]})})},L=Object.assign(K,{TokenIcon:f});export{L as TransactionRow};
+import{jsx as r,jsxs as i}from"react/jsx-runtime";import{token as o}from"@styled/tokens";import j from"../icons/ico-arrow-down.js";import R from"../icons/ico-arrow-up.js";import $ from"../icons/ico-lightning-fill.js";import B from"../icons/ico-lock-unlocked-fill.js";import{Children as H,cloneElement as I,useRef as N,useCallback as O}from"react";import{Center as q,HStack as l}from"@styled/jsx";import"@styled/css";import"../feedback/callout.js";import"../feedback/progress-bar.js";import{Skeleton as y}from"../feedback/skeleton.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 c from"../primitives/text.js";import"../primitives/portal.js";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import{hstack as z}from"@styled/patterns";import{createSlot as E,createHost as V}from"create-slots";import{useButton as A,useFocusRing as D,mergeProps as G}from"react-aria";const J={send:{title:"Send",primaryTextColor:o("colors.text.primary"),secondaryTextColor:o("colors.text.secondary"),icon:R,iconColor:o("colors.negative.darker"),skeletonWidth:"89px"},receive:{title:"Receive",primaryTextColor:o("colors.positive.base"),secondaryTextColor:`${o("colors.positive.lighter")}`,icon:j,iconColor:o("colors.positive.base"),skeletonWidth:"89px"},networkFee:{title:"Network Fee",primaryTextColor:o("colors.text.primary"),secondaryTextColor:o("colors.text.secondary"),icon:$,iconColor:o("colors.brand.base"),skeletonWidth:"54px"},spendingCap:{title:"Spending Cap",primaryTextColor:o("colors.warning.base"),secondaryTextColor:o("colors.warning.base"),icon:B,iconColor:o("colors.warning.base"),skeletonWidth:"89px"}},f=E(({children:n,...t})=>r(q,{children:H.map(n,s=>I(s,t))})),K=n=>{const{variant:t,primaryText:s,secondaryText:p,children:u,onPress:m,loading:a,showTitle:C=!0}=n,{title:g,primaryTextColor:d,secondaryTextColor:b,icon:k,iconColor:w,skeletonWidth:h}=J[t],T=t==="send"||t==="networkFee",x=N(null),v=O(()=>{m?.()},[m]),{buttonProps:W}=A({...n,onPress:v},x),{isFocusVisible:F,focusProps:S}=D();return V(u,P=>{const e=P.get(f);return i(l,{w:"full",justify:"space-between",children:[i(l,{gap:2,children:[r(k,{width:16,height:16,color:w}),C&&r(c,{size:"sm",fontWeight:"medium",children:g})]}),i(l,{gap:4,children:[p&&r(c,{styles:{color:b},children:p}),T?i("button",{...G(W,S),ref:x,className:z({px:4,py:2.5,gap:3,rounded:"xl",bg:"surface.secondary",outlineColor:"brand.base",outlineStyle:F?"solid":"none",outlineWidth:"thick",outlineOffset:.5,cursor:"pointer"}),children:[a?r(y,{width:h}):r(c,{styles:{color:d},children:s}),e&&{...e,props:{...e.props,width:32,height:32}}]}):i(l,{gap:3,children:[a?r(y,{width:h}):r(c,{styles:{color:d},children:s}),e&&{...e,props:{...e.props,width:32,height:32}}]})]})]})})},L=Object.assign(K,{TokenIcon:f});export{L as TransactionRow};
 //# sourceMappingURL=transaction-row.js.map

package/dist/es/components/primitives/button.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as F}from"react/jsx-runtime";import"../feedback/callout.js";import{LoadingSpinner as k}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import{Flex as b,HStack as D,Box as v}from"@styled/jsx";import"@styled/tokens";import"./checkbox.js";import"./dropdown-selector.js";import"./popover.js";import"./radio.js";import"./segmented-control.js";import"./switch.js";import"./text.js";import"./portal.js";import{Children as y,cloneElement as x,forwardRef as E,useRef as L}from"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import{button as O}from"../../recipes/button.js";import{cx as T}from"@styled/css";import{createSlot as w,createHost as A}from"create-slots";import{useButton as G,useHover as M,useFocusRing as V,mergeProps as W}from"react-aria";const j=w(({children:r,...i})=>t(b,{alignItems:"center",justifyContent:"center",children:y.map(r,e=>x(e,i))})),S=w(({children:r,...i})=>t(b,{alignItems:"center",justifyContent:"center",children:y.map(r,e=>x(e,i))})),q=({variant:r="primary",size:i="md"})=>{const e=r==="primary"||r==="negative",p=r==="neutral"||r==="tertiary";return t(k,{size:{sm:20,md:24,lg:28}[i],strokeWidth:2.5,inverted:e,neutral:p})},z=E((r,i)=>{const{label:e,variant:p="primary",textStyle:N,size:m="md",disabled:l,expand:c,validating:d,iconSize:C,onHover:u}=r,a=C||(m==="sm"?16:24),o=O({variant:p,textStyle:N,expand:c,size:m,validating:d,iconOnly:!e}),H=L(null),f=i||H,{buttonProps:I}=G({...r,isDisabled:l??!1},f),{hoverProps:P}=M({isDisabled:l??!1}),{isFocusVisible:B,focusProps:R}=V();return A(r.children,g=>{const n=g.get(j),s=g.get(S),h=a/4;return t("button",{className:T(o.button,"group",!e&&o.iconContainer,B&&o.focus),ref:f,...W(I,P,R),"aria-disabled":l,onMouseEnter:u,onTouchStart:u,children:d?t(q,{variant:p,size:m}):F(D,{w:"full",gap:2,justify:e&&(n||s)?"space-between":"center",children:[n&&{...n,props:{...n.props,className:n.props.color?void 0:o.icon,width:a,height:a}},s&&e&&c&&t(v,{w:h}),e&&t("span",{className:o.label,children:e}),n&&e&&c&&t(v,{w:h}),s&&{...s,props:{...s.props,className:s.props.color?void 0:o.icon,width:a,height:a}}]})})})}),J=Object.assign(z,{LeadingIcon:j,TrailingIcon:S});z.displayName="Button";export{J as default};
+import{jsx as t,jsxs as F}from"react/jsx-runtime";import"@styled/tokens";import{Children as b,cloneElement as v,forwardRef as k,useRef as D}from"react";import{Flex as y,HStack as E,Box as x}from"@styled/jsx";import{cx as L}from"@styled/css";import"../feedback/callout.js";import{LoadingSpinner as O}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import"./checkbox.js";import"./dropdown-selector.js";import"./popover.js";import"./radio.js";import"./segmented-control.js";import"./switch.js";import"./text.js";import"./portal.js";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import{button as T}from"../../recipes/button.js";import{createSlot as w,createHost as A}from"create-slots";import{useButton as G,useHover as M,useFocusRing as V,mergeProps as W}from"react-aria";const j=w(({children:r,...i})=>t(y,{alignItems:"center",justifyContent:"center",children:b.map(r,e=>v(e,i))})),S=w(({children:r,...i})=>t(y,{alignItems:"center",justifyContent:"center",children:b.map(r,e=>v(e,i))})),q=({variant:r="primary",size:i="md"})=>{const e=r==="primary"||r==="negative",p=r==="neutral"||r==="tertiary";return t(O,{size:{sm:20,md:24,lg:28}[i],strokeWidth:2.5,inverted:e,neutral:p})},z=k((r,i)=>{const{label:e,variant:p="primary",textStyle:N,size:m="md",disabled:l,expand:c,validating:d,iconSize:C,onHover:u}=r,a=C||(m==="sm"?16:24),o=T({variant:p,textStyle:N,expand:c,size:m,validating:d,iconOnly:!e}),H=D(null),f=i||H,{buttonProps:I}=G({...r,isDisabled:l??!1},f),{hoverProps:P}=M({isDisabled:l??!1}),{isFocusVisible:B,focusProps:R}=V();return A(r.children,g=>{const n=g.get(j),s=g.get(S),h=a/4;return t("button",{className:L(o.button,"group",!e&&o.iconContainer,B&&o.focus),ref:f,...W(I,P,R),"aria-disabled":l,onMouseEnter:u,onTouchStart:u,children:d?t(q,{variant:p,size:m}):F(E,{w:"full",gap:2,justify:e&&(n||s)?"space-between":"center",children:[n&&{...n,props:{...n.props,className:n.props.color?void 0:o.icon,width:a,height:a}},s&&e&&c&&t(x,{w:h}),e&&t("span",{className:o.label,children:e}),n&&e&&c&&t(x,{w:h}),s&&{...s,props:{...s.props,className:s.props.color?void 0:o.icon,width:a,height:a}}]})})})}),J=Object.assign(z,{LeadingIcon:j,TrailingIcon:S});z.displayName="Button";export{J as default};
 //# sourceMappingURL=button.js.map

package/dist/es/components/primitives/dropdown-selector.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as b,jsx as o}from"react/jsx-runtime";import"../feedback/callout.js";import{css as W}from"@styled/css";import{HStack as C,Box as A,VStack as $}from"@styled/jsx";import"../feedback/progress-bar.js";import{token as S}from"@styled/tokens";import U from"../icons/ico-caret-down.js";import Y from"../icons/ico-caret-up.js";import G from"../icons/ico-checkmark.js";import J from"../icons/ico-question-circle-fill.js";import"./button.js";import"./checkbox.js";import"./popover.js";import"./radio.js";import"./segmented-control.js";import"./switch.js";import D from"./text.js";import"./portal.js";import{createContext as Q,useContext as X,useCallback as O,useState as N,useRef as B,useMemo as Z,Children as m,useEffect as ee,cloneElement as te}from"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import re from"../feedback/tooltip.js";import{useButton as oe,useFocusRing as ne,useKeyboard as le,mergeProps as ie}from"react-aria";const F={sm:{caret:16,check:14,height:"2.625rem",top:48,width:"0.75rem",mult:2.25},md:{caret:17,check:15,height:"2.8125rem",top:52,width:"0.85rem",mult:2.25},lg:{caret:18,check:16,height:"3rem",top:55,width:"1rem",mult:2.5}},R=Q({selectedOption:null,setSelectedOption:()=>{}}),_=({value:r,label:s,size:u="lg",isFocused:y})=>{const{selectedOption:d,setSelectedOption:p}=X(R),i=d?.value===r,n=F[u],x=O(()=>{p({value:r,label:s})},[p,r,s]);return b(C,{py:1.5,gap:2,bg:i?"brand.base":y?"brand.lightest":"",_hover:i?{}:{bg:"brand.lightest"},onClick:x,style:{paddingLeft:n.width,paddingRight:n.width},children:[o(A,{style:{minWidth:n.width},children:i&&o(G,{width:n.check,height:n.check,color:S("colors.text.quaternary")})}),o(D,{size:u,fontWeight:"medium",fontColor:i?"text.quaternary":"text.primary",styles:{textAlign:"left"},children:s})]})},j=({children:r,onSelect:s,label:u,placeholder:y="Select one",selectedValue:d,size:p="lg",tooltipContent:i,disabled:n,viewMax:x=5,...q})=>{const[h,g]=N(!1),[t,f]=N(null),v=B(null),k=B(null),a=F[p],H=x*a.mult+1,I=O(()=>{g(e=>!e),h||(f(null),setTimeout(()=>{var e;return(e=k.current)===null||e===void 0?void 0:e.focus()}))},[h]),K=O(e=>{s(e.value),g(!1)},[s]),E=Z(()=>{const e=m.toArray(r).find(l=>l.props.value===d);return e?e.props.label:y},[d,r]),{buttonProps:L}=oe({...q,isDisabled:n,onPress:I},v),{focusProps:V,isFocusVisible:M}=ne(),{keyboardProps:T}=le({onKeyDown:e=>{var l,c;if(!h)return;let w=t;const z=m.toArray(r);switch(e.key){case"ArrowUp":e.preventDefault(),t===null?f(m.count(r)-1):(w=t>0?t-1:m.count(r)-1,f(w));break;case"ArrowDown":e.preventDefault(),t===null?f(0):(w=t<m.count(r)-1?t+1:0,f(w));break;case"Enter":if(e.preventDefault(),(l=v.current)===null||l===void 0||l.focus(),t===null)return;if(t>=0&&t<z.length){const P=z[t];P&&s(P.props.value)}break;case"Escape":g(!1),(c=v.current)===null||c===void 0||c.focus();break}}});return ee(()=>{const e=l=>{var c;!((c=k.current)===null||c===void 0)&&c.contains(l.target)||g(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]),o(R.Provider,{value:{selectedOption:{value:d??"",label:E},setSelectedOption:K},children:b($,{gap:2,w:"full",alignItems:"flex-start",children:[(u||i)&&b(C,{gap:2,pointerEvents:n?"none":"auto",opacity:n?.3:"",transition:"all linear 120ms",children:[u&&o(D,{size:"sm",fontWeight:"medium",children:u}),i&&o(re,{content:i,children:o(J,{className:W({w:4,h:4,color:"neutral.primary"})})})]}),b("button",{className:W({w:"full",h:"fit-content",bg:"surface.primary",borderWidth:"thin",borderColor:"neutral.secondary",rounded:"xl",transition:"all linear 120ms",position:"relative",cursor:"pointer",outlineColor:"brand.base",outlineStyle:M?"solid":"none",outlineWidth:"thick",outlineOffset:.5,_hover:{borderColor:"neutral.primary"},_disabled:{opacity:.3,pointerEvents:"none"}}),ref:v,...ie(L,V,T),children:[b(C,{w:"full",p:4,justifyContent:"space-between",style:{height:a.height},children:[o(D,{truncate:!0,size:p,fontColor:d?"text.primary":"text.tertiary",children:E}),h?o(Y,{width:a.caret,height:a.caret,color:S("colors.brand.base")}):o(U,{width:a.caret,height:a.caret,color:S("colors.brand.base")})]}),h&&o(A,{ref:k,tabIndex:-1,py:2,bg:"surface.primary",position:"absolute",w:"full",rounded:"input",boxShadow:"4px 8px 20px 0px rgba(0, 0, 0, 0.15)",style:{maxHeight:`${H}rem`,top:a.top},overflowY:"auto",outline:"none",zIndex:"max",children:m.map(r,(e,l)=>te(e,{isFocused:l===t,size:p}))})]})]})})};_.displayName="DropdownOption",j.displayName="DropdownSelector";export{_ as DropdownOption,j as DropdownSelector};
+import{jsxs as b,jsx as o}from"react/jsx-runtime";import{token as C}from"@styled/tokens";import $ from"../icons/ico-caret-down.js";import U from"../icons/ico-caret-up.js";import Y from"../icons/ico-checkmark.js";import G from"../icons/ico-question-circle-fill.js";import{createContext as J,useContext as Q,useCallback as S,useState as W,useRef as A,useMemo as X,Children as m,useEffect as Z,cloneElement as ee}from"react";import{HStack as D,Box as N,VStack as te}from"@styled/jsx";import{css as B}from"@styled/css";import"../feedback/callout.js";import"../feedback/progress-bar.js";import"./button.js";import"./checkbox.js";import"./popover.js";import"./radio.js";import"./segmented-control.js";import"./switch.js";import O from"./text.js";import"./portal.js";import"../../hooks/useToast.js";import"../../recipes/toast.js";import re from"../feedback/tooltip.js";import{useButton as oe,useFocusRing as ne,useKeyboard as le,mergeProps as ie}from"react-aria";const F={sm:{caret:16,check:14,height:"2.625rem",top:48,width:"0.75rem",mult:2.25},md:{caret:17,check:15,height:"2.8125rem",top:52,width:"0.85rem",mult:2.25},lg:{caret:18,check:16,height:"3rem",top:55,width:"1rem",mult:2.5}},R=J({selectedOption:null,setSelectedOption:()=>{}}),_=({value:r,label:s,size:u="lg",isFocused:y})=>{const{selectedOption:d,setSelectedOption:p}=Q(R),i=d?.value===r,n=F[u],x=S(()=>{p({value:r,label:s})},[p,r,s]);return b(D,{py:1.5,gap:2,bg:i?"brand.base":y?"brand.lightest":"",_hover:i?{}:{bg:"brand.lightest"},onClick:x,style:{paddingLeft:n.width,paddingRight:n.width},children:[o(N,{style:{minWidth:n.width},children:i&&o(Y,{width:n.check,height:n.check,color:C("colors.text.quaternary")})}),o(O,{size:u,fontWeight:"medium",fontColor:i?"text.quaternary":"text.primary",styles:{textAlign:"left"},children:s})]})},j=({children:r,onSelect:s,label:u,placeholder:y="Select one",selectedValue:d,size:p="lg",tooltipContent:i,disabled:n,viewMax:x=5,...q})=>{const[h,g]=W(!1),[t,f]=W(null),v=A(null),k=A(null),a=F[p],H=x*a.mult+1,I=S(()=>{g(e=>!e),h||(f(null),setTimeout(()=>{var e;return(e=k.current)===null||e===void 0?void 0:e.focus()}))},[h]),K=S(e=>{s(e.value),g(!1)},[s]),E=X(()=>{const e=m.toArray(r).find(l=>l.props.value===d);return e?e.props.label:y},[d,r]),{buttonProps:L}=oe({...q,isDisabled:n,onPress:I},v),{focusProps:V,isFocusVisible:M}=ne(),{keyboardProps:T}=le({onKeyDown:e=>{var l,c;if(!h)return;let w=t;const z=m.toArray(r);switch(e.key){case"ArrowUp":e.preventDefault(),t===null?f(m.count(r)-1):(w=t>0?t-1:m.count(r)-1,f(w));break;case"ArrowDown":e.preventDefault(),t===null?f(0):(w=t<m.count(r)-1?t+1:0,f(w));break;case"Enter":if(e.preventDefault(),(l=v.current)===null||l===void 0||l.focus(),t===null)return;if(t>=0&&t<z.length){const P=z[t];P&&s(P.props.value)}break;case"Escape":g(!1),(c=v.current)===null||c===void 0||c.focus();break}}});return Z(()=>{const e=l=>{var c;!((c=k.current)===null||c===void 0)&&c.contains(l.target)||g(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]),o(R.Provider,{value:{selectedOption:{value:d??"",label:E},setSelectedOption:K},children:b(te,{gap:2,w:"full",alignItems:"flex-start",children:[(u||i)&&b(D,{gap:2,pointerEvents:n?"none":"auto",opacity:n?.3:"",transition:"all linear 120ms",children:[u&&o(O,{size:"sm",fontWeight:"medium",children:u}),i&&o(re,{content:i,children:o(G,{className:B({w:4,h:4,color:"neutral.primary"})})})]}),b("button",{className:B({w:"full",h:"fit-content",bg:"surface.primary",borderWidth:"thin",borderColor:"neutral.secondary",rounded:"xl",transition:"all linear 120ms",position:"relative",cursor:"pointer",outlineColor:"brand.base",outlineStyle:M?"solid":"none",outlineWidth:"thick",outlineOffset:.5,_hover:{borderColor:"neutral.primary"},_disabled:{opacity:.3,pointerEvents:"none"}}),ref:v,...ie(L,V,T),children:[b(D,{w:"full",p:4,justifyContent:"space-between",style:{height:a.height},children:[o(O,{truncate:!0,size:p,fontColor:d?"text.primary":"text.tertiary",children:E}),h?o(U,{width:a.caret,height:a.caret,color:C("colors.brand.base")}):o($,{width:a.caret,height:a.caret,color:C("colors.brand.base")})]}),h&&o(N,{ref:k,tabIndex:-1,py:2,bg:"surface.primary",position:"absolute",w:"full",rounded:"input",boxShadow:"4px 8px 20px 0px rgba(0, 0, 0, 0.15)",style:{maxHeight:`${H}rem`,top:a.top},overflowY:"auto",outline:"none",zIndex:"max",children:m.map(r,(e,l)=>ee(e,{isFocused:l===t,size:p}))})]})]})})};_.displayName="DropdownOption",j.displayName="DropdownSelector";export{_ as DropdownOption,j as DropdownSelector};
 //# sourceMappingURL=dropdown-selector.js.map

package/dist/es/components/primitives/dropdown-selector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"dropdown-selector.js","sources":["../../../../src/components/primitives/dropdown-selector.tsx"],"sourcesContent":["import { Tooltip } from '@components/feedback';\nimport { IcoCaretDown, IcoCaretUp, IcoCheckmark, IcoQuestionCircleFill } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport {\n Children,\n cloneElement,\n createContext,\n ReactElement,\n ReactNode,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing, useKeyboard } from 'react-aria';\n\nexport interface DropdownSelectorProps extends AriaButtonProps {\n children: ReactNode;\n onSelect: (value: string) => void;\n label?: string;\n placeholder?: string;\n selectedValue?: string;\n size?: 'sm' \| 'md' \| 'lg';\n tooltipContent?: string;\n disabled?: boolean;\n viewMax?: 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10;\n}\n\nexport interface DropdownOptionProps {\n value: string;\n label: string;\n isFocused?: boolean;\n size?: DropdownSelectorProps['size'];\n}\n\ninterface OptionData {\n value: string;\n label: string;\n}\n\nexport interface DropdownContextType {\n selectedOption: OptionData \| null;\n setSelectedOption: (option: OptionData) => void;\n}\n\nconst SIZES = {\n sm: { caret: 16, check: 14, height: '2.625rem', top: 48, width: '0.75rem', mult: 2.25 },\n md: { caret: 17, check: 15, height: '2.8125rem', top: 52, width: '0.85rem', mult: 2.25 },\n lg: { caret: 18, check: 16, height: '3rem', top: 55, width: '1rem', mult: 2.5 },\n};\n\nconst DropdownContext = createContext<DropdownContextType>({\n selectedOption: null,\n setSelectedOption: () => {},\n});\n\nexport const DropdownOption = ({ value, label, size = 'lg', isFocused }: DropdownOptionProps) => {\n const { selectedOption, setSelectedOption } = useContext(DropdownContext);\n const isSelected = selectedOption?.value === value;\n const sizeProps = SIZES[size];\n\n const handleSelectOption = useCallback(() => {\n setSelectedOption({ value, label });\n }, [setSelectedOption, value, label]);\n\n return (\n <HStack\n py={1.5}\n gap={2}\n bg={isSelected ? 'brand.base' : isFocused ? 'brand.lightest' : ''}\n _hover={!isSelected ? { bg: 'brand.lightest' } : {}}\n onClick={handleSelectOption}\n style={{ paddingLeft: sizeProps.width, paddingRight: sizeProps.width }}\n >\n <Box style={{ minWidth: sizeProps.width }}>\n {isSelected && (\n <IcoCheckmark width={sizeProps.check} height={sizeProps.check} color={token('colors.text.quaternary')} />\n )}\n </Box>\n <Text\n size={size}\n fontWeight=\"medium\"\n fontColor={isSelected ? 'text.quaternary' : 'text.primary'}\n styles={{ textAlign: 'left' }}\n >\n {label}\n </Text>\n </HStack>\n );\n};\n\nexport const DropdownSelector = ({\n children,\n onSelect,\n label,\n placeholder = 'Select one',\n selectedValue,\n size = 'lg',\n tooltipContent,\n disabled,\n viewMax = 5,\n ...props\n}: DropdownSelectorProps) => {\n const [isOpen, setIsOpen] = useState(false);\n const [focusedIndex, setFocusedIndex] = useState<number \| null>(null);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n const sizeProps = SIZES[size];\n const maxHeight = viewMax * sizeProps.mult + 1;\n\n const toggleDropdown = useCallback(() => {\n setIsOpen(prev => !prev);\n if (!isOpen) {\n setFocusedIndex(null);\n setTimeout(() => dropdownRef.current?.focus());\n }\n }, [isOpen]);\n\n const handleSelect = useCallback(\n (option: OptionData) => {\n onSelect(option.value);\n setIsOpen(false);\n },\n [onSelect],\n );\n\n const selectedLabel = useMemo(() => {\n const childElements = Children.toArray(children) as ReactElement<DropdownOptionProps>[];\n const matchedChild = childElements.find(child => child.props.value === selectedValue);\n return matchedChild ? matchedChild.props.label : placeholder;\n }, [selectedValue, children]);\n\n const { buttonProps } = useButton(\n {\n ...props,\n isDisabled: disabled,\n onPress: toggleDropdown,\n },\n buttonRef,\n );\n\n const { focusProps, isFocusVisible } = useFocusRing();\n\n const { keyboardProps } = useKeyboard({\n onKeyDown: event => {\n if (!isOpen) return;\n\n let newFocusedIndex = focusedIndex;\n const childArray = Children.toArray(children);\n\n switch (event.key) {\n case 'ArrowUp':\n event.preventDefault();\n if (focusedIndex === null) {\n setFocusedIndex(Children.count(children) - 1);\n } else {\n newFocusedIndex = focusedIndex > 0 ? focusedIndex - 1 : Children.count(children) - 1;\n setFocusedIndex(newFocusedIndex);\n }\n break;\n case 'ArrowDown':\n event.preventDefault();\n if (focusedIndex === null) {\n setFocusedIndex(0);\n } else {\n newFocusedIndex = focusedIndex < Children.count(children) - 1 ? focusedIndex + 1 : 0;\n setFocusedIndex(newFocusedIndex);\n }\n break;\n case 'Enter':\n event.preventDefault();\n buttonRef.current?.focus();\n if (focusedIndex === null) return;\n if (focusedIndex >= 0 && focusedIndex < childArray.length) {\n const selectedChild = childArray[focusedIndex] as ReactElement<DropdownOptionProps>;\n if (selectedChild) {\n onSelect(selectedChild.props.value);\n }\n }\n break;\n case 'Escape':\n setIsOpen(false);\n buttonRef.current?.focus();\n break;\n default:\n break;\n }\n },\n });\n\n useEffect(() => {\n const handleClick = (event: MouseEvent) => {\n if (!dropdownRef.current?.contains(event.target as Node)) {\n setIsOpen(false);\n }\n };\n\n document.addEventListener('mousedown', handleClick);\n\n return () => {\n document.removeEventListener('mousedown', handleClick);\n };\n }, []);\n\n return (\n <DropdownContext.Provider\n value={{ selectedOption: { value: selectedValue ?? '', label: selectedLabel }, setSelectedOption: handleSelect }}\n >\n <VStack gap={2} w=\"full\" alignItems=\"flex-start\">\n {(label \|\| tooltipContent) && (\n <HStack\n gap={2}\n pointerEvents={disabled ? 'none' : 'auto'}\n opacity={disabled ? 0.3 : ''}\n transition={'all linear 120ms'}\n >\n {label && (\n <Text size=\"sm\" fontWeight=\"medium\">\n {label}\n </Text>\n )}\n\n {tooltipContent && (\n <Tooltip content={tooltipContent}>\n <IcoQuestionCircleFill className={css({ w: 4, h: 4, color: 'neutral.primary' })} />\n </Tooltip>\n )}\n </HStack>\n )}\n\n <button\n className={css({\n w: 'full',\n h: 'fit-content',\n bg: 'surface.primary',\n borderWidth: 'thin',\n borderColor: 'neutral.secondary',\n rounded: 'xl',\n transition: 'all linear 120ms',\n position: 'relative',\n cursor: 'pointer',\n outlineColor: 'brand.base',\n outlineStyle: isFocusVisible ? 'solid' : 'none',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n _hover: { borderColor: 'neutral.primary' },\n _disabled: { opacity: 0.3, pointerEvents: 'none' },\n })}\n ref={buttonRef}\n {...mergeProps(buttonProps, focusProps, keyboardProps)}\n >\n <HStack w=\"full\" p={4} justifyContent=\"space-between\" style={{ height: sizeProps.height }}>\n <Text truncate size={size} fontColor={selectedValue ? 'text.primary' : 'text.tertiary'}>\n {selectedLabel}\n </Text>\n {isOpen ? (\n <IcoCaretUp width={sizeProps.caret} height={sizeProps.caret} color={token('colors.brand.base')} />\n ) : (\n <IcoCaretDown width={sizeProps.caret} height={sizeProps.caret} color={token('colors.brand.base')} />\n )}\n </HStack>\n\n {isOpen && (\n <Box\n ref={dropdownRef}\n tabIndex={-1}\n py={2}\n bg=\"surface.primary\"\n position=\"absolute\"\n w=\"full\"\n rounded=\"input\"\n boxShadow=\"4px 8px 20px 0px rgba(0, 0, 0, 0.15)\"\n style={{ maxHeight: `${maxHeight}rem`, top: sizeProps.top }}\n overflowY=\"auto\"\n outline=\"none\"\n zIndex=\"max\"\n >\n {Children.map(children, (child, index) =>\n cloneElement(child as ReactElement<DropdownOptionProps>, {\n isFocused: index === focusedIndex,\n size,\n }),\n )}\n </Box>\n )}\n </button>\n </VStack>\n </DropdownContext.Provider>\n );\n};\n\nDropdownOption.displayName = 'DropdownOption';\nDropdownSelector.displayName = 'DropdownSelector';\n"],"names":["SIZES","DropdownContext","createContext","DropdownOption","value","label","size","isFocused","selectedOption","setSelectedOption","useContext","isSelected","sizeProps","handleSelectOption","useCallback","_jsxs","HStack","_jsx","Box","IcoCheckmark","token","Text","DropdownSelector","children","onSelect","placeholder","selectedValue","tooltipContent","disabled","viewMax","props","isOpen","setIsOpen","useState","focusedIndex","setFocusedIndex","buttonRef","useRef","dropdownRef","maxHeight","toggleDropdown","prev","_a","handleSelect","option","selectedLabel","useMemo","matchedChild","Children","child","buttonProps","useButton","focusProps","isFocusVisible","useFocusRing","keyboardProps","useKeyboard","event","newFocusedIndex","childArray","selectedChild","_b","useEffect","handleClick","VStack","Tooltip","IcoQuestionCircleFill","css","mergeProps","IcoCaretUp","IcoCaretDown","index","cloneElement"],"mappings":"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"}
1	+ {"version":3,"file":"dropdown-selector.js","sources":["../../../../src/components/primitives/dropdown-selector.tsx"],"sourcesContent":["import { Tooltip } from '@components/feedback';\nimport { IcoCaretDown, IcoCaretUp, IcoCheckmark, IcoQuestionCircleFill } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport {\n Children,\n cloneElement,\n createContext,\n ReactElement,\n ReactNode,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing, useKeyboard } from 'react-aria';\n\nexport interface DropdownSelectorProps extends AriaButtonProps {\n children: ReactNode;\n onSelect: (value: string) => void;\n label?: string;\n placeholder?: string;\n selectedValue?: string;\n size?: 'sm' \| 'md' \| 'lg';\n tooltipContent?: string;\n disabled?: boolean;\n viewMax?: 1 \| 2 \| 3 \| 4 \| 5 \| 6 \| 7 \| 8 \| 9 \| 10;\n}\n\nexport interface DropdownOptionProps {\n value: string;\n label: string;\n isFocused?: boolean;\n size?: DropdownSelectorProps['size'];\n}\n\ninterface OptionData {\n value: string;\n label: string;\n}\n\nexport interface DropdownContextType {\n selectedOption: OptionData \| null;\n setSelectedOption: (option: OptionData) => void;\n}\n\nconst SIZES = {\n sm: { caret: 16, check: 14, height: '2.625rem', top: 48, width: '0.75rem', mult: 2.25 },\n md: { caret: 17, check: 15, height: '2.8125rem', top: 52, width: '0.85rem', mult: 2.25 },\n lg: { caret: 18, check: 16, height: '3rem', top: 55, width: '1rem', mult: 2.5 },\n};\n\nconst DropdownContext = createContext<DropdownContextType>({\n selectedOption: null,\n setSelectedOption: () => {},\n});\n\nexport const DropdownOption = ({ value, label, size = 'lg', isFocused }: DropdownOptionProps) => {\n const { selectedOption, setSelectedOption } = useContext(DropdownContext);\n const isSelected = selectedOption?.value === value;\n const sizeProps = SIZES[size];\n\n const handleSelectOption = useCallback(() => {\n setSelectedOption({ value, label });\n }, [setSelectedOption, value, label]);\n\n return (\n <HStack\n py={1.5}\n gap={2}\n bg={isSelected ? 'brand.base' : isFocused ? 'brand.lightest' : ''}\n _hover={!isSelected ? { bg: 'brand.lightest' } : {}}\n onClick={handleSelectOption}\n style={{ paddingLeft: sizeProps.width, paddingRight: sizeProps.width }}\n >\n <Box style={{ minWidth: sizeProps.width }}>\n {isSelected && (\n <IcoCheckmark width={sizeProps.check} height={sizeProps.check} color={token('colors.text.quaternary')} />\n )}\n </Box>\n <Text\n size={size}\n fontWeight=\"medium\"\n fontColor={isSelected ? 'text.quaternary' : 'text.primary'}\n styles={{ textAlign: 'left' }}\n >\n {label}\n </Text>\n </HStack>\n );\n};\n\nexport const DropdownSelector = ({\n children,\n onSelect,\n label,\n placeholder = 'Select one',\n selectedValue,\n size = 'lg',\n tooltipContent,\n disabled,\n viewMax = 5,\n ...props\n}: DropdownSelectorProps) => {\n const [isOpen, setIsOpen] = useState(false);\n const [focusedIndex, setFocusedIndex] = useState<number \| null>(null);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n const sizeProps = SIZES[size];\n const maxHeight = viewMax * sizeProps.mult + 1;\n\n const toggleDropdown = useCallback(() => {\n setIsOpen(prev => !prev);\n if (!isOpen) {\n setFocusedIndex(null);\n setTimeout(() => dropdownRef.current?.focus());\n }\n }, [isOpen]);\n\n const handleSelect = useCallback(\n (option: OptionData) => {\n onSelect(option.value);\n setIsOpen(false);\n },\n [onSelect],\n );\n\n const selectedLabel = useMemo(() => {\n const childElements = Children.toArray(children) as ReactElement<DropdownOptionProps>[];\n const matchedChild = childElements.find(child => child.props.value === selectedValue);\n return matchedChild ? matchedChild.props.label : placeholder;\n }, [selectedValue, children]);\n\n const { buttonProps } = useButton(\n {\n ...props,\n isDisabled: disabled,\n onPress: toggleDropdown,\n },\n buttonRef,\n );\n\n const { focusProps, isFocusVisible } = useFocusRing();\n\n const { keyboardProps } = useKeyboard({\n onKeyDown: event => {\n if (!isOpen) return;\n\n let newFocusedIndex = focusedIndex;\n const childArray = Children.toArray(children);\n\n switch (event.key) {\n case 'ArrowUp':\n event.preventDefault();\n if (focusedIndex === null) {\n setFocusedIndex(Children.count(children) - 1);\n } else {\n newFocusedIndex = focusedIndex > 0 ? focusedIndex - 1 : Children.count(children) - 1;\n setFocusedIndex(newFocusedIndex);\n }\n break;\n case 'ArrowDown':\n event.preventDefault();\n if (focusedIndex === null) {\n setFocusedIndex(0);\n } else {\n newFocusedIndex = focusedIndex < Children.count(children) - 1 ? focusedIndex + 1 : 0;\n setFocusedIndex(newFocusedIndex);\n }\n break;\n case 'Enter':\n event.preventDefault();\n buttonRef.current?.focus();\n if (focusedIndex === null) return;\n if (focusedIndex >= 0 && focusedIndex < childArray.length) {\n const selectedChild = childArray[focusedIndex] as ReactElement<DropdownOptionProps>;\n if (selectedChild) {\n onSelect(selectedChild.props.value);\n }\n }\n break;\n case 'Escape':\n setIsOpen(false);\n buttonRef.current?.focus();\n break;\n default:\n break;\n }\n },\n });\n\n useEffect(() => {\n const handleClick = (event: MouseEvent) => {\n if (!dropdownRef.current?.contains(event.target as Node)) {\n setIsOpen(false);\n }\n };\n\n document.addEventListener('mousedown', handleClick);\n\n return () => {\n document.removeEventListener('mousedown', handleClick);\n };\n }, []);\n\n return (\n <DropdownContext.Provider\n value={{ selectedOption: { value: selectedValue ?? '', label: selectedLabel }, setSelectedOption: handleSelect }}\n >\n <VStack gap={2} w=\"full\" alignItems=\"flex-start\">\n {(label \|\| tooltipContent) && (\n <HStack\n gap={2}\n pointerEvents={disabled ? 'none' : 'auto'}\n opacity={disabled ? 0.3 : ''}\n transition={'all linear 120ms'}\n >\n {label && (\n <Text size=\"sm\" fontWeight=\"medium\">\n {label}\n </Text>\n )}\n\n {tooltipContent && (\n <Tooltip content={tooltipContent}>\n <IcoQuestionCircleFill className={css({ w: 4, h: 4, color: 'neutral.primary' })} />\n </Tooltip>\n )}\n </HStack>\n )}\n\n <button\n className={css({\n w: 'full',\n h: 'fit-content',\n bg: 'surface.primary',\n borderWidth: 'thin',\n borderColor: 'neutral.secondary',\n rounded: 'xl',\n transition: 'all linear 120ms',\n position: 'relative',\n cursor: 'pointer',\n outlineColor: 'brand.base',\n outlineStyle: isFocusVisible ? 'solid' : 'none',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n _hover: { borderColor: 'neutral.primary' },\n _disabled: { opacity: 0.3, pointerEvents: 'none' },\n })}\n ref={buttonRef}\n {...mergeProps(buttonProps, focusProps, keyboardProps)}\n >\n <HStack w=\"full\" p={4} justifyContent=\"space-between\" style={{ height: sizeProps.height }}>\n <Text truncate size={size} fontColor={selectedValue ? 'text.primary' : 'text.tertiary'}>\n {selectedLabel}\n </Text>\n {isOpen ? (\n <IcoCaretUp width={sizeProps.caret} height={sizeProps.caret} color={token('colors.brand.base')} />\n ) : (\n <IcoCaretDown width={sizeProps.caret} height={sizeProps.caret} color={token('colors.brand.base')} />\n )}\n </HStack>\n\n {isOpen && (\n <Box\n ref={dropdownRef}\n tabIndex={-1}\n py={2}\n bg=\"surface.primary\"\n position=\"absolute\"\n w=\"full\"\n rounded=\"input\"\n boxShadow=\"4px 8px 20px 0px rgba(0, 0, 0, 0.15)\"\n style={{ maxHeight: `${maxHeight}rem`, top: sizeProps.top }}\n overflowY=\"auto\"\n outline=\"none\"\n zIndex=\"max\"\n >\n {Children.map(children, (child, index) =>\n cloneElement(child as ReactElement<DropdownOptionProps>, {\n isFocused: index === focusedIndex,\n size,\n }),\n )}\n </Box>\n )}\n </button>\n </VStack>\n </DropdownContext.Provider>\n );\n};\n\nDropdownOption.displayName = 'DropdownOption';\nDropdownSelector.displayName = 'DropdownSelector';\n"],"names":["SIZES","DropdownContext","createContext","DropdownOption","value","label","size","isFocused","selectedOption","setSelectedOption","useContext","isSelected","sizeProps","handleSelectOption","useCallback","_jsxs","HStack","_jsx","Box","IcoCheckmark","token","Text","DropdownSelector","children","onSelect","placeholder","selectedValue","tooltipContent","disabled","viewMax","props","isOpen","setIsOpen","useState","focusedIndex","setFocusedIndex","buttonRef","useRef","dropdownRef","maxHeight","toggleDropdown","prev","_a","handleSelect","option","selectedLabel","useMemo","matchedChild","Children","child","buttonProps","useButton","focusProps","isFocusVisible","useFocusRing","keyboardProps","useKeyboard","event","newFocusedIndex","childArray","selectedChild","_b","useEffect","handleClick","VStack","Tooltip","IcoQuestionCircleFill","css","mergeProps","IcoCaretUp","IcoCaretDown","index","cloneElement"],"mappings":"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"}

package/dist/es/components/sections/verify-pincode.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as f,jsx as o}from"react/jsx-runtime";import"../feedback/callout.js";import{LoadingSpinner as u}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import{VStack as C,Center as x}from"@styled/jsx";import{token as y}from"@styled/tokens";import S from"../icons/ico-checkmark-circle-fill.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"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import"../inputs/phone-input.js";import{PinCodeInput as j}from"../inputs/pincode-input.js";import"../inputs/text-input.js";import{createSlot as k,createHost as F}from"create-slots";const i=k(({children:r})=>r),L=r=>{const{isPending:e,isSuccess:n,onChange:m,onComplete:p,originName:s,pinLength:c,id:a,autoFocus:g,errorMessage:t,children:h}=r,d=()=>e?o(u,{size:36,strokeWidth:4}):n?o(S,{color:y("colors.brand.base"),width:36,height:36}):o(j,{originName:s,onChange:m,pinLength:c,onComplete:p,id:a,autoFocus:g});return F(h,l=>f(C,{gap:3,my:3,children:[o(x,{height:12,children:d()}),t&&o(b,{variant:"error",size:"sm",styles:{textAlign:"center"},children:t}),l.get(i)]}))},P=Object.assign(L,{RetryContent:i});export{P as VerifyPincode};
+import{jsxs as f,jsx as o}from"react/jsx-runtime";import{token as u}from"@styled/tokens";import C from"../icons/ico-checkmark-circle-fill.js";import"react";import{VStack as x,Center as y}from"@styled/jsx";import"@styled/css";import"../feedback/callout.js";import{LoadingSpinner as S}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"../inputs/phone-input.js";import{PinCodeInput as j}from"../inputs/pincode-input.js";import"../inputs/text-input.js";import{createSlot as k,createHost as F}from"create-slots";const i=k(({children:r})=>r),L=r=>{const{isPending:e,isSuccess:m,onChange:n,onComplete:p,originName:s,pinLength:c,id:a,autoFocus:g,errorMessage:t,children:h}=r,d=()=>e?o(S,{size:36,strokeWidth:4}):m?o(C,{color:u("colors.brand.base"),width:36,height:36}):o(j,{originName:s,onChange:n,pinLength:c,onComplete:p,id:a,autoFocus:g});return F(h,l=>f(x,{gap:3,my:3,children:[o(y,{height:12,children:d()}),t&&o(b,{variant:"error",size:"sm",styles:{textAlign:"center"},children:t}),l.get(i)]}))},P=Object.assign(L,{RetryContent:i});export{P as VerifyPincode};
 //# sourceMappingURL=verify-pincode.js.map

package/dist/es/components/sections/verify-pincode.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"verify-pincode.js","sources":["../../../../src/components/sections/verify-pincode.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { IcoCheckmarkCircleFill } from '@components/icons';\nimport { PinCodeInput, PinCodeInputProps } from '@components/inputs';\nimport { Text } from '@components/primitives';\nimport { Center, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\n\nexport interface VerifyPincodeProps extends PinCodeInputProps {\n isPending: boolean;\n isSuccess: boolean;\n errorMessage?: string;\n children?: React.ReactNode;\n}\n\nconst RetryContent = createSlot(({ children }) => {\n return children;\n});\n\nconst VerifyPincodeHost = (props: VerifyPincodeProps) => {\n const { isPending, isSuccess, onChange, onComplete, originName, pinLength, id, autoFocus, errorMessage, children } =\n props;\n\n const renderPincodeOrStatus = () => {\n if (isPending) return <LoadingSpinner size={36} strokeWidth={4} />;\n\n if (isSuccess) return <IcoCheckmarkCircleFill color={token('colors.brand.base')} width={36} height={36} />;\n\n return (\n <PinCodeInput\n originName={originName}\n onChange={onChange}\n pinLength={pinLength}\n onComplete={onComplete}\n id={id}\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={autoFocus}\n />\n );\n };\n\n return createHost(children, slots => {\n return (\n <VStack gap={3} my={3}>\n <Center height={12}>{renderPincodeOrStatus()}</Center>\n {errorMessage && (\n <Text variant=\"error\" size=\"sm\" styles={{ textAlign: 'center' }}>\n {errorMessage}\n </Text>\n )}\n {slots.get(RetryContent)}\n </VStack>\n );\n });\n};\n\nexport const VerifyPincode = Object.assign(VerifyPincodeHost, { RetryContent });\n"],"names":["RetryContent","createSlot","children","VerifyPincodeHost","props","isPending","isSuccess","onChange","onComplete","originName","pinLength","id","autoFocus","errorMessage","renderPincodeOrStatus","_jsx","LoadingSpinner","IcoCheckmarkCircleFill","token","PinCodeInput","createHost","slots","_jsxs","VStack","Center","Text","VerifyPincode"],"mappings":"~~g6BAeA~~,MAAMA,EAAeC,EAAW,CAAC,CAAE,SAAAC,CAAU,IACpCA,CACR,EAEKC,EAAqBC,GAA6B,CACtD,KAAM,CAAE,UAAAC,EAAW,UAAAC,EAAW,SAAAC,EAAU,WAAAC,EAAY,WAAAC,EAAY,UAAAC,EAAW,GAAAC,EAAI,UAAAC,EAAW,aAAAC,EAAc,SAAAX,CAAQ,EAC9GE,EAEIU,EAAwB,IACxBT,EAAkBU,EAACC,EAAc,CAAC,KAAM,GAAI,YAAa,CAAC,CAAA,EAE1DV,EAAkBS,EAACE,EAAsB,CAAC,MAAOC,EAAM,mBAAmB,EAAG,MAAO,GAAI,OAAQ,KAGlGH,EAACI,EAAY,CACX,WAAYV,EACZ,SAAUF,EACV,UAAWG,EACX,WAAYF,EACZ,GAAIG,EAEJ,UAAWC,CACX,CAAA,EAIN,OAAOQ,EAAWlB,EAAUmB,GAExBC,EAACC,EAAO,CAAA,IAAK,EAAG,GAAI,EAClB,SAAA,CAAAR,EAACS,EAAO,CAAA,OAAQ,GAAK,SAAAV,GAAuB,CAAA,EAC3CD,GACCE,EAACU,GAAK,QAAQ,QAAQ,KAAK,KAAK,OAAQ,CAAE,UAAW,QAAU,EAAA,SAC5DZ,CAAY,CAAA,EAGhBQ,EAAM,IAAIrB,CAAY,CAAC,CACjB,CAAA,CAEZ,CACH,EAEa0B,EAAgB,OAAO,OAAOvB,EAAmB,CAAE,aAAAH,CAAY,CAAE"}
1	+ {"version":3,"file":"verify-pincode.js","sources":["../../../../src/components/sections/verify-pincode.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { IcoCheckmarkCircleFill } from '@components/icons';\nimport { PinCodeInput, PinCodeInputProps } from '@components/inputs';\nimport { Text } from '@components/primitives';\nimport { Center, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\n\nexport interface VerifyPincodeProps extends PinCodeInputProps {\n isPending: boolean;\n isSuccess: boolean;\n errorMessage?: string;\n children?: React.ReactNode;\n}\n\nconst RetryContent = createSlot(({ children }) => {\n return children;\n});\n\nconst VerifyPincodeHost = (props: VerifyPincodeProps) => {\n const { isPending, isSuccess, onChange, onComplete, originName, pinLength, id, autoFocus, errorMessage, children } =\n props;\n\n const renderPincodeOrStatus = () => {\n if (isPending) return <LoadingSpinner size={36} strokeWidth={4} />;\n\n if (isSuccess) return <IcoCheckmarkCircleFill color={token('colors.brand.base')} width={36} height={36} />;\n\n return (\n <PinCodeInput\n originName={originName}\n onChange={onChange}\n pinLength={pinLength}\n onComplete={onComplete}\n id={id}\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={autoFocus}\n />\n );\n };\n\n return createHost(children, slots => {\n return (\n <VStack gap={3} my={3}>\n <Center height={12}>{renderPincodeOrStatus()}</Center>\n {errorMessage && (\n <Text variant=\"error\" size=\"sm\" styles={{ textAlign: 'center' }}>\n {errorMessage}\n </Text>\n )}\n {slots.get(RetryContent)}\n </VStack>\n );\n });\n};\n\nexport const VerifyPincode = Object.assign(VerifyPincodeHost, { RetryContent });\n"],"names":["RetryContent","createSlot","children","VerifyPincodeHost","props","isPending","isSuccess","onChange","onComplete","originName","pinLength","id","autoFocus","errorMessage","renderPincodeOrStatus","_jsx","LoadingSpinner","IcoCheckmarkCircleFill","token","PinCodeInput","createHost","slots","_jsxs","VStack","Center","Text","VerifyPincode"],"mappings":"o7BAeA,MAAMA,EAAeC,EAAW,CAAC,CAAE,SAAAC,CAAU,IACpCA,CACR,EAEKC,EAAqBC,GAA6B,CACtD,KAAM,CAAE,UAAAC,EAAW,UAAAC,EAAW,SAAAC,EAAU,WAAAC,EAAY,WAAAC,EAAY,UAAAC,EAAW,GAAAC,EAAI,UAAAC,EAAW,aAAAC,EAAc,SAAAX,CAAQ,EAC9GE,EAEIU,EAAwB,IACxBT,EAAkBU,EAACC,EAAc,CAAC,KAAM,GAAI,YAAa,CAAC,CAAA,EAE1DV,EAAkBS,EAACE,EAAsB,CAAC,MAAOC,EAAM,mBAAmB,EAAG,MAAO,GAAI,OAAQ,KAGlGH,EAACI,EAAY,CACX,WAAYV,EACZ,SAAUF,EACV,UAAWG,EACX,WAAYF,EACZ,GAAIG,EAEJ,UAAWC,CACX,CAAA,EAIN,OAAOQ,EAAWlB,EAAUmB,GAExBC,EAACC,EAAO,CAAA,IAAK,EAAG,GAAI,EAClB,SAAA,CAAAR,EAACS,EAAO,CAAA,OAAQ,GAAK,SAAAV,GAAuB,CAAA,EAC3CD,GACCE,EAACU,GAAK,QAAQ,QAAQ,KAAK,KAAK,OAAQ,CAAE,UAAW,QAAU,EAAA,SAC5DZ,CAAY,CAAA,EAGhBQ,EAAM,IAAIrB,CAAY,CAAC,CACjB,CAAA,CAEZ,CACH,EAEa0B,EAAgB,OAAO,OAAOvB,EAAmB,CAAE,aAAAH,CAAY,CAAE"}