@magiclabs/ui-components 1.31.1 → 1.32.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/dist/cjs/components/containers/button.js +2 -0
  2. package/dist/cjs/components/containers/button.js.map +1 -0
  3. package/dist/cjs/components/external/paypal-button.js +1 -1
  4. package/dist/cjs/components/external/paypal-button.js.map +1 -1
  5. package/dist/cjs/components/info/text-box.js +1 -1
  6. package/dist/cjs/components/info/text-box.js.map +1 -1
  7. package/dist/cjs/components/info/wallet-address.js +1 -1
  8. package/dist/cjs/components/info/wallet-address.js.map +1 -1
  9. package/dist/cjs/components/layouts/passport-page.js +1 -1
  10. package/dist/cjs/components/layouts/passport-page.js.map +1 -1
  11. package/dist/cjs/components/list-items/navigation-button.js +1 -1
  12. package/dist/cjs/components/list-items/navigation-button.js.map +1 -1
  13. package/dist/cjs/components/list-items/nft-tile.js +1 -1
  14. package/dist/cjs/components/list-items/nft-tile.js.map +1 -1
  15. package/dist/cjs/components/list-items/token-list-item.js +1 -1
  16. package/dist/cjs/components/list-items/token-list-item.js.map +1 -1
  17. package/dist/cjs/components/list-items/transaction-row.js +1 -1
  18. package/dist/cjs/components/list-items/transaction-row.js.map +1 -1
  19. package/dist/cjs/components/sections/wallet-actions.js +1 -1
  20. package/dist/cjs/components/sections/wallet-actions.js.map +1 -1
  21. package/dist/cjs/index.js +1 -1
  22. package/dist/es/components/containers/button.js +2 -0
  23. package/dist/es/components/containers/button.js.map +1 -0
  24. package/dist/es/components/external/paypal-button.js +1 -1
  25. package/dist/es/components/external/paypal-button.js.map +1 -1
  26. package/dist/es/components/info/text-box.js +1 -1
  27. package/dist/es/components/info/text-box.js.map +1 -1
  28. package/dist/es/components/info/wallet-address.js +1 -1
  29. package/dist/es/components/info/wallet-address.js.map +1 -1
  30. package/dist/es/components/layouts/passport-page.js +1 -1
  31. package/dist/es/components/layouts/passport-page.js.map +1 -1
  32. package/dist/es/components/list-items/navigation-button.js +1 -1
  33. package/dist/es/components/list-items/navigation-button.js.map +1 -1
  34. package/dist/es/components/list-items/nft-tile.js +1 -1
  35. package/dist/es/components/list-items/nft-tile.js.map +1 -1
  36. package/dist/es/components/list-items/token-list-item.js +1 -1
  37. package/dist/es/components/list-items/token-list-item.js.map +1 -1
  38. package/dist/es/components/list-items/transaction-row.js +1 -1
  39. package/dist/es/components/list-items/transaction-row.js.map +1 -1
  40. package/dist/es/components/sections/wallet-actions.js +1 -1
  41. package/dist/es/components/sections/wallet-actions.js.map +1 -1
  42. package/dist/es/index.js +1 -1
  43. package/dist/panda.buildinfo.json +1 -1
  44. package/dist/types/components/containers/button.d.ts +12 -0
  45. package/dist/types/components/containers/button.d.ts.map +1 -0
  46. package/dist/types/components/containers/index.d.ts +2 -0
  47. package/dist/types/components/containers/index.d.ts.map +1 -1
  48. package/dist/types/components/external/paypal-button.d.ts +2 -2
  49. package/dist/types/components/external/paypal-button.d.ts.map +1 -1
  50. package/dist/types/components/info/text-box.d.ts.map +1 -1
  51. package/dist/types/components/info/wallet-address.d.ts.map +1 -1
  52. package/dist/types/components/list-items/navigation-button.d.ts.map +1 -1
  53. package/dist/types/components/list-items/nft-tile.d.ts.map +1 -1
  54. package/dist/types/components/list-items/token-list-item.d.ts.map +1 -1
  55. package/dist/types/components/list-items/transaction-row.d.ts.map +1 -1
  56. package/dist/types/components/sections/wallet-actions.d.ts +1 -0
  57. package/dist/types/components/sections/wallet-actions.d.ts.map +1 -1
  58. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"token-list-item.js","sources":["../../../../src/components/list-items/token-list-item.tsx"],"sourcesContent":["import { IconGenericToken } from '@components/logos';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Center, HStack, VStack } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, useCallback, useRef } from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing } from 'react-aria';\n\nexport interface TokenListItemProps extends AriaButtonProps {\n name: string;\n fiatBalanceWithSymbol: string;\n tokenBalanceWithSymbol: string;\n logoUrl?: string;\n onPress?: () => void;\n tokenBalanceFirst?: boolean;\n}\n\nconst TokenIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\ninterface ListContentProps extends Omit<TokenListItemProps, 'onPress'> {\n tokenIcon?: React.ReactElement;\n}\n\nconst ListContent = ({\n name,\n fiatBalanceWithSymbol,\n tokenBalanceWithSymbol,\n tokenIcon,\n logoUrl,\n tokenBalanceFirst,\n}: ListContentProps) => {\n return (\n <HStack w=\"full\" justify=\"space-between\">\n <HStack gap={4}>\n {tokenIcon ? (\n {\n ...tokenIcon,\n props: {\n ...tokenIcon.props,\n width: 40,\n height: 40,\n },\n }\n ) : logoUrl ? (\n <img width={40} height={40} src={logoUrl} alt={`${name} logo`} />\n ) : (\n <IconGenericToken width={40} height={40} />\n )}\n <Text fontWeight=\"medium\" styles={{ textTransform: 'capitalize' }}>\n {name}\n </Text>\n </HStack>\n <VStack gap={0} alignItems=\"flex-end\">\n <Text size=\"sm\" styles={{ lineHeight: '1.5rem' }}>\n {tokenBalanceFirst ? tokenBalanceWithSymbol : fiatBalanceWithSymbol}\n </Text>\n <Text size=\"sm\" fontColor=\"text.secondary\" styles={{ lineHeight: '1.5rem' }}>\n {tokenBalanceFirst ? fiatBalanceWithSymbol : tokenBalanceWithSymbol}\n </Text>\n </VStack>\n </HStack>\n );\n};\n\nconst TokenListItemBase = (props: TokenListItemProps) => {\n const { name, fiatBalanceWithSymbol, tokenBalanceWithSymbol, logoUrl, onPress, tokenBalanceFirst } = props;\n\n const ref = useRef(null);\n\n const handlePress = useCallback(() => {\n onPress?.();\n }, [onPress]);\n\n const { buttonProps } = useButton({ ...props, onPress: handlePress }, ref);\n const { isFocusVisible, focusProps } = useFocusRing();\n\n return createHost(props.children, slots => {\n const tokenIcon = slots.get(TokenIcon);\n\n if (onPress)\n return (\n <button\n ref={ref}\n {...mergeProps(buttonProps, focusProps)}\n className={css({\n w: 'full',\n px: 4,\n py: 2,\n minH: 16,\n bg: 'neutral.quaternary',\n _dark: { bg: 'surface.tertiary' },\n transition: 'background-color 0.1s',\n _hover: { bg: 'neutral.secondary' },\n rounded: 'lg',\n outlineColor: 'brand.base',\n outlineStyle: isFocusVisible ? 'solid' : 'none',\n outlineWidth: 'thick',\n outlineOffset: 1,\n cursor: 'pointer',\n })}\n >\n <ListContent\n name={name}\n fiatBalanceWithSymbol={fiatBalanceWithSymbol}\n tokenBalanceWithSymbol={tokenBalanceWithSymbol}\n tokenIcon={tokenIcon}\n logoUrl={logoUrl}\n tokenBalanceFirst={tokenBalanceFirst}\n />\n </button>\n );\n\n return (\n <ListContent\n name={name}\n fiatBalanceWithSymbol={fiatBalanceWithSymbol}\n tokenBalanceWithSymbol={tokenBalanceWithSymbol}\n tokenIcon={tokenIcon}\n logoUrl={logoUrl}\n tokenBalanceFirst={tokenBalanceFirst}\n />\n );\n });\n};\n\nexport const TokenListItem = Object.assign(TokenListItemBase, { TokenIcon });\n"],"names":["TokenIcon","createSlot","children","props","_jsx","Center","Children","child","cloneElement","ListContent","name","fiatBalanceWithSymbol","tokenBalanceWithSymbol","tokenIcon","logoUrl","tokenBalanceFirst","_jsxs","HStack","IconGenericToken","Text","VStack","TokenListItemBase","onPress","ref","useRef","handlePress","useCallback","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","createHost","slots","mergeProps","css","TokenListItem"],"mappings":"ssBAiBA,MAAMA,EAAYC,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEhDC,EAACC,EAAM,CAAA,SACJC,EAAS,IAAIJ,EAAUK,GACfC,EAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAMKM,EAAc,CAAC,CACnB,KAAAC,EACA,sBAAAC,EACA,uBAAAC,EACA,UAAAC,EACA,QAAAC,EACA,kBAAAC,CAAiB,IAGfC,EAACC,EAAM,CAAC,EAAE,OAAO,QAAQ,0BACvBD,EAACC,EAAO,CAAA,IAAK,YACVJ,EACC,CACE,GAAGA,EACH,MAAO,CACL,GAAGA,EAAU,MACb,MAAO,GACP,OAAQ,EACT,CACF,EACCC,EACFV,EAAK,MAAA,CAAA,MAAO,GAAI,OAAQ,GAAI,IAAKU,EAAS,IAAK,GAAGJ,CAAI,OAAO,CAAA,EAE7DN,EAACc,EAAiB,CAAA,MAAO,GAAI,OAAQ,EAAM,CAAA,EAE7Cd,EAACe,EAAK,CAAA,WAAW,SAAS,OAAQ,CAAE,cAAe,YAAY,EAC5D,SAAAT,CACI,CAAA,CAAA,CAAA,CAAA,EAETM,EAACI,EAAO,CAAA,IAAK,EAAG,WAAW,WACzB,SAAA,CAAAhB,EAACe,EAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,WAAY,QAAQ,EAC3C,SAAAJ,EAAoBH,EAAyBD,CAAqB,CAAA,EAErEP,EAACe,EAAI,CAAC,KAAK,KAAK,UAAU,iBAAiB,OAAQ,CAAE,WAAY,QAAQ,EACtE,SAAAJ,EAAoBJ,EAAwBC,CAAsB,CAAA,CAC9D,CACA,CAAA,CAAA,CAAA,CAAA,EAKTS,EAAqBlB,GAA6B,CACtD,KAAM,CAAE,KAAAO,EAAM,sBAAAC,EAAuB,uBAAAC,EAAwB,QAAAE,EAAS,QAAAQ,EAAS,kBAAAP,CAAmB,EAAGZ,EAE/FoB,EAAMC,EAAO,IAAI,EAEjBC,EAAcC,EAAY,IAAK,CACnCJ,IACF,CAAA,EAAG,CAACA,CAAO,CAAC,EAEN,CAAE,YAAAK,CAAW,EAAKC,EAAU,CAAE,GAAGzB,EAAO,QAASsB,GAAeF,CAAG,EACnE,CAAE,eAAAM,EAAgB,WAAAC,GAAeC,IAEvC,OAAOC,EAAW7B,EAAM,SAAU8B,GAAQ,CACxC,MAAMpB,EAAYoB,EAAM,IAAIjC,CAAS,EAErC,OAAIsB,EAEAlB,EACE,SAAA,CAAA,IAAKmB,KACDW,EAAWP,EAAaG,CAAU,EACtC,UAAWK,EAAI,CACb,EAAG,OACH,GAAI,EACJ,GAAI,EACJ,KAAM,GACN,GAAI,qBACJ,MAAO,CAAE,GAAI,kBAAoB,EACjC,WAAY,wBACZ,OAAQ,CAAE,GAAI,mBAAqB,EACnC,QAAS,KACT,aAAc,aACd,aAAcN,EAAiB,QAAU,OACzC,aAAc,QACd,cAAe,EACf,OAAQ,SACT,CAAA,EAED,SAAAzB,EAACK,EAAW,CACV,KAAMC,EACN,sBAAuBC,EACvB,uBAAwBC,EACxB,UAAWC,EACX,QAASC,EACT,kBAAmBC,CACnB,CAAA,CAAA,CAAA,EAKNX,EAACK,EAAW,CACV,KAAMC,EACN,sBAAuBC,EACvB,uBAAwBC,EACxB,UAAWC,EACX,QAASC,EACT,kBAAmBC,CAAiB,CAAA,CAG1C,CAAC,CACH,EAEaqB,EAAgB,OAAO,OAAOf,EAAmB,CAAE,UAAArB,CAAS,CAAE"}
