@magiclabs/ui-components 1.23.0 → 1.23.2

package/dist/cjs/index.js

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

package/dist/cjs/recipes/callout.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@styled/css");const o=e.sva({slots:["container","label","description","icon","button","focus"],base:{container:{px:4,py:3,rounded:10,w:"full"},button:{cursor:"pointer",outline:"none",_focusVisible:{outlineColor:"brand.base",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5,rounded:2}}},variants:{size:{sm:{label:{fontSize:"sm"}},md:{label:{fontSize:"md"}},lg:{label:{fontSize:"lg"}}},variant:{branded:{container:{bg:"brand.lightest",_focusVisible:{outlineColor:"brand.lightest"}},label:{color:"brand.darkest"},description:{color:"brand.darkest"},icon:{color:"brand.darkest"},button:{color:"brand.darkest"}},success:{container:{bg:"positive.lightest",_focusVisible:{outlineColor:"positive.lightest"}},label:{color:"positive.darkest"},description:{color:"positive.darkest"},icon:{color:"positive.darkest"},button:{color:"positive.darkest"}},error:{container:{bg:"negative.lightest",_focusVisible:{outlineColor:"negative.lightest"}},label:{color:"negative.darkest"},description:{color:"negative.darkest"},icon:{color:"negative.darkest"},button:{color:"negative.darkest"}},warning:{container:{bg:"warning.lightest",_focusVisible:{outlineColor:"warning.lightest"}},label:{color:"warning.darkest"},description:{color:"warning.darkest"},icon:{color:"warning.darkest"},button:{color:"warning.darkest"}},neutral:{container:{bg:"surface.secondary",_focusVisible:{outlineColor:"surface.secondary"}},label:{color:"text.secondary"},description:{color:"text.secondary"},icon:{color:"text.secondary"},button:{color:"text.secondary"}}},icon:{true:{description:{ml:7}}},dismissible:{true:{description:{mr:7}}},interactive:{true:{container:{cursor:"pointer",transition:"transform 0.2s ease, opacity 0.2s ease",_active:{transform:"scale(0.95)"},_hover:{opacity:.8},_focusVisible:{outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5}}}},description:{true:{label:{textTransform:"uppercase",fontSize:"xs",fontWeight:"semibold",letterSpacing:"0.06rem"}}},isDismissed:{true:{container:{animationFillMode:"forwards",animationName:"scaleOut",animationDuration:"150ms",_motionReduce:{scale:1}}}}}});exports.callout=o;
+"use strict";var e=require("@styled/css");const o=e.sva({slots:["container","label","description","icon","button","focus"],base:{container:{px:4,py:3,rounded:10,w:"full"},button:{cursor:"pointer",outline:"none",_focusVisible:{outlineColor:"brand.base",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5,rounded:2}},label:{textAlign:"left"}},variants:{size:{sm:{label:{fontSize:"sm"}},md:{label:{fontSize:"md"}},lg:{label:{fontSize:"lg"}}},variant:{branded:{container:{bg:"brand.lightest",_focusVisible:{outlineColor:"brand.lightest"}},label:{color:"brand.darkest"},description:{color:"brand.darkest"},icon:{color:"brand.darkest"},button:{color:"brand.darkest"}},success:{container:{bg:"positive.lightest",_focusVisible:{outlineColor:"positive.lightest"}},label:{color:"positive.darkest"},description:{color:"positive.darkest"},icon:{color:"positive.darkest"},button:{color:"positive.darkest"}},error:{container:{bg:"negative.lightest",_focusVisible:{outlineColor:"negative.lightest"}},label:{color:"negative.darkest"},description:{color:"negative.darkest"},icon:{color:"negative.darkest"},button:{color:"negative.darkest"}},warning:{container:{bg:"warning.lightest",_focusVisible:{outlineColor:"warning.lightest"}},label:{color:"warning.darkest"},description:{color:"warning.darkest"},icon:{color:"warning.darkest"},button:{color:"warning.darkest"}},neutral:{container:{bg:"surface.secondary",_focusVisible:{outlineColor:"surface.secondary"}},label:{color:"text.secondary"},description:{color:"text.secondary"},icon:{color:"text.secondary"},button:{color:"text.secondary"}}},icon:{true:{description:{ml:7}}},dismissible:{true:{description:{mr:7}}},interactive:{true:{container:{cursor:"pointer",transition:"transform 0.2s ease, opacity 0.2s ease",_active:{transform:"scale(0.95)"},_hover:{opacity:.8},_focusVisible:{outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5}}}},description:{true:{label:{textTransform:"uppercase",fontSize:"xs",fontWeight:"semibold",letterSpacing:"0.06rem"}}},isDismissed:{true:{container:{animationFillMode:"forwards",animationName:"scaleOut",animationDuration:"150ms",_motionReduce:{scale:1}}}}}});exports.callout=o;
 //# sourceMappingURL=callout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"callout.js","sources":["../../../src/recipes/callout.ts"],"sourcesContent":["import { sva } from '@styled/css';\n\nexport const callout = sva({\n  slots: ['container', 'label', 'description', 'icon', 'button', 'focus'],\n  base: {\n    container: {\n      px: 4,\n      py: 3,\n      rounded: 10,\n      w: 'full',\n    },\n    button: {\n      cursor: 'pointer',\n      outline: 'none',\n      _focusVisible: {\n        outlineColor: 'brand.base',\n        outlineStyle: 'solid',\n        outlineWidth: 'thick',\n        outlineOffset: 0.5,\n        rounded: 2,\n      },\n    },\n  },\n  variants: {\n    size: {\n      sm: {\n        label: { fontSize: 'sm' },\n      },\n      md: {\n        label: { fontSize: 'md' },\n      },\n      lg: {\n        label: { fontSize: 'lg' },\n      },\n    },\n    variant: {\n      branded: {\n        container: {\n          bg: 'brand.lightest',\n          _focusVisible: {\n            outlineColor: 'brand.lightest',\n          },\n        },\n        label: {\n          color: 'brand.darkest',\n        },\n        description: {\n          color: 'brand.darkest',\n        },\n        icon: {\n          color: 'brand.darkest',\n        },\n        button: {\n          color: 'brand.darkest',\n        },\n      },\n      success: {\n        container: {\n          bg: 'positive.lightest',\n          _focusVisible: {\n            outlineColor: 'positive.lightest',\n          },\n        },\n        label: {\n          color: 'positive.darkest',\n        },\n        description: {\n          color: 'positive.darkest',\n        },\n        icon: {\n          color: 'positive.darkest',\n        },\n        button: {\n          color: 'positive.darkest',\n        },\n      },\n      error: {\n        container: {\n          bg: 'negative.lightest',\n          _focusVisible: {\n            outlineColor: 'negative.lightest',\n          },\n        },\n        label: {\n          color: 'negative.darkest',\n        },\n        description: {\n          color: 'negative.darkest',\n        },\n        icon: {\n          color: 'negative.darkest',\n        },\n        button: {\n          color: 'negative.darkest',\n        },\n      },\n      warning: {\n        container: {\n          bg: 'warning.lightest',\n          _focusVisible: {\n            outlineColor: 'warning.lightest',\n          },\n        },\n        label: {\n          color: 'warning.darkest',\n        },\n        description: {\n          color: 'warning.darkest',\n        },\n        icon: {\n          color: 'warning.darkest',\n        },\n        button: {\n          color: 'warning.darkest',\n        },\n      },\n      neutral: {\n        container: {\n          bg: 'surface.secondary',\n          _focusVisible: {\n            outlineColor: 'surface.secondary',\n          },\n        },\n        label: {\n          color: 'text.secondary',\n        },\n        description: {\n          color: 'text.secondary',\n        },\n        icon: {\n          color: 'text.secondary',\n        },\n        button: {\n          color: 'text.secondary',\n        },\n      },\n    },\n    icon: {\n      true: {\n        description: {\n          ml: 7,\n        },\n      },\n    },\n    dismissible: {\n      true: {\n        description: {\n          mr: 7,\n        },\n      },\n    },\n    interactive: {\n      true: {\n        container: {\n          cursor: 'pointer',\n          transition: 'transform 0.2s ease, opacity 0.2s ease',\n          _active: { transform: 'scale(0.95)' },\n          _hover: {\n            opacity: 0.8,\n          },\n          _focusVisible: {\n            outlineStyle: 'solid',\n            outlineWidth: 'thick',\n            outlineOffset: 0.5,\n          },\n        },\n      },\n    },\n    description: {\n      true: {\n        label: {\n          textTransform: 'uppercase',\n          fontSize: 'xs',\n          fontWeight: 'semibold',\n          letterSpacing: '0.06rem',\n        },\n      },\n    },\n    isDismissed: {\n      true: {\n        container: {\n          animationFillMode: 'forwards',\n          animationName: 'scaleOut',\n          animationDuration: '150ms',\n          _motionReduce: { scale: 1 },\n        },\n      },\n    },\n  },\n});\n"],"names":["callout","sva"],"mappings":"0CAEa,MAAAA,EAAUC,MAAI,CACzB,MAAO,CAAC,YAAa,QAAS,cAAe,OAAQ,SAAU,OAAO,EACtE,KAAM,CACJ,UAAW,CACT,GAAI,EACJ,GAAI,EACJ,QAAS,GACT,EAAG,MACJ,EACD,OAAQ,CACN,OAAQ,UACR,QAAS,OACT,cAAe,CACb,aAAc,aACd,aAAc,QACd,aAAc,QACd,cAAe,GACf,QAAS,CACV,CACF,CACF,EACD,SAAU,CACR,KAAM,CACJ,GAAI,CACF,MAAO,CAAE,SAAU,IAAM,CAC1B,EACD,GAAI,CACF,MAAO,CAAE,SAAU,IAAM,CAC1B,EACD,GAAI,CACF,MAAO,CAAE,SAAU,IAAM,CAC1B,CACF,EACD,QAAS,CACP,QAAS,CACP,UAAW,CACT,GAAI,iBACJ,cAAe,CACb,aAAc,gBACf,CACF,EACD,MAAO,CACL,MAAO,eACR,EACD,YAAa,CACX,MAAO,eACR,EACD,KAAM,CACJ,MAAO,eACR,EACD,OAAQ,CACN,MAAO,eACR,CACF,EACD,QAAS,CACP,UAAW,CACT,GAAI,oBACJ,cAAe,CACb,aAAc,mBACf,CACF,EACD,MAAO,CACL,MAAO,kBACR,EACD,YAAa,CACX,MAAO,kBACR,EACD,KAAM,CACJ,MAAO,kBACR,EACD,OAAQ,CACN,MAAO,kBACR,CACF,EACD,MAAO,CACL,UAAW,CACT,GAAI,oBACJ,cAAe,CACb,aAAc,mBACf,CACF,EACD,MAAO,CACL,MAAO,kBACR,EACD,YAAa,CACX,MAAO,kBACR,EACD,KAAM,CACJ,MAAO,kBACR,EACD,OAAQ,CACN,MAAO,kBACR,CACF,EACD,QAAS,CACP,UAAW,CACT,GAAI,mBACJ,cAAe,CACb,aAAc,kBACf,CACF,EACD,MAAO,CACL,MAAO,iBACR,EACD,YAAa,CACX,MAAO,iBACR,EACD,KAAM,CACJ,MAAO,iBACR,EACD,OAAQ,CACN,MAAO,iBACR,CACF,EACD,QAAS,CACP,UAAW,CACT,GAAI,oBACJ,cAAe,CACb,aAAc,mBACf,CACF,EACD,MAAO,CACL,MAAO,gBACR,EACD,YAAa,CACX,MAAO,gBACR,EACD,KAAM,CACJ,MAAO,gBACR,EACD,OAAQ,CACN,MAAO,gBACR,CACF,CACF,EACD,KAAM,CACJ,KAAM,CACJ,YAAa,CACX,GAAI,CACL,CACF,CACF,EACD,YAAa,CACX,KAAM,CACJ,YAAa,CACX,GAAI,CACL,CACF,CACF,EACD,YAAa,CACX,KAAM,CACJ,UAAW,CACT,OAAQ,UACR,WAAY,yCACZ,QAAS,CAAE,UAAW,aAAe,EACrC,OAAQ,CACN,QAAS,EACV,EACD,cAAe,CACb,aAAc,QACd,aAAc,QACd,cAAe,EAChB,CACF,CACF,CACF,EACD,YAAa,CACX,KAAM,CACJ,MAAO,CACL,cAAe,YACf,SAAU,KACV,WAAY,WACZ,cAAe,SAChB,CACF,CACF,EACD,YAAa,CACX,KAAM,CACJ,UAAW,CACT,kBAAmB,WACnB,cAAe,WACf,kBAAmB,QACnB,cAAe,CAAE,MAAO,CAAG,CAC5B,CACF,CACF,CACF,CACF,CAAA"}
