@magiclabs/ui-components 1.34.7 → 1.34.9

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

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

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

@@ -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  sendLabel?: string;\n  receiveLabel?: string;\n  onBuy?: () => void;\n  onSend?: () => void;\n  onReceive?: () => void;\n}\n\nexport const Actions = ({\n  actionBox,\n  buyLabel = 'Buy',\n  sendLabel = 'Send',\n  receiveLabel = 'Receive',\n  onBuy,\n  onSend,\n  onReceive,\n}: ActionsProps) => (\n  <WalletActions actionBox={actionBox}>\n    {onBuy && (\n      <WalletActions.Action label={buyLabel} onPress={onBuy}>\n        <IcoArrowDown />\n      </WalletActions.Action>\n    )}\n    {onSend && (\n      <WalletActions.Action label={sendLabel} onPress={onSend}>\n        <IcoPaperPlane />\n      </WalletActions.Action>\n    )}\n    {onReceive && (\n      <WalletActions.Action label={receiveLabel} onPress={onReceive}>\n        <IcoQrcode />\n      </WalletActions.Action>\n    )}\n  </WalletActions>\n);\n"],"names":["Actions","actionBox","buyLabel","sendLabel","receiveLabel","onBuy","onSend","onReceive","_jsxs","WalletActions","_jsx","IcoArrowDown","IcoPaperPlane","IcoQrcode"],"mappings":"yVAaa,MAAAA,EAAU,CAAC,CACtB,UAAAC,EACA,SAAAC,EAAW,MACX,UAAAC,EAAY,OACZ,aAAAC,EAAe,UACf,MAAAC,EACA,OAAAC,EACA,UAAAC,KAEAC,EAAAA,KAACC,EAAAA,cAAc,CAAA,UAAWR,EACvB,SAAA,CAAAI,GACCK,EAACD,IAAAA,gBAAc,OAAM,CAAC,MAAOP,EAAU,QAASG,WAC9CK,EAAAA,IAACC,EAAAA,WACoB,CAAA,EAExBL,GACCI,MAACD,EAAAA,cAAc,OAAO,CAAA,MAAON,EAAW,QAASG,EAAM,SACrDI,EAAAA,IAACE,UAAgB,CAAA,CAAA,CAAA,CAAA,EAGpBL,GACCG,EAAAA,IAACD,EAAAA,cAAc,OAAO,CAAA,MAAOL,EAAc,QAASG,EAAS,SAC3DG,MAACG,aACoB,CAAA,CACxB,CACa,CAAA"}
+{"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"}

package/dist/cjs/components/layouts/wallet-page/fiat.js

@@ -1,2 +1,2 @@
-"use strict";var t=require("react/jsx-runtime"),i=require("../../primitives/text.js"),a=require("@styled/jsx");const n=({fiatTotal:e,symbol:l})=>{const s=e?String(e).split("."):["0","00"],r=e?"text.primary":"text.tertiary";return t.jsxs(a.HStack,{alignItems:"flex-start",gap:1,my:3,children:[t.jsx(i.default.H4,{fontColor:r,styles:{lineHeight:"2.75rem"},children:l}),t.jsxs(a.HStack,{alignItems:"baseline",gap:0,children:[t.jsx(i.default.H1,{fontColor:r,children:s[0]}),t.jsx(i.default.H4,{fontColor:r,children:`.${s[1]||"00"}`})]})]})};exports.Fiat=n;
+"use strict";var t=require("react/jsx-runtime"),s=require("../../primitives/text.js"),a=require("@styled/jsx");const n=({fiatTotal:e,symbol:l})=>{const i=e?e.split("."):["0","00"],r=e?"text.primary":"text.tertiary";return t.jsxs(a.HStack,{alignItems:"flex-start",gap:1,my:3,children:[t.jsx(s.default.H4,{fontColor:r,styles:{lineHeight:"2.75rem"},children:l}),t.jsxs(a.HStack,{alignItems:"baseline",gap:0,children:[t.jsx(s.default.H1,{fontColor:r,children:i[0]}),t.jsx(s.default.H4,{fontColor:r,children:`.${i[1]||"00"}`})]})]})};exports.Fiat=n;
 //# sourceMappingURL=fiat.js.map

package/dist/cjs/components/layouts/wallet-page/fiat.js.map

