@magiclabs/ui-components 1.17.1 → 1.18.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 (63) hide show
  1. package/dist/cjs/components/containers/footer.js +1 -1
  2. package/dist/cjs/components/containers/footer.js.map +1 -1
  3. package/dist/cjs/components/info/copy-button.js.map +1 -0
  4. package/dist/cjs/components/info/email-wbr.js.map +1 -0
  5. package/dist/cjs/components/info/security-otp.js +2 -0
  6. package/dist/cjs/components/info/security-otp.js.map +1 -0
  7. package/dist/cjs/components/info/text-box.js +2 -0
  8. package/dist/cjs/components/info/text-box.js.map +1 -0
  9. package/dist/cjs/components/info/wallet-address.js.map +1 -0
  10. package/dist/cjs/index.js +1 -1
  11. package/dist/cjs/recipes/modal.js +1 -1
  12. package/dist/cjs/recipes/modal.js.map +1 -1
  13. package/dist/es/components/containers/footer.js +1 -1
  14. package/dist/es/components/containers/footer.js.map +1 -1
  15. package/dist/es/components/info/copy-button.js.map +1 -0
  16. package/dist/es/components/info/email-wbr.js.map +1 -0
  17. package/dist/es/components/info/security-otp.js +2 -0
  18. package/dist/es/components/info/security-otp.js.map +1 -0
  19. package/dist/es/components/info/text-box.js +2 -0
  20. package/dist/es/components/info/text-box.js.map +1 -0
  21. package/dist/es/components/info/wallet-address.js.map +1 -0
  22. package/dist/es/index.js +1 -1
  23. package/dist/es/recipes/modal.js +1 -1
  24. package/dist/es/recipes/modal.js.map +1 -1
  25. package/dist/panda.buildinfo.json +1 -1
  26. package/dist/types/components/info/copy-button.d.ts.map +1 -0
  27. package/dist/types/components/info/email-wbr.d.ts.map +1 -0
  28. package/dist/types/components/info/index.d.ts +11 -0
  29. package/dist/types/components/info/index.d.ts.map +1 -0
  30. package/dist/types/components/info/security-otp.d.ts.map +1 -0
  31. package/dist/types/components/info/text-box.d.ts +11 -0
  32. package/dist/types/components/info/text-box.d.ts.map +1 -0
  33. package/dist/types/components/info/wallet-address.d.ts.map +1 -0
  34. package/dist/types/components/utils/index.d.ts +0 -8
  35. package/dist/types/components/utils/index.d.ts.map +1 -1
  36. package/dist/types/index.d.ts +1 -0
  37. package/dist/types/index.d.ts.map +1 -1
  38. package/dist/types/recipes/modal.d.ts.map +1 -1
  39. package/package.json +1 -1
  40. package/dist/cjs/components/utils/copy-button.js.map +0 -1
  41. package/dist/cjs/components/utils/email-wbr.js.map +0 -1
  42. package/dist/cjs/components/utils/security-otp.js +0 -2
  43. package/dist/cjs/components/utils/security-otp.js.map +0 -1
  44. package/dist/cjs/components/utils/wallet-address.js.map +0 -1
  45. package/dist/es/components/utils/copy-button.js.map +0 -1
  46. package/dist/es/components/utils/email-wbr.js.map +0 -1
  47. package/dist/es/components/utils/security-otp.js +0 -2
  48. package/dist/es/components/utils/security-otp.js.map +0 -1
  49. package/dist/es/components/utils/wallet-address.js.map +0 -1
  50. package/dist/types/components/utils/copy-button.d.ts.map +0 -1
  51. package/dist/types/components/utils/email-wbr.d.ts.map +0 -1
  52. package/dist/types/components/utils/security-otp.d.ts.map +0 -1
  53. package/dist/types/components/utils/wallet-address.d.ts.map +0 -1
  54. /package/dist/cjs/components/{utils → info}/copy-button.js +0 -0
  55. /package/dist/cjs/components/{utils → info}/email-wbr.js +0 -0
  56. /package/dist/cjs/components/{utils → info}/wallet-address.js +0 -0
  57. /package/dist/es/components/{utils → info}/copy-button.js +0 -0
  58. /package/dist/es/components/{utils → info}/email-wbr.js +0 -0
  59. /package/dist/es/components/{utils → info}/wallet-address.js +0 -0
  60. /package/dist/types/components/{utils → info}/copy-button.d.ts +0 -0
  61. /package/dist/types/components/{utils → info}/email-wbr.d.ts +0 -0
  62. /package/dist/types/components/{utils → info}/security-otp.d.ts +0 -0
  63. /package/dist/types/components/{utils → info}/wallet-address.d.ts +0 -0
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("react/jsx-runtime");require("react"),require("../utils/client-asset-logo.js"),require("../utils/copy-button.js"),require("../utils/email-wbr.js");var u=require("@styled/css"),q=require("@styled/jsx");require("@styled/tokens"),require("react-qrcode-logo");var c=require("../utils/secured-by-magic.js");require("../utils/security-otp.js"),require("../utils/wallet-address.js");const t=({children:r,showLogo:i=!0,...s})=>e.jsxs(q.VStack,{alignItems:"center",className:u.css({width:"full",p:8}),children:[r,i&&e.jsx(c.default,{...s})]});exports.Footer=t;
1
+ "use strict";var e=require("react/jsx-runtime");require("react"),require("../utils/client-asset-logo.js");var u=require("@styled/css"),c=require("@styled/jsx");require("@styled/tokens"),require("react-qrcode-logo");var t=require("../utils/secured-by-magic.js");const a=({children:r,showLogo:s=!0,...i})=>e.jsxs(c.VStack,{alignItems:"center",className:u.css({width:"full",p:8}),children:[r,s&&e.jsx(t.default,{...i})]});exports.Footer=a;
2
2
  //# sourceMappingURL=footer.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"footer.js","sources":["../../../../src/components/containers/footer.tsx"],"sourcesContent":["import { SecuredByMagic } from '@components/utils';\nimport { SecuredByMagicProps } from '@components/utils/secured-by-magic';\nimport { css } from '@styled/css';\nimport { VStack } from '@styled/jsx';\nimport { ComponentProps } from 'react';\n\nexport type FooterProps = ComponentProps<'div'> &\n SecuredByMagicProps & {\n showLogo?: boolean;\n };\n\nexport const Footer = ({ children, showLogo = true, ...sbmProps }: FooterProps) => (\n <VStack alignItems=\"center\" className={css({ width: 'full', p: 8 })}>\n {children}\n {showLogo && <SecuredByMagic {...sbmProps} />}\n </VStack>\n);\n"],"names":["Footer","children","showLogo","sbmProps","_jsxs","VStack","css","_jsx","SecuredByMagic"],"mappings":"mZAWa,MAAAA,EAAS,CAAC,CAAE,SAAAC,EAAU,SAAAC,EAAW,GAAM,GAAGC,CAAQ,IAC7DC,EAAAA,KAACC,EAAAA,OAAM,CAAC,WAAW,SAAS,UAAWC,EAAAA,IAAI,CAAE,MAAO,OAAQ,EAAG,CAAG,CAAA,YAC/DL,EACAC,GAAYK,EAACC,IAAAA,EAAAA,YAAmBL,CAAQ,CAAA,CAAI,CACtC,CAAA"}