+{"version":3,"file":"callout.js","sources":["../../../src/recipes/callout.ts"],"sourcesContent":["import { sva } from '@styled/css';\n\nexport const callout = sva({\n  slots: ['container', 'label', 'description', 'icon', 'button', 'focus'],\n  base: {\n    container: {\n      px: 4,\n      py: 3,\n      rounded: 10,\n      w: 'full',\n    },\n    button: {\n      cursor: 'pointer',\n      outline: 'none',\n      _focusVisible: {\n        outlineColor: 'brand.base',\n        outlineStyle: 'solid',\n        outlineWidth: 'thick',\n        outlineOffset: 0.5,\n        rounded: 2,\n      },\n    },\n    label: {\n      textAlign: 'left',\n    },\n  },\n  variants: {\n    size: {\n      sm: {\n        label: { fontSize: 'sm' },\n      },\n      md: {\n        label: { fontSize: 'md' },\n      },\n      lg: {\n        label: { fontSize: 'lg' },\n      },\n    },\n    variant: {\n      branded: {\n        container: {\n          bg: 'brand.lightest',\n          _focusVisible: {\n            outlineColor: 'brand.lightest',\n          },\n        },\n        label: {\n          color: 'brand.darkest',\n        },\n        description: {\n          color: 'brand.darkest',\n        },\n        icon: {\n          color: 'brand.darkest',\n        },\n        button: {\n          color: 'brand.darkest',\n        },\n      },\n      success: {\n        container: {\n          bg: 'positive.lightest',\n          _focusVisible: {\n            outlineColor: 'positive.lightest',\n          },\n        },\n        label: {\n          color: 'positive.darkest',\n        },\n        description: {\n          color: 'positive.darkest',\n        },\n        icon: {\n          color: 'positive.darkest',\n        },\n        button: {\n          color: 'positive.darkest',\n        },\n      },\n      error: {\n        container: {\n          bg: 'negative.lightest',\n          _focusVisible: {\n            outlineColor: 'negative.lightest',\n          },\n        },\n        label: {\n          color: 'negative.darkest',\n        },\n        description: {\n          color: 'negative.darkest',\n        },\n        icon: {\n          color: 'negative.darkest',\n        },\n        button: {\n          color: 'negative.darkest',\n        },\n      },\n      warning: {\n        container: {\n          bg: 'warning.lightest',\n          _focusVisible: {\n            outlineColor: 'warning.lightest',\n          },\n        },\n        label: {\n          color: 'warning.darkest',\n        },\n        description: {\n          color: 'warning.darkest',\n        },\n        icon: {\n          color: 'warning.darkest',\n        },\n        button: {\n          color: 'warning.darkest',\n        },\n      },\n      neutral: {\n        container: {\n          bg: 'surface.secondary',\n          _focusVisible: {\n            outlineColor: 'surface.secondary',\n          },\n        },\n        label: {\n          color: 'text.secondary',\n        },\n        description: {\n          color: 'text.secondary',\n        },\n        icon: {\n          color: 'text.secondary',\n        },\n        button: {\n          color: 'text.secondary',\n        },\n      },\n    },\n    icon: {\n      true: {\n        description: {\n          ml: 7,\n        },\n      },\n    },\n    dismissible: {\n      true: {\n        description: {\n          mr: 7,\n        },\n      },\n    },\n    interactive: {\n      true: {\n        container: {\n          cursor: 'pointer',\n          transition: 'transform 0.2s ease, opacity 0.2s ease',\n          _active: { transform: 'scale(0.95)' },\n          _hover: {\n            opacity: 0.8,\n          },\n          _focusVisible: {\n            outlineStyle: 'solid',\n            outlineWidth: 'thick',\n            outlineOffset: 0.5,\n          },\n        },\n      },\n    },\n    description: {\n      true: {\n        label: {\n          textTransform: 'uppercase',\n          fontSize: 'xs',\n          fontWeight: 'semibold',\n          letterSpacing: '0.06rem',\n        },\n      },\n    },\n    isDismissed: {\n      true: {\n        container: {\n          animationFillMode: 'forwards',\n          animationName: 'scaleOut',\n          animationDuration: '150ms',\n          _motionReduce: { scale: 1 },\n        },\n      },\n    },\n  },\n});\n"],"names":["callout","sva"],"mappings":"0CAEa,MAAAA,EAAUC,MAAI,CACzB,MAAO,CAAC,YAAa,QAAS,cAAe,OAAQ,SAAU,OAAO,EACtE,KAAM,CACJ,UAAW,CACT,GAAI,EACJ,GAAI,EACJ,QAAS,GACT,EAAG,MACJ,EACD,OAAQ,CACN,OAAQ,UACR,QAAS,OACT,cAAe,CACb,aAAc,aACd,aAAc,QACd,aAAc,QACd,cAAe,GACf,QAAS,CACV,CACF,EACD,MAAO,CACL,UAAW,MACZ,CACF,EACD,SAAU,CACR,KAAM,CACJ,GAAI,CACF,MAAO,CAAE,SAAU,IAAM,CAC1B,EACD,GAAI,CACF,MAAO,CAAE,SAAU,IAAM,CAC1B,EACD,GAAI,CACF,MAAO,CAAE,SAAU,IAAM,CAC1B,CACF,EACD,QAAS,CACP,QAAS,CACP,UAAW,CACT,GAAI,iBACJ,cAAe,CACb,aAAc,gBACf,CACF,EACD,MAAO,CACL,MAAO,eACR,EACD,YAAa,CACX,MAAO,eACR,EACD,KAAM,CACJ,MAAO,eACR,EACD,OAAQ,CACN,MAAO,eACR,CACF,EACD,QAAS,CACP,UAAW,CACT,GAAI,oBACJ,cAAe,CACb,aAAc,mBACf,CACF,EACD,MAAO,CACL,MAAO,kBACR,EACD,YAAa,CACX,MAAO,kBACR,EACD,KAAM,CACJ,MAAO,kBACR,EACD,OAAQ,CACN,MAAO,kBACR,CACF,EACD,MAAO,CACL,UAAW,CACT,GAAI,oBACJ,cAAe,CACb,aAAc,mBACf,CACF,EACD,MAAO,CACL,MAAO,kBACR,EACD,YAAa,CACX,MAAO,kBACR,EACD,KAAM,CACJ,MAAO,kBACR,EACD,OAAQ,CACN,MAAO,kBACR,CACF,EACD,QAAS,CACP,UAAW,CACT,GAAI,mBACJ,cAAe,CACb,aAAc,kBACf,CACF,EACD,MAAO,CACL,MAAO,iBACR,EACD,YAAa,CACX,MAAO,iBACR,EACD,KAAM,CACJ,MAAO,iBACR,EACD,OAAQ,CACN,MAAO,iBACR,CACF,EACD,QAAS,CACP,UAAW,CACT,GAAI,oBACJ,cAAe,CACb,aAAc,mBACf,CACF,EACD,MAAO,CACL,MAAO,gBACR,EACD,YAAa,CACX,MAAO,gBACR,EACD,KAAM,CACJ,MAAO,gBACR,EACD,OAAQ,CACN,MAAO,gBACR,CACF,CACF,EACD,KAAM,CACJ,KAAM,CACJ,YAAa,CACX,GAAI,CACL,CACF,CACF,EACD,YAAa,CACX,KAAM,CACJ,YAAa,CACX,GAAI,CACL,CACF,CACF,EACD,YAAa,CACX,KAAM,CACJ,UAAW,CACT,OAAQ,UACR,WAAY,yCACZ,QAAS,CAAE,UAAW,aAAe,EACrC,OAAQ,CACN,QAAS,EACV,EACD,cAAe,CACb,aAAc,QACd,aAAc,QACd,cAAe,EAChB,CACF,CACF,CACF,EACD,YAAa,CACX,KAAM,CACJ,MAAO,CACL,cAAe,YACf,SAAU,KACV,WAAY,WACZ,cAAe,SAChB,CACF,CACF,EACD,YAAa,CACX,KAAM,CACJ,UAAW,CACT,kBAAmB,WACnB,cAAe,WACf,kBAAmB,QACnB,cAAe,CAAE,MAAO,CAAG,CAC5B,CACF,CACF,CACF,CACF,CAAA"}

package/dist/cjs/recipes/card.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@styled/css");const a=e.cva({base:{bgColor:"surface.primary",borderRadius:"1rem"},variants:{asButton:{false:{cursor:"default"},true:{alignItems:"center",cursor:"pointer",h:"10.75rem",justifyContent:"center",p:4,transition:"all 0.1s ease",w:"10.75rem",_active:{transform:"scale(0.95)"}}},alignment:{center:{alignItems:"center"},left:{alignItems:"flex-start"},right:{alignItems:"flex-end"}},alt:{true:{}},expand:{false:{overflow:"hidden"},true:{overflow:"visible",w:"full"}},gapType:{none:{gap:0},sm:{gap:4},md:{gap:5},lg:{gap:6}},heavyShadow:{false:{boxShadow:"0px 1px 2px rgba(189, 189, 189, 0.3)"},true:{boxShadow:"8px 8px 48px rgba(16, 15, 17, 0.14)"}},paddingType:{none:{p:0},sm:{px:4,py:3},md:{px:8,py:6},lg:{p:12}},widthMax:{true:{flex:1,maxW:"29.125rem",mdDown:{maxW:"full"}}}},compoundVariants:[{asButton:!0,alt:!0,css:{bgColor:"surface.tertiary",color:"text.secondary",_hover:{filter:"brightness(0.9)"}}}],defaultVariants:{alt:!1,expand:!1,gapType:"md",heavyShadow:!1,paddingType:"md",widthMax:!1}});exports.card=a;
+"use strict";var e=require("@styled/css");const a=e.cva({base:{bgColor:"surface.primary",borderRadius:"1rem"},variants:{asButton:{false:{cursor:"default"},true:{alignItems:"center",cursor:"pointer",h:"10.75rem",justifyContent:"center",p:4,transition:"all 0.1s ease",w:"10.75rem",_active:{transform:"scale(0.95)"}}},alignment:{center:{alignItems:"center"},left:{alignItems:"flex-start"},right:{alignItems:"flex-end"}},alt:{true:{}},expand:{false:{overflow:"hidden"},true:{overflow:"visible",w:"full"}},gapType:{none:{gap:0},sm:{gap:4},md:{gap:5},lg:{gap:6}},heavyShadow:{false:{boxShadow:"0px 1px 2px rgba(189, 189, 189, 0.3)"},true:{boxShadow:"8px 8px 48px rgba(16, 15, 17, 0.14)"}},paddingType:{none:{p:0},sm:{px:4,py:3},md:{px:8,py:6},lg:{p:12}},widthMax:{true:{flex:1,maxW:"29.125rem",mdDown:{maxW:"full"}}},disabled:{true:{opacity:.3,pointerEvents:"none"}},validating:{true:{pointerEvents:"none"}}},compoundVariants:[{asButton:!0,alt:!0,css:{bgColor:"surface.tertiary",color:"text.secondary",_hover:{filter:"brightness(0.9)"}}}],defaultVariants:{alt:!1,expand:!1,gapType:"md",heavyShadow:!1,paddingType:"md",widthMax:!1}});exports.card=a;
 //# sourceMappingURL=card.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../../../src/recipes/card.ts"],"sourcesContent":["import { cva, type RecipeVariantProps } from '@styled/css';\n\nexport const card = cva({\n  base: {\n    bgColor: 'surface.primary',\n    borderRadius: '1rem',\n  },\n  variants: {\n    asButton: {\n      false: {\n        cursor: 'default',\n      },\n      true: {\n        alignItems: 'center',\n        cursor: 'pointer',\n        h: '10.75rem',\n        justifyContent: 'center',\n        p: 4,\n        transition: 'all 0.1s ease',\n        w: '10.75rem',\n        _active: { transform: 'scale(0.95)' },\n      },\n    },\n    alignment: {\n      center: {\n        alignItems: 'center',\n      },\n      left: {\n        alignItems: 'flex-start',\n      },\n      right: {\n        alignItems: 'flex-end',\n      },\n    },\n    alt: {\n      true: {},\n    },\n    expand: {\n      false: {\n        overflow: 'hidden',\n      },\n      true: {\n        overflow: 'visible',\n        w: 'full',\n      },\n    },\n    gapType: {\n      none: {\n        gap: 0,\n      },\n      sm: {\n        gap: 4,\n      },\n      md: {\n        gap: 5,\n      },\n      lg: {\n        gap: 6,\n      },\n    },\n    heavyShadow: {\n      false: {\n        boxShadow: '0px 1px 2px rgba(189, 189, 189, 0.3)',\n      },\n      true: {\n        boxShadow: '8px 8px 48px rgba(16, 15, 17, 0.14)',\n      },\n    },\n    paddingType: {\n      none: {\n        p: 0,\n      },\n      sm: {\n        px: 4,\n        py: 3,\n      },\n      md: {\n        px: 8,\n        py: 6,\n      },\n      lg: {\n        p: 12,\n      },\n    },\n    widthMax: {\n      true: {\n        flex: 1,\n        maxW: '29.125rem',\n        mdDown: { maxW: 'full' },\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      asButton: true,\n      alt: true,\n      css: {\n        bgColor: 'surface.tertiary',\n        color: 'text.secondary',\n        _hover: {\n          filter: 'brightness(0.9)',\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    alt: false,\n    expand: false,\n    gapType: 'md',\n    heavyShadow: false,\n    paddingType: 'md',\n    widthMax: false,\n  },\n});\n\nexport type CardVariants = RecipeVariantProps<typeof card>;\n"],"names":["card","cva"],"mappings":"0CAEO,MAAMA,EAAOC,EAAAA,IAAI,CACtB,KAAM,CACJ,QAAS,kBACT,aAAc,MACf,EACD,SAAU,CACR,SAAU,CACR,MAAO,CACL,OAAQ,SACT,EACD,KAAM,CACJ,WAAY,SACZ,OAAQ,UACR,EAAG,WACH,eAAgB,SAChB,EAAG,EACH,WAAY,gBACZ,EAAG,WACH,QAAS,CAAE,UAAW,aAAe,CACtC,CACF,EACD,UAAW,CACT,OAAQ,CACN,WAAY,QACb,EACD,KAAM,CACJ,WAAY,YACb,EACD,MAAO,CACL,WAAY,UACb,CACF,EACD,IAAK,CACH,KAAM,CACP,CAAA,EACD,OAAQ,CACN,MAAO,CACL,SAAU,QACX,EACD,KAAM,CACJ,SAAU,UACV,EAAG,MACJ,CACF,EACD,QAAS,CACP,KAAM,CACJ,IAAK,CACN,EACD,GAAI,CACF,IAAK,CACN,EACD,GAAI,CACF,IAAK,CACN,EACD,GAAI,CACF,IAAK,CACN,CACF,EACD,YAAa,CACX,MAAO,CACL,UAAW,sCACZ,EACD,KAAM,CACJ,UAAW,qCACZ,CACF,EACD,YAAa,CACX,KAAM,CACJ,EAAG,CACJ,EACD,GAAI,CACF,GAAI,EACJ,GAAI,CACL,EACD,GAAI,CACF,GAAI,EACJ,GAAI,CACL,EACD,GAAI,CACF,EAAG,EACJ,CACF,EACD,SAAU,CACR,KAAM,CACJ,KAAM,EACN,KAAM,YACN,OAAQ,CAAE,KAAM,MAAQ,CACzB,CACF,CACF,EACD,iBAAkB,CAChB,CACE,SAAU,GACV,IAAK,GACL,IAAK,CACH,QAAS,mBACT,MAAO,iBACP,OAAQ,CACN,OAAQ,iBACT,CACF,CACF,CACF,EACD,gBAAiB,CACf,IAAK,GACL,OAAQ,GACR,QAAS,KACT,YAAa,GACb,YAAa,KACb,SAAU,EACX,CACF,CAAA"}