1
+ {"version":3,"file":"token-list-item.js","sources":["../../../../src/components/list-items/token-list-item.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { IconGenericToken } from '@components/logos';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Center, HStack, VStack } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, useCallback, useRef } from 'react';\nimport { AriaButtonProps } from 'react-aria';\n\nexport interface TokenListItemProps extends AriaButtonProps {\n name: string;\n fiatBalanceWithSymbol: string;\n tokenBalanceWithSymbol: string;\n logoUrl?: string;\n onPress?: () => void;\n tokenBalanceFirst?: boolean;\n}\n\nconst TokenIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\ninterface ListContentProps extends Omit<TokenListItemProps, 'onPress'> {\n tokenIcon?: React.ReactElement;\n}\n\nconst ListContent = ({\n name,\n fiatBalanceWithSymbol,\n tokenBalanceWithSymbol,\n tokenIcon,\n logoUrl,\n tokenBalanceFirst,\n}: ListContentProps) => {\n return (\n <HStack w=\"full\" justify=\"space-between\">\n <HStack gap={4}>\n {tokenIcon ? (\n {\n ...tokenIcon,\n props: {\n ...tokenIcon.props,\n width: 40,\n height: 40,\n },\n }\n ) : logoUrl ? (\n <img width={40} height={40} src={logoUrl} alt={`${name} logo`} />\n ) : (\n <IconGenericToken width={40} height={40} />\n )}\n <Text fontWeight=\"medium\" styles={{ textTransform: 'capitalize' }}>\n {name}\n </Text>\n </HStack>\n <VStack gap={0} alignItems=\"flex-end\">\n <Text size=\"sm\" styles={{ lineHeight: '1.5rem' }}>\n {tokenBalanceFirst ? tokenBalanceWithSymbol : fiatBalanceWithSymbol}\n </Text>\n <Text size=\"sm\" fontColor=\"text.secondary\" styles={{ lineHeight: '1.5rem' }}>\n {tokenBalanceFirst ? fiatBalanceWithSymbol : tokenBalanceWithSymbol}\n </Text>\n </VStack>\n </HStack>\n );\n};\n\nconst TokenListItemBase = (props: TokenListItemProps) => {\n const { name, fiatBalanceWithSymbol, tokenBalanceWithSymbol, logoUrl, onPress, tokenBalanceFirst } = props;\n\n const ref = useRef(null);\n\n const handlePress = useCallback(() => {\n onPress?.();\n }, [onPress]);\n\n return createHost(props.children, slots => {\n const tokenIcon = slots.get(TokenIcon);\n\n if (onPress)\n return (\n <ButtonContainer\n ref={ref}\n className={css({\n _dark: { bg: 'surface.tertiary' },\n _hover: { bg: 'neutral.secondary' },\n bg: 'neutral.quaternary',\n px: 4,\n py: 2,\n minH: 16,\n })}\n borderRadius=\"0.5rem\"\n expand\n onPress={handlePress}\n >\n <ListContent\n name={name}\n fiatBalanceWithSymbol={fiatBalanceWithSymbol}\n tokenBalanceWithSymbol={tokenBalanceWithSymbol}\n tokenIcon={tokenIcon}\n logoUrl={logoUrl}\n tokenBalanceFirst={tokenBalanceFirst}\n />\n </ButtonContainer>\n );\n\n return (\n <ListContent\n name={name}\n fiatBalanceWithSymbol={fiatBalanceWithSymbol}\n tokenBalanceWithSymbol={tokenBalanceWithSymbol}\n tokenIcon={tokenIcon}\n logoUrl={logoUrl}\n tokenBalanceFirst={tokenBalanceFirst}\n />\n );\n });\n};\n\nexport const TokenListItem = Object.assign(TokenListItemBase, { TokenIcon });\n"],"names":["TokenIcon","createSlot","children","props","_jsx","Center","Children","child","cloneElement","ListContent","name","fiatBalanceWithSymbol","tokenBalanceWithSymbol","tokenIcon","logoUrl","tokenBalanceFirst","_jsxs","HStack","IconGenericToken","Text","VStack","TokenListItemBase","onPress","ref","useRef","handlePress","useCallback","createHost","slots","ButtonContainer","css","TokenListItem"],"mappings":"w7BAkBA,MAAMA,EAAYC,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEhDC,EAACC,EAAM,CAAA,SACJC,EAAS,IAAIJ,EAAUK,GACfC,EAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAMKM,EAAc,CAAC,CACnB,KAAAC,EACA,sBAAAC,EACA,uBAAAC,EACA,UAAAC,EACA,QAAAC,EACA,kBAAAC,CAAiB,IAGfC,EAACC,EAAM,CAAC,EAAE,OAAO,QAAQ,0BACvBD,EAACC,EAAO,CAAA,IAAK,YACVJ,EACC,CACE,GAAGA,EACH,MAAO,CACL,GAAGA,EAAU,MACb,MAAO,GACP,OAAQ,EACT,CACF,EACCC,EACFV,EAAK,MAAA,CAAA,MAAO,GAAI,OAAQ,GAAI,IAAKU,EAAS,IAAK,GAAGJ,CAAI,OAAO,CAAA,EAE7DN,EAACc,EAAiB,CAAA,MAAO,GAAI,OAAQ,EAAM,CAAA,EAE7Cd,EAACe,EAAK,CAAA,WAAW,SAAS,OAAQ,CAAE,cAAe,YAAY,EAC5D,SAAAT,CACI,CAAA,CAAA,CAAA,CAAA,EAETM,EAACI,EAAO,CAAA,IAAK,EAAG,WAAW,WACzB,SAAA,CAAAhB,EAACe,EAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,WAAY,QAAQ,EAC3C,SAAAJ,EAAoBH,EAAyBD,CAAqB,CAAA,EAErEP,EAACe,EAAI,CAAC,KAAK,KAAK,UAAU,iBAAiB,OAAQ,CAAE,WAAY,QAAQ,EACtE,SAAAJ,EAAoBJ,EAAwBC,CAAsB,CAAA,CAC9D,CACA,CAAA,CAAA,CAAA,CAAA,EAKTS,EAAqBlB,GAA6B,CACtD,KAAM,CAAE,KAAAO,EAAM,sBAAAC,EAAuB,uBAAAC,EAAwB,QAAAE,EAAS,QAAAQ,EAAS,kBAAAP,CAAmB,EAAGZ,EAE/FoB,EAAMC,EAAO,IAAI,EAEjBC,EAAcC,EAAY,IAAK,CACnCJ,IACF,CAAA,EAAG,CAACA,CAAO,CAAC,EAEZ,OAAOK,EAAWxB,EAAM,SAAUyB,GAAQ,CACxC,MAAMf,EAAYe,EAAM,IAAI5B,CAAS,EAErC,OAAIsB,EAEAlB,EAACyB,EACC,CAAA,IAAKN,EACL,UAAWO,EAAI,CACb,MAAO,CAAE,GAAI,kBAAoB,EACjC,OAAQ,CAAE,GAAI,mBAAqB,EACnC,GAAI,qBACJ,GAAI,EACJ,GAAI,EACJ,KAAM,EACP,CAAA,EACD,aAAa,SACb,UACA,QAASL,EAAW,SAEpBrB,EAACK,EAAW,CACV,KAAMC,EACN,sBAAuBC,EACvB,uBAAwBC,EACxB,UAAWC,EACX,QAASC,EACT,kBAAmBC,CACnB,CAAA,CAAA,CAAA,EAKNX,EAACK,EAAW,CACV,KAAMC,EACN,sBAAuBC,EACvB,uBAAwBC,EACxB,UAAWC,EACX,QAASC,EACT,kBAAmBC,CAAiB,CAAA,CAG1C,CAAC,CACH,EAEagB,EAAgB,OAAO,OAAOV,EAAmB,CAAE,UAAArB,CAAS,CAAE"}
@@ -1,2 +1,2 @@
1
- import{jsx as r,jsxs as i}from"react/jsx-runtime";import{token as o}from"@styled/tokens";import j from"../icons/ico-arrow-down.js";import R from"../icons/ico-arrow-up.js";import $ from"../icons/ico-lightning-fill.js";import B from"../icons/ico-lock-unlocked-fill.js";import{Children as H,cloneElement as I,useRef as N,useCallback as O}from"react";import{Center as q,HStack as l}from"@styled/jsx";import"@styled/css";import"../feedback/callout.js";import"../feedback/progress-bar.js";import{Skeleton as y}from"../feedback/skeleton.js";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import c from"../primitives/text.js";import"../primitives/portal.js";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import{hstack as z}from"@styled/patterns";import{createSlot as E,createHost as V}from"create-slots";import{useButton as A,useFocusRing as D,mergeProps as G}from"react-aria";const J={send:{title:"Send",primaryTextColor:o("colors.text.primary"),secondaryTextColor:o("colors.text.secondary"),icon:R,iconColor:o("colors.negative.darker"),skeletonWidth:"89px"},receive:{title:"Receive",primaryTextColor:o("colors.positive.base"),secondaryTextColor:`${o("colors.positive.lighter")}`,icon:j,iconColor:o("colors.positive.base"),skeletonWidth:"89px"},networkFee:{title:"Network Fee",primaryTextColor:o("colors.text.primary"),secondaryTextColor:o("colors.text.secondary"),icon:$,iconColor:o("colors.brand.base"),skeletonWidth:"54px"},spendingCap:{title:"Spending Cap",primaryTextColor:o("colors.warning.base"),secondaryTextColor:o("colors.warning.base"),icon:B,iconColor:o("colors.warning.base"),skeletonWidth:"89px"}},f=E(({children:n,...t})=>r(q,{children:H.map(n,s=>I(s,t))})),K=n=>{const{variant:t,primaryText:s,secondaryText:p,children:u,onPress:m,loading:a,showTitle:C=!0}=n,{title:g,primaryTextColor:d,secondaryTextColor:b,icon:k,iconColor:w,skeletonWidth:h}=J[t],T=t==="send"||t==="networkFee",x=N(null),v=O(()=>{m?.()},[m]),{buttonProps:W}=A({...n,onPress:v},x),{isFocusVisible:F,focusProps:S}=D();return V(u,P=>{const e=P.get(f);return i(l,{w:"full",justify:"space-between",children:[i(l,{gap:2,children:[r(k,{width:16,height:16,color:w}),C&&r(c,{size:"sm",fontWeight:"medium",children:g})]}),i(l,{gap:4,children:[p&&r(c,{styles:{color:b},children:p}),T?i("button",{...G(W,S),ref:x,className:z({px:4,py:2.5,gap:3,rounded:"xl",bg:"surface.secondary",outlineColor:"brand.base",outlineStyle:F?"solid":"none",outlineWidth:"thick",outlineOffset:.5,cursor:"pointer"}),children:[a?r(y,{width:h}):r(c,{styles:{color:d},children:s}),e&&{...e,props:{...e.props,width:32,height:32}}]}):i(l,{gap:3,children:[a?r(y,{width:h}):r(c,{styles:{color:d},children:s}),e&&{...e,props:{...e.props,width:32,height:32}}]})]})]})})},L=Object.assign(K,{TokenIcon:f});export{L as TransactionRow};
1
+ import{jsx as r,jsxs as i}from"react/jsx-runtime";import{ButtonContainer as S}from"../containers/button.js";import"../containers/card.js";import{css as j}from"@styled/css";import{Center as R,HStack as n}from"@styled/jsx";import{token as o}from"@styled/tokens";import F from"../icons/ico-arrow-down.js";import z from"../icons/ico-arrow-up.js";import B from"../icons/ico-lightning-fill.js";import H from"../icons/ico-lock-unlocked-fill.js";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import p from"../primitives/text.js";import{Children as N,cloneElement as P,useRef as $,useCallback as E}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"../feedback/callout.js";import"../feedback/progress-bar.js";import{Skeleton as x}from"../feedback/skeleton.js";import"../primitives/portal.js";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import{createSlot as I,createHost as O}from"create-slots";const _={send:{title:"Send",primaryTextColor:o("colors.text.primary"),secondaryTextColor:o("colors.text.secondary"),icon:z,iconColor:o("colors.negative.darker"),skeletonWidth:"89px"},receive:{title:"Receive",primaryTextColor:o("colors.positive.base"),secondaryTextColor:`${o("colors.positive.lighter")}`,icon:F,iconColor:o("colors.positive.base"),skeletonWidth:"89px"},networkFee:{title:"Network Fee",primaryTextColor:o("colors.text.primary"),secondaryTextColor:o("colors.text.secondary"),icon:B,iconColor:o("colors.brand.base"),skeletonWidth:"54px"},spendingCap:{title:"Spending Cap",primaryTextColor:o("colors.warning.base"),secondaryTextColor:o("colors.warning.base"),icon:H,iconColor:o("colors.warning.base"),skeletonWidth:"89px"}},y=I(({children:s,...t})=>r(R,{children:N.map(s,l=>P(l,t))})),q=s=>{const{variant:t,primaryText:l,secondaryText:c,children:C,onPress:m,loading:a,showTitle:f=!0}=s,{title:g,primaryTextColor:d,secondaryTextColor:w,icon:T,iconColor:k,skeletonWidth:h}=_[t],b=t==="send"||t==="networkFee",u=$(null),v=E(()=>{m?.()},[m]);return O(C,W=>{const e=W.get(y);return i(n,{w:"full",justify:"space-between",children:[i(n,{gap:2,children:[r(T,{width:16,height:16,color:k}),f&&r(p,{size:"sm",fontWeight:"medium",children:g})]}),i(n,{gap:4,children:[c&&r(p,{styles:{color:w},children:c}),b?r(S,{ref:u,className:j({px:4,py:2.5,bg:"surface.secondary"}),borderRadius:"0.75rem",onPress:v,...s,children:i(n,{gap:3,children:[a?r(x,{width:h}):r(p,{styles:{color:d},children:l}),e&&{...e,props:{...e.props,width:32,height:32}}]})}):i(n,{gap:3,children:[a?r(x,{width:h}):r(p,{styles:{color:d},children:l}),e&&{...e,props:{...e.props,width:32,height:32}}]})]})]})})},A=Object.assign(q,{TokenIcon:y});export{A as TransactionRow};
2
2
  //# sourceMappingURL=transaction-row.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"transaction-row.js","sources":["../../../../src/components/list-items/transaction-row.tsx"],"sourcesContent":["import { Skeleton } from '@components/feedback';\nimport { IcoArrowDown, IcoArrowUp, IcoLightningFill, IcoLockUnlockedFill } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { Center, HStack } from '@styled/jsx';\nimport { hstack } from '@styled/patterns';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, ReactNode, useCallback, useRef } from 'react';\nimport { mergeProps, useButton, useFocusRing } from 'react-aria';\n\nexport interface TransactionRowProps {\n variant: 'send' | 'receive' | 'networkFee' | 'spendingCap';\n primaryText: string;\n secondaryText?: string;\n showTitle?: boolean;\n children: ReactNode;\n onPress?: () => void;\n loading?: boolean;\n}\n\nconst variants = {\n send: {\n title: 'Send',\n primaryTextColor: token('colors.text.primary'),\n secondaryTextColor: token('colors.text.secondary'),\n icon: IcoArrowUp,\n iconColor: token('colors.negative.darker'),\n skeletonWidth: '89px',\n },\n receive: {\n title: 'Receive',\n primaryTextColor: token('colors.positive.base'),\n secondaryTextColor: `${token('colors.positive.lighter')}`,\n icon: IcoArrowDown,\n iconColor: token('colors.positive.base'),\n skeletonWidth: '89px',\n },\n networkFee: {\n title: 'Network Fee',\n primaryTextColor: token('colors.text.primary'),\n secondaryTextColor: token('colors.text.secondary'),\n icon: IcoLightningFill,\n iconColor: token('colors.brand.base'),\n skeletonWidth: '54px',\n },\n spendingCap: {\n title: 'Spending Cap',\n primaryTextColor: token('colors.warning.base'),\n secondaryTextColor: token('colors.warning.base'),\n icon: IcoLockUnlockedFill,\n iconColor: token('colors.warning.base'),\n skeletonWidth: '89px',\n },\n};\n\nconst TokenIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\nconst TransactionRowBase = (props: TransactionRowProps) => {\n const { variant, primaryText, secondaryText, children, onPress, loading, showTitle = true } = props;\n const { title, primaryTextColor, secondaryTextColor, icon: Icon, iconColor, skeletonWidth } = variants[variant];\n const isEditable = variant === 'send' || variant === 'networkFee';\n const ref = useRef(null);\n\n const handlePress = useCallback(() => {\n onPress?.();\n }, [onPress]);\n\n const { buttonProps } = useButton({ ...props, onPress: handlePress }, ref);\n const { isFocusVisible, focusProps } = useFocusRing();\n\n return createHost(children, slots => {\n const tokenIcon = slots.get(TokenIcon);\n return (\n <HStack w=\"full\" justify=\"space-between\">\n <HStack gap={2}>\n <Icon width={16} height={16} color={iconColor} />\n {showTitle && (\n <Text size=\"sm\" fontWeight=\"medium\">\n {title}\n </Text>\n )}\n </HStack>\n\n <HStack gap={4}>\n {secondaryText && <Text styles={{ color: secondaryTextColor }}>{secondaryText}</Text>}\n {isEditable ? (\n <button\n {...mergeProps(buttonProps, focusProps)}\n ref={ref}\n className={hstack({\n px: 4,\n py: 2.5,\n gap: 3,\n rounded: 'xl',\n bg: 'surface.secondary',\n outlineColor: 'brand.base',\n outlineStyle: isFocusVisible ? 'solid' : 'none',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n cursor: 'pointer',\n })}\n >\n {loading ? (\n <Skeleton width={skeletonWidth} />\n ) : (\n <Text styles={{ color: primaryTextColor }}>{primaryText}</Text>\n )}\n {tokenIcon && {\n ...tokenIcon,\n props: {\n ...tokenIcon.props,\n width: 32,\n height: 32,\n },\n }}\n </button>\n ) : (\n <HStack gap={3}>\n {loading ? (\n <Skeleton width={skeletonWidth} />\n ) : (\n <Text styles={{ color: primaryTextColor }}>{primaryText}</Text>\n )}\n {tokenIcon && {\n ...tokenIcon,\n props: {\n ...tokenIcon.props,\n width: 32,\n height: 32,\n },\n }}\n </HStack>\n )}\n </HStack>\n </HStack>\n );\n });\n};\n\nexport const TransactionRow = Object.assign(TransactionRowBase, { TokenIcon });\n"],"names":["variants","token","IcoArrowUp","IcoArrowDown","IcoLightningFill","IcoLockUnlockedFill","TokenIcon","createSlot","children","props","_jsx","Center","Children","child","cloneElement","TransactionRowBase","variant","primaryText","secondaryText","onPress","loading","showTitle","title","primaryTextColor","secondaryTextColor","Icon","iconColor","skeletonWidth","isEditable","ref","useRef","handlePress","useCallback","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","createHost","slots","tokenIcon","_jsxs","HStack","Text","mergeProps","hstack","Skeleton","TransactionRow"],"mappings":"8lCAoBA,MAAMA,EAAW,CACf,KAAM,CACJ,MAAO,OACP,iBAAkBC,EAAM,qBAAqB,EAC7C,mBAAoBA,EAAM,uBAAuB,EACjD,KAAMC,EACN,UAAWD,EAAM,wBAAwB,EACzC,cAAe,MAChB,EACD,QAAS,CACP,MAAO,UACP,iBAAkBA,EAAM,sBAAsB,EAC9C,mBAAoB,GAAGA,EAAM,yBAAyB,CAAC,GACvD,KAAME,EACN,UAAWF,EAAM,sBAAsB,EACvC,cAAe,MAChB,EACD,WAAY,CACV,MAAO,cACP,iBAAkBA,EAAM,qBAAqB,EAC7C,mBAAoBA,EAAM,uBAAuB,EACjD,KAAMG,EACN,UAAWH,EAAM,mBAAmB,EACpC,cAAe,MAChB,EACD,YAAa,CACX,MAAO,eACP,iBAAkBA,EAAM,qBAAqB,EAC7C,mBAAoBA,EAAM,qBAAqB,EAC/C,KAAMI,EACN,UAAWJ,EAAM,qBAAqB,EACtC,cAAe,MAChB,GAGGK,EAAYC,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEhDC,EAACC,EAAM,CAAA,SACJC,EAAS,IAAIJ,EAAUK,GACfC,EAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKM,EAAsBN,GAA8B,CACxD,KAAM,CAAE,QAAAO,EAAS,YAAAC,EAAa,cAAAC,EAAe,SAAAV,EAAU,QAAAW,EAAS,QAAAC,EAAS,UAAAC,EAAY,EAAM,EAAGZ,EACxF,CAAE,MAAAa,EAAO,iBAAAC,EAAkB,mBAAAC,EAAoB,KAAMC,EAAM,UAAAC,EAAW,cAAAC,CAAe,EAAG3B,EAASgB,CAAO,EACxGY,EAAaZ,IAAY,QAAUA,IAAY,aAC/Ca,EAAMC,EAAO,IAAI,EAEjBC,EAAcC,EAAY,IAAK,CACnCb,IACF,CAAA,EAAG,CAACA,CAAO,CAAC,EAEN,CAAE,YAAAc,CAAW,EAAKC,EAAU,CAAE,GAAGzB,EAAO,QAASsB,GAAeF,CAAG,EACnE,CAAE,eAAAM,EAAgB,WAAAC,GAAeC,IAEvC,OAAOC,EAAW9B,EAAU+B,GAAQ,CAClC,MAAMC,EAAYD,EAAM,IAAIjC,CAAS,EACrC,OACEmC,EAACC,EAAM,CAAC,EAAE,OAAO,QAAQ,gBACvB,SAAA,CAAAD,EAACC,EAAO,CAAA,IAAK,EAAC,SAAA,CACZhC,EAACe,EAAK,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAOC,CAAa,CAAA,EAChDL,GACCX,EAACiC,EAAI,CAAC,KAAK,KAAK,WAAW,kBACxBrB,CAAK,CAAA,CAET,CACM,CAAA,EAETmB,EAACC,EAAM,CAAC,IAAK,YACVxB,GAAiBR,EAACiC,EAAI,CAAC,OAAQ,CAAE,MAAOnB,CAAkB,WAAKN,CAAa,CAAA,EAC5EU,EACCa,EACM,SAAA,CAAA,GAAAG,EAAWX,EAAaG,CAAU,EACtC,IAAKP,EACL,UAAWgB,EAAO,CAChB,GAAI,EACJ,GAAI,IACJ,IAAK,EACL,QAAS,KACT,GAAI,oBACJ,aAAc,aACd,aAAcV,EAAiB,QAAU,OACzC,aAAc,QACd,cAAe,GACf,OAAQ,SACT,CAAA,EAEA,SAAA,CAAAf,EACCV,EAACoC,EAAQ,CAAC,MAAOnB,CAAiB,CAAA,EAElCjB,EAACiC,EAAI,CAAC,OAAQ,CAAE,MAAOpB,CAAgB,WAAKN,CAAW,CAAA,EAExDuB,GAAa,CACZ,GAAGA,EACH,MAAO,CACL,GAAGA,EAAU,MACb,MAAO,GACP,OAAQ,EACT,EACF,CACM,CAAA,EAETC,EAACC,GAAO,IAAK,EACV,SAAA,CAAAtB,EACCV,EAACoC,GAAS,MAAOnB,CAAiB,CAAA,EAElCjB,EAACiC,GAAK,OAAQ,CAAE,MAAOpB,CAAkB,EAAA,SAAGN,CAAmB,CAAA,EAEhEuB,GAAa,CACZ,GAAGA,EACH,MAAO,CACL,GAAGA,EAAU,MACb,MAAO,GACP,OAAQ,EACT,CACF,CAAA,CAAA,CAAA,CAEJ,CAAA,CAAA,CACM,CACF,CAAA,CAEb,CAAC,CACH,EAEaO,EAAiB,OAAO,OAAOhC,EAAoB,CAAE,UAAAT,CAAS,CAAE"}
1
+ {"version":3,"file":"transaction-row.js","sources":["../../../../src/components/list-items/transaction-row.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { Skeleton } from '@components/feedback';\nimport { IcoArrowDown, IcoArrowUp, IcoLightningFill, IcoLockUnlockedFill } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Center, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, ReactNode, useCallback, useRef } from 'react';\n\nexport interface TransactionRowProps {\n variant: 'send' | 'receive' | 'networkFee' | 'spendingCap';\n primaryText: string;\n secondaryText?: string;\n showTitle?: boolean;\n children: ReactNode;\n onPress?: () => void;\n loading?: boolean;\n}\n\nconst variants = {\n send: {\n title: 'Send',\n primaryTextColor: token('colors.text.primary'),\n secondaryTextColor: token('colors.text.secondary'),\n icon: IcoArrowUp,\n iconColor: token('colors.negative.darker'),\n skeletonWidth: '89px',\n },\n receive: {\n title: 'Receive',\n primaryTextColor: token('colors.positive.base'),\n secondaryTextColor: `${token('colors.positive.lighter')}`,\n icon: IcoArrowDown,\n iconColor: token('colors.positive.base'),\n skeletonWidth: '89px',\n },\n networkFee: {\n title: 'Network Fee',\n primaryTextColor: token('colors.text.primary'),\n secondaryTextColor: token('colors.text.secondary'),\n icon: IcoLightningFill,\n iconColor: token('colors.brand.base'),\n skeletonWidth: '54px',\n },\n spendingCap: {\n title: 'Spending Cap',\n primaryTextColor: token('colors.warning.base'),\n secondaryTextColor: token('colors.warning.base'),\n icon: IcoLockUnlockedFill,\n iconColor: token('colors.warning.base'),\n skeletonWidth: '89px',\n },\n};\n\nconst TokenIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\nconst TransactionRowBase = (props: TransactionRowProps) => {\n const { variant, primaryText, secondaryText, children, onPress, loading, showTitle = true } = props;\n const { title, primaryTextColor, secondaryTextColor, icon: Icon, iconColor, skeletonWidth } = variants[variant];\n const isEditable = variant === 'send' || variant === 'networkFee';\n const ref = useRef(null);\n\n const handlePress = useCallback(() => {\n onPress?.();\n }, [onPress]);\n\n return createHost(children, slots => {\n const tokenIcon = slots.get(TokenIcon);\n return (\n <HStack w=\"full\" justify=\"space-between\">\n <HStack gap={2}>\n <Icon width={16} height={16} color={iconColor} />\n {showTitle && (\n <Text size=\"sm\" fontWeight=\"medium\">\n {title}\n </Text>\n )}\n </HStack>\n\n <HStack gap={4}>\n {secondaryText && <Text styles={{ color: secondaryTextColor }}>{secondaryText}</Text>}\n {isEditable ? (\n <ButtonContainer\n ref={ref}\n className={css({\n px: 4,\n py: 2.5,\n bg: 'surface.secondary',\n })}\n borderRadius=\"0.75rem\"\n onPress={handlePress}\n {...props}\n >\n <HStack gap={3}>\n {loading ? (\n <Skeleton width={skeletonWidth} />\n ) : (\n <Text styles={{ color: primaryTextColor }}>{primaryText}</Text>\n )}\n {tokenIcon && {\n ...tokenIcon,\n props: {\n ...tokenIcon.props,\n width: 32,\n height: 32,\n },\n }}\n </HStack>\n </ButtonContainer>\n ) : (\n <HStack gap={3}>\n {loading ? (\n <Skeleton width={skeletonWidth} />\n ) : (\n <Text styles={{ color: primaryTextColor }}>{primaryText}</Text>\n )}\n {tokenIcon && {\n ...tokenIcon,\n props: {\n ...tokenIcon.props,\n width: 32,\n height: 32,\n },\n }}\n </HStack>\n )}\n </HStack>\n </HStack>\n );\n });\n};\n\nexport const TransactionRow = Object.assign(TransactionRowBase, { TokenIcon });\n"],"names":["variants","token","IcoArrowUp","IcoArrowDown","IcoLightningFill","IcoLockUnlockedFill","TokenIcon","createSlot","children","props","_jsx","Center","Children","child","cloneElement","TransactionRowBase","variant","primaryText","secondaryText","onPress","loading","showTitle","title","primaryTextColor","secondaryTextColor","Icon","iconColor","skeletonWidth","isEditable","ref","useRef","handlePress","useCallback","createHost","slots","tokenIcon","_jsxs","HStack","Text","ButtonContainer","css","Skeleton","TransactionRow"],"mappings":"ozCAoBA,MAAMA,EAAW,CACf,KAAM,CACJ,MAAO,OACP,iBAAkBC,EAAM,qBAAqB,EAC7C,mBAAoBA,EAAM,uBAAuB,EACjD,KAAMC,EACN,UAAWD,EAAM,wBAAwB,EACzC,cAAe,MAChB,EACD,QAAS,CACP,MAAO,UACP,iBAAkBA,EAAM,sBAAsB,EAC9C,mBAAoB,GAAGA,EAAM,yBAAyB,CAAC,GACvD,KAAME,EACN,UAAWF,EAAM,sBAAsB,EACvC,cAAe,MAChB,EACD,WAAY,CACV,MAAO,cACP,iBAAkBA,EAAM,qBAAqB,EAC7C,mBAAoBA,EAAM,uBAAuB,EACjD,KAAMG,EACN,UAAWH,EAAM,mBAAmB,EACpC,cAAe,MAChB,EACD,YAAa,CACX,MAAO,eACP,iBAAkBA,EAAM,qBAAqB,EAC7C,mBAAoBA,EAAM,qBAAqB,EAC/C,KAAMI,EACN,UAAWJ,EAAM,qBAAqB,EACtC,cAAe,MAChB,GAGGK,EAAYC,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEhDC,EAACC,EAAM,CAAA,SACJC,EAAS,IAAIJ,EAAUK,GACfC,EAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKM,EAAsBN,GAA8B,CACxD,KAAM,CAAE,QAAAO,EAAS,YAAAC,EAAa,cAAAC,EAAe,SAAAV,EAAU,QAAAW,EAAS,QAAAC,EAAS,UAAAC,EAAY,EAAM,EAAGZ,EACxF,CAAE,MAAAa,EAAO,iBAAAC,EAAkB,mBAAAC,EAAoB,KAAMC,EAAM,UAAAC,EAAW,cAAAC,CAAe,EAAG3B,EAASgB,CAAO,EACxGY,EAAaZ,IAAY,QAAUA,IAAY,aAC/Ca,EAAMC,EAAO,IAAI,EAEjBC,EAAcC,EAAY,IAAK,CACnCb,IAAAA,CACF,EAAG,CAACA,CAAO,CAAC,EAEZ,OAAOc,EAAWzB,EAAU0B,GAAQ,CAClC,MAAMC,EAAYD,EAAM,IAAI5B,CAAS,EACrC,OACE8B,EAACC,EAAM,CAAC,EAAE,OAAO,QAAQ,gBACvB,SAAA,CAAAD,EAACC,EAAO,CAAA,IAAK,EAAC,SAAA,CACZ3B,EAACe,EAAI,CAAC,MAAO,GAAI,OAAQ,GAAI,MAAOC,CAAS,CAAA,EAC5CL,GACCX,EAAC4B,GAAK,KAAK,KAAK,WAAW,SAAQ,SAChChB,CACI,CAAA,CACR,IAGHc,EAACC,EAAO,CAAA,IAAK,EAAC,SAAA,CACXnB,GAAiBR,EAAC4B,EAAK,CAAA,OAAQ,CAAE,MAAOd,CAAkB,WAAKN,CAAa,CAAA,EAC5EU,EACClB,EAAC6B,EAAe,CACd,IAAKV,EACL,UAAWW,EAAI,CACb,GAAI,EACJ,GAAI,IACJ,GAAI,oBACL,EACD,aAAa,UACb,QAAST,EAAW,GAChBtB,EAAK,SAET2B,EAACC,EAAM,CAAC,IAAK,EAAC,SAAA,CACXjB,EACCV,EAAC+B,GAAS,MAAOd,CAAa,CAAA,EAE9BjB,EAAC4B,EAAK,CAAA,OAAQ,CAAE,MAAOf,CAAkB,EAAA,SAAGN,CAAmB,CAAA,EAEhEkB,GAAa,CACZ,GAAGA,EACH,MAAO,CACL,GAAGA,EAAU,MACb,MAAO,GACP,OAAQ,EACT,EACF,CACM,CAAA,CAAA,CAAA,EAGXC,EAACC,EAAO,CAAA,IAAK,EAAC,SAAA,CACXjB,EACCV,EAAC+B,EAAQ,CAAC,MAAOd,CAAiB,CAAA,EAElCjB,EAAC4B,GAAK,OAAQ,CAAE,MAAOf,CAAkB,EAAA,SAAGN,CAAmB,CAAA,EAEhEkB,GAAa,CACZ,GAAGA,EACH,MAAO,CACL,GAAGA,EAAU,MACb,MAAO,GACP,OAAQ,EACT,CACF,CAAA,CAAA,CAAA,CAEJ,CAAA,CAAA,CACM,CACF,CAAA,CAEb,CAAC,CACH,EAEaO,EAAiB,OAAO,OAAO3B,EAAoB,CAAE,UAAAT,CAAS,CAAE"}
@@ -1,2 +1,2 @@
1
- import{jsx as o,jsxs as s}from"react/jsx-runtime";import c from"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import a from"../primitives/text.js";import{cx as x,css as m}from"@styled/css";import{Center as b,VStack as u,Box as g,HStack as y}from"@styled/jsx";import{createSlot as B,createHost as P,isSlot as C,getSlotProps as S}from"create-slots/list";import{useRef as W,cloneElement as w,Children as j}from"react";import{useFocusRing as k,useButton as v,mergeProps as z}from"react-aria";const l=B(({actionBox:n,children:e,label:i,onPress:r})=>{if(n){const t=W(null),{isFocusVisible:f,focusProps:h}=k(),{buttonProps:d}=v({onPress:r},t);return o(b,{h:"76px",maxW:"115px",w:"full",children:o("button",{ref:t,className:x(m({_active:{transform:"scale(0.95)"},_hover:{bgColor:"neutral.secondary"},bgColor:"neutral.tertiary",borderRadius:"0.75rem",cursor:"pointer",outline:"none",transition:"all 0.1s ease",h:"full",w:"full"}),f&&m({outlineColor:"brand.base",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5})),...z(d,h),children:s(u,{gap:2,children:[w(j.only(e),{height:20,width:20}),o(a,{size:"sm",styles:{fontWeight:500},children:i})]})})})}return s(u,{gap:1,minW:20,children:[o(c,{variant:"neutral",size:"sm",onPress:r,"aria-label":"Buy",children:o(c.LeadingIcon,{children:e})}),o(a,{size:"sm",styles:{fontWeight:500},children:i})]})}),p=({actionBox:n,children:e})=>o(g,{w:"full",children:P(e,i=>o(y,{w:"full",justifyContent:"space-around",px:10,children:i.map(r=>{if(C(r,l)){const t=S(r);return o(l,{actionBox:n,...t},t.label)}})}))});p.Action=l;export{p as WalletActions};
1
+ import{jsx as r,jsxs as m}from"react/jsx-runtime";import{ButtonContainer as d}from"../containers/button.js";import"../containers/card.js";import{css as f}from"@styled/css";import{Center as u,VStack as l,Box as x,HStack as g}from"@styled/jsx";import"@styled/tokens";import s from"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import p from"../primitives/text.js";import{cloneElement as y,Children as B}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 C,createHost as b,isSlot as S,getSlotProps as W}from"create-slots/list";const n=C(({actionBox:e,children:t,label:i,onPress:o})=>e?r(u,{h:"76px",maxW:"115px",w:"full",children:r(d,{className:f({_hover:{bgColor:"neutral.secondary"},bgColor:"neutral.tertiary",h:"100%"}),borderRadius:"0.75rem",expand:!0,onPress:o,children:m(l,{gap:2,children:[y(B.only(t),{height:20,width:20}),r(p,{size:"sm",styles:{fontWeight:500},children:i})]})})}):m(l,{gap:1,minW:20,children:[r(s,{variant:"neutral",size:"sm",onPress:o,"aria-label":"Buy",children:r(s.LeadingIcon,{children:t})}),r(p,{size:"sm",styles:{fontWeight:500},children:i})]})),a=({actionBox:e,children:t})=>r(x,{w:"full",children:b(t,i=>r(g,{w:"full",justifyContent:"space-around",px:10,children:i.map(o=>{if(S(o,n)){const{key:c,...h}=W(o);return r(n,{actionBox:e,...h},c)}})}))});a.Action=n;export{a as WalletActions};
2
2
  //# sourceMappingURL=wallet-actions.js.map