@@ -1 +1 @@
-{"version":3,"file":"fiat.js","sources":["../../../../../src/components/layouts/wallet-page/fiat.tsx"],"sourcesContent":["import Text from '@components/primitives/text';\nimport { HStack } from '@styled/jsx';\n\nexport interface FiatProps {\n  fiatTotal?: number;\n  symbol?: string;\n}\n\nexport const Fiat = ({ fiatTotal, symbol }: FiatProps) => {\n  const fiat = fiatTotal ? String(fiatTotal).split('.') : ['0', '00'];\n  const fiatColor = fiatTotal ? 'text.primary' : 'text.tertiary';\n\n  return (\n    <HStack alignItems=\"flex-start\" gap={1} my={3}>\n      <Text.H4 fontColor={fiatColor} styles={{ lineHeight: '2.75rem' }}>\n        {symbol}\n      </Text.H4>\n      <HStack alignItems=\"baseline\" gap={0}>\n        <Text.H1 fontColor={fiatColor}>{fiat[0]}</Text.H1>\n        <Text.H4 fontColor={fiatColor}>{`.${fiat[1] || '00'}`}</Text.H4>\n      </HStack>\n    </HStack>\n  );\n};\n"],"names":["Fiat","fiatTotal","symbol","fiat","fiatColor","_jsxs","HStack","_jsx","Text"],"mappings":"+GAQa,MAAAA,EAAO,CAAC,CAAE,UAAAC,EAAW,OAAAC,CAAmB,IAAI,CACvD,MAAMC,EAAOF,EAAY,OAAOA,CAAS,EAAE,MAAM,GAAG,EAAI,CAAC,IAAK,IAAI,EAC5DG,EAAYH,EAAY,eAAiB,gBAE/C,OACEI,EAAAA,KAACC,EAAAA,OAAO,CAAA,WAAW,aAAa,IAAK,EAAG,GAAI,EAAC,SAAA,CAC3CC,EAAAA,IAACC,EAAAA,QAAK,GAAE,CAAC,UAAWJ,EAAW,OAAQ,CAAE,WAAY,SAAS,WAC3DF,CAAM,CAAA,EAETG,EAAAA,KAACC,UAAO,WAAW,WAAW,IAAK,YACjCC,MAACC,EAAAA,QAAK,GAAE,CAAC,UAAWJ,EAAY,SAAAD,EAAK,CAAC,IACtCI,MAACC,EAAAA,QAAK,GAAG,CAAA,UAAWJ,EAAS,SAAG,IAAID,EAAK,CAAC,GAAK,IAAI,IAAa,CACzD,CAAA,CAAA,CAAA,CAAA,CAGf"}
+{"version":3,"file":"fiat.js","sources":["../../../../../src/components/layouts/wallet-page/fiat.tsx"],"sourcesContent":["import Text from '@components/primitives/text';\nimport { HStack } from '@styled/jsx';\n\nexport interface FiatProps {\n  fiatTotal?: string;\n  symbol?: string;\n}\n\nexport const Fiat = ({ fiatTotal, symbol }: FiatProps) => {\n  const fiat = fiatTotal ? fiatTotal.split('.') : ['0', '00'];\n  const fiatColor = fiatTotal ? 'text.primary' : 'text.tertiary';\n\n  return (\n    <HStack alignItems=\"flex-start\" gap={1} my={3}>\n      <Text.H4 fontColor={fiatColor} styles={{ lineHeight: '2.75rem' }}>\n        {symbol}\n      </Text.H4>\n      <HStack alignItems=\"baseline\" gap={0}>\n        <Text.H1 fontColor={fiatColor}>{fiat[0]}</Text.H1>\n        <Text.H4 fontColor={fiatColor}>{`.${fiat[1] || '00'}`}</Text.H4>\n      </HStack>\n    </HStack>\n  );\n};\n"],"names":["Fiat","fiatTotal","symbol","fiat","fiatColor","_jsxs","HStack","_jsx","Text"],"mappings":"+GAQa,MAAAA,EAAO,CAAC,CAAE,UAAAC,EAAW,OAAAC,CAAmB,IAAI,CACvD,MAAMC,EAAOF,EAAYA,EAAU,MAAM,GAAG,EAAI,CAAC,IAAK,IAAI,EACpDG,EAAYH,EAAY,eAAiB,gBAE/C,OACEI,OAACC,SAAO,CAAA,WAAW,aAAa,IAAK,EAAG,GAAI,EAAC,SAAA,CAC3CC,EAAAA,IAACC,UAAK,GAAE,CAAC,UAAWJ,EAAW,OAAQ,CAAE,WAAY,SAAS,WAC3DF,CAAM,CAAA,EAETG,EAAAA,KAACC,UAAO,WAAW,WAAW,IAAK,YACjCC,MAACC,EAAAA,QAAK,GAAE,CAAC,UAAWJ,EAAY,SAAAD,EAAK,CAAC,IACtCI,MAACC,EAAAA,QAAK,GAAG,CAAA,UAAWJ,EAAS,SAAG,IAAID,EAAK,CAAC,GAAK,IAAI,IAAa,CACzD,CAAA,CAAA,CAAA,CAAA,CAGf"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),h=require("../containers/button.js");require("../containers/card.js");var j=require("@styled/css"),i=require("@styled/jsx");require("@styled/tokens");var u=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");var o=require("../primitives/text.js"),c=require("react");require("../utils/client-asset-logo.js"),require("react-qrcode-logo"),require("../utils/secured-by-magic.js"),require("../containers/header.js"),require("../containers/menu.js"),require("../containers/modal.js"),require("../containers/overlay.js");var n=require("create-slots/list");const l=n.createSlot(({actionBox:a,children:t,label:s,onPress:r})=>a?e.jsx(i.Center,{h:"76px",maxW:"115px",w:"full",children:e.jsx(h.ButtonContainer,{className:j.css({_hover:{bgColor:"neutral.secondary"},bgColor:"neutral.tertiary",h:"100%"}),borderRadius:"0.75rem",expand:!0,onPress:r,children:e.jsxs(i.VStack,{gap:2,children:[c.cloneElement(c.Children.only(t),{height:20,width:20}),e.jsx(o.default,{size:"sm",styles:{fontWeight:500},children:s})]})})}):e.jsxs(i.VStack,{gap:1,minW:20,children:[e.jsx(u.default,{variant:"neutral",size:"sm",onPress:r,"aria-label":"Buy",children:e.jsx(u.default.LeadingIcon,{children:t})}),e.jsx(o.default,{size:"sm",styles:{fontWeight:500},children:s})]})),d=({actionBox:a,children:t})=>e.jsx(i.Box,{w:"full",children:n.createHost(t,s=>e.jsx(i.HStack,{w:"full",justifyContent:"space-around",px:10,children:s.map(r=>{if(n.isSlot(r,l)){const{key:q,...x}=n.getSlotProps(r);return e.jsx(l,{actionBox:a,...x},q)}})}))});d.Action=l,exports.WalletActions=d;
+"use strict";var e=require("react/jsx-runtime"),j=require("../containers/button.js");require("../containers/card.js");var p=require("@styled/css"),i=require("@styled/jsx");require("@styled/tokens");var d=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");var q=require("../primitives/text.js"),x=require("react");require("../utils/client-asset-logo.js"),require("react-qrcode-logo"),require("../utils/secured-by-magic.js"),require("../containers/header.js"),require("../containers/menu.js"),require("../containers/modal.js"),require("../containers/overlay.js"),require("../feedback/callout.js"),require("../feedback/progress-bar.js"),require("../primitives/portal.js"),require("../../hooks/useToast.js"),require("../../recipes/toast.js");var b=require("../feedback/tooltip.js"),l=require("create-slots/list");const o=l.createSlot(({actionBox:a,children:s,disabledLabel:r,label:t,onPress:n})=>a?e.jsx(i.Center,{h:"76px",maxW:"115px",w:"full",opacity:r?.3:1,pointerEvents:r?"none":"initial",children:e.jsx(j.ButtonContainer,{className:p.css({_hover:{bgColor:"neutral.secondary"},bgColor:"neutral.tertiary",h:"100%"}),borderRadius:"0.75rem",expand:!0,onPress:n,children:e.jsxs(i.VStack,{gap:2,children:[x.cloneElement(x.Children.only(s),{height:20,width:20}),e.jsx(q.default,{size:"sm",styles:{fontWeight:500},children:t})]})})}):e.jsxs(i.VStack,{gap:1,minW:20,opacity:r?.3:1,pointerEvents:r?"none":"initial",children:[e.jsx(d.default,{variant:"neutral",size:"sm",onPress:n,"aria-label":"Buy",children:e.jsx(d.default.LeadingIcon,{children:s})}),e.jsx(q.default,{size:"sm",styles:{fontWeight:500},children:t})]})),h=({actionBox:a,children:s})=>e.jsx(i.Box,{w:"full",children:l.createHost(s,r=>e.jsx(i.HStack,{w:"full",justifyContent:"space-around",px:10,children:r.map(t=>{if(l.isSlot(t,o)){const{key:n,disabledLabel:u,...c}=l.getSlotProps(t);return u?e.jsx(b.default,{content:u,width:"max-content",children:e.jsx(i.Box,{children:e.jsx(o,{actionBox:a,disabledLabel:u,...c})})},n):e.jsx(o,{actionBox:a,...c},n)}})}))});h.Action=o,exports.WalletActions=h;
 //# sourceMappingURL=wallet-actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"wallet-actions.js","sources":["../../../../src/components/sections/wallet-actions.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { Button, Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, Center, HStack, VStack } from '@styled/jsx';\nimport { createHost, createSlot, getSlotProps, isSlot } from 'create-slots/list';\nimport { Children, cloneElement, PropsWithChildren, ReactElement } from 'react';\n\nexport interface ActionProps extends PropsWithChildren {\n  key?: string;\n  label: string;\n  onPress: () => void;\n  actionBox?: boolean;\n}\n\nconst Action = createSlot(({ actionBox, children, label, onPress }: ActionProps) => {\n  if (actionBox) {\n    return (\n      <Center h=\"76px\" maxW=\"115px\" w=\"full\">\n        <ButtonContainer\n          className={css({\n            _hover: { bgColor: 'neutral.secondary' },\n            bgColor: 'neutral.tertiary',\n            h: '100%',\n          })}\n          borderRadius=\"0.75rem\"\n          expand\n          onPress={onPress}\n        >\n          <VStack gap={2}>\n            {cloneElement(Children.only(children) as ReactElement, { height: 20, width: 20 })}\n            <Text size=\"sm\" styles={{ fontWeight: 500 }}>\n              {label}\n            </Text>\n          </VStack>\n        </ButtonContainer>\n      </Center>\n    );\n  }\n\n  return (\n    <VStack gap={1} minW={20}>\n      <Button variant=\"neutral\" size=\"sm\" onPress={onPress} aria-label=\"Buy\">\n        <Button.LeadingIcon>{children}</Button.LeadingIcon>\n      </Button>\n      <Text size=\"sm\" styles={{ fontWeight: 500 }}>\n        {label}\n      </Text>\n    </VStack>\n  );\n});\n\nexport interface WalletActionsProps extends PropsWithChildren {\n  actionBox?: boolean;\n}\n\nexport const WalletActions = ({ actionBox, children }: WalletActionsProps) => (\n  <Box w=\"full\">\n    {createHost(children, slots => {\n      return (\n        <HStack w=\"full\" justifyContent=\"space-around\" px={10}>\n          {slots.map(slot => {\n            if (isSlot(slot, Action)) {\n              const { key, ...slotProps } = getSlotProps(slot);\n              return <Action key={key} actionBox={actionBox} {...slotProps} />;\n            }\n          })}\n        </HStack>\n      );\n    })}\n  </Box>\n);\n\nWalletActions.Action = Action;\n"],"names":["Action","createSlot","actionBox","children","label","onPress","_jsx","Center","ButtonContainer","css","_jsxs","VStack","cloneElement","Children","Text","Button","WalletActions","Box","createHost","slots","HStack","slot","isSlot","key","slotProps","getSlotProps"],"mappings":"8yBAcA,MAAMA,EAASC,EAAAA,WAAW,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,MAAAC,EAAO,QAAAC,CAAO,IAC1DH,EAEAI,EAAAA,IAACC,EAAM,OAAA,CAAC,EAAE,OAAO,KAAK,QAAQ,EAAE,OAC9B,SAAAD,EAAAA,IAACE,EAAAA,gBACC,CAAA,UAAWC,EAAAA,IAAI,CACb,OAAQ,CAAE,QAAS,mBAAqB,EACxC,QAAS,mBACT,EAAG,OACJ,EACD,aAAa,UACb,OAAM,GACN,QAASJ,EAAO,SAEhBK,EAAAA,KAACC,EAAAA,OAAO,CAAA,IAAK,EACV,SAAA,CAAAC,EAAaC,aAAAA,WAAS,KAAKV,CAAQ,EAAmB,CAAE,OAAQ,GAAI,MAAO,EAAI,CAAA,EAChFG,EAAAA,IAACQ,EAAAA,QAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,WAAY,GAAK,EAAA,SACxCV,CAAK,CAAA,CACD,CACA,CAAA,CAAA,CAAA,CAEJ,CAAA,EAKXM,OAACC,EAAAA,OAAO,CAAA,IAAK,EAAG,KAAM,GACpB,SAAA,CAAAL,EAAAA,IAACS,EAAAA,QAAO,CAAA,QAAQ,UAAU,KAAK,KAAK,QAASV,EAAoB,aAAA,eAC/DC,EAACS,IAAAA,EAAAA,QAAO,YAAa,CAAA,SAAAZ,CAA8B,CAAA,CAAA,CAAA,EAErDG,MAACQ,EAAAA,QAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,WAAY,GAAK,EAAA,SACxCV,CAAK,CAAA,CACD,CACA,CAAA,CAEZ,EAMYY,EAAgB,CAAC,CAAE,UAAAd,EAAW,SAAAC,CAA8B,IACvEG,EAAAA,IAACW,MAAG,CAAC,EAAE,OAAM,SACVC,EAAAA,WAAWf,EAAUgB,GAElBb,EAAAA,IAACc,EAAAA,OAAM,CAAC,EAAE,OAAO,eAAe,eAAe,GAAI,GAChD,SAAAD,EAAM,IAAIE,GAAO,CAChB,GAAIC,EAAAA,OAAOD,EAAMrB,CAAM,EAAG,CACxB,KAAM,CAAE,IAAAuB,EAAK,GAAGC,CAAW,EAAGC,EAAAA,aAAaJ,CAAI,EAC/C,OAAOf,EAAAA,IAACN,EAAM,CAAW,UAAWE,EAAS,GAAMsB,CAAS,EAAxCD,CAAG,CACzB,CACF,CAAC,CACM,CAAA,CAEZ,CACG,CAAA,EAGRP,EAAc,OAAShB"}