+{"version":3,"file":"card.js","sources":["../../../src/recipes/card.ts"],"sourcesContent":["import { cva, type RecipeVariantProps } from '@styled/css';\n\nexport const card = cva({\n  base: {\n    bgColor: 'surface.primary',\n    borderRadius: '1rem',\n  },\n  variants: {\n    asButton: {\n      false: {\n        cursor: 'default',\n      },\n      true: {\n        alignItems: 'center',\n        cursor: 'pointer',\n        h: '10.75rem',\n        justifyContent: 'center',\n        p: 4,\n        transition: 'all 0.1s ease',\n        w: '10.75rem',\n        _active: { transform: 'scale(0.95)' },\n      },\n    },\n    alignment: {\n      center: {\n        alignItems: 'center',\n      },\n      left: {\n        alignItems: 'flex-start',\n      },\n      right: {\n        alignItems: 'flex-end',\n      },\n    },\n    alt: {\n      true: {},\n    },\n    expand: {\n      false: {\n        overflow: 'hidden',\n      },\n      true: {\n        overflow: 'visible',\n        w: 'full',\n      },\n    },\n    gapType: {\n      none: {\n        gap: 0,\n      },\n      sm: {\n        gap: 4,\n      },\n      md: {\n        gap: 5,\n      },\n      lg: {\n        gap: 6,\n      },\n    },\n    heavyShadow: {\n      false: {\n        boxShadow: '0px 1px 2px rgba(189, 189, 189, 0.3)',\n      },\n      true: {\n        boxShadow: '8px 8px 48px rgba(16, 15, 17, 0.14)',\n      },\n    },\n    paddingType: {\n      none: {\n        p: 0,\n      },\n      sm: {\n        px: 4,\n        py: 3,\n      },\n      md: {\n        px: 8,\n        py: 6,\n      },\n      lg: {\n        p: 12,\n      },\n    },\n    widthMax: {\n      true: {\n        flex: 1,\n        maxW: '29.125rem',\n        mdDown: { maxW: 'full' },\n      },\n    },\n    disabled: {\n      true: {\n        opacity: 0.3,\n        pointerEvents: 'none',\n      },\n    },\n    validating: {\n      true: {\n        pointerEvents: 'none',\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      asButton: true,\n      alt: true,\n      css: {\n        bgColor: 'surface.tertiary',\n        color: 'text.secondary',\n        _hover: {\n          filter: 'brightness(0.9)',\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    alt: false,\n    expand: false,\n    gapType: 'md',\n    heavyShadow: false,\n    paddingType: 'md',\n    widthMax: false,\n  },\n});\n\nexport type CardVariants = RecipeVariantProps<typeof card>;\n"],"names":["card","cva"],"mappings":"0CAEO,MAAMA,EAAOC,EAAAA,IAAI,CACtB,KAAM,CACJ,QAAS,kBACT,aAAc,MACf,EACD,SAAU,CACR,SAAU,CACR,MAAO,CACL,OAAQ,SACT,EACD,KAAM,CACJ,WAAY,SACZ,OAAQ,UACR,EAAG,WACH,eAAgB,SAChB,EAAG,EACH,WAAY,gBACZ,EAAG,WACH,QAAS,CAAE,UAAW,aAAe,CACtC,CACF,EACD,UAAW,CACT,OAAQ,CACN,WAAY,QACb,EACD,KAAM,CACJ,WAAY,YACb,EACD,MAAO,CACL,WAAY,UACb,CACF,EACD,IAAK,CACH,KAAM,CAAA,CACP,EACD,OAAQ,CACN,MAAO,CACL,SAAU,QACX,EACD,KAAM,CACJ,SAAU,UACV,EAAG,MACJ,CACF,EACD,QAAS,CACP,KAAM,CACJ,IAAK,CACN,EACD,GAAI,CACF,IAAK,CACN,EACD,GAAI,CACF,IAAK,CACN,EACD,GAAI,CACF,IAAK,CACN,CACF,EACD,YAAa,CACX,MAAO,CACL,UAAW,sCACZ,EACD,KAAM,CACJ,UAAW,qCACZ,CACF,EACD,YAAa,CACX,KAAM,CACJ,EAAG,CACJ,EACD,GAAI,CACF,GAAI,EACJ,GAAI,CACL,EACD,GAAI,CACF,GAAI,EACJ,GAAI,CACL,EACD,GAAI,CACF,EAAG,EACJ,CACF,EACD,SAAU,CACR,KAAM,CACJ,KAAM,EACN,KAAM,YACN,OAAQ,CAAE,KAAM,MAAQ,CACzB,CACF,EACD,SAAU,CACR,KAAM,CACJ,QAAS,GACT,cAAe,MAChB,CACF,EACD,WAAY,CACV,KAAM,CACJ,cAAe,MAChB,CACF,CACF,EACD,iBAAkB,CAChB,CACE,SAAU,GACV,IAAK,GACL,IAAK,CACH,QAAS,mBACT,MAAO,iBACP,OAAQ,CACN,OAAQ,iBACT,CACF,CACF,CACF,EACD,gBAAiB,CACf,IAAK,GACL,OAAQ,GACR,QAAS,KACT,YAAa,GACb,YAAa,KACb,SAAU,EACX,CACF,CAAA"}

package/dist/cjs/recipes/text.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("@styled/css");const t=e.cva({base:{textWrap:"pretty"},variants:{mono:{false:{},true:{}},scale:{false:{},true:{}},variant:{text:{color:"text.primary"},error:{color:"negative.darker",fontWeight:"medium"},info:{color:"brand.base",fontWeight:"medium"},success:{color:"positive.base",fontWeight:"medium"},warning:{color:"warning.base",fontWeight:"medium"}},size:{xs:{textStyle:"body-xs"},sm:{textStyle:"body-sm"},md:{textStyle:"body-md"},lg:{textStyle:"body-lg"}}},compoundVariants:[{scale:!0,size:"sm",css:{textStyle:"body-sm-scaled"}},{scale:!0,size:"md",css:{textStyle:"body-md-scaled"}},{scale:!0,size:"lg",css:{textStyle:"body-lg-scaled"}},{mono:!0,size:"sm",css:{textStyle:"mono-sm"}},{mono:!0,size:"md",css:{textStyle:"mono-md"}},{mono:!0,size:"lg",css:{textStyle:"mono-lg"}}],defaultVariants:{mono:!1,variant:"text",size:"md"}});exports.text=t;
+"use strict";var e=require("@styled/css");const t=e.cva({base:{textWrap:"wrap"},variants:{mono:{false:{},true:{}},scale:{false:{},true:{}},variant:{text:{color:"text.primary"},error:{color:"negative.darker"},info:{color:"brand.base"},success:{color:"positive.base"},warning:{color:"warning.base"}},size:{xs:{textStyle:"body-xs"},sm:{textStyle:"body-sm"},md:{textStyle:"body-md"},lg:{textStyle:"body-lg"}}},compoundVariants:[{scale:!0,size:"sm",css:{textStyle:"body-sm-scaled"}},{scale:!0,size:"md",css:{textStyle:"body-md-scaled"}},{scale:!0,size:"lg",css:{textStyle:"body-lg-scaled"}},{mono:!0,size:"sm",css:{textStyle:"mono-sm"}},{mono:!0,size:"md",css:{textStyle:"mono-md"}},{mono:!0,size:"lg",css:{textStyle:"mono-lg"}}],defaultVariants:{mono:!1,variant:"text",size:"md"}});exports.text=t;
 //# sourceMappingURL=text.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../../../src/recipes/text.ts"],"sourcesContent":["import { cva, type RecipeVariantProps } from '@styled/css';\n\nexport const text = cva({\n  base: {\n    textWrap: 'pretty',\n  },\n  variants: {\n    mono: {\n      false: {},\n      true: {},\n    },\n    scale: {\n      false: {},\n      true: {},\n    },\n    variant: {\n      text: {\n        color: 'text.primary',\n      },\n      error: {\n        color: 'negative.darker',\n        fontWeight: 'medium',\n      },\n      info: {\n        color: 'brand.base',\n        fontWeight: 'medium',\n      },\n      success: {\n        color: 'positive.base',\n        fontWeight: 'medium',\n      },\n      warning: {\n        color: 'warning.base',\n        fontWeight: 'medium',\n      },\n    },\n    size: {\n      xs: {\n        textStyle: 'body-xs',\n      },\n      sm: {\n        textStyle: 'body-sm',\n      },\n      md: {\n        textStyle: 'body-md',\n      },\n      lg: {\n        textStyle: 'body-lg',\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      scale: true,\n      size: 'sm',\n      css: {\n        textStyle: 'body-sm-scaled',\n      },\n    },\n    {\n      scale: true,\n      size: 'md',\n      css: {\n        textStyle: 'body-md-scaled',\n      },\n    },\n    {\n      scale: true,\n      size: 'lg',\n      css: {\n        textStyle: 'body-lg-scaled',\n      },\n    },\n    {\n      mono: true,\n      size: 'sm',\n      css: {\n        textStyle: 'mono-sm',\n      },\n    },\n    {\n      mono: true,\n      size: 'md',\n      css: {\n        textStyle: 'mono-md',\n      },\n    },\n    {\n      mono: true,\n      size: 'lg',\n      css: {\n        textStyle: 'mono-lg',\n      },\n    },\n  ],\n  defaultVariants: {\n    mono: false,\n    variant: 'text',\n    size: 'md',\n  },\n});\n\nexport type TextVariants = RecipeVariantProps<typeof text>;\n"],"names":["text","cva"],"mappings":"0CAEa,MAAAA,EAAOC,MAAI,CACtB,KAAM,CACJ,SAAU,QACX,EACD,SAAU,CACR,KAAM,CACJ,MAAO,CAAE,EACT,KAAM,CACP,CAAA,EACD,MAAO,CACL,MAAO,CAAA,EACP,KAAM,CAAA,CACP,EACD,QAAS,CACP,KAAM,CACJ,MAAO,cACR,EACD,MAAO,CACL,MAAO,kBACP,WAAY,QACb,EACD,KAAM,CACJ,MAAO,aACP,WAAY,QACb,EACD,QAAS,CACP,MAAO,gBACP,WAAY,QACb,EACD,QAAS,CACP,MAAO,eACP,WAAY,QACb,CACF,EACD,KAAM,CACJ,GAAI,CACF,UAAW,SACZ,EACD,GAAI,CACF,UAAW,SACZ,EACD,GAAI,CACF,UAAW,SACZ,EACD,GAAI,CACF,UAAW,SACZ,CACF,CACF,EACD,iBAAkB,CAChB,CACE,MAAO,GACP,KAAM,KACN,IAAK,CACH,UAAW,gBACZ,CACF,EACD,CACE,MAAO,GACP,KAAM,KACN,IAAK,CACH,UAAW,gBACZ,CACF,EACD,CACE,MAAO,GACP,KAAM,KACN,IAAK,CACH,UAAW,gBACZ,CACF,EACD,CACE,KAAM,GACN,KAAM,KACN,IAAK,CACH,UAAW,SACZ,CACF,EACD,CACE,KAAM,GACN,KAAM,KACN,IAAK,CACH,UAAW,SACZ,CACF,EACD,CACE,KAAM,GACN,KAAM,KACN,IAAK,CACH,UAAW,SACZ,CACF,CACF,EACD,gBAAiB,CACf,KAAM,GACN,QAAS,OACT,KAAM,IACP,CACF,CAAA"}
+{"version":3,"file":"text.js","sources":["../../../src/recipes/text.ts"],"sourcesContent":["import { cva, type RecipeVariantProps } from '@styled/css';\n\nexport const text = cva({\n  base: {\n    textWrap: 'wrap',\n  },\n  variants: {\n    mono: {\n      false: {},\n      true: {},\n    },\n    scale: {\n      false: {},\n      true: {},\n    },\n    variant: {\n      text: {\n        color: 'text.primary',\n      },\n      error: {\n        color: 'negative.darker',\n      },\n      info: {\n        color: 'brand.base',\n      },\n      success: {\n        color: 'positive.base',\n      },\n      warning: {\n        color: 'warning.base',\n      },\n    },\n    size: {\n      xs: {\n        textStyle: 'body-xs',\n      },\n      sm: {\n        textStyle: 'body-sm',\n      },\n      md: {\n        textStyle: 'body-md',\n      },\n      lg: {\n        textStyle: 'body-lg',\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      scale: true,\n      size: 'sm',\n      css: {\n        textStyle: 'body-sm-scaled',\n      },\n    },\n    {\n      scale: true,\n      size: 'md',\n      css: {\n        textStyle: 'body-md-scaled',\n      },\n    },\n    {\n      scale: true,\n      size: 'lg',\n      css: {\n        textStyle: 'body-lg-scaled',\n      },\n    },\n    {\n      mono: true,\n      size: 'sm',\n      css: {\n        textStyle: 'mono-sm',\n      },\n    },\n    {\n      mono: true,\n      size: 'md',\n      css: {\n        textStyle: 'mono-md',\n      },\n    },\n    {\n      mono: true,\n      size: 'lg',\n      css: {\n        textStyle: 'mono-lg',\n      },\n    },\n  ],\n  defaultVariants: {\n    mono: false,\n    variant: 'text',\n    size: 'md',\n  },\n});\n\nexport type TextVariants = RecipeVariantProps<typeof text>;\n"],"names":["text","cva"],"mappings":"0CAEa,MAAAA,EAAOC,MAAI,CACtB,KAAM,CACJ,SAAU,MACX,EACD,SAAU,CACR,KAAM,CACJ,MAAO,CAAA,EACP,KAAM,CAAA,CACP,EACD,MAAO,CACL,MAAO,CAAA,EACP,KAAM,CAAA,CACP,EACD,QAAS,CACP,KAAM,CACJ,MAAO,cACR,EACD,MAAO,CACL,MAAO,iBACR,EACD,KAAM,CACJ,MAAO,YACR,EACD,QAAS,CACP,MAAO,eACR,EACD,QAAS,CACP,MAAO,cACR,CACF,EACD,KAAM,CACJ,GAAI,CACF,UAAW,SACZ,EACD,GAAI,CACF,UAAW,SACZ,EACD,GAAI,CACF,UAAW,SACZ,EACD,GAAI,CACF,UAAW,SACZ,CACF,CACF,EACD,iBAAkB,CAChB,CACE,MAAO,GACP,KAAM,KACN,IAAK,CACH,UAAW,gBACZ,CACF,EACD,CACE,MAAO,GACP,KAAM,KACN,IAAK,CACH,UAAW,gBACZ,CACF,EACD,CACE,MAAO,GACP,KAAM,KACN,IAAK,CACH,UAAW,gBACZ,CACF,EACD,CACE,KAAM,GACN,KAAM,KACN,IAAK,CACH,UAAW,SACZ,CACF,EACD,CACE,KAAM,GACN,KAAM,KACN,IAAK,CACH,UAAW,SACZ,CACF,EACD,CACE,KAAM,GACN,KAAM,KACN,IAAK,CACH,UAAW,SACZ,CACF,CACF,EACD,gBAAiB,CACf,KAAM,GACN,QAAS,OACT,KAAM,IACP,CACF,CAAA"}

