@magiclabs/ui-components 1.31.1 → 1.32.1

package/dist/cjs/components/sections/wallet-actions.js.map

@@ -1 +1 @@
-{"version":3,"file":"wallet-actions.js","sources":["../../../../src/components/sections/wallet-actions.tsx"],"sourcesContent":["import { Button, Text } from '@components/primitives';\nimport { css, cx } from '@styled/css';\nimport { Box, Center, HStack, VStack } from '@styled/jsx';\nimport { createHost, createSlot, getSlotProps, isSlot } from 'create-slots/list';\nimport { Children, cloneElement, PropsWithChildren, ReactElement, useRef } from 'react';\nimport { mergeProps, useButton, useFocusRing } from 'react-aria';\n\nexport interface ActionProps extends PropsWithChildren {\n  label: string;\n  onPress: () => void;\n  actionBox?: boolean;\n}\n\nconst Action = createSlot(({ actionBox, children, label, onPress }: ActionProps) => {\n  if (actionBox) {\n    const ref = useRef(null);\n    const { isFocusVisible, focusProps } = useFocusRing();\n    const { buttonProps } = useButton({ onPress: onPress }, ref as React.RefObject<HTMLButtonElement>);\n\n    return (\n      <Center h=\"76px\" maxW=\"115px\" w=\"full\">\n        <button\n          ref={ref}\n          className={cx(\n            css({\n              _active: { transform: 'scale(0.95)' },\n              _hover: { bgColor: 'neutral.secondary' },\n              bgColor: 'neutral.tertiary',\n              borderRadius: '0.75rem',\n              cursor: 'pointer',\n              outline: 'none',\n              transition: 'all 0.1s ease',\n              h: 'full',\n              w: 'full',\n            }),\n            isFocusVisible &&\n              css({ outlineColor: 'brand.base', outlineStyle: 'solid', outlineWidth: 'thick', outlineOffset: 0.5 }),\n          )}\n          {...mergeProps(buttonProps, focusProps)}\n        >\n          <VStack gap={2}>\n            {cloneElement(Children.only(children) as ReactElement, { height: 20, width: 20 })}\n            <Text size=\"sm\" styles={{ fontWeight: 500 }}>\n              {label}\n            </Text>\n          </VStack>\n        </button>\n      </Center>\n    );\n  }\n\n  return (\n    <VStack gap={1} minW={20}>\n      <Button variant=\"neutral\" size=\"sm\" onPress={onPress} aria-label=\"Buy\">\n        <Button.LeadingIcon>{children}</Button.LeadingIcon>\n      </Button>\n      <Text size=\"sm\" styles={{ fontWeight: 500 }}>\n        {label}\n      </Text>\n    </VStack>\n  );\n});\n\nexport interface WalletActionsProps extends PropsWithChildren {\n  actionBox?: boolean;\n}\n\nexport const WalletActions = ({ actionBox, children }: WalletActionsProps) => (\n  <Box w=\"full\">\n    {createHost(children, slots => {\n      return (\n        <HStack w=\"full\" justifyContent=\"space-around\" px={10}>\n          {slots.map(slot => {\n            if (isSlot(slot, Action)) {\n              const slotProps = getSlotProps(slot);\n              return <Action key={slotProps.label} actionBox={actionBox} {...slotProps} />;\n            }\n          })}\n        </HStack>\n      );\n    })}\n  </Box>\n);\n\nWalletActions.Action = Action;\n"],"names":["Action","createSlot","actionBox","children","label","onPress","ref","useRef","isFocusVisible","focusProps","useFocusRing","buttonProps","useButton","_jsx","Center","cx","css","mergeProps","_jsxs","VStack","cloneElement","Children","Text","Button","WalletActions","Box","createHost","slots","HStack","slot","isSlot","slotProps","getSlotProps"],"mappings":"keAaA,MAAMA,EAASC,aAAW,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,MAAAC,EAAO,QAAAC,CAAO,IAAmB,CACjF,GAAIH,EAAW,CACb,MAAMI,EAAMC,SAAO,IAAI,EACjB,CAAE,eAAAC,EAAgB,WAAAC,GAAeC,EAAAA,aAAAA,EACjC,CAAE,YAAAC,CAAa,EAAGC,YAAU,CAAE,QAASP,CAAO,EAAIC,CAAyC,EAEjG,OACEO,EAAAA,IAACC,EAAAA,OAAO,CAAA,EAAE,OAAO,KAAK,QAAQ,EAAE,OAAM,SACpCD,EACE,IAAA,SAAA,CAAA,IAAKP,EACL,UAAWS,EAAAA,GACTC,MAAI,CACF,QAAS,CAAE,UAAW,aAAe,EACrC,OAAQ,CAAE,QAAS,mBAAqB,EACxC,QAAS,mBACT,aAAc,UACd,OAAQ,UACR,QAAS,OACT,WAAY,gBACZ,EAAG,OACH,EAAG,MACJ,CAAA,EACDR,GACEQ,EAAAA,IAAI,CAAE,aAAc,aAAc,aAAc,QAAS,aAAc,QAAS,cAAe,EAAG,CAAE,CAAC,KAErGC,aAAWN,EAAaF,CAAU,EAAC,SAEvCS,EAAAA,KAACC,EAAAA,QAAO,IAAK,EAAC,SAAA,CACXC,eAAaC,EAAAA,SAAS,KAAKlB,CAAQ,EAAmB,CAAE,OAAQ,GAAI,MAAO,EAAE,CAAE,EAChFU,EAAAA,IAACS,EAAI,QAAA,CAAC,KAAK,KAAK,OAAQ,CAAE,WAAY,GAAK,EAAA,SACxClB,CACI,CAAA,CAAA,CAAA,CAAA,CAEF,CAAA,CAAA,CAAA,CAGf,CAEA,OACEc,OAACC,EAAAA,OAAO,CAAA,IAAK,EAAG,KAAM,GACpB,SAAA,CAAAN,EAAAA,IAACU,EAAO,QAAA,CAAA,QAAQ,UAAU,KAAK,KAAK,QAASlB,EAAoB,aAAA,eAC/DQ,EAAAA,IAACU,EAAAA,QAAO,YAAa,CAAA,SAAApB,CAA8B,CAAA,CAAA,CAAA,EAErDU,EAAAA,IAACS,UAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,WAAY,GAAK,EAAA,SACxClB,CAAK,CAAA,CACD,CACA,CAAA,CAEb,CAAC,EAMYoB,EAAgB,CAAC,CAAE,UAAAtB,EAAW,SAAAC,CAA8B,IACvEU,EAAAA,IAACY,EAAAA,IAAG,CAAC,EAAE,OAAM,SACVC,EAAWvB,WAAAA,EAAUwB,GAElBd,EAACe,IAAAA,EAAAA,OAAM,CAAC,EAAE,OAAO,eAAe,eAAe,GAAI,GAChD,SAAAD,EAAM,IAAIE,GAAO,CAChB,GAAIC,EAAOD,OAAAA,EAAM7B,CAAM,EAAG,CACxB,MAAM+B,EAAYC,EAAaH,aAAAA,CAAI,EACnC,OAAOhB,EAAAA,IAACb,EAA6B,CAAA,UAAWE,EAAe,GAAA6B,CAA3C,EAAAA,EAAU,KAAK,CACrC,CACF,CAAC,CACM,CAAA,CAEZ,CACG,CAAA,EAGRP,EAAc,OAASxB"}
+{"version":3,"file":"wallet-actions.js","sources":["../../../../src/components/sections/wallet-actions.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { Button, Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, Center, HStack, VStack } from '@styled/jsx';\nimport { createHost, createSlot, getSlotProps, isSlot } from 'create-slots/list';\nimport { Children, cloneElement, PropsWithChildren, ReactElement } from 'react';\n\nexport interface ActionProps extends PropsWithChildren {\n  key?: string;\n  label: string;\n  onPress: () => void;\n  actionBox?: boolean;\n}\n\nconst Action = createSlot(({ actionBox, children, label, onPress }: ActionProps) => {\n  if (actionBox) {\n    return (\n      <Center h=\"76px\" maxW=\"115px\" w=\"full\">\n        <ButtonContainer\n          className={css({\n            _hover: { bgColor: 'neutral.secondary' },\n            bgColor: 'neutral.tertiary',\n            h: '100%',\n          })}\n          borderRadius=\"0.75rem\"\n          expand\n          onPress={onPress}\n        >\n          <VStack gap={2}>\n            {cloneElement(Children.only(children) as ReactElement, { height: 20, width: 20 })}\n            <Text size=\"sm\" styles={{ fontWeight: 500 }}>\n              {label}\n            </Text>\n          </VStack>\n        </ButtonContainer>\n      </Center>\n    );\n  }\n\n  return (\n    <VStack gap={1} minW={20}>\n      <Button variant=\"neutral\" size=\"sm\" onPress={onPress} aria-label=\"Buy\">\n        <Button.LeadingIcon>{children}</Button.LeadingIcon>\n      </Button>\n      <Text size=\"sm\" styles={{ fontWeight: 500 }}>\n        {label}\n      </Text>\n    </VStack>\n  );\n});\n\nexport interface WalletActionsProps extends PropsWithChildren {\n  actionBox?: boolean;\n}\n\nexport const WalletActions = ({ actionBox, children }: WalletActionsProps) => (\n  <Box w=\"full\">\n    {createHost(children, slots => {\n      return (\n        <HStack w=\"full\" justifyContent=\"space-around\" px={10}>\n          {slots.map(slot => {\n            if (isSlot(slot, Action)) {\n              const { key, ...slotProps } = getSlotProps(slot);\n              return <Action key={key} actionBox={actionBox} {...slotProps} />;\n            }\n          })}\n        </HStack>\n      );\n    })}\n  </Box>\n);\n\nWalletActions.Action = Action;\n"],"names":["Action","createSlot","actionBox","children","label","onPress","_jsx","Center","ButtonContainer","css","_jsxs","VStack","cloneElement","Children","Text","Button","WalletActions","Box","createHost","slots","HStack","slot","isSlot","key","slotProps","getSlotProps"],"mappings":"8yBAcA,MAAMA,EAASC,EAAAA,WAAW,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,MAAAC,EAAO,QAAAC,CAAO,IAC1DH,EAEAI,EAAAA,IAACC,EAAM,OAAA,CAAC,EAAE,OAAO,KAAK,QAAQ,EAAE,OAC9B,SAAAD,EAAAA,IAACE,EAAAA,gBACC,CAAA,UAAWC,EAAAA,IAAI,CACb,OAAQ,CAAE,QAAS,mBAAqB,EACxC,QAAS,mBACT,EAAG,OACJ,EACD,aAAa,UACb,OAAM,GACN,QAASJ,EAAO,SAEhBK,EAAAA,KAACC,EAAAA,OAAO,CAAA,IAAK,EACV,SAAA,CAAAC,EAAaC,aAAAA,WAAS,KAAKV,CAAQ,EAAmB,CAAE,OAAQ,GAAI,MAAO,EAAI,CAAA,EAChFG,EAAAA,IAACQ,EAAAA,QAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,WAAY,GAAK,EAAA,SACxCV,CAAK,CAAA,CACD,CACA,CAAA,CAAA,CAAA,CAEJ,CAAA,EAKXM,OAACC,EAAAA,OAAO,CAAA,IAAK,EAAG,KAAM,GACpB,SAAA,CAAAL,EAAAA,IAACS,EAAAA,QAAO,CAAA,QAAQ,UAAU,KAAK,KAAK,QAASV,EAAoB,aAAA,eAC/DC,EAACS,IAAAA,EAAAA,QAAO,YAAa,CAAA,SAAAZ,CAA8B,CAAA,CAAA,CAAA,EAErDG,MAACQ,EAAAA,QAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,WAAY,GAAK,EAAA,SACxCV,CAAK,CAAA,CACD,CACA,CAAA,CAEZ,EAMYY,EAAgB,CAAC,CAAE,UAAAd,EAAW,SAAAC,CAA8B,IACvEG,EAAAA,IAACW,MAAG,CAAC,EAAE,OAAM,SACVC,EAAAA,WAAWf,EAAUgB,GAElBb,EAAAA,IAACc,EAAAA,OAAM,CAAC,EAAE,OAAO,eAAe,eAAe,GAAI,GAChD,SAAAD,EAAM,IAAIE,GAAO,CAChB,GAAIC,EAAAA,OAAOD,EAAMrB,CAAM,EAAG,CACxB,KAAM,CAAE,IAAAuB,EAAK,GAAGC,CAAW,EAAGC,EAAAA,aAAaJ,CAAI,EAC/C,OAAOf,EAAAA,IAACN,EAAM,CAAW,UAAWE,EAAS,GAAMsB,CAAS,EAAxCD,CAAG,CACzB,CACF,CAAC,CACM,CAAA,CAEZ,CACG,CAAA,EAGRP,EAAc,OAAShB"}