+{"version":3,"file":"wallet-actions.js","sources":["../../../../src/components/sections/wallet-actions.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { Tooltip } from '@components/feedback';\nimport { Button, Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, Center, HStack, VStack } from '@styled/jsx';\nimport { createHost, createSlot, getSlotProps, isSlot } from 'create-slots/list';\nimport { Children, cloneElement, PropsWithChildren, ReactElement } from 'react';\n\nexport interface ActionProps extends PropsWithChildren {\n  key?: string;\n  label: string;\n  onPress: () => void;\n  actionBox?: boolean;\n  disabledLabel?: string;\n}\n\nconst Action = createSlot(({ actionBox, children, disabledLabel, label, onPress }: ActionProps) => {\n  if (actionBox) {\n    return (\n      <Center\n        h=\"76px\"\n        maxW=\"115px\"\n        w=\"full\"\n        opacity={disabledLabel ? 0.3 : 1}\n        pointerEvents={disabledLabel ? 'none' : 'initial'}\n      >\n        <ButtonContainer\n          className={css({\n            _hover: { bgColor: 'neutral.secondary' },\n            bgColor: 'neutral.tertiary',\n            h: '100%',\n          })}\n          borderRadius=\"0.75rem\"\n          expand\n          onPress={onPress}\n        >\n          <VStack gap={2}>\n            {cloneElement(Children.only(children) as ReactElement, { height: 20, width: 20 })}\n            <Text size=\"sm\" styles={{ fontWeight: 500 }}>\n              {label}\n            </Text>\n          </VStack>\n        </ButtonContainer>\n      </Center>\n    );\n  }\n\n  return (\n    <VStack gap={1} minW={20} opacity={disabledLabel ? 0.3 : 1} pointerEvents={disabledLabel ? 'none' : 'initial'}>\n      <Button variant=\"neutral\" size=\"sm\" onPress={onPress} aria-label=\"Buy\">\n        <Button.LeadingIcon>{children}</Button.LeadingIcon>\n      </Button>\n      <Text size=\"sm\" styles={{ fontWeight: 500 }}>\n        {label}\n      </Text>\n    </VStack>\n  );\n});\n\nexport interface WalletActionsProps extends PropsWithChildren {\n  actionBox?: boolean;\n}\n\nexport const WalletActions = ({ actionBox, children }: WalletActionsProps) => (\n  <Box w=\"full\">\n    {createHost(children, slots => {\n      return (\n        <HStack w=\"full\" justifyContent=\"space-around\" px={10}>\n          {slots.map(slot => {\n            if (isSlot(slot, Action)) {\n              const { key, disabledLabel, ...slotProps } = getSlotProps(slot);\n\n              if (disabledLabel) {\n                return (\n                  <Tooltip key={key} content={disabledLabel} width=\"max-content\">\n                    <Box>\n                      <Action actionBox={actionBox} disabledLabel={disabledLabel} {...slotProps} />\n                    </Box>\n                  </Tooltip>\n                );\n              }\n              return <Action key={key} actionBox={actionBox} {...slotProps} />;\n            }\n          })}\n        </HStack>\n      );\n    })}\n  </Box>\n);\n\nWalletActions.Action = Action;\n"],"names":["Action","createSlot","actionBox","children","disabledLabel","label","onPress","_jsx","Center","ButtonContainer","css","_jsxs","VStack","cloneElement","Children","Text","Button","WalletActions","Box","createHost","slots","HStack","slot","isSlot","key","slotProps","getSlotProps","Tooltip"],"mappings":"mgCAgBA,MAAMA,EAASC,EAAAA,WAAW,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,cAAAC,EAAe,MAAAC,EAAO,QAAAC,CAAO,IACzEJ,EAEAK,EAAAA,IAACC,SAAM,CACL,EAAE,OACF,KAAK,QACL,EAAE,OACF,QAASJ,EAAgB,GAAM,EAC/B,cAAeA,EAAgB,OAAS,UAExC,SAAAG,MAACE,EAAAA,gBACC,CAAA,UAAWC,MAAI,CACb,OAAQ,CAAE,QAAS,mBAAqB,EACxC,QAAS,mBACT,EAAG,OACJ,EACD,aAAa,UACb,OAAM,GACN,QAASJ,EAAO,SAEhBK,EAAAA,KAACC,EAAAA,OAAO,CAAA,IAAK,EACV,SAAA,CAAAC,EAAaC,aAAAA,EAAAA,SAAS,KAAKX,CAAQ,EAAmB,CAAE,OAAQ,GAAI,MAAO,EAAI,CAAA,EAChFI,EAACQ,IAAAA,EAAAA,QAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,WAAY,GAAK,EAAA,SACxCV,CAAK,CAAA,CACD,CACA,CAAA,CAAA,CAAA,CAEJ,CAAA,EAKXM,EAAAA,KAACC,EAAAA,OAAO,CAAA,IAAK,EAAG,KAAM,GAAI,QAASR,EAAgB,GAAM,EAAG,cAAeA,EAAgB,OAAS,UAClG,SAAA,CAAAG,EAAAA,IAACS,EAAAA,QAAO,CAAA,QAAQ,UAAU,KAAK,KAAK,QAASV,EAAoB,aAAA,eAC/DC,MAACS,UAAO,YAAW,CAAA,SAAEb,CAA8B,CAAA,CAAA,CAAA,EAErDI,EAAAA,IAACQ,EAAK,QAAA,CAAA,KAAK,KAAK,OAAQ,CAAE,WAAY,GAAK,EAAA,SACxCV,CACI,CAAA,CAAA,CAAA,CAAA,CAGZ,EAMYY,EAAgB,CAAC,CAAE,UAAAf,EAAW,SAAAC,CAA8B,IACvEI,MAACW,EAAAA,IAAG,CAAC,EAAE,OAAM,SACVC,EAAAA,WAAWhB,EAAUiB,GAElBb,MAACc,EAAAA,OAAM,CAAC,EAAE,OAAO,eAAe,eAAe,GAAI,GAChD,SAAAD,EAAM,IAAIE,GAAO,CAChB,GAAIC,SAAOD,EAAMtB,CAAM,EAAG,CACxB,KAAM,CAAE,IAAAwB,EAAK,cAAApB,EAAe,GAAGqB,CAAS,EAAKC,EAAaJ,aAAAA,CAAI,EAE9D,OAAIlB,EAEAG,MAACoB,EAAAA,QAAO,CAAW,QAASvB,EAAe,MAAM,cAC/C,SAAAG,EAACW,IAAAA,EAAAA,IACC,CAAA,SAAAX,EAACP,IAAAA,EAAM,CAAC,UAAWE,EAAW,cAAeE,EAAmB,GAAAqB,GAC5D,CAAA,CAAA,EAHMD,CAAG,EAOdjB,EAAAA,IAACP,EAAM,CAAW,UAAWE,EAAS,GAAMuB,CAAS,EAAxCD,CAAG,CACzB,CACF,CAAC,CACM,CAAA,CAEZ,CACG,CAAA,EAGRP,EAAc,OAASjB"}

package/dist/cjs/components/sections/wallet-navigation.js

@@ -1,2 +1,2 @@
-"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;
+"use strict";var r=require("react/jsx-runtime"),x=require("@styled/tokens"),y=require("../icons/ico-clock-fill.js"),q=require("../icons/ico-grid-fill.js"),g=require("../icons/ico-home-fill.js"),m=require("../icons/ico-settings-fill.js");require("react");var o=require("@styled/jsx"),b=require("@styled/css");require("../feedback/callout.js"),require("../feedback/progress-bar.js");var u=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"),require("../primitives/portal.js"),require("../../hooks/useToast.js"),require("../../recipes/toast.js");var h=require("../feedback/tooltip.js");const d={Home:g.default,Gallery:q.default,Activity:y.default,Settings:m.default};exports.WalletNavigationType=void 0,function(e){e.Home="home",e.Gallery="gallery",e.Activity="activity",e.Settings="settings"}(exports.WalletNavigationType||(exports.WalletNavigationType={}));const j=({active:e,children:i,label:t,onPress:a})=>r.jsx(o.Box,{pointerEvents:e===t?"none":"initial",children:r.jsx(u.default,{variant:"text",onPress:a,children:r.jsx(u.default.LeadingIcon,{className:b.css({color:e===t?"text.primary":"text.tertiary",_groupHover:{color:e===t?"text.primary":"text.secondary"}}),children:i})})}),f=(e,i)=>e[i],N=({active:e=exports.WalletNavigationType.Home,disabled:i=[],...t})=>r.jsx(o.Center,{bottom:0,pos:"fixed",h:"6.25rem",w:"full",style:{background:`linear-gradient(180deg, transparent 0%, ${x.token("colors.surface.primary")} 100%)`},children:r.jsx(o.HStack,{bg:"text.primary/6",borderColor:"text.primary/10",borderWidth:"medium",borderStyle:"solid",borderRadius:52,backdropFilter:"blur(24px)",p:1.5,children:Object.keys(exports.WalletNavigationType).map(a=>{var n;const l=exports.WalletNavigationType[a],s=(n=i.find(p=>p.type===l))===null||n===void 0?void 0:n.label,c=d[a],v=f(t,`on${a}`);return s?r.jsx(h.default,{content:s,width:"max-content",children:r.jsx(o.Box,{border:"thin solid transparent",opacity:.3,p:1.5,children:r.jsx(c,{})})},l):r.jsx(j,{active:e,label:l,onPress:v,children:r.jsx(c,{})},l)})})});exports.WalletNavigation=N,exports.WalletNavigationIcons=d;
 //# sourceMappingURL=wallet-navigation.js.map

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