package/dist/cjs/styles/semantic-tokens.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("@pandacss/dev");const a=r.defineSemanticTokens.colors({surface:{primary:{value:{base:"var(--surface-primary, {colors.paper})",_dark:"var(--surface-primary-dark, {colors.slate.0})"}},secondary:{value:{base:"var(--surface-secondary, {colors.ink.10})",_dark:"var(--surface-secondary-dark, {colors.slate.1})"}},tertiary:{value:{base:"var(--surface-tertiary, {colors.ink.20})",_dark:"var(--surface-tertiary-dark, {colors.slate.2})"}}},text:{primary:{value:{base:"var(--text-primary, {colors.ink.90})",_dark:"var(--text-primary-dark, {colors.chalk})"}},secondary:{value:{base:"var(--text-secondary, {colors.ink.80})",_dark:"var(--text-secondary-dark, {colors.chalk/72})"}},tertiary:{value:{base:"var(--text-tertiary, {colors.ink.70})",_dark:"var(--text-tertiary-dark, {colors.chalk/44})"}}},neutral:{primary:{value:{base:"var(--neutral-primary, {colors.ink.50})",_dark:"var(--neutral-primary-dark, {colors.chalk/16})"}},secondary:{value:{base:"var(--neutral-secondary, {colors.ink.30})",_dark:"var(--neutral-secondary-dark, {colors.chalk/12})"}},tertiary:{value:{base:"var(--neutral-tertiary, {colors.ink.20})",_dark:"var(--neutral-tertiary-dark, {colors.chalk/8})"}},quaternary:{value:{base:"var(--neutral-quaternary, {colors.ink.10})",_dark:"var(--neutral-quaternary-dark, {colors.chalk/5})"}}},brand:{lightest:{value:{base:"var(--brand-lightest, {colors.magic.10})",_dark:"var(--brand-lightest-dark, {colors.magic.30/25})"}},lighter:{value:{base:"var(--brand-lighter, {colors.magic.30})",_dark:"var(--brand-lighter-dark, {colors.magic.30/66})"}},base:{value:{base:"var(--brand-base, {colors.magic.50})",_dark:"var(--brand-base-dark, {colors.magic.30})"}},darker:{value:{base:"var(--brand-darker, {colors.magic.70})",_dark:"var(--brand-darker-dark, {colors.magic.10})"}},darkest:{value:{base:"var(--brand-darkest, {colors.magic.90})",_dark:"var(--brand-darkest-dark, {colors.magic.10})"}}},positive:{lightest:{value:{base:"{colors.leaf.10}",_dark:"{colors.leaf.30/8}"}},lighter:{value:{base:"{colors.leaf.30}",_dark:"{colors.leaf.50}"}},base:{value:{base:"{colors.leaf.50}",_dark:"{colors.leaf.50}"}},darker:{value:{base:"{colors.leaf.70}",_dark:"{colors.leaf.50}"}},darkest:{value:{base:"{colors.leaf.90}",_dark:"{colors.leaf.50}"}}},negative:{lightest:{value:{base:"{colors.ruby.10}",_dark:"{colors.ruby.30/8}"}},lighter:{value:{base:"{colors.ruby.30}",_dark:"{colors.ruby.50}"}},base:{value:{base:"{colors.ruby.50}",_dark:"{colors.ruby.50}"}},darker:{value:{base:"{colors.ruby.70}",_dark:"{colors.ruby.50}"}},darkest:{value:{base:"{colors.ruby.90}",_dark:"{colors.ruby.50}"}}},warning:{lightest:{value:{base:"{colors.gold.10}",_dark:"{colors.gold.30/8}"}},lighter:{value:{base:"{colors.gold.30}",_dark:"{colors.gold.50}"}},base:{value:{base:"{colors.gold.50}",_dark:"{colors.gold.50}"}},darker:{value:{base:"{colors.gold.70}",_dark:"{colors.gold.50}"}},darkest:{value:{base:"{colors.gold.90}",_dark:"{colors.gold.50}"}}},dedicated:{lightest:{value:{base:"{colors.sky.10}",_dark:"{colors.sky.30/8}"}},lighter:{value:{base:"{colors.sky.30}",_dark:"{colors.sky.30}"}},base:{value:{base:"{colors.sky.50}",_dark:"{colors.sky.30}"}},darker:{value:{base:"{colors.sky.70}",_dark:"{colors.sky.30}"}},darkest:{value:{base:"{colors.sky.90}",_dark:"{colors.sky.30}"}}}});exports.semanticColors=a;
+"use strict";var r=require("@pandacss/dev");const a=r.defineSemanticTokens.colors({surface:{primary:{value:{base:"var(--surface-primary, {colors.paper})",_dark:"var(--surface-primary-dark, {colors.slate.0})"}},secondary:{value:{base:"var(--surface-secondary, {colors.ink.10})",_dark:"var(--surface-secondary-dark, {colors.slate.1})"}},tertiary:{value:{base:"var(--surface-tertiary, {colors.ink.20})",_dark:"var(--surface-tertiary-dark, {colors.slate.2})"}}},text:{primary:{value:{base:"var(--text-primary, {colors.ink.90})",_dark:"var(--text-primary-dark, {colors.chalk})"}},secondary:{value:{base:"var(--text-secondary, {colors.ink.80})",_dark:"var(--text-secondary-dark, {colors.chalk/72})"}},tertiary:{value:{base:"var(--text-tertiary, {colors.ink.70})",_dark:"var(--text-tertiary-dark, {colors.chalk/44})"}},quaternary:{value:{base:"var(--text-quaternary, {colors.chalk})",_dark:"var(--text-quaternary-dark, {colors.ink.90})"}}},neutral:{primary:{value:{base:"var(--neutral-primary, {colors.ink.50})",_dark:"var(--neutral-primary-dark, {colors.chalk/16})"}},secondary:{value:{base:"var(--neutral-secondary, {colors.ink.30})",_dark:"var(--neutral-secondary-dark, {colors.chalk/12})"}},tertiary:{value:{base:"var(--neutral-tertiary, {colors.ink.20})",_dark:"var(--neutral-tertiary-dark, {colors.chalk/8})"}},quaternary:{value:{base:"var(--neutral-quaternary, {colors.ink.10})",_dark:"var(--neutral-quaternary-dark, {colors.chalk/5})"}}},brand:{lightest:{value:{base:"var(--brand-lightest, {colors.magic.10})",_dark:"var(--brand-lightest-dark, {colors.magic.30/25})"}},lighter:{value:{base:"var(--brand-lighter, {colors.magic.30})",_dark:"var(--brand-lighter-dark, {colors.magic.30/66})"}},base:{value:{base:"var(--brand-base, {colors.magic.50})",_dark:"var(--brand-base-dark, {colors.magic.30})"}},darker:{value:{base:"var(--brand-darker, {colors.magic.70})",_dark:"var(--brand-darker-dark, {colors.magic.10})"}},darkest:{value:{base:"var(--brand-darkest, {colors.magic.90})",_dark:"var(--brand-darkest-dark, {colors.magic.10})"}}},positive:{lightest:{value:{base:"{colors.leaf.10}",_dark:"{colors.leaf.30/8}"}},lighter:{value:{base:"{colors.leaf.30}",_dark:"{colors.leaf.50}"}},base:{value:{base:"{colors.leaf.50}",_dark:"{colors.leaf.50}"}},darker:{value:{base:"{colors.leaf.70}",_dark:"{colors.leaf.50}"}},darkest:{value:{base:"{colors.leaf.90}",_dark:"{colors.leaf.50}"}}},negative:{lightest:{value:{base:"{colors.ruby.10}",_dark:"{colors.ruby.30/8}"}},lighter:{value:{base:"{colors.ruby.30}",_dark:"{colors.ruby.50}"}},base:{value:{base:"{colors.ruby.50}",_dark:"{colors.ruby.50}"}},darker:{value:{base:"{colors.ruby.70}",_dark:"{colors.ruby.50}"}},darkest:{value:{base:"{colors.ruby.90}",_dark:"{colors.ruby.50}"}}},warning:{lightest:{value:{base:"{colors.gold.10}",_dark:"{colors.gold.30/8}"}},lighter:{value:{base:"{colors.gold.30}",_dark:"{colors.gold.50}"}},base:{value:{base:"{colors.gold.50}",_dark:"{colors.gold.50}"}},darker:{value:{base:"{colors.gold.70}",_dark:"{colors.gold.50}"}},darkest:{value:{base:"{colors.gold.90}",_dark:"{colors.gold.50}"}}},dedicated:{lightest:{value:{base:"{colors.sky.10}",_dark:"{colors.sky.30/8}"}},lighter:{value:{base:"{colors.sky.30}",_dark:"{colors.sky.30}"}},base:{value:{base:"{colors.sky.50}",_dark:"{colors.sky.30}"}},darker:{value:{base:"{colors.sky.70}",_dark:"{colors.sky.30}"}},darkest:{value:{base:"{colors.sky.90}",_dark:"{colors.sky.30}"}}}});exports.semanticColors=a;
 //# sourceMappingURL=semantic-tokens.js.map