package/dist/cjs/index.js

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

package/dist/cjs/recipes/tooltip.js

@@ -0,0 +1,2 @@
+"use strict";var t=require("@styled/css");const a=t.sva({slots:["trigger","content","spacer"],base:{trigger:{position:"relative",w:"auto"},content:{w:"max",maxW:72,color:"text.secondary",bg:"surface.primary",_dark:{bg:"surface.secondary"},position:"absolute",py:2,px:3,rounded:"xl",boxShadow:"0px 4px 20px 0px rgba(0, 0, 0, 0.10)",zIndex:"max",display:"none"},spacer:{position:"absolute"}},variants:{expand:{true:{trigger:{w:"full"}}},isOpen:{true:{content:{display:"block"}}},placement:{top:{content:{top:"0%",left:"50%",transform:"translateX(-50%) translateY(calc(-100% - 0.75rem))"}},"top left":{content:{top:"0%",right:"100%",transform:"translateX(10%) translateY(calc(-100% - 0.75rem))"}},"top right":{content:{top:"0%",left:"0%",transform:"translateX(-10%) translateY(calc(-100% - 0.75rem))"}},left:{content:{top:"50%",left:"0%",transform:"translateX(calc(-100% - 0.75rem)) translateY(-50%)"}},"left top":{content:{top:"50%",left:"0%",transform:"translateX(calc(-100% - 0.75rem)) translateY(-75%)"}},"left bottom":{content:{top:"50%",left:"0%",transform:"translateX(calc(-100% - 0.75rem)) translateY(-25%)"}},right:{content:{top:"50%",right:"0%",transform:"translateX(calc(100% + 0.75rem)) translateY(-50%)"}},"right top":{content:{top:"50%",right:"0%",transform:"translateX(calc(100% + 0.75rem)) translateY(-75%)"}},"right bottom":{content:{top:"50%",right:"0%",transform:"translateX(calc(100% + 0.75rem)) translateY(-25%)"}},bottom:{content:{bottom:"0%",left:"50%",transform:"translateX(-50%) translateY(calc(100% + 0.75rem))"}},"bottom left":{content:{bottom:"0%",right:"0%",transform:"translateX(10%) translateY(calc(100% + 0.75rem))"}},"bottom right":{content:{bottom:"0%",left:"0%",transform:"translateX(-10%) translateY(calc(100% + 0.75rem))"}}},position:{top:{spacer:{width:72,height:4,bottom:0,left:"50%",transform:"translateX(-50%) translateY(0.75rem)"}},bottom:{spacer:{width:72,height:4,top:0,left:"50%",transform:"translateX(-50%) translateY(-0.75rem)"}},left:{spacer:{width:4,height:48,top:"50%",right:-6,transform:"translateX(-0.75rem) translateY(-50%)"}},right:{spacer:{width:4,height:48,top:"50%",left:-6,transform:"translateX(0.75rem) translateY(-50%)"}}}}});exports.tooltip=a;
+//# sourceMappingURL=tooltip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sources":["../../../src/recipes/tooltip.ts"],"sourcesContent":["import { sva } from '@styled/css';\n\nexport const tooltip = sva({\n  slots: ['trigger', 'content', 'spacer'],\n  base: {\n    trigger: {\n      position: 'relative',\n      w: 'auto',\n    },\n    content: {\n      w: 'max',\n      maxW: 72,\n      color: 'text.secondary',\n      bg: 'surface.primary',\n      _dark: { bg: 'surface.secondary' },\n      position: 'absolute',\n      py: 2,\n      px: 3,\n      rounded: 'xl',\n      boxShadow: '0px 4px 20px 0px rgba(0, 0, 0, 0.10)',\n      zIndex: 'max',\n      display: 'none',\n    },\n    spacer: {\n      position: 'absolute',\n    },\n  },\n  variants: {\n    expand: {\n      true: {\n        trigger: {\n          w: 'full',\n        },\n      },\n    },\n    isOpen: {\n      true: {\n        content: {\n          display: 'block',\n        },\n      },\n    },\n    placement: {\n      top: {\n        content: {\n          top: '0%',\n          left: '50%',\n          transform: 'translateX(-50%) translateY(calc(-100% - 0.75rem))',\n        },\n      },\n      'top left': {\n        content: {\n          top: '0%',\n          right: '100%',\n          transform: 'translateX(10%) translateY(calc(-100% - 0.75rem))',\n        },\n      },\n      'top right': {\n        content: {\n          top: '0%',\n          left: '0%',\n          transform: 'translateX(-10%) translateY(calc(-100% - 0.75rem))',\n        },\n      },\n      left: {\n        content: {\n          top: '50%',\n          left: '0%',\n          transform: 'translateX(calc(-100% - 0.75rem)) translateY(-50%)',\n        },\n      },\n      'left top': {\n        content: {\n          top: '50%',\n          left: '0%',\n          transform: 'translateX(calc(-100% - 0.75rem)) translateY(-75%)',\n        },\n      },\n      'left bottom': {\n        content: {\n          top: '50%',\n          left: '0%',\n          transform: 'translateX(calc(-100% - 0.75rem)) translateY(-25%)',\n        },\n      },\n      right: {\n        content: {\n          top: '50%',\n          right: '0%',\n          transform: 'translateX(calc(100% + 0.75rem)) translateY(-50%)',\n        },\n      },\n      'right top': {\n        content: {\n          top: '50%',\n          right: '0%',\n          transform: 'translateX(calc(100% + 0.75rem)) translateY(-75%)',\n        },\n      },\n      'right bottom': {\n        content: {\n          top: '50%',\n          right: '0%',\n          transform: 'translateX(calc(100% + 0.75rem)) translateY(-25%)',\n        },\n      },\n      bottom: {\n        content: {\n          bottom: '0%',\n          left: '50%',\n          transform: 'translateX(-50%) translateY(calc(100% + 0.75rem))',\n        },\n      },\n      'bottom left': {\n        content: {\n          bottom: '0%',\n          right: '0%',\n          transform: 'translateX(10%) translateY(calc(100% + 0.75rem))',\n        },\n      },\n      'bottom right': {\n        content: {\n          bottom: '0%',\n          left: '0%',\n          transform: 'translateX(-10%) translateY(calc(100% + 0.75rem))',\n        },\n      },\n    },\n    position: {\n      top: {\n        spacer: {\n          width: 72,\n          height: 4,\n          bottom: 0,\n          left: '50%',\n          transform: 'translateX(-50%) translateY(0.75rem)',\n        },\n      },\n      bottom: {\n        spacer: {\n          width: 72,\n          height: 4,\n          top: 0,\n          left: '50%',\n          transform: 'translateX(-50%) translateY(-0.75rem)',\n        },\n      },\n      left: {\n        spacer: {\n          width: 4,\n          height: 48,\n          top: '50%',\n          right: -6,\n          transform: 'translateX(-0.75rem) translateY(-50%)',\n        },\n      },\n      right: {\n        spacer: {\n          width: 4,\n          height: 48,\n          top: '50%',\n          left: -6,\n          transform: 'translateX(0.75rem) translateY(-50%)',\n        },\n      },\n    },\n  },\n});\n"],"names":["tooltip","sva"],"mappings":"0CAEO,MAAMA,EAAUC,EAAAA,IAAI,CACzB,MAAO,CAAC,UAAW,UAAW,QAAQ,EACtC,KAAM,CACJ,QAAS,CACP,SAAU,WACV,EAAG,MACJ,EACD,QAAS,CACP,EAAG,MACH,KAAM,GACN,MAAO,iBACP,GAAI,kBACJ,MAAO,CAAE,GAAI,mBAAqB,EAClC,SAAU,WACV,GAAI,EACJ,GAAI,EACJ,QAAS,KACT,UAAW,uCACX,OAAQ,MACR,QAAS,MACV,EACD,OAAQ,CACN,SAAU,UACX,CACF,EACD,SAAU,CACR,OAAQ,CACN,KAAM,CACJ,QAAS,CACP,EAAG,MACJ,CACF,CACF,EACD,OAAQ,CACN,KAAM,CACJ,QAAS,CACP,QAAS,OACV,CACF,CACF,EACD,UAAW,CACT,IAAK,CACH,QAAS,CACP,IAAK,KACL,KAAM,MACN,UAAW,oDACZ,CACF,EACD,WAAY,CACV,QAAS,CACP,IAAK,KACL,MAAO,OACP,UAAW,mDACZ,CACF,EACD,YAAa,CACX,QAAS,CACP,IAAK,KACL,KAAM,KACN,UAAW,oDACZ,CACF,EACD,KAAM,CACJ,QAAS,CACP,IAAK,MACL,KAAM,KACN,UAAW,oDACZ,CACF,EACD,WAAY,CACV,QAAS,CACP,IAAK,MACL,KAAM,KACN,UAAW,oDACZ,CACF,EACD,cAAe,CACb,QAAS,CACP,IAAK,MACL,KAAM,KACN,UAAW,oDACZ,CACF,EACD,MAAO,CACL,QAAS,CACP,IAAK,MACL,MAAO,KACP,UAAW,mDACZ,CACF,EACD,YAAa,CACX,QAAS,CACP,IAAK,MACL,MAAO,KACP,UAAW,mDACZ,CACF,EACD,eAAgB,CACd,QAAS,CACP,IAAK,MACL,MAAO,KACP,UAAW,mDACZ,CACF,EACD,OAAQ,CACN,QAAS,CACP,OAAQ,KACR,KAAM,MACN,UAAW,mDACZ,CACF,EACD,cAAe,CACb,QAAS,CACP,OAAQ,KACR,MAAO,KACP,UAAW,kDACZ,CACF,EACD,eAAgB,CACd,QAAS,CACP,OAAQ,KACR,KAAM,KACN,UAAW,mDACZ,CACF,CACF,EACD,SAAU,CACR,IAAK,CACH,OAAQ,CACN,MAAO,GACP,OAAQ,EACR,OAAQ,EACR,KAAM,MACN,UAAW,sCACZ,CACF,EACD,OAAQ,CACN,OAAQ,CACN,MAAO,GACP,OAAQ,EACR,IAAK,EACL,KAAM,MACN,UAAW,uCACZ,CACF,EACD,KAAM,CACJ,OAAQ,CACN,MAAO,EACP,OAAQ,GACR,IAAK,MACL,MAAO,GACP,UAAW,uCACZ,CACF,EACD,MAAO,CACL,OAAQ,CACN,MAAO,EACP,OAAQ,GACR,IAAK,MACL,KAAM,GACN,UAAW,sCACZ,CACF,CACF,CACF,CACF,CAAA"}

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