@@ -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        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"}
+{"version":3,"file":"wallet-navigation.js","sources":["../../../../src/components/sections/wallet-navigation.tsx"],"sourcesContent":["import { Tooltip } from '@components/feedback';\nimport { 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 const WalletNavigationIcons = {\n  Home: IcoHomeFill,\n  Gallery: IcoGridFill,\n  Activity: IcoClockFill,\n  Settings: IcoSettingsFill,\n};\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\ntype DisabledProps = {\n  type: WalletNavigationType;\n  label: string;\n};\n\nexport interface WalletNavigationProps {\n  active?: WalletNavigationType;\n  onActivity: () => void;\n  onGallery: () => void;\n  onHome: () => void;\n  onSettings: () => void;\n  disabled?: DisabledProps[];\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\nconst getHandler = <T, K extends keyof T>(o: T, propertyName: K): T[K] => o[propertyName];\n\nexport const WalletNavigation = ({\n  active = WalletNavigationType.Home,\n  disabled = [],\n  ...props\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        {Object.keys(WalletNavigationType).map(key => {\n          const type = WalletNavigationType[key as keyof typeof WalletNavigationType];\n          const disabledLabel = disabled.find(d => d.type === type)?.label;\n          const Icon = WalletNavigationIcons[key as keyof typeof WalletNavigationType];\n          const onPress = getHandler(props, `on${key}` as keyof typeof props);\n\n          if (disabledLabel) {\n            return (\n              <Tooltip key={type} content={disabledLabel} width=\"max-content\">\n                <Box border=\"thin solid transparent\" opacity={0.3} p={1.5}>\n                  <Icon />\n                </Box>\n              </Tooltip>\n            );\n          }\n          return (\n            <Action active={active} label={type} onPress={onPress} key={type}>\n              <Icon />\n            </Action>\n          );\n        })}\n      </HStack>\n    </Center>\n  );\n};\n"],"names":["WalletNavigationIcons","IcoHomeFill","IcoGridFill","IcoClockFill","IcoSettingsFill","WalletNavigationType","Action","active","children","label","onPress","_jsx","Box","Button","css","getHandler","o","propertyName","WalletNavigation","disabled","props","Center","token","HStack","key","type","disabledLabel","_a","d","Icon","Tooltip"],"mappings":"i0BAQO,MAAMA,EAAwB,CACnC,KAAMC,EACN,QAAA,QAASC,EACT,QAAA,SAAUC,EAAAA,QACV,SAAUC,EAAAA,SAGAC,QAAZ,qBAAA,OAAA,SAAYA,EAAoB,CAC9BA,EAAA,KAAA,OACAA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACF,EALYA,+BAAAA,6BAKX,CAAA,EAAA,EAqBD,MAAMC,EAAS,CAAC,CAAE,OAAAC,EAAQ,SAAAC,EAAU,MAAAC,EAAO,QAAAC,CAAO,IAChDC,MAACC,MAAG,CAAC,cAAeL,IAAWE,EAAQ,OAAS,UAAS,SACvDE,MAACE,UAAM,CAAC,QAAQ,OAAO,QAASH,EAC9B,SAAAC,MAACE,EAAAA,QAAO,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,EAIPO,EAAa,CAAuBC,EAAMC,IAA0BD,EAAEC,CAAY,EAE3EC,EAAmB,CAAC,CAC/B,OAAAX,EAASF,QAAA,qBAAqB,KAC9B,SAAAc,EAAW,CAAA,EACX,GAAGC,CAAK,IAGNT,EAAAA,IAACU,EAAAA,OAAM,CACL,OAAQ,EACR,IAAI,QACJ,EAAE,UACF,EAAE,OACF,MAAO,CAAE,WAAY,2CAA2CC,EAAAA,MAAM,wBAAwB,CAAC,QAAQ,EAEvG,SAAAX,MAACY,EACC,OAAA,CAAA,GAAG,iBACH,YAAY,kBACZ,YAAY,SACZ,YAAY,QACZ,aAAc,GACd,eAAe,aACf,EAAG,IAAG,SAEL,OAAO,KAAKlB,4BAAoB,EAAE,IAAImB,GAAM,OAC3C,MAAMC,EAAOpB,6BAAqBmB,CAAwC,EACpEE,GAAgBC,EAAAR,EAAS,KAAKS,GAAKA,EAAE,OAASH,CAAI,KAAC,MAAAE,IAAA,OAAA,OAAAA,EAAE,MACrDE,EAAO7B,EAAsBwB,CAAwC,EACrEd,EAAUK,EAAWK,EAAO,KAAKI,CAAG,EAAwB,EAElE,OAAIE,EAEAf,MAACmB,EAAAA,QAAO,CAAY,QAASJ,EAAe,MAAM,cAAa,SAC7Df,EAAAA,IAACC,EAAAA,KAAI,OAAO,yBAAyB,QAAS,GAAK,EAAG,IAAG,SACvDD,EAAAA,IAACkB,KACG,CAAA,CAAA,EAHMJ,CAAI,EAQpBd,MAACL,EAAM,CAAC,OAAQC,EAAQ,MAAOkB,EAAM,QAASf,EAAO,SACnDC,EAAAA,IAACkB,KADyD,EAAAJ,CAAI,CAIpE,CAAC,CAAC,CAAA,CAEG,CAAA"}

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

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

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

@@ -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  sendLabel?: string;\n  receiveLabel?: string;\n  onBuy?: () => void;\n  onSend?: () => void;\n  onReceive?: () => void;\n}\n\nexport const Actions = ({\n  actionBox,\n  buyLabel = 'Buy',\n  sendLabel = 'Send',\n  receiveLabel = 'Receive',\n  onBuy,\n  onSend,\n  onReceive,\n}: ActionsProps) => (\n  <WalletActions actionBox={actionBox}>\n    {onBuy && (\n      <WalletActions.Action label={buyLabel} onPress={onBuy}>\n        <IcoArrowDown />\n      </WalletActions.Action>\n    )}\n    {onSend && (\n      <WalletActions.Action label={sendLabel} onPress={onSend}>\n        <IcoPaperPlane />\n      </WalletActions.Action>\n    )}\n    {onReceive && (\n      <WalletActions.Action label={receiveLabel} onPress={onReceive}>\n        <IcoQrcode />\n      </WalletActions.Action>\n    )}\n  </WalletActions>\n);\n"],"names":["Actions","actionBox","buyLabel","sendLabel","receiveLabel","onBuy","onSend","onReceive","_jsxs","WalletActions","_jsx","IcoArrowDown","IcoPaperPlane","IcoQrcode"],"mappings":"mWAaa,MAAAA,EAAU,CAAC,CACtB,UAAAC,EACA,SAAAC,EAAW,MACX,UAAAC,EAAY,OACZ,aAAAC,EAAe,UACf,MAAAC,EACA,OAAAC,EACA,UAAAC,KAEAC,EAACC,EAAc,CAAA,UAAWR,EACvB,SAAA,CAAAI,GACCK,EAACD,EAAc,OAAM,CAAC,MAAOP,EAAU,QAASG,WAC9CK,EAACC,KACoB,CAAA,EAExBL,GACCI,EAACD,EAAc,OAAO,CAAA,MAAON,EAAW,QAASG,EAAM,SACrDI,EAACE,EAAgB,CAAA,CAAA,CAAA,CAAA,EAGpBL,GACCG,EAACD,EAAc,OAAO,CAAA,MAAOL,EAAc,QAASG,EAAS,SAC3DG,EAACG,KACoB,CAAA,CACxB,CACa,CAAA"}
+{"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"}

package/dist/es/components/layouts/wallet-page/fiat.js

@@ -1,2 +1,2 @@
-import{jsxs as l,jsx as i}from"react/jsx-runtime";import o from"../../primitives/text.js";import{HStack as n}from"@styled/jsx";const a=({fiatTotal:t,symbol:s})=>{const e=t?String(t).split("."):["0","00"],r=t?"text.primary":"text.tertiary";return l(n,{alignItems:"flex-start",gap:1,my:3,children:[i(o.H4,{fontColor:r,styles:{lineHeight:"2.75rem"},children:s}),l(n,{alignItems:"baseline",gap:0,children:[i(o.H1,{fontColor:r,children:e[0]}),i(o.H4,{fontColor:r,children:`.${e[1]||"00"}`})]})]})};export{a as Fiat};
+import{jsxs as l,jsx as o}from"react/jsx-runtime";import e from"../../primitives/text.js";import{HStack as n}from"@styled/jsx";const a=({fiatTotal:t,symbol:s})=>{const i=t?t.split("."):["0","00"],r=t?"text.primary":"text.tertiary";return l(n,{alignItems:"flex-start",gap:1,my:3,children:[o(e.H4,{fontColor:r,styles:{lineHeight:"2.75rem"},children:s}),l(n,{alignItems:"baseline",gap:0,children:[o(e.H1,{fontColor:r,children:i[0]}),o(e.H4,{fontColor:r,children:`.${i[1]||"00"}`})]})]})};export{a as Fiat};
 //# sourceMappingURL=fiat.js.map

package/dist/es/components/layouts/wallet-page/fiat.js.map

@@ -1 +1 @@
-{"version":3,"file":"fiat.js","sources":["../../../../../src/components/layouts/wallet-page/fiat.tsx"],"sourcesContent":["import Text from '@components/primitives/text';\nimport { HStack } from '@styled/jsx';\n\nexport interface FiatProps {\n  fiatTotal?: number;\n  symbol?: string;\n}\n\nexport const Fiat = ({ fiatTotal, symbol }: FiatProps) => {\n  const fiat = fiatTotal ? String(fiatTotal).split('.') : ['0', '00'];\n  const fiatColor = fiatTotal ? 'text.primary' : 'text.tertiary';\n\n  return (\n    <HStack alignItems=\"flex-start\" gap={1} my={3}>\n      <Text.H4 fontColor={fiatColor} styles={{ lineHeight: '2.75rem' }}>\n        {symbol}\n      </Text.H4>\n      <HStack alignItems=\"baseline\" gap={0}>\n        <Text.H1 fontColor={fiatColor}>{fiat[0]}</Text.H1>\n        <Text.H4 fontColor={fiatColor}>{`.${fiat[1] || '00'}`}</Text.H4>\n      </HStack>\n    </HStack>\n  );\n};\n"],"names":["Fiat","fiatTotal","symbol","fiat","fiatColor","_jsxs","HStack","_jsx","Text"],"mappings":"+HAQa,MAAAA,EAAO,CAAC,CAAE,UAAAC,EAAW,OAAAC,CAAmB,IAAI,CACvD,MAAMC,EAAOF,EAAY,OAAOA,CAAS,EAAE,MAAM,GAAG,EAAI,CAAC,IAAK,IAAI,EAC5DG,EAAYH,EAAY,eAAiB,gBAE/C,OACEI,EAACC,EAAO,CAAA,WAAW,aAAa,IAAK,EAAG,GAAI,EAAC,SAAA,CAC3CC,EAACC,EAAK,GAAE,CAAC,UAAWJ,EAAW,OAAQ,CAAE,WAAY,SAAS,WAC3DF,CAAM,CAAA,EAETG,EAACC,GAAO,WAAW,WAAW,IAAK,YACjCC,EAACC,EAAK,GAAE,CAAC,UAAWJ,EAAY,SAAAD,EAAK,CAAC,IACtCI,EAACC,EAAK,GAAG,CAAA,UAAWJ,EAAS,SAAG,IAAID,EAAK,CAAC,GAAK,IAAI,IAAa,CACzD,CAAA,CAAA,CAAA,CAAA,CAGf"}
+{"version":3,"file":"fiat.js","sources":["../../../../../src/components/layouts/wallet-page/fiat.tsx"],"sourcesContent":["import Text from '@components/primitives/text';\nimport { HStack } from '@styled/jsx';\n\nexport interface FiatProps {\n  fiatTotal?: string;\n  symbol?: string;\n}\n\nexport const Fiat = ({ fiatTotal, symbol }: FiatProps) => {\n  const fiat = fiatTotal ? fiatTotal.split('.') : ['0', '00'];\n  const fiatColor = fiatTotal ? 'text.primary' : 'text.tertiary';\n\n  return (\n    <HStack alignItems=\"flex-start\" gap={1} my={3}>\n      <Text.H4 fontColor={fiatColor} styles={{ lineHeight: '2.75rem' }}>\n        {symbol}\n      </Text.H4>\n      <HStack alignItems=\"baseline\" gap={0}>\n        <Text.H1 fontColor={fiatColor}>{fiat[0]}</Text.H1>\n        <Text.H4 fontColor={fiatColor}>{`.${fiat[1] || '00'}`}</Text.H4>\n      </HStack>\n    </HStack>\n  );\n};\n"],"names":["Fiat","fiatTotal","symbol","fiat","fiatColor","_jsxs","HStack","_jsx","Text"],"mappings":"+HAQa,MAAAA,EAAO,CAAC,CAAE,UAAAC,EAAW,OAAAC,CAAmB,IAAI,CACvD,MAAMC,EAAOF,EAAYA,EAAU,MAAM,GAAG,EAAI,CAAC,IAAK,IAAI,EACpDG,EAAYH,EAAY,eAAiB,gBAE/C,OACEI,EAACC,EAAO,CAAA,WAAW,aAAa,IAAK,EAAG,GAAI,EAAC,SAAA,CAC3CC,EAACC,EAAK,GAAE,CAAC,UAAWJ,EAAW,OAAQ,CAAE,WAAY,SAAS,WAC3DF,CAAM,CAAA,EAETG,EAACC,GAAO,WAAW,WAAW,IAAK,YACjCC,EAACC,EAAK,GAAE,CAAC,UAAWJ,EAAY,SAAAD,EAAK,CAAC,IACtCI,EAACC,EAAK,GAAG,CAAA,UAAWJ,EAAS,SAAG,IAAID,EAAK,CAAC,GAAK,IAAI,IAAa,CACzD,CAAA,CAAA,CAAA,CAAA,CAGf"}

