@magiclabs/ui-components 1.52.1 → 2.1.0

package/dist/es/index.js

@@ -1,2 +1,2 @@
-import{ButtonContainer as r}from"./components/containers/button.js";import{Card as a}from"./components/containers/card.js";import{Content as l}from"./components/containers/content.js";import{Drawer as s}from"./components/containers/drawer.js";import{Footer as d}from"./components/containers/footer.js";import{Header as x}from"./components/containers/header.js";import{Menu as c}from"./components/containers/menu.js";import{Modal as g}from"./components/containers/modal.js";import{Overlay as I}from"./components/containers/overlay.js";import{PayPalButton as M}from"./components/external/paypal-button.js";import{SocialLoginButton as h}from"./components/external/social-login-button.js";import{AnimatedCheckmark as F}from"./components/feedback/animated-checkmark.js";import{AnimatedDismiss as P}from"./components/feedback/animated-dismiss.js";import{AnimatedSpinner as A}from"./components/feedback/animated-spinner.js";import{Callout as T}from"./components/feedback/callout.js";import{LoadingSpinner as W}from"./components/feedback/loading-spinner.js";import{ProgressBar as G}from"./components/feedback/progress-bar.js";import{Skeleton as R}from"./components/feedback/skeleton.js";import{Toast as N,ToastProvider as v}from"./components/feedback/toast-provider.js";import{default as z}from"./components/feedback/tooltip.js";import{default as U}from"./components/icons/ico-add.js";import{default as X}from"./components/icons/ico-airdrop.js";import{default as Q}from"./components/icons/ico-alert-circle-fill.js";import{default as q}from"./components/icons/ico-alert-circle.js";import{default as Y}from"./components/icons/ico-arrow-down.js";import{default as $}from"./components/icons/ico-arrow-left.js";import{default as eo}from"./components/icons/ico-arrow-right.js";import{default as to}from"./components/icons/ico-arrow-up.js";import{default as fo}from"./components/icons/ico-asterisk-with-shield.js";import{default as mo}from"./components/icons/ico-asterisk.js";import{default as po}from"./components/icons/ico-astronaut.js";import{default as xo}from"./components/icons/ico-atom.js";import{default as co}from"./components/icons/ico-badge.js";import{default as go}from"./components/icons/ico-bank.js";import{default as Io}from"./components/icons/ico-bell-notification.js";import{default as Mo}from"./components/icons/ico-bell.js";import{default as ho}from"./components/icons/ico-block.js";import{default as Fo}from"./components/icons/ico-branding.js";import{default as Po}from"./components/icons/ico-caret-down.js";import{default as Ao}from"./components/icons/ico-caret-left.js";import{default as To}from"./components/icons/ico-caret-right.js";import{default as Wo}from"./components/icons/ico-caret-up.js";import{default as Go}from"./components/icons/ico-checkmark-circle-fill.js";import{default as Ro}from"./components/icons/ico-checkmark-circle.js";import{default as No}from"./components/icons/ico-checkmark.js";import{default as Ho}from"./components/icons/ico-clock-fill.js";import{default as Zo}from"./components/icons/ico-code-editor.js";import{default as Ko}from"./components/icons/ico-code-sandbox.js";import{default as jo}from"./components/icons/ico-code.js";import{default as Vo}from"./components/icons/ico-coins.js";import{default as Jo}from"./components/icons/ico-command-line.js";import{default as _o}from"./components/icons/ico-comment.js";import{default as oe}from"./components/icons/ico-copy.js";import{default as re}from"./components/icons/ico-credit-card.js";import{default as ae}from"./components/icons/ico-dedicated.js";import{default as le}from"./components/icons/ico-diamond.js";import{default as se}from"./components/icons/ico-dismiss-circle-fill.js";import{default as de}from"./components/icons/ico-dismiss-circle.js";import{default as xe}from"./components/icons/ico-dismiss.js";import{default as ce}from"./components/icons/ico-doc.js";import{default as ge}from"./components/icons/ico-download.js";import{default as Ie}from"./components/icons/ico-edit-email.js";import{default as Me}from"./components/icons/ico-edit.js";import{default as he}from"./components/icons/ico-email-fill.js";import{default as Fe}from"./components/icons/ico-email-open.js";import{default as Pe}from"./components/icons/ico-email.js";import{default as Ae}from"./components/icons/ico-exit.js";import{default as Te}from"./components/icons/ico-expand.js";import{default as We}from"./components/icons/ico-expiration.js";import{default as Ge}from"./components/icons/ico-external-link.js";import{default as Re}from"./components/icons/ico-eye-closed.js";import{default as Ne}from"./components/icons/ico-eye-opened.js";import{default as He}from"./components/icons/ico-fingerprint-fill.js";import{default as Ze}from"./components/icons/ico-fingerprint.js";import{default as Ke}from"./components/icons/ico-gas.js";import{default as je}from"./components/icons/ico-gift.js";import{default as Ve}from"./components/icons/ico-globe.js";import{default as Je}from"./components/icons/ico-grid-fill.js";import{default as _e}from"./components/icons/ico-grid.js";import{default as or}from"./components/icons/ico-guide.js";import{default as rr}from"./components/icons/ico-home-fill.js";import{default as ar}from"./components/icons/ico-home.js";import{default as lr}from"./components/icons/ico-hourglass.js";import{default as sr}from"./components/icons/ico-info-circle-fill.js";import{default as dr}from"./components/icons/ico-info-circle.js";import{default as xr}from"./components/icons/ico-kebab.js";import{default as cr}from"./components/icons/ico-key.js";import{default as gr}from"./components/icons/ico-lightbulb-fill.js";import{default as Ir}from"./components/icons/ico-lightbulb.js";import{default as Mr}from"./components/icons/ico-lightning-fill.js";import{default as hr}from"./components/icons/ico-lightning.js";import{default as Fr}from"./components/icons/ico-link.js";import{default as Pr}from"./components/icons/ico-loading.js";import{default as Ar}from"./components/icons/ico-lock-locked-fill.js";import{default as Tr}from"./components/icons/ico-lock-locked.js";import{default as Wr}from"./components/icons/ico-lock-password.js";import{default as Gr}from"./components/icons/ico-lock-unlocked-fill.js";import{default as Rr}from"./components/icons/ico-lock-unlocked.js";import{default as Nr}from"./components/icons/ico-login-form.js";import{default as Hr}from"./components/icons/ico-magic.js";import{default as Zr}from"./components/icons/ico-megaphone.js";import{default as Kr}from"./components/icons/ico-menu.js";import{default as jr}from"./components/icons/ico-message-fill.js";import{default as Vr}from"./components/icons/ico-message.js";import{default as Jr}from"./components/icons/ico-mfa.js";import{default as _r}from"./components/icons/ico-minimize.js";import{default as ot}from"./components/icons/ico-minus.js";import{default as rt}from"./components/icons/ico-mobile2fa.js";import{default as at}from"./components/icons/ico-mobile2fafill.js";import{default as lt}from"./components/icons/ico-newton.js";import{default as st}from"./components/icons/ico-open-book.js";import{default as dt}from"./components/icons/ico-paper-plane.js";import{default as xt}from"./components/icons/ico-passport.js";import{default as ct}from"./components/icons/ico-passwordless.js";import{default as gt}from"./components/icons/ico-pending-connection.js";import{default as It}from"./components/icons/ico-phone.js";import{default as Mt}from"./components/icons/ico-plus.js";import{default as ht}from"./components/icons/ico-polygon-gas-testnet.js";import{default as Ft}from"./components/icons/ico-polygon-gas.js";import{default as Pt}from"./components/icons/ico-price.js";import{default as At}from"./components/icons/ico-qrcode.js";import{default as Tt}from"./components/icons/ico-question-circle-fill.js";import{default as Wt}from"./components/icons/ico-question-circle.js";import{default as Gt}from"./components/icons/ico-refresh-circle-fill.js";import{default as Rt}from"./components/icons/ico-refresh.js";import{default as Nt}from"./components/icons/ico-remove.js";import{default as Ht}from"./components/icons/ico-rocket-fill.js";import{default as Zt}from"./components/icons/ico-search.js";import{default as Kt}from"./components/icons/ico-settings-fill.js";import{default as jt}from"./components/icons/ico-settings.js";import{default as Vt}from"./components/icons/ico-shapes.js";import{default as Jt}from"./components/icons/ico-share.js";import{default as _t}from"./components/icons/ico-shield-approved.js";import{default as oa}from"./components/icons/ico-shield-rejected.js";import{default as ra}from"./components/icons/ico-shield.js";import{default as aa}from"./components/icons/ico-shuffle.js";import{default as la}from"./components/icons/ico-sidebar.js";import{default as sa}from"./components/icons/ico-social.js";import{default as da}from"./components/icons/ico-sold-out-tag.js";import{default as xa}from"./components/icons/ico-sparkles.js";import{default as ca}from"./components/icons/ico-star.js";import{default as ga}from"./components/icons/ico-swap.js";import{default as Ia}from"./components/icons/ico-swatches.js";import{default as Ma}from"./components/icons/ico-switch.js";import{default as ha}from"./components/icons/ico-team.js";import{default as Fa}from"./components/icons/ico-thumb-down.js";import{default as Pa}from"./components/icons/ico-thumb-up.js";import{default as Aa}from"./components/icons/ico-tradeup.js";import{default as Ta}from"./components/icons/ico-trash.js";import{default as Wa}from"./components/icons/ico-unlink.js";import{default as Ga}from"./components/icons/ico-upload.js";import{default as Ra}from"./components/icons/ico-users.js";import{default as Na}from"./components/icons/ico-wallet-fill.js";import{default as Ha}from"./components/icons/ico-wallet.js";import{default as Za}from"./components/icons/ico-wand.js";import{default as Ka}from"./components/icons/ico-warning-fill.js";import{default as ja}from"./components/icons/ico-warning.js";import{default as Va}from"./components/info/copy-button.js";import{default as Ja}from"./components/info/email-wbr.js";import{default as _a}from"./components/info/security-otp.js";import{default as of}from"./components/info/text-box.js";import{default as rf}from"./components/info/wallet-address.js";import{default as af}from"./components/inputs/phone-input.js";import{PinCodeInput as lf}from"./components/inputs/pincode-input.js";import{TextInput as sf}from"./components/inputs/text-input.js";import{Dialogue as df}from"./components/layouts/dialogue.js";import{Error as xf}from"./components/layouts/error.js";import{Page as cf}from"./components/layouts/page.js";import{PassportPage as Lf}from"./components/layouts/passport-page.js";import{WalletPage as kf}from"./components/layouts/wallet-page/index.js";import{default as Bf}from"./components/list-items/navigation-button.js";import{NFTTile as Cf}from"./components/list-items/nft-tile.js";import{TokenListItem as wf}from"./components/list-items/token-list-item.js";import{TransactionRow as Sf}from"./components/list-items/transaction-row.js";import{ActivityListItem as bf}from"./components/list-items/activity-list-item.js";import{default as yf}from"./components/logos/blc-algorand.js";import{default as Ef}from"./components/logos/blc-aptos.js";import{default as Df}from"./components/logos/blc-arbitrum.js";import{default as Of}from"./components/logos/blc-astar.js";import{default as vf}from"./components/logos/blc-avalanche.js";import{default as zf}from"./components/logos/blc-base.js";import{default as Uf}from"./components/logos/blc-berachain.js";import{default as Xf}from"./components/logos/blc-binance.js";import{default as Qf}from"./components/logos/blc-bitcoin.js";import{default as qf}from"./components/logos/blc-celo.js";import{default as Yf}from"./components/logos/blc-chiliz.js";import{default as $f}from"./components/logos/blc-cosmos.js";import{default as el}from"./components/logos/blc-ethereum.js";import{default as tl}from"./components/logos/blc-etherlink.js";import{default as fl}from"./components/logos/blc-flow.js";import{default as ml}from"./components/logos/blc-harmony.js";import{default as pl}from"./components/logos/blc-icon.js";import{default as ul}from"./components/logos/blc-immutable-x.js";import{default as nl}from"./components/logos/blc-loopring.js";import{default as il}from"./components/logos/blc-moonbeam.js";import{default as Ll}from"./components/logos/blc-near.js";import{default as kl}from"./components/logos/blc-newton.js";import{default as Bl}from"./components/logos/blc-optimism.js";import{default as Cl}from"./components/logos/blc-polkadot.js";import{default as wl}from"./components/logos/blc-polygon.js";import{default as Sl}from"./components/logos/blc-rarichain.js";import{default as bl}from"./components/logos/blc-solana.js";import{default as yl}from"./components/logos/blc-stability.js";import{default as El}from"./components/logos/blc-sui.js";import{default as Dl}from"./components/logos/blc-tezos.js";import{default as Ol}from"./components/logos/blc-wax.js";import{default as vl}from"./components/logos/blc-zetachain.js";import{default as zl}from"./components/logos/blc-zilliqa.js";import{default as Ul}from"./components/logos/blc-zksync.js";import{default as Xl}from"./components/logos/fwk-11ty.js";import{default as Ql}from"./components/logos/fwk-android.js";import{default as ql}from"./components/logos/fwk-apple.js";import{default as Yl}from"./components/logos/fwk-authy.js";import{default as $l}from"./components/logos/fwk-binance-fill.js";import{default as em}from"./components/logos/fwk-chrome.js";import{default as tm}from"./components/logos/fwk-electron.js";import{default as fm}from"./components/logos/fwk-express.js";import{default as mm}from"./components/logos/fwk-fauna.js";import{default as pm}from"./components/logos/fwk-firebase.js";import{default as um}from"./components/logos/fwk-go.js";import{default as nm}from"./components/logos/fwk-google-authenticator.js";import{default as im}from"./components/logos/fwk-hasura.js";import{default as Lm}from"./components/logos/fwk-javascript.js";import{default as km}from"./components/logos/fwk-jwt.js";import{default as Bm}from"./components/logos/fwk-laravel.js";import{default as Cm}from"./components/logos/fwk-nextjs.js";import{default as wm}from"./components/logos/fwk-nodejs.js";import{default as Sm}from"./components/logos/fwk-nuxtjs.js";import{default as bm}from"./components/logos/fwk-php.js";import{default as ym}from"./components/logos/fwk-react.js";import{default as Em}from"./components/logos/fwk-strapi.js";import{default as Dm}from"./components/logos/fwk-stripe.js";import{default as Om}from"./components/logos/fwk-vue.js";import{default as vm}from"./components/logos/fwk-webflow.js";import{default as zm}from"./components/logos/fwk-wordpress.js";import{default as Um}from"./components/logos/fwk-zapier.js";import{default as Xm}from"./components/logos/icon-art-dark.js";import{default as Qm}from"./components/logos/icon-art.js";import{default as qm}from"./components/logos/icon-dedicated.js";import{default as Ym}from"./components/logos/icon-delete.js";import{default as $m}from"./components/logos/icon-email-dot.js";import{default as es}from"./components/logos/icon-email-globe.js";import{default as ts}from"./components/logos/icon-email.js";import{default as fs}from"./components/logos/icon-faceid.js";import{default as ms}from"./components/logos/icon-fingerprint.js";import{default as ps}from"./components/logos/icon-game-controller-dark.js";import{default as us}from"./components/logos/icon-game-controller.js";import{default as ns}from"./components/logos/icon-generic-token.js";import{default as is}from"./components/logos/icon-kaito-ticket.js";import{default as Ls}from"./components/logos/icon-lock-message.js";import{default as ks}from"./components/logos/icon-magic-globe.js";import{default as Bs}from"./components/logos/icon-magic-logo.js";import{default as Cs}from"./components/logos/icon-music-dark.js";import{default as ws}from"./components/logos/icon-music.js";import{default as Ss}from"./components/logos/icon-passport.js";import{default as bs}from"./components/logos/icon-person-dark.js";import{default as ys}from"./components/logos/icon-person.js";import{default as Es}from"./components/logos/icon-profile-dark.js";import{default as Ds}from"./components/logos/icon-profile-light.js";import{default as Os}from"./components/logos/icon-reset.js";import{default as vs}from"./components/logos/icon-shield-lock.js";import{default as zs}from"./components/logos/icon-sms.js";import{default as Us}from"./components/logos/icon-ticket-dark.js";import{default as Xs}from"./components/logos/icon-ticket.js";import{default as Qs}from"./components/logos/icon-warning-dark.js";import{default as qs}from"./components/logos/icon-warning-shield.js";import{default as Ys}from"./components/logos/icon-warning.js";import{default as $s}from"./components/logos/logo-algorand-mono.js";import{default as ep}from"./components/logos/logo-algorand.js";import{default as tp}from"./components/logos/logo-apple-mono.js";import{default as fp}from"./components/logos/logo-apple.js";import{default as mp}from"./components/logos/logo-aptos-mono.js";import{default as pp}from"./components/logos/logo-aptos.js";import{default as up}from"./components/logos/logo-arbitrum-mono.js";import{default as np}from"./components/logos/logo-arbitrum-one-mono.js";import{default as ip}from"./components/logos/logo-arbitrum-one.js";import{default as Lp}from"./components/logos/logo-arbitrum.js";import{default as kp}from"./components/logos/logo-astar-mono.js";import{default as Bp}from"./components/logos/logo-astar.js";import{default as Cp}from"./components/logos/logo-auth0-mono.js";import{default as wp}from"./components/logos/logo-auth0.js";import{default as Sp}from"./components/logos/logo-avalanche-mono.js";import{default as bp}from"./components/logos/logo-avalanche.js";import{default as yp}from"./components/logos/logo-azure-mono.js";import{default as Ep}from"./components/logos/logo-azure.js";import{default as Dp}from"./components/logos/logo-base-mono.js";import{default as Op}from"./components/logos/logo-base.js";import{default as vp}from"./components/logos/logo-berachain-mono.js";import{default as zp}from"./components/logos/logo-berachain.js";import{default as Up}from"./components/logos/logo-binance-mono.js";import{default as Xp}from"./components/logos/logo-binance.js";import{default as Qp}from"./components/logos/logo-bit-bucket-mono.js";import{default as qp}from"./components/logos/logo-bit-bucket.js";import{default as Yp}from"./components/logos/logo-bitcoin-mono.js";import{default as $p}from"./components/logos/logo-bitcoin.js";import{default as ed}from"./components/logos/logo-bnb-mono.js";import{default as td}from"./components/logos/logo-bnb.js";import{default as fd}from"./components/logos/logo-celo-mono.js";import{default as md}from"./components/logos/logo-celo.js";import{default as pd}from"./components/logos/logo-chiliz-mono.js";import{default as ud}from"./components/logos/logo-chiliz.js";import{default as nd}from"./components/logos/logo-cognito-mono.js";import{default as id}from"./components/logos/logo-cognito.js";import{default as Ld}from"./components/logos/logo-community-gaming-mono.js";import{default as kd}from"./components/logos/logo-community-gaming.js";import{default as Bd}from"./components/logos/logo-cosmos-mono.js";import{default as Cd}from"./components/logos/logo-cosmos.js";import{default as wd}from"./components/logos/logo-discord-mono.js";import{default as Sd}from"./components/logos/logo-discord.js";import{default as bd}from"./components/logos/logo-ethereum-circle-mono.js";import{default as yd}from"./components/logos/logo-ethereum-circle.js";import{default as Ed}from"./components/logos/logo-ethereum-mono.js";import{default as Dd}from"./components/logos/logo-ethereum.js";import{default as Od}from"./components/logos/logo-etherlink-mono.js";import{default as vd}from"./components/logos/logo-etherlink.js";import{default as zd}from"./components/logos/logo-facebook-mono.js";import{default as Ud}from"./components/logos/logo-facebook.js";import{default as Xd}from"./components/logos/logo-flare-mono.js";import{default as Qd}from"./components/logos/logo-flare.js";import{default as qd}from"./components/logos/logo-flow-mono.js";import{default as Yd}from"./components/logos/logo-flow.js";import{default as $d}from"./components/logos/logo-generic-token-mono.js";import{default as eu}from"./components/logos/logo-generic-token.js";import{default as tu}from"./components/logos/logo-git-hub-mono.js";import{default as fu}from"./components/logos/logo-git-hub.js";import{default as mu}from"./components/logos/logo-git-lab-mono.js";import{default as pu}from"./components/logos/logo-git-lab.js";import{default as uu}from"./components/logos/logo-google-mono.js";import{default as nu}from"./components/logos/logo-google.js";import{default as iu}from"./components/logos/logo-guild-mono.js";import{default as Lu}from"./components/logos/logo-guild.js";import{default as ku}from"./components/logos/logo-harmony-mono.js";import{default as Bu}from"./components/logos/logo-harmony.js";import{default as Cu}from"./components/logos/logo-horizen-mono.js";import{default as wu}from"./components/logos/logo-horizen.js";import{default as Su}from"./components/logos/logo-icon-mono.js";import{default as bu}from"./components/logos/logo-icon.js";import{default as yu}from"./components/logos/logo-immutable-x-mono.js";import{default as Eu}from"./components/logos/logo-immutable-x.js";import{default as Du}from"./components/logos/logo-instagram-mono.js";import{default as Ou}from"./components/logos/logo-instagram.js";import{default as vu}from"./components/logos/logo-kadena-mono.js";import{default as zu}from"./components/logos/logo-kadena.js";import{default as Uu}from"./components/logos/logo-kaito-mono.js";import{default as Xu}from"./components/logos/logo-kaito.js";import{default as Qu}from"./components/logos/logo-link-by-stripe-mono.js";import{default as qu}from"./components/logos/logo-link-by-stripe.js";import{default as Yu}from"./components/logos/logo-link-mono.js";import{default as $u}from"./components/logos/logo-link.js";import{default as ex}from"./components/logos/logo-linked-in-mono.js";import{default as tx}from"./components/logos/logo-linked-in.js";import{default as fx}from"./components/logos/logo-loopring-mono.js";import{default as mx}from"./components/logos/logo-loopring.js";import{default as px}from"./components/logos/logo-microsoft-mono.js";import{default as ux}from"./components/logos/logo-microsoft.js";import{default as nx}from"./components/logos/logo-mode-mobile-mono.js";import{default as ix}from"./components/logos/logo-mode-mobile.js";import{default as Lx}from"./components/logos/logo-morph.js";import{default as kx}from"./components/logos/logo-moonbeam-mono.js";import{default as Bx}from"./components/logos/logo-moonbeam.js";import{default as Cx}from"./components/logos/logo-near-mono.js";import{default as wx}from"./components/logos/logo-near.js";import{default as Sx}from"./components/logos/logo-newton-mono.js";import{default as bx}from"./components/logos/logo-newton.js";import{default as yx}from"./components/logos/logo-okx-mono.js";import{default as Ex}from"./components/logos/logo-okx.js";import{default as Dx}from"./components/logos/logo-onramper-mono.js";import{default as Ox}from"./components/logos/logo-onramper.js";import{default as vx}from"./components/logos/logo-optimism-mono.js";import{default as zx}from"./components/logos/logo-optimism.js";import{default as Ux}from"./components/logos/logo-pay-pal-mono.js";import{default as Xx}from"./components/logos/logo-pay-pal-wordmark-mono.js";import{default as Qx}from"./components/logos/logo-pay-pal-wordmark.js";import{default as qx}from"./components/logos/logo-pay-pal.js";import{default as Yx}from"./components/logos/logo-poa-mono.js";import{default as $x}from"./components/logos/logo-poa.js";import{default as en}from"./components/logos/logo-polkadot-mono.js";import{default as tn}from"./components/logos/logo-polkadot.js";import{default as fn}from"./components/logos/logo-polygon-mono.js";import{default as mn}from"./components/logos/logo-polygon.js";import{default as pn}from"./components/logos/logo-polymarket-mono.js";import{default as un}from"./components/logos/logo-polymarket.js";import{default as nn}from"./components/logos/logo-rarichain-mono.js";import{default as gn}from"./components/logos/logo-rarichain.js";import{default as In}from"./components/logos/logo-reown-mono.js";import{default as Mn}from"./components/logos/logo-reown.js";import{default as hn}from"./components/logos/logo-sardine-mono.js";import{default as Fn}from"./components/logos/logo-sardine.js";import{default as Pn}from"./components/logos/logo-sei-mono.js";import{default as An}from"./components/logos/logo-sei.js";import{default as Tn}from"./components/logos/logo-solana-mono.js";import{default as Wn}from"./components/logos/logo-solana.js";import{default as Gn}from"./components/logos/logo-soneium-mono.js";import{default as Rn}from"./components/logos/logo-soneium.js";import{default as Nn}from"./components/logos/logo-stability-mono.js";import{default as Hn}from"./components/logos/logo-stability.js";import{default as Zn}from"./components/logos/logo-sui-mono.js";import{default as Kn}from"./components/logos/logo-sui.js";import{default as jn}from"./components/logos/logo-telegram-mono.js";import{default as Vn}from"./components/logos/logo-telegram.js";import{default as Jn}from"./components/logos/logo-tezos-mono.js";import{default as _n}from"./components/logos/logo-tezos.js";import{default as oc}from"./components/logos/logo-tik-tok-mono.js";import{default as rc}from"./components/logos/logo-tik-tok.js";import{default as ac}from"./components/logos/logo-twitch-mono.js";import{default as lc}from"./components/logos/logo-twitch.js";import{default as sc}from"./components/logos/logo-twitter-mono.js";import{default as dc}from"./components/logos/logo-twitter.js";import{default as xc}from"./components/logos/logo-wallet-connect-mono.js";import{default as cc}from"./components/logos/logo-wallet-connect.js";import{default as gc}from"./components/logos/logo-warpcast-mono.js";import{default as Ic}from"./components/logos/logo-warpcast.js";import{default as Mc}from"./components/logos/logo-wax-mono.js";import{default as hc}from"./components/logos/logo-wax.js";import{default as Fc}from"./components/logos/logo-xdc-mono.js";import{default as Pc}from"./components/logos/logo-xdc.js";import{default as Ac}from"./components/logos/logo-zetachain-mono.js";import{default as Tc}from"./components/logos/logo-zetachain.js";import{default as Wc}from"./components/logos/logo-zilliqa-mono.js";import{default as Gc}from"./components/logos/logo-zilliqa.js";import{default as Rc}from"./components/logos/logo-zksync-mono.js";import{default as Nc}from"./components/logos/logo-zksync.js";import{default as Hc}from"./components/logos/pay-amex.js";import{default as Zc}from"./components/logos/pay-discover.js";import{default as Kc}from"./components/logos/pay-mastercard.js";import{default as jc}from"./components/logos/pay-visa.js";import{default as Vc}from"./components/logos/presentation-logo.js";import{default as Jc}from"./components/logos/token-base.js";import{default as _c}from"./components/logos/token-bsc.js";import{default as oi}from"./components/logos/token-eth.js";import{default as ri}from"./components/logos/token-generic.js";import{default as ai}from"./components/logos/token-matic.js";import{default as li}from"./components/logos/token-newt.js";import{default as si}from"./components/logos/token-optimism.js";import{default as di}from"./components/logos/token-usdc.js";import{default as xi}from"./components/logos/token-zk-sync.js";import{default as ci}from"./components/logos/website-magic.js";import{default as gi}from"./components/logos/wlt-coinbase.js";import{default as Ii}from"./components/logos/wlt-mattel.js";import{default as Mi}from"./components/logos/wlt-metamask.js";import{default as hi}from"./components/logos/wlt-passkey.js";import{default as Fi}from"./components/logos/wlt-phantom.js";import{default as Pi}from"./components/logos/wlt-rabby.js";import{default as Ai}from"./components/logos/wlt-rainbow.js";import{default as Ti}from"./components/logos/wlt-wallet-connect.js";import{default as Wi}from"./components/primitives/button.js";import{default as Gi}from"./components/primitives/checkbox.js";import{DropdownOption as Ri,DropdownSelector as Oi}from"./components/primitives/dropdown-selector.js";import{Popover as vi}from"./components/primitives/popover.js";import{Radio as zi,RadioGroup as Zi}from"./components/primitives/radio.js";import{SegmentedControl as Ki,Tab as Xi}from"./components/primitives/segmented-control.js";import{default as Qi}from"./components/primitives/switch.js";import{default as qi}from"./components/primitives/text.js";import{VerifyPincode as Yi}from"./components/sections/verify-pincode.js";import{WalletActions as $i}from"./components/sections/wallet-actions.js";import{WalletNavigation as eg,WalletNavigationType as rg}from"./components/sections/wallet-navigation.js";import{default as ag}from"./components/utils/animate.js";import{ClientAssetLogo as lg}from"./components/utils/client-asset-logo.js";import{default as sg}from"./components/utils/qr-code.js";import{default as dg}from"./components/utils/secured-by-magic.js";import{default as xg}from"./components/utils/shared-logo.js";import{useCustomVars as cg}from"./hooks/theme.js";import{useToast as gg}from"./hooks/useToast.js";export{bf as ActivityListItem,ag as Animate,F as AnimatedCheckmark,P as AnimatedDismiss,A as AnimatedSpinner,yf as BlcAlgorand,Ef as BlcAptos,Df as BlcArbitrum,Of as BlcAstar,vf as BlcAvalanche,zf as BlcBase,Uf as BlcBerachain,Xf as BlcBinance,Qf as BlcBitcoin,qf as BlcCelo,Yf as BlcChiliz,$f as BlcCosmos,el as BlcEthereum,tl as BlcEtherlink,fl as BlcFlow,ml as BlcHarmony,pl as BlcIcon,ul as BlcImmutableX,nl as BlcLoopring,il as BlcMoonbeam,Ll as BlcNear,kl as BlcNewton,Bl as BlcOptimism,Cl as BlcPolkadot,wl as BlcPolygon,Sl as BlcRarichain,bl as BlcSolana,yl as BlcStability,El as BlcSui,Dl as BlcTezos,Ol as BlcWax,vl as BlcZetachain,zl as BlcZilliqa,Ul as BlcZksync,Wi as Button,r as ButtonContainer,T as Callout,a as Card,Gi as Checkbox,lg as ClientAssetLogo,l as Content,Va as CopyButton,df as Dialogue,s as Drawer,Ri as DropdownOption,Oi as DropdownSelector,Ja as EmailWbr,xf as Error,d as Footer,Xl as Fwk11ty,Ql as FwkAndroid,ql as FwkApple,Yl as FwkAuthy,$l as FwkBinanceFill,em as FwkChrome,tm as FwkElectron,fm as FwkExpress,mm as FwkFauna,pm as FwkFirebase,um as FwkGo,nm as FwkGoogleAuthenticator,im as FwkHasura,Lm as FwkJavascript,km as FwkJwt,Bm as FwkLaravel,Cm as FwkNextjs,wm as FwkNodejs,Sm as FwkNuxtjs,bm as FwkPhp,ym as FwkReact,Em as FwkStrapi,Dm as FwkStripe,Om as FwkVue,vm as FwkWebflow,zm as FwkWordpress,Um as FwkZapier,x as Header,U as IcoAdd,X as IcoAirdrop,q as IcoAlertCircle,Q as IcoAlertCircleFill,Y as IcoArrowDown,$ as IcoArrowLeft,eo as IcoArrowRight,to as IcoArrowUp,mo as IcoAsterisk,fo as IcoAsteriskWithShield,po as IcoAstronaut,xo as IcoAtom,co as IcoBadge,go as IcoBank,Mo as IcoBell,Io as IcoBellNotification,ho as IcoBlock,Fo as IcoBranding,Po as IcoCaretDown,Ao as IcoCaretLeft,To as IcoCaretRight,Wo as IcoCaretUp,No as IcoCheckmark,Ro as IcoCheckmarkCircle,Go as IcoCheckmarkCircleFill,Ho as IcoClockFill,jo as IcoCode,Zo as IcoCodeEditor,Ko as IcoCodeSandbox,Vo as IcoCoins,Jo as IcoCommandLine,_o as IcoComment,oe as IcoCopy,re as IcoCreditCard,ae as IcoDedicated,le as IcoDiamond,xe as IcoDismiss,de as IcoDismissCircle,se as IcoDismissCircleFill,ce as IcoDoc,ge as IcoDownload,Me as IcoEdit,Ie as IcoEditEmail,Pe as IcoEmail,he as IcoEmailFill,Fe as IcoEmailOpen,Ae as IcoExit,Te as IcoExpand,We as IcoExpiration,Ge as IcoExternalLink,Re as IcoEyeClosed,Ne as IcoEyeOpened,Ze as IcoFingerprint,He as IcoFingerprintFill,Ke as IcoGas,je as IcoGift,Ve as IcoGlobe,_e as IcoGrid,Je as IcoGridFill,or as IcoGuide,ar as IcoHome,rr as IcoHomeFill,lr as IcoHourglass,dr as IcoInfoCircle,sr as IcoInfoCircleFill,xr as IcoKebab,cr as IcoKey,Ir as IcoLightbulb,gr as IcoLightbulbFill,hr as IcoLightning,Mr as IcoLightningFill,Fr as IcoLink,Pr as IcoLoading,Tr as IcoLockLocked,Ar as IcoLockLockedFill,Wr as IcoLockPassword,Rr as IcoLockUnlocked,Gr as IcoLockUnlockedFill,Nr as IcoLoginForm,Hr as IcoMagic,Zr as IcoMegaphone,Kr as IcoMenu,Vr as IcoMessage,jr as IcoMessageFill,Jr as IcoMfa,_r as IcoMinimize,ot as IcoMinus,rt as IcoMobile2fa,at as IcoMobile2fafill,lt as IcoNewton,st as IcoOpenBook,dt as IcoPaperPlane,xt as IcoPassport,ct as IcoPasswordless,gt as IcoPendingConnection,It as IcoPhone,Mt as IcoPlus,Ft as IcoPolygonGas,ht as IcoPolygonGasTestnet,Pt as IcoPrice,At as IcoQrcode,Wt as IcoQuestionCircle,Tt as IcoQuestionCircleFill,Rt as IcoRefresh,Gt as IcoRefreshCircleFill,Nt as IcoRemove,Ht as IcoRocketFill,Zt as IcoSearch,jt as IcoSettings,Kt as IcoSettingsFill,Vt as IcoShapes,Jt as IcoShare,ra as IcoShield,_t as IcoShieldApproved,oa as IcoShieldRejected,aa as IcoShuffle,la as IcoSidebar,sa as IcoSocial,da as IcoSoldOutTag,xa as IcoSparkles,ca as IcoStar,ga as IcoSwap,Ia as IcoSwatches,Ma as IcoSwitch,ha as IcoTeam,Fa as IcoThumbDown,Pa as IcoThumbUp,Aa as IcoTradeup,Ta as IcoTrash,Wa as IcoUnlink,Ga as IcoUpload,Ra as IcoUsers,Ha as IcoWallet,Na as IcoWalletFill,Za as IcoWand,ja as IcoWarning,Ka as IcoWarningFill,Qm as IconArt,Xm as IconArtDark,qm as IconDedicated,Ym as IconDelete,ts as IconEmail,$m as IconEmailDot,es as IconEmailGlobe,fs as IconFaceid,ms as IconFingerprint,us as IconGameController,ps as IconGameControllerDark,ns as IconGenericToken,is as IconKaitoTicket,Ls as IconLockMessage,ks as IconMagicGlobe,Bs as IconMagicLogo,ws as IconMusic,Cs as IconMusicDark,Ss as IconPassport,ys as IconPerson,bs as IconPersonDark,Es as IconProfileDark,Ds as IconProfileLight,Os as IconReset,vs as IconShieldLock,zs as IconSms,Xs as IconTicket,Us as IconTicketDark,Ys as IconWarning,Qs as IconWarningDark,qs as IconWarningShield,W as LoadingSpinner,ep as LogoAlgorand,$s as LogoAlgorandMono,fp as LogoApple,tp as LogoAppleMono,pp as LogoAptos,mp as LogoAptosMono,Lp as LogoArbitrum,up as LogoArbitrumMono,ip as LogoArbitrumOne,np as LogoArbitrumOneMono,Bp as LogoAstar,kp as LogoAstarMono,wp as LogoAuth0,Cp as LogoAuth0Mono,bp as LogoAvalanche,Sp as LogoAvalancheMono,Ep as LogoAzure,yp as LogoAzureMono,Op as LogoBase,Dp as LogoBaseMono,zp as LogoBerachain,vp as LogoBerachainMono,Xp as LogoBinance,Up as LogoBinanceMono,qp as LogoBitBucket,Qp as LogoBitBucketMono,$p as LogoBitcoin,Yp as LogoBitcoinMono,td as LogoBnb,ed as LogoBnbMono,md as LogoCelo,fd as LogoCeloMono,ud as LogoChiliz,pd as LogoChilizMono,id as LogoCognito,nd as LogoCognitoMono,kd as LogoCommunityGaming,Ld as LogoCommunityGamingMono,Cd as LogoCosmos,Bd as LogoCosmosMono,Sd as LogoDiscord,wd as LogoDiscordMono,Dd as LogoEthereum,yd as LogoEthereumCircle,bd as LogoEthereumCircleMono,Ed as LogoEthereumMono,vd as LogoEtherlink,Od as LogoEtherlinkMono,Ud as LogoFacebook,zd as LogoFacebookMono,Qd as LogoFlare,Xd as LogoFlareMono,Yd as LogoFlow,qd as LogoFlowMono,eu as LogoGenericToken,$d as LogoGenericTokenMono,fu as LogoGitHub,tu as LogoGitHubMono,pu as LogoGitLab,mu as LogoGitLabMono,nu as LogoGoogle,uu as LogoGoogleMono,Lu as LogoGuild,iu as LogoGuildMono,Bu as LogoHarmony,ku as LogoHarmonyMono,wu as LogoHorizen,Cu as LogoHorizenMono,bu as LogoIcon,Su as LogoIconMono,Eu as LogoImmutableX,yu as LogoImmutableXMono,Ou as LogoInstagram,Du as LogoInstagramMono,zu as LogoKadena,vu as LogoKadenaMono,Xu as LogoKaito,Uu as LogoKaitoMono,$u as LogoLink,qu as LogoLinkByStripe,Qu as LogoLinkByStripeMono,Yu as LogoLinkMono,tx as LogoLinkedIn,ex as LogoLinkedInMono,mx as LogoLoopring,fx as LogoLoopringMono,ux as LogoMicrosoft,px as LogoMicrosoftMono,ix as LogoModeMobile,nx as LogoModeMobileMono,Bx as LogoMoonbeam,kx as LogoMoonbeamMono,Lx as LogoMorph,wx as LogoNear,Cx as LogoNearMono,bx as LogoNewton,Sx as LogoNewtonMono,Ex as LogoOkx,yx as LogoOkxMono,Ox as LogoOnramper,Dx as LogoOnramperMono,zx as LogoOptimism,vx as LogoOptimismMono,qx as LogoPayPal,Ux as LogoPayPalMono,Qx as LogoPayPalWordmark,Xx as LogoPayPalWordmarkMono,$x as LogoPoa,Yx as LogoPoaMono,tn as LogoPolkadot,en as LogoPolkadotMono,mn as LogoPolygon,fn as LogoPolygonMono,un as LogoPolymarket,pn as LogoPolymarketMono,gn as LogoRarichain,nn as LogoRarichainMono,Mn as LogoReown,In as LogoReownMono,Fn as LogoSardine,hn as LogoSardineMono,An as LogoSei,Pn as LogoSeiMono,Wn as LogoSolana,Tn as LogoSolanaMono,Rn as LogoSoneium,Gn as LogoSoneiumMono,Hn as LogoStability,Nn as LogoStabilityMono,Kn as LogoSui,Zn as LogoSuiMono,Vn as LogoTelegram,jn as LogoTelegramMono,_n as LogoTezos,Jn as LogoTezosMono,rc as LogoTikTok,oc as LogoTikTokMono,lc as LogoTwitch,ac as LogoTwitchMono,dc as LogoTwitter,sc as LogoTwitterMono,cc as LogoWalletConnect,xc as LogoWalletConnectMono,Ic as LogoWarpcast,gc as LogoWarpcastMono,hc as LogoWax,Mc as LogoWaxMono,Pc as LogoXdc,Fc as LogoXdcMono,Tc as LogoZetachain,Ac as LogoZetachainMono,Gc as LogoZilliqa,Wc as LogoZilliqaMono,Nc as LogoZksync,Rc as LogoZksyncMono,c as Menu,g as Modal,Cf as NFTTile,Bf as NavigationButton,I as Overlay,cf as Page,Lf as PassportPage,Hc as PayAmex,Zc as PayDiscover,Kc as PayMastercard,M as PayPalButton,jc as PayVisa,af as PhoneInput,lf as PinCodeInput,vi as Popover,Vc as PresentationLogo,G as ProgressBar,sg as QRCode,zi as Radio,Zi as RadioGroup,dg as SecuredByMagic,_a as SecurityOtp,Ki as SegmentedControl,xg as SharedLogo,R as Skeleton,h as SocialLoginButton,Qi as Switch,Xi as Tab,qi as Text,of as TextBox,sf as TextInput,N as Toast,v as ToastProvider,Jc as TokenBase,_c as TokenBsc,oi as TokenEth,ri as TokenGeneric,wf as TokenListItem,ai as TokenMatic,li as TokenNewt,si as TokenOptimism,di as TokenUsdc,xi as TokenZkSync,z as Tooltip,Sf as TransactionRow,Yi as VerifyPincode,$i as WalletActions,rf as WalletAddress,eg as WalletNavigation,rg as WalletNavigationType,kf as WalletPage,ci as WebsiteMagic,gi as WltCoinbase,Ii as WltMattel,Mi as WltMetamask,hi as WltPasskey,Fi as WltPhantom,Pi as WltRabby,Ai as WltRainbow,Ti as WltWalletConnect,cg as useCustomVars,gg as useToast};
+import{ButtonContainer as r}from"./components/containers/button.js";import{Card as a}from"./components/containers/card.js";import{Content as l}from"./components/containers/content.js";import{Drawer as s}from"./components/containers/drawer.js";import{Footer as d}from"./components/containers/footer.js";import{Header as x}from"./components/containers/header.js";import{Menu as c}from"./components/containers/menu.js";import{Modal as g}from"./components/containers/modal.js";import{Overlay as I}from"./components/containers/overlay.js";import{PayPalButton as M}from"./components/external/paypal-button.js";import{SocialLoginButton as h}from"./components/external/social-login-button.js";import{AnimatedCheckmark as F}from"./components/feedback/animated-checkmark.js";import{AnimatedDismiss as S}from"./components/feedback/animated-dismiss.js";import{AnimatedSpinner as A}from"./components/feedback/animated-spinner.js";import{Callout as T}from"./components/feedback/callout.js";import{LoadingSpinner as W}from"./components/feedback/loading-spinner.js";import{ProgressBar as G}from"./components/feedback/progress-bar.js";import{Skeleton as R}from"./components/feedback/skeleton.js";import{Toast as N,ToastProvider as v}from"./components/feedback/toast-provider.js";import{default as z}from"./components/feedback/tooltip.js";import{default as U}from"./components/icons/ico-add.js";import{default as X}from"./components/icons/ico-airdrop.js";import{default as Q}from"./components/icons/ico-alert-circle-fill.js";import{default as q}from"./components/icons/ico-alert-circle.js";import{default as Y}from"./components/icons/ico-arrow-down.js";import{default as $}from"./components/icons/ico-arrow-left.js";import{default as eo}from"./components/icons/ico-arrow-right.js";import{default as to}from"./components/icons/ico-arrow-up.js";import{default as fo}from"./components/icons/ico-asterisk-with-shield.js";import{default as mo}from"./components/icons/ico-asterisk.js";import{default as po}from"./components/icons/ico-astronaut.js";import{default as xo}from"./components/icons/ico-atom.js";import{default as co}from"./components/icons/ico-badge.js";import{default as go}from"./components/icons/ico-bank.js";import{default as Io}from"./components/icons/ico-bell-notification.js";import{default as Mo}from"./components/icons/ico-bell.js";import{default as ho}from"./components/icons/ico-block.js";import{default as Fo}from"./components/icons/ico-branding.js";import{default as So}from"./components/icons/ico-caret-down.js";import{default as Ao}from"./components/icons/ico-caret-left.js";import{default as To}from"./components/icons/ico-caret-right.js";import{default as Wo}from"./components/icons/ico-caret-up.js";import{default as Go}from"./components/icons/ico-checkmark-circle-fill.js";import{default as Ro}from"./components/icons/ico-checkmark-circle.js";import{default as No}from"./components/icons/ico-checkmark.js";import{default as Ho}from"./components/icons/ico-clock-fill.js";import{default as Zo}from"./components/icons/ico-code-editor.js";import{default as Ko}from"./components/icons/ico-code-sandbox.js";import{default as jo}from"./components/icons/ico-code.js";import{default as Vo}from"./components/icons/ico-coins.js";import{default as Jo}from"./components/icons/ico-command-line.js";import{default as _o}from"./components/icons/ico-comment.js";import{default as oe}from"./components/icons/ico-copy.js";import{default as re}from"./components/icons/ico-credit-card.js";import{default as ae}from"./components/icons/ico-dedicated.js";import{default as le}from"./components/icons/ico-diamond.js";import{default as se}from"./components/icons/ico-dismiss-circle-fill.js";import{default as de}from"./components/icons/ico-dismiss-circle.js";import{default as xe}from"./components/icons/ico-dismiss.js";import{default as ce}from"./components/icons/ico-doc.js";import{default as ge}from"./components/icons/ico-download.js";import{default as Ie}from"./components/icons/ico-edit-email.js";import{default as Me}from"./components/icons/ico-edit.js";import{default as he}from"./components/icons/ico-email-fill.js";import{default as Fe}from"./components/icons/ico-email-open.js";import{default as Se}from"./components/icons/ico-email.js";import{default as Ae}from"./components/icons/ico-exit.js";import{default as Te}from"./components/icons/ico-expand.js";import{default as We}from"./components/icons/ico-expiration.js";import{default as Ge}from"./components/icons/ico-external-link.js";import{default as Re}from"./components/icons/ico-eye-closed.js";import{default as Ne}from"./components/icons/ico-eye-opened.js";import{default as He}from"./components/icons/ico-fingerprint-fill.js";import{default as Ze}from"./components/icons/ico-fingerprint.js";import{default as Ke}from"./components/icons/ico-gas.js";import{default as je}from"./components/icons/ico-gift.js";import{default as Ve}from"./components/icons/ico-globe.js";import{default as Je}from"./components/icons/ico-grid-fill.js";import{default as _e}from"./components/icons/ico-grid.js";import{default as or}from"./components/icons/ico-guide.js";import{default as rr}from"./components/icons/ico-home-fill.js";import{default as ar}from"./components/icons/ico-home.js";import{default as lr}from"./components/icons/ico-hourglass.js";import{default as sr}from"./components/icons/ico-info-circle-fill.js";import{default as dr}from"./components/icons/ico-info-circle.js";import{default as xr}from"./components/icons/ico-kebab.js";import{default as cr}from"./components/icons/ico-key.js";import{default as gr}from"./components/icons/ico-lightbulb-fill.js";import{default as Ir}from"./components/icons/ico-lightbulb.js";import{default as Mr}from"./components/icons/ico-lightning-fill.js";import{default as hr}from"./components/icons/ico-lightning.js";import{default as Fr}from"./components/icons/ico-link.js";import{default as Sr}from"./components/icons/ico-loading.js";import{default as Ar}from"./components/icons/ico-lock-locked-fill.js";import{default as Tr}from"./components/icons/ico-lock-locked.js";import{default as Wr}from"./components/icons/ico-lock-password.js";import{default as Gr}from"./components/icons/ico-lock-unlocked-fill.js";import{default as Rr}from"./components/icons/ico-lock-unlocked.js";import{default as Nr}from"./components/icons/ico-login-form.js";import{default as Hr}from"./components/icons/ico-magic.js";import{default as Zr}from"./components/icons/ico-megaphone.js";import{default as Kr}from"./components/icons/ico-menu.js";import{default as jr}from"./components/icons/ico-message-fill.js";import{default as Vr}from"./components/icons/ico-message.js";import{default as Jr}from"./components/icons/ico-mfa.js";import{default as _r}from"./components/icons/ico-minimize.js";import{default as ot}from"./components/icons/ico-minus.js";import{default as rt}from"./components/icons/ico-mobile2fa.js";import{default as at}from"./components/icons/ico-mobile2fafill.js";import{default as lt}from"./components/icons/ico-newton.js";import{default as st}from"./components/icons/ico-open-book.js";import{default as dt}from"./components/icons/ico-paper-plane.js";import{default as xt}from"./components/icons/ico-passport.js";import{default as ct}from"./components/icons/ico-passwordless.js";import{default as gt}from"./components/icons/ico-pending-connection.js";import{default as It}from"./components/icons/ico-phone.js";import{default as Mt}from"./components/icons/ico-plus.js";import{default as ht}from"./components/icons/ico-polygon-gas-testnet.js";import{default as Ft}from"./components/icons/ico-polygon-gas.js";import{default as St}from"./components/icons/ico-price.js";import{default as At}from"./components/icons/ico-qrcode.js";import{default as Tt}from"./components/icons/ico-question-circle-fill.js";import{default as Wt}from"./components/icons/ico-question-circle.js";import{default as Gt}from"./components/icons/ico-refresh-circle-fill.js";import{default as Rt}from"./components/icons/ico-refresh.js";import{default as Nt}from"./components/icons/ico-remove.js";import{default as Ht}from"./components/icons/ico-rocket-fill.js";import{default as Zt}from"./components/icons/ico-search.js";import{default as Kt}from"./components/icons/ico-settings-fill.js";import{default as jt}from"./components/icons/ico-settings.js";import{default as Vt}from"./components/icons/ico-shapes.js";import{default as Jt}from"./components/icons/ico-share.js";import{default as _t}from"./components/icons/ico-shield-approved.js";import{default as oa}from"./components/icons/ico-shield-rejected.js";import{default as ra}from"./components/icons/ico-shield.js";import{default as aa}from"./components/icons/ico-shuffle.js";import{default as la}from"./components/icons/ico-sidebar.js";import{default as sa}from"./components/icons/ico-social.js";import{default as da}from"./components/icons/ico-sold-out-tag.js";import{default as xa}from"./components/icons/ico-sparkles.js";import{default as ca}from"./components/icons/ico-star.js";import{default as ga}from"./components/icons/ico-swap.js";import{default as Ia}from"./components/icons/ico-swatches.js";import{default as Ma}from"./components/icons/ico-switch.js";import{default as ha}from"./components/icons/ico-team.js";import{default as Fa}from"./components/icons/ico-thumb-down.js";import{default as Sa}from"./components/icons/ico-thumb-up.js";import{default as Aa}from"./components/icons/ico-tradeup.js";import{default as Ta}from"./components/icons/ico-trash.js";import{default as Wa}from"./components/icons/ico-unlink.js";import{default as Ga}from"./components/icons/ico-upload.js";import{default as Ra}from"./components/icons/ico-users.js";import{default as Na}from"./components/icons/ico-wallet-fill.js";import{default as Ha}from"./components/icons/ico-wallet.js";import{default as Za}from"./components/icons/ico-wand.js";import{default as Ka}from"./components/icons/ico-warning-fill.js";import{default as ja}from"./components/icons/ico-warning.js";import{default as Va}from"./components/info/copy-button.js";import{default as Ja}from"./components/info/email-wbr.js";import{default as _a}from"./components/info/security-otp.js";import{default as of}from"./components/info/text-box.js";import{default as rf}from"./components/info/wallet-address.js";import{default as af}from"./components/inputs/phone-input.js";import{PinCodeInput as lf}from"./components/inputs/pincode-input.js";import{TextInput as sf}from"./components/inputs/text-input.js";import{Error as df}from"./components/layouts/error.js";import{Page as xf}from"./components/layouts/page.js";import{default as cf}from"./components/list-items/navigation-button.js";import{NFTTile as Lf}from"./components/list-items/nft-tile.js";import{TokenListItem as kf}from"./components/list-items/token-list-item.js";import{TransactionRow as Bf}from"./components/list-items/transaction-row.js";import{ActivityListItem as Cf}from"./components/list-items/activity-list-item.js";import{default as wf}from"./components/logos/blc-algorand.js";import{default as Pf}from"./components/logos/blc-aptos.js";import{default as bf}from"./components/logos/blc-arbitrum.js";import{default as yf}from"./components/logos/blc-astar.js";import{default as Ef}from"./components/logos/blc-avalanche.js";import{default as Df}from"./components/logos/blc-base.js";import{default as Of}from"./components/logos/blc-berachain.js";import{default as vf}from"./components/logos/blc-binance.js";import{default as zf}from"./components/logos/blc-bitcoin.js";import{default as Uf}from"./components/logos/blc-celo.js";import{default as Xf}from"./components/logos/blc-chiliz.js";import{default as Qf}from"./components/logos/blc-cosmos.js";import{default as qf}from"./components/logos/blc-ethereum.js";import{default as Yf}from"./components/logos/blc-etherlink.js";import{default as $f}from"./components/logos/blc-flow.js";import{default as el}from"./components/logos/blc-harmony.js";import{default as tl}from"./components/logos/blc-icon.js";import{default as fl}from"./components/logos/blc-immutable-x.js";import{default as ml}from"./components/logos/blc-loopring.js";import{default as pl}from"./components/logos/blc-moonbeam.js";import{default as ul}from"./components/logos/blc-near.js";import{default as nl}from"./components/logos/blc-newton.js";import{default as il}from"./components/logos/blc-optimism.js";import{default as Ll}from"./components/logos/blc-polkadot.js";import{default as kl}from"./components/logos/blc-polygon.js";import{default as Bl}from"./components/logos/blc-rarichain.js";import{default as Cl}from"./components/logos/blc-solana.js";import{default as wl}from"./components/logos/blc-stability.js";import{default as Pl}from"./components/logos/blc-sui.js";import{default as bl}from"./components/logos/blc-tezos.js";import{default as yl}from"./components/logos/blc-wax.js";import{default as El}from"./components/logos/blc-zetachain.js";import{default as Dl}from"./components/logos/blc-zilliqa.js";import{default as Ol}from"./components/logos/blc-zksync.js";import{default as vl}from"./components/logos/fwk-11ty.js";import{default as zl}from"./components/logos/fwk-android.js";import{default as Ul}from"./components/logos/fwk-apple.js";import{default as Xl}from"./components/logos/fwk-authy.js";import{default as Ql}from"./components/logos/fwk-binance-fill.js";import{default as ql}from"./components/logos/fwk-chrome.js";import{default as Yl}from"./components/logos/fwk-electron.js";import{default as $l}from"./components/logos/fwk-express.js";import{default as em}from"./components/logos/fwk-fauna.js";import{default as tm}from"./components/logos/fwk-firebase.js";import{default as fm}from"./components/logos/fwk-go.js";import{default as mm}from"./components/logos/fwk-google-authenticator.js";import{default as pm}from"./components/logos/fwk-hasura.js";import{default as um}from"./components/logos/fwk-javascript.js";import{default as nm}from"./components/logos/fwk-jwt.js";import{default as im}from"./components/logos/fwk-laravel.js";import{default as Lm}from"./components/logos/fwk-nextjs.js";import{default as km}from"./components/logos/fwk-nodejs.js";import{default as Bm}from"./components/logos/fwk-nuxtjs.js";import{default as Cm}from"./components/logos/fwk-php.js";import{default as wm}from"./components/logos/fwk-react.js";import{default as Pm}from"./components/logos/fwk-strapi.js";import{default as bm}from"./components/logos/fwk-stripe.js";import{default as ym}from"./components/logos/fwk-vue.js";import{default as Em}from"./components/logos/fwk-webflow.js";import{default as Dm}from"./components/logos/fwk-wordpress.js";import{default as Om}from"./components/logos/fwk-zapier.js";import{default as vm}from"./components/logos/icon-art-dark.js";import{default as zm}from"./components/logos/icon-art.js";import{default as Um}from"./components/logos/icon-dedicated.js";import{default as Xm}from"./components/logos/icon-delete.js";import{default as Qm}from"./components/logos/icon-email-dot.js";import{default as qm}from"./components/logos/icon-email-globe.js";import{default as Ym}from"./components/logos/icon-email.js";import{default as $m}from"./components/logos/icon-faceid.js";import{default as es}from"./components/logos/icon-fingerprint.js";import{default as ts}from"./components/logos/icon-game-controller-dark.js";import{default as fs}from"./components/logos/icon-game-controller.js";import{default as ms}from"./components/logos/icon-generic-token.js";import{default as ps}from"./components/logos/icon-kaito-ticket.js";import{default as us}from"./components/logos/icon-lock-message.js";import{default as ns}from"./components/logos/icon-magic-globe.js";import{default as is}from"./components/logos/icon-magic-logo.js";import{default as Ls}from"./components/logos/icon-music-dark.js";import{default as ks}from"./components/logos/icon-music.js";import{default as Bs}from"./components/logos/icon-passport.js";import{default as Cs}from"./components/logos/icon-person-dark.js";import{default as ws}from"./components/logos/icon-person.js";import{default as Ps}from"./components/logos/icon-profile-dark.js";import{default as bs}from"./components/logos/icon-profile-light.js";import{default as ys}from"./components/logos/icon-reset.js";import{default as Es}from"./components/logos/icon-shield-lock.js";import{default as Ds}from"./components/logos/icon-sms.js";import{default as Os}from"./components/logos/icon-ticket-dark.js";import{default as vs}from"./components/logos/icon-ticket.js";import{default as zs}from"./components/logos/icon-warning-dark.js";import{default as Us}from"./components/logos/icon-warning-shield.js";import{default as Xs}from"./components/logos/icon-warning.js";import{default as Qs}from"./components/logos/logo-algorand-mono.js";import{default as qs}from"./components/logos/logo-algorand.js";import{default as Ys}from"./components/logos/logo-apple-mono.js";import{default as $s}from"./components/logos/logo-apple.js";import{default as ep}from"./components/logos/logo-aptos-mono.js";import{default as tp}from"./components/logos/logo-aptos.js";import{default as fp}from"./components/logos/logo-arbitrum-mono.js";import{default as mp}from"./components/logos/logo-arbitrum-one-mono.js";import{default as pp}from"./components/logos/logo-arbitrum-one.js";import{default as up}from"./components/logos/logo-arbitrum.js";import{default as np}from"./components/logos/logo-astar-mono.js";import{default as ip}from"./components/logos/logo-astar.js";import{default as Lp}from"./components/logos/logo-auth0-mono.js";import{default as kp}from"./components/logos/logo-auth0.js";import{default as Bp}from"./components/logos/logo-avalanche-mono.js";import{default as Cp}from"./components/logos/logo-avalanche.js";import{default as wp}from"./components/logos/logo-azure-mono.js";import{default as Pp}from"./components/logos/logo-azure.js";import{default as bp}from"./components/logos/logo-base-mono.js";import{default as yp}from"./components/logos/logo-base.js";import{default as Ep}from"./components/logos/logo-berachain-mono.js";import{default as Dp}from"./components/logos/logo-berachain.js";import{default as Op}from"./components/logos/logo-binance-mono.js";import{default as vp}from"./components/logos/logo-binance.js";import{default as zp}from"./components/logos/logo-bit-bucket-mono.js";import{default as Up}from"./components/logos/logo-bit-bucket.js";import{default as Xp}from"./components/logos/logo-bitcoin-mono.js";import{default as Qp}from"./components/logos/logo-bitcoin.js";import{default as qp}from"./components/logos/logo-bnb-mono.js";import{default as Yp}from"./components/logos/logo-bnb.js";import{default as $p}from"./components/logos/logo-celo-mono.js";import{default as ed}from"./components/logos/logo-celo.js";import{default as td}from"./components/logos/logo-chiliz-mono.js";import{default as fd}from"./components/logos/logo-chiliz.js";import{default as md}from"./components/logos/logo-cognito-mono.js";import{default as pd}from"./components/logos/logo-cognito.js";import{default as ud}from"./components/logos/logo-community-gaming-mono.js";import{default as nd}from"./components/logos/logo-community-gaming.js";import{default as id}from"./components/logos/logo-cosmos-mono.js";import{default as Ld}from"./components/logos/logo-cosmos.js";import{default as kd}from"./components/logos/logo-discord-mono.js";import{default as Bd}from"./components/logos/logo-discord.js";import{default as Cd}from"./components/logos/logo-ethereum-circle-mono.js";import{default as wd}from"./components/logos/logo-ethereum-circle.js";import{default as Pd}from"./components/logos/logo-ethereum-mono.js";import{default as bd}from"./components/logos/logo-ethereum.js";import{default as yd}from"./components/logos/logo-etherlink-mono.js";import{default as Ed}from"./components/logos/logo-etherlink.js";import{default as Dd}from"./components/logos/logo-facebook-mono.js";import{default as Od}from"./components/logos/logo-facebook.js";import{default as vd}from"./components/logos/logo-flare-mono.js";import{default as zd}from"./components/logos/logo-flare.js";import{default as Ud}from"./components/logos/logo-flow-mono.js";import{default as Xd}from"./components/logos/logo-flow.js";import{default as Qd}from"./components/logos/logo-generic-token-mono.js";import{default as qd}from"./components/logos/logo-generic-token.js";import{default as Yd}from"./components/logos/logo-git-hub-mono.js";import{default as $d}from"./components/logos/logo-git-hub.js";import{default as eu}from"./components/logos/logo-git-lab-mono.js";import{default as tu}from"./components/logos/logo-git-lab.js";import{default as fu}from"./components/logos/logo-google-mono.js";import{default as mu}from"./components/logos/logo-google.js";import{default as pu}from"./components/logos/logo-guild-mono.js";import{default as uu}from"./components/logos/logo-guild.js";import{default as nu}from"./components/logos/logo-harmony-mono.js";import{default as iu}from"./components/logos/logo-harmony.js";import{default as Lu}from"./components/logos/logo-horizen-mono.js";import{default as ku}from"./components/logos/logo-horizen.js";import{default as Bu}from"./components/logos/logo-icon-mono.js";import{default as Cu}from"./components/logos/logo-icon.js";import{default as wu}from"./components/logos/logo-immutable-x-mono.js";import{default as Pu}from"./components/logos/logo-immutable-x.js";import{default as bu}from"./components/logos/logo-instagram-mono.js";import{default as yu}from"./components/logos/logo-instagram.js";import{default as Eu}from"./components/logos/logo-kadena-mono.js";import{default as Du}from"./components/logos/logo-kadena.js";import{default as Ou}from"./components/logos/logo-kaito-mono.js";import{default as vu}from"./components/logos/logo-kaito.js";import{default as zu}from"./components/logos/logo-link-by-stripe-mono.js";import{default as Uu}from"./components/logos/logo-link-by-stripe.js";import{default as Xu}from"./components/logos/logo-link-mono.js";import{default as Qu}from"./components/logos/logo-link.js";import{default as qu}from"./components/logos/logo-linked-in-mono.js";import{default as Yu}from"./components/logos/logo-linked-in.js";import{default as $u}from"./components/logos/logo-loopring-mono.js";import{default as ex}from"./components/logos/logo-loopring.js";import{default as tx}from"./components/logos/logo-microsoft-mono.js";import{default as fx}from"./components/logos/logo-microsoft.js";import{default as mx}from"./components/logos/logo-mode-mobile-mono.js";import{default as px}from"./components/logos/logo-mode-mobile.js";import{default as ux}from"./components/logos/logo-morph.js";import{default as nx}from"./components/logos/logo-moonbeam-mono.js";import{default as ix}from"./components/logos/logo-moonbeam.js";import{default as Lx}from"./components/logos/logo-near-mono.js";import{default as kx}from"./components/logos/logo-near.js";import{default as Bx}from"./components/logos/logo-newton-mono.js";import{default as Cx}from"./components/logos/logo-newton.js";import{default as wx}from"./components/logos/logo-okx-mono.js";import{default as Px}from"./components/logos/logo-okx.js";import{default as bx}from"./components/logos/logo-onramper-mono.js";import{default as yx}from"./components/logos/logo-onramper.js";import{default as Ex}from"./components/logos/logo-optimism-mono.js";import{default as Dx}from"./components/logos/logo-optimism.js";import{default as Ox}from"./components/logos/logo-pay-pal-mono.js";import{default as vx}from"./components/logos/logo-pay-pal-wordmark-mono.js";import{default as zx}from"./components/logos/logo-pay-pal-wordmark.js";import{default as Ux}from"./components/logos/logo-pay-pal.js";import{default as Xx}from"./components/logos/logo-poa-mono.js";import{default as Qx}from"./components/logos/logo-poa.js";import{default as qx}from"./components/logos/logo-polkadot-mono.js";import{default as Yx}from"./components/logos/logo-polkadot.js";import{default as $x}from"./components/logos/logo-polygon-mono.js";import{default as en}from"./components/logos/logo-polygon.js";import{default as tn}from"./components/logos/logo-polymarket-mono.js";import{default as fn}from"./components/logos/logo-polymarket.js";import{default as mn}from"./components/logos/logo-rarichain-mono.js";import{default as pn}from"./components/logos/logo-rarichain.js";import{default as un}from"./components/logos/logo-reown-mono.js";import{default as nn}from"./components/logos/logo-reown.js";import{default as gn}from"./components/logos/logo-sardine-mono.js";import{default as In}from"./components/logos/logo-sardine.js";import{default as Mn}from"./components/logos/logo-sei-mono.js";import{default as hn}from"./components/logos/logo-sei.js";import{default as Fn}from"./components/logos/logo-solana-mono.js";import{default as Sn}from"./components/logos/logo-solana.js";import{default as An}from"./components/logos/logo-soneium-mono.js";import{default as Tn}from"./components/logos/logo-soneium.js";import{default as Wn}from"./components/logos/logo-stability-mono.js";import{default as Gn}from"./components/logos/logo-stability.js";import{default as Rn}from"./components/logos/logo-sui-mono.js";import{default as Nn}from"./components/logos/logo-sui.js";import{default as Hn}from"./components/logos/logo-telegram-mono.js";import{default as Zn}from"./components/logos/logo-telegram.js";import{default as Kn}from"./components/logos/logo-tezos-mono.js";import{default as jn}from"./components/logos/logo-tezos.js";import{default as Vn}from"./components/logos/logo-tik-tok-mono.js";import{default as Jn}from"./components/logos/logo-tik-tok.js";import{default as _n}from"./components/logos/logo-twitch-mono.js";import{default as oc}from"./components/logos/logo-twitch.js";import{default as rc}from"./components/logos/logo-twitter-mono.js";import{default as ac}from"./components/logos/logo-twitter.js";import{default as lc}from"./components/logos/logo-wallet-connect-mono.js";import{default as sc}from"./components/logos/logo-wallet-connect.js";import{default as dc}from"./components/logos/logo-warpcast-mono.js";import{default as xc}from"./components/logos/logo-warpcast.js";import{default as cc}from"./components/logos/logo-wax-mono.js";import{default as gc}from"./components/logos/logo-wax.js";import{default as Ic}from"./components/logos/logo-xdc-mono.js";import{default as Mc}from"./components/logos/logo-xdc.js";import{default as hc}from"./components/logos/logo-zetachain-mono.js";import{default as Fc}from"./components/logos/logo-zetachain.js";import{default as Sc}from"./components/logos/logo-zilliqa-mono.js";import{default as Ac}from"./components/logos/logo-zilliqa.js";import{default as Tc}from"./components/logos/logo-zksync-mono.js";import{default as Wc}from"./components/logos/logo-zksync.js";import{default as Gc}from"./components/logos/pay-amex.js";import{default as Rc}from"./components/logos/pay-discover.js";import{default as Nc}from"./components/logos/pay-mastercard.js";import{default as Hc}from"./components/logos/pay-visa.js";import{default as Zc}from"./components/logos/presentation-logo.js";import{default as Kc}from"./components/logos/token-base.js";import{default as jc}from"./components/logos/token-bsc.js";import{default as Vc}from"./components/logos/token-eth.js";import{default as Jc}from"./components/logos/token-generic.js";import{default as _c}from"./components/logos/token-matic.js";import{default as oi}from"./components/logos/token-newt.js";import{default as ri}from"./components/logos/token-optimism.js";import{default as ai}from"./components/logos/token-usdc.js";import{default as li}from"./components/logos/token-zk-sync.js";import{default as si}from"./components/logos/website-magic.js";import{default as di}from"./components/logos/wlt-coinbase.js";import{default as xi}from"./components/logos/wlt-mattel.js";import{default as ci}from"./components/logos/wlt-metamask.js";import{default as gi}from"./components/logos/wlt-passkey.js";import{default as Ii}from"./components/logos/wlt-phantom.js";import{default as Mi}from"./components/logos/wlt-rabby.js";import{default as hi}from"./components/logos/wlt-rainbow.js";import{default as Fi}from"./components/logos/wlt-wallet-connect.js";import{default as Si}from"./components/primitives/button.js";import{default as Ai}from"./components/primitives/checkbox.js";import{DropdownOption as Ti,DropdownSelector as yi}from"./components/primitives/dropdown-selector.js";import{Popover as Ei}from"./components/primitives/popover.js";import{Radio as Di,RadioGroup as Ri}from"./components/primitives/radio.js";import{SegmentedControl as Ni,Tab as vi}from"./components/primitives/segmented-control.js";import{default as zi}from"./components/primitives/switch.js";import{default as Ui}from"./components/primitives/text.js";import{VerifyPincode as Xi}from"./components/sections/verify-pincode.js";import{default as Qi}from"./components/utils/animate.js";import{ClientAssetLogo as qi}from"./components/utils/client-asset-logo.js";import{default as Yi}from"./components/utils/qr-code.js";import{default as $i}from"./components/utils/secured-by-magic.js";import{default as eg}from"./components/utils/shared-logo.js";import{useCustomVars as tg}from"./hooks/theme.js";import{useToast as fg}from"./hooks/useToast.js";import{cn as mg}from"./lib/cn.js";export{Cf as ActivityListItem,Qi as Animate,F as AnimatedCheckmark,S as AnimatedDismiss,A as AnimatedSpinner,wf as BlcAlgorand,Pf as BlcAptos,bf as BlcArbitrum,yf as BlcAstar,Ef as BlcAvalanche,Df as BlcBase,Of as BlcBerachain,vf as BlcBinance,zf as BlcBitcoin,Uf as BlcCelo,Xf as BlcChiliz,Qf as BlcCosmos,qf as BlcEthereum,Yf as BlcEtherlink,$f as BlcFlow,el as BlcHarmony,tl as BlcIcon,fl as BlcImmutableX,ml as BlcLoopring,pl as BlcMoonbeam,ul as BlcNear,nl as BlcNewton,il as BlcOptimism,Ll as BlcPolkadot,kl as BlcPolygon,Bl as BlcRarichain,Cl as BlcSolana,wl as BlcStability,Pl as BlcSui,bl as BlcTezos,yl as BlcWax,El as BlcZetachain,Dl as BlcZilliqa,Ol as BlcZksync,Si as Button,r as ButtonContainer,T as Callout,a as Card,Ai as Checkbox,qi as ClientAssetLogo,l as Content,Va as CopyButton,s as Drawer,Ti as DropdownOption,yi as DropdownSelector,Ja as EmailWbr,df as Error,d as Footer,vl as Fwk11ty,zl as FwkAndroid,Ul as FwkApple,Xl as FwkAuthy,Ql as FwkBinanceFill,ql as FwkChrome,Yl as FwkElectron,$l as FwkExpress,em as FwkFauna,tm as FwkFirebase,fm as FwkGo,mm as FwkGoogleAuthenticator,pm as FwkHasura,um as FwkJavascript,nm as FwkJwt,im as FwkLaravel,Lm as FwkNextjs,km as FwkNodejs,Bm as FwkNuxtjs,Cm as FwkPhp,wm as FwkReact,Pm as FwkStrapi,bm as FwkStripe,ym as FwkVue,Em as FwkWebflow,Dm as FwkWordpress,Om as FwkZapier,x as Header,U as IcoAdd,X as IcoAirdrop,q as IcoAlertCircle,Q as IcoAlertCircleFill,Y as IcoArrowDown,$ as IcoArrowLeft,eo as IcoArrowRight,to as IcoArrowUp,mo as IcoAsterisk,fo as IcoAsteriskWithShield,po as IcoAstronaut,xo as IcoAtom,co as IcoBadge,go as IcoBank,Mo as IcoBell,Io as IcoBellNotification,ho as IcoBlock,Fo as IcoBranding,So as IcoCaretDown,Ao as IcoCaretLeft,To as IcoCaretRight,Wo as IcoCaretUp,No as IcoCheckmark,Ro as IcoCheckmarkCircle,Go as IcoCheckmarkCircleFill,Ho as IcoClockFill,jo as IcoCode,Zo as IcoCodeEditor,Ko as IcoCodeSandbox,Vo as IcoCoins,Jo as IcoCommandLine,_o as IcoComment,oe as IcoCopy,re as IcoCreditCard,ae as IcoDedicated,le as IcoDiamond,xe as IcoDismiss,de as IcoDismissCircle,se as IcoDismissCircleFill,ce as IcoDoc,ge as IcoDownload,Me as IcoEdit,Ie as IcoEditEmail,Se as IcoEmail,he as IcoEmailFill,Fe as IcoEmailOpen,Ae as IcoExit,Te as IcoExpand,We as IcoExpiration,Ge as IcoExternalLink,Re as IcoEyeClosed,Ne as IcoEyeOpened,Ze as IcoFingerprint,He as IcoFingerprintFill,Ke as IcoGas,je as IcoGift,Ve as IcoGlobe,_e as IcoGrid,Je as IcoGridFill,or as IcoGuide,ar as IcoHome,rr as IcoHomeFill,lr as IcoHourglass,dr as IcoInfoCircle,sr as IcoInfoCircleFill,xr as IcoKebab,cr as IcoKey,Ir as IcoLightbulb,gr as IcoLightbulbFill,hr as IcoLightning,Mr as IcoLightningFill,Fr as IcoLink,Sr as IcoLoading,Tr as IcoLockLocked,Ar as IcoLockLockedFill,Wr as IcoLockPassword,Rr as IcoLockUnlocked,Gr as IcoLockUnlockedFill,Nr as IcoLoginForm,Hr as IcoMagic,Zr as IcoMegaphone,Kr as IcoMenu,Vr as IcoMessage,jr as IcoMessageFill,Jr as IcoMfa,_r as IcoMinimize,ot as IcoMinus,rt as IcoMobile2fa,at as IcoMobile2fafill,lt as IcoNewton,st as IcoOpenBook,dt as IcoPaperPlane,xt as IcoPassport,ct as IcoPasswordless,gt as IcoPendingConnection,It as IcoPhone,Mt as IcoPlus,Ft as IcoPolygonGas,ht as IcoPolygonGasTestnet,St as IcoPrice,At as IcoQrcode,Wt as IcoQuestionCircle,Tt as IcoQuestionCircleFill,Rt as IcoRefresh,Gt as IcoRefreshCircleFill,Nt as IcoRemove,Ht as IcoRocketFill,Zt as IcoSearch,jt as IcoSettings,Kt as IcoSettingsFill,Vt as IcoShapes,Jt as IcoShare,ra as IcoShield,_t as IcoShieldApproved,oa as IcoShieldRejected,aa as IcoShuffle,la as IcoSidebar,sa as IcoSocial,da as IcoSoldOutTag,xa as IcoSparkles,ca as IcoStar,ga as IcoSwap,Ia as IcoSwatches,Ma as IcoSwitch,ha as IcoTeam,Fa as IcoThumbDown,Sa as IcoThumbUp,Aa as IcoTradeup,Ta as IcoTrash,Wa as IcoUnlink,Ga as IcoUpload,Ra as IcoUsers,Ha as IcoWallet,Na as IcoWalletFill,Za as IcoWand,ja as IcoWarning,Ka as IcoWarningFill,zm as IconArt,vm as IconArtDark,Um as IconDedicated,Xm as IconDelete,Ym as IconEmail,Qm as IconEmailDot,qm as IconEmailGlobe,$m as IconFaceid,es as IconFingerprint,fs as IconGameController,ts as IconGameControllerDark,ms as IconGenericToken,ps as IconKaitoTicket,us as IconLockMessage,ns as IconMagicGlobe,is as IconMagicLogo,ks as IconMusic,Ls as IconMusicDark,Bs as IconPassport,ws as IconPerson,Cs as IconPersonDark,Ps as IconProfileDark,bs as IconProfileLight,ys as IconReset,Es as IconShieldLock,Ds as IconSms,vs as IconTicket,Os as IconTicketDark,Xs as IconWarning,zs as IconWarningDark,Us as IconWarningShield,W as LoadingSpinner,qs as LogoAlgorand,Qs as LogoAlgorandMono,$s as LogoApple,Ys as LogoAppleMono,tp as LogoAptos,ep as LogoAptosMono,up as LogoArbitrum,fp as LogoArbitrumMono,pp as LogoArbitrumOne,mp as LogoArbitrumOneMono,ip as LogoAstar,np as LogoAstarMono,kp as LogoAuth0,Lp as LogoAuth0Mono,Cp as LogoAvalanche,Bp as LogoAvalancheMono,Pp as LogoAzure,wp as LogoAzureMono,yp as LogoBase,bp as LogoBaseMono,Dp as LogoBerachain,Ep as LogoBerachainMono,vp as LogoBinance,Op as LogoBinanceMono,Up as LogoBitBucket,zp as LogoBitBucketMono,Qp as LogoBitcoin,Xp as LogoBitcoinMono,Yp as LogoBnb,qp as LogoBnbMono,ed as LogoCelo,$p as LogoCeloMono,fd as LogoChiliz,td as LogoChilizMono,pd as LogoCognito,md as LogoCognitoMono,nd as LogoCommunityGaming,ud as LogoCommunityGamingMono,Ld as LogoCosmos,id as LogoCosmosMono,Bd as LogoDiscord,kd as LogoDiscordMono,bd as LogoEthereum,wd as LogoEthereumCircle,Cd as LogoEthereumCircleMono,Pd as LogoEthereumMono,Ed as LogoEtherlink,yd as LogoEtherlinkMono,Od as LogoFacebook,Dd as LogoFacebookMono,zd as LogoFlare,vd as LogoFlareMono,Xd as LogoFlow,Ud as LogoFlowMono,qd as LogoGenericToken,Qd as LogoGenericTokenMono,$d as LogoGitHub,Yd as LogoGitHubMono,tu as LogoGitLab,eu as LogoGitLabMono,mu as LogoGoogle,fu as LogoGoogleMono,uu as LogoGuild,pu as LogoGuildMono,iu as LogoHarmony,nu as LogoHarmonyMono,ku as LogoHorizen,Lu as LogoHorizenMono,Cu as LogoIcon,Bu as LogoIconMono,Pu as LogoImmutableX,wu as LogoImmutableXMono,yu as LogoInstagram,bu as LogoInstagramMono,Du as LogoKadena,Eu as LogoKadenaMono,vu as LogoKaito,Ou as LogoKaitoMono,Qu as LogoLink,Uu as LogoLinkByStripe,zu as LogoLinkByStripeMono,Xu as LogoLinkMono,Yu as LogoLinkedIn,qu as LogoLinkedInMono,ex as LogoLoopring,$u as LogoLoopringMono,fx as LogoMicrosoft,tx as LogoMicrosoftMono,px as LogoModeMobile,mx as LogoModeMobileMono,ix as LogoMoonbeam,nx as LogoMoonbeamMono,ux as LogoMorph,kx as LogoNear,Lx as LogoNearMono,Cx as LogoNewton,Bx as LogoNewtonMono,Px as LogoOkx,wx as LogoOkxMono,yx as LogoOnramper,bx as LogoOnramperMono,Dx as LogoOptimism,Ex as LogoOptimismMono,Ux as LogoPayPal,Ox as LogoPayPalMono,zx as LogoPayPalWordmark,vx as LogoPayPalWordmarkMono,Qx as LogoPoa,Xx as LogoPoaMono,Yx as LogoPolkadot,qx as LogoPolkadotMono,en as LogoPolygon,$x as LogoPolygonMono,fn as LogoPolymarket,tn as LogoPolymarketMono,pn as LogoRarichain,mn as LogoRarichainMono,nn as LogoReown,un as LogoReownMono,In as LogoSardine,gn as LogoSardineMono,hn as LogoSei,Mn as LogoSeiMono,Sn as LogoSolana,Fn as LogoSolanaMono,Tn as LogoSoneium,An as LogoSoneiumMono,Gn as LogoStability,Wn as LogoStabilityMono,Nn as LogoSui,Rn as LogoSuiMono,Zn as LogoTelegram,Hn as LogoTelegramMono,jn as LogoTezos,Kn as LogoTezosMono,Jn as LogoTikTok,Vn as LogoTikTokMono,oc as LogoTwitch,_n as LogoTwitchMono,ac as LogoTwitter,rc as LogoTwitterMono,sc as LogoWalletConnect,lc as LogoWalletConnectMono,xc as LogoWarpcast,dc as LogoWarpcastMono,gc as LogoWax,cc as LogoWaxMono,Mc as LogoXdc,Ic as LogoXdcMono,Fc as LogoZetachain,hc as LogoZetachainMono,Ac as LogoZilliqa,Sc as LogoZilliqaMono,Wc as LogoZksync,Tc as LogoZksyncMono,c as Menu,g as Modal,Lf as NFTTile,cf as NavigationButton,I as Overlay,xf as Page,Gc as PayAmex,Rc as PayDiscover,Nc as PayMastercard,M as PayPalButton,Hc as PayVisa,af as PhoneInput,lf as PinCodeInput,Ei as Popover,Zc as PresentationLogo,G as ProgressBar,Yi as QRCode,Di as Radio,Ri as RadioGroup,$i as SecuredByMagic,_a as SecurityOtp,Ni as SegmentedControl,eg as SharedLogo,R as Skeleton,h as SocialLoginButton,zi as Switch,vi as Tab,Ui as Text,of as TextBox,sf as TextInput,N as Toast,v as ToastProvider,Kc as TokenBase,jc as TokenBsc,Vc as TokenEth,Jc as TokenGeneric,kf as TokenListItem,_c as TokenMatic,oi as TokenNewt,ri as TokenOptimism,ai as TokenUsdc,li as TokenZkSync,z as Tooltip,Bf as TransactionRow,Xi as VerifyPincode,rf as WalletAddress,si as WebsiteMagic,di as WltCoinbase,xi as WltMattel,ci as WltMetamask,gi as WltPasskey,Ii as WltPhantom,Mi as WltRabby,hi as WltRainbow,Fi as WltWalletConnect,mg as cn,tg as useCustomVars,fg as useToast};
 //# sourceMappingURL=index.js.map

