@magiclabs/ui-components 1.30.5 → 1.30.6

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.
@@ -1,2 +1,2 @@
1
- "use strict";var i=require("react/jsx-runtime"),c=require("@styled/tokens"),u=require("../icons/ico-clock-fill.js"),v=require("../icons/ico-grid-fill.js"),d=require("../icons/ico-home-fill.js"),y=require("../icons/ico-settings-fill.js"),n=require("../primitives/button.js");require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js"),require("../primitives/text.js");var g=require("@styled/css"),o=require("@styled/jsx");exports.WalletNavigationType=void 0,function(e){e.Home="home",e.Gallery="gallery",e.Activity="activity",e.Settings="settings"}(exports.WalletNavigationType||(exports.WalletNavigationType={}));const t=({active:e,children:a,label:r,onPress:l})=>i.jsx(o.Box,{pointerEvents:e===r?"none":"initial",children:i.jsx(n.default,{variant:"text",onPress:l,children:i.jsx(n.default.LeadingIcon,{className:g.css({color:e===r?"text.primary":"text.tertiary",_groupHover:{color:e===r?"text.primary":"text.secondary"}}),children:a})})}),x=({active:e=exports.WalletNavigationType.Home,onActivity:a,onGallery:r,onHome:l,onSettings:s})=>i.jsx(o.Center,{bottom:0,pos:"fixed",h:"6.25rem",w:"full",style:{background:`linear-gradient(180deg, transparent 0%, ${c.token("colors.surface.primary")} 100%)`},children:i.jsxs(o.HStack,{bgColor:"surface.tertiary",borderColor:"neutral.tertiary",borderWidth:"medium",borderStyle:"solid",borderRadius:52,p:1.5,children:[i.jsx(t,{active:e,label:exports.WalletNavigationType.Home,onPress:l,children:i.jsx(d.default,{})}),i.jsx(t,{active:e,label:exports.WalletNavigationType.Gallery,onPress:r,children:i.jsx(v.default,{})}),i.jsx(t,{active:e,label:exports.WalletNavigationType.Activity,onPress:a,children:i.jsx(u.default,{})}),i.jsx(t,{active:e,label:exports.WalletNavigationType.Settings,onPress:s,children:i.jsx(y.default,{})})]})});exports.WalletNavigation=x;
1
+ "use strict";var i=require("react/jsx-runtime"),c=require("@styled/tokens"),d=require("../icons/ico-clock-fill.js"),u=require("../icons/ico-grid-fill.js"),v=require("../icons/ico-home-fill.js"),x=require("../icons/ico-settings-fill.js"),n=require("../primitives/button.js");require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js"),require("../primitives/text.js");var y=require("@styled/css"),o=require("@styled/jsx");exports.WalletNavigationType=void 0,function(e){e.Home="home",e.Gallery="gallery",e.Activity="activity",e.Settings="settings"}(exports.WalletNavigationType||(exports.WalletNavigationType={}));const t=({active:e,children:a,label:r,onPress:l})=>i.jsx(o.Box,{pointerEvents:e===r?"none":"initial",children:i.jsx(n.default,{variant:"text",onPress:l,children:i.jsx(n.default.LeadingIcon,{className:y.css({color:e===r?"text.primary":"text.tertiary",_groupHover:{color:e===r?"text.primary":"text.secondary"}}),children:a})})}),g=({active:e=exports.WalletNavigationType.Home,onActivity:a,onGallery:r,onHome:l,onSettings:s})=>i.jsx(o.Center,{bottom:0,pos:"fixed",h:"6.25rem",w:"full",style:{background:`linear-gradient(180deg, transparent 0%, ${c.token("colors.surface.primary")} 100%)`},children:i.jsxs(o.HStack,{bg:"text.primary/6",borderColor:"text.primary/10",borderWidth:"medium",borderStyle:"solid",borderRadius:52,backdropFilter:"blur(24px)",p:1.5,children:[i.jsx(t,{active:e,label:exports.WalletNavigationType.Home,onPress:l,children:i.jsx(v.default,{})}),i.jsx(t,{active:e,label:exports.WalletNavigationType.Gallery,onPress:r,children:i.jsx(u.default,{})}),i.jsx(t,{active:e,label:exports.WalletNavigationType.Activity,onPress:a,children:i.jsx(d.default,{})}),i.jsx(t,{active:e,label:exports.WalletNavigationType.Settings,onPress:s,children:i.jsx(x.default,{})})]})});exports.WalletNavigation=g;
2
2
  //# sourceMappingURL=wallet-navigation.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"wallet-navigation.js","sources":["../../../../src/components/sections/wallet-navigation.tsx"],"sourcesContent":["import { IcoClockFill, IcoGridFill, IcoHomeFill, IcoSettingsFill } from '@components/icons';\nimport { Button } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, Center, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { PropsWithChildren } from 'react';\n\nexport enum WalletNavigationType {\n Home = 'home',\n Gallery = 'gallery',\n Activity = 'activity',\n Settings = 'settings',\n}\ninterface ActionProps extends PropsWithChildren {\n active?: WalletNavigationType;\n label: WalletNavigationType;\n onPress: () => void;\n}\n\nexport interface WalletNavigationProps {\n active?: WalletNavigationType;\n onActivity: () => void;\n onGallery: () => void;\n onHome: () => void;\n onSettings: () => void;\n}\n\nconst Action = ({ active, children, label, onPress }: ActionProps) => (\n <Box pointerEvents={active === label ? 'none' : 'initial'}>\n <Button variant=\"text\" onPress={onPress}>\n <Button.LeadingIcon\n className={css({\n color: active === label ? 'text.primary' : 'text.tertiary',\n _groupHover: { color: active === label ? 'text.primary' : 'text.secondary' },\n })}\n >\n {children}\n </Button.LeadingIcon>\n </Button>\n </Box>\n);\n\nexport const WalletNavigation = ({\n active = WalletNavigationType.Home,\n onActivity,\n onGallery,\n onHome,\n onSettings,\n}: WalletNavigationProps) => {\n return (\n <Center\n bottom={0}\n pos=\"fixed\"\n h=\"6.25rem\"\n w=\"full\"\n style={{ background: `linear-gradient(180deg, transparent 0%, ${token('colors.surface.primary')} 100%)` }}\n >\n <HStack\n bgColor=\"surface.tertiary\"\n borderColor=\"neutral.tertiary\"\n borderWidth=\"medium\"\n borderStyle=\"solid\"\n borderRadius={52}\n p={1.5}\n >\n <Action active={active} label={WalletNavigationType.Home} onPress={onHome}>\n <IcoHomeFill />\n </Action>\n <Action active={active} label={WalletNavigationType.Gallery} onPress={onGallery}>\n <IcoGridFill />\n </Action>\n <Action active={active} label={WalletNavigationType.Activity} onPress={onActivity}>\n <IcoClockFill />\n </Action>\n <Action active={active} label={WalletNavigationType.Settings} onPress={onSettings}>\n <IcoSettingsFill />\n </Action>\n </HStack>\n </Center>\n );\n};\n"],"names":["WalletNavigationType","Action","active","children","label","onPress","_jsx","Box","Button","css","WalletNavigation","onActivity","onGallery","onHome","onSettings","Center","token","_jsxs","HStack","IcoHomeFill","IcoGridFill","IcoClockFill","IcoSettingsFill"],"mappings":"mlBAOYA,QAAAA,qBAAAA,OAAZ,SAAYA,EAAoB,CAC9BA,EAAA,KAAA,OACAA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACF,EALYA,QAAA,uBAAAA,6BAKX,CAAA,EAAA,EAeD,MAAMC,EAAS,CAAC,CAAE,OAAAC,EAAQ,SAAAC,EAAU,MAAAC,EAAO,QAAAC,CAAO,IAChDC,EAAAA,IAACC,EAAG,IAAA,CAAC,cAAeL,IAAWE,EAAQ,OAAS,UAAS,SACvDE,EAAAA,IAACE,EAAAA,QAAM,CAAC,QAAQ,OAAO,QAASH,EAC9B,SAAAC,MAACE,EAAAA,QAAO,YACN,CAAA,UAAWC,MAAI,CACb,MAAOP,IAAWE,EAAQ,eAAiB,gBAC3C,YAAa,CAAE,MAAOF,IAAWE,EAAQ,eAAiB,gBAAkB,CAC7E,CAAA,WAEAD,CAAQ,CAAA,CAEJ,CAAA,CAAA,CAAA,EAIAO,EAAmB,CAAC,CAC/B,OAAAR,EAASF,QAAAA,qBAAqB,KAC9B,WAAAW,EACA,UAAAC,EACA,OAAAC,EACA,WAAAC,CACsB,IAEpBR,MAACS,EAAAA,OAAM,CACL,OAAQ,EACR,IAAI,QACJ,EAAE,UACF,EAAE,OACF,MAAO,CAAE,WAAY,2CAA2CC,QAAM,wBAAwB,CAAC,QAAU,EAAA,SAEzGC,OAACC,EAAAA,OAAM,CACL,QAAQ,mBACR,YAAY,mBACZ,YAAY,SACZ,YAAY,QACZ,aAAc,GACd,EAAG,IAAG,SAAA,CAENZ,MAACL,GAAO,OAAQC,EAAQ,MAAOF,6BAAqB,KAAM,QAASa,EAAM,SACvEP,EAAAA,IAACa,UAAc,CAAA,CAAA,CAAA,CAAA,EAEjBb,EAAAA,IAACL,EAAO,CAAA,OAAQC,EAAQ,MAAOF,QAAA,qBAAqB,QAAS,QAASY,EACpE,SAAAN,EAAAA,IAACc,EAAAA,QAAc,CAAA,CAAA,CAAA,CAAA,EAEjBd,MAACL,EAAO,CAAA,OAAQC,EAAQ,MAAOF,QAAAA,qBAAqB,SAAU,QAASW,EACrE,SAAAL,EAACe,IAAAA,UAAY,CAAA,CAAA,IAEff,EAAAA,IAACL,EAAM,CAAC,OAAQC,EAAQ,MAAOF,QAAA,qBAAqB,SAAU,QAASc,EACrE,SAAAR,EAAAA,IAACgB,EAAAA,QAAkB,EAAA,CAAA,CAAA,CACZ,CACF,CAAA,CAAA,CAAA"}