package/dist/es/components/sections/wallet-actions.js

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as m}from"react/jsx-runtime";import{ButtonContainer as d}from"../containers/button.js";import"../containers/card.js";import{css as f}from"@styled/css";import{Center as u,VStack as l,Box as x,HStack as g}from"@styled/jsx";import"@styled/tokens";import s from"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import p from"../primitives/text.js";import{cloneElement as y,Children as B}from"react";import"../utils/client-asset-logo.js";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import"../containers/header.js";import"../containers/menu.js";import"../containers/modal.js";import"../containers/overlay.js";import{createSlot as C,createHost as b,isSlot as S,getSlotProps as W}from"create-slots/list";const n=C(({actionBox:e,children:t,label:i,onPress:o})=>e?r(u,{h:"76px",maxW:"115px",w:"full",children:r(d,{className:f({_hover:{bgColor:"neutral.secondary"},bgColor:"neutral.tertiary",h:"100%"}),borderRadius:"0.75rem",expand:!0,onPress:o,children:m(l,{gap:2,children:[y(B.only(t),{height:20,width:20}),r(p,{size:"sm",styles:{fontWeight:500},children:i})]})})}):m(l,{gap:1,minW:20,children:[r(s,{variant:"neutral",size:"sm",onPress:o,"aria-label":"Buy",children:r(s.LeadingIcon,{children:t})}),r(p,{size:"sm",styles:{fontWeight:500},children:i})]})),a=({actionBox:e,children:t})=>r(x,{w:"full",children:b(t,i=>r(g,{w:"full",justifyContent:"space-around",px:10,children:i.map(o=>{if(S(o,n)){const{key:c,...h}=W(o);return r(n,{actionBox:e,...h},c)}})}))});a.Action=n;export{a as WalletActions};
+import{jsx as t,jsxs as p}from"react/jsx-runtime";import{ButtonContainer as x}from"../containers/button.js";import"../containers/card.js";import{css as u}from"@styled/css";import{Center as b,VStack as s,Box as c,HStack as y}from"@styled/jsx";import"@styled/tokens";import d 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 h from"../primitives/text.js";import{cloneElement as g,Children as B}from"react";import"../utils/client-asset-logo.js";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import"../containers/header.js";import"../containers/menu.js";import"../containers/modal.js";import"../containers/overlay.js";import"../feedback/callout.js";import"../feedback/progress-bar.js";import"../primitives/portal.js";import"../../hooks/useToast.js";import"../../recipes/toast.js";import C from"../feedback/tooltip.js";import{createSlot as w,createHost as S,isSlot as W,getSlotProps as v}from"create-slots/list";const l=w(({actionBox:e,children:n,disabledLabel:o,label:i,onPress:r})=>e?t(b,{h:"76px",maxW:"115px",w:"full",opacity:o?.3:1,pointerEvents:o?"none":"initial",children:t(x,{className:u({_hover:{bgColor:"neutral.secondary"},bgColor:"neutral.tertiary",h:"100%"}),borderRadius:"0.75rem",expand:!0,onPress:r,children:p(s,{gap:2,children:[g(B.only(n),{height:20,width:20}),t(h,{size:"sm",styles:{fontWeight:500},children:i})]})})}):p(s,{gap:1,minW:20,opacity:o?.3:1,pointerEvents:o?"none":"initial",children:[t(d,{variant:"neutral",size:"sm",onPress:r,"aria-label":"Buy",children:t(d.LeadingIcon,{children:n})}),t(h,{size:"sm",styles:{fontWeight:500},children:i})]})),f=({actionBox:e,children:n})=>t(c,{w:"full",children:S(n,o=>t(y,{w:"full",justifyContent:"space-around",px:10,children:o.map(i=>{if(W(i,l)){const{key:r,disabledLabel:m,...a}=v(i);return m?t(C,{content:m,width:"max-content",children:t(c,{children:t(l,{actionBox:e,disabledLabel:m,...a})})},r):t(l,{actionBox:e,...a},r)}})}))});f.Action=l;export{f as WalletActions};
 //# sourceMappingURL=wallet-actions.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"wallet-actions.js","sources":["../../../../src/components/sections/wallet-actions.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { Button, Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, Center, HStack, VStack } from '@styled/jsx';\nimport { createHost, createSlot, getSlotProps, isSlot } from 'create-slots/list';\nimport { Children, cloneElement, PropsWithChildren, ReactElement } from 'react';\n\nexport interface ActionProps extends PropsWithChildren {\n  key?: string;\n  label: string;\n  onPress: () => void;\n  actionBox?: boolean;\n}\n\nconst Action = createSlot(({ actionBox, children, label, onPress }: ActionProps) => {\n  if (actionBox) {\n    return (\n      <Center h=\"76px\" maxW=\"115px\" w=\"full\">\n        <ButtonContainer\n          className={css({\n            _hover: { bgColor: 'neutral.secondary' },\n            bgColor: 'neutral.tertiary',\n            h: '100%',\n          })}\n          borderRadius=\"0.75rem\"\n          expand\n          onPress={onPress}\n        >\n          <VStack gap={2}>\n            {cloneElement(Children.only(children) as ReactElement, { height: 20, width: 20 })}\n            <Text size=\"sm\" styles={{ fontWeight: 500 }}>\n              {label}\n            </Text>\n          </VStack>\n        </ButtonContainer>\n      </Center>\n    );\n  }\n\n  return (\n    <VStack gap={1} minW={20}>\n      <Button variant=\"neutral\" size=\"sm\" onPress={onPress} aria-label=\"Buy\">\n        <Button.LeadingIcon>{children}</Button.LeadingIcon>\n      </Button>\n      <Text size=\"sm\" styles={{ fontWeight: 500 }}>\n        {label}\n      </Text>\n    </VStack>\n  );\n});\n\nexport interface WalletActionsProps extends PropsWithChildren {\n  actionBox?: boolean;\n}\n\nexport const WalletActions = ({ actionBox, children }: WalletActionsProps) => (\n  <Box w=\"full\">\n    {createHost(children, slots => {\n      return (\n        <HStack w=\"full\" justifyContent=\"space-around\" px={10}>\n          {slots.map(slot => {\n            if (isSlot(slot, Action)) {\n              const { key, ...slotProps } = getSlotProps(slot);\n              return <Action key={key} actionBox={actionBox} {...slotProps} />;\n            }\n          })}\n        </HStack>\n      );\n    })}\n  </Box>\n);\n\nWalletActions.Action = Action;\n"],"names":["Action","createSlot","actionBox","children","label","onPress","_jsx","Center","ButtonContainer","css","_jsxs","VStack","cloneElement","Children","Text","Button","WalletActions","Box","createHost","slots","HStack","slot","isSlot","key","slotProps","getSlotProps"],"mappings":"g6BAcA,MAAMA,EAASC,EAAW,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,MAAAC,EAAO,QAAAC,CAAO,IAC1DH,EAEAI,EAACC,EAAM,CAAC,EAAE,OAAO,KAAK,QAAQ,EAAE,OAC9B,SAAAD,EAACE,EACC,CAAA,UAAWC,EAAI,CACb,OAAQ,CAAE,QAAS,mBAAqB,EACxC,QAAS,mBACT,EAAG,OACJ,EACD,aAAa,UACb,OAAM,GACN,QAASJ,EAAO,SAEhBK,EAACC,EAAO,CAAA,IAAK,EACV,SAAA,CAAAC,EAAaC,EAAS,KAAKV,CAAQ,EAAmB,CAAE,OAAQ,GAAI,MAAO,EAAI,CAAA,EAChFG,EAACQ,EAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,WAAY,GAAK,EAAA,SACxCV,CAAK,CAAA,CACD,CACA,CAAA,CAAA,CAAA,CAEJ,CAAA,EAKXM,EAACC,EAAO,CAAA,IAAK,EAAG,KAAM,GACpB,SAAA,CAAAL,EAACS,EAAO,CAAA,QAAQ,UAAU,KAAK,KAAK,QAASV,EAAoB,aAAA,eAC/DC,EAACS,EAAO,YAAa,CAAA,SAAAZ,CAA8B,CAAA,CAAA,CAAA,EAErDG,EAACQ,EAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,WAAY,GAAK,EAAA,SACxCV,CAAK,CAAA,CACD,CACA,CAAA,CAEZ,EAMYY,EAAgB,CAAC,CAAE,UAAAd,EAAW,SAAAC,CAA8B,IACvEG,EAACW,EAAG,CAAC,EAAE,OAAM,SACVC,EAAWf,EAAUgB,GAElBb,EAACc,EAAM,CAAC,EAAE,OAAO,eAAe,eAAe,GAAI,GAChD,SAAAD,EAAM,IAAIE,GAAO,CAChB,GAAIC,EAAOD,EAAMrB,CAAM,EAAG,CACxB,KAAM,CAAE,IAAAuB,EAAK,GAAGC,CAAW,EAAGC,EAAaJ,CAAI,EAC/C,OAAOf,EAACN,EAAM,CAAW,UAAWE,EAAS,GAAMsB,CAAS,EAAxCD,CAAG,CACzB,CACF,CAAC,CACM,CAAA,CAEZ,CACG,CAAA,EAGRP,EAAc,OAAShB"}