package/dist/es/lib/cn.js

@@ -0,0 +1,2 @@
+import{clsx as t}from"clsx";import{extendTailwindMerge as l}from"tailwind-merge";const s=l({override:{classGroups:{"outline-style":["outline-none","outline-dashed","outline-dotted","outline-double"]}},extend:{classGroups:{"outline-solid":["outline"],"border-w":[{border:["thin","medium","thick"]}],"outline-color":[{outline:["brand-lightest","brand-lighter","brand-base","brand-darker","brand-darkest","positive-base","negative-base","warning-base","dedicated-base"]}],"outline-w":[{outline:["thin","medium","thick"]}],rounded:[{rounded:["button","container","input"]}],"text-style":[{text:["style-h1","style-h1-scaled","style-h2","style-h2-scaled","style-h3","style-h3-scaled","style-h4","style-h4-scaled","style-h5","style-h5-scaled","style-h6","style-h6-scaled","style-body-xs","style-body-sm","style-body-sm-scaled","style-body-md","style-body-md-scaled","style-body-lg","style-body-lg-scaled","style-mono-sm","style-mono-md","style-mono-lg"]}]}}});function d(...e){return s(t(e))}export{d as cn};
+//# sourceMappingURL=cn.js.map

package/dist/es/lib/cn.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.js","sources":["../../../src/lib/cn.ts"],"sourcesContent":["import { clsx, type ClassValue } from 'clsx';\nimport { extendTailwindMerge } from 'tailwind-merge';\n\nconst twMerge = extendTailwindMerge<'outline-solid' | 'border-w' | 'outline-color' | 'outline-w' | 'text-style'>({\n  override: {\n    classGroups: {\n      'outline-style': ['outline-none', 'outline-dashed', 'outline-dotted', 'outline-double'],\n    },\n  },\n  extend: {\n    classGroups: {\n      'outline-solid': ['outline'],\n      'border-w': [{ border: ['thin', 'medium', 'thick'] }],\n      'outline-color': [\n        {\n          outline: [\n            'brand-lightest',\n            'brand-lighter',\n            'brand-base',\n            'brand-darker',\n            'brand-darkest',\n            'positive-base',\n            'negative-base',\n            'warning-base',\n            'dedicated-base',\n          ],\n        },\n      ],\n      'outline-w': [{ outline: ['thin', 'medium', 'thick'] }],\n      rounded: [{ rounded: ['button', 'container', 'input'] }],\n      'text-style': [\n        {\n          text: [\n            'style-h1',\n            'style-h1-scaled',\n            'style-h2',\n            'style-h2-scaled',\n            'style-h3',\n            'style-h3-scaled',\n            'style-h4',\n            'style-h4-scaled',\n            'style-h5',\n            'style-h5-scaled',\n            'style-h6',\n            'style-h6-scaled',\n            'style-body-xs',\n            'style-body-sm',\n            'style-body-sm-scaled',\n            'style-body-md',\n            'style-body-md-scaled',\n            'style-body-lg',\n            'style-body-lg-scaled',\n            'style-mono-sm',\n            'style-mono-md',\n            'style-mono-lg',\n          ],\n        },\n      ],\n    },\n  },\n});\n\nexport function cn(...inputs: ClassValue[]) {\n  return twMerge(clsx(inputs));\n}\n"],"names":["twMerge","extendTailwindMerge","cn","inputs","clsx"],"mappings":"iFAGA,MAAMA,EAAUC,EAAiG,CAC/G,SAAU,CACR,YAAa,CACX,gBAAiB,CAAC,eAAgB,iBAAkB,iBAAkB,gBAAgB,CACvF,CACF,EACD,OAAQ,CACN,YAAa,CACX,gBAAiB,CAAC,SAAS,EAC3B,WAAY,CAAC,CAAE,OAAQ,CAAC,OAAQ,SAAU,OAAO,EAAG,EACpD,gBAAiB,CACf,CACE,QAAS,CACP,iBACA,gBACA,aACA,eACA,gBACA,gBACA,gBACA,eACA,gBACD,CACF,CACF,EACD,YAAa,CAAC,CAAE,QAAS,CAAC,OAAQ,SAAU,OAAO,EAAG,EACtD,QAAS,CAAC,CAAE,QAAS,CAAC,SAAU,YAAa,OAAO,EAAG,EACvD,aAAc,CACZ,CACE,KAAM,CACJ,WACA,kBACA,WACA,kBACA,WACA,kBACA,WACA,kBACA,WACA,kBACA,WACA,kBACA,gBACA,gBACA,uBACA,gBACA,uBACA,gBACA,uBACA,gBACA,gBACA,eACD,CACF,CACF,CACF,CACF,CACF,CAAA,EAEe,SAAAC,KAAMC,EAAoB,CACxC,OAAOH,EAAQI,EAAKD,CAAM,CAAC,CAC7B"}

