npm - @magiclabs/ui-components - Versions diffs - 1.36.9 → 1.36.11 - Mend

@magiclabs/ui-components 1.36.9 → 1.36.11

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 (25) hide show

package/dist/cjs/components/layouts/wallet-page/account-menu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),d=require("../../primitives/button.js");require("../../primitives/checkbox.js"),require("../../primitives/dropdown-selector.js");var o=require("../../primitives/popover.js");require("../../primitives/radio.js"),require("../../primitives/segmented-control.js"),require("../../primitives/switch.js");var n=require("../../primitives/text.js"),p=require("@styled/css/css"),a=require("@styled/jsx"),l=require("react");const f=({avatarUrl:s,email:r,name:t,logoutLabel:c="Log out",onLogout:u})=>{const[x,i]=l.useState(!1);return l.useEffect(()=>{i(!1)},[s]),e.jsxs(o.Popover,{iconSize:28,placement:"bottom right",variant:"text",children:[e.jsx(o.Popover.LeadingIcon,{children:s&&!x?e.jsx("img",{style:{borderRadius:"50%"},src:s,alt:"user avatar",onError:()=>i(!0)}):e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",children:[e.jsx("circle",{cx:"14",cy:"14",r:"13",fill:"url(#paint0_radial_3600_63997)",stroke:"white",strokeOpacity:"0.24",strokeWidth:"0.5"}),e.jsx("defs",{children:e.jsxs("radialGradient",{id:"paint0_radial_3600_63997",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(15 30.75) rotate(-90) scale(37.3333 65.833)",children:[e.jsx("stop",{offset:"0.01",stopColor:"#FFF507"}),e.jsx("stop",{offset:"0.259381",stopColor:"#F09BEB"}),e.jsx("stop",{offset:"0.598165",stopColor:"#412CB9"}),e.jsx("stop",{offset:"1",stopColor:"#18171A"})]})})]})}),e.jsx(o.Popover.Content,{className:p.css({w:t&&r?"200px":"fit-content",maxW:"200px"}),children:e.jsxs(a.Stack,{w:"full",alignItems:"start",gap:0,children:[(r||t)&&e.jsxs(a.Stack,{w:"full",gap:1,children:[t&&e.jsx(n.default,{fontWeight:"medium",children:t}),r&&e.jsx(n.default,{size:"sm",truncate:!0,fontColor:"text.secondary",children:r})]}),(r||t)&&e.jsx(a.Divider,{color:"surface.quaternary",my:3,minW:"88px"}),e.jsx(d.default,{label:c,textStyle:"negative",variant:"text",size:"sm",onPress:u})]})})]})};exports.AccountMenu=f;
+"use strict";var e=require("react/jsx-runtime"),h=require("@styled/tokens"),j=require("../../icons/ico-qrcode.js"),m=require("../../primitives/button.js");require("../../primitives/checkbox.js"),require("../../primitives/dropdown-selector.js");var o=require("../../primitives/popover.js");require("../../primitives/radio.js"),require("../../primitives/segmented-control.js"),require("../../primitives/switch.js");var l=require("../../primitives/text.js"),u=require("@styled/css/css"),s=require("@styled/jsx"),x=require("react");const v=({avatarUrl:i,email:r,name:t,logoutLabel:d="Log out",onReceive:a,onLogout:f})=>{const[p,n]=x.useState(!1);x.useEffect(()=>{n(!1)},[i]);const c=()=>e.jsxs(o.Popover,{iconSize:28,placement:"bottom right",variant:"text",children:[e.jsx(o.Popover.LeadingIcon,{children:i&&!p?e.jsx("img",{style:{borderRadius:"50%"},src:i,alt:"user avatar",onError:()=>n(!0)}):e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",children:[e.jsx("circle",{cx:"14",cy:"14",r:"13",fill:"url(#paint0_radial_3600_63997)",stroke:"white",strokeOpacity:"0.24",strokeWidth:"0.5"}),e.jsx("defs",{children:e.jsxs("radialGradient",{id:"paint0_radial_3600_63997",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(15 30.75) rotate(-90) scale(37.3333 65.833)",children:[e.jsx("stop",{offset:"0.01",stopColor:"#FFF507"}),e.jsx("stop",{offset:"0.259381",stopColor:"#F09BEB"}),e.jsx("stop",{offset:"0.598165",stopColor:"#412CB9"}),e.jsx("stop",{offset:"1",stopColor:"#18171A"})]})})]})}),e.jsx(o.Popover.Content,{className:u.css({w:t&&r?"200px":"fit-content",maxW:"200px"}),children:e.jsxs(s.Stack,{w:"full",alignItems:"start",gap:0,children:[(r||t)&&e.jsxs(s.Stack,{w:"full",gap:1,children:[t&&e.jsx(l.default,{fontWeight:"medium",children:t}),r&&e.jsx(l.default,{size:"sm",truncate:!0,fontColor:"text.secondary",children:r})]}),(r||t)&&e.jsx(s.Divider,{color:"surface.quaternary",my:3,minW:"88px"}),e.jsx(m.default,{label:d,textStyle:"negative",variant:"text",size:"sm",onPress:f})]})})]});return a?e.jsxs(s.HStack,{gap:1,minWidth:"fit-content",minHeight:"fit-content",children:[e.jsx(s.Box,{onClick:a,cursor:"pointer",transition:"transform 0.1s",_active:{transform:"scale(0.95)"},className:u.css({"@media (max-width: 370px)":{display:"none"}}),children:e.jsx(j.default,{height:18,width:18,color:h.token("colors.text.secondary")})}),e.jsx(c,{})]}):e.jsx(c,{})};exports.AccountMenu=v;
 //# sourceMappingURL=account-menu.js.map

package/dist/cjs/components/layouts/wallet-page/account-menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"account-menu.js","sources":["../../../../../src/components/layouts/wallet-page/account-menu.tsx"],"sourcesContent":["import { Button, Popover, Text } from '@components/primitives';\nimport { css } from '@styled/css/css';\nimport { Divider, Stack } from '@styled/jsx';\nimport { useEffect, useState } from 'react';\n\nexport interface AccountMenuProps {\n avatarUrl?: string;\n email?: string;\n name?: string;\n logoutLabel?: string;\n onLogout?: () => void;\n}\n\nexport const AccountMenu = ({ avatarUrl, email, name, logoutLabel = 'Log out', onLogout }: AccountMenuProps) => {\n const [error, setError] = useState(false);\n\n useEffect(() => {\n setError(false);\n }, [avatarUrl]);\n\n ~~return~~ (\n <Popover iconSize={28} placement=\"bottom right\" variant=\"text\">\n <Popover.LeadingIcon>\n {avatarUrl && !error ? (\n <img style={{ borderRadius: '50%' }} src={avatarUrl} alt=\"user avatar\" onError={() => setError(true)} />\n ) : (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\">\n <circle\n cx=\"14\"\n cy=\"14\"\n r=\"13\"\n fill=\"url(#paint0_radial_3600_63997)\"\n stroke=\"white\"\n strokeOpacity=\"0.24\"\n strokeWidth=\"0.5\"\n />\n <defs>\n <radialGradient\n id=\"paint0_radial_3600_63997\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(15 30.75) rotate(-90) scale(37.3333 65.833)\"\n >\n <stop offset=\"0.01\" stopColor=\"#FFF507\" />\n <stop offset=\"0.259381\" stopColor=\"#F09BEB\" />\n <stop offset=\"0.598165\" stopColor=\"#412CB9\" />\n <stop offset=\"1\" stopColor=\"#18171A\" />\n </radialGradient>\n </defs>\n </svg>\n )}\n </Popover.LeadingIcon>\n <Popover.Content className={css({ w: name && email ? '200px' : 'fit-content', maxW: '200px' })}>\n <Stack w=\"full\" alignItems=\"start\" gap={0}>\n {(email \|\| name) && (\n <Stack w=\"full\" gap={1}>\n {name && <Text fontWeight=\"medium\">{name}</Text>}\n {email && (\n <Text size=\"sm\" truncate fontColor=\"text.secondary\">\n {email}\n </Text>\n )}\n </Stack>\n )}\n {(email \|\| name) && <Divider color=\"surface.quaternary\" my={3} minW=\"88px\" />}\n <Button label={logoutLabel} textStyle=\"negative\" variant=\"text\" size=\"sm\" onPress={onLogout} />\n </Stack>\n </Popover.Content>\n </Popover>\n );\n};\n"],"names":["AccountMenu","avatarUrl","email","name","logoutLabel","onLogout","error","setError","useState","useEffect","_jsxs","Popover","_jsx","css","Stack","Text","Divider","Button"],"mappings":"~~6cAaa~~,MAAAA,EAAc,CAAC,~~CAAE~~,UAAAC,~~EAAW~~,MAAAC,~~EAAO~~,KAAAC,~~EAAM~~,YAAAC,EAAc,~~UAAW~~,SAAAC,~~CAAQ~~,~~IAAwB~~,~~CAC7G~~,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAK,~~EAExC~~,~~OAAAC,~~YAAU,IAAK,CACbF,EAAS,EAAK,CAChB,EAAG,~~CAACN~~,CAAS,CAAC,~~EAGZS~~,EAAAA,KAACC,~~UAAQ~~,CAAA,SAAU,GAAI,UAAU,eAAe,QAAQ,~~iBACtDC~~,~~EAACD~~,~~IAAAA~~,EAAAA,~~QAAQ~~,~~sBACNV~~,GAAa,~~CAACK~~,~~EACbM~~,EAAAA,~~IAAA~~,~~MAAA,CAAK,~~MAAO,CAAE,aAAc,~~OAAS~~,~~IAAKX~~,EAAW,IAAI,cAAc,QAAS,~~IAAMM~~,EAAS,EAAI,~~CAAK~~,CAAA,~~EAExGG~~,~~EAAA~~,~~KAAA,~~MAAA,~~CAAK~~,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,~~OACtF~~,SAAA,~~CAAAE~~,~~EAAAA~~,~~IAAA,~~SAAA,~~CACE~~,GAAG,KACH,GAAG,KACH,EAAE,KACF,KAAK,iCACL,OAAO,QACP,cAAc,OACd,YAAY,~~KAAK~~,~~CAAA,EAEnBA,~~EAAAA,IAAA,OAAA,CAAA,SACEF,EAAAA,uBACE,GAAG,2BACH,GAAG,IACH,GAAG,IACH,EAAE,IACF,cAAc,iBACd,kBAAkB,kEAElBE,~~EAAAA~~,~~IAAM,~~OAAA,CAAA,OAAO,OAAO,UAAU,SAAY,CAAA,EAC1CA,EAAAA,~~IAAM~~,~~OAAA,CAAA,~~OAAO,WAAW,UAAU,~~SAAY~~,~~CAAA~~,~~EAC9CA~~,~~EAAAA~~,~~YAAM~~,OAAO,WAAW,UAAU,~~YAClCA~~,~~EAAA~~,~~IAAA~~,OAAA,CAAM,OAAO,IAAI,UAAU,~~WAAY~~,~~CACxB~~,CAAA,CAAA,CAAA,~~CACZ~~,~~CACH~~,CAAA,~~IAGVA~~,EAAAA,IAACD,EAAAA,QAAQ,~~QAAQ~~,~~CAAA~~,UAAWE,EAAAA,IAAI,CAAE,~~EAAGV~~,GAAQD,EAAQ,QAAU,cAAe,KAAM,~~OAAS~~,~~CAAA~~,~~WAC3FQ~~,OAACI,~~EAAM~~,~~MAAA~~,~~CAAA~~,EAAE,OAAO,WAAW,QAAQ,IAAK,~~EAAC~~,~~SAAA,EACrCZ,~~GAASC,~~IACTO~~,EAAAA,KAACI,~~QAAK~~,~~CAAC~~,EAAE,OAAO,IAAK,~~EAClB~~,SAAA,~~CAAAX~~,~~GAAQS~~,EAAAA,IAACG,EAAAA,~~QAAK~~,~~CAAA~~,WAAW,~~kBAAUZ~~,~~CAAI~~,CAAA,~~EACvCD~~,~~GACCU~~,~~EAAAA~~,~~IAACG,~~EAAAA,~~QAAK~~,~~CAAA~~,KAAK,KAAK,~~SAAQ~~,~~GAAC,~~UAAU,~~iBAChC~~,~~SAAAb~~,~~GAEJ~~,CAAA,CAAA,~~GAGHA~~,GAASC,~~IAASS~~,~~EAAAA~~,~~IAACI,~~EAAAA,~~QAAO~~,~~CAAC~~,MAAM,qBAAqB,GAAI,EAAG,KAAK,~~MAAM~~,~~CAAA~~,~~EAC1EJ,~~EAAAA,~~IAACK~~,~~EAAAA~~,~~SAAO~~,~~MAAOb,~~EAAa,UAAU,WAAW,QAAQ,OAAO,KAAK,KAAK,~~QAASC~~,CAAQ,CAAA,CAAI,GAEjF,CAAA,CAAA,CAAA,CAAA,~~CAGxB~~"}
1	+ {"version":3,"file":"account-menu.js","sources":["../../../../../src/components/layouts/wallet-page/account-menu.tsx"],"sourcesContent":["import { IcoQrcode } from '@components/icons';\nimport { Button, Popover, Text } from '@components/primitives';\nimport { css } from '@styled/css/css';\nimport { Box, Divider, HStack, Stack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { useEffect, useState } from 'react';\n\nexport interface AccountMenuProps {\n avatarUrl?: string;\n email?: string;\n name?: string;\n logoutLabel?: string;\n onReceive?: () => void;\n onLogout?: () => void;\n}\n\nexport const AccountMenu = ({\n avatarUrl,\n email,\n name,\n logoutLabel = 'Log out',\n onReceive,\n onLogout,\n}: AccountMenuProps) => {\n const [error, setError] = useState(false);\n\n useEffect(() => {\n setError(false);\n }, [avatarUrl]);\n\n const PopoverElement = () => (\n <Popover iconSize={28} placement=\"bottom right\" variant=\"text\">\n <Popover.LeadingIcon>\n {avatarUrl && !error ? (\n <img style={{ borderRadius: '50%' }} src={avatarUrl} alt=\"user avatar\" onError={() => setError(true)} />\n ) : (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\">\n <circle\n cx=\"14\"\n cy=\"14\"\n r=\"13\"\n fill=\"url(#paint0_radial_3600_63997)\"\n stroke=\"white\"\n strokeOpacity=\"0.24\"\n strokeWidth=\"0.5\"\n />\n <defs>\n <radialGradient\n id=\"paint0_radial_3600_63997\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(15 30.75) rotate(-90) scale(37.3333 65.833)\"\n >\n <stop offset=\"0.01\" stopColor=\"#FFF507\" />\n <stop offset=\"0.259381\" stopColor=\"#F09BEB\" />\n <stop offset=\"0.598165\" stopColor=\"#412CB9\" />\n <stop offset=\"1\" stopColor=\"#18171A\" />\n </radialGradient>\n </defs>\n </svg>\n )}\n </Popover.LeadingIcon>\n <Popover.Content className={css({ w: name && email ? '200px' : 'fit-content', maxW: '200px' })}>\n <Stack w=\"full\" alignItems=\"start\" gap={0}>\n {(email \|\| name) && (\n <Stack w=\"full\" gap={1}>\n {name && <Text fontWeight=\"medium\">{name}</Text>}\n {email && (\n <Text size=\"sm\" truncate fontColor=\"text.secondary\">\n {email}\n </Text>\n )}\n </Stack>\n )}\n {(email \|\| name) && <Divider color=\"surface.quaternary\" my={3} minW=\"88px\" />}\n <Button label={logoutLabel} textStyle=\"negative\" variant=\"text\" size=\"sm\" onPress={onLogout} />\n </Stack>\n </Popover.Content>\n </Popover>\n );\n\n if (!onReceive) return <PopoverElement />;\n\n return (\n <HStack gap={1} minWidth=\"fit-content\" minHeight=\"fit-content\">\n <Box\n onClick={onReceive}\n cursor=\"pointer\"\n transition=\"transform 0.1s\"\n _active={{ transform: 'scale(0.95)' }}\n className={css({\n '@media (max-width: 370px)': {\n display: 'none',\n },\n })}\n >\n <IcoQrcode height={18} width={18} color={token('colors.text.secondary')} />\n </Box>\n <PopoverElement />\n </HStack>\n );\n};\n"],"names":["AccountMenu","avatarUrl","email","name","logoutLabel","onReceive","onLogout","error","setError","useState","useEffect","PopoverElement","_jsxs","Popover","_jsx","css","Stack","Text","Divider","Button","HStack","Box","IcoQrcode","token"],"mappings":"ghBAgBa,MAAAA,EAAc,CAAC,CAC1B,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,YAAAC,EAAc,UACd,UAAAC,EACA,SAAAC,CACiB,IAAI,CACrB,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAK,EAExCC,YAAU,IAAK,CACbF,EAAS,EAAK,CAChB,EAAG,CAACP,CAAS,CAAC,EAEd,MAAMU,EAAiB,IACrBC,EAAAA,KAACC,EAAAA,QAAQ,CAAA,SAAU,GAAI,UAAU,eAAe,QAAQ,OAAM,SAAA,CAC5DC,EAAAA,IAACD,EAAQ,QAAA,YAAW,CAAA,SACjBZ,GAAa,CAACM,EACbO,EAAAA,WAAK,MAAO,CAAE,aAAc,KAAK,EAAI,IAAKb,EAAW,IAAI,cAAc,QAAS,IAAMO,EAAS,EAAI,CAAC,CAAA,EAEpGI,OAAK,MAAA,CAAA,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAM,SAAA,CAC5FE,MACE,SAAA,CAAA,GAAG,KACH,GAAG,KACH,EAAE,KACF,KAAK,iCACL,OAAO,QACP,cAAc,OACd,YAAY,QAEdA,EAAAA,IAAA,OAAA,CAAA,SACEF,EAAAA,uBACE,GAAG,2BACH,GAAG,IACH,GAAG,IACH,EAAE,IACF,cAAc,iBACd,kBAAkB,kEAElBE,MAAM,OAAA,CAAA,OAAO,OAAO,UAAU,SAAY,CAAA,EAC1CA,EAAAA,YAAM,OAAO,WAAW,UAAU,YAClCA,EAAAA,IAAA,OAAA,CAAM,OAAO,WAAW,UAAU,SAAS,CAAA,EAC3CA,MAAA,OAAA,CAAM,OAAO,IAAI,UAAU,SAAS,CAAA,CAAG,GAEpC,CAAA,CAAA,CAAA,CAAA,CAGS,CAAA,EACtBA,EAAAA,IAACD,EAAAA,QAAQ,QAAO,CAAC,UAAWE,EAAAA,IAAI,CAAE,EAAGZ,GAAQD,EAAQ,QAAU,cAAe,KAAM,OAAO,CAAE,EAC3F,SAAAU,OAACI,EAAAA,MAAK,CAAC,EAAE,OAAO,WAAW,QAAQ,IAAK,aACpCd,GAASC,IACTS,EAAAA,KAACI,EAAAA,OAAM,EAAE,OAAO,IAAK,EAAC,SAAA,CACnBb,GAAQW,EAAAA,IAACG,EAAAA,QAAI,CAAC,WAAW,SAAU,SAAAd,CAAY,CAAA,EAC/CD,GACCY,MAACG,EAAAA,QAAI,CAAC,KAAK,KAAK,YAAS,UAAU,iBAAgB,SAChDf,CACI,CAAA,CACR,CACK,CAAA,GAERA,GAASC,IAASW,MAACI,EAAAA,QAAQ,CAAA,MAAM,qBAAqB,GAAI,EAAG,KAAK,SACpEJ,MAACK,EAAAA,QAAO,CAAA,MAAOf,EAAa,UAAU,WAAW,QAAQ,OAAO,KAAK,KAAK,QAASE,CAAQ,CAAA,CAAI,GAEjF,CAAA,CAAA,CAAA,CAAA,EAItB,OAAKD,EAGHO,EAAAA,KAACQ,EAAAA,QAAO,IAAK,EAAG,SAAS,cAAc,UAAU,wBAC/CN,EAAAA,IAACO,OACC,QAAShB,EACT,OAAO,UACP,WAAW,iBACX,QAAS,CAAE,UAAW,aAAa,EACnC,UAAWU,EAAI,IAAA,CACb,4BAA6B,CAC3B,QAAS,MACV,EACF,EAAC,SAEFD,EAAAA,IAACQ,UAAU,CAAA,OAAQ,GAAI,MAAO,GAAI,MAAOC,EAAM,MAAA,uBAAuB,CAAK,CAAA,CAAA,CAAA,EAE7ET,EAAAA,IAACH,EAAc,EAAA,CAAG,CACX,CAAA,EAlBYG,EAACH,IAAAA,EAAc,EAAA,CAoBxC"}

package/dist/cjs/components/layouts/wallet-page/actions.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");require("@styled/tokens");var u=require("../../icons/ico-arrow-down.js"),A=require("../../icons/ico-paper-plane.js"),x=require("../../icons/ico-qrcode.js");require("../../sections/verify-pincode.js");var i=require("../../sections/wallet-actions.js");require("../../sections/wallet-navigation.js");const v=({actionBox:s,buyLabel:n="Buy",buyDisabledLabel:o,sendLabel:c="Send",sendDisabledLabel:t,receiveLabel:d="Receive",receiveDisabledLabel:b,onBuy:l,onSend:a,onReceive:r})=>e.jsxs(i.WalletActions,{actionBox:s,children:[l&&e.jsx(i.WalletActions.Action,{disabledLabel:o,label:n,onPress:l,children:e.jsx(u.default,{})}),a&&e.jsx(i.WalletActions.Action,{disabledLabel:t,label:c,onPress:a,children:e.jsx(A.default,{})}),r&&e.jsx(i.WalletActions.Action,{disabledLabel:b,label:d,onPress:r,children:e.jsx(x.default,{})})]});exports.Actions=v;
+"use strict";var e=require("react/jsx-runtime");require("@styled/tokens");var u=require("../../icons/ico-arrow-down.js"),A=require("../../icons/ico-paper-plane.js"),x=require("../../icons/ico-refresh.js");require("../../sections/verify-pincode.js");var a=require("../../sections/wallet-actions.js");require("../../sections/wallet-navigation.js");const L=({actionBox:r,buyLabel:n="Buy",buyDisabledLabel:o,sendLabel:t="Send",sendDisabledLabel:c,swapLabel:b="Swap",swapDisabledLabel:d,onBuy:l,onSend:s,onSwap:i})=>e.jsxs(a.WalletActions,{actionBox:r,children:[l&&e.jsx(a.WalletActions.Action,{disabledLabel:o,label:n,onPress:l,children:e.jsx(u.default,{})}),i&&e.jsx(a.WalletActions.Action,{disabledLabel:d,label:b,onPress:i,children:e.jsx(x.default,{})}),s&&e.jsx(a.WalletActions.Action,{disabledLabel:c,label:t,onPress:s,children:e.jsx(A.default,{})})]});exports.Actions=L;
 //# sourceMappingURL=actions.js.map

package/dist/cjs/components/layouts/wallet-page/actions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"actions.js","sources":["../../../../../src/components/layouts/wallet-page/actions.tsx"],"sourcesContent":["import { IcoArrowDown, IcoPaperPlane, ~~IcoQrcode~~ } from '@components/icons';\nimport { WalletActions } from '@components/sections';\n\nexport interface ActionsProps {\n actionBox?: boolean;\n buyLabel?: string;\n buyDisabledLabel?: string;\n sendLabel?: string;\n sendDisabledLabel?: string;\n ~~receiveLabel~~?: string;\n ~~receiveDisabledLabel~~?: string;\n onBuy?: () => void;\n ~~onSend~~?: () => void;\n ~~onReceive~~?: () => void;\n}\n\nexport const Actions = ({\n actionBox,\n buyLabel = 'Buy',\n buyDisabledLabel,\n sendLabel = 'Send',\n sendDisabledLabel,\n ~~receiveLabel~~ = '~~Receive~~',\n ~~receiveDisabledLabel~~,\n onBuy,\n onSend,\n ~~onReceive~~,\n}: ActionsProps) => (\n <WalletActions actionBox={actionBox}>\n {onBuy && (\n <WalletActions.Action disabledLabel={buyDisabledLabel} label={buyLabel} onPress={onBuy}>\n <IcoArrowDown />\n </WalletActions.Action>\n )}\n {~~onSend~~ && (\n <WalletActions.Action disabledLabel={~~sendDisabledLabel~~} label={~~sendLabel~~} onPress={~~onSend~~}>\n <~~IcoPaperPlane~~ />\n </WalletActions.Action>\n )}\n {~~onReceive~~ && (\n <WalletActions.Action disabledLabel={~~receiveDisabledLabel~~} label={~~receiveLabel~~} onPress={~~onReceive~~}>\n <~~IcoQrcode~~ />\n </WalletActions.Action>\n )}\n </WalletActions>\n);\n"],"names":["Actions","actionBox","buyLabel","buyDisabledLabel","sendLabel","sendDisabledLabel","~~receiveLabel~~","~~receiveDisabledLabel~~","onBuy","onSend","~~onReceive~~","_jsxs","WalletActions","_jsx","IcoArrowDown","~~IcoPaperPlane~~","~~IcoQrcode~~"],"mappings":"~~yVAgBa~~,MAAAA,EAAU,CAAC,CACtB,UAAAC,EACA,SAAAC,EAAW,MACX,iBAAAC,EACA,UAAAC,EAAY,OACZ,kBAAAC,EACA,~~aAAAC~~,~~EAAe~~,~~UACf~~,~~qBAAAC~~,EACA,MAAAC,EACA,OAAAC,EACA,~~UAAAC~~,CACa,IACbC,EAACC,KAAAA,EAAAA,cAAa,CAAC,UAAWX,EAAS,SAAA,CAChCO,GACCK,MAACD,EAAAA,cAAc,OAAM,CAAC,cAAeT,EAAkB,MAAOD,EAAU,QAASM,EAC/E,SAAAK,MAACC,EAAAA,QAAY,CAAA,CAAA,CACQ,CAAA,~~EAExBL~~,~~GACCI~~,EAACD,IAAAA,EAAAA,cAAc,OAAO,CAAA,~~cAAeP~~,EAAmB,MAAOD,EAAW,~~QAASK~~,EACjF,~~SAAAI~~,MAACE,~~EAAa~~,QAAA,EAAA,~~CACO~~,CAAA,~~EAExBL~~,~~GACCG~~,EAAAA,IAACD,EAAAA,cAAc,OAAO,CAAA,~~cAAeL~~,~~EAAsB~~,MAAOD,~~EAAc~~,~~QAASI~~,~~EACvF~~,~~SAAAG~~,EAACG,IAAAA,~~UAAS~~,CAAA,CAAA,~~CACW~~,CAAA,CACxB,CACa,CAAA"}
1	+ {"version":3,"file":"actions.js","sources":["../../../../../src/components/layouts/wallet-page/actions.tsx"],"sourcesContent":["import { IcoArrowDown, IcoPaperPlane, IcoRefresh } from '@components/icons';\nimport { WalletActions } from '@components/sections';\n\nexport interface ActionsProps {\n actionBox?: boolean;\n buyLabel?: string;\n buyDisabledLabel?: string;\n sendLabel?: string;\n sendDisabledLabel?: string;\n swapLabel?: string;\n swapDisabledLabel?: string;\n onBuy?: () => void;\n onSwap?: () => void;\n onSend?: () => void;\n}\n\nexport const Actions = ({\n actionBox,\n buyLabel = 'Buy',\n buyDisabledLabel,\n sendLabel = 'Send',\n sendDisabledLabel,\n swapLabel = 'Swap',\n swapDisabledLabel,\n onBuy,\n onSend,\n onSwap,\n}: ActionsProps) => (\n <WalletActions actionBox={actionBox}>\n {onBuy && (\n <WalletActions.Action disabledLabel={buyDisabledLabel} label={buyLabel} onPress={onBuy}>\n <IcoArrowDown />\n </WalletActions.Action>\n )}\n {onSwap && (\n <WalletActions.Action disabledLabel={swapDisabledLabel} label={swapLabel} onPress={onSwap}>\n <IcoRefresh />\n </WalletActions.Action>\n )}\n {onSend && (\n <WalletActions.Action disabledLabel={sendDisabledLabel} label={sendLabel} onPress={onSend}>\n <IcoPaperPlane />\n </WalletActions.Action>\n )}\n </WalletActions>\n);\n"],"names":["Actions","actionBox","buyLabel","buyDisabledLabel","sendLabel","sendDisabledLabel","swapLabel","swapDisabledLabel","onBuy","onSend","onSwap","_jsxs","WalletActions","_jsx","IcoArrowDown","IcoRefresh","IcoPaperPlane"],"mappings":"0VAgBa,MAAAA,EAAU,CAAC,CACtB,UAAAC,EACA,SAAAC,EAAW,MACX,iBAAAC,EACA,UAAAC,EAAY,OACZ,kBAAAC,EACA,UAAAC,EAAY,OACZ,kBAAAC,EACA,MAAAC,EACA,OAAAC,EACA,OAAAC,CACa,IACbC,EAACC,KAAAA,EAAAA,cAAa,CAAC,UAAWX,EAAS,SAAA,CAChCO,GACCK,MAACD,EAAAA,cAAc,OAAM,CAAC,cAAeT,EAAkB,MAAOD,EAAU,QAASM,EAC/E,SAAAK,MAACC,EAAAA,QAAY,CAAA,CAAA,CACQ,CAAA,EAExBJ,GACCG,EAACD,IAAAA,EAAAA,cAAc,OAAO,CAAA,cAAeL,EAAmB,MAAOD,EAAW,QAASI,EACjF,SAAAG,MAACE,EAAU,QAAA,EAAA,CACU,CAAA,EAExBN,GACCI,EAAAA,IAACD,EAAAA,cAAc,OAAO,CAAA,cAAeP,EAAmB,MAAOD,EAAW,QAASK,EACjF,SAAAI,EAACG,IAAAA,UAAa,CAAA,CAAA,CACO,CAAA,CACxB,CACa,CAAA"}

package/dist/cjs/components/layouts/wallet-page/connection-menu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("@styled/tokens"),j=require("../../icons/ico-globe.js"),b=require("../../icons/ico-remove.js"),l=require("../../primitives/button.js");require("../../primitives/checkbox.js"),require("../../primitives/dropdown-selector.js");var s=require("../../primitives/popover.js");require("../../primitives/radio.js"),require("../../primitives/segmented-control.js"),require("../../primitives/switch.js");var n=require("../../primitives/text.js"),f=require("@styled/css/css"),t=require("@styled/jsx"),d=require("react");const p=({connected:i,connectedLabel:x="Connected",disconnectLabel:c,disconnectedLabel:u="Not connected",domain:h,logoUrl:o,onDisconnect:v})=>{const[g,a]=d.useState(!1);return d.useEffect(()=>{a(!1)},[o]),e.jsxs(s.Popover,{iconSize:28,variant:"text",children:[e.jsx(s.Popover.LeadingIcon,{color:r.token("colors.text.tertiary"),children:o&&i&&!g?e.jsxs(t.Circle,{position:"relative",w:7,h:7,children:[e.jsx("img",{style:{borderRadius:"50%"},width:28,height:28,src:o,alt:"app logo",onError:()=>a(!0)}),e.jsx(t.Circle,{size:"7px",position:"absolute",bg:"positive.base",borderWidth:"thin",borderColor:"surface.primary",bottom:"-1px",right:"-1px",boxSizing:"border-box"})]}):e.jsxs("svg",{width:"28",height:"28",children:[e.jsx("circle",{cx:"14",cy:"14",r:"14",fill:r.token("colors.surface.tertiary")}),e.jsx(j.default,{color:r.token("colors.text.tertiary"),x:6,y:6,height:16,width:16})]})}),e.jsxs(s.Popover.Content,{className:f.css({w:"200px"}),children:[e.jsxs(t.Stack,{w:"100%",gap:1,overflow:"hidden",children:[i?e.jsx(n.default,{size:"xs",variant:"success",fontWeight:"normal",children:x}):e.jsx(n.default,{fontColor:"text.tertiary",size:"xs",children:u}),e.jsx(n.default,{truncate:!0,children:h})]}),i&&c&&e.jsxs(e.Fragment,{children:[e.jsx(t.Divider,{color:"surface.quaternary",my:3}),e.jsx(l.default,{label:c,size:"sm",textStyle:"negative",variant:"text",onPress:v,children:e.jsx(l.default.LeadingIcon,{children:e.jsxs("svg",{width:"20",height:"20",children:[e.jsx("circle",{cx:"8",cy:"8",r:"8",fill:r.token("colors.negative.lightest")}),e.jsx(b.default,{color:r.token("colors.negative.base"),x:3,y:3,height:10,width:10})]})})})]})]})]})};exports.ConnectionMenu=p;
+"use strict";var e=require("react/jsx-runtime"),t=require("@styled/tokens"),m=require("../../icons/ico-globe.js"),b=require("../../icons/ico-remove.js"),x=require("../../primitives/button.js");require("../../primitives/checkbox.js"),require("../../primitives/dropdown-selector.js");var s=require("../../primitives/popover.js");require("../../primitives/radio.js"),require("../../primitives/segmented-control.js"),require("../../primitives/switch.js");var n=require("../../primitives/text.js"),d=require("@styled/css/css"),r=require("@styled/jsx"),h=require("react");const q=({connected:i,connectedLabel:u="Connected",disconnectLabel:c,disconnectedLabel:v="Not connected",domain:j,logoUrl:o,onDisconnect:g,onReceive:p})=>{const[f,a]=h.useState(!1);h.useEffect(()=>{a(!1)},[o]);const l=()=>e.jsxs(s.Popover,{iconSize:28,variant:"text",children:[e.jsx(s.Popover.LeadingIcon,{color:t.token("colors.text.tertiary"),children:o&&i&&!f?e.jsxs(r.Circle,{position:"relative",w:7,h:7,children:[e.jsx("img",{style:{borderRadius:"50%"},width:28,height:28,src:o,alt:"app logo",onError:()=>a(!0)}),e.jsx(r.Circle,{size:"7px",position:"absolute",bg:"positive.base",borderWidth:"thin",borderColor:"surface.primary",bottom:"-1px",right:"-1px",boxSizing:"border-box"})]}):e.jsxs("svg",{width:"28",height:"28",children:[e.jsx("circle",{cx:"14",cy:"14",r:"14",fill:t.token("colors.surface.tertiary")}),e.jsx(m.default,{color:t.token("colors.text.tertiary"),x:6,y:6,height:16,width:16})]})}),e.jsxs(s.Popover.Content,{className:d.css({w:"200px"}),children:[e.jsxs(r.Stack,{w:"100%",gap:1,overflow:"hidden",children:[i?e.jsx(n.default,{size:"xs",variant:"success",fontWeight:"normal",children:u}):e.jsx(n.default,{fontColor:"text.tertiary",size:"xs",children:v}),e.jsx(n.default,{truncate:!0,children:j})]}),i&&c&&e.jsxs(e.Fragment,{children:[e.jsx(r.Divider,{color:"surface.quaternary",my:3}),e.jsx(x.default,{label:c,size:"sm",textStyle:"negative",variant:"text",onPress:g,children:e.jsx(x.default.LeadingIcon,{children:e.jsxs("svg",{width:"20",height:"20",children:[e.jsx("circle",{cx:"8",cy:"8",r:"8",fill:t.token("colors.negative.lightest")}),e.jsx(b.default,{color:t.token("colors.negative.base"),x:3,y:3,height:10,width:10})]})})})]})]})]});return p?e.jsxs(r.HStack,{gap:1,minWidth:"fit-content",minHeight:"fit-content",children:[e.jsx(l,{}),e.jsx(r.Box,{className:d.css({"@media (max-width: 370px)":{display:"none"}}),minH:"18px",minW:"18px"})]}):e.jsx(l,{})};exports.ConnectionMenu=q;
 //# sourceMappingURL=connection-menu.js.map

package/dist/cjs/components/layouts/wallet-page/connection-menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"connection-menu.js","sources":["../../../../../src/components/layouts/wallet-page/connection-menu.tsx"],"sourcesContent":["import { IcoGlobe, IcoRemove } from '@components/icons';\nimport { Button, Popover, Text } from '@components/primitives';\nimport { css } from '@styled/css/css';\nimport { Circle, Divider, Stack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { useEffect, useState } from 'react';\n\nexport interface ConnectionMenuProps {\n connected?: boolean;\n connectedLabel?: string;\n disconnectLabel?: string;\n disconnectedLabel?: string;\n domain: string;\n logoUrl?: string;\n onDisconnect?: () => void;\n}\n\nexport const ConnectionMenu = ({\n connected,\n connectedLabel = 'Connected',\n disconnectLabel,\n disconnectedLabel = 'Not connected',\n domain,\n logoUrl,\n onDisconnect,\n}: ConnectionMenuProps) => {\n const [error, setError] = useState(false);\n\n useEffect(() => {\n setError(false);\n }, [logoUrl]);\n\n ~~return~~ (\n <Popover iconSize={28} variant=\"text\">\n <Popover.LeadingIcon color={token('colors.text.tertiary')}>\n {logoUrl && connected && !error ? (\n <Circle position=\"relative\" w={7} h={7}>\n <img\n style={{ borderRadius: '50%' }}\n width={28}\n height={28}\n src={logoUrl}\n alt=\"app logo\"\n onError={() => setError(true)}\n />\n <Circle\n size=\"7px\"\n position=\"absolute\"\n bg=\"positive.base\"\n borderWidth=\"thin\"\n borderColor=\"surface.primary\"\n bottom=\"-1px\"\n right=\"-1px\"\n boxSizing=\"border-box\"\n />\n </Circle>\n ) : (\n <svg width=\"28\" height=\"28\">\n <circle cx=\"14\" cy=\"14\" r=\"14\" fill={token('colors.surface.tertiary')} />\n <IcoGlobe color={token('colors.text.tertiary')} x={6} y={6} height={16} width={16} />\n </svg>\n )}\n </Popover.LeadingIcon>\n <Popover.Content className={css({ w: '200px' })}>\n <Stack w=\"100%\" gap={1} overflow=\"hidden\">\n {!connected ? (\n <Text fontColor=\"text.tertiary\" size=\"xs\">\n {disconnectedLabel}\n </Text>\n ) : (\n <Text size=\"xs\" variant=\"success\" fontWeight=\"normal\">\n {connectedLabel}\n </Text>\n )}\n <Text truncate>{domain}</Text>\n </Stack>\n {connected && disconnectLabel && (\n <>\n <Divider color=\"surface.quaternary\" my={3} />\n <Button label={disconnectLabel} size=\"sm\" textStyle=\"negative\" variant=\"text\" onPress={onDisconnect}>\n <Button.LeadingIcon>\n <svg width=\"20\" height=\"20\">\n <circle cx=\"8\" cy=\"8\" r=\"8\" fill={token('colors.negative.lightest')} />\n <IcoRemove color={token('colors.negative.base')} x={3} y={3} height={10} width={10} />\n </svg>\n </Button.LeadingIcon>\n </Button>\n </>\n )}\n </Popover.Content>\n </Popover>\n );\n};\n"],"names":["ConnectionMenu","connected","connectedLabel","disconnectLabel","disconnectedLabel","domain","logoUrl","onDisconnect","error","setError","useState","useEffect","_jsxs","Popover","_jsx","token","Circle","IcoGlobe","css","Stack","Text","~~_Fragment","~~Divider","Button","IcoRemove"],"mappings":"~~sjBAiBa~~,~~MAAAA~~,EAAiB,CAAC,CAC7B,UAAAC,EACA,eAAAC,EAAiB,YACjB,gBAAAC,EACA,kBAAAC,EAAoB,gBACpB,OAAAC,EACA,QAAAC,EACA,aAAAC,CACoB,IAAI,CACxB,KAAM,CAACC,EAAOC,CAAQ,EAAIC,~~WAAS~~,EAAK,~~EAExC~~,~~OAAAC,~~YAAU,IAAK,CACbF,EAAS,EAAK,CAChB,EAAG,~~CAACH~~,CAAO,CAAC,~~EAGVM~~,EAAAA,KAACC,~~EAAAA~~,~~SAAQ~~,SAAU,GAAI,QAAQ,~~OAAM~~,~~SAAA,CACnCC,~~MAACD,~~EAAQ~~,~~QAAA~~,~~YAAY~~,~~CAAA~~,MAAOE,EAAAA,MAAM,sBAAsB,~~EAAC~~,~~SACtDT,~~GAAWL,GAAa,~~CAACO~~,~~EACxBI~~,~~EAACI~~,~~KAAAA~~,~~EAAAA~~,~~QAAO~~,SAAS,WAAW,EAAG,EAAG,EAAG,~~YACnCF~~,EAAAA,~~IACE~~,MAAA,~~CAAA~~,MAAO,CAAE,aAAc,~~KAAK~~,~~EAC5B,~~MAAO,GACP,OAAQ,GACR,~~IAAKR~~,EACL,IAAI,WACJ,QAAS,~~IAAMG~~,EAAS,EAAI,~~CAAC~~,~~CAAA,EAE/BK,~~EAACE,IAAAA,EAAAA,~~QACC~~,KAAK,MACL,SAAS,WACT,GAAG,gBACH,YAAY,OACZ,YAAY,kBACZ,OAAO,OACP,MAAM,OACN,UAAU,YAAY,CAAA,CACtB,IAGJJ,EAAAA,YAAK,MAAM,KAAK,OAAO,KAAI,SAAA,CACzBE,~~EAAAA~~,~~cAAQ,~~GAAG,KAAK,GAAG,KAAK,EAAE,KAAK,KAAMC,~~EAAAA~~,~~MAAM,~~yBAAyB,CAAK,CAAA,EACzED,EAAAA,IAACG,EAAAA,QAAQ,CAAC,MAAOF,~~EAAM~~,~~MAAA~~,sBAAsB,EAAG,EAAG,EAAG,EAAG,EAAG,OAAQ,GAAI,MAAO,EAAM,CAAA,CAAA,CAAA,CAAA,~~CAGrE~~,CAAA,~~EACtBH~~,~~EAAAA~~,~~KAACC~~,UAAQ,~~QAAQ~~,~~CAAA,~~UAAWK,EAAAA,IAAI,CAAE,EAAG,~~OAAS~~,~~CAAA~~,~~YAC5CN~~,OAACO,~~SAAM~~,EAAE,OAAO,IAAK,EAAG,SAAS,~~mBAC7BlB~~,~~EAKAa~~,EAAAA,IAACM,~~EAAAA~~,~~SAAK~~,KAAK,KAAK,QAAQ,UAAU,WAAW,~~kBAC1ClB~~,~~CAAc~~,CAAA,~~EALjBY~~,EAAAA,IAACM,~~WAAK~~,UAAU,gBAAgB,KAAK,~~KAAI~~,~~SACtChB~~,~~CACI~~,~~CAAA,EAMTU,~~EAAAA,IAACM,~~UAAK~~,CAAA,~~qBAAUf~~,~~CAAM~~,CAAA,~~CAAQ,IAE~~/BJ,GAAaE,~~GACZS~~,~~EAAAA~~,~~KACES~~,~~WAAA~~,~~CAAA~~,~~SAAA~~,~~CAAAP~~,~~MAACQ~~,~~EAAAA~~,~~QAAQ,~~CAAA,~~MAAM~~,~~qBAAqB~~,~~GAAI~~,~~IACxCR~~,~~EAACS~~,~~IAAAA~~,~~UAAO~~,~~CAAA,MAAOpB,~~EAAiB,KAAK,KAAK,UAAU,WAAW,QAAQ,OAAO,QAASI,~~WACrFO~~,EAAAA,~~IAACS~~,~~EAAAA~~,~~QAAO~~,~~YAAW~~,~~CAAA~~,~~SACjBX~~,~~cAAK~~,MAAM,KAAK,OAAO,~~KAAI~~,~~SAAA~~,~~CACzBE~~,~~EAAAA~~,~~cAAQ~~,GAAG,IAAI,GAAG,IAAI,EAAE,IAAI,KAAMC,EAAAA,MAAM,0BAA0B,~~CAAK~~,CAAA,~~EACvED~~,EAAAA,~~IAACU~~,EAAAA,~~QAAS~~,~~CAAC~~,~~MAAOT,~~EAAAA,MAAM,sBAAsB,EAAG,EAAG,EAAG,EAAG,EAAG,OAAQ,GAAI,MAAO,~~EAAM~~,CAAA,CAAA,CAAA,CAAA,~~GAGnF~~,CAAA,CAAA,CAAA,CAAA,~~CAEZ~~,~~CACe~~,CAAA,CAAA,CAAA,CAAA,~~CAGxB~~"}
1	+ {"version":3,"file":"connection-menu.js","sources":["../../../../../src/components/layouts/wallet-page/connection-menu.tsx"],"sourcesContent":["import { IcoGlobe, IcoRemove } from '@components/icons';\nimport { Button, Popover, Text } from '@components/primitives';\nimport { css } from '@styled/css/css';\nimport { Box, Circle, Divider, HStack, Stack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { useEffect, useState } from 'react';\n\nexport interface ConnectionMenuProps {\n connected?: boolean;\n connectedLabel?: string;\n disconnectLabel?: string;\n disconnectedLabel?: string;\n domain: string;\n logoUrl?: string;\n onDisconnect?: () => void;\n onReceive?: () => void;\n}\n\nexport const ConnectionMenu = ({\n connected,\n connectedLabel = 'Connected',\n disconnectLabel,\n disconnectedLabel = 'Not connected',\n domain,\n logoUrl,\n onDisconnect,\n onReceive,\n}: ConnectionMenuProps) => {\n const [error, setError] = useState(false);\n\n useEffect(() => {\n setError(false);\n }, [logoUrl]);\n\n const PopoverElement = () => (\n <Popover iconSize={28} variant=\"text\">\n <Popover.LeadingIcon color={token('colors.text.tertiary')}>\n {logoUrl && connected && !error ? (\n <Circle position=\"relative\" w={7} h={7}>\n <img\n style={{ borderRadius: '50%' }}\n width={28}\n height={28}\n src={logoUrl}\n alt=\"app logo\"\n onError={() => setError(true)}\n />\n <Circle\n size=\"7px\"\n position=\"absolute\"\n bg=\"positive.base\"\n borderWidth=\"thin\"\n borderColor=\"surface.primary\"\n bottom=\"-1px\"\n right=\"-1px\"\n boxSizing=\"border-box\"\n />\n </Circle>\n ) : (\n <svg width=\"28\" height=\"28\">\n <circle cx=\"14\" cy=\"14\" r=\"14\" fill={token('colors.surface.tertiary')} />\n <IcoGlobe color={token('colors.text.tertiary')} x={6} y={6} height={16} width={16} />\n </svg>\n )}\n </Popover.LeadingIcon>\n <Popover.Content className={css({ w: '200px' })}>\n <Stack w=\"100%\" gap={1} overflow=\"hidden\">\n {!connected ? (\n <Text fontColor=\"text.tertiary\" size=\"xs\">\n {disconnectedLabel}\n </Text>\n ) : (\n <Text size=\"xs\" variant=\"success\" fontWeight=\"normal\">\n {connectedLabel}\n </Text>\n )}\n <Text truncate>{domain}</Text>\n </Stack>\n {connected && disconnectLabel && (\n <>\n <Divider color=\"surface.quaternary\" my={3} />\n <Button label={disconnectLabel} size=\"sm\" textStyle=\"negative\" variant=\"text\" onPress={onDisconnect}>\n <Button.LeadingIcon>\n <svg width=\"20\" height=\"20\">\n <circle cx=\"8\" cy=\"8\" r=\"8\" fill={token('colors.negative.lightest')} />\n <IcoRemove color={token('colors.negative.base')} x={3} y={3} height={10} width={10} />\n </svg>\n </Button.LeadingIcon>\n </Button>\n </>\n )}\n </Popover.Content>\n </Popover>\n );\n\n if (!onReceive) return <PopoverElement />;\n\n return (\n <HStack gap={1} minWidth=\"fit-content\" minHeight=\"fit-content\">\n <PopoverElement />\n <Box\n className={css({\n '@media (max-width: 370px)': {\n display: 'none',\n },\n })}\n minH={'18px'}\n minW={'18px'}\n />\n </HStack>\n );\n};\n"],"names":["ConnectionMenu","connected","connectedLabel","disconnectLabel","disconnectedLabel","domain","logoUrl","onDisconnect","onReceive","error","setError","useState","useEffect","PopoverElement","_jsxs","Popover","_jsx","token","Circle","IcoGlobe","css","Stack","Text","Divider","Button","IcoRemove","HStack","Box"],"mappings":"sjBAkBO,MAAMA,EAAiB,CAAC,CAC7B,UAAAC,EACA,eAAAC,EAAiB,YACjB,gBAAAC,EACA,kBAAAC,EAAoB,gBACpB,OAAAC,EACA,QAAAC,EACA,aAAAC,EACA,UAAAC,CACoB,IAAI,CACxB,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAAA,SAAS,EAAK,EAExCC,YAAU,IAAK,CACbF,EAAS,EAAK,CAChB,EAAG,CAACJ,CAAO,CAAC,EAEZ,MAAMO,EAAiB,IACrBC,EAAAA,KAACC,EAAQ,QAAA,CAAA,SAAU,GAAI,QAAQ,iBAC7BC,MAACD,EAAAA,QAAQ,YAAW,CAAC,MAAOE,EAAAA,MAAM,sBAAsB,WACrDX,GAAWL,GAAa,CAACQ,EACxBK,EAAAA,KAACI,SAAO,CAAA,SAAS,WAAW,EAAG,EAAG,EAAG,EACnC,SAAA,CAAAF,EAAAA,IAAA,MAAA,CACE,MAAO,CAAE,aAAc,OACvB,MAAO,GACP,OAAQ,GACR,IAAKV,EACL,IAAI,WACJ,QAAS,IAAMI,EAAS,EAAI,IAE9BM,EAACE,IAAAA,EAAAA,OAAM,CACL,KAAK,MACL,SAAS,WACT,GAAG,gBACH,YAAY,OACZ,YAAY,kBACZ,OAAO,OACP,MAAM,OACN,UAAU,YAAY,CAAA,CACtB,IAGJJ,EAAAA,YAAK,MAAM,KAAK,OAAO,KAAI,SAAA,CACzBE,gBAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,KAAK,KAAMC,QAAM,yBAAyB,CAAK,CAAA,EACzED,EAAAA,IAACG,EAAAA,QAAQ,CAAC,MAAOF,EAAAA,MAAM,sBAAsB,EAAG,EAAG,EAAG,EAAG,EAAG,OAAQ,GAAI,MAAO,EAAM,CAAA,CAAA,CAAA,CAAA,CAExF,CAAA,EAEHH,EAACC,KAAAA,UAAQ,SAAQ,UAAWK,EAAAA,IAAI,CAAE,EAAG,QAAS,EAAC,SAAA,CAC7CN,OAACO,EAAAA,MAAK,CAAC,EAAE,OAAO,IAAK,EAAG,SAAS,SAAQ,SAAA,CACrCpB,EAKAe,EAAAA,IAACM,UAAI,CAAC,KAAK,KAAK,QAAQ,UAAU,WAAW,SAAQ,SAClDpB,CACI,CAAA,EANPc,EAAAA,IAACM,EAAAA,QAAI,CAAC,UAAU,gBAAgB,KAAK,KAClC,SAAAlB,IAOLY,EAAAA,IAACM,WAAK,SAAQ,GAAA,SAAEjB,CAAc,CAAA,CAAA,CAAA,CAAA,EAE/BJ,GAAaE,GACZW,6BACEE,EAACO,IAAAA,WAAQ,MAAM,qBAAqB,GAAI,CAAK,CAAA,EAC7CP,EAAAA,IAACQ,EAAM,QAAA,CAAC,MAAOrB,EAAiB,KAAK,KAAK,UAAU,WAAW,QAAQ,OAAO,QAASI,EACrF,SAAAS,EAAAA,IAACQ,EAAO,QAAA,sBACNV,OAAK,MAAA,CAAA,MAAM,KAAK,OAAO,eACrBE,EAAAA,IAAQ,SAAA,CAAA,GAAG,IAAI,GAAG,IAAI,EAAE,IAAI,KAAMC,EAAAA,MAAM,0BAA0B,CAAC,CAAA,EACnED,EAAAA,IAACS,EAAAA,SAAU,MAAOR,EAAAA,MAAM,sBAAsB,EAAG,EAAG,EAAG,EAAG,EAAG,OAAQ,GAAI,MAAO,EAAE,CAAA,CAAI,GAErE,CAAA,CAAA,CAAA,CACd,GAEZ,CAAA,CAAA,CACe,CACV,CAAA,EAGZ,OAAKT,EAGHM,OAACY,EAAAA,OAAO,CAAA,IAAK,EAAG,SAAS,cAAc,UAAU,cAAa,SAAA,CAC5DV,MAACH,EAAiB,CAAA,CAAA,EAClBG,EAAAA,IAACW,EAAAA,IACC,CAAA,UAAWP,MAAI,CACb,4BAA6B,CAC3B,QAAS,MACV,EACF,EACD,KAAM,OACN,KAAM,MAAM,CAAA,CACZ,CACK,CAAA,EAdYJ,EAACH,IAAAA,EAAc,EAAA,CAgBxC"}

package/dist/cjs/components/list-items/navigation-button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"navigation-button.js","sources":["../../../../src/components/list-items/navigation-button.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { IcoExternalLink } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Center, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, forwardRef } from 'react';\nimport { AriaButtonProps } from 'react-aria';\n\nexport interface NavigationButtonProps extends AriaButtonProps {\n primaryLabel: string;\n secondaryLabel?: string;\n isExternalLink?: boolean;\n disabled?: boolean;\n}\n\nconst LeadingIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\nconst TrailingIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\nconst NavigationButtonBase = forwardRef<HTMLButtonElement, NavigationButtonProps>((props, forwardedRef) => {\n const { primaryLabel, secondaryLabel, isExternalLink } = props;\n\n return createHost(props.children, slots => {\n const leadingIcon = slots.get(LeadingIcon);\n const trailingIcon = slots.get(TrailingIcon);\n\n return (\n <ButtonContainer\n ref={forwardedRef}\n className={css({\n p: 4,\n bg: 'neutral.quaternary',\n _hover: { bg: 'neutral.secondary' },\n })}\n borderRadius=\"0.5rem\"\n expand\n {...props}\n >\n <HStack justify=\"space-between\" w=\"full\">\n <HStack>\n {leadingIcon && {\n ...leadingIcon,\n props: {\n height: 24,\n ...leadingIcon.props,\n className: !leadingIcon.props.color ? css({ color: 'brand.base' }) : undefined,\n },\n }}\n <VStack gap={0} alignItems=\"start\">\n <HStack>\n <Text fontWeight=\"medium\">{primaryLabel}</Text>\n {isExternalLink && <IcoExternalLink width={14} height={14} color={token('colors.neutral.primary')} />}\n </HStack>\n {secondaryLabel && (\n <Text size=\"sm\" fontColor=\"text.tertiary\">\n {secondaryLabel}\n </Text>\n )}\n </VStack>\n </HStack>\n <HStack>\n {trailingIcon && {\n ...trailingIcon,\n props: {\n ...trailingIcon.props,\n className: !trailingIcon.props.color ? css({ color: 'neutral.primary' }) : undefined,\n width: 16,\n height: 16,\n },\n }}\n </HStack>\n </HStack>\n </ButtonContainer>\n );\n });\n});\n\nNavigationButtonBase.displayName = 'NavigationButton';\n\nconst NavigationButton = Object.assign(NavigationButtonBase, { LeadingIcon, TrailingIcon });\n\nexport default NavigationButton;\n"],"names":["LeadingIcon","createSlot","children","props","_jsx","Center","Children","child","cloneElement","TrailingIcon","NavigationButtonBase","forwardRef","forwardedRef","primaryLabel","secondaryLabel","isExternalLink","createHost","slots","leadingIcon","trailingIcon","ButtonContainer","css","_jsxs","HStack","VStack","Text","IcoExternalLink","token","NavigationButton"],"mappings":"u4BAiBA,MAAMA,EAAcC,EAAW,WAAA,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAElDC,MAACC,EAAAA,OAAM,CAAA,SACJC,EAAAA,SAAS,IAAIJ,EAAUK,GACfC,EAAAA,aAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKM,EAAeR,EAAW,WAAA,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEnDC,MAACC,EAAAA,OAAM,CAAA,SACJC,EAAAA,SAAS,IAAIJ,EAAUK,GACfC,EAAaD,aAAAA,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKO,EAAuBC,EAAAA,WAAqD,CAACR,EAAOS,IAAgB,CACxG,KAAM,CAAE,aAAAC,EAAc,eAAAC,EAAgB,eAAAC,CAAc,EAAKZ,EAEzD,OAAOa,aAAWb,EAAM,SAAUc,GAAQ,CACxC,MAAMC,EAAcD,EAAM,IAAIjB,CAAW,EACnCmB,EAAeF,EAAM,IAAIR,CAAY,EAE3C,OACEL,MAACgB,EAAAA,gBACC,CAAA,IAAKR,EACL,UAAWS,EAAAA,IAAI,CACb,EAAG,EACH,GAAI,qBACJ,OAAQ,CAAE,GAAI,mBAAqB,EACpC,EACD,aAAa,SACb,OACI,GAAA,GAAAlB,EAEJ,SAAAmB,EAAAA,KAACC,SAAM,CAAC,QAAQ,gBAAgB,EAAE,iBAChCD,EAACC,KAAAA,EAAAA,OACE,CAAA,SAAA,CAAAL,GAAe,CACd,GAAGA,EACH,MAAO,CACL,OAAQ,GACR,GAAGA,EAAY,MACf,UAAYA,EAAY,MAAM,MAAuC,OAA/BG,EAAAA,IAAI,CAAE,MAAO,aAAc,CAClE,CACF,EACDC,EAACE,KAAAA,EAAAA,OAAO,CAAA,IAAK,EAAG,WAAW,QAAO,SAAA,CAChCF,OAACC,oBACCnB,MAACqB,EAAAA,QAAK,CAAA,WAAW,SAAU,SAAAZ,IAC1BE,GAAkBX,MAACsB,EAAgB,QAAA,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAOC,EAAM,MAAA,wBAAwB,CAAC,CAAA,CAAI,CAC9F,CAAA,EACRb,GACCV,EAACqB,IAAAA,EAAAA,QAAK,CAAA,KAAK,KAAK,UAAU,yBACvBX,CAAc,CAAA,CAElB,CAAA,CAAA,CACM,IAEXV,MAACmB,EAAM,OAAA,CAAA,SACJJ,GAAgB,CACf,GAAGA,EACH,MAAO,CACL,GAAGA,EAAa,MAChB,UAAYA,EAAa,MAAM,MAA4C,OAApCE,EAAAA,IAAI,CAAE,MAAO,kBAAmB,EACvE,MAAO,GACP,OAAQ,EACT,EAEI,CAAA,CAAA,CAAA,CAAA,CAEK,CAAA,CAEtB,CAAC,CACH,CAAC,EAEDX,EAAqB,YAAc,mBAEnC,MAAMkB,EAAmB,OAAO,OAAOlB,EAAsB,CAAE,YAAAV,EAAa,aAAAS,CAAY,CAAE"}
1	+ {"version":3,"file":"navigation-button.js","sources":["../../../../src/components/list-items/navigation-button.tsx"],"sourcesContent":["import { ButtonContainer, ButtonContainerProps } from '@components/containers';\nimport { IcoExternalLink } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Center, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, forwardRef } from 'react';\nimport { AriaButtonProps } from 'react-aria';\n\nexport interface NavigationButtonProps extends AriaButtonProps, ButtonContainerProps {\n primaryLabel: string;\n secondaryLabel?: string;\n isExternalLink?: boolean;\n disabled?: boolean;\n}\n\nconst LeadingIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\nconst TrailingIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\nconst NavigationButtonBase = forwardRef<HTMLButtonElement, NavigationButtonProps>((props, forwardedRef) => {\n const { primaryLabel, secondaryLabel, isExternalLink } = props;\n\n return createHost(props.children, slots => {\n const leadingIcon = slots.get(LeadingIcon);\n const trailingIcon = slots.get(TrailingIcon);\n\n return (\n <ButtonContainer\n ref={forwardedRef}\n className={css({\n p: 4,\n bg: 'neutral.quaternary',\n _hover: { bg: 'neutral.secondary' },\n })}\n borderRadius=\"0.5rem\"\n expand\n {...props}\n >\n <HStack justify=\"space-between\" w=\"full\">\n <HStack>\n {leadingIcon && {\n ...leadingIcon,\n props: {\n height: 24,\n ...leadingIcon.props,\n className: !leadingIcon.props.color ? css({ color: 'brand.base' }) : undefined,\n },\n }}\n <VStack gap={0} alignItems=\"start\">\n <HStack>\n <Text fontWeight=\"medium\">{primaryLabel}</Text>\n {isExternalLink && <IcoExternalLink width={14} height={14} color={token('colors.neutral.primary')} />}\n </HStack>\n {secondaryLabel && (\n <Text size=\"sm\" fontColor=\"text.tertiary\">\n {secondaryLabel}\n </Text>\n )}\n </VStack>\n </HStack>\n <HStack>\n {trailingIcon && {\n ...trailingIcon,\n props: {\n ...trailingIcon.props,\n className: !trailingIcon.props.color ? css({ color: 'neutral.primary' }) : undefined,\n width: 16,\n height: 16,\n },\n }}\n </HStack>\n </HStack>\n </ButtonContainer>\n );\n });\n});\n\nNavigationButtonBase.displayName = 'NavigationButton';\n\nconst NavigationButton = Object.assign(NavigationButtonBase, { LeadingIcon, TrailingIcon });\n\nexport default NavigationButton;\n"],"names":["LeadingIcon","createSlot","children","props","_jsx","Center","Children","child","cloneElement","TrailingIcon","NavigationButtonBase","forwardRef","forwardedRef","primaryLabel","secondaryLabel","isExternalLink","createHost","slots","leadingIcon","trailingIcon","ButtonContainer","css","_jsxs","HStack","VStack","Text","IcoExternalLink","token","NavigationButton"],"mappings":"u4BAiBA,MAAMA,EAAcC,EAAW,WAAA,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAElDC,MAACC,EAAAA,OAAM,CAAA,SACJC,EAAAA,SAAS,IAAIJ,EAAUK,GACfC,EAAAA,aAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKM,EAAeR,EAAW,WAAA,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEnDC,MAACC,EAAAA,OAAM,CAAA,SACJC,EAAAA,SAAS,IAAIJ,EAAUK,GACfC,EAAaD,aAAAA,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKO,EAAuBC,EAAAA,WAAqD,CAACR,EAAOS,IAAgB,CACxG,KAAM,CAAE,aAAAC,EAAc,eAAAC,EAAgB,eAAAC,CAAc,EAAKZ,EAEzD,OAAOa,aAAWb,EAAM,SAAUc,GAAQ,CACxC,MAAMC,EAAcD,EAAM,IAAIjB,CAAW,EACnCmB,EAAeF,EAAM,IAAIR,CAAY,EAE3C,OACEL,MAACgB,EAAAA,gBACC,CAAA,IAAKR,EACL,UAAWS,EAAAA,IAAI,CACb,EAAG,EACH,GAAI,qBACJ,OAAQ,CAAE,GAAI,mBAAqB,EACpC,EACD,aAAa,SACb,OACI,GAAA,GAAAlB,EAEJ,SAAAmB,EAAAA,KAACC,SAAM,CAAC,QAAQ,gBAAgB,EAAE,iBAChCD,EAACC,KAAAA,EAAAA,OACE,CAAA,SAAA,CAAAL,GAAe,CACd,GAAGA,EACH,MAAO,CACL,OAAQ,GACR,GAAGA,EAAY,MACf,UAAYA,EAAY,MAAM,MAAuC,OAA/BG,EAAAA,IAAI,CAAE,MAAO,aAAc,CAClE,CACF,EACDC,EAACE,KAAAA,EAAAA,OAAO,CAAA,IAAK,EAAG,WAAW,QAAO,SAAA,CAChCF,OAACC,oBACCnB,MAACqB,EAAAA,QAAK,CAAA,WAAW,SAAU,SAAAZ,IAC1BE,GAAkBX,MAACsB,EAAgB,QAAA,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAOC,EAAM,MAAA,wBAAwB,CAAC,CAAA,CAAI,CAC9F,CAAA,EACRb,GACCV,EAACqB,IAAAA,EAAAA,QAAK,CAAA,KAAK,KAAK,UAAU,yBACvBX,CAAc,CAAA,CAElB,CAAA,CAAA,CACM,IAEXV,MAACmB,EAAM,OAAA,CAAA,SACJJ,GAAgB,CACf,GAAGA,EACH,MAAO,CACL,GAAGA,EAAa,MAChB,UAAYA,EAAa,MAAM,MAA4C,OAApCE,EAAAA,IAAI,CAAE,MAAO,kBAAmB,EACvE,MAAO,GACP,OAAQ,EACT,EAEI,CAAA,CAAA,CAAA,CAAA,CAEK,CAAA,CAEtB,CAAC,CACH,CAAC,EAEDX,EAAqB,YAAc,mBAEnC,MAAMkB,EAAmB,OAAO,OAAOlB,EAAsB,CAAE,YAAAV,EAAa,aAAAS,CAAY,CAAE"}

package/dist/es/components/layouts/wallet-page/account-menu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as e,jsx as t}from"react/jsx-runtime";import d from"../../primitives/button.js";import"../../primitives/checkbox.js";import"../../primitives/dropdown-selector.js";import{Popover as a}from"../../primitives/popover.js";import"../../primitives/radio.js";import"../../primitives/segmented-control.js";import"../../primitives/switch.js";import s from"../../primitives/text.js";import{css as f}from"@styled/css/css";import{Stack as l,Divider as h}from"@styled/jsx";import{useState as u,useEffect as g}from"react";const x=({avatarUrl:i,email:o,name:r,logoutLabel:c="Log out",onLogout:m})=>{const[p,n]=u(!1);return g(()=>{n(!1)},[i]),e(a,{iconSize:28,placement:"bottom right",variant:"text",children:[t(a.LeadingIcon,{children:i&&!p?t("img",{style:{borderRadius:"50%"},src:i,alt:"user avatar",onError:()=>n(!0)}):e("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",children:[t("circle",{cx:"14",cy:"14",r:"13",fill:"url(#paint0_radial_3600_63997)",stroke:"white",strokeOpacity:"0.24",strokeWidth:"0.5"}),t("defs",{children:e("radialGradient",{id:"paint0_radial_3600_63997",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(15 30.75) rotate(-90) scale(37.3333 65.833)",children:[t("stop",{offset:"0.01",stopColor:"#FFF507"}),t("stop",{offset:"0.259381",stopColor:"#F09BEB"}),t("stop",{offset:"0.598165",stopColor:"#412CB9"}),t("stop",{offset:"1",stopColor:"#18171A"})]})})]})}),t(a.Content,{className:f({w:r&&o?"200px":"fit-content",maxW:"200px"}),children:e(l,{w:"full",alignItems:"start",gap:0,children:[(o||r)&&e(l,{w:"full",gap:1,children:[r&&t(s,{fontWeight:"medium",children:r}),o&&t(s,{size:"sm",truncate:!0,fontColor:"text.secondary",children:o})]}),(o||r)&&t(h,{color:"surface.quaternary",my:3,minW:"88px"}),t(d,{label:c,textStyle:"negative",variant:"text",size:"sm",onPress:m})]})})]})};export{x as AccountMenu};
+import{jsxs as r,jsx as t}from"react/jsx-runtime";import{token as g}from"@styled/tokens";import u from"../../icons/ico-qrcode.js";import x from"../../primitives/button.js";import"../../primitives/checkbox.js";import"../../primitives/dropdown-selector.js";import{Popover as n}from"../../primitives/popover.js";import"../../primitives/radio.js";import"../../primitives/segmented-control.js";import"../../primitives/switch.js";import l from"../../primitives/text.js";import{css as m}from"@styled/css/css";import{HStack as v,Box as w,Stack as p,Divider as y}from"@styled/jsx";import{useState as C,useEffect as k}from"react";const _=({avatarUrl:i,email:o,name:e,logoutLabel:d="Log out",onReceive:a,onLogout:f})=>{const[h,s]=C(!1);k(()=>{s(!1)},[i]);const c=()=>r(n,{iconSize:28,placement:"bottom right",variant:"text",children:[t(n.LeadingIcon,{children:i&&!h?t("img",{style:{borderRadius:"50%"},src:i,alt:"user avatar",onError:()=>s(!0)}):r("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"28",viewBox:"0 0 28 28",fill:"none",children:[t("circle",{cx:"14",cy:"14",r:"13",fill:"url(#paint0_radial_3600_63997)",stroke:"white",strokeOpacity:"0.24",strokeWidth:"0.5"}),t("defs",{children:r("radialGradient",{id:"paint0_radial_3600_63997",cx:"0",cy:"0",r:"1",gradientUnits:"userSpaceOnUse",gradientTransform:"translate(15 30.75) rotate(-90) scale(37.3333 65.833)",children:[t("stop",{offset:"0.01",stopColor:"#FFF507"}),t("stop",{offset:"0.259381",stopColor:"#F09BEB"}),t("stop",{offset:"0.598165",stopColor:"#412CB9"}),t("stop",{offset:"1",stopColor:"#18171A"})]})})]})}),t(n.Content,{className:m({w:e&&o?"200px":"fit-content",maxW:"200px"}),children:r(p,{w:"full",alignItems:"start",gap:0,children:[(o||e)&&r(p,{w:"full",gap:1,children:[e&&t(l,{fontWeight:"medium",children:e}),o&&t(l,{size:"sm",truncate:!0,fontColor:"text.secondary",children:o})]}),(o||e)&&t(y,{color:"surface.quaternary",my:3,minW:"88px"}),t(x,{label:d,textStyle:"negative",variant:"text",size:"sm",onPress:f})]})})]});return a?r(v,{gap:1,minWidth:"fit-content",minHeight:"fit-content",children:[t(w,{onClick:a,cursor:"pointer",transition:"transform 0.1s",_active:{transform:"scale(0.95)"},className:m({"@media (max-width: 370px)":{display:"none"}}),children:t(u,{height:18,width:18,color:g("colors.text.secondary")})}),t(c,{})]}):t(c,{})};export{_ as AccountMenu};
 //# sourceMappingURL=account-menu.js.map

package/dist/es/components/layouts/wallet-page/account-menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"account-menu.js","sources":["../../../../../src/components/layouts/wallet-page/account-menu.tsx"],"sourcesContent":["import { Button, Popover, Text } from '@components/primitives';\nimport { css } from '@styled/css/css';\nimport { Divider, Stack } from '@styled/jsx';\nimport { useEffect, useState } from 'react';\n\nexport interface AccountMenuProps {\n avatarUrl?: string;\n email?: string;\n name?: string;\n logoutLabel?: string;\n onLogout?: () => void;\n}\n\nexport const AccountMenu = ({ avatarUrl, email, name, logoutLabel = 'Log out', onLogout }: AccountMenuProps) => {\n const [error, setError] = useState(false);\n\n useEffect(() => {\n setError(false);\n }, [avatarUrl]);\n\n ~~return~~ (\n <Popover iconSize={28} placement=\"bottom right\" variant=\"text\">\n <Popover.LeadingIcon>\n {avatarUrl && !error ? (\n <img style={{ borderRadius: '50%' }} src={avatarUrl} alt=\"user avatar\" onError={() => setError(true)} />\n ) : (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\">\n <circle\n cx=\"14\"\n cy=\"14\"\n r=\"13\"\n fill=\"url(#paint0_radial_3600_63997)\"\n stroke=\"white\"\n strokeOpacity=\"0.24\"\n strokeWidth=\"0.5\"\n />\n <defs>\n <radialGradient\n id=\"paint0_radial_3600_63997\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(15 30.75) rotate(-90) scale(37.3333 65.833)\"\n >\n <stop offset=\"0.01\" stopColor=\"#FFF507\" />\n <stop offset=\"0.259381\" stopColor=\"#F09BEB\" />\n <stop offset=\"0.598165\" stopColor=\"#412CB9\" />\n <stop offset=\"1\" stopColor=\"#18171A\" />\n </radialGradient>\n </defs>\n </svg>\n )}\n </Popover.LeadingIcon>\n <Popover.Content className={css({ w: name && email ? '200px' : 'fit-content', maxW: '200px' })}>\n <Stack w=\"full\" alignItems=\"start\" gap={0}>\n {(email \|\| name) && (\n <Stack w=\"full\" gap={1}>\n {name && <Text fontWeight=\"medium\">{name}</Text>}\n {email && (\n <Text size=\"sm\" truncate fontColor=\"text.secondary\">\n {email}\n </Text>\n )}\n </Stack>\n )}\n {(email \|\| name) && <Divider color=\"surface.quaternary\" my={3} minW=\"88px\" />}\n <Button label={logoutLabel} textStyle=\"negative\" variant=\"text\" size=\"sm\" onPress={onLogout} />\n </Stack>\n </Popover.Content>\n </Popover>\n );\n};\n"],"names":["AccountMenu","avatarUrl","email","name","logoutLabel","onLogout","error","setError","useState","useEffect","_jsxs","Popover","_jsx","css","Stack","Text","Divider","Button"],"mappings":"~~ugBAaa~~,MAAAA,EAAc,CAAC,~~CAAE~~,UAAAC,~~EAAW~~,MAAAC,~~EAAO~~,KAAAC,~~EAAM~~,YAAAC,EAAc,~~UAAW~~,SAAAC,~~CAAQ~~,~~IAAwB~~,~~CAC7G~~,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAS,EAAK,~~EAExC~~,~~OAAAC,~~EAAU,IAAK,CACbF,EAAS,EAAK,CAChB,EAAG,~~CAACN~~,CAAS,CAAC,~~EAGZS~~,EAACC,EAAQ,CAAA,SAAU,GAAI,UAAU,eAAe,QAAQ,~~iBACtDC~~,EAACD,EAAQ,~~sBACNV~~,~~GAAa~~,~~CAACK~~,~~EACbM~~,~~EAAA~~,~~MAAA~~,~~CAAK~~,MAAO,CAAE,aAAc,~~OAAS~~,~~IAAKX~~,EAAW,IAAI,cAAc,QAAS,~~IAAMM~~,EAAS,EAAI,~~CAAK~~,CAAA,~~EAExGG~~,~~EAAA~~,MAAA,~~CAAK~~,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,~~OACtF~~,SAAA,~~CAAAE~~,~~EAAA~~,SAAA,~~CACE~~,GAAG,KACH,GAAG,KACH,EAAE,KACF,KAAK,iCACL,OAAO,QACP,cAAc,OACd,YAAY,~~KAAK~~,~~CAAA,EAEnBA,~~EAAA,OAAA,CAAA,SACEF,oBACE,GAAG,2BACH,GAAG,IACH,GAAG,IACH,EAAE,IACF,cAAc,iBACd,kBAAkB,kEAElBE,EAAM,OAAA,CAAA,OAAO,OAAO,UAAU,SAAY,CAAA,EAC1CA,~~EAAM~~,~~OAAA,CAAA,~~OAAO,WAAW,UAAU,~~SAAY~~,~~CAAA~~,~~EAC9CA~~,~~UAAM~~,OAAO,WAAW,UAAU,~~YAClCA~~,EAAA,OAAA,CAAM,OAAO,IAAI,UAAU,~~WAAY~~,~~CACxB~~,CAAA,CAAA,CAAA,~~CACZ~~,~~CACH~~,CAAA,~~IAGVA~~,EAACD,EAAQ,~~QAAQ~~,~~CAAA~~,UAAWE,EAAI,CAAE,~~EAAGV~~,GAAQD,EAAQ,QAAU,cAAe,KAAM,~~OAAS~~,~~CAAA~~,~~WAC3FQ~~,EAACI,~~EAAM~~,~~CAAA~~,EAAE,OAAO,WAAW,QAAQ,IAAK,~~EAAC~~,~~SAAA,EACrCZ,~~GAASC,~~IACTO~~,EAACI,~~EAAK~~,~~CAAC,~~EAAE,OAAO,IAAK,~~EAClB~~,SAAA,~~CAAAX~~,~~GAAQS~~,EAACG,~~EAAK~~,~~CAAA~~,WAAW,~~kBAAUZ~~,~~CAAI~~,CAAA,~~EACvCD~~,~~GACCU~~,EAACG,~~EAAK~~,~~CAAA~~,KAAK,KAAK,~~SAAQ~~,~~GAAC,~~UAAU,~~iBAChC~~,~~SAAAb~~,~~GAEJ~~,CAAA,CAAA,~~GAGHA~~,GAASC,~~IAASS~~,EAACI,~~EAAO~~,~~CAAC~~,MAAM,qBAAqB,GAAI,EAAG,KAAK,~~MAAM~~,~~CAAA~~,~~EAC1EJ~~,~~EAACK~~,~~GAAO~~,~~MAAOb,~~EAAa,UAAU,WAAW,QAAQ,OAAO,KAAK,KAAK,~~QAASC~~,CAAQ,CAAA,CAAI,GAEjF,CAAA,CAAA,CAAA,CAAA,~~CAGxB~~"}
1	+ {"version":3,"file":"account-menu.js","sources":["../../../../../src/components/layouts/wallet-page/account-menu.tsx"],"sourcesContent":["import { IcoQrcode } from '@components/icons';\nimport { Button, Popover, Text } from '@components/primitives';\nimport { css } from '@styled/css/css';\nimport { Box, Divider, HStack, Stack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { useEffect, useState } from 'react';\n\nexport interface AccountMenuProps {\n avatarUrl?: string;\n email?: string;\n name?: string;\n logoutLabel?: string;\n onReceive?: () => void;\n onLogout?: () => void;\n}\n\nexport const AccountMenu = ({\n avatarUrl,\n email,\n name,\n logoutLabel = 'Log out',\n onReceive,\n onLogout,\n}: AccountMenuProps) => {\n const [error, setError] = useState(false);\n\n useEffect(() => {\n setError(false);\n }, [avatarUrl]);\n\n const PopoverElement = () => (\n <Popover iconSize={28} placement=\"bottom right\" variant=\"text\">\n <Popover.LeadingIcon>\n {avatarUrl && !error ? (\n <img style={{ borderRadius: '50%' }} src={avatarUrl} alt=\"user avatar\" onError={() => setError(true)} />\n ) : (\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 28 28\" fill=\"none\">\n <circle\n cx=\"14\"\n cy=\"14\"\n r=\"13\"\n fill=\"url(#paint0_radial_3600_63997)\"\n stroke=\"white\"\n strokeOpacity=\"0.24\"\n strokeWidth=\"0.5\"\n />\n <defs>\n <radialGradient\n id=\"paint0_radial_3600_63997\"\n cx=\"0\"\n cy=\"0\"\n r=\"1\"\n gradientUnits=\"userSpaceOnUse\"\n gradientTransform=\"translate(15 30.75) rotate(-90) scale(37.3333 65.833)\"\n >\n <stop offset=\"0.01\" stopColor=\"#FFF507\" />\n <stop offset=\"0.259381\" stopColor=\"#F09BEB\" />\n <stop offset=\"0.598165\" stopColor=\"#412CB9\" />\n <stop offset=\"1\" stopColor=\"#18171A\" />\n </radialGradient>\n </defs>\n </svg>\n )}\n </Popover.LeadingIcon>\n <Popover.Content className={css({ w: name && email ? '200px' : 'fit-content', maxW: '200px' })}>\n <Stack w=\"full\" alignItems=\"start\" gap={0}>\n {(email \|\| name) && (\n <Stack w=\"full\" gap={1}>\n {name && <Text fontWeight=\"medium\">{name}</Text>}\n {email && (\n <Text size=\"sm\" truncate fontColor=\"text.secondary\">\n {email}\n </Text>\n )}\n </Stack>\n )}\n {(email \|\| name) && <Divider color=\"surface.quaternary\" my={3} minW=\"88px\" />}\n <Button label={logoutLabel} textStyle=\"negative\" variant=\"text\" size=\"sm\" onPress={onLogout} />\n </Stack>\n </Popover.Content>\n </Popover>\n );\n\n if (!onReceive) return <PopoverElement />;\n\n return (\n <HStack gap={1} minWidth=\"fit-content\" minHeight=\"fit-content\">\n <Box\n onClick={onReceive}\n cursor=\"pointer\"\n transition=\"transform 0.1s\"\n _active={{ transform: 'scale(0.95)' }}\n className={css({\n '@media (max-width: 370px)': {\n display: 'none',\n },\n })}\n >\n <IcoQrcode height={18} width={18} color={token('colors.text.secondary')} />\n </Box>\n <PopoverElement />\n </HStack>\n );\n};\n"],"names":["AccountMenu","avatarUrl","email","name","logoutLabel","onReceive","onLogout","error","setError","useState","useEffect","PopoverElement","_jsxs","Popover","_jsx","css","Stack","Text","Divider","Button","HStack","Box","IcoQrcode","token"],"mappings":"4mBAgBa,MAAAA,EAAc,CAAC,CAC1B,UAAAC,EACA,MAAAC,EACA,KAAAC,EACA,YAAAC,EAAc,UACd,UAAAC,EACA,SAAAC,CACiB,IAAI,CACrB,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAS,EAAK,EAExCC,EAAU,IAAK,CACbF,EAAS,EAAK,CAChB,EAAG,CAACP,CAAS,CAAC,EAEd,MAAMU,EAAiB,IACrBC,EAACC,EAAQ,CAAA,SAAU,GAAI,UAAU,eAAe,QAAQ,OAAM,SAAA,CAC5DC,EAACD,EAAQ,YAAW,CAAA,SACjBZ,GAAa,CAACM,EACbO,SAAK,MAAO,CAAE,aAAc,KAAK,EAAI,IAAKb,EAAW,IAAI,cAAc,QAAS,IAAMO,EAAS,EAAI,CAAC,CAAA,EAEpGI,EAAK,MAAA,CAAA,MAAM,6BAA6B,MAAM,KAAK,OAAO,KAAK,QAAQ,YAAY,KAAK,OAAM,SAAA,CAC5FE,EACE,SAAA,CAAA,GAAG,KACH,GAAG,KACH,EAAE,KACF,KAAK,iCACL,OAAO,QACP,cAAc,OACd,YAAY,QAEdA,EAAA,OAAA,CAAA,SACEF,oBACE,GAAG,2BACH,GAAG,IACH,GAAG,IACH,EAAE,IACF,cAAc,iBACd,kBAAkB,kEAElBE,EAAM,OAAA,CAAA,OAAO,OAAO,UAAU,SAAY,CAAA,EAC1CA,UAAM,OAAO,WAAW,UAAU,YAClCA,EAAA,OAAA,CAAM,OAAO,WAAW,UAAU,SAAS,CAAA,EAC3CA,EAAA,OAAA,CAAM,OAAO,IAAI,UAAU,SAAS,CAAA,CAAG,GAEpC,CAAA,CAAA,CAAA,CAAA,CAGS,CAAA,EACtBA,EAACD,EAAQ,QAAO,CAAC,UAAWE,EAAI,CAAE,EAAGZ,GAAQD,EAAQ,QAAU,cAAe,KAAM,OAAO,CAAE,EAC3F,SAAAU,EAACI,EAAK,CAAC,EAAE,OAAO,WAAW,QAAQ,IAAK,aACpCd,GAASC,IACTS,EAACI,GAAM,EAAE,OAAO,IAAK,EAAC,SAAA,CACnBb,GAAQW,EAACG,EAAI,CAAC,WAAW,SAAU,SAAAd,CAAY,CAAA,EAC/CD,GACCY,EAACG,EAAI,CAAC,KAAK,KAAK,YAAS,UAAU,iBAAgB,SAChDf,CACI,CAAA,CACR,CACK,CAAA,GAERA,GAASC,IAASW,EAACI,EAAQ,CAAA,MAAM,qBAAqB,GAAI,EAAG,KAAK,SACpEJ,EAACK,EAAO,CAAA,MAAOf,EAAa,UAAU,WAAW,QAAQ,OAAO,KAAK,KAAK,QAASE,CAAQ,CAAA,CAAI,GAEjF,CAAA,CAAA,CAAA,CAAA,EAItB,OAAKD,EAGHO,EAACQ,GAAO,IAAK,EAAG,SAAS,cAAc,UAAU,wBAC/CN,EAACO,GACC,QAAShB,EACT,OAAO,UACP,WAAW,iBACX,QAAS,CAAE,UAAW,aAAa,EACnC,UAAWU,EAAI,CACb,4BAA6B,CAC3B,QAAS,MACV,EACF,EAAC,SAEFD,EAACQ,EAAU,CAAA,OAAQ,GAAI,MAAO,GAAI,MAAOC,EAAM,uBAAuB,CAAK,CAAA,CAAA,CAAA,EAE7ET,EAACH,EAAc,EAAA,CAAG,CACX,CAAA,EAlBYG,EAACH,EAAc,EAAA,CAoBxC"}

package/dist/es/components/layouts/wallet-page/actions.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as m,jsx as e}from"react/jsx-runtime";import"@styled/tokens";import p from"../../icons/ico-arrow-down.js";import L from"../../icons/ico-paper-plane.js";import f from"../../icons/ico-qrcode.js";import"../../sections/verify-pincode.js";import{WalletActions as o}from"../../sections/wallet-actions.js";import"../../sections/wallet-navigation.js";const x=({actionBox:r,buyLabel:a="Buy",buyDisabledLabel:b,sendLabel:s="Send",sendDisabledLabel:t,receiveLabel:c="Receive",receiveDisabledLabel:d,onBuy:i,onSend:l,onReceive:n})=>m(o,{actionBox:r,children:[i&&e(o.Action,{disabledLabel:b,label:a,onPress:i,children:e(p,{})}),l&&e(o.Action,{disabledLabel:t,label:s,onPress:l,children:e(L,{})}),n&&e(o.Action,{disabledLabel:d,label:c,onPress:n,children:e(f,{})})]});export{x as Actions};
+import{jsxs as m,jsx as e}from"react/jsx-runtime";import"@styled/tokens";import p from"../../icons/ico-arrow-down.js";import L from"../../icons/ico-paper-plane.js";import f from"../../icons/ico-refresh.js";import"../../sections/verify-pincode.js";import{WalletActions as o}from"../../sections/wallet-actions.js";import"../../sections/wallet-navigation.js";const x=({actionBox:n,buyLabel:s="Buy",buyDisabledLabel:b,sendLabel:r="Send",sendDisabledLabel:t,swapLabel:d="Swap",swapDisabledLabel:c,onBuy:l,onSend:a,onSwap:i})=>m(o,{actionBox:n,children:[l&&e(o.Action,{disabledLabel:b,label:s,onPress:l,children:e(p,{})}),i&&e(o.Action,{disabledLabel:c,label:d,onPress:i,children:e(f,{})}),a&&e(o.Action,{disabledLabel:t,label:r,onPress:a,children:e(L,{})})]});export{x as Actions};
 //# sourceMappingURL=actions.js.map

package/dist/es/components/layouts/wallet-page/actions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"actions.js","sources":["../../../../../src/components/layouts/wallet-page/actions.tsx"],"sourcesContent":["import { IcoArrowDown, IcoPaperPlane, ~~IcoQrcode~~ } from '@components/icons';\nimport { WalletActions } from '@components/sections';\n\nexport interface ActionsProps {\n actionBox?: boolean;\n buyLabel?: string;\n buyDisabledLabel?: string;\n sendLabel?: string;\n sendDisabledLabel?: string;\n ~~receiveLabel~~?: string;\n ~~receiveDisabledLabel~~?: string;\n onBuy?: () => void;\n ~~onSend~~?: () => void;\n ~~onReceive~~?: () => void;\n}\n\nexport const Actions = ({\n actionBox,\n buyLabel = 'Buy',\n buyDisabledLabel,\n sendLabel = 'Send',\n sendDisabledLabel,\n ~~receiveLabel~~ = '~~Receive~~',\n ~~receiveDisabledLabel~~,\n onBuy,\n onSend,\n ~~onReceive~~,\n}: ActionsProps) => (\n <WalletActions actionBox={actionBox}>\n {onBuy && (\n <WalletActions.Action disabledLabel={buyDisabledLabel} label={buyLabel} onPress={onBuy}>\n <IcoArrowDown />\n </WalletActions.Action>\n )}\n {~~onSend~~ && (\n <WalletActions.Action disabledLabel={~~sendDisabledLabel~~} label={~~sendLabel~~} onPress={~~onSend~~}>\n <~~IcoPaperPlane~~ />\n </WalletActions.Action>\n )}\n {~~onReceive~~ && (\n <WalletActions.Action disabledLabel={~~receiveDisabledLabel~~} label={~~receiveLabel~~} onPress={~~onReceive~~}>\n <~~IcoQrcode~~ />\n </WalletActions.Action>\n )}\n </WalletActions>\n);\n"],"names":["Actions","actionBox","buyLabel","buyDisabledLabel","sendLabel","sendDisabledLabel","~~receiveLabel~~","~~receiveDisabledLabel~~","onBuy","onSend","~~onReceive~~","_jsxs","WalletActions","_jsx","IcoArrowDown","~~IcoPaperPlane~~","~~IcoQrcode~~"],"mappings":"~~mWAgBa~~,MAAAA,EAAU,CAAC,CACtB,UAAAC,EACA,SAAAC,EAAW,MACX,iBAAAC,EACA,UAAAC,EAAY,OACZ,kBAAAC,EACA,~~aAAAC~~,~~EAAe~~,~~UACf~~,~~qBAAAC~~,EACA,MAAAC,EACA,OAAAC,EACA,~~UAAAC~~,CACa,IACbC,EAACC,EAAa,CAAC,UAAWX,EAAS,SAAA,CAChCO,GACCK,EAACD,EAAc,OAAM,CAAC,cAAeT,EAAkB,MAAOD,EAAU,QAASM,EAC/E,SAAAK,EAACC,EAAY,CAAA,CAAA,CACQ,CAAA,~~EAExBL~~,~~GACCI~~,EAACD,EAAc,OAAO,CAAA,~~cAAeP~~,EAAmB,MAAOD,EAAW,~~QAASK~~,EACjF,~~SAAAI~~,EAACE,~~EAAa~~,EAAA,~~CACO~~,CAAA,~~EAExBL~~,~~GACCG~~,EAACD,EAAc,OAAO,CAAA,~~cAAeL~~,~~EAAsB~~,MAAOD,~~EAAc~~,~~QAASI~~,~~EACvF~~,~~SAAAG~~,EAACG,~~EAAS~~,CAAA,CAAA,~~CACW~~,CAAA,CACxB,CACa,CAAA"}
1	+ {"version":3,"file":"actions.js","sources":["../../../../../src/components/layouts/wallet-page/actions.tsx"],"sourcesContent":["import { IcoArrowDown, IcoPaperPlane, IcoRefresh } from '@components/icons';\nimport { WalletActions } from '@components/sections';\n\nexport interface ActionsProps {\n actionBox?: boolean;\n buyLabel?: string;\n buyDisabledLabel?: string;\n sendLabel?: string;\n sendDisabledLabel?: string;\n swapLabel?: string;\n swapDisabledLabel?: string;\n onBuy?: () => void;\n onSwap?: () => void;\n onSend?: () => void;\n}\n\nexport const Actions = ({\n actionBox,\n buyLabel = 'Buy',\n buyDisabledLabel,\n sendLabel = 'Send',\n sendDisabledLabel,\n swapLabel = 'Swap',\n swapDisabledLabel,\n onBuy,\n onSend,\n onSwap,\n}: ActionsProps) => (\n <WalletActions actionBox={actionBox}>\n {onBuy && (\n <WalletActions.Action disabledLabel={buyDisabledLabel} label={buyLabel} onPress={onBuy}>\n <IcoArrowDown />\n </WalletActions.Action>\n )}\n {onSwap && (\n <WalletActions.Action disabledLabel={swapDisabledLabel} label={swapLabel} onPress={onSwap}>\n <IcoRefresh />\n </WalletActions.Action>\n )}\n {onSend && (\n <WalletActions.Action disabledLabel={sendDisabledLabel} label={sendLabel} onPress={onSend}>\n <IcoPaperPlane />\n </WalletActions.Action>\n )}\n </WalletActions>\n);\n"],"names":["Actions","actionBox","buyLabel","buyDisabledLabel","sendLabel","sendDisabledLabel","swapLabel","swapDisabledLabel","onBuy","onSend","onSwap","_jsxs","WalletActions","_jsx","IcoArrowDown","IcoRefresh","IcoPaperPlane"],"mappings":"oWAgBa,MAAAA,EAAU,CAAC,CACtB,UAAAC,EACA,SAAAC,EAAW,MACX,iBAAAC,EACA,UAAAC,EAAY,OACZ,kBAAAC,EACA,UAAAC,EAAY,OACZ,kBAAAC,EACA,MAAAC,EACA,OAAAC,EACA,OAAAC,CACa,IACbC,EAACC,EAAa,CAAC,UAAWX,EAAS,SAAA,CAChCO,GACCK,EAACD,EAAc,OAAM,CAAC,cAAeT,EAAkB,MAAOD,EAAU,QAASM,EAC/E,SAAAK,EAACC,EAAY,CAAA,CAAA,CACQ,CAAA,EAExBJ,GACCG,EAACD,EAAc,OAAO,CAAA,cAAeL,EAAmB,MAAOD,EAAW,QAASI,EACjF,SAAAG,EAACE,EAAU,EAAA,CACU,CAAA,EAExBN,GACCI,EAACD,EAAc,OAAO,CAAA,cAAeP,EAAmB,MAAOD,EAAW,QAASK,EACjF,SAAAI,EAACG,EAAa,CAAA,CAAA,CACO,CAAA,CACxB,CACa,CAAA"}

package/dist/es/components/layouts/wallet-page/connection-menu.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as r,jsx as e,Fragment as f}from"react/jsx-runtime";import{token as t}from"@styled/tokens";import b from"../../icons/ico-globe.js";import v from"../../icons/ico-remove.js";import a from"../../primitives/button.js";import"../../primitives/checkbox.js";import"../../primitives/dropdown-selector.js";import{Popover as c}from"../../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 y}from"@styled/css/css";import{Circle as d,Stack as u,Divider as w}from"@styled/jsx";import{useState as z,useEffect as C}from"react";const L=({connected:o,connectedLabel:h="Connected",disconnectLabel:l,disconnectedLabel:m="Not connected",domain:p,logoUrl:i,onDisconnect:g})=>{const[x,s]=z(!1);return C(()=>{s(!1)},[i]),r(c,{iconSize:28,variant:"text",children:[e(c.LeadingIcon,{color:t("colors.text.tertiary"),children:i&&o&&!x?r(d,{position:"relative",w:7,h:7,children:[e("img",{style:{borderRadius:"50%"},width:28,height:28,src:i,alt:"app logo",onError:()=>s(!0)}),e(d,{size:"7px",position:"absolute",bg:"positive.base",borderWidth:"thin",borderColor:"surface.primary",bottom:"-1px",right:"-1px",boxSizing:"border-box"})]}):r("svg",{width:"28",height:"28",children:[e("circle",{cx:"14",cy:"14",r:"14",fill:t("colors.surface.tertiary")}),e(b,{color:t("colors.text.tertiary"),x:6,y:6,height:16,width:16})]})}),r(c.Content,{className:y({w:"200px"}),children:[r(u,{w:"100%",gap:1,overflow:"hidden",children:[o?e(n,{size:"xs",variant:"success",fontWeight:"normal",children:h}):e(n,{fontColor:"text.tertiary",size:"xs",children:m}),e(n,{truncate:!0,children:p})]}),o&&l&&r(f,{children:[e(w,{color:"surface.quaternary",my:3}),e(a,{label:l,size:"sm",textStyle:"negative",variant:"text",onPress:g,children:e(a.LeadingIcon,{children:r("svg",{width:"20",height:"20",children:[e("circle",{cx:"8",cy:"8",r:"8",fill:t("colors.negative.lightest")}),e(v,{color:t("colors.negative.base"),x:3,y:3,height:10,width:10})]})})})]})]})]})};export{L as ConnectionMenu};
+import{jsxs as t,jsx as e,Fragment as y}from"react/jsx-runtime";import{token as o}from"@styled/tokens";import u from"../../icons/ico-globe.js";import w from"../../icons/ico-remove.js";import d from"../../primitives/button.js";import"../../primitives/checkbox.js";import"../../primitives/dropdown-selector.js";import{Popover as n}from"../../primitives/popover.js";import"../../primitives/radio.js";import"../../primitives/segmented-control.js";import"../../primitives/switch.js";import c from"../../primitives/text.js";import{css as m}from"@styled/css/css";import{HStack as z,Box as C,Circle as h,Stack as S,Divider as L}from"@styled/jsx";import{useState as W,useEffect as k}from"react";const H=({connected:r,connectedLabel:p="Connected",disconnectLabel:l,disconnectedLabel:x="Not connected",domain:g,logoUrl:i,onDisconnect:f,onReceive:b})=>{const[v,s]=W(!1);k(()=>{s(!1)},[i]);const a=()=>t(n,{iconSize:28,variant:"text",children:[e(n.LeadingIcon,{color:o("colors.text.tertiary"),children:i&&r&&!v?t(h,{position:"relative",w:7,h:7,children:[e("img",{style:{borderRadius:"50%"},width:28,height:28,src:i,alt:"app logo",onError:()=>s(!0)}),e(h,{size:"7px",position:"absolute",bg:"positive.base",borderWidth:"thin",borderColor:"surface.primary",bottom:"-1px",right:"-1px",boxSizing:"border-box"})]}):t("svg",{width:"28",height:"28",children:[e("circle",{cx:"14",cy:"14",r:"14",fill:o("colors.surface.tertiary")}),e(u,{color:o("colors.text.tertiary"),x:6,y:6,height:16,width:16})]})}),t(n.Content,{className:m({w:"200px"}),children:[t(S,{w:"100%",gap:1,overflow:"hidden",children:[r?e(c,{size:"xs",variant:"success",fontWeight:"normal",children:p}):e(c,{fontColor:"text.tertiary",size:"xs",children:x}),e(c,{truncate:!0,children:g})]}),r&&l&&t(y,{children:[e(L,{color:"surface.quaternary",my:3}),e(d,{label:l,size:"sm",textStyle:"negative",variant:"text",onPress:f,children:e(d.LeadingIcon,{children:t("svg",{width:"20",height:"20",children:[e("circle",{cx:"8",cy:"8",r:"8",fill:o("colors.negative.lightest")}),e(w,{color:o("colors.negative.base"),x:3,y:3,height:10,width:10})]})})})]})]})]});return b?t(z,{gap:1,minWidth:"fit-content",minHeight:"fit-content",children:[e(a,{}),e(C,{className:m({"@media (max-width: 370px)":{display:"none"}}),minH:"18px",minW:"18px"})]}):e(a,{})};export{H as ConnectionMenu};
 //# sourceMappingURL=connection-menu.js.map

package/dist/es/components/layouts/wallet-page/connection-menu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"connection-menu.js","sources":["../../../../../src/components/layouts/wallet-page/connection-menu.tsx"],"sourcesContent":["import { IcoGlobe, IcoRemove } from '@components/icons';\nimport { Button, Popover, Text } from '@components/primitives';\nimport { css } from '@styled/css/css';\nimport { Circle, Divider, Stack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { useEffect, useState } from 'react';\n\nexport interface ConnectionMenuProps {\n connected?: boolean;\n connectedLabel?: string;\n disconnectLabel?: string;\n disconnectedLabel?: string;\n domain: string;\n logoUrl?: string;\n onDisconnect?: () => void;\n}\n\nexport const ConnectionMenu = ({\n connected,\n connectedLabel = 'Connected',\n disconnectLabel,\n disconnectedLabel = 'Not connected',\n domain,\n logoUrl,\n onDisconnect,\n}: ConnectionMenuProps) => {\n const [error, setError] = useState(false);\n\n useEffect(() => {\n setError(false);\n }, [logoUrl]);\n\n ~~return~~ (\n <Popover iconSize={28} variant=\"text\">\n <Popover.LeadingIcon color={token('colors.text.tertiary')}>\n {logoUrl && connected && !error ? (\n <Circle position=\"relative\" w={7} h={7}>\n <img\n style={{ borderRadius: '50%' }}\n width={28}\n height={28}\n src={logoUrl}\n alt=\"app logo\"\n onError={() => setError(true)}\n />\n <Circle\n size=\"7px\"\n position=\"absolute\"\n bg=\"positive.base\"\n borderWidth=\"thin\"\n borderColor=\"surface.primary\"\n bottom=\"-1px\"\n right=\"-1px\"\n boxSizing=\"border-box\"\n />\n </Circle>\n ) : (\n <svg width=\"28\" height=\"28\">\n <circle cx=\"14\" cy=\"14\" r=\"14\" fill={token('colors.surface.tertiary')} />\n <IcoGlobe color={token('colors.text.tertiary')} x={6} y={6} height={16} width={16} />\n </svg>\n )}\n </Popover.LeadingIcon>\n <Popover.Content className={css({ w: '200px' })}>\n <Stack w=\"100%\" gap={1} overflow=\"hidden\">\n {!connected ? (\n <Text fontColor=\"text.tertiary\" size=\"xs\">\n {disconnectedLabel}\n </Text>\n ) : (\n <Text size=\"xs\" variant=\"success\" fontWeight=\"normal\">\n {connectedLabel}\n </Text>\n )}\n <Text truncate>{domain}</Text>\n </Stack>\n {connected && disconnectLabel && (\n <>\n <Divider color=\"surface.quaternary\" my={3} />\n <Button label={disconnectLabel} size=\"sm\" textStyle=\"negative\" variant=\"text\" onPress={onDisconnect}>\n <Button.LeadingIcon>\n <svg width=\"20\" height=\"20\">\n <circle cx=\"8\" cy=\"8\" r=\"8\" fill={token('colors.negative.lightest')} />\n <IcoRemove color={token('colors.negative.base')} x={3} y={3} height={10} width={10} />\n </svg>\n </Button.LeadingIcon>\n </Button>\n </>\n )}\n </Popover.Content>\n </Popover>\n );\n};\n"],"names":["ConnectionMenu","connected","connectedLabel","disconnectLabel","disconnectedLabel","domain","logoUrl","onDisconnect","error","setError","useState","useEffect","_jsxs","Popover","_jsx","token","Circle","IcoGlobe","css","Stack","Text","~~_Fragment","~~Divider","Button","IcoRemove"],"mappings":"~~ypBAiBa~~,~~MAAAA~~,EAAiB,CAAC,CAC7B,UAAAC,EACA,eAAAC,EAAiB,YACjB,gBAAAC,EACA,kBAAAC,EAAoB,gBACpB,OAAAC,EACA,QAAAC,EACA,aAAAC,CACoB,IAAI,CACxB,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAS,EAAK,~~EAExC~~,~~OAAAC,~~EAAU,IAAK,CACbF,EAAS,EAAK,CAChB,EAAG,~~CAACH~~,CAAO,CAAC,~~EAGVM~~,EAACC,~~GAAQ~~,SAAU,GAAI,QAAQ,~~OAAM~~,~~SAAA,CACnCC,~~EAACD,EAAQ,~~YAAY~~,~~CAAA~~,MAAOE,EAAM,sBAAsB,~~EAAC~~,~~SACtDT,~~GAAWL,GAAa,~~CAACO~~,~~EACxBI~~,EAACI,~~GAAO~~,SAAS,WAAW,EAAG,EAAG,EAAG,~~YACnCF~~,~~EACE~~,MAAA,~~CAAA~~,MAAO,CAAE,aAAc,~~KAAK~~,~~EAC5B,~~MAAO,GACP,OAAQ,GACR,~~IAAKR~~,EACL,IAAI,WACJ,QAAS,~~IAAMG~~,EAAS,EAAI,~~CAAC~~,~~CAAA~~,~~EAE/BK~~,~~EAACE~~,~~GACC,~~KAAK,MACL,SAAS,WACT,GAAG,gBACH,YAAY,OACZ,YAAY,kBACZ,OAAO,OACP,MAAM,OACN,UAAU,YAAY,CAAA,CACtB,IAGJJ,SAAK,MAAM,KAAK,OAAO,KAAI,SAAA,CACzBE,YAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,KAAK,KAAMC,EAAM,yBAAyB,CAAK,CAAA,EACzED,EAACG,EAAQ,CAAC,MAAOF,EAAM,sBAAsB,EAAG,EAAG,EAAG,EAAG,EAAG,OAAQ,GAAI,MAAO,EAAM,CAAA,CAAA,CAAA,CAAA,~~CAGrE~~,CAAA,~~EACtBH~~,EAACC,EAAQ,~~QAAQ~~,~~CAAA,~~UAAWK,EAAI,CAAE,EAAG,~~OAAS~~,~~CAAA~~,~~YAC5CN~~,EAACO,~~GAAM~~,EAAE,OAAO,IAAK,EAAG,SAAS,~~mBAC7BlB~~,~~EAKAa~~,EAACM,~~GAAK~~,KAAK,KAAK,QAAQ,UAAU,WAAW,~~kBAC1ClB~~,~~CAAc~~,CAAA,~~EALjBY~~,EAACM,~~GAAK~~,UAAU,gBAAgB,KAAK,~~KAAI~~,~~SACtChB~~,~~CACI~~,~~CAAA~~,~~EAMTU~~,~~EAACM~~,~~EAAK~~,CAAA,~~qBAAUf~~,~~CAAM~~,CAAA,~~CAAQ,IAE~~/BJ,GAAaE,~~GACZS~~,~~EACES~~,~~EAAA~~,~~CAAA~~,~~SAAA~~,~~CAAAP~~,~~EAACQ~~,~~EAAQ~~,CAAA,~~MAAM~~,~~qBAAqB~~,~~GAAI~~,~~IACxCR~~,~~EAACS~~,~~EAAO,CAAA,MAAOpB,~~EAAiB,KAAK,KAAK,UAAU,WAAW,QAAQ,OAAO,QAASI,~~WACrFO~~,~~EAACS~~,EAAO,~~YAAW~~,~~CAAA~~,~~SACjBX~~,~~SAAK~~,MAAM,KAAK,OAAO,~~KAAI~~,SAAA,~~CACzBE~~,~~YAAQ,~~GAAG,IAAI,GAAG,IAAI,EAAE,IAAI,KAAMC,EAAM,0BAA0B,~~CAAK~~,CAAA,~~EACvED~~,~~EAACU~~,~~EAAS~~,~~CAAC~~,~~MAAOT,~~EAAM,sBAAsB,EAAG,EAAG,EAAG,EAAG,EAAG,OAAQ,GAAI,MAAO,~~EAAM~~,CAAA,CAAA,CAAA,CAAA,~~GAGnF~~,CAAA,CAAA,CAAA,CAAA,~~CAEZ~~,~~CACe~~,CAAA,CAAA,CAAA,CAAA,~~CAGxB~~"}
1	+ {"version":3,"file":"connection-menu.js","sources":["../../../../../src/components/layouts/wallet-page/connection-menu.tsx"],"sourcesContent":["import { IcoGlobe, IcoRemove } from '@components/icons';\nimport { Button, Popover, Text } from '@components/primitives';\nimport { css } from '@styled/css/css';\nimport { Box, Circle, Divider, HStack, Stack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { useEffect, useState } from 'react';\n\nexport interface ConnectionMenuProps {\n connected?: boolean;\n connectedLabel?: string;\n disconnectLabel?: string;\n disconnectedLabel?: string;\n domain: string;\n logoUrl?: string;\n onDisconnect?: () => void;\n onReceive?: () => void;\n}\n\nexport const ConnectionMenu = ({\n connected,\n connectedLabel = 'Connected',\n disconnectLabel,\n disconnectedLabel = 'Not connected',\n domain,\n logoUrl,\n onDisconnect,\n onReceive,\n}: ConnectionMenuProps) => {\n const [error, setError] = useState(false);\n\n useEffect(() => {\n setError(false);\n }, [logoUrl]);\n\n const PopoverElement = () => (\n <Popover iconSize={28} variant=\"text\">\n <Popover.LeadingIcon color={token('colors.text.tertiary')}>\n {logoUrl && connected && !error ? (\n <Circle position=\"relative\" w={7} h={7}>\n <img\n style={{ borderRadius: '50%' }}\n width={28}\n height={28}\n src={logoUrl}\n alt=\"app logo\"\n onError={() => setError(true)}\n />\n <Circle\n size=\"7px\"\n position=\"absolute\"\n bg=\"positive.base\"\n borderWidth=\"thin\"\n borderColor=\"surface.primary\"\n bottom=\"-1px\"\n right=\"-1px\"\n boxSizing=\"border-box\"\n />\n </Circle>\n ) : (\n <svg width=\"28\" height=\"28\">\n <circle cx=\"14\" cy=\"14\" r=\"14\" fill={token('colors.surface.tertiary')} />\n <IcoGlobe color={token('colors.text.tertiary')} x={6} y={6} height={16} width={16} />\n </svg>\n )}\n </Popover.LeadingIcon>\n <Popover.Content className={css({ w: '200px' })}>\n <Stack w=\"100%\" gap={1} overflow=\"hidden\">\n {!connected ? (\n <Text fontColor=\"text.tertiary\" size=\"xs\">\n {disconnectedLabel}\n </Text>\n ) : (\n <Text size=\"xs\" variant=\"success\" fontWeight=\"normal\">\n {connectedLabel}\n </Text>\n )}\n <Text truncate>{domain}</Text>\n </Stack>\n {connected && disconnectLabel && (\n <>\n <Divider color=\"surface.quaternary\" my={3} />\n <Button label={disconnectLabel} size=\"sm\" textStyle=\"negative\" variant=\"text\" onPress={onDisconnect}>\n <Button.LeadingIcon>\n <svg width=\"20\" height=\"20\">\n <circle cx=\"8\" cy=\"8\" r=\"8\" fill={token('colors.negative.lightest')} />\n <IcoRemove color={token('colors.negative.base')} x={3} y={3} height={10} width={10} />\n </svg>\n </Button.LeadingIcon>\n </Button>\n </>\n )}\n </Popover.Content>\n </Popover>\n );\n\n if (!onReceive) return <PopoverElement />;\n\n return (\n <HStack gap={1} minWidth=\"fit-content\" minHeight=\"fit-content\">\n <PopoverElement />\n <Box\n className={css({\n '@media (max-width: 370px)': {\n display: 'none',\n },\n })}\n minH={'18px'}\n minW={'18px'}\n />\n </HStack>\n );\n};\n"],"names":["ConnectionMenu","connected","connectedLabel","disconnectLabel","disconnectedLabel","domain","logoUrl","onDisconnect","onReceive","error","setError","useState","useEffect","PopoverElement","_jsxs","Popover","_jsx","token","Circle","IcoGlobe","css","Stack","Text","Divider","Button","IcoRemove","HStack","Box"],"mappings":"8qBAkBO,MAAMA,EAAiB,CAAC,CAC7B,UAAAC,EACA,eAAAC,EAAiB,YACjB,gBAAAC,EACA,kBAAAC,EAAoB,gBACpB,OAAAC,EACA,QAAAC,EACA,aAAAC,EACA,UAAAC,CACoB,IAAI,CACxB,KAAM,CAACC,EAAOC,CAAQ,EAAIC,EAAS,EAAK,EAExCC,EAAU,IAAK,CACbF,EAAS,EAAK,CAChB,EAAG,CAACJ,CAAO,CAAC,EAEZ,MAAMO,EAAiB,IACrBC,EAACC,EAAQ,CAAA,SAAU,GAAI,QAAQ,iBAC7BC,EAACD,EAAQ,YAAW,CAAC,MAAOE,EAAM,sBAAsB,WACrDX,GAAWL,GAAa,CAACQ,EACxBK,EAACI,EAAO,CAAA,SAAS,WAAW,EAAG,EAAG,EAAG,EACnC,SAAA,CAAAF,EAAA,MAAA,CACE,MAAO,CAAE,aAAc,OACvB,MAAO,GACP,OAAQ,GACR,IAAKV,EACL,IAAI,WACJ,QAAS,IAAMI,EAAS,EAAI,IAE9BM,EAACE,EAAM,CACL,KAAK,MACL,SAAS,WACT,GAAG,gBACH,YAAY,OACZ,YAAY,kBACZ,OAAO,OACP,MAAM,OACN,UAAU,YAAY,CAAA,CACtB,IAGJJ,SAAK,MAAM,KAAK,OAAO,KAAI,SAAA,CACzBE,YAAQ,GAAG,KAAK,GAAG,KAAK,EAAE,KAAK,KAAMC,EAAM,yBAAyB,CAAK,CAAA,EACzED,EAACG,EAAQ,CAAC,MAAOF,EAAM,sBAAsB,EAAG,EAAG,EAAG,EAAG,EAAG,OAAQ,GAAI,MAAO,EAAM,CAAA,CAAA,CAAA,CAAA,CAExF,CAAA,EAEHH,EAACC,EAAQ,SAAQ,UAAWK,EAAI,CAAE,EAAG,QAAS,EAAC,SAAA,CAC7CN,EAACO,EAAK,CAAC,EAAE,OAAO,IAAK,EAAG,SAAS,SAAQ,SAAA,CACrCpB,EAKAe,EAACM,EAAI,CAAC,KAAK,KAAK,QAAQ,UAAU,WAAW,SAAQ,SAClDpB,CACI,CAAA,EANPc,EAACM,EAAI,CAAC,UAAU,gBAAgB,KAAK,KAClC,SAAAlB,IAOLY,EAACM,GAAK,SAAQ,GAAA,SAAEjB,CAAc,CAAA,CAAA,CAAA,CAAA,EAE/BJ,GAAaE,GACZW,eACEE,EAACO,GAAQ,MAAM,qBAAqB,GAAI,CAAK,CAAA,EAC7CP,EAACQ,EAAM,CAAC,MAAOrB,EAAiB,KAAK,KAAK,UAAU,WAAW,QAAQ,OAAO,QAASI,EACrF,SAAAS,EAACQ,EAAO,sBACNV,EAAK,MAAA,CAAA,MAAM,KAAK,OAAO,eACrBE,EAAQ,SAAA,CAAA,GAAG,IAAI,GAAG,IAAI,EAAE,IAAI,KAAMC,EAAM,0BAA0B,CAAC,CAAA,EACnED,EAACS,GAAU,MAAOR,EAAM,sBAAsB,EAAG,EAAG,EAAG,EAAG,EAAG,OAAQ,GAAI,MAAO,EAAE,CAAA,CAAI,GAErE,CAAA,CAAA,CAAA,CACd,GAEZ,CAAA,CAAA,CACe,CACV,CAAA,EAGZ,OAAKT,EAGHM,EAACY,EAAO,CAAA,IAAK,EAAG,SAAS,cAAc,UAAU,cAAa,SAAA,CAC5DV,EAACH,EAAiB,CAAA,CAAA,EAClBG,EAACW,EACC,CAAA,UAAWP,EAAI,CACb,4BAA6B,CAC3B,QAAS,MACV,EACF,EACD,KAAM,OACN,KAAM,MAAM,CAAA,CACZ,CACK,CAAA,EAdYJ,EAACH,EAAc,EAAA,CAgBxC"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"navigation-button.js","sources":["../../../../src/components/list-items/navigation-button.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { IcoExternalLink } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Center, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, forwardRef } from 'react';\nimport { AriaButtonProps } from 'react-aria';\n\nexport interface NavigationButtonProps extends AriaButtonProps {\n primaryLabel: string;\n secondaryLabel?: string;\n isExternalLink?: boolean;\n disabled?: boolean;\n}\n\nconst LeadingIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\nconst TrailingIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\nconst NavigationButtonBase = forwardRef<HTMLButtonElement, NavigationButtonProps>((props, forwardedRef) => {\n const { primaryLabel, secondaryLabel, isExternalLink } = props;\n\n return createHost(props.children, slots => {\n const leadingIcon = slots.get(LeadingIcon);\n const trailingIcon = slots.get(TrailingIcon);\n\n return (\n <ButtonContainer\n ref={forwardedRef}\n className={css({\n p: 4,\n bg: 'neutral.quaternary',\n _hover: { bg: 'neutral.secondary' },\n })}\n borderRadius=\"0.5rem\"\n expand\n {...props}\n >\n <HStack justify=\"space-between\" w=\"full\">\n <HStack>\n {leadingIcon && {\n ...leadingIcon,\n props: {\n height: 24,\n ...leadingIcon.props,\n className: !leadingIcon.props.color ? css({ color: 'brand.base' }) : undefined,\n },\n }}\n <VStack gap={0} alignItems=\"start\">\n <HStack>\n <Text fontWeight=\"medium\">{primaryLabel}</Text>\n {isExternalLink && <IcoExternalLink width={14} height={14} color={token('colors.neutral.primary')} />}\n </HStack>\n {secondaryLabel && (\n <Text size=\"sm\" fontColor=\"text.tertiary\">\n {secondaryLabel}\n </Text>\n )}\n </VStack>\n </HStack>\n <HStack>\n {trailingIcon && {\n ...trailingIcon,\n props: {\n ...trailingIcon.props,\n className: !trailingIcon.props.color ? css({ color: 'neutral.primary' }) : undefined,\n width: 16,\n height: 16,\n },\n }}\n </HStack>\n </HStack>\n </ButtonContainer>\n );\n });\n});\n\nNavigationButtonBase.displayName = 'NavigationButton';\n\nconst NavigationButton = Object.assign(NavigationButtonBase, { LeadingIcon, TrailingIcon });\n\nexport default NavigationButton;\n"],"names":["LeadingIcon","createSlot","children","props","_jsx","Center","Children","child","cloneElement","TrailingIcon","NavigationButtonBase","forwardRef","forwardedRef","primaryLabel","secondaryLabel","isExternalLink","createHost","slots","leadingIcon","trailingIcon","ButtonContainer","css","_jsxs","HStack","VStack","Text","IcoExternalLink","token","NavigationButton"],"mappings":"07BAiBA,MAAMA,EAAcC,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAElDC,EAACC,EAAM,CAAA,SACJC,EAAS,IAAIJ,EAAUK,GACfC,EAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKM,EAAeR,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEnDC,EAACC,EAAM,CAAA,SACJC,EAAS,IAAIJ,EAAUK,GACfC,EAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKO,EAAuBC,EAAqD,CAACR,EAAOS,IAAgB,CACxG,KAAM,CAAE,aAAAC,EAAc,eAAAC,EAAgB,eAAAC,CAAc,EAAKZ,EAEzD,OAAOa,EAAWb,EAAM,SAAUc,GAAQ,CACxC,MAAMC,EAAcD,EAAM,IAAIjB,CAAW,EACnCmB,EAAeF,EAAM,IAAIR,CAAY,EAE3C,OACEL,EAACgB,EACC,CAAA,IAAKR,EACL,UAAWS,EAAI,CACb,EAAG,EACH,GAAI,qBACJ,OAAQ,CAAE,GAAI,mBAAqB,EACpC,EACD,aAAa,SACb,OACI,GAAA,GAAAlB,EAEJ,SAAAmB,EAACC,EAAM,CAAC,QAAQ,gBAAgB,EAAE,iBAChCD,EAACC,EACE,CAAA,SAAA,CAAAL,GAAe,CACd,GAAGA,EACH,MAAO,CACL,OAAQ,GACR,GAAGA,EAAY,MACf,UAAYA,EAAY,MAAM,MAAuC,OAA/BG,EAAI,CAAE,MAAO,aAAc,CAClE,CACF,EACDC,EAACE,EAAO,CAAA,IAAK,EAAG,WAAW,QAAO,SAAA,CAChCF,EAACC,aACCnB,EAACqB,EAAK,CAAA,WAAW,SAAU,SAAAZ,IAC1BE,GAAkBX,EAACsB,EAAgB,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAOC,EAAM,wBAAwB,CAAC,CAAA,CAAI,CAC9F,CAAA,EACRb,GACCV,EAACqB,EAAK,CAAA,KAAK,KAAK,UAAU,yBACvBX,CAAc,CAAA,CAElB,CAAA,CAAA,CACM,IAEXV,EAACmB,EAAM,CAAA,SACJJ,GAAgB,CACf,GAAGA,EACH,MAAO,CACL,GAAGA,EAAa,MAChB,UAAYA,EAAa,MAAM,MAA4C,OAApCE,EAAI,CAAE,MAAO,kBAAmB,EACvE,MAAO,GACP,OAAQ,EACT,EAEI,CAAA,CAAA,CAAA,CAAA,CAEK,CAAA,CAEtB,CAAC,CACH,CAAC,EAEDX,EAAqB,YAAc,mBAEnC,MAAMkB,EAAmB,OAAO,OAAOlB,EAAsB,CAAE,YAAAV,EAAa,aAAAS,CAAY,CAAE"}
1	+ {"version":3,"file":"navigation-button.js","sources":["../../../../src/components/list-items/navigation-button.tsx"],"sourcesContent":["import { ButtonContainer, ButtonContainerProps } from '@components/containers';\nimport { IcoExternalLink } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Center, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, forwardRef } from 'react';\nimport { AriaButtonProps } from 'react-aria';\n\nexport interface NavigationButtonProps extends AriaButtonProps, ButtonContainerProps {\n primaryLabel: string;\n secondaryLabel?: string;\n isExternalLink?: boolean;\n disabled?: boolean;\n}\n\nconst LeadingIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\nconst TrailingIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\nconst NavigationButtonBase = forwardRef<HTMLButtonElement, NavigationButtonProps>((props, forwardedRef) => {\n const { primaryLabel, secondaryLabel, isExternalLink } = props;\n\n return createHost(props.children, slots => {\n const leadingIcon = slots.get(LeadingIcon);\n const trailingIcon = slots.get(TrailingIcon);\n\n return (\n <ButtonContainer\n ref={forwardedRef}\n className={css({\n p: 4,\n bg: 'neutral.quaternary',\n _hover: { bg: 'neutral.secondary' },\n })}\n borderRadius=\"0.5rem\"\n expand\n {...props}\n >\n <HStack justify=\"space-between\" w=\"full\">\n <HStack>\n {leadingIcon && {\n ...leadingIcon,\n props: {\n height: 24,\n ...leadingIcon.props,\n className: !leadingIcon.props.color ? css({ color: 'brand.base' }) : undefined,\n },\n }}\n <VStack gap={0} alignItems=\"start\">\n <HStack>\n <Text fontWeight=\"medium\">{primaryLabel}</Text>\n {isExternalLink && <IcoExternalLink width={14} height={14} color={token('colors.neutral.primary')} />}\n </HStack>\n {secondaryLabel && (\n <Text size=\"sm\" fontColor=\"text.tertiary\">\n {secondaryLabel}\n </Text>\n )}\n </VStack>\n </HStack>\n <HStack>\n {trailingIcon && {\n ...trailingIcon,\n props: {\n ...trailingIcon.props,\n className: !trailingIcon.props.color ? css({ color: 'neutral.primary' }) : undefined,\n width: 16,\n height: 16,\n },\n }}\n </HStack>\n </HStack>\n </ButtonContainer>\n );\n });\n});\n\nNavigationButtonBase.displayName = 'NavigationButton';\n\nconst NavigationButton = Object.assign(NavigationButtonBase, { LeadingIcon, TrailingIcon });\n\nexport default NavigationButton;\n"],"names":["LeadingIcon","createSlot","children","props","_jsx","Center","Children","child","cloneElement","TrailingIcon","NavigationButtonBase","forwardRef","forwardedRef","primaryLabel","secondaryLabel","isExternalLink","createHost","slots","leadingIcon","trailingIcon","ButtonContainer","css","_jsxs","HStack","VStack","Text","IcoExternalLink","token","NavigationButton"],"mappings":"07BAiBA,MAAMA,EAAcC,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAElDC,EAACC,EAAM,CAAA,SACJC,EAAS,IAAIJ,EAAUK,GACfC,EAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKM,EAAeR,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEnDC,EAACC,EAAM,CAAA,SACJC,EAAS,IAAIJ,EAAUK,GACfC,EAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKO,EAAuBC,EAAqD,CAACR,EAAOS,IAAgB,CACxG,KAAM,CAAE,aAAAC,EAAc,eAAAC,EAAgB,eAAAC,CAAc,EAAKZ,EAEzD,OAAOa,EAAWb,EAAM,SAAUc,GAAQ,CACxC,MAAMC,EAAcD,EAAM,IAAIjB,CAAW,EACnCmB,EAAeF,EAAM,IAAIR,CAAY,EAE3C,OACEL,EAACgB,EACC,CAAA,IAAKR,EACL,UAAWS,EAAI,CACb,EAAG,EACH,GAAI,qBACJ,OAAQ,CAAE,GAAI,mBAAqB,EACpC,EACD,aAAa,SACb,OACI,GAAA,GAAAlB,EAEJ,SAAAmB,EAACC,EAAM,CAAC,QAAQ,gBAAgB,EAAE,iBAChCD,EAACC,EACE,CAAA,SAAA,CAAAL,GAAe,CACd,GAAGA,EACH,MAAO,CACL,OAAQ,GACR,GAAGA,EAAY,MACf,UAAYA,EAAY,MAAM,MAAuC,OAA/BG,EAAI,CAAE,MAAO,aAAc,CAClE,CACF,EACDC,EAACE,EAAO,CAAA,IAAK,EAAG,WAAW,QAAO,SAAA,CAChCF,EAACC,aACCnB,EAACqB,EAAK,CAAA,WAAW,SAAU,SAAAZ,IAC1BE,GAAkBX,EAACsB,EAAgB,CAAA,MAAO,GAAI,OAAQ,GAAI,MAAOC,EAAM,wBAAwB,CAAC,CAAA,CAAI,CAC9F,CAAA,EACRb,GACCV,EAACqB,EAAK,CAAA,KAAK,KAAK,UAAU,yBACvBX,CAAc,CAAA,CAElB,CAAA,CAAA,CACM,IAEXV,EAACmB,EAAM,CAAA,SACJJ,GAAgB,CACf,GAAGA,EACH,MAAO,CACL,GAAGA,EAAa,MAChB,UAAYA,EAAa,MAAM,MAA4C,OAApCE,EAAI,CAAE,MAAO,kBAAmB,EACvE,MAAO,GACP,OAAQ,EACT,EAEI,CAAA,CAAA,CAAA,CAAA,CAEK,CAAA,CAEtB,CAAC,CACH,CAAC,EAEDX,EAAqB,YAAc,mBAEnC,MAAMkB,EAAmB,OAAO,OAAOlB,EAAsB,CAAE,YAAAV,EAAa,aAAAS,CAAY,CAAE"}

package/dist/panda.buildinfo.json CHANGED Viewed

	@@ -1 +1 @@
1	- {"schemaVersion":"0.40.1","styles":{"atomic":["display]___[value:inline-flex","alignItems]___[value:center","justifyContent]___[value:center","position]___[value:relative","fontWeight]___[value:semibold","boxSizing]___[value:border-box","borderRadius]___[value:button","border]___[value:thin solid","borderColor]___[value:transparent","cursor]___[value:pointer","transition]___[value:all 0.1s ease","outline]___[value:none","willChange]___[value:transform, opacity","background]___[value:none","transform]___[value:scale(0.95)]___[cond:_active","opacity]___[value:0.3]___[cond:_disabled","pointerEvents]___[value:none]___[cond:_disabled","content]___[value:\"\"]___[cond:_before","position]___[value:absolute]___[cond:_before","top]___[value:0]___[cond:_before","left]___[value:0]___[cond:_before","right]___[value:0]___[cond:_before","bottom]___[value:0]___[cond:_before","borderRadius]___[value:inherit]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))]___[cond:_before<___>_dark","opacity]___[value:0]___[cond:_before","transition]___[value:opacity 0.1s ease]___[cond:_before","opacity]___[value:1]___[cond:_hover<___>_before","height]___[value:9","paddingBlock]___[value:1.5","paddingInline]___[value:4","height]___[value:12","paddingBlock]___[value:3","paddingInline]___[value:6","height]___[value:15","paddingBlock]___[value:4","background]___[value:brand.base","background]___[value:brand.lightest","background]___[value:positive.darker","background]___[value:negative.darker","background]___[value:neutral.tertiary","mixBlendMode]___[value:multiply]___[cond:_light","background]___[value:transparent","borderColor]___[value:neutral.primary","padding]___[value:0","height]___[value:fit-content","opacity]___[value:0]___[cond:_hover<___>_before","background]___[value:#ffffff14","background]___[value:#ffffff4d]___[cond:_hover","background]___[value:#ffffff29]___[cond:_dark","backdropFilter]___[value:blur(3px)","display]___[value:none]___[cond:_before","background]___[value:ink.90","background]___[value:paper]___[cond:_dark","backgroundImage]___[value:linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))]___[cond:_before<___>_dark","pointerEvents]___[value:none","width]___[value:full","borderRadius]___[value:full","display]___[value:flex","textAlign]___[value:center","whiteSpace]___[value:nowrap","fontSize]___[value:sm","lineHeight]___[value:1.5rem","fontSize]___[value:md","fontSize]___[value:lg","lineHeight]___[value:1.75rem","color]___[value:surface.primary","color]___[value:brand.darker","color]___[value:text.primary","color]___[value:brand.base","color]___[value:brand.darkest]___[cond:_groupHover","color]___[value:brand.lighter]___[cond:_groupHover<___>_dark","color]___[value:chalk","color]___[value:ink.90]___[cond:_dark","color]___[value:positive.base","color]___[value:positive.darker]___[cond:_groupHover","color]___[value:positive.darker]___[cond:_groupHover<___>_dark","color]___[value:negative.darker","color]___[value:negative.base]___[cond:_dark","color]___[value:negative.darkest]___[cond:_groupHover","color]___[value:negative.lighter]___[cond:_groupHover<___>_dark","color]___[value:text.secondary]___[cond:_groupHover","color]___[value:text.secondary]___[cond:_groupHover<___>_dark","color]___[value:text.tertiary","outlineColor]___[value:brand.base","outlineStyle]___[value:solid","outlineWidth]___[value:thick","outlineOffset]___[value:0.5","width]___[value:9","padding]___[value:1.5","width]___[value:12","padding]___[value:3","width]___[value:15","padding]___[value:4","width]___[value:fit-content","borderRadius]___[value:10","outlineColor]___[value:brand.lightest]___[cond:_focusVisible","background]___[value:positive.lightest","outlineColor]___[value:positive.lightest]___[cond:_focusVisible","background]___[value:negative.lightest","outlineColor]___[value:negative.lightest]___[cond:_focusVisible","background]___[value:warning.lightest","outlineColor]___[value:warning.lightest]___[cond:_focusVisible","background]___[value:surface.secondary","outlineColor]___[value:surface.secondary]___[cond:_focusVisible","transition]___[value:transform 0.2s ease, opacity 0.2s ease","opacity]___[value:0.8]___[cond:_hover","outlineStyle]___[value:solid]___[cond:_focusVisible","outlineWidth]___[value:thick]___[cond:_focusVisible","outlineOffset]___[value:0.5]___[cond:_focusVisible","animationFillMode]___[value:forwards","animationName]___[value:scaleOut","animationDuration]___[value:150ms","scale]___[value:1]___[cond:_motionReduce","textAlign]___[value:left","color]___[value:brand.darkest","color]___[value:positive.darkest","color]___[value:negative.darkest","color]___[value:warning.darkest","color]___[value:text.secondary","textTransform]___[value:uppercase","fontSize]___[value:xs","letterSpacing]___[value:0.06rem","marginLeft]___[value:7","marginRight]___[value:7","outlineColor]___[value:brand.base]___[cond:_focusVisible","borderRadius]___[value:2]___[cond:_focusVisible","backgroundColor]___[value:surface.primary","borderRadius]___[value:1rem","cursor]___[value:default","height]___[value:10.75rem","width]___[value:10.75rem","alignItems]___[value:flex-start","alignItems]___[value:flex-end","overflow]___[value:hidden","overflow]___[value:visible","gap]___[value:0","gap]___[value:4","gap]___[value:5","gap]___[value:6","boxShadow]___[value:0px 1px 2px rgba(189, 189, 189, 0.3)","boxShadow]___[value:8px 8px 48px rgba(16, 15, 17, 0.14)","paddingInline]___[value:8","paddingBlock]___[value:6","padding]___[value:12","flex]___[value:1","maxWidth]___[value:29.125rem","maxWidth]___[value:full]___[cond:mdDown","opacity]___[value:0.3","backgroundColor]___[value:surface.tertiary","filter]___[value:brightness(0.9)]___[cond:_hover","height]___[value:full","background]___[value:surface.primary","overflow]___[value:auto","scrollbarWidth]___[value:none","height]___[value:100vh","width]___[value:100vw","top]___[value:12]___[cond:@media (min-width: 48rem)","marginInline]___[value:auto]___[cond:@media (min-width: 48rem)","width]___[value:25rem]___[cond:@media (min-width: 48rem)","height]___[value:fit-content]___[cond:@media (min-width: 48rem)","boxShadow]___[value:0px 12px 56px {colors.ink.70/15}]___[cond:@media (min-width: 48rem)","borderRadius]___[value:container]___[cond:@media (min-width: 48rem)","boxShadow]___[value:none]___[cond:@media (min-width: 48rem)<___>_dark","animationName]___[value:none","scale]___[value:1","padding]___[value:2","paddingBottom]___[value:0","padding]___[value:8","borderWidth]___[value:1]___[cond:@media (min-width: 48rem)<___>_dark","borderBlock]___[value:solid]___[cond:@media (min-width: 48rem)<___>_dark","borderColor]___[value:neutral.secondary]___[cond:@media (min-width: 48rem)<___>_dark","animationName]___[value:scaleIn","animationDuration]___[value:250ms","height]___[value:100dvh]___[cond:@media only screen and (max-width: 767px)","pointerEvents]___[value:all","position]___[value:fixed","top]___[value:0","left]___[value:0","backdropBlur]___[value:0.375rem","backdropFilter]___[value:auto","backgroundColor]___[value:surface.primary/70","animationName]___[value:fadeIn","animationDuration]___[value:400ms","animationName]___[value:fadeOut","maxWidth]___[value:100rem","margin]___[value:0 auto","maxWidth]___[value:none","fontWeight]___[value:medium","backgroundColor]___[value:transparent","borderStyle]___[value:solid","borderWidth]___[value:thin","borderColor]___[value:neutral.secondary","borderRadius]___[value:input","transition]___[value:all linear 120ms","width]___[value:100%","borderColor]___[value:neutral.primary]___[cond:_hover","outlineColor]___[value:brand.base]___[cond:_focusWithin","outlineStyle]___[value:solid]___[cond:_focusWithin","outlineWidth]___[value:thick]___[cond:_focusWithin","outlineOffset]___[value:0.5]___[cond:_focusWithin","height]___[value:10","borderColor]___[value:negative.base","paddingBlock]___[value:2","borderColor]___[value:neutral.secondary]___[cond:_hover","margin]___[value:0","minWidth]___[value:10","fontWeight]___[value:normal","color]___[value:text.tertiary]___[cond:_placeholder","borderColor]___[value:neutral.primary]___[cond:_groupHover","textAlign]___[value:right","fontSize]___[value:xl","transition]___[value:opacity linear 120ms","textWrap]___[value:wrap","color]___[value:warning.base","textStyle]___[value:body-xs","textStyle]___[value:body-sm","textStyle]___[value:body-md","textStyle]___[value:body-lg","textStyle]___[value:body-sm-scaled","textStyle]___[value:body-md-scaled","textStyle]___[value:body-lg-scaled","textStyle]___[value:mono-sm","textStyle]___[value:mono-md","textStyle]___[value:mono-lg","padding]___[value:20px","justifyContent]___[value:flex-start","justifyContent]___[value:flex-end","zIndex]___[value:max","boxShadow]___[value:4px 8px 20px 0px rgba(0, 0, 0, 0.15)","backgroundColor]___[value:brand.base","backgroundColor]___[value:positive.darker","backgroundColor]___[value:warning.darker","backgroundColor]___[value:negative.darker","backgroundColor]___[value:text.tertiary","backgroundColor]___[value:text.secondary]___[cond:_dark","height]___[value:1rem","width]___[value:1rem","width]___[value:auto","width]___[value:max","maxWidth]___[value:72","background]___[value:surface.tertiary]___[cond:_dark","position]___[value:absolute","paddingInline]___[value:3","borderRadius]___[value:xl","boxShadow]___[value:0px 4px 20px 0px rgba(0, 0, 0, 0.10)","display]___[value:none","display]___[value:block","top]___[value:0%","left]___[value:50%","transform]___[value:translateX(-50%) translateY(calc(-100% - 0.75rem))","right]___[value:100%","transform]___[value:translateX(10%) translateY(calc(-100% - 0.75rem))","left]___[value:100%","transform]___[value:translateX(-10%) translateY(calc(-100% - 0.75rem))","top]___[value:50%","left]___[value:0%","transform]___[value:translateX(calc(-100% - 0.75rem)) translateY(-50%)","transform]___[value:translateX(calc(-100% - 0.75rem)) translateY(-75%)","transform]___[value:translateX(calc(-100% - 0.75rem)) translateY(-25%)","right]___[value:0%","transform]___[value:translateX(calc(100% + 0.75rem)) translateY(-50%)","transform]___[value:translateX(calc(100% + 0.75rem)) translateY(-75%)","transform]___[value:translateX(calc(100% + 0.75rem)) translateY(-25%)","bottom]___[value:0%","transform]___[value:translateX(-50%) translateY(calc(100% + 0.75rem))","transform]___[value:translateX(10%) translateY(calc(100% + 0.75rem))","transform]___[value:translateX(-10%) translateY(calc(100% + 0.75rem))","width]___[value:72","height]___[value:4","bottom]___[value:0","transform]___[value:translateX(-50%) translateY(0.75rem)","transform]___[value:translateX(-50%) translateY(-0.75rem)","width]___[value:4","height]___[value:48","right]___[value:-6","transform]___[value:translateX(-0.75rem) translateY(-50%)","left]___[value:-6","transform]___[value:translateX(0.75rem) translateY(-50%)","background]___[value:linear-gradient(#00CC8F, #6851FF)","inset]___[value:0","gap]___[value:10px","flexDirection]___[value:row","display]___[value:grid","gridTemplateColumns]___[value:repeat(6, minmax(0, 1fr))","columnGap]___[value:2rem","rowGap]___[value:2rem","marginTop]___[value:6","flexDirection]___[value:column","fill]___[value:white","truncate]___[value:true","opacity]___[value:0.8]___[cond:_disabled","height]___[value:auto","flexShrink]___[value:0","paddingTop]___[value:6","right]___[value:0","background]___[value:text.primary/20","background]___[value:rgba(0, 0, 0, .7)]___[cond:_dark","transform]___[value:translateY(0)","transform]___[value:translateY(100%)","transition]___[value:transform 0.3s","background]___[value:surface.secondary]___[cond:_dark","borderTopRadius]___[value:3xl","boxShadow]___[value:0px -12px 56px 0px rgba(119, 118, 122, 0.15)","zIndex]___[value:10","paddingBottom]___[value:6","justifyContent]___[value:space-between","minWidth]___[value:8]___[cond:& ><___>_first","minWidth]___[value:8]___[cond:& ><___>_last","textStyle]___[value:neutral","transform]___[value:translateX(-100%)","transform]___[value:translateX(100%)","transform]___[value:translateX(0)","width]___[value:80","borderRightRadius]___[value:2xl","borderLeftRadius]___[value:2xl","--thickness]___[value:1px","borderBlockEndWidth]___[value:var(--thickness)","borderColor]___[value:surface.quaternary","gap]___[value:2.5","boxShadow]___[value:true","background]___[value:#ffc439","outlineColor]___[value:#ffc439","border]___[value:1px solid transparent","paddingBlock]___[value:2.5","strokeWidth]___[value:2.5","gap]___[value:1","marginTop]___[value:0.5","width]___[value:60","flex]___[value:0 0 auto","borderRadius]___[value:9999px","animation]___[value:popIn 150ms","animation]___[value:popOut 150ms","animation]___[value:spin 1.5s linear infinite","stroke]___[value:text.primary","transformOrigin]___[value:center center","gap]___[value:1.5","stroke]___[value:brand.base","stroke]___[value:surface.primary","strokeOpacity]___[value:0.12","animation]___[value:spin 1s linear infinite","borderRadius]___[value:2rem","borderWidth]___[value:thick","borderColor]___[value:surface.primary","background]___[value:surface.primary]___[cond:_dark","left]___[value:-50%","transform]___[value:skewX(-20deg)","backgroundImage]___[value:linear-gradient(90deg, transparent,rgba(0, 0, 0, .1), transparent)","backgroundImage]___[value:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent)]___[cond:_dark","overflowWrap]___[value:break-word","wordBreak]___[value:break-word","fontWeight]___[value:600","justifyContent]___[value:space-around","background]___[value:neutral.quaternary","borderRadius]___[value:lg","minWidth]___[value:15rem","width]___[value:40%","borderLeft]___[value:thin solid","borderColor]___[value:neutral.tertiary","height]___[value:8","gap]___[value:3","userSelect]___[value:none","userSelect]___[value:auto","filter]___[value:blur(10px)","textWrap]___[value:nowrap","width]___[value:22","height]___[value:22","fontVariant]___[value:no-contextual","transition]___[value:none","gap]___[value:2","width]___[value:16","width]___[value:20","height]___[value:16","height]___[value:20","width]___[value:1.125rem","height]___[value:1.125rem","outlineStyle]___[value:none","objectFit]___[value:cover","borderStartRadius]___[value:input","background]___[value:surface.tertiary]___[cond:_hover","borderLeftWidth]___[value:thin","borderRadius]___[value:0","background]___[value:brand.lightest]___[cond:_hover","transform]___[value:rotate(180)","width]___[value:14","height]___[value:14","top]___[value:55","maxHeight]___[value:17.5rem","overflowY]___[value:auto","width]___[value:18","height]___[value:18","minWidth]___[value:0","maxWidth]___[value:30rem","caretColor]___[value:transparent","borderRadius]___[value:0.5rem","marginBlock]___[value:4","maxWidth]___[value:8xl","marginInline]___[value:auto","paddingInline]___[value:6]___[cond:md","paddingInline]___[value:8]___[cond:lg","overlay]___[value:true","marginTop]___[value:8","marginTop]___[value:4","textStyle]___[value:subtle","height]___[value:24","width]___[value:24","flexGrow]___[value:0","padding]___[value:6","maxWidth]___[value:393","paddingTop]___[value:3","borderBottomColor]___[value:neutral.primary","borderBottomWidth]___[value:1px","width]___[value:6","flexDirection]___[value:column-reverse","borderRadius]___[value:60","height]___[value:11","width]___[value:11","width]___[value:10","left]___[value:9","top]___[value:11","height]___[value:7","width]___[value:7","borderRadius]___[value:30","borderWidth]___[value:2","width]___[value:5","height]___[value:5","borderRadius]___[value:0.375rem","borderRadius]___[value:md","backgroundColor]___[value:neutral.secondary]___[cond:_hover","backgroundColor]___[value:neutral.tertiary","fontWeight]___[value:bold","background]___[value:neutral.secondary]___[cond:_hover","color]___[value:neutral.primary","alignItems]___[value:start","borderRadius]___[value:2xl","boxShadow]___[value:0 6px 8px 2px rgba(0, 0, 0, .18)]___[cond:_hover","opacity]___[value:0.5","opacity]___[value:1","width]___[value:40","height]___[value:40","width]___[value:6rem","width]___[value:4rem","minHeight]___[value:16","borderRadius]___[value:0.75rem","borderRadius]___[value:sm","borderColor]___[value:brand.base","borderColor]___[value:text.tertiary","pointerEvents]___[value:auto","outlineColor]___[value:transparent","transition]___[value:background-color 0.2s ease, border-color 0.2s ease","cursor]___[value:pointer]___[cond:_hover","borderColor]___[value:brand.base]___[cond:_hover","width]___[value:2.5","height]___[value:0.5","srOnly]___[value:true","marginLeft]___[value:3","caret]___[value:18","check]___[value:16","height]___[value:3rem","mult]___[value:2.5","display]___[value:inline-block","borderWidth]___[value:1","maxWidth]___[value:52","gap]___[value:10","transition]___[value:border-color 0.2s ease","height]___[value:6","width]___[value:3","height]___[value:3","padding]___[value:1","background]___[value:ink.10","background]___[value:slate.2]___[cond:_dark","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","transition]___[value:background-color 0.2s ease","left]___[value:6","transition]___[value:left 0.2s ease","textStyle]___[value:h1-scaled","textStyle]___[value:h1","textStyle]___[value:h2-scaled","textStyle]___[value:h2","textStyle]___[value:h3-scaled","textStyle]___[value:h3","textStyle]___[value:h4-scaled","textStyle]___[value:h4","textStyle]___[value:h5-scaled","textStyle]___[value:h5","textStyle]___[value:h6-scaled","textStyle]___[value:h6","truncate]___[value:false","strokeWidth]___[value:4","width]___[value:36","height]___[value:36","marginBlock]___[value:3","pointerEvents]___[value:initial","height]___[value:76px","maxWidth]___[value:115px","height]___[value:100%","minWidth]___[value:20","paddingInline]___[value:10","width]___[value:max-content","border]___[value:thin solid transparent","color]___[value:text.primary]___[cond:_groupHover","height]___[value:6.25rem","background]___[value:text.primary/6","borderColor]___[value:text.primary/10","borderWidth]___[value:medium","borderRadius]___[value:52","backdropFilter]___[value:blur(24px)","height]___[value:2.625rem","width]___[value:2.625rem","boxShadow]___[value:0.125rem 0.125rem 1.5rem {colors.ink.70/15}","fill]___[value:ink.50","fill]___[value:ink.70]___[cond:_dark","fill]___[value:url(\"#logo-gradient\")]___[cond:_hover","fill]___[value:url(\"#logo-gradient\")]___[cond:_active","fill]___[value:url(\"#logo-gradient\")]___[cond:_focus","color]___[value:text.tertiary]___[cond:_groupHover","color]___[value:ink.50","color]___[value:ink.70]___[cond:_dark","backgroundColor]___[value:magic.10","animation]___[value:fadeIn 0.5s, moveRight 1s 0.5s forwards","borderRadius]___[value:50%","borderWidth]___[value:3px","height]___[value:3.875rem","width]___[value:3.875rem","marginTop]___[value:-3px","marginRight]___[value:0.9rem","zIndex]___[value:1","marginLeft]___[value:0.9rem","animation]___[value:fadeIn 0.5s, moveLeft 1s 0.5s forwards","height]___[value:34","width]___[value:34","height]___[value:56","width]___[value:56","backgroundColor]___[value:text.primary/1","backgroundColor]___[value:text.primary/5","backdropFilter]___[value:blur(8px)","borderColor]___[value:text.primary/6","paddingBlock]___[value:5","marginBlock]___[value:10","height]___[value:250","color]___[value:ink.70","padding]___[value:10","overflow]___[value:scroll","width]___[value:200px","maxWidth]___[value:200px","minWidth]___[value:88px","textStyle]___[value:negative","width]___[value:114px","height]___[value:48px","width]___[value:7px","height]___[value:7px","background]___[value:positive.base","bottom]___[value:-1px","right]___[value:-1px","translateX]___[value:6","translateY]___[value:6","translateX]___[value:3","translateY]___[value:3","alignItems]___[value:baseline","margin]___[value:1","backgroundColor]___[value:neutral.secondary","backgroundColor]___[value:negative.lighter","gridTemplateColumns]___[value:2","gap]___[value:8"],"recipes":{}}}
1	+ {"schemaVersion":"0.40.1","styles":{"atomic":["display]___[value:inline-flex","alignItems]___[value:center","justifyContent]___[value:center","position]___[value:relative","fontWeight]___[value:semibold","boxSizing]___[value:border-box","borderRadius]___[value:button","border]___[value:thin solid","borderColor]___[value:transparent","cursor]___[value:pointer","transition]___[value:all 0.1s ease","outline]___[value:none","willChange]___[value:transform, opacity","background]___[value:none","transform]___[value:scale(0.95)]___[cond:_active","opacity]___[value:0.3]___[cond:_disabled","pointerEvents]___[value:none]___[cond:_disabled","content]___[value:\"\"]___[cond:_before","position]___[value:absolute]___[cond:_before","top]___[value:0]___[cond:_before","left]___[value:0]___[cond:_before","right]___[value:0]___[cond:_before","bottom]___[value:0]___[cond:_before","borderRadius]___[value:inherit]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))]___[cond:_before<___>_dark","opacity]___[value:0]___[cond:_before","transition]___[value:opacity 0.1s ease]___[cond:_before","opacity]___[value:1]___[cond:_hover<___>_before","height]___[value:9","paddingBlock]___[value:1.5","paddingInline]___[value:4","height]___[value:12","paddingBlock]___[value:3","paddingInline]___[value:6","height]___[value:15","paddingBlock]___[value:4","background]___[value:brand.base","background]___[value:brand.lightest","background]___[value:positive.darker","background]___[value:negative.darker","background]___[value:neutral.tertiary","mixBlendMode]___[value:multiply]___[cond:_light","background]___[value:transparent","borderColor]___[value:neutral.primary","padding]___[value:0","height]___[value:fit-content","opacity]___[value:0]___[cond:_hover<___>_before","background]___[value:#ffffff14","background]___[value:#ffffff4d]___[cond:_hover","background]___[value:#ffffff29]___[cond:_dark","backdropFilter]___[value:blur(3px)","display]___[value:none]___[cond:_before","background]___[value:ink.90","background]___[value:paper]___[cond:_dark","backgroundImage]___[value:linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))]___[cond:_before<___>_dark","pointerEvents]___[value:none","width]___[value:full","borderRadius]___[value:full","display]___[value:flex","textAlign]___[value:center","whiteSpace]___[value:nowrap","fontSize]___[value:sm","lineHeight]___[value:1.5rem","fontSize]___[value:md","fontSize]___[value:lg","lineHeight]___[value:1.75rem","color]___[value:surface.primary","color]___[value:brand.darker","color]___[value:text.primary","color]___[value:brand.base","color]___[value:brand.darkest]___[cond:_groupHover","color]___[value:brand.lighter]___[cond:_groupHover<___>_dark","color]___[value:chalk","color]___[value:ink.90]___[cond:_dark","color]___[value:positive.base","color]___[value:positive.darker]___[cond:_groupHover","color]___[value:positive.darker]___[cond:_groupHover<___>_dark","color]___[value:negative.darker","color]___[value:negative.base]___[cond:_dark","color]___[value:negative.darkest]___[cond:_groupHover","color]___[value:negative.lighter]___[cond:_groupHover<___>_dark","color]___[value:text.secondary]___[cond:_groupHover","color]___[value:text.secondary]___[cond:_groupHover<___>_dark","color]___[value:text.tertiary","outlineColor]___[value:brand.base","outlineStyle]___[value:solid","outlineWidth]___[value:thick","outlineOffset]___[value:0.5","width]___[value:9","padding]___[value:1.5","width]___[value:12","padding]___[value:3","width]___[value:15","padding]___[value:4","width]___[value:fit-content","borderRadius]___[value:10","outlineColor]___[value:brand.lightest]___[cond:_focusVisible","background]___[value:positive.lightest","outlineColor]___[value:positive.lightest]___[cond:_focusVisible","background]___[value:negative.lightest","outlineColor]___[value:negative.lightest]___[cond:_focusVisible","background]___[value:warning.lightest","outlineColor]___[value:warning.lightest]___[cond:_focusVisible","background]___[value:surface.secondary","outlineColor]___[value:surface.secondary]___[cond:_focusVisible","transition]___[value:transform 0.2s ease, opacity 0.2s ease","opacity]___[value:0.8]___[cond:_hover","outlineStyle]___[value:solid]___[cond:_focusVisible","outlineWidth]___[value:thick]___[cond:_focusVisible","outlineOffset]___[value:0.5]___[cond:_focusVisible","animationFillMode]___[value:forwards","animationName]___[value:scaleOut","animationDuration]___[value:150ms","scale]___[value:1]___[cond:_motionReduce","textAlign]___[value:left","color]___[value:brand.darkest","color]___[value:positive.darkest","color]___[value:negative.darkest","color]___[value:warning.darkest","color]___[value:text.secondary","textTransform]___[value:uppercase","fontSize]___[value:xs","letterSpacing]___[value:0.06rem","marginLeft]___[value:7","marginRight]___[value:7","outlineColor]___[value:brand.base]___[cond:_focusVisible","borderRadius]___[value:2]___[cond:_focusVisible","backgroundColor]___[value:surface.primary","borderRadius]___[value:1rem","cursor]___[value:default","height]___[value:10.75rem","width]___[value:10.75rem","alignItems]___[value:flex-start","alignItems]___[value:flex-end","overflow]___[value:hidden","overflow]___[value:visible","gap]___[value:0","gap]___[value:4","gap]___[value:5","gap]___[value:6","boxShadow]___[value:0px 1px 2px rgba(189, 189, 189, 0.3)","boxShadow]___[value:8px 8px 48px rgba(16, 15, 17, 0.14)","paddingInline]___[value:8","paddingBlock]___[value:6","padding]___[value:12","flex]___[value:1","maxWidth]___[value:29.125rem","maxWidth]___[value:full]___[cond:mdDown","opacity]___[value:0.3","backgroundColor]___[value:surface.tertiary","filter]___[value:brightness(0.9)]___[cond:_hover","height]___[value:full","background]___[value:surface.primary","overflow]___[value:auto","scrollbarWidth]___[value:none","height]___[value:100vh","width]___[value:100vw","top]___[value:12]___[cond:@media (min-width: 48rem)","marginInline]___[value:auto]___[cond:@media (min-width: 48rem)","width]___[value:25rem]___[cond:@media (min-width: 48rem)","height]___[value:fit-content]___[cond:@media (min-width: 48rem)","boxShadow]___[value:0px 12px 56px {colors.ink.70/15}]___[cond:@media (min-width: 48rem)","borderRadius]___[value:container]___[cond:@media (min-width: 48rem)","boxShadow]___[value:none]___[cond:@media (min-width: 48rem)<___>_dark","animationName]___[value:none","scale]___[value:1","padding]___[value:2","paddingBottom]___[value:0","padding]___[value:8","borderWidth]___[value:1]___[cond:@media (min-width: 48rem)<___>_dark","borderBlock]___[value:solid]___[cond:@media (min-width: 48rem)<___>_dark","borderColor]___[value:neutral.secondary]___[cond:@media (min-width: 48rem)<___>_dark","animationName]___[value:scaleIn","animationDuration]___[value:250ms","height]___[value:100dvh]___[cond:@media only screen and (max-width: 767px)","pointerEvents]___[value:all","position]___[value:fixed","top]___[value:0","left]___[value:0","backdropBlur]___[value:0.375rem","backdropFilter]___[value:auto","backgroundColor]___[value:surface.primary/70","animationName]___[value:fadeIn","animationDuration]___[value:400ms","animationName]___[value:fadeOut","maxWidth]___[value:100rem","margin]___[value:0 auto","maxWidth]___[value:none","fontWeight]___[value:medium","backgroundColor]___[value:transparent","borderStyle]___[value:solid","borderWidth]___[value:thin","borderColor]___[value:neutral.secondary","borderRadius]___[value:input","transition]___[value:all linear 120ms","width]___[value:100%","borderColor]___[value:neutral.primary]___[cond:_hover","outlineColor]___[value:brand.base]___[cond:_focusWithin","outlineStyle]___[value:solid]___[cond:_focusWithin","outlineWidth]___[value:thick]___[cond:_focusWithin","outlineOffset]___[value:0.5]___[cond:_focusWithin","height]___[value:10","borderColor]___[value:negative.base","paddingBlock]___[value:2","borderColor]___[value:neutral.secondary]___[cond:_hover","margin]___[value:0","minWidth]___[value:10","fontWeight]___[value:normal","color]___[value:text.tertiary]___[cond:_placeholder","borderColor]___[value:neutral.primary]___[cond:_groupHover","textAlign]___[value:right","fontSize]___[value:xl","transition]___[value:opacity linear 120ms","textWrap]___[value:wrap","color]___[value:warning.base","textStyle]___[value:body-xs","textStyle]___[value:body-sm","textStyle]___[value:body-md","textStyle]___[value:body-lg","textStyle]___[value:body-sm-scaled","textStyle]___[value:body-md-scaled","textStyle]___[value:body-lg-scaled","textStyle]___[value:mono-sm","textStyle]___[value:mono-md","textStyle]___[value:mono-lg","padding]___[value:20px","justifyContent]___[value:flex-start","justifyContent]___[value:flex-end","zIndex]___[value:max","boxShadow]___[value:4px 8px 20px 0px rgba(0, 0, 0, 0.15)","backgroundColor]___[value:brand.base","backgroundColor]___[value:positive.darker","backgroundColor]___[value:warning.darker","backgroundColor]___[value:negative.darker","backgroundColor]___[value:text.tertiary","backgroundColor]___[value:text.secondary]___[cond:_dark","height]___[value:1rem","width]___[value:1rem","width]___[value:auto","width]___[value:max","maxWidth]___[value:72","background]___[value:surface.tertiary]___[cond:_dark","position]___[value:absolute","paddingInline]___[value:3","borderRadius]___[value:xl","boxShadow]___[value:0px 4px 20px 0px rgba(0, 0, 0, 0.10)","display]___[value:none","display]___[value:block","top]___[value:0%","left]___[value:50%","transform]___[value:translateX(-50%) translateY(calc(-100% - 0.75rem))","right]___[value:100%","transform]___[value:translateX(10%) translateY(calc(-100% - 0.75rem))","left]___[value:100%","transform]___[value:translateX(-10%) translateY(calc(-100% - 0.75rem))","top]___[value:50%","left]___[value:0%","transform]___[value:translateX(calc(-100% - 0.75rem)) translateY(-50%)","transform]___[value:translateX(calc(-100% - 0.75rem)) translateY(-75%)","transform]___[value:translateX(calc(-100% - 0.75rem)) translateY(-25%)","right]___[value:0%","transform]___[value:translateX(calc(100% + 0.75rem)) translateY(-50%)","transform]___[value:translateX(calc(100% + 0.75rem)) translateY(-75%)","transform]___[value:translateX(calc(100% + 0.75rem)) translateY(-25%)","bottom]___[value:0%","transform]___[value:translateX(-50%) translateY(calc(100% + 0.75rem))","transform]___[value:translateX(10%) translateY(calc(100% + 0.75rem))","transform]___[value:translateX(-10%) translateY(calc(100% + 0.75rem))","width]___[value:72","height]___[value:4","bottom]___[value:0","transform]___[value:translateX(-50%) translateY(0.75rem)","transform]___[value:translateX(-50%) translateY(-0.75rem)","width]___[value:4","height]___[value:48","right]___[value:-6","transform]___[value:translateX(-0.75rem) translateY(-50%)","left]___[value:-6","transform]___[value:translateX(0.75rem) translateY(-50%)","background]___[value:linear-gradient(#00CC8F, #6851FF)","inset]___[value:0","gap]___[value:10px","flexDirection]___[value:row","display]___[value:grid","gridTemplateColumns]___[value:repeat(6, minmax(0, 1fr))","columnGap]___[value:2rem","rowGap]___[value:2rem","marginTop]___[value:6","flexDirection]___[value:column","fill]___[value:white","truncate]___[value:true","opacity]___[value:0.8]___[cond:_disabled","height]___[value:auto","flexShrink]___[value:0","paddingTop]___[value:6","right]___[value:0","background]___[value:text.primary/20","background]___[value:rgba(0, 0, 0, .7)]___[cond:_dark","transform]___[value:translateY(0)","transform]___[value:translateY(100%)","transition]___[value:transform 0.3s","background]___[value:surface.secondary]___[cond:_dark","borderTopRadius]___[value:3xl","boxShadow]___[value:0px -12px 56px 0px rgba(119, 118, 122, 0.15)","zIndex]___[value:10","paddingBottom]___[value:6","justifyContent]___[value:space-between","minWidth]___[value:8]___[cond:& ><___>_first","minWidth]___[value:8]___[cond:& ><___>_last","textStyle]___[value:neutral","transform]___[value:translateX(-100%)","transform]___[value:translateX(100%)","transform]___[value:translateX(0)","width]___[value:80","borderRightRadius]___[value:2xl","borderLeftRadius]___[value:2xl","--thickness]___[value:1px","borderBlockEndWidth]___[value:var(--thickness)","borderColor]___[value:surface.quaternary","gap]___[value:2.5","boxShadow]___[value:true","background]___[value:#ffc439","outlineColor]___[value:#ffc439","border]___[value:1px solid transparent","paddingBlock]___[value:2.5","strokeWidth]___[value:2.5","gap]___[value:1","marginTop]___[value:0.5","width]___[value:60","flex]___[value:0 0 auto","borderRadius]___[value:9999px","animation]___[value:popIn 150ms","animation]___[value:popOut 150ms","animation]___[value:spin 1.5s linear infinite","stroke]___[value:text.primary","transformOrigin]___[value:center center","gap]___[value:1.5","stroke]___[value:brand.base","stroke]___[value:surface.primary","strokeOpacity]___[value:0.12","animation]___[value:spin 1s linear infinite","borderRadius]___[value:2rem","borderWidth]___[value:thick","borderColor]___[value:surface.primary","background]___[value:surface.primary]___[cond:_dark","left]___[value:-50%","transform]___[value:skewX(-20deg)","backgroundImage]___[value:linear-gradient(90deg, transparent,rgba(0, 0, 0, .1), transparent)","backgroundImage]___[value:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent)]___[cond:_dark","overflowWrap]___[value:break-word","wordBreak]___[value:break-word","fontWeight]___[value:600","justifyContent]___[value:space-around","background]___[value:neutral.quaternary","borderRadius]___[value:lg","minWidth]___[value:15rem","width]___[value:40%","borderLeft]___[value:thin solid","borderColor]___[value:neutral.tertiary","height]___[value:8","gap]___[value:3","userSelect]___[value:none","userSelect]___[value:auto","filter]___[value:blur(10px)","textWrap]___[value:nowrap","width]___[value:22","height]___[value:22","fontVariant]___[value:no-contextual","transition]___[value:none","gap]___[value:2","width]___[value:16","width]___[value:20","height]___[value:16","height]___[value:20","width]___[value:1.125rem","height]___[value:1.125rem","outlineStyle]___[value:none","objectFit]___[value:cover","borderStartRadius]___[value:input","background]___[value:surface.tertiary]___[cond:_hover","borderLeftWidth]___[value:thin","borderRadius]___[value:0","background]___[value:brand.lightest]___[cond:_hover","transform]___[value:rotate(180)","width]___[value:14","height]___[value:14","top]___[value:55","maxHeight]___[value:17.5rem","overflowY]___[value:auto","width]___[value:18","height]___[value:18","minWidth]___[value:0","maxWidth]___[value:30rem","caretColor]___[value:transparent","borderRadius]___[value:0.5rem","marginBlock]___[value:4","maxWidth]___[value:8xl","marginInline]___[value:auto","paddingInline]___[value:6]___[cond:md","paddingInline]___[value:8]___[cond:lg","overlay]___[value:true","marginTop]___[value:8","marginTop]___[value:4","textStyle]___[value:subtle","height]___[value:24","width]___[value:24","flexGrow]___[value:0","padding]___[value:6","maxWidth]___[value:393","paddingTop]___[value:3","borderBottomColor]___[value:neutral.primary","borderBottomWidth]___[value:1px","width]___[value:6","flexDirection]___[value:column-reverse","borderRadius]___[value:60","height]___[value:11","width]___[value:11","width]___[value:10","left]___[value:9","top]___[value:11","height]___[value:7","width]___[value:7","borderRadius]___[value:30","borderWidth]___[value:2","width]___[value:5","height]___[value:5","borderRadius]___[value:0.375rem","borderRadius]___[value:md","backgroundColor]___[value:neutral.secondary]___[cond:_hover","backgroundColor]___[value:neutral.tertiary","fontWeight]___[value:bold","background]___[value:neutral.secondary]___[cond:_hover","color]___[value:neutral.primary","alignItems]___[value:start","borderRadius]___[value:2xl","boxShadow]___[value:0 6px 8px 2px rgba(0, 0, 0, .18)]___[cond:_hover","opacity]___[value:0.5","opacity]___[value:1","width]___[value:40","height]___[value:40","width]___[value:6rem","width]___[value:4rem","minHeight]___[value:16","borderRadius]___[value:0.75rem","borderRadius]___[value:sm","borderColor]___[value:brand.base","borderColor]___[value:text.tertiary","pointerEvents]___[value:auto","outlineColor]___[value:transparent","transition]___[value:background-color 0.2s ease, border-color 0.2s ease","cursor]___[value:pointer]___[cond:_hover","borderColor]___[value:brand.base]___[cond:_hover","width]___[value:2.5","height]___[value:0.5","srOnly]___[value:true","marginLeft]___[value:3","caret]___[value:18","check]___[value:16","height]___[value:3rem","mult]___[value:2.5","display]___[value:inline-block","borderWidth]___[value:1","maxWidth]___[value:52","gap]___[value:10","transition]___[value:border-color 0.2s ease","height]___[value:6","width]___[value:3","height]___[value:3","padding]___[value:1","background]___[value:ink.10","background]___[value:slate.2]___[cond:_dark","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","transition]___[value:background-color 0.2s ease","left]___[value:6","transition]___[value:left 0.2s ease","textStyle]___[value:h1-scaled","textStyle]___[value:h1","textStyle]___[value:h2-scaled","textStyle]___[value:h2","textStyle]___[value:h3-scaled","textStyle]___[value:h3","textStyle]___[value:h4-scaled","textStyle]___[value:h4","textStyle]___[value:h5-scaled","textStyle]___[value:h5","textStyle]___[value:h6-scaled","textStyle]___[value:h6","truncate]___[value:false","strokeWidth]___[value:4","width]___[value:36","height]___[value:36","marginBlock]___[value:3","pointerEvents]___[value:initial","height]___[value:76px","maxWidth]___[value:115px","height]___[value:100%","minWidth]___[value:20","paddingInline]___[value:10","width]___[value:max-content","border]___[value:thin solid transparent","color]___[value:text.primary]___[cond:_groupHover","height]___[value:6.25rem","background]___[value:text.primary/6","borderColor]___[value:text.primary/10","borderWidth]___[value:medium","borderRadius]___[value:52","backdropFilter]___[value:blur(24px)","height]___[value:2.625rem","width]___[value:2.625rem","boxShadow]___[value:0.125rem 0.125rem 1.5rem {colors.ink.70/15}","fill]___[value:ink.50","fill]___[value:ink.70]___[cond:_dark","fill]___[value:url(\"#logo-gradient\")]___[cond:_hover","fill]___[value:url(\"#logo-gradient\")]___[cond:_active","fill]___[value:url(\"#logo-gradient\")]___[cond:_focus","color]___[value:text.tertiary]___[cond:_groupHover","color]___[value:ink.50","color]___[value:ink.70]___[cond:_dark","backgroundColor]___[value:magic.10","animation]___[value:fadeIn 0.5s, moveRight 1s 0.5s forwards","borderRadius]___[value:50%","borderWidth]___[value:3px","height]___[value:3.875rem","width]___[value:3.875rem","marginTop]___[value:-3px","marginRight]___[value:0.9rem","zIndex]___[value:1","marginLeft]___[value:0.9rem","animation]___[value:fadeIn 0.5s, moveLeft 1s 0.5s forwards","height]___[value:34","width]___[value:34","height]___[value:56","width]___[value:56","backgroundColor]___[value:text.primary/1","backgroundColor]___[value:text.primary/5","backdropFilter]___[value:blur(8px)","borderColor]___[value:text.primary/6","paddingBlock]___[value:5","marginBlock]___[value:10","height]___[value:250","color]___[value:ink.70","padding]___[value:10","overflow]___[value:scroll","width]___[value:200px","maxWidth]___[value:200px","display]___[value:none]___[cond:@media (max-width: 370px)","minWidth]___[value:88px","textStyle]___[value:negative","minWidth]___[value:fit-content","minHeight]___[value:fit-content","transition]___[value:transform 0.1s","width]___[value:114px","height]___[value:48px","width]___[value:7px","height]___[value:7px","background]___[value:positive.base","bottom]___[value:-1px","right]___[value:-1px","translateX]___[value:6","translateY]___[value:6","translateX]___[value:3","translateY]___[value:3","minHeight]___[value:18px","minWidth]___[value:18px","alignItems]___[value:baseline","margin]___[value:1","backgroundColor]___[value:neutral.secondary","backgroundColor]___[value:negative.lighter","gridTemplateColumns]___[value:2","gap]___[value:8"],"recipes":{}}}

package/dist/types/components/layouts/wallet-page/account-menu.d.ts CHANGED Viewed

@@ -3,7 +3,8 @@ export interface AccountMenuProps {
     email?: string;
     name?: string;
     logoutLabel?: string;
+    onReceive?: () => void;
     onLogout?: () => void;
 }
-export declare const AccountMenu: ({ avatarUrl, email, name, logoutLabel, onLogout }: AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const AccountMenu: ({ avatarUrl, email, name, logoutLabel, onReceive, onLogout, }: AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=account-menu.d.ts.map

package/dist/types/components/layouts/wallet-page/account-menu.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"account-menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/wallet-page/account-menu.tsx"],"names":[],"mappings":"~~AAKA~~,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,~~sDAAmE~~,gBAAgB,~~4CA2D1G~~,CAAC"}
1	+ {"version":3,"file":"account-menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/wallet-page/account-menu.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,eAAO,MAAM,WAAW,kEAOrB,gBAAgB,4CAgFlB,CAAC"}

package/dist/types/components/layouts/wallet-page/actions.d.ts CHANGED Viewed

@@ -4,11 +4,11 @@ export interface ActionsProps {
     buyDisabledLabel?: string;
     sendLabel?: string;
     sendDisabledLabel?: string;
-    receiveLabel?: string;
-    receiveDisabledLabel?: string;
+    swapLabel?: string;
+    swapDisabledLabel?: string;
     onBuy?: () => void;
+    onSwap?: () => void;
     onSend?: () => void;
-    onReceive?: () => void;
 }
-export declare const Actions: ({ actionBox, buyLabel, buyDisabledLabel, sendLabel, sendDisabledLabel, receiveLabel, receiveDisabledLabel, onBuy, onSend, onReceive, }: ActionsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Actions: ({ actionBox, buyLabel, buyDisabledLabel, sendLabel, sendDisabledLabel, swapLabel, swapDisabledLabel, onBuy, onSend, onSwap, }: ActionsProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=actions.d.ts.map

package/dist/types/components/layouts/wallet-page/actions.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/wallet-page/actions.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,~~YAAY~~,CAAC,EAAE,MAAM,CAAC;~~IACtB~~,~~oBAAoB~~,CAAC,EAAE,MAAM,CAAC;~~IAC9B~~,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,~~SAAS~~,CAAC,EAAE,MAAM,IAAI,CAAC;~~CACxB~~;AAED,eAAO,MAAM,OAAO,~~2IAWjB~~,YAAY,4CAkBd,CAAC"}
1	+ {"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/wallet-page/actions.tsx"],"names":[],"mappings":"AAGA,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,OAAO,kIAWjB,YAAY,4CAkBd,CAAC"}

package/dist/types/components/layouts/wallet-page/connection-menu.d.ts CHANGED Viewed

@@ -6,6 +6,7 @@ export interface ConnectionMenuProps {
     domain: string;
     logoUrl?: string;
     onDisconnect?: () => void;
+    onReceive?: () => void;
 }
-export declare const ConnectionMenu: ({ connected, connectedLabel, disconnectLabel, disconnectedLabel, domain, logoUrl, onDisconnect, }: ConnectionMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ConnectionMenu: ({ connected, connectedLabel, disconnectLabel, disconnectedLabel, domain, logoUrl, onDisconnect, onReceive, }: ConnectionMenuProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=connection-menu.d.ts.map

package/dist/types/components/layouts/wallet-page/connection-menu.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"connection-menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/wallet-page/connection-menu.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;~~CAC3B~~;AAED,eAAO,MAAM,cAAc,~~sGAQxB~~,mBAAmB,~~4CAmErB~~,CAAC"}
1	+ {"version":3,"file":"connection-menu.d.ts","sourceRoot":"","sources":["../../../../../src/components/layouts/wallet-page/connection-menu.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAED,eAAO,MAAM,cAAc,iHASxB,mBAAmB,4CAoFrB,CAAC"}

package/dist/types/components/layouts/wallet-page/index.d.ts CHANGED Viewed

@@ -2,10 +2,10 @@ import { PropsWithChildren } from 'react';
 export interface WalletPageProps extends PropsWithChildren {
 }
 export declare const WalletPage: (({ children, ...props }: WalletPageProps) => JSX.Element) & {
-    AccountMenu: ({ avatarUrl, email, name, logoutLabel, onLogout }: import("./account-menu").AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
-    Actions: ({ actionBox, buyLabel, buyDisabledLabel, sendLabel, sendDisabledLabel, receiveLabel, receiveDisabledLabel, onBuy, onSend, onReceive, }: import("./actions").ActionsProps) => import("react/jsx-runtime").JSX.Element;
+    AccountMenu: ({ avatarUrl, email, name, logoutLabel, onReceive, onLogout, }: import("./account-menu").AccountMenuProps) => import("react/jsx-runtime").JSX.Element;
+    Actions: ({ actionBox, buyLabel, buyDisabledLabel, sendLabel, sendDisabledLabel, swapLabel, swapDisabledLabel, onBuy, onSend, onSwap, }: import("./actions").ActionsProps) => import("react/jsx-runtime").JSX.Element;
     Address: ({ address, onAddressCopy }: import("./address").AddressProps) => import("react/jsx-runtime").JSX.Element;
-    ConnectionMenu: ({ connected, connectedLabel, disconnectLabel, disconnectedLabel, domain, logoUrl, onDisconnect, }: import("./connection-menu").ConnectionMenuProps) => import("react/jsx-runtime").JSX.Element;
+    ConnectionMenu: ({ connected, connectedLabel, disconnectLabel, disconnectedLabel, domain, logoUrl, onDisconnect, onReceive, }: import("./connection-menu").ConnectionMenuProps) => import("react/jsx-runtime").JSX.Element;
     Content: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
     Fiat: ({ fiatTotal, symbol }: import("./fiat").FiatProps) => import("react/jsx-runtime").JSX.Element;
     Navigation: ({ active, disabled, ...props }: import("../../sections/wallet-navigation").WalletNavigationProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/list-items/navigation-button.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 /// <reference types="react" />
+import { ButtonContainerProps } from '../containers';
 import { AriaButtonProps } from 'react-aria';
-export interface NavigationButtonProps extends AriaButtonProps {
+export interface NavigationButtonProps extends AriaButtonProps, ButtonContainerProps {
     primaryLabel: string;
     secondaryLabel?: string;
     isExternalLink?: boolean;

package/dist/types/components/list-items/navigation-button.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"navigation-button.d.ts","sourceRoot":"","sources":["../../../../src/components/list-items/navigation-button.tsx"],"names":[],"mappings":";~~AAQA~~,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,WAAW,qBAAsB,SAAQ,eAAe;~~IAC5D~~,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkFD,QAAA,MAAM,gBAAgB;;;CAAqE,CAAC;AAE5F,eAAe,gBAAgB,CAAC"}
1	+ {"version":3,"file":"navigation-button.d.ts","sourceRoot":"","sources":["../../../../src/components/list-items/navigation-button.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAmB,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAQ/E,OAAO,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAE7C,MAAM,WAAW,qBAAsB,SAAQ,eAAe,EAAE,oBAAoB;IAClF,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAkFD,QAAA,MAAM,gBAAgB;;;CAAqE,CAAC;AAE5F,eAAe,gBAAgB,CAAC"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@magiclabs/ui-components",
-  "version": "1.36.9",
+  "version": "1.36.11",
   "description": "💅 A theme-able library of reusable UI components",
   "author": "Magic Labs <open-source@magic.link>",
   "repository": {