1
+ {"version":3,"file":"wallet-navigation.js","sources":["../../../../src/components/sections/wallet-navigation.tsx"],"sourcesContent":["import { IcoClockFill, IcoGridFill, IcoHomeFill, IcoSettingsFill } from '@components/icons';\nimport { Button } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, Center, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { PropsWithChildren } from 'react';\n\nexport enum WalletNavigationType {\n Home = 'home',\n Gallery = 'gallery',\n Activity = 'activity',\n Settings = 'settings',\n}\ninterface ActionProps extends PropsWithChildren {\n active?: WalletNavigationType;\n label: WalletNavigationType;\n onPress: () => void;\n}\n\nexport interface WalletNavigationProps {\n active?: WalletNavigationType;\n onActivity: () => void;\n onGallery: () => void;\n onHome: () => void;\n onSettings: () => void;\n}\n\nconst Action = ({ active, children, label, onPress }: ActionProps) => (\n <Box pointerEvents={active === label ? 'none' : 'initial'}>\n <Button variant=\"text\" onPress={onPress}>\n <Button.LeadingIcon\n className={css({\n color: active === label ? 'text.primary' : 'text.tertiary',\n _groupHover: { color: active === label ? 'text.primary' : 'text.secondary' },\n })}\n >\n {children}\n </Button.LeadingIcon>\n </Button>\n </Box>\n);\n\nexport const WalletNavigation = ({\n active = WalletNavigationType.Home,\n onActivity,\n onGallery,\n onHome,\n onSettings,\n}: WalletNavigationProps) => {\n return (\n <Center\n bottom={0}\n pos=\"fixed\"\n h=\"6.25rem\"\n w=\"full\"\n style={{ background: `linear-gradient(180deg, transparent 0%, ${token('colors.surface.primary')} 100%)` }}\n >\n <HStack\n bg=\"text.primary/6\"\n borderColor=\"text.primary/10\"\n borderWidth=\"medium\"\n borderStyle=\"solid\"\n borderRadius={52}\n backdropFilter=\"blur(24px)\"\n p={1.5}\n >\n <Action active={active} label={WalletNavigationType.Home} onPress={onHome}>\n <IcoHomeFill />\n </Action>\n <Action active={active} label={WalletNavigationType.Gallery} onPress={onGallery}>\n <IcoGridFill />\n </Action>\n <Action active={active} label={WalletNavigationType.Activity} onPress={onActivity}>\n <IcoClockFill />\n </Action>\n <Action active={active} label={WalletNavigationType.Settings} onPress={onSettings}>\n <IcoSettingsFill />\n </Action>\n </HStack>\n </Center>\n );\n};\n"],"names":["WalletNavigationType","Action","active","children","label","onPress","_jsx","Box","Button","css","WalletNavigation","onActivity","onGallery","onHome","onSettings","Center","token","_jsxs","HStack","IcoHomeFill","IcoGridFill","IcoClockFill","IcoSettingsFill"],"mappings":"mlBAOYA,QAAAA,qBAAAA,OAAZ,SAAYA,EAAoB,CAC9BA,EAAA,KAAA,OACAA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACF,EALYA,QAAA,uBAAAA,6BAKX,CAAA,EAAA,EAeD,MAAMC,EAAS,CAAC,CAAE,OAAAC,EAAQ,SAAAC,EAAU,MAAAC,EAAO,QAAAC,CAAO,IAChDC,EAAAA,IAACC,EAAAA,IAAG,CAAC,cAAeL,IAAWE,EAAQ,OAAS,UAAS,SACvDE,EAAAA,IAACE,UAAM,CAAC,QAAQ,OAAO,QAASH,EAC9B,SAAAC,EAAAA,IAACE,EAAO,QAAA,YACN,CAAA,UAAWC,EAAAA,IAAI,CACb,MAAOP,IAAWE,EAAQ,eAAiB,gBAC3C,YAAa,CAAE,MAAOF,IAAWE,EAAQ,eAAiB,gBAAkB,CAC7E,CAAA,WAEAD,CAAQ,CAAA,CAEJ,CAAA,CAAA,CAAA,EAIAO,EAAmB,CAAC,CAC/B,OAAAR,EAASF,QAAA,qBAAqB,KAC9B,WAAAW,EACA,UAAAC,EACA,OAAAC,EACA,WAAAC,CACsB,IAEpBR,EAAAA,IAACS,SAAM,CACL,OAAQ,EACR,IAAI,QACJ,EAAE,UACF,EAAE,OACF,MAAO,CAAE,WAAY,2CAA2CC,EAAM,MAAA,wBAAwB,CAAC,QAAQ,EAEvG,SAAAC,EAACC,KAAAA,SACC,CAAA,GAAG,iBACH,YAAY,kBACZ,YAAY,SACZ,YAAY,QACZ,aAAc,GACd,eAAe,aACf,EAAG,IAAG,SAAA,CAENZ,EAAAA,IAACL,EAAM,CAAC,OAAQC,EAAQ,MAAOF,QAAA,qBAAqB,KAAM,QAASa,EAAM,SACvEP,EAAAA,IAACa,EAAAA,WACM,CAAA,EACTb,EAAAA,IAACL,GAAO,OAAQC,EAAQ,MAAOF,QAAAA,qBAAqB,QAAS,QAASY,EAAS,SAC7EN,MAACc,EAAAA,QAAW,CAAA,CAAA,CACL,CAAA,EACTd,EAAAA,IAACL,EAAM,CAAC,OAAQC,EAAQ,MAAOF,6BAAqB,SAAU,QAASW,EACrE,SAAAL,EAAAA,IAACe,EAAAA,QAAY,EAAA,IAEff,EAAAA,IAACL,EAAM,CAAC,OAAQC,EAAQ,MAAOF,QAAA,qBAAqB,SAAU,QAASc,EACrE,SAAAR,EAAAA,IAACgB,EAAAA,QAAkB,EAAA,CAAA,CAAA,CACZ,CACF,CAAA,CAAA,CAAA"}
@@ -1,2 +1,2 @@
1
- import{jsx as t,jsxs as s}from"react/jsx-runtime";import{token as c}from"@styled/tokens";import p from"../icons/ico-clock-fill.js";import d from"../icons/ico-grid-fill.js";import y from"../icons/ico-home-fill.js";import v from"../icons/ico-settings-fill.js";import l from"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import"../primitives/text.js";import{css as f}from"@styled/css";import{Center as g,HStack as h,Box as b}from"@styled/jsx";var e;(function(r){r.Home="home",r.Gallery="gallery",r.Activity="activity",r.Settings="settings"})(e||(e={}));const i=({active:r,children:n,label:o,onPress:a})=>t(b,{pointerEvents:r===o?"none":"initial",children:t(l,{variant:"text",onPress:a,children:t(l.LeadingIcon,{className:f({color:r===o?"text.primary":"text.tertiary",_groupHover:{color:r===o?"text.primary":"text.secondary"}}),children:n})})}),x=({active:r=e.Home,onActivity:n,onGallery:o,onHome:a,onSettings:m})=>t(g,{bottom:0,pos:"fixed",h:"6.25rem",w:"full",style:{background:`linear-gradient(180deg, transparent 0%, ${c("colors.surface.primary")} 100%)`},children:s(h,{bgColor:"surface.tertiary",borderColor:"neutral.tertiary",borderWidth:"medium",borderStyle:"solid",borderRadius:52,p:1.5,children:[t(i,{active:r,label:e.Home,onPress:a,children:t(y,{})}),t(i,{active:r,label:e.Gallery,onPress:o,children:t(d,{})}),t(i,{active:r,label:e.Activity,onPress:n,children:t(p,{})}),t(i,{active:r,label:e.Settings,onPress:m,children:t(v,{})})]})});export{x as WalletNavigation,e as WalletNavigationType};
1
+ import{jsx as t,jsxs as c}from"react/jsx-runtime";import{token as s}from"@styled/tokens";import p from"../icons/ico-clock-fill.js";import d from"../icons/ico-grid-fill.js";import y from"../icons/ico-home-fill.js";import v from"../icons/ico-settings-fill.js";import a from"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import"../primitives/text.js";import{css as b}from"@styled/css";import{Center as f,HStack as g,Box as h}from"@styled/jsx";var e;(function(r){r.Home="home",r.Gallery="gallery",r.Activity="activity",r.Settings="settings"})(e||(e={}));const i=({active:r,children:n,label:o,onPress:l})=>t(h,{pointerEvents:r===o?"none":"initial",children:t(a,{variant:"text",onPress:l,children:t(a.LeadingIcon,{className:b({color:r===o?"text.primary":"text.tertiary",_groupHover:{color:r===o?"text.primary":"text.secondary"}}),children:n})})}),x=({active:r=e.Home,onActivity:n,onGallery:o,onHome:l,onSettings:m})=>t(f,{bottom:0,pos:"fixed",h:"6.25rem",w:"full",style:{background:`linear-gradient(180deg, transparent 0%, ${s("colors.surface.primary")} 100%)`},children:c(g,{bg:"text.primary/6",borderColor:"text.primary/10",borderWidth:"medium",borderStyle:"solid",borderRadius:52,backdropFilter:"blur(24px)",p:1.5,children:[t(i,{active:r,label:e.Home,onPress:l,children:t(y,{})}),t(i,{active:r,label:e.Gallery,onPress:o,children:t(d,{})}),t(i,{active:r,label:e.Activity,onPress:n,children:t(p,{})}),t(i,{active:r,label:e.Settings,onPress:m,children:t(v,{})})]})});export{x as WalletNavigation,e as WalletNavigationType};
2
2
  //# sourceMappingURL=wallet-navigation.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"wallet-navigation.js","sources":["../../../../src/components/sections/wallet-navigation.tsx"],"sourcesContent":["import { IcoClockFill, IcoGridFill, IcoHomeFill, IcoSettingsFill } from '@components/icons';\nimport { Button } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, Center, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { PropsWithChildren } from 'react';\n\nexport enum WalletNavigationType {\n Home = 'home',\n Gallery = 'gallery',\n Activity = 'activity',\n Settings = 'settings',\n}\ninterface ActionProps extends PropsWithChildren {\n active?: WalletNavigationType;\n label: WalletNavigationType;\n onPress: () => void;\n}\n\nexport interface WalletNavigationProps {\n active?: WalletNavigationType;\n onActivity: () => void;\n onGallery: () => void;\n onHome: () => void;\n onSettings: () => void;\n}\n\nconst Action = ({ active, children, label, onPress }: ActionProps) => (\n <Box pointerEvents={active === label ? 'none' : 'initial'}>\n <Button variant=\"text\" onPress={onPress}>\n <Button.LeadingIcon\n className={css({\n color: active === label ? 'text.primary' : 'text.tertiary',\n _groupHover: { color: active === label ? 'text.primary' : 'text.secondary' },\n })}\n >\n {children}\n </Button.LeadingIcon>\n </Button>\n </Box>\n);\n\nexport const WalletNavigation = ({\n active = WalletNavigationType.Home,\n onActivity,\n onGallery,\n onHome,\n onSettings,\n}: WalletNavigationProps) => {\n return (\n <Center\n bottom={0}\n pos=\"fixed\"\n h=\"6.25rem\"\n w=\"full\"\n style={{ background: `linear-gradient(180deg, transparent 0%, ${token('colors.surface.primary')} 100%)` }}\n >\n <HStack\n bgColor=\"surface.tertiary\"\n borderColor=\"neutral.tertiary\"\n borderWidth=\"medium\"\n borderStyle=\"solid\"\n borderRadius={52}\n p={1.5}\n >\n <Action active={active} label={WalletNavigationType.Home} onPress={onHome}>\n <IcoHomeFill />\n </Action>\n <Action active={active} label={WalletNavigationType.Gallery} onPress={onGallery}>\n <IcoGridFill />\n </Action>\n <Action active={active} label={WalletNavigationType.Activity} onPress={onActivity}>\n <IcoClockFill />\n </Action>\n <Action active={active} label={WalletNavigationType.Settings} onPress={onSettings}>\n <IcoSettingsFill />\n </Action>\n </HStack>\n </Center>\n );\n};\n"],"names":["WalletNavigationType","Action","active","children","label","onPress","_jsx","Box","Button","css","WalletNavigation","onActivity","onGallery","onHome","onSettings","Center","token","_jsxs","HStack","IcoHomeFill","IcoGridFill","IcoClockFill","IcoSettingsFill"],"mappings":"2nBAOY,IAAAA,GAAZ,SAAYA,EAAoB,CAC9BA,EAAA,KAAA,OACAA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACF,GALYA,IAAAA,EAKX,GAAA,EAeD,MAAMC,EAAS,CAAC,CAAE,OAAAC,EAAQ,SAAAC,EAAU,MAAAC,EAAO,QAAAC,CAAO,IAChDC,EAACC,EAAG,CAAC,cAAeL,IAAWE,EAAQ,OAAS,UAAS,SACvDE,EAACE,EAAM,CAAC,QAAQ,OAAO,QAASH,EAC9B,SAAAC,EAACE,EAAO,YACN,CAAA,UAAWC,EAAI,CACb,MAAOP,IAAWE,EAAQ,eAAiB,gBAC3C,YAAa,CAAE,MAAOF,IAAWE,EAAQ,eAAiB,gBAAkB,CAC7E,CAAA,WAEAD,CAAQ,CAAA,CAEJ,CAAA,CAAA,CAAA,EAIAO,EAAmB,CAAC,CAC/B,OAAAR,EAASF,EAAqB,KAC9B,WAAAW,EACA,UAAAC,EACA,OAAAC,EACA,WAAAC,CACsB,IAEpBR,EAACS,EAAM,CACL,OAAQ,EACR,IAAI,QACJ,EAAE,UACF,EAAE,OACF,MAAO,CAAE,WAAY,2CAA2CC,EAAM,wBAAwB,CAAC,QAAU,EAAA,SAEzGC,EAACC,EAAM,CACL,QAAQ,mBACR,YAAY,mBACZ,YAAY,SACZ,YAAY,QACZ,aAAc,GACd,EAAG,IAAG,SAAA,CAENZ,EAACL,GAAO,OAAQC,EAAQ,MAAOF,EAAqB,KAAM,QAASa,EAAM,SACvEP,EAACa,EAAc,EAAA,CAAA,CAAA,EAEjBb,EAACL,EAAO,CAAA,OAAQC,EAAQ,MAAOF,EAAqB,QAAS,QAASY,EACpE,SAAAN,EAACc,EAAc,CAAA,CAAA,CAAA,CAAA,EAEjBd,EAACL,EAAO,CAAA,OAAQC,EAAQ,MAAOF,EAAqB,SAAU,QAASW,EACrE,SAAAL,EAACe,EAAY,EAAA,IAEff,EAACL,EAAM,CAAC,OAAQC,EAAQ,MAAOF,EAAqB,SAAU,QAASc,EACrE,SAAAR,EAACgB,EAAkB,EAAA,CAAA,CAAA,CACZ,CACF,CAAA,CAAA,CAAA"}