package/dist/es/lib/sva.js

@@ -0,0 +1,2 @@
+import{cn as h}from"./cn.js";function m(p){const{slots:l,base:e,variants:f,compoundVariants:i,defaultVariants:v}=p;return function(b){const u={...v,...b},a={};for(const t of l){const n=[];if(e[t]&&n.push(e[t]),f)for(const[r,o]of Object.entries(f)){const s=u[r];if(s==null)continue;const c=o[String(s)];c?.[t]&&n.push(c[t])}if(i)for(const r of i){const{class:o,...s}=r;Object.entries(s).every(([c,d])=>u[c]===d)&&o[t]&&n.push(o[t])}a[t]=h(...n)}return a}}export{m as sva};
+//# sourceMappingURL=sva.js.map

package/dist/es/lib/sva.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sva.js","sources":["../../../src/lib/sva.ts"],"sourcesContent":["/**\n * Minimal slot-variant-authority helper for Tailwind CSS.\n * Replaces Panda CSS's sva() function with a lightweight runtime\n * that computes class strings per slot based on variant props.\n */\n\nimport { cn } from './cn';\n\ntype SlotClasses<S extends string> = Partial<Record<S, string>>;\n\ninterface SvaConfig<S extends string> {\n  slots: readonly S[];\n  base: SlotClasses<S>;\n  variants?: Record<string, Record<string, SlotClasses<S>>>;\n  compoundVariants?: Array<Record<string, unknown> & { class: SlotClasses<S> }>;\n  defaultVariants?: Record<string, unknown>;\n}\n\nexport function sva<S extends string>(config: SvaConfig<S>) {\n  const { slots, base, variants, compoundVariants, defaultVariants } = config;\n\n  return function (props?: Record<string, unknown>): Record<S, string> {\n    const merged = { ...defaultVariants, ...props };\n    const result = {} as Record<S, string>;\n\n    for (const slot of slots) {\n      const classes: string[] = [];\n\n      // Base classes\n      if (base[slot]) classes.push(base[slot]!);\n\n      // Variant classes\n      if (variants) {\n        for (const [variantKey, variantOptions] of Object.entries(variants)) {\n          const value = merged[variantKey];\n          if (value === undefined || value === null) continue;\n          const slotClasses = variantOptions[String(value)];\n          if (slotClasses?.[slot]) classes.push(slotClasses[slot]!);\n        }\n      }\n\n      // Compound variant classes\n      if (compoundVariants) {\n        for (const cv of compoundVariants) {\n          const { class: cvClass, ...conditions } = cv;\n          const matches = Object.entries(conditions).every(([key, value]) => merged[key] === value);\n          if (matches && cvClass[slot]) classes.push(cvClass[slot]!);\n        }\n      }\n\n      result[slot] = cn(...classes);\n    }\n\n    return result;\n  };\n}\n"],"names":["sva","config","slots","base","variants","compoundVariants","defaultVariants","props","merged","result","slot","classes","variantKey","variantOptions","value","slotClasses","cv","cvClass","conditions","key","cn"],"mappings":"6BAkBM,SAAUA,EAAsBC,EAAoB,CACxD,KAAM,CAAE,MAAAC,EAAO,KAAAC,EAAM,SAAAC,EAAU,iBAAAC,EAAkB,gBAAAC,CAAiB,EAAGL,EAErE,OAAO,SAAUM,EAA+B,CAC9C,MAAMC,EAAS,CAAE,GAAGF,EAAiB,GAAGC,CAAK,EACvCE,EAAS,CAAA,EAEf,UAAWC,KAAQR,EAAO,CACxB,MAAMS,EAAoB,CAM1B,EAAA,GAHIR,EAAKO,CAAI,GAAGC,EAAQ,KAAKR,EAAKO,CAAI,CAAE,EAGpCN,EACF,SAAW,CAACQ,EAAYC,CAAc,IAAK,OAAO,QAAQT,CAAQ,EAAG,CACnE,MAAMU,EAAQN,EAAOI,CAAU,EAC/B,GAA2BE,GAAU,KAAM,SAC3C,MAAMC,EAAcF,EAAe,OAAOC,CAAK,CAAC,EAC5CC,IAAcL,CAAI,GAAGC,EAAQ,KAAKI,EAAYL,CAAI,CAAE,CAC1D,CAIF,GAAIL,EACF,UAAWW,KAAMX,EAAkB,CACjC,KAAM,CAAE,MAAOY,EAAS,GAAGC,CAAU,EAAKF,EAC1B,OAAO,QAAQE,CAAU,EAAE,MAAM,CAAC,CAACC,EAAKL,CAAK,IAAMN,EAAOW,CAAG,IAAML,CAAK,GACzEG,EAAQP,CAAI,GAAGC,EAAQ,KAAKM,EAAQP,CAAI,CAAE,CAC3D,CAGFD,EAAOC,CAAI,EAAIU,EAAG,GAAGT,CAAO,CAC9B,CAEA,OAAOF,CACT,CACF"}

package/dist/es/presets.js

@@ -1,2 +1,2 @@
-import{definePreset as o}from"@pandacss/dev";import{keyframes as t}from"./styles/keyframes.js";import{semanticColors as r}from"./styles/semantic-tokens.js";import{textStyles as s}from"./styles/text-styles.js";import{colorTokens as i,borderWidthTokens as n,radiiTokens as m,sizeTokens as a,zIndexTokens as l}from"./styles/tokens.js";const d=o({theme:{extend:{keyframes:t,semanticTokens:{colors:r},textStyles:s,tokens:{colors:i,borderWidths:n,radii:m,sizes:a,zIndex:l}}},utilities:{extend:{truncate:{className:"truncate",values:{type:"boolean"},transform(e){return e?{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}:{}}}}}});export{d as magicPreset};
+import{keyframes as r}from"./styles/keyframes.js";import{semanticColors as t}from"./styles/semantic-tokens.js";import{textStyles as k}from"./styles/text-styles.js";import{borderWidthTokens as x,colorTokens as f,radiiTokens as i,sizeTokens as T,zIndexTokens as d}from"./styles/tokens.js";export{x as borderWidthTokens,f as colorTokens,r as keyframes,i as radiiTokens,t as semanticColors,T as sizeTokens,k as textStyles,d as zIndexTokens};
 //# sourceMappingURL=presets.js.map

package/dist/es/presets.js.map

@@ -1 +1 @@
-{"version":3,"file":"presets.js","sources":["../../src/presets.ts"],"sourcesContent":["import { definePreset } from '@pandacss/dev';\nimport { keyframes } from './styles/keyframes';\nimport { semanticColors } from './styles/semantic-tokens';\nimport { textStyles } from './styles/text-styles';\nimport { borderWidthTokens, colorTokens, radiiTokens, sizeTokens, zIndexTokens } from './styles/tokens';\n\nexport const magicPreset = definePreset({\n  theme: {\n    extend: {\n      keyframes,\n      semanticTokens: {\n        colors: semanticColors,\n      },\n      textStyles,\n      tokens: {\n        colors: colorTokens,\n        borderWidths: borderWidthTokens,\n        radii: radiiTokens,\n        sizes: sizeTokens,\n        zIndex: zIndexTokens,\n      },\n    },\n  },\n  utilities: {\n    extend: {\n      truncate: {\n        className: 'truncate',\n        values: { type: 'boolean' },\n        transform(value) {\n          if (!value) return {};\n          return {\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            whiteSpace: 'nowrap',\n          };\n        },\n      },\n    },\n  },\n});\n"],"names":["magicPreset","definePreset","keyframes","semanticColors","textStyles","colorTokens","borderWidthTokens","radiiTokens","sizeTokens","zIndexTokens","value"],"mappings":"kVAMaA,EAAcC,EAAa,CACtC,MAAO,CACL,OAAQ,CACN,UAAAC,EACA,eAAgB,CACd,OAAQC,CACT,EACD,WAAAC,EACA,OAAQ,CACN,OAAQC,EACR,aAAcC,EACd,MAAOC,EACP,MAAOC,EACP,OAAQC,CACT,CACF,CACF,EACD,UAAW,CACT,OAAQ,CACN,SAAU,CACR,UAAW,WACX,OAAQ,CAAE,KAAM,SAAW,EAC3B,UAAUC,EAAK,CACb,OAAKA,EACE,CACL,SAAU,SACV,aAAc,WACd,WAAY,UAJK,EAMrB,CACD,CACF,CACF,CACF,CAAA"}
+{"version":3,"file":"presets.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/es/recipes/button.js

@@ -1,2 +1,2 @@
-import{sva as e}from"@styled/css";const r=e({slots:["button","label","focus","icon","iconContainer"],base:{button:{display:"inline-flex",alignItems:"center",justifyContent:"center",position:"relative",fontWeight:"semibold",boxSizing:"border-box",borderRadius:"button",border:"thin solid",borderColor:"transparent",cursor:"pointer",transition:"all 0.1s ease",outline:"none",willChange:"transform, opacity",bg:"none",_active:{transform:"scale(0.95)"},_disabled:{opacity:"0.3",pointerEvents:"none"},_before:{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,borderRadius:"inherit",backgroundImage:"linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))",_dark:{backgroundImage:"linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))"},opacity:0,transition:"opacity 0.1s ease"},_hover:{_before:{opacity:1}}},label:{display:"flex",textAlign:"center",justifyContent:"center",whiteSpace:"nowrap",transition:"all 0.1s ease"},focus:{outlineColor:"brand.base",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5},icon:{transition:"all 0.1s ease"}},variants:{size:{sm:{button:{h:9,py:1.5,px:4},label:{fontSize:"sm",lineHeight:"1.5rem"},iconContainer:{w:9,p:1.5}},md:{button:{h:12,py:3,px:6},label:{fontSize:"md",lineHeight:"1.5rem"},iconContainer:{w:12,p:3}},lg:{button:{h:15,py:4,px:6},label:{fontSize:"lg",lineHeight:"1.75rem"},iconContainer:{w:15,p:4}}},variant:{primary:{button:{bg:"brand.base"},label:{color:"surface.primary"},icon:{color:"surface.primary"}},secondary:{button:{bg:"brand.lightest"},label:{color:"brand.darker"},icon:{color:"brand.darker"}},positive:{button:{bg:"positive.darker"},label:{color:"surface.primary"},icon:{color:"surface.primary"}},negative:{button:{bg:"negative.darker"},label:{color:"surface.primary"},icon:{color:"surface.primary"}},neutral:{button:{bg:"neutral.tertiary",_light:{mixBlendMode:"multiply"}},label:{color:"text.primary"},icon:{color:"text.primary"}},tertiary:{button:{bg:"transparent",borderColor:"neutral.primary"},label:{color:"text.primary"},icon:{color:"brand.base"}},text:{button:{p:0,h:"fit-content",_hover:{_before:{opacity:0}}},label:{color:"brand.base",_groupHover:{color:"brand.darkest",_dark:{color:"brand.lighter"}}},icon:{color:"brand.base",_groupHover:{color:"brand.darkest",_dark:{color:"brand.lighter"}}}},transparent:{button:{bg:{base:"#ffffff14",_hover:"#ffffff4d"},_dark:{bg:"#ffffff29"},backdropFilter:"blur(3px)",_before:{display:"none"}},label:{color:"chalk"},icon:{color:"chalk"}},inverse:{button:{bg:"ink.90",_dark:{bg:"paper"},_before:{backgroundImage:"linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))",_dark:{backgroundImage:"linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))"}}},label:{color:"chalk",_dark:{color:"ink.90"}},icon:{color:"chalk",_dark:{color:"ink.90"}}}},validating:{true:{button:{pointerEvents:"none"}}},expand:{true:{button:{width:"full"}}},iconOnly:{true:{button:{borderRadius:"full"}}},textStyle:{positive:{},negative:{},neutral:{},subtle:{}}},compoundVariants:[{textStyle:"positive",css:{label:{color:"positive.base"},icon:{color:"positive.base"}}},{variant:"text",textStyle:"positive",css:{label:{_groupHover:{color:"positive.darker",_dark:{color:"positive.darker"}}},icon:{_groupHover:{color:"positive.darker",_dark:{color:"positive.darker"}}}}},{textStyle:"negative",css:{label:{color:"negative.darker",_dark:{color:"negative.base"}},icon:{color:"negative.darker",_dark:{color:"negative.base"}}}},{variant:"text",textStyle:"negative",css:{label:{_groupHover:{color:"negative.darkest",_dark:{color:"negative.lighter"}}},icon:{_groupHover:{color:"negative.darkest",_dark:{color:"negative.lighter"}}}}},{textStyle:"neutral",css:{label:{color:"text.primary"},icon:{color:"text.primary"}}},{variant:"text",textStyle:"neutral",css:{label:{_groupHover:{color:"text.secondary",_dark:{color:"text.secondary"}}},icon:{_groupHover:{color:"text.secondary",_dark:{color:"text.secondary"}}}}},{textStyle:"subtle",css:{label:{color:"text.tertiary"},icon:{color:"text.tertiary"}}},{variant:"text",textStyle:"subtle",css:{label:{_groupHover:{color:"text.secondary",_dark:{color:"text.secondary"}}},icon:{_groupHover:{color:"text.secondary",_dark:{color:"text.secondary"}}}}},{variant:"text",iconOnly:!0,css:{iconContainer:{p:1.5,w:"fit-content"}}}],defaultVariants:{size:"md",variant:"primary"}});export{r as button};
+import{sva as e}from"../lib/sva.js";const t=e({slots:["button","label","focus","icon","iconContainer"],base:{button:["inline-flex items-center justify-center relative font-semibold box-border","rounded-button border-thin border-solid border-transparent","cursor-pointer transition-all duration-100 ease-in-out outline-none","[will-change:transform,opacity] bg-none","active:scale-95","disabled:opacity-30 disabled:pointer-events-none",'before:content-[""] before:absolute before:inset-0 before:rounded-[inherit]',"before:bg-[linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.05))]","dark:before:bg-[linear-gradient(rgba(255,255,255,0.05),rgba(255,255,255,0.05))]","before:opacity-0 before:transition-opacity before:duration-100 before:ease-in-out","hover:before:opacity-100"].join(" "),label:"flex text-center justify-center whitespace-nowrap transition-all duration-100 ease-in-out",focus:"outline-brand-base outline outline-thick outline-offset-[0.125rem]",icon:"transition-all duration-100 ease-in-out",iconContainer:""},variants:{size:{sm:{button:"h-9 py-1.5 px-4",label:"text-sm leading-6",iconContainer:"w-9 p-1.5"},md:{button:"h-12 py-3 px-6",label:"text-base leading-6",iconContainer:"w-12 p-3"},lg:{button:"h-15 py-4 px-6",label:"text-lg leading-7",iconContainer:"w-15 p-4"}},variant:{primary:{button:"bg-brand-base",label:"text-surface-primary",icon:"text-surface-primary"},secondary:{button:"bg-brand-lightest",label:"text-brand-darker",icon:"text-brand-darker"},positive:{button:"bg-positive-darker",label:"text-surface-primary",icon:"text-surface-primary"},negative:{button:"bg-negative-darker",label:"text-surface-primary",icon:"text-surface-primary"},neutral:{button:"bg-neutral-tertiary mix-blend-multiply dark:mix-blend-normal",label:"text-text-primary",icon:"text-text-primary"},tertiary:{button:"bg-transparent border-neutral-primary",label:"text-text-primary",icon:"text-brand-base"},text:{button:"p-0 h-fit hover:before:opacity-0",label:"text-brand-base group-hover:text-brand-darkest dark:group-hover:text-brand-lighter",icon:"text-brand-base group-hover:text-brand-darkest dark:group-hover:text-brand-lighter"},transparent:{button:"bg-[#ffffff14] hover:bg-[#ffffff4d] dark:bg-[#ffffff29] backdrop-blur-[3px] before:hidden",label:"text-chalk",icon:"text-chalk"},inverse:{button:["bg-ink-90 dark:bg-paper","before:bg-[linear-gradient(rgba(255,255,255,0.05),rgba(255,255,255,0.05))]","dark:before:bg-[linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.05))]"].join(" "),label:"text-chalk dark:text-ink-90",icon:"text-chalk dark:text-ink-90"}},validating:{true:{button:"pointer-events-none"}},expand:{true:{button:"w-full"}},iconOnly:{true:{button:"rounded-full"}},textStyle:{positive:{},negative:{},neutral:{},subtle:{}}},compoundVariants:[{textStyle:"positive",class:{label:"text-positive-base",icon:"text-positive-base"}},{variant:"text",textStyle:"positive",class:{label:"group-hover:text-positive-darker dark:group-hover:text-positive-darker",icon:"group-hover:text-positive-darker dark:group-hover:text-positive-darker"}},{textStyle:"negative",class:{label:"text-negative-darker dark:text-negative-base",icon:"text-negative-darker dark:text-negative-base"}},{variant:"text",textStyle:"negative",class:{label:"group-hover:text-negative-darkest dark:group-hover:text-negative-lighter",icon:"group-hover:text-negative-darkest dark:group-hover:text-negative-lighter"}},{textStyle:"neutral",class:{label:"text-text-primary",icon:"text-text-primary"}},{variant:"text",textStyle:"neutral",class:{label:"group-hover:text-text-secondary dark:group-hover:text-text-secondary",icon:"group-hover:text-text-secondary dark:group-hover:text-text-secondary"}},{textStyle:"subtle",class:{label:"text-text-tertiary",icon:"text-text-tertiary"}},{variant:"text",textStyle:"subtle",class:{label:"group-hover:text-text-secondary dark:group-hover:text-text-secondary",icon:"group-hover:text-text-secondary dark:group-hover:text-text-secondary"}},{variant:"text",iconOnly:!0,class:{iconContainer:"p-1.5 w-fit"}}],defaultVariants:{size:"md",variant:"primary"}});export{t as button};
 //# sourceMappingURL=button.js.map

package/dist/es/recipes/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../../src/recipes/button.ts"],"sourcesContent":["import { sva } from '@styled/css';\n\nexport const button = sva({\n  slots: ['button', 'label', 'focus', 'icon', 'iconContainer'],\n  base: {\n    button: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      position: 'relative',\n      fontWeight: 'semibold',\n      boxSizing: 'border-box',\n      borderRadius: 'button',\n      border: 'thin solid',\n      borderColor: 'transparent',\n      cursor: 'pointer',\n      transition: 'all 0.1s ease',\n      outline: 'none',\n      willChange: 'transform, opacity',\n      bg: 'none',\n      _active: { transform: 'scale(0.95)' },\n      _disabled: { opacity: '0.3', pointerEvents: 'none' },\n      _before: {\n        content: '\"\"',\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        right: 0,\n        bottom: 0,\n        borderRadius: 'inherit',\n        backgroundImage: 'linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))',\n        _dark: { backgroundImage: `linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))` },\n        opacity: 0,\n        transition: 'opacity 0.1s ease',\n      },\n      _hover: {\n        _before: {\n          opacity: 1,\n        },\n      },\n    },\n    label: {\n      display: 'flex',\n      textAlign: 'center',\n      justifyContent: 'center',\n      whiteSpace: 'nowrap',\n      transition: 'all 0.1s ease',\n    },\n    focus: {\n      outlineColor: 'brand.base',\n      outlineStyle: 'solid',\n      outlineWidth: 'thick',\n      outlineOffset: 0.5,\n    },\n    icon: {\n      transition: 'all 0.1s ease',\n    },\n  },\n  variants: {\n    size: {\n      sm: {\n        button: {\n          h: 9,\n          py: 1.5,\n          px: 4,\n        },\n        label: {\n          fontSize: 'sm',\n          lineHeight: '1.5rem',\n        },\n        iconContainer: {\n          w: 9,\n          p: 1.5,\n        },\n      },\n      md: {\n        button: {\n          h: 12,\n          py: 3,\n          px: 6,\n        },\n        label: {\n          fontSize: 'md',\n          lineHeight: '1.5rem',\n        },\n        iconContainer: {\n          w: 12,\n          p: 3,\n        },\n      },\n      lg: {\n        button: {\n          h: 15,\n          py: 4,\n          px: 6,\n        },\n        label: {\n          fontSize: 'lg',\n          lineHeight: '1.75rem',\n        },\n        iconContainer: {\n          w: 15,\n          p: 4,\n        },\n      },\n    },\n    variant: {\n      primary: {\n        button: {\n          bg: 'brand.base',\n        },\n        label: {\n          color: 'surface.primary',\n        },\n        icon: {\n          color: 'surface.primary',\n        },\n      },\n      secondary: {\n        button: {\n          bg: 'brand.lightest',\n        },\n        label: {\n          color: 'brand.darker',\n        },\n        icon: {\n          color: 'brand.darker',\n        },\n      },\n      positive: {\n        button: {\n          bg: 'positive.darker',\n        },\n        label: {\n          color: 'surface.primary',\n        },\n        icon: {\n          color: 'surface.primary',\n        },\n      },\n      negative: {\n        button: {\n          bg: 'negative.darker',\n        },\n        label: {\n          color: 'surface.primary',\n        },\n        icon: {\n          color: 'surface.primary',\n        },\n      },\n      neutral: {\n        button: {\n          bg: 'neutral.tertiary',\n          _light: {\n            mixBlendMode: 'multiply',\n          },\n        },\n        label: {\n          color: 'text.primary',\n        },\n        icon: {\n          color: 'text.primary',\n        },\n      },\n      tertiary: {\n        button: {\n          bg: 'transparent',\n          borderColor: 'neutral.primary',\n        },\n        label: {\n          color: 'text.primary',\n        },\n        icon: {\n          color: 'brand.base',\n        },\n      },\n      text: {\n        button: {\n          p: 0,\n          h: 'fit-content',\n          _hover: {\n            _before: {\n              opacity: 0,\n            },\n          },\n        },\n        label: {\n          color: 'brand.base',\n          _groupHover: {\n            color: 'brand.darkest',\n            _dark: {\n              color: 'brand.lighter',\n            },\n          },\n        },\n        icon: {\n          color: 'brand.base',\n          _groupHover: {\n            color: 'brand.darkest',\n            _dark: {\n              color: 'brand.lighter',\n            },\n          },\n        },\n      },\n      transparent: {\n        button: {\n          bg: { base: '#ffffff14', _hover: '#ffffff4d' },\n          _dark: { bg: '#ffffff29' },\n          backdropFilter: 'blur(3px)',\n          _before: { display: 'none' },\n        },\n        label: {\n          color: 'chalk',\n        },\n        icon: {\n          color: 'chalk',\n        },\n      },\n      inverse: {\n        button: {\n          bg: 'ink.90',\n          _dark: {\n            bg: 'paper',\n          },\n          _before: {\n            backgroundImage: 'linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))',\n            _dark: { backgroundImage: 'linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))' },\n          },\n        },\n        label: {\n          color: 'chalk',\n          _dark: {\n            color: 'ink.90',\n          },\n        },\n        icon: {\n          color: 'chalk',\n          _dark: {\n            color: 'ink.90',\n          },\n        },\n      },\n    },\n    validating: {\n      true: {\n        button: {\n          pointerEvents: 'none',\n        },\n      },\n    },\n    expand: {\n      true: {\n        button: {\n          width: 'full',\n        },\n      },\n    },\n    iconOnly: {\n      true: {\n        button: {\n          borderRadius: 'full',\n        },\n      },\n    },\n    textStyle: {\n      positive: {},\n      negative: {},\n      neutral: {},\n      subtle: {},\n    },\n  },\n  compoundVariants: [\n    {\n      textStyle: 'positive',\n      css: {\n        label: {\n          color: 'positive.base',\n        },\n        icon: {\n          color: 'positive.base',\n        },\n      },\n    },\n    {\n      variant: 'text',\n      textStyle: 'positive',\n      css: {\n        label: {\n          _groupHover: {\n            color: 'positive.darker',\n            _dark: { color: 'positive.darker' },\n          },\n        },\n        icon: {\n          _groupHover: {\n            color: 'positive.darker',\n            _dark: { color: 'positive.darker' },\n          },\n        },\n      },\n    },\n    {\n      textStyle: 'negative',\n      css: {\n        label: {\n          color: 'negative.darker',\n          _dark: { color: 'negative.base' },\n        },\n        icon: {\n          color: 'negative.darker',\n          _dark: { color: 'negative.base' },\n        },\n      },\n    },\n    {\n      variant: 'text',\n      textStyle: 'negative',\n      css: {\n        label: {\n          _groupHover: {\n            color: 'negative.darkest',\n            _dark: { color: 'negative.lighter' },\n          },\n        },\n        icon: {\n          _groupHover: {\n            color: 'negative.darkest',\n            _dark: { color: 'negative.lighter' },\n          },\n        },\n      },\n    },\n    {\n      textStyle: 'neutral',\n      css: {\n        label: {\n          color: 'text.primary',\n        },\n        icon: {\n          color: 'text.primary',\n        },\n      },\n    },\n    {\n      variant: 'text',\n      textStyle: 'neutral',\n      css: {\n        label: {\n          _groupHover: {\n            color: 'text.secondary',\n            _dark: { color: 'text.secondary' },\n          },\n        },\n        icon: {\n          _groupHover: {\n            color: 'text.secondary',\n            _dark: { color: 'text.secondary' },\n          },\n        },\n      },\n    },\n    {\n      textStyle: 'subtle',\n      css: {\n        label: {\n          color: 'text.tertiary',\n        },\n        icon: {\n          color: 'text.tertiary',\n        },\n      },\n    },\n    {\n      variant: 'text',\n      textStyle: 'subtle',\n      css: {\n        label: {\n          _groupHover: {\n            color: 'text.secondary',\n            _dark: { color: 'text.secondary' },\n          },\n        },\n        icon: {\n          _groupHover: {\n            color: 'text.secondary',\n            _dark: { color: 'text.secondary' },\n          },\n        },\n      },\n    },\n    {\n      variant: 'text',\n      iconOnly: true,\n      css: {\n        iconContainer: {\n          p: 1.5,\n          w: 'fit-content',\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    size: 'md',\n    variant: 'primary',\n  },\n});\n"],"names":["button","sva"],"mappings":"wCAEaA,EAASC,EAAI,CACxB,MAAO,CAAC,SAAU,QAAS,QAAS,OAAQ,eAAe,EAC3D,KAAM,CACJ,OAAQ,CACN,QAAS,cACT,WAAY,SACZ,eAAgB,SAChB,SAAU,WACV,WAAY,WACZ,UAAW,aACX,aAAc,SACd,OAAQ,aACR,YAAa,cACb,OAAQ,UACR,WAAY,gBACZ,QAAS,OACT,WAAY,qBACZ,GAAI,OACJ,QAAS,CAAE,UAAW,aAAe,EACrC,UAAW,CAAE,QAAS,MAAO,cAAe,MAAQ,EACpD,QAAS,CACP,QAAS,KACT,SAAU,WACV,IAAK,EACL,KAAM,EACN,MAAO,EACP,OAAQ,EACR,aAAc,UACd,gBAAiB,4DACjB,MAAO,CAAE,gBAAiB,uEAAyE,EACnG,QAAS,EACT,WAAY,mBACb,EACD,OAAQ,CACN,QAAS,CACP,QAAS,CACV,CACF,CACF,EACD,MAAO,CACL,QAAS,OACT,UAAW,SACX,eAAgB,SAChB,WAAY,SACZ,WAAY,eACb,EACD,MAAO,CACL,aAAc,aACd,aAAc,QACd,aAAc,QACd,cAAe,EAChB,EACD,KAAM,CACJ,WAAY,eACb,CACF,EACD,SAAU,CACR,KAAM,CACJ,GAAI,CACF,OAAQ,CACN,EAAG,EACH,GAAI,IACJ,GAAI,CACL,EACD,MAAO,CACL,SAAU,KACV,WAAY,QACb,EACD,cAAe,CACb,EAAG,EACH,EAAG,GACJ,CACF,EACD,GAAI,CACF,OAAQ,CACN,EAAG,GACH,GAAI,EACJ,GAAI,CACL,EACD,MAAO,CACL,SAAU,KACV,WAAY,QACb,EACD,cAAe,CACb,EAAG,GACH,EAAG,CACJ,CACF,EACD,GAAI,CACF,OAAQ,CACN,EAAG,GACH,GAAI,EACJ,GAAI,CACL,EACD,MAAO,CACL,SAAU,KACV,WAAY,SACb,EACD,cAAe,CACb,EAAG,GACH,EAAG,CACJ,CACF,CACF,EACD,QAAS,CACP,QAAS,CACP,OAAQ,CACN,GAAI,YACL,EACD,MAAO,CACL,MAAO,iBACR,EACD,KAAM,CACJ,MAAO,iBACR,CACF,EACD,UAAW,CACT,OAAQ,CACN,GAAI,gBACL,EACD,MAAO,CACL,MAAO,cACR,EACD,KAAM,CACJ,MAAO,cACR,CACF,EACD,SAAU,CACR,OAAQ,CACN,GAAI,iBACL,EACD,MAAO,CACL,MAAO,iBACR,EACD,KAAM,CACJ,MAAO,iBACR,CACF,EACD,SAAU,CACR,OAAQ,CACN,GAAI,iBACL,EACD,MAAO,CACL,MAAO,iBACR,EACD,KAAM,CACJ,MAAO,iBACR,CACF,EACD,QAAS,CACP,OAAQ,CACN,GAAI,mBACJ,OAAQ,CACN,aAAc,UACf,CACF,EACD,MAAO,CACL,MAAO,cACR,EACD,KAAM,CACJ,MAAO,cACR,CACF,EACD,SAAU,CACR,OAAQ,CACN,GAAI,cACJ,YAAa,iBACd,EACD,MAAO,CACL,MAAO,cACR,EACD,KAAM,CACJ,MAAO,YACR,CACF,EACD,KAAM,CACJ,OAAQ,CACN,EAAG,EACH,EAAG,cACH,OAAQ,CACN,QAAS,CACP,QAAS,CACV,CACF,CACF,EACD,MAAO,CACL,MAAO,aACP,YAAa,CACX,MAAO,gBACP,MAAO,CACL,MAAO,eACR,CACF,CACF,EACD,KAAM,CACJ,MAAO,aACP,YAAa,CACX,MAAO,gBACP,MAAO,CACL,MAAO,eACR,CACF,CACF,CACF,EACD,YAAa,CACX,OAAQ,CACN,GAAI,CAAE,KAAM,YAAa,OAAQ,WAAa,EAC9C,MAAO,CAAE,GAAI,WAAa,EAC1B,eAAgB,YAChB,QAAS,CAAE,QAAS,MAAQ,CAC7B,EACD,MAAO,CACL,MAAO,OACR,EACD,KAAM,CACJ,MAAO,OACR,CACF,EACD,QAAS,CACP,OAAQ,CACN,GAAI,SACJ,MAAO,CACL,GAAI,OACL,EACD,QAAS,CACP,gBAAiB,wEACjB,MAAO,CAAE,gBAAiB,2DAA6D,CACxF,CACF,EACD,MAAO,CACL,MAAO,QACP,MAAO,CACL,MAAO,QACR,CACF,EACD,KAAM,CACJ,MAAO,QACP,MAAO,CACL,MAAO,QACR,CACF,CACF,CACF,EACD,WAAY,CACV,KAAM,CACJ,OAAQ,CACN,cAAe,MAChB,CACF,CACF,EACD,OAAQ,CACN,KAAM,CACJ,OAAQ,CACN,MAAO,MACR,CACF,CACF,EACD,SAAU,CACR,KAAM,CACJ,OAAQ,CACN,aAAc,MACf,CACF,CACF,EACD,UAAW,CACT,SAAU,GACV,SAAU,CAAA,EACV,QAAS,CAAA,EACT,OAAQ,CACT,CAAA,CACF,EACD,iBAAkB,CAChB,CACE,UAAW,WACX,IAAK,CACH,MAAO,CACL,MAAO,eACR,EACD,KAAM,CACJ,MAAO,eACR,CACF,CACF,EACD,CACE,QAAS,OACT,UAAW,WACX,IAAK,CACH,MAAO,CACL,YAAa,CACX,MAAO,kBACP,MAAO,CAAE,MAAO,iBAAmB,CACpC,CACF,EACD,KAAM,CACJ,YAAa,CACX,MAAO,kBACP,MAAO,CAAE,MAAO,iBAAmB,CACpC,CACF,CACF,CACF,EACD,CACE,UAAW,WACX,IAAK,CACH,MAAO,CACL,MAAO,kBACP,MAAO,CAAE,MAAO,eAAiB,CAClC,EACD,KAAM,CACJ,MAAO,kBACP,MAAO,CAAE,MAAO,eAAiB,CAClC,CACF,CACF,EACD,CACE,QAAS,OACT,UAAW,WACX,IAAK,CACH,MAAO,CACL,YAAa,CACX,MAAO,mBACP,MAAO,CAAE,MAAO,kBAAoB,CACrC,CACF,EACD,KAAM,CACJ,YAAa,CACX,MAAO,mBACP,MAAO,CAAE,MAAO,kBAAoB,CACrC,CACF,CACF,CACF,EACD,CACE,UAAW,UACX,IAAK,CACH,MAAO,CACL,MAAO,cACR,EACD,KAAM,CACJ,MAAO,cACR,CACF,CACF,EACD,CACE,QAAS,OACT,UAAW,UACX,IAAK,CACH,MAAO,CACL,YAAa,CACX,MAAO,iBACP,MAAO,CAAE,MAAO,gBAAkB,CACnC,CACF,EACD,KAAM,CACJ,YAAa,CACX,MAAO,iBACP,MAAO,CAAE,MAAO,gBAAkB,CACnC,CACF,CACF,CACF,EACD,CACE,UAAW,SACX,IAAK,CACH,MAAO,CACL,MAAO,eACR,EACD,KAAM,CACJ,MAAO,eACR,CACF,CACF,EACD,CACE,QAAS,OACT,UAAW,SACX,IAAK,CACH,MAAO,CACL,YAAa,CACX,MAAO,iBACP,MAAO,CAAE,MAAO,gBAAkB,CACnC,CACF,EACD,KAAM,CACJ,YAAa,CACX,MAAO,iBACP,MAAO,CAAE,MAAO,gBAAkB,CACnC,CACF,CACF,CACF,EACD,CACE,QAAS,OACT,SAAU,GACV,IAAK,CACH,cAAe,CACb,EAAG,IACH,EAAG,aACJ,CACF,CACF,CACF,EACD,gBAAiB,CACf,KAAM,KACN,QAAS,SACV,CACF,CAAA"}
+{"version":3,"file":"button.js","sources":["../../../src/recipes/button.ts"],"sourcesContent":["import { sva } from '@lib/sva';\n\nexport const button = sva({\n  slots: ['button', 'label', 'focus', 'icon', 'iconContainer'] as const,\n  base: {\n    button: [\n      'inline-flex items-center justify-center relative font-semibold box-border',\n      'rounded-button border-thin border-solid border-transparent',\n      'cursor-pointer transition-all duration-100 ease-in-out outline-none',\n      '[will-change:transform,opacity] bg-none',\n      'active:scale-95',\n      'disabled:opacity-30 disabled:pointer-events-none',\n      // ::before overlay for hover effect\n      'before:content-[\"\"] before:absolute before:inset-0 before:rounded-[inherit]',\n      'before:bg-[linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.05))]',\n      'dark:before:bg-[linear-gradient(rgba(255,255,255,0.05),rgba(255,255,255,0.05))]',\n      'before:opacity-0 before:transition-opacity before:duration-100 before:ease-in-out',\n      'hover:before:opacity-100',\n    ].join(' '),\n    label: 'flex text-center justify-center whitespace-nowrap transition-all duration-100 ease-in-out',\n    focus: 'outline-brand-base outline outline-thick outline-offset-[0.125rem]',\n    icon: 'transition-all duration-100 ease-in-out',\n    iconContainer: '',\n  },\n  variants: {\n    size: {\n      sm: {\n        button: 'h-9 py-1.5 px-4',\n        label: 'text-sm leading-6',\n        iconContainer: 'w-9 p-1.5',\n      },\n      md: {\n        button: 'h-12 py-3 px-6',\n        label: 'text-base leading-6',\n        iconContainer: 'w-12 p-3',\n      },\n      lg: {\n        button: 'h-15 py-4 px-6',\n        label: 'text-lg leading-7',\n        iconContainer: 'w-15 p-4',\n      },\n    },\n    variant: {\n      primary: {\n        button: 'bg-brand-base',\n        label: 'text-surface-primary',\n        icon: 'text-surface-primary',\n      },\n      secondary: {\n        button: 'bg-brand-lightest',\n        label: 'text-brand-darker',\n        icon: 'text-brand-darker',\n      },\n      positive: {\n        button: 'bg-positive-darker',\n        label: 'text-surface-primary',\n        icon: 'text-surface-primary',\n      },\n      negative: {\n        button: 'bg-negative-darker',\n        label: 'text-surface-primary',\n        icon: 'text-surface-primary',\n      },\n      neutral: {\n        button: 'bg-neutral-tertiary mix-blend-multiply dark:mix-blend-normal',\n        label: 'text-text-primary',\n        icon: 'text-text-primary',\n      },\n      tertiary: {\n        button: 'bg-transparent border-neutral-primary',\n        label: 'text-text-primary',\n        icon: 'text-brand-base',\n      },\n      text: {\n        button: 'p-0 h-fit hover:before:opacity-0',\n        label: 'text-brand-base group-hover:text-brand-darkest dark:group-hover:text-brand-lighter',\n        icon: 'text-brand-base group-hover:text-brand-darkest dark:group-hover:text-brand-lighter',\n      },\n      transparent: {\n        button: 'bg-[#ffffff14] hover:bg-[#ffffff4d] dark:bg-[#ffffff29] backdrop-blur-[3px] before:hidden',\n        label: 'text-chalk',\n        icon: 'text-chalk',\n      },\n      inverse: {\n        button: [\n          'bg-ink-90 dark:bg-paper',\n          'before:bg-[linear-gradient(rgba(255,255,255,0.05),rgba(255,255,255,0.05))]',\n          'dark:before:bg-[linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.05))]',\n        ].join(' '),\n        label: 'text-chalk dark:text-ink-90',\n        icon: 'text-chalk dark:text-ink-90',\n      },\n    },\n    validating: {\n      true: {\n        button: 'pointer-events-none',\n      },\n    },\n    expand: {\n      true: {\n        button: 'w-full',\n      },\n    },\n    iconOnly: {\n      true: {\n        button: 'rounded-full',\n      },\n    },\n    textStyle: {\n      positive: {},\n      negative: {},\n      neutral: {},\n      subtle: {},\n    },\n  },\n  compoundVariants: [\n    {\n      textStyle: 'positive',\n      class: {\n        label: 'text-positive-base',\n        icon: 'text-positive-base',\n      },\n    },\n    {\n      variant: 'text',\n      textStyle: 'positive',\n      class: {\n        label: 'group-hover:text-positive-darker dark:group-hover:text-positive-darker',\n        icon: 'group-hover:text-positive-darker dark:group-hover:text-positive-darker',\n      },\n    },\n    {\n      textStyle: 'negative',\n      class: {\n        label: 'text-negative-darker dark:text-negative-base',\n        icon: 'text-negative-darker dark:text-negative-base',\n      },\n    },\n    {\n      variant: 'text',\n      textStyle: 'negative',\n      class: {\n        label: 'group-hover:text-negative-darkest dark:group-hover:text-negative-lighter',\n        icon: 'group-hover:text-negative-darkest dark:group-hover:text-negative-lighter',\n      },\n    },\n    {\n      textStyle: 'neutral',\n      class: {\n        label: 'text-text-primary',\n        icon: 'text-text-primary',\n      },\n    },\n    {\n      variant: 'text',\n      textStyle: 'neutral',\n      class: {\n        label: 'group-hover:text-text-secondary dark:group-hover:text-text-secondary',\n        icon: 'group-hover:text-text-secondary dark:group-hover:text-text-secondary',\n      },\n    },\n    {\n      textStyle: 'subtle',\n      class: {\n        label: 'text-text-tertiary',\n        icon: 'text-text-tertiary',\n      },\n    },\n    {\n      variant: 'text',\n      textStyle: 'subtle',\n      class: {\n        label: 'group-hover:text-text-secondary dark:group-hover:text-text-secondary',\n        icon: 'group-hover:text-text-secondary dark:group-hover:text-text-secondary',\n      },\n    },\n    {\n      variant: 'text',\n      iconOnly: true,\n      class: {\n        iconContainer: 'p-1.5 w-fit',\n      },\n    },\n  ],\n  defaultVariants: {\n    size: 'md',\n    variant: 'primary',\n  },\n});\n"],"names":["button","sva"],"mappings":"oCAEa,MAAAA,EAASC,EAAI,CACxB,MAAO,CAAC,SAAU,QAAS,QAAS,OAAQ,eAAe,EAC3D,KAAM,CACJ,OAAQ,CACN,4EACA,6DACA,sEACA,0CACA,kBACA,mDAEA,8EACA,iEACA,kFACA,oFACA,4BACA,KAAK,GAAG,EACV,MAAO,4FACP,MAAO,qEACP,KAAM,0CACN,cAAe,EAChB,EACD,SAAU,CACR,KAAM,CACJ,GAAI,CACF,OAAQ,kBACR,MAAO,oBACP,cAAe,WAChB,EACD,GAAI,CACF,OAAQ,iBACR,MAAO,sBACP,cAAe,UAChB,EACD,GAAI,CACF,OAAQ,iBACR,MAAO,oBACP,cAAe,UAChB,CACF,EACD,QAAS,CACP,QAAS,CACP,OAAQ,gBACR,MAAO,uBACP,KAAM,sBACP,EACD,UAAW,CACT,OAAQ,oBACR,MAAO,oBACP,KAAM,mBACP,EACD,SAAU,CACR,OAAQ,qBACR,MAAO,uBACP,KAAM,sBACP,EACD,SAAU,CACR,OAAQ,qBACR,MAAO,uBACP,KAAM,sBACP,EACD,QAAS,CACP,OAAQ,+DACR,MAAO,oBACP,KAAM,mBACP,EACD,SAAU,CACR,OAAQ,wCACR,MAAO,oBACP,KAAM,iBACP,EACD,KAAM,CACJ,OAAQ,mCACR,MAAO,qFACP,KAAM,oFACP,EACD,YAAa,CACX,OAAQ,4FACR,MAAO,aACP,KAAM,YACP,EACD,QAAS,CACP,OAAQ,CACN,0BACA,6EACA,uEACA,KAAK,GAAG,EACV,MAAO,8BACP,KAAM,6BACP,CACF,EACD,WAAY,CACV,KAAM,CACJ,OAAQ,qBACT,CACF,EACD,OAAQ,CACN,KAAM,CACJ,OAAQ,QACT,CACF,EACD,SAAU,CACR,KAAM,CACJ,OAAQ,cACT,CACF,EACD,UAAW,CACT,SAAU,CACV,EAAA,SAAU,CACV,EAAA,QAAS,CAAA,EACT,OAAQ,CAAA,CACT,CACF,EACD,iBAAkB,CAChB,CACE,UAAW,WACX,MAAO,CACL,MAAO,qBACP,KAAM,oBACP,CACF,EACD,CACE,QAAS,OACT,UAAW,WACX,MAAO,CACL,MAAO,yEACP,KAAM,wEACP,CACF,EACD,CACE,UAAW,WACX,MAAO,CACL,MAAO,+CACP,KAAM,8CACP,CACF,EACD,CACE,QAAS,OACT,UAAW,WACX,MAAO,CACL,MAAO,2EACP,KAAM,0EACP,CACF,EACD,CACE,UAAW,UACX,MAAO,CACL,MAAO,oBACP,KAAM,mBACP,CACF,EACD,CACE,QAAS,OACT,UAAW,UACX,MAAO,CACL,MAAO,uEACP,KAAM,sEACP,CACF,EACD,CACE,UAAW,SACX,MAAO,CACL,MAAO,qBACP,KAAM,oBACP,CACF,EACD,CACE,QAAS,OACT,UAAW,SACX,MAAO,CACL,MAAO,uEACP,KAAM,sEACP,CACF,EACD,CACE,QAAS,OACT,SAAU,GACV,MAAO,CACL,cAAe,aAChB,CACF,CACF,EACD,gBAAiB,CACf,KAAM,KACN,QAAS,SACV,CACF,CAAA"}

package/dist/es/recipes/callout.js

@@ -1,2 +1,2 @@
-import{sva as e}from"@styled/css";const o=e({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",_dark:{color:"negative.base"}},description:{color:"negative.darkest",_dark:{color:"negative.base"}},icon:{color:"negative.darkest",_dark:{color:"negative.base"}},button:{color:"negative.darkest",_dark:{color:"negative.base"}}},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}}}}}});export{o as callout};
+import{sva as t}from"../lib/sva.js";const e=t({slots:["container","label","description","icon","button","focus"],base:{container:"px-4 py-3 rounded-[10px] w-full",button:["cursor-pointer outline-none","focus-visible:outline-brand-base focus-visible:outline focus-visible:outline-thick","focus-visible:outline-offset-[0.125rem] focus-visible:rounded-sm"].join(" "),label:"text-left",description:"",icon:"",focus:""},variants:{size:{sm:{label:"text-sm"},md:{label:"text-base"},lg:{label:"text-lg"}},variant:{branded:{container:"bg-brand-lightest focus-visible:outline-brand-lightest",label:"text-brand-darkest",description:"text-brand-darkest",icon:"text-brand-darkest",button:"text-brand-darkest"},success:{container:"bg-positive-lightest focus-visible:outline-positive-lightest",label:"text-positive-darkest",description:"text-positive-darkest",icon:"text-positive-darkest",button:"text-positive-darkest"},error:{container:"bg-negative-lightest focus-visible:outline-negative-lightest",label:"text-negative-darkest dark:text-negative-base",description:"text-negative-darkest dark:text-negative-base",icon:"text-negative-darkest dark:text-negative-base",button:"text-negative-darkest dark:text-negative-base"},warning:{container:"bg-warning-lightest focus-visible:outline-warning-lightest",label:"text-warning-darkest",description:"text-warning-darkest",icon:"text-warning-darkest",button:"text-warning-darkest"},neutral:{container:"bg-surface-secondary focus-visible:outline-surface-secondary",label:"text-text-secondary",description:"text-text-secondary",icon:"text-text-secondary",button:"text-text-secondary"}},icon:{true:{description:"ml-7"}},dismissible:{true:{description:"mr-7"}},interactive:{true:{container:["cursor-pointer transition-[transform,opacity] duration-200 ease-in-out","active:scale-95 hover:opacity-80","focus-visible:outline focus-visible:outline-thick focus-visible:outline-offset-[0.125rem]"].join(" ")}},description:{true:{label:"uppercase text-xs font-semibold tracking-[0.06rem]"}},isDismissed:{true:{container:"[animation-fill-mode:forwards] [animation-name:scaleOut] [animation-duration:150ms] motion-reduce:scale-100"}}}});export{e as callout};
 //# sourceMappingURL=callout.js.map

package/dist/es/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    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          _dark: {\n            color: 'negative.base',\n          },\n        },\n        description: {\n          color: 'negative.darkest',\n          _dark: {\n            color: 'negative.base',\n          },\n        },\n        icon: {\n          color: 'negative.darkest',\n          _dark: {\n            color: 'negative.base',\n          },\n        },\n        button: {\n          color: 'negative.darkest',\n          _dark: {\n            color: 'negative.base',\n          },\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":"wCAEaA,EAAUC,EAAI,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,mBACP,MAAO,CACL,MAAO,eACR,CACF,EACD,YAAa,CACX,MAAO,mBACP,MAAO,CACL,MAAO,eACR,CACF,EACD,KAAM,CACJ,MAAO,mBACP,MAAO,CACL,MAAO,eACR,CACF,EACD,OAAQ,CACN,MAAO,mBACP,MAAO,CACL,MAAO,eACR,CACF,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 '@lib/sva';\n\nexport const callout = sva({\n  slots: ['container', 'label', 'description', 'icon', 'button', 'focus'] as const,\n  base: {\n    container: 'px-4 py-3 rounded-[10px] w-full',\n    button: [\n      'cursor-pointer outline-none',\n      'focus-visible:outline-brand-base focus-visible:outline focus-visible:outline-thick',\n      'focus-visible:outline-offset-[0.125rem] focus-visible:rounded-sm',\n    ].join(' '),\n    label: 'text-left',\n    description: '',\n    icon: '',\n    focus: '',\n  },\n  variants: {\n    size: {\n      sm: { label: 'text-sm' },\n      md: { label: 'text-base' },\n      lg: { label: 'text-lg' },\n    },\n    variant: {\n      branded: {\n        container: 'bg-brand-lightest focus-visible:outline-brand-lightest',\n        label: 'text-brand-darkest',\n        description: 'text-brand-darkest',\n        icon: 'text-brand-darkest',\n        button: 'text-brand-darkest',\n      },\n      success: {\n        container: 'bg-positive-lightest focus-visible:outline-positive-lightest',\n        label: 'text-positive-darkest',\n        description: 'text-positive-darkest',\n        icon: 'text-positive-darkest',\n        button: 'text-positive-darkest',\n      },\n      error: {\n        container: 'bg-negative-lightest focus-visible:outline-negative-lightest',\n        label: 'text-negative-darkest dark:text-negative-base',\n        description: 'text-negative-darkest dark:text-negative-base',\n        icon: 'text-negative-darkest dark:text-negative-base',\n        button: 'text-negative-darkest dark:text-negative-base',\n      },\n      warning: {\n        container: 'bg-warning-lightest focus-visible:outline-warning-lightest',\n        label: 'text-warning-darkest',\n        description: 'text-warning-darkest',\n        icon: 'text-warning-darkest',\n        button: 'text-warning-darkest',\n      },\n      neutral: {\n        container: 'bg-surface-secondary focus-visible:outline-surface-secondary',\n        label: 'text-text-secondary',\n        description: 'text-text-secondary',\n        icon: 'text-text-secondary',\n        button: 'text-text-secondary',\n      },\n    },\n    icon: {\n      true: {\n        description: 'ml-7',\n      },\n    },\n    dismissible: {\n      true: {\n        description: 'mr-7',\n      },\n    },\n    interactive: {\n      true: {\n        container: [\n          'cursor-pointer transition-[transform,opacity] duration-200 ease-in-out',\n          'active:scale-95 hover:opacity-80',\n          'focus-visible:outline focus-visible:outline-thick focus-visible:outline-offset-[0.125rem]',\n        ].join(' '),\n      },\n    },\n    description: {\n      true: {\n        label: 'uppercase text-xs font-semibold tracking-[0.06rem]',\n      },\n    },\n    isDismissed: {\n      true: {\n        container:\n          '[animation-fill-mode:forwards] [animation-name:scaleOut] [animation-duration:150ms] motion-reduce:scale-100',\n      },\n    },\n  },\n});\n"],"names":["callout","sva"],"mappings":"0CAEaA,EAAUC,EAAI,CACzB,MAAO,CAAC,YAAa,QAAS,cAAe,OAAQ,SAAU,OAAO,EACtE,KAAM,CACJ,UAAW,kCACX,OAAQ,CACN,8BACA,qFACA,oEACA,KAAK,GAAG,EACV,MAAO,YACP,YAAa,GACb,KAAM,GACN,MAAO,EACR,EACD,SAAU,CACR,KAAM,CACJ,GAAI,CAAE,MAAO,SAAW,EACxB,GAAI,CAAE,MAAO,WAAa,EAC1B,GAAI,CAAE,MAAO,SAAW,CACzB,EACD,QAAS,CACP,QAAS,CACP,UAAW,yDACX,MAAO,qBACP,YAAa,qBACb,KAAM,qBACN,OAAQ,oBACT,EACD,QAAS,CACP,UAAW,+DACX,MAAO,wBACP,YAAa,wBACb,KAAM,wBACN,OAAQ,uBACT,EACD,MAAO,CACL,UAAW,+DACX,MAAO,gDACP,YAAa,gDACb,KAAM,gDACN,OAAQ,+CACT,EACD,QAAS,CACP,UAAW,6DACX,MAAO,uBACP,YAAa,uBACb,KAAM,uBACN,OAAQ,sBACT,EACD,QAAS,CACP,UAAW,+DACX,MAAO,sBACP,YAAa,sBACb,KAAM,sBACN,OAAQ,qBACT,CACF,EACD,KAAM,CACJ,KAAM,CACJ,YAAa,MACd,CACF,EACD,YAAa,CACX,KAAM,CACJ,YAAa,MACd,CACF,EACD,YAAa,CACX,KAAM,CACJ,UAAW,CACT,yEACA,mCACA,6FACA,KAAK,GAAG,CACX,CACF,EACD,YAAa,CACX,KAAM,CACJ,MAAO,oDACR,CACF,EACD,YAAa,CACX,KAAM,CACJ,UACE,6GACH,CACF,CACF,CACF,CAAA"}

package/dist/es/recipes/card.js

@@ -1,2 +1,2 @@
-import{cva as e}from"@styled/css";const a=e({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}});export{a as card};
+import{cva as e}from"class-variance-authority";const a=e("bg-surface-primary rounded-2xl",{variants:{asButton:{false:"cursor-default",true:"items-center cursor-pointer h-[10.75rem] justify-center p-4 transition-all duration-100 ease-in-out w-[10.75rem] active:scale-95"},alignment:{center:"items-center",left:"items-start",right:"items-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:"shadow-[0px_1px_2px_rgba(189,189,189,0.3)]",true:"shadow-[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 max-w-[29.125rem] md:max-w-full"},disabled:{true:"opacity-30 pointer-events-none"},validating:{true:"pointer-events-none"}},compoundVariants:[{asButton:!0,alt:!0,class:"bg-surface-tertiary text-text-secondary hover:brightness-90"}],defaultVariants:{alt:!1,expand:!1,gapType:"md",heavyShadow:!1,paddingType:"md",widthMax:!1}});export{a as card};
 //# sourceMappingURL=card.js.map

package/dist/es/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    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":"kCAEO,MAAMA,EAAOC,EAAI,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"}
+{"version":3,"file":"card.js","sources":["../../../src/recipes/card.ts"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\n\nexport const card = cva('bg-surface-primary rounded-2xl', {\n  variants: {\n    asButton: {\n      false: 'cursor-default',\n      true: 'items-center cursor-pointer h-[10.75rem] justify-center p-4 transition-all duration-100 ease-in-out w-[10.75rem] active:scale-95',\n    },\n    alignment: {\n      center: 'items-center',\n      left: 'items-start',\n      right: 'items-end',\n    },\n    alt: {\n      true: '',\n    },\n    expand: {\n      false: 'overflow-hidden',\n      true: 'overflow-visible w-full',\n    },\n    gapType: {\n      none: 'gap-0',\n      sm: 'gap-4',\n      md: 'gap-5',\n      lg: 'gap-6',\n    },\n    heavyShadow: {\n      false: 'shadow-[0px_1px_2px_rgba(189,189,189,0.3)]',\n      true: 'shadow-[8px_8px_48px_rgba(16,15,17,0.14)]',\n    },\n    paddingType: {\n      none: 'p-0',\n      sm: 'px-4 py-3',\n      md: 'px-8 py-6',\n      lg: 'p-12',\n    },\n    widthMax: {\n      true: 'flex-1 max-w-[29.125rem] md:max-w-full',\n    },\n    disabled: {\n      true: 'opacity-30 pointer-events-none',\n    },\n    validating: {\n      true: 'pointer-events-none',\n    },\n  },\n  compoundVariants: [\n    {\n      asButton: true,\n      alt: true,\n      class: 'bg-surface-tertiary text-text-secondary hover:brightness-90',\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 = VariantProps<typeof card>;\n"],"names":["card","cva"],"mappings":"+CAEa,MAAAA,EAAOC,EAAI,iCAAkC,CACxD,SAAU,CACR,SAAU,CACR,MAAO,iBACP,KAAM,kIACP,EACD,UAAW,CACT,OAAQ,eACR,KAAM,cACN,MAAO,WACR,EACD,IAAK,CACH,KAAM,EACP,EACD,OAAQ,CACN,MAAO,kBACP,KAAM,yBACP,EACD,QAAS,CACP,KAAM,QACN,GAAI,QACJ,GAAI,QACJ,GAAI,OACL,EACD,YAAa,CACX,MAAO,6CACP,KAAM,2CACP,EACD,YAAa,CACX,KAAM,MACN,GAAI,YACJ,GAAI,YACJ,GAAI,MACL,EACD,SAAU,CACR,KAAM,wCACP,EACD,SAAU,CACR,KAAM,gCACP,EACD,WAAY,CACV,KAAM,qBACP,CACF,EACD,iBAAkB,CAChB,CACE,SAAU,GACV,IAAK,GACL,MAAO,6DACR,CACF,EACD,gBAAiB,CACf,IAAK,GACL,OAAQ,GACR,QAAS,KACT,YAAa,GACb,YAAa,KACb,SAAU,EACX,CACF,CAAA"}

package/dist/es/recipes/modal.js

@@ -1,2 +1,2 @@
-import{sva as e}from"@styled/css";const r=e({slots:["content","wrapper"],base:{content:{height:"full",width:"full",boxSizing:"border-box"},wrapper:{height:"full",width:"full",bg:"surface.primary",position:"relative",overflow:"auto",scrollbarWidth:"none"}},variants:{fullscreen:{true:{wrapper:{height:"100vh",width:"100vw"}},false:{wrapper:{"@media (min-width: 48rem)":{top:12,mx:"auto",width:"25rem",height:"fit-content",boxShadow:"0px 12px 56px {colors.ink.70/15}",borderRadius:"container",_dark:{boxShadow:"none"}}}}},animate:{false:{wrapper:{animationName:"none",scale:1}}},isOpen:{true:{}},paddingType:{none:{wrapper:{p:0}},sm:{wrapper:{p:2,pb:0}},md:{wrapper:{p:4,pb:0}},lg:{wrapper:{p:8,pb:0}}},showBorder:{true:{wrapper:{"@media (min-width: 48rem)":{_dark:{borderWidth:1,borderBlock:"solid",borderColor:"neutral.secondary"}}}}},isMobileBrowser:{true:{}},isWidget:{true:{wrapper:{height:"auto","@media (min-width: 48rem)":{top:0}}}}},compoundVariants:[{animate:!0,isOpen:!0,css:{wrapper:{animationFillMode:"forwards",animationName:"scaleIn",animationDuration:"250ms",_motionReduce:{scale:1}}}},{animate:!0,isOpen:!1,css:{wrapper:{animationFillMode:"forwards",animationName:"scaleOut",animationDuration:"150ms",_motionReduce:{scale:1}}}},{fullscreen:!0,isMobileBrowser:!0,css:{wrapper:{"@media only screen and (max-width: 767px)":{height:"100dvh"}}}},{fullscreen:!1,isWidget:!0,css:{wrapper:{maxWidth:"25rem",mx:"auto",borderRadius:"container",_dark:{borderWidth:1,borderBlock:"solid",borderColor:"neutral.secondary"}}}}],defaultVariants:{animate:!0,isOpen:!0,paddingType:"none"}});export{r as modal};
+import{sva as r}from"../lib/sva.js";const e=r({slots:["content","wrapper"],base:{content:"h-full w-full box-border",wrapper:["h-full w-full bg-surface-primary relative overflow-auto","[scrollbar-width:none]"].join(" ")},variants:{fullscreen:{true:{wrapper:"h-screen w-screen"},false:{wrapper:["md:top-12 md:mx-auto md:w-[25rem] md:h-fit","md:shadow-[0px_12px_56px_rgba(119,118,122,0.15)]","md:rounded-container","md:dark:shadow-none"].join(" ")}},animate:{false:{wrapper:"[animation-name:none] scale-100"}},isOpen:{true:{}},paddingType:{none:{wrapper:"p-0"},sm:{wrapper:"p-2 pb-0"},md:{wrapper:"p-4 pb-0"},lg:{wrapper:"p-8 pb-0"}},showBorder:{true:{wrapper:"md:dark:border md:dark:border-solid md:dark:border-neutral-secondary"}},isMobileBrowser:{true:{}},isWidget:{true:{wrapper:"h-auto md:top-0"}}},compoundVariants:[{animate:!0,isOpen:!0,class:{wrapper:"[animation-fill-mode:forwards] [animation-name:scaleIn] [animation-duration:250ms] motion-reduce:scale-100"}},{animate:!0,isOpen:!1,class:{wrapper:"[animation-fill-mode:forwards] [animation-name:scaleOut] [animation-duration:150ms] motion-reduce:scale-100"}},{fullscreen:!0,isMobileBrowser:!0,class:{wrapper:"max-md:h-[100dvh]"}},{fullscreen:!1,isWidget:!0,class:{wrapper:"max-w-[25rem] mx-auto rounded-container dark:border dark:border-solid dark:border-neutral-secondary"}}],defaultVariants:{animate:!0,isOpen:!0,paddingType:"none"}});export{e as modal};
 //# sourceMappingURL=modal.js.map

package/dist/es/recipes/modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"modal.js","sources":["../../../src/recipes/modal.ts"],"sourcesContent":["import { sva, type RecipeVariantProps } from '@styled/css';\n\nexport const modal = sva({\n  slots: ['content', 'wrapper'],\n  base: {\n    content: {\n      height: 'full',\n      width: 'full',\n      boxSizing: 'border-box',\n    },\n    wrapper: {\n      height: 'full',\n      width: 'full',\n      bg: 'surface.primary',\n      position: 'relative',\n      overflow: 'auto',\n      scrollbarWidth: 'none',\n    },\n  },\n  variants: {\n    fullscreen: {\n      true: {\n        wrapper: {\n          height: '100vh',\n          width: '100vw',\n        },\n      },\n      false: {\n        wrapper: {\n          '@media (min-width: 48rem)': {\n            top: 12,\n            mx: 'auto',\n            width: '25rem',\n            height: 'fit-content',\n            boxShadow: '0px 12px 56px {colors.ink.70/15}',\n            borderRadius: 'container',\n            _dark: {\n              boxShadow: 'none',\n            },\n          },\n        },\n      },\n    },\n    animate: {\n      false: {\n        wrapper: {\n          animationName: 'none',\n          scale: 1,\n        },\n      },\n    },\n    isOpen: { true: {} },\n    paddingType: {\n      none: {\n        wrapper: {\n          p: 0,\n        },\n      },\n      sm: {\n        wrapper: {\n          p: 2,\n          pb: 0,\n        },\n      },\n      md: {\n        wrapper: {\n          p: 4,\n          pb: 0,\n        },\n      },\n      lg: {\n        wrapper: {\n          p: 8,\n          pb: 0,\n        },\n      },\n    },\n    showBorder: {\n      true: {\n        wrapper: {\n          '@media (min-width: 48rem)': {\n            _dark: {\n              borderWidth: 1,\n              borderBlock: 'solid',\n              borderColor: 'neutral.secondary',\n            },\n          },\n        },\n      },\n    },\n    isMobileBrowser: { true: {} },\n    isWidget: {\n      true: {\n        wrapper: {\n          height: 'auto',\n          '@media (min-width: 48rem)': {\n            top: 0,\n          },\n        },\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      animate: true,\n      isOpen: true,\n      css: {\n        wrapper: {\n          animationFillMode: 'forwards',\n          animationName: 'scaleIn',\n          animationDuration: '250ms',\n          _motionReduce: { scale: 1 },\n        },\n      },\n    },\n    {\n      animate: true,\n      isOpen: false,\n      css: {\n        wrapper: {\n          animationFillMode: 'forwards',\n          animationName: 'scaleOut',\n          animationDuration: '150ms',\n          _motionReduce: { scale: 1 },\n        },\n      },\n    },\n    {\n      fullscreen: true,\n      isMobileBrowser: true,\n      css: {\n        wrapper: {\n          '@media only screen and (max-width: 767px)': {\n            height: '100dvh',\n          },\n        },\n      },\n    },\n    {\n      fullscreen: false,\n      isWidget: true,\n      css: {\n        wrapper: {\n          maxWidth: '25rem',\n          mx: 'auto',\n          borderRadius: 'container',\n          _dark: {\n            borderWidth: 1,\n            borderBlock: 'solid',\n            borderColor: 'neutral.secondary',\n          },\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    animate: true,\n    isOpen: true,\n    paddingType: 'none',\n  },\n});\n\nexport type ModalVariants = RecipeVariantProps<typeof modal>;\n"],"names":["modal","sva"],"mappings":"kCAEO,MAAMA,EAAQC,EAAI,CACvB,MAAO,CAAC,UAAW,SAAS,EAC5B,KAAM,CACJ,QAAS,CACP,OAAQ,OACR,MAAO,OACP,UAAW,YACZ,EACD,QAAS,CACP,OAAQ,OACR,MAAO,OACP,GAAI,kBACJ,SAAU,WACV,SAAU,OACV,eAAgB,MACjB,CACF,EACD,SAAU,CACR,WAAY,CACV,KAAM,CACJ,QAAS,CACP,OAAQ,QACR,MAAO,OACR,CACF,EACD,MAAO,CACL,QAAS,CACP,4BAA6B,CAC3B,IAAK,GACL,GAAI,OACJ,MAAO,QACP,OAAQ,cACR,UAAW,mCACX,aAAc,YACd,MAAO,CACL,UAAW,MACZ,CACF,CACF,CACF,CACF,EACD,QAAS,CACP,MAAO,CACL,QAAS,CACP,cAAe,OACf,MAAO,CACR,CACF,CACF,EACD,OAAQ,CAAE,KAAM,CAAI,CAAA,EACpB,YAAa,CACX,KAAM,CACJ,QAAS,CACP,EAAG,CACJ,CACF,EACD,GAAI,CACF,QAAS,CACP,EAAG,EACH,GAAI,CACL,CACF,EACD,GAAI,CACF,QAAS,CACP,EAAG,EACH,GAAI,CACL,CACF,EACD,GAAI,CACF,QAAS,CACP,EAAG,EACH,GAAI,CACL,CACF,CACF,EACD,WAAY,CACV,KAAM,CACJ,QAAS,CACP,4BAA6B,CAC3B,MAAO,CACL,YAAa,EACb,YAAa,QACb,YAAa,mBACd,CACF,CACF,CACF,CACF,EACD,gBAAiB,CAAE,KAAM,CAAA,CAAI,EAC7B,SAAU,CACR,KAAM,CACJ,QAAS,CACP,OAAQ,OACR,4BAA6B,CAC3B,IAAK,CACN,CACF,CACF,CACF,CACF,EACD,iBAAkB,CAChB,CACE,QAAS,GACT,OAAQ,GACR,IAAK,CACH,QAAS,CACP,kBAAmB,WACnB,cAAe,UACf,kBAAmB,QACnB,cAAe,CAAE,MAAO,CAAG,CAC5B,CACF,CACF,EACD,CACE,QAAS,GACT,OAAQ,GACR,IAAK,CACH,QAAS,CACP,kBAAmB,WACnB,cAAe,WACf,kBAAmB,QACnB,cAAe,CAAE,MAAO,CAAG,CAC5B,CACF,CACF,EACD,CACE,WAAY,GACZ,gBAAiB,GACjB,IAAK,CACH,QAAS,CACP,4CAA6C,CAC3C,OAAQ,QACT,CACF,CACF,CACF,EACD,CACE,WAAY,GACZ,SAAU,GACV,IAAK,CACH,QAAS,CACP,SAAU,QACV,GAAI,OACJ,aAAc,YACd,MAAO,CACL,YAAa,EACb,YAAa,QACb,YAAa,mBACd,CACF,CACF,CACF,CACF,EACD,gBAAiB,CACf,QAAS,GACT,OAAQ,GACR,YAAa,MACd,CACF,CAAA"}
+{"version":3,"file":"modal.js","sources":["../../../src/recipes/modal.ts"],"sourcesContent":["import { sva } from '@lib/sva';\n\nexport const modal = sva({\n  slots: ['content', 'wrapper'] as const,\n  base: {\n    content: 'h-full w-full box-border',\n    wrapper: ['h-full w-full bg-surface-primary relative overflow-auto', '[scrollbar-width:none]'].join(' '),\n  },\n  variants: {\n    fullscreen: {\n      true: {\n        wrapper: 'h-screen w-screen',\n      },\n      false: {\n        wrapper: [\n          'md:top-12 md:mx-auto md:w-[25rem] md:h-fit',\n          'md:shadow-[0px_12px_56px_rgba(119,118,122,0.15)]',\n          'md:rounded-container',\n          'md:dark:shadow-none',\n        ].join(' '),\n      },\n    },\n    animate: {\n      false: {\n        wrapper: '[animation-name:none] scale-100',\n      },\n    },\n    isOpen: { true: {} },\n    paddingType: {\n      none: { wrapper: 'p-0' },\n      sm: { wrapper: 'p-2 pb-0' },\n      md: { wrapper: 'p-4 pb-0' },\n      lg: { wrapper: 'p-8 pb-0' },\n    },\n    showBorder: {\n      true: {\n        wrapper: 'md:dark:border md:dark:border-solid md:dark:border-neutral-secondary',\n      },\n    },\n    isMobileBrowser: { true: {} },\n    isWidget: {\n      true: {\n        wrapper: 'h-auto md:top-0',\n      },\n    },\n  },\n  compoundVariants: [\n    {\n      animate: true,\n      isOpen: true,\n      class: {\n        wrapper:\n          '[animation-fill-mode:forwards] [animation-name:scaleIn] [animation-duration:250ms] motion-reduce:scale-100',\n      },\n    },\n    {\n      animate: true,\n      isOpen: false,\n      class: {\n        wrapper:\n          '[animation-fill-mode:forwards] [animation-name:scaleOut] [animation-duration:150ms] motion-reduce:scale-100',\n      },\n    },\n    {\n      fullscreen: true,\n      isMobileBrowser: true,\n      class: {\n        wrapper: 'max-md:h-[100dvh]',\n      },\n    },\n    {\n      fullscreen: false,\n      isWidget: true,\n      class: {\n        wrapper: 'max-w-[25rem] mx-auto rounded-container dark:border dark:border-solid dark:border-neutral-secondary',\n      },\n    },\n  ],\n  defaultVariants: {\n    animate: true,\n    isOpen: true,\n    paddingType: 'none',\n  },\n});\n\nexport type ModalVariants = Parameters<typeof modal>[0];\n"],"names":["modal","sva"],"mappings":"oCAEa,MAAAA,EAAQC,EAAI,CACvB,MAAO,CAAC,UAAW,SAAS,EAC5B,KAAM,CACJ,QAAS,2BACT,QAAS,CAAC,0DAA2D,wBAAwB,EAAE,KAAK,GAAG,CACxG,EACD,SAAU,CACR,WAAY,CACV,KAAM,CACJ,QAAS,mBACV,EACD,MAAO,CACL,QAAS,CACP,6CACA,mDACA,uBACA,uBACA,KAAK,GAAG,CACX,CACF,EACD,QAAS,CACP,MAAO,CACL,QAAS,iCACV,CACF,EACD,OAAQ,CAAE,KAAM,CAAA,CAAI,EACpB,YAAa,CACX,KAAM,CAAE,QAAS,KAAO,EACxB,GAAI,CAAE,QAAS,UAAY,EAC3B,GAAI,CAAE,QAAS,UAAY,EAC3B,GAAI,CAAE,QAAS,UAAY,CAC5B,EACD,WAAY,CACV,KAAM,CACJ,QAAS,sEACV,CACF,EACD,gBAAiB,CAAE,KAAM,CAAA,CAAI,EAC7B,SAAU,CACR,KAAM,CACJ,QAAS,iBACV,CACF,CACF,EACD,iBAAkB,CAChB,CACE,QAAS,GACT,OAAQ,GACR,MAAO,CACL,QACE,4GACH,CACF,EACD,CACE,QAAS,GACT,OAAQ,GACR,MAAO,CACL,QACE,6GACH,CACF,EACD,CACE,WAAY,GACZ,gBAAiB,GACjB,MAAO,CACL,QAAS,mBACV,CACF,EACD,CACE,WAAY,GACZ,SAAU,GACV,MAAO,CACL,QAAS,qGACV,CACF,CACF,EACD,gBAAiB,CACf,QAAS,GACT,OAAQ,GACR,YAAa,MACd,CACF,CAAA"}

package/dist/es/recipes/overlay.js

@@ -1,2 +1,2 @@
-import{sva as a}from"@styled/css";const i=a({slots:["bg","container"],base:{bg:{height:"full",width:"full",pointerEvents:"all",position:"fixed",top:0,left:0},container:{height:"100vh",width:"100vw",maxWidth:"100rem",position:"relative",margin:"0 auto","@media (min-width: 48rem)":{height:"fit-content"}}},variants:{fullscreen:{true:{container:{maxWidth:"none"}}},animate:{false:{bg:{animationName:"none"}}},backgroundType:{blurred:{bg:{backdropBlur:"0.375rem",backdropFilter:"auto"}},solid:{bg:{backgroundColor:"surface.tertiary"}},transparent:{},none:{}},hide:{false:{}}},compoundVariants:[{animate:!0,hide:!1,css:{bg:{animationFillMode:"forwards",animationName:"fadeIn",animationDuration:"400ms"}}},{animate:!0,hide:!0,css:{bg:{animationFillMode:"forwards",animationName:"fadeOut",animationDuration:"400ms"}}}],defaultVariants:{animate:!0,backgroundType:"none",hide:!1}});export{i as overlay};
+import{sva as a}from"../lib/sva.js";const n=a({slots:["bg","container"],base:{bg:"h-full w-full pointer-events-auto fixed top-0 left-0",container:["h-screen w-screen max-w-[100rem] relative mx-auto","md:h-fit"].join(" ")},variants:{fullscreen:{true:{container:"max-w-none"}},animate:{false:{bg:"[animation-name:none]"}},backgroundType:{blurred:{bg:"backdrop-blur-[0.375rem]"},solid:{bg:"bg-surface-tertiary"},transparent:{},none:{}},hide:{false:{}}},compoundVariants:[{animate:!0,hide:!1,class:{bg:"[animation-fill-mode:forwards] [animation-name:fadeIn] [animation-duration:400ms]"}},{animate:!0,hide:!0,class:{bg:"[animation-fill-mode:forwards] [animation-name:fadeOut] [animation-duration:400ms]"}}],defaultVariants:{animate:!0,backgroundType:"none",hide:!1}});export{n as overlay};
 //# sourceMappingURL=overlay.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"overlay.js","sources":["../../../src/recipes/overlay.ts"],"sourcesContent":["import { sva, type RecipeVariantProps } from '@styled/css';\n\nexport const overlay = sva({\n  slots: ['bg', 'container'],\n  base: {\n    bg: {\n      height: 'full',\n      width: 'full',\n      pointerEvents: 'all',\n      position: 'fixed',\n      top: 0,\n      left: 0,\n    },\n    container: {\n      height: '100vh',\n      width: '100vw',\n      maxWidth: '100rem',\n      position: 'relative',\n      margin: '0 auto',\n\n      '@media (min-width: 48rem)': {\n        height: 'fit-content',\n      },\n    },\n  },\n  variants: {\n    fullscreen: {\n      true: {\n        container: {\n          maxWidth: 'none',\n        },\n      },\n    },\n    animate: {\n      false: {\n        bg: {\n          animationName: 'none',\n        },\n      },\n    },\n    backgroundType: {\n      blurred: {\n        bg: {\n          backdropBlur: '0.375rem',\n          backdropFilter: 'auto',\n        },\n      },\n      solid: {\n        bg: {\n          backgroundColor: 'surface.tertiary',\n        },\n      },\n      transparent: {},\n      none: {},\n    },\n    hide: { false: {} },\n  },\n  compoundVariants: [\n    {\n      animate: true,\n      hide: false,\n      css: {\n        bg: {\n          animationFillMode: 'forwards',\n          animationName: 'fadeIn',\n          animationDuration: '400ms',\n        },\n      },\n    },\n    {\n      animate: true,\n      hide: true,\n      css: {\n        bg: {\n          animationFillMode: 'forwards',\n          animationName: 'fadeOut',\n          animationDuration: '400ms',\n        },\n      },\n    },\n  ],\n  defaultVariants: {\n    animate: true,\n    backgroundType: 'none',\n    hide: false,\n  },\n});\n\nexport type OverlayVariants = RecipeVariantProps<typeof overlay>;\n"],"names":["overlay","sva"],"mappings":"kCAEO,MAAMA,EAAUC,EAAI,CACzB,MAAO,CAAC,KAAM,WAAW,EACzB,KAAM,CACJ,GAAI,CACF,OAAQ,OACR,MAAO,OACP,cAAe,MACf,SAAU,QACV,IAAK,EACL,KAAM,CACP,EACD,UAAW,CACT,OAAQ,QACR,MAAO,QACP,SAAU,SACV,SAAU,WACV,OAAQ,SAER,4BAA6B,CAC3B,OAAQ,aACT,CACF,CACF,EACD,SAAU,CACR,WAAY,CACV,KAAM,CACJ,UAAW,CACT,SAAU,MACX,CACF,CACF,EACD,QAAS,CACP,MAAO,CACL,GAAI,CACF,cAAe,MAChB,CACF,CACF,EACD,eAAgB,CACd,QAAS,CACP,GAAI,CACF,aAAc,WACd,eAAgB,MACjB,CACF,EACD,MAAO,CACL,GAAI,CACF,gBAAiB,kBAClB,CACF,EACD,YAAa,CAAA,EACb,KAAM,CAAA,CACP,EACD,KAAM,CAAE,MAAO,CAAI,CAAA,CACpB,EACD,iBAAkB,CAChB,CACE,QAAS,GACT,KAAM,GACN,IAAK,CACH,GAAI,CACF,kBAAmB,WACnB,cAAe,SACf,kBAAmB,OACpB,CACF,CACF,EACD,CACE,QAAS,GACT,KAAM,GACN,IAAK,CACH,GAAI,CACF,kBAAmB,WACnB,cAAe,UACf,kBAAmB,OACpB,CACF,CACF,CACF,EACD,gBAAiB,CACf,QAAS,GACT,eAAgB,OAChB,KAAM,EACP,CACF,CAAA"}
+{"version":3,"file":"overlay.js","sources":["../../../src/recipes/overlay.ts"],"sourcesContent":["import { sva } from '@lib/sva';\n\nexport const overlay = sva({\n  slots: ['bg', 'container'] as const,\n  base: {\n    bg: 'h-full w-full pointer-events-auto fixed top-0 left-0',\n    container: ['h-screen w-screen max-w-[100rem] relative mx-auto', 'md:h-fit'].join(' '),\n  },\n  variants: {\n    fullscreen: {\n      true: {\n        container: 'max-w-none',\n      },\n    },\n    animate: {\n      false: {\n        bg: '[animation-name:none]',\n      },\n    },\n    backgroundType: {\n      blurred: {\n        bg: 'backdrop-blur-[0.375rem]',\n      },\n      solid: {\n        bg: 'bg-surface-tertiary',\n      },\n      transparent: {},\n      none: {},\n    },\n    hide: { false: {} },\n  },\n  compoundVariants: [\n    {\n      animate: true,\n      hide: false,\n      class: {\n        bg: '[animation-fill-mode:forwards] [animation-name:fadeIn] [animation-duration:400ms]',\n      },\n    },\n    {\n      animate: true,\n      hide: true,\n      class: {\n        bg: '[animation-fill-mode:forwards] [animation-name:fadeOut] [animation-duration:400ms]',\n      },\n    },\n  ],\n  defaultVariants: {\n    animate: true,\n    backgroundType: 'none',\n    hide: false,\n  },\n});\n\nexport type OverlayVariants = Parameters<typeof overlay>[0];\n"],"names":["overlay","sva"],"mappings":"oCAEO,MAAMA,EAAUC,EAAI,CACzB,MAAO,CAAC,KAAM,WAAW,EACzB,KAAM,CACJ,GAAI,uDACJ,UAAW,CAAC,oDAAqD,UAAU,EAAE,KAAK,GAAG,CACtF,EACD,SAAU,CACR,WAAY,CACV,KAAM,CACJ,UAAW,YACZ,CACF,EACD,QAAS,CACP,MAAO,CACL,GAAI,uBACL,CACF,EACD,eAAgB,CACd,QAAS,CACP,GAAI,0BACL,EACD,MAAO,CACL,GAAI,qBACL,EACD,YAAa,GACb,KAAM,EACP,EACD,KAAM,CAAE,MAAO,CAAI,CAAA,CACpB,EACD,iBAAkB,CAChB,CACE,QAAS,GACT,KAAM,GACN,MAAO,CACL,GAAI,mFACL,CACF,EACD,CACE,QAAS,GACT,KAAM,GACN,MAAO,CACL,GAAI,oFACL,CACF,CACF,EACD,gBAAiB,CACf,QAAS,GACT,eAAgB,OAChB,KAAM,EACP,CACF,CAAA"}