package/dist/cjs/styles/semantic-tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"semantic-tokens.js","sources":["../../../src/styles/semantic-tokens.ts"],"sourcesContent":["import { defineSemanticTokens } from '@pandacss/dev';\n\nexport const semanticColors = defineSemanticTokens.colors({\n  surface: {\n    primary: {\n      value: {\n        base: 'var(--surface-primary, {colors.paper})',\n        _dark: 'var(--surface-primary-dark, {colors.slate.0})',\n      },\n    },\n    secondary: {\n      value: {\n        base: 'var(--surface-secondary, {colors.ink.10})',\n        _dark: 'var(--surface-secondary-dark, {colors.slate.1})',\n      },\n    },\n    tertiary: {\n      value: {\n        base: 'var(--surface-tertiary, {colors.ink.20})',\n        _dark: 'var(--surface-tertiary-dark, {colors.slate.2})',\n      },\n    },\n  },\n  text: {\n    primary: {\n      value: {\n        base: 'var(--text-primary, {colors.ink.90})',\n        _dark: 'var(--text-primary-dark, {colors.chalk})',\n      },\n    },\n    secondary: {\n      value: {\n        base: 'var(--text-secondary, {colors.ink.80})',\n        _dark: 'var(--text-secondary-dark, {colors.chalk/72})',\n      },\n    },\n    tertiary: {\n      value: {\n        base: 'var(--text-tertiary, {colors.ink.70})',\n        _dark: 'var(--text-tertiary-dark, {colors.chalk/44})',\n      },\n    },\n  },\n  neutral: {\n    primary: {\n      value: {\n        base: 'var(--neutral-primary, {colors.ink.50})',\n        _dark: 'var(--neutral-primary-dark, {colors.chalk/16})',\n      },\n    },\n    secondary: {\n      value: {\n        base: 'var(--neutral-secondary, {colors.ink.30})',\n        _dark: 'var(--neutral-secondary-dark, {colors.chalk/12})',\n      },\n    },\n    tertiary: {\n      value: {\n        base: 'var(--neutral-tertiary, {colors.ink.20})',\n        _dark: 'var(--neutral-tertiary-dark, {colors.chalk/8})',\n      },\n    },\n    quaternary: {\n      value: {\n        base: 'var(--neutral-quaternary, {colors.ink.10})',\n        _dark: 'var(--neutral-quaternary-dark, {colors.chalk/5})',\n      },\n    },\n  },\n  brand: {\n    lightest: {\n      value: {\n        base: 'var(--brand-lightest, {colors.magic.10})',\n        _dark: 'var(--brand-lightest-dark, {colors.magic.30/25})',\n      },\n    },\n    lighter: {\n      value: {\n        base: 'var(--brand-lighter, {colors.magic.30})',\n        _dark: 'var(--brand-lighter-dark, {colors.magic.30/66})',\n      },\n    },\n    base: {\n      value: {\n        base: 'var(--brand-base, {colors.magic.50})',\n        _dark: 'var(--brand-base-dark, {colors.magic.30})',\n      },\n    },\n    darker: {\n      value: {\n        base: 'var(--brand-darker, {colors.magic.70})',\n        _dark: 'var(--brand-darker-dark, {colors.magic.10})',\n      },\n    },\n    darkest: {\n      value: {\n        base: 'var(--brand-darkest, {colors.magic.90})',\n        _dark: 'var(--brand-darkest-dark, {colors.magic.10})',\n      },\n    },\n  },\n  positive: {\n    lightest: { value: { base: '{colors.leaf.10}', _dark: '{colors.leaf.30/8}' } },\n    lighter: { value: { base: '{colors.leaf.30}', _dark: '{colors.leaf.50}' } },\n    base: { value: { base: '{colors.leaf.50}', _dark: '{colors.leaf.50}' } },\n    darker: { value: { base: '{colors.leaf.70}', _dark: '{colors.leaf.50}' } },\n    darkest: { value: { base: '{colors.leaf.90}', _dark: '{colors.leaf.50}' } },\n  },\n  negative: {\n    lightest: { value: { base: '{colors.ruby.10}', _dark: '{colors.ruby.30/8}' } },\n    lighter: { value: { base: '{colors.ruby.30}', _dark: '{colors.ruby.50}' } },\n    base: { value: { base: '{colors.ruby.50}', _dark: '{colors.ruby.50}' } },\n    darker: { value: { base: '{colors.ruby.70}', _dark: '{colors.ruby.50}' } },\n    darkest: { value: { base: '{colors.ruby.90}', _dark: '{colors.ruby.50}' } },\n  },\n  warning: {\n    lightest: { value: { base: '{colors.gold.10}', _dark: '{colors.gold.30/8}' } },\n    lighter: { value: { base: '{colors.gold.30}', _dark: '{colors.gold.50}' } },\n    base: { value: { base: '{colors.gold.50}', _dark: '{colors.gold.50}' } },\n    darker: { value: { base: '{colors.gold.70}', _dark: '{colors.gold.50}' } },\n    darkest: { value: { base: '{colors.gold.90}', _dark: '{colors.gold.50}' } },\n  },\n  dedicated: {\n    lightest: { value: { base: '{colors.sky.10}', _dark: '{colors.sky.30/8}' } },\n    lighter: { value: { base: '{colors.sky.30}', _dark: '{colors.sky.30}' } },\n    base: { value: { base: '{colors.sky.50}', _dark: '{colors.sky.30}' } },\n    darker: { value: { base: '{colors.sky.70}', _dark: '{colors.sky.30}' } },\n    darkest: { value: { base: '{colors.sky.90}', _dark: '{colors.sky.30}' } },\n  },\n});\n"],"names":["semanticColors","defineSemanticTokens"],"mappings":"4CAEO,MAAMA,EAAiBC,EAAqB,qBAAA,OAAO,CACxD,QAAS,CACP,QAAS,CACP,MAAO,CACL,KAAM,yCACN,MAAO,+CACR,CACF,EACD,UAAW,CACT,MAAO,CACL,KAAM,4CACN,MAAO,iDACR,CACF,EACD,SAAU,CACR,MAAO,CACL,KAAM,2CACN,MAAO,gDACR,CACF,CACF,EACD,KAAM,CACJ,QAAS,CACP,MAAO,CACL,KAAM,uCACN,MAAO,0CACR,CACF,EACD,UAAW,CACT,MAAO,CACL,KAAM,yCACN,MAAO,+CACR,CACF,EACD,SAAU,CACR,MAAO,CACL,KAAM,wCACN,MAAO,8CACR,CACF,CACF,EACD,QAAS,CACP,QAAS,CACP,MAAO,CACL,KAAM,0CACN,MAAO,gDACR,CACF,EACD,UAAW,CACT,MAAO,CACL,KAAM,4CACN,MAAO,kDACR,CACF,EACD,SAAU,CACR,MAAO,CACL,KAAM,2CACN,MAAO,gDACR,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,6CACN,MAAO,kDACR,CACF,CACF,EACD,MAAO,CACL,SAAU,CACR,MAAO,CACL,KAAM,2CACN,MAAO,kDACR,CACF,EACD,QAAS,CACP,MAAO,CACL,KAAM,0CACN,MAAO,iDACR,CACF,EACD,KAAM,CACJ,MAAO,CACL,KAAM,uCACN,MAAO,2CACR,CACF,EACD,OAAQ,CACN,MAAO,CACL,KAAM,yCACN,MAAO,6CACR,CACF,EACD,QAAS,CACP,MAAO,CACL,KAAM,0CACN,MAAO,8CACR,CACF,CACF,EACD,SAAU,CACR,SAAU,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,qBAAwB,EAC9E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC3E,KAAM,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EACxE,OAAQ,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC1E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,CAC5E,EACD,SAAU,CACR,SAAU,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,qBAAwB,EAC9E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC3E,KAAM,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EACxE,OAAQ,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC1E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,CAC5E,EACD,QAAS,CACP,SAAU,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,qBAAwB,EAC9E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC3E,KAAM,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EACxE,OAAQ,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC1E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,CAC5E,EACD,UAAW,CACT,SAAU,CAAE,MAAO,CAAE,KAAM,kBAAmB,MAAO,oBAAuB,EAC5E,QAAS,CAAE,MAAO,CAAE,KAAM,kBAAmB,MAAO,kBAAqB,EACzE,KAAM,CAAE,MAAO,CAAE,KAAM,kBAAmB,MAAO,kBAAqB,EACtE,OAAQ,CAAE,MAAO,CAAE,KAAM,kBAAmB,MAAO,kBAAqB,EACxE,QAAS,CAAE,MAAO,CAAE,KAAM,kBAAmB,MAAO,kBAAqB,CAC1E,CACF,CAAA"}
+{"version":3,"file":"semantic-tokens.js","sources":["../../../src/styles/semantic-tokens.ts"],"sourcesContent":["import { defineSemanticTokens } from '@pandacss/dev';\n\nexport const semanticColors = defineSemanticTokens.colors({\n  surface: {\n    primary: {\n      value: {\n        base: 'var(--surface-primary, {colors.paper})',\n        _dark: 'var(--surface-primary-dark, {colors.slate.0})',\n      },\n    },\n    secondary: {\n      value: {\n        base: 'var(--surface-secondary, {colors.ink.10})',\n        _dark: 'var(--surface-secondary-dark, {colors.slate.1})',\n      },\n    },\n    tertiary: {\n      value: {\n        base: 'var(--surface-tertiary, {colors.ink.20})',\n        _dark: 'var(--surface-tertiary-dark, {colors.slate.2})',\n      },\n    },\n  },\n  text: {\n    primary: {\n      value: {\n        base: 'var(--text-primary, {colors.ink.90})',\n        _dark: 'var(--text-primary-dark, {colors.chalk})',\n      },\n    },\n    secondary: {\n      value: {\n        base: 'var(--text-secondary, {colors.ink.80})',\n        _dark: 'var(--text-secondary-dark, {colors.chalk/72})',\n      },\n    },\n    tertiary: {\n      value: {\n        base: 'var(--text-tertiary, {colors.ink.70})',\n        _dark: 'var(--text-tertiary-dark, {colors.chalk/44})',\n      },\n    },\n    quaternary: {\n      value: {\n        base: 'var(--text-quaternary, {colors.chalk})',\n        _dark: 'var(--text-quaternary-dark, {colors.ink.90})',\n      },\n    },\n  },\n  neutral: {\n    primary: {\n      value: {\n        base: 'var(--neutral-primary, {colors.ink.50})',\n        _dark: 'var(--neutral-primary-dark, {colors.chalk/16})',\n      },\n    },\n    secondary: {\n      value: {\n        base: 'var(--neutral-secondary, {colors.ink.30})',\n        _dark: 'var(--neutral-secondary-dark, {colors.chalk/12})',\n      },\n    },\n    tertiary: {\n      value: {\n        base: 'var(--neutral-tertiary, {colors.ink.20})',\n        _dark: 'var(--neutral-tertiary-dark, {colors.chalk/8})',\n      },\n    },\n    quaternary: {\n      value: {\n        base: 'var(--neutral-quaternary, {colors.ink.10})',\n        _dark: 'var(--neutral-quaternary-dark, {colors.chalk/5})',\n      },\n    },\n  },\n  brand: {\n    lightest: {\n      value: {\n        base: 'var(--brand-lightest, {colors.magic.10})',\n        _dark: 'var(--brand-lightest-dark, {colors.magic.30/25})',\n      },\n    },\n    lighter: {\n      value: {\n        base: 'var(--brand-lighter, {colors.magic.30})',\n        _dark: 'var(--brand-lighter-dark, {colors.magic.30/66})',\n      },\n    },\n    base: {\n      value: {\n        base: 'var(--brand-base, {colors.magic.50})',\n        _dark: 'var(--brand-base-dark, {colors.magic.30})',\n      },\n    },\n    darker: {\n      value: {\n        base: 'var(--brand-darker, {colors.magic.70})',\n        _dark: 'var(--brand-darker-dark, {colors.magic.10})',\n      },\n    },\n    darkest: {\n      value: {\n        base: 'var(--brand-darkest, {colors.magic.90})',\n        _dark: 'var(--brand-darkest-dark, {colors.magic.10})',\n      },\n    },\n  },\n  positive: {\n    lightest: { value: { base: '{colors.leaf.10}', _dark: '{colors.leaf.30/8}' } },\n    lighter: { value: { base: '{colors.leaf.30}', _dark: '{colors.leaf.50}' } },\n    base: { value: { base: '{colors.leaf.50}', _dark: '{colors.leaf.50}' } },\n    darker: { value: { base: '{colors.leaf.70}', _dark: '{colors.leaf.50}' } },\n    darkest: { value: { base: '{colors.leaf.90}', _dark: '{colors.leaf.50}' } },\n  },\n  negative: {\n    lightest: { value: { base: '{colors.ruby.10}', _dark: '{colors.ruby.30/8}' } },\n    lighter: { value: { base: '{colors.ruby.30}', _dark: '{colors.ruby.50}' } },\n    base: { value: { base: '{colors.ruby.50}', _dark: '{colors.ruby.50}' } },\n    darker: { value: { base: '{colors.ruby.70}', _dark: '{colors.ruby.50}' } },\n    darkest: { value: { base: '{colors.ruby.90}', _dark: '{colors.ruby.50}' } },\n  },\n  warning: {\n    lightest: { value: { base: '{colors.gold.10}', _dark: '{colors.gold.30/8}' } },\n    lighter: { value: { base: '{colors.gold.30}', _dark: '{colors.gold.50}' } },\n    base: { value: { base: '{colors.gold.50}', _dark: '{colors.gold.50}' } },\n    darker: { value: { base: '{colors.gold.70}', _dark: '{colors.gold.50}' } },\n    darkest: { value: { base: '{colors.gold.90}', _dark: '{colors.gold.50}' } },\n  },\n  dedicated: {\n    lightest: { value: { base: '{colors.sky.10}', _dark: '{colors.sky.30/8}' } },\n    lighter: { value: { base: '{colors.sky.30}', _dark: '{colors.sky.30}' } },\n    base: { value: { base: '{colors.sky.50}', _dark: '{colors.sky.30}' } },\n    darker: { value: { base: '{colors.sky.70}', _dark: '{colors.sky.30}' } },\n    darkest: { value: { base: '{colors.sky.90}', _dark: '{colors.sky.30}' } },\n  },\n});\n"],"names":["semanticColors","defineSemanticTokens"],"mappings":"4CAEO,MAAMA,EAAiBC,EAAqB,qBAAA,OAAO,CACxD,QAAS,CACP,QAAS,CACP,MAAO,CACL,KAAM,yCACN,MAAO,+CACR,CACF,EACD,UAAW,CACT,MAAO,CACL,KAAM,4CACN,MAAO,iDACR,CACF,EACD,SAAU,CACR,MAAO,CACL,KAAM,2CACN,MAAO,gDACR,CACF,CACF,EACD,KAAM,CACJ,QAAS,CACP,MAAO,CACL,KAAM,uCACN,MAAO,0CACR,CACF,EACD,UAAW,CACT,MAAO,CACL,KAAM,yCACN,MAAO,+CACR,CACF,EACD,SAAU,CACR,MAAO,CACL,KAAM,wCACN,MAAO,8CACR,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,yCACN,MAAO,8CACR,CACF,CACF,EACD,QAAS,CACP,QAAS,CACP,MAAO,CACL,KAAM,0CACN,MAAO,gDACR,CACF,EACD,UAAW,CACT,MAAO,CACL,KAAM,4CACN,MAAO,kDACR,CACF,EACD,SAAU,CACR,MAAO,CACL,KAAM,2CACN,MAAO,gDACR,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,6CACN,MAAO,kDACR,CACF,CACF,EACD,MAAO,CACL,SAAU,CACR,MAAO,CACL,KAAM,2CACN,MAAO,kDACR,CACF,EACD,QAAS,CACP,MAAO,CACL,KAAM,0CACN,MAAO,iDACR,CACF,EACD,KAAM,CACJ,MAAO,CACL,KAAM,uCACN,MAAO,2CACR,CACF,EACD,OAAQ,CACN,MAAO,CACL,KAAM,yCACN,MAAO,6CACR,CACF,EACD,QAAS,CACP,MAAO,CACL,KAAM,0CACN,MAAO,8CACR,CACF,CACF,EACD,SAAU,CACR,SAAU,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,qBAAwB,EAC9E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC3E,KAAM,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EACxE,OAAQ,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC1E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,CAC5E,EACD,SAAU,CACR,SAAU,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,qBAAwB,EAC9E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC3E,KAAM,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EACxE,OAAQ,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC1E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,CAC5E,EACD,QAAS,CACP,SAAU,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,qBAAwB,EAC9E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC3E,KAAM,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EACxE,OAAQ,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,EAC1E,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,MAAO,mBAAsB,CAC5E,EACD,UAAW,CACT,SAAU,CAAE,MAAO,CAAE,KAAM,kBAAmB,MAAO,oBAAuB,EAC5E,QAAS,CAAE,MAAO,CAAE,KAAM,kBAAmB,MAAO,kBAAqB,EACzE,KAAM,CAAE,MAAO,CAAE,KAAM,kBAAmB,MAAO,kBAAqB,EACtE,OAAQ,CAAE,MAAO,CAAE,KAAM,kBAAmB,MAAO,kBAAqB,EACxE,QAAS,CAAE,MAAO,CAAE,KAAM,kBAAmB,MAAO,kBAAqB,CAC1E,CACF,CAAA"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../../../../src/components/containers/card.tsx"],"sourcesContent":["import { card } from '@recipes/card';\nimport { cx } from '@styled/css';\nimport { Box, Flex } from '@styled/jsx';\nimport { ComponentProps, forwardRef } from 'react';\n\nexport interface CardProps extends ComponentProps<'div'> {\n  alt?: boolean;\n  className?: string;\n  asButton?: boolean;\n  alignment?: 'center' | 'left' | 'right';\n  expand?: boolean;\n  gapType?: 'none' | 'sm' | 'md' | 'lg';\n  heavyShadow?: boolean;\n  paddingType?: 'none' | 'sm' | 'md' | 'lg';\n  stack?: boolean;\n  widthMax?: boolean;\n}\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(({ children, className, asButton, stack, ...props }, ref) => {\n  const classStyles = card({ asButton, ...props });\n\n  return stack || asButton ? (\n    <Flex className={cx(classStyles, className)} flexDirection=\"column\" role={asButton ? 'button' : 'none'} ref={ref}>\n      {children}\n    </Flex>\n  ) : (\n    <Box className={cx(classStyles, className)} ref={ref}>\n      {children}\n    </Box>\n  );\n});\n\nCard.displayName = 'Card';\n"],"names":["Card","forwardRef","children","className","asButton","stack","props","ref","classStyles","card","_jsx","Flex","cx","Box"],"mappings":"qMAkBa,MAAAA,EAAOC,EAAsC,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,SAAAC,EAAU,MAAAC,EAAO,GAAGC,CAAO,EAAEC,IAAO,CACpH,MAAMC,EAAcC,EAAK,CAAE,SAAAL,EAAU,GAAGE,CAAO,CAAA,EAE/C,OAAOD,GAASD,EACdM,EAACC,EAAI,CAAC,UAAWC,EAAGJ,EAAaL,CAAS,EAAG,cAAc,SAAS,KAAMC,EAAW,SAAW,OAAQ,IAAKG,EAC1G,SAAAL,CACI,CAAA,EAEPQ,EAACG,EAAG,CAAC,UAAWD,EAAGJ,EAAaL,CAAS,EAAG,IAAKI,EAAG,SACjDL,CAAQ,CAAA,CAGf,CAAC,EAEDF,EAAK,YAAc"}
+{"version":3,"file":"card.js","sources":["../../../../src/components/containers/card.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { card } from '@recipes/card';\nimport { cx } from '@styled/css';\nimport { Box, Flex } from '@styled/jsx';\nimport { ComponentProps, forwardRef } from 'react';\n\nexport interface CardProps extends ComponentProps<'div'> {\n  alt?: boolean;\n  className?: string;\n  asButton?: boolean;\n  alignment?: 'center' | 'left' | 'right';\n  expand?: boolean;\n  gapType?: 'none' | 'sm' | 'md' | 'lg';\n  heavyShadow?: boolean;\n  paddingType?: 'none' | 'sm' | 'md' | 'lg';\n  stack?: boolean;\n  widthMax?: boolean;\n  disabled?: boolean;\n  validating?: boolean;\n}\n\nexport const Card = forwardRef<HTMLDivElement, CardProps>(\n  ({ children, className, asButton, stack, onClick, validating, ...props }, ref) => {\n    const classStyles = card({ asButton, validating, ...props });\n\n    return stack || asButton ? (\n      <Flex\n        className={cx(classStyles, className)}\n        flexDirection=\"column\"\n        role={asButton ? 'button' : 'none'}\n        onClick={asButton ? onClick : undefined}\n        ref={ref}\n      >\n        {validating ? <LoadingSpinner neutral /> : children}\n      </Flex>\n    ) : (\n      <Box className={cx(classStyles, className)} ref={ref}>\n        {children}\n      </Box>\n    );\n  },\n);\n\nCard.displayName = 'Card';\n"],"names":["Card","forwardRef","children","className","asButton","stack","onClick","validating","props","ref","classStyles","card","_jsx","Flex","cx","LoadingSpinner","Box"],"mappings":"mvBAqBO,MAAMA,EAAOC,EAClB,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,SAAAC,EAAU,MAAAC,EAAO,QAAAC,EAAS,WAAAC,EAAY,GAAGC,CAAO,EAAEC,IAAO,CAC/E,MAAMC,EAAcC,EAAK,CAAE,SAAAP,EAAU,WAAAG,EAAY,GAAGC,CAAK,CAAE,EAE3D,OAAOH,GAASD,EACdQ,EAACC,GACC,UAAWC,EAAGJ,EAAaP,CAAS,EACpC,cAAc,SACd,KAAMC,EAAW,SAAW,OAC5B,QAASA,EAAWE,EAAU,OAC9B,IAAKG,EAEJ,SAAAF,EAAaK,EAACG,EAAc,CAAC,QAAU,EAAA,CAAA,EAAGb,IAG7CU,EAACI,EAAG,CAAC,UAAWF,EAAGJ,EAAaP,CAAS,EAAG,IAAKM,WAC9CP,CAAQ,CAAA,CAGf,CAAC,EAGHF,EAAK,YAAc"}

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

@@ -1,2 +1,2 @@
-import{jsxs as i,Fragment as w,jsx as r}from"react/jsx-runtime";import"@styled/tokens";import y from"../icons/ico-caret-down.js";import a from"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import j from"../primitives/text.js";import{Box as s,HStack as k}from"@styled/jsx";import{useState as p,useRef as v,useEffect as c,useCallback as E}from"react";const T=({isOpen:t=!1,title:u,onToggle:e,children:d})=>{const[f,m]=p(t),[b,l]=p(t),n=v(null);c(()=>{let o;return t?(m(!0),o=setTimeout(()=>l(!0),10)):l(!1),()=>clearTimeout(o)},[t]),c(()=>{const o=g=>{n.current&&!n.current.contains(g.target)&&e(!1)};return document.addEventListener("mousedown",o),()=>{document.removeEventListener("mousedown",o)}},[e]);const h=()=>{t||m(!1)},x=E(()=>{e(!1)},[e]);return i(w,{children:[r(s,{position:"absolute",display:t?"block":"none",h:"full",bottom:0,left:0,right:0,bg:"text.primary/20",backdropFilter:"blur(3px)"}),f&&i(s,{ref:n,position:"absolute",transform:b?"translateY(0)":"translateY(100%)",transition:"transform 0.3s",bottom:0,left:0,right:0,bg:"surface.primary",rounded:"xl",boxShadow:"0px -12px 56px 0px rgba(119, 118, 122, 0.15)",onTransitionEnd:h,children:[i(k,{justifyContent:"space-between",p:6,pb:5,children:[r(j,{styles:{fontWeight:"bold"},children:u}),r(a,{size:"sm",variant:"neutral",onPress:x,children:r(a.LeadingIcon,{children:r(y,{})})})]}),r(s,{px:6,pb:8,children:d})]})]})};export{T as Drawer};
+import{jsxs as i,Fragment as w,jsx as r}from"react/jsx-runtime";import"@styled/tokens";import k from"../icons/ico-caret-down.js";import l from"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import v from"../primitives/text.js";import{Box as s,HStack as y}from"@styled/jsx";import{useState as p,useRef as E,useEffect as c,useCallback as T}from"react";const j=({isOpen:t=!1,title:u,onToggle:e,children:d})=>{const[f,m]=p(t),[b,a]=p(t),n=E(null);c(()=>{let o;return t?(m(!0),o=setTimeout(()=>a(!0),10)):a(!1),()=>clearTimeout(o)},[t]),c(()=>{const o=g=>{n.current&&!n.current.contains(g.target)&&e(!1)};return document.addEventListener("mousedown",o),()=>{document.removeEventListener("mousedown",o)}},[e]);const h=()=>{t||m(!1)},x=T(()=>{e(!1)},[e]);return i(w,{children:[r(s,{position:"absolute",display:t?"block":"none",h:"full",bottom:0,left:0,right:0,bg:"text.primary/20",backdropFilter:"blur(3px)"}),f&&i(s,{ref:n,position:"absolute",transform:b?"translateY(0)":"translateY(100%)",transition:"transform 0.3s",bottom:0,left:0,right:0,bg:"surface.primary",rounded:"xl",boxShadow:"0px -12px 56px 0px rgba(119, 118, 122, 0.15)",onTransitionEnd:h,children:[i(y,{justifyContent:"space-between",p:6,pb:5,children:[r(v,{fontWeight:"bold",children:u}),r(l,{size:"sm",variant:"neutral",onPress:x,children:r(l.LeadingIcon,{children:r(k,{})})})]}),r(s,{px:6,pb:8,children:d})]})]})};export{j as Drawer};
 //# sourceMappingURL=drawer.js.map

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 { 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":"giBAWa,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 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":"giBAWa,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,OAAA,SAAS,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,cAEhBI,GACCc,EAACG,EACC,CAAA,IAAKZ,EACL,SAAS,WACT,UAAWF,EAAY,gBAAkB,mBACzC,WAAW,iBACX,OAAQ,EACR,KAAM,EACN,MAAO,EACP,GAAG,kBACH,QAAQ,KACR,UAAU,+CACV,gBAAiBQ,EAEjB,SAAA,CAAAG,EAACI,EAAO,CAAA,eAAe,gBAAgB,EAAG,EAAG,GAAI,EAAC,SAAA,CAChDF,EAACG,GAAK,WAAW,OAAQ,SAAAtB,IACzBmB,EAACI,EAAM,CAAC,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/progress-bar.js";import{token as h}from"@styled/tokens";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import 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 m=g((t,n)=>{const{disabled:i,expand:s,validating:r}=t,p=j({expand:s,validating:r}),l=P(null),e=n||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})})]})})});m.displayName="PayPalButton";export{m 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"../feedback/progress-bar.js";import{token as b}from"@styled/tokens";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import h 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 B}from"../../recipes/button.js";import{cx as w,css as j}from"@styled/css";import{useButton as v,useFocusRing as R,mergeProps as S}from"react-aria";const m=g((t,n)=>{const{disabled:i,expand:s,validating:r}=t,p=B({expand:s,validating:r}),l=P(null),e=n||l,{buttonProps:a}=v({...t,isDisabled:i??!1},e),{isFocusVisible:f,focusProps:d}=R();return o("button",{className:w(p.button,j({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(h,{fontWeight:"semibold",styles:{color:b("colors.ink.90")},children:"Pay with"}),o(y,{mt:.5,children:o(k,{width:60})})]})})});m.displayName="PayPalButton";export{m 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":"y6BAgBO,MAAMA,EAAeC,EAAiD,CAACC,EAAOC,IAAgB,CACnG,KAAM,CAAE,SAAAC,EAAU,OAAAC,EAAQ,WAAAC,CAAU,EAAKJ,EAEnCK,EAAUC,EAAO,CAAE,OAAAH,EAAQ,WAAAC,CAAY,CAAA,EAEvCG,EAAcC,EAAO,IAAI,EACzBC,EAAMR,GAAgBM,EAEtB,CAAE,YAAAG,CAAa,EAAGC,EACtB,CAAE,GAAGX,EAAO,WAAYE,GAAY,EAAO,EAC3CO,CAAyC,EAGrC,CAAE,eAAAG,EAAgB,WAAAC,GAAeC,IAEvC,OACEC,EACE,SAAA,CAAA,UAAWC,EACTX,EAAQ,OACRY,EAAI,CACF,GAAI,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 fontWeight=\"semibold\" styles={{ color: token('colors.ink.90') }}>\n            Pay with\n          </Text>\n          <Box mt={0.5}>\n            <LogoPayPalWordmark width={60} />\n          </Box>\n        </HStack>\n      )}\n    </button>\n  );\n});\n\nPayPalButton.displayName = 'PayPalButton';\n"],"names":["PayPalButton","forwardRef","props","forwardedRef","disabled","expand","validating","classes","button","internalRef","useRef","ref","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","_jsx","cx","css","mergeProps","LoadingSpinner","_jsxs","HStack","Text","token","Box","LogoPayPalWordmark"],"mappings":"y6BAgBO,MAAMA,EAAeC,EAAiD,CAACC,EAAOC,IAAgB,CACnG,KAAM,CAAE,SAAAC,EAAU,OAAAC,EAAQ,WAAAC,CAAU,EAAKJ,EAEnCK,EAAUC,EAAO,CAAE,OAAAH,EAAQ,WAAAC,CAAY,CAAA,EAEvCG,EAAcC,EAAO,IAAI,EACzBC,EAAMR,GAAgBM,EAEtB,CAAE,YAAAG,CAAa,EAAGC,EACtB,CAAE,GAAGX,EAAO,WAAYE,GAAY,EAAO,EAC3CO,CAAyC,EAGrC,CAAE,eAAAG,EAAgB,WAAAC,GAAeC,IAEvC,OACEC,EACE,SAAA,CAAA,UAAWC,EACTX,EAAQ,OACRY,EAAI,CACF,GAAI,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,WAAW,WAAW,OAAQ,CAAE,MAAOC,EAAM,eAAe,GAE3D,SAAA,UAAA,CAAA,EACPR,EAACS,EAAG,CAAC,GAAI,YACPT,EAACU,GAAmB,MAAO,EAAM,CAAA,CAAA,CAAA,CAC7B,GAET,CAAA,CAGP,CAAC,EAED3B,EAAa,YAAc"}

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

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

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

@@ -1 +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  icon?: boolean;\n  lifespan?: number;\n  position?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';\n}\n\nexport const Toast = (props: ToastProps | InternalToast) => {\n  const { dismissible, lifespan, message = '', variant = 'branded' } = props;\n  const toastClasses = classes({ variant });\n  const dismissId = (props as InternalToast).id;\n  const removeToast = (props as InternalToast).removeToast;\n  const [show, setShow] = useState(true);\n\n  if (lifespan) {\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.surface.primary') }}>{message}</Text>\n        {dismissible && (\n          <button className={toastClasses.dismiss} onClick={() => setShow(false)} aria-label=\"dismiss toast\">\n            <IcoDismiss className={toastClasses.icon} />\n          </button>\n        )}\n      </HStack>\n    </Animate>\n  );\n};\n\nexport const ToastProvider = ({\n  icon: defaultIcon = false,\n  lifespan: defaultLifespan = 0,\n  position = 'top-right',\n  children,\n}: 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 { icon = options.icon || defaultIcon, lifespan = options.lifespan || defaultLifespan, ...props } = options;\n    const id = ++toastID;\n\n    toastsRef.current.push({ icon, lifespan, 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","dismissible","lifespan","message","variant","toastClasses","classes","dismissId","removeToast","show","setShow","useState","_jsx","Animate","_jsxs","HStack","StatusIcon","Text","token","IcoDismiss","ToastProvider","defaultIcon","defaultLifespan","position","children","toastsRef","useRef","forceUpdate","useReducer","x","useCallback","id","toast","createToast","options","icon","toastCtx","useMemo","activeToasts","providerClasses","ToastContext","Portal","VStack"],"mappings":"uwBAWA,IAAIA,EAAU,EAaD,MAAAC,EAASC,GAAqC,CACzD,KAAM,CAAE,YAAAC,EAAa,SAAAC,EAAU,QAAAC,EAAU,GAAI,QAAAC,EAAU,SAAW,EAAGJ,EAC/DK,EAAeC,EAAQ,CAAE,QAAAF,CAAO,CAAE,EAClCG,EAAaP,EAAwB,GACrCQ,EAAeR,EAAwB,YACvC,CAACS,EAAMC,CAAO,EAAIC,EAAS,EAAI,EAErC,OAAIT,GACF,WAAW,IAAK,CACdQ,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,CAClCL,EAAM,MAAQY,EAACI,GAAW,UAAWX,EAAa,KAAM,QAASD,IAClEQ,EAACK,EAAI,CAAC,OAAQ,CAAE,MAAOC,EAAM,wBAAwB,CAAG,EAAA,SAAGf,CAAe,CAAA,EACzEF,GACCW,EAAQ,SAAA,CAAA,UAAWP,EAAa,QAAS,QAAS,IAAMK,EAAQ,EAAK,EAAc,aAAA,yBACjFE,EAACO,GAAW,UAAWd,EAAa,IAAQ,CAAA,CAAA,CAAA,CAE/C,CACM,CAAA,CAAA,CAAA,CAGf,EAEae,EAAgB,CAAC,CAC5B,KAAMC,EAAc,GACpB,SAAUC,EAAkB,EAC5B,SAAAC,EAAW,YACX,SAAAC,CACmB,IAAI,CACvB,MAAMC,EAAYC,EAA0B,CAAA,CAAE,EACxCC,EAAcC,EAAYC,GAAcA,EAAI,EAAG,CAAC,EAAE,CAAC,EAEnDrB,EAA2CsB,EAAaC,GAAc,CAC1EN,EAAU,QAAUA,EAAU,QAAQ,OAAOO,GAASA,EAAM,KAAOD,CAAE,EACrEJ,GACF,EAAG,CAAA,CAAE,EAECM,EAA2CH,EAAYI,GAAU,CACrE,KAAM,CAAE,KAAAC,EAAOD,EAAQ,MAAQb,EAAa,SAAAnB,EAAWgC,EAAQ,UAAYZ,EAAiB,GAAGtB,CAAK,EAAKkC,EACnGH,EAAK,EAAEjC,EAEb,OAAA2B,EAAU,QAAQ,KAAK,CAAE,KAAAU,EAAM,SAAAjC,EAAU,GAAA6B,EAAI,GAAG/B,CAAK,CAAE,EACvD2B,IAEOI,CACT,EAAG,CAAA,CAAE,EAECK,EAAWC,EAAQ,KAAO,CAAE,YAAAJ,EAAa,YAAAzB,CAAW,GAAK,CAACyB,EAAazB,CAAW,CAAC,EAEnF8B,GADSf,GAAU,WAAW,KAAK,EAAI,CAAC,GAAGE,EAAU,OAAO,EAAI,CAAC,GAAGA,EAAU,OAAO,EAAE,QAAA,GACjE,IAAIO,GACvBpB,EAACb,EAAyB,CAAA,GAAAiC,EAAO,YAAaxB,CAAlC,EAAAwB,EAAM,EAAE,CAC5B,EAEKO,EAAkBjC,EAAQ,CAAE,SAAAiB,CAAQ,CAAE,EAE5C,OACET,EAAC0B,EAAa,UAAS,MAAOJ,EAAQ,SAAA,CACnCZ,EACDZ,EAAC6B,EAAM,CAAA,SACL7B,SAAK,UAAW2B,EAAgB,OAC9B,SAAA3B,EAAC8B,EAAM,CAAC,UAAWH,EAAgB,mBAAYD,CAAY,CAAA,GAEtD,CAAA,CAAA,CAAA,CAAA,CAGf"}
+{"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 { 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  icon?: boolean;\n  lifespan?: number;\n  position?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';\n}\n\nexport const Toast = (props: ToastProps | InternalToast) => {\n  const { dismissible, lifespan, message = '', variant = 'branded' } = props;\n  const toastClasses = classes({ variant });\n  const dismissId = (props as InternalToast).id;\n  const removeToast = (props as InternalToast).removeToast;\n  const [show, setShow] = useState(true);\n\n  if (lifespan) {\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 color=\"text.quaternary\">{message}</Text>\n        {dismissible && (\n          <button className={toastClasses.dismiss} onClick={() => setShow(false)} aria-label=\"dismiss toast\">\n            <IcoDismiss className={toastClasses.icon} />\n          </button>\n        )}\n      </HStack>\n    </Animate>\n  );\n};\n\nexport const ToastProvider = ({\n  icon: defaultIcon = false,\n  lifespan: defaultLifespan = 0,\n  position = 'top-right',\n  children,\n}: 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 { icon = options.icon || defaultIcon, lifespan = options.lifespan || defaultLifespan, ...props } = options;\n    const id = ++toastID;\n\n    toastsRef.current.push({ icon, lifespan, 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","dismissible","lifespan","message","variant","toastClasses","classes","dismissId","removeToast","show","setShow","useState","_jsx","Animate","_jsxs","HStack","StatusIcon","Text","IcoDismiss","ToastProvider","defaultIcon","defaultLifespan","position","children","toastsRef","useRef","forceUpdate","useReducer","x","useCallback","id","toast","createToast","options","icon","toastCtx","useMemo","activeToasts","providerClasses","ToastContext","Portal","VStack"],"mappings":"uvBAUA,IAAIA,EAAU,EAaP,MAAMC,EAASC,GAAqC,CACzD,KAAM,CAAE,YAAAC,EAAa,SAAAC,EAAU,QAAAC,EAAU,GAAI,QAAAC,EAAU,SAAW,EAAGJ,EAC/DK,EAAeC,EAAQ,CAAE,QAAAF,CAAO,CAAE,EAClCG,EAAaP,EAAwB,GACrCQ,EAAeR,EAAwB,YACvC,CAACS,EAAMC,CAAO,EAAIC,EAAS,EAAI,EAErC,OAAIT,GACF,WAAW,IAAK,CACdQ,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,EAEA,SAAAO,EAACC,EAAM,CAAC,UAAWV,EAAa,gBAC7BL,EAAM,MAAQY,EAACI,EAAU,CAAC,UAAWX,EAAa,KAAM,QAASD,CAAO,CAAA,EACzEQ,EAACK,EAAK,CAAA,MAAM,2BAAmBd,CAAO,CAAA,EACrCF,GACCW,EAAQ,SAAA,CAAA,UAAWP,EAAa,QAAS,QAAS,IAAMK,EAAQ,EAAK,EAAC,aAAa,gBACjF,SAAAE,EAACM,EAAU,CAAC,UAAWb,EAAa,MAC7B,CAAA,CACV,CACM,CAAA,CAAA,CAAA,CAGf,EAEac,EAAgB,CAAC,CAC5B,KAAMC,EAAc,GACpB,SAAUC,EAAkB,EAC5B,SAAAC,EAAW,YACX,SAAAC,CACmB,IAAI,CACvB,MAAMC,EAAYC,EAA0B,CAAE,CAAA,EACxCC,EAAcC,EAAYC,GAAcA,EAAI,EAAG,CAAC,EAAE,CAAC,EAEnDpB,EAA2CqB,EAAaC,GAAc,CAC1EN,EAAU,QAAUA,EAAU,QAAQ,OAAOO,GAASA,EAAM,KAAOD,CAAE,EACrEJ,EAAAA,CACF,EAAG,EAAE,EAECM,EAA2CH,EAAYI,GAAU,CACrE,KAAM,CAAE,KAAAC,EAAOD,EAAQ,MAAQb,EAAa,SAAAlB,EAAW+B,EAAQ,UAAYZ,EAAiB,GAAGrB,CAAK,EAAKiC,EACnGH,EAAK,EAAEhC,EAEb,OAAA0B,EAAU,QAAQ,KAAK,CAAE,KAAAU,EAAM,SAAAhC,EAAU,GAAA4B,EAAI,GAAG9B,CAAK,CAAE,EACvD0B,EAAAA,EAEOI,CACT,EAAG,CAAE,CAAA,EAECK,EAAWC,EAAQ,KAAO,CAAE,YAAAJ,EAAa,YAAAxB,CAAW,GAAK,CAACwB,EAAaxB,CAAW,CAAC,EAEnF6B,GADSf,GAAU,WAAW,KAAK,EAAI,CAAC,GAAGE,EAAU,OAAO,EAAI,CAAC,GAAGA,EAAU,OAAO,EAAE,WACjE,IAAIO,GACvBnB,EAACb,EAAyB,CAAA,GAAAgC,EAAO,YAAavB,CAAlC,EAAAuB,EAAM,EAAE,CAC5B,EAEKO,EAAkBhC,EAAQ,CAAE,SAAAgB,CAAQ,CAAE,EAE5C,OACER,EAACyB,EAAa,UAAS,MAAOJ,EAAQ,SAAA,CACnCZ,EACDX,EAAC4B,EAAM,CAAA,SACL5B,SAAK,UAAW0B,EAAgB,OAC9B,SAAA1B,EAAC6B,EAAM,CAAC,UAAWH,EAAgB,mBAAYD,CAAY,CAAA,GAEtD,CAAA,CAAA,CAAA,CAAA,CAGf"}

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