@@ -1 +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":"2qBAaA,MAAMA,EAASC,EAAW,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,MAAAC,EAAO,QAAAC,CAAO,IAAmB,CACjF,GAAIH,EAAW,CACb,MAAMI,EAAMC,EAAO,IAAI,EACjB,CAAE,eAAAC,EAAgB,WAAAC,GAAeC,EAAAA,EACjC,CAAE,YAAAC,CAAa,EAAGC,EAAU,CAAE,QAASP,CAAO,EAAIC,CAAyC,EAEjG,OACEO,EAACC,EAAO,CAAA,EAAE,OAAO,KAAK,QAAQ,EAAE,OAAM,SACpCD,EACE,SAAA,CAAA,IAAKP,EACL,UAAWS,EACTC,EAAI,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,EAAI,CAAE,aAAc,aAAc,aAAc,QAAS,aAAc,QAAS,cAAe,EAAG,CAAE,CAAC,KAErGC,EAAWN,EAAaF,CAAU,EAAC,SAEvCS,EAACC,GAAO,IAAK,EAAC,SAAA,CACXC,EAAaC,EAAS,KAAKlB,CAAQ,EAAmB,CAAE,OAAQ,GAAI,MAAO,EAAE,CAAE,EAChFU,EAACS,EAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,WAAY,GAAK,EAAA,SACxClB,CACI,CAAA,CAAA,CAAA,CAAA,CAEF,CAAA,CAAA,CAAA,CAGf,CAEA,OACEc,EAACC,EAAO,CAAA,IAAK,EAAG,KAAM,GACpB,SAAA,CAAAN,EAACU,EAAO,CAAA,QAAQ,UAAU,KAAK,KAAK,QAASlB,EAAoB,aAAA,eAC/DQ,EAACU,EAAO,YAAa,CAAA,SAAApB,CAA8B,CAAA,CAAA,CAAA,EAErDU,EAACS,EAAI,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,EAACY,EAAG,CAAC,EAAE,OAAM,SACVC,EAAWvB,EAAUwB,GAElBd,EAACe,EAAM,CAAC,EAAE,OAAO,eAAe,eAAe,GAAI,GAChD,SAAAD,EAAM,IAAIE,GAAO,CAChB,GAAIC,EAAOD,EAAM7B,CAAM,EAAG,CACxB,MAAM+B,EAAYC,EAAaH,CAAI,EACnC,OAAOhB,EAACb,EAA6B,CAAA,UAAWE,EAAe,GAAA6B,CAA3C,EAAAA,EAAU,KAAK,CACrC,CACF,CAAC,CACM,CAAA,CAEZ,CACG,CAAA,EAGRP,EAAc,OAASxB"}
1
+ {"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":"g6BAcA,MAAMA,EAASC,EAAW,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,MAAAC,EAAO,QAAAC,CAAO,IAC1DH,EAEAI,EAACC,EAAM,CAAC,EAAE,OAAO,KAAK,QAAQ,EAAE,OAC9B,SAAAD,EAACE,EACC,CAAA,UAAWC,EAAI,CACb,OAAQ,CAAE,QAAS,mBAAqB,EACxC,QAAS,mBACT,EAAG,OACJ,EACD,aAAa,UACb,OAAM,GACN,QAASJ,EAAO,SAEhBK,EAACC,EAAO,CAAA,IAAK,EACV,SAAA,CAAAC,EAAaC,EAAS,KAAKV,CAAQ,EAAmB,CAAE,OAAQ,GAAI,MAAO,EAAI,CAAA,EAChFG,EAACQ,EAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,WAAY,GAAK,EAAA,SACxCV,CAAK,CAAA,CACD,CACA,CAAA,CAAA,CAAA,CAEJ,CAAA,EAKXM,EAACC,EAAO,CAAA,IAAK,EAAG,KAAM,GACpB,SAAA,CAAAL,EAACS,EAAO,CAAA,QAAQ,UAAU,KAAK,KAAK,QAASV,EAAoB,aAAA,eAC/DC,EAACS,EAAO,YAAa,CAAA,SAAAZ,CAA8B,CAAA,CAAA,CAAA,EAErDG,EAACQ,EAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,WAAY,GAAK,EAAA,SACxCV,CAAK,CAAA,CACD,CACA,CAAA,CAEZ,EAMYY,EAAgB,CAAC,CAAE,UAAAd,EAAW,SAAAC,CAA8B,IACvEG,EAACW,EAAG,CAAC,EAAE,OAAM,SACVC,EAAWf,EAAUgB,GAElBb,EAACc,EAAM,CAAC,EAAE,OAAO,eAAe,eAAe,GAAI,GAChD,SAAAD,EAAM,IAAIE,GAAO,CAChB,GAAIC,EAAOD,EAAMrB,CAAM,EAAG,CACxB,KAAM,CAAE,IAAAuB,EAAK,GAAGC,CAAW,EAAGC,EAAaJ,CAAI,EAC/C,OAAOf,EAACN,EAAM,CAAW,UAAWE,EAAS,GAAMsB,CAAS,EAAxCD,CAAG,CACzB,CACF,CAAC,CACM,CAAA,CAEZ,CACG,CAAA,EAGRP,EAAc,OAAShB"}
package/dist/es/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import{Card as r}from"./components/containers/card.js";import{Content as a}from"./components/containers/content.js";import{Drawer as l}from"./components/containers/drawer.js";import{Footer as m}from"./components/containers/footer.js";import{Header as d}from"./components/containers/header.js";import{Menu as x}from"./components/containers/menu.js";import{Modal as c}from"./components/containers/modal.js";import{Overlay as g}from"./components/containers/overlay.js";import{PayPalButton as I}from"./components/external/paypal-button.js";import{SocialLoginButton as k}from"./components/external/social-login-button.js";import{AnimatedCheckmark as h}from"./components/feedback/animated-checkmark.js";import{AnimatedSpinner as F}from"./components/feedback/animated-spinner.js";import{Callout as P}from"./components/feedback/callout.js";import{LoadingSpinner as S}from"./components/feedback/loading-spinner.js";import{ProgressBar as y}from"./components/feedback/progress-bar.js";import{Skeleton as T}from"./components/feedback/skeleton.js";import{Toast as D,ToastProvider as G}from"./components/feedback/toast-provider.js";import{default as v}from"./components/feedback/tooltip.js";import{default as H}from"./components/icons/ico-add.js";import{default as N}from"./components/icons/ico-alert-circle-fill.js";import{default as U}from"./components/icons/ico-alert-circle.js";import{default as j}from"./components/icons/ico-arrow-down.js";import{default as V}from"./components/icons/ico-arrow-left.js";import{default as J}from"./components/icons/ico-arrow-right.js";import{default as Y}from"./components/icons/ico-arrow-up.js";import{default as $}from"./components/icons/ico-asterisk-with-shield.js";import{default as eo}from"./components/icons/ico-asterisk.js";import{default as to}from"./components/icons/ico-astronaut.js";import{default as fo}from"./components/icons/ico-atom.js";import{default as so}from"./components/icons/ico-bank.js";import{default as po}from"./components/icons/ico-bell-notification.js";import{default as xo}from"./components/icons/ico-bell.js";import{default as co}from"./components/icons/ico-block.js";import{default as go}from"./components/icons/ico-branding.js";import{default as Io}from"./components/icons/ico-caret-down.js";import{default as ko}from"./components/icons/ico-caret-left.js";import{default as ho}from"./components/icons/ico-caret-right.js";import{default as Fo}from"./components/icons/ico-caret-up.js";import{default as Po}from"./components/icons/ico-checkmark-circle-fill.js";import{default as So}from"./components/icons/ico-checkmark-circle.js";import{default as yo}from"./components/icons/ico-checkmark.js";import{default as To}from"./components/icons/ico-clock-fill.js";import{default as Do}from"./components/icons/ico-code-editor.js";import{default as Ro}from"./components/icons/ico-code-sandbox.js";import{default as Oo}from"./components/icons/ico-code.js";import{default as zo}from"./components/icons/ico-command-line.js";import{default as Zo}from"./components/icons/ico-comment.js";import{default as Xo}from"./components/icons/ico-copy.js";import{default as Qo}from"./components/icons/ico-credit-card.js";import{default as qo}from"./components/icons/ico-dedicated.js";import{default as Ko}from"./components/icons/ico-diamond.js";import{default as _o}from"./components/icons/ico-dismiss-circle-fill.js";import{default as oe}from"./components/icons/ico-dismiss-circle.js";import{default as re}from"./components/icons/ico-dismiss.js";import{default as ae}from"./components/icons/ico-doc.js";import{default as le}from"./components/icons/ico-download.js";import{default as me}from"./components/icons/ico-edit-email.js";import{default as de}from"./components/icons/ico-edit.js";import{default as xe}from"./components/icons/ico-email-fill.js";import{default as ce}from"./components/icons/ico-email-open.js";import{default as ge}from"./components/icons/ico-email.js";import{default as Ie}from"./components/icons/ico-expand.js";import{default as ke}from"./components/icons/ico-expiration.js";import{default as he}from"./components/icons/ico-external-link.js";import{default as Fe}from"./components/icons/ico-eye-closed.js";import{default as Pe}from"./components/icons/ico-eye-opened.js";import{default as Se}from"./components/icons/ico-fingerprint-fill.js";import{default as ye}from"./components/icons/ico-fingerprint.js";import{default as Te}from"./components/icons/ico-gas.js";import{default as De}from"./components/icons/ico-gift.js";import{default as Re}from"./components/icons/ico-globe.js";import{default as Oe}from"./components/icons/ico-grid-fill.js";import{default as ze}from"./components/icons/ico-guide.js";import{default as Ze}from"./components/icons/ico-home-fill.js";import{default as Xe}from"./components/icons/ico-home.js";import{default as Qe}from"./components/icons/ico-hourglass.js";import{default as qe}from"./components/icons/ico-info-circle-fill.js";import{default as Ke}from"./components/icons/ico-info-circle.js";import{default as _e}from"./components/icons/ico-kebab.js";import{default as or}from"./components/icons/ico-key.js";import{default as rr}from"./components/icons/ico-lightbulb-fill.js";import{default as ar}from"./components/icons/ico-lightbulb.js";import{default as lr}from"./components/icons/ico-lightning-fill.js";import{default as mr}from"./components/icons/ico-lightning.js";import{default as dr}from"./components/icons/ico-link.js";import{default as xr}from"./components/icons/ico-loading.js";import{default as cr}from"./components/icons/ico-lock-locked.js";import{default as gr}from"./components/icons/ico-lock-password.js";import{default as Ir}from"./components/icons/ico-lock-unlocked-fill.js";import{default as kr}from"./components/icons/ico-lock-unlocked.js";import{default as hr}from"./components/icons/ico-login-form.js";import{default as Fr}from"./components/icons/ico-magic.js";import{default as Pr}from"./components/icons/ico-megaphone.js";import{default as Sr}from"./components/icons/ico-menu.js";import{default as yr}from"./components/icons/ico-message-fill.js";import{default as Tr}from"./components/icons/ico-message.js";import{default as Dr}from"./components/icons/ico-mfa.js";import{default as Rr}from"./components/icons/ico-minimize.js";import{default as Or}from"./components/icons/ico-mobile2fa.js";import{default as zr}from"./components/icons/ico-mobile2fafill.js";import{default as Zr}from"./components/icons/ico-open-book.js";import{default as Xr}from"./components/icons/ico-paper-plane.js";import{default as Qr}from"./components/icons/ico-passport.js";import{default as qr}from"./components/icons/ico-passwordless.js";import{default as Kr}from"./components/icons/ico-pending-connection.js";import{default as _r}from"./components/icons/ico-phone.js";import{default as ot}from"./components/icons/ico-polygon-gas-testnet.js";import{default as rt}from"./components/icons/ico-polygon-gas.js";import{default as at}from"./components/icons/ico-price.js";import{default as lt}from"./components/icons/ico-qrcode.js";import{default as mt}from"./components/icons/ico-question-circle-fill.js";import{default as dt}from"./components/icons/ico-question-circle.js";import{default as xt}from"./components/icons/ico-refresh-circle-fill.js";import{default as ct}from"./components/icons/ico-refresh.js";import{default as gt}from"./components/icons/ico-remove.js";import{default as It}from"./components/icons/ico-rocket-fill.js";import{default as kt}from"./components/icons/ico-search.js";import{default as ht}from"./components/icons/ico-settings-fill.js";import{default as Ft}from"./components/icons/ico-settings.js";import{default as Pt}from"./components/icons/ico-shapes.js";import{default as St}from"./components/icons/ico-shield-approved.js";import{default as yt}from"./components/icons/ico-shield-rejected.js";import{default as Tt}from"./components/icons/ico-shield.js";import{default as Dt}from"./components/icons/ico-social.js";import{default as Rt}from"./components/icons/ico-sold-out-tag.js";import{default as Ot}from"./components/icons/ico-star.js";import{default as zt}from"./components/icons/ico-swap.js";import{default as Zt}from"./components/icons/ico-swatches.js";import{default as Xt}from"./components/icons/ico-team.js";import{default as Qt}from"./components/icons/ico-trash.js";import{default as qt}from"./components/icons/ico-users.js";import{default as Kt}from"./components/icons/ico-wallet-fill.js";import{default as _t}from"./components/icons/ico-wallet.js";import{default as oa}from"./components/icons/ico-wand.js";import{default as ra}from"./components/icons/ico-warning-fill.js";import{default as aa}from"./components/icons/ico-warning.js";import{default as la}from"./components/info/copy-button.js";import{default as ma}from"./components/info/email-wbr.js";import{default as da}from"./components/info/security-otp.js";import{default as xa}from"./components/info/text-box.js";import{default as ca}from"./components/info/wallet-address.js";import{default as ga}from"./components/inputs/phone-input.js";import{PinCodeInput as Ia}from"./components/inputs/pincode-input.js";import{TextInput as ka}from"./components/inputs/text-input.js";import{Dialogue as ha}from"./components/layouts/dialogue.js";import{Error as Fa}from"./components/layouts/error.js";import{Page as Pa}from"./components/layouts/page.js";import{PassportPage as Sa}from"./components/layouts/passport-page.js";import{WalletPage as ya}from"./components/layouts/wallet-page/index.js";import{default as Ta}from"./components/list-items/navigation-button.js";import{NFTTile as Da}from"./components/list-items/nft-tile.js";import{TokenListItem as Ra}from"./components/list-items/token-list-item.js";import{TransactionRow as Oa}from"./components/list-items/transaction-row.js";import{default as za}from"./components/logos/blc-algorand.js";import{default as Za}from"./components/logos/blc-aptos.js";import{default as Xa}from"./components/logos/blc-arbitrum.js";import{default as Qa}from"./components/logos/blc-astar.js";import{default as qa}from"./components/logos/blc-avalanche.js";import{default as Ka}from"./components/logos/blc-base.js";import{default as _a}from"./components/logos/blc-berachain.js";import{default as of}from"./components/logos/blc-binance.js";import{default as rf}from"./components/logos/blc-bitcoin.js";import{default as af}from"./components/logos/blc-celo.js";import{default as lf}from"./components/logos/blc-chiliz.js";import{default as mf}from"./components/logos/blc-cosmos.js";import{default as df}from"./components/logos/blc-ethereum.js";import{default as xf}from"./components/logos/blc-etherlink.js";import{default as cf}from"./components/logos/blc-flow.js";import{default as Lf}from"./components/logos/blc-harmony.js";import{default as Mf}from"./components/logos/blc-icon.js";import{default as Bf}from"./components/logos/blc-immutable-x.js";import{default as Cf}from"./components/logos/blc-loopring.js";import{default as wf}from"./components/logos/blc-moonbeam.js";import{default as Af}from"./components/logos/blc-near.js";import{default as bf}from"./components/logos/blc-optimism.js";import{default as Wf}from"./components/logos/blc-polkadot.js";import{default as Ef}from"./components/logos/blc-polygon.js";import{default as Gf}from"./components/logos/blc-rarichain.js";import{default as vf}from"./components/logos/blc-solana.js";import{default as Hf}from"./components/logos/blc-stability.js";import{default as Nf}from"./components/logos/blc-sui.js";import{default as Uf}from"./components/logos/blc-tezos.js";import{default as jf}from"./components/logos/blc-wax.js";import{default as Vf}from"./components/logos/blc-zetachain.js";import{default as Jf}from"./components/logos/blc-zilliqa.js";import{default as Yf}from"./components/logos/blc-zksync.js";import{default as $f}from"./components/logos/default-cursor.js";import{default as el}from"./components/logos/fwk-11ty.js";import{default as tl}from"./components/logos/fwk-android.js";import{default as fl}from"./components/logos/fwk-apple.js";import{default as sl}from"./components/logos/fwk-authy.js";import{default as pl}from"./components/logos/fwk-binance-fill.js";import{default as ul}from"./components/logos/fwk-chrome.js";import{default as nl}from"./components/logos/fwk-electron.js";import{default as il}from"./components/logos/fwk-express.js";import{default as Ll}from"./components/logos/fwk-fauna.js";import{default as Ml}from"./components/logos/fwk-firebase.js";import{default as Bl}from"./components/logos/fwk-go.js";import{default as Cl}from"./components/logos/fwk-google-authenticator.js";import{default as wl}from"./components/logos/fwk-hasura.js";import{default as Al}from"./components/logos/fwk-javascript.js";import{default as bl}from"./components/logos/fwk-jwt.js";import{default as Wl}from"./components/logos/fwk-laravel.js";import{default as El}from"./components/logos/fwk-nextjs.js";import{default as Gl}from"./components/logos/fwk-nodejs.js";import{default as vl}from"./components/logos/fwk-nuxtjs.js";import{default as Hl}from"./components/logos/fwk-php.js";import{default as Nl}from"./components/logos/fwk-react.js";import{default as Ul}from"./components/logos/fwk-strapi.js";import{default as jl}from"./components/logos/fwk-stripe.js";import{default as Vl}from"./components/logos/fwk-vue.js";import{default as Jl}from"./components/logos/fwk-webflow.js";import{default as Yl}from"./components/logos/fwk-wordpress.js";import{default as $l}from"./components/logos/fwk-zapier.js";import{default as es}from"./components/logos/icon-art-dark.js";import{default as ts}from"./components/logos/icon-art.js";import{default as fs}from"./components/logos/icon-delete.js";import{default as ss}from"./components/logos/icon-email-globe.js";import{default as ps}from"./components/logos/icon-email.js";import{default as us}from"./components/logos/icon-game-controller-dark.js";import{default as ns}from"./components/logos/icon-game-controller.js";import{default as is}from"./components/logos/icon-generic-token.js";import{default as Ls}from"./components/logos/icon-magic-globe.js";import{default as Ms}from"./components/logos/icon-magic-logo.js";import{default as Bs}from"./components/logos/icon-music-dark.js";import{default as Cs}from"./components/logos/icon-music.js";import{default as ws}from"./components/logos/icon-person-dark.js";import{default as As}from"./components/logos/icon-person.js";import{default as bs}from"./components/logos/icon-profile-dark.js";import{default as Ws}from"./components/logos/icon-profile-light.js";import{default as Es}from"./components/logos/icon-reset.js";import{default as Gs}from"./components/logos/icon-sms.js";import{default as vs}from"./components/logos/icon-ticket-dark.js";import{default as Hs}from"./components/logos/icon-ticket.js";import{default as Ns}from"./components/logos/icon-warning-dark.js";import{default as Us}from"./components/logos/icon-warning-shield.js";import{default as js}from"./components/logos/icon-warning.js";import{default as Vs}from"./components/logos/logo-algorand-mono.js";import{default as Js}from"./components/logos/logo-algorand.js";import{default as Ys}from"./components/logos/logo-apple-mono.js";import{default as $s}from"./components/logos/logo-apple.js";import{default as em}from"./components/logos/logo-aptos-mono.js";import{default as tm}from"./components/logos/logo-aptos.js";import{default as fm}from"./components/logos/logo-arbitrum-mono.js";import{default as sm}from"./components/logos/logo-arbitrum-one-mono.js";import{default as pm}from"./components/logos/logo-arbitrum-one.js";import{default as um}from"./components/logos/logo-arbitrum.js";import{default as nm}from"./components/logos/logo-astar-mono.js";import{default as im}from"./components/logos/logo-astar.js";import{default as Lm}from"./components/logos/logo-auth0-mono.js";import{default as Mm}from"./components/logos/logo-auth0.js";import{default as Bm}from"./components/logos/logo-avalanche-mono.js";import{default as Cm}from"./components/logos/logo-avalanche.js";import{default as wm}from"./components/logos/logo-azure-mono.js";import{default as Am}from"./components/logos/logo-azure.js";import{default as bm}from"./components/logos/logo-base-mono.js";import{default as Wm}from"./components/logos/logo-base.js";import{default as Em}from"./components/logos/logo-berachain-mono.js";import{default as Gm}from"./components/logos/logo-berachain.js";import{default as vm}from"./components/logos/logo-binance-mono.js";import{default as Hm}from"./components/logos/logo-binance.js";import{default as Nm}from"./components/logos/logo-bit-bucket-mono.js";import{default as Um}from"./components/logos/logo-bit-bucket.js";import{default as jm}from"./components/logos/logo-bitcoin-mono.js";import{default as Vm}from"./components/logos/logo-bitcoin.js";import{default as Jm}from"./components/logos/logo-bnb-mono.js";import{default as Ym}from"./components/logos/logo-bnb.js";import{default as $m}from"./components/logos/logo-celo-mono.js";import{default as ep}from"./components/logos/logo-celo.js";import{default as tp}from"./components/logos/logo-chiliz-mono.js";import{default as fp}from"./components/logos/logo-chiliz.js";import{default as sp}from"./components/logos/logo-cognito-mono.js";import{default as pp}from"./components/logos/logo-cognito.js";import{default as up}from"./components/logos/logo-cosmos-mono.js";import{default as np}from"./components/logos/logo-cosmos.js";import{default as ip}from"./components/logos/logo-discord-mono.js";import{default as Lp}from"./components/logos/logo-discord.js";import{default as Mp}from"./components/logos/logo-ethereum-circle-mono.js";import{default as Bp}from"./components/logos/logo-ethereum-circle.js";import{default as Cp}from"./components/logos/logo-ethereum-mono.js";import{default as wp}from"./components/logos/logo-ethereum.js";import{default as Ap}from"./components/logos/logo-etherlink-mono.js";import{default as bp}from"./components/logos/logo-etherlink.js";import{default as Wp}from"./components/logos/logo-facebook-mono.js";import{default as Ep}from"./components/logos/logo-facebook.js";import{default as Gp}from"./components/logos/logo-flare-mono.js";import{default as vp}from"./components/logos/logo-flare.js";import{default as Hp}from"./components/logos/logo-flow-mono.js";import{default as Np}from"./components/logos/logo-flow.js";import{default as Up}from"./components/logos/logo-git-hub-mono.js";import{default as jp}from"./components/logos/logo-git-hub.js";import{default as Vp}from"./components/logos/logo-git-lab-mono.js";import{default as Jp}from"./components/logos/logo-git-lab.js";import{default as Yp}from"./components/logos/logo-google-mono.js";import{default as $p}from"./components/logos/logo-google.js";import{default as ed}from"./components/logos/logo-harmony-mono.js";import{default as td}from"./components/logos/logo-harmony.js";import{default as fd}from"./components/logos/logo-horizen-mono.js";import{default as sd}from"./components/logos/logo-horizen.js";import{default as pd}from"./components/logos/logo-icon-mono.js";import{default as ud}from"./components/logos/logo-icon.js";import{default as nd}from"./components/logos/logo-immutable-x-mono.js";import{default as id}from"./components/logos/logo-immutable-x.js";import{default as Ld}from"./components/logos/logo-link-by-stripe-mono.js";import{default as Md}from"./components/logos/logo-link-by-stripe.js";import{default as Bd}from"./components/logos/logo-link-mono.js";import{default as Cd}from"./components/logos/logo-link.js";import{default as wd}from"./components/logos/logo-linked-in-mono.js";import{default as Ad}from"./components/logos/logo-linked-in.js";import{default as bd}from"./components/logos/logo-loopring-mono.js";import{default as Wd}from"./components/logos/logo-loopring.js";import{default as Ed}from"./components/logos/logo-microsoft-mono.js";import{default as Gd}from"./components/logos/logo-microsoft.js";import{default as vd}from"./components/logos/logo-moonbeam-mono.js";import{default as Hd}from"./components/logos/logo-moonbeam.js";import{default as Nd}from"./components/logos/logo-near-mono.js";import{default as Ud}from"./components/logos/logo-near.js";import{default as jd}from"./components/logos/logo-onramper-mono.js";import{default as Vd}from"./components/logos/logo-onramper.js";import{default as Jd}from"./components/logos/logo-optimism-mono.js";import{default as Yd}from"./components/logos/logo-optimism.js";import{default as $d}from"./components/logos/logo-pay-pal-mono.js";import{default as eu}from"./components/logos/logo-pay-pal-wordmark-mono.js";import{default as tu}from"./components/logos/logo-pay-pal-wordmark.js";import{default as fu}from"./components/logos/logo-pay-pal.js";import{default as su}from"./components/logos/logo-poa-mono.js";import{default as pu}from"./components/logos/logo-poa.js";import{default as uu}from"./components/logos/logo-polkadot-mono.js";import{default as nu}from"./components/logos/logo-polkadot.js";import{default as iu}from"./components/logos/logo-polygon-mono.js";import{default as Lu}from"./components/logos/logo-polygon.js";import{default as Mu}from"./components/logos/logo-rarichain-mono.js";import{default as Bu}from"./components/logos/logo-rarichain.js";import{default as Cu}from"./components/logos/logo-sardine-mono.js";import{default as wu}from"./components/logos/logo-sardine.js";import{default as Au}from"./components/logos/logo-sei-mono.js";import{default as bu}from"./components/logos/logo-sei.js";import{default as Wu}from"./components/logos/logo-solana-mono.js";import{default as Eu}from"./components/logos/logo-solana.js";import{default as Gu}from"./components/logos/logo-soneium-mono.js";import{default as vu}from"./components/logos/logo-soneium.js";import{default as Hu}from"./components/logos/logo-stability-mono.js";import{default as Nu}from"./components/logos/logo-stability.js";import{default as Uu}from"./components/logos/logo-sui-mono.js";import{default as ju}from"./components/logos/logo-sui.js";import{default as Vu}from"./components/logos/logo-tezos-mono.js";import{default as Ju}from"./components/logos/logo-tezos.js";import{default as Yu}from"./components/logos/logo-twitch-mono.js";import{default as $u}from"./components/logos/logo-twitch.js";import{default as ex}from"./components/logos/logo-twitter-mono.js";import{default as tx}from"./components/logos/logo-twitter.js";import{default as fx}from"./components/logos/logo-wallet-connect-mono.js";import{default as sx}from"./components/logos/logo-wallet-connect.js";import{default as px}from"./components/logos/logo-warpcast-mono.js";import{default as ux}from"./components/logos/logo-warpcast.js";import{default as nx}from"./components/logos/logo-wax-mono.js";import{default as ix}from"./components/logos/logo-wax.js";import{default as Lx}from"./components/logos/logo-xdc-mono.js";import{default as Mx}from"./components/logos/logo-xdc.js";import{default as Bx}from"./components/logos/logo-zetachain-mono.js";import{default as Cx}from"./components/logos/logo-zetachain.js";import{default as wx}from"./components/logos/logo-zilliqa-mono.js";import{default as Ax}from"./components/logos/logo-zilliqa.js";import{default as bx}from"./components/logos/logo-zksync-mono.js";import{default as Wx}from"./components/logos/logo-zksync.js";import{default as Ex}from"./components/logos/pay-amex.js";import{default as Gx}from"./components/logos/pay-discover.js";import{default as vx}from"./components/logos/pay-mastercard.js";import{default as Hx}from"./components/logos/pay-visa.js";import{default as Nx}from"./components/logos/presentation-logo.js";import{default as Ux}from"./components/logos/website-magic.js";import{default as jx}from"./components/logos/wlt-coinbase.js";import{default as Vx}from"./components/logos/wlt-mattel.js";import{default as Jx}from"./components/logos/wlt-metamask.js";import{default as Yx}from"./components/logos/wlt-phantom.js";import{default as $x}from"./components/logos/wlt-rainbow.js";import{default as en}from"./components/logos/wlt-wallet-connect.js";import{default as tn}from"./components/primitives/button.js";import{default as fn}from"./components/primitives/checkbox.js";import{DropdownOption as sn,DropdownSelector as mn}from"./components/primitives/dropdown-selector.js";import{Popover as dn}from"./components/primitives/popover.js";import{Radio as xn,RadioGroup as nn}from"./components/primitives/radio.js";import{SegmentedControl as gn,Tab as Ln}from"./components/primitives/segmented-control.js";import{default as Mn}from"./components/primitives/switch.js";import{default as Bn}from"./components/primitives/text.js";import{VerifyPincode as Cn}from"./components/sections/verify-pincode.js";import{WalletActions as wn}from"./components/sections/wallet-actions.js";import{WalletNavigation as An,WalletNavigationType as Sn}from"./components/sections/wallet-navigation.js";import{default as yn}from"./components/utils/animate.js";import{ClientAssetLogo as Tn}from"./components/utils/client-asset-logo.js";import{default as Dn}from"./components/utils/qr-code.js";import{default as Rn}from"./components/utils/secured-by-magic.js";import{default as On}from"./components/utils/shared-logo.js";import{useCustomVars as zn}from"./hooks/theme.js";import{useToast as Zn}from"./hooks/useToast.js";export{yn as Animate,h as AnimatedCheckmark,F as AnimatedSpinner,za as BlcAlgorand,Za as BlcAptos,Xa as BlcArbitrum,Qa as BlcAstar,qa as BlcAvalanche,Ka as BlcBase,_a as BlcBerachain,of as BlcBinance,rf as BlcBitcoin,af as BlcCelo,lf as BlcChiliz,mf as BlcCosmos,df as BlcEthereum,xf as BlcEtherlink,cf as BlcFlow,Lf as BlcHarmony,Mf as BlcIcon,Bf as BlcImmutableX,Cf as BlcLoopring,wf as BlcMoonbeam,Af as BlcNear,bf as BlcOptimism,Wf as BlcPolkadot,Ef as BlcPolygon,Gf as BlcRarichain,vf as BlcSolana,Hf as BlcStability,Nf as BlcSui,Uf as BlcTezos,jf as BlcWax,Vf as BlcZetachain,Jf as BlcZilliqa,Yf as BlcZksync,tn as Button,P as Callout,r as Card,fn as Checkbox,Tn as ClientAssetLogo,a as Content,la as CopyButton,$f as DefaultCursor,ha as Dialogue,l as Drawer,sn as DropdownOption,mn as DropdownSelector,ma as EmailWbr,Fa as Error,m as Footer,el as Fwk11ty,tl as FwkAndroid,fl as FwkApple,sl as FwkAuthy,pl as FwkBinanceFill,ul as FwkChrome,nl as FwkElectron,il as FwkExpress,Ll as FwkFauna,Ml as FwkFirebase,Bl as FwkGo,Cl as FwkGoogleAuthenticator,wl as FwkHasura,Al as FwkJavascript,bl as FwkJwt,Wl as FwkLaravel,El as FwkNextjs,Gl as FwkNodejs,vl as FwkNuxtjs,Hl as FwkPhp,Nl as FwkReact,Ul as FwkStrapi,jl as FwkStripe,Vl as FwkVue,Jl as FwkWebflow,Yl as FwkWordpress,$l as FwkZapier,d as Header,H as IcoAdd,U as IcoAlertCircle,N as IcoAlertCircleFill,j as IcoArrowDown,V as IcoArrowLeft,J as IcoArrowRight,Y as IcoArrowUp,eo as IcoAsterisk,$ as IcoAsteriskWithShield,to as IcoAstronaut,fo as IcoAtom,so as IcoBank,xo as IcoBell,po as IcoBellNotification,co as IcoBlock,go as IcoBranding,Io as IcoCaretDown,ko as IcoCaretLeft,ho as IcoCaretRight,Fo as IcoCaretUp,yo as IcoCheckmark,So as IcoCheckmarkCircle,Po as IcoCheckmarkCircleFill,To as IcoClockFill,Oo as IcoCode,Do as IcoCodeEditor,Ro as IcoCodeSandbox,zo as IcoCommandLine,Zo as IcoComment,Xo as IcoCopy,Qo as IcoCreditCard,qo as IcoDedicated,Ko as IcoDiamond,re as IcoDismiss,oe as IcoDismissCircle,_o as IcoDismissCircleFill,ae as IcoDoc,le as IcoDownload,de as IcoEdit,me as IcoEditEmail,ge as IcoEmail,xe as IcoEmailFill,ce as IcoEmailOpen,Ie as IcoExpand,ke as IcoExpiration,he as IcoExternalLink,Fe as IcoEyeClosed,Pe as IcoEyeOpened,ye as IcoFingerprint,Se as IcoFingerprintFill,Te as IcoGas,De as IcoGift,Re as IcoGlobe,Oe as IcoGridFill,ze as IcoGuide,Xe as IcoHome,Ze as IcoHomeFill,Qe as IcoHourglass,Ke as IcoInfoCircle,qe as IcoInfoCircleFill,_e as IcoKebab,or as IcoKey,ar as IcoLightbulb,rr as IcoLightbulbFill,mr as IcoLightning,lr as IcoLightningFill,dr as IcoLink,xr as IcoLoading,cr as IcoLockLocked,gr as IcoLockPassword,kr as IcoLockUnlocked,Ir as IcoLockUnlockedFill,hr as IcoLoginForm,Fr as IcoMagic,Pr as IcoMegaphone,Sr as IcoMenu,Tr as IcoMessage,yr as IcoMessageFill,Dr as IcoMfa,Rr as IcoMinimize,Or as IcoMobile2fa,zr as IcoMobile2fafill,Zr as IcoOpenBook,Xr as IcoPaperPlane,Qr as IcoPassport,qr as IcoPasswordless,Kr as IcoPendingConnection,_r as IcoPhone,rt as IcoPolygonGas,ot as IcoPolygonGasTestnet,at as IcoPrice,lt as IcoQrcode,dt as IcoQuestionCircle,mt as IcoQuestionCircleFill,ct as IcoRefresh,xt as IcoRefreshCircleFill,gt as IcoRemove,It as IcoRocketFill,kt as IcoSearch,Ft as IcoSettings,ht as IcoSettingsFill,Pt as IcoShapes,Tt as IcoShield,St as IcoShieldApproved,yt as IcoShieldRejected,Dt as IcoSocial,Rt as IcoSoldOutTag,Ot as IcoStar,zt as IcoSwap,Zt as IcoSwatches,Xt as IcoTeam,Qt as IcoTrash,qt as IcoUsers,_t as IcoWallet,Kt as IcoWalletFill,oa as IcoWand,aa as IcoWarning,ra as IcoWarningFill,ts as IconArt,es as IconArtDark,fs as IconDelete,ps as IconEmail,ss as IconEmailGlobe,ns as IconGameController,us as IconGameControllerDark,is as IconGenericToken,Ls as IconMagicGlobe,Ms as IconMagicLogo,Cs as IconMusic,Bs as IconMusicDark,As as IconPerson,ws as IconPersonDark,bs as IconProfileDark,Ws as IconProfileLight,Es as IconReset,Gs as IconSms,Hs as IconTicket,vs as IconTicketDark,js as IconWarning,Ns as IconWarningDark,Us as IconWarningShield,S as LoadingSpinner,Js as LogoAlgorand,Vs as LogoAlgorandMono,$s as LogoApple,Ys as LogoAppleMono,tm as LogoAptos,em as LogoAptosMono,um as LogoArbitrum,fm as LogoArbitrumMono,pm as LogoArbitrumOne,sm as LogoArbitrumOneMono,im as LogoAstar,nm as LogoAstarMono,Mm as LogoAuth0,Lm as LogoAuth0Mono,Cm as LogoAvalanche,Bm as LogoAvalancheMono,Am as LogoAzure,wm as LogoAzureMono,Wm as LogoBase,bm as LogoBaseMono,Gm as LogoBerachain,Em as LogoBerachainMono,Hm as LogoBinance,vm as LogoBinanceMono,Um as LogoBitBucket,Nm as LogoBitBucketMono,Vm as LogoBitcoin,jm as LogoBitcoinMono,Ym as LogoBnb,Jm as LogoBnbMono,ep as LogoCelo,$m as LogoCeloMono,fp as LogoChiliz,tp as LogoChilizMono,pp as LogoCognito,sp as LogoCognitoMono,np as LogoCosmos,up as LogoCosmosMono,Lp as LogoDiscord,ip as LogoDiscordMono,wp as LogoEthereum,Bp as LogoEthereumCircle,Mp as LogoEthereumCircleMono,Cp as LogoEthereumMono,bp as LogoEtherlink,Ap as LogoEtherlinkMono,Ep as LogoFacebook,Wp as LogoFacebookMono,vp as LogoFlare,Gp as LogoFlareMono,Np as LogoFlow,Hp as LogoFlowMono,jp as LogoGitHub,Up as LogoGitHubMono,Jp as LogoGitLab,Vp as LogoGitLabMono,$p as LogoGoogle,Yp as LogoGoogleMono,td as LogoHarmony,ed as LogoHarmonyMono,sd as LogoHorizen,fd as LogoHorizenMono,ud as LogoIcon,pd as LogoIconMono,id as LogoImmutableX,nd as LogoImmutableXMono,Cd as LogoLink,Md as LogoLinkByStripe,Ld as LogoLinkByStripeMono,Bd as LogoLinkMono,Ad as LogoLinkedIn,wd as LogoLinkedInMono,Wd as LogoLoopring,bd as LogoLoopringMono,Gd as LogoMicrosoft,Ed as LogoMicrosoftMono,Hd as LogoMoonbeam,vd as LogoMoonbeamMono,Ud as LogoNear,Nd as LogoNearMono,Vd as LogoOnramper,jd as LogoOnramperMono,Yd as LogoOptimism,Jd as LogoOptimismMono,fu as LogoPayPal,$d as LogoPayPalMono,tu as LogoPayPalWordmark,eu as LogoPayPalWordmarkMono,pu as LogoPoa,su as LogoPoaMono,nu as LogoPolkadot,uu as LogoPolkadotMono,Lu as LogoPolygon,iu as LogoPolygonMono,Bu as LogoRarichain,Mu as LogoRarichainMono,wu as LogoSardine,Cu as LogoSardineMono,bu as LogoSei,Au as LogoSeiMono,Eu as LogoSolana,Wu as LogoSolanaMono,vu as LogoSoneium,Gu as LogoSoneiumMono,Nu as LogoStability,Hu as LogoStabilityMono,ju as LogoSui,Uu as LogoSuiMono,Ju as LogoTezos,Vu as LogoTezosMono,$u as LogoTwitch,Yu as LogoTwitchMono,tx as LogoTwitter,ex as LogoTwitterMono,sx as LogoWalletConnect,fx as LogoWalletConnectMono,ux as LogoWarpcast,px as LogoWarpcastMono,ix as LogoWax,nx as LogoWaxMono,Mx as LogoXdc,Lx as LogoXdcMono,Cx as LogoZetachain,Bx as LogoZetachainMono,Ax as LogoZilliqa,wx as LogoZilliqaMono,Wx as LogoZksync,bx as LogoZksyncMono,x as Menu,c as Modal,Da as NFTTile,Ta as NavigationButton,g as Overlay,Pa as Page,Sa as PassportPage,Ex as PayAmex,Gx as PayDiscover,vx as PayMastercard,I as PayPalButton,Hx as PayVisa,ga as PhoneInput,Ia as PinCodeInput,dn as Popover,Nx as PresentationLogo,y as ProgressBar,Dn as QRCode,xn as Radio,nn as RadioGroup,Rn as SecuredByMagic,da as SecurityOtp,gn as SegmentedControl,On as SharedLogo,T as Skeleton,k as SocialLoginButton,Mn as Switch,Ln as Tab,Bn as Text,xa as TextBox,ka as TextInput,D as Toast,G as ToastProvider,Ra as TokenListItem,v as Tooltip,Oa as TransactionRow,Cn as VerifyPincode,wn as WalletActions,ca as WalletAddress,An as WalletNavigation,Sn as WalletNavigationType,ya as WalletPage,Ux as WebsiteMagic,jx as WltCoinbase,Vx as WltMattel,Jx as WltMetamask,Yx as WltPhantom,$x as WltRainbow,en as WltWalletConnect,zn as useCustomVars,Zn as useToast};
1
+ import{ButtonContainer as r}from"./components/containers/button.js";import{Card as a}from"./components/containers/card.js";import{Content as l}from"./components/containers/content.js";import{Drawer as m}from"./components/containers/drawer.js";import{Footer as d}from"./components/containers/footer.js";import{Header as x}from"./components/containers/header.js";import{Menu as c}from"./components/containers/menu.js";import{Modal as g}from"./components/containers/modal.js";import{Overlay as I}from"./components/containers/overlay.js";import{PayPalButton as k}from"./components/external/paypal-button.js";import{SocialLoginButton as C}from"./components/external/social-login-button.js";import{AnimatedCheckmark as F}from"./components/feedback/animated-checkmark.js";import{AnimatedSpinner as P}from"./components/feedback/animated-spinner.js";import{Callout as S}from"./components/feedback/callout.js";import{LoadingSpinner as y}from"./components/feedback/loading-spinner.js";import{ProgressBar as T}from"./components/feedback/progress-bar.js";import{Skeleton as D}from"./components/feedback/skeleton.js";import{Toast as R,ToastProvider as v}from"./components/feedback/toast-provider.js";import{default as H}from"./components/feedback/tooltip.js";import{default as N}from"./components/icons/ico-add.js";import{default as U}from"./components/icons/ico-alert-circle-fill.js";import{default as j}from"./components/icons/ico-alert-circle.js";import{default as V}from"./components/icons/ico-arrow-down.js";import{default as J}from"./components/icons/ico-arrow-left.js";import{default as Y}from"./components/icons/ico-arrow-right.js";import{default as $}from"./components/icons/ico-arrow-up.js";import{default as eo}from"./components/icons/ico-asterisk-with-shield.js";import{default as to}from"./components/icons/ico-asterisk.js";import{default as fo}from"./components/icons/ico-astronaut.js";import{default as so}from"./components/icons/ico-atom.js";import{default as po}from"./components/icons/ico-bank.js";import{default as xo}from"./components/icons/ico-bell-notification.js";import{default as co}from"./components/icons/ico-bell.js";import{default as go}from"./components/icons/ico-block.js";import{default as Io}from"./components/icons/ico-branding.js";import{default as ko}from"./components/icons/ico-caret-down.js";import{default as Co}from"./components/icons/ico-caret-left.js";import{default as Fo}from"./components/icons/ico-caret-right.js";import{default as Po}from"./components/icons/ico-caret-up.js";import{default as So}from"./components/icons/ico-checkmark-circle-fill.js";import{default as yo}from"./components/icons/ico-checkmark-circle.js";import{default as To}from"./components/icons/ico-checkmark.js";import{default as Do}from"./components/icons/ico-clock-fill.js";import{default as Ro}from"./components/icons/ico-code-editor.js";import{default as Oo}from"./components/icons/ico-code-sandbox.js";import{default as zo}from"./components/icons/ico-code.js";import{default as Zo}from"./components/icons/ico-command-line.js";import{default as Xo}from"./components/icons/ico-comment.js";import{default as Qo}from"./components/icons/ico-copy.js";import{default as qo}from"./components/icons/ico-credit-card.js";import{default as Ko}from"./components/icons/ico-dedicated.js";import{default as _o}from"./components/icons/ico-diamond.js";import{default as oe}from"./components/icons/ico-dismiss-circle-fill.js";import{default as re}from"./components/icons/ico-dismiss-circle.js";import{default as ae}from"./components/icons/ico-dismiss.js";import{default as le}from"./components/icons/ico-doc.js";import{default as me}from"./components/icons/ico-download.js";import{default as de}from"./components/icons/ico-edit-email.js";import{default as xe}from"./components/icons/ico-edit.js";import{default as ce}from"./components/icons/ico-email-fill.js";import{default as ge}from"./components/icons/ico-email-open.js";import{default as Ie}from"./components/icons/ico-email.js";import{default as ke}from"./components/icons/ico-expand.js";import{default as Ce}from"./components/icons/ico-expiration.js";import{default as Fe}from"./components/icons/ico-external-link.js";import{default as Pe}from"./components/icons/ico-eye-closed.js";import{default as Se}from"./components/icons/ico-eye-opened.js";import{default as ye}from"./components/icons/ico-fingerprint-fill.js";import{default as Te}from"./components/icons/ico-fingerprint.js";import{default as De}from"./components/icons/ico-gas.js";import{default as Re}from"./components/icons/ico-gift.js";import{default as Oe}from"./components/icons/ico-globe.js";import{default as ze}from"./components/icons/ico-grid-fill.js";import{default as Ze}from"./components/icons/ico-guide.js";import{default as Xe}from"./components/icons/ico-home-fill.js";import{default as Qe}from"./components/icons/ico-home.js";import{default as qe}from"./components/icons/ico-hourglass.js";import{default as Ke}from"./components/icons/ico-info-circle-fill.js";import{default as _e}from"./components/icons/ico-info-circle.js";import{default as or}from"./components/icons/ico-kebab.js";import{default as rr}from"./components/icons/ico-key.js";import{default as ar}from"./components/icons/ico-lightbulb-fill.js";import{default as lr}from"./components/icons/ico-lightbulb.js";import{default as mr}from"./components/icons/ico-lightning-fill.js";import{default as dr}from"./components/icons/ico-lightning.js";import{default as xr}from"./components/icons/ico-link.js";import{default as cr}from"./components/icons/ico-loading.js";import{default as gr}from"./components/icons/ico-lock-locked.js";import{default as Ir}from"./components/icons/ico-lock-password.js";import{default as kr}from"./components/icons/ico-lock-unlocked-fill.js";import{default as Cr}from"./components/icons/ico-lock-unlocked.js";import{default as Fr}from"./components/icons/ico-login-form.js";import{default as Pr}from"./components/icons/ico-magic.js";import{default as Sr}from"./components/icons/ico-megaphone.js";import{default as yr}from"./components/icons/ico-menu.js";import{default as Tr}from"./components/icons/ico-message-fill.js";import{default as Dr}from"./components/icons/ico-message.js";import{default as Rr}from"./components/icons/ico-mfa.js";import{default as Or}from"./components/icons/ico-minimize.js";import{default as zr}from"./components/icons/ico-mobile2fa.js";import{default as Zr}from"./components/icons/ico-mobile2fafill.js";import{default as Xr}from"./components/icons/ico-open-book.js";import{default as Qr}from"./components/icons/ico-paper-plane.js";import{default as qr}from"./components/icons/ico-passport.js";import{default as Kr}from"./components/icons/ico-passwordless.js";import{default as _r}from"./components/icons/ico-pending-connection.js";import{default as ot}from"./components/icons/ico-phone.js";import{default as rt}from"./components/icons/ico-polygon-gas-testnet.js";import{default as at}from"./components/icons/ico-polygon-gas.js";import{default as lt}from"./components/icons/ico-price.js";import{default as mt}from"./components/icons/ico-qrcode.js";import{default as dt}from"./components/icons/ico-question-circle-fill.js";import{default as xt}from"./components/icons/ico-question-circle.js";import{default as ct}from"./components/icons/ico-refresh-circle-fill.js";import{default as gt}from"./components/icons/ico-refresh.js";import{default as It}from"./components/icons/ico-remove.js";import{default as kt}from"./components/icons/ico-rocket-fill.js";import{default as Ct}from"./components/icons/ico-search.js";import{default as Ft}from"./components/icons/ico-settings-fill.js";import{default as Pt}from"./components/icons/ico-settings.js";import{default as St}from"./components/icons/ico-shapes.js";import{default as yt}from"./components/icons/ico-shield-approved.js";import{default as Tt}from"./components/icons/ico-shield-rejected.js";import{default as Dt}from"./components/icons/ico-shield.js";import{default as Rt}from"./components/icons/ico-social.js";import{default as Ot}from"./components/icons/ico-sold-out-tag.js";import{default as zt}from"./components/icons/ico-star.js";import{default as Zt}from"./components/icons/ico-swap.js";import{default as Xt}from"./components/icons/ico-swatches.js";import{default as Qt}from"./components/icons/ico-team.js";import{default as qt}from"./components/icons/ico-trash.js";import{default as Kt}from"./components/icons/ico-users.js";import{default as _t}from"./components/icons/ico-wallet-fill.js";import{default as oa}from"./components/icons/ico-wallet.js";import{default as ra}from"./components/icons/ico-wand.js";import{default as aa}from"./components/icons/ico-warning-fill.js";import{default as la}from"./components/icons/ico-warning.js";import{default as ma}from"./components/info/copy-button.js";import{default as da}from"./components/info/email-wbr.js";import{default as xa}from"./components/info/security-otp.js";import{default as ca}from"./components/info/text-box.js";import{default as ga}from"./components/info/wallet-address.js";import{default as Ia}from"./components/inputs/phone-input.js";import{PinCodeInput as ka}from"./components/inputs/pincode-input.js";import{TextInput as Ca}from"./components/inputs/text-input.js";import{Dialogue as Fa}from"./components/layouts/dialogue.js";import{Error as Pa}from"./components/layouts/error.js";import{Page as Sa}from"./components/layouts/page.js";import{PassportPage as ya}from"./components/layouts/passport-page.js";import{WalletPage as Ta}from"./components/layouts/wallet-page/index.js";import{default as Da}from"./components/list-items/navigation-button.js";import{NFTTile as Ra}from"./components/list-items/nft-tile.js";import{TokenListItem as Oa}from"./components/list-items/token-list-item.js";import{TransactionRow as za}from"./components/list-items/transaction-row.js";import{default as Za}from"./components/logos/blc-algorand.js";import{default as Xa}from"./components/logos/blc-aptos.js";import{default as Qa}from"./components/logos/blc-arbitrum.js";import{default as qa}from"./components/logos/blc-astar.js";import{default as Ka}from"./components/logos/blc-avalanche.js";import{default as _a}from"./components/logos/blc-base.js";import{default as of}from"./components/logos/blc-berachain.js";import{default as rf}from"./components/logos/blc-binance.js";import{default as af}from"./components/logos/blc-bitcoin.js";import{default as lf}from"./components/logos/blc-celo.js";import{default as mf}from"./components/logos/blc-chiliz.js";import{default as df}from"./components/logos/blc-cosmos.js";import{default as xf}from"./components/logos/blc-ethereum.js";import{default as cf}from"./components/logos/blc-etherlink.js";import{default as Lf}from"./components/logos/blc-flow.js";import{default as Mf}from"./components/logos/blc-harmony.js";import{default as Bf}from"./components/logos/blc-icon.js";import{default as hf}from"./components/logos/blc-immutable-x.js";import{default as wf}from"./components/logos/blc-loopring.js";import{default as Af}from"./components/logos/blc-moonbeam.js";import{default as bf}from"./components/logos/blc-near.js";import{default as Wf}from"./components/logos/blc-optimism.js";import{default as Ef}from"./components/logos/blc-polkadot.js";import{default as Gf}from"./components/logos/blc-polygon.js";import{default as vf}from"./components/logos/blc-rarichain.js";import{default as Hf}from"./components/logos/blc-solana.js";import{default as Nf}from"./components/logos/blc-stability.js";import{default as Uf}from"./components/logos/blc-sui.js";import{default as jf}from"./components/logos/blc-tezos.js";import{default as Vf}from"./components/logos/blc-wax.js";import{default as Jf}from"./components/logos/blc-zetachain.js";import{default as Yf}from"./components/logos/blc-zilliqa.js";import{default as $f}from"./components/logos/blc-zksync.js";import{default as el}from"./components/logos/default-cursor.js";import{default as tl}from"./components/logos/fwk-11ty.js";import{default as fl}from"./components/logos/fwk-android.js";import{default as sl}from"./components/logos/fwk-apple.js";import{default as pl}from"./components/logos/fwk-authy.js";import{default as ul}from"./components/logos/fwk-binance-fill.js";import{default as nl}from"./components/logos/fwk-chrome.js";import{default as il}from"./components/logos/fwk-electron.js";import{default as Ll}from"./components/logos/fwk-express.js";import{default as Ml}from"./components/logos/fwk-fauna.js";import{default as Bl}from"./components/logos/fwk-firebase.js";import{default as hl}from"./components/logos/fwk-go.js";import{default as wl}from"./components/logos/fwk-google-authenticator.js";import{default as Al}from"./components/logos/fwk-hasura.js";import{default as bl}from"./components/logos/fwk-javascript.js";import{default as Wl}from"./components/logos/fwk-jwt.js";import{default as El}from"./components/logos/fwk-laravel.js";import{default as Gl}from"./components/logos/fwk-nextjs.js";import{default as vl}from"./components/logos/fwk-nodejs.js";import{default as Hl}from"./components/logos/fwk-nuxtjs.js";import{default as Nl}from"./components/logos/fwk-php.js";import{default as Ul}from"./components/logos/fwk-react.js";import{default as jl}from"./components/logos/fwk-strapi.js";import{default as Vl}from"./components/logos/fwk-stripe.js";import{default as Jl}from"./components/logos/fwk-vue.js";import{default as Yl}from"./components/logos/fwk-webflow.js";import{default as $l}from"./components/logos/fwk-wordpress.js";import{default as es}from"./components/logos/fwk-zapier.js";import{default as ts}from"./components/logos/icon-art-dark.js";import{default as fs}from"./components/logos/icon-art.js";import{default as ss}from"./components/logos/icon-delete.js";import{default as ps}from"./components/logos/icon-email-globe.js";import{default as us}from"./components/logos/icon-email.js";import{default as ns}from"./components/logos/icon-game-controller-dark.js";import{default as is}from"./components/logos/icon-game-controller.js";import{default as Ls}from"./components/logos/icon-generic-token.js";import{default as Ms}from"./components/logos/icon-magic-globe.js";import{default as Bs}from"./components/logos/icon-magic-logo.js";import{default as hs}from"./components/logos/icon-music-dark.js";import{default as ws}from"./components/logos/icon-music.js";import{default as As}from"./components/logos/icon-person-dark.js";import{default as bs}from"./components/logos/icon-person.js";import{default as Ws}from"./components/logos/icon-profile-dark.js";import{default as Es}from"./components/logos/icon-profile-light.js";import{default as Gs}from"./components/logos/icon-reset.js";import{default as vs}from"./components/logos/icon-sms.js";import{default as Hs}from"./components/logos/icon-ticket-dark.js";import{default as Ns}from"./components/logos/icon-ticket.js";import{default as Us}from"./components/logos/icon-warning-dark.js";import{default as js}from"./components/logos/icon-warning-shield.js";import{default as Vs}from"./components/logos/icon-warning.js";import{default as Js}from"./components/logos/logo-algorand-mono.js";import{default as Ys}from"./components/logos/logo-algorand.js";import{default as $s}from"./components/logos/logo-apple-mono.js";import{default as em}from"./components/logos/logo-apple.js";import{default as tm}from"./components/logos/logo-aptos-mono.js";import{default as fm}from"./components/logos/logo-aptos.js";import{default as sm}from"./components/logos/logo-arbitrum-mono.js";import{default as pm}from"./components/logos/logo-arbitrum-one-mono.js";import{default as um}from"./components/logos/logo-arbitrum-one.js";import{default as nm}from"./components/logos/logo-arbitrum.js";import{default as im}from"./components/logos/logo-astar-mono.js";import{default as Lm}from"./components/logos/logo-astar.js";import{default as Mm}from"./components/logos/logo-auth0-mono.js";import{default as Bm}from"./components/logos/logo-auth0.js";import{default as hm}from"./components/logos/logo-avalanche-mono.js";import{default as wm}from"./components/logos/logo-avalanche.js";import{default as Am}from"./components/logos/logo-azure-mono.js";import{default as bm}from"./components/logos/logo-azure.js";import{default as Wm}from"./components/logos/logo-base-mono.js";import{default as Em}from"./components/logos/logo-base.js";import{default as Gm}from"./components/logos/logo-berachain-mono.js";import{default as vm}from"./components/logos/logo-berachain.js";import{default as Hm}from"./components/logos/logo-binance-mono.js";import{default as Nm}from"./components/logos/logo-binance.js";import{default as Um}from"./components/logos/logo-bit-bucket-mono.js";import{default as jm}from"./components/logos/logo-bit-bucket.js";import{default as Vm}from"./components/logos/logo-bitcoin-mono.js";import{default as Jm}from"./components/logos/logo-bitcoin.js";import{default as Ym}from"./components/logos/logo-bnb-mono.js";import{default as $m}from"./components/logos/logo-bnb.js";import{default as ep}from"./components/logos/logo-celo-mono.js";import{default as tp}from"./components/logos/logo-celo.js";import{default as fp}from"./components/logos/logo-chiliz-mono.js";import{default as sp}from"./components/logos/logo-chiliz.js";import{default as pp}from"./components/logos/logo-cognito-mono.js";import{default as up}from"./components/logos/logo-cognito.js";import{default as np}from"./components/logos/logo-cosmos-mono.js";import{default as ip}from"./components/logos/logo-cosmos.js";import{default as Lp}from"./components/logos/logo-discord-mono.js";import{default as Mp}from"./components/logos/logo-discord.js";import{default as Bp}from"./components/logos/logo-ethereum-circle-mono.js";import{default as hp}from"./components/logos/logo-ethereum-circle.js";import{default as wp}from"./components/logos/logo-ethereum-mono.js";import{default as Ap}from"./components/logos/logo-ethereum.js";import{default as bp}from"./components/logos/logo-etherlink-mono.js";import{default as Wp}from"./components/logos/logo-etherlink.js";import{default as Ep}from"./components/logos/logo-facebook-mono.js";import{default as Gp}from"./components/logos/logo-facebook.js";import{default as vp}from"./components/logos/logo-flare-mono.js";import{default as Hp}from"./components/logos/logo-flare.js";import{default as Np}from"./components/logos/logo-flow-mono.js";import{default as Up}from"./components/logos/logo-flow.js";import{default as jp}from"./components/logos/logo-git-hub-mono.js";import{default as Vp}from"./components/logos/logo-git-hub.js";import{default as Jp}from"./components/logos/logo-git-lab-mono.js";import{default as Yp}from"./components/logos/logo-git-lab.js";import{default as $p}from"./components/logos/logo-google-mono.js";import{default as ed}from"./components/logos/logo-google.js";import{default as td}from"./components/logos/logo-harmony-mono.js";import{default as fd}from"./components/logos/logo-harmony.js";import{default as sd}from"./components/logos/logo-horizen-mono.js";import{default as pd}from"./components/logos/logo-horizen.js";import{default as ud}from"./components/logos/logo-icon-mono.js";import{default as nd}from"./components/logos/logo-icon.js";import{default as id}from"./components/logos/logo-immutable-x-mono.js";import{default as Ld}from"./components/logos/logo-immutable-x.js";import{default as Md}from"./components/logos/logo-link-by-stripe-mono.js";import{default as Bd}from"./components/logos/logo-link-by-stripe.js";import{default as hd}from"./components/logos/logo-link-mono.js";import{default as wd}from"./components/logos/logo-link.js";import{default as Ad}from"./components/logos/logo-linked-in-mono.js";import{default as bd}from"./components/logos/logo-linked-in.js";import{default as Wd}from"./components/logos/logo-loopring-mono.js";import{default as Ed}from"./components/logos/logo-loopring.js";import{default as Gd}from"./components/logos/logo-microsoft-mono.js";import{default as vd}from"./components/logos/logo-microsoft.js";import{default as Hd}from"./components/logos/logo-moonbeam-mono.js";import{default as Nd}from"./components/logos/logo-moonbeam.js";import{default as Ud}from"./components/logos/logo-near-mono.js";import{default as jd}from"./components/logos/logo-near.js";import{default as Vd}from"./components/logos/logo-onramper-mono.js";import{default as Jd}from"./components/logos/logo-onramper.js";import{default as Yd}from"./components/logos/logo-optimism-mono.js";import{default as $d}from"./components/logos/logo-optimism.js";import{default as eu}from"./components/logos/logo-pay-pal-mono.js";import{default as tu}from"./components/logos/logo-pay-pal-wordmark-mono.js";import{default as fu}from"./components/logos/logo-pay-pal-wordmark.js";import{default as su}from"./components/logos/logo-pay-pal.js";import{default as pu}from"./components/logos/logo-poa-mono.js";import{default as uu}from"./components/logos/logo-poa.js";import{default as nu}from"./components/logos/logo-polkadot-mono.js";import{default as iu}from"./components/logos/logo-polkadot.js";import{default as Lu}from"./components/logos/logo-polygon-mono.js";import{default as Mu}from"./components/logos/logo-polygon.js";import{default as Bu}from"./components/logos/logo-rarichain-mono.js";import{default as hu}from"./components/logos/logo-rarichain.js";import{default as wu}from"./components/logos/logo-sardine-mono.js";import{default as Au}from"./components/logos/logo-sardine.js";import{default as bu}from"./components/logos/logo-sei-mono.js";import{default as Wu}from"./components/logos/logo-sei.js";import{default as Eu}from"./components/logos/logo-solana-mono.js";import{default as Gu}from"./components/logos/logo-solana.js";import{default as vu}from"./components/logos/logo-soneium-mono.js";import{default as Hu}from"./components/logos/logo-soneium.js";import{default as Nu}from"./components/logos/logo-stability-mono.js";import{default as Uu}from"./components/logos/logo-stability.js";import{default as ju}from"./components/logos/logo-sui-mono.js";import{default as Vu}from"./components/logos/logo-sui.js";import{default as Ju}from"./components/logos/logo-tezos-mono.js";import{default as Yu}from"./components/logos/logo-tezos.js";import{default as $u}from"./components/logos/logo-twitch-mono.js";import{default as ex}from"./components/logos/logo-twitch.js";import{default as tx}from"./components/logos/logo-twitter-mono.js";import{default as fx}from"./components/logos/logo-twitter.js";import{default as sx}from"./components/logos/logo-wallet-connect-mono.js";import{default as px}from"./components/logos/logo-wallet-connect.js";import{default as ux}from"./components/logos/logo-warpcast-mono.js";import{default as nx}from"./components/logos/logo-warpcast.js";import{default as ix}from"./components/logos/logo-wax-mono.js";import{default as Lx}from"./components/logos/logo-wax.js";import{default as Mx}from"./components/logos/logo-xdc-mono.js";import{default as Bx}from"./components/logos/logo-xdc.js";import{default as hx}from"./components/logos/logo-zetachain-mono.js";import{default as wx}from"./components/logos/logo-zetachain.js";import{default as Ax}from"./components/logos/logo-zilliqa-mono.js";import{default as bx}from"./components/logos/logo-zilliqa.js";import{default as Wx}from"./components/logos/logo-zksync-mono.js";import{default as Ex}from"./components/logos/logo-zksync.js";import{default as Gx}from"./components/logos/pay-amex.js";import{default as vx}from"./components/logos/pay-discover.js";import{default as Hx}from"./components/logos/pay-mastercard.js";import{default as Nx}from"./components/logos/pay-visa.js";import{default as Ux}from"./components/logos/presentation-logo.js";import{default as jx}from"./components/logos/website-magic.js";import{default as Vx}from"./components/logos/wlt-coinbase.js";import{default as Jx}from"./components/logos/wlt-mattel.js";import{default as Yx}from"./components/logos/wlt-metamask.js";import{default as $x}from"./components/logos/wlt-phantom.js";import{default as en}from"./components/logos/wlt-rainbow.js";import{default as tn}from"./components/logos/wlt-wallet-connect.js";import{default as fn}from"./components/primitives/button.js";import{default as sn}from"./components/primitives/checkbox.js";import{DropdownOption as pn,DropdownSelector as dn}from"./components/primitives/dropdown-selector.js";import{Popover as xn}from"./components/primitives/popover.js";import{Radio as cn,RadioGroup as gn}from"./components/primitives/radio.js";import{SegmentedControl as In,Tab as Mn}from"./components/primitives/segmented-control.js";import{default as Bn}from"./components/primitives/switch.js";import{default as hn}from"./components/primitives/text.js";import{VerifyPincode as wn}from"./components/sections/verify-pincode.js";import{WalletActions as An}from"./components/sections/wallet-actions.js";import{WalletNavigation as bn,WalletNavigationType as yn}from"./components/sections/wallet-navigation.js";import{default as Tn}from"./components/utils/animate.js";import{ClientAssetLogo as Dn}from"./components/utils/client-asset-logo.js";import{default as Rn}from"./components/utils/qr-code.js";import{default as On}from"./components/utils/secured-by-magic.js";import{default as zn}from"./components/utils/shared-logo.js";import{useCustomVars as Zn}from"./hooks/theme.js";import{useToast as Xn}from"./hooks/useToast.js";export{Tn as Animate,F as AnimatedCheckmark,P as AnimatedSpinner,Za as BlcAlgorand,Xa as BlcAptos,Qa as BlcArbitrum,qa as BlcAstar,Ka as BlcAvalanche,_a as BlcBase,of as BlcBerachain,rf as BlcBinance,af as BlcBitcoin,lf as BlcCelo,mf as BlcChiliz,df as BlcCosmos,xf as BlcEthereum,cf as BlcEtherlink,Lf as BlcFlow,Mf as BlcHarmony,Bf as BlcIcon,hf as BlcImmutableX,wf as BlcLoopring,Af as BlcMoonbeam,bf as BlcNear,Wf as BlcOptimism,Ef as BlcPolkadot,Gf as BlcPolygon,vf as BlcRarichain,Hf as BlcSolana,Nf as BlcStability,Uf as BlcSui,jf as BlcTezos,Vf as BlcWax,Jf as BlcZetachain,Yf as BlcZilliqa,$f as BlcZksync,fn as Button,r as ButtonContainer,S as Callout,a as Card,sn as Checkbox,Dn as ClientAssetLogo,l as Content,ma as CopyButton,el as DefaultCursor,Fa as Dialogue,m as Drawer,pn as DropdownOption,dn as DropdownSelector,da as EmailWbr,Pa as Error,d as Footer,tl as Fwk11ty,fl as FwkAndroid,sl as FwkApple,pl as FwkAuthy,ul as FwkBinanceFill,nl as FwkChrome,il as FwkElectron,Ll as FwkExpress,Ml as FwkFauna,Bl as FwkFirebase,hl as FwkGo,wl as FwkGoogleAuthenticator,Al as FwkHasura,bl as FwkJavascript,Wl as FwkJwt,El as FwkLaravel,Gl as FwkNextjs,vl as FwkNodejs,Hl as FwkNuxtjs,Nl as FwkPhp,Ul as FwkReact,jl as FwkStrapi,Vl as FwkStripe,Jl as FwkVue,Yl as FwkWebflow,$l as FwkWordpress,es as FwkZapier,x as Header,N as IcoAdd,j as IcoAlertCircle,U as IcoAlertCircleFill,V as IcoArrowDown,J as IcoArrowLeft,Y as IcoArrowRight,$ as IcoArrowUp,to as IcoAsterisk,eo as IcoAsteriskWithShield,fo as IcoAstronaut,so as IcoAtom,po as IcoBank,co as IcoBell,xo as IcoBellNotification,go as IcoBlock,Io as IcoBranding,ko as IcoCaretDown,Co as IcoCaretLeft,Fo as IcoCaretRight,Po as IcoCaretUp,To as IcoCheckmark,yo as IcoCheckmarkCircle,So as IcoCheckmarkCircleFill,Do as IcoClockFill,zo as IcoCode,Ro as IcoCodeEditor,Oo as IcoCodeSandbox,Zo as IcoCommandLine,Xo as IcoComment,Qo as IcoCopy,qo as IcoCreditCard,Ko as IcoDedicated,_o as IcoDiamond,ae as IcoDismiss,re as IcoDismissCircle,oe as IcoDismissCircleFill,le as IcoDoc,me as IcoDownload,xe as IcoEdit,de as IcoEditEmail,Ie as IcoEmail,ce as IcoEmailFill,ge as IcoEmailOpen,ke as IcoExpand,Ce as IcoExpiration,Fe as IcoExternalLink,Pe as IcoEyeClosed,Se as IcoEyeOpened,Te as IcoFingerprint,ye as IcoFingerprintFill,De as IcoGas,Re as IcoGift,Oe as IcoGlobe,ze as IcoGridFill,Ze as IcoGuide,Qe as IcoHome,Xe as IcoHomeFill,qe as IcoHourglass,_e as IcoInfoCircle,Ke as IcoInfoCircleFill,or as IcoKebab,rr as IcoKey,lr as IcoLightbulb,ar as IcoLightbulbFill,dr as IcoLightning,mr as IcoLightningFill,xr as IcoLink,cr as IcoLoading,gr as IcoLockLocked,Ir as IcoLockPassword,Cr as IcoLockUnlocked,kr as IcoLockUnlockedFill,Fr as IcoLoginForm,Pr as IcoMagic,Sr as IcoMegaphone,yr as IcoMenu,Dr as IcoMessage,Tr as IcoMessageFill,Rr as IcoMfa,Or as IcoMinimize,zr as IcoMobile2fa,Zr as IcoMobile2fafill,Xr as IcoOpenBook,Qr as IcoPaperPlane,qr as IcoPassport,Kr as IcoPasswordless,_r as IcoPendingConnection,ot as IcoPhone,at as IcoPolygonGas,rt as IcoPolygonGasTestnet,lt as IcoPrice,mt as IcoQrcode,xt as IcoQuestionCircle,dt as IcoQuestionCircleFill,gt as IcoRefresh,ct as IcoRefreshCircleFill,It as IcoRemove,kt as IcoRocketFill,Ct as IcoSearch,Pt as IcoSettings,Ft as IcoSettingsFill,St as IcoShapes,Dt as IcoShield,yt as IcoShieldApproved,Tt as IcoShieldRejected,Rt as IcoSocial,Ot as IcoSoldOutTag,zt as IcoStar,Zt as IcoSwap,Xt as IcoSwatches,Qt as IcoTeam,qt as IcoTrash,Kt as IcoUsers,oa as IcoWallet,_t as IcoWalletFill,ra as IcoWand,la as IcoWarning,aa as IcoWarningFill,fs as IconArt,ts as IconArtDark,ss as IconDelete,us as IconEmail,ps as IconEmailGlobe,is as IconGameController,ns as IconGameControllerDark,Ls as IconGenericToken,Ms as IconMagicGlobe,Bs as IconMagicLogo,ws as IconMusic,hs as IconMusicDark,bs as IconPerson,As as IconPersonDark,Ws as IconProfileDark,Es as IconProfileLight,Gs as IconReset,vs as IconSms,Ns as IconTicket,Hs as IconTicketDark,Vs as IconWarning,Us as IconWarningDark,js as IconWarningShield,y as LoadingSpinner,Ys as LogoAlgorand,Js as LogoAlgorandMono,em as LogoApple,$s as LogoAppleMono,fm as LogoAptos,tm as LogoAptosMono,nm as LogoArbitrum,sm as LogoArbitrumMono,um as LogoArbitrumOne,pm as LogoArbitrumOneMono,Lm as LogoAstar,im as LogoAstarMono,Bm as LogoAuth0,Mm as LogoAuth0Mono,wm as LogoAvalanche,hm as LogoAvalancheMono,bm as LogoAzure,Am as LogoAzureMono,Em as LogoBase,Wm as LogoBaseMono,vm as LogoBerachain,Gm as LogoBerachainMono,Nm as LogoBinance,Hm as LogoBinanceMono,jm as LogoBitBucket,Um as LogoBitBucketMono,Jm as LogoBitcoin,Vm as LogoBitcoinMono,$m as LogoBnb,Ym as LogoBnbMono,tp as LogoCelo,ep as LogoCeloMono,sp as LogoChiliz,fp as LogoChilizMono,up as LogoCognito,pp as LogoCognitoMono,ip as LogoCosmos,np as LogoCosmosMono,Mp as LogoDiscord,Lp as LogoDiscordMono,Ap as LogoEthereum,hp as LogoEthereumCircle,Bp as LogoEthereumCircleMono,wp as LogoEthereumMono,Wp as LogoEtherlink,bp as LogoEtherlinkMono,Gp as LogoFacebook,Ep as LogoFacebookMono,Hp as LogoFlare,vp as LogoFlareMono,Up as LogoFlow,Np as LogoFlowMono,Vp as LogoGitHub,jp as LogoGitHubMono,Yp as LogoGitLab,Jp as LogoGitLabMono,ed as LogoGoogle,$p as LogoGoogleMono,fd as LogoHarmony,td as LogoHarmonyMono,pd as LogoHorizen,sd as LogoHorizenMono,nd as LogoIcon,ud as LogoIconMono,Ld as LogoImmutableX,id as LogoImmutableXMono,wd as LogoLink,Bd as LogoLinkByStripe,Md as LogoLinkByStripeMono,hd as LogoLinkMono,bd as LogoLinkedIn,Ad as LogoLinkedInMono,Ed as LogoLoopring,Wd as LogoLoopringMono,vd as LogoMicrosoft,Gd as LogoMicrosoftMono,Nd as LogoMoonbeam,Hd as LogoMoonbeamMono,jd as LogoNear,Ud as LogoNearMono,Jd as LogoOnramper,Vd as LogoOnramperMono,$d as LogoOptimism,Yd as LogoOptimismMono,su as LogoPayPal,eu as LogoPayPalMono,fu as LogoPayPalWordmark,tu as LogoPayPalWordmarkMono,uu as LogoPoa,pu as LogoPoaMono,iu as LogoPolkadot,nu as LogoPolkadotMono,Mu as LogoPolygon,Lu as LogoPolygonMono,hu as LogoRarichain,Bu as LogoRarichainMono,Au as LogoSardine,wu as LogoSardineMono,Wu as LogoSei,bu as LogoSeiMono,Gu as LogoSolana,Eu as LogoSolanaMono,Hu as LogoSoneium,vu as LogoSoneiumMono,Uu as LogoStability,Nu as LogoStabilityMono,Vu as LogoSui,ju as LogoSuiMono,Yu as LogoTezos,Ju as LogoTezosMono,ex as LogoTwitch,$u as LogoTwitchMono,fx as LogoTwitter,tx as LogoTwitterMono,px as LogoWalletConnect,sx as LogoWalletConnectMono,nx as LogoWarpcast,ux as LogoWarpcastMono,Lx as LogoWax,ix as LogoWaxMono,Bx as LogoXdc,Mx as LogoXdcMono,wx as LogoZetachain,hx as LogoZetachainMono,bx as LogoZilliqa,Ax as LogoZilliqaMono,Ex as LogoZksync,Wx as LogoZksyncMono,c as Menu,g as Modal,Ra as NFTTile,Da as NavigationButton,I as Overlay,Sa as Page,ya as PassportPage,Gx as PayAmex,vx as PayDiscover,Hx as PayMastercard,k as PayPalButton,Nx as PayVisa,Ia as PhoneInput,ka as PinCodeInput,xn as Popover,Ux as PresentationLogo,T as ProgressBar,Rn as QRCode,cn as Radio,gn as RadioGroup,On as SecuredByMagic,xa as SecurityOtp,In as SegmentedControl,zn as SharedLogo,D as Skeleton,C as SocialLoginButton,Bn as Switch,Mn as Tab,hn as Text,ca as TextBox,Ca as TextInput,R as Toast,v as ToastProvider,Oa as TokenListItem,H as Tooltip,za as TransactionRow,wn as VerifyPincode,An as WalletActions,ga as WalletAddress,bn as WalletNavigation,yn as WalletNavigationType,Ta as WalletPage,jx as WebsiteMagic,Vx as WltCoinbase,Jx as WltMattel,Yx as WltMetamask,$x as WltPhantom,en as WltRainbow,tn as WltWalletConnect,Zn as useCustomVars,Xn as useToast};
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"schemaVersion":"0.40.1","styles":{"atomic":["display]___[value:inline-flex","alignItems]___[value:center","justifyContent]___[value:center","position]___[value:relative","fontWeight]___[value:semibold","boxSizing]___[value:border-box","borderRadius]___[value:button","border]___[value:thin solid","borderColor]___[value:transparent","cursor]___[value:pointer","transition]___[value:all 0.1s ease","outline]___[value:none","willChange]___[value:transform, opacity","background]___[value:none","transform]___[value:scale(0.95)]___[cond:_active","opacity]___[value:0.3]___[cond:_disabled","pointerEvents]___[value:none]___[cond:_disabled","content]___[value:\"\"]___[cond:_before","position]___[value:absolute]___[cond:_before","top]___[value:0]___[cond:_before","left]___[value:0]___[cond:_before","right]___[value:0]___[cond:_before","bottom]___[value:0]___[cond:_before","borderRadius]___[value:inherit]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))]___[cond:_before<___>_dark","opacity]___[value:0]___[cond:_before","transition]___[value:opacity 0.1s ease]___[cond:_before","opacity]___[value:1]___[cond:_hover<___>_before","height]___[value:9","paddingBlock]___[value:1.5","paddingInline]___[value:4","height]___[value:12","paddingBlock]___[value:3","paddingInline]___[value:6","height]___[value:15","paddingBlock]___[value:4","background]___[value:brand.base","background]___[value:brand.lightest","background]___[value:negative.darker","background]___[value:neutral.tertiary","mixBlendMode]___[value:multiply]___[cond:_light","background]___[value:transparent","borderColor]___[value:neutral.primary","padding]___[value:0","height]___[value:fit-content","opacity]___[value:0]___[cond:_hover<___>_before","background]___[value:#ffffff14","background]___[value:#ffffff4d]___[cond:_hover","background]___[value:#ffffff29]___[cond:_dark","backdropFilter]___[value:blur(3px)","display]___[value:none]___[cond:_before","background]___[value:ink.90","background]___[value:paper]___[cond:_dark","pointerEvents]___[value:none","width]___[value:full","borderRadius]___[value:full","display]___[value:flex","textAlign]___[value:center","whiteSpace]___[value:nowrap","fontSize]___[value:sm","lineHeight]___[value:1.5rem","fontSize]___[value:md","fontSize]___[value:lg","lineHeight]___[value:1.75rem","color]___[value:surface.primary","color]___[value:brand.darker","color]___[value:text.primary","color]___[value:brand.base","color]___[value:brand.darkest]___[cond:_groupHover","color]___[value:brand.lighter]___[cond:_groupHover<___>_dark","color]___[value:chalk","color]___[value:ink.90]___[cond:_dark","color]___[value:positive.base","color]___[value:positive.darker]___[cond:_groupHover","color]___[value:positive.darker]___[cond:_groupHover<___>_dark","color]___[value:negative.darker","color]___[value:negative.darkest]___[cond:_groupHover","color]___[value:ruby.70]___[cond:_groupHover<___>_dark","color]___[value:text.secondary]___[cond:_groupHover","color]___[value:text.secondary]___[cond:_groupHover<___>_dark","color]___[value:text.tertiary","outlineColor]___[value:brand.base","outlineStyle]___[value:solid","outlineWidth]___[value:thick","outlineOffset]___[value:0.5","width]___[value:9","padding]___[value:1.5","width]___[value:12","padding]___[value:3","width]___[value:15","padding]___[value:4","width]___[value:fit-content","borderRadius]___[value:10","outlineColor]___[value:brand.lightest]___[cond:_focusVisible","background]___[value:positive.lightest","outlineColor]___[value:positive.lightest]___[cond:_focusVisible","background]___[value:negative.lightest","outlineColor]___[value:negative.lightest]___[cond:_focusVisible","background]___[value:warning.lightest","outlineColor]___[value:warning.lightest]___[cond:_focusVisible","background]___[value:surface.secondary","outlineColor]___[value:surface.secondary]___[cond:_focusVisible","transition]___[value:transform 0.2s ease, opacity 0.2s ease","opacity]___[value:0.8]___[cond:_hover","outlineStyle]___[value:solid]___[cond:_focusVisible","outlineWidth]___[value:thick]___[cond:_focusVisible","outlineOffset]___[value:0.5]___[cond:_focusVisible","animationFillMode]___[value:forwards","animationName]___[value:scaleOut","animationDuration]___[value:150ms","scale]___[value:1]___[cond:_motionReduce","textAlign]___[value:left","color]___[value:brand.darkest","color]___[value:positive.darkest","color]___[value:negative.darkest","color]___[value:warning.darkest","color]___[value:text.secondary","textTransform]___[value:uppercase","fontSize]___[value:xs","letterSpacing]___[value:0.06rem","marginLeft]___[value:7","marginRight]___[value:7","outlineColor]___[value:brand.base]___[cond:_focusVisible","borderRadius]___[value:2]___[cond:_focusVisible","backgroundColor]___[value:surface.primary","borderRadius]___[value:1rem","cursor]___[value:default","height]___[value:10.75rem","width]___[value:10.75rem","alignItems]___[value:flex-start","alignItems]___[value:flex-end","overflow]___[value:hidden","overflow]___[value:visible","gap]___[value:0","gap]___[value:4","gap]___[value:5","gap]___[value:6","boxShadow]___[value:0px 1px 2px rgba(189, 189, 189, 0.3)","boxShadow]___[value:8px 8px 48px rgba(16, 15, 17, 0.14)","paddingInline]___[value:8","paddingBlock]___[value:6","padding]___[value:12","flex]___[value:1","maxWidth]___[value:29.125rem","maxWidth]___[value:full]___[cond:mdDown","opacity]___[value:0.3","backgroundColor]___[value:surface.tertiary","filter]___[value:brightness(0.9)]___[cond:_hover","height]___[value:full","background]___[value:surface.primary","overflow]___[value:auto","scrollbarWidth]___[value:none","height]___[value:100vh","width]___[value:100vw","top]___[value:12]___[cond:@media (min-width: 48rem)","marginInline]___[value:auto]___[cond:@media (min-width: 48rem)","width]___[value:25rem]___[cond:@media (min-width: 48rem)","height]___[value:fit-content]___[cond:@media (min-width: 48rem)","boxShadow]___[value:0px 12px 56px {colors.ink.70/15}]___[cond:@media (min-width: 48rem)","borderRadius]___[value:container]___[cond:@media (min-width: 48rem)","boxShadow]___[value:none]___[cond:@media (min-width: 48rem)<___>_dark","animationName]___[value:none","scale]___[value:1","padding]___[value:2","paddingBottom]___[value:0","padding]___[value:8","borderWidth]___[value:1]___[cond:@media (min-width: 48rem)<___>_dark","borderBlock]___[value:solid]___[cond:@media (min-width: 48rem)<___>_dark","borderColor]___[value:neutral.secondary]___[cond:@media (min-width: 48rem)<___>_dark","animationName]___[value:scaleIn","animationDuration]___[value:250ms","pointerEvents]___[value:all","position]___[value:fixed","top]___[value:0","left]___[value:0","backdropBlur]___[value:0.375rem","backdropFilter]___[value:auto","backgroundColor]___[value:surface.primary/70","animationName]___[value:fadeIn","animationDuration]___[value:400ms","animationName]___[value:fadeOut","maxWidth]___[value:100rem","margin]___[value:0 auto","maxWidth]___[value:none","fontWeight]___[value:medium","backgroundColor]___[value:transparent","borderStyle]___[value:solid","borderWidth]___[value:thin","borderColor]___[value:neutral.secondary","borderRadius]___[value:input","transition]___[value:all linear 120ms","width]___[value:100%","borderColor]___[value:neutral.primary]___[cond:_hover","outlineColor]___[value:brand.base]___[cond:_focusWithin","outlineStyle]___[value:solid]___[cond:_focusWithin","outlineWidth]___[value:thick]___[cond:_focusWithin","outlineOffset]___[value:0.5]___[cond:_focusWithin","height]___[value:10","borderColor]___[value:negative.base","paddingBlock]___[value:2","borderColor]___[value:neutral.secondary]___[cond:_hover","margin]___[value:0","minWidth]___[value:10","fontWeight]___[value:normal","color]___[value:text.tertiary]___[cond:_placeholder","borderColor]___[value:neutral.primary]___[cond:_groupHover","textAlign]___[value:right","fontSize]___[value:xl","transition]___[value:opacity linear 120ms","textWrap]___[value:wrap","color]___[value:warning.base","textStyle]___[value:body-xs","textStyle]___[value:body-sm","textStyle]___[value:body-md","textStyle]___[value:body-lg","textStyle]___[value:body-sm-scaled","textStyle]___[value:body-md-scaled","textStyle]___[value:body-lg-scaled","textStyle]___[value:mono-sm","textStyle]___[value:mono-md","textStyle]___[value:mono-lg","padding]___[value:20px","justifyContent]___[value:flex-start","justifyContent]___[value:flex-end","zIndex]___[value:max","boxShadow]___[value:4px 8px 20px 0px rgba(0, 0, 0, 0.15)","backgroundColor]___[value:brand.base","backgroundColor]___[value:positive.darker","backgroundColor]___[value:warning.darker","backgroundColor]___[value:negative.darker","backgroundColor]___[value:text.tertiary","backgroundColor]___[value:text.secondary]___[cond:_dark","height]___[value:1rem","width]___[value:1rem","background]___[value:linear-gradient(#00CC8F, #6851FF)","inset]___[value:0","gap]___[value:10px","flexDirection]___[value:row","display]___[value:grid","gridTemplateColumns]___[value:repeat(6, minmax(0, 1fr))","columnGap]___[value:2rem","rowGap]___[value:2rem","marginTop]___[value:6","flexDirection]___[value:column","fill]___[value:white","truncate]___[value:true","flexShrink]___[value:0","paddingTop]___[value:6","display]___[value:block","display]___[value:none","position]___[value:absolute","bottom]___[value:0","right]___[value:0","background]___[value:text.primary/20","background]___[value:rgba(0, 0, 0, .7)]___[cond:_dark","transform]___[value:translateY(0)","transform]___[value:translateY(100%)","transition]___[value:transform 0.3s","background]___[value:surface.secondary]___[cond:_dark","borderTopRadius]___[value:3xl","boxShadow]___[value:0px -12px 56px 0px rgba(119, 118, 122, 0.15)","zIndex]___[value:10","paddingBottom]___[value:6","justifyContent]___[value:space-between","minWidth]___[value:8]___[cond:& ><___>_first","minWidth]___[value:8]___[cond:& ><___>_last","textStyle]___[value:neutral","transform]___[value:translateX(-100%)","transform]___[value:translateX(100%)","transform]___[value:translateX(0)","width]___[value:80","borderRightRadius]___[value:2xl","borderLeftRadius]___[value:2xl","--thickness]___[value:1px","borderBlockEndWidth]___[value:var(--thickness)","borderColor]___[value:surface.quaternary","gap]___[value:2.5","outlineStyle]___[value:none","background]___[value:#ffc439!important","outlineColor]___[value:#ffc439!important","strokeWidth]___[value:2.5","gap]___[value:1","marginTop]___[value:0.5","width]___[value:60","flex]___[value:0 0 auto","borderRadius]___[value:9999px","animation]___[value:popIn 150ms","animation]___[value:popOut 150ms","animation]___[value:spin 1.5s linear infinite","stroke]___[value:text.primary","transformOrigin]___[value:center center","gap]___[value:1.5","stroke]___[value:brand.base","stroke]___[value:surface.primary","strokeOpacity]___[value:0.12","animation]___[value:spin 1s linear infinite","borderRadius]___[value:2rem","borderWidth]___[value:thick","borderColor]___[value:surface.primary","borderRadius]___[value:3xl","background]___[value:surface.primary]___[cond:_dark","left]___[value:-50%","transform]___[value:skewX(-20deg)","backgroundImage]___[value:linear-gradient(90deg, transparent,rgba(0, 0, 0, .1), transparent)","backgroundImage]___[value:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent)]___[cond:_dark","maxWidth]___[value:72","width]___[value:max","backgroundColor]___[value:surface.secondary]___[cond:_dark","paddingInline]___[value:3","borderRadius]___[value:xl","boxShadow]___[value:0px 4px 20px 0px rgba(0, 0, 0, 0.10)","left]___[value:50%","transform]___[value:translateX(-50%) translateY(calc(-100% - 0.75rem))","height]___[value:4","transform]___[value:translateX(-50%) translateY(0.75rem)","overflowWrap]___[value:break-word","wordBreak]___[value:break-word","fontWeight]___[value:600","justifyContent]___[value:space-around","background]___[value:neutral.quaternary","borderRadius]___[value:lg","minWidth]___[value:15rem","width]___[value:40%","borderLeft]___[value:thin solid","borderColor]___[value:neutral.tertiary","height]___[value:8","gap]___[value:3","userSelect]___[value:none","userSelect]___[value:auto","filter]___[value:blur(10px)","textWrap]___[value:nowrap","width]___[value:22","height]___[value:22","fontVariant]___[value:no-contextual","color]___[value:positive.darker","outlineOffset]___[value:1","width]___[value:1.125rem","height]___[value:1.125rem","objectFit]___[value:cover","borderStartRadius]___[value:input","width]___[value:20","background]___[value:surface.tertiary]___[cond:_hover","borderLeftWidth]___[value:thin","borderRadius]___[value:0","gap]___[value:2","background]___[value:brand.lightest]___[cond:_hover","transform]___[value:rotate(180)","width]___[value:14","height]___[value:14","top]___[value:55","maxHeight]___[value:17.5rem","overflowY]___[value:auto","width]___[value:18","height]___[value:18","minWidth]___[value:0","maxWidth]___[value:30rem","caretColor]___[value:transparent","borderRadius]___[value:0.5rem","marginBlock]___[value:4","maxWidth]___[value:8xl","marginInline]___[value:auto","paddingInline]___[value:6]___[cond:md","paddingInline]___[value:8]___[cond:lg","overlay]___[value:true","marginTop]___[value:8","marginTop]___[value:4","textStyle]___[value:subtle","height]___[value:24","width]___[value:24","padding]___[value:6","paddingTop]___[value:3","borderBottomColor]___[value:neutral.primary","borderBottomWidth]___[value:1px","width]___[value:6","flexDirection]___[value:column-reverse","transition]___[value:background-color 0.2s","background]___[value:neutral.secondary]___[cond:_hover","color]___[value:neutral.primary","borderRadius]___[value:2xl","boxShadow]___[value:0 6px 8px 2px rgba(0, 0, 0, .18)]___[cond:_hover","width]___[value:40","height]___[value:40","minHeight]___[value:16","background]___[value:surface.tertiary]___[cond:_dark","transition]___[value:background-color 0.1s","width]___[value:16","height]___[value:16","paddingBlock]___[value:2.5","opacity]___[value:1","borderRadius]___[value:sm","borderColor]___[value:brand.base","borderColor]___[value:text.tertiary","pointerEvents]___[value:auto","outlineColor]___[value:transparent","width]___[value:5","height]___[value:5","transition]___[value:background-color 0.2s ease, border-color 0.2s ease","cursor]___[value:pointer]___[cond:_hover","borderColor]___[value:brand.base]___[cond:_hover","width]___[value:2.5","height]___[value:0.5","srOnly]___[value:true","marginLeft]___[value:3","caret]___[value:18","check]___[value:16","height]___[value:3rem","mult]___[value:2.5","width]___[value:4","display]___[value:inline-block","alignItems]___[value:start","borderWidth]___[value:1","maxWidth]___[value:52","gap]___[value:10","transition]___[value:border-color 0.2s ease","height]___[value:6","width]___[value:3","height]___[value:3","padding]___[value:1","background]___[value:ink.10","background]___[value:slate.2]___[cond:_dark","opacity]___[value:0.5","background]___[value:paper","background]___[value:slate.4]___[cond:_dark","boxShadow]___[value:0px 4px 20px 0px {colors.ink.90/10}","transition]___[value:transform 0.2s ease","borderRadius]___[value:inherit","marginLeft]___[value:-1","height]___[value:13","transition]___[value:background 0s","transition]___[value:background 0.2s ease","background]___[value:transparent]___[cond:_hover","background]___[value:ink.20]___[cond:_hover","background]___[value:transparent]___[cond:_hover<___>_dark","background]___[value:slate.1]___[cond:_hover<___>_dark","zIndex]___[value:0","marginRight]___[value:1","marginRight]___[value:2","background]___[value:neutral.primary","background]___[value:ink.70]___[cond:_hover","background]___[value:brand.base]___[cond:_hover","background]___[value:slate.4]___[cond:_hover<___>_dark","background]___[value:brand.base]___[cond:_hover<___>_dark","paddingInline]___[value:0.5","width]___[value:11","transition]___[value:background-color 0.2s ease","left]___[value:6","transition]___[value:left 0.2s ease","textStyle]___[value:h1-scaled","textStyle]___[value:h1","textStyle]___[value:h2-scaled","textStyle]___[value:h2","textStyle]___[value:h3-scaled","textStyle]___[value:h3","textStyle]___[value:h4-scaled","textStyle]___[value:h4","textStyle]___[value:h5-scaled","textStyle]___[value:h5","textStyle]___[value:h6-scaled","textStyle]___[value:h6","truncate]___[value:false","strokeWidth]___[value:4","width]___[value:36","height]___[value:36","marginBlock]___[value:3","height]___[value:76px","maxWidth]___[value:115px","backgroundColor]___[value:neutral.secondary]___[cond:_hover","backgroundColor]___[value:neutral.tertiary","borderRadius]___[value:0.75rem","minWidth]___[value:20","paddingInline]___[value:10","pointerEvents]___[value:initial","color]___[value:text.primary]___[cond:_groupHover","height]___[value:6.25rem","background]___[value:text.primary/6","borderColor]___[value:text.primary/10","borderWidth]___[value:medium","borderRadius]___[value:52","backdropFilter]___[value:blur(24px)","height]___[value:2.625rem","width]___[value:2.625rem","boxShadow]___[value:0.125rem 0.125rem 1.5rem {colors.ink.70/15}","fill]___[value:ink.50","fill]___[value:ink.70]___[cond:_dark","fill]___[value:url(\"#logo-gradient\")]___[cond:_hover","fill]___[value:url(\"#logo-gradient\")]___[cond:_active","fill]___[value:url(\"#logo-gradient\")]___[cond:_focus","color]___[value:text.tertiary]___[cond:_groupHover","color]___[value:ink.50","color]___[value:ink.70]___[cond:_dark","backgroundColor]___[value:magic.10","animation]___[value:fadeIn 0.5s, moveRight 1s 0.5s forwards","borderRadius]___[value:50%","borderWidth]___[value:3px","height]___[value:3.875rem","width]___[value:3.875rem","marginTop]___[value:-3px","marginRight]___[value:0.9rem","zIndex]___[value:1","marginLeft]___[value:0.9rem","animation]___[value:fadeIn 0.5s, moveLeft 1s 0.5s forwards","height]___[value:34","width]___[value:34","height]___[value:56","width]___[value:56","marginBlock]___[value:10","height]___[value:250","color]___[value:ink.70","padding]___[value:10","overflow]___[value:scroll","textStyle]___[value:negative","width]___[value:114px","height]___[value:48px","translateX]___[value:6","translateY]___[value:6","translateX]___[value:3","translateY]___[value:3","width]___[value:10","alignItems]___[value:baseline","margin]___[value:1","gridTemplateColumns]___[value:2","fontWeight]___[value:bold","gap]___[value:8"],"recipes":{}}}
1
+ {"schemaVersion":"0.40.1","styles":{"atomic":["display]___[value:inline-flex","alignItems]___[value:center","justifyContent]___[value:center","position]___[value:relative","fontWeight]___[value:semibold","boxSizing]___[value:border-box","borderRadius]___[value:button","border]___[value:thin solid","borderColor]___[value:transparent","cursor]___[value:pointer","transition]___[value:all 0.1s ease","outline]___[value:none","willChange]___[value:transform, opacity","background]___[value:none","transform]___[value:scale(0.95)]___[cond:_active","opacity]___[value:0.3]___[cond:_disabled","pointerEvents]___[value:none]___[cond:_disabled","content]___[value:\"\"]___[cond:_before","position]___[value:absolute]___[cond:_before","top]___[value:0]___[cond:_before","left]___[value:0]___[cond:_before","right]___[value:0]___[cond:_before","bottom]___[value:0]___[cond:_before","borderRadius]___[value:inherit]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))]___[cond:_before<___>_dark","opacity]___[value:0]___[cond:_before","transition]___[value:opacity 0.1s ease]___[cond:_before","opacity]___[value:1]___[cond:_hover<___>_before","height]___[value:9","paddingBlock]___[value:1.5","paddingInline]___[value:4","height]___[value:12","paddingBlock]___[value:3","paddingInline]___[value:6","height]___[value:15","paddingBlock]___[value:4","background]___[value:brand.base","background]___[value:brand.lightest","background]___[value:negative.darker","background]___[value:neutral.tertiary","mixBlendMode]___[value:multiply]___[cond:_light","background]___[value:transparent","borderColor]___[value:neutral.primary","padding]___[value:0","height]___[value:fit-content","opacity]___[value:0]___[cond:_hover<___>_before","background]___[value:#ffffff14","background]___[value:#ffffff4d]___[cond:_hover","background]___[value:#ffffff29]___[cond:_dark","backdropFilter]___[value:blur(3px)","display]___[value:none]___[cond:_before","background]___[value:ink.90","background]___[value:paper]___[cond:_dark","pointerEvents]___[value:none","width]___[value:full","borderRadius]___[value:full","display]___[value:flex","textAlign]___[value:center","whiteSpace]___[value:nowrap","fontSize]___[value:sm","lineHeight]___[value:1.5rem","fontSize]___[value:md","fontSize]___[value:lg","lineHeight]___[value:1.75rem","color]___[value:surface.primary","color]___[value:brand.darker","color]___[value:text.primary","color]___[value:brand.base","color]___[value:brand.darkest]___[cond:_groupHover","color]___[value:brand.lighter]___[cond:_groupHover<___>_dark","color]___[value:chalk","color]___[value:ink.90]___[cond:_dark","color]___[value:positive.base","color]___[value:positive.darker]___[cond:_groupHover","color]___[value:positive.darker]___[cond:_groupHover<___>_dark","color]___[value:negative.darker","color]___[value:negative.darkest]___[cond:_groupHover","color]___[value:ruby.70]___[cond:_groupHover<___>_dark","color]___[value:text.secondary]___[cond:_groupHover","color]___[value:text.secondary]___[cond:_groupHover<___>_dark","color]___[value:text.tertiary","outlineColor]___[value:brand.base","outlineStyle]___[value:solid","outlineWidth]___[value:thick","outlineOffset]___[value:0.5","width]___[value:9","padding]___[value:1.5","width]___[value:12","padding]___[value:3","width]___[value:15","padding]___[value:4","width]___[value:fit-content","borderRadius]___[value:10","outlineColor]___[value:brand.lightest]___[cond:_focusVisible","background]___[value:positive.lightest","outlineColor]___[value:positive.lightest]___[cond:_focusVisible","background]___[value:negative.lightest","outlineColor]___[value:negative.lightest]___[cond:_focusVisible","background]___[value:warning.lightest","outlineColor]___[value:warning.lightest]___[cond:_focusVisible","background]___[value:surface.secondary","outlineColor]___[value:surface.secondary]___[cond:_focusVisible","transition]___[value:transform 0.2s ease, opacity 0.2s ease","opacity]___[value:0.8]___[cond:_hover","outlineStyle]___[value:solid]___[cond:_focusVisible","outlineWidth]___[value:thick]___[cond:_focusVisible","outlineOffset]___[value:0.5]___[cond:_focusVisible","animationFillMode]___[value:forwards","animationName]___[value:scaleOut","animationDuration]___[value:150ms","scale]___[value:1]___[cond:_motionReduce","textAlign]___[value:left","color]___[value:brand.darkest","color]___[value:positive.darkest","color]___[value:negative.darkest","color]___[value:warning.darkest","color]___[value:text.secondary","textTransform]___[value:uppercase","fontSize]___[value:xs","letterSpacing]___[value:0.06rem","marginLeft]___[value:7","marginRight]___[value:7","outlineColor]___[value:brand.base]___[cond:_focusVisible","borderRadius]___[value:2]___[cond:_focusVisible","backgroundColor]___[value:surface.primary","borderRadius]___[value:1rem","cursor]___[value:default","height]___[value:10.75rem","width]___[value:10.75rem","alignItems]___[value:flex-start","alignItems]___[value:flex-end","overflow]___[value:hidden","overflow]___[value:visible","gap]___[value:0","gap]___[value:4","gap]___[value:5","gap]___[value:6","boxShadow]___[value:0px 1px 2px rgba(189, 189, 189, 0.3)","boxShadow]___[value:8px 8px 48px rgba(16, 15, 17, 0.14)","paddingInline]___[value:8","paddingBlock]___[value:6","padding]___[value:12","flex]___[value:1","maxWidth]___[value:29.125rem","maxWidth]___[value:full]___[cond:mdDown","opacity]___[value:0.3","backgroundColor]___[value:surface.tertiary","filter]___[value:brightness(0.9)]___[cond:_hover","height]___[value:full","background]___[value:surface.primary","overflow]___[value:auto","scrollbarWidth]___[value:none","height]___[value:100vh","width]___[value:100vw","top]___[value:12]___[cond:@media (min-width: 48rem)","marginInline]___[value:auto]___[cond:@media (min-width: 48rem)","width]___[value:25rem]___[cond:@media (min-width: 48rem)","height]___[value:fit-content]___[cond:@media (min-width: 48rem)","boxShadow]___[value:0px 12px 56px {colors.ink.70/15}]___[cond:@media (min-width: 48rem)","borderRadius]___[value:container]___[cond:@media (min-width: 48rem)","boxShadow]___[value:none]___[cond:@media (min-width: 48rem)<___>_dark","animationName]___[value:none","scale]___[value:1","padding]___[value:2","paddingBottom]___[value:0","padding]___[value:8","borderWidth]___[value:1]___[cond:@media (min-width: 48rem)<___>_dark","borderBlock]___[value:solid]___[cond:@media (min-width: 48rem)<___>_dark","borderColor]___[value:neutral.secondary]___[cond:@media (min-width: 48rem)<___>_dark","animationName]___[value:scaleIn","animationDuration]___[value:250ms","pointerEvents]___[value:all","position]___[value:fixed","top]___[value:0","left]___[value:0","backdropBlur]___[value:0.375rem","backdropFilter]___[value:auto","backgroundColor]___[value:surface.primary/70","animationName]___[value:fadeIn","animationDuration]___[value:400ms","animationName]___[value:fadeOut","maxWidth]___[value:100rem","margin]___[value:0 auto","maxWidth]___[value:none","fontWeight]___[value:medium","backgroundColor]___[value:transparent","borderStyle]___[value:solid","borderWidth]___[value:thin","borderColor]___[value:neutral.secondary","borderRadius]___[value:input","transition]___[value:all linear 120ms","width]___[value:100%","borderColor]___[value:neutral.primary]___[cond:_hover","outlineColor]___[value:brand.base]___[cond:_focusWithin","outlineStyle]___[value:solid]___[cond:_focusWithin","outlineWidth]___[value:thick]___[cond:_focusWithin","outlineOffset]___[value:0.5]___[cond:_focusWithin","height]___[value:10","borderColor]___[value:negative.base","paddingBlock]___[value:2","borderColor]___[value:neutral.secondary]___[cond:_hover","margin]___[value:0","minWidth]___[value:10","fontWeight]___[value:normal","color]___[value:text.tertiary]___[cond:_placeholder","borderColor]___[value:neutral.primary]___[cond:_groupHover","textAlign]___[value:right","fontSize]___[value:xl","transition]___[value:opacity linear 120ms","textWrap]___[value:wrap","color]___[value:warning.base","textStyle]___[value:body-xs","textStyle]___[value:body-sm","textStyle]___[value:body-md","textStyle]___[value:body-lg","textStyle]___[value:body-sm-scaled","textStyle]___[value:body-md-scaled","textStyle]___[value:body-lg-scaled","textStyle]___[value:mono-sm","textStyle]___[value:mono-md","textStyle]___[value:mono-lg","padding]___[value:20px","justifyContent]___[value:flex-start","justifyContent]___[value:flex-end","zIndex]___[value:max","boxShadow]___[value:4px 8px 20px 0px rgba(0, 0, 0, 0.15)","backgroundColor]___[value:brand.base","backgroundColor]___[value:positive.darker","backgroundColor]___[value:warning.darker","backgroundColor]___[value:negative.darker","backgroundColor]___[value:text.tertiary","backgroundColor]___[value:text.secondary]___[cond:_dark","height]___[value:1rem","width]___[value:1rem","background]___[value:linear-gradient(#00CC8F, #6851FF)","inset]___[value:0","gap]___[value:10px","flexDirection]___[value:row","display]___[value:grid","gridTemplateColumns]___[value:repeat(6, minmax(0, 1fr))","columnGap]___[value:2rem","rowGap]___[value:2rem","marginTop]___[value:6","flexDirection]___[value:column","fill]___[value:white","truncate]___[value:true","opacity]___[value:0.8]___[cond:_disabled","height]___[value:auto","flexShrink]___[value:0","paddingTop]___[value:6","display]___[value:block","display]___[value:none","position]___[value:absolute","bottom]___[value:0","right]___[value:0","background]___[value:text.primary/20","background]___[value:rgba(0, 0, 0, .7)]___[cond:_dark","transform]___[value:translateY(0)","transform]___[value:translateY(100%)","transition]___[value:transform 0.3s","background]___[value:surface.secondary]___[cond:_dark","borderTopRadius]___[value:3xl","boxShadow]___[value:0px -12px 56px 0px rgba(119, 118, 122, 0.15)","zIndex]___[value:10","paddingBottom]___[value:6","justifyContent]___[value:space-between","minWidth]___[value:8]___[cond:& ><___>_first","minWidth]___[value:8]___[cond:& ><___>_last","textStyle]___[value:neutral","transform]___[value:translateX(-100%)","transform]___[value:translateX(100%)","transform]___[value:translateX(0)","width]___[value:80","borderRightRadius]___[value:2xl","borderLeftRadius]___[value:2xl","--thickness]___[value:1px","borderBlockEndWidth]___[value:var(--thickness)","borderColor]___[value:surface.quaternary","gap]___[value:2.5","boxShadow]___[value:true","background]___[value:#ffc439","outlineColor]___[value:#ffc439","border]___[value:1px solid transparent","paddingBlock]___[value:2.5","strokeWidth]___[value:2.5","gap]___[value:1","marginTop]___[value:0.5","width]___[value:60","flex]___[value:0 0 auto","borderRadius]___[value:9999px","animation]___[value:popIn 150ms","animation]___[value:popOut 150ms","animation]___[value:spin 1.5s linear infinite","stroke]___[value:text.primary","transformOrigin]___[value:center center","gap]___[value:1.5","stroke]___[value:brand.base","stroke]___[value:surface.primary","strokeOpacity]___[value:0.12","animation]___[value:spin 1s linear infinite","borderRadius]___[value:2rem","borderWidth]___[value:thick","borderColor]___[value:surface.primary","borderRadius]___[value:3xl","background]___[value:surface.primary]___[cond:_dark","left]___[value:-50%","transform]___[value:skewX(-20deg)","backgroundImage]___[value:linear-gradient(90deg, transparent,rgba(0, 0, 0, .1), transparent)","backgroundImage]___[value:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent)]___[cond:_dark","maxWidth]___[value:72","width]___[value:max","backgroundColor]___[value:surface.secondary]___[cond:_dark","paddingInline]___[value:3","borderRadius]___[value:xl","boxShadow]___[value:0px 4px 20px 0px rgba(0, 0, 0, 0.10)","left]___[value:50%","transform]___[value:translateX(-50%) translateY(calc(-100% - 0.75rem))","height]___[value:4","transform]___[value:translateX(-50%) translateY(0.75rem)","overflowWrap]___[value:break-word","wordBreak]___[value:break-word","fontWeight]___[value:600","justifyContent]___[value:space-around","background]___[value:neutral.quaternary","borderRadius]___[value:lg","minWidth]___[value:15rem","width]___[value:40%","borderLeft]___[value:thin solid","borderColor]___[value:neutral.tertiary","height]___[value:8","gap]___[value:3","userSelect]___[value:none","userSelect]___[value:auto","filter]___[value:blur(10px)","textWrap]___[value:nowrap","width]___[value:22","height]___[value:22","fontVariant]___[value:no-contextual","color]___[value:positive.darker","width]___[value:1.125rem","height]___[value:1.125rem","outlineStyle]___[value:none","objectFit]___[value:cover","borderStartRadius]___[value:input","width]___[value:20","background]___[value:surface.tertiary]___[cond:_hover","borderLeftWidth]___[value:thin","borderRadius]___[value:0","gap]___[value:2","background]___[value:brand.lightest]___[cond:_hover","transform]___[value:rotate(180)","width]___[value:14","height]___[value:14","top]___[value:55","maxHeight]___[value:17.5rem","overflowY]___[value:auto","width]___[value:18","height]___[value:18","minWidth]___[value:0","maxWidth]___[value:30rem","caretColor]___[value:transparent","borderRadius]___[value:0.5rem","marginBlock]___[value:4","maxWidth]___[value:8xl","marginInline]___[value:auto","paddingInline]___[value:6]___[cond:md","paddingInline]___[value:8]___[cond:lg","overlay]___[value:true","marginTop]___[value:8","marginTop]___[value:4","textStyle]___[value:subtle","height]___[value:24","width]___[value:24","padding]___[value:6","paddingTop]___[value:3","borderBottomColor]___[value:neutral.primary","borderBottomWidth]___[value:1px","width]___[value:6","flexDirection]___[value:column-reverse","background]___[value:neutral.secondary]___[cond:_hover","color]___[value:neutral.primary","borderRadius]___[value:2xl","boxShadow]___[value:0 6px 8px 2px rgba(0, 0, 0, .18)]___[cond:_hover","width]___[value:40","height]___[value:40","background]___[value:surface.tertiary]___[cond:_dark","minHeight]___[value:16","width]___[value:16","height]___[value:16","borderRadius]___[value:0.75rem","opacity]___[value:1","borderRadius]___[value:sm","borderColor]___[value:brand.base","borderColor]___[value:text.tertiary","pointerEvents]___[value:auto","outlineColor]___[value:transparent","width]___[value:5","height]___[value:5","transition]___[value:background-color 0.2s ease, border-color 0.2s ease","cursor]___[value:pointer]___[cond:_hover","borderColor]___[value:brand.base]___[cond:_hover","width]___[value:2.5","height]___[value:0.5","srOnly]___[value:true","marginLeft]___[value:3","caret]___[value:18","check]___[value:16","height]___[value:3rem","mult]___[value:2.5","width]___[value:4","display]___[value:inline-block","alignItems]___[value:start","borderWidth]___[value:1","maxWidth]___[value:52","gap]___[value:10","transition]___[value:border-color 0.2s ease","height]___[value:6","width]___[value:3","height]___[value:3","padding]___[value:1","background]___[value:ink.10","background]___[value:slate.2]___[cond:_dark","opacity]___[value:0.5","background]___[value:paper","background]___[value:slate.4]___[cond:_dark","boxShadow]___[value:0px 4px 20px 0px {colors.ink.90/10}","transition]___[value:transform 0.2s ease","borderRadius]___[value:inherit","marginLeft]___[value:-1","height]___[value:13","transition]___[value:background 0s","transition]___[value:background 0.2s ease","background]___[value:transparent]___[cond:_hover","background]___[value:ink.20]___[cond:_hover","background]___[value:transparent]___[cond:_hover<___>_dark","background]___[value:slate.1]___[cond:_hover<___>_dark","zIndex]___[value:0","marginRight]___[value:1","marginRight]___[value:2","background]___[value:neutral.primary","background]___[value:ink.70]___[cond:_hover","background]___[value:brand.base]___[cond:_hover","background]___[value:slate.4]___[cond:_hover<___>_dark","background]___[value:brand.base]___[cond:_hover<___>_dark","paddingInline]___[value:0.5","width]___[value:11","transition]___[value:background-color 0.2s ease","left]___[value:6","transition]___[value:left 0.2s ease","textStyle]___[value:h1-scaled","textStyle]___[value:h1","textStyle]___[value:h2-scaled","textStyle]___[value:h2","textStyle]___[value:h3-scaled","textStyle]___[value:h3","textStyle]___[value:h4-scaled","textStyle]___[value:h4","textStyle]___[value:h5-scaled","textStyle]___[value:h5","textStyle]___[value:h6-scaled","textStyle]___[value:h6","truncate]___[value:false","strokeWidth]___[value:4","width]___[value:36","height]___[value:36","marginBlock]___[value:3","height]___[value:76px","maxWidth]___[value:115px","backgroundColor]___[value:neutral.secondary]___[cond:_hover","backgroundColor]___[value:neutral.tertiary","height]___[value:100%","minWidth]___[value:20","paddingInline]___[value:10","pointerEvents]___[value:initial","color]___[value:text.primary]___[cond:_groupHover","height]___[value:6.25rem","background]___[value:text.primary/6","borderColor]___[value:text.primary/10","borderWidth]___[value:medium","borderRadius]___[value:52","backdropFilter]___[value:blur(24px)","height]___[value:2.625rem","width]___[value:2.625rem","boxShadow]___[value:0.125rem 0.125rem 1.5rem {colors.ink.70/15}","fill]___[value:ink.50","fill]___[value:ink.70]___[cond:_dark","fill]___[value:url(\"#logo-gradient\")]___[cond:_hover","fill]___[value:url(\"#logo-gradient\")]___[cond:_active","fill]___[value:url(\"#logo-gradient\")]___[cond:_focus","color]___[value:text.tertiary]___[cond:_groupHover","color]___[value:ink.50","color]___[value:ink.70]___[cond:_dark","backgroundColor]___[value:magic.10","animation]___[value:fadeIn 0.5s, moveRight 1s 0.5s forwards","borderRadius]___[value:50%","borderWidth]___[value:3px","height]___[value:3.875rem","width]___[value:3.875rem","marginTop]___[value:-3px","marginRight]___[value:0.9rem","zIndex]___[value:1","marginLeft]___[value:0.9rem","animation]___[value:fadeIn 0.5s, moveLeft 1s 0.5s forwards","height]___[value:34","width]___[value:34","height]___[value:56","width]___[value:56","backgroundColor]___[value:text.primary/1","backgroundColor]___[value:text.primary/5","backdropFilter]___[value:blur(8px)","borderColor]___[value:text.primary/6","paddingBlock]___[value:5","marginBlock]___[value:10","height]___[value:250","color]___[value:ink.70","padding]___[value:10","overflow]___[value:scroll","textStyle]___[value:negative","width]___[value:114px","height]___[value:48px","translateX]___[value:6","translateY]___[value:6","translateX]___[value:3","translateY]___[value:3","width]___[value:10","alignItems]___[value:baseline","margin]___[value:1","gridTemplateColumns]___[value:2","fontWeight]___[value:bold","gap]___[value:8"],"recipes":{}}}
@@ -0,0 +1,12 @@
1
+ import { MouseEventHandler, PropsWithChildren, TouchEventHandler } from 'react';
2
+ import { type AriaButtonProps } from 'react-aria';
3
+ export interface ButtonContainerProps extends AriaButtonProps, PropsWithChildren {
4
+ className?: string;
5
+ borderRadius?: string | number;
6
+ disabled?: boolean;
7
+ expand?: boolean;
8
+ onHover?: MouseEventHandler<HTMLButtonElement> | TouchEventHandler<HTMLButtonElement>;
9
+ shadow?: boolean;
10
+ }
11
+ export declare const ButtonContainer: import("react").ForwardRefExoticComponent<ButtonContainerProps & import("react").RefAttributes<HTMLButtonElement>>;
12
+ //# sourceMappingURL=button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/button.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,iBAAiB,EAAsB,MAAM,OAAO,CAAC;AACpG,OAAO,EAAiD,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAEjG,MAAM,WAAW,oBAAqB,SAAQ,eAAe,EAAE,iBAAiB;IAC9E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,GAAG,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;IACtF,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,eAAO,MAAM,eAAe,oHAiE3B,CAAC"}
@@ -1,3 +1,5 @@
1
+ export { ButtonContainer } from '../containers/button';
2
+ export type { ButtonContainerProps } from '../containers/button';
1
3
  export { Card } from '../containers/card';