1
+ {"version":3,"file":"footer.js","sources":["../../../../src/components/containers/footer.tsx"],"sourcesContent":["import { SecuredByMagic } from '@components/utils';\nimport { SecuredByMagicProps } from '@components/utils/secured-by-magic';\nimport { css } from '@styled/css';\nimport { VStack } from '@styled/jsx';\nimport { ComponentProps } from 'react';\n\nexport type FooterProps = ComponentProps<'div'> &\n SecuredByMagicProps & {\n showLogo?: boolean;\n };\n\nexport const Footer = ({ children, showLogo = true, ...sbmProps }: FooterProps) => (\n <VStack alignItems=\"center\" className={css({ width: 'full', p: 8 })}>\n {children}\n {showLogo && <SecuredByMagic {...sbmProps} />}\n </VStack>\n);\n"],"names":["Footer","children","showLogo","sbmProps","_jsxs","VStack","css","_jsx","SecuredByMagic"],"mappings":"qQAWa,MAAAA,EAAS,CAAC,CAAE,SAAAC,EAAU,SAAAC,EAAW,GAAM,GAAGC,CAAQ,IAC7DC,EAAAA,KAACC,EAAAA,OAAM,CAAC,WAAW,SAAS,UAAWC,EAAAA,IAAI,CAAE,MAAO,OAAQ,EAAG,CAAG,CAAA,YAC/DL,EACAC,GAAYK,EAACC,IAAAA,EAAAA,YAAmBL,CAAQ,CAAA,CAAI,CACtC,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"copy-button.js","sources":["../../../../src/components/info/copy-button.tsx"],"sourcesContent":["import { IcoCheckmark, IcoCopy } from '@components/icons';\nimport { token } from '@styled/tokens';\nimport { useEffect, useState, useCallback } from 'react';\nimport Button from '../primitives/button';\n\nexport interface CopyButtonProps {\n value: string;\n showText: boolean;\n color?: string;\n onCopy: (value: string) => void;\n}\n\nconst CopyButton = ({ value, showText, color: customColor, onCopy }: CopyButtonProps) => {\n const color = customColor || token('colors.text.primary');\n\n const [isCopied, setIsCopied] = useState(false);\n\n useEffect(() => {\n if (isCopied) {\n setTimeout(() => {\n setIsCopied(false);\n }, 2500);\n }\n }, [isCopied]);\n\n const handleOnCopy = useCallback(() => {\n onCopy(value);\n setIsCopied(true);\n }, [value]);\n\n const text = showText ? (!isCopied ? 'Copy' : 'Copied!') : undefined;\n\n return (\n <Button label={text} variant=\"text\" onPress={handleOnCopy} iconSize={!isCopied ? 16 : 12}>\n <Button.LeadingIcon>{!isCopied ? <IcoCopy color={color} /> : <IcoCheckmark color={color} />}</Button.LeadingIcon>\n </Button>\n );\n};\n\nCopyButton.displayName = 'CopyButton';\n\nexport default CopyButton;\n"],"names":["CopyButton","value","showText","customColor","onCopy","color","token","isCopied","setIsCopied","useState","useEffect","handleOnCopy","useCallback","_jsx","Button","IcoCheckmark","IcoCopy"],"mappings":"oQAYA,MAAMA,EAAa,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,MAAOC,EAAa,OAAAC,CAAM,IAAuB,CACtF,MAAMC,EAAQF,GAAeG,EAAAA,MAAM,qBAAqB,EAElD,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAK,EAE9CC,YAAU,IAAK,CACTH,GACF,WAAW,IAAK,CACdC,EAAY,EAAK,CACnB,EAAG,IAAI,CAEX,EAAG,CAACD,CAAQ,CAAC,EAEb,MAAMI,EAAeC,EAAAA,YAAY,IAAK,CACpCR,EAAOH,CAAK,EACZO,EAAY,EAAI,CAClB,EAAG,CAACP,CAAK,CAAC,EAIV,OACEY,EAAAA,IAACC,EAAO,QAAA,CAAA,MAHGZ,EAAaK,EAAoB,UAAT,OAAsB,OAGpC,QAAQ,OAAO,QAASI,EAAc,SAAWJ,EAAgB,GAAL,GAAO,SACtFM,EAAAA,IAACC,EAAAA,QAAO,YAAa,CAAA,SAACP,EAAuCM,EAAAA,IAACE,EAAAA,QAAa,CAAA,MAAOV,CAAS,CAAA,EAA1DQ,EAAAA,IAACG,EAAAA,QAAQ,CAAA,MAAOX,CAAS,CAAA,CAAiC,CAAA,CACpF,CAAA,CAEb,EAEAL,EAAW,YAAc"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"email-wbr.js","sources":["../../../../src/components/info/email-wbr.tsx"],"sourcesContent":["import { css } from '@styled/css';\n\nexport interface EmailWbrProps {\n email: string;\n}\n\nconst EmailWbr = ({ email }: EmailWbrProps) => {\n const emailSplit = email.split('@');\n return (\n <span className={css({ overflowWrap: 'break-word', wordBreak: 'break-word', fontWeight: 600 })}>\n {emailSplit[0]}\n <wbr />@{emailSplit[1]}\n </span>\n );\n};\n\nEmailWbr.displayName = 'EmailWbr';\n\nexport default EmailWbr;\n"],"names":["EmailWbr","email","emailSplit","_jsxs","css","_jsx"],"mappings":"gIAMMA,MAAAA,EAAW,CAAC,CAAE,MAAAC,CAAK,IAAqB,CAC5C,MAAMC,EAAaD,EAAM,MAAM,GAAG,EAClC,OACEE,EAAAA,KAAA,OAAA,CAAM,UAAWC,EAAAA,IAAI,CAAE,aAAc,aAAc,UAAW,aAAc,WAAY,GAAG,CAAE,EAAC,SAAA,CAC3FF,EAAW,CAAC,EACbG,MAAO,MAAA,CAAA,CAAA,EAAA,IAAEH,EAAW,CAAC,CAAC,CAAA,CAAA,CAG5B,EAEAF,EAAS,YAAc"}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("./copy-button.js");require("./email-wbr.js"),require("./text-box.js"),require("./wallet-address.js"),require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var a=require("../primitives/text.js"),r=require("@styled/jsx");const i=({otp:t,color:u,onCopy:o})=>e.jsxs(r.HStack,{bg:"neutral.quaternary",p:3,rounded:"lg",minWidth:"15rem",justifyContent:"space-around",alignItems:"center",width:"full",children:[e.jsx(r.HStack,{width:"40%",justifyContent:"space-around",children:e.jsx(a.default.Mono,{styles:{fontSize:"24px",lineHeight:"27px"},children:t})}),e.jsx(r.Box,{borderLeft:"thin solid",borderColor:"neutral.tertiary",height:8}),e.jsx(r.HStack,{width:"40%",justifyContent:"space-around",children:e.jsx(n.default,{value:t,showText:!0,color:u,onCopy:o})})]});i.displayName="SecurityOtp",exports.default=i;
2
+ //# sourceMappingURL=security-otp.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"security-otp.js","sources":["../../../../src/components/info/security-otp.tsx"],"sourcesContent":["import { CopyButton } from '@components/info';\nimport { Text } from '@components/primitives';\nimport { Box, HStack } from '@styled/jsx';\n\nexport interface SecurityOtpProps {\n otp: string | number;\n color: string;\n onCopy: (value: string) => void;\n}\n\nconst SecurityOtp = ({ otp, color, onCopy }: SecurityOtpProps) => {\n return (\n <HStack\n bg=\"neutral.quaternary\"\n p={3}\n rounded=\"lg\"\n minWidth=\"15rem\"\n justifyContent=\"space-around\"\n alignItems=\"center\"\n width=\"full\"\n >\n <HStack width=\"40%\" justifyContent=\"space-around\">\n <Text.Mono styles={{ fontSize: '24px', lineHeight: '27px' }}>{otp}</Text.Mono>\n </HStack>\n <Box borderLeft=\"thin solid\" borderColor=\"neutral.tertiary\" height={8} />\n <HStack width=\"40%\" justifyContent=\"space-around\">\n <CopyButton value={otp as string} showText={true} color={color} onCopy={onCopy} />\n </HStack>\n </HStack>\n );\n};\n\nSecurityOtp.displayName = 'SecurityOtp';\n\nexport default SecurityOtp;\n"],"names":["SecurityOtp","otp","color","onCopy","_jsxs","HStack","_jsx","Text","Box","CopyButton"],"mappings":"sfAUMA,MAAAA,EAAc,CAAC,CAAE,IAAAC,EAAK,MAAAC,EAAO,OAAAC,CAA0B,IAEzDC,EAAAA,KAACC,EAAAA,OACC,CAAA,GAAG,qBACH,EAAG,EACH,QAAQ,KACR,SAAS,QACT,eAAe,eACf,WAAW,SACX,MAAM,OAAM,SAAA,CAEZC,EAAAA,IAACD,EAAAA,QAAO,MAAM,MAAM,eAAe,eACjC,SAAAC,EAAAA,IAACC,EAAAA,QAAK,KAAI,CAAC,OAAQ,CAAE,SAAU,OAAQ,WAAY,MAAM,EAAK,SAAAN,CAAgB,CAAA,CAAA,CAAA,EAEhFK,EAACE,IAAAA,MAAI,CAAA,WAAW,aAAa,YAAY,mBAAmB,OAAQ,CAAC,CAAA,EACrEF,EAAAA,IAACD,SAAM,CAAC,MAAM,MAAM,eAAe,eACjC,SAAAC,EAACG,IAAAA,EAAAA,QAAU,CAAC,MAAOR,EAAe,SAAU,GAAM,MAAOC,EAAO,OAAQC,CAAU,CAAA,CAAA,CAAA,CAC3E,CACF,CAAA,EAIbH,EAAY,YAAc"}
@@ -0,0 +1,2 @@
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("@styled/tokens"),p=require("../icons/ico-checkmark.js"),j=require("../icons/ico-copy.js"),k=require("../icons/ico-eye-closed.js"),q=require("../icons/ico-eye-opened.js");require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var v=require("../primitives/text.js"),u=require("@styled/css"),c=require("@styled/jsx"),w=require("@styled/patterns"),t=require("react");const h=b=>{const{content:i,onCopy:s,showHideButton:o}=b,[l,a]=t.useState(!!o),[n,d]=t.useState(!1);t.useEffect(()=>{if(n){const x=setTimeout(()=>{d(!1)},1500);return()=>clearTimeout(x)}},[n]),t.useEffect(()=>{a(!!o)},[o]);const f=t.useCallback(()=>{s&&(s(i),d(!0))},[i]);return e.jsxs(c.HStack,{w:"full",px:4,py:3,rounded:10,bg:"surface.secondary",justifyContent:"space-between",position:"relative",children:[e.jsx(c.Box,{textWrap:"nowrap",overflow:"hidden",filter:l?"blur(10px)":"",children:e.jsx("p",{className:u.css({overflow:"hidden",textOverflow:"ellipsis",color:"text.primary"}),children:i})}),l&&e.jsxs("button",{className:w.center({position:"absolute",width:"full",height:"full",left:0,gap:2,cursor:"pointer",rounded:10,outlineColor:"brand.base",outlineWidth:"thick",outlineOffset:.5}),onClick:()=>a(!1),"aria-label":"show",children:[e.jsx(v.default,{size:"sm",styles:{fontWeight:600,color:r.token("colors.brand.base")},children:"Show"}),e.jsx(q.default,{width:20,height:20,color:r.token("colors.brand.base")})]}),e.jsxs(c.HStack,{children:[o&&!l&&e.jsx("button",{className:u.css({cursor:"pointer",outlineColor:"brand.base",outlineWidth:"thick",outlineOffset:.5}),onClick:()=>a(!0),"aria-label":"hide",children:e.jsx(k.default,{width:20,height:20,color:r.token("colors.brand.base")})}),s&&e.jsx(e.Fragment,{children:n?e.jsx(p.default,{width:20,height:20,color:r.token("colors.brand.base")}):e.jsx("button",{className:u.css({cursor:"pointer",outlineColor:"brand.base",outlineWidth:"thick",outlineOffset:.5,zIndex:10}),onClick:f,"aria-label":"copy",children:e.jsx(j.default,{width:20,height:20,color:r.token("colors.brand.base")})})})]})]})};h.displayName="TextBox",exports.default=h;
2
+ //# sourceMappingURL=text-box.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text-box.js","sources":["../../../../src/components/info/text-box.tsx"],"sourcesContent":["import { IcoCheckmark, IcoCopy, IcoEyeClosed, IcoEyeOpened } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, HStack } from '@styled/jsx';\nimport { center } from '@styled/patterns';\nimport { token } from '@styled/tokens';\nimport { useCallback, useEffect, useState } from 'react';\n\nexport interface TextBoxProps {\n content: string;\n onCopy?: (content: string) => void;\n showHideButton?: boolean;\n}\n\nconst TextBox = (props: TextBoxProps) => {\n const { content, onCopy, showHideButton } = props;\n const [isHidden, setIsHidden] = useState(Boolean(showHideButton));\n const [isCopied, setIsCopied] = useState(false);\n\n useEffect(() => {\n if (isCopied) {\n const timeoutId = setTimeout(() => {\n setIsCopied(false);\n }, 1500);\n\n return () => clearTimeout(timeoutId);\n }\n }, [isCopied]);\n\n useEffect(() => {\n if (showHideButton) {\n setIsHidden(true);\n } else {\n setIsHidden(false);\n }\n }, [showHideButton]);\n\n const handleOnCopy = useCallback(() => {\n if (!onCopy) return;\n onCopy(content);\n setIsCopied(true);\n }, [content]);\n\n return (\n <HStack\n w=\"full\"\n px={4}\n py={3}\n rounded={10}\n bg=\"surface.secondary\"\n justifyContent=\"space-between\"\n position=\"relative\"\n >\n <Box textWrap=\"nowrap\" overflow=\"hidden\" filter={isHidden ? 'blur(10px)' : ''}>\n <p className={css({ overflow: 'hidden', textOverflow: 'ellipsis', color: 'text.primary' })}>{content}</p>\n </Box>\n\n {isHidden && (\n <button\n className={center({\n position: 'absolute',\n width: 'full',\n height: 'full',\n left: 0,\n gap: 2,\n cursor: 'pointer',\n rounded: 10,\n outlineColor: 'brand.base',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n })}\n onClick={() => setIsHidden(false)}\n aria-label=\"show\"\n >\n <Text size=\"sm\" styles={{ fontWeight: 600, color: token('colors.brand.base') }}>\n Show\n </Text>\n <IcoEyeOpened width={20} height={20} color={token('colors.brand.base')} />\n </button>\n )}\n\n <HStack>\n {showHideButton && !isHidden && (\n <button\n className={css({\n cursor: 'pointer',\n outlineColor: 'brand.base',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n })}\n onClick={() => setIsHidden(true)}\n aria-label=\"hide\"\n >\n <IcoEyeClosed width={20} height={20} color={token('colors.brand.base')} />\n </button>\n )}\n {onCopy && (\n <>\n {isCopied ? (\n <IcoCheckmark width={20} height={20} color={token('colors.brand.base')} />\n ) : (\n <button\n className={css({\n cursor: 'pointer',\n outlineColor: 'brand.base',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n zIndex: 10,\n })}\n onClick={handleOnCopy}\n aria-label=\"copy\"\n >\n <IcoCopy width={20} height={20} color={token('colors.brand.base')} />\n </button>\n )}\n </>\n )}\n </HStack>\n </HStack>\n );\n};\n\nTextBox.displayName = 'TextBox';\n\nexport default TextBox;\n"],"names":["TextBox","props","content","onCopy","showHideButton","isHidden","setIsHidden","useState","isCopied","setIsCopied","useEffect","timeoutId","handleOnCopy","useCallback","_jsxs","HStack","_jsx","Box","css","center","Text","token","IcoEyeOpened","IcoEyeClosed","_Fragment","IcoCheckmark","IcoCopy"],"mappings":"2oBAcMA,EAAWC,GAAuB,CACtC,KAAM,CAAE,QAAAC,EAAS,OAAAC,EAAQ,eAAAC,CAAc,EAAKH,EACtC,CAACI,EAAUC,CAAW,EAAIC,WAAS,CAAQH,CAAAA,CAAe,EAC1D,CAACI,EAAUC,CAAW,EAAIF,EAAAA,SAAS,EAAK,EAE9CG,EAAAA,UAAU,IAAK,CACb,GAAIF,EAAU,CACZ,MAAMG,EAAY,WAAW,IAAK,CAChCF,EAAY,EAAK,CACnB,EAAG,IAAI,EAEP,MAAO,IAAM,aAAaE,CAAS,CACrC,CACF,EAAG,CAACH,CAAQ,CAAC,EAEbE,EAAU,UAAA,IAAK,CAEXJ,EADE,CAAA,CAAAF,CACc,CAIpB,EAAG,CAACA,CAAc,CAAC,EAEnB,MAAMQ,EAAeC,EAAAA,YAAY,IAAK,CAC/BV,IACLA,EAAOD,CAAO,EACdO,EAAY,EAAI,EAClB,EAAG,CAACP,CAAO,CAAC,EAEZ,OACEY,EAACC,KAAAA,EAAAA,QACC,EAAE,OACF,GAAI,EACJ,GAAI,EACJ,QAAS,GACT,GAAG,oBACH,eAAe,gBACf,SAAS,qBAETC,MAACC,OAAI,SAAS,SAAS,SAAS,SAAS,OAAQZ,EAAW,aAAe,GACzE,SAAAW,MAAA,IAAA,CAAG,UAAWE,EAAAA,IAAI,CAAE,SAAU,SAAU,aAAc,WAAY,MAAO,cAAc,CAAE,EAAI,SAAAhB,GACzF,CAAA,EAELG,GACCS,iBACE,UAAWK,EAAAA,OAAO,CAChB,SAAU,WACV,MAAO,OACP,OAAQ,OACR,KAAM,EACN,IAAK,EACL,OAAQ,UACR,QAAS,GACT,aAAc,aACd,aAAc,QACd,cAAe,EAChB,CAAA,EACD,QAAS,IAAMb,EAAY,EAAK,EAAC,aACtB,OAAM,SAAA,CAEjBU,EAAAA,IAACI,EAAAA,QAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,WAAY,IAAK,MAAOC,EAAM,MAAA,mBAAmB,CAAG,EAAA,SAAA,MAAA,CAAA,EAG9EL,EAAAA,IAACM,EAAAA,QAAY,CAAC,MAAO,GAAI,OAAQ,GAAI,MAAOD,EAAAA,MAAM,mBAAmB,CAAK,CAAA,CAAA,CAAA,CAAA,EAI9EP,EAAAA,KAACC,EAAAA,kBACEX,GAAkB,CAACC,GAClBW,EAAAA,IAAA,SAAA,CACE,UAAWE,MAAI,CACb,OAAQ,UACR,aAAc,aACd,aAAc,QACd,cAAe,EAChB,CAAA,EACD,QAAS,IAAMZ,EAAY,EAAI,EAAC,aACrB,OAAM,SAEjBU,EAAAA,IAACO,EAAAA,QAAY,CAAC,MAAO,GAAI,OAAQ,GAAI,MAAOF,QAAM,mBAAmB,CAAK,CAAA,CAAA,CAAA,EAG7ElB,GACCa,EAAAA,IACGQ,WAAA,CAAA,SAAAhB,EACCQ,EAACS,IAAAA,EAAAA,QAAY,CAAC,MAAO,GAAI,OAAQ,GAAI,MAAOJ,QAAM,mBAAmB,CAAK,CAAA,EAE1EL,EAAAA,IAAA,SAAA,CACE,UAAWE,MAAI,CACb,OAAQ,UACR,aAAc,aACd,aAAc,QACd,cAAe,GACf,OAAQ,EACT,CAAA,EACD,QAASN,eACE,OAAM,SAEjBI,EAAAA,IAACU,EAAAA,QAAQ,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAOL,EAAAA,MAAM,mBAAmB,CAAC,CAAA,CAC1D,CAAA,CAEV,CAAA,CACJ,CACM,CAAA,CAAA,CAAA,CAAA,CAGf,EAEArB,EAAQ,YAAc"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"wallet-address.js","sources":["../../../../src/components/info/wallet-address.tsx"],"sourcesContent":["import { css } from '@styled/css';\nimport { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing } from 'react-aria';\n\nexport interface WalletAddressProps extends AriaButtonProps {\n address: string;\n onCopy: (address: string) => void;\n}\n\nconst WalletAddress = forwardRef<HTMLButtonElement, WalletAddressProps>((props, forwardedRef) => {\n const { address, onCopy } = props;\n const [isCopied, setIsCopied] = useState(false);\n const truncatedAddress = `${address.slice(0, 6)}...${address?.slice(-4)}`;\n\n const internalRef = useRef(null);\n const ref = forwardedRef || internalRef;\n\n const handleOnCopy = useCallback(() => {\n onCopy(address);\n setIsCopied(true);\n }, [address]);\n\n const { buttonProps } = useButton({ ...props, onPress: handleOnCopy }, ref as React.RefObject<HTMLButtonElement>);\n const { isFocusVisible, focusProps } = useFocusRing();\n\n useEffect(() => {\n if (isCopied) {\n const timeoutId = setTimeout(() => {\n setIsCopied(false);\n }, 1500);\n\n return () => clearTimeout(timeoutId);\n }\n }, [isCopied]);\n\n return (\n <button\n ref={ref}\n {...mergeProps(buttonProps, focusProps)}\n className={css({\n fontSize: 'md',\n color: isCopied ? 'positive.darker' : 'text.tertiary',\n fontWeight: isCopied ? 'medium' : 'normal',\n rounded: 'button',\n outlineColor: 'brand.base',\n outlineStyle: isFocusVisible ? 'solid' : 'none',\n outlineWidth: 'thick',\n outlineOffset: 1,\n cursor: 'pointer',\n fontVariant: 'no-contextual',\n })}\n >\n {isCopied ? 'Copied!' : truncatedAddress}\n </button>\n );\n});\n\nWalletAddress.displayName = 'WalletAddress';\n\nexport default WalletAddress;\n"],"names":["WalletAddress","forwardRef","props","forwardedRef","address","onCopy","isCopied","setIsCopied","useState","truncatedAddress","internalRef","useRef","ref","handleOnCopy","useCallback","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","useEffect","timeoutId","_jsx","mergeProps","css"],"mappings":"iLASMA,EAAgBC,EAAAA,WAAkD,CAACC,EAAOC,IAAgB,CAC9F,KAAM,CAAE,QAAAC,EAAS,OAAAC,CAAQ,EAAGH,EACtB,CAACI,EAAUC,CAAW,EAAIC,EAAS,SAAA,EAAK,EACxCC,EAAmB,GAAGL,EAAQ,MAAM,EAAG,CAAC,CAAC,MAAMA,GAAS,MAAM,EAAE,CAAC,GAEjEM,EAAcC,SAAO,IAAI,EACzBC,EAAMT,GAAgBO,EAEtBG,EAAeC,EAAAA,YAAY,IAAK,CACpCT,EAAOD,CAAO,EACdG,EAAY,EAAI,CAClB,EAAG,CAACH,CAAO,CAAC,EAEN,CAAE,YAAAW,CAAW,EAAKC,EAAAA,UAAU,CAAE,GAAGd,EAAO,QAASW,GAAgBD,CAAyC,EAC1G,CAAE,eAAAK,EAAgB,WAAAC,GAAeC,EAAAA,eAEvC,OAAAC,EAAAA,UAAU,IAAK,CACb,GAAId,EAAU,CACZ,MAAMe,EAAY,WAAW,IAAK,CAChCd,EAAY,EAAK,CACnB,EAAG,IAAI,EAEP,MAAO,IAAM,aAAac,CAAS,CACrC,CACF,EAAG,CAACf,CAAQ,CAAC,EAGXgB,MACE,SAAA,CAAA,IAAKV,KACDW,aAAWR,EAAaG,CAAU,EACtC,UAAWM,EAAAA,IAAI,CACb,SAAU,KACV,MAAOlB,EAAW,kBAAoB,gBACtC,WAAYA,EAAW,SAAW,SAClC,QAAS,SACT,aAAc,aACd,aAAcW,EAAiB,QAAU,OACzC,aAAc,QACd,cAAe,EACf,OAAQ,UACR,YAAa,eACd,CAAA,EAEA,SAAAX,EAAW,UAAYG,CACjB,CAAA,CAEb,CAAC,EAEDT,EAAc,YAAc"}
package/dist/cjs/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var i=require("./components/containers/content.js"),l=require("./components/containers/drawer.js"),u=require("./components/containers/footer.js"),t=require("./components/containers/header.js"),n=require("./components/containers/modal.js"),c=require("./components/containers/overlay.js"),d=require("./components/external/paypal-button.js"),f=require("./components/external/social-login-button.js"),v=require("./components/feedback/callout.js"),q=require("./components/feedback/loading-spinner.js"),e=require("./components/feedback/toast-provider.js"),g=require("./components/feedback/tooltip.js"),s=require("./components/icons/ico-add.js"),L=require("./components/icons/ico-alert-circle-fill.js"),M=require("./components/icons/ico-alert-circle.js"),k=require("./components/icons/ico-arrow-down.js"),I=require("./components/icons/ico-arrow-left.js"),m=require("./components/icons/ico-arrow-right.js"),p=require("./components/icons/ico-asterisk.js"),w=require("./components/icons/ico-astronaut.js"),b=require("./components/icons/ico-bank.js"),C=require("./components/icons/ico-bell-notification.js"),h=require("./components/icons/ico-bell.js"),B=require("./components/icons/ico-branding.js"),F=require("./components/icons/ico-caret-down.js"),A=require("./components/icons/ico-caret-left.js"),P=require("./components/icons/ico-caret-right.js"),y=require("./components/icons/ico-caret-up.js"),S=require("./components/icons/ico-checkmark-circle-fill.js"),W=require("./components/icons/ico-checkmark-circle.js"),T=require("./components/icons/ico-checkmark.js"),E=require("./components/icons/ico-code-editor.js"),D=require("./components/icons/ico-code-sandbox.js"),G=require("./components/icons/ico-code.js"),x=require("./components/icons/ico-command-line.js"),R=require("./components/icons/ico-comment.js"),O=require("./components/icons/ico-copy.js"),H=require("./components/icons/ico-credit-card.js"),Z=require("./components/icons/ico-diamond.js"),N=require("./components/icons/ico-dismiss-circle-fill.js"),z=require("./components/icons/ico-dismiss-circle.js"),X=require("./components/icons/ico-dismiss.js"),j=require("./components/icons/ico-doc.js"),U=require("./components/icons/ico-download.js"),V=require("./components/icons/ico-edit-email.js"),Q=require("./components/icons/ico-edit.js"),J=require("./components/icons/ico-email-fill.js"),K=require("./components/icons/ico-email-open.js"),_=require("./components/icons/ico-email.js"),Y=require("./components/icons/ico-expiration.js"),$=require("./components/icons/ico-external-link.js"),ee=require("./components/icons/ico-eye-closed.js"),re=require("./components/icons/ico-eye-opened.js"),oe=require("./components/icons/ico-fingerprint-fill.js"),ae=require("./components/icons/ico-fingerprint.js"),ie=require("./components/icons/ico-gas.js"),le=require("./components/icons/ico-gift.js"),ue=require("./components/icons/ico-globe.js"),te=require("./components/icons/ico-guide.js"),ne=require("./components/icons/ico-home.js"),ce=require("./components/icons/ico-hourglass.js"),de=require("./components/icons/ico-info-circle-fill.js"),fe=require("./components/icons/ico-info-circle.js"),ve=require("./components/icons/ico-key.js"),qe=require("./components/icons/ico-lightbulb-fill.js"),ge=require("./components/icons/ico-lightbulb.js"),se=require("./components/icons/ico-lightning-fill.js"),Le=require("./components/icons/ico-lightning.js"),Me=require("./components/icons/ico-link.js"),ke=require("./components/icons/ico-loading.js"),Ie=require("./components/icons/ico-lock-locked.js"),me=require("./components/icons/ico-lock-password.js"),pe=require("./components/icons/ico-lock-unlocked.js"),we=require("./components/icons/ico-login-form.js"),be=require("./components/icons/ico-magic.js"),Ce=require("./components/icons/ico-menu.js"),he=require("./components/icons/ico-message-fill.js"),Be=require("./components/icons/ico-message.js"),Fe=require("./components/icons/ico-mfa.js"),Ae=require("./components/icons/ico-mobile2fa.js"),Pe=require("./components/icons/ico-mobile2fafill.js"),ye=require("./components/icons/ico-paper-plane.js"),Se=require("./components/icons/ico-passwordless.js"),We=require("./components/icons/ico-pending-connection.js"),Te=require("./components/icons/ico-phone.js"),Ee=require("./components/icons/ico-price.js"),De=require("./components/icons/ico-qrcode.js"),Ge=require("./components/icons/ico-question-circle-fill.js"),xe=require("./components/icons/ico-question-circle.js"),Re=require("./components/icons/ico-refresh-circle-fill.js"),Oe=require("./components/icons/ico-refresh.js"),He=require("./components/icons/ico-rocket-fill.js"),Ze=require("./components/icons/ico-search.js"),Ne=require("./components/icons/ico-settings.js"),ze=require("./components/icons/ico-shield-approved.js"),Xe=require("./components/icons/ico-shield-rejected.js"),je=require("./components/icons/ico-shield.js"),Ue=require("./components/icons/ico-social.js"),Ve=require("./components/icons/ico-sold-out-tag.js"),Qe=require("./components/icons/ico-star.js"),Je=require("./components/icons/ico-swap.js"),Ke=require("./components/icons/ico-swatches.js"),_e=require("./components/icons/ico-team.js"),Ye=require("./components/icons/ico-users.js"),$e=require("./components/icons/ico-wallet-fill.js"),er=require("./components/icons/ico-wallet.js"),rr=require("./components/icons/ico-wand.js"),or=require("./components/icons/ico-warning-fill.js"),ar=require("./components/icons/ico-warning.js"),ir=require("./components/icons/ico-widget-ui.js"),r=require("./components/inputs/dropdown-selector.js"),lr=require("./components/inputs/phone-input.js"),ur=require("./components/inputs/pincode-input.js"),tr=require("./components/inputs/text-input.js"),nr=require("./components/layouts/dialogue.js"),cr=require("./components/layouts/error.js"),dr=require("./components/layouts/page.js"),fr=require("./components/list-items/navigation-button.js"),vr=require("./components/list-items/nft-tile.js"),qr=require("./components/list-items/token-list-item.js"),gr=require("./components/logos/blc-algorand.js"),sr=require("./components/logos/blc-aptos.js"),Lr=require("./components/logos/blc-arbitrum.js"),Mr=require("./components/logos/blc-astar.js"),kr=require("./components/logos/blc-avalanche.js"),Ir=require("./components/logos/blc-base.js"),mr=require("./components/logos/blc-berachain.js"),pr=require("./components/logos/blc-binance.js"),wr=require("./components/logos/blc-bitcoin.js"),br=require("./components/logos/blc-celo.js"),Cr=require("./components/logos/blc-chiliz.js"),hr=require("./components/logos/blc-cosmos.js"),Br=require("./components/logos/blc-ethereum.js"),Fr=require("./components/logos/blc-etherlink.js"),Ar=require("./components/logos/blc-flow.js"),Pr=require("./components/logos/blc-harmony.js"),yr=require("./components/logos/blc-icon.js"),Sr=require("./components/logos/blc-immutable-x.js"),Wr=require("./components/logos/blc-loopring.js"),Tr=require("./components/logos/blc-moonbeam.js"),Er=require("./components/logos/blc-near.js"),Dr=require("./components/logos/blc-optimism.js"),Gr=require("./components/logos/blc-polkadot.js"),xr=require("./components/logos/blc-polygon.js"),Rr=require("./components/logos/blc-rarichain.js"),Or=require("./components/logos/blc-solana.js"),Hr=require("./components/logos/blc-stability.js"),Zr=require("./components/logos/blc-sui.js"),Nr=require("./components/logos/blc-tezos.js"),zr=require("./components/logos/blc-wax.js"),Xr=require("./components/logos/blc-zetachain.js"),jr=require("./components/logos/blc-zilliqa.js"),Ur=require("./components/logos/blc-zksync.js"),Vr=require("./components/logos/fwk-11ty.js"),Qr=require("./components/logos/fwk-android.js"),Jr=require("./components/logos/fwk-apple.js"),Kr=require("./components/logos/fwk-authy.js"),_r=require("./components/logos/fwk-binance-fill.js"),Yr=require("./components/logos/fwk-chrome.js"),$r=require("./components/logos/fwk-electron.js"),eo=require("./components/logos/fwk-express.js"),ro=require("./components/logos/fwk-fauna.js"),oo=require("./components/logos/fwk-firebase.js"),ao=require("./components/logos/fwk-go.js"),io=require("./components/logos/fwk-google-authenticator.js"),lo=require("./components/logos/fwk-hasura.js"),uo=require("./components/logos/fwk-javascript.js"),to=require("./components/logos/fwk-jwt.js"),no=require("./components/logos/fwk-laravel.js"),co=require("./components/logos/fwk-nextjs.js"),fo=require("./components/logos/fwk-nodejs.js"),vo=require("./components/logos/fwk-nuxtjs.js"),qo=require("./components/logos/fwk-php.js"),go=require("./components/logos/fwk-react.js"),so=require("./components/logos/fwk-strapi.js"),Lo=require("./components/logos/fwk-stripe.js"),Mo=require("./components/logos/fwk-vue.js"),ko=require("./components/logos/fwk-webflow.js"),Io=require("./components/logos/fwk-wordpress.js"),mo=require("./components/logos/fwk-zapier.js"),po=require("./components/logos/icon-art-dark.js"),wo=require("./components/logos/icon-art.js"),bo=require("./components/logos/icon-game-controller-dark.js"),Co=require("./components/logos/icon-game-controller.js"),ho=require("./components/logos/icon-generic-token.js"),Bo=require("./components/logos/icon-magic-logo.js"),Fo=require("./components/logos/icon-music-dark.js"),Ao=require("./components/logos/icon-music.js"),Po=require("./components/logos/icon-profile-dark.js"),yo=require("./components/logos/icon-profile-light.js"),So=require("./components/logos/icon-ticket-dark.js"),Wo=require("./components/logos/icon-ticket.js"),To=require("./components/logos/logo-algorand-mono.js"),Eo=require("./components/logos/logo-algorand.js"),Do=require("./components/logos/logo-apple-mono.js"),Go=require("./components/logos/logo-apple.js"),xo=require("./components/logos/logo-aptos-mono.js"),Ro=require("./components/logos/logo-aptos.js"),Oo=require("./components/logos/logo-arbitrum-mono.js"),Ho=require("./components/logos/logo-arbitrum-one-mono.js"),Zo=require("./components/logos/logo-arbitrum-one.js"),No=require("./components/logos/logo-arbitrum.js"),zo=require("./components/logos/logo-astar-mono.js"),Xo=require("./components/logos/logo-astar.js"),jo=require("./components/logos/logo-avalanche-mono.js"),Uo=require("./components/logos/logo-avalanche.js"),Vo=require("./components/logos/logo-base-mono.js"),Qo=require("./components/logos/logo-base.js"),Jo=require("./components/logos/logo-berachain-mono.js"),Ko=require("./components/logos/logo-berachain.js"),_o=require("./components/logos/logo-binance-mono.js"),Yo=require("./components/logos/logo-binance.js"),$o=require("./components/logos/logo-bit-bucket-mono.js"),ea=require("./components/logos/logo-bit-bucket.js"),ra=require("./components/logos/logo-bitcoin-mono.js"),oa=require("./components/logos/logo-bitcoin.js"),aa=require("./components/logos/logo-bnb-mono.js"),ia=require("./components/logos/logo-bnb.js"),la=require("./components/logos/logo-celo-mono.js"),ua=require("./components/logos/logo-celo.js"),ta=require("./components/logos/logo-chiliz-mono.js"),na=require("./components/logos/logo-chiliz.js"),ca=require("./components/logos/logo-cosmos-mono.js"),da=require("./components/logos/logo-cosmos.js"),fa=require("./components/logos/logo-discord-mono.js"),va=require("./components/logos/logo-discord.js"),qa=require("./components/logos/logo-ethereum-mono.js"),ga=require("./components/logos/logo-ethereum.js"),sa=require("./components/logos/logo-etherlink-mono.js"),La=require("./components/logos/logo-etherlink.js"),Ma=require("./components/logos/logo-facebook-mono.js"),ka=require("./components/logos/logo-facebook.js"),Ia=require("./components/logos/logo-flare-mono.js"),ma=require("./components/logos/logo-flare.js"),pa=require("./components/logos/logo-flow-mono.js"),wa=require("./components/logos/logo-flow.js"),ba=require("./components/logos/logo-git-hub-mono.js"),Ca=require("./components/logos/logo-git-hub.js"),ha=require("./components/logos/logo-git-lab-mono.js"),Ba=require("./components/logos/logo-git-lab.js"),Fa=require("./components/logos/logo-google-mono.js"),Aa=require("./components/logos/logo-google.js"),Pa=require("./components/logos/logo-harmony-mono.js"),ya=require("./components/logos/logo-harmony.js"),Sa=require("./components/logos/logo-horizen-mono.js"),Wa=require("./components/logos/logo-horizen.js"),Ta=require("./components/logos/logo-icon-mono.js"),Ea=require("./components/logos/logo-icon.js"),Da=require("./components/logos/logo-immutable-x-mono.js"),Ga=require("./components/logos/logo-immutable-x.js"),xa=require("./components/logos/logo-link-by-stripe-mono.js"),Ra=require("./components/logos/logo-link-by-stripe.js"),Oa=require("./components/logos/logo-link-mono.js"),Ha=require("./components/logos/logo-link.js"),Za=require("./components/logos/logo-linked-in-mono.js"),Na=require("./components/logos/logo-linked-in.js"),za=require("./components/logos/logo-loopring-mono.js"),Xa=require("./components/logos/logo-loopring.js"),ja=require("./components/logos/logo-microsoft-mono.js"),Ua=require("./components/logos/logo-microsoft.js"),Va=require("./components/logos/logo-moonbeam-mono.js"),Qa=require("./components/logos/logo-moonbeam.js"),Ja=require("./components/logos/logo-near-mono.js"),Ka=require("./components/logos/logo-near.js"),_a=require("./components/logos/logo-onramper-mono.js"),Ya=require("./components/logos/logo-onramper.js"),$a=require("./components/logos/logo-optimism-mono.js"),ei=require("./components/logos/logo-optimism.js"),ri=require("./components/logos/logo-pay-pal-mono.js"),oi=require("./components/logos/logo-pay-pal-wordmark-mono.js"),ai=require("./components/logos/logo-pay-pal-wordmark.js"),ii=require("./components/logos/logo-pay-pal.js"),li=require("./components/logos/logo-poa-mono.js"),ui=require("./components/logos/logo-poa.js"),ti=require("./components/logos/logo-polkadot-mono.js"),ni=require("./components/logos/logo-polkadot.js"),ci=require("./components/logos/logo-polygon-mono.js"),di=require("./components/logos/logo-polygon.js"),fi=require("./components/logos/logo-rarichain-mono.js"),vi=require("./components/logos/logo-rarichain.js"),qi=require("./components/logos/logo-sardine-mono.js"),gi=require("./components/logos/logo-sardine.js"),si=require("./components/logos/logo-sei-mono.js"),Li=require("./components/logos/logo-sei.js"),Mi=require("./components/logos/logo-solana-mono.js"),ki=require("./components/logos/logo-solana.js"),Ii=require("./components/logos/logo-stability-mono.js"),mi=require("./components/logos/logo-stability.js"),pi=require("./components/logos/logo-sui-mono.js"),wi=require("./components/logos/logo-sui.js"),bi=require("./components/logos/logo-tezos-mono.js"),Ci=require("./components/logos/logo-tezos.js"),hi=require("./components/logos/logo-twitch-mono.js"),Bi=require("./components/logos/logo-twitch.js"),Fi=require("./components/logos/logo-twitter-mono.js"),Ai=require("./components/logos/logo-twitter.js"),Pi=require("./components/logos/logo-wallet-connect-mono.js"),yi=require("./components/logos/logo-wallet-connect.js"),Si=require("./components/logos/logo-warpcast-mono.js"),Wi=require("./components/logos/logo-warpcast.js"),Ti=require("./components/logos/logo-wax-mono.js"),Ei=require("./components/logos/logo-wax.js"),Di=require("./components/logos/logo-xdc-mono.js"),Gi=require("./components/logos/logo-xdc.js"),xi=require("./components/logos/logo-zetachain-mono.js"),Ri=require("./components/logos/logo-zetachain.js"),Oi=require("./components/logos/logo-zilliqa-mono.js"),Hi=require("./components/logos/logo-zilliqa.js"),Zi=require("./components/logos/logo-zksync-mono.js"),Ni=require("./components/logos/logo-zksync.js"),zi=require("./components/logos/pay-amex.js"),Xi=require("./components/logos/pay-discover.js"),ji=require("./components/logos/pay-mastercard.js"),Ui=require("./components/logos/pay-visa.js"),Vi=require("./components/logos/presentation-logo.js"),Qi=require("./components/logos/wlt-coinbase.js"),Ji=require("./components/logos/wlt-mattel.js"),Ki=require("./components/logos/wlt-metamask.js"),_i=require("./components/logos/wlt-phantom.js"),Yi=require("./components/logos/wlt-rainbow.js"),$i=require("./components/logos/wlt-wallet-connect.js"),el=require("./components/primitives/button.js"),rl=require("./components/primitives/checkbox.js"),ol=require("./components/primitives/popover.js"),o=require("./components/primitives/radio.js"),a=require("./components/primitives/segmented-control.js"),al=require("./components/primitives/switch.js"),il=require("./components/primitives/text.js"),ll=require("./components/sections/verify-pincode.js"),ul=require("./components/utils/animate.js"),tl=require("./components/utils/client-asset-logo.js"),nl=require("./components/utils/copy-button.js"),cl=require("./components/utils/email-wbr.js"),dl=require("./components/utils/qr-code.js"),fl=require("./components/utils/secured-by-magic.js"),vl=require("./components/utils/security-otp.js"),ql=require("./components/utils/shared-logo.js"),gl=require("./components/utils/wallet-address.js"),sl=require("./hooks/theme.js"),Ll=require("./hooks/useToast.js");exports.Content=i.Content,exports.Drawer=l.Drawer,exports.Footer=u.Footer,exports.Header=t.Header,exports.Modal=n.Modal,exports.Overlay=c.Overlay,exports.PayPalButton=d.PayPalButton,exports.SocialLoginButton=f.SocialLoginButton,exports.Callout=v.Callout,exports.LoadingSpinner=q.LoadingSpinner,exports.Toast=e.Toast,exports.ToastProvider=e.ToastProvider,exports.Tooltip=g.default,exports.IcoAdd=s.default,exports.IcoAlertCircleFill=L.default,exports.IcoAlertCircle=M.default,exports.IcoArrowDown=k.default,exports.IcoArrowLeft=I.default,exports.IcoArrowRight=m.default,exports.IcoAsterisk=p.default,exports.IcoAstronaut=w.default,exports.IcoBank=b.default,exports.IcoBellNotification=C.default,exports.IcoBell=h.default,exports.IcoBranding=B.default,exports.IcoCaretDown=F.default,exports.IcoCaretLeft=A.default,exports.IcoCaretRight=P.default,exports.IcoCaretUp=y.default,exports.IcoCheckmarkCircleFill=S.default,exports.IcoCheckmarkCircle=W.default,exports.IcoCheckmark=T.default,exports.IcoCodeEditor=E.default,exports.IcoCodeSandbox=D.default,exports.IcoCode=G.default,exports.IcoCommandLine=x.default,exports.IcoComment=R.default,exports.IcoCopy=O.default,exports.IcoCreditCard=H.default,exports.IcoDiamond=Z.default,exports.IcoDismissCircleFill=N.default,exports.IcoDismissCircle=z.default,exports.IcoDismiss=X.default,exports.IcoDoc=j.default,exports.IcoDownload=U.default,exports.IcoEditEmail=V.default,exports.IcoEdit=Q.default,exports.IcoEmailFill=J.default,exports.IcoEmailOpen=K.default,exports.IcoEmail=_.default,exports.IcoExpiration=Y.default,exports.IcoExternalLink=$.default,exports.IcoEyeClosed=ee.default,exports.IcoEyeOpened=re.default,exports.IcoFingerprintFill=oe.default,exports.IcoFingerprint=ae.default,exports.IcoGas=ie.default,exports.IcoGift=le.default,exports.IcoGlobe=ue.default,exports.IcoGuide=te.default,exports.IcoHome=ne.default,exports.IcoHourglass=ce.default,exports.IcoInfoCircleFill=de.default,exports.IcoInfoCircle=fe.default,exports.IcoKey=ve.default,exports.IcoLightbulbFill=qe.default,exports.IcoLightbulb=ge.default,exports.IcoLightningFill=se.default,exports.IcoLightning=Le.default,exports.IcoLink=Me.default,exports.IcoLoading=ke.default,exports.IcoLockLocked=Ie.default,exports.IcoLockPassword=me.default,exports.IcoLockUnlocked=pe.default,exports.IcoLoginForm=we.default,exports.IcoMagic=be.default,exports.IcoMenu=Ce.default,exports.IcoMessageFill=he.default,exports.IcoMessage=Be.default,exports.IcoMfa=Fe.default,exports.IcoMobile2fa=Ae.default,exports.IcoMobile2fafill=Pe.default,exports.IcoPaperPlane=ye.default,exports.IcoPasswordless=Se.default,exports.IcoPendingConnection=We.default,exports.IcoPhone=Te.default,exports.IcoPrice=Ee.default,exports.IcoQrcode=De.default,exports.IcoQuestionCircleFill=Ge.default,exports.IcoQuestionCircle=xe.default,exports.IcoRefreshCircleFill=Re.default,exports.IcoRefresh=Oe.default,exports.IcoRocketFill=He.default,exports.IcoSearch=Ze.default,exports.IcoSettings=Ne.default,exports.IcoShieldApproved=ze.default,exports.IcoShieldRejected=Xe.default,exports.IcoShield=je.default,exports.IcoSocial=Ue.default,exports.IcoSoldOutTag=Ve.default,exports.IcoStar=Qe.default,exports.IcoSwap=Je.default,exports.IcoSwatches=Ke.default,exports.IcoTeam=_e.default,exports.IcoUsers=Ye.default,exports.IcoWalletFill=$e.default,exports.IcoWallet=er.default,exports.IcoWand=rr.default,exports.IcoWarningFill=or.default,exports.IcoWarning=ar.default,exports.IcoWidgetUi=ir.default,exports.DropdownOption=r.DropdownOption,exports.DropdownSelector=r.DropdownSelector,exports.PhoneInput=lr.default,exports.PinCodeInput=ur.PinCodeInput,exports.TextInput=tr.TextInput,exports.Dialogue=nr.Dialogue,exports.Error=cr.Error,exports.Page=dr.Page,exports.NavigationButton=fr.default,exports.NFTTile=vr.NFTTile,exports.TokenListItem=qr.TokenListItem,exports.BlcAlgorand=gr.default,exports.BlcAptos=sr.default,exports.BlcArbitrum=Lr.default,exports.BlcAstar=Mr.default,exports.BlcAvalanche=kr.default,exports.BlcBase=Ir.default,exports.BlcBerachain=mr.default,exports.BlcBinance=pr.default,exports.BlcBitcoin=wr.default,exports.BlcCelo=br.default,exports.BlcChiliz=Cr.default,exports.BlcCosmos=hr.default,exports.BlcEthereum=Br.default,exports.BlcEtherlink=Fr.default,exports.BlcFlow=Ar.default,exports.BlcHarmony=Pr.default,exports.BlcIcon=yr.default,exports.BlcImmutableX=Sr.default,exports.BlcLoopring=Wr.default,exports.BlcMoonbeam=Tr.default,exports.BlcNear=Er.default,exports.BlcOptimism=Dr.default,exports.BlcPolkadot=Gr.default,exports.BlcPolygon=xr.default,exports.BlcRarichain=Rr.default,exports.BlcSolana=Or.default,exports.BlcStability=Hr.default,exports.BlcSui=Zr.default,exports.BlcTezos=Nr.default,exports.BlcWax=zr.default,exports.BlcZetachain=Xr.default,exports.BlcZilliqa=jr.default,exports.BlcZksync=Ur.default,exports.Fwk11ty=Vr.default,exports.FwkAndroid=Qr.default,exports.FwkApple=Jr.default,exports.FwkAuthy=Kr.default,exports.FwkBinanceFill=_r.default,exports.FwkChrome=Yr.default,exports.FwkElectron=$r.default,exports.FwkExpress=eo.default,exports.FwkFauna=ro.default,exports.FwkFirebase=oo.default,exports.FwkGo=ao.default,exports.FwkGoogleAuthenticator=io.default,exports.FwkHasura=lo.default,exports.FwkJavascript=uo.default,exports.FwkJwt=to.default,exports.FwkLaravel=no.default,exports.FwkNextjs=co.default,exports.FwkNodejs=fo.default,exports.FwkNuxtjs=vo.default,exports.FwkPhp=qo.default,exports.FwkReact=go.default,exports.FwkStrapi=so.default,exports.FwkStripe=Lo.default,exports.FwkVue=Mo.default,exports.FwkWebflow=ko.default,exports.FwkWordpress=Io.default,exports.FwkZapier=mo.default,exports.IconArtDark=po.default,exports.IconArt=wo.default,exports.IconGameControllerDark=bo.default,exports.IconGameController=Co.default,exports.IconGenericToken=ho.default,exports.IconMagicLogo=Bo.default,exports.IconMusicDark=Fo.default,exports.IconMusic=Ao.default,exports.IconProfileDark=Po.default,exports.IconProfileLight=yo.default,exports.IconTicketDark=So.default,exports.IconTicket=Wo.default,exports.LogoAlgorandMono=To.default,exports.LogoAlgorand=Eo.default,exports.LogoAppleMono=Do.default,exports.LogoApple=Go.default,exports.LogoAptosMono=xo.default,exports.LogoAptos=Ro.default,exports.LogoArbitrumMono=Oo.default,exports.LogoArbitrumOneMono=Ho.default,exports.LogoArbitrumOne=Zo.default,exports.LogoArbitrum=No.default,exports.LogoAstarMono=zo.default,exports.LogoAstar=Xo.default,exports.LogoAvalancheMono=jo.default,exports.LogoAvalanche=Uo.default,exports.LogoBaseMono=Vo.default,exports.LogoBase=Qo.default,exports.LogoBerachainMono=Jo.default,exports.LogoBerachain=Ko.default,exports.LogoBinanceMono=_o.default,exports.LogoBinance=Yo.default,exports.LogoBitBucketMono=$o.default,exports.LogoBitBucket=ea.default,exports.LogoBitcoinMono=ra.default,exports.LogoBitcoin=oa.default,exports.LogoBnbMono=aa.default,exports.LogoBnb=ia.default,exports.LogoCeloMono=la.default,exports.LogoCelo=ua.default,exports.LogoChilizMono=ta.default,exports.LogoChiliz=na.default,exports.LogoCosmosMono=ca.default,exports.LogoCosmos=da.default,exports.LogoDiscordMono=fa.default,exports.LogoDiscord=va.default,exports.LogoEthereumMono=qa.default,exports.LogoEthereum=ga.default,exports.LogoEtherlinkMono=sa.default,exports.LogoEtherlink=La.default,exports.LogoFacebookMono=Ma.default,exports.LogoFacebook=ka.default,exports.LogoFlareMono=Ia.default,exports.LogoFlare=ma.default,exports.LogoFlowMono=pa.default,exports.LogoFlow=wa.default,exports.LogoGitHubMono=ba.default,exports.LogoGitHub=Ca.default,exports.LogoGitLabMono=ha.default,exports.LogoGitLab=Ba.default,exports.LogoGoogleMono=Fa.default,exports.LogoGoogle=Aa.default,exports.LogoHarmonyMono=Pa.default,exports.LogoHarmony=ya.default,exports.LogoHorizenMono=Sa.default,exports.LogoHorizen=Wa.default,exports.LogoIconMono=Ta.default,exports.LogoIcon=Ea.default,exports.LogoImmutableXMono=Da.default,exports.LogoImmutableX=Ga.default,exports.LogoLinkByStripeMono=xa.default,exports.LogoLinkByStripe=Ra.default,exports.LogoLinkMono=Oa.default,exports.LogoLink=Ha.default,exports.LogoLinkedInMono=Za.default,exports.LogoLinkedIn=Na.default,exports.LogoLoopringMono=za.default,exports.LogoLoopring=Xa.default,exports.LogoMicrosoftMono=ja.default,exports.LogoMicrosoft=Ua.default,exports.LogoMoonbeamMono=Va.default,exports.LogoMoonbeam=Qa.default,exports.LogoNearMono=Ja.default,exports.LogoNear=Ka.default,exports.LogoOnramperMono=_a.default,exports.LogoOnramper=Ya.default,exports.LogoOptimismMono=$a.default,exports.LogoOptimism=ei.default,exports.LogoPayPalMono=ri.default,exports.LogoPayPalWordmarkMono=oi.default,exports.LogoPayPalWordmark=ai.default,exports.LogoPayPal=ii.default,exports.LogoPoaMono=li.default,exports.LogoPoa=ui.default,exports.LogoPolkadotMono=ti.default,exports.LogoPolkadot=ni.default,exports.LogoPolygonMono=ci.default,exports.LogoPolygon=di.default,exports.LogoRarichainMono=fi.default,exports.LogoRarichain=vi.default,exports.LogoSardineMono=qi.default,exports.LogoSardine=gi.default,exports.LogoSeiMono=si.default,exports.LogoSei=Li.default,exports.LogoSolanaMono=Mi.default,exports.LogoSolana=ki.default,exports.LogoStabilityMono=Ii.default,exports.LogoStability=mi.default,exports.LogoSuiMono=pi.default,exports.LogoSui=wi.default,exports.LogoTezosMono=bi.default,exports.LogoTezos=Ci.default,exports.LogoTwitchMono=hi.default,exports.LogoTwitch=Bi.default,exports.LogoTwitterMono=Fi.default,exports.LogoTwitter=Ai.default,exports.LogoWalletConnectMono=Pi.default,exports.LogoWalletConnect=yi.default,exports.LogoWarpcastMono=Si.default,exports.LogoWarpcast=Wi.default,exports.LogoWaxMono=Ti.default,exports.LogoWax=Ei.default,exports.LogoXdcMono=Di.default,exports.LogoXdc=Gi.default,exports.LogoZetachainMono=xi.default,exports.LogoZetachain=Ri.default,exports.LogoZilliqaMono=Oi.default,exports.LogoZilliqa=Hi.default,exports.LogoZksyncMono=Zi.default,exports.LogoZksync=Ni.default,exports.PayAmex=zi.default,exports.PayDiscover=Xi.default,exports.PayMastercard=ji.default,exports.PayVisa=Ui.default,exports.PresentationLogo=Vi.default,exports.WltCoinbase=Qi.default,exports.WltMattel=Ji.default,exports.WltMetamask=Ki.default,exports.WltPhantom=_i.default,exports.WltRainbow=Yi.default,exports.WltWalletConnect=$i.default,exports.Button=el.default,exports.Checkbox=rl.default,exports.Popover=ol.Popover,exports.Radio=o.Radio,exports.RadioGroup=o.RadioGroup,exports.SegmentedControl=a.SegmentedControl,exports.Tab=a.Tab,exports.Switch=al.default,exports.Text=il.default,exports.VerifyPincode=ll.VerifyPincode,exports.Animate=ul.default,exports.ClientAssetLogo=tl.ClientAssetLogo,exports.CopyButton=nl.default,exports.EmailWbr=cl.default,exports.QRCode=dl.default,exports.SecuredByMagic=fl.default,exports.SecurityOtp=vl.default,exports.SharedLogo=ql.default,exports.WalletAddress=gl.default,exports.useCustomVars=sl.useCustomVars,exports.useToast=Ll.useToast;
1
+ "use strict";var i=require("./components/containers/content.js"),l=require("./components/containers/drawer.js"),u=require("./components/containers/footer.js"),t=require("./components/containers/header.js"),n=require("./components/containers/modal.js"),c=require("./components/containers/overlay.js"),d=require("./components/external/paypal-button.js"),f=require("./components/external/social-login-button.js"),v=require("./components/feedback/callout.js"),q=require("./components/feedback/loading-spinner.js"),e=require("./components/feedback/toast-provider.js"),g=require("./components/feedback/tooltip.js"),s=require("./components/icons/ico-add.js"),L=require("./components/icons/ico-alert-circle-fill.js"),M=require("./components/icons/ico-alert-circle.js"),k=require("./components/icons/ico-arrow-down.js"),I=require("./components/icons/ico-arrow-left.js"),m=require("./components/icons/ico-arrow-right.js"),p=require("./components/icons/ico-asterisk.js"),w=require("./components/icons/ico-astronaut.js"),b=require("./components/icons/ico-bank.js"),C=require("./components/icons/ico-bell-notification.js"),h=require("./components/icons/ico-bell.js"),B=require("./components/icons/ico-branding.js"),F=require("./components/icons/ico-caret-down.js"),A=require("./components/icons/ico-caret-left.js"),P=require("./components/icons/ico-caret-right.js"),y=require("./components/icons/ico-caret-up.js"),S=require("./components/icons/ico-checkmark-circle-fill.js"),T=require("./components/icons/ico-checkmark-circle.js"),W=require("./components/icons/ico-checkmark.js"),E=require("./components/icons/ico-code-editor.js"),D=require("./components/icons/ico-code-sandbox.js"),G=require("./components/icons/ico-code.js"),x=require("./components/icons/ico-command-line.js"),R=require("./components/icons/ico-comment.js"),O=require("./components/icons/ico-copy.js"),H=require("./components/icons/ico-credit-card.js"),Z=require("./components/icons/ico-diamond.js"),N=require("./components/icons/ico-dismiss-circle-fill.js"),z=require("./components/icons/ico-dismiss-circle.js"),X=require("./components/icons/ico-dismiss.js"),j=require("./components/icons/ico-doc.js"),U=require("./components/icons/ico-download.js"),V=require("./components/icons/ico-edit-email.js"),Q=require("./components/icons/ico-edit.js"),J=require("./components/icons/ico-email-fill.js"),K=require("./components/icons/ico-email-open.js"),_=require("./components/icons/ico-email.js"),Y=require("./components/icons/ico-expiration.js"),$=require("./components/icons/ico-external-link.js"),ee=require("./components/icons/ico-eye-closed.js"),re=require("./components/icons/ico-eye-opened.js"),oe=require("./components/icons/ico-fingerprint-fill.js"),ae=require("./components/icons/ico-fingerprint.js"),ie=require("./components/icons/ico-gas.js"),le=require("./components/icons/ico-gift.js"),ue=require("./components/icons/ico-globe.js"),te=require("./components/icons/ico-guide.js"),ne=require("./components/icons/ico-home.js"),ce=require("./components/icons/ico-hourglass.js"),de=require("./components/icons/ico-info-circle-fill.js"),fe=require("./components/icons/ico-info-circle.js"),ve=require("./components/icons/ico-key.js"),qe=require("./components/icons/ico-lightbulb-fill.js"),ge=require("./components/icons/ico-lightbulb.js"),se=require("./components/icons/ico-lightning-fill.js"),Le=require("./components/icons/ico-lightning.js"),Me=require("./components/icons/ico-link.js"),ke=require("./components/icons/ico-loading.js"),Ie=require("./components/icons/ico-lock-locked.js"),me=require("./components/icons/ico-lock-password.js"),pe=require("./components/icons/ico-lock-unlocked.js"),we=require("./components/icons/ico-login-form.js"),be=require("./components/icons/ico-magic.js"),Ce=require("./components/icons/ico-menu.js"),he=require("./components/icons/ico-message-fill.js"),Be=require("./components/icons/ico-message.js"),Fe=require("./components/icons/ico-mfa.js"),Ae=require("./components/icons/ico-mobile2fa.js"),Pe=require("./components/icons/ico-mobile2fafill.js"),ye=require("./components/icons/ico-paper-plane.js"),Se=require("./components/icons/ico-passwordless.js"),Te=require("./components/icons/ico-pending-connection.js"),We=require("./components/icons/ico-phone.js"),Ee=require("./components/icons/ico-price.js"),De=require("./components/icons/ico-qrcode.js"),Ge=require("./components/icons/ico-question-circle-fill.js"),xe=require("./components/icons/ico-question-circle.js"),Re=require("./components/icons/ico-refresh-circle-fill.js"),Oe=require("./components/icons/ico-refresh.js"),He=require("./components/icons/ico-rocket-fill.js"),Ze=require("./components/icons/ico-search.js"),Ne=require("./components/icons/ico-settings.js"),ze=require("./components/icons/ico-shield-approved.js"),Xe=require("./components/icons/ico-shield-rejected.js"),je=require("./components/icons/ico-shield.js"),Ue=require("./components/icons/ico-social.js"),Ve=require("./components/icons/ico-sold-out-tag.js"),Qe=require("./components/icons/ico-star.js"),Je=require("./components/icons/ico-swap.js"),Ke=require("./components/icons/ico-swatches.js"),_e=require("./components/icons/ico-team.js"),Ye=require("./components/icons/ico-users.js"),$e=require("./components/icons/ico-wallet-fill.js"),er=require("./components/icons/ico-wallet.js"),rr=require("./components/icons/ico-wand.js"),or=require("./components/icons/ico-warning-fill.js"),ar=require("./components/icons/ico-warning.js"),ir=require("./components/icons/ico-widget-ui.js"),lr=require("./components/info/copy-button.js"),ur=require("./components/info/email-wbr.js"),tr=require("./components/info/security-otp.js"),nr=require("./components/info/text-box.js"),cr=require("./components/info/wallet-address.js"),r=require("./components/inputs/dropdown-selector.js"),dr=require("./components/inputs/phone-input.js"),fr=require("./components/inputs/pincode-input.js"),vr=require("./components/inputs/text-input.js"),qr=require("./components/layouts/dialogue.js"),gr=require("./components/layouts/error.js"),sr=require("./components/layouts/page.js"),Lr=require("./components/list-items/navigation-button.js"),Mr=require("./components/list-items/nft-tile.js"),kr=require("./components/list-items/token-list-item.js"),Ir=require("./components/logos/blc-algorand.js"),mr=require("./components/logos/blc-aptos.js"),pr=require("./components/logos/blc-arbitrum.js"),wr=require("./components/logos/blc-astar.js"),br=require("./components/logos/blc-avalanche.js"),Cr=require("./components/logos/blc-base.js"),hr=require("./components/logos/blc-berachain.js"),Br=require("./components/logos/blc-binance.js"),Fr=require("./components/logos/blc-bitcoin.js"),Ar=require("./components/logos/blc-celo.js"),Pr=require("./components/logos/blc-chiliz.js"),yr=require("./components/logos/blc-cosmos.js"),Sr=require("./components/logos/blc-ethereum.js"),Tr=require("./components/logos/blc-etherlink.js"),Wr=require("./components/logos/blc-flow.js"),Er=require("./components/logos/blc-harmony.js"),Dr=require("./components/logos/blc-icon.js"),Gr=require("./components/logos/blc-immutable-x.js"),xr=require("./components/logos/blc-loopring.js"),Rr=require("./components/logos/blc-moonbeam.js"),Or=require("./components/logos/blc-near.js"),Hr=require("./components/logos/blc-optimism.js"),Zr=require("./components/logos/blc-polkadot.js"),Nr=require("./components/logos/blc-polygon.js"),zr=require("./components/logos/blc-rarichain.js"),Xr=require("./components/logos/blc-solana.js"),jr=require("./components/logos/blc-stability.js"),Ur=require("./components/logos/blc-sui.js"),Vr=require("./components/logos/blc-tezos.js"),Qr=require("./components/logos/blc-wax.js"),Jr=require("./components/logos/blc-zetachain.js"),Kr=require("./components/logos/blc-zilliqa.js"),_r=require("./components/logos/blc-zksync.js"),Yr=require("./components/logos/fwk-11ty.js"),$r=require("./components/logos/fwk-android.js"),eo=require("./components/logos/fwk-apple.js"),ro=require("./components/logos/fwk-authy.js"),oo=require("./components/logos/fwk-binance-fill.js"),ao=require("./components/logos/fwk-chrome.js"),io=require("./components/logos/fwk-electron.js"),lo=require("./components/logos/fwk-express.js"),uo=require("./components/logos/fwk-fauna.js"),to=require("./components/logos/fwk-firebase.js"),no=require("./components/logos/fwk-go.js"),co=require("./components/logos/fwk-google-authenticator.js"),fo=require("./components/logos/fwk-hasura.js"),vo=require("./components/logos/fwk-javascript.js"),qo=require("./components/logos/fwk-jwt.js"),go=require("./components/logos/fwk-laravel.js"),so=require("./components/logos/fwk-nextjs.js"),Lo=require("./components/logos/fwk-nodejs.js"),Mo=require("./components/logos/fwk-nuxtjs.js"),ko=require("./components/logos/fwk-php.js"),Io=require("./components/logos/fwk-react.js"),mo=require("./components/logos/fwk-strapi.js"),po=require("./components/logos/fwk-stripe.js"),wo=require("./components/logos/fwk-vue.js"),bo=require("./components/logos/fwk-webflow.js"),Co=require("./components/logos/fwk-wordpress.js"),ho=require("./components/logos/fwk-zapier.js"),Bo=require("./components/logos/icon-art-dark.js"),Fo=require("./components/logos/icon-art.js"),Ao=require("./components/logos/icon-game-controller-dark.js"),Po=require("./components/logos/icon-game-controller.js"),yo=require("./components/logos/icon-generic-token.js"),So=require("./components/logos/icon-magic-logo.js"),To=require("./components/logos/icon-music-dark.js"),Wo=require("./components/logos/icon-music.js"),Eo=require("./components/logos/icon-profile-dark.js"),Do=require("./components/logos/icon-profile-light.js"),Go=require("./components/logos/icon-ticket-dark.js"),xo=require("./components/logos/icon-ticket.js"),Ro=require("./components/logos/logo-algorand-mono.js"),Oo=require("./components/logos/logo-algorand.js"),Ho=require("./components/logos/logo-apple-mono.js"),Zo=require("./components/logos/logo-apple.js"),No=require("./components/logos/logo-aptos-mono.js"),zo=require("./components/logos/logo-aptos.js"),Xo=require("./components/logos/logo-arbitrum-mono.js"),jo=require("./components/logos/logo-arbitrum-one-mono.js"),Uo=require("./components/logos/logo-arbitrum-one.js"),Vo=require("./components/logos/logo-arbitrum.js"),Qo=require("./components/logos/logo-astar-mono.js"),Jo=require("./components/logos/logo-astar.js"),Ko=require("./components/logos/logo-avalanche-mono.js"),_o=require("./components/logos/logo-avalanche.js"),Yo=require("./components/logos/logo-base-mono.js"),$o=require("./components/logos/logo-base.js"),ea=require("./components/logos/logo-berachain-mono.js"),ra=require("./components/logos/logo-berachain.js"),oa=require("./components/logos/logo-binance-mono.js"),aa=require("./components/logos/logo-binance.js"),ia=require("./components/logos/logo-bit-bucket-mono.js"),la=require("./components/logos/logo-bit-bucket.js"),ua=require("./components/logos/logo-bitcoin-mono.js"),ta=require("./components/logos/logo-bitcoin.js"),na=require("./components/logos/logo-bnb-mono.js"),ca=require("./components/logos/logo-bnb.js"),da=require("./components/logos/logo-celo-mono.js"),fa=require("./components/logos/logo-celo.js"),va=require("./components/logos/logo-chiliz-mono.js"),qa=require("./components/logos/logo-chiliz.js"),ga=require("./components/logos/logo-cosmos-mono.js"),sa=require("./components/logos/logo-cosmos.js"),La=require("./components/logos/logo-discord-mono.js"),Ma=require("./components/logos/logo-discord.js"),ka=require("./components/logos/logo-ethereum-mono.js"),Ia=require("./components/logos/logo-ethereum.js"),ma=require("./components/logos/logo-etherlink-mono.js"),pa=require("./components/logos/logo-etherlink.js"),wa=require("./components/logos/logo-facebook-mono.js"),ba=require("./components/logos/logo-facebook.js"),Ca=require("./components/logos/logo-flare-mono.js"),ha=require("./components/logos/logo-flare.js"),Ba=require("./components/logos/logo-flow-mono.js"),Fa=require("./components/logos/logo-flow.js"),Aa=require("./components/logos/logo-git-hub-mono.js"),Pa=require("./components/logos/logo-git-hub.js"),ya=require("./components/logos/logo-git-lab-mono.js"),Sa=require("./components/logos/logo-git-lab.js"),Ta=require("./components/logos/logo-google-mono.js"),Wa=require("./components/logos/logo-google.js"),Ea=require("./components/logos/logo-harmony-mono.js"),Da=require("./components/logos/logo-harmony.js"),Ga=require("./components/logos/logo-horizen-mono.js"),xa=require("./components/logos/logo-horizen.js"),Ra=require("./components/logos/logo-icon-mono.js"),Oa=require("./components/logos/logo-icon.js"),Ha=require("./components/logos/logo-immutable-x-mono.js"),Za=require("./components/logos/logo-immutable-x.js"),Na=require("./components/logos/logo-link-by-stripe-mono.js"),za=require("./components/logos/logo-link-by-stripe.js"),Xa=require("./components/logos/logo-link-mono.js"),ja=require("./components/logos/logo-link.js"),Ua=require("./components/logos/logo-linked-in-mono.js"),Va=require("./components/logos/logo-linked-in.js"),Qa=require("./components/logos/logo-loopring-mono.js"),Ja=require("./components/logos/logo-loopring.js"),Ka=require("./components/logos/logo-microsoft-mono.js"),_a=require("./components/logos/logo-microsoft.js"),Ya=require("./components/logos/logo-moonbeam-mono.js"),$a=require("./components/logos/logo-moonbeam.js"),ei=require("./components/logos/logo-near-mono.js"),ri=require("./components/logos/logo-near.js"),oi=require("./components/logos/logo-onramper-mono.js"),ai=require("./components/logos/logo-onramper.js"),ii=require("./components/logos/logo-optimism-mono.js"),li=require("./components/logos/logo-optimism.js"),ui=require("./components/logos/logo-pay-pal-mono.js"),ti=require("./components/logos/logo-pay-pal-wordmark-mono.js"),ni=require("./components/logos/logo-pay-pal-wordmark.js"),ci=require("./components/logos/logo-pay-pal.js"),di=require("./components/logos/logo-poa-mono.js"),fi=require("./components/logos/logo-poa.js"),vi=require("./components/logos/logo-polkadot-mono.js"),qi=require("./components/logos/logo-polkadot.js"),gi=require("./components/logos/logo-polygon-mono.js"),si=require("./components/logos/logo-polygon.js"),Li=require("./components/logos/logo-rarichain-mono.js"),Mi=require("./components/logos/logo-rarichain.js"),ki=require("./components/logos/logo-sardine-mono.js"),Ii=require("./components/logos/logo-sardine.js"),mi=require("./components/logos/logo-sei-mono.js"),pi=require("./components/logos/logo-sei.js"),wi=require("./components/logos/logo-solana-mono.js"),bi=require("./components/logos/logo-solana.js"),Ci=require("./components/logos/logo-stability-mono.js"),hi=require("./components/logos/logo-stability.js"),Bi=require("./components/logos/logo-sui-mono.js"),Fi=require("./components/logos/logo-sui.js"),Ai=require("./components/logos/logo-tezos-mono.js"),Pi=require("./components/logos/logo-tezos.js"),yi=require("./components/logos/logo-twitch-mono.js"),Si=require("./components/logos/logo-twitch.js"),Ti=require("./components/logos/logo-twitter-mono.js"),Wi=require("./components/logos/logo-twitter.js"),Ei=require("./components/logos/logo-wallet-connect-mono.js"),Di=require("./components/logos/logo-wallet-connect.js"),Gi=require("./components/logos/logo-warpcast-mono.js"),xi=require("./components/logos/logo-warpcast.js"),Ri=require("./components/logos/logo-wax-mono.js"),Oi=require("./components/logos/logo-wax.js"),Hi=require("./components/logos/logo-xdc-mono.js"),Zi=require("./components/logos/logo-xdc.js"),Ni=require("./components/logos/logo-zetachain-mono.js"),zi=require("./components/logos/logo-zetachain.js"),Xi=require("./components/logos/logo-zilliqa-mono.js"),ji=require("./components/logos/logo-zilliqa.js"),Ui=require("./components/logos/logo-zksync-mono.js"),Vi=require("./components/logos/logo-zksync.js"),Qi=require("./components/logos/pay-amex.js"),Ji=require("./components/logos/pay-discover.js"),Ki=require("./components/logos/pay-mastercard.js"),_i=require("./components/logos/pay-visa.js"),Yi=require("./components/logos/presentation-logo.js"),$i=require("./components/logos/wlt-coinbase.js"),el=require("./components/logos/wlt-mattel.js"),rl=require("./components/logos/wlt-metamask.js"),ol=require("./components/logos/wlt-phantom.js"),al=require("./components/logos/wlt-rainbow.js"),il=require("./components/logos/wlt-wallet-connect.js"),ll=require("./components/primitives/button.js"),ul=require("./components/primitives/checkbox.js"),tl=require("./components/primitives/popover.js"),o=require("./components/primitives/radio.js"),a=require("./components/primitives/segmented-control.js"),nl=require("./components/primitives/switch.js"),cl=require("./components/primitives/text.js"),dl=require("./components/sections/verify-pincode.js"),fl=require("./components/utils/animate.js"),vl=require("./components/utils/client-asset-logo.js"),ql=require("./components/utils/qr-code.js"),gl=require("./components/utils/secured-by-magic.js"),sl=require("./components/utils/shared-logo.js"),Ll=require("./hooks/theme.js"),Ml=require("./hooks/useToast.js");exports.Content=i.Content,exports.Drawer=l.Drawer,exports.Footer=u.Footer,exports.Header=t.Header,exports.Modal=n.Modal,exports.Overlay=c.Overlay,exports.PayPalButton=d.PayPalButton,exports.SocialLoginButton=f.SocialLoginButton,exports.Callout=v.Callout,exports.LoadingSpinner=q.LoadingSpinner,exports.Toast=e.Toast,exports.ToastProvider=e.ToastProvider,exports.Tooltip=g.default,exports.IcoAdd=s.default,exports.IcoAlertCircleFill=L.default,exports.IcoAlertCircle=M.default,exports.IcoArrowDown=k.default,exports.IcoArrowLeft=I.default,exports.IcoArrowRight=m.default,exports.IcoAsterisk=p.default,exports.IcoAstronaut=w.default,exports.IcoBank=b.default,exports.IcoBellNotification=C.default,exports.IcoBell=h.default,exports.IcoBranding=B.default,exports.IcoCaretDown=F.default,exports.IcoCaretLeft=A.default,exports.IcoCaretRight=P.default,exports.IcoCaretUp=y.default,exports.IcoCheckmarkCircleFill=S.default,exports.IcoCheckmarkCircle=T.default,exports.IcoCheckmark=W.default,exports.IcoCodeEditor=E.default,exports.IcoCodeSandbox=D.default,exports.IcoCode=G.default,exports.IcoCommandLine=x.default,exports.IcoComment=R.default,exports.IcoCopy=O.default,exports.IcoCreditCard=H.default,exports.IcoDiamond=Z.default,exports.IcoDismissCircleFill=N.default,exports.IcoDismissCircle=z.default,exports.IcoDismiss=X.default,exports.IcoDoc=j.default,exports.IcoDownload=U.default,exports.IcoEditEmail=V.default,exports.IcoEdit=Q.default,exports.IcoEmailFill=J.default,exports.IcoEmailOpen=K.default,exports.IcoEmail=_.default,exports.IcoExpiration=Y.default,exports.IcoExternalLink=$.default,exports.IcoEyeClosed=ee.default,exports.IcoEyeOpened=re.default,exports.IcoFingerprintFill=oe.default,exports.IcoFingerprint=ae.default,exports.IcoGas=ie.default,exports.IcoGift=le.default,exports.IcoGlobe=ue.default,exports.IcoGuide=te.default,exports.IcoHome=ne.default,exports.IcoHourglass=ce.default,exports.IcoInfoCircleFill=de.default,exports.IcoInfoCircle=fe.default,exports.IcoKey=ve.default,exports.IcoLightbulbFill=qe.default,exports.IcoLightbulb=ge.default,exports.IcoLightningFill=se.default,exports.IcoLightning=Le.default,exports.IcoLink=Me.default,exports.IcoLoading=ke.default,exports.IcoLockLocked=Ie.default,exports.IcoLockPassword=me.default,exports.IcoLockUnlocked=pe.default,exports.IcoLoginForm=we.default,exports.IcoMagic=be.default,exports.IcoMenu=Ce.default,exports.IcoMessageFill=he.default,exports.IcoMessage=Be.default,exports.IcoMfa=Fe.default,exports.IcoMobile2fa=Ae.default,exports.IcoMobile2fafill=Pe.default,exports.IcoPaperPlane=ye.default,exports.IcoPasswordless=Se.default,exports.IcoPendingConnection=Te.default,exports.IcoPhone=We.default,exports.IcoPrice=Ee.default,exports.IcoQrcode=De.default,exports.IcoQuestionCircleFill=Ge.default,exports.IcoQuestionCircle=xe.default,exports.IcoRefreshCircleFill=Re.default,exports.IcoRefresh=Oe.default,exports.IcoRocketFill=He.default,exports.IcoSearch=Ze.default,exports.IcoSettings=Ne.default,exports.IcoShieldApproved=ze.default,exports.IcoShieldRejected=Xe.default,exports.IcoShield=je.default,exports.IcoSocial=Ue.default,exports.IcoSoldOutTag=Ve.default,exports.IcoStar=Qe.default,exports.IcoSwap=Je.default,exports.IcoSwatches=Ke.default,exports.IcoTeam=_e.default,exports.IcoUsers=Ye.default,exports.IcoWalletFill=$e.default,exports.IcoWallet=er.default,exports.IcoWand=rr.default,exports.IcoWarningFill=or.default,exports.IcoWarning=ar.default,exports.IcoWidgetUi=ir.default,exports.CopyButton=lr.default,exports.EmailWbr=ur.default,exports.SecurityOtp=tr.default,exports.TextBox=nr.default,exports.WalletAddress=cr.default,exports.DropdownOption=r.DropdownOption,exports.DropdownSelector=r.DropdownSelector,exports.PhoneInput=dr.default,exports.PinCodeInput=fr.PinCodeInput,exports.TextInput=vr.TextInput,exports.Dialogue=qr.Dialogue,exports.Error=gr.Error,exports.Page=sr.Page,exports.NavigationButton=Lr.default,exports.NFTTile=Mr.NFTTile,exports.TokenListItem=kr.TokenListItem,exports.BlcAlgorand=Ir.default,exports.BlcAptos=mr.default,exports.BlcArbitrum=pr.default,exports.BlcAstar=wr.default,exports.BlcAvalanche=br.default,exports.BlcBase=Cr.default,exports.BlcBerachain=hr.default,exports.BlcBinance=Br.default,exports.BlcBitcoin=Fr.default,exports.BlcCelo=Ar.default,exports.BlcChiliz=Pr.default,exports.BlcCosmos=yr.default,exports.BlcEthereum=Sr.default,exports.BlcEtherlink=Tr.default,exports.BlcFlow=Wr.default,exports.BlcHarmony=Er.default,exports.BlcIcon=Dr.default,exports.BlcImmutableX=Gr.default,exports.BlcLoopring=xr.default,exports.BlcMoonbeam=Rr.default,exports.BlcNear=Or.default,exports.BlcOptimism=Hr.default,exports.BlcPolkadot=Zr.default,exports.BlcPolygon=Nr.default,exports.BlcRarichain=zr.default,exports.BlcSolana=Xr.default,exports.BlcStability=jr.default,exports.BlcSui=Ur.default,exports.BlcTezos=Vr.default,exports.BlcWax=Qr.default,exports.BlcZetachain=Jr.default,exports.BlcZilliqa=Kr.default,exports.BlcZksync=_r.default,exports.Fwk11ty=Yr.default,exports.FwkAndroid=$r.default,exports.FwkApple=eo.default,exports.FwkAuthy=ro.default,exports.FwkBinanceFill=oo.default,exports.FwkChrome=ao.default,exports.FwkElectron=io.default,exports.FwkExpress=lo.default,exports.FwkFauna=uo.default,exports.FwkFirebase=to.default,exports.FwkGo=no.default,exports.FwkGoogleAuthenticator=co.default,exports.FwkHasura=fo.default,exports.FwkJavascript=vo.default,exports.FwkJwt=qo.default,exports.FwkLaravel=go.default,exports.FwkNextjs=so.default,exports.FwkNodejs=Lo.default,exports.FwkNuxtjs=Mo.default,exports.FwkPhp=ko.default,exports.FwkReact=Io.default,exports.FwkStrapi=mo.default,exports.FwkStripe=po.default,exports.FwkVue=wo.default,exports.FwkWebflow=bo.default,exports.FwkWordpress=Co.default,exports.FwkZapier=ho.default,exports.IconArtDark=Bo.default,exports.IconArt=Fo.default,exports.IconGameControllerDark=Ao.default,exports.IconGameController=Po.default,exports.IconGenericToken=yo.default,exports.IconMagicLogo=So.default,exports.IconMusicDark=To.default,exports.IconMusic=Wo.default,exports.IconProfileDark=Eo.default,exports.IconProfileLight=Do.default,exports.IconTicketDark=Go.default,exports.IconTicket=xo.default,exports.LogoAlgorandMono=Ro.default,exports.LogoAlgorand=Oo.default,exports.LogoAppleMono=Ho.default,exports.LogoApple=Zo.default,exports.LogoAptosMono=No.default,exports.LogoAptos=zo.default,exports.LogoArbitrumMono=Xo.default,exports.LogoArbitrumOneMono=jo.default,exports.LogoArbitrumOne=Uo.default,exports.LogoArbitrum=Vo.default,exports.LogoAstarMono=Qo.default,exports.LogoAstar=Jo.default,exports.LogoAvalancheMono=Ko.default,exports.LogoAvalanche=_o.default,exports.LogoBaseMono=Yo.default,exports.LogoBase=$o.default,exports.LogoBerachainMono=ea.default,exports.LogoBerachain=ra.default,exports.LogoBinanceMono=oa.default,exports.LogoBinance=aa.default,exports.LogoBitBucketMono=ia.default,exports.LogoBitBucket=la.default,exports.LogoBitcoinMono=ua.default,exports.LogoBitcoin=ta.default,exports.LogoBnbMono=na.default,exports.LogoBnb=ca.default,exports.LogoCeloMono=da.default,exports.LogoCelo=fa.default,exports.LogoChilizMono=va.default,exports.LogoChiliz=qa.default,exports.LogoCosmosMono=ga.default,exports.LogoCosmos=sa.default,exports.LogoDiscordMono=La.default,exports.LogoDiscord=Ma.default,exports.LogoEthereumMono=ka.default,exports.LogoEthereum=Ia.default,exports.LogoEtherlinkMono=ma.default,exports.LogoEtherlink=pa.default,exports.LogoFacebookMono=wa.default,exports.LogoFacebook=ba.default,exports.LogoFlareMono=Ca.default,exports.LogoFlare=ha.default,exports.LogoFlowMono=Ba.default,exports.LogoFlow=Fa.default,exports.LogoGitHubMono=Aa.default,exports.LogoGitHub=Pa.default,exports.LogoGitLabMono=ya.default,exports.LogoGitLab=Sa.default,exports.LogoGoogleMono=Ta.default,exports.LogoGoogle=Wa.default,exports.LogoHarmonyMono=Ea.default,exports.LogoHarmony=Da.default,exports.LogoHorizenMono=Ga.default,exports.LogoHorizen=xa.default,exports.LogoIconMono=Ra.default,exports.LogoIcon=Oa.default,exports.LogoImmutableXMono=Ha.default,exports.LogoImmutableX=Za.default,exports.LogoLinkByStripeMono=Na.default,exports.LogoLinkByStripe=za.default,exports.LogoLinkMono=Xa.default,exports.LogoLink=ja.default,exports.LogoLinkedInMono=Ua.default,exports.LogoLinkedIn=Va.default,exports.LogoLoopringMono=Qa.default,exports.LogoLoopring=Ja.default,exports.LogoMicrosoftMono=Ka.default,exports.LogoMicrosoft=_a.default,exports.LogoMoonbeamMono=Ya.default,exports.LogoMoonbeam=$a.default,exports.LogoNearMono=ei.default,exports.LogoNear=ri.default,exports.LogoOnramperMono=oi.default,exports.LogoOnramper=ai.default,exports.LogoOptimismMono=ii.default,exports.LogoOptimism=li.default,exports.LogoPayPalMono=ui.default,exports.LogoPayPalWordmarkMono=ti.default,exports.LogoPayPalWordmark=ni.default,exports.LogoPayPal=ci.default,exports.LogoPoaMono=di.default,exports.LogoPoa=fi.default,exports.LogoPolkadotMono=vi.default,exports.LogoPolkadot=qi.default,exports.LogoPolygonMono=gi.default,exports.LogoPolygon=si.default,exports.LogoRarichainMono=Li.default,exports.LogoRarichain=Mi.default,exports.LogoSardineMono=ki.default,exports.LogoSardine=Ii.default,exports.LogoSeiMono=mi.default,exports.LogoSei=pi.default,exports.LogoSolanaMono=wi.default,exports.LogoSolana=bi.default,exports.LogoStabilityMono=Ci.default,exports.LogoStability=hi.default,exports.LogoSuiMono=Bi.default,exports.LogoSui=Fi.default,exports.LogoTezosMono=Ai.default,exports.LogoTezos=Pi.default,exports.LogoTwitchMono=yi.default,exports.LogoTwitch=Si.default,exports.LogoTwitterMono=Ti.default,exports.LogoTwitter=Wi.default,exports.LogoWalletConnectMono=Ei.default,exports.LogoWalletConnect=Di.default,exports.LogoWarpcastMono=Gi.default,exports.LogoWarpcast=xi.default,exports.LogoWaxMono=Ri.default,exports.LogoWax=Oi.default,exports.LogoXdcMono=Hi.default,exports.LogoXdc=Zi.default,exports.LogoZetachainMono=Ni.default,exports.LogoZetachain=zi.default,exports.LogoZilliqaMono=Xi.default,exports.LogoZilliqa=ji.default,exports.LogoZksyncMono=Ui.default,exports.LogoZksync=Vi.default,exports.PayAmex=Qi.default,exports.PayDiscover=Ji.default,exports.PayMastercard=Ki.default,exports.PayVisa=_i.default,exports.PresentationLogo=Yi.default,exports.WltCoinbase=$i.default,exports.WltMattel=el.default,exports.WltMetamask=rl.default,exports.WltPhantom=ol.default,exports.WltRainbow=al.default,exports.WltWalletConnect=il.default,exports.Button=ll.default,exports.Checkbox=ul.default,exports.Popover=tl.Popover,exports.Radio=o.Radio,exports.RadioGroup=o.RadioGroup,exports.SegmentedControl=a.SegmentedControl,exports.Tab=a.Tab,exports.Switch=nl.default,exports.Text=cl.default,exports.VerifyPincode=dl.VerifyPincode,exports.Animate=fl.default,exports.ClientAssetLogo=vl.ClientAssetLogo,exports.QRCode=ql.default,exports.SecuredByMagic=gl.default,exports.SharedLogo=sl.default,exports.useCustomVars=Ll.useCustomVars,exports.useToast=Ml.useToast;
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- "use strict";var a=require("@styled/css");const e=a.sva({slots:["content","wrapper"],base:{content:{height:"full",width:"full",boxSizing:"border-box"},wrapper:{height:"full",width:"full",bg:"surface.primary",position:"relative",overflow:"auto","@media (min-width: 48rem)":{top:12,mx:"auto",width:"25rem",height:"fit-content",boxShadow:"0px 12px 56px {colors.ink.70/15}",borderRadius:"container",_dark:{boxShadow:"none"}}}},variants:{animate:{false:{wrapper:{animationName:"none",scale:1}}},isOpen:{true:{}},paddingType:{none:{wrapper:{p:0}},sm:{wrapper:{p:2,pb:0}},md:{wrapper:{p:4,pb:0}},lg:{wrapper:{p:8,pb:0}}},showBorder:{true:{wrapper:{"@media (min-width: 48rem)":{_dark:{borderWidth:1,borderBlock:"solid",borderColor:"neutral.secondary"}}}}}},compoundVariants:[{animate:!0,isOpen:!0,css:{wrapper:{animationFillMode:"forwards",animationName:"scaleIn",animationDuration:"250ms",_motionReduce:{scale:1}}}},{animate:!0,isOpen:!1,css:{wrapper:{animationFillMode:"forwards",animationName:"scaleOut",animationDuration:"150ms",_motionReduce:{scale:1}}}}],defaultVariants:{animate:!0,isOpen:!0,paddingType:"none"}});exports.modal=e;
1
+ "use strict";var a=require("@styled/css");const e=a.sva({slots:["content","wrapper"],base:{content:{height:"full",width:"full",boxSizing:"border-box"},wrapper:{height:"full",width:"full",bg:"surface.primary",position:"relative",overflow:"auto",scrollbarWidth:"none","@media (min-width: 48rem)":{top:12,mx:"auto",width:"25rem",height:"fit-content",boxShadow:"0px 12px 56px {colors.ink.70/15}",borderRadius:"container",_dark:{boxShadow:"none"}}}},variants:{animate:{false:{wrapper:{animationName:"none",scale:1}}},isOpen:{true:{}},paddingType:{none:{wrapper:{p:0}},sm:{wrapper:{p:2,pb:0}},md:{wrapper:{p:4,pb:0}},lg:{wrapper:{p:8,pb:0}}},showBorder:{true:{wrapper:{"@media (min-width: 48rem)":{_dark:{borderWidth:1,borderBlock:"solid",borderColor:"neutral.secondary"}}}}}},compoundVariants:[{animate:!0,isOpen:!0,css:{wrapper:{animationFillMode:"forwards",animationName:"scaleIn",animationDuration:"250ms",_motionReduce:{scale:1}}}},{animate:!0,isOpen:!1,css:{wrapper:{animationFillMode:"forwards",animationName:"scaleOut",animationDuration:"150ms",_motionReduce:{scale:1}}}}],defaultVariants:{animate:!0,isOpen:!0,paddingType:"none"}});exports.modal=e;
2
2
  //# sourceMappingURL=modal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"modal.js","sources":["../../../src/recipes/modal.ts"],"sourcesContent":["import { sva, type RecipeVariantProps } from '@styled/css';\n\nexport const modal = sva({\n slots: ['content', 'wrapper'],\n base: {\n content: {\n height: 'full',\n width: 'full',\n boxSizing: 'border-box',\n },\n wrapper: {\n height: 'full',\n width: 'full',\n bg: 'surface.primary',\n position: 'relative',\n overflow: 'auto',\n\n '@media (min-width: 48rem)': {\n top: 12,\n mx: 'auto',\n width: '25rem',\n height: 'fit-content',\n boxShadow: '0px 12px 56px {colors.ink.70/15}',\n borderRadius: 'container',\n _dark: {\n boxShadow: 'none',\n },\n },\n },\n },\n variants: {\n animate: {\n false: {\n wrapper: {\n animationName: 'none',\n scale: 1,\n },\n },\n },\n isOpen: { true: {} },\n paddingType: {\n none: {\n wrapper: {\n p: 0,\n },\n },\n sm: {\n wrapper: {\n p: 2,\n pb: 0,\n },\n },\n md: {\n wrapper: {\n p: 4,\n pb: 0,\n },\n },\n lg: {\n wrapper: {\n p: 8,\n pb: 0,\n },\n },\n },\n showBorder: {\n true: {\n wrapper: {\n '@media (min-width: 48rem)': {\n _dark: {\n borderWidth: 1,\n borderBlock: 'solid',\n borderColor: 'neutral.secondary',\n },\n },\n },\n },\n },\n },\n compoundVariants: [\n {\n animate: true,\n isOpen: true,\n css: {\n wrapper: {\n animationFillMode: 'forwards',\n animationName: 'scaleIn',\n animationDuration: '250ms',\n _motionReduce: { scale: 1 },\n },\n },\n },\n {\n animate: true,\n isOpen: false,\n css: {\n wrapper: {\n animationFillMode: 'forwards',\n animationName: 'scaleOut',\n animationDuration: '150ms',\n _motionReduce: { scale: 1 },\n },\n },\n },\n ],\n defaultVariants: {\n animate: true,\n isOpen: true,\n paddingType: 'none',\n },\n});\n\nexport type ModalVariants = RecipeVariantProps<typeof modal>;\n"],"names":["modal","sva"],"mappings":"0CAEO,MAAMA,EAAQC,EAAAA,IAAI,CACvB,MAAO,CAAC,UAAW,SAAS,EAC5B,KAAM,CACJ,QAAS,CACP,OAAQ,OACR,MAAO,OACP,UAAW,YACZ,EACD,QAAS,CACP,OAAQ,OACR,MAAO,OACP,GAAI,kBACJ,SAAU,WACV,SAAU,OAEV,4BAA6B,CAC3B,IAAK,GACL,GAAI,OACJ,MAAO,QACP,OAAQ,cACR,UAAW,mCACX,aAAc,YACd,MAAO,CACL,UAAW,MACZ,CACF,CACF,CACF,EACD,SAAU,CACR,QAAS,CACP,MAAO,CACL,QAAS,CACP,cAAe,OACf,MAAO,CACR,CACF,CACF,EACD,OAAQ,CAAE,KAAM,CAAA,CAAI,EACpB,YAAa,CACX,KAAM,CACJ,QAAS,CACP,EAAG,CACJ,CACF,EACD,GAAI,CACF,QAAS,CACP,EAAG,EACH,GAAI,CACL,CACF,EACD,GAAI,CACF,QAAS,CACP,EAAG,EACH,GAAI,CACL,CACF,EACD,GAAI,CACF,QAAS,CACP,EAAG,EACH,GAAI,CACL,CACF,CACF,EACD,WAAY,CACV,KAAM,CACJ,QAAS,CACP,4BAA6B,CAC3B,MAAO,CACL,YAAa,EACb,YAAa,QACb,YAAa,mBACd,CACF,CACF,CACF,CACF,CACF,EACD,iBAAkB,CAChB,CACE,QAAS,GACT,OAAQ,GACR,IAAK,CACH,QAAS,CACP,kBAAmB,WACnB,cAAe,UACf,kBAAmB,QACnB,cAAe,CAAE,MAAO,CAAG,CAC5B,CACF,CACF,EACD,CACE,QAAS,GACT,OAAQ,GACR,IAAK,CACH,QAAS,CACP,kBAAmB,WACnB,cAAe,WACf,kBAAmB,QACnB,cAAe,CAAE,MAAO,CAAG,CAC5B,CACF,CACF,CACF,EACD,gBAAiB,CACf,QAAS,GACT,OAAQ,GACR,YAAa,MACd,CACF,CAAA"}
1
+ {"version":3,"file":"modal.js","sources":["../../../src/recipes/modal.ts"],"sourcesContent":["import { sva, type RecipeVariantProps } from '@styled/css';\n\nexport const modal = sva({\n slots: ['content', 'wrapper'],\n base: {\n content: {\n height: 'full',\n width: 'full',\n boxSizing: 'border-box',\n },\n wrapper: {\n height: 'full',\n width: 'full',\n bg: 'surface.primary',\n position: 'relative',\n overflow: 'auto',\n scrollbarWidth: 'none',\n\n '@media (min-width: 48rem)': {\n top: 12,\n mx: 'auto',\n width: '25rem',\n height: 'fit-content',\n boxShadow: '0px 12px 56px {colors.ink.70/15}',\n borderRadius: 'container',\n _dark: {\n boxShadow: 'none',\n },\n },\n },\n },\n variants: {\n animate: {\n false: {\n wrapper: {\n animationName: 'none',\n scale: 1,\n },\n },\n },\n isOpen: { true: {} },\n paddingType: {\n none: {\n wrapper: {\n p: 0,\n },\n },\n sm: {\n wrapper: {\n p: 2,\n pb: 0,\n },\n },\n md: {\n wrapper: {\n p: 4,\n pb: 0,\n },\n },\n lg: {\n wrapper: {\n p: 8,\n pb: 0,\n },\n },\n },\n showBorder: {\n true: {\n wrapper: {\n '@media (min-width: 48rem)': {\n _dark: {\n borderWidth: 1,\n borderBlock: 'solid',\n borderColor: 'neutral.secondary',\n },\n },\n },\n },\n },\n },\n compoundVariants: [\n {\n animate: true,\n isOpen: true,\n css: {\n wrapper: {\n animationFillMode: 'forwards',\n animationName: 'scaleIn',\n animationDuration: '250ms',\n _motionReduce: { scale: 1 },\n },\n },\n },\n {\n animate: true,\n isOpen: false,\n css: {\n wrapper: {\n animationFillMode: 'forwards',\n animationName: 'scaleOut',\n animationDuration: '150ms',\n _motionReduce: { scale: 1 },\n },\n },\n },\n ],\n defaultVariants: {\n animate: true,\n isOpen: true,\n paddingType: 'none',\n },\n});\n\nexport type ModalVariants = RecipeVariantProps<typeof modal>;\n"],"names":["modal","sva"],"mappings":"0CAEO,MAAMA,EAAQC,EAAAA,IAAI,CACvB,MAAO,CAAC,UAAW,SAAS,EAC5B,KAAM,CACJ,QAAS,CACP,OAAQ,OACR,MAAO,OACP,UAAW,YACZ,EACD,QAAS,CACP,OAAQ,OACR,MAAO,OACP,GAAI,kBACJ,SAAU,WACV,SAAU,OACV,eAAgB,OAEhB,4BAA6B,CAC3B,IAAK,GACL,GAAI,OACJ,MAAO,QACP,OAAQ,cACR,UAAW,mCACX,aAAc,YACd,MAAO,CACL,UAAW,MACZ,CACF,CACF,CACF,EACD,SAAU,CACR,QAAS,CACP,MAAO,CACL,QAAS,CACP,cAAe,OACf,MAAO,CACR,CACF,CACF,EACD,OAAQ,CAAE,KAAM,CAAA,CAAI,EACpB,YAAa,CACX,KAAM,CACJ,QAAS,CACP,EAAG,CACJ,CACF,EACD,GAAI,CACF,QAAS,CACP,EAAG,EACH,GAAI,CACL,CACF,EACD,GAAI,CACF,QAAS,CACP,EAAG,EACH,GAAI,CACL,CACF,EACD,GAAI,CACF,QAAS,CACP,EAAG,EACH,GAAI,CACL,CACF,CACF,EACD,WAAY,CACV,KAAM,CACJ,QAAS,CACP,4BAA6B,CAC3B,MAAO,CACL,YAAa,EACb,YAAa,QACb,YAAa,mBACd,CACF,CACF,CACF,CACF,CACF,EACD,iBAAkB,CAChB,CACE,QAAS,GACT,OAAQ,GACR,IAAK,CACH,QAAS,CACP,kBAAmB,WACnB,cAAe,UACf,kBAAmB,QACnB,cAAe,CAAE,MAAO,CAAG,CAC5B,CACF,CACF,EACD,CACE,QAAS,GACT,OAAQ,GACR,IAAK,CACH,QAAS,CACP,kBAAmB,WACnB,cAAe,WACf,kBAAmB,QACnB,cAAe,CAAE,MAAO,CAAG,CAC5B,CACF,CACF,CACF,EACD,gBAAiB,CACf,QAAS,GACT,OAAQ,GACR,YAAa,MACd,CACF,CAAA"}
@@ -1,2 +1,2 @@
1
- import{jsxs as m,jsx as i}from"react/jsx-runtime";import"react";import"../utils/client-asset-logo.js";import"../utils/copy-button.js";import"../utils/email-wbr.js";import{css as p}from"@styled/css";import{VStack as s}from"@styled/jsx";import"@styled/tokens";import"react-qrcode-logo";import e from"../utils/secured-by-magic.js";import"../utils/security-otp.js";import"../utils/wallet-address.js";const c=({children:o,showLogo:r=!0,...t})=>m(s,{alignItems:"center",className:p({width:"full",p:8}),children:[o,r&&i(e,{...t})]});export{c as Footer};
1
+ import{jsxs as m,jsx as i}from"react/jsx-runtime";import"react";import"../utils/client-asset-logo.js";import{css as s}from"@styled/css";import{VStack as p}from"@styled/jsx";import"@styled/tokens";import"react-qrcode-logo";import e from"../utils/secured-by-magic.js";const c=({children:o,showLogo:r=!0,...t})=>m(p,{alignItems:"center",className:s({width:"full",p:8}),children:[o,r&&i(e,{...t})]});export{c as Footer};
2
2
  //# sourceMappingURL=footer.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"footer.js","sources":["../../../../src/components/containers/footer.tsx"],"sourcesContent":["import { SecuredByMagic } from '@components/utils';\nimport { SecuredByMagicProps } from '@components/utils/secured-by-magic';\nimport { css } from '@styled/css';\nimport { VStack } from '@styled/jsx';\nimport { ComponentProps } from 'react';\n\nexport type FooterProps = ComponentProps<'div'> &\n SecuredByMagicProps & {\n showLogo?: boolean;\n };\n\nexport const Footer = ({ children, showLogo = true, ...sbmProps }: FooterProps) => (\n <VStack alignItems=\"center\" className={css({ width: 'full', p: 8 })}>\n {children}\n {showLogo && <SecuredByMagic {...sbmProps} />}\n </VStack>\n);\n"],"names":["Footer","children","showLogo","sbmProps","_jsxs","VStack","css","_jsx","SecuredByMagic"],"mappings":"4YAWa,MAAAA,EAAS,CAAC,CAAE,SAAAC,EAAU,SAAAC,EAAW,GAAM,GAAGC,CAAQ,IAC7DC,EAACC,EAAM,CAAC,WAAW,SAAS,UAAWC,EAAI,CAAE,MAAO,OAAQ,EAAG,CAAG,CAAA,YAC/DL,EACAC,GAAYK,EAACC,MAAmBL,CAAQ,CAAA,CAAI,CACtC,CAAA"}
1
+ {"version":3,"file":"footer.js","sources":["../../../../src/components/containers/footer.tsx"],"sourcesContent":["import { SecuredByMagic } from '@components/utils';\nimport { SecuredByMagicProps } from '@components/utils/secured-by-magic';\nimport { css } from '@styled/css';\nimport { VStack } from '@styled/jsx';\nimport { ComponentProps } from 'react';\n\nexport type FooterProps = ComponentProps<'div'> &\n SecuredByMagicProps & {\n showLogo?: boolean;\n };\n\nexport const Footer = ({ children, showLogo = true, ...sbmProps }: FooterProps) => (\n <VStack alignItems=\"center\" className={css({ width: 'full', p: 8 })}>\n {children}\n {showLogo && <SecuredByMagic {...sbmProps} />}\n </VStack>\n);\n"],"names":["Footer","children","showLogo","sbmProps","_jsxs","VStack","css","_jsx","SecuredByMagic"],"mappings":"0QAWa,MAAAA,EAAS,CAAC,CAAE,SAAAC,EAAU,SAAAC,EAAW,GAAM,GAAGC,CAAQ,IAC7DC,EAACC,EAAM,CAAC,WAAW,SAAS,UAAWC,EAAI,CAAE,MAAO,OAAQ,EAAG,CAAG,CAAA,YAC/DL,EACAC,GAAYK,EAACC,MAAmBL,CAAQ,CAAA,CAAI,CACtC,CAAA"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"copy-button.js","sources":["../../../../src/components/info/copy-button.tsx"],"sourcesContent":["import { IcoCheckmark, IcoCopy } from '@components/icons';\nimport { token } from '@styled/tokens';\nimport { useEffect, useState, useCallback } from 'react';\nimport Button from '../primitives/button';\n\nexport interface CopyButtonProps {\n value: string;\n showText: boolean;\n color?: string;\n onCopy: (value: string) => void;\n}\n\nconst CopyButton = ({ value, showText, color: customColor, onCopy }: CopyButtonProps) => {\n const color = customColor || token('colors.text.primary');\n\n const [isCopied, setIsCopied] = useState(false);\n\n useEffect(() => {\n if (isCopied) {\n setTimeout(() => {\n setIsCopied(false);\n }, 2500);\n }\n }, [isCopied]);\n\n const handleOnCopy = useCallback(() => {\n onCopy(value);\n setIsCopied(true);\n }, [value]);\n\n const text = showText ? (!isCopied ? 'Copy' : 'Copied!') : undefined;\n\n return (\n <Button label={text} variant=\"text\" onPress={handleOnCopy} iconSize={!isCopied ? 16 : 12}>\n <Button.LeadingIcon>{!isCopied ? <IcoCopy color={color} /> : <IcoCheckmark color={color} />}</Button.LeadingIcon>\n </Button>\n );\n};\n\nCopyButton.displayName = 'CopyButton';\n\nexport default CopyButton;\n"],"names":["CopyButton","value","showText","customColor","onCopy","color","token","isCopied","setIsCopied","useState","useEffect","handleOnCopy","useCallback","_jsx","Button","IcoCheckmark","IcoCopy"],"mappings":"oQAYA,MAAMA,EAAa,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,MAAOC,EAAa,OAAAC,CAAM,IAAuB,CACtF,MAAMC,EAAQF,GAAeG,EAAM,qBAAqB,EAElD,CAACC,EAAUC,CAAW,EAAIC,EAAS,EAAK,EAE9CC,EAAU,IAAK,CACTH,GACF,WAAW,IAAK,CACdC,EAAY,EAAK,CACnB,EAAG,IAAI,CAEX,EAAG,CAACD,CAAQ,CAAC,EAEb,MAAMI,EAAeC,EAAY,IAAK,CACpCR,EAAOH,CAAK,EACZO,EAAY,EAAI,CAClB,EAAG,CAACP,CAAK,CAAC,EAIV,OACEY,EAACC,EAAO,CAAA,MAHGZ,EAAaK,EAAoB,UAAT,OAAsB,OAGpC,QAAQ,OAAO,QAASI,EAAc,SAAWJ,EAAgB,GAAL,GAAO,SACtFM,EAACC,EAAO,YAAa,CAAA,SAACP,EAAuCM,EAACE,EAAa,CAAA,MAAOV,CAAS,CAAA,EAA1DQ,EAACG,EAAQ,CAAA,MAAOX,CAAS,CAAA,CAAiC,CAAA,CACpF,CAAA,CAEb,EAEAL,EAAW,YAAc"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"email-wbr.js","sources":["../../../../src/components/info/email-wbr.tsx"],"sourcesContent":["import { css } from '@styled/css';\n\nexport interface EmailWbrProps {\n email: string;\n}\n\nconst EmailWbr = ({ email }: EmailWbrProps) => {\n const emailSplit = email.split('@');\n return (\n <span className={css({ overflowWrap: 'break-word', wordBreak: 'break-word', fontWeight: 600 })}>\n {emailSplit[0]}\n <wbr />@{emailSplit[1]}\n </span>\n );\n};\n\nEmailWbr.displayName = 'EmailWbr';\n\nexport default EmailWbr;\n"],"names":["EmailWbr","email","emailSplit","_jsxs","css","_jsx"],"mappings":"oFAMMA,MAAAA,EAAW,CAAC,CAAE,MAAAC,CAAK,IAAqB,CAC5C,MAAMC,EAAaD,EAAM,MAAM,GAAG,EAClC,OACEE,EAAA,OAAA,CAAM,UAAWC,EAAI,CAAE,aAAc,aAAc,UAAW,aAAc,WAAY,GAAG,CAAE,EAAC,SAAA,CAC3FF,EAAW,CAAC,EACbG,EAAO,MAAA,CAAA,CAAA,EAAA,IAAEH,EAAW,CAAC,CAAC,CAAA,CAAA,CAG5B,EAEAF,EAAS,YAAc"}
@@ -0,0 +1,2 @@
1
+ import{jsxs as p,jsx as t}from"react/jsx-runtime";import m from"./copy-button.js";import"./email-wbr.js";import"./text-box.js";import"./wallet-address.js";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import l from"../primitives/text.js";import{HStack as o,Box as a}from"@styled/jsx";const i=({otp:r,color:e,onCopy:n})=>p(o,{bg:"neutral.quaternary",p:3,rounded:"lg",minWidth:"15rem",justifyContent:"space-around",alignItems:"center",width:"full",children:[t(o,{width:"40%",justifyContent:"space-around",children:t(l.Mono,{styles:{fontSize:"24px",lineHeight:"27px"},children:r})}),t(a,{borderLeft:"thin solid",borderColor:"neutral.tertiary",height:8}),t(o,{width:"40%",justifyContent:"space-around",children:t(m,{value:r,showText:!0,color:e,onCopy:n})})]});i.displayName="SecurityOtp";export{i as default};
2
+ //# sourceMappingURL=security-otp.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"security-otp.js","sources":["../../../../src/components/info/security-otp.tsx"],"sourcesContent":["import { CopyButton } from '@components/info';\nimport { Text } from '@components/primitives';\nimport { Box, HStack } from '@styled/jsx';\n\nexport interface SecurityOtpProps {\n otp: string | number;\n color: string;\n onCopy: (value: string) => void;\n}\n\nconst SecurityOtp = ({ otp, color, onCopy }: SecurityOtpProps) => {\n return (\n <HStack\n bg=\"neutral.quaternary\"\n p={3}\n rounded=\"lg\"\n minWidth=\"15rem\"\n justifyContent=\"space-around\"\n alignItems=\"center\"\n width=\"full\"\n >\n <HStack width=\"40%\" justifyContent=\"space-around\">\n <Text.Mono styles={{ fontSize: '24px', lineHeight: '27px' }}>{otp}</Text.Mono>\n </HStack>\n <Box borderLeft=\"thin solid\" borderColor=\"neutral.tertiary\" height={8} />\n <HStack width=\"40%\" justifyContent=\"space-around\">\n <CopyButton value={otp as string} showText={true} color={color} onCopy={onCopy} />\n </HStack>\n </HStack>\n );\n};\n\nSecurityOtp.displayName = 'SecurityOtp';\n\nexport default SecurityOtp;\n"],"names":["SecurityOtp","otp","color","onCopy","_jsxs","HStack","_jsx","Text","Box","CopyButton"],"mappings":"2bAUMA,MAAAA,EAAc,CAAC,CAAE,IAAAC,EAAK,MAAAC,EAAO,OAAAC,CAA0B,IAEzDC,EAACC,EACC,CAAA,GAAG,qBACH,EAAG,EACH,QAAQ,KACR,SAAS,QACT,eAAe,eACf,WAAW,SACX,MAAM,OAAM,SAAA,CAEZC,EAACD,GAAO,MAAM,MAAM,eAAe,eACjC,SAAAC,EAACC,EAAK,KAAI,CAAC,OAAQ,CAAE,SAAU,OAAQ,WAAY,MAAM,EAAK,SAAAN,CAAgB,CAAA,CAAA,CAAA,EAEhFK,EAACE,EAAI,CAAA,WAAW,aAAa,YAAY,mBAAmB,OAAQ,CAAC,CAAA,EACrEF,EAACD,EAAM,CAAC,MAAM,MAAM,eAAe,eACjC,SAAAC,EAACG,EAAU,CAAC,MAAOR,EAAe,SAAU,GAAM,MAAOC,EAAO,OAAQC,CAAU,CAAA,CAAA,CAAA,CAC3E,CACF,CAAA,EAIbH,EAAY,YAAc"}
@@ -0,0 +1,2 @@
1
+ import{jsxs as a,jsx as o,Fragment as x}from"react/jsx-runtime";import{token as t}from"@styled/tokens";import g from"../icons/ico-checkmark.js";import k from"../icons/ico-copy.js";import C from"../icons/ico-eye-closed.js";import y from"../icons/ico-eye-opened.js";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import N from"../primitives/text.js";import{css as c}from"@styled/css";import{HStack as m,Box as W}from"@styled/jsx";import{center as j}from"@styled/patterns";import{useState as h,useEffect as p,useCallback as v}from"react";const u=f=>{const{content:e,onCopy:i,showHideButton:r}=f,[l,n]=h(!!r),[s,d]=h(!1);p(()=>{if(s){const w=setTimeout(()=>{d(!1)},1500);return()=>clearTimeout(w)}},[s]),p(()=>{n(!!r)},[r]);const b=v(()=>{i&&(i(e),d(!0))},[e]);return a(m,{w:"full",px:4,py:3,rounded:10,bg:"surface.secondary",justifyContent:"space-between",position:"relative",children:[o(W,{textWrap:"nowrap",overflow:"hidden",filter:l?"blur(10px)":"",children:o("p",{className:c({overflow:"hidden",textOverflow:"ellipsis",color:"text.primary"}),children:e})}),l&&a("button",{className:j({position:"absolute",width:"full",height:"full",left:0,gap:2,cursor:"pointer",rounded:10,outlineColor:"brand.base",outlineWidth:"thick",outlineOffset:.5}),onClick:()=>n(!1),"aria-label":"show",children:[o(N,{size:"sm",styles:{fontWeight:600,color:t("colors.brand.base")},children:"Show"}),o(y,{width:20,height:20,color:t("colors.brand.base")})]}),a(m,{children:[r&&!l&&o("button",{className:c({cursor:"pointer",outlineColor:"brand.base",outlineWidth:"thick",outlineOffset:.5}),onClick:()=>n(!0),"aria-label":"hide",children:o(C,{width:20,height:20,color:t("colors.brand.base")})}),i&&o(x,{children:s?o(g,{width:20,height:20,color:t("colors.brand.base")}):o("button",{className:c({cursor:"pointer",outlineColor:"brand.base",outlineWidth:"thick",outlineOffset:.5,zIndex:10}),onClick:b,"aria-label":"copy",children:o(k,{width:20,height:20,color:t("colors.brand.base")})})})]})]})};u.displayName="TextBox";export{u as default};
2
+ //# sourceMappingURL=text-box.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text-box.js","sources":["../../../../src/components/info/text-box.tsx"],"sourcesContent":["import { IcoCheckmark, IcoCopy, IcoEyeClosed, IcoEyeOpened } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, HStack } from '@styled/jsx';\nimport { center } from '@styled/patterns';\nimport { token } from '@styled/tokens';\nimport { useCallback, useEffect, useState } from 'react';\n\nexport interface TextBoxProps {\n content: string;\n onCopy?: (content: string) => void;\n showHideButton?: boolean;\n}\n\nconst TextBox = (props: TextBoxProps) => {\n const { content, onCopy, showHideButton } = props;\n const [isHidden, setIsHidden] = useState(Boolean(showHideButton));\n const [isCopied, setIsCopied] = useState(false);\n\n useEffect(() => {\n if (isCopied) {\n const timeoutId = setTimeout(() => {\n setIsCopied(false);\n }, 1500);\n\n return () => clearTimeout(timeoutId);\n }\n }, [isCopied]);\n\n useEffect(() => {\n if (showHideButton) {\n setIsHidden(true);\n } else {\n setIsHidden(false);\n }\n }, [showHideButton]);\n\n const handleOnCopy = useCallback(() => {\n if (!onCopy) return;\n onCopy(content);\n setIsCopied(true);\n }, [content]);\n\n return (\n <HStack\n w=\"full\"\n px={4}\n py={3}\n rounded={10}\n bg=\"surface.secondary\"\n justifyContent=\"space-between\"\n position=\"relative\"\n >\n <Box textWrap=\"nowrap\" overflow=\"hidden\" filter={isHidden ? 'blur(10px)' : ''}>\n <p className={css({ overflow: 'hidden', textOverflow: 'ellipsis', color: 'text.primary' })}>{content}</p>\n </Box>\n\n {isHidden && (\n <button\n className={center({\n position: 'absolute',\n width: 'full',\n height: 'full',\n left: 0,\n gap: 2,\n cursor: 'pointer',\n rounded: 10,\n outlineColor: 'brand.base',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n })}\n onClick={() => setIsHidden(false)}\n aria-label=\"show\"\n >\n <Text size=\"sm\" styles={{ fontWeight: 600, color: token('colors.brand.base') }}>\n Show\n </Text>\n <IcoEyeOpened width={20} height={20} color={token('colors.brand.base')} />\n </button>\n )}\n\n <HStack>\n {showHideButton && !isHidden && (\n <button\n className={css({\n cursor: 'pointer',\n outlineColor: 'brand.base',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n })}\n onClick={() => setIsHidden(true)}\n aria-label=\"hide\"\n >\n <IcoEyeClosed width={20} height={20} color={token('colors.brand.base')} />\n </button>\n )}\n {onCopy && (\n <>\n {isCopied ? (\n <IcoCheckmark width={20} height={20} color={token('colors.brand.base')} />\n ) : (\n <button\n className={css({\n cursor: 'pointer',\n outlineColor: 'brand.base',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n zIndex: 10,\n })}\n onClick={handleOnCopy}\n aria-label=\"copy\"\n >\n <IcoCopy width={20} height={20} color={token('colors.brand.base')} />\n </button>\n )}\n </>\n )}\n </HStack>\n </HStack>\n );\n};\n\nTextBox.displayName = 'TextBox';\n\nexport default TextBox;\n"],"names":["TextBox","props","content","onCopy","showHideButton","isHidden","setIsHidden","useState","isCopied","setIsCopied","useEffect","timeoutId","handleOnCopy","useCallback","_jsxs","HStack","_jsx","Box","css","center","Text","token","IcoEyeOpened","IcoEyeClosed","_Fragment","IcoCheckmark","IcoCopy"],"mappings":"2rBAcMA,EAAWC,GAAuB,CACtC,KAAM,CAAE,QAAAC,EAAS,OAAAC,EAAQ,eAAAC,CAAc,EAAKH,EACtC,CAACI,EAAUC,CAAW,EAAIC,EAAS,CAAQH,CAAAA,CAAe,EAC1D,CAACI,EAAUC,CAAW,EAAIF,EAAS,EAAK,EAE9CG,EAAU,IAAK,CACb,GAAIF,EAAU,CACZ,MAAMG,EAAY,WAAW,IAAK,CAChCF,EAAY,EAAK,CACnB,EAAG,IAAI,EAEP,MAAO,IAAM,aAAaE,CAAS,CACrC,CACF,EAAG,CAACH,CAAQ,CAAC,EAEbE,EAAU,IAAK,CAEXJ,EADE,CAAA,CAAAF,CACc,CAIpB,EAAG,CAACA,CAAc,CAAC,EAEnB,MAAMQ,EAAeC,EAAY,IAAK,CAC/BV,IACLA,EAAOD,CAAO,EACdO,EAAY,EAAI,EAClB,EAAG,CAACP,CAAO,CAAC,EAEZ,OACEY,EAACC,GACC,EAAE,OACF,GAAI,EACJ,GAAI,EACJ,QAAS,GACT,GAAG,oBACH,eAAe,gBACf,SAAS,qBAETC,EAACC,GAAI,SAAS,SAAS,SAAS,SAAS,OAAQZ,EAAW,aAAe,GACzE,SAAAW,EAAA,IAAA,CAAG,UAAWE,EAAI,CAAE,SAAU,SAAU,aAAc,WAAY,MAAO,cAAc,CAAE,EAAI,SAAAhB,GACzF,CAAA,EAELG,GACCS,YACE,UAAWK,EAAO,CAChB,SAAU,WACV,MAAO,OACP,OAAQ,OACR,KAAM,EACN,IAAK,EACL,OAAQ,UACR,QAAS,GACT,aAAc,aACd,aAAc,QACd,cAAe,EAChB,CAAA,EACD,QAAS,IAAMb,EAAY,EAAK,EAAC,aACtB,OAAM,SAAA,CAEjBU,EAACI,EAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,WAAY,IAAK,MAAOC,EAAM,mBAAmB,CAAG,EAAA,SAAA,MAAA,CAAA,EAG9EL,EAACM,EAAY,CAAC,MAAO,GAAI,OAAQ,GAAI,MAAOD,EAAM,mBAAmB,CAAK,CAAA,CAAA,CAAA,CAAA,EAI9EP,EAACC,aACEX,GAAkB,CAACC,GAClBW,EAAA,SAAA,CACE,UAAWE,EAAI,CACb,OAAQ,UACR,aAAc,aACd,aAAc,QACd,cAAe,EAChB,CAAA,EACD,QAAS,IAAMZ,EAAY,EAAI,EAAC,aACrB,OAAM,SAEjBU,EAACO,EAAY,CAAC,MAAO,GAAI,OAAQ,GAAI,MAAOF,EAAM,mBAAmB,CAAK,CAAA,CAAA,CAAA,EAG7ElB,GACCa,EACGQ,EAAA,CAAA,SAAAhB,EACCQ,EAACS,EAAY,CAAC,MAAO,GAAI,OAAQ,GAAI,MAAOJ,EAAM,mBAAmB,CAAK,CAAA,EAE1EL,EAAA,SAAA,CACE,UAAWE,EAAI,CACb,OAAQ,UACR,aAAc,aACd,aAAc,QACd,cAAe,GACf,OAAQ,EACT,CAAA,EACD,QAASN,eACE,OAAM,SAEjBI,EAACU,EAAQ,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAOL,EAAM,mBAAmB,CAAC,CAAA,CAC1D,CAAA,CAEV,CAAA,CACJ,CACM,CAAA,CAAA,CAAA,CAAA,CAGf,EAEArB,EAAQ,YAAc"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"wallet-address.js","sources":["../../../../src/components/info/wallet-address.tsx"],"sourcesContent":["import { css } from '@styled/css';\nimport { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing } from 'react-aria';\n\nexport interface WalletAddressProps extends AriaButtonProps {\n address: string;\n onCopy: (address: string) => void;\n}\n\nconst WalletAddress = forwardRef<HTMLButtonElement, WalletAddressProps>((props, forwardedRef) => {\n const { address, onCopy } = props;\n const [isCopied, setIsCopied] = useState(false);\n const truncatedAddress = `${address.slice(0, 6)}...${address?.slice(-4)}`;\n\n const internalRef = useRef(null);\n const ref = forwardedRef || internalRef;\n\n const handleOnCopy = useCallback(() => {\n onCopy(address);\n setIsCopied(true);\n }, [address]);\n\n const { buttonProps } = useButton({ ...props, onPress: handleOnCopy }, ref as React.RefObject<HTMLButtonElement>);\n const { isFocusVisible, focusProps } = useFocusRing();\n\n useEffect(() => {\n if (isCopied) {\n const timeoutId = setTimeout(() => {\n setIsCopied(false);\n }, 1500);\n\n return () => clearTimeout(timeoutId);\n }\n }, [isCopied]);\n\n return (\n <button\n ref={ref}\n {...mergeProps(buttonProps, focusProps)}\n className={css({\n fontSize: 'md',\n color: isCopied ? 'positive.darker' : 'text.tertiary',\n fontWeight: isCopied ? 'medium' : 'normal',\n rounded: 'button',\n outlineColor: 'brand.base',\n outlineStyle: isFocusVisible ? 'solid' : 'none',\n outlineWidth: 'thick',\n outlineOffset: 1,\n cursor: 'pointer',\n fontVariant: 'no-contextual',\n })}\n >\n {isCopied ? 'Copied!' : truncatedAddress}\n </button>\n );\n});\n\nWalletAddress.displayName = 'WalletAddress';\n\nexport default WalletAddress;\n"],"names":["WalletAddress","forwardRef","props","forwardedRef","address","onCopy","isCopied","setIsCopied","useState","truncatedAddress","internalRef","useRef","ref","handleOnCopy","useCallback","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","useEffect","timeoutId","_jsx","mergeProps","css"],"mappings":"sPASMA,EAAgBC,EAAkD,CAACC,EAAOC,IAAgB,CAC9F,KAAM,CAAE,QAAAC,EAAS,OAAAC,CAAQ,EAAGH,EACtB,CAACI,EAAUC,CAAW,EAAIC,EAAS,EAAK,EACxCC,EAAmB,GAAGL,EAAQ,MAAM,EAAG,CAAC,CAAC,MAAMA,GAAS,MAAM,EAAE,CAAC,GAEjEM,EAAcC,EAAO,IAAI,EACzBC,EAAMT,GAAgBO,EAEtBG,EAAeC,EAAY,IAAK,CACpCT,EAAOD,CAAO,EACdG,EAAY,EAAI,CAClB,EAAG,CAACH,CAAO,CAAC,EAEN,CAAE,YAAAW,CAAW,EAAKC,EAAU,CAAE,GAAGd,EAAO,QAASW,GAAgBD,CAAyC,EAC1G,CAAE,eAAAK,EAAgB,WAAAC,GAAeC,IAEvC,OAAAC,EAAU,IAAK,CACb,GAAId,EAAU,CACZ,MAAMe,EAAY,WAAW,IAAK,CAChCd,EAAY,EAAK,CACnB,EAAG,IAAI,EAEP,MAAO,IAAM,aAAac,CAAS,CACrC,CACF,EAAG,CAACf,CAAQ,CAAC,EAGXgB,EACE,SAAA,CAAA,IAAKV,KACDW,EAAWR,EAAaG,CAAU,EACtC,UAAWM,EAAI,CACb,SAAU,KACV,MAAOlB,EAAW,kBAAoB,gBACtC,WAAYA,EAAW,SAAW,SAClC,QAAS,SACT,aAAc,aACd,aAAcW,EAAiB,QAAU,OACzC,aAAc,QACd,cAAe,EACf,OAAQ,UACR,YAAa,eACd,CAAA,EAEA,SAAAX,EAAW,UAAYG,CACjB,CAAA,CAEb,CAAC,EAEDT,EAAc,YAAc"}
package/dist/es/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import{Content as r}from"./components/containers/content.js";import{Drawer as t}from"./components/containers/drawer.js";import{Footer as l}from"./components/containers/footer.js";import{Header as m}from"./components/containers/header.js";import{Modal as d}from"./components/containers/modal.js";import{Overlay as x}from"./components/containers/overlay.js";import{PayPalButton as n}from"./components/external/paypal-button.js";import{SocialLoginButton as g}from"./components/external/social-login-button.js";import{Callout as I}from"./components/feedback/callout.js";import{LoadingSpinner as k}from"./components/feedback/loading-spinner.js";import{Toast as F,ToastProvider as C}from"./components/feedback/toast-provider.js";import{default as h}from"./components/feedback/tooltip.js";import{default as A}from"./components/icons/ico-add.js";import{default as S}from"./components/icons/ico-alert-circle-fill.js";import{default as W}from"./components/icons/ico-alert-circle.js";import{default as E}from"./components/icons/ico-arrow-down.js";import{default as G}from"./components/icons/ico-arrow-left.js";import{default as O}from"./components/icons/ico-arrow-right.js";import{default as H}from"./components/icons/ico-asterisk.js";import{default as N}from"./components/icons/ico-astronaut.js";import{default as X}from"./components/icons/ico-bank.js";import{default as Q}from"./components/icons/ico-bell-notification.js";import{default as V}from"./components/icons/ico-bell.js";import{default as J}from"./components/icons/ico-branding.js";import{default as Y}from"./components/icons/ico-caret-down.js";import{default as $}from"./components/icons/ico-caret-left.js";import{default as eo}from"./components/icons/ico-caret-right.js";import{default as ao}from"./components/icons/ico-caret-up.js";import{default as fo}from"./components/icons/ico-checkmark-circle-fill.js";import{default as so}from"./components/icons/ico-checkmark-circle.js";import{default as po}from"./components/icons/ico-checkmark.js";import{default as xo}from"./components/icons/ico-code-editor.js";import{default as no}from"./components/icons/ico-code-sandbox.js";import{default as go}from"./components/icons/ico-code.js";import{default as Io}from"./components/icons/ico-command-line.js";import{default as ko}from"./components/icons/ico-comment.js";import{default as Fo}from"./components/icons/ico-copy.js";import{default as wo}from"./components/icons/ico-credit-card.js";import{default as Po}from"./components/icons/ico-diamond.js";import{default as bo}from"./components/icons/ico-dismiss-circle-fill.js";import{default as yo}from"./components/icons/ico-dismiss-circle.js";import{default as To}from"./components/icons/ico-dismiss.js";import{default as Do}from"./components/icons/ico-doc.js";import{default as Ro}from"./components/icons/ico-download.js";import{default as vo}from"./components/icons/ico-edit-email.js";import{default as Zo}from"./components/icons/ico-edit.js";import{default as zo}from"./components/icons/ico-email-fill.js";import{default as jo}from"./components/icons/ico-email-open.js";import{default as Uo}from"./components/icons/ico-email.js";import{default as qo}from"./components/icons/ico-expiration.js";import{default as Ko}from"./components/icons/ico-external-link.js";import{default as _o}from"./components/icons/ico-eye-closed.js";import{default as oe}from"./components/icons/ico-eye-opened.js";import{default as re}from"./components/icons/ico-fingerprint-fill.js";import{default as te}from"./components/icons/ico-fingerprint.js";import{default as le}from"./components/icons/ico-gas.js";import{default as me}from"./components/icons/ico-gift.js";import{default as de}from"./components/icons/ico-globe.js";import{default as xe}from"./components/icons/ico-guide.js";import{default as ne}from"./components/icons/ico-home.js";import{default as ge}from"./components/icons/ico-hourglass.js";import{default as Ie}from"./components/icons/ico-info-circle-fill.js";import{default as ke}from"./components/icons/ico-info-circle.js";import{default as Fe}from"./components/icons/ico-key.js";import{default as we}from"./components/icons/ico-lightbulb-fill.js";import{default as Pe}from"./components/icons/ico-lightbulb.js";import{default as be}from"./components/icons/ico-lightning-fill.js";import{default as ye}from"./components/icons/ico-lightning.js";import{default as Te}from"./components/icons/ico-link.js";import{default as De}from"./components/icons/ico-loading.js";import{default as Re}from"./components/icons/ico-lock-locked.js";import{default as ve}from"./components/icons/ico-lock-password.js";import{default as Ze}from"./components/icons/ico-lock-unlocked.js";import{default as ze}from"./components/icons/ico-login-form.js";import{default as je}from"./components/icons/ico-magic.js";import{default as Ue}from"./components/icons/ico-menu.js";import{default as qe}from"./components/icons/ico-message-fill.js";import{default as Ke}from"./components/icons/ico-message.js";import{default as _e}from"./components/icons/ico-mfa.js";import{default as or}from"./components/icons/ico-mobile2fa.js";import{default as rr}from"./components/icons/ico-mobile2fafill.js";import{default as tr}from"./components/icons/ico-paper-plane.js";import{default as lr}from"./components/icons/ico-passwordless.js";import{default as mr}from"./components/icons/ico-pending-connection.js";import{default as dr}from"./components/icons/ico-phone.js";import{default as xr}from"./components/icons/ico-price.js";import{default as nr}from"./components/icons/ico-qrcode.js";import{default as gr}from"./components/icons/ico-question-circle-fill.js";import{default as Ir}from"./components/icons/ico-question-circle.js";import{default as kr}from"./components/icons/ico-refresh-circle-fill.js";import{default as Fr}from"./components/icons/ico-refresh.js";import{default as wr}from"./components/icons/ico-rocket-fill.js";import{default as Pr}from"./components/icons/ico-search.js";import{default as br}from"./components/icons/ico-settings.js";import{default as yr}from"./components/icons/ico-shield-approved.js";import{default as Tr}from"./components/icons/ico-shield-rejected.js";import{default as Dr}from"./components/icons/ico-shield.js";import{default as Rr}from"./components/icons/ico-social.js";import{default as vr}from"./components/icons/ico-sold-out-tag.js";import{default as Zr}from"./components/icons/ico-star.js";import{default as zr}from"./components/icons/ico-swap.js";import{default as jr}from"./components/icons/ico-swatches.js";import{default as Ur}from"./components/icons/ico-team.js";import{default as qr}from"./components/icons/ico-users.js";import{default as Kr}from"./components/icons/ico-wallet-fill.js";import{default as _r}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 ta}from"./components/icons/ico-warning.js";import{default as la}from"./components/icons/ico-widget-ui.js";import{DropdownOption as ma,DropdownSelector as pa}from"./components/inputs/dropdown-selector.js";import{default as ua}from"./components/inputs/phone-input.js";import{PinCodeInput as ca}from"./components/inputs/pincode-input.js";import{TextInput as ia}from"./components/inputs/text-input.js";import{Dialogue as La}from"./components/layouts/dialogue.js";import{Error as Ma}from"./components/layouts/error.js";import{Page as Ba}from"./components/layouts/page.js";import{default as Ca}from"./components/list-items/navigation-button.js";import{NFTTile as ha}from"./components/list-items/nft-tile.js";import{TokenListItem as Aa}from"./components/list-items/token-list-item.js";import{default as Sa}from"./components/logos/blc-algorand.js";import{default as Wa}from"./components/logos/blc-aptos.js";import{default as Ea}from"./components/logos/blc-arbitrum.js";import{default as Ga}from"./components/logos/blc-astar.js";import{default as Oa}from"./components/logos/blc-avalanche.js";import{default as Ha}from"./components/logos/blc-base.js";import{default as Na}from"./components/logos/blc-berachain.js";import{default as Xa}from"./components/logos/blc-binance.js";import{default as Qa}from"./components/logos/blc-bitcoin.js";import{default as Va}from"./components/logos/blc-celo.js";import{default as Ja}from"./components/logos/blc-chiliz.js";import{default as Ya}from"./components/logos/blc-cosmos.js";import{default as $a}from"./components/logos/blc-ethereum.js";import{default as et}from"./components/logos/blc-etherlink.js";import{default as at}from"./components/logos/blc-flow.js";import{default as ft}from"./components/logos/blc-harmony.js";import{default as st}from"./components/logos/blc-icon.js";import{default as pt}from"./components/logos/blc-immutable-x.js";import{default as ut}from"./components/logos/blc-loopring.js";import{default as ct}from"./components/logos/blc-moonbeam.js";import{default as it}from"./components/logos/blc-near.js";import{default as Lt}from"./components/logos/blc-optimism.js";import{default as Mt}from"./components/logos/blc-polkadot.js";import{default as Bt}from"./components/logos/blc-polygon.js";import{default as Ct}from"./components/logos/blc-rarichain.js";import{default as ht}from"./components/logos/blc-solana.js";import{default as At}from"./components/logos/blc-stability.js";import{default as St}from"./components/logos/blc-sui.js";import{default as Wt}from"./components/logos/blc-tezos.js";import{default as Et}from"./components/logos/blc-wax.js";import{default as Gt}from"./components/logos/blc-zetachain.js";import{default as Ot}from"./components/logos/blc-zilliqa.js";import{default as Ht}from"./components/logos/blc-zksync.js";import{default as Nt}from"./components/logos/fwk-11ty.js";import{default as Xt}from"./components/logos/fwk-android.js";import{default as Qt}from"./components/logos/fwk-apple.js";import{default as Vt}from"./components/logos/fwk-authy.js";import{default as Jt}from"./components/logos/fwk-binance-fill.js";import{default as Yt}from"./components/logos/fwk-chrome.js";import{default as $t}from"./components/logos/fwk-electron.js";import{default as ef}from"./components/logos/fwk-express.js";import{default as af}from"./components/logos/fwk-fauna.js";import{default as ff}from"./components/logos/fwk-firebase.js";import{default as sf}from"./components/logos/fwk-go.js";import{default as pf}from"./components/logos/fwk-google-authenticator.js";import{default as uf}from"./components/logos/fwk-hasura.js";import{default as cf}from"./components/logos/fwk-javascript.js";import{default as gf}from"./components/logos/fwk-jwt.js";import{default as If}from"./components/logos/fwk-laravel.js";import{default as kf}from"./components/logos/fwk-nextjs.js";import{default as Ff}from"./components/logos/fwk-nodejs.js";import{default as wf}from"./components/logos/fwk-nuxtjs.js";import{default as Pf}from"./components/logos/fwk-php.js";import{default as bf}from"./components/logos/fwk-react.js";import{default as yf}from"./components/logos/fwk-strapi.js";import{default as Tf}from"./components/logos/fwk-stripe.js";import{default as Df}from"./components/logos/fwk-vue.js";import{default as Rf}from"./components/logos/fwk-webflow.js";import{default as vf}from"./components/logos/fwk-wordpress.js";import{default as Zf}from"./components/logos/fwk-zapier.js";import{default as zf}from"./components/logos/icon-art-dark.js";import{default as jf}from"./components/logos/icon-art.js";import{default as Uf}from"./components/logos/icon-game-controller-dark.js";import{default as qf}from"./components/logos/icon-game-controller.js";import{default as Kf}from"./components/logos/icon-generic-token.js";import{default as _f}from"./components/logos/icon-magic-logo.js";import{default as ol}from"./components/logos/icon-music-dark.js";import{default as rl}from"./components/logos/icon-music.js";import{default as tl}from"./components/logos/icon-profile-dark.js";import{default as ll}from"./components/logos/icon-profile-light.js";import{default as ml}from"./components/logos/icon-ticket-dark.js";import{default as dl}from"./components/logos/icon-ticket.js";import{default as xl}from"./components/logos/logo-algorand-mono.js";import{default as nl}from"./components/logos/logo-algorand.js";import{default as gl}from"./components/logos/logo-apple-mono.js";import{default as Il}from"./components/logos/logo-apple.js";import{default as kl}from"./components/logos/logo-aptos-mono.js";import{default as Fl}from"./components/logos/logo-aptos.js";import{default as wl}from"./components/logos/logo-arbitrum-mono.js";import{default as Pl}from"./components/logos/logo-arbitrum-one-mono.js";import{default as bl}from"./components/logos/logo-arbitrum-one.js";import{default as yl}from"./components/logos/logo-arbitrum.js";import{default as Tl}from"./components/logos/logo-astar-mono.js";import{default as Dl}from"./components/logos/logo-astar.js";import{default as Rl}from"./components/logos/logo-avalanche-mono.js";import{default as vl}from"./components/logos/logo-avalanche.js";import{default as Zl}from"./components/logos/logo-base-mono.js";import{default as zl}from"./components/logos/logo-base.js";import{default as jl}from"./components/logos/logo-berachain-mono.js";import{default as Ul}from"./components/logos/logo-berachain.js";import{default as ql}from"./components/logos/logo-binance-mono.js";import{default as Kl}from"./components/logos/logo-binance.js";import{default as _l}from"./components/logos/logo-bit-bucket-mono.js";import{default as os}from"./components/logos/logo-bit-bucket.js";import{default as rs}from"./components/logos/logo-bitcoin-mono.js";import{default as ts}from"./components/logos/logo-bitcoin.js";import{default as ls}from"./components/logos/logo-bnb-mono.js";import{default as ms}from"./components/logos/logo-bnb.js";import{default as ds}from"./components/logos/logo-celo-mono.js";import{default as xs}from"./components/logos/logo-celo.js";import{default as ns}from"./components/logos/logo-chiliz-mono.js";import{default as gs}from"./components/logos/logo-chiliz.js";import{default as Is}from"./components/logos/logo-cosmos-mono.js";import{default as ks}from"./components/logos/logo-cosmos.js";import{default as Fs}from"./components/logos/logo-discord-mono.js";import{default as ws}from"./components/logos/logo-discord.js";import{default as Ps}from"./components/logos/logo-ethereum-mono.js";import{default as bs}from"./components/logos/logo-ethereum.js";import{default as ys}from"./components/logos/logo-etherlink-mono.js";import{default as Ts}from"./components/logos/logo-etherlink.js";import{default as Ds}from"./components/logos/logo-facebook-mono.js";import{default as Rs}from"./components/logos/logo-facebook.js";import{default as vs}from"./components/logos/logo-flare-mono.js";import{default as Zs}from"./components/logos/logo-flare.js";import{default as zs}from"./components/logos/logo-flow-mono.js";import{default as js}from"./components/logos/logo-flow.js";import{default as Us}from"./components/logos/logo-git-hub-mono.js";import{default as qs}from"./components/logos/logo-git-hub.js";import{default as Ks}from"./components/logos/logo-git-lab-mono.js";import{default as _s}from"./components/logos/logo-git-lab.js";import{default as om}from"./components/logos/logo-google-mono.js";import{default as rm}from"./components/logos/logo-google.js";import{default as tm}from"./components/logos/logo-harmony-mono.js";import{default as lm}from"./components/logos/logo-harmony.js";import{default as mm}from"./components/logos/logo-horizen-mono.js";import{default as dm}from"./components/logos/logo-horizen.js";import{default as xm}from"./components/logos/logo-icon-mono.js";import{default as nm}from"./components/logos/logo-icon.js";import{default as gm}from"./components/logos/logo-immutable-x-mono.js";import{default as Im}from"./components/logos/logo-immutable-x.js";import{default as km}from"./components/logos/logo-link-by-stripe-mono.js";import{default as Fm}from"./components/logos/logo-link-by-stripe.js";import{default as wm}from"./components/logos/logo-link-mono.js";import{default as Pm}from"./components/logos/logo-link.js";import{default as bm}from"./components/logos/logo-linked-in-mono.js";import{default as ym}from"./components/logos/logo-linked-in.js";import{default as Tm}from"./components/logos/logo-loopring-mono.js";import{default as Dm}from"./components/logos/logo-loopring.js";import{default as Rm}from"./components/logos/logo-microsoft-mono.js";import{default as vm}from"./components/logos/logo-microsoft.js";import{default as Zm}from"./components/logos/logo-moonbeam-mono.js";import{default as zm}from"./components/logos/logo-moonbeam.js";import{default as jm}from"./components/logos/logo-near-mono.js";import{default as Um}from"./components/logos/logo-near.js";import{default as qm}from"./components/logos/logo-onramper-mono.js";import{default as Km}from"./components/logos/logo-onramper.js";import{default as _m}from"./components/logos/logo-optimism-mono.js";import{default as op}from"./components/logos/logo-optimism.js";import{default as rp}from"./components/logos/logo-pay-pal-mono.js";import{default as tp}from"./components/logos/logo-pay-pal-wordmark-mono.js";import{default as lp}from"./components/logos/logo-pay-pal-wordmark.js";import{default as mp}from"./components/logos/logo-pay-pal.js";import{default as dp}from"./components/logos/logo-poa-mono.js";import{default as xp}from"./components/logos/logo-poa.js";import{default as np}from"./components/logos/logo-polkadot-mono.js";import{default as gp}from"./components/logos/logo-polkadot.js";import{default as Ip}from"./components/logos/logo-polygon-mono.js";import{default as kp}from"./components/logos/logo-polygon.js";import{default as Fp}from"./components/logos/logo-rarichain-mono.js";import{default as wp}from"./components/logos/logo-rarichain.js";import{default as Pp}from"./components/logos/logo-sardine-mono.js";import{default as bp}from"./components/logos/logo-sardine.js";import{default as yp}from"./components/logos/logo-sei-mono.js";import{default as Tp}from"./components/logos/logo-sei.js";import{default as Dp}from"./components/logos/logo-solana-mono.js";import{default as Rp}from"./components/logos/logo-solana.js";import{default as vp}from"./components/logos/logo-stability-mono.js";import{default as Zp}from"./components/logos/logo-stability.js";import{default as zp}from"./components/logos/logo-sui-mono.js";import{default as jp}from"./components/logos/logo-sui.js";import{default as Up}from"./components/logos/logo-tezos-mono.js";import{default as qp}from"./components/logos/logo-tezos.js";import{default as Kp}from"./components/logos/logo-twitch-mono.js";import{default as _p}from"./components/logos/logo-twitch.js";import{default as od}from"./components/logos/logo-twitter-mono.js";import{default as rd}from"./components/logos/logo-twitter.js";import{default as td}from"./components/logos/logo-wallet-connect-mono.js";import{default as ld}from"./components/logos/logo-wallet-connect.js";import{default as md}from"./components/logos/logo-warpcast-mono.js";import{default as dd}from"./components/logos/logo-warpcast.js";import{default as xd}from"./components/logos/logo-wax-mono.js";import{default as nd}from"./components/logos/logo-wax.js";import{default as gd}from"./components/logos/logo-xdc-mono.js";import{default as Id}from"./components/logos/logo-xdc.js";import{default as kd}from"./components/logos/logo-zetachain-mono.js";import{default as Fd}from"./components/logos/logo-zetachain.js";import{default as wd}from"./components/logos/logo-zilliqa-mono.js";import{default as Pd}from"./components/logos/logo-zilliqa.js";import{default as bd}from"./components/logos/logo-zksync-mono.js";import{default as yd}from"./components/logos/logo-zksync.js";import{default as Td}from"./components/logos/pay-amex.js";import{default as Dd}from"./components/logos/pay-discover.js";import{default as Rd}from"./components/logos/pay-mastercard.js";import{default as vd}from"./components/logos/pay-visa.js";import{default as Zd}from"./components/logos/presentation-logo.js";import{default as zd}from"./components/logos/wlt-coinbase.js";import{default as jd}from"./components/logos/wlt-mattel.js";import{default as Ud}from"./components/logos/wlt-metamask.js";import{default as qd}from"./components/logos/wlt-phantom.js";import{default as Kd}from"./components/logos/wlt-rainbow.js";import{default as _d}from"./components/logos/wlt-wallet-connect.js";import{default as ou}from"./components/primitives/button.js";import{default as ru}from"./components/primitives/checkbox.js";import{Popover as tu}from"./components/primitives/popover.js";import{Radio as lu,RadioGroup as su}from"./components/primitives/radio.js";import{SegmentedControl as pu,Tab as du}from"./components/primitives/segmented-control.js";import{default as xu}from"./components/primitives/switch.js";import{default as nu}from"./components/primitives/text.js";import{VerifyPincode as gu}from"./components/sections/verify-pincode.js";import{default as Iu}from"./components/utils/animate.js";import{ClientAssetLogo as ku}from"./components/utils/client-asset-logo.js";import{default as Fu}from"./components/utils/copy-button.js";import{default as wu}from"./components/utils/email-wbr.js";import{default as Pu}from"./components/utils/qr-code.js";import{default as bu}from"./components/utils/secured-by-magic.js";import{default as yu}from"./components/utils/security-otp.js";import{default as Tu}from"./components/utils/shared-logo.js";import{default as Du}from"./components/utils/wallet-address.js";import{useCustomVars as Ru}from"./hooks/theme.js";import{useToast as vu}from"./hooks/useToast.js";export{Iu as Animate,Sa as BlcAlgorand,Wa as BlcAptos,Ea as BlcArbitrum,Ga as BlcAstar,Oa as BlcAvalanche,Ha as BlcBase,Na as BlcBerachain,Xa as BlcBinance,Qa as BlcBitcoin,Va as BlcCelo,Ja as BlcChiliz,Ya as BlcCosmos,$a as BlcEthereum,et as BlcEtherlink,at as BlcFlow,ft as BlcHarmony,st as BlcIcon,pt as BlcImmutableX,ut as BlcLoopring,ct as BlcMoonbeam,it as BlcNear,Lt as BlcOptimism,Mt as BlcPolkadot,Bt as BlcPolygon,Ct as BlcRarichain,ht as BlcSolana,At as BlcStability,St as BlcSui,Wt as BlcTezos,Et as BlcWax,Gt as BlcZetachain,Ot as BlcZilliqa,Ht as BlcZksync,ou as Button,I as Callout,ru as Checkbox,ku as ClientAssetLogo,r as Content,Fu as CopyButton,La as Dialogue,t as Drawer,ma as DropdownOption,pa as DropdownSelector,wu as EmailWbr,Ma as Error,l as Footer,Nt as Fwk11ty,Xt as FwkAndroid,Qt as FwkApple,Vt as FwkAuthy,Jt as FwkBinanceFill,Yt as FwkChrome,$t as FwkElectron,ef as FwkExpress,af as FwkFauna,ff as FwkFirebase,sf as FwkGo,pf as FwkGoogleAuthenticator,uf as FwkHasura,cf as FwkJavascript,gf as FwkJwt,If as FwkLaravel,kf as FwkNextjs,Ff as FwkNodejs,wf as FwkNuxtjs,Pf as FwkPhp,bf as FwkReact,yf as FwkStrapi,Tf as FwkStripe,Df as FwkVue,Rf as FwkWebflow,vf as FwkWordpress,Zf as FwkZapier,m as Header,A as IcoAdd,W as IcoAlertCircle,S as IcoAlertCircleFill,E as IcoArrowDown,G as IcoArrowLeft,O as IcoArrowRight,H as IcoAsterisk,N as IcoAstronaut,X as IcoBank,V as IcoBell,Q as IcoBellNotification,J as IcoBranding,Y as IcoCaretDown,$ as IcoCaretLeft,eo as IcoCaretRight,ao as IcoCaretUp,po as IcoCheckmark,so as IcoCheckmarkCircle,fo as IcoCheckmarkCircleFill,go as IcoCode,xo as IcoCodeEditor,no as IcoCodeSandbox,Io as IcoCommandLine,ko as IcoComment,Fo as IcoCopy,wo as IcoCreditCard,Po as IcoDiamond,To as IcoDismiss,yo as IcoDismissCircle,bo as IcoDismissCircleFill,Do as IcoDoc,Ro as IcoDownload,Zo as IcoEdit,vo as IcoEditEmail,Uo as IcoEmail,zo as IcoEmailFill,jo as IcoEmailOpen,qo as IcoExpiration,Ko as IcoExternalLink,_o as IcoEyeClosed,oe as IcoEyeOpened,te as IcoFingerprint,re as IcoFingerprintFill,le as IcoGas,me as IcoGift,de as IcoGlobe,xe as IcoGuide,ne as IcoHome,ge as IcoHourglass,ke as IcoInfoCircle,Ie as IcoInfoCircleFill,Fe as IcoKey,Pe as IcoLightbulb,we as IcoLightbulbFill,ye as IcoLightning,be as IcoLightningFill,Te as IcoLink,De as IcoLoading,Re as IcoLockLocked,ve as IcoLockPassword,Ze as IcoLockUnlocked,ze as IcoLoginForm,je as IcoMagic,Ue as IcoMenu,Ke as IcoMessage,qe as IcoMessageFill,_e as IcoMfa,or as IcoMobile2fa,rr as IcoMobile2fafill,tr as IcoPaperPlane,lr as IcoPasswordless,mr as IcoPendingConnection,dr as IcoPhone,xr as IcoPrice,nr as IcoQrcode,Ir as IcoQuestionCircle,gr as IcoQuestionCircleFill,Fr as IcoRefresh,kr as IcoRefreshCircleFill,wr as IcoRocketFill,Pr as IcoSearch,br as IcoSettings,Dr as IcoShield,yr as IcoShieldApproved,Tr as IcoShieldRejected,Rr as IcoSocial,vr as IcoSoldOutTag,Zr as IcoStar,zr as IcoSwap,jr as IcoSwatches,Ur as IcoTeam,qr as IcoUsers,_r as IcoWallet,Kr as IcoWalletFill,oa as IcoWand,ta as IcoWarning,ra as IcoWarningFill,la as IcoWidgetUi,jf as IconArt,zf as IconArtDark,qf as IconGameController,Uf as IconGameControllerDark,Kf as IconGenericToken,_f as IconMagicLogo,rl as IconMusic,ol as IconMusicDark,tl as IconProfileDark,ll as IconProfileLight,dl as IconTicket,ml as IconTicketDark,k as LoadingSpinner,nl as LogoAlgorand,xl as LogoAlgorandMono,Il as LogoApple,gl as LogoAppleMono,Fl as LogoAptos,kl as LogoAptosMono,yl as LogoArbitrum,wl as LogoArbitrumMono,bl as LogoArbitrumOne,Pl as LogoArbitrumOneMono,Dl as LogoAstar,Tl as LogoAstarMono,vl as LogoAvalanche,Rl as LogoAvalancheMono,zl as LogoBase,Zl as LogoBaseMono,Ul as LogoBerachain,jl as LogoBerachainMono,Kl as LogoBinance,ql as LogoBinanceMono,os as LogoBitBucket,_l as LogoBitBucketMono,ts as LogoBitcoin,rs as LogoBitcoinMono,ms as LogoBnb,ls as LogoBnbMono,xs as LogoCelo,ds as LogoCeloMono,gs as LogoChiliz,ns as LogoChilizMono,ks as LogoCosmos,Is as LogoCosmosMono,ws as LogoDiscord,Fs as LogoDiscordMono,bs as LogoEthereum,Ps as LogoEthereumMono,Ts as LogoEtherlink,ys as LogoEtherlinkMono,Rs as LogoFacebook,Ds as LogoFacebookMono,Zs as LogoFlare,vs as LogoFlareMono,js as LogoFlow,zs as LogoFlowMono,qs as LogoGitHub,Us as LogoGitHubMono,_s as LogoGitLab,Ks as LogoGitLabMono,rm as LogoGoogle,om as LogoGoogleMono,lm as LogoHarmony,tm as LogoHarmonyMono,dm as LogoHorizen,mm as LogoHorizenMono,nm as LogoIcon,xm as LogoIconMono,Im as LogoImmutableX,gm as LogoImmutableXMono,Pm as LogoLink,Fm as LogoLinkByStripe,km as LogoLinkByStripeMono,wm as LogoLinkMono,ym as LogoLinkedIn,bm as LogoLinkedInMono,Dm as LogoLoopring,Tm as LogoLoopringMono,vm as LogoMicrosoft,Rm as LogoMicrosoftMono,zm as LogoMoonbeam,Zm as LogoMoonbeamMono,Um as LogoNear,jm as LogoNearMono,Km as LogoOnramper,qm as LogoOnramperMono,op as LogoOptimism,_m as LogoOptimismMono,mp as LogoPayPal,rp as LogoPayPalMono,lp as LogoPayPalWordmark,tp as LogoPayPalWordmarkMono,xp as LogoPoa,dp as LogoPoaMono,gp as LogoPolkadot,np as LogoPolkadotMono,kp as LogoPolygon,Ip as LogoPolygonMono,wp as LogoRarichain,Fp as LogoRarichainMono,bp as LogoSardine,Pp as LogoSardineMono,Tp as LogoSei,yp as LogoSeiMono,Rp as LogoSolana,Dp as LogoSolanaMono,Zp as LogoStability,vp as LogoStabilityMono,jp as LogoSui,zp as LogoSuiMono,qp as LogoTezos,Up as LogoTezosMono,_p as LogoTwitch,Kp as LogoTwitchMono,rd as LogoTwitter,od as LogoTwitterMono,ld as LogoWalletConnect,td as LogoWalletConnectMono,dd as LogoWarpcast,md as LogoWarpcastMono,nd as LogoWax,xd as LogoWaxMono,Id as LogoXdc,gd as LogoXdcMono,Fd as LogoZetachain,kd as LogoZetachainMono,Pd as LogoZilliqa,wd as LogoZilliqaMono,yd as LogoZksync,bd as LogoZksyncMono,d as Modal,ha as NFTTile,Ca as NavigationButton,x as Overlay,Ba as Page,Td as PayAmex,Dd as PayDiscover,Rd as PayMastercard,n as PayPalButton,vd as PayVisa,ua as PhoneInput,ca as PinCodeInput,tu as Popover,Zd as PresentationLogo,Pu as QRCode,lu as Radio,su as RadioGroup,bu as SecuredByMagic,yu as SecurityOtp,pu as SegmentedControl,Tu as SharedLogo,g as SocialLoginButton,xu as Switch,du as Tab,nu as Text,ia as TextInput,F as Toast,C as ToastProvider,Aa as TokenListItem,h as Tooltip,gu as VerifyPincode,Du as WalletAddress,zd as WltCoinbase,jd as WltMattel,Ud as WltMetamask,qd as WltPhantom,Kd as WltRainbow,_d as WltWalletConnect,Ru as useCustomVars,vu as useToast};
1
+ import{Content as r}from"./components/containers/content.js";import{Drawer as a}from"./components/containers/drawer.js";import{Footer as l}from"./components/containers/footer.js";import{Header as m}from"./components/containers/header.js";import{Modal as d}from"./components/containers/modal.js";import{Overlay as x}from"./components/containers/overlay.js";import{PayPalButton as n}from"./components/external/paypal-button.js";import{SocialLoginButton as g}from"./components/external/social-login-button.js";import{Callout as I}from"./components/feedback/callout.js";import{LoadingSpinner as k}from"./components/feedback/loading-spinner.js";import{Toast as F,ToastProvider as C}from"./components/feedback/toast-provider.js";import{default as h}from"./components/feedback/tooltip.js";import{default as A}from"./components/icons/ico-add.js";import{default as S}from"./components/icons/ico-alert-circle-fill.js";import{default as W}from"./components/icons/ico-alert-circle.js";import{default as E}from"./components/icons/ico-arrow-down.js";import{default as G}from"./components/icons/ico-arrow-left.js";import{default as O}from"./components/icons/ico-arrow-right.js";import{default as H}from"./components/icons/ico-asterisk.js";import{default as N}from"./components/icons/ico-astronaut.js";import{default as X}from"./components/icons/ico-bank.js";import{default as Q}from"./components/icons/ico-bell-notification.js";import{default as V}from"./components/icons/ico-bell.js";import{default as J}from"./components/icons/ico-branding.js";import{default as Y}from"./components/icons/ico-caret-down.js";import{default as $}from"./components/icons/ico-caret-left.js";import{default as eo}from"./components/icons/ico-caret-right.js";import{default as to}from"./components/icons/ico-caret-up.js";import{default as fo}from"./components/icons/ico-checkmark-circle-fill.js";import{default as so}from"./components/icons/ico-checkmark-circle.js";import{default as po}from"./components/icons/ico-checkmark.js";import{default as xo}from"./components/icons/ico-code-editor.js";import{default as no}from"./components/icons/ico-code-sandbox.js";import{default as go}from"./components/icons/ico-code.js";import{default as Io}from"./components/icons/ico-command-line.js";import{default as ko}from"./components/icons/ico-comment.js";import{default as Fo}from"./components/icons/ico-copy.js";import{default as wo}from"./components/icons/ico-credit-card.js";import{default as Po}from"./components/icons/ico-diamond.js";import{default as bo}from"./components/icons/ico-dismiss-circle-fill.js";import{default as yo}from"./components/icons/ico-dismiss-circle.js";import{default as To}from"./components/icons/ico-dismiss.js";import{default as Do}from"./components/icons/ico-doc.js";import{default as Ro}from"./components/icons/ico-download.js";import{default as vo}from"./components/icons/ico-edit-email.js";import{default as Zo}from"./components/icons/ico-edit.js";import{default as zo}from"./components/icons/ico-email-fill.js";import{default as jo}from"./components/icons/ico-email-open.js";import{default as Uo}from"./components/icons/ico-email.js";import{default as qo}from"./components/icons/ico-expiration.js";import{default as Ko}from"./components/icons/ico-external-link.js";import{default as _o}from"./components/icons/ico-eye-closed.js";import{default as oe}from"./components/icons/ico-eye-opened.js";import{default as re}from"./components/icons/ico-fingerprint-fill.js";import{default as ae}from"./components/icons/ico-fingerprint.js";import{default as le}from"./components/icons/ico-gas.js";import{default as me}from"./components/icons/ico-gift.js";import{default as de}from"./components/icons/ico-globe.js";import{default as xe}from"./components/icons/ico-guide.js";import{default as ne}from"./components/icons/ico-home.js";import{default as ge}from"./components/icons/ico-hourglass.js";import{default as Ie}from"./components/icons/ico-info-circle-fill.js";import{default as ke}from"./components/icons/ico-info-circle.js";import{default as Fe}from"./components/icons/ico-key.js";import{default as we}from"./components/icons/ico-lightbulb-fill.js";import{default as Pe}from"./components/icons/ico-lightbulb.js";import{default as be}from"./components/icons/ico-lightning-fill.js";import{default as ye}from"./components/icons/ico-lightning.js";import{default as Te}from"./components/icons/ico-link.js";import{default as De}from"./components/icons/ico-loading.js";import{default as Re}from"./components/icons/ico-lock-locked.js";import{default as ve}from"./components/icons/ico-lock-password.js";import{default as Ze}from"./components/icons/ico-lock-unlocked.js";import{default as ze}from"./components/icons/ico-login-form.js";import{default as je}from"./components/icons/ico-magic.js";import{default as Ue}from"./components/icons/ico-menu.js";import{default as qe}from"./components/icons/ico-message-fill.js";import{default as Ke}from"./components/icons/ico-message.js";import{default as _e}from"./components/icons/ico-mfa.js";import{default as or}from"./components/icons/ico-mobile2fa.js";import{default as rr}from"./components/icons/ico-mobile2fafill.js";import{default as ar}from"./components/icons/ico-paper-plane.js";import{default as lr}from"./components/icons/ico-passwordless.js";import{default as mr}from"./components/icons/ico-pending-connection.js";import{default as dr}from"./components/icons/ico-phone.js";import{default as xr}from"./components/icons/ico-price.js";import{default as nr}from"./components/icons/ico-qrcode.js";import{default as gr}from"./components/icons/ico-question-circle-fill.js";import{default as Ir}from"./components/icons/ico-question-circle.js";import{default as kr}from"./components/icons/ico-refresh-circle-fill.js";import{default as Fr}from"./components/icons/ico-refresh.js";import{default as wr}from"./components/icons/ico-rocket-fill.js";import{default as Pr}from"./components/icons/ico-search.js";import{default as br}from"./components/icons/ico-settings.js";import{default as yr}from"./components/icons/ico-shield-approved.js";import{default as Tr}from"./components/icons/ico-shield-rejected.js";import{default as Dr}from"./components/icons/ico-shield.js";import{default as Rr}from"./components/icons/ico-social.js";import{default as vr}from"./components/icons/ico-sold-out-tag.js";import{default as Zr}from"./components/icons/ico-star.js";import{default as zr}from"./components/icons/ico-swap.js";import{default as jr}from"./components/icons/ico-swatches.js";import{default as Ur}from"./components/icons/ico-team.js";import{default as qr}from"./components/icons/ico-users.js";import{default as Kr}from"./components/icons/ico-wallet-fill.js";import{default as _r}from"./components/icons/ico-wallet.js";import{default as ot}from"./components/icons/ico-wand.js";import{default as rt}from"./components/icons/ico-warning-fill.js";import{default as at}from"./components/icons/ico-warning.js";import{default as lt}from"./components/icons/ico-widget-ui.js";import{default as mt}from"./components/info/copy-button.js";import{default as dt}from"./components/info/email-wbr.js";import{default as xt}from"./components/info/security-otp.js";import{default as nt}from"./components/info/text-box.js";import{default as gt}from"./components/info/wallet-address.js";import{DropdownOption as It,DropdownSelector as Mt}from"./components/inputs/dropdown-selector.js";import{default as Bt}from"./components/inputs/phone-input.js";import{PinCodeInput as Ct}from"./components/inputs/pincode-input.js";import{TextInput as ht}from"./components/inputs/text-input.js";import{Dialogue as At}from"./components/layouts/dialogue.js";import{Error as St}from"./components/layouts/error.js";import{Page as Wt}from"./components/layouts/page.js";import{default as Et}from"./components/list-items/navigation-button.js";import{NFTTile as Gt}from"./components/list-items/nft-tile.js";import{TokenListItem as Ot}from"./components/list-items/token-list-item.js";import{default as Ht}from"./components/logos/blc-algorand.js";import{default as Nt}from"./components/logos/blc-aptos.js";import{default as Xt}from"./components/logos/blc-arbitrum.js";import{default as Qt}from"./components/logos/blc-astar.js";import{default as Vt}from"./components/logos/blc-avalanche.js";import{default as Jt}from"./components/logos/blc-base.js";import{default as Yt}from"./components/logos/blc-berachain.js";import{default as $t}from"./components/logos/blc-binance.js";import{default as ea}from"./components/logos/blc-bitcoin.js";import{default as ta}from"./components/logos/blc-celo.js";import{default as fa}from"./components/logos/blc-chiliz.js";import{default as sa}from"./components/logos/blc-cosmos.js";import{default as pa}from"./components/logos/blc-ethereum.js";import{default as ua}from"./components/logos/blc-etherlink.js";import{default as ca}from"./components/logos/blc-flow.js";import{default as ia}from"./components/logos/blc-harmony.js";import{default as La}from"./components/logos/blc-icon.js";import{default as Ma}from"./components/logos/blc-immutable-x.js";import{default as Ba}from"./components/logos/blc-loopring.js";import{default as Ca}from"./components/logos/blc-moonbeam.js";import{default as ha}from"./components/logos/blc-near.js";import{default as Aa}from"./components/logos/blc-optimism.js";import{default as Sa}from"./components/logos/blc-polkadot.js";import{default as Wa}from"./components/logos/blc-polygon.js";import{default as Ea}from"./components/logos/blc-rarichain.js";import{default as Ga}from"./components/logos/blc-solana.js";import{default as Oa}from"./components/logos/blc-stability.js";import{default as Ha}from"./components/logos/blc-sui.js";import{default as Na}from"./components/logos/blc-tezos.js";import{default as Xa}from"./components/logos/blc-wax.js";import{default as Qa}from"./components/logos/blc-zetachain.js";import{default as Va}from"./components/logos/blc-zilliqa.js";import{default as Ja}from"./components/logos/blc-zksync.js";import{default as Ya}from"./components/logos/fwk-11ty.js";import{default as $a}from"./components/logos/fwk-android.js";import{default as ef}from"./components/logos/fwk-apple.js";import{default as tf}from"./components/logos/fwk-authy.js";import{default as ff}from"./components/logos/fwk-binance-fill.js";import{default as sf}from"./components/logos/fwk-chrome.js";import{default as pf}from"./components/logos/fwk-electron.js";import{default as uf}from"./components/logos/fwk-express.js";import{default as cf}from"./components/logos/fwk-fauna.js";import{default as gf}from"./components/logos/fwk-firebase.js";import{default as If}from"./components/logos/fwk-go.js";import{default as kf}from"./components/logos/fwk-google-authenticator.js";import{default as Ff}from"./components/logos/fwk-hasura.js";import{default as wf}from"./components/logos/fwk-javascript.js";import{default as Pf}from"./components/logos/fwk-jwt.js";import{default as bf}from"./components/logos/fwk-laravel.js";import{default as yf}from"./components/logos/fwk-nextjs.js";import{default as Tf}from"./components/logos/fwk-nodejs.js";import{default as Df}from"./components/logos/fwk-nuxtjs.js";import{default as Rf}from"./components/logos/fwk-php.js";import{default as vf}from"./components/logos/fwk-react.js";import{default as Zf}from"./components/logos/fwk-strapi.js";import{default as zf}from"./components/logos/fwk-stripe.js";import{default as jf}from"./components/logos/fwk-vue.js";import{default as Uf}from"./components/logos/fwk-webflow.js";import{default as qf}from"./components/logos/fwk-wordpress.js";import{default as Kf}from"./components/logos/fwk-zapier.js";import{default as _f}from"./components/logos/icon-art-dark.js";import{default as ol}from"./components/logos/icon-art.js";import{default as rl}from"./components/logos/icon-game-controller-dark.js";import{default as al}from"./components/logos/icon-game-controller.js";import{default as ll}from"./components/logos/icon-generic-token.js";import{default as ml}from"./components/logos/icon-magic-logo.js";import{default as dl}from"./components/logos/icon-music-dark.js";import{default as xl}from"./components/logos/icon-music.js";import{default as nl}from"./components/logos/icon-profile-dark.js";import{default as gl}from"./components/logos/icon-profile-light.js";import{default as Il}from"./components/logos/icon-ticket-dark.js";import{default as kl}from"./components/logos/icon-ticket.js";import{default as Fl}from"./components/logos/logo-algorand-mono.js";import{default as wl}from"./components/logos/logo-algorand.js";import{default as Pl}from"./components/logos/logo-apple-mono.js";import{default as bl}from"./components/logos/logo-apple.js";import{default as yl}from"./components/logos/logo-aptos-mono.js";import{default as Tl}from"./components/logos/logo-aptos.js";import{default as Dl}from"./components/logos/logo-arbitrum-mono.js";import{default as Rl}from"./components/logos/logo-arbitrum-one-mono.js";import{default as vl}from"./components/logos/logo-arbitrum-one.js";import{default as Zl}from"./components/logos/logo-arbitrum.js";import{default as zl}from"./components/logos/logo-astar-mono.js";import{default as jl}from"./components/logos/logo-astar.js";import{default as Ul}from"./components/logos/logo-avalanche-mono.js";import{default as ql}from"./components/logos/logo-avalanche.js";import{default as Kl}from"./components/logos/logo-base-mono.js";import{default as _l}from"./components/logos/logo-base.js";import{default as os}from"./components/logos/logo-berachain-mono.js";import{default as rs}from"./components/logos/logo-berachain.js";import{default as as}from"./components/logos/logo-binance-mono.js";import{default as ls}from"./components/logos/logo-binance.js";import{default as ms}from"./components/logos/logo-bit-bucket-mono.js";import{default as ds}from"./components/logos/logo-bit-bucket.js";import{default as xs}from"./components/logos/logo-bitcoin-mono.js";import{default as ns}from"./components/logos/logo-bitcoin.js";import{default as gs}from"./components/logos/logo-bnb-mono.js";import{default as Is}from"./components/logos/logo-bnb.js";import{default as ks}from"./components/logos/logo-celo-mono.js";import{default as Fs}from"./components/logos/logo-celo.js";import{default as ws}from"./components/logos/logo-chiliz-mono.js";import{default as Ps}from"./components/logos/logo-chiliz.js";import{default as bs}from"./components/logos/logo-cosmos-mono.js";import{default as ys}from"./components/logos/logo-cosmos.js";import{default as Ts}from"./components/logos/logo-discord-mono.js";import{default as Ds}from"./components/logos/logo-discord.js";import{default as Rs}from"./components/logos/logo-ethereum-mono.js";import{default as vs}from"./components/logos/logo-ethereum.js";import{default as Zs}from"./components/logos/logo-etherlink-mono.js";import{default as zs}from"./components/logos/logo-etherlink.js";import{default as js}from"./components/logos/logo-facebook-mono.js";import{default as Us}from"./components/logos/logo-facebook.js";import{default as qs}from"./components/logos/logo-flare-mono.js";import{default as Ks}from"./components/logos/logo-flare.js";import{default as _s}from"./components/logos/logo-flow-mono.js";import{default as om}from"./components/logos/logo-flow.js";import{default as rm}from"./components/logos/logo-git-hub-mono.js";import{default as am}from"./components/logos/logo-git-hub.js";import{default as lm}from"./components/logos/logo-git-lab-mono.js";import{default as mm}from"./components/logos/logo-git-lab.js";import{default as dm}from"./components/logos/logo-google-mono.js";import{default as xm}from"./components/logos/logo-google.js";import{default as nm}from"./components/logos/logo-harmony-mono.js";import{default as gm}from"./components/logos/logo-harmony.js";import{default as Im}from"./components/logos/logo-horizen-mono.js";import{default as km}from"./components/logos/logo-horizen.js";import{default as Fm}from"./components/logos/logo-icon-mono.js";import{default as wm}from"./components/logos/logo-icon.js";import{default as Pm}from"./components/logos/logo-immutable-x-mono.js";import{default as bm}from"./components/logos/logo-immutable-x.js";import{default as ym}from"./components/logos/logo-link-by-stripe-mono.js";import{default as Tm}from"./components/logos/logo-link-by-stripe.js";import{default as Dm}from"./components/logos/logo-link-mono.js";import{default as Rm}from"./components/logos/logo-link.js";import{default as vm}from"./components/logos/logo-linked-in-mono.js";import{default as Zm}from"./components/logos/logo-linked-in.js";import{default as zm}from"./components/logos/logo-loopring-mono.js";import{default as jm}from"./components/logos/logo-loopring.js";import{default as Um}from"./components/logos/logo-microsoft-mono.js";import{default as qm}from"./components/logos/logo-microsoft.js";import{default as Km}from"./components/logos/logo-moonbeam-mono.js";import{default as _m}from"./components/logos/logo-moonbeam.js";import{default as op}from"./components/logos/logo-near-mono.js";import{default as rp}from"./components/logos/logo-near.js";import{default as ap}from"./components/logos/logo-onramper-mono.js";import{default as lp}from"./components/logos/logo-onramper.js";import{default as mp}from"./components/logos/logo-optimism-mono.js";import{default as dp}from"./components/logos/logo-optimism.js";import{default as xp}from"./components/logos/logo-pay-pal-mono.js";import{default as np}from"./components/logos/logo-pay-pal-wordmark-mono.js";import{default as gp}from"./components/logos/logo-pay-pal-wordmark.js";import{default as Ip}from"./components/logos/logo-pay-pal.js";import{default as kp}from"./components/logos/logo-poa-mono.js";import{default as Fp}from"./components/logos/logo-poa.js";import{default as wp}from"./components/logos/logo-polkadot-mono.js";import{default as Pp}from"./components/logos/logo-polkadot.js";import{default as bp}from"./components/logos/logo-polygon-mono.js";import{default as yp}from"./components/logos/logo-polygon.js";import{default as Tp}from"./components/logos/logo-rarichain-mono.js";import{default as Dp}from"./components/logos/logo-rarichain.js";import{default as Rp}from"./components/logos/logo-sardine-mono.js";import{default as vp}from"./components/logos/logo-sardine.js";import{default as Zp}from"./components/logos/logo-sei-mono.js";import{default as zp}from"./components/logos/logo-sei.js";import{default as jp}from"./components/logos/logo-solana-mono.js";import{default as Up}from"./components/logos/logo-solana.js";import{default as qp}from"./components/logos/logo-stability-mono.js";import{default as Kp}from"./components/logos/logo-stability.js";import{default as _p}from"./components/logos/logo-sui-mono.js";import{default as od}from"./components/logos/logo-sui.js";import{default as rd}from"./components/logos/logo-tezos-mono.js";import{default as ad}from"./components/logos/logo-tezos.js";import{default as ld}from"./components/logos/logo-twitch-mono.js";import{default as md}from"./components/logos/logo-twitch.js";import{default as dd}from"./components/logos/logo-twitter-mono.js";import{default as xd}from"./components/logos/logo-twitter.js";import{default as nd}from"./components/logos/logo-wallet-connect-mono.js";import{default as gd}from"./components/logos/logo-wallet-connect.js";import{default as Id}from"./components/logos/logo-warpcast-mono.js";import{default as kd}from"./components/logos/logo-warpcast.js";import{default as Fd}from"./components/logos/logo-wax-mono.js";import{default as wd}from"./components/logos/logo-wax.js";import{default as Pd}from"./components/logos/logo-xdc-mono.js";import{default as bd}from"./components/logos/logo-xdc.js";import{default as yd}from"./components/logos/logo-zetachain-mono.js";import{default as Td}from"./components/logos/logo-zetachain.js";import{default as Dd}from"./components/logos/logo-zilliqa-mono.js";import{default as Rd}from"./components/logos/logo-zilliqa.js";import{default as vd}from"./components/logos/logo-zksync-mono.js";import{default as Zd}from"./components/logos/logo-zksync.js";import{default as zd}from"./components/logos/pay-amex.js";import{default as jd}from"./components/logos/pay-discover.js";import{default as Ud}from"./components/logos/pay-mastercard.js";import{default as qd}from"./components/logos/pay-visa.js";import{default as Kd}from"./components/logos/presentation-logo.js";import{default as _d}from"./components/logos/wlt-coinbase.js";import{default as ou}from"./components/logos/wlt-mattel.js";import{default as ru}from"./components/logos/wlt-metamask.js";import{default as au}from"./components/logos/wlt-phantom.js";import{default as lu}from"./components/logos/wlt-rainbow.js";import{default as mu}from"./components/logos/wlt-wallet-connect.js";import{default as du}from"./components/primitives/button.js";import{default as xu}from"./components/primitives/checkbox.js";import{Popover as nu}from"./components/primitives/popover.js";import{Radio as gu,RadioGroup as Lu}from"./components/primitives/radio.js";import{SegmentedControl as Mu,Tab as ku}from"./components/primitives/segmented-control.js";import{default as Fu}from"./components/primitives/switch.js";import{default as wu}from"./components/primitives/text.js";import{VerifyPincode as Pu}from"./components/sections/verify-pincode.js";import{default as bu}from"./components/utils/animate.js";import{ClientAssetLogo as yu}from"./components/utils/client-asset-logo.js";import{default as Tu}from"./components/utils/qr-code.js";import{default as Du}from"./components/utils/secured-by-magic.js";import{default as Ru}from"./components/utils/shared-logo.js";import{useCustomVars as vu}from"./hooks/theme.js";import{useToast as Zu}from"./hooks/useToast.js";export{bu as Animate,Ht as BlcAlgorand,Nt as BlcAptos,Xt as BlcArbitrum,Qt as BlcAstar,Vt as BlcAvalanche,Jt as BlcBase,Yt as BlcBerachain,$t as BlcBinance,ea as BlcBitcoin,ta as BlcCelo,fa as BlcChiliz,sa as BlcCosmos,pa as BlcEthereum,ua as BlcEtherlink,ca as BlcFlow,ia as BlcHarmony,La as BlcIcon,Ma as BlcImmutableX,Ba as BlcLoopring,Ca as BlcMoonbeam,ha as BlcNear,Aa as BlcOptimism,Sa as BlcPolkadot,Wa as BlcPolygon,Ea as BlcRarichain,Ga as BlcSolana,Oa as BlcStability,Ha as BlcSui,Na as BlcTezos,Xa as BlcWax,Qa as BlcZetachain,Va as BlcZilliqa,Ja as BlcZksync,du as Button,I as Callout,xu as Checkbox,yu as ClientAssetLogo,r as Content,mt as CopyButton,At as Dialogue,a as Drawer,It as DropdownOption,Mt as DropdownSelector,dt as EmailWbr,St as Error,l as Footer,Ya as Fwk11ty,$a as FwkAndroid,ef as FwkApple,tf as FwkAuthy,ff as FwkBinanceFill,sf as FwkChrome,pf as FwkElectron,uf as FwkExpress,cf as FwkFauna,gf as FwkFirebase,If as FwkGo,kf as FwkGoogleAuthenticator,Ff as FwkHasura,wf as FwkJavascript,Pf as FwkJwt,bf as FwkLaravel,yf as FwkNextjs,Tf as FwkNodejs,Df as FwkNuxtjs,Rf as FwkPhp,vf as FwkReact,Zf as FwkStrapi,zf as FwkStripe,jf as FwkVue,Uf as FwkWebflow,qf as FwkWordpress,Kf as FwkZapier,m as Header,A as IcoAdd,W as IcoAlertCircle,S as IcoAlertCircleFill,E as IcoArrowDown,G as IcoArrowLeft,O as IcoArrowRight,H as IcoAsterisk,N as IcoAstronaut,X as IcoBank,V as IcoBell,Q as IcoBellNotification,J as IcoBranding,Y as IcoCaretDown,$ as IcoCaretLeft,eo as IcoCaretRight,to as IcoCaretUp,po as IcoCheckmark,so as IcoCheckmarkCircle,fo as IcoCheckmarkCircleFill,go as IcoCode,xo as IcoCodeEditor,no as IcoCodeSandbox,Io as IcoCommandLine,ko as IcoComment,Fo as IcoCopy,wo as IcoCreditCard,Po as IcoDiamond,To as IcoDismiss,yo as IcoDismissCircle,bo as IcoDismissCircleFill,Do as IcoDoc,Ro as IcoDownload,Zo as IcoEdit,vo as IcoEditEmail,Uo as IcoEmail,zo as IcoEmailFill,jo as IcoEmailOpen,qo as IcoExpiration,Ko as IcoExternalLink,_o as IcoEyeClosed,oe as IcoEyeOpened,ae as IcoFingerprint,re as IcoFingerprintFill,le as IcoGas,me as IcoGift,de as IcoGlobe,xe as IcoGuide,ne as IcoHome,ge as IcoHourglass,ke as IcoInfoCircle,Ie as IcoInfoCircleFill,Fe as IcoKey,Pe as IcoLightbulb,we as IcoLightbulbFill,ye as IcoLightning,be as IcoLightningFill,Te as IcoLink,De as IcoLoading,Re as IcoLockLocked,ve as IcoLockPassword,Ze as IcoLockUnlocked,ze as IcoLoginForm,je as IcoMagic,Ue as IcoMenu,Ke as IcoMessage,qe as IcoMessageFill,_e as IcoMfa,or as IcoMobile2fa,rr as IcoMobile2fafill,ar as IcoPaperPlane,lr as IcoPasswordless,mr as IcoPendingConnection,dr as IcoPhone,xr as IcoPrice,nr as IcoQrcode,Ir as IcoQuestionCircle,gr as IcoQuestionCircleFill,Fr as IcoRefresh,kr as IcoRefreshCircleFill,wr as IcoRocketFill,Pr as IcoSearch,br as IcoSettings,Dr as IcoShield,yr as IcoShieldApproved,Tr as IcoShieldRejected,Rr as IcoSocial,vr as IcoSoldOutTag,Zr as IcoStar,zr as IcoSwap,jr as IcoSwatches,Ur as IcoTeam,qr as IcoUsers,_r as IcoWallet,Kr as IcoWalletFill,ot as IcoWand,at as IcoWarning,rt as IcoWarningFill,lt as IcoWidgetUi,ol as IconArt,_f as IconArtDark,al as IconGameController,rl as IconGameControllerDark,ll as IconGenericToken,ml as IconMagicLogo,xl as IconMusic,dl as IconMusicDark,nl as IconProfileDark,gl as IconProfileLight,kl as IconTicket,Il as IconTicketDark,k as LoadingSpinner,wl as LogoAlgorand,Fl as LogoAlgorandMono,bl as LogoApple,Pl as LogoAppleMono,Tl as LogoAptos,yl as LogoAptosMono,Zl as LogoArbitrum,Dl as LogoArbitrumMono,vl as LogoArbitrumOne,Rl as LogoArbitrumOneMono,jl as LogoAstar,zl as LogoAstarMono,ql as LogoAvalanche,Ul as LogoAvalancheMono,_l as LogoBase,Kl as LogoBaseMono,rs as LogoBerachain,os as LogoBerachainMono,ls as LogoBinance,as as LogoBinanceMono,ds as LogoBitBucket,ms as LogoBitBucketMono,ns as LogoBitcoin,xs as LogoBitcoinMono,Is as LogoBnb,gs as LogoBnbMono,Fs as LogoCelo,ks as LogoCeloMono,Ps as LogoChiliz,ws as LogoChilizMono,ys as LogoCosmos,bs as LogoCosmosMono,Ds as LogoDiscord,Ts as LogoDiscordMono,vs as LogoEthereum,Rs as LogoEthereumMono,zs as LogoEtherlink,Zs as LogoEtherlinkMono,Us as LogoFacebook,js as LogoFacebookMono,Ks as LogoFlare,qs as LogoFlareMono,om as LogoFlow,_s as LogoFlowMono,am as LogoGitHub,rm as LogoGitHubMono,mm as LogoGitLab,lm as LogoGitLabMono,xm as LogoGoogle,dm as LogoGoogleMono,gm as LogoHarmony,nm as LogoHarmonyMono,km as LogoHorizen,Im as LogoHorizenMono,wm as LogoIcon,Fm as LogoIconMono,bm as LogoImmutableX,Pm as LogoImmutableXMono,Rm as LogoLink,Tm as LogoLinkByStripe,ym as LogoLinkByStripeMono,Dm as LogoLinkMono,Zm as LogoLinkedIn,vm as LogoLinkedInMono,jm as LogoLoopring,zm as LogoLoopringMono,qm as LogoMicrosoft,Um as LogoMicrosoftMono,_m as LogoMoonbeam,Km as LogoMoonbeamMono,rp as LogoNear,op as LogoNearMono,lp as LogoOnramper,ap as LogoOnramperMono,dp as LogoOptimism,mp as LogoOptimismMono,Ip as LogoPayPal,xp as LogoPayPalMono,gp as LogoPayPalWordmark,np as LogoPayPalWordmarkMono,Fp as LogoPoa,kp as LogoPoaMono,Pp as LogoPolkadot,wp as LogoPolkadotMono,yp as LogoPolygon,bp as LogoPolygonMono,Dp as LogoRarichain,Tp as LogoRarichainMono,vp as LogoSardine,Rp as LogoSardineMono,zp as LogoSei,Zp as LogoSeiMono,Up as LogoSolana,jp as LogoSolanaMono,Kp as LogoStability,qp as LogoStabilityMono,od as LogoSui,_p as LogoSuiMono,ad as LogoTezos,rd as LogoTezosMono,md as LogoTwitch,ld as LogoTwitchMono,xd as LogoTwitter,dd as LogoTwitterMono,gd as LogoWalletConnect,nd as LogoWalletConnectMono,kd as LogoWarpcast,Id as LogoWarpcastMono,wd as LogoWax,Fd as LogoWaxMono,bd as LogoXdc,Pd as LogoXdcMono,Td as LogoZetachain,yd as LogoZetachainMono,Rd as LogoZilliqa,Dd as LogoZilliqaMono,Zd as LogoZksync,vd as LogoZksyncMono,d as Modal,Gt as NFTTile,Et as NavigationButton,x as Overlay,Wt as Page,zd as PayAmex,jd as PayDiscover,Ud as PayMastercard,n as PayPalButton,qd as PayVisa,Bt as PhoneInput,Ct as PinCodeInput,nu as Popover,Kd as PresentationLogo,Tu as QRCode,gu as Radio,Lu as RadioGroup,Du as SecuredByMagic,xt as SecurityOtp,Mu as SegmentedControl,Ru as SharedLogo,g as SocialLoginButton,Fu as Switch,ku as Tab,wu as Text,nt as TextBox,ht as TextInput,F as Toast,C as ToastProvider,Ot as TokenListItem,h as Tooltip,Pu as VerifyPincode,gt as WalletAddress,_d as WltCoinbase,ou as WltMattel,ru as WltMetamask,au as WltPhantom,lu as WltRainbow,mu as WltWalletConnect,vu as useCustomVars,Zu as useToast};
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- import{sva as a}from"@styled/css";const e=a({slots:["content","wrapper"],base:{content:{height:"full",width:"full",boxSizing:"border-box"},wrapper:{height:"full",width:"full",bg:"surface.primary",position:"relative",overflow:"auto","@media (min-width: 48rem)":{top:12,mx:"auto",width:"25rem",height:"fit-content",boxShadow:"0px 12px 56px {colors.ink.70/15}",borderRadius:"container",_dark:{boxShadow:"none"}}}},variants:{animate:{false:{wrapper:{animationName:"none",scale:1}}},isOpen:{true:{}},paddingType:{none:{wrapper:{p:0}},sm:{wrapper:{p:2,pb:0}},md:{wrapper:{p:4,pb:0}},lg:{wrapper:{p:8,pb:0}}},showBorder:{true:{wrapper:{"@media (min-width: 48rem)":{_dark:{borderWidth:1,borderBlock:"solid",borderColor:"neutral.secondary"}}}}}},compoundVariants:[{animate:!0,isOpen:!0,css:{wrapper:{animationFillMode:"forwards",animationName:"scaleIn",animationDuration:"250ms",_motionReduce:{scale:1}}}},{animate:!0,isOpen:!1,css:{wrapper:{animationFillMode:"forwards",animationName:"scaleOut",animationDuration:"150ms",_motionReduce:{scale:1}}}}],defaultVariants:{animate:!0,isOpen:!0,paddingType:"none"}});export{e as modal};
1
+ import{sva as a}from"@styled/css";const e=a({slots:["content","wrapper"],base:{content:{height:"full",width:"full",boxSizing:"border-box"},wrapper:{height:"full",width:"full",bg:"surface.primary",position:"relative",overflow:"auto",scrollbarWidth:"none","@media (min-width: 48rem)":{top:12,mx:"auto",width:"25rem",height:"fit-content",boxShadow:"0px 12px 56px {colors.ink.70/15}",borderRadius:"container",_dark:{boxShadow:"none"}}}},variants:{animate:{false:{wrapper:{animationName:"none",scale:1}}},isOpen:{true:{}},paddingType:{none:{wrapper:{p:0}},sm:{wrapper:{p:2,pb:0}},md:{wrapper:{p:4,pb:0}},lg:{wrapper:{p:8,pb:0}}},showBorder:{true:{wrapper:{"@media (min-width: 48rem)":{_dark:{borderWidth:1,borderBlock:"solid",borderColor:"neutral.secondary"}}}}}},compoundVariants:[{animate:!0,isOpen:!0,css:{wrapper:{animationFillMode:"forwards",animationName:"scaleIn",animationDuration:"250ms",_motionReduce:{scale:1}}}},{animate:!0,isOpen:!1,css:{wrapper:{animationFillMode:"forwards",animationName:"scaleOut",animationDuration:"150ms",_motionReduce:{scale:1}}}}],defaultVariants:{animate:!0,isOpen:!0,paddingType:"none"}});export{e as modal};
2
2
  //# sourceMappingURL=modal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"modal.js","sources":["../../../src/recipes/modal.ts"],"sourcesContent":["import { sva, type RecipeVariantProps } from '@styled/css';\n\nexport const modal = sva({\n slots: ['content', 'wrapper'],\n base: {\n content: {\n height: 'full',\n width: 'full',\n boxSizing: 'border-box',\n },\n wrapper: {\n height: 'full',\n width: 'full',\n bg: 'surface.primary',\n position: 'relative',\n overflow: 'auto',\n\n '@media (min-width: 48rem)': {\n top: 12,\n mx: 'auto',\n width: '25rem',\n height: 'fit-content',\n boxShadow: '0px 12px 56px {colors.ink.70/15}',\n borderRadius: 'container',\n _dark: {\n boxShadow: 'none',\n },\n },\n },\n },\n variants: {\n animate: {\n false: {\n wrapper: {\n animationName: 'none',\n scale: 1,\n },\n },\n },\n isOpen: { true: {} },\n paddingType: {\n none: {\n wrapper: {\n p: 0,\n },\n },\n sm: {\n wrapper: {\n p: 2,\n pb: 0,\n },\n },\n md: {\n wrapper: {\n p: 4,\n pb: 0,\n },\n },\n lg: {\n wrapper: {\n p: 8,\n pb: 0,\n },\n },\n },\n showBorder: {\n true: {\n wrapper: {\n '@media (min-width: 48rem)': {\n _dark: {\n borderWidth: 1,\n borderBlock: 'solid',\n borderColor: 'neutral.secondary',\n },\n },\n },\n },\n },\n },\n compoundVariants: [\n {\n animate: true,\n isOpen: true,\n css: {\n wrapper: {\n animationFillMode: 'forwards',\n animationName: 'scaleIn',\n animationDuration: '250ms',\n _motionReduce: { scale: 1 },\n },\n },\n },\n {\n animate: true,\n isOpen: false,\n css: {\n wrapper: {\n animationFillMode: 'forwards',\n animationName: 'scaleOut',\n animationDuration: '150ms',\n _motionReduce: { scale: 1 },\n },\n },\n },\n ],\n defaultVariants: {\n animate: true,\n isOpen: true,\n paddingType: 'none',\n },\n});\n\nexport type ModalVariants = RecipeVariantProps<typeof modal>;\n"],"names":["modal","sva"],"mappings":"kCAEO,MAAMA,EAAQC,EAAI,CACvB,MAAO,CAAC,UAAW,SAAS,EAC5B,KAAM,CACJ,QAAS,CACP,OAAQ,OACR,MAAO,OACP,UAAW,YACZ,EACD,QAAS,CACP,OAAQ,OACR,MAAO,OACP,GAAI,kBACJ,SAAU,WACV,SAAU,OAEV,4BAA6B,CAC3B,IAAK,GACL,GAAI,OACJ,MAAO,QACP,OAAQ,cACR,UAAW,mCACX,aAAc,YACd,MAAO,CACL,UAAW,MACZ,CACF,CACF,CACF,EACD,SAAU,CACR,QAAS,CACP,MAAO,CACL,QAAS,CACP,cAAe,OACf,MAAO,CACR,CACF,CACF,EACD,OAAQ,CAAE,KAAM,CAAA,CAAI,EACpB,YAAa,CACX,KAAM,CACJ,QAAS,CACP,EAAG,CACJ,CACF,EACD,GAAI,CACF,QAAS,CACP,EAAG,EACH,GAAI,CACL,CACF,EACD,GAAI,CACF,QAAS,CACP,EAAG,EACH,GAAI,CACL,CACF,EACD,GAAI,CACF,QAAS,CACP,EAAG,EACH,GAAI,CACL,CACF,CACF,EACD,WAAY,CACV,KAAM,CACJ,QAAS,CACP,4BAA6B,CAC3B,MAAO,CACL,YAAa,EACb,YAAa,QACb,YAAa,mBACd,CACF,CACF,CACF,CACF,CACF,EACD,iBAAkB,CAChB,CACE,QAAS,GACT,OAAQ,GACR,IAAK,CACH,QAAS,CACP,kBAAmB,WACnB,cAAe,UACf,kBAAmB,QACnB,cAAe,CAAE,MAAO,CAAG,CAC5B,CACF,CACF,EACD,CACE,QAAS,GACT,OAAQ,GACR,IAAK,CACH,QAAS,CACP,kBAAmB,WACnB,cAAe,WACf,kBAAmB,QACnB,cAAe,CAAE,MAAO,CAAG,CAC5B,CACF,CACF,CACF,EACD,gBAAiB,CACf,QAAS,GACT,OAAQ,GACR,YAAa,MACd,CACF,CAAA"}