1
+ {"version":3,"file":"wallet-navigation.js","sources":["../../../../src/components/sections/wallet-navigation.tsx"],"sourcesContent":["import { IcoClockFill, IcoGridFill, IcoHomeFill, IcoSettingsFill } from '@components/icons';\nimport { Button } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, Center, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { PropsWithChildren } from 'react';\n\nexport enum WalletNavigationType {\n Home = 'home',\n Gallery = 'gallery',\n Activity = 'activity',\n Settings = 'settings',\n}\ninterface ActionProps extends PropsWithChildren {\n active?: WalletNavigationType;\n label: WalletNavigationType;\n onPress: () => void;\n}\n\nexport interface WalletNavigationProps {\n active?: WalletNavigationType;\n onActivity: () => void;\n onGallery: () => void;\n onHome: () => void;\n onSettings: () => void;\n}\n\nconst Action = ({ active, children, label, onPress }: ActionProps) => (\n <Box pointerEvents={active === label ? 'none' : 'initial'}>\n <Button variant=\"text\" onPress={onPress}>\n <Button.LeadingIcon\n className={css({\n color: active === label ? 'text.primary' : 'text.tertiary',\n _groupHover: { color: active === label ? 'text.primary' : 'text.secondary' },\n })}\n >\n {children}\n </Button.LeadingIcon>\n </Button>\n </Box>\n);\n\nexport const WalletNavigation = ({\n active = WalletNavigationType.Home,\n onActivity,\n onGallery,\n onHome,\n onSettings,\n}: WalletNavigationProps) => {\n return (\n <Center\n bottom={0}\n pos=\"fixed\"\n h=\"6.25rem\"\n w=\"full\"\n style={{ background: `linear-gradient(180deg, transparent 0%, ${token('colors.surface.primary')} 100%)` }}\n >\n <HStack\n bg=\"text.primary/6\"\n borderColor=\"text.primary/10\"\n borderWidth=\"medium\"\n borderStyle=\"solid\"\n borderRadius={52}\n backdropFilter=\"blur(24px)\"\n p={1.5}\n >\n <Action active={active} label={WalletNavigationType.Home} onPress={onHome}>\n <IcoHomeFill />\n </Action>\n <Action active={active} label={WalletNavigationType.Gallery} onPress={onGallery}>\n <IcoGridFill />\n </Action>\n <Action active={active} label={WalletNavigationType.Activity} onPress={onActivity}>\n <IcoClockFill />\n </Action>\n <Action active={active} label={WalletNavigationType.Settings} onPress={onSettings}>\n <IcoSettingsFill />\n </Action>\n </HStack>\n </Center>\n );\n};\n"],"names":["WalletNavigationType","Action","active","children","label","onPress","_jsx","Box","Button","css","WalletNavigation","onActivity","onGallery","onHome","onSettings","Center","token","_jsxs","HStack","IcoHomeFill","IcoGridFill","IcoClockFill","IcoSettingsFill"],"mappings":"2nBAOY,IAAAA,GAAZ,SAAYA,EAAoB,CAC9BA,EAAA,KAAA,OACAA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACF,GALYA,IAAAA,EAKX,GAAA,EAeD,MAAMC,EAAS,CAAC,CAAE,OAAAC,EAAQ,SAAAC,EAAU,MAAAC,EAAO,QAAAC,CAAO,IAChDC,EAACC,EAAG,CAAC,cAAeL,IAAWE,EAAQ,OAAS,UAAS,SACvDE,EAACE,EAAM,CAAC,QAAQ,OAAO,QAASH,EAC9B,SAAAC,EAACE,EAAO,YACN,CAAA,UAAWC,EAAI,CACb,MAAOP,IAAWE,EAAQ,eAAiB,gBAC3C,YAAa,CAAE,MAAOF,IAAWE,EAAQ,eAAiB,gBAAkB,CAC7E,CAAA,WAEAD,CAAQ,CAAA,CAEJ,CAAA,CAAA,CAAA,EAIAO,EAAmB,CAAC,CAC/B,OAAAR,EAASF,EAAqB,KAC9B,WAAAW,EACA,UAAAC,EACA,OAAAC,EACA,WAAAC,CACsB,IAEpBR,EAACS,EAAM,CACL,OAAQ,EACR,IAAI,QACJ,EAAE,UACF,EAAE,OACF,MAAO,CAAE,WAAY,2CAA2CC,EAAM,wBAAwB,CAAC,QAAQ,EAEvG,SAAAC,EAACC,EACC,CAAA,GAAG,iBACH,YAAY,kBACZ,YAAY,SACZ,YAAY,QACZ,aAAc,GACd,eAAe,aACf,EAAG,IAAG,SAAA,CAENZ,EAACL,EAAM,CAAC,OAAQC,EAAQ,MAAOF,EAAqB,KAAM,QAASa,EAAM,SACvEP,EAACa,KACM,CAAA,EACTb,EAACL,GAAO,OAAQC,EAAQ,MAAOF,EAAqB,QAAS,QAASY,EAAS,SAC7EN,EAACc,EAAW,CAAA,CAAA,CACL,CAAA,EACTd,EAACL,EAAM,CAAC,OAAQC,EAAQ,MAAOF,EAAqB,SAAU,QAASW,EACrE,SAAAL,EAACe,EAAY,EAAA,IAEff,EAACL,EAAM,CAAC,OAAQC,EAAQ,MAAOF,EAAqB,SAAU,QAASc,EACrE,SAAAR,EAACgB,EAAkB,EAAA,CAAA,CAAA,CACZ,CACF,CAAA,CAAA,CAAA"}
@@ -1 +1 @@
1
- {"schemaVersion":"0.40.1","styles":{"atomic":["display]___[value:inline-flex","alignItems]___[value:center","justifyContent]___[value:center","position]___[value:relative","fontWeight]___[value:semibold","boxSizing]___[value:border-box","borderRadius]___[value:button","border]___[value:thin solid","borderColor]___[value:transparent","cursor]___[value:pointer","transition]___[value:all 0.1s ease","outline]___[value:none","willChange]___[value:transform, opacity","background]___[value:none","transform]___[value:scale(0.95)]___[cond:_active","opacity]___[value:0.3]___[cond:_disabled","pointerEvents]___[value:none]___[cond:_disabled","content]___[value:\"\"]___[cond:_before","position]___[value:absolute]___[cond:_before","top]___[value:0]___[cond:_before","left]___[value:0]___[cond:_before","right]___[value:0]___[cond:_before","bottom]___[value:0]___[cond:_before","borderRadius]___[value:inherit]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))]___[cond:_before<___>_dark","opacity]___[value:0]___[cond:_before","transition]___[value:opacity 0.1s ease]___[cond:_before","opacity]___[value:1]___[cond:_hover<___>_before","height]___[value:9","paddingBlock]___[value:1.5","paddingInline]___[value:4","height]___[value:12","paddingBlock]___[value:3","paddingInline]___[value:6","height]___[value:15","paddingBlock]___[value:4","background]___[value:brand.base","background]___[value:brand.lightest","background]___[value:negative.darker","background]___[value:neutral.tertiary","mixBlendMode]___[value:multiply]___[cond:_light","background]___[value:transparent","borderColor]___[value:neutral.primary","padding]___[value:0","height]___[value:fit-content","opacity]___[value:0]___[cond:_hover<___>_before","background]___[value:#ffffff14","background]___[value:#ffffff4d]___[cond:_hover","background]___[value:#ffffff29]___[cond:_dark","backdropFilter]___[value:blur(3px)","display]___[value:none]___[cond:_before","background]___[value:ink.90","background]___[value:paper]___[cond:_dark","pointerEvents]___[value:none","width]___[value:full","borderRadius]___[value:full","display]___[value:flex","textAlign]___[value:center","whiteSpace]___[value:nowrap","fontSize]___[value:sm","lineHeight]___[value:1.5rem","fontSize]___[value:md","fontSize]___[value:lg","lineHeight]___[value:1.75rem","color]___[value:surface.primary","color]___[value:brand.darker","color]___[value:text.primary","color]___[value:brand.base","color]___[value:brand.darkest]___[cond:_groupHover","color]___[value:brand.lighter]___[cond:_groupHover<___>_dark","color]___[value:chalk","color]___[value:ink.90]___[cond:_dark","color]___[value:positive.base","color]___[value:positive.darker]___[cond:_groupHover","color]___[value:positive.darker]___[cond:_groupHover<___>_dark","color]___[value:negative.darker","color]___[value:negative.darkest]___[cond:_groupHover","color]___[value:ruby.70]___[cond:_groupHover<___>_dark","color]___[value:text.secondary]___[cond:_groupHover","color]___[value:text.secondary]___[cond:_groupHover<___>_dark","color]___[value:text.tertiary","outlineColor]___[value:brand.base","outlineStyle]___[value:solid","outlineWidth]___[value:thick","outlineOffset]___[value:0.5","width]___[value:9","padding]___[value:1.5","width]___[value:12","padding]___[value:3","width]___[value:15","padding]___[value:4","width]___[value:fit-content","borderRadius]___[value:10","outlineColor]___[value:brand.lightest]___[cond:_focusVisible","background]___[value:positive.lightest","outlineColor]___[value:positive.lightest]___[cond:_focusVisible","background]___[value:negative.lightest","outlineColor]___[value:negative.lightest]___[cond:_focusVisible","background]___[value:warning.lightest","outlineColor]___[value:warning.lightest]___[cond:_focusVisible","background]___[value:surface.secondary","outlineColor]___[value:surface.secondary]___[cond:_focusVisible","transition]___[value:transform 0.2s ease, opacity 0.2s ease","opacity]___[value:0.8]___[cond:_hover","outlineStyle]___[value:solid]___[cond:_focusVisible","outlineWidth]___[value:thick]___[cond:_focusVisible","outlineOffset]___[value:0.5]___[cond:_focusVisible","animationFillMode]___[value:forwards","animationName]___[value:scaleOut","animationDuration]___[value:150ms","scale]___[value:1]___[cond:_motionReduce","textAlign]___[value:left","color]___[value:brand.darkest","color]___[value:positive.darkest","color]___[value:negative.darkest","color]___[value:warning.darkest","color]___[value:text.secondary","textTransform]___[value:uppercase","fontSize]___[value:xs","letterSpacing]___[value:0.06rem","marginLeft]___[value:7","marginRight]___[value:7","outlineColor]___[value:brand.base]___[cond:_focusVisible","borderRadius]___[value:2]___[cond:_focusVisible","backgroundColor]___[value:surface.primary","borderRadius]___[value:1rem","cursor]___[value:default","height]___[value:10.75rem","width]___[value:10.75rem","alignItems]___[value:flex-start","alignItems]___[value:flex-end","overflow]___[value:hidden","overflow]___[value:visible","gap]___[value:0","gap]___[value:4","gap]___[value:5","gap]___[value:6","boxShadow]___[value:0px 1px 2px rgba(189, 189, 189, 0.3)","boxShadow]___[value:8px 8px 48px rgba(16, 15, 17, 0.14)","paddingInline]___[value:8","paddingBlock]___[value:6","padding]___[value:12","flex]___[value:1","maxWidth]___[value:29.125rem","maxWidth]___[value:full]___[cond:mdDown","opacity]___[value:0.3","backgroundColor]___[value:surface.tertiary","filter]___[value:brightness(0.9)]___[cond:_hover","height]___[value:full","background]___[value:surface.primary","overflow]___[value:auto","scrollbarWidth]___[value:none","height]___[value:100vh","width]___[value:100vw","top]___[value:12]___[cond:@media (min-width: 48rem)","marginInline]___[value:auto]___[cond:@media (min-width: 48rem)","width]___[value:25rem]___[cond:@media (min-width: 48rem)","height]___[value:fit-content]___[cond:@media (min-width: 48rem)","boxShadow]___[value:0px 12px 56px {colors.ink.70/15}]___[cond:@media (min-width: 48rem)","borderRadius]___[value:container]___[cond:@media (min-width: 48rem)","boxShadow]___[value:none]___[cond:@media (min-width: 48rem)<___>_dark","animationName]___[value:none","scale]___[value:1","padding]___[value:2","paddingBottom]___[value:0","padding]___[value:8","borderWidth]___[value:1]___[cond:@media (min-width: 48rem)<___>_dark","borderBlock]___[value:solid]___[cond:@media (min-width: 48rem)<___>_dark","borderColor]___[value:neutral.secondary]___[cond:@media (min-width: 48rem)<___>_dark","animationName]___[value:scaleIn","animationDuration]___[value:250ms","pointerEvents]___[value:all","position]___[value:fixed","top]___[value:0","left]___[value:0","backdropBlur]___[value:0.375rem","backdropFilter]___[value:auto","backgroundColor]___[value:surface.primary/70","animationName]___[value:fadeIn","animationDuration]___[value:400ms","animationName]___[value:fadeOut","maxWidth]___[value:100rem","margin]___[value:0 auto","maxWidth]___[value:none","fontWeight]___[value:medium","backgroundColor]___[value:transparent","borderStyle]___[value:solid","borderWidth]___[value:thin","borderColor]___[value:neutral.secondary","borderRadius]___[value:input","transition]___[value:all linear 120ms","width]___[value:100%","borderColor]___[value:neutral.primary]___[cond:_hover","outlineColor]___[value:brand.base]___[cond:_focusWithin","outlineStyle]___[value:solid]___[cond:_focusWithin","outlineWidth]___[value:thick]___[cond:_focusWithin","outlineOffset]___[value:0.5]___[cond:_focusWithin","height]___[value:10","borderColor]___[value:negative.base","paddingBlock]___[value:2","borderColor]___[value:neutral.secondary]___[cond:_hover","margin]___[value:0","minWidth]___[value:10","fontWeight]___[value:normal","color]___[value:text.tertiary]___[cond:_placeholder","borderColor]___[value:neutral.primary]___[cond:_groupHover","textAlign]___[value:right","fontSize]___[value:xl","transition]___[value:opacity linear 120ms","textWrap]___[value:wrap","color]___[value:warning.base","textStyle]___[value:body-xs","textStyle]___[value:body-sm","textStyle]___[value:body-md","textStyle]___[value:body-lg","textStyle]___[value:body-sm-scaled","textStyle]___[value:body-md-scaled","textStyle]___[value:body-lg-scaled","textStyle]___[value:mono-sm","textStyle]___[value:mono-md","textStyle]___[value:mono-lg","padding]___[value:20px","justifyContent]___[value:flex-start","justifyContent]___[value:flex-end","zIndex]___[value:max","boxShadow]___[value:4px 8px 20px 0px rgba(0, 0, 0, 0.15)","backgroundColor]___[value:brand.base","backgroundColor]___[value:positive.darker","backgroundColor]___[value:warning.darker","backgroundColor]___[value:negative.darker","backgroundColor]___[value:text.tertiary","backgroundColor]___[value:text.secondary]___[cond:_dark","height]___[value:1rem","width]___[value:1rem","background]___[value:linear-gradient(#00CC8F, #6851FF)","inset]___[value:0","gap]___[value:10px","flexDirection]___[value:row","display]___[value:grid","gridTemplateColumns]___[value:repeat(6, minmax(0, 1fr))","columnGap]___[value:2rem","rowGap]___[value:2rem","marginTop]___[value:6","flexDirection]___[value:column","fill]___[value:white","truncate]___[value:true","flexShrink]___[value:0","paddingTop]___[value:6","display]___[value:block","display]___[value:none","position]___[value:absolute","bottom]___[value:0","right]___[value:0","background]___[value:text.primary/20","background]___[value:rgba(0, 0, 0, .7)]___[cond:_dark","transform]___[value:translateY(0)","transform]___[value:translateY(100%)","transition]___[value:transform 0.3s","background]___[value:surface.secondary]___[cond:_dark","borderTopRadius]___[value:3xl","boxShadow]___[value:0px -12px 56px 0px rgba(119, 118, 122, 0.15)","zIndex]___[value:10","paddingBottom]___[value:6","justifyContent]___[value:space-between","minWidth]___[value:8]___[cond:& ><___>_first","minWidth]___[value:8]___[cond:& ><___>_last","textStyle]___[value:neutral","transform]___[value:translateX(-100%)","transform]___[value:translateX(100%)","transform]___[value:translateX(0)","width]___[value:80","borderRightRadius]___[value:2xl","borderLeftRadius]___[value:2xl","--thickness]___[value:1px","borderBlockEndWidth]___[value:var(--thickness)","borderColor]___[value:surface.quaternary","gap]___[value:2.5","outlineStyle]___[value:none","background]___[value:#ffc439!important","outlineColor]___[value:#ffc439!important","strokeWidth]___[value:2.5","gap]___[value:1","marginTop]___[value:0.5","width]___[value:60","flex]___[value:0 0 auto","borderRadius]___[value:9999px","animation]___[value:popIn 150ms","animation]___[value:popOut 150ms","animation]___[value:spin 1.5s linear infinite","stroke]___[value:text.primary","transformOrigin]___[value:center center","gap]___[value:1.5","stroke]___[value:brand.base","stroke]___[value:surface.primary","strokeOpacity]___[value:0.12","animation]___[value:spin 1s linear infinite","borderRadius]___[value:2rem","borderWidth]___[value:thick","borderColor]___[value:surface.primary","borderRadius]___[value:3xl","background]___[value:surface.primary]___[cond:_dark","left]___[value:-50%","transform]___[value:skewX(-20deg)","backgroundImage]___[value:linear-gradient(90deg, transparent,rgba(0, 0, 0, .1), transparent)","backgroundImage]___[value:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent)]___[cond:_dark","maxWidth]___[value:72","width]___[value:max","paddingInline]___[value:3","borderRadius]___[value:xl","boxShadow]___[value:0px 4px 20px 0px rgba(0, 0, 0, 0.10)","left]___[value:50%","transform]___[value:translateX(-50%) translateY(calc(-100% - 0.75rem))","height]___[value:4","transform]___[value:translateX(-50%) translateY(0.75rem)","overflowWrap]___[value:break-word","wordBreak]___[value:break-word","fontWeight]___[value:600","justifyContent]___[value:space-around","background]___[value:neutral.quaternary","borderRadius]___[value:lg","minWidth]___[value:15rem","width]___[value:40%","borderLeft]___[value:thin solid","borderColor]___[value:neutral.tertiary","height]___[value:8","gap]___[value:3","userSelect]___[value:none","userSelect]___[value:auto","filter]___[value:blur(10px)","textWrap]___[value:nowrap","width]___[value:22","height]___[value:22","fontVariant]___[value:no-contextual","color]___[value:positive.darker","outlineOffset]___[value:1","width]___[value:1.125rem","height]___[value:1.125rem","objectFit]___[value:cover","borderStartRadius]___[value:input","width]___[value:20","background]___[value:surface.tertiary]___[cond:_hover","borderLeftWidth]___[value:thin","borderRadius]___[value:0","gap]___[value:2","background]___[value:brand.lightest]___[cond:_hover","transform]___[value:rotate(180)","width]___[value:14","height]___[value:14","top]___[value:55","maxHeight]___[value:17.5rem","overflowY]___[value:auto","width]___[value:18","height]___[value:18","minWidth]___[value:0","maxWidth]___[value:30rem","caretColor]___[value:transparent","borderRadius]___[value:0.5rem","marginBlock]___[value:4","maxWidth]___[value:8xl","marginInline]___[value:auto","paddingInline]___[value:6]___[cond:md","paddingInline]___[value:8]___[cond:lg","overlay]___[value:true","marginTop]___[value:8","marginTop]___[value:4","textStyle]___[value:subtle","height]___[value:24","width]___[value:24","padding]___[value:6","paddingTop]___[value:3","borderBottomColor]___[value:neutral.primary","borderBottomWidth]___[value:1px","width]___[value:6","flexDirection]___[value:column-reverse","transition]___[value:background-color 0.2s","background]___[value:neutral.secondary]___[cond:_hover","color]___[value:neutral.primary","borderRadius]___[value:2xl","boxShadow]___[value:0 6px 8px 2px rgba(0, 0, 0, .18)]___[cond:_hover","width]___[value:40","height]___[value:40","minHeight]___[value:16","background]___[value:surface.tertiary]___[cond:_dark","transition]___[value:background-color 0.1s","width]___[value:16","height]___[value:16","paddingBlock]___[value:2.5","opacity]___[value:1","borderRadius]___[value:sm","borderColor]___[value:brand.base","borderColor]___[value:text.tertiary","pointerEvents]___[value:auto","outlineColor]___[value:transparent","width]___[value:5","height]___[value:5","transition]___[value:background-color 0.2s ease, border-color 0.2s ease","cursor]___[value:pointer]___[cond:_hover","borderColor]___[value:brand.base]___[cond:_hover","width]___[value:2.5","height]___[value:0.5","srOnly]___[value:true","marginLeft]___[value:3","caret]___[value:18","check]___[value:16","height]___[value:3rem","mult]___[value:2.5","width]___[value:4","display]___[value:inline-block","alignItems]___[value:start","borderWidth]___[value:1","maxWidth]___[value:52","gap]___[value:10","transition]___[value:border-color 0.2s ease","height]___[value:6","width]___[value:3","height]___[value:3","padding]___[value:1","background]___[value:ink.10","background]___[value:slate.2]___[cond:_dark","opacity]___[value:0.5","background]___[value:paper","background]___[value:slate.4]___[cond:_dark","boxShadow]___[value:0px 4px 20px 0px {colors.ink.90/10}","transition]___[value:transform 0.2s ease","borderRadius]___[value:inherit","marginLeft]___[value:-1","height]___[value:13","transition]___[value:background 0s","transition]___[value:background 0.2s ease","background]___[value:transparent]___[cond:_hover","background]___[value:ink.20]___[cond:_hover","background]___[value:transparent]___[cond:_hover<___>_dark","background]___[value:slate.1]___[cond:_hover<___>_dark","zIndex]___[value:0","marginRight]___[value:1","marginRight]___[value:2","background]___[value:neutral.primary","background]___[value:ink.70]___[cond:_hover","background]___[value:brand.base]___[cond:_hover","background]___[value:slate.4]___[cond:_hover<___>_dark","background]___[value:brand.base]___[cond:_hover<___>_dark","paddingInline]___[value:0.5","width]___[value:11","transition]___[value:background-color 0.2s ease","left]___[value:6","transition]___[value:left 0.2s ease","textStyle]___[value:h1-scaled","textStyle]___[value:h1","textStyle]___[value:h2-scaled","textStyle]___[value:h2","textStyle]___[value:h3-scaled","textStyle]___[value:h3","textStyle]___[value:h4-scaled","textStyle]___[value:h4","textStyle]___[value:h5-scaled","textStyle]___[value:h5","textStyle]___[value:h6-scaled","textStyle]___[value:h6","truncate]___[value:false","strokeWidth]___[value:4","width]___[value:36","height]___[value:36","marginBlock]___[value:3","pointerEvents]___[value:initial","color]___[value:text.primary]___[cond:_groupHover","height]___[value:6.25rem","borderWidth]___[value:medium","borderRadius]___[value:52","height]___[value:2.625rem","width]___[value:2.625rem","boxShadow]___[value:0.125rem 0.125rem 1.5rem {colors.ink.70/15}","fill]___[value:ink.50","fill]___[value:ink.70]___[cond:_dark","fill]___[value:url(\"#logo-gradient\")]___[cond:_hover","fill]___[value:url(\"#logo-gradient\")]___[cond:_active","fill]___[value:url(\"#logo-gradient\")]___[cond:_focus","color]___[value:text.tertiary]___[cond:_groupHover","color]___[value:ink.50","color]___[value:ink.70]___[cond:_dark","backgroundColor]___[value:magic.10","animation]___[value:fadeIn 0.5s, moveRight 1s 0.5s forwards","borderRadius]___[value:50%","borderWidth]___[value:3px","height]___[value:3.875rem","width]___[value:3.875rem","marginTop]___[value:-3px","marginRight]___[value:0.9rem","zIndex]___[value:1","marginLeft]___[value:0.9rem","animation]___[value:fadeIn 0.5s, moveLeft 1s 0.5s forwards","height]___[value:34","width]___[value:34","height]___[value:56","width]___[value:56","marginBlock]___[value:10","height]___[value:250","color]___[value:ink.70","padding]___[value:10","overflow]___[value:scroll","textStyle]___[value:negative","height]___[value:76px","maxWidth]___[value:115px","backgroundColor]___[value:neutral.secondary]___[cond:_hover","backgroundColor]___[value:neutral.tertiary","borderRadius]___[value:0.75rem","minWidth]___[value:20","paddingInline]___[value:10","width]___[value:114px","height]___[value:48px","translateX]___[value:6","translateY]___[value:6","translateX]___[value:3","translateY]___[value:3","width]___[value:10","alignItems]___[value:baseline","margin]___[value:1","gridTemplateColumns]___[value:2","fontWeight]___[value:bold","gap]___[value:8"],"recipes":{}}}
1
+ {"schemaVersion":"0.40.1","styles":{"atomic":["display]___[value:inline-flex","alignItems]___[value:center","justifyContent]___[value:center","position]___[value:relative","fontWeight]___[value:semibold","boxSizing]___[value:border-box","borderRadius]___[value:button","border]___[value:thin solid","borderColor]___[value:transparent","cursor]___[value:pointer","transition]___[value:all 0.1s ease","outline]___[value:none","willChange]___[value:transform, opacity","background]___[value:none","transform]___[value:scale(0.95)]___[cond:_active","opacity]___[value:0.3]___[cond:_disabled","pointerEvents]___[value:none]___[cond:_disabled","content]___[value:\"\"]___[cond:_before","position]___[value:absolute]___[cond:_before","top]___[value:0]___[cond:_before","left]___[value:0]___[cond:_before","right]___[value:0]___[cond:_before","bottom]___[value:0]___[cond:_before","borderRadius]___[value:inherit]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))]___[cond:_before<___>_dark","opacity]___[value:0]___[cond:_before","transition]___[value:opacity 0.1s ease]___[cond:_before","opacity]___[value:1]___[cond:_hover<___>_before","height]___[value:9","paddingBlock]___[value:1.5","paddingInline]___[value:4","height]___[value:12","paddingBlock]___[value:3","paddingInline]___[value:6","height]___[value:15","paddingBlock]___[value:4","background]___[value:brand.base","background]___[value:brand.lightest","background]___[value:negative.darker","background]___[value:neutral.tertiary","mixBlendMode]___[value:multiply]___[cond:_light","background]___[value:transparent","borderColor]___[value:neutral.primary","padding]___[value:0","height]___[value:fit-content","opacity]___[value:0]___[cond:_hover<___>_before","background]___[value:#ffffff14","background]___[value:#ffffff4d]___[cond:_hover","background]___[value:#ffffff29]___[cond:_dark","backdropFilter]___[value:blur(3px)","display]___[value:none]___[cond:_before","background]___[value:ink.90","background]___[value:paper]___[cond:_dark","pointerEvents]___[value:none","width]___[value:full","borderRadius]___[value:full","display]___[value:flex","textAlign]___[value:center","whiteSpace]___[value:nowrap","fontSize]___[value:sm","lineHeight]___[value:1.5rem","fontSize]___[value:md","fontSize]___[value:lg","lineHeight]___[value:1.75rem","color]___[value:surface.primary","color]___[value:brand.darker","color]___[value:text.primary","color]___[value:brand.base","color]___[value:brand.darkest]___[cond:_groupHover","color]___[value:brand.lighter]___[cond:_groupHover<___>_dark","color]___[value:chalk","color]___[value:ink.90]___[cond:_dark","color]___[value:positive.base","color]___[value:positive.darker]___[cond:_groupHover","color]___[value:positive.darker]___[cond:_groupHover<___>_dark","color]___[value:negative.darker","color]___[value:negative.darkest]___[cond:_groupHover","color]___[value:ruby.70]___[cond:_groupHover<___>_dark","color]___[value:text.secondary]___[cond:_groupHover","color]___[value:text.secondary]___[cond:_groupHover<___>_dark","color]___[value:text.tertiary","outlineColor]___[value:brand.base","outlineStyle]___[value:solid","outlineWidth]___[value:thick","outlineOffset]___[value:0.5","width]___[value:9","padding]___[value:1.5","width]___[value:12","padding]___[value:3","width]___[value:15","padding]___[value:4","width]___[value:fit-content","borderRadius]___[value:10","outlineColor]___[value:brand.lightest]___[cond:_focusVisible","background]___[value:positive.lightest","outlineColor]___[value:positive.lightest]___[cond:_focusVisible","background]___[value:negative.lightest","outlineColor]___[value:negative.lightest]___[cond:_focusVisible","background]___[value:warning.lightest","outlineColor]___[value:warning.lightest]___[cond:_focusVisible","background]___[value:surface.secondary","outlineColor]___[value:surface.secondary]___[cond:_focusVisible","transition]___[value:transform 0.2s ease, opacity 0.2s ease","opacity]___[value:0.8]___[cond:_hover","outlineStyle]___[value:solid]___[cond:_focusVisible","outlineWidth]___[value:thick]___[cond:_focusVisible","outlineOffset]___[value:0.5]___[cond:_focusVisible","animationFillMode]___[value:forwards","animationName]___[value:scaleOut","animationDuration]___[value:150ms","scale]___[value:1]___[cond:_motionReduce","textAlign]___[value:left","color]___[value:brand.darkest","color]___[value:positive.darkest","color]___[value:negative.darkest","color]___[value:warning.darkest","color]___[value:text.secondary","textTransform]___[value:uppercase","fontSize]___[value:xs","letterSpacing]___[value:0.06rem","marginLeft]___[value:7","marginRight]___[value:7","outlineColor]___[value:brand.base]___[cond:_focusVisible","borderRadius]___[value:2]___[cond:_focusVisible","backgroundColor]___[value:surface.primary","borderRadius]___[value:1rem","cursor]___[value:default","height]___[value:10.75rem","width]___[value:10.75rem","alignItems]___[value:flex-start","alignItems]___[value:flex-end","overflow]___[value:hidden","overflow]___[value:visible","gap]___[value:0","gap]___[value:4","gap]___[value:5","gap]___[value:6","boxShadow]___[value:0px 1px 2px rgba(189, 189, 189, 0.3)","boxShadow]___[value:8px 8px 48px rgba(16, 15, 17, 0.14)","paddingInline]___[value:8","paddingBlock]___[value:6","padding]___[value:12","flex]___[value:1","maxWidth]___[value:29.125rem","maxWidth]___[value:full]___[cond:mdDown","opacity]___[value:0.3","backgroundColor]___[value:surface.tertiary","filter]___[value:brightness(0.9)]___[cond:_hover","height]___[value:full","background]___[value:surface.primary","overflow]___[value:auto","scrollbarWidth]___[value:none","height]___[value:100vh","width]___[value:100vw","top]___[value:12]___[cond:@media (min-width: 48rem)","marginInline]___[value:auto]___[cond:@media (min-width: 48rem)","width]___[value:25rem]___[cond:@media (min-width: 48rem)","height]___[value:fit-content]___[cond:@media (min-width: 48rem)","boxShadow]___[value:0px 12px 56px {colors.ink.70/15}]___[cond:@media (min-width: 48rem)","borderRadius]___[value:container]___[cond:@media (min-width: 48rem)","boxShadow]___[value:none]___[cond:@media (min-width: 48rem)<___>_dark","animationName]___[value:none","scale]___[value:1","padding]___[value:2","paddingBottom]___[value:0","padding]___[value:8","borderWidth]___[value:1]___[cond:@media (min-width: 48rem)<___>_dark","borderBlock]___[value:solid]___[cond:@media (min-width: 48rem)<___>_dark","borderColor]___[value:neutral.secondary]___[cond:@media (min-width: 48rem)<___>_dark","animationName]___[value:scaleIn","animationDuration]___[value:250ms","pointerEvents]___[value:all","position]___[value:fixed","top]___[value:0","left]___[value:0","backdropBlur]___[value:0.375rem","backdropFilter]___[value:auto","backgroundColor]___[value:surface.primary/70","animationName]___[value:fadeIn","animationDuration]___[value:400ms","animationName]___[value:fadeOut","maxWidth]___[value:100rem","margin]___[value:0 auto","maxWidth]___[value:none","fontWeight]___[value:medium","backgroundColor]___[value:transparent","borderStyle]___[value:solid","borderWidth]___[value:thin","borderColor]___[value:neutral.secondary","borderRadius]___[value:input","transition]___[value:all linear 120ms","width]___[value:100%","borderColor]___[value:neutral.primary]___[cond:_hover","outlineColor]___[value:brand.base]___[cond:_focusWithin","outlineStyle]___[value:solid]___[cond:_focusWithin","outlineWidth]___[value:thick]___[cond:_focusWithin","outlineOffset]___[value:0.5]___[cond:_focusWithin","height]___[value:10","borderColor]___[value:negative.base","paddingBlock]___[value:2","borderColor]___[value:neutral.secondary]___[cond:_hover","margin]___[value:0","minWidth]___[value:10","fontWeight]___[value:normal","color]___[value:text.tertiary]___[cond:_placeholder","borderColor]___[value:neutral.primary]___[cond:_groupHover","textAlign]___[value:right","fontSize]___[value:xl","transition]___[value:opacity linear 120ms","textWrap]___[value:wrap","color]___[value:warning.base","textStyle]___[value:body-xs","textStyle]___[value:body-sm","textStyle]___[value:body-md","textStyle]___[value:body-lg","textStyle]___[value:body-sm-scaled","textStyle]___[value:body-md-scaled","textStyle]___[value:body-lg-scaled","textStyle]___[value:mono-sm","textStyle]___[value:mono-md","textStyle]___[value:mono-lg","padding]___[value:20px","justifyContent]___[value:flex-start","justifyContent]___[value:flex-end","zIndex]___[value:max","boxShadow]___[value:4px 8px 20px 0px rgba(0, 0, 0, 0.15)","backgroundColor]___[value:brand.base","backgroundColor]___[value:positive.darker","backgroundColor]___[value:warning.darker","backgroundColor]___[value:negative.darker","backgroundColor]___[value:text.tertiary","backgroundColor]___[value:text.secondary]___[cond:_dark","height]___[value:1rem","width]___[value:1rem","background]___[value:linear-gradient(#00CC8F, #6851FF)","inset]___[value:0","gap]___[value:10px","flexDirection]___[value:row","display]___[value:grid","gridTemplateColumns]___[value:repeat(6, minmax(0, 1fr))","columnGap]___[value:2rem","rowGap]___[value:2rem","marginTop]___[value:6","flexDirection]___[value:column","fill]___[value:white","truncate]___[value:true","flexShrink]___[value:0","paddingTop]___[value:6","display]___[value:block","display]___[value:none","position]___[value:absolute","bottom]___[value:0","right]___[value:0","background]___[value:text.primary/20","background]___[value:rgba(0, 0, 0, .7)]___[cond:_dark","transform]___[value:translateY(0)","transform]___[value:translateY(100%)","transition]___[value:transform 0.3s","background]___[value:surface.secondary]___[cond:_dark","borderTopRadius]___[value:3xl","boxShadow]___[value:0px -12px 56px 0px rgba(119, 118, 122, 0.15)","zIndex]___[value:10","paddingBottom]___[value:6","justifyContent]___[value:space-between","minWidth]___[value:8]___[cond:& ><___>_first","minWidth]___[value:8]___[cond:& ><___>_last","textStyle]___[value:neutral","transform]___[value:translateX(-100%)","transform]___[value:translateX(100%)","transform]___[value:translateX(0)","width]___[value:80","borderRightRadius]___[value:2xl","borderLeftRadius]___[value:2xl","--thickness]___[value:1px","borderBlockEndWidth]___[value:var(--thickness)","borderColor]___[value:surface.quaternary","gap]___[value:2.5","outlineStyle]___[value:none","background]___[value:#ffc439!important","outlineColor]___[value:#ffc439!important","strokeWidth]___[value:2.5","gap]___[value:1","marginTop]___[value:0.5","width]___[value:60","flex]___[value:0 0 auto","borderRadius]___[value:9999px","animation]___[value:popIn 150ms","animation]___[value:popOut 150ms","animation]___[value:spin 1.5s linear infinite","stroke]___[value:text.primary","transformOrigin]___[value:center center","gap]___[value:1.5","stroke]___[value:brand.base","stroke]___[value:surface.primary","strokeOpacity]___[value:0.12","animation]___[value:spin 1s linear infinite","borderRadius]___[value:2rem","borderWidth]___[value:thick","borderColor]___[value:surface.primary","borderRadius]___[value:3xl","background]___[value:surface.primary]___[cond:_dark","left]___[value:-50%","transform]___[value:skewX(-20deg)","backgroundImage]___[value:linear-gradient(90deg, transparent,rgba(0, 0, 0, .1), transparent)","backgroundImage]___[value:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent)]___[cond:_dark","maxWidth]___[value:72","width]___[value:max","paddingInline]___[value:3","borderRadius]___[value:xl","boxShadow]___[value:0px 4px 20px 0px rgba(0, 0, 0, 0.10)","left]___[value:50%","transform]___[value:translateX(-50%) translateY(calc(-100% - 0.75rem))","height]___[value:4","transform]___[value:translateX(-50%) translateY(0.75rem)","overflowWrap]___[value:break-word","wordBreak]___[value:break-word","fontWeight]___[value:600","justifyContent]___[value:space-around","background]___[value:neutral.quaternary","borderRadius]___[value:lg","minWidth]___[value:15rem","width]___[value:40%","borderLeft]___[value:thin solid","borderColor]___[value:neutral.tertiary","height]___[value:8","gap]___[value:3","userSelect]___[value:none","userSelect]___[value:auto","filter]___[value:blur(10px)","textWrap]___[value:nowrap","width]___[value:22","height]___[value:22","fontVariant]___[value:no-contextual","color]___[value:positive.darker","outlineOffset]___[value:1","width]___[value:1.125rem","height]___[value:1.125rem","objectFit]___[value:cover","borderStartRadius]___[value:input","width]___[value:20","background]___[value:surface.tertiary]___[cond:_hover","borderLeftWidth]___[value:thin","borderRadius]___[value:0","gap]___[value:2","background]___[value:brand.lightest]___[cond:_hover","transform]___[value:rotate(180)","width]___[value:14","height]___[value:14","top]___[value:55","maxHeight]___[value:17.5rem","overflowY]___[value:auto","width]___[value:18","height]___[value:18","minWidth]___[value:0","maxWidth]___[value:30rem","caretColor]___[value:transparent","borderRadius]___[value:0.5rem","marginBlock]___[value:4","maxWidth]___[value:8xl","marginInline]___[value:auto","paddingInline]___[value:6]___[cond:md","paddingInline]___[value:8]___[cond:lg","overlay]___[value:true","marginTop]___[value:8","marginTop]___[value:4","textStyle]___[value:subtle","height]___[value:24","width]___[value:24","padding]___[value:6","paddingTop]___[value:3","borderBottomColor]___[value:neutral.primary","borderBottomWidth]___[value:1px","width]___[value:6","flexDirection]___[value:column-reverse","transition]___[value:background-color 0.2s","background]___[value:neutral.secondary]___[cond:_hover","color]___[value:neutral.primary","borderRadius]___[value:2xl","boxShadow]___[value:0 6px 8px 2px rgba(0, 0, 0, .18)]___[cond:_hover","width]___[value:40","height]___[value:40","minHeight]___[value:16","background]___[value:surface.tertiary]___[cond:_dark","transition]___[value:background-color 0.1s","width]___[value:16","height]___[value:16","paddingBlock]___[value:2.5","opacity]___[value:1","borderRadius]___[value:sm","borderColor]___[value:brand.base","borderColor]___[value:text.tertiary","pointerEvents]___[value:auto","outlineColor]___[value:transparent","width]___[value:5","height]___[value:5","transition]___[value:background-color 0.2s ease, border-color 0.2s ease","cursor]___[value:pointer]___[cond:_hover","borderColor]___[value:brand.base]___[cond:_hover","width]___[value:2.5","height]___[value:0.5","srOnly]___[value:true","marginLeft]___[value:3","caret]___[value:18","check]___[value:16","height]___[value:3rem","mult]___[value:2.5","width]___[value:4","display]___[value:inline-block","alignItems]___[value:start","borderWidth]___[value:1","maxWidth]___[value:52","gap]___[value:10","transition]___[value:border-color 0.2s ease","height]___[value:6","width]___[value:3","height]___[value:3","padding]___[value:1","background]___[value:ink.10","background]___[value:slate.2]___[cond:_dark","opacity]___[value:0.5","background]___[value:paper","background]___[value:slate.4]___[cond:_dark","boxShadow]___[value:0px 4px 20px 0px {colors.ink.90/10}","transition]___[value:transform 0.2s ease","borderRadius]___[value:inherit","marginLeft]___[value:-1","height]___[value:13","transition]___[value:background 0s","transition]___[value:background 0.2s ease","background]___[value:transparent]___[cond:_hover","background]___[value:ink.20]___[cond:_hover","background]___[value:transparent]___[cond:_hover<___>_dark","background]___[value:slate.1]___[cond:_hover<___>_dark","zIndex]___[value:0","marginRight]___[value:1","marginRight]___[value:2","background]___[value:neutral.primary","background]___[value:ink.70]___[cond:_hover","background]___[value:brand.base]___[cond:_hover","background]___[value:slate.4]___[cond:_hover<___>_dark","background]___[value:brand.base]___[cond:_hover<___>_dark","paddingInline]___[value:0.5","width]___[value:11","transition]___[value:background-color 0.2s ease","left]___[value:6","transition]___[value:left 0.2s ease","textStyle]___[value:h1-scaled","textStyle]___[value:h1","textStyle]___[value:h2-scaled","textStyle]___[value:h2","textStyle]___[value:h3-scaled","textStyle]___[value:h3","textStyle]___[value:h4-scaled","textStyle]___[value:h4","textStyle]___[value:h5-scaled","textStyle]___[value:h5","textStyle]___[value:h6-scaled","textStyle]___[value:h6","truncate]___[value:false","strokeWidth]___[value:4","width]___[value:36","height]___[value:36","marginBlock]___[value:3","pointerEvents]___[value:initial","color]___[value:text.primary]___[cond:_groupHover","height]___[value:6.25rem","background]___[value:text.primary/6","borderColor]___[value:text.primary/10","borderWidth]___[value:medium","borderRadius]___[value:52","backdropFilter]___[value:blur(24px)","height]___[value:2.625rem","width]___[value:2.625rem","boxShadow]___[value:0.125rem 0.125rem 1.5rem {colors.ink.70/15}","fill]___[value:ink.50","fill]___[value:ink.70]___[cond:_dark","fill]___[value:url(\"#logo-gradient\")]___[cond:_hover","fill]___[value:url(\"#logo-gradient\")]___[cond:_active","fill]___[value:url(\"#logo-gradient\")]___[cond:_focus","color]___[value:text.tertiary]___[cond:_groupHover","color]___[value:ink.50","color]___[value:ink.70]___[cond:_dark","backgroundColor]___[value:magic.10","animation]___[value:fadeIn 0.5s, moveRight 1s 0.5s forwards","borderRadius]___[value:50%","borderWidth]___[value:3px","height]___[value:3.875rem","width]___[value:3.875rem","marginTop]___[value:-3px","marginRight]___[value:0.9rem","zIndex]___[value:1","marginLeft]___[value:0.9rem","animation]___[value:fadeIn 0.5s, moveLeft 1s 0.5s forwards","height]___[value:34","width]___[value:34","height]___[value:56","width]___[value:56","marginBlock]___[value:10","height]___[value:250","color]___[value:ink.70","padding]___[value:10","overflow]___[value:scroll","textStyle]___[value:negative","height]___[value:76px","maxWidth]___[value:115px","backgroundColor]___[value:neutral.secondary]___[cond:_hover","backgroundColor]___[value:neutral.tertiary","borderRadius]___[value:0.75rem","minWidth]___[value:20","paddingInline]___[value:10","width]___[value:114px","height]___[value:48px","translateX]___[value:6","translateY]___[value:6","translateX]___[value:3","translateY]___[value:3","width]___[value:10","alignItems]___[value:baseline","margin]___[value:1","gridTemplateColumns]___[value:2","fontWeight]___[value:bold","gap]___[value:8"],"recipes":{}}}
@@ -1 +1 @@
1
- {"version":3,"file":"wallet-navigation.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/wallet-navigation.tsx"],"names":[],"mappings":"AAOA,oBAAY,oBAAoB;IAC9B,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,QAAQ,aAAa;CACtB;AAOD,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAiBD,eAAO,MAAM,gBAAgB,2DAM1B,qBAAqB,4CAgCvB,CAAC"}
1
+ {"version":3,"file":"wallet-navigation.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/wallet-navigation.tsx"],"names":[],"mappings":"AAOA,oBAAY,oBAAoB;IAC9B,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,QAAQ,aAAa;CACtB;AAOD,MAAM,WAAW,qBAAqB;IACpC,MAAM,CAAC,EAAE,oBAAoB,CAAC;IAC9B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,MAAM,IAAI,CAAC;CACxB;AAiBD,eAAO,MAAM,gBAAgB,2DAM1B,qBAAqB,4CAiCvB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@magiclabs/ui-components",
3
- "version": "1.30.5",
3
+ "version": "1.30.6",
4
4
  "description": "💅 A theme-able library of reusable UI components",
5
5
  "author": "Magic Labs <open-source@magic.link>",
6
6
  "repository": {