+{"version":3,"file":"wallet-actions.js","sources":["../../../../src/components/sections/wallet-actions.tsx"],"sourcesContent":["import { ButtonContainer } from '@components/containers';\nimport { Tooltip } from '@components/feedback';\nimport { Button, Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, Center, HStack, VStack } from '@styled/jsx';\nimport { createHost, createSlot, getSlotProps, isSlot } from 'create-slots/list';\nimport { Children, cloneElement, PropsWithChildren, ReactElement } from 'react';\n\nexport interface ActionProps extends PropsWithChildren {\n  key?: string;\n  label: string;\n  onPress: () => void;\n  actionBox?: boolean;\n  disabledLabel?: string;\n}\n\nconst Action = createSlot(({ actionBox, children, disabledLabel, label, onPress }: ActionProps) => {\n  if (actionBox) {\n    return (\n      <Center\n        h=\"76px\"\n        maxW=\"115px\"\n        w=\"full\"\n        opacity={disabledLabel ? 0.3 : 1}\n        pointerEvents={disabledLabel ? 'none' : 'initial'}\n      >\n        <ButtonContainer\n          className={css({\n            _hover: { bgColor: 'neutral.secondary' },\n            bgColor: 'neutral.tertiary',\n            h: '100%',\n          })}\n          borderRadius=\"0.75rem\"\n          expand\n          onPress={onPress}\n        >\n          <VStack gap={2}>\n            {cloneElement(Children.only(children) as ReactElement, { height: 20, width: 20 })}\n            <Text size=\"sm\" styles={{ fontWeight: 500 }}>\n              {label}\n            </Text>\n          </VStack>\n        </ButtonContainer>\n      </Center>\n    );\n  }\n\n  return (\n    <VStack gap={1} minW={20} opacity={disabledLabel ? 0.3 : 1} pointerEvents={disabledLabel ? 'none' : 'initial'}>\n      <Button variant=\"neutral\" size=\"sm\" onPress={onPress} aria-label=\"Buy\">\n        <Button.LeadingIcon>{children}</Button.LeadingIcon>\n      </Button>\n      <Text size=\"sm\" styles={{ fontWeight: 500 }}>\n        {label}\n      </Text>\n    </VStack>\n  );\n});\n\nexport interface WalletActionsProps extends PropsWithChildren {\n  actionBox?: boolean;\n}\n\nexport const WalletActions = ({ actionBox, children }: WalletActionsProps) => (\n  <Box w=\"full\">\n    {createHost(children, slots => {\n      return (\n        <HStack w=\"full\" justifyContent=\"space-around\" px={10}>\n          {slots.map(slot => {\n            if (isSlot(slot, Action)) {\n              const { key, disabledLabel, ...slotProps } = getSlotProps(slot);\n\n              if (disabledLabel) {\n                return (\n                  <Tooltip key={key} content={disabledLabel} width=\"max-content\">\n                    <Box>\n                      <Action actionBox={actionBox} disabledLabel={disabledLabel} {...slotProps} />\n                    </Box>\n                  </Tooltip>\n                );\n              }\n              return <Action key={key} actionBox={actionBox} {...slotProps} />;\n            }\n          })}\n        </HStack>\n      );\n    })}\n  </Box>\n);\n\nWalletActions.Action = Action;\n"],"names":["Action","createSlot","actionBox","children","disabledLabel","label","onPress","_jsx","Center","ButtonContainer","css","_jsxs","VStack","cloneElement","Children","Text","Button","WalletActions","Box","createHost","slots","HStack","slot","isSlot","key","slotProps","getSlotProps","Tooltip"],"mappings":"wmCAgBA,MAAMA,EAASC,EAAW,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,cAAAC,EAAe,MAAAC,EAAO,QAAAC,CAAO,IACzEJ,EAEAK,EAACC,EAAM,CACL,EAAE,OACF,KAAK,QACL,EAAE,OACF,QAASJ,EAAgB,GAAM,EAC/B,cAAeA,EAAgB,OAAS,UAExC,SAAAG,EAACE,EACC,CAAA,UAAWC,EAAI,CACb,OAAQ,CAAE,QAAS,mBAAqB,EACxC,QAAS,mBACT,EAAG,OACJ,EACD,aAAa,UACb,OAAM,GACN,QAASJ,EAAO,SAEhBK,EAACC,EAAO,CAAA,IAAK,EACV,SAAA,CAAAC,EAAaC,EAAS,KAAKX,CAAQ,EAAmB,CAAE,OAAQ,GAAI,MAAO,EAAI,CAAA,EAChFI,EAACQ,EAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,WAAY,GAAK,EAAA,SACxCV,CAAK,CAAA,CACD,CACA,CAAA,CAAA,CAAA,CAEJ,CAAA,EAKXM,EAACC,EAAO,CAAA,IAAK,EAAG,KAAM,GAAI,QAASR,EAAgB,GAAM,EAAG,cAAeA,EAAgB,OAAS,UAClG,SAAA,CAAAG,EAACS,EAAO,CAAA,QAAQ,UAAU,KAAK,KAAK,QAASV,EAAoB,aAAA,eAC/DC,EAACS,EAAO,YAAW,CAAA,SAAEb,CAA8B,CAAA,CAAA,CAAA,EAErDI,EAACQ,EAAK,CAAA,KAAK,KAAK,OAAQ,CAAE,WAAY,GAAK,EAAA,SACxCV,CACI,CAAA,CAAA,CAAA,CAAA,CAGZ,EAMYY,EAAgB,CAAC,CAAE,UAAAf,EAAW,SAAAC,CAA8B,IACvEI,EAACW,EAAG,CAAC,EAAE,OAAM,SACVC,EAAWhB,EAAUiB,GAElBb,EAACc,EAAM,CAAC,EAAE,OAAO,eAAe,eAAe,GAAI,GAChD,SAAAD,EAAM,IAAIE,GAAO,CAChB,GAAIC,EAAOD,EAAMtB,CAAM,EAAG,CACxB,KAAM,CAAE,IAAAwB,EAAK,cAAApB,EAAe,GAAGqB,CAAS,EAAKC,EAAaJ,CAAI,EAE9D,OAAIlB,EAEAG,EAACoB,EAAO,CAAW,QAASvB,EAAe,MAAM,cAC/C,SAAAG,EAACW,EACC,CAAA,SAAAX,EAACP,EAAM,CAAC,UAAWE,EAAW,cAAeE,EAAmB,GAAAqB,GAC5D,CAAA,CAAA,EAHMD,CAAG,EAOdjB,EAACP,EAAM,CAAW,UAAWE,EAAS,GAAMuB,CAAS,EAAxCD,CAAG,CACzB,CACF,CAAC,CACM,CAAA,CAEZ,CACG,CAAA,EAGRP,EAAc,OAASjB"}

package/dist/es/components/sections/wallet-navigation.js

@@ -1,2 +1,2 @@
-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};
+import{jsx as r}from"react/jsx-runtime";import{token as b}from"@styled/tokens";import f from"../icons/ico-clock-fill.js";import h from"../icons/ico-grid-fill.js";import g from"../icons/ico-home-fill.js";import x from"../icons/ico-settings-fill.js";import"react";import{Center as u,HStack as k,Box as c}from"@styled/jsx";import{css as H}from"@styled/css";import"../feedback/callout.js";import"../feedback/progress-bar.js";import s from"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import"../primitives/text.js";import"../primitives/portal.js";import"../../hooks/useToast.js";import"../../recipes/toast.js";import N from"../feedback/tooltip.js";const d={Home:g,Gallery:h,Activity:f,Settings:x};var o;(function(t){t.Home="home",t.Gallery="gallery",t.Activity="activity",t.Settings="settings"})(o||(o={}));const S=({active:t,children:i,label:e,onPress:n})=>r(c,{pointerEvents:t===e?"none":"initial",children:r(s,{variant:"text",onPress:n,children:r(s.LeadingIcon,{className:H({color:t===e?"text.primary":"text.tertiary",_groupHover:{color:t===e?"text.primary":"text.secondary"}}),children:i})})}),W=(t,i)=>t[i],$=({active:t=o.Home,disabled:i=[],...e})=>r(u,{bottom:0,pos:"fixed",h:"6.25rem",w:"full",style:{background:`linear-gradient(180deg, transparent 0%, ${b("colors.surface.primary")} 100%)`},children:r(k,{bg:"text.primary/6",borderColor:"text.primary/10",borderWidth:"medium",borderStyle:"solid",borderRadius:52,backdropFilter:"blur(24px)",p:1.5,children:Object.keys(o).map(n=>{var a;const m=o[n],l=(a=i.find(v=>v.type===m))===null||a===void 0?void 0:a.label,p=d[n],y=W(e,`on${n}`);return l?r(N,{content:l,width:"max-content",children:r(c,{border:"thin solid transparent",opacity:.3,p:1.5,children:r(p,{})})},m):r(S,{active:t,label:m,onPress:y,children:r(p,{})},m)})})});export{$ as WalletNavigation,d as WalletNavigationIcons,o as WalletNavigationType};
 //# sourceMappingURL=wallet-navigation.js.map