@@ -0,0 +1,2 @@
+import{jsx as t}from"react/jsx-runtime";import{cx as y,css as i}from"@styled/css";import{VStack as v}from"@styled/jsx";import{token as k}from"@styled/tokens";import{forwardRef as R,useRef as _}from"react";import{useButton as w,useHover as x,useFocusRing as C,mergeProps as P}from"react-aria";const a=R(({children:n,className:s,borderRadius:l,disabled:o,expand:d,onHover:e,shadow:u,...c},b)=>{const p=_(null),r=b||p,{buttonProps:m}=w({...c,isDisabled:o??!1},r),{hoverProps:f}=x({isDisabled:o??!1}),{isFocusVisible:g,focusProps:h}=C();return t("button",{ref:r,className:y(i({_active:{transform:"scale(0.95)"},_disabled:{opacity:"0.8",pointerEvents:"none"},cursor:"pointer",h:"auto",outline:"none",position:"relative",transition:"all 0.1s ease",willChange:"transform, opacity",...d?{w:"full"}:{},...u?{_before:{content:'""',position:"absolute",top:0,left:0,right:0,bottom:0,borderRadius:"inherit",backgroundImage:"linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))",_dark:{backgroundImage:"linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))"},opacity:0,transition:"opacity 0.1s ease"},_hover:{_before:{opacity:1}}}:{}}),g&&i({outlineColor:"brand.base",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5}),s),style:{borderRadius:l??k("radii.button")},...P(m,f,h),"aria-disabled":o,onMouseEnter:e,onTouchStart:e,children:t(v,{children:n})})});a.displayName="ButtonContainer";export{a as ButtonContainer};
+//# sourceMappingURL=button.js.map

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

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

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

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

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../../../../src/components/feedback/tooltip.tsx"],"sourcesContent":["import { Text } from '@components/primitives';\nimport { useClickAway } from '@hooks/useClickAway';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { css, cx } from '@styled/css';\nimport { PropsWithChildren, ReactElement, ReactNode, cloneElement, forwardRef, useMemo, useRef, useState } from 'react';\nimport { TooltipTriggerProps, mergeProps, useTooltipTrigger } from 'react-aria';\n\nexport type TooltipProps = PropsWithChildren<\n  {\n    content: ReactNode;\n    width?: number | string;\n  } & TooltipTriggerProps\n>;\n\nconst DEFAULT_CLOSE_DELAY = 2500;\n\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, forwardedRef) => {\n  const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.maxTouchPoints > 0;\n\n  const { children, content, width = 288, closeDelay = DEFAULT_CLOSE_DELAY, defaultOpen, ...restProps } = props;\n  const [isClicked, setIsClicked] = useState(false);\n\n  const { isSelected: isOpen, setSelected: setOpen } = useToggleState({\n    isOpen: props.isOpen,\n    defaultSelected: defaultOpen,\n    onChange(open) {\n      if (!open) {\n        setIsClicked(false);\n      }\n    },\n    ...props,\n  });\n\n  const state = useMemo(\n    () => ({\n      isOpen,\n      open: () => {\n        setOpen(true);\n      },\n      close: (immediate?: boolean) => {\n        if (immediate) {\n          setOpen(false);\n          return;\n        }\n        if (!isTouchDevice) {\n          if (isClicked) {\n            setTimeout(() => {\n              setOpen(false);\n              setIsClicked(false);\n            }, closeDelay);\n          }\n          if (!isClicked) {\n            setOpen(false);\n          }\n        } else {\n          setOpen(false);\n        }\n      },\n    }),\n    [isOpen, isClicked],\n  );\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { triggerProps, tooltipProps } = useTooltipTrigger(props, state, triggerRef);\n\n  triggerProps.onClick = () => {\n    state.open();\n    setIsClicked(true);\n  };\n\n  const clickAwayRef = useClickAway<HTMLDivElement>(() => {\n    state.close(true);\n  });\n\n  return (\n    <div\n      ref={clickAwayRef}\n      className={css({ position: 'relative' })}\n      onMouseLeave={() => {\n        state.close();\n      }}\n      onFocus={() => {\n        state.open();\n      }}\n      onBlur={() => {\n        state.close();\n      }}\n    >\n      {cloneElement(children as ReactElement, {\n        ...triggerProps,\n        tabIndex: 0,\n      })}\n      <div\n        ref={forwardedRef}\n        aria-describedby=\"tooltip\"\n        role=\"tooltip\"\n        style={{ width }}\n        className={cx(\n          css({\n            display: state.isOpen ? 'block' : 'none',\n            maxW: 72,\n            width: 'max',\n            color: 'text.secondary',\n            bgColor: 'surface.primary',\n            _dark: { bgColor: 'surface.secondary' },\n            borderColor: 'neutral.secondary',\n            position: 'absolute',\n            py: 2,\n            px: 3,\n            borderRadius: 'xl',\n            boxShadow: '0px 4px 20px 0px rgba(0, 0, 0, 0.10)',\n            top: 0,\n            left: '50%',\n            transform: 'translateX(-50%) translateY(calc(-100% - 0.75rem))',\n            zIndex: 'max',\n          }),\n        )}\n        onMouseEnter={() => {\n          state.open();\n        }}\n        {...mergeProps(tooltipProps, restProps)}\n      >\n        <Text size=\"sm\">{content}</Text>\n        {state.isOpen && (\n          <div\n            onMouseEnter={() => {\n              state.open();\n            }}\n            style={{ width }}\n            className={css({\n              position: 'absolute',\n              h: 4,\n              bottom: 0,\n              left: '50%',\n              transform: 'translateX(-50%) translateY(0.75rem)',\n            })}\n          />\n        )}\n      </div>\n    </div>\n  );\n});\n\nTooltip.displayName = 'Tooltip';\n\nexport default Tooltip;\n"],"names":["DEFAULT_CLOSE_DELAY","Tooltip","forwardRef","props","forwardedRef","isTouchDevice","children","content","width","closeDelay","defaultOpen","restProps","isClicked","setIsClicked","useState","isOpen","setOpen","useToggleState","open","state","useMemo","immediate","triggerRef","useRef","triggerProps","tooltipProps","useTooltipTrigger","clickAwayRef","useClickAway","_jsxs","css","cloneElement","cx","mergeProps","_jsx","Text"],"mappings":"opBAcMA,EAAsB,KAEtBC,EAAUC,EAAyC,CAACC,EAAOC,IAAgB,CAC/E,MAAMC,EAAgB,iBAAkB,QAAU,UAAU,eAAiB,GAAK,UAAU,eAAiB,EAEvG,CAAE,SAAAC,EAAU,QAAAC,EAAS,MAAAC,EAAQ,IAAK,WAAAC,EAAaT,EAAqB,YAAAU,EAAa,GAAGC,CAAW,EAAGR,EAClG,CAACS,EAAWC,CAAY,EAAIC,EAAS,EAAK,EAE1C,CAAE,WAAYC,EAAQ,YAAaC,CAAO,EAAKC,EAAe,CAClE,OAAQd,EAAM,OACd,gBAAiBO,EACjB,SAASQ,EAAI,CACNA,GACHL,EAAa,EAAK,CAEtB,EACA,GAAGV,CACJ,CAAA,EAEKgB,EAAQC,EACZ,KAAO,CACL,OAAAL,EACA,KAAM,IAAK,CACTC,EAAQ,EAAI,CACd,EACA,MAAQK,GAAuB,CAC7B,GAAIA,EAAW,CACbL,EAAQ,EAAK,EACb,MACF,CACKX,EAWHW,EAAQ,EAAK,GAVTJ,GACF,WAAW,IAAK,CACdI,EAAQ,EAAK,EACbH,EAAa,EAAK,CACpB,EAAGJ,CAAU,EAEVG,GACHI,EAAQ,EAAK,EAKnB,CACD,GACD,CAACD,EAAQH,CAAS,CAAC,EAGfU,EAAaC,EAAuB,IAAI,EACxC,CAAE,aAAAC,EAAc,aAAAC,GAAiBC,EAAkBvB,EAAOgB,EAAOG,CAAU,EAEjFE,EAAa,QAAU,IAAK,CAC1BL,EAAM,OACNN,EAAa,EAAI,CACnB,EAEA,MAAMc,EAAeC,EAA6B,IAAK,CACrDT,EAAM,MAAM,EAAI,CAClB,CAAC,EAED,OACEU,SACE,IAAKF,EACL,UAAWG,EAAI,CAAE,SAAU,UAAY,CAAA,EACvC,aAAc,IAAK,CACjBX,EAAM,MACR,CAAA,EACA,QAAS,IAAK,CACZA,EAAM,MACR,EACA,OAAQ,IAAK,CACXA,EAAM,MAAK,CACb,EAEC,SAAA,CAAAY,EAAazB,EAA0B,CACtC,GAAGkB,EACH,SAAU,EACX,EACDK,SACE,IAAKzB,EACY,mBAAA,UACjB,KAAK,UACL,MAAO,CAAE,MAAAI,CAAO,EAChB,UAAWwB,EACTF,EAAI,CACF,QAASX,EAAM,OAAS,QAAU,OAClC,KAAM,GACN,MAAO,MACP,MAAO,iBACP,QAAS,kBACT,MAAO,CAAE,QAAS,mBAAqB,EACvC,YAAa,oBACb,SAAU,WACV,GAAI,EACJ,GAAI,EACJ,aAAc,KACd,UAAW,uCACX,IAAK,EACL,KAAM,MACN,UAAW,qDACX,OAAQ,KACT,CAAA,CAAC,EAEJ,aAAc,IAAK,CACjBA,EAAM,KACR,CAAA,EAAC,GACGc,EAAWR,EAAcd,CAAS,EAEtC,SAAA,CAAAuB,EAACC,EAAI,CAAC,KAAK,KAAI,SAAE5B,CAAO,CAAA,EACvBY,EAAM,QACLe,EACE,MAAA,CAAA,aAAc,IAAK,CACjBf,EAAM,KAAI,CACZ,EACA,MAAO,CAAE,MAAAX,GACT,UAAWsB,EAAI,CACb,SAAU,WACV,EAAG,EACH,OAAQ,EACR,KAAM,MACN,UAAW,sCACZ,CAAA,CACD,CAAA,CACH,CACG,CAAA,CAAA,CAAA,CAAA,CAGZ,CAAC,EAED7B,EAAQ,YAAc"}
+{"version":3,"file":"tooltip.js","sources":["../../../../src/components/feedback/tooltip.tsx"],"sourcesContent":["import { Text } from '@components/primitives';\nimport { useClickAway } from '@hooks/useClickAway';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { tooltip } from '@recipes/tooltip';\nimport { Box } from '@styled/jsx';\nimport { PropsWithChildren, ReactElement, ReactNode, cloneElement, forwardRef, useMemo, useRef, useState } from 'react';\nimport { TooltipTriggerProps, mergeProps, useTooltipTrigger } from 'react-aria';\n\ntype Position = 'top' | 'bottom' | 'left' | 'right';\n\ntype Placement =\n  | 'top'\n  | 'top right'\n  | 'top left'\n  | 'left'\n  | 'left top'\n  | 'left bottom'\n  | 'right'\n  | 'right top'\n  | 'right bottom'\n  | 'bottom'\n  | 'bottom right'\n  | 'bottom left';\n\nexport type TooltipProps = PropsWithChildren<\n  {\n    content: ReactNode;\n    width?: number | string;\n    placement?: Placement;\n    expand?: boolean;\n  } & TooltipTriggerProps\n>;\n\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, forwardedRef) => {\n  const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.maxTouchPoints > 0;\n\n  const {\n    children,\n    content,\n    width = 288,\n    closeDelay = 2500,\n    defaultOpen,\n    placement = 'top',\n    expand = false,\n    ...restProps\n  } = props;\n  const [isClicked, setIsClicked] = useState(false);\n\n  const { isSelected: isOpen, setSelected: setOpen } = useToggleState({\n    isOpen: props.isOpen,\n    defaultSelected: defaultOpen,\n    onChange(open) {\n      if (!open) {\n        setIsClicked(false);\n      }\n    },\n    ...props,\n  });\n\n  const state = useMemo(\n    () => ({\n      isOpen,\n      open: () => {\n        setOpen(true);\n      },\n      close: (immediate?: boolean) => {\n        if (immediate) {\n          setOpen(false);\n          return;\n        }\n        if (!isTouchDevice) {\n          if (isClicked) {\n            setTimeout(() => {\n              setOpen(false);\n              setIsClicked(false);\n            }, closeDelay);\n          }\n          if (!isClicked) {\n            setOpen(false);\n          }\n        } else {\n          setOpen(false);\n        }\n      },\n    }),\n    [isOpen, isClicked],\n  );\n\n  const triggerRef = useRef<HTMLDivElement>(null);\n  const { triggerProps, tooltipProps } = useTooltipTrigger(props, state, triggerRef);\n\n  triggerProps.onClick = () => {\n    state.open();\n    setIsClicked(true);\n  };\n\n  const clickAwayRef = useClickAway<HTMLDivElement>(() => {\n    state.close(true);\n  });\n\n  const position = placement.split(' ')[0] as Position;\n  const classes = tooltip({ expand, isOpen: state.isOpen, placement, position });\n\n  return (\n    <Box\n      ref={clickAwayRef}\n      className={classes.trigger}\n      onMouseLeave={() => {\n        state.close();\n      }}\n      onFocus={() => {\n        state.open();\n      }}\n      onBlur={() => {\n        state.close();\n      }}\n    >\n      {cloneElement(children as ReactElement, {\n        ...triggerProps,\n        tabIndex: 0,\n      })}\n      <Box\n        ref={forwardedRef}\n        aria-describedby=\"tooltip\"\n        role=\"tooltip\"\n        className={classes.content}\n        style={{ width }}\n        onMouseEnter={() => {\n          state.open();\n        }}\n        {...mergeProps(tooltipProps, restProps)}\n      >\n        <Text size=\"sm\">{content}</Text>\n        {state.isOpen && (\n          <Box\n            onMouseEnter={() => {\n              state.open();\n            }}\n            className={classes.spacer}\n          />\n        )}\n      </Box>\n    </Box>\n  );\n});\n\nTooltip.displayName = 'Tooltip';\n\nexport default Tooltip;\n"],"names":["Tooltip","forwardRef","props","forwardedRef","isTouchDevice","children","content","width","closeDelay","defaultOpen","placement","expand","restProps","isClicked","setIsClicked","useState","isOpen","setOpen","useToggleState","open","state","useMemo","immediate","triggerRef","useRef","triggerProps","tooltipProps","useTooltipTrigger","clickAwayRef","useClickAway","position","classes","tooltip","_jsxs","Box","cloneElement","mergeProps","_jsx","Text"],"mappings":"yrBAiCMA,MAAAA,EAAUC,EAAyC,CAACC,EAAOC,IAAgB,CAC/E,MAAMC,EAAgB,iBAAkB,QAAU,UAAU,eAAiB,GAAK,UAAU,eAAiB,EAEvG,CACJ,SAAAC,EACA,QAAAC,EACA,MAAAC,EAAQ,IACR,WAAAC,EAAa,KACb,YAAAC,EACA,UAAAC,EAAY,MACZ,OAAAC,EAAS,GACT,GAAGC,CAAS,EACVV,EACE,CAACW,EAAWC,CAAY,EAAIC,EAAS,EAAK,EAE1C,CAAE,WAAYC,EAAQ,YAAaC,CAAO,EAAKC,EAAe,CAClE,OAAQhB,EAAM,OACd,gBAAiBO,EACjB,SAASU,EAAI,CACNA,GACHL,EAAa,EAAK,CAEtB,EACA,GAAGZ,CACJ,CAAA,EAEKkB,EAAQC,EACZ,KAAO,CACL,OAAAL,EACA,KAAM,IAAK,CACTC,EAAQ,EAAI,CACd,EACA,MAAQK,GAAuB,CAC7B,GAAIA,EAAW,CACbL,EAAQ,EAAK,EACb,MACF,CACKb,EAWHa,EAAQ,EAAK,GAVTJ,GACF,WAAW,IAAK,CACdI,EAAQ,EAAK,EACbH,EAAa,EAAK,CACpB,EAAGN,CAAU,EAEVK,GACHI,EAAQ,EAAK,EAKnB,CACD,GACD,CAACD,EAAQH,CAAS,CAAC,EAGfU,EAAaC,EAAuB,IAAI,EACxC,CAAE,aAAAC,EAAc,aAAAC,GAAiBC,EAAkBzB,EAAOkB,EAAOG,CAAU,EAEjFE,EAAa,QAAU,IAAK,CAC1BL,EAAM,KACNN,EAAAA,EAAa,EAAI,CACnB,EAEA,MAAMc,EAAeC,EAA6B,IAAK,CACrDT,EAAM,MAAM,EAAI,CAClB,CAAC,EAEKU,EAAWpB,EAAU,MAAM,GAAG,EAAE,CAAC,EACjCqB,EAAUC,EAAQ,CAAE,OAAArB,EAAQ,OAAQS,EAAM,OAAQ,UAAAV,EAAW,SAAAoB,CAAQ,CAAE,EAE7E,OACEG,EAACC,EACC,CAAA,IAAKN,EACL,UAAWG,EAAQ,QACnB,aAAc,IAAK,CACjBX,EAAM,MACR,CAAA,EACA,QAAS,IAAK,CACZA,EAAM,KACR,CAAA,EACA,OAAQ,IAAK,CACXA,EAAM,MACR,CAAA,EAEC,SAAA,CAAAe,EAAa9B,EAA0B,CACtC,GAAGoB,EACH,SAAU,CACX,CAAA,EACDQ,EAACC,EAAG,CACF,IAAK/B,EAAY,mBACA,UACjB,KAAK,UACL,UAAW4B,EAAQ,QACnB,MAAO,CAAE,MAAAxB,CAAO,EAChB,aAAc,IAAK,CACjBa,EAAM,KACR,CAAA,EACI,GAAAgB,EAAWV,EAAcd,CAAS,EAAC,SAAA,CAEvCyB,EAACC,EAAK,CAAA,KAAK,KAAM,SAAAhC,CAAe,CAAA,EAC/Bc,EAAM,QACLiB,EAACH,EAAG,CACF,aAAc,IAAK,CACjBd,EAAM,KACR,CAAA,EACA,UAAWW,EAAQ,MAAM,CAAA,CAE5B,CAAA,CAAA,CACG,CACF,CAAA,CAEV,CAAC,EAED/B,EAAQ,YAAc"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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