1
+ {"version":3,"file":"modal.js","sources":["../../../src/recipes/modal.ts"],"sourcesContent":["import { sva, type RecipeVariantProps } from '@styled/css';\n\nexport const modal = sva({\n slots: ['content', 'wrapper'],\n base: {\n content: {\n height: 'full',\n width: 'full',\n boxSizing: 'border-box',\n },\n wrapper: {\n height: 'full',\n width: 'full',\n bg: 'surface.primary',\n position: 'relative',\n overflow: 'auto',\n scrollbarWidth: 'none',\n\n '@media (min-width: 48rem)': {\n top: 12,\n mx: 'auto',\n width: '25rem',\n height: 'fit-content',\n boxShadow: '0px 12px 56px {colors.ink.70/15}',\n borderRadius: 'container',\n _dark: {\n boxShadow: 'none',\n },\n },\n },\n },\n variants: {\n animate: {\n false: {\n wrapper: {\n animationName: 'none',\n scale: 1,\n },\n },\n },\n isOpen: { true: {} },\n paddingType: {\n none: {\n wrapper: {\n p: 0,\n },\n },\n sm: {\n wrapper: {\n p: 2,\n pb: 0,\n },\n },\n md: {\n wrapper: {\n p: 4,\n pb: 0,\n },\n },\n lg: {\n wrapper: {\n p: 8,\n pb: 0,\n },\n },\n },\n showBorder: {\n true: {\n wrapper: {\n '@media (min-width: 48rem)': {\n _dark: {\n borderWidth: 1,\n borderBlock: 'solid',\n borderColor: 'neutral.secondary',\n },\n },\n },\n },\n },\n },\n compoundVariants: [\n {\n animate: true,\n isOpen: true,\n css: {\n wrapper: {\n animationFillMode: 'forwards',\n animationName: 'scaleIn',\n animationDuration: '250ms',\n _motionReduce: { scale: 1 },\n },\n },\n },\n {\n animate: true,\n isOpen: false,\n css: {\n wrapper: {\n animationFillMode: 'forwards',\n animationName: 'scaleOut',\n animationDuration: '150ms',\n _motionReduce: { scale: 1 },\n },\n },\n },\n ],\n defaultVariants: {\n animate: true,\n isOpen: true,\n paddingType: 'none',\n },\n});\n\nexport type ModalVariants = RecipeVariantProps<typeof modal>;\n"],"names":["modal","sva"],"mappings":"kCAEO,MAAMA,EAAQC,EAAI,CACvB,MAAO,CAAC,UAAW,SAAS,EAC5B,KAAM,CACJ,QAAS,CACP,OAAQ,OACR,MAAO,OACP,UAAW,YACZ,EACD,QAAS,CACP,OAAQ,OACR,MAAO,OACP,GAAI,kBACJ,SAAU,WACV,SAAU,OACV,eAAgB,OAEhB,4BAA6B,CAC3B,IAAK,GACL,GAAI,OACJ,MAAO,QACP,OAAQ,cACR,UAAW,mCACX,aAAc,YACd,MAAO,CACL,UAAW,MACZ,CACF,CACF,CACF,EACD,SAAU,CACR,QAAS,CACP,MAAO,CACL,QAAS,CACP,cAAe,OACf,MAAO,CACR,CACF,CACF,EACD,OAAQ,CAAE,KAAM,CAAA,CAAI,EACpB,YAAa,CACX,KAAM,CACJ,QAAS,CACP,EAAG,CACJ,CACF,EACD,GAAI,CACF,QAAS,CACP,EAAG,EACH,GAAI,CACL,CACF,EACD,GAAI,CACF,QAAS,CACP,EAAG,EACH,GAAI,CACL,CACF,EACD,GAAI,CACF,QAAS,CACP,EAAG,EACH,GAAI,CACL,CACF,CACF,EACD,WAAY,CACV,KAAM,CACJ,QAAS,CACP,4BAA6B,CAC3B,MAAO,CACL,YAAa,EACb,YAAa,QACb,YAAa,mBACd,CACF,CACF,CACF,CACF,CACF,EACD,iBAAkB,CAChB,CACE,QAAS,GACT,OAAQ,GACR,IAAK,CACH,QAAS,CACP,kBAAmB,WACnB,cAAe,UACf,kBAAmB,QACnB,cAAe,CAAE,MAAO,CAAG,CAC5B,CACF,CACF,EACD,CACE,QAAS,GACT,OAAQ,GACR,IAAK,CACH,QAAS,CACP,kBAAmB,WACnB,cAAe,WACf,kBAAmB,QACnB,cAAe,CAAE,MAAO,CAAG,CAC5B,CACF,CACF,CACF,EACD,gBAAiB,CACf,QAAS,GACT,OAAQ,GACR,YAAa,MACd,CACF,CAAA"}
@@ -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.2s 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.2s 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","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","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.base]___[cond:_groupHover<___>_dark","color]___[value:chalk","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","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","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","height]___[value:full","background]___[value:surface.primary","overflow]___[value:auto","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","backgroundColor]___[value:surface.tertiary","animationName]___[value:fadeIn","animationDuration]___[value:400ms","animationName]___[value:fadeOut","height]___[value:100vh","width]___[value:100vw","maxWidth]___[value:100rem","margin]___[value:0 auto","alignItems]___[value:flex-start","alignItems]___[value:flex-end","opacity]___[value:0.3","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:left","textAlign]___[value:right","fontSize]___[value:xl","transition]___[value:opacity linear 120ms","color]___[value:negative.darker","color]___[value:positive.base","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","display]___[value:grid","gridTemplateColumns]___[value:repeat(6, minmax(0, 1fr))","columnGap]___[value:2rem","rowGap]___[value:2rem","marginTop]___[value:6","gap]___[value:10px","flexDirection]___[value:column","fill]___[value:white","truncate]___[value:true","flexShrink]___[value:0","paddingTop]___[value:6","paddingInline]___[value:8","display]___[value:block","display]___[value:none","position]___[value:absolute","bottom]___[value:0","right]___[value:0","background]___[value:text.primary/20","transform]___[value:translateY(0)","transform]___[value:translateY(100%)","transition]___[value:transform 0.3s","borderRadius]___[value:xl","boxShadow]___[value:0px -12px 56px 0px rgba(119, 118, 122, 0.15)","paddingBottom]___[value:8","justifyContent]___[value:space-between","flexDirection]___[value:row","padding]___[value:6","paddingBottom]___[value:5","minWidth]___[value:8]___[cond:& ><___>_first","minWidth]___[value:8]___[cond:& ><___>_last","outlineStyle]___[value:none","background]___[value:#ffc439","outlineColor]___[value:#ffc439","strokeWidth]___[value:2.5","gap]___[value:1","marginTop]___[value:0.5","width]___[value:60","gap]___[value:1.5","stroke]___[value:text.primary","stroke]___[value:brand.base","stroke]___[value:surface.primary","strokeOpacity]___[value:0.12","animation]___[value:spin 1s linear infinite","transformOrigin]___[value:center center","maxWidth]___[value:72","width]___[value:max","backgroundColor]___[value:surface.primary","paddingInline]___[value:3","boxShadow]___[value:0px 4px 20px 0px rgba(0, 0, 0, 0.10)","left]___[value:50%","transform]___[value:translateX(-50%) translateY(calc(-100% - 0.75rem))","width]___[value:72","height]___[value:4","transform]___[value:translateX(-50%) translateY(0.75rem)","background]___[value:brand.lightest]___[cond:_hover","gap]___[value:2","width]___[value:4","top]___[value:55","overflowY]___[value:auto","width]___[value:16","height]___[value:16","color]___[value:neutral.primary","width]___[value:18","height]___[value:18","width]___[value:1.125rem","height]___[value:1.125rem","overflow]___[value:hidden","objectFit]___[value:cover","borderStartRadius]___[value:input","width]___[value:20","background]___[value:surface.tertiary]___[cond:_hover","borderLeftWidth]___[value:thin","borderRadius]___[value:0","gap]___[value:4","transform]___[value:rotate(180)","width]___[value:14","height]___[value:14","maxHeight]___[value:17.5rem","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","gap]___[value:0","marginTop]___[value:8","marginTop]___[value:4","background]___[value:neutral.quaternary","transition]___[value:background-color 0.2s","background]___[value:neutral.secondary]___[cond:_hover","borderRadius]___[value:lg","borderRadius]___[value:2xl","boxShadow]___[value:0 6px 8px 2px rgba(0, 0, 0, .18)]___[cond:_hover","width]___[value:30","height]___[value:30","minHeight]___[value:20","outlineOffset]___[value:1","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","borderWidth]___[value:thick","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","marginLeft]___[value:3","srOnly]___[value:true","alignItems]___[value:start","borderWidth]___[value:1","maxWidth]___[value:52","gap]___[value:5","gap]___[value:10","transition]___[value:border-color 0.2s ease","width]___[value:6","height]___[value:6","flex]___[value:0 0 auto","width]___[value:3","height]___[value:3","borderRadius]___[value:9999px","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","height]___[value:8","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","gap]___[value:3","marginBlock]___[value:3","height]___[value:2.625rem","width]___[value:2.625rem","overflowWrap]___[value:break-word","wordBreak]___[value:break-word","fontWeight]___[value:600","boxShadow]___[value:0.125rem 0.125rem 1.5rem {colors.ink.70/15}","borderRadius]___[value:1rem","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","cursor]___[value:default","justifyContent]___[value:space-around","minWidth]___[value:15rem","width]___[value:40%","borderLeft]___[value:thin solid","borderColor]___[value:neutral.tertiary","backgroundColor]___[value:magic.10","animation]___[value:fadeIn 0.5s, moveRight 1s 0.5s forwards","borderRadius]___[value:50%","borderWidth]___[value:3px","borderColor]___[value:surface.primary","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","color]___[value:positive.darker","color]___[value:text.tertiary","fontVariant]___[value:no-contextual","marginBlock]___[value:10","height]___[value:250","color]___[value:ink.70","gridTemplateColumns]___[value:2","fontWeight]___[value:bold","gap]___[value:8","width]___[value:40","height]___[value:40"],"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.2s 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.2s 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","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","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.base]___[cond:_groupHover<___>_dark","color]___[value:chalk","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","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","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","height]___[value:full","background]___[value:surface.primary","overflow]___[value:auto","scrollbarWidth]___[value:none","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","backgroundColor]___[value:surface.tertiary","animationName]___[value:fadeIn","animationDuration]___[value:400ms","animationName]___[value:fadeOut","height]___[value:100vh","width]___[value:100vw","maxWidth]___[value:100rem","margin]___[value:0 auto","alignItems]___[value:flex-start","alignItems]___[value:flex-end","opacity]___[value:0.3","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:left","textAlign]___[value:right","fontSize]___[value:xl","transition]___[value:opacity linear 120ms","color]___[value:negative.darker","color]___[value:positive.base","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","display]___[value:grid","gridTemplateColumns]___[value:repeat(6, minmax(0, 1fr))","columnGap]___[value:2rem","rowGap]___[value:2rem","marginTop]___[value:6","gap]___[value:10px","flexDirection]___[value:column","fill]___[value:white","truncate]___[value:true","flexShrink]___[value:0","paddingTop]___[value:6","paddingInline]___[value:8","display]___[value:block","display]___[value:none","position]___[value:absolute","bottom]___[value:0","right]___[value:0","background]___[value:text.primary/20","transform]___[value:translateY(0)","transform]___[value:translateY(100%)","transition]___[value:transform 0.3s","borderRadius]___[value:xl","boxShadow]___[value:0px -12px 56px 0px rgba(119, 118, 122, 0.15)","paddingBottom]___[value:8","justifyContent]___[value:space-between","flexDirection]___[value:row","padding]___[value:6","paddingBottom]___[value:5","minWidth]___[value:8]___[cond:& ><___>_first","minWidth]___[value:8]___[cond:& ><___>_last","outlineStyle]___[value:none","background]___[value:#ffc439","outlineColor]___[value:#ffc439","strokeWidth]___[value:2.5","gap]___[value:1","marginTop]___[value:0.5","width]___[value:60","gap]___[value:1.5","stroke]___[value:text.primary","stroke]___[value:brand.base","stroke]___[value:surface.primary","strokeOpacity]___[value:0.12","animation]___[value:spin 1s linear infinite","transformOrigin]___[value:center center","maxWidth]___[value:72","width]___[value:max","backgroundColor]___[value:surface.primary","paddingInline]___[value:3","boxShadow]___[value:0px 4px 20px 0px rgba(0, 0, 0, 0.10)","left]___[value:50%","transform]___[value:translateX(-50%) translateY(calc(-100% - 0.75rem))","width]___[value:72","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","filter]___[value:blur(10px)","textWrap]___[value:nowrap","overflow]___[value:hidden","textOverflow]___[value:ellipsis","zIndex]___[value:10","gap]___[value:2","width]___[value:20","height]___[value:20","color]___[value:positive.darker","color]___[value:text.tertiary","outlineOffset]___[value:1","fontVariant]___[value:no-contextual","background]___[value:brand.lightest]___[cond:_hover","width]___[value:4","top]___[value:55","overflowY]___[value:auto","width]___[value:16","height]___[value:16","color]___[value:neutral.primary","width]___[value:18","height]___[value:18","width]___[value:1.125rem","height]___[value:1.125rem","objectFit]___[value:cover","borderStartRadius]___[value:input","background]___[value:surface.tertiary]___[cond:_hover","borderLeftWidth]___[value:thin","borderRadius]___[value:0","gap]___[value:4","transform]___[value:rotate(180)","width]___[value:14","height]___[value:14","maxHeight]___[value:17.5rem","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","gap]___[value:0","marginTop]___[value:8","marginTop]___[value:4","transition]___[value:background-color 0.2s","background]___[value:neutral.secondary]___[cond:_hover","borderRadius]___[value:2xl","boxShadow]___[value:0 6px 8px 2px rgba(0, 0, 0, .18)]___[cond:_hover","width]___[value:30","height]___[value:30","minHeight]___[value:20","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","borderWidth]___[value:thick","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","marginLeft]___[value:3","srOnly]___[value:true","alignItems]___[value:start","borderWidth]___[value:1","maxWidth]___[value:52","gap]___[value:5","gap]___[value:10","transition]___[value:border-color 0.2s ease","width]___[value:6","height]___[value:6","flex]___[value:0 0 auto","width]___[value:3","height]___[value:3","borderRadius]___[value:9999px","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","gap]___[value:3","marginBlock]___[value:3","height]___[value:2.625rem","width]___[value:2.625rem","boxShadow]___[value:0.125rem 0.125rem 1.5rem {colors.ink.70/15}","borderRadius]___[value:1rem","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","cursor]___[value:default","backgroundColor]___[value:magic.10","animation]___[value:fadeIn 0.5s, moveRight 1s 0.5s forwards","borderRadius]___[value:50%","borderWidth]___[value:3px","borderColor]___[value:surface.primary","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","gridTemplateColumns]___[value:2","fontWeight]___[value:bold","gap]___[value:8","width]___[value:40","height]___[value:40"],"recipes":{}}}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../../../src/components/info/copy-button.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,QAAA,MAAM,UAAU;sDAAqD,eAAe;;CAyBnF,CAAC;AAIF,eAAe,UAAU,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"email-wbr.d.ts","sourceRoot":"","sources":["../../../../src/components/info/email-wbr.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,QAAQ;gBAAe,aAAa;;CAQzC,CAAC;AAIF,eAAe,QAAQ,CAAC"}
@@ -0,0 +1,11 @@
1
+ export { default as CopyButton } from '../info/copy-button';
2
+ export type { CopyButtonProps } from '../info/copy-button';
3
+ export { default as EmailWbr } from '../info/email-wbr';
4
+ export type { EmailWbrProps } from '../info/email-wbr';
5
+ export { default as SecurityOtp } from '../info/security-otp';
6
+ export type { SecurityOtpProps } from '../info/security-otp';
7
+ export { default as TextBox } from '../info/text-box';
8
+ export type { TextBoxProps } from '../info/text-box';
9
+ export { default as WalletAddress } from '../info/wallet-address';
10
+ export type { WalletAddressProps } from '../info/wallet-address';
11
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/info/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,8BAA8B,CAAC;AACrE,YAAY,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,YAAY,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACvE,YAAY,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAC/D,YAAY,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAC3E,YAAY,EAAE,kBAAkB,EAAE,MAAM,iCAAiC,CAAC"}
@@ -0,0 +1 @@
1
+ {"version":3,"file":"security-otp.d.ts","sourceRoot":"","sources":["../../../../src/components/info/security-otp.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,QAAA,MAAM,WAAW;6BAA4B,gBAAgB;;CAoB5D,CAAC;AAIF,eAAe,WAAW,CAAC"}
@@ -0,0 +1,11 @@
1
+ export interface TextBoxProps {
2
+ content: string;
3
+ onCopy?: (content: string) => void;
4
+ showHideButton?: boolean;
5
+ }
6
+ declare const TextBox: {
7
+ (props: TextBoxProps): import("react/jsx-runtime").JSX.Element;
8
+ displayName: string;
9
+ };
10
+ export default TextBox;
11
+ //# sourceMappingURL=text-box.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text-box.d.ts","sourceRoot":"","sources":["../../../../src/components/info/text-box.tsx"],"names":[],"mappings":"AAQA,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;CAC1B;AAED,QAAA,MAAM,OAAO;YAAW,YAAY;;CA0GnC,CAAC;AAIF,eAAe,OAAO,CAAC"}
@@ -0,0 +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,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,QAAA,MAAM,aAAa,kHA8CjB,CAAC;AAIH,eAAe,aAAa,CAAC"}
@@ -2,18 +2,10 @@ export { default as Animate } from '../utils/animate';
2
2
  export type { AnimateProps } from '../utils/animate';
3
3
  export { ClientAssetLogo } from '../utils/client-asset-logo';
4
4
  export type { ClientAssetLogoProps } from '../utils/client-asset-logo';
5
- export { default as CopyButton } from '../utils/copy-button';
6
- export type { CopyButtonProps } from '../utils/copy-button';
7
- export { default as EmailWbr } from '../utils/email-wbr';
8
- export type { EmailWbrProps } from '../utils/email-wbr';
9
5
  export { default as QRCode } from '../utils/qr-code';
10
6
  export type { QRCodeProps } from '../utils/qr-code';
11
7
  export { default as SecuredByMagic } from '../utils/secured-by-magic';
12
8
  export type { SecuredByMagicProps } from '../utils/secured-by-magic';
13
- export { default as SecurityOtp } from '../utils/security-otp';
14
- export type { SecurityOtpProps } from '../utils/security-otp';
15
9
  export { default as SharedLogo } from '../utils/shared-logo';
16
10
  export type { SharedLogoProps } from '../utils/shared-logo';
17
- export { default as WalletAddress } from '../utils/wallet-address';
18
- export type { WalletAddressProps } from '../utils/wallet-address';
19
11
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAC/D,YAAY,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,YAAY,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACtE,YAAY,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAClE,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAC9D,YAAY,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAC/E,YAAY,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gCAAgC,CAAC;AACxE,YAAY,EAAE,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AACvE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACtE,YAAY,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAC5E,YAAY,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAC/D,YAAY,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,qCAAqC,CAAC;AACtE,YAAY,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAC9D,YAAY,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,oCAAoC,CAAC;AAC/E,YAAY,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAC;AAC9E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,+BAA+B,CAAC;AACtE,YAAY,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC"}
@@ -2,6 +2,7 @@ export * from './components/containers';
2
2
  export * from './components/external';
3
3
  export * from './components/feedback';
4
4
  export * from './components/icons';
5
+ export * from './components/info';
5
6
  export * from './components/inputs';
6
7
  export * from './components/layouts';
7
8
  export * from './components/list-items';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,SAAS,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/recipes/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE3D,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4GhB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,kBAAkB,CAAC,OAAO,KAAK,CAAC,CAAC"}
1
+ {"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../../../src/recipes/modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE3D,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6GhB,CAAC;AAEH,MAAM,MAAM,aAAa,GAAG,kBAAkB,CAAC,OAAO,KAAK,CAAC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@magiclabs/ui-components",
3
- "version": "1.17.1",
3
+ "version": "1.18.0",
4
4
  "description": "💅 A theme-able library of reusable UI components",
5
5
  "author": "Magic Labs <open-source@magic.link>",
6
6
  "repository": {
@@ -1 +0,0 @@
1
- {"version":3,"file":"copy-button.js","sources":["../../../../src/components/utils/copy-button.tsx"],"sourcesContent":["import { IcoCheckmark, IcoCopy } from '@components/icons';\nimport { token } from '@styled/tokens';\nimport { useEffect, useState, useCallback } from 'react';\nimport Button from '../primitives/button';\n\nexport interface CopyButtonProps {\n value: string;\n showText: boolean;\n color?: string;\n onCopy: (value: string) => void;\n}\n\nconst CopyButton = ({ value, showText, color: customColor, onCopy }: CopyButtonProps) => {\n const color = customColor || token('colors.text.primary');\n\n const [isCopied, setIsCopied] = useState(false);\n\n useEffect(() => {\n if (isCopied) {\n setTimeout(() => {\n setIsCopied(false);\n }, 2500);\n }\n }, [isCopied]);\n\n const handleOnCopy = useCallback(() => {\n onCopy(value);\n setIsCopied(true);\n }, [value]);\n\n const text = showText ? (!isCopied ? 'Copy' : 'Copied!') : undefined;\n\n return (\n <Button label={text} variant=\"text\" onPress={handleOnCopy} iconSize={!isCopied ? 16 : 12}>\n <Button.LeadingIcon>{!isCopied ? <IcoCopy color={color} /> : <IcoCheckmark color={color} />}</Button.LeadingIcon>\n </Button>\n );\n};\n\nCopyButton.displayName = 'CopyButton';\n\nexport default CopyButton;\n"],"names":["CopyButton","value","showText","customColor","onCopy","color","token","isCopied","setIsCopied","useState","useEffect","handleOnCopy","useCallback","_jsx","Button","IcoCheckmark","IcoCopy"],"mappings":"oQAYA,MAAMA,EAAa,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,MAAOC,EAAa,OAAAC,CAAM,IAAuB,CACtF,MAAMC,EAAQF,GAAeG,EAAAA,MAAM,qBAAqB,EAElD,CAACC,EAAUC,CAAW,EAAIC,EAAAA,SAAS,EAAK,EAE9CC,YAAU,IAAK,CACTH,GACF,WAAW,IAAK,CACdC,EAAY,EAAK,CACnB,EAAG,IAAI,CAEX,EAAG,CAACD,CAAQ,CAAC,EAEb,MAAMI,EAAeC,EAAAA,YAAY,IAAK,CACpCR,EAAOH,CAAK,EACZO,EAAY,EAAI,CAClB,EAAG,CAACP,CAAK,CAAC,EAIV,OACEY,EAAAA,IAACC,EAAO,QAAA,CAAA,MAHGZ,EAAaK,EAAoB,UAAT,OAAsB,OAGpC,QAAQ,OAAO,QAASI,EAAc,SAAWJ,EAAgB,GAAL,GAAO,SACtFM,EAAAA,IAACC,EAAAA,QAAO,YAAa,CAAA,SAACP,EAAuCM,EAAAA,IAACE,EAAAA,QAAa,CAAA,MAAOV,CAAS,CAAA,EAA1DQ,EAAAA,IAACG,EAAAA,QAAQ,CAAA,MAAOX,CAAS,CAAA,CAAiC,CAAA,CACpF,CAAA,CAEb,EAEAL,EAAW,YAAc"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"email-wbr.js","sources":["../../../../src/components/utils/email-wbr.tsx"],"sourcesContent":["import { css } from '@styled/css';\n\nexport interface EmailWbrProps {\n email: string;\n}\n\nconst EmailWbr = ({ email }: EmailWbrProps) => {\n const emailSplit = email.split('@');\n return (\n <span className={css({ overflowWrap: 'break-word', wordBreak: 'break-word', fontWeight: 600 })}>\n {emailSplit[0]}\n <wbr />@{emailSplit[1]}\n </span>\n );\n};\n\nEmailWbr.displayName = 'EmailWbr';\n\nexport default EmailWbr;\n"],"names":["EmailWbr","email","emailSplit","_jsxs","css","_jsx"],"mappings":"gIAMMA,MAAAA,EAAW,CAAC,CAAE,MAAAC,CAAK,IAAqB,CAC5C,MAAMC,EAAaD,EAAM,MAAM,GAAG,EAClC,OACEE,EAAAA,KAAA,OAAA,CAAM,UAAWC,EAAAA,IAAI,CAAE,aAAc,aAAc,UAAW,aAAc,WAAY,GAAG,CAAE,EAAC,SAAA,CAC3FF,EAAW,CAAC,EACbG,MAAO,MAAA,CAAA,CAAA,EAAA,IAAEH,EAAW,CAAC,CAAC,CAAA,CAAA,CAG5B,EAEAF,EAAS,YAAc"}
@@ -1,2 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime");require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var n=require("../primitives/text.js"),r=require("@styled/jsx");require("react"),require("./client-asset-logo.js");var a=require("./copy-button.js");require("./email-wbr.js"),require("@styled/css"),require("@styled/tokens"),require("react-qrcode-logo"),require("./secured-by-magic.js"),require("./wallet-address.js");const i=({otp:t,color:u,onCopy:o})=>e.jsxs(r.HStack,{bg:"neutral.quaternary",p:3,rounded:"lg",minWidth:"15rem",justifyContent:"space-around",alignItems:"center",width:"full",children:[e.jsx(r.HStack,{width:"40%",justifyContent:"space-around",children:e.jsx(n.default.Mono,{styles:{fontSize:"24px",lineHeight:"27px"},children:t})}),e.jsx(r.Box,{borderLeft:"thin solid",borderColor:"neutral.tertiary",height:8}),e.jsx(r.HStack,{width:"40%",justifyContent:"space-around",children:e.jsx(a.default,{value:t,showText:!0,color:u,onCopy:o})})]});i.displayName="SecurityOtp",exports.default=i;
2
- //# sourceMappingURL=security-otp.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"security-otp.js","sources":["../../../../src/components/utils/security-otp.tsx"],"sourcesContent":["import { Text } from '@components/primitives';\nimport { Box, HStack } from '@styled/jsx';\nimport { CopyButton } from '@components/utils/index';\n\nexport interface SecurityOtpProps {\n otp: string | number;\n color: string;\n onCopy: (value: string) => void;\n}\n\nconst SecurityOtp = ({ otp, color, onCopy }: SecurityOtpProps) => {\n return (\n <HStack\n bg=\"neutral.quaternary\"\n p={3}\n rounded=\"lg\"\n minWidth=\"15rem\"\n justifyContent=\"space-around\"\n alignItems=\"center\"\n width=\"full\"\n >\n <HStack width=\"40%\" justifyContent=\"space-around\">\n <Text.Mono styles={{ fontSize: '24px', lineHeight: '27px' }}>{otp}</Text.Mono>\n </HStack>\n <Box borderLeft=\"thin solid\" borderColor=\"neutral.tertiary\" height={8} />\n <HStack width=\"40%\" justifyContent=\"space-around\">\n <CopyButton value={otp as string} showText={true} color={color} onCopy={onCopy} />\n </HStack>\n </HStack>\n );\n};\n\nSecurityOtp.displayName = 'SecurityOtp';\n\nexport default SecurityOtp;\n"],"names":["SecurityOtp","otp","color","onCopy","_jsxs","HStack","_jsx","Text","Box","CopyButton"],"mappings":"moBAUMA,MAAAA,EAAc,CAAC,CAAE,IAAAC,EAAK,MAAAC,EAAO,OAAAC,CAA0B,IAEzDC,EAAAA,KAACC,EAAAA,OACC,CAAA,GAAG,qBACH,EAAG,EACH,QAAQ,KACR,SAAS,QACT,eAAe,eACf,WAAW,SACX,MAAM,OAAM,SAAA,CAEZC,EAAAA,IAACD,EAAAA,QAAO,MAAM,MAAM,eAAe,eACjC,SAAAC,EAAAA,IAACC,EAAAA,QAAK,KAAI,CAAC,OAAQ,CAAE,SAAU,OAAQ,WAAY,MAAM,EAAK,SAAAN,CAAgB,CAAA,CAAA,CAAA,EAEhFK,EAACE,IAAAA,MAAI,CAAA,WAAW,aAAa,YAAY,mBAAmB,OAAQ,CAAC,CAAA,EACrEF,EAAAA,IAACD,SAAM,CAAC,MAAM,MAAM,eAAe,eACjC,SAAAC,EAACG,IAAAA,EAAAA,QAAU,CAAC,MAAOR,EAAe,SAAU,GAAM,MAAOC,EAAO,OAAQC,CAAU,CAAA,CAAA,CAAA,CAC3E,CACF,CAAA,EAIbH,EAAY,YAAc"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"wallet-address.js","sources":["../../../../src/components/utils/wallet-address.tsx"],"sourcesContent":["import { css } from '@styled/css';\nimport { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing } from 'react-aria';\n\nexport interface WalletAddressProps extends AriaButtonProps {\n address: string;\n onCopy: (address: string) => void;\n}\n\nconst WalletAddress = forwardRef<HTMLButtonElement, WalletAddressProps>((props, forwardedRef) => {\n const { address, onCopy } = props;\n const [isCopied, setIsCopied] = useState(false);\n const truncatedAddress = `${address.slice(0, 6)}...${address?.slice(-4)}`;\n\n const internalRef = useRef(null);\n const ref = forwardedRef || internalRef;\n\n const handleOnCopy = useCallback(() => {\n onCopy(address);\n setIsCopied(true);\n }, [address]);\n\n const { buttonProps } = useButton({ ...props, onPress: handleOnCopy }, ref as React.RefObject<HTMLButtonElement>);\n const { isFocusVisible, focusProps } = useFocusRing();\n\n useEffect(() => {\n if (isCopied) {\n const timeoutId = setTimeout(() => {\n setIsCopied(false);\n }, 1500);\n\n return () => clearTimeout(timeoutId);\n }\n }, [isCopied]);\n\n return (\n <button\n ref={ref}\n {...mergeProps(buttonProps, focusProps)}\n className={css({\n fontSize: 'md',\n color: isCopied ? 'positive.darker' : 'text.tertiary',\n fontWeight: isCopied ? 'medium' : 'normal',\n rounded: 'button',\n outlineColor: 'brand.base',\n outlineStyle: isFocusVisible ? 'solid' : 'none',\n outlineWidth: 'thick',\n outlineOffset: 1,\n cursor: 'pointer',\n fontVariant: 'no-contextual',\n })}\n >\n {isCopied ? 'Copied!' : truncatedAddress}\n </button>\n );\n});\n\nWalletAddress.displayName = 'WalletAddress';\n\nexport default WalletAddress;\n"],"names":["WalletAddress","forwardRef","props","forwardedRef","address","onCopy","isCopied","setIsCopied","useState","truncatedAddress","internalRef","useRef","ref","handleOnCopy","useCallback","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","useEffect","timeoutId","_jsx","mergeProps","css"],"mappings":"iLASMA,EAAgBC,EAAAA,WAAkD,CAACC,EAAOC,IAAgB,CAC9F,KAAM,CAAE,QAAAC,EAAS,OAAAC,CAAQ,EAAGH,EACtB,CAACI,EAAUC,CAAW,EAAIC,EAAS,SAAA,EAAK,EACxCC,EAAmB,GAAGL,EAAQ,MAAM,EAAG,CAAC,CAAC,MAAMA,GAAS,MAAM,EAAE,CAAC,GAEjEM,EAAcC,SAAO,IAAI,EACzBC,EAAMT,GAAgBO,EAEtBG,EAAeC,EAAAA,YAAY,IAAK,CACpCT,EAAOD,CAAO,EACdG,EAAY,EAAI,CAClB,EAAG,CAACH,CAAO,CAAC,EAEN,CAAE,YAAAW,CAAW,EAAKC,EAAAA,UAAU,CAAE,GAAGd,EAAO,QAASW,GAAgBD,CAAyC,EAC1G,CAAE,eAAAK,EAAgB,WAAAC,GAAeC,EAAAA,eAEvC,OAAAC,EAAAA,UAAU,IAAK,CACb,GAAId,EAAU,CACZ,MAAMe,EAAY,WAAW,IAAK,CAChCd,EAAY,EAAK,CACnB,EAAG,IAAI,EAEP,MAAO,IAAM,aAAac,CAAS,CACrC,CACF,EAAG,CAACf,CAAQ,CAAC,EAGXgB,MACE,SAAA,CAAA,IAAKV,KACDW,aAAWR,EAAaG,CAAU,EACtC,UAAWM,EAAAA,IAAI,CACb,SAAU,KACV,MAAOlB,EAAW,kBAAoB,gBACtC,WAAYA,EAAW,SAAW,SAClC,QAAS,SACT,aAAc,aACd,aAAcW,EAAiB,QAAU,OACzC,aAAc,QACd,cAAe,EACf,OAAQ,UACR,YAAa,eACd,CAAA,EAEA,SAAAX,EAAW,UAAYG,CACjB,CAAA,CAEb,CAAC,EAEDT,EAAc,YAAc"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"copy-button.js","sources":["../../../../src/components/utils/copy-button.tsx"],"sourcesContent":["import { IcoCheckmark, IcoCopy } from '@components/icons';\nimport { token } from '@styled/tokens';\nimport { useEffect, useState, useCallback } from 'react';\nimport Button from '../primitives/button';\n\nexport interface CopyButtonProps {\n value: string;\n showText: boolean;\n color?: string;\n onCopy: (value: string) => void;\n}\n\nconst CopyButton = ({ value, showText, color: customColor, onCopy }: CopyButtonProps) => {\n const color = customColor || token('colors.text.primary');\n\n const [isCopied, setIsCopied] = useState(false);\n\n useEffect(() => {\n if (isCopied) {\n setTimeout(() => {\n setIsCopied(false);\n }, 2500);\n }\n }, [isCopied]);\n\n const handleOnCopy = useCallback(() => {\n onCopy(value);\n setIsCopied(true);\n }, [value]);\n\n const text = showText ? (!isCopied ? 'Copy' : 'Copied!') : undefined;\n\n return (\n <Button label={text} variant=\"text\" onPress={handleOnCopy} iconSize={!isCopied ? 16 : 12}>\n <Button.LeadingIcon>{!isCopied ? <IcoCopy color={color} /> : <IcoCheckmark color={color} />}</Button.LeadingIcon>\n </Button>\n );\n};\n\nCopyButton.displayName = 'CopyButton';\n\nexport default CopyButton;\n"],"names":["CopyButton","value","showText","customColor","onCopy","color","token","isCopied","setIsCopied","useState","useEffect","handleOnCopy","useCallback","_jsx","Button","IcoCheckmark","IcoCopy"],"mappings":"oQAYA,MAAMA,EAAa,CAAC,CAAE,MAAAC,EAAO,SAAAC,EAAU,MAAOC,EAAa,OAAAC,CAAM,IAAuB,CACtF,MAAMC,EAAQF,GAAeG,EAAM,qBAAqB,EAElD,CAACC,EAAUC,CAAW,EAAIC,EAAS,EAAK,EAE9CC,EAAU,IAAK,CACTH,GACF,WAAW,IAAK,CACdC,EAAY,EAAK,CACnB,EAAG,IAAI,CAEX,EAAG,CAACD,CAAQ,CAAC,EAEb,MAAMI,EAAeC,EAAY,IAAK,CACpCR,EAAOH,CAAK,EACZO,EAAY,EAAI,CAClB,EAAG,CAACP,CAAK,CAAC,EAIV,OACEY,EAACC,EAAO,CAAA,MAHGZ,EAAaK,EAAoB,UAAT,OAAsB,OAGpC,QAAQ,OAAO,QAASI,EAAc,SAAWJ,EAAgB,GAAL,GAAO,SACtFM,EAACC,EAAO,YAAa,CAAA,SAACP,EAAuCM,EAACE,EAAa,CAAA,MAAOV,CAAS,CAAA,EAA1DQ,EAACG,EAAQ,CAAA,MAAOX,CAAS,CAAA,CAAiC,CAAA,CACpF,CAAA,CAEb,EAEAL,EAAW,YAAc"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"email-wbr.js","sources":["../../../../src/components/utils/email-wbr.tsx"],"sourcesContent":["import { css } from '@styled/css';\n\nexport interface EmailWbrProps {\n email: string;\n}\n\nconst EmailWbr = ({ email }: EmailWbrProps) => {\n const emailSplit = email.split('@');\n return (\n <span className={css({ overflowWrap: 'break-word', wordBreak: 'break-word', fontWeight: 600 })}>\n {emailSplit[0]}\n <wbr />@{emailSplit[1]}\n </span>\n );\n};\n\nEmailWbr.displayName = 'EmailWbr';\n\nexport default EmailWbr;\n"],"names":["EmailWbr","email","emailSplit","_jsxs","css","_jsx"],"mappings":"oFAMMA,MAAAA,EAAW,CAAC,CAAE,MAAAC,CAAK,IAAqB,CAC5C,MAAMC,EAAaD,EAAM,MAAM,GAAG,EAClC,OACEE,EAAA,OAAA,CAAM,UAAWC,EAAI,CAAE,aAAc,aAAc,UAAW,aAAc,WAAY,GAAG,CAAE,EAAC,SAAA,CAC3FF,EAAW,CAAC,EACbG,EAAO,MAAA,CAAA,CAAA,EAAA,IAAEH,EAAW,CAAC,CAAC,CAAA,CAAA,CAG5B,EAEAF,EAAS,YAAc"}
@@ -1,2 +0,0 @@
1
- import{jsxs as n,jsx as t}from"react/jsx-runtime";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import m from"../primitives/text.js";import{HStack as o,Box as l}from"@styled/jsx";import"react";import"./client-asset-logo.js";import a from"./copy-button.js";import"./email-wbr.js";import"@styled/css";import"@styled/tokens";import"react-qrcode-logo";import"./secured-by-magic.js";import"./wallet-address.js";const i=({otp:r,color:e,onCopy:p})=>n(o,{bg:"neutral.quaternary",p:3,rounded:"lg",minWidth:"15rem",justifyContent:"space-around",alignItems:"center",width:"full",children:[t(o,{width:"40%",justifyContent:"space-around",children:t(m.Mono,{styles:{fontSize:"24px",lineHeight:"27px"},children:r})}),t(l,{borderLeft:"thin solid",borderColor:"neutral.tertiary",height:8}),t(o,{width:"40%",justifyContent:"space-around",children:t(a,{value:r,showText:!0,color:e,onCopy:p})})]});i.displayName="SecurityOtp";export{i as default};
2
- //# sourceMappingURL=security-otp.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"security-otp.js","sources":["../../../../src/components/utils/security-otp.tsx"],"sourcesContent":["import { Text } from '@components/primitives';\nimport { Box, HStack } from '@styled/jsx';\nimport { CopyButton } from '@components/utils/index';\n\nexport interface SecurityOtpProps {\n otp: string | number;\n color: string;\n onCopy: (value: string) => void;\n}\n\nconst SecurityOtp = ({ otp, color, onCopy }: SecurityOtpProps) => {\n return (\n <HStack\n bg=\"neutral.quaternary\"\n p={3}\n rounded=\"lg\"\n minWidth=\"15rem\"\n justifyContent=\"space-around\"\n alignItems=\"center\"\n width=\"full\"\n >\n <HStack width=\"40%\" justifyContent=\"space-around\">\n <Text.Mono styles={{ fontSize: '24px', lineHeight: '27px' }}>{otp}</Text.Mono>\n </HStack>\n <Box borderLeft=\"thin solid\" borderColor=\"neutral.tertiary\" height={8} />\n <HStack width=\"40%\" justifyContent=\"space-around\">\n <CopyButton value={otp as string} showText={true} color={color} onCopy={onCopy} />\n </HStack>\n </HStack>\n );\n};\n\nSecurityOtp.displayName = 'SecurityOtp';\n\nexport default SecurityOtp;\n"],"names":["SecurityOtp","otp","color","onCopy","_jsxs","HStack","_jsx","Text","Box","CopyButton"],"mappings":"qjBAUMA,MAAAA,EAAc,CAAC,CAAE,IAAAC,EAAK,MAAAC,EAAO,OAAAC,CAA0B,IAEzDC,EAACC,EACC,CAAA,GAAG,qBACH,EAAG,EACH,QAAQ,KACR,SAAS,QACT,eAAe,eACf,WAAW,SACX,MAAM,OAAM,SAAA,CAEZC,EAACD,GAAO,MAAM,MAAM,eAAe,eACjC,SAAAC,EAACC,EAAK,KAAI,CAAC,OAAQ,CAAE,SAAU,OAAQ,WAAY,MAAM,EAAK,SAAAN,CAAgB,CAAA,CAAA,CAAA,EAEhFK,EAACE,EAAI,CAAA,WAAW,aAAa,YAAY,mBAAmB,OAAQ,CAAC,CAAA,EACrEF,EAACD,EAAM,CAAC,MAAM,MAAM,eAAe,eACjC,SAAAC,EAACG,EAAU,CAAC,MAAOR,EAAe,SAAU,GAAM,MAAOC,EAAO,OAAQC,CAAU,CAAA,CAAA,CAAA,CAC3E,CACF,CAAA,EAIbH,EAAY,YAAc"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"wallet-address.js","sources":["../../../../src/components/utils/wallet-address.tsx"],"sourcesContent":["import { css } from '@styled/css';\nimport { forwardRef, useCallback, useEffect, useRef, useState } from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing } from 'react-aria';\n\nexport interface WalletAddressProps extends AriaButtonProps {\n address: string;\n onCopy: (address: string) => void;\n}\n\nconst WalletAddress = forwardRef<HTMLButtonElement, WalletAddressProps>((props, forwardedRef) => {\n const { address, onCopy } = props;\n const [isCopied, setIsCopied] = useState(false);\n const truncatedAddress = `${address.slice(0, 6)}...${address?.slice(-4)}`;\n\n const internalRef = useRef(null);\n const ref = forwardedRef || internalRef;\n\n const handleOnCopy = useCallback(() => {\n onCopy(address);\n setIsCopied(true);\n }, [address]);\n\n const { buttonProps } = useButton({ ...props, onPress: handleOnCopy }, ref as React.RefObject<HTMLButtonElement>);\n const { isFocusVisible, focusProps } = useFocusRing();\n\n useEffect(() => {\n if (isCopied) {\n const timeoutId = setTimeout(() => {\n setIsCopied(false);\n }, 1500);\n\n return () => clearTimeout(timeoutId);\n }\n }, [isCopied]);\n\n return (\n <button\n ref={ref}\n {...mergeProps(buttonProps, focusProps)}\n className={css({\n fontSize: 'md',\n color: isCopied ? 'positive.darker' : 'text.tertiary',\n fontWeight: isCopied ? 'medium' : 'normal',\n rounded: 'button',\n outlineColor: 'brand.base',\n outlineStyle: isFocusVisible ? 'solid' : 'none',\n outlineWidth: 'thick',\n outlineOffset: 1,\n cursor: 'pointer',\n fontVariant: 'no-contextual',\n })}\n >\n {isCopied ? 'Copied!' : truncatedAddress}\n </button>\n );\n});\n\nWalletAddress.displayName = 'WalletAddress';\n\nexport default WalletAddress;\n"],"names":["WalletAddress","forwardRef","props","forwardedRef","address","onCopy","isCopied","setIsCopied","useState","truncatedAddress","internalRef","useRef","ref","handleOnCopy","useCallback","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","useEffect","timeoutId","_jsx","mergeProps","css"],"mappings":"sPASMA,EAAgBC,EAAkD,CAACC,EAAOC,IAAgB,CAC9F,KAAM,CAAE,QAAAC,EAAS,OAAAC,CAAQ,EAAGH,EACtB,CAACI,EAAUC,CAAW,EAAIC,EAAS,EAAK,EACxCC,EAAmB,GAAGL,EAAQ,MAAM,EAAG,CAAC,CAAC,MAAMA,GAAS,MAAM,EAAE,CAAC,GAEjEM,EAAcC,EAAO,IAAI,EACzBC,EAAMT,GAAgBO,EAEtBG,EAAeC,EAAY,IAAK,CACpCT,EAAOD,CAAO,EACdG,EAAY,EAAI,CAClB,EAAG,CAACH,CAAO,CAAC,EAEN,CAAE,YAAAW,CAAW,EAAKC,EAAU,CAAE,GAAGd,EAAO,QAASW,GAAgBD,CAAyC,EAC1G,CAAE,eAAAK,EAAgB,WAAAC,GAAeC,IAEvC,OAAAC,EAAU,IAAK,CACb,GAAId,EAAU,CACZ,MAAMe,EAAY,WAAW,IAAK,CAChCd,EAAY,EAAK,CACnB,EAAG,IAAI,EAEP,MAAO,IAAM,aAAac,CAAS,CACrC,CACF,EAAG,CAACf,CAAQ,CAAC,EAGXgB,EACE,SAAA,CAAA,IAAKV,KACDW,EAAWR,EAAaG,CAAU,EACtC,UAAWM,EAAI,CACb,SAAU,KACV,MAAOlB,EAAW,kBAAoB,gBACtC,WAAYA,EAAW,SAAW,SAClC,QAAS,SACT,aAAc,aACd,aAAcW,EAAiB,QAAU,OACzC,aAAc,QACd,cAAe,EACf,OAAQ,UACR,YAAa,eACd,CAAA,EAEA,SAAAX,EAAW,UAAYG,CACjB,CAAA,CAEb,CAAC,EAEDT,EAAc,YAAc"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"copy-button.d.ts","sourceRoot":"","sources":["../../../../src/components/utils/copy-button.tsx"],"names":[],"mappings":"AAKA,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,QAAA,MAAM,UAAU;sDAAqD,eAAe;;CAyBnF,CAAC;AAIF,eAAe,UAAU,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"email-wbr.d.ts","sourceRoot":"","sources":["../../../../src/components/utils/email-wbr.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,QAAQ;gBAAe,aAAa;;CAQzC,CAAC;AAIF,eAAe,QAAQ,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"security-otp.d.ts","sourceRoot":"","sources":["../../../../src/components/utils/security-otp.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,gBAAgB;IAC/B,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACjC;AAED,QAAA,MAAM,WAAW;6BAA4B,gBAAgB;;CAoB5D,CAAC;AAIF,eAAe,WAAW,CAAC"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"wallet-address.d.ts","sourceRoot":"","sources":["../../../../src/components/utils/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,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AAED,QAAA,MAAM,aAAa,kHA8CjB,CAAC;AAIH,eAAe,aAAa,CAAC"}
File without changes