package/dist/es/components/sections/wallet-navigation.js.map

@@ -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        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"}
+{"version":3,"file":"wallet-navigation.js","sources":["../../../../src/components/sections/wallet-navigation.tsx"],"sourcesContent":["import { Tooltip } from '@components/feedback';\nimport { 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 const WalletNavigationIcons = {\n  Home: IcoHomeFill,\n  Gallery: IcoGridFill,\n  Activity: IcoClockFill,\n  Settings: IcoSettingsFill,\n};\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\ntype DisabledProps = {\n  type: WalletNavigationType;\n  label: string;\n};\n\nexport interface WalletNavigationProps {\n  active?: WalletNavigationType;\n  onActivity: () => void;\n  onGallery: () => void;\n  onHome: () => void;\n  onSettings: () => void;\n  disabled?: DisabledProps[];\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\nconst getHandler = <T, K extends keyof T>(o: T, propertyName: K): T[K] => o[propertyName];\n\nexport const WalletNavigation = ({\n  active = WalletNavigationType.Home,\n  disabled = [],\n  ...props\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        {Object.keys(WalletNavigationType).map(key => {\n          const type = WalletNavigationType[key as keyof typeof WalletNavigationType];\n          const disabledLabel = disabled.find(d => d.type === type)?.label;\n          const Icon = WalletNavigationIcons[key as keyof typeof WalletNavigationType];\n          const onPress = getHandler(props, `on${key}` as keyof typeof props);\n\n          if (disabledLabel) {\n            return (\n              <Tooltip key={type} content={disabledLabel} width=\"max-content\">\n                <Box border=\"thin solid transparent\" opacity={0.3} p={1.5}>\n                  <Icon />\n                </Box>\n              </Tooltip>\n            );\n          }\n          return (\n            <Action active={active} label={type} onPress={onPress} key={type}>\n              <Icon />\n            </Action>\n          );\n        })}\n      </HStack>\n    </Center>\n  );\n};\n"],"names":["WalletNavigationIcons","IcoHomeFill","IcoGridFill","IcoClockFill","IcoSettingsFill","WalletNavigationType","Action","active","children","label","onPress","_jsx","Box","Button","css","getHandler","o","propertyName","WalletNavigation","disabled","props","Center","token","HStack","key","type","disabledLabel","_a","d","Icon","Tooltip"],"mappings":"u0BAQO,MAAMA,EAAwB,CACnC,KAAMC,EACN,QAASC,EACT,SAAUC,EACV,SAAUC,OAGAC,GAAZ,SAAYA,EAAoB,CAC9BA,EAAA,KAAA,OACAA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACF,GALYA,IAAAA,EAKX,GAAA,EAqBD,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,EAIPO,EAAa,CAAuBC,EAAMC,IAA0BD,EAAEC,CAAY,EAE3EC,EAAmB,CAAC,CAC/B,OAAAX,EAASF,EAAqB,KAC9B,SAAAc,EAAW,CAAE,EACb,GAAGC,CAAK,IAGNT,EAACU,EAAM,CACL,OAAQ,EACR,IAAI,QACJ,EAAE,UACF,EAAE,OACF,MAAO,CAAE,WAAY,2CAA2CC,EAAM,wBAAwB,CAAC,QAAQ,EAEvG,SAAAX,EAACY,EACC,CAAA,GAAG,iBACH,YAAY,kBACZ,YAAY,SACZ,YAAY,QACZ,aAAc,GACd,eAAe,aACf,EAAG,IAAG,SAEL,OAAO,KAAKlB,CAAoB,EAAE,IAAImB,GAAM,OAC3C,MAAMC,EAAOpB,EAAqBmB,CAAwC,EACpEE,GAAgBC,EAAAR,EAAS,KAAKS,GAAKA,EAAE,OAASH,CAAI,KAAC,MAAAE,IAAA,OAAA,OAAAA,EAAE,MACrDE,EAAO7B,EAAsBwB,CAAwC,EACrEd,EAAUK,EAAWK,EAAO,KAAKI,CAAG,EAAwB,EAElE,OAAIE,EAEAf,EAACmB,EAAO,CAAY,QAASJ,EAAe,MAAM,cAAa,SAC7Df,EAACC,GAAI,OAAO,yBAAyB,QAAS,GAAK,EAAG,IAAG,SACvDD,EAACkB,KACG,CAAA,CAAA,EAHMJ,CAAI,EAQpBd,EAACL,EAAM,CAAC,OAAQC,EAAQ,MAAOkB,EAAM,QAASf,EAAO,SACnDC,EAACkB,KADyD,EAAAJ,CAAI,CAIpE,CAAC,CAAC,CAAA,CAEG,CAAA"}

package/dist/panda.buildinfo.json

@@ -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","width]___[value:auto","width]___[value:max","maxWidth]___[value:72","background]___[value:surface.secondary]___[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","borderTopRadius]___[value:3xl","boxShadow]___[value:0px -12px 56px 0px rgba(119, 118, 122, 0.15)","zIndex]___[value:10","paddingBottom]___[value:6","justifyContent]___[value:space-between","minWidth]___[value:8]___[cond:& ><___>_first","minWidth]___[value:8]___[cond:& ><___>_last","textStyle]___[value:neutral","transform]___[value:translateX(-100%)","transform]___[value:translateX(100%)","transform]___[value:translateX(0)","width]___[value:80","borderRightRadius]___[value:2xl","borderLeftRadius]___[value:2xl","--thickness]___[value:1px","borderBlockEndWidth]___[value:var(--thickness)","borderColor]___[value:surface.quaternary","gap]___[value:2.5","boxShadow]___[value:true","background]___[value:#ffc439","outlineColor]___[value:#ffc439","border]___[value:1px solid transparent","paddingBlock]___[value:2.5","strokeWidth]___[value:2.5","gap]___[value:1","marginTop]___[value:0.5","width]___[value:60","flex]___[value:0 0 auto","borderRadius]___[value:9999px","animation]___[value:popIn 150ms","animation]___[value:popOut 150ms","animation]___[value:spin 1.5s linear infinite","stroke]___[value:text.primary","transformOrigin]___[value:center center","gap]___[value:1.5","stroke]___[value:brand.base","stroke]___[value:surface.primary","strokeOpacity]___[value:0.12","animation]___[value:spin 1s linear infinite","borderRadius]___[value:2rem","borderWidth]___[value:thick","borderColor]___[value:surface.primary","borderRadius]___[value:3xl","background]___[value:surface.primary]___[cond:_dark","left]___[value:-50%","transform]___[value:skewX(-20deg)","backgroundImage]___[value:linear-gradient(90deg, transparent,rgba(0, 0, 0, .1), transparent)","backgroundImage]___[value:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent)]___[cond:_dark","overflowWrap]___[value:break-word","wordBreak]___[value:break-word","fontWeight]___[value:600","justifyContent]___[value:space-around","background]___[value:neutral.quaternary","borderRadius]___[value:lg","minWidth]___[value:15rem","width]___[value:40%","borderLeft]___[value:thin solid","borderColor]___[value:neutral.tertiary","height]___[value:8","gap]___[value:3","userSelect]___[value:none","userSelect]___[value:auto","filter]___[value:blur(10px)","textWrap]___[value:nowrap","width]___[value:22","height]___[value:22","fontVariant]___[value:no-contextual","color]___[value:positive.darker","width]___[value:1.125rem","height]___[value:1.125rem","outlineStyle]___[value:none","objectFit]___[value:cover","borderStartRadius]___[value:input","width]___[value:20","background]___[value:surface.tertiary]___[cond:_hover","borderLeftWidth]___[value:thin","borderRadius]___[value:0","gap]___[value:2","background]___[value:brand.lightest]___[cond:_hover","transform]___[value:rotate(180)","width]___[value:14","height]___[value:14","top]___[value:55","maxHeight]___[value:17.5rem","overflowY]___[value:auto","width]___[value:18","height]___[value:18","minWidth]___[value:0","maxWidth]___[value:30rem","caretColor]___[value:transparent","borderRadius]___[value:0.5rem","marginBlock]___[value:4","maxWidth]___[value:8xl","marginInline]___[value:auto","paddingInline]___[value:6]___[cond:md","paddingInline]___[value:8]___[cond:lg","overlay]___[value:true","marginTop]___[value:8","marginTop]___[value:4","textStyle]___[value:subtle","height]___[value:24","width]___[value:24","padding]___[value:6","paddingTop]___[value:3","borderBottomColor]___[value:neutral.primary","borderBottomWidth]___[value:1px","width]___[value:6","flexDirection]___[value:column-reverse","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","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","background]___[value:surface.tertiary]___[cond:_dark","minHeight]___[value:16","width]___[value:16","height]___[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","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","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","height]___[value:76px","maxWidth]___[value:115px","height]___[value:100%","minWidth]___[value:20","paddingInline]___[value:10","pointerEvents]___[value:initial","color]___[value:text.primary]___[cond:_groupHover","height]___[value:6.25rem","background]___[value:text.primary/6","borderColor]___[value:text.primary/10","borderWidth]___[value:medium","borderRadius]___[value:52","backdropFilter]___[value:blur(24px)","height]___[value:2.625rem","width]___[value:2.625rem","boxShadow]___[value:0.125rem 0.125rem 1.5rem {colors.ink.70/15}","fill]___[value:ink.50","fill]___[value:ink.70]___[cond:_dark","fill]___[value:url(\"#logo-gradient\")]___[cond:_hover","fill]___[value:url(\"#logo-gradient\")]___[cond:_active","fill]___[value:url(\"#logo-gradient\")]___[cond:_focus","color]___[value:text.tertiary]___[cond:_groupHover","color]___[value:ink.50","color]___[value:ink.70]___[cond:_dark","backgroundColor]___[value:magic.10","animation]___[value:fadeIn 0.5s, moveRight 1s 0.5s forwards","borderRadius]___[value:50%","borderWidth]___[value:3px","height]___[value:3.875rem","width]___[value:3.875rem","marginTop]___[value:-3px","marginRight]___[value:0.9rem","zIndex]___[value:1","marginLeft]___[value:0.9rem","animation]___[value:fadeIn 0.5s, moveLeft 1s 0.5s forwards","height]___[value:34","width]___[value:34","height]___[value:56","width]___[value:56","backgroundColor]___[value:text.primary/1","backgroundColor]___[value:text.primary/5","backdropFilter]___[value:blur(8px)","borderColor]___[value:text.primary/6","paddingBlock]___[value:5","marginBlock]___[value:10","height]___[value:250","color]___[value:ink.70","padding]___[value:10","overflow]___[value:scroll","textStyle]___[value:negative","width]___[value:114px","height]___[value:48px","translateX]___[value:6","translateY]___[value:6","translateX]___[value:3","translateY]___[value:3","alignItems]___[value:baseline","margin]___[value:1","backgroundColor]___[value:neutral.secondary","backgroundColor]___[value:negative.lighter","gridTemplateColumns]___[value:2","gap]___[value:8"],"recipes":{}}}
+{"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","width]___[value:auto","width]___[value:max","maxWidth]___[value:72","background]___[value:surface.secondary]___[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","borderTopRadius]___[value:3xl","boxShadow]___[value:0px -12px 56px 0px rgba(119, 118, 122, 0.15)","zIndex]___[value:10","paddingBottom]___[value:6","justifyContent]___[value:space-between","minWidth]___[value:8]___[cond:& ><___>_first","minWidth]___[value:8]___[cond:& ><___>_last","textStyle]___[value:neutral","transform]___[value:translateX(-100%)","transform]___[value:translateX(100%)","transform]___[value:translateX(0)","width]___[value:80","borderRightRadius]___[value:2xl","borderLeftRadius]___[value:2xl","--thickness]___[value:1px","borderBlockEndWidth]___[value:var(--thickness)","borderColor]___[value:surface.quaternary","gap]___[value:2.5","boxShadow]___[value:true","background]___[value:#ffc439","outlineColor]___[value:#ffc439","border]___[value:1px solid transparent","paddingBlock]___[value:2.5","strokeWidth]___[value:2.5","gap]___[value:1","marginTop]___[value:0.5","width]___[value:60","flex]___[value:0 0 auto","borderRadius]___[value:9999px","animation]___[value:popIn 150ms","animation]___[value:popOut 150ms","animation]___[value:spin 1.5s linear infinite","stroke]___[value:text.primary","transformOrigin]___[value:center center","gap]___[value:1.5","stroke]___[value:brand.base","stroke]___[value:surface.primary","strokeOpacity]___[value:0.12","animation]___[value:spin 1s linear infinite","borderRadius]___[value:2rem","borderWidth]___[value:thick","borderColor]___[value:surface.primary","borderRadius]___[value:3xl","background]___[value:surface.primary]___[cond:_dark","left]___[value:-50%","transform]___[value:skewX(-20deg)","backgroundImage]___[value:linear-gradient(90deg, transparent,rgba(0, 0, 0, .1), transparent)","backgroundImage]___[value:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent)]___[cond:_dark","overflowWrap]___[value:break-word","wordBreak]___[value:break-word","fontWeight]___[value:600","justifyContent]___[value:space-around","background]___[value:neutral.quaternary","borderRadius]___[value:lg","minWidth]___[value:15rem","width]___[value:40%","borderLeft]___[value:thin solid","borderColor]___[value:neutral.tertiary","height]___[value:8","gap]___[value:3","userSelect]___[value:none","userSelect]___[value:auto","filter]___[value:blur(10px)","textWrap]___[value:nowrap","width]___[value:22","height]___[value:22","fontVariant]___[value:no-contextual","color]___[value:positive.darker","width]___[value:1.125rem","height]___[value:1.125rem","outlineStyle]___[value:none","objectFit]___[value:cover","borderStartRadius]___[value:input","width]___[value:20","background]___[value:surface.tertiary]___[cond:_hover","borderLeftWidth]___[value:thin","borderRadius]___[value:0","gap]___[value:2","background]___[value:brand.lightest]___[cond:_hover","transform]___[value:rotate(180)","width]___[value:14","height]___[value:14","top]___[value:55","maxHeight]___[value:17.5rem","overflowY]___[value:auto","width]___[value:18","height]___[value:18","minWidth]___[value:0","maxWidth]___[value:30rem","caretColor]___[value:transparent","borderRadius]___[value:0.5rem","marginBlock]___[value:4","maxWidth]___[value:8xl","marginInline]___[value:auto","paddingInline]___[value:6]___[cond:md","paddingInline]___[value:8]___[cond:lg","overlay]___[value:true","marginTop]___[value:8","marginTop]___[value:4","textStyle]___[value:subtle","height]___[value:24","width]___[value:24","padding]___[value:6","paddingTop]___[value:3","borderBottomColor]___[value:neutral.primary","borderBottomWidth]___[value:1px","width]___[value:6","flexDirection]___[value:column-reverse","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","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","background]___[value:surface.tertiary]___[cond:_dark","minHeight]___[value:16","width]___[value:16","height]___[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","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","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","textStyle]___[value:negative","width]___[value:114px","height]___[value:48px","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":{}}}

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

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

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

