@magiclabs/ui-components 1.15.2 → 1.16.1

package/dist/cjs/index.js

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

package/dist/cjs/recipes/overlay.js

@@ -1,2 +1,2 @@
-"use strict";var a=require("@styled/css");const i=a.sva({slots:["bg","container"],base:{bg:{height:"full",width:"full",pointerEvents:"all",position:"fixed",top:0,left:0},container:{height:"100vh",width:"100vw",maxWidth:"100rem",position:"relative",margin:"0 auto"}},variants:{animate:{false:{bg:{animationName:"none"}}},backgroundType:{blurred:{bg:{backdropBlur:"0.375rem",backdropFilter:"auto",backgroundColor:"surface.primary/70"}},solid:{bg:{backgroundColor:"surface.tertiary"}},transparent:{},none:{}},hide:{false:{}}},compoundVariants:[{animate:!0,hide:!1,css:{bg:{animationFillMode:"forwards",animationName:"fadeIn",animationDuration:"400ms"}}},{animate:!0,hide:!0,css:{bg:{animationFillMode:"forwards",animationName:"fadeOut",animationDuration:"400ms"}}}],defaultVariants:{animate:!0,backgroundType:"none",hide:!1}});exports.overlay=i;
+"use strict";var a=require("@styled/css");const i=a.sva({slots:["bg","container"],base:{bg:{height:"full",width:"full",pointerEvents:"all",position:"fixed",top:0,left:0},container:{height:"fit-content",width:"100vw",maxWidth:"100rem",position:"relative",margin:"0 auto"}},variants:{animate:{false:{bg:{animationName:"none"}}},backgroundType:{blurred:{bg:{backdropBlur:"0.375rem",backdropFilter:"auto",backgroundColor:"surface.primary/70"}},solid:{bg:{backgroundColor:"surface.tertiary"}},transparent:{},none:{}},hide:{false:{}}},compoundVariants:[{animate:!0,hide:!1,css:{bg:{animationFillMode:"forwards",animationName:"fadeIn",animationDuration:"400ms"}}},{animate:!0,hide:!0,css:{bg:{animationFillMode:"forwards",animationName:"fadeOut",animationDuration:"400ms"}}}],defaultVariants:{animate:!0,backgroundType:"none",hide:!1}});exports.overlay=i;
 //# sourceMappingURL=overlay.js.map

package/dist/cjs/recipes/overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"overlay.js","sources":["../../../src/recipes/overlay.ts"],"sourcesContent":["import { sva, type RecipeVariantProps } from '@styled/css';\n\nexport const overlay = sva({\n  slots: ['bg', 'container'],\n  base: {\n    bg: {\n      height: 'full',\n      width: 'full',\n      pointerEvents: 'all',\n      position: 'fixed',\n      top: 0,\n      left: 0,\n    },\n    container: {\n      height: '100vh',\n      width: '100vw',\n      maxWidth: '100rem',\n      position: 'relative',\n      margin: '0 auto',\n    },\n  },\n  variants: {\n    animate: {\n      false: {\n        bg: {\n          animationName: 'none',\n        },\n      },\n    },\n    backgroundType: {\n      blurred: {\n        bg: {\n          backdropBlur: '0.375rem',\n          backdropFilter: 'auto',\n          backgroundColor: 'surface.primary/70',\n        },\n      },\n      solid: {\n        bg: {\n          backgroundColor: 'surface.tertiary',\n        },\n      },\n      transparent: {},\n      none: {},\n    },\n    hide: { false: {} },\n  },\n  compoundVariants: [\n    {\n      animate: true,\n      hide: false,\n      css: {\n        bg: {\n          animationFillMode: 'forwards',\n          animationName: 'fadeIn',\n          animationDuration: '400ms',\n        },\n      },\n    },\n    {\n      animate: true,\n      hide: true,\n      css: {\n        bg: {\n          animationFillMode: 'forwards',\n          animationName: 'fadeOut',\n          animationDuration: '400ms',\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    animate: true,\n    backgroundType: 'none',\n    hide: false,\n  },\n});\n\nexport type OverlayVariants = RecipeVariantProps<typeof overlay>;\n"],"names":["overlay","sva"],"mappings":"0CAEO,MAAMA,EAAUC,EAAAA,IAAI,CACzB,MAAO,CAAC,KAAM,WAAW,EACzB,KAAM,CACJ,GAAI,CACF,OAAQ,OACR,MAAO,OACP,cAAe,MACf,SAAU,QACV,IAAK,EACL,KAAM,CACP,EACD,UAAW,CACT,OAAQ,QACR,MAAO,QACP,SAAU,SACV,SAAU,WACV,OAAQ,QACT,CACF,EACD,SAAU,CACR,QAAS,CACP,MAAO,CACL,GAAI,CACF,cAAe,MAChB,CACF,CACF,EACD,eAAgB,CACd,QAAS,CACP,GAAI,CACF,aAAc,WACd,eAAgB,OAChB,gBAAiB,oBAClB,CACF,EACD,MAAO,CACL,GAAI,CACF,gBAAiB,kBAClB,CACF,EACD,YAAa,CAAE,EACf,KAAM,CAAA,CACP,EACD,KAAM,CAAE,MAAO,CAAI,CAAA,CACpB,EACD,iBAAkB,CAChB,CACE,QAAS,GACT,KAAM,GACN,IAAK,CACH,GAAI,CACF,kBAAmB,WACnB,cAAe,SACf,kBAAmB,OACpB,CACF,CACF,EACD,CACE,QAAS,GACT,KAAM,GACN,IAAK,CACH,GAAI,CACF,kBAAmB,WACnB,cAAe,UACf,kBAAmB,OACpB,CACF,CACF,CACF,EACD,gBAAiB,CACf,QAAS,GACT,eAAgB,OAChB,KAAM,EACP,CACF,CAAA"}
+{"version":3,"file":"overlay.js","sources":["../../../src/recipes/overlay.ts"],"sourcesContent":["import { sva, type RecipeVariantProps } from '@styled/css';\n\nexport const overlay = sva({\n  slots: ['bg', 'container'],\n  base: {\n    bg: {\n      height: 'full',\n      width: 'full',\n      pointerEvents: 'all',\n      position: 'fixed',\n      top: 0,\n      left: 0,\n    },\n    container: {\n      height: 'fit-content',\n      width: '100vw',\n      maxWidth: '100rem',\n      position: 'relative',\n      margin: '0 auto',\n    },\n  },\n  variants: {\n    animate: {\n      false: {\n        bg: {\n          animationName: 'none',\n        },\n      },\n    },\n    backgroundType: {\n      blurred: {\n        bg: {\n          backdropBlur: '0.375rem',\n          backdropFilter: 'auto',\n          backgroundColor: 'surface.primary/70',\n        },\n      },\n      solid: {\n        bg: {\n          backgroundColor: 'surface.tertiary',\n        },\n      },\n      transparent: {},\n      none: {},\n    },\n    hide: { false: {} },\n  },\n  compoundVariants: [\n    {\n      animate: true,\n      hide: false,\n      css: {\n        bg: {\n          animationFillMode: 'forwards',\n          animationName: 'fadeIn',\n          animationDuration: '400ms',\n        },\n      },\n    },\n    {\n      animate: true,\n      hide: true,\n      css: {\n        bg: {\n          animationFillMode: 'forwards',\n          animationName: 'fadeOut',\n          animationDuration: '400ms',\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    animate: true,\n    backgroundType: 'none',\n    hide: false,\n  },\n});\n\nexport type OverlayVariants = RecipeVariantProps<typeof overlay>;\n"],"names":["overlay","sva"],"mappings":"0CAEO,MAAMA,EAAUC,EAAAA,IAAI,CACzB,MAAO,CAAC,KAAM,WAAW,EACzB,KAAM,CACJ,GAAI,CACF,OAAQ,OACR,MAAO,OACP,cAAe,MACf,SAAU,QACV,IAAK,EACL,KAAM,CACP,EACD,UAAW,CACT,OAAQ,cACR,MAAO,QACP,SAAU,SACV,SAAU,WACV,OAAQ,QACT,CACF,EACD,SAAU,CACR,QAAS,CACP,MAAO,CACL,GAAI,CACF,cAAe,MAChB,CACF,CACF,EACD,eAAgB,CACd,QAAS,CACP,GAAI,CACF,aAAc,WACd,eAAgB,OAChB,gBAAiB,oBAClB,CACF,EACD,MAAO,CACL,GAAI,CACF,gBAAiB,kBAClB,CACF,EACD,YAAa,CAAE,EACf,KAAM,CAAA,CACP,EACD,KAAM,CAAE,MAAO,CAAI,CAAA,CACpB,EACD,iBAAkB,CAChB,CACE,QAAS,GACT,KAAM,GACN,IAAK,CACH,GAAI,CACF,kBAAmB,WACnB,cAAe,SACf,kBAAmB,OACpB,CACF,CACF,EACD,CACE,QAAS,GACT,KAAM,GACN,IAAK,CACH,GAAI,CACF,kBAAmB,WACnB,cAAe,UACf,kBAAmB,OACpB,CACF,CACF,CACF,EACD,gBAAiB,CACf,QAAS,GACT,eAAgB,OAChB,KAAM,EACP,CACF,CAAA"}

package/dist/cjs/recipes/toast.js

@@ -0,0 +1,2 @@
+"use strict";var t=require("@styled/css");const e=t.sva({slots:["container","portal","toast","icon","dismiss"],base:{portal:{boxSizing:"border-box",position:"fixed",zIndex:"max",top:0,left:0,height:"100vh",width:"100vw",pointerEvents:"none"},container:{height:"full",width:"full",p:"20px"},toast:{py:2,px:4,rounded:10,boxShadow:"4px 8px 20px 0px rgba(0, 0, 0, 0.15)"},dismiss:{cursor:"pointer",pointerEvents:"all"},icon:{color:"chalk",height:"1rem",width:"1rem"}},variants:{variant:{branded:{toast:{backgroundColor:"brand.base"}},success:{toast:{backgroundColor:"positive.darker"}},warning:{toast:{backgroundColor:"warning.darker"}},error:{toast:{backgroundColor:"negative.darker"}},neutral:{toast:{backgroundColor:"text.tertiary"}}},position:{top:{container:{alignItems:"center",justifyContent:"flex-start"}},"top-left":{container:{alignItems:"flex-start",justifyContent:"flex-start"}},"top-right":{container:{alignItems:"flex-end",justifyContent:"flex-start"}},bottom:{container:{alignItems:"center",justifyContent:"flex-end"}},"bottom-left":{container:{alignItems:"flex-start",justifyContent:"flex-end"}},"bottom-right":{container:{alignItems:"flex-end",justifyContent:"flex-end"}}}},defaultVariants:{position:"top-right",variant:"branded"}});exports.toast=e;
+//# sourceMappingURL=toast.js.map