@@ -1,2 +1,2 @@
-import{jsxs as p,jsx as m}from"react/jsx-runtime";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import w from"../primitives/text.js";import{useClickAway as O}from"../../hooks/useClickAway.js";import{useToggleState as S}from"../../hooks/useToggleState.js";import{css as n,cx as C}from"@styled/css";import{forwardRef as P,useState as M,useMemo as N,useRef as j,cloneElement as k}from"react";import{useTooltipTrigger as E,mergeProps as R}from"react-aria";const L=2500,c=P((r,d)=>{const u="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.maxTouchPoints>0,{children:f,content:x,closeDelay:b=L,defaultOpen:g,...h}=r,[t,s]=M(!1),{isSelected:a,setSelected:e}=S({isOpen:r.isOpen,defaultSelected:g,onChange(i){i||s(!1)},...r}),o=N(()=>({isOpen:a,open:()=>{e(!0)},close:i=>{if(i){e(!1);return}u?e(!1):(t&&setTimeout(()=>{e(!1),s(!1)},b),t||e(!1))}}),[a,t]),y=j(null),{triggerProps:l,tooltipProps:v}=E(r,o,y);l.onClick=()=>{o.open(),s(!0)};const T=O(()=>{o.close(!0)});return p("div",{ref:T,className:n({position:"relative"}),onMouseLeave:()=>{o.close()},onFocus:()=>{o.open()},onBlur:()=>{o.close()},children:[k(f,{...l,tabIndex:0}),p("div",{ref:d,"aria-describedby":"tooltip",role:"tooltip",className:C(n({display:o.isOpen?"block":"none",maxW:72,w:"max",color:"text.secondary",bgColor:"surface.primary",borderColor:"neutral.secondary",position:"absolute",py:2,px:3,borderRadius:"xl",boxShadow:"0px 4px 20px 0px rgba(0, 0, 0, 0.10)",top:0,left:"50%",transform:"translateX(-50%) translateY(calc(-100% - 0.75rem))"})),onMouseEnter:()=>{o.open()},...R(v,h),children:[m(w,{size:"sm",children:x}),o.isOpen&&m("div",{onMouseEnter:()=>{o.open()},className:n({position:"absolute",w:72,h:4,bottom:0,left:"50%",transform:"translateX(-50%) translateY(0.75rem)"})})]})]})});c.displayName="Tooltip";export{c as default};
+import{jsxs as m,jsx as c}from"react/jsx-runtime";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import O from"../primitives/text.js";import{useClickAway as S}from"../../hooks/useClickAway.js";import{useToggleState as C}from"../../hooks/useToggleState.js";import{css as n,cx as M}from"@styled/css";import{forwardRef as P,useState as N,useMemo as k,useRef as E,cloneElement as R}from"react";import{useTooltipTrigger as j,mergeProps as z}from"react-aria";const B=2500,d=P((t,u)=>{const f="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.maxTouchPoints>0,{children:x,content:h,width:a=288,closeDelay:b=B,defaultOpen:g,...y}=t,[r,s]=N(!1),{isSelected:l,setSelected:e}=C({isOpen:t.isOpen,defaultSelected:g,onChange(i){i||s(!1)},...t}),o=k(()=>({isOpen:l,open:()=>{e(!0)},close:i=>{if(i){e(!1);return}f?e(!1):(r&&setTimeout(()=>{e(!1),s(!1)},b),r||e(!1))}}),[l,r]),w=E(null),{triggerProps:p,tooltipProps:v}=j(t,o,w);p.onClick=()=>{o.open(),s(!0)};const T=S(()=>{o.close(!0)});return m("div",{ref:T,className:n({position:"relative"}),onMouseLeave:()=>{o.close()},onFocus:()=>{o.open()},onBlur:()=>{o.close()},children:[R(x,{...p,tabIndex:0}),m("div",{ref:u,"aria-describedby":"tooltip",role:"tooltip",style:{width:a},className:M(n({display:o.isOpen?"block":"none",maxW:72,width:"max",color:"text.secondary",bgColor:"surface.primary",borderColor:"neutral.secondary",position:"absolute",py:2,px:3,borderRadius:"xl",boxShadow:"0px 4px 20px 0px rgba(0, 0, 0, 0.10)",top:0,left:"50%",transform:"translateX(-50%) translateY(calc(-100% - 0.75rem))",zIndex:"max"})),onMouseEnter:()=>{o.open()},...z(v,y),children:[c(O,{size:"sm",children:h}),o.isOpen&&c("div",{onMouseEnter:()=>{o.open()},style:{width:a},className:n({position:"absolute",h:4,bottom:0,left:"50%",transform:"translateX(-50%) translateY(0.75rem)"})})]})]})});d.displayName="Tooltip";export{d as default};
 //# sourceMappingURL=tooltip.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../../../src/components/feedback/tooltip.tsx"],"sourcesContent":["import { Text } from '@components/primitives';\nimport { useClickAway } from '@hooks/useClickAway';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { css, cx } from '@styled/css';\nimport { PropsWithChildren, ReactElement, ReactNode, cloneElement, forwardRef, useMemo, useRef, useState } from 'react';\nimport { TooltipTriggerProps, mergeProps, useTooltipTrigger } from 'react-aria';\n\nexport type TooltipProps = PropsWithChildren<\n  {\n    content: ReactNode;\n  } & TooltipTriggerProps\n>;\n\nconst DEFAULT_CLOSE_DELAY = 2500;\n\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, forwardedRef) => {\n  const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.maxTouchPoints > 0;\n\n  const { children, content, closeDelay = DEFAULT_CLOSE_DELAY, defaultOpen, ...restProps } = props;\n  const [isClicked, setIsClicked] = useState(false);\n\n  const { isSelected: isOpen, setSelected: setOpen } = useToggleState({\n    isOpen: props.isOpen,\n    defaultSelected: defaultOpen,\n    onChange(open) {\n      if (!open) {\n        setIsClicked(false);\n      }\n    },\n    ...props,\n  });\n\n  const state = useMemo(\n    () => ({\n      isOpen,\n      open: () => {\n        setOpen(true);\n      },\n      close: (immediate?: boolean) => {\n        if (immediate) {\n          setOpen(false);\n          return;\n        }\n        if (!isTouchDevice) {\n          if (isClicked) {\n            setTimeout(() => {\n              setOpen(false);\n              setIsClicked(false);\n            }, closeDelay);\n          }\n          if (!isClicked) {\n            setOpen(false);\n          }\n        } else {\n          setOpen(false);\n        }\n      },\n    }),\n    [isOpen, isClicked],\n  );\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { triggerProps, tooltipProps } = useTooltipTrigger(props, state, triggerRef);\n\n  triggerProps.onClick = () => {\n    state.open();\n    setIsClicked(true);\n  };\n\n  const clickAwayRef = useClickAway<HTMLDivElement>(() => {\n    state.close(true);\n  });\n\n  return (\n    <div\n      // tabIndex={0}\n      ref={clickAwayRef}\n      className={css({ position: 'relative' })}\n      onMouseLeave={() => {\n        state.close();\n      }}\n      onFocus={() => {\n        state.open();\n      }}\n      onBlur={() => {\n        state.close();\n      }}\n    >\n      {cloneElement(children as ReactElement, {\n        ...triggerProps,\n        tabIndex: 0,\n      })}\n      <div\n        ref={forwardedRef}\n        aria-describedby=\"tooltip\"\n        role=\"tooltip\"\n        className={cx(\n          css({\n            display: state.isOpen ? 'block' : 'none',\n            maxW: 72,\n            w: 'max',\n            color: 'text.secondary',\n            bgColor: 'surface.primary',\n            borderColor: 'neutral.secondary',\n            position: 'absolute',\n            py: 2,\n            px: 3,\n            borderRadius: 'xl',\n            boxShadow: '0px 4px 20px 0px rgba(0, 0, 0, 0.10)',\n            top: 0,\n            left: '50%',\n            transform: 'translateX(-50%) translateY(calc(-100% - 0.75rem))',\n          }),\n        )}\n        onMouseEnter={() => {\n          state.open();\n        }}\n        {...mergeProps(tooltipProps, restProps)}\n      >\n        <Text size=\"sm\">{content}</Text>\n        {state.isOpen && (\n          <div\n            onMouseEnter={() => {\n              state.open();\n            }}\n            className={css({\n              position: 'absolute',\n              w: 72,\n              h: 4,\n              bottom: 0,\n              left: '50%',\n              transform: 'translateX(-50%) translateY(0.75rem)',\n            })}\n          />\n        )}\n      </div>\n    </div>\n  );\n});\n\nTooltip.displayName = 'Tooltip';\n\nexport default Tooltip;\n"],"names":["DEFAULT_CLOSE_DELAY","Tooltip","forwardRef","props","forwardedRef","isTouchDevice","children","content","closeDelay","defaultOpen","restProps","isClicked","setIsClicked","useState","isOpen","setOpen","useToggleState","open","state","useMemo","immediate","triggerRef","useRef","triggerProps","tooltipProps","useTooltipTrigger","clickAwayRef","useClickAway","_jsxs","css","cloneElement","cx","mergeProps","_jsx","Text"],"mappings":"8oBAaA,MAAMA,EAAsB,KAEtBC,EAAUC,EAAyC,CAACC,EAAOC,IAAgB,CAC/E,MAAMC,EAAgB,iBAAkB,QAAU,UAAU,eAAiB,GAAK,UAAU,eAAiB,EAEvG,CAAE,SAAAC,EAAU,QAAAC,EAAS,WAAAC,EAAaR,EAAqB,YAAAS,EAAa,GAAGC,CAAW,EAAGP,EACrF,CAACQ,EAAWC,CAAY,EAAIC,EAAS,EAAK,EAE1C,CAAE,WAAYC,EAAQ,YAAaC,CAAO,EAAKC,EAAe,CAClE,OAAQb,EAAM,OACd,gBAAiBM,EACjB,SAASQ,EAAI,CACNA,GACHL,EAAa,EAAK,CAEtB,EACA,GAAGT,CACJ,CAAA,EAEKe,EAAQC,EACZ,KAAO,CACL,OAAAL,EACA,KAAM,IAAK,CACTC,EAAQ,EAAI,CACd,EACA,MAAQK,GAAuB,CAC7B,GAAIA,EAAW,CACbL,EAAQ,EAAK,EACb,MACF,CACKV,EAWHU,EAAQ,EAAK,GAVTJ,GACF,WAAW,IAAK,CACdI,EAAQ,EAAK,EACbH,EAAa,EAAK,CACpB,EAAGJ,CAAU,EAEVG,GACHI,EAAQ,EAAK,EAKnB,CACD,GACD,CAACD,EAAQH,CAAS,CAAC,EAGfU,EAAaC,EAAuB,IAAI,EACxC,CAAE,aAAAC,EAAc,aAAAC,GAAiBC,EAAkBtB,EAAOe,EAAOG,CAAU,EAEjFE,EAAa,QAAU,IAAK,CAC1BL,EAAM,OACNN,EAAa,EAAI,CACnB,EAEA,MAAMc,EAAeC,EAA6B,IAAK,CACrDT,EAAM,MAAM,EAAI,CAClB,CAAC,EAED,OACEU,EAAA,MAAA,CAEE,IAAKF,EACL,UAAWG,EAAI,CAAE,SAAU,UAAY,CAAA,EACvC,aAAc,IAAK,CACjBX,EAAM,MACR,CAAA,EACA,QAAS,IAAK,CACZA,EAAM,KACR,CAAA,EACA,OAAQ,IAAK,CACXA,EAAM,MACR,CAAA,EAEC,SAAA,CAAAY,EAAaxB,EAA0B,CACtC,GAAGiB,EACH,SAAU,CACX,CAAA,EACDK,EACE,MAAA,CAAA,IAAKxB,qBACY,UACjB,KAAK,UACL,UAAW2B,EACTF,EAAI,CACF,QAASX,EAAM,OAAS,QAAU,OAClC,KAAM,GACN,EAAG,MACH,MAAO,iBACP,QAAS,kBACT,YAAa,oBACb,SAAU,WACV,GAAI,EACJ,GAAI,EACJ,aAAc,KACd,UAAW,uCACX,IAAK,EACL,KAAM,MACN,UAAW,oDACZ,CAAA,CAAC,EAEJ,aAAc,IAAK,CACjBA,EAAM,KACR,CAAA,EAAC,GACGc,EAAWR,EAAcd,CAAS,EAEtC,SAAA,CAAAuB,EAACC,EAAI,CAAC,KAAK,KAAI,SAAE3B,CAAO,CAAA,EACvBW,EAAM,QACLe,EACE,MAAA,CAAA,aAAc,IAAK,CACjBf,EAAM,KACR,CAAA,EACA,UAAWW,EAAI,CACb,SAAU,WACV,EAAG,GACH,EAAG,EACH,OAAQ,EACR,KAAM,MACN,UAAW,sCACZ,CAAA,CACD,CAAA,CACH,CACG,CAAA,CAAA,CAAA,CAAA,CAGZ,CAAC,EAED5B,EAAQ,YAAc"}
+{"version":3,"file":"tooltip.js","sources":["../../../../src/components/feedback/tooltip.tsx"],"sourcesContent":["import { Text } from '@components/primitives';\nimport { useClickAway } from '@hooks/useClickAway';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { css, cx } from '@styled/css';\nimport { PropsWithChildren, ReactElement, ReactNode, cloneElement, forwardRef, useMemo, useRef, useState } from 'react';\nimport { TooltipTriggerProps, mergeProps, useTooltipTrigger } from 'react-aria';\n\nexport type TooltipProps = PropsWithChildren<\n  {\n    content: ReactNode;\n    width?: number | string;\n  } & TooltipTriggerProps\n>;\n\nconst DEFAULT_CLOSE_DELAY = 2500;\n\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, forwardedRef) => {\n  const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.maxTouchPoints > 0;\n\n  const { children, content, width = 288, closeDelay = DEFAULT_CLOSE_DELAY, defaultOpen, ...restProps } = props;\n  const [isClicked, setIsClicked] = useState(false);\n\n  const { isSelected: isOpen, setSelected: setOpen } = useToggleState({\n    isOpen: props.isOpen,\n    defaultSelected: defaultOpen,\n    onChange(open) {\n      if (!open) {\n        setIsClicked(false);\n      }\n    },\n    ...props,\n  });\n\n  const state = useMemo(\n    () => ({\n      isOpen,\n      open: () => {\n        setOpen(true);\n      },\n      close: (immediate?: boolean) => {\n        if (immediate) {\n          setOpen(false);\n          return;\n        }\n        if (!isTouchDevice) {\n          if (isClicked) {\n            setTimeout(() => {\n              setOpen(false);\n              setIsClicked(false);\n            }, closeDelay);\n          }\n          if (!isClicked) {\n            setOpen(false);\n          }\n        } else {\n          setOpen(false);\n        }\n      },\n    }),\n    [isOpen, isClicked],\n  );\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { triggerProps, tooltipProps } = useTooltipTrigger(props, state, triggerRef);\n\n  triggerProps.onClick = () => {\n    state.open();\n    setIsClicked(true);\n  };\n\n  const clickAwayRef = useClickAway<HTMLDivElement>(() => {\n    state.close(true);\n  });\n\n  return (\n    <div\n      ref={clickAwayRef}\n      className={css({ position: 'relative' })}\n      onMouseLeave={() => {\n        state.close();\n      }}\n      onFocus={() => {\n        state.open();\n      }}\n      onBlur={() => {\n        state.close();\n      }}\n    >\n      {cloneElement(children as ReactElement, {\n        ...triggerProps,\n        tabIndex: 0,\n      })}\n      <div\n        ref={forwardedRef}\n        aria-describedby=\"tooltip\"\n        role=\"tooltip\"\n        style={{ width }}\n        className={cx(\n          css({\n            display: state.isOpen ? 'block' : 'none',\n            maxW: 72,\n            width: 'max',\n            color: 'text.secondary',\n            bgColor: 'surface.primary',\n            borderColor: 'neutral.secondary',\n            position: 'absolute',\n            py: 2,\n            px: 3,\n            borderRadius: 'xl',\n            boxShadow: '0px 4px 20px 0px rgba(0, 0, 0, 0.10)',\n            top: 0,\n            left: '50%',\n            transform: 'translateX(-50%) translateY(calc(-100% - 0.75rem))',\n            zIndex: 'max',\n          }),\n        )}\n        onMouseEnter={() => {\n          state.open();\n        }}\n        {...mergeProps(tooltipProps, restProps)}\n      >\n        <Text size=\"sm\">{content}</Text>\n        {state.isOpen && (\n          <div\n            onMouseEnter={() => {\n              state.open();\n            }}\n            style={{ width }}\n            className={css({\n              position: 'absolute',\n              h: 4,\n              bottom: 0,\n              left: '50%',\n              transform: 'translateX(-50%) translateY(0.75rem)',\n            })}\n          />\n        )}\n      </div>\n    </div>\n  );\n});\n\nTooltip.displayName = 'Tooltip';\n\nexport default Tooltip;\n"],"names":["DEFAULT_CLOSE_DELAY","Tooltip","forwardRef","props","forwardedRef","isTouchDevice","children","content","width","closeDelay","defaultOpen","restProps","isClicked","setIsClicked","useState","isOpen","setOpen","useToggleState","open","state","useMemo","immediate","triggerRef","useRef","triggerProps","tooltipProps","useTooltipTrigger","clickAwayRef","useClickAway","_jsxs","css","cloneElement","cx","mergeProps","_jsx","Text"],"mappings":"opBAcMA,EAAsB,KAEtBC,EAAUC,EAAyC,CAACC,EAAOC,IAAgB,CAC/E,MAAMC,EAAgB,iBAAkB,QAAU,UAAU,eAAiB,GAAK,UAAU,eAAiB,EAEvG,CAAE,SAAAC,EAAU,QAAAC,EAAS,MAAAC,EAAQ,IAAK,WAAAC,EAAaT,EAAqB,YAAAU,EAAa,GAAGC,CAAW,EAAGR,EAClG,CAACS,EAAWC,CAAY,EAAIC,EAAS,EAAK,EAE1C,CAAE,WAAYC,EAAQ,YAAaC,CAAO,EAAKC,EAAe,CAClE,OAAQd,EAAM,OACd,gBAAiBO,EACjB,SAASQ,EAAI,CACNA,GACHL,EAAa,EAAK,CAEtB,EACA,GAAGV,CACJ,CAAA,EAEKgB,EAAQC,EACZ,KAAO,CACL,OAAAL,EACA,KAAM,IAAK,CACTC,EAAQ,EAAI,CACd,EACA,MAAQK,GAAuB,CAC7B,GAAIA,EAAW,CACbL,EAAQ,EAAK,EACb,MACF,CACKX,EAWHW,EAAQ,EAAK,GAVTJ,GACF,WAAW,IAAK,CACdI,EAAQ,EAAK,EACbH,EAAa,EAAK,CACpB,EAAGJ,CAAU,EAEVG,GACHI,EAAQ,EAAK,EAKnB,CACD,GACD,CAACD,EAAQH,CAAS,CAAC,EAGfU,EAAaC,EAAuB,IAAI,EACxC,CAAE,aAAAC,EAAc,aAAAC,GAAiBC,EAAkBvB,EAAOgB,EAAOG,CAAU,EAEjFE,EAAa,QAAU,IAAK,CAC1BL,EAAM,KAAA,EACNN,EAAa,EAAI,CACnB,EAEA,MAAMc,EAAeC,EAA6B,IAAK,CACrDT,EAAM,MAAM,EAAI,CAClB,CAAC,EAED,OACEU,SACE,IAAKF,EACL,UAAWG,EAAI,CAAE,SAAU,UAAY,CAAA,EACvC,aAAc,IAAK,CACjBX,EAAM,MAAA,CACR,EACA,QAAS,IAAK,CACZA,EAAM,KACR,CAAA,EACA,OAAQ,IAAK,CACXA,EAAM,MACR,CAAA,EAEC,SAAA,CAAAY,EAAazB,EAA0B,CACtC,GAAGkB,EACH,SAAU,EACX,EACDK,SACE,IAAKzB,EACY,mBAAA,UACjB,KAAK,UACL,MAAO,CAAE,MAAAI,CAAO,EAChB,UAAWwB,EACTF,EAAI,CACF,QAASX,EAAM,OAAS,QAAU,OAClC,KAAM,GACN,MAAO,MACP,MAAO,iBACP,QAAS,kBACT,YAAa,oBACb,SAAU,WACV,GAAI,EACJ,GAAI,EACJ,aAAc,KACd,UAAW,uCACX,IAAK,EACL,KAAM,MACN,UAAW,qDACX,OAAQ,KACT,CAAA,CAAC,EAEJ,aAAc,IAAK,CACjBA,EAAM,KACR,CAAA,EAAC,GACGc,EAAWR,EAAcd,CAAS,EAEtC,SAAA,CAAAuB,EAACC,EAAI,CAAC,KAAK,KAAI,SAAE5B,CAAO,CAAA,EACvBY,EAAM,QACLe,EACE,MAAA,CAAA,aAAc,IAAK,CACjBf,EAAM,KACR,CAAA,EACA,MAAO,CAAE,MAAAX,GACT,UAAWsB,EAAI,CACb,SAAU,WACV,EAAG,EACH,OAAQ,EACR,KAAM,MACN,UAAW,sCACZ,CAAA,CACD,CAAA,CACH,CACG,CAAA,CAAA,CAAA,CAAA,CAGZ,CAAC,EAED7B,EAAQ,YAAc"}