@@ -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,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,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,gFAQjB,YAAY,4CAkBd,CAAC"}
+{"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"}

package/dist/types/components/layouts/wallet-page/fiat.d.ts

@@ -1,5 +1,5 @@
 export interface FiatProps {
-    fiatTotal?: number;
+    fiatTotal?: string;
     symbol?: string;
 }
 export declare const Fiat: ({ fiatTotal, symbol }: FiatProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -3,11 +3,11 @@ 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, sendLabel, receiveLabel, onBuy, onSend, onReceive, }: import("./actions").ActionsProps) => 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;
     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;
     Content: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
     Fiat: ({ fiatTotal, symbol }: import("./fiat").FiatProps) => import("react/jsx-runtime").JSX.Element;
-    Navigation: ({ active, onActivity, onGallery, onHome, onSettings, }: import("../../sections/wallet-navigation").WalletNavigationProps) => import("react/jsx-runtime").JSX.Element;
+    Navigation: ({ active, disabled, ...props }: import("../../sections/wallet-navigation").WalletNavigationProps) => import("react/jsx-runtime").JSX.Element;
 };
 //# sourceMappingURL=index.d.ts.map

package/dist/types/components/sections/wallet-actions.d.ts

@@ -4,12 +4,13 @@ export interface ActionProps extends PropsWithChildren {
     label: string;
     onPress: () => void;
     actionBox?: boolean;
+    disabledLabel?: string;
 }
 export interface WalletActionsProps extends PropsWithChildren {
     actionBox?: boolean;
 }
 export declare const WalletActions: {
     ({ actionBox, children }: WalletActionsProps): import("react/jsx-runtime").JSX.Element;
-    Action: ({ actionBox, children, label, onPress }: ActionProps) => import("react/jsx-runtime").JSX.Element;
+    Action: ({ actionBox, children, disabledLabel, label, onPress }: ActionProps) => import("react/jsx-runtime").JSX.Element;
 };
 //# sourceMappingURL=wallet-actions.d.ts.map

package/dist/types/components/sections/wallet-actions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wallet-actions.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/wallet-actions.tsx"],"names":[],"mappings":"AAKA,OAAO,EAA0B,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAEhF,MAAM,WAAW,WAAY,SAAQ,iBAAiB;IACpD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAuCD,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,aAAa;8BAA6B,kBAAkB;sDAzCL,WAAW;CAwD9E,CAAC"}
+{"version":3,"file":"wallet-actions.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/wallet-actions.tsx"],"names":[],"mappings":"AAMA,OAAO,EAA0B,iBAAiB,EAAgB,MAAM,OAAO,CAAC;AAEhF,MAAM,WAAW,WAAY,SAAQ,iBAAiB;IACpD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AA6CD,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,aAAa;8BAA6B,kBAAkB;qEA/CU,WAAW;CAwE7F,CAAC"}

package/dist/types/components/sections/wallet-navigation.d.ts

@@ -1,15 +1,27 @@
+export declare const WalletNavigationIcons: {
+    Home: ({ color: customColor, title, titleId, ...props }: import("../icons/ico-home-fill").Props) => import("react/jsx-runtime").JSX.Element;
+    Gallery: ({ color: customColor, title, titleId, ...props }: import("../icons/ico-grid-fill").Props) => import("react/jsx-runtime").JSX.Element;
+    Activity: ({ color: customColor, title, titleId, ...props }: import("../icons/ico-clock-fill").Props) => import("react/jsx-runtime").JSX.Element;
+    Settings: ({ color: customColor, title, titleId, ...props }: import("../icons/ico-settings-fill").Props) => import("react/jsx-runtime").JSX.Element;
+};
 export declare enum WalletNavigationType {
     Home = "home",
     Gallery = "gallery",
     Activity = "activity",
     Settings = "settings"
 }
+type DisabledProps = {
+    type: WalletNavigationType;
+    label: string;
+};
 export interface WalletNavigationProps {
     active?: WalletNavigationType;
     onActivity: () => void;
     onGallery: () => void;
     onHome: () => void;
     onSettings: () => void;
+    disabled?: DisabledProps[];
 }
-export declare const WalletNavigation: ({ active, onActivity, onGallery, onHome, onSettings, }: WalletNavigationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const WalletNavigation: ({ active, disabled, ...props }: WalletNavigationProps) => import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=wallet-navigation.d.ts.map

package/dist/types/components/sections/wallet-navigation.d.ts.map

@@ -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,4CAiCvB,CAAC"}
+{"version":3,"file":"wallet-navigation.d.ts","sourceRoot":"","sources":["../../../../src/components/sections/wallet-navigation.tsx"],"names":[],"mappings":"AAQA,eAAO,MAAM,qBAAqB;;;;;CAKjC,CAAC;AAEF,oBAAY,oBAAoB;IAC9B,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,QAAQ,aAAa;IACrB,QAAQ,aAAa;CACtB;AAOD,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,oBAAoB,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,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;IACvB,QAAQ,CAAC,EAAE,aAAa,EAAE,CAAC;CAC5B;AAmBD,eAAO,MAAM,gBAAgB,mCAI1B,qBAAqB,4CA0CvB,CAAC"}

package/package.json

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