package/dist/cjs/recipes/toast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.js","sources":["../../../src/recipes/toast.ts"],"sourcesContent":["import { sva, type RecipeVariantProps } from '@styled/css';\n\nexport const toast = sva({\n  slots: ['container', 'portal', 'toast', 'icon', 'dismiss'],\n  base: {\n    portal: {\n      boxSizing: 'border-box',\n      position: 'fixed',\n      zIndex: 'max',\n      top: 0,\n      left: 0,\n      height: '100vh',\n      width: '100vw',\n      pointerEvents: 'none',\n    },\n    container: {\n      height: 'full',\n      width: 'full',\n      p: '20px',\n    },\n    toast: {\n      py: 2,\n      px: 4,\n      rounded: 10,\n      boxShadow: '4px 8px 20px 0px rgba(0, 0, 0, 0.15)',\n    },\n    dismiss: {\n      cursor: 'pointer',\n      pointerEvents: 'all',\n    },\n    icon: {\n      color: 'chalk',\n      height: '1rem',\n      width: '1rem',\n    },\n  },\n  variants: {\n    variant: {\n      branded: {\n        toast: {\n          backgroundColor: 'brand.base',\n        },\n      },\n      success: {\n        toast: {\n          backgroundColor: 'positive.darker',\n        },\n      },\n      warning: {\n        toast: {\n          backgroundColor: 'warning.darker',\n        },\n      },\n      error: {\n        toast: {\n          backgroundColor: 'negative.darker',\n        },\n      },\n      neutral: {\n        toast: {\n          backgroundColor: 'text.tertiary',\n        },\n      },\n    },\n    position: {\n      top: {\n        container: {\n          alignItems: 'center',\n          justifyContent: 'flex-start',\n        },\n      },\n      'top-left': {\n        container: {\n          alignItems: 'flex-start',\n          justifyContent: 'flex-start',\n        },\n      },\n      'top-right': {\n        container: {\n          alignItems: 'flex-end',\n          justifyContent: 'flex-start',\n        },\n      },\n      bottom: {\n        container: {\n          alignItems: 'center',\n          justifyContent: 'flex-end',\n        },\n      },\n      'bottom-left': {\n        container: {\n          alignItems: 'flex-start',\n          justifyContent: 'flex-end',\n        },\n      },\n      'bottom-right': {\n        container: {\n          alignItems: 'flex-end',\n          justifyContent: 'flex-end',\n        },\n      },\n    },\n  },\n  defaultVariants: {\n    position: 'top-right',\n    variant: 'branded',\n  },\n});\n\nexport type ToastVariants = RecipeVariantProps<typeof toast>;\n"],"names":["toast","sva"],"mappings":"0CAEO,MAAMA,EAAQC,EAAI,IAAA,CACvB,MAAO,CAAC,YAAa,SAAU,QAAS,OAAQ,SAAS,EACzD,KAAM,CACJ,OAAQ,CACN,UAAW,aACX,SAAU,QACV,OAAQ,MACR,IAAK,EACL,KAAM,EACN,OAAQ,QACR,MAAO,QACP,cAAe,MAChB,EACD,UAAW,CACT,OAAQ,OACR,MAAO,OACP,EAAG,MACJ,EACD,MAAO,CACL,GAAI,EACJ,GAAI,EACJ,QAAS,GACT,UAAW,sCACZ,EACD,QAAS,CACP,OAAQ,UACR,cAAe,KAChB,EACD,KAAM,CACJ,MAAO,QACP,OAAQ,OACR,MAAO,MACR,CACF,EACD,SAAU,CACR,QAAS,CACP,QAAS,CACP,MAAO,CACL,gBAAiB,YAClB,CACF,EACD,QAAS,CACP,MAAO,CACL,gBAAiB,iBAClB,CACF,EACD,QAAS,CACP,MAAO,CACL,gBAAiB,gBAClB,CACF,EACD,MAAO,CACL,MAAO,CACL,gBAAiB,iBAClB,CACF,EACD,QAAS,CACP,MAAO,CACL,gBAAiB,eAClB,CACF,CACF,EACD,SAAU,CACR,IAAK,CACH,UAAW,CACT,WAAY,SACZ,eAAgB,YACjB,CACF,EACD,WAAY,CACV,UAAW,CACT,WAAY,aACZ,eAAgB,YACjB,CACF,EACD,YAAa,CACX,UAAW,CACT,WAAY,WACZ,eAAgB,YACjB,CACF,EACD,OAAQ,CACN,UAAW,CACT,WAAY,SACZ,eAAgB,UACjB,CACF,EACD,cAAe,CACb,UAAW,CACT,WAAY,aACZ,eAAgB,UACjB,CACF,EACD,eAAgB,CACd,UAAW,CACT,WAAY,WACZ,eAAgB,UACjB,CACF,CACF,CACF,EACD,gBAAiB,CACf,SAAU,YACV,QAAS,SACV,CACF,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sources":["../../../../src/components/containers/drawer.tsx"],"sourcesContent":["import { IcoCaretDown } from '@components/icons';\nimport { Button, Text } from '@components/primitives';\nimport { Box, HStack } from '@styled/jsx';\nimport { useCallback, useEffect, useRef, useState } from 'react';\n\nexport interface DrawerProps {\n  onToggle: (isOpen: boolean) => void;\n  isOpen: boolean;\n  title?: string;\n  children: React.ReactNode;\n}\n\nexport const Drawer = ({ isOpen = false, title, onToggle, children }: DrawerProps) => {\n  const [shouldRender, setShouldRender] = useState(isOpen);\n  const [isVisible, setIsVisible] = useState(isOpen);\n  const drawerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    let timeoutId: NodeJS.Timeout;\n\n    if (isOpen) {\n      setShouldRender(true);\n      timeoutId = setTimeout(() => setIsVisible(true), 10);\n    } else {\n      setIsVisible(false);\n    }\n\n    return () => clearTimeout(timeoutId);\n  }, [isOpen]);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (drawerRef.current && !drawerRef.current.contains(event.target as Node)) {\n        onToggle(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [onToggle]);\n\n  const handleTransitionEnd = () => {\n    if (!isOpen) {\n      setShouldRender(false);\n    }\n  };\n  const handleClose = useCallback(() => {\n    onToggle(false);\n  }, [onToggle]);\n\n  return (\n    <>\n      <Box\n        position=\"absolute\"\n        display={isOpen ? 'block' : 'none'}\n        h=\"full\"\n        bottom={0}\n        left={0}\n        right={0}\n        bg=\"text.primary/20\"\n        backdropFilter=\"blur(3px)\"\n      />\n      {shouldRender && (\n        <Box\n          ref={drawerRef}\n          position=\"absolute\"\n          transform={isVisible ? 'translateY(0)' : 'translateY(100%)'}\n          transition=\"transform 0.3s\"\n          bottom={0}\n          left={0}\n          right={0}\n          bg=\"surface.primary\"\n          rounded=\"xl\"\n          boxShadow=\"0px -12px 56px 0px rgba(119, 118, 122, 0.15)\"\n          onTransitionEnd={handleTransitionEnd}\n        >\n          <HStack justifyContent=\"space-between\" p={6} pb={5}>\n            <Text styles={{ fontWeight: 'bold' }}>{title}</Text>\n            <Button size=\"sm\" variant=\"neutral\" onPress={handleClose}>\n              <Button.LeadingIcon>\n                <IcoCaretDown />\n              </Button.LeadingIcon>\n            </Button>\n          </HStack>\n          <Box px={6} pb={8}>\n            {children}\n          </Box>\n        </Box>\n      )}\n    </>\n  );\n};\n"],"names":["Drawer","isOpen","title","onToggle","children","shouldRender","setShouldRender","useState","isVisible","setIsVisible","drawerRef","useRef","useEffect","timeoutId","handleClickOutside","event","handleTransitionEnd","handleClose","useCallback","_jsxs","_Fragment","_jsx","Box","HStack","Text","Button","IcoCaretDown"],"mappings":"qfAYa,MAAAA,EAAS,CAAC,CAAE,OAAAC,EAAS,GAAO,MAAAC,EAAO,SAAAC,EAAU,SAAAC,CAAQ,IAAmB,CACnF,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAASN,CAAM,EACjD,CAACO,EAAWC,CAAY,EAAIF,EAASN,CAAM,EAC3CS,EAAYC,EAAuB,IAAI,EAE7CC,EAAU,IAAK,CACb,IAAIC,EAEJ,OAAIZ,GACFK,EAAgB,EAAI,EACpBO,EAAY,WAAW,IAAMJ,EAAa,EAAI,EAAG,EAAE,GAEnDA,EAAa,EAAK,EAGb,IAAM,aAAaI,CAAS,CACrC,EAAG,CAACZ,CAAM,CAAC,EAEXW,EAAU,IAAK,CACb,MAAME,EAAsBC,GAAqB,CAC3CL,EAAU,SAAW,CAACA,EAAU,QAAQ,SAASK,EAAM,MAAc,GACvEZ,EAAS,EAAK,CAElB,EAEA,OAAS,SAAA,iBAAiB,YAAaW,CAAkB,EAClD,IAAK,CACV,SAAS,oBAAoB,YAAaA,CAAkB,CAC9D,CACF,EAAG,CAACX,CAAQ,CAAC,EAEb,MAAMa,EAAsB,IAAK,CAC1Bf,GACHK,EAAgB,EAAK,CAEzB,EACMW,EAAcC,EAAY,IAAK,CACnCf,EAAS,EAAK,CAChB,EAAG,CAACA,CAAQ,CAAC,EAEb,OACEgB,EACEC,EAAA,CAAA,SAAA,CAAAC,EAACC,EACC,CAAA,SAAS,WACT,QAASrB,EAAS,QAAU,OAC5B,EAAE,OACF,OAAQ,EACR,KAAM,EACN,MAAO,EACP,GAAG,kBACH,eAAe,WAAW,CAAA,EAE3BI,GACCc,EAACG,GACC,IAAKZ,EACL,SAAS,WACT,UAAWF,EAAY,gBAAkB,mBACzC,WAAW,iBACX,OAAQ,EACR,KAAM,EACN,MAAO,EACP,GAAG,kBACH,QAAQ,KACR,UAAU,+CACV,gBAAiBQ,EAAmB,SAAA,CAEpCG,EAACI,EAAM,CAAC,eAAe,gBAAgB,EAAG,EAAG,GAAI,YAC/CF,EAACG,GAAK,OAAQ,CAAE,WAAY,MAAQ,EAAA,SAAGtB,CAAa,CAAA,EACpDmB,EAACI,GAAO,KAAK,KAAK,QAAQ,UAAU,QAASR,WAC3CI,EAACI,EAAO,YAAW,CAAA,SACjBJ,EAACK,EAAY,CAAA,CAAA,CACM,CAAA,CAAA,CAAA,CACd,IAEXL,EAACC,EAAI,CAAA,GAAI,EAAG,GAAI,WACblB,CAAQ,CAAA,CACL,GAET,CAAA,CAAA,CAGP"}
+{"version":3,"file":"drawer.js","sources":["../../../../src/components/containers/drawer.tsx"],"sourcesContent":["import { IcoCaretDown } from '@components/icons';\nimport { Button, Text } from '@components/primitives';\nimport { Box, HStack } from '@styled/jsx';\nimport { PropsWithChildren, useCallback, useEffect, useRef, useState } from 'react';\n\nexport interface DrawerProps extends PropsWithChildren {\n  onToggle: (isOpen: boolean) => void;\n  isOpen: boolean;\n  title?: string;\n}\n\nexport const Drawer = ({ isOpen = false, title, onToggle, children }: DrawerProps) => {\n  const [shouldRender, setShouldRender] = useState(isOpen);\n  const [isVisible, setIsVisible] = useState(isOpen);\n  const drawerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    let timeoutId: NodeJS.Timeout;\n\n    if (isOpen) {\n      setShouldRender(true);\n      timeoutId = setTimeout(() => setIsVisible(true), 10);\n    } else {\n      setIsVisible(false);\n    }\n\n    return () => clearTimeout(timeoutId);\n  }, [isOpen]);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (drawerRef.current && !drawerRef.current.contains(event.target as Node)) {\n        onToggle(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [onToggle]);\n\n  const handleTransitionEnd = () => {\n    if (!isOpen) {\n      setShouldRender(false);\n    }\n  };\n  const handleClose = useCallback(() => {\n    onToggle(false);\n  }, [onToggle]);\n\n  return (\n    <>\n      <Box\n        position=\"absolute\"\n        display={isOpen ? 'block' : 'none'}\n        h=\"full\"\n        bottom={0}\n        left={0}\n        right={0}\n        bg=\"text.primary/20\"\n        backdropFilter=\"blur(3px)\"\n      />\n      {shouldRender && (\n        <Box\n          ref={drawerRef}\n          position=\"absolute\"\n          transform={isVisible ? 'translateY(0)' : 'translateY(100%)'}\n          transition=\"transform 0.3s\"\n          bottom={0}\n          left={0}\n          right={0}\n          bg=\"surface.primary\"\n          rounded=\"xl\"\n          boxShadow=\"0px -12px 56px 0px rgba(119, 118, 122, 0.15)\"\n          onTransitionEnd={handleTransitionEnd}\n        >\n          <HStack justifyContent=\"space-between\" p={6} pb={5}>\n            <Text styles={{ fontWeight: 'bold' }}>{title}</Text>\n            <Button size=\"sm\" variant=\"neutral\" onPress={handleClose}>\n              <Button.LeadingIcon>\n                <IcoCaretDown />\n              </Button.LeadingIcon>\n            </Button>\n          </HStack>\n          <Box px={6} pb={8}>\n            {children}\n          </Box>\n        </Box>\n      )}\n    </>\n  );\n};\n"],"names":["Drawer","isOpen","title","onToggle","children","shouldRender","setShouldRender","useState","isVisible","setIsVisible","drawerRef","useRef","useEffect","timeoutId","handleClickOutside","event","handleTransitionEnd","handleClose","useCallback","_jsxs","_Fragment","_jsx","Box","HStack","Text","Button","IcoCaretDown"],"mappings":"qfAWa,MAAAA,EAAS,CAAC,CAAE,OAAAC,EAAS,GAAO,MAAAC,EAAO,SAAAC,EAAU,SAAAC,CAAQ,IAAmB,CACnF,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAASN,CAAM,EACjD,CAACO,EAAWC,CAAY,EAAIF,EAASN,CAAM,EAC3CS,EAAYC,EAAuB,IAAI,EAE7CC,EAAU,IAAK,CACb,IAAIC,EAEJ,OAAIZ,GACFK,EAAgB,EAAI,EACpBO,EAAY,WAAW,IAAMJ,EAAa,EAAI,EAAG,EAAE,GAEnDA,EAAa,EAAK,EAGb,IAAM,aAAaI,CAAS,CACrC,EAAG,CAACZ,CAAM,CAAC,EAEXW,EAAU,IAAK,CACb,MAAME,EAAsBC,GAAqB,CAC3CL,EAAU,SAAW,CAACA,EAAU,QAAQ,SAASK,EAAM,MAAc,GACvEZ,EAAS,EAAK,CAElB,EAEA,OAAS,SAAA,iBAAiB,YAAaW,CAAkB,EAClD,IAAK,CACV,SAAS,oBAAoB,YAAaA,CAAkB,CAC9D,CACF,EAAG,CAACX,CAAQ,CAAC,EAEb,MAAMa,EAAsB,IAAK,CAC1Bf,GACHK,EAAgB,EAAK,CAEzB,EACMW,EAAcC,EAAY,IAAK,CACnCf,EAAS,EAAK,CAChB,EAAG,CAACA,CAAQ,CAAC,EAEb,OACEgB,EACEC,EAAA,CAAA,SAAA,CAAAC,EAACC,EACC,CAAA,SAAS,WACT,QAASrB,EAAS,QAAU,OAC5B,EAAE,OACF,OAAQ,EACR,KAAM,EACN,MAAO,EACP,GAAG,kBACH,eAAe,WAAW,CAAA,EAE3BI,GACCc,EAACG,GACC,IAAKZ,EACL,SAAS,WACT,UAAWF,EAAY,gBAAkB,mBACzC,WAAW,iBACX,OAAQ,EACR,KAAM,EACN,MAAO,EACP,GAAG,kBACH,QAAQ,KACR,UAAU,+CACV,gBAAiBQ,EAAmB,SAAA,CAEpCG,EAACI,EAAM,CAAC,eAAe,gBAAgB,EAAG,EAAG,GAAI,YAC/CF,EAACG,GAAK,OAAQ,CAAE,WAAY,MAAQ,EAAA,SAAGtB,CAAa,CAAA,EACpDmB,EAACI,GAAO,KAAK,KAAK,QAAQ,UAAU,QAASR,WAC3CI,EAACI,EAAO,YAAW,CAAA,SACjBJ,EAACK,EAAY,CAAA,CAAA,CACM,CAAA,CAAA,CAAA,CACd,IAEXL,EAACC,EAAI,CAAA,GAAI,EAAG,GAAI,WACblB,CAAQ,CAAA,CACL,GAET,CAAA,CAAA,CAGP"}

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