2
4
  export type { CardProps } from '../containers/card';
3
5
  export { Content } from '../containers/content';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,YAAY,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,YAAY,EAAE,oBAAoB,EAAE,MAAM,+BAA+B,CAAC;AAC1E,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,YAAY,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC"}
@@ -1,9 +1,9 @@
1
- import React from 'react';
1
+ /// <reference types="react" />
2
2
  import { type AriaButtonProps } from 'react-aria';
3
3
  export interface PayPalButtonProps extends AriaButtonProps {
4
4
  disabled?: boolean;
5
5
  expand?: boolean;
6
6
  validating?: boolean;
7
7
  }
8
- export declare const PayPalButton: React.ForwardRefExoticComponent<PayPalButtonProps & React.RefAttributes<HTMLButtonElement>>;
8
+ export declare const PayPalButton: import("react").ForwardRefExoticComponent<PayPalButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
9
9
  //# sourceMappingURL=paypal-button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"paypal-button.d.ts","sourceRoot":"","sources":["../../../../src/components/external/paypal-button.tsx"],"names":[],"mappings":"AAOA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAClD,OAAO,EAAuC,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAEvF,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,6FA6CvB,CAAC"}
1
+ {"version":3,"file":"paypal-button.d.ts","sourceRoot":"","sources":["../../../../src/components/external/paypal-button.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAElD,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,YAAY,iHA+BvB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"text-box.d.ts","sourceRoot":"","sources":["../../../../src/components/info/text-box.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,QAAA,MAAM,OAAO;YAAW,YAAY;;CAoGnC,CAAC;AAIF,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"text-box.d.ts","sourceRoot":"","sources":["../../../../src/components/info/text-box.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,YAAY;IAC3B,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,QAAA,MAAM,OAAO;YAAW,YAAY;;CAyEnC,CAAC;AAIF,eAAe,OAAO,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"wallet-address.d.ts","sourceRoot":"","sources":["../../../../src/components/info/wallet-address.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,eAAe,EAAuC,MAAM,YAAY,CAAC;AAElF,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,aAAa,kHA+DjB,CAAC;AAIH,eAAe,aAAa,CAAC"}
1
+ {"version":3,"file":"wallet-address.d.ts","sourceRoot":"","sources":["../../../../src/components/info/wallet-address.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,aAAa,kHAoDjB,CAAC;AAIH,eAAe,aAAa,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"navigation-button.d.ts","sourceRoot":"","sources":["../../../../src/components/list-items/navigation-button.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,eAAe,EAAuC,MAAM,YAAY,CAAC;AAElF,MAAM,WAAW,qBAAsB,SAAQ,eAAe;IAC5D,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA2FD,QAAA,MAAM,gBAAgB;;;CAAqE,CAAC;AAE5F,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"navigation-button.d.ts","sourceRoot":"","sources":["../../../../src/components/list-items/navigation-button.tsx"],"names":[],"mappings":";AAQA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,WAAW,qBAAsB,SAAQ,eAAe;IAC5D,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AA8ED,QAAA,MAAM,gBAAgB;;;CAAqE,CAAC;AAE5F,eAAe,gBAAgB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"nft-tile.d.ts","sourceRoot":"","sources":["../../../../src/components/list-items/nft-tile.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,eAAe,EAAuC,MAAM,YAAY,CAAC;AAElF,MAAM,WAAW,YAAa,SAAQ,eAAe;IACnD,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;CACb;AAeD,eAAO,MAAM,OAAO,UAAW,YAAY,4CAkC1C,CAAC"}
1
+ {"version":3,"file":"nft-tile.d.ts","sourceRoot":"","sources":["../../../../src/components/list-items/nft-tile.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,WAAW,YAAa,SAAQ,eAAe;IACnD,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;CACb;AAeD,eAAO,MAAM,OAAO,UAAW,YAAY,4CAwB1C,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"token-list-item.d.ts","sourceRoot":"","sources":["../../../../src/components/list-items/token-list-item.tsx"],"names":[],"mappings":";AAMA,OAAO,EAAE,eAAe,EAAuC,MAAM,YAAY,CAAC;AAElF,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,qBAAqB,EAAE,MAAM,CAAC;IAC9B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AAsHD,eAAO,MAAM,aAAa,WA7DQ,kBAAkB;;CA6DwB,CAAC"}
1
+ {"version":3,"file":"token-list-item.d.ts","sourceRoot":"","sources":["../../../../src/components/list-items/token-list-item.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,WAAW,kBAAmB,SAAQ,eAAe;IACzD,IAAI,EAAE,MAAM,CAAC;IACb,qBAAqB,EAAE,MAAM,CAAC;IAC9B,sBAAsB,EAAE,MAAM,CAAC;IAC/B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC7B;AA6GD,eAAO,MAAM,aAAa,WApDQ,kBAAkB;;CAoDwB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"transaction-row.d.ts","sourceRoot":"","sources":["../../../../src/components/list-items/transaction-row.tsx"],"names":[],"mappings":"AAOA,OAAO,EAA0B,SAAS,EAAuB,MAAM,OAAO,CAAC;AAG/E,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,YAAY,GAAG,aAAa,CAAC;IAC3D,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAiID,eAAO,MAAM,cAAc,WAlFQ,mBAAmB;;CAkFwB,CAAC"}
1
+ {"version":3,"file":"transaction-row.d.ts","sourceRoot":"","sources":["../../../../src/components/list-items/transaction-row.tsx"],"names":[],"mappings":"AAQA,OAAO,EAA0B,SAAS,EAAuB,MAAM,OAAO,CAAC;AAE/E,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,GAAG,SAAS,GAAG,YAAY,GAAG,aAAa,CAAC;IAC3D,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,SAAS,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AA2HD,eAAO,MAAM,cAAc,WA5EQ,mBAAmB;;CA4EwB,CAAC"}
@@ -1,5 +1,6 @@
1
1
  import { PropsWithChildren } from 'react';
2
2
  export interface ActionProps extends PropsWithChildren {
3
+ key?: string;
3
4
  label: string;
4
5
  onPress: () => void;
5
6
  actionBox?: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"wallet-actions.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/wallet-actions.tsx"],"names":[],"mappings":"AAIA,OAAO,EAA0B,iBAAiB,EAAwB,MAAM,OAAO,CAAC;AAGxF,MAAM,WAAW,WAAY,SAAQ,iBAAiB;IACpD,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAoDD,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,aAAa;8BAA6B,kBAAkB;sDAtDL,WAAW;CAqE9E,CAAC"}
1
+ {"version":3,"file":"wallet-actions.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/wallet-actions.tsx"],"names":[],"mappings":"AAKA,OAAO,EAA0B,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAEhF,MAAM,WAAW,WAAY,SAAQ,iBAAiB;IACpD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAuCD,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,aAAa;8BAA6B,kBAAkB;sDAzCL,WAAW;CAwD9E,CAAC"}