@@ -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/tooltip.js";import{token as h}from"@styled/tokens";import b from"../logos/logo-pay-pal-wordmark.js";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import g from"../primitives/text.js";import{button as P}from"../../recipes/button.js";import{cx as x,css as y}from"@styled/css";import{HStack as k,Box as j}from"@styled/jsx";import{forwardRef as w,useRef as B}from"react";import{useButton as v,useFocusRing as R,mergeProps as S}from"react-aria";const n=w((t,s)=>{const{disabled:i,expand:m,validating:r}=t,l=P({expand:m,validating:r}),p=B(null),e=s||p,{buttonProps:a}=v({...t,isDisabled:i??!1},e),{isFocusVisible:f,focusProps:d}=R();return o("button",{className:x(l.button,y({bg:"#ffc439",outlineColor:"#ffc439",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(k,{w:"full",gap:1,justifyContent:"center",children:[o(g,{styles:{fontWeight:600,color:h("colors.ink.90")},children:"Pay with"}),o(j,{mt:.5,children:o(b,{width:60})})]})})});n.displayName="PayPalButton";export{n as PayPalButton};
+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{token as h}from"@styled/tokens";import"../primitives/button.js";import"../primitives/checkbox.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{forwardRef as g,useRef as P}from"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import{HStack as x,Box as y}from"@styled/jsx";import"../feedback/tooltip.js";import k from"../logos/logo-pay-pal-wordmark.js";import{button as j}from"../../recipes/button.js";import{cx as w,css as B}from"@styled/css";import{useButton as v,useFocusRing as R,mergeProps as S}from"react-aria";const n=g((t,m)=>{const{disabled:i,expand:s,validating:r}=t,p=j({expand:s,validating:r}),l=P(null),e=m||l,{buttonProps:a}=v({...t,isDisabled:i??!1},e),{isFocusVisible:f,focusProps:d}=R();return o("button",{className:w(p.button,B({bg:"#ffc439",outlineColor:"#ffc439",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(x,{w:"full",gap:1,justifyContent:"center",children:[o(b,{styles:{fontWeight:600,color:h("colors.ink.90")},children:"Pay with"}),o(y,{mt:.5,children:o(k,{width:60})})]})})});n.displayName="PayPalButton";export{n as PayPalButton};
 //# sourceMappingURL=paypal-button.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"paypal-button.js","sources":["../../../../src/components/external/paypal-button.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { LogoPayPalWordmark } from '@components/logos';\nimport { Text } from '@components/primitives';\nimport { button } from '@recipes/button';\nimport { css, cx } from '@styled/css';\nimport { Box, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport React, { forwardRef, useRef } from 'react';\nimport { mergeProps, useButton, useFocusRing, type AriaButtonProps } from 'react-aria';\n\nexport interface PayPalButtonProps extends AriaButtonProps {\n  disabled?: boolean;\n  expand?: boolean;\n  validating?: boolean;\n}\n\nexport const PayPalButton = forwardRef<HTMLButtonElement, PayPalButtonProps>((props, forwardedRef) => {\n  const { disabled, expand, validating } = props;\n\n  const classes = button({ expand, validating });\n\n  const internalRef = useRef(null);\n  const ref = forwardedRef || internalRef;\n\n  const { buttonProps } = useButton(\n    { ...props, isDisabled: disabled ?? false },\n    ref as React.RefObject<HTMLButtonElement>,\n  );\n\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return (\n    <button\n      className={cx(\n        classes.button,\n        css({\n          bg: '#ffc439',\n          outlineColor: '#ffc439',\n          outlineWidth: 'thick',\n          outlineOffset: 0.5,\n          outlineStyle: isFocusVisible ? 'solid' : 'none',\n        }),\n      )}\n      ref={ref}\n      {...mergeProps(buttonProps, focusProps)}\n      aria-disabled={disabled}\n    >\n      {validating ? (\n        <LoadingSpinner size={24} strokeWidth={2.5} inverted />\n      ) : (\n        <HStack w=\"full\" gap={1} justifyContent=\"center\">\n          <Text styles={{ fontWeight: 600, color: token('colors.ink.90') }}>Pay with</Text>\n          <Box mt={0.5}>\n            <LogoPayPalWordmark width={60} />\n          </Box>\n        </HStack>\n      )}\n    </button>\n  );\n});\n\nPayPalButton.displayName = 'PayPalButton';\n"],"names":["PayPalButton","forwardRef","props","forwardedRef","disabled","expand","validating","classes","button","internalRef","useRef","ref","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","_jsx","cx","css","mergeProps","LoadingSpinner","_jsxs","HStack","Text","token","Box","LogoPayPalWordmark"],"mappings":"2vBAgBO,MAAMA,EAAeC,EAAiD,CAACC,EAAOC,IAAgB,CACnG,KAAM,CAAE,SAAAC,EAAU,OAAAC,EAAQ,WAAAC,CAAU,EAAKJ,EAEnCK,EAAUC,EAAO,CAAE,OAAAH,EAAQ,WAAAC,CAAY,CAAA,EAEvCG,EAAcC,EAAO,IAAI,EACzBC,EAAMR,GAAgBM,EAEtB,CAAE,YAAAG,CAAa,EAAGC,EACtB,CAAE,GAAGX,EAAO,WAAYE,GAAY,EAAO,EAC3CO,CAAyC,EAGrC,CAAE,eAAAG,EAAgB,WAAAC,GAAeC,IAEvC,OACEC,EACE,SAAA,CAAA,UAAWC,EACTX,EAAQ,OACRY,EAAI,CACF,GAAI,UACJ,aAAc,UACd,aAAc,QACd,cAAe,GACf,aAAcL,EAAiB,QAAU,MAC1C,CAAA,CAAC,EAEJ,IAAKH,EAAG,GACJS,EAAWR,EAAaG,CAAU,kBACvBX,EAAQ,SAEtBE,EACCW,EAACI,EAAe,CAAA,KAAM,GAAI,YAAa,IAAK,SAAQ,EAAA,CAAA,EAEpDC,EAACC,EAAO,CAAA,EAAE,OAAO,IAAK,EAAG,eAAe,SACtC,SAAA,CAAAN,EAACO,EAAK,CAAA,OAAQ,CAAE,WAAY,IAAK,MAAOC,EAAM,eAAe,GAAoB,SAAA,UAAA,CAAA,EACjFR,EAACS,EAAG,CAAC,GAAI,YACPT,EAACU,GAAmB,MAAO,EAAM,CAAA,CAAA,CAAA,CAC7B,GAET,CAAA,CAGP,CAAC,EAED3B,EAAa,YAAc"}
+{"version":3,"file":"paypal-button.js","sources":["../../../../src/components/external/paypal-button.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { LogoPayPalWordmark } from '@components/logos';\nimport { Text } from '@components/primitives';\nimport { button } from '@recipes/button';\nimport { css, cx } from '@styled/css';\nimport { Box, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport React, { forwardRef, useRef } from 'react';\nimport { mergeProps, useButton, useFocusRing, type AriaButtonProps } from 'react-aria';\n\nexport interface PayPalButtonProps extends AriaButtonProps {\n  disabled?: boolean;\n  expand?: boolean;\n  validating?: boolean;\n}\n\nexport const PayPalButton = forwardRef<HTMLButtonElement, PayPalButtonProps>((props, forwardedRef) => {\n  const { disabled, expand, validating } = props;\n\n  const classes = button({ expand, validating });\n\n  const internalRef = useRef(null);\n  const ref = forwardedRef || internalRef;\n\n  const { buttonProps } = useButton(\n    { ...props, isDisabled: disabled ?? false },\n    ref as React.RefObject<HTMLButtonElement>,\n  );\n\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return (\n    <button\n      className={cx(\n        classes.button,\n        css({\n          bg: '#ffc439',\n          outlineColor: '#ffc439',\n          outlineWidth: 'thick',\n          outlineOffset: 0.5,\n          outlineStyle: isFocusVisible ? 'solid' : 'none',\n        }),\n      )}\n      ref={ref}\n      {...mergeProps(buttonProps, focusProps)}\n      aria-disabled={disabled}\n    >\n      {validating ? (\n        <LoadingSpinner size={24} strokeWidth={2.5} inverted />\n      ) : (\n        <HStack w=\"full\" gap={1} justifyContent=\"center\">\n          <Text styles={{ fontWeight: 600, color: token('colors.ink.90') }}>Pay with</Text>\n          <Box mt={0.5}>\n            <LogoPayPalWordmark width={60} />\n          </Box>\n        </HStack>\n      )}\n    </button>\n  );\n});\n\nPayPalButton.displayName = 'PayPalButton';\n"],"names":["PayPalButton","forwardRef","props","forwardedRef","disabled","expand","validating","classes","button","internalRef","useRef","ref","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","_jsx","cx","css","mergeProps","LoadingSpinner","_jsxs","HStack","Text","token","Box","LogoPayPalWordmark"],"mappings":"01BAgBO,MAAMA,EAAeC,EAAiD,CAACC,EAAOC,IAAgB,CACnG,KAAM,CAAE,SAAAC,EAAU,OAAAC,EAAQ,WAAAC,CAAU,EAAKJ,EAEnCK,EAAUC,EAAO,CAAE,OAAAH,EAAQ,WAAAC,CAAY,CAAA,EAEvCG,EAAcC,EAAO,IAAI,EACzBC,EAAMR,GAAgBM,EAEtB,CAAE,YAAAG,CAAa,EAAGC,EACtB,CAAE,GAAGX,EAAO,WAAYE,GAAY,EAAO,EAC3CO,CAAyC,EAGrC,CAAE,eAAAG,EAAgB,WAAAC,GAAeC,IAEvC,OACEC,EACE,SAAA,CAAA,UAAWC,EACTX,EAAQ,OACRY,EAAI,CACF,GAAI,UACJ,aAAc,UACd,aAAc,QACd,cAAe,GACf,aAAcL,EAAiB,QAAU,MAC1C,CAAA,CAAC,EAEJ,IAAKH,EAAG,GACJS,EAAWR,EAAaG,CAAU,kBACvBX,EAAQ,SAEtBE,EACCW,EAACI,EAAe,CAAA,KAAM,GAAI,YAAa,IAAK,SAAQ,EAAA,CAAA,EAEpDC,EAACC,EAAO,CAAA,EAAE,OAAO,IAAK,EAAG,eAAe,SACtC,SAAA,CAAAN,EAACO,EAAK,CAAA,OAAQ,CAAE,WAAY,IAAK,MAAOC,EAAM,eAAe,GAAoB,SAAA,UAAA,CAAA,EACjFR,EAACS,EAAG,CAAC,GAAI,YACPT,EAACU,GAAmB,MAAO,EAAM,CAAA,CAAA,CAAA,CAC7B,GAET,CAAA,CAGP,CAAC,EAED3B,EAAa,YAAc"}

package/dist/es/components/feedback/callout.js

@@ -1,2 +1,2 @@
-import{jsx as i,jsxs as n}from"react/jsx-runtime";import{token as o}from"@styled/tokens";import P from"../icons/ico-alert-circle-fill.js";import y from"../icons/ico-caret-right.js";import z from"../icons/ico-checkmark-circle-fill.js";import R from"../icons/ico-dismiss.js";import A from"../icons/ico-info-circle-fill.js";import B from"../icons/ico-lightbulb-fill.js";import D from"../icons/ico-warning-fill.js";import{callout as E}from"../../recipes/callout.js";import{HStack as a,VStack as F}from"@styled/jsx";import{forwardRef as H,useState as h,useRef as L}from"react";import{useButton as V}from"react-aria";const q={branded:B,success:z,error:P,warning:D,neutral:A},b=H((g,N)=>{const{label:w,description:r,size:m="md",variant:l="branded",icon:c=!1,dismissible:d=!1,onPress:e}=g,[C,k]=h(!0),[x,j]=h(!1),s={sm:o("spacing.4"),md:o("spacing.5"),lg:o("spacing.6")},p=r?s.sm:s[m],t=E({size:m,variant:l,icon:c,description:!!r,isDismissed:x,dismissible:d,interactive:!!e}),S=q[l],$=()=>{j(!0)},v=L(null),u=N||v,{buttonProps:I}=V({onPress:e},u),f=()=>n(a,{className:e?"":t.container,onAnimationEnd:()=>k(!1),ref:u,children:[n(F,{alignItems:"flex-start",gap:1.5,children:[n(a,{w:"full",justifyContent:"space-between",children:[n(a,{alignItems:"center",children:[c&&i(S,{className:t.icon,width:p,height:p}),i("p",{className:t.label,children:w})]}),d&&i("button",{className:t.button,onClick:$,"aria-label":"dismiss callout",children:i(R,{className:t.button,width:s.sm,height:s.sm})})]}),!!r&&i("p",{className:t.description,children:r})]}),!!e&&i(y,{className:t.button,width:s.sm,height:s.sm})]});return C?e?i("button",{...I,className:t.container,children:i(f,{})}):i(f,{}):null});b.displayName="Callout";export{b as Callout};
+import{jsx as t,jsxs as a}from"react/jsx-runtime";import{token as o}from"@styled/tokens";import P from"../icons/ico-caret-right.js";import y from"../icons/ico-dismiss.js";import{callout as z}from"../../recipes/callout.js";import{HStack as r,VStack as R}from"@styled/jsx";import{forwardRef as $,useState as h,useRef as A}from"react";import{useButton as B}from"react-aria";import{StatusIcon as D}from"./status-icon.js";const b=$((g,N)=>{const{label:w,description:n,size:l="md",variant:m="branded",icon:c=!1,dismissible:d=!1,onPress:e}=g,[k,x]=h(!0),[C,S]=h(!1),s={sm:o("spacing.4"),md:o("spacing.5"),lg:o("spacing.6")},p=n?s.sm:s[l],i=z({size:l,variant:m,icon:c,description:!!n,isDismissed:C,dismissible:d,interactive:!!e}),j=()=>{S(!0)},v=A(null),u=N||v,{buttonProps:I}=B({onPress:e},u),f=()=>a(r,{className:e?"":i.container,onAnimationEnd:()=>x(!1),ref:u,children:[a(R,{alignItems:"flex-start",gap:1.5,children:[a(r,{w:"full",justifyContent:"space-between",children:[a(r,{alignItems:"center",children:[c&&t(D,{variant:m,className:i.icon,width:p,height:p}),t("p",{className:i.label,children:w})]}),d&&t("button",{className:i.button,onClick:j,"aria-label":"dismiss callout",children:t(y,{className:i.button,width:s.sm,height:s.sm})})]}),!!n&&t("p",{className:i.description,children:n})]}),!!e&&t(P,{className:i.button,width:s.sm,height:s.sm})]});return k?e?t("button",{...I,className:i.container,children:t(f,{})}):t(f,{}):null});b.displayName="Callout";export{b as Callout};
 //# sourceMappingURL=callout.js.map

package/dist/es/components/feedback/callout.js.map

@@ -1 +1 @@
-{"version":3,"file":"callout.js","sources":["../../../../src/components/feedback/callout.tsx"],"sourcesContent":["import {\n  IcoAlertCircleFill,\n  IcoCaretRight,\n  IcoCheckmarkCircleFill,\n  IcoDismiss,\n  IcoInfoCircleFill,\n  IcoLightbulbFill,\n  IcoWarningFill,\n} from '@components/icons';\nimport { callout } from '@recipes/callout';\nimport { HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { forwardRef, useRef, useState } from 'react';\nimport { useButton } from 'react-aria';\n\ninterface BaseCalloutProps {\n  label: string;\n  description?: string;\n  size?: 'sm' | 'md' | 'lg';\n  variant?: 'branded' | 'success' | 'error' | 'warning' | 'neutral';\n  icon?: boolean;\n}\n\ninterface DefaultCalloutProps extends BaseCalloutProps {\n  dismissible?: boolean;\n  onPress?: never;\n}\n\ninterface DismissibleCalloutProps extends BaseCalloutProps {\n  dismissible: true;\n  onPress?: never;\n}\n\ninterface InteractiveCalloutProps extends BaseCalloutProps {\n  dismissible?: false;\n  onPress: () => void;\n}\n\n// Disallows `onPress` and `dismissible` to be set at the same time\nexport type CalloutProps = DefaultCalloutProps | DismissibleCalloutProps | InteractiveCalloutProps;\n\nconst svgIcon = {\n  branded: IcoLightbulbFill,\n  success: IcoCheckmarkCircleFill,\n  error: IcoAlertCircleFill,\n  warning: IcoWarningFill,\n  neutral: IcoInfoCircleFill,\n};\n\nexport const Callout = forwardRef<HTMLDivElement, CalloutProps>((props, forwardedRef) => {\n  const { label, description, size = 'md', variant = 'branded', icon = false, dismissible = false, onPress } = props;\n  const [isVisible, setIsVisible] = useState(true);\n  const [isDismissed, setIsDismissed] = useState(false);\n\n  const iconSizes = {\n    sm: token('spacing.4'),\n    md: token('spacing.5'),\n    lg: token('spacing.6'),\n  };\n  const iconSize = description ? iconSizes.sm : iconSizes[size];\n\n  const classes = callout({\n    size,\n    variant,\n    icon,\n    description: !!description,\n    isDismissed,\n    dismissible,\n    interactive: !!onPress,\n  });\n\n  const IconComponent = svgIcon[variant];\n\n  const dismissCallout = () => {\n    setIsDismissed(true);\n  };\n\n  const internalRef = useRef(null);\n  const ref = forwardedRef || internalRef;\n\n  const { buttonProps } = useButton({ onPress }, ref as React.RefObject<HTMLButtonElement>);\n\n  const CalloutBase = () => {\n    return (\n      <HStack className={!onPress ? classes.container : ''} onAnimationEnd={() => setIsVisible(false)} ref={ref}>\n        <VStack alignItems={'flex-start'} gap={1.5}>\n          <HStack w={'full'} justifyContent={'space-between'}>\n            <HStack alignItems={'center'}>\n              {icon && <IconComponent className={classes.icon} width={iconSize} height={iconSize} />}\n              <p className={classes.label}>{label}</p>\n            </HStack>\n\n            {dismissible && (\n              <button className={classes.button} onClick={dismissCallout} aria-label=\"dismiss callout\">\n                <IcoDismiss className={classes.button} width={iconSizes.sm} height={iconSizes.sm} />\n              </button>\n            )}\n          </HStack>\n          {!!description && <p className={classes.description}>{description}</p>}\n        </VStack>\n        {!!onPress && <IcoCaretRight className={classes.button} width={iconSizes.sm} height={iconSizes.sm} />}\n      </HStack>\n    );\n  };\n\n  if (!isVisible) {\n    return null;\n  }\n\n  if (onPress) {\n    return (\n      <button {...buttonProps} className={classes.container}>\n        <CalloutBase />\n      </button>\n    );\n  }\n\n  return <CalloutBase />;\n});\n\nCallout.displayName = 'Callout';\n"],"names":["svgIcon","IcoLightbulbFill","IcoCheckmarkCircleFill","IcoAlertCircleFill","IcoWarningFill","IcoInfoCircleFill","Callout","forwardRef","props","forwardedRef","label","description","size","variant","icon","dismissible","onPress","isVisible","setIsVisible","useState","isDismissed","setIsDismissed","iconSizes","token","iconSize","classes","callout","IconComponent","dismissCallout","internalRef","useRef","ref","buttonProps","useButton","CalloutBase","_jsxs","HStack","VStack","_jsx","IcoDismiss","IcoCaretRight"],"mappings":"mmBAyCA,MAAMA,EAAU,CACd,QAASC,EACT,QAASC,EACT,MAAOC,EACP,QAASC,EACT,QAASC,GAGEC,EAAUC,EAAyC,CAACC,EAAOC,IAAgB,CACtF,KAAM,CAAE,MAAAC,EAAO,YAAAC,EAAa,KAAAC,EAAO,KAAM,QAAAC,EAAU,UAAW,KAAAC,EAAO,GAAO,YAAAC,EAAc,GAAO,QAAAC,CAAO,EAAKR,EACvG,CAACS,EAAWC,CAAY,EAAIC,EAAS,EAAI,EACzC,CAACC,EAAaC,CAAc,EAAIF,EAAS,EAAK,EAE9CG,EAAY,CAChB,GAAIC,EAAM,WAAW,EACrB,GAAIA,EAAM,WAAW,EACrB,GAAIA,EAAM,WAAW,GAEjBC,EAAWb,EAAcW,EAAU,GAAKA,EAAUV,CAAI,EAEtDa,EAAUC,EAAQ,CACtB,KAAAd,EACA,QAAAC,EACA,KAAAC,EACA,YAAa,CAAC,CAACH,EACf,YAAAS,EACA,YAAAL,EACA,YAAa,CAAC,CAACC,CAChB,CAAA,EAEKW,EAAgB3B,EAAQa,CAAO,EAE/Be,EAAiB,IAAK,CAC1BP,EAAe,EAAI,CACrB,EAEMQ,EAAcC,EAAO,IAAI,EACzBC,EAAMtB,GAAgBoB,EAEtB,CAAE,YAAAG,CAAa,EAAGC,EAAU,CAAE,QAAAjB,CAAS,EAAEe,CAAyC,EAElFG,EAAc,IAEhBC,EAACC,GAAO,UAAYpB,EAA8B,GAApBS,EAAQ,UAAgB,eAAgB,IAAMP,EAAa,EAAK,EAAG,IAAKa,EACpG,SAAA,CAAAI,EAACE,EAAO,CAAA,WAAY,aAAc,IAAK,IACrC,SAAA,CAAAF,EAACC,EAAO,CAAA,EAAG,OAAQ,eAAgB,gBACjC,SAAA,CAAAD,EAACC,EAAO,CAAA,WAAY,SAAQ,SAAA,CACzBtB,GAAQwB,EAACX,EAAa,CAAC,UAAWF,EAAQ,KAAM,MAAOD,EAAU,OAAQA,CAAY,CAAA,EACtFc,OAAG,UAAWb,EAAQ,MAAQ,SAAAf,GAAU,CACjC,CAAA,EAERK,GACCuB,YAAQ,UAAWb,EAAQ,OAAQ,QAASG,EAAc,aAAa,kBACrE,SAAAU,EAACC,EAAU,CAAC,UAAWd,EAAQ,OAAQ,MAAOH,EAAU,GAAI,OAAQA,EAAU,EAAE,CAAA,GAEnF,CAAA,CAAA,EAEF,CAAC,CAACX,GAAe2B,OAAG,UAAWb,EAAQ,YAAc,SAAAd,GAAgB,CAC/D,CAAA,EACR,CAAC,CAACK,GAAWsB,EAACE,EAAc,CAAA,UAAWf,EAAQ,OAAQ,MAAOH,EAAU,GAAI,OAAQA,EAAU,EAAM,CAAA,CAAA,CAAA,CAAA,EAK3G,OAAKL,EAIDD,EAEAsB,EAAA,SAAA,CAAA,GAAYN,EAAa,UAAWP,EAAQ,mBAC1Ca,EAACJ,EAAc,CAAA,CAAA,CAAA,CAAA,EAKdI,EAACJ,EAAW,CAAA,CAAA,EAXV,IAYX,CAAC,EAED5B,EAAQ,YAAc"}
+{"version":3,"file":"callout.js","sources":["../../../../src/components/feedback/callout.tsx"],"sourcesContent":["import { IcoCaretRight, IcoDismiss } from '@components/icons';\nimport { callout } from '@recipes/callout';\nimport { HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { forwardRef, useRef, useState } from 'react';\nimport { useButton } from 'react-aria';\nimport { StatusIcon } from './status-icon';\n\ninterface BaseCalloutProps {\n  label: string;\n  description?: string;\n  size?: 'sm' | 'md' | 'lg';\n  variant?: 'branded' | 'success' | 'error' | 'warning' | 'neutral';\n  icon?: boolean;\n}\n\ninterface DefaultCalloutProps extends BaseCalloutProps {\n  dismissible?: boolean;\n  onPress?: never;\n}\n\ninterface DismissibleCalloutProps extends BaseCalloutProps {\n  dismissible: true;\n  onPress?: never;\n}\n\ninterface InteractiveCalloutProps extends BaseCalloutProps {\n  dismissible?: false;\n  onPress: () => void;\n}\n\n// Disallows `onPress` and `dismissible` to be set at the same time\nexport type CalloutProps = DefaultCalloutProps | DismissibleCalloutProps | InteractiveCalloutProps;\n\nexport const Callout = forwardRef<HTMLDivElement, CalloutProps>((props, forwardedRef) => {\n  const { label, description, size = 'md', variant = 'branded', icon = false, dismissible = false, onPress } = props;\n  const [isVisible, setIsVisible] = useState(true);\n  const [isDismissed, setIsDismissed] = useState(false);\n\n  const iconSizes = {\n    sm: token('spacing.4'),\n    md: token('spacing.5'),\n    lg: token('spacing.6'),\n  };\n  const iconSize = description ? iconSizes.sm : iconSizes[size];\n\n  const classes = callout({\n    size,\n    variant,\n    icon,\n    description: !!description,\n    isDismissed,\n    dismissible,\n    interactive: !!onPress,\n  });\n\n  const dismissCallout = () => {\n    setIsDismissed(true);\n  };\n\n  const internalRef = useRef(null);\n  const ref = forwardedRef || internalRef;\n\n  const { buttonProps } = useButton({ onPress }, ref as React.RefObject<HTMLButtonElement>);\n\n  const CalloutBase = () => {\n    return (\n      <HStack className={!onPress ? classes.container : ''} onAnimationEnd={() => setIsVisible(false)} ref={ref}>\n        <VStack alignItems={'flex-start'} gap={1.5}>\n          <HStack w={'full'} justifyContent={'space-between'}>\n            <HStack alignItems={'center'}>\n              {icon && <StatusIcon variant={variant} className={classes.icon} width={iconSize} height={iconSize} />}\n              <p className={classes.label}>{label}</p>\n            </HStack>\n\n            {dismissible && (\n              <button className={classes.button} onClick={dismissCallout} aria-label=\"dismiss callout\">\n                <IcoDismiss className={classes.button} width={iconSizes.sm} height={iconSizes.sm} />\n              </button>\n            )}\n          </HStack>\n          {!!description && <p className={classes.description}>{description}</p>}\n        </VStack>\n        {!!onPress && <IcoCaretRight className={classes.button} width={iconSizes.sm} height={iconSizes.sm} />}\n      </HStack>\n    );\n  };\n\n  if (!isVisible) {\n    return null;\n  }\n\n  if (onPress) {\n    return (\n      <button {...buttonProps} className={classes.container}>\n        <CalloutBase />\n      </button>\n    );\n  }\n\n  return <CalloutBase />;\n});\n\nCallout.displayName = 'Callout';\n"],"names":["Callout","forwardRef","props","forwardedRef","label","description","size","variant","icon","dismissible","onPress","isVisible","setIsVisible","useState","isDismissed","setIsDismissed","iconSizes","token","iconSize","classes","callout","dismissCallout","internalRef","useRef","ref","buttonProps","useButton","CalloutBase","_jsxs","HStack","VStack","_jsx","StatusIcon","IcoDismiss","IcoCaretRight"],"mappings":"iaAkCa,MAAAA,EAAUC,EAAyC,CAACC,EAAOC,IAAgB,CACtF,KAAM,CAAE,MAAAC,EAAO,YAAAC,EAAa,KAAAC,EAAO,KAAM,QAAAC,EAAU,UAAW,KAAAC,EAAO,GAAO,YAAAC,EAAc,GAAO,QAAAC,CAAO,EAAKR,EACvG,CAACS,EAAWC,CAAY,EAAIC,EAAS,EAAI,EACzC,CAACC,EAAaC,CAAc,EAAIF,EAAS,EAAK,EAE9CG,EAAY,CAChB,GAAIC,EAAM,WAAW,EACrB,GAAIA,EAAM,WAAW,EACrB,GAAIA,EAAM,WAAW,GAEjBC,EAAWb,EAAcW,EAAU,GAAKA,EAAUV,CAAI,EAEtDa,EAAUC,EAAQ,CACtB,KAAAd,EACA,QAAAC,EACA,KAAAC,EACA,YAAa,CAAC,CAACH,EACf,YAAAS,EACA,YAAAL,EACA,YAAa,CAAC,CAACC,CAChB,CAAA,EAEKW,EAAiB,IAAK,CAC1BN,EAAe,EAAI,CACrB,EAEMO,EAAcC,EAAO,IAAI,EACzBC,EAAMrB,GAAgBmB,EAEtB,CAAE,YAAAG,CAAa,EAAGC,EAAU,CAAE,QAAAhB,CAAS,EAAEc,CAAyC,EAElFG,EAAc,IAEhBC,EAACC,GAAO,UAAYnB,EAA8B,GAApBS,EAAQ,UAAgB,eAAgB,IAAMP,EAAa,EAAK,EAAG,IAAKY,YACpGI,EAACE,GAAO,WAAY,aAAc,IAAK,IAAG,SAAA,CACxCF,EAACC,GAAO,EAAG,OAAQ,eAAgB,gBAAe,SAAA,CAChDD,EAACC,EAAM,CAAC,WAAY,mBACjBrB,GAAQuB,EAACC,EAAU,CAAC,QAASzB,EAAS,UAAWY,EAAQ,KAAM,MAAOD,EAAU,OAAQA,IACzFa,EAAA,IAAA,CAAG,UAAWZ,EAAQ,eAAQf,CAAK,CAAA,CAAK,IAGzCK,GACCsB,EAAA,SAAA,CAAQ,UAAWZ,EAAQ,OAAQ,QAASE,eAA2B,kBAAiB,SACtFU,EAACE,GAAW,UAAWd,EAAQ,OAAQ,MAAOH,EAAU,GAAI,OAAQA,EAAU,IACvE,CAAA,CACV,CACM,CAAA,EACR,CAAC,CAACX,GAAe0B,EAAG,IAAA,CAAA,UAAWZ,EAAQ,YAAc,SAAAd,GAAgB,CAC/D,CAAA,EACR,CAAC,CAACK,GAAWqB,EAACG,EAAc,CAAA,UAAWf,EAAQ,OAAQ,MAAOH,EAAU,GAAI,OAAQA,EAAU,EAAM,CAAA,CAAA,CAAA,CAAA,EAK3G,OAAKL,EAIDD,EAEAqB,EAAA,SAAA,CAAA,GAAYN,EAAa,UAAWN,EAAQ,mBAC1CY,EAACJ,EAAc,CAAA,CAAA,CAAA,CAAA,EAKdI,EAACJ,EAAW,CAAA,CAAA,EAXV,IAYX,CAAC,EAED3B,EAAQ,YAAc"}

package/dist/es/components/feedback/status-icon.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import"@styled/tokens";import i from"../icons/ico-alert-circle-fill.js";import c from"../icons/ico-checkmark-circle-fill.js";import p from"../icons/ico-info-circle-fill.js";import a from"../icons/ico-lightbulb-fill.js";import e from"../icons/ico-warning-fill.js";import{HStack as s}from"@styled/jsx";const f={branded:a,success:c,error:i,warning:e,neutral:p},d=o=>{const{variant:t="branded",...m}=o,n=f[t];return r(s,{children:r(n,{...m})})};export{d as StatusIcon};
+//# sourceMappingURL=status-icon.js.map

package/dist/es/components/feedback/status-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"status-icon.js","sources":["../../../../src/components/feedback/status-icon.tsx"],"sourcesContent":["import {\n  IcoAlertCircleFill,\n  IcoCheckmarkCircleFill,\n  IcoInfoCircleFill,\n  IcoLightbulbFill,\n  IcoWarningFill,\n} from '@components/icons';\nimport { HStack } from '@styled/jsx';\n\nconst svgIcon = {\n  branded: IcoLightbulbFill,\n  success: IcoCheckmarkCircleFill,\n  error: IcoAlertCircleFill,\n  warning: IcoWarningFill,\n  neutral: IcoInfoCircleFill,\n};\n\nexport interface StatusIconProps {\n  className?: string;\n  height?: string | number;\n  width?: string | number;\n  variant?: 'branded' | 'success' | 'error' | 'warning' | 'neutral';\n}\n\nexport const StatusIcon = (props: StatusIconProps) => {\n  const { variant = 'branded', ...iconProps } = props;\n  const IconComponent = svgIcon[variant];\n\n  return (\n    <HStack>\n      <IconComponent {...iconProps} />\n    </HStack>\n  );\n};\n"],"names":["svgIcon","IcoLightbulbFill","IcoCheckmarkCircleFill","IcoAlertCircleFill","IcoWarningFill","IcoInfoCircleFill","StatusIcon","props","variant","iconProps","IconComponent","_jsx","HStack"],"mappings":"oVASA,MAAMA,EAAU,CACd,QAASC,EACT,QAASC,EACT,MAAOC,EACP,QAASC,EACT,QAASC,GAUEC,EAAcC,GAA0B,CACnD,KAAM,CAAE,QAAAC,EAAU,UAAW,GAAGC,CAAS,EAAKF,EACxCG,EAAgBV,EAAQQ,CAAO,EAErC,OACEG,EAACC,EACC,CAAA,SAAAD,EAACD,EAAa,CAAA,GAAKD,CAAS,CAAA,CACrB,CAAA,CAEb"}

package/dist/es/components/feedback/toast-provider.js

@@ -0,0 +1,2 @@
+import{jsx as r,jsxs as u}from"react/jsx-runtime";import{token as b}from"@styled/tokens";import k from"../icons/ico-dismiss.js";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import x from"../primitives/text.js";import S from"../primitives/portal.js";import j from"../utils/animate.js";import{ToastContext as C}from"../../hooks/useToast.js";import{toast as f}from"../../recipes/toast.js";import{HStack as y,VStack as H}from"@styled/jsx";import{useState as P,useRef as R,useReducer as $,useCallback as v,useMemo as g}from"react";import{StatusIcon as w}from"./status-icon.js";let I=0;const h=e=>{const{lifespan:m=0,message:a,variant:s="branded"}=e,t=f({variant:s}),o=e.dismissible&&e.id,c=e.removeToast,[l,n]=P(!0);return m&&o&&setTimeout(()=>{n(!1)},m),r(j,{"aria-live":["error"].includes(s||"")?"assertive":"polite",show:l,type:"slide",onHidden:()=>{o&&c(o)},children:u(y,{className:t.toast,children:[e.icon&&r(w,{className:t.icon,variant:s}),r(x,{styles:{color:b("colors.chalk")},children:a}),o&&r("button",{className:t.dismiss,onClick:()=>n(!1),"aria-label":`dismiss toast ${o}`,children:r(k,{className:t.icon})})]})})},M=({position:e,children:m})=>{const a=R([]),s=$(i=>i+1,0)[1],t=v(i=>{a.current=a.current.filter(d=>d.id!==i),s()},[]),o=v(i=>{const{lifespan:d=0,variant:T="branded",...N}=i,p=++I;return a.current.push({lifespan:d,variant:T,id:p,...N}),s(),p},[]),c=g(()=>({createToast:o,removeToast:t}),[o,t]),l=(e?.startsWith("top")?[...a.current]:[...a.current].reverse()).map(i=>r(h,{...i,removeToast:t},i.id)),n=f({position:e});return u(C.Provider,{value:c,children:[m,r(S,{children:r("div",{className:n.portal,children:r(H,{className:n.container,children:l})})})]})};export{h as Toast,M as ToastProvider};
+//# sourceMappingURL=toast-provider.js.map

package/dist/es/components/feedback/toast-provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast-provider.js","sources":["../../../../src/components/feedback/toast-provider.tsx"],"sourcesContent":["import { IcoDismiss } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport Portal from '@components/primitives/portal';\nimport Animate from '@components/utils/animate';\nimport { ToastProps as BaseToastProps, ToastContext, ToastDefinition } from '@hooks/useToast';\nimport { toast as classes } from '@recipes/toast';\nimport { HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { PropsWithChildren, useCallback, useMemo, useReducer, useRef, useState } from 'react';\nimport { StatusIcon } from './status-icon';\n\nlet toastID = 0;\n\ninterface InternalToast extends ToastDefinition {\n  removeToast: ToastContext['removeToast'];\n}\n\nexport interface ToastProps extends BaseToastProps {}\nexport interface ToastProviderProps extends PropsWithChildren {\n  position?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';\n}\n\nexport const Toast = (props: ToastProps | InternalToast) => {\n  const { lifespan = 0, message, variant = 'branded' } = props;\n  const toastClasses = classes({ variant });\n  const dismissId = props.dismissible && (props as InternalToast).id;\n  const removeToast = (props as InternalToast).removeToast;\n  const [show, setShow] = useState(true);\n\n  if (lifespan && dismissId) {\n    setTimeout(() => {\n      setShow(false);\n    }, lifespan);\n  }\n\n  return (\n    <Animate\n      aria-live={['error'].includes(variant || '') ? 'assertive' : 'polite'}\n      show={show}\n      type=\"slide\"\n      onHidden={() => {\n        if (dismissId) {\n          removeToast(dismissId);\n        }\n      }}\n    >\n      <HStack className={toastClasses.toast}>\n        {props.icon && <StatusIcon className={toastClasses.icon} variant={variant} />}\n        <Text styles={{ color: token('colors.chalk') }}>{message}</Text>\n        {dismissId && (\n          <button\n            className={toastClasses.dismiss}\n            onClick={() => setShow(false)}\n            aria-label={`dismiss toast ${dismissId}`}\n          >\n            <IcoDismiss className={toastClasses.icon} />\n          </button>\n        )}\n      </HStack>\n    </Animate>\n  );\n};\n\nexport const ToastProvider = ({ position, children }: ToastProviderProps) => {\n  const toastsRef = useRef<ToastDefinition[]>([]);\n  const forceUpdate = useReducer((x: number) => x + 1, 0)[1];\n\n  const removeToast: ToastContext['removeToast'] = useCallback((id: number) => {\n    toastsRef.current = toastsRef.current.filter(toast => toast.id !== id);\n    forceUpdate();\n  }, []);\n\n  const createToast: ToastContext['createToast'] = useCallback(options => {\n    const { lifespan = 0, variant = 'branded', ...props } = options;\n    const id = ++toastID;\n\n    toastsRef.current.push({ lifespan, variant, id, ...props });\n    forceUpdate();\n\n    return id;\n  }, []);\n\n  const toastCtx = useMemo(() => ({ createToast, removeToast }), [createToast, removeToast]);\n  const toasts = position?.startsWith('top') ? [...toastsRef.current] : [...toastsRef.current].reverse();\n  const activeToasts = toasts.map(toast => {\n    return <Toast key={toast.id} {...toast} removeToast={removeToast} />;\n  });\n\n  const providerClasses = classes({ position });\n\n  return (\n    <ToastContext.Provider value={toastCtx}>\n      {children}\n      <Portal>\n        <div className={providerClasses.portal}>\n          <VStack className={providerClasses.container}>{activeToasts}</VStack>\n        </div>\n      </Portal>\n    </ToastContext.Provider>\n  );\n};\n"],"names":["toastID","Toast","props","lifespan","message","variant","toastClasses","classes","dismissId","removeToast","show","setShow","useState","_jsx","Animate","_jsxs","HStack","StatusIcon","Text","token","IcoDismiss","ToastProvider","position","children","toastsRef","useRef","forceUpdate","useReducer","x","useCallback","id","toast","createToast","options","toastCtx","useMemo","activeToasts","providerClasses","ToastContext","Portal","VStack"],"mappings":"4tBAWA,IAAIA,EAAU,QAWDC,EAASC,GAAqC,CACzD,KAAM,CAAE,SAAAC,EAAW,EAAG,QAAAC,EAAS,QAAAC,EAAU,SAAW,EAAGH,EACjDI,EAAeC,EAAQ,CAAE,QAAAF,CAAO,CAAE,EAClCG,EAAYN,EAAM,aAAgBA,EAAwB,GAC1DO,EAAeP,EAAwB,YACvC,CAACQ,EAAMC,CAAO,EAAIC,EAAS,EAAI,EAErC,OAAIT,GAAYK,GACd,WAAW,IAAK,CACdG,EAAQ,EAAK,CACf,EAAGR,CAAQ,EAIXU,EAACC,EAAO,CAAA,YACK,CAAC,OAAO,EAAE,SAAST,GAAW,EAAE,EAAI,YAAc,SAC7D,KAAMK,EACN,KAAK,QACL,SAAU,IAAK,CACTF,GACFC,EAAYD,CAAS,CAEzB,WAEAO,EAACC,EAAO,CAAA,UAAWV,EAAa,MAAK,SAAA,CAClCJ,EAAM,MAAQW,EAACI,GAAW,UAAWX,EAAa,KAAM,QAASD,CAAO,CAAA,EACzEQ,EAACK,EAAK,CAAA,OAAQ,CAAE,MAAOC,EAAM,cAAc,CAAC,EAAK,SAAAf,IAChDI,GACCK,EAAA,SAAA,CACE,UAAWP,EAAa,QACxB,QAAS,IAAMK,EAAQ,EAAK,EAAC,aACjB,iBAAiBH,CAAS,YAEtCK,EAACO,GAAW,UAAWd,EAAa,IAAQ,CAAA,CAAA,CAAA,CAE/C,CACM,CAAA,CAAA,CAAA,CAGf,EAEae,EAAgB,CAAC,CAAE,SAAAC,EAAU,SAAAC,CAA8B,IAAI,CAC1E,MAAMC,EAAYC,EAA0B,CAAA,CAAE,EACxCC,EAAcC,EAAYC,GAAcA,EAAI,EAAG,CAAC,EAAE,CAAC,EAEnDnB,EAA2CoB,EAAaC,GAAc,CAC1EN,EAAU,QAAUA,EAAU,QAAQ,OAAOO,GAASA,EAAM,KAAOD,CAAE,EACrEJ,EACF,CAAA,EAAG,CAAA,CAAE,EAECM,EAA2CH,EAAYI,GAAU,CACrE,KAAM,CAAE,SAAA9B,EAAW,EAAG,QAAAE,EAAU,UAAW,GAAGH,CAAO,EAAG+B,EAClDH,EAAK,EAAE9B,EAEb,OAAAwB,EAAU,QAAQ,KAAK,CAAE,SAAArB,EAAU,QAAAE,EAAS,GAAAyB,EAAI,GAAG5B,CAAK,CAAE,EAC1DwB,EAEOI,EAAAA,CACT,EAAG,CAAA,CAAE,EAECI,EAAWC,EAAQ,KAAO,CAAE,YAAAH,EAAa,YAAAvB,CAAW,GAAK,CAACuB,EAAavB,CAAW,CAAC,EAEnF2B,GADSd,GAAU,WAAW,KAAK,EAAI,CAAC,GAAGE,EAAU,OAAO,EAAI,CAAC,GAAGA,EAAU,OAAO,EAAE,WACjE,IAAIO,GACvBlB,EAACZ,EAAyB,CAAA,GAAA8B,EAAO,YAAatB,CAAlC,EAAAsB,EAAM,EAAE,CAC5B,EAEKM,EAAkB9B,EAAQ,CAAE,SAAAe,CAAQ,CAAE,EAE5C,OACEP,EAACuB,EAAa,UAAS,MAAOJ,EAAQ,SAAA,CACnCX,EACDV,EAAC0B,EAAM,CAAA,SACL1B,SAAK,UAAWwB,EAAgB,OAC9B,SAAAxB,EAAC2B,EAAM,CAAC,UAAWH,EAAgB,mBAAYD,CAAY,CAAA,GAEtD,CAAA,CAAA,CAAA,CAAA,CAGf"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../../src/components/primitives/button.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { button } from '@recipes/button';\nimport { cx } from '@styled/css';\nimport { Box, Flex, HStack } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport React, { Children, MouseEventHandler, TouchEventHandler, cloneElement, forwardRef, useRef } from 'react';\nimport { mergeProps, useButton, useFocusRing, useHover, type AriaButtonProps } from 'react-aria';\n\nexport interface ButtonProps extends AriaButtonProps {\n  label?: string;\n  size?: 'sm' | 'md' | 'lg';\n  variant?: 'primary' | 'secondary' | 'negative' | 'neutral' | 'tertiary' | 'text' | 'transparent';\n  disabled?: boolean;\n  expand?: boolean;\n  validating?: boolean;\n  iconSize?: number;\n  onHover?: MouseEventHandler<HTMLButtonElement> | TouchEventHandler<HTMLButtonElement>;\n}\n\nconst LeadingIcon = createSlot(({ children, ...props }) => {\n  return (\n    <Flex alignItems=\"center\" justifyContent=\"center\">\n      {Children.map(children, child => {\n        return cloneElement(child, props);\n      })}\n    </Flex>\n  );\n});\n\nconst TrailingIcon = createSlot(({ children, ...props }) => {\n  return (\n    <Flex alignItems=\"center\" justifyContent=\"center\">\n      {Children.map(children, child => {\n        return cloneElement(child, props);\n      })}\n    </Flex>\n  );\n});\n\nconst Validation = ({ variant = 'primary', size = 'md' }: Partial<ButtonProps>) => {\n  const spinnerInverted = variant === 'primary' || variant === 'negative';\n  const spinnerNeutral = variant === 'neutral' || variant === 'tertiary';\n  const spinnerSizes = {\n    sm: 20,\n    md: 24,\n    lg: 28,\n  };\n\n  return (\n    <LoadingSpinner size={spinnerSizes[size]} strokeWidth={2.5} inverted={spinnerInverted} neutral={spinnerNeutral} />\n  );\n};\n\nconst Component = forwardRef<HTMLButtonElement, ButtonProps>((props, forwardedRef) => {\n  const {\n    label,\n    variant = 'primary',\n    size = 'md',\n    disabled,\n    expand,\n    validating,\n    iconSize: iconSizeOverride,\n    onHover,\n  } = props;\n\n  const iconSize = iconSizeOverride || (size === 'sm' ? 16 : 24);\n\n  const classes = button({ variant, expand, size, validating, iconOnly: !label });\n\n  const internalRef = useRef(null);\n  const ref = forwardedRef || internalRef;\n\n  const { buttonProps } = useButton(\n    { ...props, isDisabled: disabled ?? false },\n    ref as React.RefObject<HTMLButtonElement>,\n  );\n  const { hoverProps } = useHover({ isDisabled: disabled ?? false });\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return createHost(props.children, slots => {\n    const leadingIcon = slots.get(LeadingIcon);\n    const trailingIcon = slots.get(TrailingIcon);\n    const containerSize = iconSize / 4;\n\n    return (\n      <button\n        className={cx(classes.button, 'group', !label && classes.iconContainer, isFocusVisible && classes.focus)}\n        ref={ref}\n        {...mergeProps(buttonProps, hoverProps, focusProps)}\n        aria-disabled={disabled}\n        onMouseEnter={onHover as MouseEventHandler}\n        onTouchStart={onHover as TouchEventHandler}\n      >\n        {validating ? (\n          <Validation variant={variant} size={size} />\n        ) : (\n          <HStack w=\"full\" gap={2} justify={label && (leadingIcon || trailingIcon) ? 'space-between' : 'center'}>\n            {leadingIcon && {\n              ...leadingIcon,\n              props: {\n                ...leadingIcon.props,\n                className: !leadingIcon.props.color ? classes.icon : undefined,\n                width: iconSize,\n                height: iconSize,\n              },\n            }}\n            {trailingIcon && label && expand && <Box w={containerSize} />}\n            {label && <span className={classes.label}>{label}</span>}\n            {leadingIcon && label && expand && <Box w={containerSize} />}\n            {trailingIcon && {\n              ...trailingIcon,\n              props: {\n                ...trailingIcon.props,\n                className: !trailingIcon.props.color ? classes.icon : undefined,\n                width: iconSize,\n                height: iconSize,\n              },\n            }}\n          </HStack>\n        )}\n      </button>\n    );\n  });\n});\n\nconst Button = Object.assign(Component, {\n  LeadingIcon,\n  TrailingIcon,\n});\n\nComponent.displayName = 'Button';\n\nexport default Button;\n"],"names":["LeadingIcon","createSlot","children","props","_jsx","Flex","Children","child","cloneElement","TrailingIcon","Validation","variant","size","spinnerInverted","spinnerNeutral","LoadingSpinner","Component","forwardRef","forwardedRef","label","disabled","expand","validating","iconSizeOverride","onHover","iconSize","classes","button","internalRef","useRef","ref","buttonProps","useButton","hoverProps","useHover","isFocusVisible","focusProps","useFocusRing","createHost","slots","leadingIcon","trailingIcon","containerSize","cx","mergeProps","_jsxs","HStack","Box","Button"],"mappings":"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"}
+{"version":3,"file":"button.js","sources":["../../../../src/components/primitives/button.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { button } from '@recipes/button';\nimport { cx } from '@styled/css';\nimport { Box, Flex, HStack } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport React, { Children, MouseEventHandler, TouchEventHandler, cloneElement, forwardRef, useRef } from 'react';\nimport { mergeProps, useButton, useFocusRing, useHover, type AriaButtonProps } from 'react-aria';\n\nexport interface ButtonProps extends AriaButtonProps {\n  label?: string;\n  size?: 'sm' | 'md' | 'lg';\n  variant?: 'primary' | 'secondary' | 'negative' | 'neutral' | 'tertiary' | 'text' | 'transparent';\n  disabled?: boolean;\n  expand?: boolean;\n  validating?: boolean;\n  iconSize?: number;\n  onHover?: MouseEventHandler<HTMLButtonElement> | TouchEventHandler<HTMLButtonElement>;\n}\n\nconst LeadingIcon = createSlot(({ children, ...props }) => {\n  return (\n    <Flex alignItems=\"center\" justifyContent=\"center\">\n      {Children.map(children, child => {\n        return cloneElement(child, props);\n      })}\n    </Flex>\n  );\n});\n\nconst TrailingIcon = createSlot(({ children, ...props }) => {\n  return (\n    <Flex alignItems=\"center\" justifyContent=\"center\">\n      {Children.map(children, child => {\n        return cloneElement(child, props);\n      })}\n    </Flex>\n  );\n});\n\nconst Validation = ({ variant = 'primary', size = 'md' }: Partial<ButtonProps>) => {\n  const spinnerInverted = variant === 'primary' || variant === 'negative';\n  const spinnerNeutral = variant === 'neutral' || variant === 'tertiary';\n  const spinnerSizes = {\n    sm: 20,\n    md: 24,\n    lg: 28,\n  };\n\n  return (\n    <LoadingSpinner size={spinnerSizes[size]} strokeWidth={2.5} inverted={spinnerInverted} neutral={spinnerNeutral} />\n  );\n};\n\nconst Component = forwardRef<HTMLButtonElement, ButtonProps>((props, forwardedRef) => {\n  const {\n    label,\n    variant = 'primary',\n    size = 'md',\n    disabled,\n    expand,\n    validating,\n    iconSize: iconSizeOverride,\n    onHover,\n  } = props;\n\n  const iconSize = iconSizeOverride || (size === 'sm' ? 16 : 24);\n\n  const classes = button({ variant, expand, size, validating, iconOnly: !label });\n\n  const internalRef = useRef(null);\n  const ref = forwardedRef || internalRef;\n\n  const { buttonProps } = useButton(\n    { ...props, isDisabled: disabled ?? false },\n    ref as React.RefObject<HTMLButtonElement>,\n  );\n  const { hoverProps } = useHover({ isDisabled: disabled ?? false });\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return createHost(props.children, slots => {\n    const leadingIcon = slots.get(LeadingIcon);\n    const trailingIcon = slots.get(TrailingIcon);\n    const containerSize = iconSize / 4;\n\n    return (\n      <button\n        className={cx(classes.button, 'group', !label && classes.iconContainer, isFocusVisible && classes.focus)}\n        ref={ref}\n        {...mergeProps(buttonProps, hoverProps, focusProps)}\n        aria-disabled={disabled}\n        onMouseEnter={onHover as MouseEventHandler}\n        onTouchStart={onHover as TouchEventHandler}\n      >\n        {validating ? (\n          <Validation variant={variant} size={size} />\n        ) : (\n          <HStack w=\"full\" gap={2} justify={label && (leadingIcon || trailingIcon) ? 'space-between' : 'center'}>\n            {leadingIcon && {\n              ...leadingIcon,\n              props: {\n                ...leadingIcon.props,\n                className: !leadingIcon.props.color ? classes.icon : undefined,\n                width: iconSize,\n                height: iconSize,\n              },\n            }}\n            {trailingIcon && label && expand && <Box w={containerSize} />}\n            {label && <span className={classes.label}>{label}</span>}\n            {leadingIcon && label && expand && <Box w={containerSize} />}\n            {trailingIcon && {\n              ...trailingIcon,\n              props: {\n                ...trailingIcon.props,\n                className: !trailingIcon.props.color ? classes.icon : undefined,\n                width: iconSize,\n                height: iconSize,\n              },\n            }}\n          </HStack>\n        )}\n      </button>\n    );\n  });\n});\n\nconst Button = Object.assign(Component, {\n  LeadingIcon,\n  TrailingIcon,\n});\n\nComponent.displayName = 'Button';\n\nexport default Button;\n"],"names":["LeadingIcon","createSlot","children","props","_jsx","Flex","Children","child","cloneElement","TrailingIcon","Validation","variant","size","spinnerInverted","spinnerNeutral","LoadingSpinner","Component","forwardRef","forwardedRef","label","disabled","expand","validating","iconSizeOverride","onHover","iconSize","classes","button","internalRef","useRef","ref","buttonProps","useButton","hoverProps","useHover","isFocusVisible","focusProps","useFocusRing","createHost","slots","leadingIcon","trailingIcon","containerSize","cx","mergeProps","_jsxs","HStack","Box","Button"],"mappings":"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"}

package/dist/es/components/primitives/portal.js

@@ -0,0 +1,2 @@
+import{jsx as f}from"react/jsx-runtime";import{forwardRef as m,useState as d,useLayoutEffect as u}from"react";import c from"react-dom";const r=m((e,a)=>{var o;const{container:l,...i}=e,[n,s]=d(!1);u(()=>s(!0),[]);const t=l||n&&((o=globalThis?.document)===null||o===void 0?void 0:o.body);return t?c.createPortal(f("div",{...i,ref:a}),t):null});r.displayName="Portal";export{r as default};
+//# sourceMappingURL=portal.js.map

package/dist/es/components/primitives/portal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal.js","sources":["../../../../src/components/primitives/portal.tsx"],"sourcesContent":["import { forwardRef, useLayoutEffect, useState } from 'react';\nimport ReactDOM from 'react-dom';\n\ntype PortalElement = React.ElementRef<'div'>;\ntype PrimitiveDivProps = React.ComponentPropsWithoutRef<'div'>;\n\nexport interface PortalProps extends PrimitiveDivProps {\n  container?: Element | null;\n}\n\nconst Portal = forwardRef<PortalElement, PortalProps>((props, forwardedRef) => {\n  const { container: containerProp, ...portalProps } = props;\n  const [mounted, setMounted] = useState(false);\n\n  useLayoutEffect(() => setMounted(true), []);\n\n  const container = containerProp || (mounted && globalThis?.document?.body);\n  return container ? ReactDOM.createPortal(<div {...portalProps} ref={forwardedRef} />, container) : null;\n});\n\nPortal.displayName = 'Portal';\n\nexport default Portal;\n"],"names":["Portal","forwardRef","props","forwardedRef","containerProp","portalProps","mounted","setMounted","useState","useLayoutEffect","container","_a","ReactDOM","_jsx"],"mappings":"uIAUMA,MAAAA,EAASC,EAAuC,CAACC,EAAOC,IAAgB,OAC5E,KAAM,CAAE,UAAWC,EAAe,GAAGC,CAAW,EAAKH,EAC/C,CAACI,EAASC,CAAU,EAAIC,EAAS,EAAK,EAE5CC,EAAgB,IAAMF,EAAW,EAAI,EAAG,CAAA,CAAE,EAE1C,MAAMG,EAAYN,GAAkBE,KAAWK,EAAA,YAAY,sCAAU,MACrE,OAAOD,EAAYE,EAAS,aAAaC,EAAA,MAAA,CAAA,GAASR,EAAa,IAAKF,IAAkBO,CAAS,EAAI,IACrG,CAAC,EAEDV,EAAO,YAAc"}

package/dist/es/components/primitives/radio.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio.js","sources":["../../../../src/components/primitives/radio.tsx"],"sourcesContent":["import Text from '@components/primitives/text';\nimport { Box, Circle, Flex } from '@styled/jsx';\nimport { flex } from '@styled/patterns';\nimport { createContext, forwardRef, useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport {\n  AriaRadioGroupProps,\n  AriaRadioProps,\n  VisuallyHidden,\n  mergeProps,\n  useFocusRing,\n  useHover,\n  usePress,\n} from 'react-aria';\n\nexport interface RadioGroupProps extends AriaRadioGroupProps {\n  children: React.ReactNode;\n  onChange: (value: string) => void;\n  selectedValue?: string;\n  vertical?: boolean;\n}\n\nexport interface RadioProps extends AriaRadioProps {\n  label?: string;\n}\n\nconst RadioContext = createContext<{\n  currentValue: string | undefined;\n  setCurrentValue: (value: string) => void;\n}>({\n  currentValue: undefined,\n  setCurrentValue: () => {},\n});\n\nexport const RadioGroup = (props: RadioGroupProps) => {\n  const { children, onChange, selectedValue, vertical } = props;\n  const [currentValue, setCurrentValue] = useState<string | undefined>(selectedValue);\n\n  useEffect(() => {\n    if (selectedValue !== undefined) {\n      setCurrentValue(selectedValue);\n    }\n  }, [selectedValue]);\n\n  const handleSelect = useCallback(\n    (value: string) => {\n      setCurrentValue(value);\n      onChange(value);\n    },\n    [setCurrentValue, onChange],\n  );\n\n  return (\n    <Flex direction={vertical ? 'column' : 'row'} gap={vertical ? 5 : 10} role=\"radiogroup\">\n      <RadioContext.Provider value={{ currentValue, setCurrentValue: handleSelect }}>{children}</RadioContext.Provider>\n    </Flex>\n  );\n};\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>((props, forwardedRef) => {\n  const { label, value } = props;\n  const state = useContext(RadioContext);\n\n  const internalRef = useRef<HTMLInputElement>(null);\n  const ref = forwardedRef || internalRef;\n\n  const handlePress = useCallback(() => {\n    state.setCurrentValue(value);\n  }, [state, value]);\n\n  const { hoverProps } = useHover({});\n  const { focusProps, isFocusVisible } = useFocusRing();\n  const { pressProps } = usePress({\n    onPress: handlePress,\n  });\n\n  const isSelected = state.currentValue === value;\n\n  const tabIndex = isSelected ? 0 : -1;\n\n  return (\n    <label className={flex({ alignItems: 'center' })}>\n      <VisuallyHidden>\n        <input\n          {...mergeProps(pressProps, focusProps, hoverProps)}\n          ref={ref}\n          type=\"radio\"\n          checked={isSelected}\n          tabIndex={tabIndex}\n          readOnly\n        />\n      </VisuallyHidden>\n      <Flex\n        justifyContent=\"center\"\n        alignItems=\"center\"\n        borderWidth=\"thick\"\n        borderColor={isFocusVisible || isSelected ? 'brand.base' : 'text.tertiary'}\n        transition=\"border-color 0.2s ease\"\n        outlineColor=\"brand.base\"\n        outlineStyle={isFocusVisible ? 'solid' : 'none'}\n        outlineWidth=\"thick\"\n        outlineOffset={0.5}\n        _hover={{ borderColor: 'brand.base' }}\n        cursor=\"pointer\"\n        w={6}\n        h={6}\n        rounded=\"full\"\n        aria-hidden=\"true\"\n      >\n        {isSelected && <Circle size={3} bg=\"brand.base\" />}\n      </Flex>\n      <Box ml={3}>\n        <Text size=\"lg\" styles={{ fontWeight: 500 }}>\n          {label}\n        </Text>\n      </Box>\n    </label>\n  );\n});\n\nRadioGroup.displayName = 'RadioGroup';\nRadio.displayName = 'Radio';\n"],"names":["RadioContext","createContext","RadioGroup","props","children","onChange","selectedValue","vertical","currentValue","setCurrentValue","useState","useEffect","handleSelect","useCallback","value","_jsx","Flex","Radio","forwardRef","forwardedRef","label","state","useContext","internalRef","useRef","ref","handlePress","hoverProps","useHover","focusProps","isFocusVisible","useFocusRing","pressProps","usePress","isSelected","tabIndex","_jsxs","flex","VisuallyHidden","mergeProps","Circle","Box","Text"],"mappings":"qZAyBA,MAAMA,EAAeC,EAGlB,CACD,aAAc,OACd,gBAAiB,IAAK,CACvB,CAAA,CAAA,EAEYC,EAAcC,GAA0B,CACnD,KAAM,CAAE,SAAAC,EAAU,SAAAC,EAAU,cAAAC,EAAe,SAAAC,CAAQ,EAAKJ,EAClD,CAACK,EAAcC,CAAe,EAAIC,EAA6BJ,CAAa,EAElFK,EAAU,IAAK,CACTL,IAAkB,QACpBG,EAAgBH,CAAa,CAEjC,EAAG,CAACA,CAAa,CAAC,EAElB,MAAMM,EAAeC,EAClBC,GAAiB,CAChBL,EAAgBK,CAAK,EACrBT,EAASS,CAAK,CAChB,EACA,CAACL,EAAiBJ,CAAQ,CAAC,EAG7B,OACEU,EAACC,EAAI,CAAC,UAAWT,EAAW,SAAW,MAAO,IAAKA,EAAW,EAAI,GAAI,KAAK,aAAY,SACrFQ,EAACf,EAAa,SAAQ,CAAC,MAAO,CAAE,aAAAQ,EAAc,gBAAiBI,CAAY,WAAKR,CAAQ,CAAA,CACnF,CAAA,CAEX,EAEaa,EAAQC,EAAyC,CAACf,EAAOgB,IAAgB,CACpF,KAAM,CAAE,MAAAC,EAAO,MAAAN,CAAO,EAAGX,EACnBkB,EAAQC,EAAWtB,CAAY,EAE/BuB,EAAcC,EAAyB,IAAI,EAC3CC,EAAMN,GAAgBI,EAEtBG,EAAcb,EAAY,IAAK,CACnCQ,EAAM,gBAAgBP,CAAK,CAC7B,EAAG,CAACO,EAAOP,CAAK,CAAC,EAEX,CAAE,WAAAa,CAAY,EAAGC,EAAS,CAAE,CAAA,EAC5B,CAAE,WAAAC,EAAY,eAAAC,GAAmBC,IACjC,CAAE,WAAAC,CAAY,EAAGC,EAAS,CAC9B,QAASP,CACV,CAAA,EAEKQ,EAAab,EAAM,eAAiBP,EAEpCqB,EAAWD,EAAa,EAAI,GAElC,OACEE,EAAO,QAAA,CAAA,UAAWC,EAAK,CAAE,WAAY,SAAU,EAAC,SAAA,CAC9CtB,EAACuB,EAAc,CAAA,SACbvB,cACMwB,EAAWP,EAAYH,EAAYF,CAAU,EACjD,IAAKF,EACL,KAAK,QACL,QAASS,EACT,SAAUC,EACV,aAEa,CAAA,EACjBpB,EAACC,EAAI,CACH,eAAe,SACf,WAAW,SACX,YAAY,QACZ,YAAac,GAAkBI,EAAa,aAAe,gBAC3D,WAAW,yBACX,aAAa,aACb,aAAcJ,EAAiB,QAAU,OACzC,aAAa,QACb,cAAe,GACf,OAAQ,CAAE,YAAa,cACvB,OAAO,UACP,EAAG,EACH,EAAG,EACH,QAAQ,qBACI,OAAM,SAEjBI,GAAcnB,EAACyB,EAAM,CAAC,KAAM,EAAG,GAAG,YAAY,CAAA,IAEjDzB,EAAC0B,EAAI,CAAA,GAAI,EAAC,SACR1B,EAAC2B,GAAK,KAAK,KAAK,OAAQ,CAAE,WAAY,KACnC,SAAAtB,GAEC,CAAA,CAAA,CAAA,CAAA,CAGZ,CAAC,EAEDlB,EAAW,YAAc,aACzBe,EAAM,YAAc"}
+{"version":3,"file":"radio.js","sources":["../../../../src/components/primitives/radio.tsx"],"sourcesContent":["import Text from '@components/primitives/text';\nimport { Box, Circle, Flex } from '@styled/jsx';\nimport { flex } from '@styled/patterns';\nimport {\n  PropsWithChildren,\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  AriaRadioGroupProps,\n  AriaRadioProps,\n  VisuallyHidden,\n  mergeProps,\n  useFocusRing,\n  useHover,\n  usePress,\n} from 'react-aria';\n\nexport interface RadioGroupProps extends AriaRadioGroupProps, PropsWithChildren {\n  onChange: (value: string) => void;\n  selectedValue?: string;\n  vertical?: boolean;\n}\n\nexport interface RadioProps extends AriaRadioProps {\n  label?: string;\n}\n\nconst RadioContext = createContext<{\n  currentValue: string | undefined;\n  setCurrentValue: (value: string) => void;\n}>({\n  currentValue: undefined,\n  setCurrentValue: () => {},\n});\n\nexport const RadioGroup = (props: RadioGroupProps) => {\n  const { children, onChange, selectedValue, vertical } = props;\n  const [currentValue, setCurrentValue] = useState<string | undefined>(selectedValue);\n\n  useEffect(() => {\n    if (selectedValue !== undefined) {\n      setCurrentValue(selectedValue);\n    }\n  }, [selectedValue]);\n\n  const handleSelect = useCallback(\n    (value: string) => {\n      setCurrentValue(value);\n      onChange(value);\n    },\n    [setCurrentValue, onChange],\n  );\n\n  return (\n    <Flex direction={vertical ? 'column' : 'row'} gap={vertical ? 5 : 10} role=\"radiogroup\">\n      <RadioContext.Provider value={{ currentValue, setCurrentValue: handleSelect }}>{children}</RadioContext.Provider>\n    </Flex>\n  );\n};\n\nexport const Radio = forwardRef<HTMLInputElement, RadioProps>((props, forwardedRef) => {\n  const { label, value } = props;\n  const state = useContext(RadioContext);\n\n  const internalRef = useRef<HTMLInputElement>(null);\n  const ref = forwardedRef || internalRef;\n\n  const handlePress = useCallback(() => {\n    state.setCurrentValue(value);\n  }, [state, value]);\n\n  const { hoverProps } = useHover({});\n  const { focusProps, isFocusVisible } = useFocusRing();\n  const { pressProps } = usePress({\n    onPress: handlePress,\n  });\n\n  const isSelected = state.currentValue === value;\n\n  const tabIndex = isSelected ? 0 : -1;\n\n  return (\n    <label className={flex({ alignItems: 'center' })}>\n      <VisuallyHidden>\n        <input\n          {...mergeProps(pressProps, focusProps, hoverProps)}\n          ref={ref}\n          type=\"radio\"\n          checked={isSelected}\n          tabIndex={tabIndex}\n          readOnly\n        />\n      </VisuallyHidden>\n      <Flex\n        justifyContent=\"center\"\n        alignItems=\"center\"\n        borderWidth=\"thick\"\n        borderColor={isFocusVisible || isSelected ? 'brand.base' : 'text.tertiary'}\n        transition=\"border-color 0.2s ease\"\n        outlineColor=\"brand.base\"\n        outlineStyle={isFocusVisible ? 'solid' : 'none'}\n        outlineWidth=\"thick\"\n        outlineOffset={0.5}\n        _hover={{ borderColor: 'brand.base' }}\n        cursor=\"pointer\"\n        w={6}\n        h={6}\n        rounded=\"full\"\n        aria-hidden=\"true\"\n      >\n        {isSelected && <Circle size={3} bg=\"brand.base\" />}\n      </Flex>\n      <Box ml={3}>\n        <Text size=\"lg\" styles={{ fontWeight: 500 }}>\n          {label}\n        </Text>\n      </Box>\n    </label>\n  );\n});\n\nRadioGroup.displayName = 'RadioGroup';\nRadio.displayName = 'Radio';\n"],"names":["RadioContext","createContext","RadioGroup","props","children","onChange","selectedValue","vertical","currentValue","setCurrentValue","useState","useEffect","handleSelect","useCallback","value","_jsx","Flex","Radio","forwardRef","forwardedRef","label","state","useContext","internalRef","useRef","ref","handlePress","hoverProps","useHover","focusProps","isFocusVisible","useFocusRing","pressProps","usePress","isSelected","tabIndex","_jsxs","flex","VisuallyHidden","mergeProps","Circle","Box","Text"],"mappings":"qZAiCA,MAAMA,EAAeC,EAGlB,CACD,aAAc,OACd,gBAAiB,IAAK,CACvB,CAAA,CAAA,EAEYC,EAAcC,GAA0B,CACnD,KAAM,CAAE,SAAAC,EAAU,SAAAC,EAAU,cAAAC,EAAe,SAAAC,CAAQ,EAAKJ,EAClD,CAACK,EAAcC,CAAe,EAAIC,EAA6BJ,CAAa,EAElFK,EAAU,IAAK,CACTL,IAAkB,QACpBG,EAAgBH,CAAa,CAEjC,EAAG,CAACA,CAAa,CAAC,EAElB,MAAMM,EAAeC,EAClBC,GAAiB,CAChBL,EAAgBK,CAAK,EACrBT,EAASS,CAAK,CAChB,EACA,CAACL,EAAiBJ,CAAQ,CAAC,EAG7B,OACEU,EAACC,EAAI,CAAC,UAAWT,EAAW,SAAW,MAAO,IAAKA,EAAW,EAAI,GAAI,KAAK,aAAY,SACrFQ,EAACf,EAAa,SAAQ,CAAC,MAAO,CAAE,aAAAQ,EAAc,gBAAiBI,CAAY,WAAKR,CAAQ,CAAA,CACnF,CAAA,CAEX,EAEaa,EAAQC,EAAyC,CAACf,EAAOgB,IAAgB,CACpF,KAAM,CAAE,MAAAC,EAAO,MAAAN,CAAO,EAAGX,EACnBkB,EAAQC,EAAWtB,CAAY,EAE/BuB,EAAcC,EAAyB,IAAI,EAC3CC,EAAMN,GAAgBI,EAEtBG,EAAcb,EAAY,IAAK,CACnCQ,EAAM,gBAAgBP,CAAK,CAC7B,EAAG,CAACO,EAAOP,CAAK,CAAC,EAEX,CAAE,WAAAa,CAAY,EAAGC,EAAS,CAAE,CAAA,EAC5B,CAAE,WAAAC,EAAY,eAAAC,GAAmBC,IACjC,CAAE,WAAAC,CAAY,EAAGC,EAAS,CAC9B,QAASP,CACV,CAAA,EAEKQ,EAAab,EAAM,eAAiBP,EAEpCqB,EAAWD,EAAa,EAAI,GAElC,OACEE,EAAO,QAAA,CAAA,UAAWC,EAAK,CAAE,WAAY,SAAU,EAAC,SAAA,CAC9CtB,EAACuB,EAAc,CAAA,SACbvB,cACMwB,EAAWP,EAAYH,EAAYF,CAAU,EACjD,IAAKF,EACL,KAAK,QACL,QAASS,EACT,SAAUC,EACV,aAEa,CAAA,EACjBpB,EAACC,EAAI,CACH,eAAe,SACf,WAAW,SACX,YAAY,QACZ,YAAac,GAAkBI,EAAa,aAAe,gBAC3D,WAAW,yBACX,aAAa,aACb,aAAcJ,EAAiB,QAAU,OACzC,aAAa,QACb,cAAe,GACf,OAAQ,CAAE,YAAa,cACvB,OAAO,UACP,EAAG,EACH,EAAG,EACH,QAAQ,qBACI,OAAM,SAEjBI,GAAcnB,EAACyB,EAAM,CAAC,KAAM,EAAG,GAAG,YAAY,CAAA,IAEjDzB,EAAC0B,EAAI,CAAA,GAAI,EAAC,SACR1B,EAAC2B,GAAK,KAAK,KAAK,OAAQ,CAAE,WAAY,KACnC,SAAAtB,GAEC,CAAA,CAAA,CAAA,CAAA,CAGZ,CAAC,EAEDlB,EAAW,YAAc,aACzBe,EAAM,YAAc"}

package/dist/es/components/primitives/segmented-control.js.map

@@ -1 +1 @@
-{"version":3,"file":"segmented-control.js","sources":["../../../../src/components/primitives/segmented-control.tsx"],"sourcesContent":["import { css } from '@styled/css';\nimport { Box, Flex } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport React, {\n  Children,\n  RefObject,\n  cloneElement,\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing, useHover } from 'react-aria';\n\nexport interface SegmentedControlProps {\n  children: React.ReactNode;\n  onChange: (value: string) => void;\n  selectedTab: string;\n  size?: 'sm' | 'md' | 'lg';\n}\n\nexport interface TabProps extends AriaButtonProps {\n  label: string;\n  id: string;\n}\n\ntype TabRefs = {\n  [key: string]: HTMLButtonElement | null;\n};\n\nconst SegmentedControlContext = createContext<{\n  currentTab: string | undefined;\n  setCurrentTab: (id: string) => void;\n  size?: 'sm' | 'md' | 'lg';\n  tabRefs: RefObject<TabRefs>;\n}>({\n  currentTab: undefined,\n  setCurrentTab: () => {},\n  tabRefs: { current: {} },\n});\n\nconst Icon = createSlot(({ children, ...props }) => {\n  return (\n    <Flex alignItems=\"center\" justifyContent=\"center\">\n      {Children.map(children, child => {\n        return cloneElement(child, props);\n      })}\n    </Flex>\n  );\n});\n\nexport const SegmentedControl = (props: SegmentedControlProps) => {\n  const { children, onChange, selectedTab, size = 'md' } = props;\n  const [currentTab, setCurrentTab] = useState(selectedTab);\n  const tabRefs = useRef<{ [key: string]: HTMLButtonElement | null }>({});\n  const observer = useRef<ResizeObserver>();\n  const [indicatorStyle, setIndicatorStyle] = useState({ transform: 'translateX(4px)', width: '', height: '' });\n\n  useEffect(() => {\n    if (selectedTab !== undefined) {\n      setCurrentTab(selectedTab);\n    }\n  }, [selectedTab]);\n\n  useEffect(() => {\n    if (!observer.current) {\n      observer.current = new ResizeObserver(() => {\n        const { offsetLeft, clientWidth, clientHeight } = tabRefs.current[currentTab]!;\n        setIndicatorStyle({\n          transform: `translateX(${offsetLeft}px)`,\n          width: `${clientWidth}px`,\n          height: `${clientHeight}px`,\n        });\n      });\n    }\n\n    observer.current.observe(tabRefs.current[currentTab]!);\n\n    return () => {\n      if (observer.current && tabRefs.current[currentTab]) {\n        observer.current.unobserve(tabRefs.current[currentTab]!);\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    if (currentTab && tabRefs.current[currentTab]) {\n      const { offsetLeft, clientWidth, clientHeight } = tabRefs.current[currentTab]!;\n      setIndicatorStyle({\n        transform: `translateX(${offsetLeft}px)`,\n        width: `${clientWidth}px`,\n        height: `${clientHeight}px`,\n      });\n    }\n  }, [currentTab, size]);\n\n  const handleSelect = useCallback(\n    (id: string) => {\n      setCurrentTab(id);\n      onChange(id);\n    },\n    [setCurrentTab, onChange],\n  );\n\n  return (\n    <Flex\n      w=\"full\"\n      role=\"tablist\"\n      p={1}\n      rounded=\"full\"\n      bg=\"ink.10\"\n      _dark={{ bg: 'slate.2' }}\n      aria-label=\"Segmented Control\"\n      position=\"relative\"\n    >\n      <Box\n        position=\"absolute\"\n        bg=\"paper\"\n        _dark={{ bg: 'slate.4' }}\n        boxShadow=\"0px 4px 20px 0px {colors.ink.90/10}\"\n        transition=\"transform 0.2s ease\"\n        rounded=\"inherit\"\n        ml={-1}\n        style={{ ...indicatorStyle }}\n      />\n      <SegmentedControlContext.Provider value={{ currentTab, setCurrentTab: handleSelect, size, tabRefs }}>\n        {children}\n      </SegmentedControlContext.Provider>\n    </Flex>\n  );\n};\n\nconst TabComponent = forwardRef<HTMLButtonElement, TabProps>((props, forwardedRef) => {\n  const { label, id } = props;\n  const { currentTab, setCurrentTab, tabRefs, size } = useContext(SegmentedControlContext);\n\n  const isSelected = currentTab === id;\n  const height = size === 'sm' ? 8 : size === 'md' ? 10 : 13;\n  const iconSize = size === 'sm' ? 16 : 20;\n\n  const internalRef = useRef<HTMLButtonElement>(null);\n  const ref = forwardedRef || internalRef;\n\n  useEffect(() => {\n    if (typeof ref === 'object' && tabRefs.current) {\n      tabRefs.current[id] = ref.current;\n    }\n  }, [id]);\n\n  const handlePress = useCallback(() => {\n    setCurrentTab(id);\n  }, [setCurrentTab, id]);\n\n  const { buttonProps, isPressed } = useButton({ onPress: handlePress }, ref as React.RefObject<HTMLButtonElement>);\n  const { hoverProps } = useHover({});\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return createHost(props.children, slots => {\n    const icon = slots.get(Icon);\n\n    return (\n      <button\n        className={css({\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          h: height,\n          w: 'full',\n          rounded: 'button',\n          zIndex: 0,\n          cursor: 'pointer',\n          color: isSelected ? 'text.primary' : 'text.secondary',\n          fontSize: size,\n          fontWeight: 'semibold',\n          whiteSpace: 'nowrap',\n          bg: 'transparent',\n          outlineColor: isFocusVisible ? 'brand.base' : 'transparent',\n          outlineStyle: 'solid',\n          outlineWidth: 'thick',\n          transition: isSelected ? 'background 0s' : 'background 0.2s ease',\n          _hover: {\n            bg: isSelected ? 'transparent' : 'ink.20',\n            _dark: { bg: isSelected ? 'transparent' : 'slate.1' },\n          },\n        })}\n        ref={ref}\n        {...mergeProps(buttonProps, hoverProps, focusProps)}\n      >\n        <Flex opacity={isPressed && !isSelected ? 0.5 : 1} align=\"center\" justify=\"center\">\n          {icon && {\n            ...icon,\n            props: {\n              ...icon.props,\n              className: css({ mr: 1, color: isSelected ? 'text.primary' : 'text.secondary' }),\n              width: iconSize,\n              height: iconSize,\n            },\n          }}\n          {label}\n        </Flex>\n      </button>\n    );\n  });\n});\n\nexport const Tab = Object.assign(TabComponent, {\n  Icon,\n});\n\nTabComponent.displayName = 'Tab';\nSegmentedControl.displayName = 'SegmentedControl';\n"],"names":["SegmentedControlContext","createContext","Icon","createSlot","children","props","_jsx","Flex","Children","child","cloneElement","SegmentedControl","onChange","selectedTab","size","currentTab","setCurrentTab","useState","tabRefs","useRef","observer","indicatorStyle","setIndicatorStyle","useEffect","offsetLeft","clientWidth","clientHeight","handleSelect","useCallback","id","_jsxs","Box","TabComponent","forwardRef","forwardedRef","label","useContext","isSelected","height","iconSize","internalRef","ref","handlePress","buttonProps","isPressed","useButton","hoverProps","useHover","isFocusVisible","focusProps","useFocusRing","createHost","slots","icon","css","mergeProps","Tab"],"mappings":"ibAiCA,MAAMA,EAA0BC,EAK7B,CACD,WAAY,OACZ,cAAe,IAAK,GACpB,QAAS,CAAE,QAAS,CAAI,CAAA,CACzB,CAAA,EAEKC,EAAOC,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAE3CC,EAACC,EAAI,CAAC,WAAW,SAAS,eAAe,SACtC,SAAAC,EAAS,IAAIJ,EAAUK,GACfC,EAAaD,EAAOJ,CAAK,CACjC,CACI,CAAA,CAEV,EAEYM,EAAoBN,GAAgC,CAC/D,KAAM,CAAE,SAAAD,EAAU,SAAAQ,EAAU,YAAAC,EAAa,KAAAC,EAAO,IAAM,EAAGT,EACnD,CAACU,EAAYC,CAAa,EAAIC,EAASJ,CAAW,EAClDK,EAAUC,EAAoD,CAAE,CAAA,EAChEC,EAAWD,EAAM,EACjB,CAACE,EAAgBC,CAAiB,EAAIL,EAAS,CAAE,UAAW,kBAAmB,MAAO,GAAI,OAAQ,EAAI,CAAA,EAE5GM,EAAU,IAAK,CACTV,IAAgB,QAClBG,EAAcH,CAAW,CAE7B,EAAG,CAACA,CAAW,CAAC,EAEhBU,EAAU,KACHH,EAAS,UACZA,EAAS,QAAU,IAAI,eAAe,IAAK,CACzC,KAAM,CAAE,WAAAI,EAAY,YAAAC,EAAa,aAAAC,CAAY,EAAKR,EAAQ,QAAQH,CAAU,EAC5EO,EAAkB,CAChB,UAAW,cAAcE,CAAU,MACnC,MAAO,GAAGC,CAAW,KACrB,OAAQ,GAAGC,CAAY,IACxB,CAAA,CACH,CAAC,GAGHN,EAAS,QAAQ,QAAQF,EAAQ,QAAQH,CAAU,CAAE,EAE9C,IAAK,CACNK,EAAS,SAAWF,EAAQ,QAAQH,CAAU,GAChDK,EAAS,QAAQ,UAAUF,EAAQ,QAAQH,CAAU,CAAE,CAE3D,GACC,CAAA,CAAE,EAELQ,EAAU,IAAK,CACb,GAAIR,GAAcG,EAAQ,QAAQH,CAAU,EAAG,CAC7C,KAAM,CAAE,WAAAS,EAAY,YAAAC,EAAa,aAAAC,CAAY,EAAKR,EAAQ,QAAQH,CAAU,EAC5EO,EAAkB,CAChB,UAAW,cAAcE,CAAU,MACnC,MAAO,GAAGC,CAAW,KACrB,OAAQ,GAAGC,CAAY,IACxB,CAAA,CACH,CACF,EAAG,CAACX,EAAYD,CAAI,CAAC,EAErB,MAAMa,EAAeC,EAClBC,GAAc,CACbb,EAAca,CAAE,EAChBjB,EAASiB,CAAE,CACb,EACA,CAACb,EAAeJ,CAAQ,CAAC,EAG3B,OACEkB,EAACvB,EAAI,CACH,EAAE,OACF,KAAK,UACL,EAAG,EACH,QAAQ,OACR,GAAG,SACH,MAAO,CAAE,GAAI,SAAS,eACX,oBACX,SAAS,WAAU,SAAA,CAEnBD,EAACyB,EAAG,CACF,SAAS,WACT,GAAG,QACH,MAAO,CAAE,GAAI,WACb,UAAU,sCACV,WAAW,sBACX,QAAQ,UACR,GAAI,GACJ,MAAO,CAAE,GAAGV,EACZ,CAAA,EACFf,EAACN,EAAwB,UAAS,MAAO,CAAE,WAAAe,EAAY,cAAeY,EAAc,KAAAb,EAAM,QAAAI,CAAO,WAC9Fd,CAAQ,CAAA,CACwB,CAC9B,CAAA,CAEX,EAEM4B,EAAeC,EAAwC,CAAC5B,EAAO6B,IAAgB,CACnF,KAAM,CAAE,MAAAC,EAAO,GAAAN,CAAI,EAAGxB,EAChB,CAAE,WAAAU,EAAY,cAAAC,EAAe,QAAAE,EAAS,KAAAJ,CAAI,EAAKsB,EAAWpC,CAAuB,EAEjFqC,EAAatB,IAAec,EAC5BS,EAASxB,IAAS,KAAO,EAAIA,IAAS,KAAO,GAAK,GAClDyB,EAAWzB,IAAS,KAAO,GAAK,GAEhC0B,EAAcrB,EAA0B,IAAI,EAC5CsB,EAAMP,GAAgBM,EAE5BjB,EAAU,IAAK,CACT,OAAOkB,GAAQ,UAAYvB,EAAQ,UACrCA,EAAQ,QAAQW,CAAE,EAAIY,EAAI,QAE9B,EAAG,CAACZ,CAAE,CAAC,EAEP,MAAMa,EAAcd,EAAY,IAAK,CACnCZ,EAAca,CAAE,CAClB,EAAG,CAACb,EAAea,CAAE,CAAC,EAEhB,CAAE,YAAAc,EAAa,UAAAC,CAAS,EAAKC,EAAU,CAAE,QAASH,CAAW,EAAID,CAAyC,EAC1G,CAAE,WAAAK,CAAY,EAAGC,EAAS,CAAA,CAAE,EAC5B,CAAE,eAAAC,EAAgB,WAAAC,GAAeC,IAEvC,OAAOC,EAAW9C,EAAM,SAAU+C,GAAQ,CACxC,MAAMC,EAAOD,EAAM,IAAIlD,CAAI,EAE3B,OACEI,EAAA,SAAA,CACE,UAAWgD,EAAI,CACb,QAAS,OACT,eAAgB,SAChB,WAAY,SACZ,EAAGhB,EACH,EAAG,OACH,QAAS,SACT,OAAQ,EACR,OAAQ,UACR,MAAOD,EAAa,eAAiB,iBACrC,SAAUvB,EACV,WAAY,WACZ,WAAY,SACZ,GAAI,cACJ,aAAckC,EAAiB,aAAe,cAC9C,aAAc,QACd,aAAc,QACd,WAAYX,EAAa,gBAAkB,uBAC3C,OAAQ,CACN,GAAIA,EAAa,cAAgB,SACjC,MAAO,CAAE,GAAIA,EAAa,cAAgB,SAAW,CACtD,CACF,CAAA,EACD,IAAKI,EACD,GAAAc,EAAWZ,EAAaG,EAAYG,CAAU,EAAC,SAEnDnB,EAACvB,EAAI,CAAC,QAASqC,GAAa,CAACP,EAAa,GAAM,EAAG,MAAM,SAAS,QAAQ,SAAQ,SAAA,CAC/EgB,GAAQ,CACP,GAAGA,EACH,MAAO,CACL,GAAGA,EAAK,MACR,UAAWC,EAAI,CAAE,GAAI,EAAG,MAAOjB,EAAa,eAAiB,iBAAkB,EAC/E,MAAOE,EACP,OAAQA,CACT,CACF,EACAJ,CAAK,CAAA,CAAA,CAED,CAAA,CAEb,CAAC,CACH,CAAC,EAEYqB,EAAM,OAAO,OAAOxB,EAAc,CAC7C,KAAA9B,CACD,CAAA,EAED8B,EAAa,YAAc,MAC3BrB,EAAiB,YAAc"}
+{"version":3,"file":"segmented-control.js","sources":["../../../../src/components/primitives/segmented-control.tsx"],"sourcesContent":["import { css } from '@styled/css';\nimport { Box, Flex } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport React, {\n  Children,\n  PropsWithChildren,\n  RefObject,\n  cloneElement,\n  createContext,\n  forwardRef,\n  useCallback,\n  useContext,\n  useEffect,\n  useRef,\n  useState,\n} from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing, useHover } from 'react-aria';\n\nexport interface SegmentedControlProps extends PropsWithChildren {\n  onChange: (value: string) => void;\n  selectedTab: string;\n  size?: 'sm' | 'md' | 'lg';\n}\n\nexport interface TabProps extends AriaButtonProps {\n  label: string;\n  id: string;\n}\n\ntype TabRefs = {\n  [key: string]: HTMLButtonElement | null;\n};\n\nconst SegmentedControlContext = createContext<{\n  currentTab: string | undefined;\n  setCurrentTab: (id: string) => void;\n  size?: 'sm' | 'md' | 'lg';\n  tabRefs: RefObject<TabRefs>;\n}>({\n  currentTab: undefined,\n  setCurrentTab: () => {},\n  tabRefs: { current: {} },\n});\n\nconst Icon = createSlot(({ children, ...props }) => {\n  return (\n    <Flex alignItems=\"center\" justifyContent=\"center\">\n      {Children.map(children, child => {\n        return cloneElement(child, props);\n      })}\n    </Flex>\n  );\n});\n\nexport const SegmentedControl = (props: SegmentedControlProps) => {\n  const { children, onChange, selectedTab, size = 'md' } = props;\n  const [currentTab, setCurrentTab] = useState(selectedTab);\n  const tabRefs = useRef<{ [key: string]: HTMLButtonElement | null }>({});\n  const observer = useRef<ResizeObserver>();\n  const [indicatorStyle, setIndicatorStyle] = useState({ transform: 'translateX(4px)', width: '', height: '' });\n\n  useEffect(() => {\n    if (selectedTab !== undefined) {\n      setCurrentTab(selectedTab);\n    }\n  }, [selectedTab]);\n\n  useEffect(() => {\n    if (!observer.current) {\n      observer.current = new ResizeObserver(() => {\n        const { offsetLeft, clientWidth, clientHeight } = tabRefs.current[currentTab]!;\n        setIndicatorStyle({\n          transform: `translateX(${offsetLeft}px)`,\n          width: `${clientWidth}px`,\n          height: `${clientHeight}px`,\n        });\n      });\n    }\n\n    observer.current.observe(tabRefs.current[currentTab]!);\n\n    return () => {\n      if (observer.current && tabRefs.current[currentTab]) {\n        observer.current.unobserve(tabRefs.current[currentTab]!);\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    if (currentTab && tabRefs.current[currentTab]) {\n      const { offsetLeft, clientWidth, clientHeight } = tabRefs.current[currentTab]!;\n      setIndicatorStyle({\n        transform: `translateX(${offsetLeft}px)`,\n        width: `${clientWidth}px`,\n        height: `${clientHeight}px`,\n      });\n    }\n  }, [currentTab, size]);\n\n  const handleSelect = useCallback(\n    (id: string) => {\n      setCurrentTab(id);\n      onChange(id);\n    },\n    [setCurrentTab, onChange],\n  );\n\n  return (\n    <Flex\n      w=\"full\"\n      role=\"tablist\"\n      p={1}\n      rounded=\"full\"\n      bg=\"ink.10\"\n      _dark={{ bg: 'slate.2' }}\n      aria-label=\"Segmented Control\"\n      position=\"relative\"\n    >\n      <Box\n        position=\"absolute\"\n        bg=\"paper\"\n        _dark={{ bg: 'slate.4' }}\n        boxShadow=\"0px 4px 20px 0px {colors.ink.90/10}\"\n        transition=\"transform 0.2s ease\"\n        rounded=\"inherit\"\n        ml={-1}\n        style={{ ...indicatorStyle }}\n      />\n      <SegmentedControlContext.Provider value={{ currentTab, setCurrentTab: handleSelect, size, tabRefs }}>\n        {children}\n      </SegmentedControlContext.Provider>\n    </Flex>\n  );\n};\n\nconst TabComponent = forwardRef<HTMLButtonElement, TabProps>((props, forwardedRef) => {\n  const { label, id } = props;\n  const { currentTab, setCurrentTab, tabRefs, size } = useContext(SegmentedControlContext);\n\n  const isSelected = currentTab === id;\n  const height = size === 'sm' ? 8 : size === 'md' ? 10 : 13;\n  const iconSize = size === 'sm' ? 16 : 20;\n\n  const internalRef = useRef<HTMLButtonElement>(null);\n  const ref = forwardedRef || internalRef;\n\n  useEffect(() => {\n    if (typeof ref === 'object' && tabRefs.current) {\n      tabRefs.current[id] = ref.current;\n    }\n  }, [id]);\n\n  const handlePress = useCallback(() => {\n    setCurrentTab(id);\n  }, [setCurrentTab, id]);\n\n  const { buttonProps, isPressed } = useButton({ onPress: handlePress }, ref as React.RefObject<HTMLButtonElement>);\n  const { hoverProps } = useHover({});\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return createHost(props.children, slots => {\n    const icon = slots.get(Icon);\n\n    return (\n      <button\n        className={css({\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n          h: height,\n          w: 'full',\n          rounded: 'button',\n          zIndex: 0,\n          cursor: 'pointer',\n          color: isSelected ? 'text.primary' : 'text.secondary',\n          fontSize: size,\n          fontWeight: 'semibold',\n          whiteSpace: 'nowrap',\n          bg: 'transparent',\n          outlineColor: isFocusVisible ? 'brand.base' : 'transparent',\n          outlineStyle: 'solid',\n          outlineWidth: 'thick',\n          transition: isSelected ? 'background 0s' : 'background 0.2s ease',\n          _hover: {\n            bg: isSelected ? 'transparent' : 'ink.20',\n            _dark: { bg: isSelected ? 'transparent' : 'slate.1' },\n          },\n        })}\n        ref={ref}\n        {...mergeProps(buttonProps, hoverProps, focusProps)}\n      >\n        <Flex opacity={isPressed && !isSelected ? 0.5 : 1} align=\"center\" justify=\"center\">\n          {icon && {\n            ...icon,\n            props: {\n              ...icon.props,\n              className: css({ mr: 1, color: isSelected ? 'text.primary' : 'text.secondary' }),\n              width: iconSize,\n              height: iconSize,\n            },\n          }}\n          {label}\n        </Flex>\n      </button>\n    );\n  });\n});\n\nexport const Tab = Object.assign(TabComponent, {\n  Icon,\n});\n\nTabComponent.displayName = 'Tab';\nSegmentedControl.displayName = 'SegmentedControl';\n"],"names":["SegmentedControlContext","createContext","Icon","createSlot","children","props","_jsx","Flex","Children","child","cloneElement","SegmentedControl","onChange","selectedTab","size","currentTab","setCurrentTab","useState","tabRefs","useRef","observer","indicatorStyle","setIndicatorStyle","useEffect","offsetLeft","clientWidth","clientHeight","handleSelect","useCallback","id","_jsxs","Box","TabComponent","forwardRef","forwardedRef","label","useContext","isSelected","height","iconSize","internalRef","ref","handlePress","buttonProps","isPressed","useButton","hoverProps","useHover","isFocusVisible","focusProps","useFocusRing","createHost","slots","icon","css","mergeProps","Tab"],"mappings":"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"}

package/dist/es/components/primitives/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../../../../src/components/primitives/text.tsx"],"sourcesContent":["import { text } from '@recipes/text';\nimport { css } from '@styled/css';\nimport { CSSProperties, ReactNode, forwardRef } from 'react';\n\nexport type TextStyles = {\n  color?: CSSProperties['color'];\n  fontWeight?: CSSProperties['fontWeight'];\n  fontSize?: CSSProperties['fontSize'];\n  lineHeight?: CSSProperties['lineHeight'];\n  letterSpacing?: CSSProperties['letterSpacing'];\n  textAlign?: CSSProperties['textAlign'];\n  textDecoration?: CSSProperties['textDecoration'];\n  textTransform?: CSSProperties['textTransform'];\n};\n\nexport interface TextProps {\n  children: ReactNode;\n  styles?: TextStyles;\n  scale?: boolean;\n}\n\nexport interface BodyProps extends TextProps {\n  inline?: boolean;\n  variant?: 'text' | 'error' | 'info' | 'success' | 'warning';\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n  truncate?: boolean;\n}\n\nconst defaultColor = { color: 'text.primary' };\n\nconst TextH1 = forwardRef<HTMLHeadingElement, TextProps>(({ children, styles = {}, scale }, ref) => (\n  <h1 ref={ref} className={css({ textStyle: scale ? 'h1-scaled' : 'h1', ...defaultColor })} style={styles}>\n    {children}\n  </h1>\n));\n\nconst TextH2 = forwardRef<HTMLHeadingElement, TextProps>(({ children, styles = {}, scale }, ref) => (\n  <h2 ref={ref} className={css({ textStyle: scale ? 'h2-scaled' : 'h2', ...defaultColor })} style={styles}>\n    {children}\n  </h2>\n));\n\nconst TextH3 = forwardRef<HTMLHeadingElement, TextProps>(({ children, styles = {}, scale }, ref) => (\n  <h3 ref={ref} className={css({ textStyle: scale ? 'h3-scaled' : 'h3', ...defaultColor })} style={styles}>\n    {children}\n  </h3>\n));\n\nconst TextH4 = forwardRef<HTMLHeadingElement, TextProps>(({ children, styles = {}, scale }, ref) => (\n  <h4 ref={ref} className={css({ textStyle: scale ? 'h4-scaled' : 'h4', ...defaultColor })} style={styles}>\n    {children}\n  </h4>\n));\n\nconst TextH5 = forwardRef<HTMLHeadingElement, TextProps>(({ children, styles = {}, scale }, ref) => (\n  <h5 ref={ref} className={css({ textStyle: scale ? 'h5-scaled' : 'h5', ...defaultColor })} style={styles}>\n    {children}\n  </h5>\n));\n\nconst TextH6 = forwardRef<HTMLHeadingElement, TextProps>(({ children, styles = {}, scale }, ref) => (\n  <h6 ref={ref} className={css({ textStyle: scale ? 'h6-scaled' : 'h6', color: 'text.secondary' })} style={styles}>\n    {children}\n  </h6>\n));\n\nconst TextMono = forwardRef<HTMLParagraphElement, BodyProps>(\n  ({ children, styles = {}, variant = 'text', size = 'md', truncate = false }, ref) => {\n    const classStyles = text({ mono: true, variant, size });\n\n    return (\n      <span ref={ref} className={`${classStyles} ${css({ truncate })}`} style={styles}>\n        {children}\n      </span>\n    );\n  },\n);\n\nconst Body = forwardRef<HTMLParagraphElement, BodyProps>(\n  ({ children, styles = {}, scale, inline = false, variant = 'text', size = 'md', truncate = false }, ref) => {\n    const classStyles = text({ variant, size, scale });\n    const bodyProps = {\n      ref,\n      className: `${classStyles} ${css({ truncate })}`,\n      style: styles,\n    };\n\n    if (inline) {\n      return <span {...bodyProps}>{children}</span>;\n    }\n\n    return <p {...bodyProps}>{children}</p>;\n  },\n);\n\nconst Text = Object.assign(Body, {\n  H1: TextH1,\n  H2: TextH2,\n  H3: TextH3,\n  H4: TextH4,\n  H5: TextH5,\n  H6: TextH6,\n  Mono: TextMono,\n});\n\nBody.displayName = 'Text';\nTextH1.displayName = 'Text.H1';\nTextH2.displayName = 'Text.H2';\nTextH3.displayName = 'Text.H3';\nTextH4.displayName = 'Text.H4';\nTextH5.displayName = 'Text.H5';\nTextH6.displayName = 'Text.H6';\nTextMono.displayName = 'Text.Mono';\n\nexport default Text;\n"],"names":["defaultColor","TextH1","forwardRef","children","styles","scale","ref","_jsx","css","TextH2","TextH3","TextH4","TextH5","TextH6","TextMono","variant","size","truncate","classStyles","text","Body","inline","bodyProps","Text"],"mappings":"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"}
+{"version":3,"file":"text.js","sources":["../../../../src/components/primitives/text.tsx"],"sourcesContent":["import { text } from '@recipes/text';\nimport { css } from '@styled/css';\nimport { CSSProperties, PropsWithChildren, forwardRef } from 'react';\n\nexport type TextStyles = {\n  color?: CSSProperties['color'];\n  fontWeight?: CSSProperties['fontWeight'];\n  fontSize?: CSSProperties['fontSize'];\n  lineHeight?: CSSProperties['lineHeight'];\n  letterSpacing?: CSSProperties['letterSpacing'];\n  textAlign?: CSSProperties['textAlign'];\n  textDecoration?: CSSProperties['textDecoration'];\n  textTransform?: CSSProperties['textTransform'];\n};\n\nexport interface TextProps extends PropsWithChildren {\n  styles?: TextStyles;\n  scale?: boolean;\n}\n\nexport interface BodyProps extends TextProps {\n  inline?: boolean;\n  variant?: 'text' | 'error' | 'info' | 'success' | 'warning';\n  size?: 'xs' | 'sm' | 'md' | 'lg';\n  truncate?: boolean;\n}\n\nconst defaultColor = { color: 'text.primary' };\n\nconst TextH1 = forwardRef<HTMLHeadingElement, TextProps>(({ children, styles = {}, scale }, ref) => (\n  <h1 ref={ref} className={css({ textStyle: scale ? 'h1-scaled' : 'h1', ...defaultColor })} style={styles}>\n    {children}\n  </h1>\n));\n\nconst TextH2 = forwardRef<HTMLHeadingElement, TextProps>(({ children, styles = {}, scale }, ref) => (\n  <h2 ref={ref} className={css({ textStyle: scale ? 'h2-scaled' : 'h2', ...defaultColor })} style={styles}>\n    {children}\n  </h2>\n));\n\nconst TextH3 = forwardRef<HTMLHeadingElement, TextProps>(({ children, styles = {}, scale }, ref) => (\n  <h3 ref={ref} className={css({ textStyle: scale ? 'h3-scaled' : 'h3', ...defaultColor })} style={styles}>\n    {children}\n  </h3>\n));\n\nconst TextH4 = forwardRef<HTMLHeadingElement, TextProps>(({ children, styles = {}, scale }, ref) => (\n  <h4 ref={ref} className={css({ textStyle: scale ? 'h4-scaled' : 'h4', ...defaultColor })} style={styles}>\n    {children}\n  </h4>\n));\n\nconst TextH5 = forwardRef<HTMLHeadingElement, TextProps>(({ children, styles = {}, scale }, ref) => (\n  <h5 ref={ref} className={css({ textStyle: scale ? 'h5-scaled' : 'h5', ...defaultColor })} style={styles}>\n    {children}\n  </h5>\n));\n\nconst TextH6 = forwardRef<HTMLHeadingElement, TextProps>(({ children, styles = {}, scale }, ref) => (\n  <h6 ref={ref} className={css({ textStyle: scale ? 'h6-scaled' : 'h6', color: 'text.secondary' })} style={styles}>\n    {children}\n  </h6>\n));\n\nconst TextMono = forwardRef<HTMLParagraphElement, BodyProps>(\n  ({ children, styles = {}, variant = 'text', size = 'md', truncate = false }, ref) => {\n    const classStyles = text({ mono: true, variant, size });\n\n    return (\n      <span ref={ref} className={`${classStyles} ${css({ truncate })}`} style={styles}>\n        {children}\n      </span>\n    );\n  },\n);\n\nconst Body = forwardRef<HTMLParagraphElement, BodyProps>(\n  ({ children, styles = {}, scale, inline = false, variant = 'text', size = 'md', truncate = false }, ref) => {\n    const classStyles = text({ variant, size, scale });\n    const bodyProps = {\n      ref,\n      className: `${classStyles} ${css({ truncate })}`,\n      style: styles,\n    };\n\n    if (inline) {\n      return <span {...bodyProps}>{children}</span>;\n    }\n\n    return <p {...bodyProps}>{children}</p>;\n  },\n);\n\nconst Text = Object.assign(Body, {\n  H1: TextH1,\n  H2: TextH2,\n  H3: TextH3,\n  H4: TextH4,\n  H5: TextH5,\n  H6: TextH6,\n  Mono: TextMono,\n});\n\nBody.displayName = 'Text';\nTextH1.displayName = 'Text.H1';\nTextH2.displayName = 'Text.H2';\nTextH3.displayName = 'Text.H3';\nTextH4.displayName = 'Text.H4';\nTextH5.displayName = 'Text.H5';\nTextH6.displayName = 'Text.H6';\nTextMono.displayName = 'Text.Mono';\n\nexport default Text;\n"],"names":["defaultColor","TextH1","forwardRef","children","styles","scale","ref","_jsx","css","TextH2","TextH3","TextH4","TextH5","TextH6","TextMono","variant","size","truncate","classStyles","text","Body","inline","bodyProps","Text"],"mappings":"0JA2BA,MAAMA,EAAe,CAAE,MAAO,gBAExBC,EAASC,EAA0C,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,GAAI,MAAAC,CAAO,EAAEC,IAC1FC,EAAA,KAAA,CAAI,IAAKD,EAAK,UAAWE,EAAI,CAAE,UAAWH,EAAQ,YAAc,KAAM,GAAGL,CAAY,CAAE,EAAG,MAAOI,EAAM,SACpGD,CAAQ,CAAA,CAEZ,EAEKM,EAASP,EAA0C,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,CAAI,EAAA,MAAAC,CAAO,EAAEC,IAC1FC,EAAA,KAAA,CAAI,IAAKD,EAAK,UAAWE,EAAI,CAAE,UAAWH,EAAQ,YAAc,KAAM,GAAGL,CAAY,CAAE,EAAG,MAAOI,EAAM,SACpGD,CAAQ,CAAA,CAEZ,EAEKO,EAASR,EAA0C,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,CAAA,EAAI,MAAAC,CAAO,EAAEC,IAC1FC,EAAA,KAAA,CAAI,IAAKD,EAAK,UAAWE,EAAI,CAAE,UAAWH,EAAQ,YAAc,KAAM,GAAGL,CAAY,CAAE,EAAG,MAAOI,EAAM,SACpGD,CAAQ,CAAA,CAEZ,EAEKQ,EAAST,EAA0C,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,CAAA,EAAI,MAAAC,CAAO,EAAEC,IAC1FC,EAAA,KAAA,CAAI,IAAKD,EAAK,UAAWE,EAAI,CAAE,UAAWH,EAAQ,YAAc,KAAM,GAAGL,CAAY,CAAE,EAAG,MAAOI,EAAM,SACpGD,CAAQ,CAAA,CAEZ,EAEKS,EAASV,EAA0C,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,GAAI,MAAAC,CAAO,EAAEC,IAC1FC,EAAA,KAAA,CAAI,IAAKD,EAAK,UAAWE,EAAI,CAAE,UAAWH,EAAQ,YAAc,KAAM,GAAGL,CAAY,CAAE,EAAG,MAAOI,EAAM,SACpGD,CAAQ,CAAA,CAEZ,EAEKU,EAASX,EAA0C,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,CAAA,EAAI,MAAAC,GAASC,IAC1FC,EAAI,KAAA,CAAA,IAAKD,EAAK,UAAWE,EAAI,CAAE,UAAWH,EAAQ,YAAc,KAAM,MAAO,gBAAgB,CAAE,EAAG,MAAOD,EAAM,SAC5GD,CAAQ,CAAA,CAEZ,EAEKW,EAAWZ,EACf,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,GAAI,QAAAW,EAAU,OAAQ,KAAAC,EAAO,KAAM,SAAAC,EAAW,EAAO,EAAEX,IAAO,CAClF,MAAMY,EAAcC,EAAK,CAAE,KAAM,GAAM,QAAAJ,EAAS,KAAAC,CAAI,CAAE,EAEtD,OACET,EAAM,OAAA,CAAA,IAAKD,EAAK,UAAW,GAAGY,CAAW,IAAIV,EAAI,CAAE,SAAAS,CAAQ,CAAE,CAAC,GAAI,MAAOb,EACtE,SAAAD,CACI,CAAA,CAEX,CAAC,EAGGiB,EAAOlB,EACX,CAAC,CAAE,SAAAC,EAAU,OAAAC,EAAS,CAAA,EAAI,MAAAC,EAAO,OAAAgB,EAAS,GAAO,QAAAN,EAAU,OAAQ,KAAAC,EAAO,KAAM,SAAAC,EAAW,EAAK,EAAIX,IAAO,CACzG,MAAMY,EAAcC,EAAK,CAAE,QAAAJ,EAAS,KAAAC,EAAM,MAAAX,CAAO,CAAA,EAC3CiB,EAAY,CAChB,IAAAhB,EACA,UAAW,GAAGY,CAAW,IAAIV,EAAI,CAAE,SAAAS,CAAU,CAAA,CAAC,GAC9C,MAAOb,GAGT,OAAIiB,EACKd,EAAU,OAAA,CAAA,GAAAe,EAAY,SAAAnB,IAGxBI,EAAO,IAAA,CAAA,GAAAe,EAAY,SAAAnB,GAC5B,CAAC,EAGGoB,EAAO,OAAO,OAAOH,EAAM,CAC/B,GAAInB,EACJ,GAAIQ,EACJ,GAAIC,EACJ,GAAIC,EACJ,GAAIC,EACJ,GAAIC,EACJ,KAAMC,CACP,CAAA,EAEDM,EAAK,YAAc,OACnBnB,EAAO,YAAc,UACrBQ,EAAO,YAAc,UACrBC,EAAO,YAAc,UACrBC,EAAO,YAAc,UACrBC,EAAO,YAAc,UACrBC,EAAO,YAAc,UACrBC,EAAS,YAAc,YAEvB,MAAeS"}