@magiclabs/ui-components 1.32.0 → 1.33.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,2 +1,2 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime");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 C=require("../primitives/text.js"),O=require("../../hooks/useClickAway.js"),S=require("../../hooks/useToggleState.js"),a=require("@styled/css"),o=require("react"),p=require("react-aria");const j=2500,x=o.forwardRef((s,m)=>{const f="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.maxTouchPoints>0,{children:g,content:v,width:u=288,closeDelay:b=j,defaultOpen:h,...y}=s,[i,n]=o.useState(!1),{isSelected:c,setSelected:r}=S.useToggleState({isOpen:s.isOpen,defaultSelected:h,onChange(l){l||n(!1)},...s}),e=o.useMemo(()=>({isOpen:c,open:()=>{r(!0)},close:l=>{if(l){r(!1);return}f?r(!1):(i&&setTimeout(()=>{r(!1),n(!1)},b),i||r(!1))}}),[c,i]),q=o.useRef(null),{triggerProps:d,tooltipProps:w}=p.useTooltipTrigger(s,e,q);d.onClick=()=>{e.open(),n(!0)};const T=O.useClickAway(()=>{e.close(!0)});return t.jsxs("div",{ref:T,className:a.css({position:"relative"}),onMouseLeave:()=>{e.close()},onFocus:()=>{e.open()},onBlur:()=>{e.close()},children:[o.cloneElement(g,{...d,tabIndex:0}),t.jsxs("div",{ref:m,"aria-describedby":"tooltip",role:"tooltip",style:{width:u},className:a.cx(a.css({display:e.isOpen?"block":"none",maxW:72,width:"max",color:"text.secondary",bgColor:"surface.primary",_dark:{bgColor:"surface.secondary"},borderColor:"neutral.secondary",position:"absolute",py:2,px:3,borderRadius:"xl",boxShadow:"0px 4px 20px 0px rgba(0, 0, 0, 0.10)",top:0,left:"50%",transform:"translateX(-50%) translateY(calc(-100% - 0.75rem))",zIndex:"max"})),onMouseEnter:()=>{e.open()},...p.mergeProps(w,y),children:[t.jsx(C.default,{size:"sm",children:v}),e.isOpen&&t.jsx("div",{onMouseEnter:()=>{e.open()},style:{width:u},className:a.css({position:"absolute",h:4,bottom:0,left:"50%",transform:"translateX(-50%) translateY(0.75rem)"})})]})]})});x.displayName="Tooltip",exports.default=x;
1
+ "use strict";Object.defineProperty(exports,"__esModule",{value:!0});var i=require("react/jsx-runtime");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 M=require("../primitives/text.js"),b=require("../../hooks/useClickAway.js"),k=require("../../hooks/useToggleState.js"),B=require("../../recipes/tooltip.js"),u=require("@styled/jsx"),t=require("react"),x=require("react-aria");const g=t.forwardRef((o,q)=>{const m="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.maxTouchPoints>0,{children:v,content:f,width:h=288,closeDelay:O=2500,defaultOpen:T,placement:c="top",expand:j=!1,...w}=o,[s,n]=t.useState(!1),{isSelected:p,setSelected:r}=k.useToggleState({isOpen:o.isOpen,defaultSelected:T,onChange(l){l||n(!1)},...o}),e=t.useMemo(()=>({isOpen:p,open:()=>{r(!0)},close:l=>{if(l){r(!1);return}m?r(!1):(s&&setTimeout(()=>{r(!1),n(!1)},O),s||r(!1))}}),[p,s]),y=t.useRef(null),{triggerProps:d,tooltipProps:P}=x.useTooltipTrigger(o,e,y);d.onClick=()=>{e.open(),n(!0)};const S=b.useClickAway(()=>{e.close(!0)}),C=c.split(" ")[0],a=B.tooltip({expand:j,isOpen:e.isOpen,placement:c,position:C});return i.jsxs(u.Box,{ref:S,className:a.trigger,onMouseLeave:()=>{e.close()},onFocus:()=>{e.open()},onBlur:()=>{e.close()},children:[t.cloneElement(v,{...d,tabIndex:0}),i.jsxs(u.Box,{ref:q,"aria-describedby":"tooltip",role:"tooltip",className:a.content,style:{width:h},onMouseEnter:()=>{e.open()},...x.mergeProps(P,w),children:[i.jsx(M.default,{size:"sm",children:f}),e.isOpen&&i.jsx(u.Box,{onMouseEnter:()=>{e.open()},className:a.spacer})]})]})});g.displayName="Tooltip",exports.default=g;
2
2
  //# sourceMappingURL=tooltip.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.js","sources":["../../../../src/components/feedback/tooltip.tsx"],"sourcesContent":["import { Text } from '@components/primitives';\nimport { useClickAway } from '@hooks/useClickAway';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { css, cx } from '@styled/css';\nimport { PropsWithChildren, ReactElement, ReactNode, cloneElement, forwardRef, useMemo, useRef, useState } from 'react';\nimport { TooltipTriggerProps, mergeProps, useTooltipTrigger } from 'react-aria';\n\nexport type TooltipProps = PropsWithChildren<\n {\n content: ReactNode;\n width?: number | string;\n } & TooltipTriggerProps\n>;\n\nconst DEFAULT_CLOSE_DELAY = 2500;\n\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, forwardedRef) => {\n const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.maxTouchPoints > 0;\n\n const { children, content, width = 288, closeDelay = DEFAULT_CLOSE_DELAY, defaultOpen, ...restProps } = props;\n const [isClicked, setIsClicked] = useState(false);\n\n const { isSelected: isOpen, setSelected: setOpen } = useToggleState({\n isOpen: props.isOpen,\n defaultSelected: defaultOpen,\n onChange(open) {\n if (!open) {\n setIsClicked(false);\n }\n },\n ...props,\n });\n\n const state = useMemo(\n () => ({\n isOpen,\n open: () => {\n setOpen(true);\n },\n close: (immediate?: boolean) => {\n if (immediate) {\n setOpen(false);\n return;\n }\n if (!isTouchDevice) {\n if (isClicked) {\n setTimeout(() => {\n setOpen(false);\n setIsClicked(false);\n }, closeDelay);\n }\n if (!isClicked) {\n setOpen(false);\n }\n } else {\n setOpen(false);\n }\n },\n }),\n [isOpen, isClicked],\n );\n\n const triggerRef = useRef<HTMLDivElement>(null);\n const { triggerProps, tooltipProps } = useTooltipTrigger(props, state, triggerRef);\n\n triggerProps.onClick = () => {\n state.open();\n setIsClicked(true);\n };\n\n const clickAwayRef = useClickAway<HTMLDivElement>(() => {\n state.close(true);\n });\n\n return (\n <div\n ref={clickAwayRef}\n className={css({ position: 'relative' })}\n onMouseLeave={() => {\n state.close();\n }}\n onFocus={() => {\n state.open();\n }}\n onBlur={() => {\n state.close();\n }}\n >\n {cloneElement(children as ReactElement, {\n ...triggerProps,\n tabIndex: 0,\n })}\n <div\n ref={forwardedRef}\n aria-describedby=\"tooltip\"\n role=\"tooltip\"\n style={{ width }}\n className={cx(\n css({\n display: state.isOpen ? 'block' : 'none',\n maxW: 72,\n width: 'max',\n color: 'text.secondary',\n bgColor: 'surface.primary',\n _dark: { bgColor: 'surface.secondary' },\n borderColor: 'neutral.secondary',\n position: 'absolute',\n py: 2,\n px: 3,\n borderRadius: 'xl',\n boxShadow: '0px 4px 20px 0px rgba(0, 0, 0, 0.10)',\n top: 0,\n left: '50%',\n transform: 'translateX(-50%) translateY(calc(-100% - 0.75rem))',\n zIndex: 'max',\n }),\n )}\n onMouseEnter={() => {\n state.open();\n }}\n {...mergeProps(tooltipProps, restProps)}\n >\n <Text size=\"sm\">{content}</Text>\n {state.isOpen && (\n <div\n onMouseEnter={() => {\n state.open();\n }}\n style={{ width }}\n className={css({\n position: 'absolute',\n h: 4,\n bottom: 0,\n left: '50%',\n transform: 'translateX(-50%) translateY(0.75rem)',\n })}\n />\n )}\n </div>\n </div>\n );\n});\n\nTooltip.displayName = 'Tooltip';\n\nexport default Tooltip;\n"],"names":["DEFAULT_CLOSE_DELAY","Tooltip","forwardRef","props","forwardedRef","isTouchDevice","children","content","width","closeDelay","defaultOpen","restProps","isClicked","setIsClicked","useState","isOpen","setOpen","useToggleState","open","state","useMemo","immediate","triggerRef","useRef","triggerProps","tooltipProps","useTooltipTrigger","clickAwayRef","useClickAway","_jsxs","css","cloneElement","cx","mergeProps","_jsx","Text"],"mappings":"yjBAcMA,EAAsB,KAEtBC,EAAUC,EAAAA,WAAyC,CAACC,EAAOC,IAAgB,CAC/E,MAAMC,EAAgB,iBAAkB,QAAU,UAAU,eAAiB,GAAK,UAAU,eAAiB,EAEvG,CAAE,SAAAC,EAAU,QAAAC,EAAS,MAAAC,EAAQ,IAAK,WAAAC,EAAaT,EAAqB,YAAAU,EAAa,GAAGC,CAAW,EAAGR,EAClG,CAACS,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAE1C,CAAE,WAAYC,EAAQ,YAAaC,CAAO,EAAKC,EAAAA,eAAe,CAClE,OAAQd,EAAM,OACd,gBAAiBO,EACjB,SAASQ,EAAI,CACNA,GACHL,EAAa,EAAK,CAEtB,EACA,GAAGV,CACJ,CAAA,EAEKgB,EAAQC,EAAAA,QACZ,KAAO,CACL,OAAAL,EACA,KAAM,IAAK,CACTC,EAAQ,EAAI,CACd,EACA,MAAQK,GAAuB,CAC7B,GAAIA,EAAW,CACbL,EAAQ,EAAK,EACb,MACF,CACKX,EAWHW,EAAQ,EAAK,GAVTJ,GACF,WAAW,IAAK,CACdI,EAAQ,EAAK,EACbH,EAAa,EAAK,CACpB,EAAGJ,CAAU,EAEVG,GACHI,EAAQ,EAAK,EAKnB,CACD,GACD,CAACD,EAAQH,CAAS,CAAC,EAGfU,EAAaC,EAAAA,OAAuB,IAAI,EACxC,CAAE,aAAAC,EAAc,aAAAC,GAAiBC,EAAAA,kBAAkBvB,EAAOgB,EAAOG,CAAU,EAEjFE,EAAa,QAAU,IAAK,CAC1BL,EAAM,OACNN,EAAa,EAAI,CACnB,EAEA,MAAMc,EAAeC,eAA6B,IAAK,CACrDT,EAAM,MAAM,EAAI,CAClB,CAAC,EAED,OACEU,EAAAA,YACE,IAAKF,EACL,UAAWG,EAAAA,IAAI,CAAE,SAAU,UAAY,CAAA,EACvC,aAAc,IAAK,CACjBX,EAAM,MACR,CAAA,EACA,QAAS,IAAK,CACZA,EAAM,MACR,EACA,OAAQ,IAAK,CACXA,EAAM,MAAK,CACb,EAEC,SAAA,CAAAY,EAAAA,aAAazB,EAA0B,CACtC,GAAGkB,EACH,SAAU,EACX,EACDK,cACE,IAAKzB,EACY,mBAAA,UACjB,KAAK,UACL,MAAO,CAAE,MAAAI,CAAO,EAChB,UAAWwB,EAAAA,GACTF,EAAAA,IAAI,CACF,QAASX,EAAM,OAAS,QAAU,OAClC,KAAM,GACN,MAAO,MACP,MAAO,iBACP,QAAS,kBACT,MAAO,CAAE,QAAS,mBAAqB,EACvC,YAAa,oBACb,SAAU,WACV,GAAI,EACJ,GAAI,EACJ,aAAc,KACd,UAAW,uCACX,IAAK,EACL,KAAM,MACN,UAAW,qDACX,OAAQ,KACT,CAAA,CAAC,EAEJ,aAAc,IAAK,CACjBA,EAAM,KACR,CAAA,EAAC,GACGc,aAAWR,EAAcd,CAAS,EAEtC,SAAA,CAAAuB,EAAAA,IAACC,EAAAA,QAAI,CAAC,KAAK,KAAI,SAAE5B,CAAO,CAAA,EACvBY,EAAM,QACLe,MACE,MAAA,CAAA,aAAc,IAAK,CACjBf,EAAM,KAAI,CACZ,EACA,MAAO,CAAE,MAAAX,GACT,UAAWsB,EAAI,IAAA,CACb,SAAU,WACV,EAAG,EACH,OAAQ,EACR,KAAM,MACN,UAAW,sCACZ,CAAA,CACD,CAAA,CACH,CACG,CAAA,CAAA,CAAA,CAAA,CAGZ,CAAC,EAED7B,EAAQ,YAAc"}
1
+ {"version":3,"file":"tooltip.js","sources":["../../../../src/components/feedback/tooltip.tsx"],"sourcesContent":["import { Text } from '@components/primitives';\nimport { useClickAway } from '@hooks/useClickAway';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { tooltip } from '@recipes/tooltip';\nimport { Box } from '@styled/jsx';\nimport { PropsWithChildren, ReactElement, ReactNode, cloneElement, forwardRef, useMemo, useRef, useState } from 'react';\nimport { TooltipTriggerProps, mergeProps, useTooltipTrigger } from 'react-aria';\n\ntype Position = 'top' | 'bottom' | 'left' | 'right';\n\ntype Placement =\n | 'top'\n | 'top right'\n | 'top left'\n | 'left'\n | 'left top'\n | 'left bottom'\n | 'right'\n | 'right top'\n | 'right bottom'\n | 'bottom'\n | 'bottom right'\n | 'bottom left';\n\nexport type TooltipProps = PropsWithChildren<\n {\n content: ReactNode;\n width?: number | string;\n placement?: Placement;\n expand?: boolean;\n } & TooltipTriggerProps\n>;\n\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, forwardedRef) => {\n const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.maxTouchPoints > 0;\n\n const {\n children,\n content,\n width = 288,\n closeDelay = 2500,\n defaultOpen,\n placement = 'top',\n expand = false,\n ...restProps\n } = props;\n const [isClicked, setIsClicked] = useState(false);\n\n const { isSelected: isOpen, setSelected: setOpen } = useToggleState({\n isOpen: props.isOpen,\n defaultSelected: defaultOpen,\n onChange(open) {\n if (!open) {\n setIsClicked(false);\n }\n },\n ...props,\n });\n\n const state = useMemo(\n () => ({\n isOpen,\n open: () => {\n setOpen(true);\n },\n close: (immediate?: boolean) => {\n if (immediate) {\n setOpen(false);\n return;\n }\n if (!isTouchDevice) {\n if (isClicked) {\n setTimeout(() => {\n setOpen(false);\n setIsClicked(false);\n }, closeDelay);\n }\n if (!isClicked) {\n setOpen(false);\n }\n } else {\n setOpen(false);\n }\n },\n }),\n [isOpen, isClicked],\n );\n\n const triggerRef = useRef<HTMLDivElement>(null);\n const { triggerProps, tooltipProps } = useTooltipTrigger(props, state, triggerRef);\n\n triggerProps.onClick = () => {\n state.open();\n setIsClicked(true);\n };\n\n const clickAwayRef = useClickAway<HTMLDivElement>(() => {\n state.close(true);\n });\n\n const position = placement.split(' ')[0] as Position;\n const classes = tooltip({ expand, isOpen: state.isOpen, placement, position });\n\n return (\n <Box\n ref={clickAwayRef}\n className={classes.trigger}\n onMouseLeave={() => {\n state.close();\n }}\n onFocus={() => {\n state.open();\n }}\n onBlur={() => {\n state.close();\n }}\n >\n {cloneElement(children as ReactElement, {\n ...triggerProps,\n tabIndex: 0,\n })}\n <Box\n ref={forwardedRef}\n aria-describedby=\"tooltip\"\n role=\"tooltip\"\n className={classes.content}\n style={{ width }}\n onMouseEnter={() => {\n state.open();\n }}\n {...mergeProps(tooltipProps, restProps)}\n >\n <Text size=\"sm\">{content}</Text>\n {state.isOpen && (\n <Box\n onMouseEnter={() => {\n state.open();\n }}\n className={classes.spacer}\n />\n )}\n </Box>\n </Box>\n );\n});\n\nTooltip.displayName = 'Tooltip';\n\nexport default Tooltip;\n"],"names":["Tooltip","forwardRef","props","forwardedRef","isTouchDevice","children","content","width","closeDelay","defaultOpen","placement","expand","restProps","isClicked","setIsClicked","useState","isOpen","setOpen","useToggleState","open","state","useMemo","immediate","triggerRef","useRef","triggerProps","tooltipProps","useTooltipTrigger","clickAwayRef","useClickAway","position","classes","tooltip","_jsxs","Box","cloneElement","mergeProps","_jsx","Text"],"mappings":"ylBAiCMA,MAAAA,EAAUC,EAAAA,WAAyC,CAACC,EAAOC,IAAgB,CAC/E,MAAMC,EAAgB,iBAAkB,QAAU,UAAU,eAAiB,GAAK,UAAU,eAAiB,EAEvG,CACJ,SAAAC,EACA,QAAAC,EACA,MAAAC,EAAQ,IACR,WAAAC,EAAa,KACb,YAAAC,EACA,UAAAC,EAAY,MACZ,OAAAC,EAAS,GACT,GAAGC,CAAS,EACVV,EACE,CAACW,EAAWC,CAAY,EAAIC,EAAAA,SAAS,EAAK,EAE1C,CAAE,WAAYC,EAAQ,YAAaC,CAAO,EAAKC,EAAAA,eAAe,CAClE,OAAQhB,EAAM,OACd,gBAAiBO,EACjB,SAASU,EAAI,CACNA,GACHL,EAAa,EAAK,CAEtB,EACA,GAAGZ,CACJ,CAAA,EAEKkB,EAAQC,EAAAA,QACZ,KAAO,CACL,OAAAL,EACA,KAAM,IAAK,CACTC,EAAQ,EAAI,CACd,EACA,MAAQK,GAAuB,CAC7B,GAAIA,EAAW,CACbL,EAAQ,EAAK,EACb,MACF,CACKb,EAWHa,EAAQ,EAAK,GAVTJ,GACF,WAAW,IAAK,CACdI,EAAQ,EAAK,EACbH,EAAa,EAAK,CACpB,EAAGN,CAAU,EAEVK,GACHI,EAAQ,EAAK,EAKnB,CACD,GACD,CAACD,EAAQH,CAAS,CAAC,EAGfU,EAAaC,EAAAA,OAAuB,IAAI,EACxC,CAAE,aAAAC,EAAc,aAAAC,GAAiBC,EAAAA,kBAAkBzB,EAAOkB,EAAOG,CAAU,EAEjFE,EAAa,QAAU,IAAK,CAC1BL,EAAM,KACNN,EAAAA,EAAa,EAAI,CACnB,EAEA,MAAMc,EAAeC,EAAAA,aAA6B,IAAK,CACrDT,EAAM,MAAM,EAAI,CAClB,CAAC,EAEKU,EAAWpB,EAAU,MAAM,GAAG,EAAE,CAAC,EACjCqB,EAAUC,EAAAA,QAAQ,CAAE,OAAArB,EAAQ,OAAQS,EAAM,OAAQ,UAAAV,EAAW,SAAAoB,CAAQ,CAAE,EAE7E,OACEG,EAAAA,KAACC,MACC,CAAA,IAAKN,EACL,UAAWG,EAAQ,QACnB,aAAc,IAAK,CACjBX,EAAM,MACR,CAAA,EACA,QAAS,IAAK,CACZA,EAAM,KACR,CAAA,EACA,OAAQ,IAAK,CACXA,EAAM,MACR,CAAA,EAEC,SAAA,CAAAe,eAAa9B,EAA0B,CACtC,GAAGoB,EACH,SAAU,CACX,CAAA,EACDQ,EAAAA,KAACC,EAAG,IAAA,CACF,IAAK/B,EAAY,mBACA,UACjB,KAAK,UACL,UAAW4B,EAAQ,QACnB,MAAO,CAAE,MAAAxB,CAAO,EAChB,aAAc,IAAK,CACjBa,EAAM,KACR,CAAA,EACI,GAAAgB,EAAWV,WAAAA,EAAcd,CAAS,EAAC,SAAA,CAEvCyB,EAAAA,IAACC,EAAAA,QAAK,CAAA,KAAK,KAAM,SAAAhC,CAAe,CAAA,EAC/Bc,EAAM,QACLiB,EAAAA,IAACH,EAAAA,IAAG,CACF,aAAc,IAAK,CACjBd,EAAM,KACR,CAAA,EACA,UAAWW,EAAQ,MAAM,CAAA,CAE5B,CAAA,CAAA,CACG,CACF,CAAA,CAEV,CAAC,EAED/B,EAAQ,YAAc"}
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("react/jsx-runtime"),o=require("react"),r=require("@styled/jsx"),n=require("create-slots"),l=require("../primitives/text.js"),g=require("@styled/css"),f=require("../containers/button.js");require("../containers/card.js"),require("@styled/tokens"),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("../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");const x=n.createSlot(({backgroundColor:i,children:t})=>e.jsx(r.Center,{borderRadius:60,height:11,width:11,backgroundColor:i,overflow:"hidden",children:o.cloneElement(o.Children.only(t),{height:24,width:24})})),b=n.createSlot(({backgroundColor:i,children:t})=>e.jsxs(r.Box,{height:10,width:10,position:"relative",children:[e.jsx(r.Flex,{alignItems:"center",justifyContent:"center",position:"absolute",backgroundColor:i,height:7,width:7,borderRadius:30,children:o.cloneElement(t[0],{height:20,width:20})}),e.jsx(r.Flex,{alignItems:"center",justifyContent:"center",position:"absolute",backgroundColor:i,borderRadius:30,height:7,width:7,bottom:0,right:0,children:o.cloneElement(t[1],{height:20,width:20})})]})),m=n.createSlot(({backgroundColor:i,children:t})=>e.jsx(r.Flex,{backgroundColor:i,borderRadius:30,alignItems:"center",justifyContent:"center",borderWidth:"2",borderColor:"neutral.tertiary",width:"5",height:"5",children:o.cloneElement(o.Children.only(t),{height:10,width:10})})),v=({title:i,subtitle:t,primaryValue:q,primaryValueColor:j,secondaryValue:c,children:y,onPress:C,...a})=>n.createHost(y,s=>{const d=s.get(b),u=s.get(x),h=s.get(m);return e.jsx(f.ButtonContainer,{borderRadius:"0.375rem",expand:!0,onPress:C,children:e.jsxs(r.HStack,{p:3,gap:2,w:"full",pos:"relative",className:g.cx(g.css({_active:{transform:"scale(0.95)"},_hover:{bgColor:"neutral.secondary"},bgColor:"neutral.tertiary"})),borderRadius:"md",justify:"space-between",alignItems:"center",...a,children:[e.jsxs(r.HStack,{children:[d&&d,u&&u,h&&e.jsx(r.Box,{position:"absolute",left:9,top:11,children:h}),e.jsxs(r.Box,{children:[e.jsx(l.default,{truncate:!0,size:"md",fontWeight:"bold",children:i})," ",t&&e.jsx(l.default,{truncate:!0,size:"sm",fontColor:"text.secondary",children:t})]})]}),e.jsxs(r.Box,{children:[e.jsx(l.default,{truncate:!0,size:"md",styles:{textAlign:"end",color:j},...a,children:q}),c&&e.jsx(l.default,{truncate:!0,size:"sm",styles:{textAlign:"end"},fontColor:"text.secondary",children:c})]})]})})}),p=Object.assign(v,{DoubleIcon:b,PrimaryIcon:x,SecondaryIcon:m});exports.ActivityListItem=p;
2
+ //# sourceMappingURL=activity-list-item.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"activity-list-item.js","sources":["../../../../src/components/list-items/activity-list-item.tsx"],"sourcesContent":["import { Children, cloneElement, PropsWithChildren, ReactElement } from 'react';\nimport { Box, Center, Flex, HStack } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport Text from '@components/primitives/text';\nimport { css, cx } from '@styled/css';\nimport { ButtonContainer } from '@components/containers';\n\nexport interface ActivityListItemProps extends PropsWithChildren {\n onPress?: () => void;\n title: string;\n subtitle?: string;\n primaryValue: string;\n primaryValueColor?: string;\n secondaryValue?: string;\n}\n\nexport interface IconProps extends PropsWithChildren {\n backgroundColor?: string;\n}\n\nexport interface DoubleIconProps {\n backgroundColor?: string;\n children: ReactElement[];\n}\n\nconst PrimaryIcon = createSlot(({ backgroundColor, children }: IconProps) => (\n <Center borderRadius={60} height={11} width={11} backgroundColor={backgroundColor} overflow=\"hidden\">\n {cloneElement(Children.only(children) as ReactElement, { height: 24, width: 24 })}\n </Center>\n));\n\nconst DoubleIcon = createSlot(({ backgroundColor, children }: DoubleIconProps) => {\n return (\n <Box height={10} width={10} position=\"relative\">\n <Flex\n alignItems=\"center\"\n justifyContent=\"center\"\n position=\"absolute\"\n backgroundColor={backgroundColor}\n height={7}\n width={7}\n borderRadius={30}\n >\n {cloneElement(children[0] as ReactElement, { height: 20, width: 20 })}\n </Flex>\n <Flex\n alignItems=\"center\"\n justifyContent=\"center\"\n position=\"absolute\"\n backgroundColor={backgroundColor}\n borderRadius={30}\n height={7}\n width={7}\n bottom={0}\n right={0}\n >\n {cloneElement(children[1] as ReactElement, { height: 20, width: 20 })}\n </Flex>\n </Box>\n );\n});\n\nconst SecondaryIcon = createSlot(({ backgroundColor, children }: IconProps) => (\n <Flex\n backgroundColor={backgroundColor}\n borderRadius={30}\n alignItems=\"center\"\n justifyContent=\"center\"\n borderWidth=\"2\"\n borderColor=\"neutral.tertiary\"\n width=\"5\"\n height=\"5\"\n >\n {cloneElement(Children.only(children) as ReactElement, { height: 10, width: 10 })}\n </Flex>\n));\n\nconst ActivityListItemHost = ({\n title,\n subtitle,\n primaryValue,\n primaryValueColor,\n secondaryValue,\n children,\n onPress,\n ...props\n}: ActivityListItemProps) => {\n return createHost(children, slots => {\n const doubleIcon = slots.get(DoubleIcon);\n const primaryIcon = slots.get(PrimaryIcon);\n const secondaryIcon = slots.get(SecondaryIcon);\n\n return (\n <ButtonContainer borderRadius=\"0.375rem\" expand onPress={onPress}>\n <HStack\n p={3}\n gap={2}\n w=\"full\"\n pos=\"relative\"\n className={cx(\n css({\n _active: { transform: 'scale(0.95)' },\n _hover: { bgColor: 'neutral.secondary' },\n bgColor: 'neutral.tertiary',\n }),\n )}\n borderRadius=\"md\"\n justify=\"space-between\"\n alignItems=\"center\"\n {...props}\n >\n <HStack>\n {doubleIcon && doubleIcon}\n {primaryIcon && primaryIcon}\n {secondaryIcon && (\n <Box position=\"absolute\" left={9} top={11}>\n {secondaryIcon}\n </Box>\n )}\n <Box>\n <Text truncate={true} size=\"md\" fontWeight=\"bold\">\n {title}\n </Text>{' '}\n {subtitle && (\n <Text truncate={true} size=\"sm\" fontColor=\"text.secondary\">\n {subtitle}\n </Text>\n )}\n </Box>\n </HStack>\n\n <Box>\n <Text truncate={true} size=\"md\" styles={{ textAlign: 'end', color: primaryValueColor }} {...props}>\n {primaryValue}\n </Text>\n {secondaryValue && (\n <Text truncate={true} size=\"sm\" styles={{ textAlign: 'end' }} fontColor=\"text.secondary\">\n {secondaryValue}\n </Text>\n )}\n </Box>\n </HStack>\n </ButtonContainer>\n );\n });\n};\n\nexport const ActivityListItem = Object.assign(ActivityListItemHost, {\n DoubleIcon,\n PrimaryIcon,\n SecondaryIcon,\n});\n"],"names":["PrimaryIcon","createSlot","backgroundColor","children","_jsx","Center","cloneElement","Children","DoubleIcon","_jsxs","Box","Flex","SecondaryIcon","ActivityListItemHost","title","subtitle","primaryValue","primaryValueColor","secondaryValue","onPress","props","createHost","slots","doubleIcon","primaryIcon","secondaryIcon","ButtonContainer","HStack","cx","css","Text","ActivityListItem"],"mappings":"uxBAyBA,MAAMA,EAAcC,EAAAA,WAAW,CAAC,CAAE,gBAAAC,EAAiB,SAAAC,CAAqB,IACtEC,EAAAA,IAACC,EAAAA,OAAM,CAAC,aAAc,GAAI,OAAQ,GAAI,MAAO,GAAI,gBAAiBH,EAAiB,SAAS,SAAQ,SACjGI,eAAaC,EAAAA,SAAS,KAAKJ,CAAQ,EAAmB,CAAE,OAAQ,GAAI,MAAO,EAAE,CAAE,CAAC,CAAA,CAEpF,EAEKK,EAAaP,EAAAA,WAAW,CAAC,CAAE,gBAAAC,EAAiB,SAAAC,CAA2B,IAEzEM,EAAAA,KAACC,EAAG,IAAA,CAAC,OAAQ,GAAI,MAAO,GAAI,SAAS,WAAU,SAAA,CAC7CN,MAACO,EAAAA,KACC,CAAA,WAAW,SACX,eAAe,SACf,SAAS,WACT,gBAAiBT,EACjB,OAAQ,EACR,MAAO,EACP,aAAc,GAEb,SAAAI,EAAAA,aAAaH,EAAS,CAAC,EAAmB,CAAE,OAAQ,GAAI,MAAO,EAAI,CAAA,CAC/D,CAAA,EACPC,EAAAA,IAACO,EAAAA,KACC,CAAA,WAAW,SACX,eAAe,SACf,SAAS,WACT,gBAAiBT,EACjB,aAAc,GACd,OAAQ,EACR,MAAO,EACP,OAAQ,EACR,MAAO,EAEN,SAAAI,EAAaH,aAAAA,EAAS,CAAC,EAAmB,CAAE,OAAQ,GAAI,MAAO,EAAI,CAAA,CAC/D,CAAA,CAAA,CAAA,CAAA,CAGZ,EAEKS,EAAgBX,aAAW,CAAC,CAAE,gBAAAC,EAAiB,SAAAC,CAAqB,IACxEC,EAAAA,IAACO,EACC,KAAA,CAAA,gBAAiBT,EACjB,aAAc,GACd,WAAW,SACX,eAAe,SACf,YAAY,IACZ,YAAY,mBACZ,MAAM,IACN,OAAO,IAAG,SAETI,EAAaC,aAAAA,EAAAA,SAAS,KAAKJ,CAAQ,EAAmB,CAAE,OAAQ,GAAI,MAAO,EAAI,CAAA,CAC3E,CAAA,CACR,EAEKU,EAAuB,CAAC,CAC5B,MAAAC,EACA,SAAAC,EACA,aAAAC,EACA,kBAAAC,EACA,eAAAC,EACA,SAAAf,EACA,QAAAgB,EACA,GAAGC,CACmB,IACfC,EAAAA,WAAWlB,EAAUmB,GAAQ,CAClC,MAAMC,EAAaD,EAAM,IAAId,CAAU,EACjCgB,EAAcF,EAAM,IAAItB,CAAW,EACnCyB,EAAgBH,EAAM,IAAIV,CAAa,EAE7C,OACER,EAACsB,IAAAA,kBAAgB,CAAA,aAAa,WAAW,OAAM,GAAC,QAASP,WACvDV,OAACkB,EAAAA,QACC,EAAG,EACH,IAAK,EACL,EAAE,OACF,IAAI,WACJ,UAAWC,KACTC,MAAI,CACF,QAAS,CAAE,UAAW,aAAe,EACrC,OAAQ,CAAE,QAAS,mBAAqB,EACxC,QAAS,kBACV,CAAA,CAAC,EAEJ,aAAa,KACb,QAAQ,gBACR,WAAW,SACP,GAAAT,YAEJX,EAAAA,KAACkB,EACE,OAAA,CAAA,SAAA,CAAAJ,GAAcA,EACdC,GAAeA,EACfC,GACCrB,EAAAA,IAACM,EAAAA,IAAG,CAAC,SAAS,WAAW,KAAM,EAAG,IAAK,GACpC,SAAAe,IAGLhB,OAACC,EAAAA,eACCN,MAAC0B,EAAAA,QAAK,CAAA,SAAU,GAAM,KAAK,KAAK,WAAW,gBACxChB,CAAK,CAAA,EACA,IACPC,GACCX,EAAAA,IAAC0B,EAAAA,SAAK,SAAU,GAAM,KAAK,KAAK,UAAU,iBAAgB,SACvDf,CAAQ,CAAA,CAEZ,CACG,CAAA,CAAA,CAAA,CAAA,EAGRN,OAACC,EAAAA,IACC,CAAA,SAAA,CAAAN,MAAC0B,EAAAA,QAAI,CAAC,SAAU,GAAM,KAAK,KAAK,OAAQ,CAAE,UAAW,MAAO,MAAOb,CAAiB,EAAQ,GAAAG,WACzFJ,CAAY,CAAA,EAEdE,GACCd,EAAAA,IAAC0B,EAAAA,QAAI,CAAC,SAAU,GAAM,KAAK,KAAK,OAAQ,CAAE,UAAW,KAAK,EAAI,UAAU,iBAAgB,SACrFZ,CACI,CAAA,CACR,GACG,CACC,CAAA,CAAA,CAAA,CAGf,CAAC,EAGUa,EAAmB,OAAO,OAAOlB,EAAsB,CAClE,WAAAL,EACA,YAAAR,EACA,cAAAY,CACD,CAAA"}
package/dist/cjs/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "use strict";var l=require("./components/containers/button.js"),u=require("./components/containers/card.js"),t=require("./components/containers/content.js"),n=require("./components/containers/drawer.js"),c=require("./components/containers/footer.js"),d=require("./components/containers/header.js"),v=require("./components/containers/menu.js"),f=require("./components/containers/modal.js"),q=require("./components/containers/overlay.js"),g=require("./components/external/paypal-button.js"),s=require("./components/external/social-login-button.js"),L=require("./components/feedback/animated-checkmark.js"),M=require("./components/feedback/animated-spinner.js"),k=require("./components/feedback/callout.js"),I=require("./components/feedback/loading-spinner.js"),m=require("./components/feedback/progress-bar.js"),p=require("./components/feedback/skeleton.js"),e=require("./components/feedback/toast-provider.js"),h=require("./components/feedback/tooltip.js"),C=require("./components/icons/ico-add.js"),b=require("./components/icons/ico-alert-circle-fill.js"),w=require("./components/icons/ico-alert-circle.js"),B=require("./components/icons/ico-arrow-down.js"),A=require("./components/icons/ico-arrow-left.js"),P=require("./components/icons/ico-arrow-right.js"),F=require("./components/icons/ico-arrow-up.js"),S=require("./components/icons/ico-asterisk-with-shield.js"),y=require("./components/icons/ico-asterisk.js"),W=require("./components/icons/ico-astronaut.js"),T=require("./components/icons/ico-atom.js"),E=require("./components/icons/ico-bank.js"),D=require("./components/icons/ico-bell-notification.js"),G=require("./components/icons/ico-bell.js"),x=require("./components/icons/ico-block.js"),R=require("./components/icons/ico-branding.js"),O=require("./components/icons/ico-caret-down.js"),H=require("./components/icons/ico-caret-left.js"),z=require("./components/icons/ico-caret-right.js"),N=require("./components/icons/ico-caret-up.js"),Z=require("./components/icons/ico-checkmark-circle-fill.js"),U=require("./components/icons/ico-checkmark-circle.js"),X=require("./components/icons/ico-checkmark.js"),j=require("./components/icons/ico-clock-fill.js"),V=require("./components/icons/ico-code-editor.js"),Q=require("./components/icons/ico-code-sandbox.js"),J=require("./components/icons/ico-code.js"),K=require("./components/icons/ico-command-line.js"),_=require("./components/icons/ico-comment.js"),$=require("./components/icons/ico-copy.js"),Y=require("./components/icons/ico-credit-card.js"),ee=require("./components/icons/ico-dedicated.js"),re=require("./components/icons/ico-diamond.js"),oe=require("./components/icons/ico-dismiss-circle-fill.js"),ae=require("./components/icons/ico-dismiss-circle.js"),ie=require("./components/icons/ico-dismiss.js"),le=require("./components/icons/ico-doc.js"),ue=require("./components/icons/ico-download.js"),te=require("./components/icons/ico-edit-email.js"),ne=require("./components/icons/ico-edit.js"),ce=require("./components/icons/ico-email-fill.js"),de=require("./components/icons/ico-email-open.js"),ve=require("./components/icons/ico-email.js"),fe=require("./components/icons/ico-expand.js"),qe=require("./components/icons/ico-expiration.js"),ge=require("./components/icons/ico-external-link.js"),se=require("./components/icons/ico-eye-closed.js"),Le=require("./components/icons/ico-eye-opened.js"),Me=require("./components/icons/ico-fingerprint-fill.js"),ke=require("./components/icons/ico-fingerprint.js"),Ie=require("./components/icons/ico-gas.js"),me=require("./components/icons/ico-gift.js"),pe=require("./components/icons/ico-globe.js"),he=require("./components/icons/ico-grid-fill.js"),Ce=require("./components/icons/ico-guide.js"),be=require("./components/icons/ico-home-fill.js"),we=require("./components/icons/ico-home.js"),Be=require("./components/icons/ico-hourglass.js"),Ae=require("./components/icons/ico-info-circle-fill.js"),Pe=require("./components/icons/ico-info-circle.js"),Fe=require("./components/icons/ico-kebab.js"),Se=require("./components/icons/ico-key.js"),ye=require("./components/icons/ico-lightbulb-fill.js"),We=require("./components/icons/ico-lightbulb.js"),Te=require("./components/icons/ico-lightning-fill.js"),Ee=require("./components/icons/ico-lightning.js"),De=require("./components/icons/ico-link.js"),Ge=require("./components/icons/ico-loading.js"),xe=require("./components/icons/ico-lock-locked.js"),Re=require("./components/icons/ico-lock-password.js"),Oe=require("./components/icons/ico-lock-unlocked-fill.js"),He=require("./components/icons/ico-lock-unlocked.js"),ze=require("./components/icons/ico-login-form.js"),Ne=require("./components/icons/ico-magic.js"),Ze=require("./components/icons/ico-megaphone.js"),Ue=require("./components/icons/ico-menu.js"),Xe=require("./components/icons/ico-message-fill.js"),je=require("./components/icons/ico-message.js"),Ve=require("./components/icons/ico-mfa.js"),Qe=require("./components/icons/ico-minimize.js"),Je=require("./components/icons/ico-mobile2fa.js"),Ke=require("./components/icons/ico-mobile2fafill.js"),_e=require("./components/icons/ico-open-book.js"),$e=require("./components/icons/ico-paper-plane.js"),Ye=require("./components/icons/ico-passport.js"),er=require("./components/icons/ico-passwordless.js"),rr=require("./components/icons/ico-pending-connection.js"),or=require("./components/icons/ico-phone.js"),ar=require("./components/icons/ico-polygon-gas-testnet.js"),ir=require("./components/icons/ico-polygon-gas.js"),lr=require("./components/icons/ico-price.js"),ur=require("./components/icons/ico-qrcode.js"),tr=require("./components/icons/ico-question-circle-fill.js"),nr=require("./components/icons/ico-question-circle.js"),cr=require("./components/icons/ico-refresh-circle-fill.js"),dr=require("./components/icons/ico-refresh.js"),vr=require("./components/icons/ico-remove.js"),fr=require("./components/icons/ico-rocket-fill.js"),qr=require("./components/icons/ico-search.js"),gr=require("./components/icons/ico-settings-fill.js"),sr=require("./components/icons/ico-settings.js"),Lr=require("./components/icons/ico-shapes.js"),Mr=require("./components/icons/ico-shield-approved.js"),kr=require("./components/icons/ico-shield-rejected.js"),Ir=require("./components/icons/ico-shield.js"),mr=require("./components/icons/ico-social.js"),pr=require("./components/icons/ico-sold-out-tag.js"),hr=require("./components/icons/ico-star.js"),Cr=require("./components/icons/ico-swap.js"),br=require("./components/icons/ico-swatches.js"),wr=require("./components/icons/ico-team.js"),Br=require("./components/icons/ico-trash.js"),Ar=require("./components/icons/ico-users.js"),Pr=require("./components/icons/ico-wallet-fill.js"),Fr=require("./components/icons/ico-wallet.js"),Sr=require("./components/icons/ico-wand.js"),yr=require("./components/icons/ico-warning-fill.js"),Wr=require("./components/icons/ico-warning.js"),Tr=require("./components/info/copy-button.js"),Er=require("./components/info/email-wbr.js"),Dr=require("./components/info/security-otp.js"),Gr=require("./components/info/text-box.js"),xr=require("./components/info/wallet-address.js"),Rr=require("./components/inputs/phone-input.js"),Or=require("./components/inputs/pincode-input.js"),Hr=require("./components/inputs/text-input.js"),zr=require("./components/layouts/dialogue.js"),Nr=require("./components/layouts/error.js"),Zr=require("./components/layouts/page.js"),Ur=require("./components/layouts/passport-page.js"),Xr=require("./components/layouts/wallet-page/index.js"),jr=require("./components/list-items/navigation-button.js"),Vr=require("./components/list-items/nft-tile.js"),Qr=require("./components/list-items/token-list-item.js"),Jr=require("./components/list-items/transaction-row.js"),Kr=require("./components/logos/blc-algorand.js"),_r=require("./components/logos/blc-aptos.js"),$r=require("./components/logos/blc-arbitrum.js"),Yr=require("./components/logos/blc-astar.js"),eo=require("./components/logos/blc-avalanche.js"),ro=require("./components/logos/blc-base.js"),oo=require("./components/logos/blc-berachain.js"),ao=require("./components/logos/blc-binance.js"),io=require("./components/logos/blc-bitcoin.js"),lo=require("./components/logos/blc-celo.js"),uo=require("./components/logos/blc-chiliz.js"),to=require("./components/logos/blc-cosmos.js"),no=require("./components/logos/blc-ethereum.js"),co=require("./components/logos/blc-etherlink.js"),vo=require("./components/logos/blc-flow.js"),fo=require("./components/logos/blc-harmony.js"),qo=require("./components/logos/blc-icon.js"),go=require("./components/logos/blc-immutable-x.js"),so=require("./components/logos/blc-loopring.js"),Lo=require("./components/logos/blc-moonbeam.js"),Mo=require("./components/logos/blc-near.js"),ko=require("./components/logos/blc-optimism.js"),Io=require("./components/logos/blc-polkadot.js"),mo=require("./components/logos/blc-polygon.js"),po=require("./components/logos/blc-rarichain.js"),ho=require("./components/logos/blc-solana.js"),Co=require("./components/logos/blc-stability.js"),bo=require("./components/logos/blc-sui.js"),wo=require("./components/logos/blc-tezos.js"),Bo=require("./components/logos/blc-wax.js"),Ao=require("./components/logos/blc-zetachain.js"),Po=require("./components/logos/blc-zilliqa.js"),Fo=require("./components/logos/blc-zksync.js"),So=require("./components/logos/default-cursor.js"),yo=require("./components/logos/fwk-11ty.js"),Wo=require("./components/logos/fwk-android.js"),To=require("./components/logos/fwk-apple.js"),Eo=require("./components/logos/fwk-authy.js"),Do=require("./components/logos/fwk-binance-fill.js"),Go=require("./components/logos/fwk-chrome.js"),xo=require("./components/logos/fwk-electron.js"),Ro=require("./components/logos/fwk-express.js"),Oo=require("./components/logos/fwk-fauna.js"),Ho=require("./components/logos/fwk-firebase.js"),zo=require("./components/logos/fwk-go.js"),No=require("./components/logos/fwk-google-authenticator.js"),Zo=require("./components/logos/fwk-hasura.js"),Uo=require("./components/logos/fwk-javascript.js"),Xo=require("./components/logos/fwk-jwt.js"),jo=require("./components/logos/fwk-laravel.js"),Vo=require("./components/logos/fwk-nextjs.js"),Qo=require("./components/logos/fwk-nodejs.js"),Jo=require("./components/logos/fwk-nuxtjs.js"),Ko=require("./components/logos/fwk-php.js"),_o=require("./components/logos/fwk-react.js"),$o=require("./components/logos/fwk-strapi.js"),Yo=require("./components/logos/fwk-stripe.js"),ea=require("./components/logos/fwk-vue.js"),ra=require("./components/logos/fwk-webflow.js"),oa=require("./components/logos/fwk-wordpress.js"),aa=require("./components/logos/fwk-zapier.js"),ia=require("./components/logos/icon-art-dark.js"),la=require("./components/logos/icon-art.js"),ua=require("./components/logos/icon-delete.js"),ta=require("./components/logos/icon-email-globe.js"),na=require("./components/logos/icon-email.js"),ca=require("./components/logos/icon-game-controller-dark.js"),da=require("./components/logos/icon-game-controller.js"),va=require("./components/logos/icon-generic-token.js"),fa=require("./components/logos/icon-magic-globe.js"),qa=require("./components/logos/icon-magic-logo.js"),ga=require("./components/logos/icon-music-dark.js"),sa=require("./components/logos/icon-music.js"),La=require("./components/logos/icon-person-dark.js"),Ma=require("./components/logos/icon-person.js"),ka=require("./components/logos/icon-profile-dark.js"),Ia=require("./components/logos/icon-profile-light.js"),ma=require("./components/logos/icon-reset.js"),pa=require("./components/logos/icon-sms.js"),ha=require("./components/logos/icon-ticket-dark.js"),Ca=require("./components/logos/icon-ticket.js"),ba=require("./components/logos/icon-warning-dark.js"),wa=require("./components/logos/icon-warning-shield.js"),Ba=require("./components/logos/icon-warning.js"),Aa=require("./components/logos/logo-algorand-mono.js"),Pa=require("./components/logos/logo-algorand.js"),Fa=require("./components/logos/logo-apple-mono.js"),Sa=require("./components/logos/logo-apple.js"),ya=require("./components/logos/logo-aptos-mono.js"),Wa=require("./components/logos/logo-aptos.js"),Ta=require("./components/logos/logo-arbitrum-mono.js"),Ea=require("./components/logos/logo-arbitrum-one-mono.js"),Da=require("./components/logos/logo-arbitrum-one.js"),Ga=require("./components/logos/logo-arbitrum.js"),xa=require("./components/logos/logo-astar-mono.js"),Ra=require("./components/logos/logo-astar.js"),Oa=require("./components/logos/logo-auth0-mono.js"),Ha=require("./components/logos/logo-auth0.js"),za=require("./components/logos/logo-avalanche-mono.js"),Na=require("./components/logos/logo-avalanche.js"),Za=require("./components/logos/logo-azure-mono.js"),Ua=require("./components/logos/logo-azure.js"),Xa=require("./components/logos/logo-base-mono.js"),ja=require("./components/logos/logo-base.js"),Va=require("./components/logos/logo-berachain-mono.js"),Qa=require("./components/logos/logo-berachain.js"),Ja=require("./components/logos/logo-binance-mono.js"),Ka=require("./components/logos/logo-binance.js"),_a=require("./components/logos/logo-bit-bucket-mono.js"),$a=require("./components/logos/logo-bit-bucket.js"),Ya=require("./components/logos/logo-bitcoin-mono.js"),ei=require("./components/logos/logo-bitcoin.js"),ri=require("./components/logos/logo-bnb-mono.js"),oi=require("./components/logos/logo-bnb.js"),ai=require("./components/logos/logo-celo-mono.js"),ii=require("./components/logos/logo-celo.js"),li=require("./components/logos/logo-chiliz-mono.js"),ui=require("./components/logos/logo-chiliz.js"),ti=require("./components/logos/logo-cognito-mono.js"),ni=require("./components/logos/logo-cognito.js"),ci=require("./components/logos/logo-cosmos-mono.js"),di=require("./components/logos/logo-cosmos.js"),vi=require("./components/logos/logo-discord-mono.js"),fi=require("./components/logos/logo-discord.js"),qi=require("./components/logos/logo-ethereum-circle-mono.js"),gi=require("./components/logos/logo-ethereum-circle.js"),si=require("./components/logos/logo-ethereum-mono.js"),Li=require("./components/logos/logo-ethereum.js"),Mi=require("./components/logos/logo-etherlink-mono.js"),ki=require("./components/logos/logo-etherlink.js"),Ii=require("./components/logos/logo-facebook-mono.js"),mi=require("./components/logos/logo-facebook.js"),pi=require("./components/logos/logo-flare-mono.js"),hi=require("./components/logos/logo-flare.js"),Ci=require("./components/logos/logo-flow-mono.js"),bi=require("./components/logos/logo-flow.js"),wi=require("./components/logos/logo-git-hub-mono.js"),Bi=require("./components/logos/logo-git-hub.js"),Ai=require("./components/logos/logo-git-lab-mono.js"),Pi=require("./components/logos/logo-git-lab.js"),Fi=require("./components/logos/logo-google-mono.js"),Si=require("./components/logos/logo-google.js"),yi=require("./components/logos/logo-harmony-mono.js"),Wi=require("./components/logos/logo-harmony.js"),Ti=require("./components/logos/logo-horizen-mono.js"),Ei=require("./components/logos/logo-horizen.js"),Di=require("./components/logos/logo-icon-mono.js"),Gi=require("./components/logos/logo-icon.js"),xi=require("./components/logos/logo-immutable-x-mono.js"),Ri=require("./components/logos/logo-immutable-x.js"),Oi=require("./components/logos/logo-link-by-stripe-mono.js"),Hi=require("./components/logos/logo-link-by-stripe.js"),zi=require("./components/logos/logo-link-mono.js"),Ni=require("./components/logos/logo-link.js"),Zi=require("./components/logos/logo-linked-in-mono.js"),Ui=require("./components/logos/logo-linked-in.js"),Xi=require("./components/logos/logo-loopring-mono.js"),ji=require("./components/logos/logo-loopring.js"),Vi=require("./components/logos/logo-microsoft-mono.js"),Qi=require("./components/logos/logo-microsoft.js"),Ji=require("./components/logos/logo-moonbeam-mono.js"),Ki=require("./components/logos/logo-moonbeam.js"),_i=require("./components/logos/logo-near-mono.js"),$i=require("./components/logos/logo-near.js"),Yi=require("./components/logos/logo-onramper-mono.js"),el=require("./components/logos/logo-onramper.js"),rl=require("./components/logos/logo-optimism-mono.js"),ol=require("./components/logos/logo-optimism.js"),al=require("./components/logos/logo-pay-pal-mono.js"),il=require("./components/logos/logo-pay-pal-wordmark-mono.js"),ll=require("./components/logos/logo-pay-pal-wordmark.js"),ul=require("./components/logos/logo-pay-pal.js"),tl=require("./components/logos/logo-poa-mono.js"),nl=require("./components/logos/logo-poa.js"),cl=require("./components/logos/logo-polkadot-mono.js"),dl=require("./components/logos/logo-polkadot.js"),vl=require("./components/logos/logo-polygon-mono.js"),fl=require("./components/logos/logo-polygon.js"),ql=require("./components/logos/logo-rarichain-mono.js"),gl=require("./components/logos/logo-rarichain.js"),sl=require("./components/logos/logo-sardine-mono.js"),Ll=require("./components/logos/logo-sardine.js"),Ml=require("./components/logos/logo-sei-mono.js"),kl=require("./components/logos/logo-sei.js"),Il=require("./components/logos/logo-solana-mono.js"),ml=require("./components/logos/logo-solana.js"),pl=require("./components/logos/logo-soneium-mono.js"),hl=require("./components/logos/logo-soneium.js"),Cl=require("./components/logos/logo-stability-mono.js"),bl=require("./components/logos/logo-stability.js"),wl=require("./components/logos/logo-sui-mono.js"),Bl=require("./components/logos/logo-sui.js"),Al=require("./components/logos/logo-tezos-mono.js"),Pl=require("./components/logos/logo-tezos.js"),Fl=require("./components/logos/logo-twitch-mono.js"),Sl=require("./components/logos/logo-twitch.js"),yl=require("./components/logos/logo-twitter-mono.js"),Wl=require("./components/logos/logo-twitter.js"),Tl=require("./components/logos/logo-wallet-connect-mono.js"),El=require("./components/logos/logo-wallet-connect.js"),Dl=require("./components/logos/logo-warpcast-mono.js"),Gl=require("./components/logos/logo-warpcast.js"),xl=require("./components/logos/logo-wax-mono.js"),Rl=require("./components/logos/logo-wax.js"),Ol=require("./components/logos/logo-xdc-mono.js"),Hl=require("./components/logos/logo-xdc.js"),zl=require("./components/logos/logo-zetachain-mono.js"),Nl=require("./components/logos/logo-zetachain.js"),Zl=require("./components/logos/logo-zilliqa-mono.js"),Ul=require("./components/logos/logo-zilliqa.js"),Xl=require("./components/logos/logo-zksync-mono.js"),jl=require("./components/logos/logo-zksync.js"),Vl=require("./components/logos/pay-amex.js"),Ql=require("./components/logos/pay-discover.js"),Jl=require("./components/logos/pay-mastercard.js"),Kl=require("./components/logos/pay-visa.js"),_l=require("./components/logos/presentation-logo.js"),$l=require("./components/logos/website-magic.js"),Yl=require("./components/logos/wlt-coinbase.js"),eu=require("./components/logos/wlt-mattel.js"),ru=require("./components/logos/wlt-metamask.js"),ou=require("./components/logos/wlt-phantom.js"),au=require("./components/logos/wlt-rainbow.js"),iu=require("./components/logos/wlt-wallet-connect.js"),lu=require("./components/primitives/button.js"),uu=require("./components/primitives/checkbox.js"),r=require("./components/primitives/dropdown-selector.js"),tu=require("./components/primitives/popover.js"),o=require("./components/primitives/radio.js"),a=require("./components/primitives/segmented-control.js"),nu=require("./components/primitives/switch.js"),cu=require("./components/primitives/text.js"),du=require("./components/sections/verify-pincode.js"),vu=require("./components/sections/wallet-actions.js"),i=require("./components/sections/wallet-navigation.js"),fu=require("./components/utils/animate.js"),qu=require("./components/utils/client-asset-logo.js"),gu=require("./components/utils/qr-code.js"),su=require("./components/utils/secured-by-magic.js"),Lu=require("./components/utils/shared-logo.js"),Mu=require("./hooks/theme.js"),ku=require("./hooks/useToast.js");exports.ButtonContainer=l.ButtonContainer,exports.Card=u.Card,exports.Content=t.Content,exports.Drawer=n.Drawer,exports.Footer=c.Footer,exports.Header=d.Header,exports.Menu=v.Menu,exports.Modal=f.Modal,exports.Overlay=q.Overlay,exports.PayPalButton=g.PayPalButton,exports.SocialLoginButton=s.SocialLoginButton,exports.AnimatedCheckmark=L.AnimatedCheckmark,exports.AnimatedSpinner=M.AnimatedSpinner,exports.Callout=k.Callout,exports.LoadingSpinner=I.LoadingSpinner,exports.ProgressBar=m.ProgressBar,exports.Skeleton=p.Skeleton,exports.Toast=e.Toast,exports.ToastProvider=e.ToastProvider,exports.Tooltip=h.default,exports.IcoAdd=C.default,exports.IcoAlertCircleFill=b.default,exports.IcoAlertCircle=w.default,exports.IcoArrowDown=B.default,exports.IcoArrowLeft=A.default,exports.IcoArrowRight=P.default,exports.IcoArrowUp=F.default,exports.IcoAsteriskWithShield=S.default,exports.IcoAsterisk=y.default,exports.IcoAstronaut=W.default,exports.IcoAtom=T.default,exports.IcoBank=E.default,exports.IcoBellNotification=D.default,exports.IcoBell=G.default,exports.IcoBlock=x.default,exports.IcoBranding=R.default,exports.IcoCaretDown=O.default,exports.IcoCaretLeft=H.default,exports.IcoCaretRight=z.default,exports.IcoCaretUp=N.default,exports.IcoCheckmarkCircleFill=Z.default,exports.IcoCheckmarkCircle=U.default,exports.IcoCheckmark=X.default,exports.IcoClockFill=j.default,exports.IcoCodeEditor=V.default,exports.IcoCodeSandbox=Q.default,exports.IcoCode=J.default,exports.IcoCommandLine=K.default,exports.IcoComment=_.default,exports.IcoCopy=$.default,exports.IcoCreditCard=Y.default,exports.IcoDedicated=ee.default,exports.IcoDiamond=re.default,exports.IcoDismissCircleFill=oe.default,exports.IcoDismissCircle=ae.default,exports.IcoDismiss=ie.default,exports.IcoDoc=le.default,exports.IcoDownload=ue.default,exports.IcoEditEmail=te.default,exports.IcoEdit=ne.default,exports.IcoEmailFill=ce.default,exports.IcoEmailOpen=de.default,exports.IcoEmail=ve.default,exports.IcoExpand=fe.default,exports.IcoExpiration=qe.default,exports.IcoExternalLink=ge.default,exports.IcoEyeClosed=se.default,exports.IcoEyeOpened=Le.default,exports.IcoFingerprintFill=Me.default,exports.IcoFingerprint=ke.default,exports.IcoGas=Ie.default,exports.IcoGift=me.default,exports.IcoGlobe=pe.default,exports.IcoGridFill=he.default,exports.IcoGuide=Ce.default,exports.IcoHomeFill=be.default,exports.IcoHome=we.default,exports.IcoHourglass=Be.default,exports.IcoInfoCircleFill=Ae.default,exports.IcoInfoCircle=Pe.default,exports.IcoKebab=Fe.default,exports.IcoKey=Se.default,exports.IcoLightbulbFill=ye.default,exports.IcoLightbulb=We.default,exports.IcoLightningFill=Te.default,exports.IcoLightning=Ee.default,exports.IcoLink=De.default,exports.IcoLoading=Ge.default,exports.IcoLockLocked=xe.default,exports.IcoLockPassword=Re.default,exports.IcoLockUnlockedFill=Oe.default,exports.IcoLockUnlocked=He.default,exports.IcoLoginForm=ze.default,exports.IcoMagic=Ne.default,exports.IcoMegaphone=Ze.default,exports.IcoMenu=Ue.default,exports.IcoMessageFill=Xe.default,exports.IcoMessage=je.default,exports.IcoMfa=Ve.default,exports.IcoMinimize=Qe.default,exports.IcoMobile2fa=Je.default,exports.IcoMobile2fafill=Ke.default,exports.IcoOpenBook=_e.default,exports.IcoPaperPlane=$e.default,exports.IcoPassport=Ye.default,exports.IcoPasswordless=er.default,exports.IcoPendingConnection=rr.default,exports.IcoPhone=or.default,exports.IcoPolygonGasTestnet=ar.default,exports.IcoPolygonGas=ir.default,exports.IcoPrice=lr.default,exports.IcoQrcode=ur.default,exports.IcoQuestionCircleFill=tr.default,exports.IcoQuestionCircle=nr.default,exports.IcoRefreshCircleFill=cr.default,exports.IcoRefresh=dr.default,exports.IcoRemove=vr.default,exports.IcoRocketFill=fr.default,exports.IcoSearch=qr.default,exports.IcoSettingsFill=gr.default,exports.IcoSettings=sr.default,exports.IcoShapes=Lr.default,exports.IcoShieldApproved=Mr.default,exports.IcoShieldRejected=kr.default,exports.IcoShield=Ir.default,exports.IcoSocial=mr.default,exports.IcoSoldOutTag=pr.default,exports.IcoStar=hr.default,exports.IcoSwap=Cr.default,exports.IcoSwatches=br.default,exports.IcoTeam=wr.default,exports.IcoTrash=Br.default,exports.IcoUsers=Ar.default,exports.IcoWalletFill=Pr.default,exports.IcoWallet=Fr.default,exports.IcoWand=Sr.default,exports.IcoWarningFill=yr.default,exports.IcoWarning=Wr.default,exports.CopyButton=Tr.default,exports.EmailWbr=Er.default,exports.SecurityOtp=Dr.default,exports.TextBox=Gr.default,exports.WalletAddress=xr.default,exports.PhoneInput=Rr.default,exports.PinCodeInput=Or.PinCodeInput,exports.TextInput=Hr.TextInput,exports.Dialogue=zr.Dialogue,exports.Error=Nr.Error,exports.Page=Zr.Page,exports.PassportPage=Ur.PassportPage,exports.WalletPage=Xr.WalletPage,exports.NavigationButton=jr.default,exports.NFTTile=Vr.NFTTile,exports.TokenListItem=Qr.TokenListItem,exports.TransactionRow=Jr.TransactionRow,exports.BlcAlgorand=Kr.default,exports.BlcAptos=_r.default,exports.BlcArbitrum=$r.default,exports.BlcAstar=Yr.default,exports.BlcAvalanche=eo.default,exports.BlcBase=ro.default,exports.BlcBerachain=oo.default,exports.BlcBinance=ao.default,exports.BlcBitcoin=io.default,exports.BlcCelo=lo.default,exports.BlcChiliz=uo.default,exports.BlcCosmos=to.default,exports.BlcEthereum=no.default,exports.BlcEtherlink=co.default,exports.BlcFlow=vo.default,exports.BlcHarmony=fo.default,exports.BlcIcon=qo.default,exports.BlcImmutableX=go.default,exports.BlcLoopring=so.default,exports.BlcMoonbeam=Lo.default,exports.BlcNear=Mo.default,exports.BlcOptimism=ko.default,exports.BlcPolkadot=Io.default,exports.BlcPolygon=mo.default,exports.BlcRarichain=po.default,exports.BlcSolana=ho.default,exports.BlcStability=Co.default,exports.BlcSui=bo.default,exports.BlcTezos=wo.default,exports.BlcWax=Bo.default,exports.BlcZetachain=Ao.default,exports.BlcZilliqa=Po.default,exports.BlcZksync=Fo.default,exports.DefaultCursor=So.default,exports.Fwk11ty=yo.default,exports.FwkAndroid=Wo.default,exports.FwkApple=To.default,exports.FwkAuthy=Eo.default,exports.FwkBinanceFill=Do.default,exports.FwkChrome=Go.default,exports.FwkElectron=xo.default,exports.FwkExpress=Ro.default,exports.FwkFauna=Oo.default,exports.FwkFirebase=Ho.default,exports.FwkGo=zo.default,exports.FwkGoogleAuthenticator=No.default,exports.FwkHasura=Zo.default,exports.FwkJavascript=Uo.default,exports.FwkJwt=Xo.default,exports.FwkLaravel=jo.default,exports.FwkNextjs=Vo.default,exports.FwkNodejs=Qo.default,exports.FwkNuxtjs=Jo.default,exports.FwkPhp=Ko.default,exports.FwkReact=_o.default,exports.FwkStrapi=$o.default,exports.FwkStripe=Yo.default,exports.FwkVue=ea.default,exports.FwkWebflow=ra.default,exports.FwkWordpress=oa.default,exports.FwkZapier=aa.default,exports.IconArtDark=ia.default,exports.IconArt=la.default,exports.IconDelete=ua.default,exports.IconEmailGlobe=ta.default,exports.IconEmail=na.default,exports.IconGameControllerDark=ca.default,exports.IconGameController=da.default,exports.IconGenericToken=va.default,exports.IconMagicGlobe=fa.default,exports.IconMagicLogo=qa.default,exports.IconMusicDark=ga.default,exports.IconMusic=sa.default,exports.IconPersonDark=La.default,exports.IconPerson=Ma.default,exports.IconProfileDark=ka.default,exports.IconProfileLight=Ia.default,exports.IconReset=ma.default,exports.IconSms=pa.default,exports.IconTicketDark=ha.default,exports.IconTicket=Ca.default,exports.IconWarningDark=ba.default,exports.IconWarningShield=wa.default,exports.IconWarning=Ba.default,exports.LogoAlgorandMono=Aa.default,exports.LogoAlgorand=Pa.default,exports.LogoAppleMono=Fa.default,exports.LogoApple=Sa.default,exports.LogoAptosMono=ya.default,exports.LogoAptos=Wa.default,exports.LogoArbitrumMono=Ta.default,exports.LogoArbitrumOneMono=Ea.default,exports.LogoArbitrumOne=Da.default,exports.LogoArbitrum=Ga.default,exports.LogoAstarMono=xa.default,exports.LogoAstar=Ra.default,exports.LogoAuth0Mono=Oa.default,exports.LogoAuth0=Ha.default,exports.LogoAvalancheMono=za.default,exports.LogoAvalanche=Na.default,exports.LogoAzureMono=Za.default,exports.LogoAzure=Ua.default,exports.LogoBaseMono=Xa.default,exports.LogoBase=ja.default,exports.LogoBerachainMono=Va.default,exports.LogoBerachain=Qa.default,exports.LogoBinanceMono=Ja.default,exports.LogoBinance=Ka.default,exports.LogoBitBucketMono=_a.default,exports.LogoBitBucket=$a.default,exports.LogoBitcoinMono=Ya.default,exports.LogoBitcoin=ei.default,exports.LogoBnbMono=ri.default,exports.LogoBnb=oi.default,exports.LogoCeloMono=ai.default,exports.LogoCelo=ii.default,exports.LogoChilizMono=li.default,exports.LogoChiliz=ui.default,exports.LogoCognitoMono=ti.default,exports.LogoCognito=ni.default,exports.LogoCosmosMono=ci.default,exports.LogoCosmos=di.default,exports.LogoDiscordMono=vi.default,exports.LogoDiscord=fi.default,exports.LogoEthereumCircleMono=qi.default,exports.LogoEthereumCircle=gi.default,exports.LogoEthereumMono=si.default,exports.LogoEthereum=Li.default,exports.LogoEtherlinkMono=Mi.default,exports.LogoEtherlink=ki.default,exports.LogoFacebookMono=Ii.default,exports.LogoFacebook=mi.default,exports.LogoFlareMono=pi.default,exports.LogoFlare=hi.default,exports.LogoFlowMono=Ci.default,exports.LogoFlow=bi.default,exports.LogoGitHubMono=wi.default,exports.LogoGitHub=Bi.default,exports.LogoGitLabMono=Ai.default,exports.LogoGitLab=Pi.default,exports.LogoGoogleMono=Fi.default,exports.LogoGoogle=Si.default,exports.LogoHarmonyMono=yi.default,exports.LogoHarmony=Wi.default,exports.LogoHorizenMono=Ti.default,exports.LogoHorizen=Ei.default,exports.LogoIconMono=Di.default,exports.LogoIcon=Gi.default,exports.LogoImmutableXMono=xi.default,exports.LogoImmutableX=Ri.default,exports.LogoLinkByStripeMono=Oi.default,exports.LogoLinkByStripe=Hi.default,exports.LogoLinkMono=zi.default,exports.LogoLink=Ni.default,exports.LogoLinkedInMono=Zi.default,exports.LogoLinkedIn=Ui.default,exports.LogoLoopringMono=Xi.default,exports.LogoLoopring=ji.default,exports.LogoMicrosoftMono=Vi.default,exports.LogoMicrosoft=Qi.default,exports.LogoMoonbeamMono=Ji.default,exports.LogoMoonbeam=Ki.default,exports.LogoNearMono=_i.default,exports.LogoNear=$i.default,exports.LogoOnramperMono=Yi.default,exports.LogoOnramper=el.default,exports.LogoOptimismMono=rl.default,exports.LogoOptimism=ol.default,exports.LogoPayPalMono=al.default,exports.LogoPayPalWordmarkMono=il.default,exports.LogoPayPalWordmark=ll.default,exports.LogoPayPal=ul.default,exports.LogoPoaMono=tl.default,exports.LogoPoa=nl.default,exports.LogoPolkadotMono=cl.default,exports.LogoPolkadot=dl.default,exports.LogoPolygonMono=vl.default,exports.LogoPolygon=fl.default,exports.LogoRarichainMono=ql.default,exports.LogoRarichain=gl.default,exports.LogoSardineMono=sl.default,exports.LogoSardine=Ll.default,exports.LogoSeiMono=Ml.default,exports.LogoSei=kl.default,exports.LogoSolanaMono=Il.default,exports.LogoSolana=ml.default,exports.LogoSoneiumMono=pl.default,exports.LogoSoneium=hl.default,exports.LogoStabilityMono=Cl.default,exports.LogoStability=bl.default,exports.LogoSuiMono=wl.default,exports.LogoSui=Bl.default,exports.LogoTezosMono=Al.default,exports.LogoTezos=Pl.default,exports.LogoTwitchMono=Fl.default,exports.LogoTwitch=Sl.default,exports.LogoTwitterMono=yl.default,exports.LogoTwitter=Wl.default,exports.LogoWalletConnectMono=Tl.default,exports.LogoWalletConnect=El.default,exports.LogoWarpcastMono=Dl.default,exports.LogoWarpcast=Gl.default,exports.LogoWaxMono=xl.default,exports.LogoWax=Rl.default,exports.LogoXdcMono=Ol.default,exports.LogoXdc=Hl.default,exports.LogoZetachainMono=zl.default,exports.LogoZetachain=Nl.default,exports.LogoZilliqaMono=Zl.default,exports.LogoZilliqa=Ul.default,exports.LogoZksyncMono=Xl.default,exports.LogoZksync=jl.default,exports.PayAmex=Vl.default,exports.PayDiscover=Ql.default,exports.PayMastercard=Jl.default,exports.PayVisa=Kl.default,exports.PresentationLogo=_l.default,exports.WebsiteMagic=$l.default,exports.WltCoinbase=Yl.default,exports.WltMattel=eu.default,exports.WltMetamask=ru.default,exports.WltPhantom=ou.default,exports.WltRainbow=au.default,exports.WltWalletConnect=iu.default,exports.Button=lu.default,exports.Checkbox=uu.default,exports.DropdownOption=r.DropdownOption,exports.DropdownSelector=r.DropdownSelector,exports.Popover=tu.Popover,exports.Radio=o.Radio,exports.RadioGroup=o.RadioGroup,exports.SegmentedControl=a.SegmentedControl,exports.Tab=a.Tab,exports.Switch=nu.default,exports.Text=cu.default,exports.VerifyPincode=du.VerifyPincode,exports.WalletActions=vu.WalletActions,exports.WalletNavigation=i.WalletNavigation,Object.defineProperty(exports,"WalletNavigationType",{enumerable:!0,get:function(){return i.WalletNavigationType}}),exports.Animate=fu.default,exports.ClientAssetLogo=qu.ClientAssetLogo,exports.QRCode=gu.default,exports.SecuredByMagic=su.default,exports.SharedLogo=Lu.default,exports.useCustomVars=Mu.useCustomVars,exports.useToast=ku.useToast;
1
+ "use strict";var l=require("./components/containers/button.js"),u=require("./components/containers/card.js"),t=require("./components/containers/content.js"),n=require("./components/containers/drawer.js"),c=require("./components/containers/footer.js"),d=require("./components/containers/header.js"),v=require("./components/containers/menu.js"),f=require("./components/containers/modal.js"),q=require("./components/containers/overlay.js"),g=require("./components/external/paypal-button.js"),s=require("./components/external/social-login-button.js"),L=require("./components/feedback/animated-checkmark.js"),M=require("./components/feedback/animated-spinner.js"),k=require("./components/feedback/callout.js"),I=require("./components/feedback/loading-spinner.js"),m=require("./components/feedback/progress-bar.js"),p=require("./components/feedback/skeleton.js"),e=require("./components/feedback/toast-provider.js"),h=require("./components/feedback/tooltip.js"),C=require("./components/icons/ico-add.js"),b=require("./components/icons/ico-alert-circle-fill.js"),w=require("./components/icons/ico-alert-circle.js"),B=require("./components/icons/ico-arrow-down.js"),A=require("./components/icons/ico-arrow-left.js"),P=require("./components/icons/ico-arrow-right.js"),F=require("./components/icons/ico-arrow-up.js"),S=require("./components/icons/ico-asterisk-with-shield.js"),y=require("./components/icons/ico-asterisk.js"),W=require("./components/icons/ico-astronaut.js"),T=require("./components/icons/ico-atom.js"),E=require("./components/icons/ico-bank.js"),D=require("./components/icons/ico-bell-notification.js"),G=require("./components/icons/ico-bell.js"),x=require("./components/icons/ico-block.js"),R=require("./components/icons/ico-branding.js"),O=require("./components/icons/ico-caret-down.js"),H=require("./components/icons/ico-caret-left.js"),z=require("./components/icons/ico-caret-right.js"),N=require("./components/icons/ico-caret-up.js"),Z=require("./components/icons/ico-checkmark-circle-fill.js"),U=require("./components/icons/ico-checkmark-circle.js"),X=require("./components/icons/ico-checkmark.js"),j=require("./components/icons/ico-clock-fill.js"),V=require("./components/icons/ico-code-editor.js"),Q=require("./components/icons/ico-code-sandbox.js"),J=require("./components/icons/ico-code.js"),K=require("./components/icons/ico-command-line.js"),_=require("./components/icons/ico-comment.js"),$=require("./components/icons/ico-copy.js"),Y=require("./components/icons/ico-credit-card.js"),ee=require("./components/icons/ico-dedicated.js"),re=require("./components/icons/ico-diamond.js"),oe=require("./components/icons/ico-dismiss-circle-fill.js"),ae=require("./components/icons/ico-dismiss-circle.js"),ie=require("./components/icons/ico-dismiss.js"),le=require("./components/icons/ico-doc.js"),ue=require("./components/icons/ico-download.js"),te=require("./components/icons/ico-edit-email.js"),ne=require("./components/icons/ico-edit.js"),ce=require("./components/icons/ico-email-fill.js"),de=require("./components/icons/ico-email-open.js"),ve=require("./components/icons/ico-email.js"),fe=require("./components/icons/ico-expand.js"),qe=require("./components/icons/ico-expiration.js"),ge=require("./components/icons/ico-external-link.js"),se=require("./components/icons/ico-eye-closed.js"),Le=require("./components/icons/ico-eye-opened.js"),Me=require("./components/icons/ico-fingerprint-fill.js"),ke=require("./components/icons/ico-fingerprint.js"),Ie=require("./components/icons/ico-gas.js"),me=require("./components/icons/ico-gift.js"),pe=require("./components/icons/ico-globe.js"),he=require("./components/icons/ico-grid-fill.js"),Ce=require("./components/icons/ico-guide.js"),be=require("./components/icons/ico-home-fill.js"),we=require("./components/icons/ico-home.js"),Be=require("./components/icons/ico-hourglass.js"),Ae=require("./components/icons/ico-info-circle-fill.js"),Pe=require("./components/icons/ico-info-circle.js"),Fe=require("./components/icons/ico-kebab.js"),Se=require("./components/icons/ico-key.js"),ye=require("./components/icons/ico-lightbulb-fill.js"),We=require("./components/icons/ico-lightbulb.js"),Te=require("./components/icons/ico-lightning-fill.js"),Ee=require("./components/icons/ico-lightning.js"),De=require("./components/icons/ico-link.js"),Ge=require("./components/icons/ico-loading.js"),xe=require("./components/icons/ico-lock-locked.js"),Re=require("./components/icons/ico-lock-password.js"),Oe=require("./components/icons/ico-lock-unlocked-fill.js"),He=require("./components/icons/ico-lock-unlocked.js"),ze=require("./components/icons/ico-login-form.js"),Ne=require("./components/icons/ico-magic.js"),Ze=require("./components/icons/ico-megaphone.js"),Ue=require("./components/icons/ico-menu.js"),Xe=require("./components/icons/ico-message-fill.js"),je=require("./components/icons/ico-message.js"),Ve=require("./components/icons/ico-mfa.js"),Qe=require("./components/icons/ico-minimize.js"),Je=require("./components/icons/ico-mobile2fa.js"),Ke=require("./components/icons/ico-mobile2fafill.js"),_e=require("./components/icons/ico-open-book.js"),$e=require("./components/icons/ico-paper-plane.js"),Ye=require("./components/icons/ico-passport.js"),er=require("./components/icons/ico-passwordless.js"),rr=require("./components/icons/ico-pending-connection.js"),or=require("./components/icons/ico-phone.js"),ar=require("./components/icons/ico-polygon-gas-testnet.js"),ir=require("./components/icons/ico-polygon-gas.js"),lr=require("./components/icons/ico-price.js"),ur=require("./components/icons/ico-qrcode.js"),tr=require("./components/icons/ico-question-circle-fill.js"),nr=require("./components/icons/ico-question-circle.js"),cr=require("./components/icons/ico-refresh-circle-fill.js"),dr=require("./components/icons/ico-refresh.js"),vr=require("./components/icons/ico-remove.js"),fr=require("./components/icons/ico-rocket-fill.js"),qr=require("./components/icons/ico-search.js"),gr=require("./components/icons/ico-settings-fill.js"),sr=require("./components/icons/ico-settings.js"),Lr=require("./components/icons/ico-shapes.js"),Mr=require("./components/icons/ico-shield-approved.js"),kr=require("./components/icons/ico-shield-rejected.js"),Ir=require("./components/icons/ico-shield.js"),mr=require("./components/icons/ico-social.js"),pr=require("./components/icons/ico-sold-out-tag.js"),hr=require("./components/icons/ico-star.js"),Cr=require("./components/icons/ico-swap.js"),br=require("./components/icons/ico-swatches.js"),wr=require("./components/icons/ico-team.js"),Br=require("./components/icons/ico-trash.js"),Ar=require("./components/icons/ico-users.js"),Pr=require("./components/icons/ico-wallet-fill.js"),Fr=require("./components/icons/ico-wallet.js"),Sr=require("./components/icons/ico-wand.js"),yr=require("./components/icons/ico-warning-fill.js"),Wr=require("./components/icons/ico-warning.js"),Tr=require("./components/info/copy-button.js"),Er=require("./components/info/email-wbr.js"),Dr=require("./components/info/security-otp.js"),Gr=require("./components/info/text-box.js"),xr=require("./components/info/wallet-address.js"),Rr=require("./components/inputs/phone-input.js"),Or=require("./components/inputs/pincode-input.js"),Hr=require("./components/inputs/text-input.js"),zr=require("./components/layouts/dialogue.js"),Nr=require("./components/layouts/error.js"),Zr=require("./components/layouts/page.js"),Ur=require("./components/layouts/passport-page.js"),Xr=require("./components/layouts/wallet-page/index.js"),jr=require("./components/list-items/navigation-button.js"),Vr=require("./components/list-items/nft-tile.js"),Qr=require("./components/list-items/token-list-item.js"),Jr=require("./components/list-items/transaction-row.js"),Kr=require("./components/list-items/activity-list-item.js"),_r=require("./components/logos/blc-algorand.js"),$r=require("./components/logos/blc-aptos.js"),Yr=require("./components/logos/blc-arbitrum.js"),eo=require("./components/logos/blc-astar.js"),ro=require("./components/logos/blc-avalanche.js"),oo=require("./components/logos/blc-base.js"),ao=require("./components/logos/blc-berachain.js"),io=require("./components/logos/blc-binance.js"),lo=require("./components/logos/blc-bitcoin.js"),uo=require("./components/logos/blc-celo.js"),to=require("./components/logos/blc-chiliz.js"),no=require("./components/logos/blc-cosmos.js"),co=require("./components/logos/blc-ethereum.js"),vo=require("./components/logos/blc-etherlink.js"),fo=require("./components/logos/blc-flow.js"),qo=require("./components/logos/blc-harmony.js"),go=require("./components/logos/blc-icon.js"),so=require("./components/logos/blc-immutable-x.js"),Lo=require("./components/logos/blc-loopring.js"),Mo=require("./components/logos/blc-moonbeam.js"),ko=require("./components/logos/blc-near.js"),Io=require("./components/logos/blc-optimism.js"),mo=require("./components/logos/blc-polkadot.js"),po=require("./components/logos/blc-polygon.js"),ho=require("./components/logos/blc-rarichain.js"),Co=require("./components/logos/blc-solana.js"),bo=require("./components/logos/blc-stability.js"),wo=require("./components/logos/blc-sui.js"),Bo=require("./components/logos/blc-tezos.js"),Ao=require("./components/logos/blc-wax.js"),Po=require("./components/logos/blc-zetachain.js"),Fo=require("./components/logos/blc-zilliqa.js"),So=require("./components/logos/blc-zksync.js"),yo=require("./components/logos/default-cursor.js"),Wo=require("./components/logos/fwk-11ty.js"),To=require("./components/logos/fwk-android.js"),Eo=require("./components/logos/fwk-apple.js"),Do=require("./components/logos/fwk-authy.js"),Go=require("./components/logos/fwk-binance-fill.js"),xo=require("./components/logos/fwk-chrome.js"),Ro=require("./components/logos/fwk-electron.js"),Oo=require("./components/logos/fwk-express.js"),Ho=require("./components/logos/fwk-fauna.js"),zo=require("./components/logos/fwk-firebase.js"),No=require("./components/logos/fwk-go.js"),Zo=require("./components/logos/fwk-google-authenticator.js"),Uo=require("./components/logos/fwk-hasura.js"),Xo=require("./components/logos/fwk-javascript.js"),jo=require("./components/logos/fwk-jwt.js"),Vo=require("./components/logos/fwk-laravel.js"),Qo=require("./components/logos/fwk-nextjs.js"),Jo=require("./components/logos/fwk-nodejs.js"),Ko=require("./components/logos/fwk-nuxtjs.js"),_o=require("./components/logos/fwk-php.js"),$o=require("./components/logos/fwk-react.js"),Yo=require("./components/logos/fwk-strapi.js"),ea=require("./components/logos/fwk-stripe.js"),ra=require("./components/logos/fwk-vue.js"),oa=require("./components/logos/fwk-webflow.js"),aa=require("./components/logos/fwk-wordpress.js"),ia=require("./components/logos/fwk-zapier.js"),la=require("./components/logos/icon-art-dark.js"),ua=require("./components/logos/icon-art.js"),ta=require("./components/logos/icon-delete.js"),na=require("./components/logos/icon-email-globe.js"),ca=require("./components/logos/icon-email.js"),da=require("./components/logos/icon-game-controller-dark.js"),va=require("./components/logos/icon-game-controller.js"),fa=require("./components/logos/icon-generic-token.js"),qa=require("./components/logos/icon-magic-globe.js"),ga=require("./components/logos/icon-magic-logo.js"),sa=require("./components/logos/icon-music-dark.js"),La=require("./components/logos/icon-music.js"),Ma=require("./components/logos/icon-person-dark.js"),ka=require("./components/logos/icon-person.js"),Ia=require("./components/logos/icon-profile-dark.js"),ma=require("./components/logos/icon-profile-light.js"),pa=require("./components/logos/icon-reset.js"),ha=require("./components/logos/icon-sms.js"),Ca=require("./components/logos/icon-ticket-dark.js"),ba=require("./components/logos/icon-ticket.js"),wa=require("./components/logos/icon-warning-dark.js"),Ba=require("./components/logos/icon-warning-shield.js"),Aa=require("./components/logos/icon-warning.js"),Pa=require("./components/logos/logo-algorand-mono.js"),Fa=require("./components/logos/logo-algorand.js"),Sa=require("./components/logos/logo-apple-mono.js"),ya=require("./components/logos/logo-apple.js"),Wa=require("./components/logos/logo-aptos-mono.js"),Ta=require("./components/logos/logo-aptos.js"),Ea=require("./components/logos/logo-arbitrum-mono.js"),Da=require("./components/logos/logo-arbitrum-one-mono.js"),Ga=require("./components/logos/logo-arbitrum-one.js"),xa=require("./components/logos/logo-arbitrum.js"),Ra=require("./components/logos/logo-astar-mono.js"),Oa=require("./components/logos/logo-astar.js"),Ha=require("./components/logos/logo-auth0-mono.js"),za=require("./components/logos/logo-auth0.js"),Na=require("./components/logos/logo-avalanche-mono.js"),Za=require("./components/logos/logo-avalanche.js"),Ua=require("./components/logos/logo-azure-mono.js"),Xa=require("./components/logos/logo-azure.js"),ja=require("./components/logos/logo-base-mono.js"),Va=require("./components/logos/logo-base.js"),Qa=require("./components/logos/logo-berachain-mono.js"),Ja=require("./components/logos/logo-berachain.js"),Ka=require("./components/logos/logo-binance-mono.js"),_a=require("./components/logos/logo-binance.js"),$a=require("./components/logos/logo-bit-bucket-mono.js"),Ya=require("./components/logos/logo-bit-bucket.js"),ei=require("./components/logos/logo-bitcoin-mono.js"),ri=require("./components/logos/logo-bitcoin.js"),oi=require("./components/logos/logo-bnb-mono.js"),ai=require("./components/logos/logo-bnb.js"),ii=require("./components/logos/logo-celo-mono.js"),li=require("./components/logos/logo-celo.js"),ui=require("./components/logos/logo-chiliz-mono.js"),ti=require("./components/logos/logo-chiliz.js"),ni=require("./components/logos/logo-cognito-mono.js"),ci=require("./components/logos/logo-cognito.js"),di=require("./components/logos/logo-cosmos-mono.js"),vi=require("./components/logos/logo-cosmos.js"),fi=require("./components/logos/logo-discord-mono.js"),qi=require("./components/logos/logo-discord.js"),gi=require("./components/logos/logo-ethereum-circle-mono.js"),si=require("./components/logos/logo-ethereum-circle.js"),Li=require("./components/logos/logo-ethereum-mono.js"),Mi=require("./components/logos/logo-ethereum.js"),ki=require("./components/logos/logo-etherlink-mono.js"),Ii=require("./components/logos/logo-etherlink.js"),mi=require("./components/logos/logo-facebook-mono.js"),pi=require("./components/logos/logo-facebook.js"),hi=require("./components/logos/logo-flare-mono.js"),Ci=require("./components/logos/logo-flare.js"),bi=require("./components/logos/logo-flow-mono.js"),wi=require("./components/logos/logo-flow.js"),Bi=require("./components/logos/logo-git-hub-mono.js"),Ai=require("./components/logos/logo-git-hub.js"),Pi=require("./components/logos/logo-git-lab-mono.js"),Fi=require("./components/logos/logo-git-lab.js"),Si=require("./components/logos/logo-google-mono.js"),yi=require("./components/logos/logo-google.js"),Wi=require("./components/logos/logo-harmony-mono.js"),Ti=require("./components/logos/logo-harmony.js"),Ei=require("./components/logos/logo-horizen-mono.js"),Di=require("./components/logos/logo-horizen.js"),Gi=require("./components/logos/logo-icon-mono.js"),xi=require("./components/logos/logo-icon.js"),Ri=require("./components/logos/logo-immutable-x-mono.js"),Oi=require("./components/logos/logo-immutable-x.js"),Hi=require("./components/logos/logo-link-by-stripe-mono.js"),zi=require("./components/logos/logo-link-by-stripe.js"),Ni=require("./components/logos/logo-link-mono.js"),Zi=require("./components/logos/logo-link.js"),Ui=require("./components/logos/logo-linked-in-mono.js"),Xi=require("./components/logos/logo-linked-in.js"),ji=require("./components/logos/logo-loopring-mono.js"),Vi=require("./components/logos/logo-loopring.js"),Qi=require("./components/logos/logo-microsoft-mono.js"),Ji=require("./components/logos/logo-microsoft.js"),Ki=require("./components/logos/logo-moonbeam-mono.js"),_i=require("./components/logos/logo-moonbeam.js"),$i=require("./components/logos/logo-near-mono.js"),Yi=require("./components/logos/logo-near.js"),el=require("./components/logos/logo-onramper-mono.js"),rl=require("./components/logos/logo-onramper.js"),ol=require("./components/logos/logo-optimism-mono.js"),al=require("./components/logos/logo-optimism.js"),il=require("./components/logos/logo-pay-pal-mono.js"),ll=require("./components/logos/logo-pay-pal-wordmark-mono.js"),ul=require("./components/logos/logo-pay-pal-wordmark.js"),tl=require("./components/logos/logo-pay-pal.js"),nl=require("./components/logos/logo-poa-mono.js"),cl=require("./components/logos/logo-poa.js"),dl=require("./components/logos/logo-polkadot-mono.js"),vl=require("./components/logos/logo-polkadot.js"),fl=require("./components/logos/logo-polygon-mono.js"),ql=require("./components/logos/logo-polygon.js"),gl=require("./components/logos/logo-rarichain-mono.js"),sl=require("./components/logos/logo-rarichain.js"),Ll=require("./components/logos/logo-sardine-mono.js"),Ml=require("./components/logos/logo-sardine.js"),kl=require("./components/logos/logo-sei-mono.js"),Il=require("./components/logos/logo-sei.js"),ml=require("./components/logos/logo-solana-mono.js"),pl=require("./components/logos/logo-solana.js"),hl=require("./components/logos/logo-soneium-mono.js"),Cl=require("./components/logos/logo-soneium.js"),bl=require("./components/logos/logo-stability-mono.js"),wl=require("./components/logos/logo-stability.js"),Bl=require("./components/logos/logo-sui-mono.js"),Al=require("./components/logos/logo-sui.js"),Pl=require("./components/logos/logo-tezos-mono.js"),Fl=require("./components/logos/logo-tezos.js"),Sl=require("./components/logos/logo-twitch-mono.js"),yl=require("./components/logos/logo-twitch.js"),Wl=require("./components/logos/logo-twitter-mono.js"),Tl=require("./components/logos/logo-twitter.js"),El=require("./components/logos/logo-wallet-connect-mono.js"),Dl=require("./components/logos/logo-wallet-connect.js"),Gl=require("./components/logos/logo-warpcast-mono.js"),xl=require("./components/logos/logo-warpcast.js"),Rl=require("./components/logos/logo-wax-mono.js"),Ol=require("./components/logos/logo-wax.js"),Hl=require("./components/logos/logo-xdc-mono.js"),zl=require("./components/logos/logo-xdc.js"),Nl=require("./components/logos/logo-zetachain-mono.js"),Zl=require("./components/logos/logo-zetachain.js"),Ul=require("./components/logos/logo-zilliqa-mono.js"),Xl=require("./components/logos/logo-zilliqa.js"),jl=require("./components/logos/logo-zksync-mono.js"),Vl=require("./components/logos/logo-zksync.js"),Ql=require("./components/logos/pay-amex.js"),Jl=require("./components/logos/pay-discover.js"),Kl=require("./components/logos/pay-mastercard.js"),_l=require("./components/logos/pay-visa.js"),$l=require("./components/logos/presentation-logo.js"),Yl=require("./components/logos/website-magic.js"),eu=require("./components/logos/wlt-coinbase.js"),ru=require("./components/logos/wlt-mattel.js"),ou=require("./components/logos/wlt-metamask.js"),au=require("./components/logos/wlt-phantom.js"),iu=require("./components/logos/wlt-rainbow.js"),lu=require("./components/logos/wlt-wallet-connect.js"),uu=require("./components/primitives/button.js"),tu=require("./components/primitives/checkbox.js"),r=require("./components/primitives/dropdown-selector.js"),nu=require("./components/primitives/popover.js"),o=require("./components/primitives/radio.js"),a=require("./components/primitives/segmented-control.js"),cu=require("./components/primitives/switch.js"),du=require("./components/primitives/text.js"),vu=require("./components/sections/verify-pincode.js"),fu=require("./components/sections/wallet-actions.js"),i=require("./components/sections/wallet-navigation.js"),qu=require("./components/utils/animate.js"),gu=require("./components/utils/client-asset-logo.js"),su=require("./components/utils/qr-code.js"),Lu=require("./components/utils/secured-by-magic.js"),Mu=require("./components/utils/shared-logo.js"),ku=require("./hooks/theme.js"),Iu=require("./hooks/useToast.js");exports.ButtonContainer=l.ButtonContainer,exports.Card=u.Card,exports.Content=t.Content,exports.Drawer=n.Drawer,exports.Footer=c.Footer,exports.Header=d.Header,exports.Menu=v.Menu,exports.Modal=f.Modal,exports.Overlay=q.Overlay,exports.PayPalButton=g.PayPalButton,exports.SocialLoginButton=s.SocialLoginButton,exports.AnimatedCheckmark=L.AnimatedCheckmark,exports.AnimatedSpinner=M.AnimatedSpinner,exports.Callout=k.Callout,exports.LoadingSpinner=I.LoadingSpinner,exports.ProgressBar=m.ProgressBar,exports.Skeleton=p.Skeleton,exports.Toast=e.Toast,exports.ToastProvider=e.ToastProvider,exports.Tooltip=h.default,exports.IcoAdd=C.default,exports.IcoAlertCircleFill=b.default,exports.IcoAlertCircle=w.default,exports.IcoArrowDown=B.default,exports.IcoArrowLeft=A.default,exports.IcoArrowRight=P.default,exports.IcoArrowUp=F.default,exports.IcoAsteriskWithShield=S.default,exports.IcoAsterisk=y.default,exports.IcoAstronaut=W.default,exports.IcoAtom=T.default,exports.IcoBank=E.default,exports.IcoBellNotification=D.default,exports.IcoBell=G.default,exports.IcoBlock=x.default,exports.IcoBranding=R.default,exports.IcoCaretDown=O.default,exports.IcoCaretLeft=H.default,exports.IcoCaretRight=z.default,exports.IcoCaretUp=N.default,exports.IcoCheckmarkCircleFill=Z.default,exports.IcoCheckmarkCircle=U.default,exports.IcoCheckmark=X.default,exports.IcoClockFill=j.default,exports.IcoCodeEditor=V.default,exports.IcoCodeSandbox=Q.default,exports.IcoCode=J.default,exports.IcoCommandLine=K.default,exports.IcoComment=_.default,exports.IcoCopy=$.default,exports.IcoCreditCard=Y.default,exports.IcoDedicated=ee.default,exports.IcoDiamond=re.default,exports.IcoDismissCircleFill=oe.default,exports.IcoDismissCircle=ae.default,exports.IcoDismiss=ie.default,exports.IcoDoc=le.default,exports.IcoDownload=ue.default,exports.IcoEditEmail=te.default,exports.IcoEdit=ne.default,exports.IcoEmailFill=ce.default,exports.IcoEmailOpen=de.default,exports.IcoEmail=ve.default,exports.IcoExpand=fe.default,exports.IcoExpiration=qe.default,exports.IcoExternalLink=ge.default,exports.IcoEyeClosed=se.default,exports.IcoEyeOpened=Le.default,exports.IcoFingerprintFill=Me.default,exports.IcoFingerprint=ke.default,exports.IcoGas=Ie.default,exports.IcoGift=me.default,exports.IcoGlobe=pe.default,exports.IcoGridFill=he.default,exports.IcoGuide=Ce.default,exports.IcoHomeFill=be.default,exports.IcoHome=we.default,exports.IcoHourglass=Be.default,exports.IcoInfoCircleFill=Ae.default,exports.IcoInfoCircle=Pe.default,exports.IcoKebab=Fe.default,exports.IcoKey=Se.default,exports.IcoLightbulbFill=ye.default,exports.IcoLightbulb=We.default,exports.IcoLightningFill=Te.default,exports.IcoLightning=Ee.default,exports.IcoLink=De.default,exports.IcoLoading=Ge.default,exports.IcoLockLocked=xe.default,exports.IcoLockPassword=Re.default,exports.IcoLockUnlockedFill=Oe.default,exports.IcoLockUnlocked=He.default,exports.IcoLoginForm=ze.default,exports.IcoMagic=Ne.default,exports.IcoMegaphone=Ze.default,exports.IcoMenu=Ue.default,exports.IcoMessageFill=Xe.default,exports.IcoMessage=je.default,exports.IcoMfa=Ve.default,exports.IcoMinimize=Qe.default,exports.IcoMobile2fa=Je.default,exports.IcoMobile2fafill=Ke.default,exports.IcoOpenBook=_e.default,exports.IcoPaperPlane=$e.default,exports.IcoPassport=Ye.default,exports.IcoPasswordless=er.default,exports.IcoPendingConnection=rr.default,exports.IcoPhone=or.default,exports.IcoPolygonGasTestnet=ar.default,exports.IcoPolygonGas=ir.default,exports.IcoPrice=lr.default,exports.IcoQrcode=ur.default,exports.IcoQuestionCircleFill=tr.default,exports.IcoQuestionCircle=nr.default,exports.IcoRefreshCircleFill=cr.default,exports.IcoRefresh=dr.default,exports.IcoRemove=vr.default,exports.IcoRocketFill=fr.default,exports.IcoSearch=qr.default,exports.IcoSettingsFill=gr.default,exports.IcoSettings=sr.default,exports.IcoShapes=Lr.default,exports.IcoShieldApproved=Mr.default,exports.IcoShieldRejected=kr.default,exports.IcoShield=Ir.default,exports.IcoSocial=mr.default,exports.IcoSoldOutTag=pr.default,exports.IcoStar=hr.default,exports.IcoSwap=Cr.default,exports.IcoSwatches=br.default,exports.IcoTeam=wr.default,exports.IcoTrash=Br.default,exports.IcoUsers=Ar.default,exports.IcoWalletFill=Pr.default,exports.IcoWallet=Fr.default,exports.IcoWand=Sr.default,exports.IcoWarningFill=yr.default,exports.IcoWarning=Wr.default,exports.CopyButton=Tr.default,exports.EmailWbr=Er.default,exports.SecurityOtp=Dr.default,exports.TextBox=Gr.default,exports.WalletAddress=xr.default,exports.PhoneInput=Rr.default,exports.PinCodeInput=Or.PinCodeInput,exports.TextInput=Hr.TextInput,exports.Dialogue=zr.Dialogue,exports.Error=Nr.Error,exports.Page=Zr.Page,exports.PassportPage=Ur.PassportPage,exports.WalletPage=Xr.WalletPage,exports.NavigationButton=jr.default,exports.NFTTile=Vr.NFTTile,exports.TokenListItem=Qr.TokenListItem,exports.TransactionRow=Jr.TransactionRow,exports.ActivityListItem=Kr.ActivityListItem,exports.BlcAlgorand=_r.default,exports.BlcAptos=$r.default,exports.BlcArbitrum=Yr.default,exports.BlcAstar=eo.default,exports.BlcAvalanche=ro.default,exports.BlcBase=oo.default,exports.BlcBerachain=ao.default,exports.BlcBinance=io.default,exports.BlcBitcoin=lo.default,exports.BlcCelo=uo.default,exports.BlcChiliz=to.default,exports.BlcCosmos=no.default,exports.BlcEthereum=co.default,exports.BlcEtherlink=vo.default,exports.BlcFlow=fo.default,exports.BlcHarmony=qo.default,exports.BlcIcon=go.default,exports.BlcImmutableX=so.default,exports.BlcLoopring=Lo.default,exports.BlcMoonbeam=Mo.default,exports.BlcNear=ko.default,exports.BlcOptimism=Io.default,exports.BlcPolkadot=mo.default,exports.BlcPolygon=po.default,exports.BlcRarichain=ho.default,exports.BlcSolana=Co.default,exports.BlcStability=bo.default,exports.BlcSui=wo.default,exports.BlcTezos=Bo.default,exports.BlcWax=Ao.default,exports.BlcZetachain=Po.default,exports.BlcZilliqa=Fo.default,exports.BlcZksync=So.default,exports.DefaultCursor=yo.default,exports.Fwk11ty=Wo.default,exports.FwkAndroid=To.default,exports.FwkApple=Eo.default,exports.FwkAuthy=Do.default,exports.FwkBinanceFill=Go.default,exports.FwkChrome=xo.default,exports.FwkElectron=Ro.default,exports.FwkExpress=Oo.default,exports.FwkFauna=Ho.default,exports.FwkFirebase=zo.default,exports.FwkGo=No.default,exports.FwkGoogleAuthenticator=Zo.default,exports.FwkHasura=Uo.default,exports.FwkJavascript=Xo.default,exports.FwkJwt=jo.default,exports.FwkLaravel=Vo.default,exports.FwkNextjs=Qo.default,exports.FwkNodejs=Jo.default,exports.FwkNuxtjs=Ko.default,exports.FwkPhp=_o.default,exports.FwkReact=$o.default,exports.FwkStrapi=Yo.default,exports.FwkStripe=ea.default,exports.FwkVue=ra.default,exports.FwkWebflow=oa.default,exports.FwkWordpress=aa.default,exports.FwkZapier=ia.default,exports.IconArtDark=la.default,exports.IconArt=ua.default,exports.IconDelete=ta.default,exports.IconEmailGlobe=na.default,exports.IconEmail=ca.default,exports.IconGameControllerDark=da.default,exports.IconGameController=va.default,exports.IconGenericToken=fa.default,exports.IconMagicGlobe=qa.default,exports.IconMagicLogo=ga.default,exports.IconMusicDark=sa.default,exports.IconMusic=La.default,exports.IconPersonDark=Ma.default,exports.IconPerson=ka.default,exports.IconProfileDark=Ia.default,exports.IconProfileLight=ma.default,exports.IconReset=pa.default,exports.IconSms=ha.default,exports.IconTicketDark=Ca.default,exports.IconTicket=ba.default,exports.IconWarningDark=wa.default,exports.IconWarningShield=Ba.default,exports.IconWarning=Aa.default,exports.LogoAlgorandMono=Pa.default,exports.LogoAlgorand=Fa.default,exports.LogoAppleMono=Sa.default,exports.LogoApple=ya.default,exports.LogoAptosMono=Wa.default,exports.LogoAptos=Ta.default,exports.LogoArbitrumMono=Ea.default,exports.LogoArbitrumOneMono=Da.default,exports.LogoArbitrumOne=Ga.default,exports.LogoArbitrum=xa.default,exports.LogoAstarMono=Ra.default,exports.LogoAstar=Oa.default,exports.LogoAuth0Mono=Ha.default,exports.LogoAuth0=za.default,exports.LogoAvalancheMono=Na.default,exports.LogoAvalanche=Za.default,exports.LogoAzureMono=Ua.default,exports.LogoAzure=Xa.default,exports.LogoBaseMono=ja.default,exports.LogoBase=Va.default,exports.LogoBerachainMono=Qa.default,exports.LogoBerachain=Ja.default,exports.LogoBinanceMono=Ka.default,exports.LogoBinance=_a.default,exports.LogoBitBucketMono=$a.default,exports.LogoBitBucket=Ya.default,exports.LogoBitcoinMono=ei.default,exports.LogoBitcoin=ri.default,exports.LogoBnbMono=oi.default,exports.LogoBnb=ai.default,exports.LogoCeloMono=ii.default,exports.LogoCelo=li.default,exports.LogoChilizMono=ui.default,exports.LogoChiliz=ti.default,exports.LogoCognitoMono=ni.default,exports.LogoCognito=ci.default,exports.LogoCosmosMono=di.default,exports.LogoCosmos=vi.default,exports.LogoDiscordMono=fi.default,exports.LogoDiscord=qi.default,exports.LogoEthereumCircleMono=gi.default,exports.LogoEthereumCircle=si.default,exports.LogoEthereumMono=Li.default,exports.LogoEthereum=Mi.default,exports.LogoEtherlinkMono=ki.default,exports.LogoEtherlink=Ii.default,exports.LogoFacebookMono=mi.default,exports.LogoFacebook=pi.default,exports.LogoFlareMono=hi.default,exports.LogoFlare=Ci.default,exports.LogoFlowMono=bi.default,exports.LogoFlow=wi.default,exports.LogoGitHubMono=Bi.default,exports.LogoGitHub=Ai.default,exports.LogoGitLabMono=Pi.default,exports.LogoGitLab=Fi.default,exports.LogoGoogleMono=Si.default,exports.LogoGoogle=yi.default,exports.LogoHarmonyMono=Wi.default,exports.LogoHarmony=Ti.default,exports.LogoHorizenMono=Ei.default,exports.LogoHorizen=Di.default,exports.LogoIconMono=Gi.default,exports.LogoIcon=xi.default,exports.LogoImmutableXMono=Ri.default,exports.LogoImmutableX=Oi.default,exports.LogoLinkByStripeMono=Hi.default,exports.LogoLinkByStripe=zi.default,exports.LogoLinkMono=Ni.default,exports.LogoLink=Zi.default,exports.LogoLinkedInMono=Ui.default,exports.LogoLinkedIn=Xi.default,exports.LogoLoopringMono=ji.default,exports.LogoLoopring=Vi.default,exports.LogoMicrosoftMono=Qi.default,exports.LogoMicrosoft=Ji.default,exports.LogoMoonbeamMono=Ki.default,exports.LogoMoonbeam=_i.default,exports.LogoNearMono=$i.default,exports.LogoNear=Yi.default,exports.LogoOnramperMono=el.default,exports.LogoOnramper=rl.default,exports.LogoOptimismMono=ol.default,exports.LogoOptimism=al.default,exports.LogoPayPalMono=il.default,exports.LogoPayPalWordmarkMono=ll.default,exports.LogoPayPalWordmark=ul.default,exports.LogoPayPal=tl.default,exports.LogoPoaMono=nl.default,exports.LogoPoa=cl.default,exports.LogoPolkadotMono=dl.default,exports.LogoPolkadot=vl.default,exports.LogoPolygonMono=fl.default,exports.LogoPolygon=ql.default,exports.LogoRarichainMono=gl.default,exports.LogoRarichain=sl.default,exports.LogoSardineMono=Ll.default,exports.LogoSardine=Ml.default,exports.LogoSeiMono=kl.default,exports.LogoSei=Il.default,exports.LogoSolanaMono=ml.default,exports.LogoSolana=pl.default,exports.LogoSoneiumMono=hl.default,exports.LogoSoneium=Cl.default,exports.LogoStabilityMono=bl.default,exports.LogoStability=wl.default,exports.LogoSuiMono=Bl.default,exports.LogoSui=Al.default,exports.LogoTezosMono=Pl.default,exports.LogoTezos=Fl.default,exports.LogoTwitchMono=Sl.default,exports.LogoTwitch=yl.default,exports.LogoTwitterMono=Wl.default,exports.LogoTwitter=Tl.default,exports.LogoWalletConnectMono=El.default,exports.LogoWalletConnect=Dl.default,exports.LogoWarpcastMono=Gl.default,exports.LogoWarpcast=xl.default,exports.LogoWaxMono=Rl.default,exports.LogoWax=Ol.default,exports.LogoXdcMono=Hl.default,exports.LogoXdc=zl.default,exports.LogoZetachainMono=Nl.default,exports.LogoZetachain=Zl.default,exports.LogoZilliqaMono=Ul.default,exports.LogoZilliqa=Xl.default,exports.LogoZksyncMono=jl.default,exports.LogoZksync=Vl.default,exports.PayAmex=Ql.default,exports.PayDiscover=Jl.default,exports.PayMastercard=Kl.default,exports.PayVisa=_l.default,exports.PresentationLogo=$l.default,exports.WebsiteMagic=Yl.default,exports.WltCoinbase=eu.default,exports.WltMattel=ru.default,exports.WltMetamask=ou.default,exports.WltPhantom=au.default,exports.WltRainbow=iu.default,exports.WltWalletConnect=lu.default,exports.Button=uu.default,exports.Checkbox=tu.default,exports.DropdownOption=r.DropdownOption,exports.DropdownSelector=r.DropdownSelector,exports.Popover=nu.Popover,exports.Radio=o.Radio,exports.RadioGroup=o.RadioGroup,exports.SegmentedControl=a.SegmentedControl,exports.Tab=a.Tab,exports.Switch=cu.default,exports.Text=du.default,exports.VerifyPincode=vu.VerifyPincode,exports.WalletActions=fu.WalletActions,exports.WalletNavigation=i.WalletNavigation,Object.defineProperty(exports,"WalletNavigationType",{enumerable:!0,get:function(){return i.WalletNavigationType}}),exports.Animate=qu.default,exports.ClientAssetLogo=gu.ClientAssetLogo,exports.QRCode=su.default,exports.SecuredByMagic=Lu.default,exports.SharedLogo=Mu.default,exports.useCustomVars=ku.useCustomVars,exports.useToast=Iu.useToast;
2
2
  //# sourceMappingURL=index.js.map
@@ -0,0 +1,2 @@
1
+ "use strict";var t=require("@styled/css");const a=t.sva({slots:["trigger","content","spacer"],base:{trigger:{position:"relative",w:"auto"},content:{w:"max",maxW:72,color:"text.secondary",bg:"surface.primary",_dark:{bg:"surface.secondary"},position:"absolute",py:2,px:3,rounded:"xl",boxShadow:"0px 4px 20px 0px rgba(0, 0, 0, 0.10)",zIndex:"max",display:"none"},spacer:{position:"absolute"}},variants:{expand:{true:{trigger:{w:"full"}}},isOpen:{true:{content:{display:"block"}}},placement:{top:{content:{top:"0%",left:"50%",transform:"translateX(-50%) translateY(calc(-100% - 0.75rem))"}},"top left":{content:{top:"0%",right:"100%",transform:"translateX(10%) translateY(calc(-100% - 0.75rem))"}},"top right":{content:{top:"0%",left:"0%",transform:"translateX(-10%) translateY(calc(-100% - 0.75rem))"}},left:{content:{top:"50%",left:"0%",transform:"translateX(calc(-100% - 0.75rem)) translateY(-50%)"}},"left top":{content:{top:"50%",left:"0%",transform:"translateX(calc(-100% - 0.75rem)) translateY(-75%)"}},"left bottom":{content:{top:"50%",left:"0%",transform:"translateX(calc(-100% - 0.75rem)) translateY(-25%)"}},right:{content:{top:"50%",right:"0%",transform:"translateX(calc(100% + 0.75rem)) translateY(-50%)"}},"right top":{content:{top:"50%",right:"0%",transform:"translateX(calc(100% + 0.75rem)) translateY(-75%)"}},"right bottom":{content:{top:"50%",right:"0%",transform:"translateX(calc(100% + 0.75rem)) translateY(-25%)"}},bottom:{content:{bottom:"0%",left:"50%",transform:"translateX(-50%) translateY(calc(100% + 0.75rem))"}},"bottom left":{content:{bottom:"0%",right:"0%",transform:"translateX(10%) translateY(calc(100% + 0.75rem))"}},"bottom right":{content:{bottom:"0%",left:"0%",transform:"translateX(-10%) translateY(calc(100% + 0.75rem))"}}},position:{top:{spacer:{width:72,height:4,bottom:0,left:"50%",transform:"translateX(-50%) translateY(0.75rem)"}},bottom:{spacer:{width:72,height:4,top:0,left:"50%",transform:"translateX(-50%) translateY(-0.75rem)"}},left:{spacer:{width:4,height:48,top:"50%",right:-6,transform:"translateX(-0.75rem) translateY(-50%)"}},right:{spacer:{width:4,height:48,top:"50%",left:-6,transform:"translateX(0.75rem) translateY(-50%)"}}}}});exports.tooltip=a;
2
+ //# sourceMappingURL=tooltip.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip.js","sources":["../../../src/recipes/tooltip.ts"],"sourcesContent":["import { sva } from '@styled/css';\n\nexport const tooltip = sva({\n slots: ['trigger', 'content', 'spacer'],\n base: {\n trigger: {\n position: 'relative',\n w: 'auto',\n },\n content: {\n w: 'max',\n maxW: 72,\n color: 'text.secondary',\n bg: 'surface.primary',\n _dark: { bg: 'surface.secondary' },\n position: 'absolute',\n py: 2,\n px: 3,\n rounded: 'xl',\n boxShadow: '0px 4px 20px 0px rgba(0, 0, 0, 0.10)',\n zIndex: 'max',\n display: 'none',\n },\n spacer: {\n position: 'absolute',\n },\n },\n variants: {\n expand: {\n true: {\n trigger: {\n w: 'full',\n },\n },\n },\n isOpen: {\n true: {\n content: {\n display: 'block',\n },\n },\n },\n placement: {\n top: {\n content: {\n top: '0%',\n left: '50%',\n transform: 'translateX(-50%) translateY(calc(-100% - 0.75rem))',\n },\n },\n 'top left': {\n content: {\n top: '0%',\n right: '100%',\n transform: 'translateX(10%) translateY(calc(-100% - 0.75rem))',\n },\n },\n 'top right': {\n content: {\n top: '0%',\n left: '0%',\n transform: 'translateX(-10%) translateY(calc(-100% - 0.75rem))',\n },\n },\n left: {\n content: {\n top: '50%',\n left: '0%',\n transform: 'translateX(calc(-100% - 0.75rem)) translateY(-50%)',\n },\n },\n 'left top': {\n content: {\n top: '50%',\n left: '0%',\n transform: 'translateX(calc(-100% - 0.75rem)) translateY(-75%)',\n },\n },\n 'left bottom': {\n content: {\n top: '50%',\n left: '0%',\n transform: 'translateX(calc(-100% - 0.75rem)) translateY(-25%)',\n },\n },\n right: {\n content: {\n top: '50%',\n right: '0%',\n transform: 'translateX(calc(100% + 0.75rem)) translateY(-50%)',\n },\n },\n 'right top': {\n content: {\n top: '50%',\n right: '0%',\n transform: 'translateX(calc(100% + 0.75rem)) translateY(-75%)',\n },\n },\n 'right bottom': {\n content: {\n top: '50%',\n right: '0%',\n transform: 'translateX(calc(100% + 0.75rem)) translateY(-25%)',\n },\n },\n bottom: {\n content: {\n bottom: '0%',\n left: '50%',\n transform: 'translateX(-50%) translateY(calc(100% + 0.75rem))',\n },\n },\n 'bottom left': {\n content: {\n bottom: '0%',\n right: '0%',\n transform: 'translateX(10%) translateY(calc(100% + 0.75rem))',\n },\n },\n 'bottom right': {\n content: {\n bottom: '0%',\n left: '0%',\n transform: 'translateX(-10%) translateY(calc(100% + 0.75rem))',\n },\n },\n },\n position: {\n top: {\n spacer: {\n width: 72,\n height: 4,\n bottom: 0,\n left: '50%',\n transform: 'translateX(-50%) translateY(0.75rem)',\n },\n },\n bottom: {\n spacer: {\n width: 72,\n height: 4,\n top: 0,\n left: '50%',\n transform: 'translateX(-50%) translateY(-0.75rem)',\n },\n },\n left: {\n spacer: {\n width: 4,\n height: 48,\n top: '50%',\n right: -6,\n transform: 'translateX(-0.75rem) translateY(-50%)',\n },\n },\n right: {\n spacer: {\n width: 4,\n height: 48,\n top: '50%',\n left: -6,\n transform: 'translateX(0.75rem) translateY(-50%)',\n },\n },\n },\n },\n});\n"],"names":["tooltip","sva"],"mappings":"0CAEO,MAAMA,EAAUC,EAAAA,IAAI,CACzB,MAAO,CAAC,UAAW,UAAW,QAAQ,EACtC,KAAM,CACJ,QAAS,CACP,SAAU,WACV,EAAG,MACJ,EACD,QAAS,CACP,EAAG,MACH,KAAM,GACN,MAAO,iBACP,GAAI,kBACJ,MAAO,CAAE,GAAI,mBAAqB,EAClC,SAAU,WACV,GAAI,EACJ,GAAI,EACJ,QAAS,KACT,UAAW,uCACX,OAAQ,MACR,QAAS,MACV,EACD,OAAQ,CACN,SAAU,UACX,CACF,EACD,SAAU,CACR,OAAQ,CACN,KAAM,CACJ,QAAS,CACP,EAAG,MACJ,CACF,CACF,EACD,OAAQ,CACN,KAAM,CACJ,QAAS,CACP,QAAS,OACV,CACF,CACF,EACD,UAAW,CACT,IAAK,CACH,QAAS,CACP,IAAK,KACL,KAAM,MACN,UAAW,oDACZ,CACF,EACD,WAAY,CACV,QAAS,CACP,IAAK,KACL,MAAO,OACP,UAAW,mDACZ,CACF,EACD,YAAa,CACX,QAAS,CACP,IAAK,KACL,KAAM,KACN,UAAW,oDACZ,CACF,EACD,KAAM,CACJ,QAAS,CACP,IAAK,MACL,KAAM,KACN,UAAW,oDACZ,CACF,EACD,WAAY,CACV,QAAS,CACP,IAAK,MACL,KAAM,KACN,UAAW,oDACZ,CACF,EACD,cAAe,CACb,QAAS,CACP,IAAK,MACL,KAAM,KACN,UAAW,oDACZ,CACF,EACD,MAAO,CACL,QAAS,CACP,IAAK,MACL,MAAO,KACP,UAAW,mDACZ,CACF,EACD,YAAa,CACX,QAAS,CACP,IAAK,MACL,MAAO,KACP,UAAW,mDACZ,CACF,EACD,eAAgB,CACd,QAAS,CACP,IAAK,MACL,MAAO,KACP,UAAW,mDACZ,CACF,EACD,OAAQ,CACN,QAAS,CACP,OAAQ,KACR,KAAM,MACN,UAAW,mDACZ,CACF,EACD,cAAe,CACb,QAAS,CACP,OAAQ,KACR,MAAO,KACP,UAAW,kDACZ,CACF,EACD,eAAgB,CACd,QAAS,CACP,OAAQ,KACR,KAAM,KACN,UAAW,mDACZ,CACF,CACF,EACD,SAAU,CACR,IAAK,CACH,OAAQ,CACN,MAAO,GACP,OAAQ,EACR,OAAQ,EACR,KAAM,MACN,UAAW,sCACZ,CACF,EACD,OAAQ,CACN,OAAQ,CACN,MAAO,GACP,OAAQ,EACR,IAAK,EACL,KAAM,MACN,UAAW,uCACZ,CACF,EACD,KAAM,CACJ,OAAQ,CACN,MAAO,EACP,OAAQ,GACR,IAAK,MACL,MAAO,GACP,UAAW,uCACZ,CACF,EACD,MAAO,CACL,OAAQ,CACN,MAAO,EACP,OAAQ,GACR,IAAK,MACL,KAAM,GACN,UAAW,sCACZ,CACF,CACF,CACF,CACF,CAAA"}
@@ -1,2 +1,2 @@
1
- import{jsxs as m,jsx as c}from"react/jsx-runtime";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import C from"../primitives/text.js";import{useClickAway as O}from"../../hooks/useClickAway.js";import{useToggleState as S}from"../../hooks/useToggleState.js";import{css as n,cx as P}from"@styled/css";import{forwardRef as k,useState as M,useMemo as N,useRef as E,cloneElement as R}from"react";import{useTooltipTrigger as j,mergeProps as z}from"react-aria";const B=2500,d=k((t,u)=>{const f="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.maxTouchPoints>0,{children:x,content:h,width:a=288,closeDelay:b=B,defaultOpen:g,...y}=t,[r,s]=M(!1),{isSelected:l,setSelected:e}=S({isOpen:t.isOpen,defaultSelected:g,onChange(i){i||s(!1)},...t}),o=N(()=>({isOpen:l,open:()=>{e(!0)},close:i=>{if(i){e(!1);return}f?e(!1):(r&&setTimeout(()=>{e(!1),s(!1)},b),r||e(!1))}}),[l,r]),w=E(null),{triggerProps:p,tooltipProps:v}=j(t,o,w);p.onClick=()=>{o.open(),s(!0)};const T=O(()=>{o.close(!0)});return m("div",{ref:T,className:n({position:"relative"}),onMouseLeave:()=>{o.close()},onFocus:()=>{o.open()},onBlur:()=>{o.close()},children:[R(x,{...p,tabIndex:0}),m("div",{ref:u,"aria-describedby":"tooltip",role:"tooltip",style:{width:a},className:P(n({display:o.isOpen?"block":"none",maxW:72,width:"max",color:"text.secondary",bgColor:"surface.primary",_dark:{bgColor:"surface.secondary"},borderColor:"neutral.secondary",position:"absolute",py:2,px:3,borderRadius:"xl",boxShadow:"0px 4px 20px 0px rgba(0, 0, 0, 0.10)",top:0,left:"50%",transform:"translateX(-50%) translateY(calc(-100% - 0.75rem))",zIndex:"max"})),onMouseEnter:()=>{o.open()},...z(v,y),children:[c(C,{size:"sm",children:h}),o.isOpen&&c("div",{onMouseEnter:()=>{o.open()},style:{width:a},className:n({position:"absolute",h:4,bottom:0,left:"50%",transform:"translateX(-50%) translateY(0.75rem)"})})]})]})});d.displayName="Tooltip";export{d as default};
1
+ import{jsxs as c,jsx as u}from"react/jsx-runtime";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import b from"../primitives/text.js";import{useClickAway as j}from"../../hooks/useClickAway.js";import{useToggleState as k}from"../../hooks/useToggleState.js";import{tooltip as v}from"../../recipes/tooltip.js";import{Box as p}from"@styled/jsx";import{forwardRef as B,useState as E,useMemo as R,useRef as z,cloneElement as A}from"react";import{useTooltipTrigger as D,mergeProps as F}from"react-aria";const d=B((t,f)=>{const g="ontouchstart"in window||navigator.maxTouchPoints>0||navigator.maxTouchPoints>0,{children:h,content:x,width:O=288,closeDelay:T=2500,defaultOpen:w,placement:l="top",expand:y=!1,...P}=t,[r,i]=E(!1),{isSelected:m,setSelected:o}=k({isOpen:t.isOpen,defaultSelected:w,onChange(s){s||i(!1)},...t}),e=R(()=>({isOpen:m,open:()=>{o(!0)},close:s=>{if(s){o(!1);return}g?o(!1):(r&&setTimeout(()=>{o(!1),i(!1)},T),r||o(!1))}}),[m,r]),S=z(null),{triggerProps:a,tooltipProps:C}=D(t,e,S);a.onClick=()=>{e.open(),i(!0)};const M=j(()=>{e.close(!0)}),N=l.split(" ")[0],n=v({expand:y,isOpen:e.isOpen,placement:l,position:N});return c(p,{ref:M,className:n.trigger,onMouseLeave:()=>{e.close()},onFocus:()=>{e.open()},onBlur:()=>{e.close()},children:[A(h,{...a,tabIndex:0}),c(p,{ref:f,"aria-describedby":"tooltip",role:"tooltip",className:n.content,style:{width:O},onMouseEnter:()=>{e.open()},...F(C,P),children:[u(b,{size:"sm",children:x}),e.isOpen&&u(p,{onMouseEnter:()=>{e.open()},className:n.spacer})]})]})});d.displayName="Tooltip";export{d as default};
2
2
  //# sourceMappingURL=tooltip.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.js","sources":["../../../../src/components/feedback/tooltip.tsx"],"sourcesContent":["import { Text } from '@components/primitives';\nimport { useClickAway } from '@hooks/useClickAway';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { css, cx } from '@styled/css';\nimport { PropsWithChildren, ReactElement, ReactNode, cloneElement, forwardRef, useMemo, useRef, useState } from 'react';\nimport { TooltipTriggerProps, mergeProps, useTooltipTrigger } from 'react-aria';\n\nexport type TooltipProps = PropsWithChildren<\n {\n content: ReactNode;\n width?: number | string;\n } & TooltipTriggerProps\n>;\n\nconst DEFAULT_CLOSE_DELAY = 2500;\n\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, forwardedRef) => {\n const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.maxTouchPoints > 0;\n\n const { children, content, width = 288, closeDelay = DEFAULT_CLOSE_DELAY, defaultOpen, ...restProps } = props;\n const [isClicked, setIsClicked] = useState(false);\n\n const { isSelected: isOpen, setSelected: setOpen } = useToggleState({\n isOpen: props.isOpen,\n defaultSelected: defaultOpen,\n onChange(open) {\n if (!open) {\n setIsClicked(false);\n }\n },\n ...props,\n });\n\n const state = useMemo(\n () => ({\n isOpen,\n open: () => {\n setOpen(true);\n },\n close: (immediate?: boolean) => {\n if (immediate) {\n setOpen(false);\n return;\n }\n if (!isTouchDevice) {\n if (isClicked) {\n setTimeout(() => {\n setOpen(false);\n setIsClicked(false);\n }, closeDelay);\n }\n if (!isClicked) {\n setOpen(false);\n }\n } else {\n setOpen(false);\n }\n },\n }),\n [isOpen, isClicked],\n );\n\n const triggerRef = useRef<HTMLDivElement>(null);\n const { triggerProps, tooltipProps } = useTooltipTrigger(props, state, triggerRef);\n\n triggerProps.onClick = () => {\n state.open();\n setIsClicked(true);\n };\n\n const clickAwayRef = useClickAway<HTMLDivElement>(() => {\n state.close(true);\n });\n\n return (\n <div\n ref={clickAwayRef}\n className={css({ position: 'relative' })}\n onMouseLeave={() => {\n state.close();\n }}\n onFocus={() => {\n state.open();\n }}\n onBlur={() => {\n state.close();\n }}\n >\n {cloneElement(children as ReactElement, {\n ...triggerProps,\n tabIndex: 0,\n })}\n <div\n ref={forwardedRef}\n aria-describedby=\"tooltip\"\n role=\"tooltip\"\n style={{ width }}\n className={cx(\n css({\n display: state.isOpen ? 'block' : 'none',\n maxW: 72,\n width: 'max',\n color: 'text.secondary',\n bgColor: 'surface.primary',\n _dark: { bgColor: 'surface.secondary' },\n borderColor: 'neutral.secondary',\n position: 'absolute',\n py: 2,\n px: 3,\n borderRadius: 'xl',\n boxShadow: '0px 4px 20px 0px rgba(0, 0, 0, 0.10)',\n top: 0,\n left: '50%',\n transform: 'translateX(-50%) translateY(calc(-100% - 0.75rem))',\n zIndex: 'max',\n }),\n )}\n onMouseEnter={() => {\n state.open();\n }}\n {...mergeProps(tooltipProps, restProps)}\n >\n <Text size=\"sm\">{content}</Text>\n {state.isOpen && (\n <div\n onMouseEnter={() => {\n state.open();\n }}\n style={{ width }}\n className={css({\n position: 'absolute',\n h: 4,\n bottom: 0,\n left: '50%',\n transform: 'translateX(-50%) translateY(0.75rem)',\n })}\n />\n )}\n </div>\n </div>\n );\n});\n\nTooltip.displayName = 'Tooltip';\n\nexport default Tooltip;\n"],"names":["DEFAULT_CLOSE_DELAY","Tooltip","forwardRef","props","forwardedRef","isTouchDevice","children","content","width","closeDelay","defaultOpen","restProps","isClicked","setIsClicked","useState","isOpen","setOpen","useToggleState","open","state","useMemo","immediate","triggerRef","useRef","triggerProps","tooltipProps","useTooltipTrigger","clickAwayRef","useClickAway","_jsxs","css","cloneElement","cx","mergeProps","_jsx","Text"],"mappings":"opBAcMA,EAAsB,KAEtBC,EAAUC,EAAyC,CAACC,EAAOC,IAAgB,CAC/E,MAAMC,EAAgB,iBAAkB,QAAU,UAAU,eAAiB,GAAK,UAAU,eAAiB,EAEvG,CAAE,SAAAC,EAAU,QAAAC,EAAS,MAAAC,EAAQ,IAAK,WAAAC,EAAaT,EAAqB,YAAAU,EAAa,GAAGC,CAAW,EAAGR,EAClG,CAACS,EAAWC,CAAY,EAAIC,EAAS,EAAK,EAE1C,CAAE,WAAYC,EAAQ,YAAaC,CAAO,EAAKC,EAAe,CAClE,OAAQd,EAAM,OACd,gBAAiBO,EACjB,SAASQ,EAAI,CACNA,GACHL,EAAa,EAAK,CAEtB,EACA,GAAGV,CACJ,CAAA,EAEKgB,EAAQC,EACZ,KAAO,CACL,OAAAL,EACA,KAAM,IAAK,CACTC,EAAQ,EAAI,CACd,EACA,MAAQK,GAAuB,CAC7B,GAAIA,EAAW,CACbL,EAAQ,EAAK,EACb,MACF,CACKX,EAWHW,EAAQ,EAAK,GAVTJ,GACF,WAAW,IAAK,CACdI,EAAQ,EAAK,EACbH,EAAa,EAAK,CACpB,EAAGJ,CAAU,EAEVG,GACHI,EAAQ,EAAK,EAKnB,CACD,GACD,CAACD,EAAQH,CAAS,CAAC,EAGfU,EAAaC,EAAuB,IAAI,EACxC,CAAE,aAAAC,EAAc,aAAAC,GAAiBC,EAAkBvB,EAAOgB,EAAOG,CAAU,EAEjFE,EAAa,QAAU,IAAK,CAC1BL,EAAM,OACNN,EAAa,EAAI,CACnB,EAEA,MAAMc,EAAeC,EAA6B,IAAK,CACrDT,EAAM,MAAM,EAAI,CAClB,CAAC,EAED,OACEU,SACE,IAAKF,EACL,UAAWG,EAAI,CAAE,SAAU,UAAY,CAAA,EACvC,aAAc,IAAK,CACjBX,EAAM,MACR,CAAA,EACA,QAAS,IAAK,CACZA,EAAM,MACR,EACA,OAAQ,IAAK,CACXA,EAAM,MAAK,CACb,EAEC,SAAA,CAAAY,EAAazB,EAA0B,CACtC,GAAGkB,EACH,SAAU,EACX,EACDK,SACE,IAAKzB,EACY,mBAAA,UACjB,KAAK,UACL,MAAO,CAAE,MAAAI,CAAO,EAChB,UAAWwB,EACTF,EAAI,CACF,QAASX,EAAM,OAAS,QAAU,OAClC,KAAM,GACN,MAAO,MACP,MAAO,iBACP,QAAS,kBACT,MAAO,CAAE,QAAS,mBAAqB,EACvC,YAAa,oBACb,SAAU,WACV,GAAI,EACJ,GAAI,EACJ,aAAc,KACd,UAAW,uCACX,IAAK,EACL,KAAM,MACN,UAAW,qDACX,OAAQ,KACT,CAAA,CAAC,EAEJ,aAAc,IAAK,CACjBA,EAAM,KACR,CAAA,EAAC,GACGc,EAAWR,EAAcd,CAAS,EAEtC,SAAA,CAAAuB,EAACC,EAAI,CAAC,KAAK,KAAI,SAAE5B,CAAO,CAAA,EACvBY,EAAM,QACLe,EACE,MAAA,CAAA,aAAc,IAAK,CACjBf,EAAM,KAAI,CACZ,EACA,MAAO,CAAE,MAAAX,GACT,UAAWsB,EAAI,CACb,SAAU,WACV,EAAG,EACH,OAAQ,EACR,KAAM,MACN,UAAW,sCACZ,CAAA,CACD,CAAA,CACH,CACG,CAAA,CAAA,CAAA,CAAA,CAGZ,CAAC,EAED7B,EAAQ,YAAc"}
1
+ {"version":3,"file":"tooltip.js","sources":["../../../../src/components/feedback/tooltip.tsx"],"sourcesContent":["import { Text } from '@components/primitives';\nimport { useClickAway } from '@hooks/useClickAway';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { tooltip } from '@recipes/tooltip';\nimport { Box } from '@styled/jsx';\nimport { PropsWithChildren, ReactElement, ReactNode, cloneElement, forwardRef, useMemo, useRef, useState } from 'react';\nimport { TooltipTriggerProps, mergeProps, useTooltipTrigger } from 'react-aria';\n\ntype Position = 'top' | 'bottom' | 'left' | 'right';\n\ntype Placement =\n | 'top'\n | 'top right'\n | 'top left'\n | 'left'\n | 'left top'\n | 'left bottom'\n | 'right'\n | 'right top'\n | 'right bottom'\n | 'bottom'\n | 'bottom right'\n | 'bottom left';\n\nexport type TooltipProps = PropsWithChildren<\n {\n content: ReactNode;\n width?: number | string;\n placement?: Placement;\n expand?: boolean;\n } & TooltipTriggerProps\n>;\n\nconst Tooltip = forwardRef<HTMLDivElement, TooltipProps>((props, forwardedRef) => {\n const isTouchDevice = 'ontouchstart' in window || navigator.maxTouchPoints > 0 || navigator.maxTouchPoints > 0;\n\n const {\n children,\n content,\n width = 288,\n closeDelay = 2500,\n defaultOpen,\n placement = 'top',\n expand = false,\n ...restProps\n } = props;\n const [isClicked, setIsClicked] = useState(false);\n\n const { isSelected: isOpen, setSelected: setOpen } = useToggleState({\n isOpen: props.isOpen,\n defaultSelected: defaultOpen,\n onChange(open) {\n if (!open) {\n setIsClicked(false);\n }\n },\n ...props,\n });\n\n const state = useMemo(\n () => ({\n isOpen,\n open: () => {\n setOpen(true);\n },\n close: (immediate?: boolean) => {\n if (immediate) {\n setOpen(false);\n return;\n }\n if (!isTouchDevice) {\n if (isClicked) {\n setTimeout(() => {\n setOpen(false);\n setIsClicked(false);\n }, closeDelay);\n }\n if (!isClicked) {\n setOpen(false);\n }\n } else {\n setOpen(false);\n }\n },\n }),\n [isOpen, isClicked],\n );\n\n const triggerRef = useRef<HTMLDivElement>(null);\n const { triggerProps, tooltipProps } = useTooltipTrigger(props, state, triggerRef);\n\n triggerProps.onClick = () => {\n state.open();\n setIsClicked(true);\n };\n\n const clickAwayRef = useClickAway<HTMLDivElement>(() => {\n state.close(true);\n });\n\n const position = placement.split(' ')[0] as Position;\n const classes = tooltip({ expand, isOpen: state.isOpen, placement, position });\n\n return (\n <Box\n ref={clickAwayRef}\n className={classes.trigger}\n onMouseLeave={() => {\n state.close();\n }}\n onFocus={() => {\n state.open();\n }}\n onBlur={() => {\n state.close();\n }}\n >\n {cloneElement(children as ReactElement, {\n ...triggerProps,\n tabIndex: 0,\n })}\n <Box\n ref={forwardedRef}\n aria-describedby=\"tooltip\"\n role=\"tooltip\"\n className={classes.content}\n style={{ width }}\n onMouseEnter={() => {\n state.open();\n }}\n {...mergeProps(tooltipProps, restProps)}\n >\n <Text size=\"sm\">{content}</Text>\n {state.isOpen && (\n <Box\n onMouseEnter={() => {\n state.open();\n }}\n className={classes.spacer}\n />\n )}\n </Box>\n </Box>\n );\n});\n\nTooltip.displayName = 'Tooltip';\n\nexport default Tooltip;\n"],"names":["Tooltip","forwardRef","props","forwardedRef","isTouchDevice","children","content","width","closeDelay","defaultOpen","placement","expand","restProps","isClicked","setIsClicked","useState","isOpen","setOpen","useToggleState","open","state","useMemo","immediate","triggerRef","useRef","triggerProps","tooltipProps","useTooltipTrigger","clickAwayRef","useClickAway","position","classes","tooltip","_jsxs","Box","cloneElement","mergeProps","_jsx","Text"],"mappings":"yrBAiCMA,MAAAA,EAAUC,EAAyC,CAACC,EAAOC,IAAgB,CAC/E,MAAMC,EAAgB,iBAAkB,QAAU,UAAU,eAAiB,GAAK,UAAU,eAAiB,EAEvG,CACJ,SAAAC,EACA,QAAAC,EACA,MAAAC,EAAQ,IACR,WAAAC,EAAa,KACb,YAAAC,EACA,UAAAC,EAAY,MACZ,OAAAC,EAAS,GACT,GAAGC,CAAS,EACVV,EACE,CAACW,EAAWC,CAAY,EAAIC,EAAS,EAAK,EAE1C,CAAE,WAAYC,EAAQ,YAAaC,CAAO,EAAKC,EAAe,CAClE,OAAQhB,EAAM,OACd,gBAAiBO,EACjB,SAASU,EAAI,CACNA,GACHL,EAAa,EAAK,CAEtB,EACA,GAAGZ,CACJ,CAAA,EAEKkB,EAAQC,EACZ,KAAO,CACL,OAAAL,EACA,KAAM,IAAK,CACTC,EAAQ,EAAI,CACd,EACA,MAAQK,GAAuB,CAC7B,GAAIA,EAAW,CACbL,EAAQ,EAAK,EACb,MACF,CACKb,EAWHa,EAAQ,EAAK,GAVTJ,GACF,WAAW,IAAK,CACdI,EAAQ,EAAK,EACbH,EAAa,EAAK,CACpB,EAAGN,CAAU,EAEVK,GACHI,EAAQ,EAAK,EAKnB,CACD,GACD,CAACD,EAAQH,CAAS,CAAC,EAGfU,EAAaC,EAAuB,IAAI,EACxC,CAAE,aAAAC,EAAc,aAAAC,GAAiBC,EAAkBzB,EAAOkB,EAAOG,CAAU,EAEjFE,EAAa,QAAU,IAAK,CAC1BL,EAAM,KACNN,EAAAA,EAAa,EAAI,CACnB,EAEA,MAAMc,EAAeC,EAA6B,IAAK,CACrDT,EAAM,MAAM,EAAI,CAClB,CAAC,EAEKU,EAAWpB,EAAU,MAAM,GAAG,EAAE,CAAC,EACjCqB,EAAUC,EAAQ,CAAE,OAAArB,EAAQ,OAAQS,EAAM,OAAQ,UAAAV,EAAW,SAAAoB,CAAQ,CAAE,EAE7E,OACEG,EAACC,EACC,CAAA,IAAKN,EACL,UAAWG,EAAQ,QACnB,aAAc,IAAK,CACjBX,EAAM,MACR,CAAA,EACA,QAAS,IAAK,CACZA,EAAM,KACR,CAAA,EACA,OAAQ,IAAK,CACXA,EAAM,MACR,CAAA,EAEC,SAAA,CAAAe,EAAa9B,EAA0B,CACtC,GAAGoB,EACH,SAAU,CACX,CAAA,EACDQ,EAACC,EAAG,CACF,IAAK/B,EAAY,mBACA,UACjB,KAAK,UACL,UAAW4B,EAAQ,QACnB,MAAO,CAAE,MAAAxB,CAAO,EAChB,aAAc,IAAK,CACjBa,EAAM,KACR,CAAA,EACI,GAAAgB,EAAWV,EAAcd,CAAS,EAAC,SAAA,CAEvCyB,EAACC,EAAK,CAAA,KAAK,KAAM,SAAAhC,CAAe,CAAA,EAC/Bc,EAAM,QACLiB,EAACH,EAAG,CACF,aAAc,IAAK,CACjBd,EAAM,KACR,CAAA,EACA,UAAWW,EAAQ,MAAM,CAAA,CAE5B,CAAA,CAAA,CACG,CACF,CAAA,CAEV,CAAC,EAED/B,EAAQ,YAAc"}
@@ -0,0 +1,2 @@
1
+ import{jsx as t,jsxs as o}from"react/jsx-runtime";import{cloneElement as i,Children as g}from"react";import{Center as j,Box as n,Flex as c,HStack as b}from"@styled/jsx";import{createSlot as s,createHost as v}from"create-slots";import l from"../primitives/text.js";import{cx as R,css as z}from"@styled/css";import{ButtonContainer as A}from"../containers/button.js";import"../containers/card.js";import"@styled/tokens";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import"../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";const y=s(({backgroundColor:e,children:r})=>t(j,{borderRadius:60,height:11,width:11,backgroundColor:e,overflow:"hidden",children:i(g.only(r),{height:24,width:24})})),C=s(({backgroundColor:e,children:r})=>o(n,{height:10,width:10,position:"relative",children:[t(c,{alignItems:"center",justifyContent:"center",position:"absolute",backgroundColor:e,height:7,width:7,borderRadius:30,children:i(r[0],{height:20,width:20})}),t(c,{alignItems:"center",justifyContent:"center",position:"absolute",backgroundColor:e,borderRadius:30,height:7,width:7,bottom:0,right:0,children:i(r[1],{height:20,width:20})})]})),f=s(({backgroundColor:e,children:r})=>t(c,{backgroundColor:e,borderRadius:30,alignItems:"center",justifyContent:"center",borderWidth:"2",borderColor:"neutral.tertiary",width:"5",height:"5",children:i(g.only(r),{height:10,width:10})})),B=({title:e,subtitle:r,primaryValue:w,primaryValueColor:x,secondaryValue:a,children:k,onPress:I,...h})=>v(k,d=>{const m=d.get(C),p=d.get(y),u=d.get(f);return t(A,{borderRadius:"0.375rem",expand:!0,onPress:I,children:o(b,{p:3,gap:2,w:"full",pos:"relative",className:R(z({_active:{transform:"scale(0.95)"},_hover:{bgColor:"neutral.secondary"},bgColor:"neutral.tertiary"})),borderRadius:"md",justify:"space-between",alignItems:"center",...h,children:[o(b,{children:[m&&m,p&&p,u&&t(n,{position:"absolute",left:9,top:11,children:u}),o(n,{children:[t(l,{truncate:!0,size:"md",fontWeight:"bold",children:e})," ",r&&t(l,{truncate:!0,size:"sm",fontColor:"text.secondary",children:r})]})]}),o(n,{children:[t(l,{truncate:!0,size:"md",styles:{textAlign:"end",color:x},...h,children:w}),a&&t(l,{truncate:!0,size:"sm",styles:{textAlign:"end"},fontColor:"text.secondary",children:a})]})]})})}),P=Object.assign(B,{DoubleIcon:C,PrimaryIcon:y,SecondaryIcon:f});export{P as ActivityListItem};
2
+ //# sourceMappingURL=activity-list-item.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"activity-list-item.js","sources":["../../../../src/components/list-items/activity-list-item.tsx"],"sourcesContent":["import { Children, cloneElement, PropsWithChildren, ReactElement } from 'react';\nimport { Box, Center, Flex, HStack } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport Text from '@components/primitives/text';\nimport { css, cx } from '@styled/css';\nimport { ButtonContainer } from '@components/containers';\n\nexport interface ActivityListItemProps extends PropsWithChildren {\n onPress?: () => void;\n title: string;\n subtitle?: string;\n primaryValue: string;\n primaryValueColor?: string;\n secondaryValue?: string;\n}\n\nexport interface IconProps extends PropsWithChildren {\n backgroundColor?: string;\n}\n\nexport interface DoubleIconProps {\n backgroundColor?: string;\n children: ReactElement[];\n}\n\nconst PrimaryIcon = createSlot(({ backgroundColor, children }: IconProps) => (\n <Center borderRadius={60} height={11} width={11} backgroundColor={backgroundColor} overflow=\"hidden\">\n {cloneElement(Children.only(children) as ReactElement, { height: 24, width: 24 })}\n </Center>\n));\n\nconst DoubleIcon = createSlot(({ backgroundColor, children }: DoubleIconProps) => {\n return (\n <Box height={10} width={10} position=\"relative\">\n <Flex\n alignItems=\"center\"\n justifyContent=\"center\"\n position=\"absolute\"\n backgroundColor={backgroundColor}\n height={7}\n width={7}\n borderRadius={30}\n >\n {cloneElement(children[0] as ReactElement, { height: 20, width: 20 })}\n </Flex>\n <Flex\n alignItems=\"center\"\n justifyContent=\"center\"\n position=\"absolute\"\n backgroundColor={backgroundColor}\n borderRadius={30}\n height={7}\n width={7}\n bottom={0}\n right={0}\n >\n {cloneElement(children[1] as ReactElement, { height: 20, width: 20 })}\n </Flex>\n </Box>\n );\n});\n\nconst SecondaryIcon = createSlot(({ backgroundColor, children }: IconProps) => (\n <Flex\n backgroundColor={backgroundColor}\n borderRadius={30}\n alignItems=\"center\"\n justifyContent=\"center\"\n borderWidth=\"2\"\n borderColor=\"neutral.tertiary\"\n width=\"5\"\n height=\"5\"\n >\n {cloneElement(Children.only(children) as ReactElement, { height: 10, width: 10 })}\n </Flex>\n));\n\nconst ActivityListItemHost = ({\n title,\n subtitle,\n primaryValue,\n primaryValueColor,\n secondaryValue,\n children,\n onPress,\n ...props\n}: ActivityListItemProps) => {\n return createHost(children, slots => {\n const doubleIcon = slots.get(DoubleIcon);\n const primaryIcon = slots.get(PrimaryIcon);\n const secondaryIcon = slots.get(SecondaryIcon);\n\n return (\n <ButtonContainer borderRadius=\"0.375rem\" expand onPress={onPress}>\n <HStack\n p={3}\n gap={2}\n w=\"full\"\n pos=\"relative\"\n className={cx(\n css({\n _active: { transform: 'scale(0.95)' },\n _hover: { bgColor: 'neutral.secondary' },\n bgColor: 'neutral.tertiary',\n }),\n )}\n borderRadius=\"md\"\n justify=\"space-between\"\n alignItems=\"center\"\n {...props}\n >\n <HStack>\n {doubleIcon && doubleIcon}\n {primaryIcon && primaryIcon}\n {secondaryIcon && (\n <Box position=\"absolute\" left={9} top={11}>\n {secondaryIcon}\n </Box>\n )}\n <Box>\n <Text truncate={true} size=\"md\" fontWeight=\"bold\">\n {title}\n </Text>{' '}\n {subtitle && (\n <Text truncate={true} size=\"sm\" fontColor=\"text.secondary\">\n {subtitle}\n </Text>\n )}\n </Box>\n </HStack>\n\n <Box>\n <Text truncate={true} size=\"md\" styles={{ textAlign: 'end', color: primaryValueColor }} {...props}>\n {primaryValue}\n </Text>\n {secondaryValue && (\n <Text truncate={true} size=\"sm\" styles={{ textAlign: 'end' }} fontColor=\"text.secondary\">\n {secondaryValue}\n </Text>\n )}\n </Box>\n </HStack>\n </ButtonContainer>\n );\n });\n};\n\nexport const ActivityListItem = Object.assign(ActivityListItemHost, {\n DoubleIcon,\n PrimaryIcon,\n SecondaryIcon,\n});\n"],"names":["PrimaryIcon","createSlot","backgroundColor","children","_jsx","Center","cloneElement","Children","DoubleIcon","_jsxs","Box","Flex","SecondaryIcon","ActivityListItemHost","title","subtitle","primaryValue","primaryValueColor","secondaryValue","onPress","props","createHost","slots","doubleIcon","primaryIcon","secondaryIcon","ButtonContainer","HStack","cx","css","Text","ActivityListItem"],"mappings":"43BAyBA,MAAMA,EAAcC,EAAW,CAAC,CAAE,gBAAAC,EAAiB,SAAAC,CAAqB,IACtEC,EAACC,EAAM,CAAC,aAAc,GAAI,OAAQ,GAAI,MAAO,GAAI,gBAAiBH,EAAiB,SAAS,SAAQ,SACjGI,EAAaC,EAAS,KAAKJ,CAAQ,EAAmB,CAAE,OAAQ,GAAI,MAAO,EAAE,CAAE,CAAC,CAAA,CAEpF,EAEKK,EAAaP,EAAW,CAAC,CAAE,gBAAAC,EAAiB,SAAAC,CAA2B,IAEzEM,EAACC,EAAG,CAAC,OAAQ,GAAI,MAAO,GAAI,SAAS,WAAU,SAAA,CAC7CN,EAACO,EACC,CAAA,WAAW,SACX,eAAe,SACf,SAAS,WACT,gBAAiBT,EACjB,OAAQ,EACR,MAAO,EACP,aAAc,GAEb,SAAAI,EAAaH,EAAS,CAAC,EAAmB,CAAE,OAAQ,GAAI,MAAO,EAAI,CAAA,CAC/D,CAAA,EACPC,EAACO,EACC,CAAA,WAAW,SACX,eAAe,SACf,SAAS,WACT,gBAAiBT,EACjB,aAAc,GACd,OAAQ,EACR,MAAO,EACP,OAAQ,EACR,MAAO,EAEN,SAAAI,EAAaH,EAAS,CAAC,EAAmB,CAAE,OAAQ,GAAI,MAAO,EAAI,CAAA,CAC/D,CAAA,CAAA,CAAA,CAAA,CAGZ,EAEKS,EAAgBX,EAAW,CAAC,CAAE,gBAAAC,EAAiB,SAAAC,CAAqB,IACxEC,EAACO,EACC,CAAA,gBAAiBT,EACjB,aAAc,GACd,WAAW,SACX,eAAe,SACf,YAAY,IACZ,YAAY,mBACZ,MAAM,IACN,OAAO,IAAG,SAETI,EAAaC,EAAS,KAAKJ,CAAQ,EAAmB,CAAE,OAAQ,GAAI,MAAO,EAAI,CAAA,CAC3E,CAAA,CACR,EAEKU,EAAuB,CAAC,CAC5B,MAAAC,EACA,SAAAC,EACA,aAAAC,EACA,kBAAAC,EACA,eAAAC,EACA,SAAAf,EACA,QAAAgB,EACA,GAAGC,CACmB,IACfC,EAAWlB,EAAUmB,GAAQ,CAClC,MAAMC,EAAaD,EAAM,IAAId,CAAU,EACjCgB,EAAcF,EAAM,IAAItB,CAAW,EACnCyB,EAAgBH,EAAM,IAAIV,CAAa,EAE7C,OACER,EAACsB,EAAgB,CAAA,aAAa,WAAW,OAAM,GAAC,QAASP,WACvDV,EAACkB,GACC,EAAG,EACH,IAAK,EACL,EAAE,OACF,IAAI,WACJ,UAAWC,EACTC,EAAI,CACF,QAAS,CAAE,UAAW,aAAe,EACrC,OAAQ,CAAE,QAAS,mBAAqB,EACxC,QAAS,kBACV,CAAA,CAAC,EAEJ,aAAa,KACb,QAAQ,gBACR,WAAW,SACP,GAAAT,YAEJX,EAACkB,EACE,CAAA,SAAA,CAAAJ,GAAcA,EACdC,GAAeA,EACfC,GACCrB,EAACM,EAAG,CAAC,SAAS,WAAW,KAAM,EAAG,IAAK,GACpC,SAAAe,IAGLhB,EAACC,aACCN,EAAC0B,EAAK,CAAA,SAAU,GAAM,KAAK,KAAK,WAAW,gBACxChB,CAAK,CAAA,EACA,IACPC,GACCX,EAAC0B,GAAK,SAAU,GAAM,KAAK,KAAK,UAAU,iBAAgB,SACvDf,CAAQ,CAAA,CAEZ,CACG,CAAA,CAAA,CAAA,CAAA,EAGRN,EAACC,EACC,CAAA,SAAA,CAAAN,EAAC0B,EAAI,CAAC,SAAU,GAAM,KAAK,KAAK,OAAQ,CAAE,UAAW,MAAO,MAAOb,CAAiB,EAAQ,GAAAG,WACzFJ,CAAY,CAAA,EAEdE,GACCd,EAAC0B,EAAI,CAAC,SAAU,GAAM,KAAK,KAAK,OAAQ,CAAE,UAAW,KAAK,EAAI,UAAU,iBAAgB,SACrFZ,CACI,CAAA,CACR,GACG,CACC,CAAA,CAAA,CAAA,CAGf,CAAC,EAGUa,EAAmB,OAAO,OAAOlB,EAAsB,CAClE,WAAAL,EACA,YAAAR,EACA,cAAAY,CACD,CAAA"}
@@ -1,2 +1,2 @@
1
- import{jsxs as b,jsx as o}from"react/jsx-runtime";import{token as C}from"@styled/tokens";import $ from"../icons/ico-caret-down.js";import U from"../icons/ico-caret-up.js";import Y from"../icons/ico-checkmark.js";import G from"../icons/ico-question-circle-fill.js";import{createContext as J,useContext as Q,useCallback as S,useState as W,useRef as A,useMemo as X,Children as m,useEffect as Z,cloneElement as ee}from"react";import{HStack as D,Box as N,VStack as te}from"@styled/jsx";import{css as B}from"@styled/css";import"../feedback/callout.js";import"../feedback/progress-bar.js";import"./button.js";import"./checkbox.js";import"./popover.js";import"./radio.js";import"./segmented-control.js";import"./switch.js";import O from"./text.js";import"./portal.js";import"../../hooks/useToast.js";import"../../recipes/toast.js";import re from"../feedback/tooltip.js";import{useButton as oe,useFocusRing as ne,useKeyboard as le,mergeProps as ie}from"react-aria";const F={sm:{caret:16,check:14,height:"2.625rem",top:48,width:"0.75rem",mult:2.25},md:{caret:17,check:15,height:"2.8125rem",top:52,width:"0.85rem",mult:2.25},lg:{caret:18,check:16,height:"3rem",top:55,width:"1rem",mult:2.5}},R=J({selectedOption:null,setSelectedOption:()=>{}}),_=({value:r,label:s,size:u="lg",isFocused:y})=>{const{selectedOption:d,setSelectedOption:p}=Q(R),i=d?.value===r,n=F[u],x=S(()=>{p({value:r,label:s})},[p,r,s]);return b(D,{py:1.5,gap:2,bg:i?"brand.base":y?"brand.lightest":"",_hover:i?{}:{bg:"brand.lightest"},onClick:x,style:{paddingLeft:n.width,paddingRight:n.width},children:[o(N,{style:{minWidth:n.width},children:i&&o(Y,{width:n.check,height:n.check,color:C("colors.text.quaternary")})}),o(O,{size:u,fontWeight:"medium",fontColor:i?"text.quaternary":"text.primary",styles:{textAlign:"left"},children:s})]})},j=({children:r,onSelect:s,label:u,placeholder:y="Select one",selectedValue:d,size:p="lg",tooltipContent:i,disabled:n,viewMax:x=5,...q})=>{const[h,g]=W(!1),[t,f]=W(null),v=A(null),k=A(null),a=F[p],H=x*a.mult+1,I=S(()=>{g(e=>!e),h||(f(null),setTimeout(()=>{var e;return(e=k.current)===null||e===void 0?void 0:e.focus()}))},[h]),K=S(e=>{s(e.value),g(!1)},[s]),E=X(()=>{const e=m.toArray(r).find(l=>l.props.value===d);return e?e.props.label:y},[d,r]),{buttonProps:L}=oe({...q,isDisabled:n,onPress:I},v),{focusProps:V,isFocusVisible:M}=ne(),{keyboardProps:T}=le({onKeyDown:e=>{var l,c;if(!h)return;let w=t;const z=m.toArray(r);switch(e.key){case"ArrowUp":e.preventDefault(),t===null?f(m.count(r)-1):(w=t>0?t-1:m.count(r)-1,f(w));break;case"ArrowDown":e.preventDefault(),t===null?f(0):(w=t<m.count(r)-1?t+1:0,f(w));break;case"Enter":if(e.preventDefault(),(l=v.current)===null||l===void 0||l.focus(),t===null)return;if(t>=0&&t<z.length){const P=z[t];P&&s(P.props.value)}break;case"Escape":g(!1),(c=v.current)===null||c===void 0||c.focus();break}}});return Z(()=>{const e=l=>{var c;!((c=k.current)===null||c===void 0)&&c.contains(l.target)||g(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]),o(R.Provider,{value:{selectedOption:{value:d??"",label:E},setSelectedOption:K},children:b(te,{gap:2,w:"full",alignItems:"flex-start",children:[(u||i)&&b(D,{gap:2,pointerEvents:n?"none":"auto",opacity:n?.3:"",transition:"all linear 120ms",children:[u&&o(O,{size:"sm",fontWeight:"medium",children:u}),i&&o(re,{content:i,children:o(G,{className:B({w:4,h:4,color:"neutral.primary"})})})]}),b("button",{className:B({w:"full",h:"fit-content",bg:"surface.primary",borderWidth:"thin",borderColor:"neutral.secondary",rounded:"xl",transition:"all linear 120ms",position:"relative",cursor:"pointer",outlineColor:"brand.base",outlineStyle:M?"solid":"none",outlineWidth:"thick",outlineOffset:.5,_hover:{borderColor:"neutral.primary"},_disabled:{opacity:.3,pointerEvents:"none"}}),ref:v,...ie(L,V,T),children:[b(D,{w:"full",p:4,justifyContent:"space-between",style:{height:a.height},children:[o(O,{truncate:!0,size:p,fontColor:d?"text.primary":"text.tertiary",children:E}),h?o(U,{width:a.caret,height:a.caret,color:C("colors.brand.base")}):o($,{width:a.caret,height:a.caret,color:C("colors.brand.base")})]}),h&&o(N,{ref:k,tabIndex:-1,py:2,bg:"surface.primary",position:"absolute",w:"full",rounded:"input",boxShadow:"4px 8px 20px 0px rgba(0, 0, 0, 0.15)",style:{maxHeight:`${H}rem`,top:a.top},overflowY:"auto",outline:"none",zIndex:"max",children:m.map(r,(e,l)=>ee(e,{isFocused:l===t,size:p}))})]})]})})};_.displayName="DropdownOption",j.displayName="DropdownSelector";export{_ as DropdownOption,j as DropdownSelector};
1
+ import{jsxs as b,jsx as o}from"react/jsx-runtime";import{token as C}from"@styled/tokens";import U from"../icons/ico-caret-down.js";import Y from"../icons/ico-caret-up.js";import G from"../icons/ico-checkmark.js";import J from"../icons/ico-question-circle-fill.js";import{createContext as Q,useContext as X,useCallback as S,useState as W,useRef as A,useMemo as Z,Children as m,useEffect as $,cloneElement as ee}from"react";import{HStack as D,Box as N,VStack as te}from"@styled/jsx";import{css as B}from"@styled/css";import"../feedback/callout.js";import"../feedback/progress-bar.js";import"./button.js";import"./checkbox.js";import"./popover.js";import"./radio.js";import"./segmented-control.js";import"./switch.js";import O from"./text.js";import"./portal.js";import"../../hooks/useToast.js";import"../../recipes/toast.js";import re from"../feedback/tooltip.js";import{useButton as oe,useFocusRing as ne,useKeyboard as le,mergeProps as ie}from"react-aria";const F={sm:{caret:16,check:14,height:"2.625rem",top:48,width:"0.75rem",mult:2.25},md:{caret:17,check:15,height:"2.8125rem",top:52,width:"0.85rem",mult:2.25},lg:{caret:18,check:16,height:"3rem",top:55,width:"1rem",mult:2.5}},R=Q({selectedOption:null,setSelectedOption:()=>{}}),_=({value:r,label:s,size:u="lg",isFocused:y})=>{const{selectedOption:d,setSelectedOption:p}=X(R),i=d?.value===r,n=F[u],x=S(()=>{p({value:r,label:s})},[p,r,s]);return b(D,{py:1.5,gap:2,bg:i?"brand.base":y?"brand.lightest":"",_hover:i?{}:{bg:"brand.lightest"},onClick:x,style:{paddingLeft:n.width,paddingRight:n.width},children:[o(N,{style:{minWidth:n.width},children:i&&o(G,{width:n.check,height:n.check,color:C("colors.text.quaternary")})}),o(O,{size:u,fontWeight:"medium",fontColor:i?"text.quaternary":"text.primary",styles:{textAlign:"left"},children:s})]})},j=({children:r,onSelect:s,label:u,placeholder:y="Select one",selectedValue:d,size:p="lg",tooltipContent:i,disabled:n,viewMax:x=5,...q})=>{const[h,g]=W(!1),[t,f]=W(null),v=A(null),k=A(null),a=F[p],H=x*a.mult+1,I=S(()=>{g(e=>!e),h||(f(null),setTimeout(()=>{var e;return(e=k.current)===null||e===void 0?void 0:e.focus()}))},[h]),K=S(e=>{s(e.value),g(!1)},[s]),E=Z(()=>{const e=m.toArray(r).find(l=>l.props.value===d);return e?e.props.label:y},[d,r]),{buttonProps:L}=oe({...q,isDisabled:n,onPress:I},v),{focusProps:V,isFocusVisible:M}=ne(),{keyboardProps:T}=le({onKeyDown:e=>{var l,c;if(!h)return;let w=t;const z=m.toArray(r);switch(e.key){case"ArrowUp":e.preventDefault(),t===null?f(m.count(r)-1):(w=t>0?t-1:m.count(r)-1,f(w));break;case"ArrowDown":e.preventDefault(),t===null?f(0):(w=t<m.count(r)-1?t+1:0,f(w));break;case"Enter":if(e.preventDefault(),(l=v.current)===null||l===void 0||l.focus(),t===null)return;if(t>=0&&t<z.length){const P=z[t];P&&s(P.props.value)}break;case"Escape":g(!1),(c=v.current)===null||c===void 0||c.focus();break}}});return $(()=>{const e=l=>{var c;!((c=k.current)===null||c===void 0)&&c.contains(l.target)||g(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]),o(R.Provider,{value:{selectedOption:{value:d??"",label:E},setSelectedOption:K},children:b(te,{gap:2,w:"full",alignItems:"flex-start",children:[(u||i)&&b(D,{gap:2,pointerEvents:n?"none":"auto",opacity:n?.3:"",transition:"all linear 120ms",children:[u&&o(O,{size:"sm",fontWeight:"medium",children:u}),i&&o(re,{content:i,children:o(J,{className:B({w:4,h:4,color:"neutral.primary"})})})]}),b("button",{className:B({w:"full",h:"fit-content",bg:"surface.primary",borderWidth:"thin",borderColor:"neutral.secondary",rounded:"xl",transition:"all linear 120ms",position:"relative",cursor:"pointer",outlineColor:"brand.base",outlineStyle:M?"solid":"none",outlineWidth:"thick",outlineOffset:.5,_hover:{borderColor:"neutral.primary"},_disabled:{opacity:.3,pointerEvents:"none"}}),ref:v,...ie(L,V,T),children:[b(D,{w:"full",p:4,justifyContent:"space-between",style:{height:a.height},children:[o(O,{truncate:!0,size:p,fontColor:d?"text.primary":"text.tertiary",children:E}),h?o(Y,{width:a.caret,height:a.caret,color:C("colors.brand.base")}):o(U,{width:a.caret,height:a.caret,color:C("colors.brand.base")})]}),h&&o(N,{ref:k,tabIndex:-1,py:2,bg:"surface.primary",position:"absolute",w:"full",rounded:"input",boxShadow:"4px 8px 20px 0px rgba(0, 0, 0, 0.15)",style:{maxHeight:`${H}rem`,top:a.top},overflowY:"auto",outline:"none",zIndex:"max",children:m.map(r,(e,l)=>ee(e,{isFocused:l===t,size:p}))})]})]})})};_.displayName="DropdownOption",j.displayName="DropdownSelector";export{_ as DropdownOption,j as DropdownSelector};
2
2
  //# sourceMappingURL=dropdown-selector.js.map
package/dist/es/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import{ButtonContainer as r}from"./components/containers/button.js";import{Card as a}from"./components/containers/card.js";import{Content as l}from"./components/containers/content.js";import{Drawer as m}from"./components/containers/drawer.js";import{Footer as d}from"./components/containers/footer.js";import{Header as x}from"./components/containers/header.js";import{Menu as c}from"./components/containers/menu.js";import{Modal as g}from"./components/containers/modal.js";import{Overlay as I}from"./components/containers/overlay.js";import{PayPalButton as k}from"./components/external/paypal-button.js";import{SocialLoginButton as C}from"./components/external/social-login-button.js";import{AnimatedCheckmark as F}from"./components/feedback/animated-checkmark.js";import{AnimatedSpinner as P}from"./components/feedback/animated-spinner.js";import{Callout as S}from"./components/feedback/callout.js";import{LoadingSpinner as y}from"./components/feedback/loading-spinner.js";import{ProgressBar as T}from"./components/feedback/progress-bar.js";import{Skeleton as D}from"./components/feedback/skeleton.js";import{Toast as R,ToastProvider as v}from"./components/feedback/toast-provider.js";import{default as H}from"./components/feedback/tooltip.js";import{default as N}from"./components/icons/ico-add.js";import{default as U}from"./components/icons/ico-alert-circle-fill.js";import{default as j}from"./components/icons/ico-alert-circle.js";import{default as V}from"./components/icons/ico-arrow-down.js";import{default as J}from"./components/icons/ico-arrow-left.js";import{default as Y}from"./components/icons/ico-arrow-right.js";import{default as $}from"./components/icons/ico-arrow-up.js";import{default as eo}from"./components/icons/ico-asterisk-with-shield.js";import{default as to}from"./components/icons/ico-asterisk.js";import{default as fo}from"./components/icons/ico-astronaut.js";import{default as so}from"./components/icons/ico-atom.js";import{default as po}from"./components/icons/ico-bank.js";import{default as xo}from"./components/icons/ico-bell-notification.js";import{default as co}from"./components/icons/ico-bell.js";import{default as go}from"./components/icons/ico-block.js";import{default as Io}from"./components/icons/ico-branding.js";import{default as ko}from"./components/icons/ico-caret-down.js";import{default as Co}from"./components/icons/ico-caret-left.js";import{default as Fo}from"./components/icons/ico-caret-right.js";import{default as Po}from"./components/icons/ico-caret-up.js";import{default as So}from"./components/icons/ico-checkmark-circle-fill.js";import{default as yo}from"./components/icons/ico-checkmark-circle.js";import{default as To}from"./components/icons/ico-checkmark.js";import{default as Do}from"./components/icons/ico-clock-fill.js";import{default as Ro}from"./components/icons/ico-code-editor.js";import{default as Oo}from"./components/icons/ico-code-sandbox.js";import{default as zo}from"./components/icons/ico-code.js";import{default as Zo}from"./components/icons/ico-command-line.js";import{default as Xo}from"./components/icons/ico-comment.js";import{default as Qo}from"./components/icons/ico-copy.js";import{default as qo}from"./components/icons/ico-credit-card.js";import{default as Ko}from"./components/icons/ico-dedicated.js";import{default as _o}from"./components/icons/ico-diamond.js";import{default as oe}from"./components/icons/ico-dismiss-circle-fill.js";import{default as re}from"./components/icons/ico-dismiss-circle.js";import{default as ae}from"./components/icons/ico-dismiss.js";import{default as le}from"./components/icons/ico-doc.js";import{default as me}from"./components/icons/ico-download.js";import{default as de}from"./components/icons/ico-edit-email.js";import{default as xe}from"./components/icons/ico-edit.js";import{default as ce}from"./components/icons/ico-email-fill.js";import{default as ge}from"./components/icons/ico-email-open.js";import{default as Ie}from"./components/icons/ico-email.js";import{default as ke}from"./components/icons/ico-expand.js";import{default as Ce}from"./components/icons/ico-expiration.js";import{default as Fe}from"./components/icons/ico-external-link.js";import{default as Pe}from"./components/icons/ico-eye-closed.js";import{default as Se}from"./components/icons/ico-eye-opened.js";import{default as ye}from"./components/icons/ico-fingerprint-fill.js";import{default as Te}from"./components/icons/ico-fingerprint.js";import{default as De}from"./components/icons/ico-gas.js";import{default as Re}from"./components/icons/ico-gift.js";import{default as Oe}from"./components/icons/ico-globe.js";import{default as ze}from"./components/icons/ico-grid-fill.js";import{default as Ze}from"./components/icons/ico-guide.js";import{default as Xe}from"./components/icons/ico-home-fill.js";import{default as Qe}from"./components/icons/ico-home.js";import{default as qe}from"./components/icons/ico-hourglass.js";import{default as Ke}from"./components/icons/ico-info-circle-fill.js";import{default as _e}from"./components/icons/ico-info-circle.js";import{default as or}from"./components/icons/ico-kebab.js";import{default as rr}from"./components/icons/ico-key.js";import{default as ar}from"./components/icons/ico-lightbulb-fill.js";import{default as lr}from"./components/icons/ico-lightbulb.js";import{default as mr}from"./components/icons/ico-lightning-fill.js";import{default as dr}from"./components/icons/ico-lightning.js";import{default as xr}from"./components/icons/ico-link.js";import{default as cr}from"./components/icons/ico-loading.js";import{default as gr}from"./components/icons/ico-lock-locked.js";import{default as Ir}from"./components/icons/ico-lock-password.js";import{default as kr}from"./components/icons/ico-lock-unlocked-fill.js";import{default as Cr}from"./components/icons/ico-lock-unlocked.js";import{default as Fr}from"./components/icons/ico-login-form.js";import{default as Pr}from"./components/icons/ico-magic.js";import{default as Sr}from"./components/icons/ico-megaphone.js";import{default as yr}from"./components/icons/ico-menu.js";import{default as Tr}from"./components/icons/ico-message-fill.js";import{default as Dr}from"./components/icons/ico-message.js";import{default as Rr}from"./components/icons/ico-mfa.js";import{default as Or}from"./components/icons/ico-minimize.js";import{default as zr}from"./components/icons/ico-mobile2fa.js";import{default as Zr}from"./components/icons/ico-mobile2fafill.js";import{default as Xr}from"./components/icons/ico-open-book.js";import{default as Qr}from"./components/icons/ico-paper-plane.js";import{default as qr}from"./components/icons/ico-passport.js";import{default as Kr}from"./components/icons/ico-passwordless.js";import{default as _r}from"./components/icons/ico-pending-connection.js";import{default as ot}from"./components/icons/ico-phone.js";import{default as rt}from"./components/icons/ico-polygon-gas-testnet.js";import{default as at}from"./components/icons/ico-polygon-gas.js";import{default as lt}from"./components/icons/ico-price.js";import{default as mt}from"./components/icons/ico-qrcode.js";import{default as dt}from"./components/icons/ico-question-circle-fill.js";import{default as xt}from"./components/icons/ico-question-circle.js";import{default as ct}from"./components/icons/ico-refresh-circle-fill.js";import{default as gt}from"./components/icons/ico-refresh.js";import{default as It}from"./components/icons/ico-remove.js";import{default as kt}from"./components/icons/ico-rocket-fill.js";import{default as Ct}from"./components/icons/ico-search.js";import{default as Ft}from"./components/icons/ico-settings-fill.js";import{default as Pt}from"./components/icons/ico-settings.js";import{default as St}from"./components/icons/ico-shapes.js";import{default as yt}from"./components/icons/ico-shield-approved.js";import{default as Tt}from"./components/icons/ico-shield-rejected.js";import{default as Dt}from"./components/icons/ico-shield.js";import{default as Rt}from"./components/icons/ico-social.js";import{default as Ot}from"./components/icons/ico-sold-out-tag.js";import{default as zt}from"./components/icons/ico-star.js";import{default as Zt}from"./components/icons/ico-swap.js";import{default as Xt}from"./components/icons/ico-swatches.js";import{default as Qt}from"./components/icons/ico-team.js";import{default as qt}from"./components/icons/ico-trash.js";import{default as Kt}from"./components/icons/ico-users.js";import{default as _t}from"./components/icons/ico-wallet-fill.js";import{default as oa}from"./components/icons/ico-wallet.js";import{default as ra}from"./components/icons/ico-wand.js";import{default as aa}from"./components/icons/ico-warning-fill.js";import{default as la}from"./components/icons/ico-warning.js";import{default as ma}from"./components/info/copy-button.js";import{default as da}from"./components/info/email-wbr.js";import{default as xa}from"./components/info/security-otp.js";import{default as ca}from"./components/info/text-box.js";import{default as ga}from"./components/info/wallet-address.js";import{default as Ia}from"./components/inputs/phone-input.js";import{PinCodeInput as ka}from"./components/inputs/pincode-input.js";import{TextInput as Ca}from"./components/inputs/text-input.js";import{Dialogue as Fa}from"./components/layouts/dialogue.js";import{Error as Pa}from"./components/layouts/error.js";import{Page as Sa}from"./components/layouts/page.js";import{PassportPage as ya}from"./components/layouts/passport-page.js";import{WalletPage as Ta}from"./components/layouts/wallet-page/index.js";import{default as Da}from"./components/list-items/navigation-button.js";import{NFTTile as Ra}from"./components/list-items/nft-tile.js";import{TokenListItem as Oa}from"./components/list-items/token-list-item.js";import{TransactionRow as za}from"./components/list-items/transaction-row.js";import{default as Za}from"./components/logos/blc-algorand.js";import{default as Xa}from"./components/logos/blc-aptos.js";import{default as Qa}from"./components/logos/blc-arbitrum.js";import{default as qa}from"./components/logos/blc-astar.js";import{default as Ka}from"./components/logos/blc-avalanche.js";import{default as _a}from"./components/logos/blc-base.js";import{default as of}from"./components/logos/blc-berachain.js";import{default as rf}from"./components/logos/blc-binance.js";import{default as af}from"./components/logos/blc-bitcoin.js";import{default as lf}from"./components/logos/blc-celo.js";import{default as mf}from"./components/logos/blc-chiliz.js";import{default as df}from"./components/logos/blc-cosmos.js";import{default as xf}from"./components/logos/blc-ethereum.js";import{default as cf}from"./components/logos/blc-etherlink.js";import{default as Lf}from"./components/logos/blc-flow.js";import{default as Mf}from"./components/logos/blc-harmony.js";import{default as Bf}from"./components/logos/blc-icon.js";import{default as hf}from"./components/logos/blc-immutable-x.js";import{default as wf}from"./components/logos/blc-loopring.js";import{default as Af}from"./components/logos/blc-moonbeam.js";import{default as bf}from"./components/logos/blc-near.js";import{default as Wf}from"./components/logos/blc-optimism.js";import{default as Ef}from"./components/logos/blc-polkadot.js";import{default as Gf}from"./components/logos/blc-polygon.js";import{default as vf}from"./components/logos/blc-rarichain.js";import{default as Hf}from"./components/logos/blc-solana.js";import{default as Nf}from"./components/logos/blc-stability.js";import{default as Uf}from"./components/logos/blc-sui.js";import{default as jf}from"./components/logos/blc-tezos.js";import{default as Vf}from"./components/logos/blc-wax.js";import{default as Jf}from"./components/logos/blc-zetachain.js";import{default as Yf}from"./components/logos/blc-zilliqa.js";import{default as $f}from"./components/logos/blc-zksync.js";import{default as el}from"./components/logos/default-cursor.js";import{default as tl}from"./components/logos/fwk-11ty.js";import{default as fl}from"./components/logos/fwk-android.js";import{default as sl}from"./components/logos/fwk-apple.js";import{default as pl}from"./components/logos/fwk-authy.js";import{default as ul}from"./components/logos/fwk-binance-fill.js";import{default as nl}from"./components/logos/fwk-chrome.js";import{default as il}from"./components/logos/fwk-electron.js";import{default as Ll}from"./components/logos/fwk-express.js";import{default as Ml}from"./components/logos/fwk-fauna.js";import{default as Bl}from"./components/logos/fwk-firebase.js";import{default as hl}from"./components/logos/fwk-go.js";import{default as wl}from"./components/logos/fwk-google-authenticator.js";import{default as Al}from"./components/logos/fwk-hasura.js";import{default as bl}from"./components/logos/fwk-javascript.js";import{default as Wl}from"./components/logos/fwk-jwt.js";import{default as El}from"./components/logos/fwk-laravel.js";import{default as Gl}from"./components/logos/fwk-nextjs.js";import{default as vl}from"./components/logos/fwk-nodejs.js";import{default as Hl}from"./components/logos/fwk-nuxtjs.js";import{default as Nl}from"./components/logos/fwk-php.js";import{default as Ul}from"./components/logos/fwk-react.js";import{default as jl}from"./components/logos/fwk-strapi.js";import{default as Vl}from"./components/logos/fwk-stripe.js";import{default as Jl}from"./components/logos/fwk-vue.js";import{default as Yl}from"./components/logos/fwk-webflow.js";import{default as $l}from"./components/logos/fwk-wordpress.js";import{default as es}from"./components/logos/fwk-zapier.js";import{default as ts}from"./components/logos/icon-art-dark.js";import{default as fs}from"./components/logos/icon-art.js";import{default as ss}from"./components/logos/icon-delete.js";import{default as ps}from"./components/logos/icon-email-globe.js";import{default as us}from"./components/logos/icon-email.js";import{default as ns}from"./components/logos/icon-game-controller-dark.js";import{default as is}from"./components/logos/icon-game-controller.js";import{default as Ls}from"./components/logos/icon-generic-token.js";import{default as Ms}from"./components/logos/icon-magic-globe.js";import{default as Bs}from"./components/logos/icon-magic-logo.js";import{default as hs}from"./components/logos/icon-music-dark.js";import{default as ws}from"./components/logos/icon-music.js";import{default as As}from"./components/logos/icon-person-dark.js";import{default as bs}from"./components/logos/icon-person.js";import{default as Ws}from"./components/logos/icon-profile-dark.js";import{default as Es}from"./components/logos/icon-profile-light.js";import{default as Gs}from"./components/logos/icon-reset.js";import{default as vs}from"./components/logos/icon-sms.js";import{default as Hs}from"./components/logos/icon-ticket-dark.js";import{default as Ns}from"./components/logos/icon-ticket.js";import{default as Us}from"./components/logos/icon-warning-dark.js";import{default as js}from"./components/logos/icon-warning-shield.js";import{default as Vs}from"./components/logos/icon-warning.js";import{default as Js}from"./components/logos/logo-algorand-mono.js";import{default as Ys}from"./components/logos/logo-algorand.js";import{default as $s}from"./components/logos/logo-apple-mono.js";import{default as em}from"./components/logos/logo-apple.js";import{default as tm}from"./components/logos/logo-aptos-mono.js";import{default as fm}from"./components/logos/logo-aptos.js";import{default as sm}from"./components/logos/logo-arbitrum-mono.js";import{default as pm}from"./components/logos/logo-arbitrum-one-mono.js";import{default as um}from"./components/logos/logo-arbitrum-one.js";import{default as nm}from"./components/logos/logo-arbitrum.js";import{default as im}from"./components/logos/logo-astar-mono.js";import{default as Lm}from"./components/logos/logo-astar.js";import{default as Mm}from"./components/logos/logo-auth0-mono.js";import{default as Bm}from"./components/logos/logo-auth0.js";import{default as hm}from"./components/logos/logo-avalanche-mono.js";import{default as wm}from"./components/logos/logo-avalanche.js";import{default as Am}from"./components/logos/logo-azure-mono.js";import{default as bm}from"./components/logos/logo-azure.js";import{default as Wm}from"./components/logos/logo-base-mono.js";import{default as Em}from"./components/logos/logo-base.js";import{default as Gm}from"./components/logos/logo-berachain-mono.js";import{default as vm}from"./components/logos/logo-berachain.js";import{default as Hm}from"./components/logos/logo-binance-mono.js";import{default as Nm}from"./components/logos/logo-binance.js";import{default as Um}from"./components/logos/logo-bit-bucket-mono.js";import{default as jm}from"./components/logos/logo-bit-bucket.js";import{default as Vm}from"./components/logos/logo-bitcoin-mono.js";import{default as Jm}from"./components/logos/logo-bitcoin.js";import{default as Ym}from"./components/logos/logo-bnb-mono.js";import{default as $m}from"./components/logos/logo-bnb.js";import{default as ep}from"./components/logos/logo-celo-mono.js";import{default as tp}from"./components/logos/logo-celo.js";import{default as fp}from"./components/logos/logo-chiliz-mono.js";import{default as sp}from"./components/logos/logo-chiliz.js";import{default as pp}from"./components/logos/logo-cognito-mono.js";import{default as up}from"./components/logos/logo-cognito.js";import{default as np}from"./components/logos/logo-cosmos-mono.js";import{default as ip}from"./components/logos/logo-cosmos.js";import{default as Lp}from"./components/logos/logo-discord-mono.js";import{default as Mp}from"./components/logos/logo-discord.js";import{default as Bp}from"./components/logos/logo-ethereum-circle-mono.js";import{default as hp}from"./components/logos/logo-ethereum-circle.js";import{default as wp}from"./components/logos/logo-ethereum-mono.js";import{default as Ap}from"./components/logos/logo-ethereum.js";import{default as bp}from"./components/logos/logo-etherlink-mono.js";import{default as Wp}from"./components/logos/logo-etherlink.js";import{default as Ep}from"./components/logos/logo-facebook-mono.js";import{default as Gp}from"./components/logos/logo-facebook.js";import{default as vp}from"./components/logos/logo-flare-mono.js";import{default as Hp}from"./components/logos/logo-flare.js";import{default as Np}from"./components/logos/logo-flow-mono.js";import{default as Up}from"./components/logos/logo-flow.js";import{default as jp}from"./components/logos/logo-git-hub-mono.js";import{default as Vp}from"./components/logos/logo-git-hub.js";import{default as Jp}from"./components/logos/logo-git-lab-mono.js";import{default as Yp}from"./components/logos/logo-git-lab.js";import{default as $p}from"./components/logos/logo-google-mono.js";import{default as ed}from"./components/logos/logo-google.js";import{default as td}from"./components/logos/logo-harmony-mono.js";import{default as fd}from"./components/logos/logo-harmony.js";import{default as sd}from"./components/logos/logo-horizen-mono.js";import{default as pd}from"./components/logos/logo-horizen.js";import{default as ud}from"./components/logos/logo-icon-mono.js";import{default as nd}from"./components/logos/logo-icon.js";import{default as id}from"./components/logos/logo-immutable-x-mono.js";import{default as Ld}from"./components/logos/logo-immutable-x.js";import{default as Md}from"./components/logos/logo-link-by-stripe-mono.js";import{default as Bd}from"./components/logos/logo-link-by-stripe.js";import{default as hd}from"./components/logos/logo-link-mono.js";import{default as wd}from"./components/logos/logo-link.js";import{default as Ad}from"./components/logos/logo-linked-in-mono.js";import{default as bd}from"./components/logos/logo-linked-in.js";import{default as Wd}from"./components/logos/logo-loopring-mono.js";import{default as Ed}from"./components/logos/logo-loopring.js";import{default as Gd}from"./components/logos/logo-microsoft-mono.js";import{default as vd}from"./components/logos/logo-microsoft.js";import{default as Hd}from"./components/logos/logo-moonbeam-mono.js";import{default as Nd}from"./components/logos/logo-moonbeam.js";import{default as Ud}from"./components/logos/logo-near-mono.js";import{default as jd}from"./components/logos/logo-near.js";import{default as Vd}from"./components/logos/logo-onramper-mono.js";import{default as Jd}from"./components/logos/logo-onramper.js";import{default as Yd}from"./components/logos/logo-optimism-mono.js";import{default as $d}from"./components/logos/logo-optimism.js";import{default as eu}from"./components/logos/logo-pay-pal-mono.js";import{default as tu}from"./components/logos/logo-pay-pal-wordmark-mono.js";import{default as fu}from"./components/logos/logo-pay-pal-wordmark.js";import{default as su}from"./components/logos/logo-pay-pal.js";import{default as pu}from"./components/logos/logo-poa-mono.js";import{default as uu}from"./components/logos/logo-poa.js";import{default as nu}from"./components/logos/logo-polkadot-mono.js";import{default as iu}from"./components/logos/logo-polkadot.js";import{default as Lu}from"./components/logos/logo-polygon-mono.js";import{default as Mu}from"./components/logos/logo-polygon.js";import{default as Bu}from"./components/logos/logo-rarichain-mono.js";import{default as hu}from"./components/logos/logo-rarichain.js";import{default as wu}from"./components/logos/logo-sardine-mono.js";import{default as Au}from"./components/logos/logo-sardine.js";import{default as bu}from"./components/logos/logo-sei-mono.js";import{default as Wu}from"./components/logos/logo-sei.js";import{default as Eu}from"./components/logos/logo-solana-mono.js";import{default as Gu}from"./components/logos/logo-solana.js";import{default as vu}from"./components/logos/logo-soneium-mono.js";import{default as Hu}from"./components/logos/logo-soneium.js";import{default as Nu}from"./components/logos/logo-stability-mono.js";import{default as Uu}from"./components/logos/logo-stability.js";import{default as ju}from"./components/logos/logo-sui-mono.js";import{default as Vu}from"./components/logos/logo-sui.js";import{default as Ju}from"./components/logos/logo-tezos-mono.js";import{default as Yu}from"./components/logos/logo-tezos.js";import{default as $u}from"./components/logos/logo-twitch-mono.js";import{default as ex}from"./components/logos/logo-twitch.js";import{default as tx}from"./components/logos/logo-twitter-mono.js";import{default as fx}from"./components/logos/logo-twitter.js";import{default as sx}from"./components/logos/logo-wallet-connect-mono.js";import{default as px}from"./components/logos/logo-wallet-connect.js";import{default as ux}from"./components/logos/logo-warpcast-mono.js";import{default as nx}from"./components/logos/logo-warpcast.js";import{default as ix}from"./components/logos/logo-wax-mono.js";import{default as Lx}from"./components/logos/logo-wax.js";import{default as Mx}from"./components/logos/logo-xdc-mono.js";import{default as Bx}from"./components/logos/logo-xdc.js";import{default as hx}from"./components/logos/logo-zetachain-mono.js";import{default as wx}from"./components/logos/logo-zetachain.js";import{default as Ax}from"./components/logos/logo-zilliqa-mono.js";import{default as bx}from"./components/logos/logo-zilliqa.js";import{default as Wx}from"./components/logos/logo-zksync-mono.js";import{default as Ex}from"./components/logos/logo-zksync.js";import{default as Gx}from"./components/logos/pay-amex.js";import{default as vx}from"./components/logos/pay-discover.js";import{default as Hx}from"./components/logos/pay-mastercard.js";import{default as Nx}from"./components/logos/pay-visa.js";import{default as Ux}from"./components/logos/presentation-logo.js";import{default as jx}from"./components/logos/website-magic.js";import{default as Vx}from"./components/logos/wlt-coinbase.js";import{default as Jx}from"./components/logos/wlt-mattel.js";import{default as Yx}from"./components/logos/wlt-metamask.js";import{default as $x}from"./components/logos/wlt-phantom.js";import{default as en}from"./components/logos/wlt-rainbow.js";import{default as tn}from"./components/logos/wlt-wallet-connect.js";import{default as fn}from"./components/primitives/button.js";import{default as sn}from"./components/primitives/checkbox.js";import{DropdownOption as pn,DropdownSelector as dn}from"./components/primitives/dropdown-selector.js";import{Popover as xn}from"./components/primitives/popover.js";import{Radio as cn,RadioGroup as gn}from"./components/primitives/radio.js";import{SegmentedControl as In,Tab as Mn}from"./components/primitives/segmented-control.js";import{default as Bn}from"./components/primitives/switch.js";import{default as hn}from"./components/primitives/text.js";import{VerifyPincode as wn}from"./components/sections/verify-pincode.js";import{WalletActions as An}from"./components/sections/wallet-actions.js";import{WalletNavigation as bn,WalletNavigationType as yn}from"./components/sections/wallet-navigation.js";import{default as Tn}from"./components/utils/animate.js";import{ClientAssetLogo as Dn}from"./components/utils/client-asset-logo.js";import{default as Rn}from"./components/utils/qr-code.js";import{default as On}from"./components/utils/secured-by-magic.js";import{default as zn}from"./components/utils/shared-logo.js";import{useCustomVars as Zn}from"./hooks/theme.js";import{useToast as Xn}from"./hooks/useToast.js";export{Tn as Animate,F as AnimatedCheckmark,P as AnimatedSpinner,Za as BlcAlgorand,Xa as BlcAptos,Qa as BlcArbitrum,qa as BlcAstar,Ka as BlcAvalanche,_a as BlcBase,of as BlcBerachain,rf as BlcBinance,af as BlcBitcoin,lf as BlcCelo,mf as BlcChiliz,df as BlcCosmos,xf as BlcEthereum,cf as BlcEtherlink,Lf as BlcFlow,Mf as BlcHarmony,Bf as BlcIcon,hf as BlcImmutableX,wf as BlcLoopring,Af as BlcMoonbeam,bf as BlcNear,Wf as BlcOptimism,Ef as BlcPolkadot,Gf as BlcPolygon,vf as BlcRarichain,Hf as BlcSolana,Nf as BlcStability,Uf as BlcSui,jf as BlcTezos,Vf as BlcWax,Jf as BlcZetachain,Yf as BlcZilliqa,$f as BlcZksync,fn as Button,r as ButtonContainer,S as Callout,a as Card,sn as Checkbox,Dn as ClientAssetLogo,l as Content,ma as CopyButton,el as DefaultCursor,Fa as Dialogue,m as Drawer,pn as DropdownOption,dn as DropdownSelector,da as EmailWbr,Pa as Error,d as Footer,tl as Fwk11ty,fl as FwkAndroid,sl as FwkApple,pl as FwkAuthy,ul as FwkBinanceFill,nl as FwkChrome,il as FwkElectron,Ll as FwkExpress,Ml as FwkFauna,Bl as FwkFirebase,hl as FwkGo,wl as FwkGoogleAuthenticator,Al as FwkHasura,bl as FwkJavascript,Wl as FwkJwt,El as FwkLaravel,Gl as FwkNextjs,vl as FwkNodejs,Hl as FwkNuxtjs,Nl as FwkPhp,Ul as FwkReact,jl as FwkStrapi,Vl as FwkStripe,Jl as FwkVue,Yl as FwkWebflow,$l as FwkWordpress,es as FwkZapier,x as Header,N as IcoAdd,j as IcoAlertCircle,U as IcoAlertCircleFill,V as IcoArrowDown,J as IcoArrowLeft,Y as IcoArrowRight,$ as IcoArrowUp,to as IcoAsterisk,eo as IcoAsteriskWithShield,fo as IcoAstronaut,so as IcoAtom,po as IcoBank,co as IcoBell,xo as IcoBellNotification,go as IcoBlock,Io as IcoBranding,ko as IcoCaretDown,Co as IcoCaretLeft,Fo as IcoCaretRight,Po as IcoCaretUp,To as IcoCheckmark,yo as IcoCheckmarkCircle,So as IcoCheckmarkCircleFill,Do as IcoClockFill,zo as IcoCode,Ro as IcoCodeEditor,Oo as IcoCodeSandbox,Zo as IcoCommandLine,Xo as IcoComment,Qo as IcoCopy,qo as IcoCreditCard,Ko as IcoDedicated,_o as IcoDiamond,ae as IcoDismiss,re as IcoDismissCircle,oe as IcoDismissCircleFill,le as IcoDoc,me as IcoDownload,xe as IcoEdit,de as IcoEditEmail,Ie as IcoEmail,ce as IcoEmailFill,ge as IcoEmailOpen,ke as IcoExpand,Ce as IcoExpiration,Fe as IcoExternalLink,Pe as IcoEyeClosed,Se as IcoEyeOpened,Te as IcoFingerprint,ye as IcoFingerprintFill,De as IcoGas,Re as IcoGift,Oe as IcoGlobe,ze as IcoGridFill,Ze as IcoGuide,Qe as IcoHome,Xe as IcoHomeFill,qe as IcoHourglass,_e as IcoInfoCircle,Ke as IcoInfoCircleFill,or as IcoKebab,rr as IcoKey,lr as IcoLightbulb,ar as IcoLightbulbFill,dr as IcoLightning,mr as IcoLightningFill,xr as IcoLink,cr as IcoLoading,gr as IcoLockLocked,Ir as IcoLockPassword,Cr as IcoLockUnlocked,kr as IcoLockUnlockedFill,Fr as IcoLoginForm,Pr as IcoMagic,Sr as IcoMegaphone,yr as IcoMenu,Dr as IcoMessage,Tr as IcoMessageFill,Rr as IcoMfa,Or as IcoMinimize,zr as IcoMobile2fa,Zr as IcoMobile2fafill,Xr as IcoOpenBook,Qr as IcoPaperPlane,qr as IcoPassport,Kr as IcoPasswordless,_r as IcoPendingConnection,ot as IcoPhone,at as IcoPolygonGas,rt as IcoPolygonGasTestnet,lt as IcoPrice,mt as IcoQrcode,xt as IcoQuestionCircle,dt as IcoQuestionCircleFill,gt as IcoRefresh,ct as IcoRefreshCircleFill,It as IcoRemove,kt as IcoRocketFill,Ct as IcoSearch,Pt as IcoSettings,Ft as IcoSettingsFill,St as IcoShapes,Dt as IcoShield,yt as IcoShieldApproved,Tt as IcoShieldRejected,Rt as IcoSocial,Ot as IcoSoldOutTag,zt as IcoStar,Zt as IcoSwap,Xt as IcoSwatches,Qt as IcoTeam,qt as IcoTrash,Kt as IcoUsers,oa as IcoWallet,_t as IcoWalletFill,ra as IcoWand,la as IcoWarning,aa as IcoWarningFill,fs as IconArt,ts as IconArtDark,ss as IconDelete,us as IconEmail,ps as IconEmailGlobe,is as IconGameController,ns as IconGameControllerDark,Ls as IconGenericToken,Ms as IconMagicGlobe,Bs as IconMagicLogo,ws as IconMusic,hs as IconMusicDark,bs as IconPerson,As as IconPersonDark,Ws as IconProfileDark,Es as IconProfileLight,Gs as IconReset,vs as IconSms,Ns as IconTicket,Hs as IconTicketDark,Vs as IconWarning,Us as IconWarningDark,js as IconWarningShield,y as LoadingSpinner,Ys as LogoAlgorand,Js as LogoAlgorandMono,em as LogoApple,$s as LogoAppleMono,fm as LogoAptos,tm as LogoAptosMono,nm as LogoArbitrum,sm as LogoArbitrumMono,um as LogoArbitrumOne,pm as LogoArbitrumOneMono,Lm as LogoAstar,im as LogoAstarMono,Bm as LogoAuth0,Mm as LogoAuth0Mono,wm as LogoAvalanche,hm as LogoAvalancheMono,bm as LogoAzure,Am as LogoAzureMono,Em as LogoBase,Wm as LogoBaseMono,vm as LogoBerachain,Gm as LogoBerachainMono,Nm as LogoBinance,Hm as LogoBinanceMono,jm as LogoBitBucket,Um as LogoBitBucketMono,Jm as LogoBitcoin,Vm as LogoBitcoinMono,$m as LogoBnb,Ym as LogoBnbMono,tp as LogoCelo,ep as LogoCeloMono,sp as LogoChiliz,fp as LogoChilizMono,up as LogoCognito,pp as LogoCognitoMono,ip as LogoCosmos,np as LogoCosmosMono,Mp as LogoDiscord,Lp as LogoDiscordMono,Ap as LogoEthereum,hp as LogoEthereumCircle,Bp as LogoEthereumCircleMono,wp as LogoEthereumMono,Wp as LogoEtherlink,bp as LogoEtherlinkMono,Gp as LogoFacebook,Ep as LogoFacebookMono,Hp as LogoFlare,vp as LogoFlareMono,Up as LogoFlow,Np as LogoFlowMono,Vp as LogoGitHub,jp as LogoGitHubMono,Yp as LogoGitLab,Jp as LogoGitLabMono,ed as LogoGoogle,$p as LogoGoogleMono,fd as LogoHarmony,td as LogoHarmonyMono,pd as LogoHorizen,sd as LogoHorizenMono,nd as LogoIcon,ud as LogoIconMono,Ld as LogoImmutableX,id as LogoImmutableXMono,wd as LogoLink,Bd as LogoLinkByStripe,Md as LogoLinkByStripeMono,hd as LogoLinkMono,bd as LogoLinkedIn,Ad as LogoLinkedInMono,Ed as LogoLoopring,Wd as LogoLoopringMono,vd as LogoMicrosoft,Gd as LogoMicrosoftMono,Nd as LogoMoonbeam,Hd as LogoMoonbeamMono,jd as LogoNear,Ud as LogoNearMono,Jd as LogoOnramper,Vd as LogoOnramperMono,$d as LogoOptimism,Yd as LogoOptimismMono,su as LogoPayPal,eu as LogoPayPalMono,fu as LogoPayPalWordmark,tu as LogoPayPalWordmarkMono,uu as LogoPoa,pu as LogoPoaMono,iu as LogoPolkadot,nu as LogoPolkadotMono,Mu as LogoPolygon,Lu as LogoPolygonMono,hu as LogoRarichain,Bu as LogoRarichainMono,Au as LogoSardine,wu as LogoSardineMono,Wu as LogoSei,bu as LogoSeiMono,Gu as LogoSolana,Eu as LogoSolanaMono,Hu as LogoSoneium,vu as LogoSoneiumMono,Uu as LogoStability,Nu as LogoStabilityMono,Vu as LogoSui,ju as LogoSuiMono,Yu as LogoTezos,Ju as LogoTezosMono,ex as LogoTwitch,$u as LogoTwitchMono,fx as LogoTwitter,tx as LogoTwitterMono,px as LogoWalletConnect,sx as LogoWalletConnectMono,nx as LogoWarpcast,ux as LogoWarpcastMono,Lx as LogoWax,ix as LogoWaxMono,Bx as LogoXdc,Mx as LogoXdcMono,wx as LogoZetachain,hx as LogoZetachainMono,bx as LogoZilliqa,Ax as LogoZilliqaMono,Ex as LogoZksync,Wx as LogoZksyncMono,c as Menu,g as Modal,Ra as NFTTile,Da as NavigationButton,I as Overlay,Sa as Page,ya as PassportPage,Gx as PayAmex,vx as PayDiscover,Hx as PayMastercard,k as PayPalButton,Nx as PayVisa,Ia as PhoneInput,ka as PinCodeInput,xn as Popover,Ux as PresentationLogo,T as ProgressBar,Rn as QRCode,cn as Radio,gn as RadioGroup,On as SecuredByMagic,xa as SecurityOtp,In as SegmentedControl,zn as SharedLogo,D as Skeleton,C as SocialLoginButton,Bn as Switch,Mn as Tab,hn as Text,ca as TextBox,Ca as TextInput,R as Toast,v as ToastProvider,Oa as TokenListItem,H as Tooltip,za as TransactionRow,wn as VerifyPincode,An as WalletActions,ga as WalletAddress,bn as WalletNavigation,yn as WalletNavigationType,Ta as WalletPage,jx as WebsiteMagic,Vx as WltCoinbase,Jx as WltMattel,Yx as WltMetamask,$x as WltPhantom,en as WltRainbow,tn as WltWalletConnect,Zn as useCustomVars,Xn as useToast};
1
+ import{ButtonContainer as r}from"./components/containers/button.js";import{Card as a}from"./components/containers/card.js";import{Content as l}from"./components/containers/content.js";import{Drawer as m}from"./components/containers/drawer.js";import{Footer as d}from"./components/containers/footer.js";import{Header as x}from"./components/containers/header.js";import{Menu as c}from"./components/containers/menu.js";import{Modal as g}from"./components/containers/modal.js";import{Overlay as I}from"./components/containers/overlay.js";import{PayPalButton as k}from"./components/external/paypal-button.js";import{SocialLoginButton as C}from"./components/external/social-login-button.js";import{AnimatedCheckmark as F}from"./components/feedback/animated-checkmark.js";import{AnimatedSpinner as A}from"./components/feedback/animated-spinner.js";import{Callout as S}from"./components/feedback/callout.js";import{LoadingSpinner as y}from"./components/feedback/loading-spinner.js";import{ProgressBar as T}from"./components/feedback/progress-bar.js";import{Skeleton as D}from"./components/feedback/skeleton.js";import{Toast as R,ToastProvider as v}from"./components/feedback/toast-provider.js";import{default as H}from"./components/feedback/tooltip.js";import{default as N}from"./components/icons/ico-add.js";import{default as U}from"./components/icons/ico-alert-circle-fill.js";import{default as j}from"./components/icons/ico-alert-circle.js";import{default as V}from"./components/icons/ico-arrow-down.js";import{default as J}from"./components/icons/ico-arrow-left.js";import{default as Y}from"./components/icons/ico-arrow-right.js";import{default as $}from"./components/icons/ico-arrow-up.js";import{default as eo}from"./components/icons/ico-asterisk-with-shield.js";import{default as to}from"./components/icons/ico-asterisk.js";import{default as fo}from"./components/icons/ico-astronaut.js";import{default as so}from"./components/icons/ico-atom.js";import{default as po}from"./components/icons/ico-bank.js";import{default as xo}from"./components/icons/ico-bell-notification.js";import{default as co}from"./components/icons/ico-bell.js";import{default as go}from"./components/icons/ico-block.js";import{default as Io}from"./components/icons/ico-branding.js";import{default as ko}from"./components/icons/ico-caret-down.js";import{default as Co}from"./components/icons/ico-caret-left.js";import{default as Fo}from"./components/icons/ico-caret-right.js";import{default as Ao}from"./components/icons/ico-caret-up.js";import{default as So}from"./components/icons/ico-checkmark-circle-fill.js";import{default as yo}from"./components/icons/ico-checkmark-circle.js";import{default as To}from"./components/icons/ico-checkmark.js";import{default as Do}from"./components/icons/ico-clock-fill.js";import{default as Ro}from"./components/icons/ico-code-editor.js";import{default as Oo}from"./components/icons/ico-code-sandbox.js";import{default as zo}from"./components/icons/ico-code.js";import{default as Zo}from"./components/icons/ico-command-line.js";import{default as Xo}from"./components/icons/ico-comment.js";import{default as Qo}from"./components/icons/ico-copy.js";import{default as qo}from"./components/icons/ico-credit-card.js";import{default as Ko}from"./components/icons/ico-dedicated.js";import{default as _o}from"./components/icons/ico-diamond.js";import{default as oe}from"./components/icons/ico-dismiss-circle-fill.js";import{default as re}from"./components/icons/ico-dismiss-circle.js";import{default as ae}from"./components/icons/ico-dismiss.js";import{default as le}from"./components/icons/ico-doc.js";import{default as me}from"./components/icons/ico-download.js";import{default as de}from"./components/icons/ico-edit-email.js";import{default as xe}from"./components/icons/ico-edit.js";import{default as ce}from"./components/icons/ico-email-fill.js";import{default as ge}from"./components/icons/ico-email-open.js";import{default as Ie}from"./components/icons/ico-email.js";import{default as ke}from"./components/icons/ico-expand.js";import{default as Ce}from"./components/icons/ico-expiration.js";import{default as Fe}from"./components/icons/ico-external-link.js";import{default as Ae}from"./components/icons/ico-eye-closed.js";import{default as Se}from"./components/icons/ico-eye-opened.js";import{default as ye}from"./components/icons/ico-fingerprint-fill.js";import{default as Te}from"./components/icons/ico-fingerprint.js";import{default as De}from"./components/icons/ico-gas.js";import{default as Re}from"./components/icons/ico-gift.js";import{default as Oe}from"./components/icons/ico-globe.js";import{default as ze}from"./components/icons/ico-grid-fill.js";import{default as Ze}from"./components/icons/ico-guide.js";import{default as Xe}from"./components/icons/ico-home-fill.js";import{default as Qe}from"./components/icons/ico-home.js";import{default as qe}from"./components/icons/ico-hourglass.js";import{default as Ke}from"./components/icons/ico-info-circle-fill.js";import{default as _e}from"./components/icons/ico-info-circle.js";import{default as or}from"./components/icons/ico-kebab.js";import{default as rr}from"./components/icons/ico-key.js";import{default as ar}from"./components/icons/ico-lightbulb-fill.js";import{default as lr}from"./components/icons/ico-lightbulb.js";import{default as mr}from"./components/icons/ico-lightning-fill.js";import{default as dr}from"./components/icons/ico-lightning.js";import{default as xr}from"./components/icons/ico-link.js";import{default as cr}from"./components/icons/ico-loading.js";import{default as gr}from"./components/icons/ico-lock-locked.js";import{default as Ir}from"./components/icons/ico-lock-password.js";import{default as kr}from"./components/icons/ico-lock-unlocked-fill.js";import{default as Cr}from"./components/icons/ico-lock-unlocked.js";import{default as Fr}from"./components/icons/ico-login-form.js";import{default as Ar}from"./components/icons/ico-magic.js";import{default as Sr}from"./components/icons/ico-megaphone.js";import{default as yr}from"./components/icons/ico-menu.js";import{default as Tr}from"./components/icons/ico-message-fill.js";import{default as Dr}from"./components/icons/ico-message.js";import{default as Rr}from"./components/icons/ico-mfa.js";import{default as Or}from"./components/icons/ico-minimize.js";import{default as zr}from"./components/icons/ico-mobile2fa.js";import{default as Zr}from"./components/icons/ico-mobile2fafill.js";import{default as Xr}from"./components/icons/ico-open-book.js";import{default as Qr}from"./components/icons/ico-paper-plane.js";import{default as qr}from"./components/icons/ico-passport.js";import{default as Kr}from"./components/icons/ico-passwordless.js";import{default as _r}from"./components/icons/ico-pending-connection.js";import{default as ot}from"./components/icons/ico-phone.js";import{default as rt}from"./components/icons/ico-polygon-gas-testnet.js";import{default as at}from"./components/icons/ico-polygon-gas.js";import{default as lt}from"./components/icons/ico-price.js";import{default as mt}from"./components/icons/ico-qrcode.js";import{default as dt}from"./components/icons/ico-question-circle-fill.js";import{default as xt}from"./components/icons/ico-question-circle.js";import{default as ct}from"./components/icons/ico-refresh-circle-fill.js";import{default as gt}from"./components/icons/ico-refresh.js";import{default as It}from"./components/icons/ico-remove.js";import{default as kt}from"./components/icons/ico-rocket-fill.js";import{default as Ct}from"./components/icons/ico-search.js";import{default as Ft}from"./components/icons/ico-settings-fill.js";import{default as At}from"./components/icons/ico-settings.js";import{default as St}from"./components/icons/ico-shapes.js";import{default as yt}from"./components/icons/ico-shield-approved.js";import{default as Tt}from"./components/icons/ico-shield-rejected.js";import{default as Dt}from"./components/icons/ico-shield.js";import{default as Rt}from"./components/icons/ico-social.js";import{default as Ot}from"./components/icons/ico-sold-out-tag.js";import{default as zt}from"./components/icons/ico-star.js";import{default as Zt}from"./components/icons/ico-swap.js";import{default as Xt}from"./components/icons/ico-swatches.js";import{default as Qt}from"./components/icons/ico-team.js";import{default as qt}from"./components/icons/ico-trash.js";import{default as Kt}from"./components/icons/ico-users.js";import{default as _t}from"./components/icons/ico-wallet-fill.js";import{default as oa}from"./components/icons/ico-wallet.js";import{default as ra}from"./components/icons/ico-wand.js";import{default as aa}from"./components/icons/ico-warning-fill.js";import{default as la}from"./components/icons/ico-warning.js";import{default as ma}from"./components/info/copy-button.js";import{default as da}from"./components/info/email-wbr.js";import{default as xa}from"./components/info/security-otp.js";import{default as ca}from"./components/info/text-box.js";import{default as ga}from"./components/info/wallet-address.js";import{default as Ia}from"./components/inputs/phone-input.js";import{PinCodeInput as ka}from"./components/inputs/pincode-input.js";import{TextInput as Ca}from"./components/inputs/text-input.js";import{Dialogue as Fa}from"./components/layouts/dialogue.js";import{Error as Aa}from"./components/layouts/error.js";import{Page as Sa}from"./components/layouts/page.js";import{PassportPage as ya}from"./components/layouts/passport-page.js";import{WalletPage as Ta}from"./components/layouts/wallet-page/index.js";import{default as Da}from"./components/list-items/navigation-button.js";import{NFTTile as Ra}from"./components/list-items/nft-tile.js";import{TokenListItem as Oa}from"./components/list-items/token-list-item.js";import{TransactionRow as za}from"./components/list-items/transaction-row.js";import{ActivityListItem as Za}from"./components/list-items/activity-list-item.js";import{default as Xa}from"./components/logos/blc-algorand.js";import{default as Qa}from"./components/logos/blc-aptos.js";import{default as qa}from"./components/logos/blc-arbitrum.js";import{default as Ka}from"./components/logos/blc-astar.js";import{default as _a}from"./components/logos/blc-avalanche.js";import{default as of}from"./components/logos/blc-base.js";import{default as rf}from"./components/logos/blc-berachain.js";import{default as af}from"./components/logos/blc-binance.js";import{default as lf}from"./components/logos/blc-bitcoin.js";import{default as mf}from"./components/logos/blc-celo.js";import{default as df}from"./components/logos/blc-chiliz.js";import{default as xf}from"./components/logos/blc-cosmos.js";import{default as cf}from"./components/logos/blc-ethereum.js";import{default as Lf}from"./components/logos/blc-etherlink.js";import{default as Mf}from"./components/logos/blc-flow.js";import{default as Bf}from"./components/logos/blc-harmony.js";import{default as hf}from"./components/logos/blc-icon.js";import{default as wf}from"./components/logos/blc-immutable-x.js";import{default as Pf}from"./components/logos/blc-loopring.js";import{default as bf}from"./components/logos/blc-moonbeam.js";import{default as Wf}from"./components/logos/blc-near.js";import{default as Ef}from"./components/logos/blc-optimism.js";import{default as Gf}from"./components/logos/blc-polkadot.js";import{default as vf}from"./components/logos/blc-polygon.js";import{default as Hf}from"./components/logos/blc-rarichain.js";import{default as Nf}from"./components/logos/blc-solana.js";import{default as Uf}from"./components/logos/blc-stability.js";import{default as jf}from"./components/logos/blc-sui.js";import{default as Vf}from"./components/logos/blc-tezos.js";import{default as Jf}from"./components/logos/blc-wax.js";import{default as Yf}from"./components/logos/blc-zetachain.js";import{default as $f}from"./components/logos/blc-zilliqa.js";import{default as el}from"./components/logos/blc-zksync.js";import{default as tl}from"./components/logos/default-cursor.js";import{default as fl}from"./components/logos/fwk-11ty.js";import{default as sl}from"./components/logos/fwk-android.js";import{default as pl}from"./components/logos/fwk-apple.js";import{default as ul}from"./components/logos/fwk-authy.js";import{default as nl}from"./components/logos/fwk-binance-fill.js";import{default as il}from"./components/logos/fwk-chrome.js";import{default as Ll}from"./components/logos/fwk-electron.js";import{default as Ml}from"./components/logos/fwk-express.js";import{default as Bl}from"./components/logos/fwk-fauna.js";import{default as hl}from"./components/logos/fwk-firebase.js";import{default as wl}from"./components/logos/fwk-go.js";import{default as Pl}from"./components/logos/fwk-google-authenticator.js";import{default as bl}from"./components/logos/fwk-hasura.js";import{default as Wl}from"./components/logos/fwk-javascript.js";import{default as El}from"./components/logos/fwk-jwt.js";import{default as Gl}from"./components/logos/fwk-laravel.js";import{default as vl}from"./components/logos/fwk-nextjs.js";import{default as Hl}from"./components/logos/fwk-nodejs.js";import{default as Nl}from"./components/logos/fwk-nuxtjs.js";import{default as Ul}from"./components/logos/fwk-php.js";import{default as jl}from"./components/logos/fwk-react.js";import{default as Vl}from"./components/logos/fwk-strapi.js";import{default as Jl}from"./components/logos/fwk-stripe.js";import{default as Yl}from"./components/logos/fwk-vue.js";import{default as $l}from"./components/logos/fwk-webflow.js";import{default as es}from"./components/logos/fwk-wordpress.js";import{default as ts}from"./components/logos/fwk-zapier.js";import{default as fs}from"./components/logos/icon-art-dark.js";import{default as ss}from"./components/logos/icon-art.js";import{default as ps}from"./components/logos/icon-delete.js";import{default as us}from"./components/logos/icon-email-globe.js";import{default as ns}from"./components/logos/icon-email.js";import{default as is}from"./components/logos/icon-game-controller-dark.js";import{default as Ls}from"./components/logos/icon-game-controller.js";import{default as Ms}from"./components/logos/icon-generic-token.js";import{default as Bs}from"./components/logos/icon-magic-globe.js";import{default as hs}from"./components/logos/icon-magic-logo.js";import{default as ws}from"./components/logos/icon-music-dark.js";import{default as Ps}from"./components/logos/icon-music.js";import{default as bs}from"./components/logos/icon-person-dark.js";import{default as Ws}from"./components/logos/icon-person.js";import{default as Es}from"./components/logos/icon-profile-dark.js";import{default as Gs}from"./components/logos/icon-profile-light.js";import{default as vs}from"./components/logos/icon-reset.js";import{default as Hs}from"./components/logos/icon-sms.js";import{default as Ns}from"./components/logos/icon-ticket-dark.js";import{default as Us}from"./components/logos/icon-ticket.js";import{default as js}from"./components/logos/icon-warning-dark.js";import{default as Vs}from"./components/logos/icon-warning-shield.js";import{default as Js}from"./components/logos/icon-warning.js";import{default as Ys}from"./components/logos/logo-algorand-mono.js";import{default as $s}from"./components/logos/logo-algorand.js";import{default as em}from"./components/logos/logo-apple-mono.js";import{default as tm}from"./components/logos/logo-apple.js";import{default as fm}from"./components/logos/logo-aptos-mono.js";import{default as sm}from"./components/logos/logo-aptos.js";import{default as pm}from"./components/logos/logo-arbitrum-mono.js";import{default as um}from"./components/logos/logo-arbitrum-one-mono.js";import{default as nm}from"./components/logos/logo-arbitrum-one.js";import{default as im}from"./components/logos/logo-arbitrum.js";import{default as Lm}from"./components/logos/logo-astar-mono.js";import{default as Mm}from"./components/logos/logo-astar.js";import{default as Bm}from"./components/logos/logo-auth0-mono.js";import{default as hm}from"./components/logos/logo-auth0.js";import{default as wm}from"./components/logos/logo-avalanche-mono.js";import{default as Pm}from"./components/logos/logo-avalanche.js";import{default as bm}from"./components/logos/logo-azure-mono.js";import{default as Wm}from"./components/logos/logo-azure.js";import{default as Em}from"./components/logos/logo-base-mono.js";import{default as Gm}from"./components/logos/logo-base.js";import{default as vm}from"./components/logos/logo-berachain-mono.js";import{default as Hm}from"./components/logos/logo-berachain.js";import{default as Nm}from"./components/logos/logo-binance-mono.js";import{default as Um}from"./components/logos/logo-binance.js";import{default as jm}from"./components/logos/logo-bit-bucket-mono.js";import{default as Vm}from"./components/logos/logo-bit-bucket.js";import{default as Jm}from"./components/logos/logo-bitcoin-mono.js";import{default as Ym}from"./components/logos/logo-bitcoin.js";import{default as $m}from"./components/logos/logo-bnb-mono.js";import{default as ep}from"./components/logos/logo-bnb.js";import{default as tp}from"./components/logos/logo-celo-mono.js";import{default as fp}from"./components/logos/logo-celo.js";import{default as sp}from"./components/logos/logo-chiliz-mono.js";import{default as pp}from"./components/logos/logo-chiliz.js";import{default as up}from"./components/logos/logo-cognito-mono.js";import{default as np}from"./components/logos/logo-cognito.js";import{default as ip}from"./components/logos/logo-cosmos-mono.js";import{default as Lp}from"./components/logos/logo-cosmos.js";import{default as Mp}from"./components/logos/logo-discord-mono.js";import{default as Bp}from"./components/logos/logo-discord.js";import{default as hp}from"./components/logos/logo-ethereum-circle-mono.js";import{default as wp}from"./components/logos/logo-ethereum-circle.js";import{default as Pp}from"./components/logos/logo-ethereum-mono.js";import{default as bp}from"./components/logos/logo-ethereum.js";import{default as Wp}from"./components/logos/logo-etherlink-mono.js";import{default as Ep}from"./components/logos/logo-etherlink.js";import{default as Gp}from"./components/logos/logo-facebook-mono.js";import{default as vp}from"./components/logos/logo-facebook.js";import{default as Hp}from"./components/logos/logo-flare-mono.js";import{default as Np}from"./components/logos/logo-flare.js";import{default as Up}from"./components/logos/logo-flow-mono.js";import{default as jp}from"./components/logos/logo-flow.js";import{default as Vp}from"./components/logos/logo-git-hub-mono.js";import{default as Jp}from"./components/logos/logo-git-hub.js";import{default as Yp}from"./components/logos/logo-git-lab-mono.js";import{default as $p}from"./components/logos/logo-git-lab.js";import{default as ed}from"./components/logos/logo-google-mono.js";import{default as td}from"./components/logos/logo-google.js";import{default as fd}from"./components/logos/logo-harmony-mono.js";import{default as sd}from"./components/logos/logo-harmony.js";import{default as pd}from"./components/logos/logo-horizen-mono.js";import{default as ud}from"./components/logos/logo-horizen.js";import{default as nd}from"./components/logos/logo-icon-mono.js";import{default as id}from"./components/logos/logo-icon.js";import{default as Ld}from"./components/logos/logo-immutable-x-mono.js";import{default as Md}from"./components/logos/logo-immutable-x.js";import{default as Bd}from"./components/logos/logo-link-by-stripe-mono.js";import{default as hd}from"./components/logos/logo-link-by-stripe.js";import{default as wd}from"./components/logos/logo-link-mono.js";import{default as Pd}from"./components/logos/logo-link.js";import{default as bd}from"./components/logos/logo-linked-in-mono.js";import{default as Wd}from"./components/logos/logo-linked-in.js";import{default as Ed}from"./components/logos/logo-loopring-mono.js";import{default as Gd}from"./components/logos/logo-loopring.js";import{default as vd}from"./components/logos/logo-microsoft-mono.js";import{default as Hd}from"./components/logos/logo-microsoft.js";import{default as Nd}from"./components/logos/logo-moonbeam-mono.js";import{default as Ud}from"./components/logos/logo-moonbeam.js";import{default as jd}from"./components/logos/logo-near-mono.js";import{default as Vd}from"./components/logos/logo-near.js";import{default as Jd}from"./components/logos/logo-onramper-mono.js";import{default as Yd}from"./components/logos/logo-onramper.js";import{default as $d}from"./components/logos/logo-optimism-mono.js";import{default as eu}from"./components/logos/logo-optimism.js";import{default as tu}from"./components/logos/logo-pay-pal-mono.js";import{default as fu}from"./components/logos/logo-pay-pal-wordmark-mono.js";import{default as su}from"./components/logos/logo-pay-pal-wordmark.js";import{default as pu}from"./components/logos/logo-pay-pal.js";import{default as uu}from"./components/logos/logo-poa-mono.js";import{default as nu}from"./components/logos/logo-poa.js";import{default as iu}from"./components/logos/logo-polkadot-mono.js";import{default as Lu}from"./components/logos/logo-polkadot.js";import{default as Mu}from"./components/logos/logo-polygon-mono.js";import{default as Bu}from"./components/logos/logo-polygon.js";import{default as hu}from"./components/logos/logo-rarichain-mono.js";import{default as wu}from"./components/logos/logo-rarichain.js";import{default as Pu}from"./components/logos/logo-sardine-mono.js";import{default as bu}from"./components/logos/logo-sardine.js";import{default as Wu}from"./components/logos/logo-sei-mono.js";import{default as Eu}from"./components/logos/logo-sei.js";import{default as Gu}from"./components/logos/logo-solana-mono.js";import{default as vu}from"./components/logos/logo-solana.js";import{default as Hu}from"./components/logos/logo-soneium-mono.js";import{default as Nu}from"./components/logos/logo-soneium.js";import{default as Uu}from"./components/logos/logo-stability-mono.js";import{default as ju}from"./components/logos/logo-stability.js";import{default as Vu}from"./components/logos/logo-sui-mono.js";import{default as Ju}from"./components/logos/logo-sui.js";import{default as Yu}from"./components/logos/logo-tezos-mono.js";import{default as $u}from"./components/logos/logo-tezos.js";import{default as ex}from"./components/logos/logo-twitch-mono.js";import{default as tx}from"./components/logos/logo-twitch.js";import{default as fx}from"./components/logos/logo-twitter-mono.js";import{default as sx}from"./components/logos/logo-twitter.js";import{default as px}from"./components/logos/logo-wallet-connect-mono.js";import{default as ux}from"./components/logos/logo-wallet-connect.js";import{default as nx}from"./components/logos/logo-warpcast-mono.js";import{default as ix}from"./components/logos/logo-warpcast.js";import{default as Lx}from"./components/logos/logo-wax-mono.js";import{default as Mx}from"./components/logos/logo-wax.js";import{default as Bx}from"./components/logos/logo-xdc-mono.js";import{default as hx}from"./components/logos/logo-xdc.js";import{default as wx}from"./components/logos/logo-zetachain-mono.js";import{default as Px}from"./components/logos/logo-zetachain.js";import{default as bx}from"./components/logos/logo-zilliqa-mono.js";import{default as Wx}from"./components/logos/logo-zilliqa.js";import{default as Ex}from"./components/logos/logo-zksync-mono.js";import{default as Gx}from"./components/logos/logo-zksync.js";import{default as vx}from"./components/logos/pay-amex.js";import{default as Hx}from"./components/logos/pay-discover.js";import{default as Nx}from"./components/logos/pay-mastercard.js";import{default as Ux}from"./components/logos/pay-visa.js";import{default as jx}from"./components/logos/presentation-logo.js";import{default as Vx}from"./components/logos/website-magic.js";import{default as Jx}from"./components/logos/wlt-coinbase.js";import{default as Yx}from"./components/logos/wlt-mattel.js";import{default as $x}from"./components/logos/wlt-metamask.js";import{default as en}from"./components/logos/wlt-phantom.js";import{default as tn}from"./components/logos/wlt-rainbow.js";import{default as fn}from"./components/logos/wlt-wallet-connect.js";import{default as sn}from"./components/primitives/button.js";import{default as pn}from"./components/primitives/checkbox.js";import{DropdownOption as un,DropdownSelector as xn}from"./components/primitives/dropdown-selector.js";import{Popover as cn}from"./components/primitives/popover.js";import{Radio as Ln,RadioGroup as In}from"./components/primitives/radio.js";import{SegmentedControl as kn,Tab as Bn}from"./components/primitives/segmented-control.js";import{default as hn}from"./components/primitives/switch.js";import{default as wn}from"./components/primitives/text.js";import{VerifyPincode as Pn}from"./components/sections/verify-pincode.js";import{WalletActions as bn}from"./components/sections/wallet-actions.js";import{WalletNavigation as Wn,WalletNavigationType as Tn}from"./components/sections/wallet-navigation.js";import{default as Dn}from"./components/utils/animate.js";import{ClientAssetLogo as Rn}from"./components/utils/client-asset-logo.js";import{default as On}from"./components/utils/qr-code.js";import{default as zn}from"./components/utils/secured-by-magic.js";import{default as Zn}from"./components/utils/shared-logo.js";import{useCustomVars as Xn}from"./hooks/theme.js";import{useToast as Qn}from"./hooks/useToast.js";export{Za as ActivityListItem,Dn as Animate,F as AnimatedCheckmark,A as AnimatedSpinner,Xa as BlcAlgorand,Qa as BlcAptos,qa as BlcArbitrum,Ka as BlcAstar,_a as BlcAvalanche,of as BlcBase,rf as BlcBerachain,af as BlcBinance,lf as BlcBitcoin,mf as BlcCelo,df as BlcChiliz,xf as BlcCosmos,cf as BlcEthereum,Lf as BlcEtherlink,Mf as BlcFlow,Bf as BlcHarmony,hf as BlcIcon,wf as BlcImmutableX,Pf as BlcLoopring,bf as BlcMoonbeam,Wf as BlcNear,Ef as BlcOptimism,Gf as BlcPolkadot,vf as BlcPolygon,Hf as BlcRarichain,Nf as BlcSolana,Uf as BlcStability,jf as BlcSui,Vf as BlcTezos,Jf as BlcWax,Yf as BlcZetachain,$f as BlcZilliqa,el as BlcZksync,sn as Button,r as ButtonContainer,S as Callout,a as Card,pn as Checkbox,Rn as ClientAssetLogo,l as Content,ma as CopyButton,tl as DefaultCursor,Fa as Dialogue,m as Drawer,un as DropdownOption,xn as DropdownSelector,da as EmailWbr,Aa as Error,d as Footer,fl as Fwk11ty,sl as FwkAndroid,pl as FwkApple,ul as FwkAuthy,nl as FwkBinanceFill,il as FwkChrome,Ll as FwkElectron,Ml as FwkExpress,Bl as FwkFauna,hl as FwkFirebase,wl as FwkGo,Pl as FwkGoogleAuthenticator,bl as FwkHasura,Wl as FwkJavascript,El as FwkJwt,Gl as FwkLaravel,vl as FwkNextjs,Hl as FwkNodejs,Nl as FwkNuxtjs,Ul as FwkPhp,jl as FwkReact,Vl as FwkStrapi,Jl as FwkStripe,Yl as FwkVue,$l as FwkWebflow,es as FwkWordpress,ts as FwkZapier,x as Header,N as IcoAdd,j as IcoAlertCircle,U as IcoAlertCircleFill,V as IcoArrowDown,J as IcoArrowLeft,Y as IcoArrowRight,$ as IcoArrowUp,to as IcoAsterisk,eo as IcoAsteriskWithShield,fo as IcoAstronaut,so as IcoAtom,po as IcoBank,co as IcoBell,xo as IcoBellNotification,go as IcoBlock,Io as IcoBranding,ko as IcoCaretDown,Co as IcoCaretLeft,Fo as IcoCaretRight,Ao as IcoCaretUp,To as IcoCheckmark,yo as IcoCheckmarkCircle,So as IcoCheckmarkCircleFill,Do as IcoClockFill,zo as IcoCode,Ro as IcoCodeEditor,Oo as IcoCodeSandbox,Zo as IcoCommandLine,Xo as IcoComment,Qo as IcoCopy,qo as IcoCreditCard,Ko as IcoDedicated,_o as IcoDiamond,ae as IcoDismiss,re as IcoDismissCircle,oe as IcoDismissCircleFill,le as IcoDoc,me as IcoDownload,xe as IcoEdit,de as IcoEditEmail,Ie as IcoEmail,ce as IcoEmailFill,ge as IcoEmailOpen,ke as IcoExpand,Ce as IcoExpiration,Fe as IcoExternalLink,Ae as IcoEyeClosed,Se as IcoEyeOpened,Te as IcoFingerprint,ye as IcoFingerprintFill,De as IcoGas,Re as IcoGift,Oe as IcoGlobe,ze as IcoGridFill,Ze as IcoGuide,Qe as IcoHome,Xe as IcoHomeFill,qe as IcoHourglass,_e as IcoInfoCircle,Ke as IcoInfoCircleFill,or as IcoKebab,rr as IcoKey,lr as IcoLightbulb,ar as IcoLightbulbFill,dr as IcoLightning,mr as IcoLightningFill,xr as IcoLink,cr as IcoLoading,gr as IcoLockLocked,Ir as IcoLockPassword,Cr as IcoLockUnlocked,kr as IcoLockUnlockedFill,Fr as IcoLoginForm,Ar as IcoMagic,Sr as IcoMegaphone,yr as IcoMenu,Dr as IcoMessage,Tr as IcoMessageFill,Rr as IcoMfa,Or as IcoMinimize,zr as IcoMobile2fa,Zr as IcoMobile2fafill,Xr as IcoOpenBook,Qr as IcoPaperPlane,qr as IcoPassport,Kr as IcoPasswordless,_r as IcoPendingConnection,ot as IcoPhone,at as IcoPolygonGas,rt as IcoPolygonGasTestnet,lt as IcoPrice,mt as IcoQrcode,xt as IcoQuestionCircle,dt as IcoQuestionCircleFill,gt as IcoRefresh,ct as IcoRefreshCircleFill,It as IcoRemove,kt as IcoRocketFill,Ct as IcoSearch,At as IcoSettings,Ft as IcoSettingsFill,St as IcoShapes,Dt as IcoShield,yt as IcoShieldApproved,Tt as IcoShieldRejected,Rt as IcoSocial,Ot as IcoSoldOutTag,zt as IcoStar,Zt as IcoSwap,Xt as IcoSwatches,Qt as IcoTeam,qt as IcoTrash,Kt as IcoUsers,oa as IcoWallet,_t as IcoWalletFill,ra as IcoWand,la as IcoWarning,aa as IcoWarningFill,ss as IconArt,fs as IconArtDark,ps as IconDelete,ns as IconEmail,us as IconEmailGlobe,Ls as IconGameController,is as IconGameControllerDark,Ms as IconGenericToken,Bs as IconMagicGlobe,hs as IconMagicLogo,Ps as IconMusic,ws as IconMusicDark,Ws as IconPerson,bs as IconPersonDark,Es as IconProfileDark,Gs as IconProfileLight,vs as IconReset,Hs as IconSms,Us as IconTicket,Ns as IconTicketDark,Js as IconWarning,js as IconWarningDark,Vs as IconWarningShield,y as LoadingSpinner,$s as LogoAlgorand,Ys as LogoAlgorandMono,tm as LogoApple,em as LogoAppleMono,sm as LogoAptos,fm as LogoAptosMono,im as LogoArbitrum,pm as LogoArbitrumMono,nm as LogoArbitrumOne,um as LogoArbitrumOneMono,Mm as LogoAstar,Lm as LogoAstarMono,hm as LogoAuth0,Bm as LogoAuth0Mono,Pm as LogoAvalanche,wm as LogoAvalancheMono,Wm as LogoAzure,bm as LogoAzureMono,Gm as LogoBase,Em as LogoBaseMono,Hm as LogoBerachain,vm as LogoBerachainMono,Um as LogoBinance,Nm as LogoBinanceMono,Vm as LogoBitBucket,jm as LogoBitBucketMono,Ym as LogoBitcoin,Jm as LogoBitcoinMono,ep as LogoBnb,$m as LogoBnbMono,fp as LogoCelo,tp as LogoCeloMono,pp as LogoChiliz,sp as LogoChilizMono,np as LogoCognito,up as LogoCognitoMono,Lp as LogoCosmos,ip as LogoCosmosMono,Bp as LogoDiscord,Mp as LogoDiscordMono,bp as LogoEthereum,wp as LogoEthereumCircle,hp as LogoEthereumCircleMono,Pp as LogoEthereumMono,Ep as LogoEtherlink,Wp as LogoEtherlinkMono,vp as LogoFacebook,Gp as LogoFacebookMono,Np as LogoFlare,Hp as LogoFlareMono,jp as LogoFlow,Up as LogoFlowMono,Jp as LogoGitHub,Vp as LogoGitHubMono,$p as LogoGitLab,Yp as LogoGitLabMono,td as LogoGoogle,ed as LogoGoogleMono,sd as LogoHarmony,fd as LogoHarmonyMono,ud as LogoHorizen,pd as LogoHorizenMono,id as LogoIcon,nd as LogoIconMono,Md as LogoImmutableX,Ld as LogoImmutableXMono,Pd as LogoLink,hd as LogoLinkByStripe,Bd as LogoLinkByStripeMono,wd as LogoLinkMono,Wd as LogoLinkedIn,bd as LogoLinkedInMono,Gd as LogoLoopring,Ed as LogoLoopringMono,Hd as LogoMicrosoft,vd as LogoMicrosoftMono,Ud as LogoMoonbeam,Nd as LogoMoonbeamMono,Vd as LogoNear,jd as LogoNearMono,Yd as LogoOnramper,Jd as LogoOnramperMono,eu as LogoOptimism,$d as LogoOptimismMono,pu as LogoPayPal,tu as LogoPayPalMono,su as LogoPayPalWordmark,fu as LogoPayPalWordmarkMono,nu as LogoPoa,uu as LogoPoaMono,Lu as LogoPolkadot,iu as LogoPolkadotMono,Bu as LogoPolygon,Mu as LogoPolygonMono,wu as LogoRarichain,hu as LogoRarichainMono,bu as LogoSardine,Pu as LogoSardineMono,Eu as LogoSei,Wu as LogoSeiMono,vu as LogoSolana,Gu as LogoSolanaMono,Nu as LogoSoneium,Hu as LogoSoneiumMono,ju as LogoStability,Uu as LogoStabilityMono,Ju as LogoSui,Vu as LogoSuiMono,$u as LogoTezos,Yu as LogoTezosMono,tx as LogoTwitch,ex as LogoTwitchMono,sx as LogoTwitter,fx as LogoTwitterMono,ux as LogoWalletConnect,px as LogoWalletConnectMono,ix as LogoWarpcast,nx as LogoWarpcastMono,Mx as LogoWax,Lx as LogoWaxMono,hx as LogoXdc,Bx as LogoXdcMono,Px as LogoZetachain,wx as LogoZetachainMono,Wx as LogoZilliqa,bx as LogoZilliqaMono,Gx as LogoZksync,Ex as LogoZksyncMono,c as Menu,g as Modal,Ra as NFTTile,Da as NavigationButton,I as Overlay,Sa as Page,ya as PassportPage,vx as PayAmex,Hx as PayDiscover,Nx as PayMastercard,k as PayPalButton,Ux as PayVisa,Ia as PhoneInput,ka as PinCodeInput,cn as Popover,jx as PresentationLogo,T as ProgressBar,On as QRCode,Ln as Radio,In as RadioGroup,zn as SecuredByMagic,xa as SecurityOtp,kn as SegmentedControl,Zn as SharedLogo,D as Skeleton,C as SocialLoginButton,hn as Switch,Bn as Tab,wn as Text,ca as TextBox,Ca as TextInput,R as Toast,v as ToastProvider,Oa as TokenListItem,H as Tooltip,za as TransactionRow,Pn as VerifyPincode,bn as WalletActions,ga as WalletAddress,Wn as WalletNavigation,Tn as WalletNavigationType,Ta as WalletPage,Vx as WebsiteMagic,Jx as WltCoinbase,Yx as WltMattel,$x as WltMetamask,en as WltPhantom,tn as WltRainbow,fn as WltWalletConnect,Xn as useCustomVars,Qn as useToast};
2
2
  //# sourceMappingURL=index.js.map
@@ -0,0 +1,2 @@
1
+ import{sva as t}from"@styled/css";const a=t({slots:["trigger","content","spacer"],base:{trigger:{position:"relative",w:"auto"},content:{w:"max",maxW:72,color:"text.secondary",bg:"surface.primary",_dark:{bg:"surface.secondary"},position:"absolute",py:2,px:3,rounded:"xl",boxShadow:"0px 4px 20px 0px rgba(0, 0, 0, 0.10)",zIndex:"max",display:"none"},spacer:{position:"absolute"}},variants:{expand:{true:{trigger:{w:"full"}}},isOpen:{true:{content:{display:"block"}}},placement:{top:{content:{top:"0%",left:"50%",transform:"translateX(-50%) translateY(calc(-100% - 0.75rem))"}},"top left":{content:{top:"0%",right:"100%",transform:"translateX(10%) translateY(calc(-100% - 0.75rem))"}},"top right":{content:{top:"0%",left:"0%",transform:"translateX(-10%) translateY(calc(-100% - 0.75rem))"}},left:{content:{top:"50%",left:"0%",transform:"translateX(calc(-100% - 0.75rem)) translateY(-50%)"}},"left top":{content:{top:"50%",left:"0%",transform:"translateX(calc(-100% - 0.75rem)) translateY(-75%)"}},"left bottom":{content:{top:"50%",left:"0%",transform:"translateX(calc(-100% - 0.75rem)) translateY(-25%)"}},right:{content:{top:"50%",right:"0%",transform:"translateX(calc(100% + 0.75rem)) translateY(-50%)"}},"right top":{content:{top:"50%",right:"0%",transform:"translateX(calc(100% + 0.75rem)) translateY(-75%)"}},"right bottom":{content:{top:"50%",right:"0%",transform:"translateX(calc(100% + 0.75rem)) translateY(-25%)"}},bottom:{content:{bottom:"0%",left:"50%",transform:"translateX(-50%) translateY(calc(100% + 0.75rem))"}},"bottom left":{content:{bottom:"0%",right:"0%",transform:"translateX(10%) translateY(calc(100% + 0.75rem))"}},"bottom right":{content:{bottom:"0%",left:"0%",transform:"translateX(-10%) translateY(calc(100% + 0.75rem))"}}},position:{top:{spacer:{width:72,height:4,bottom:0,left:"50%",transform:"translateX(-50%) translateY(0.75rem)"}},bottom:{spacer:{width:72,height:4,top:0,left:"50%",transform:"translateX(-50%) translateY(-0.75rem)"}},left:{spacer:{width:4,height:48,top:"50%",right:-6,transform:"translateX(-0.75rem) translateY(-50%)"}},right:{spacer:{width:4,height:48,top:"50%",left:-6,transform:"translateX(0.75rem) translateY(-50%)"}}}}});export{a as tooltip};
2
+ //# sourceMappingURL=tooltip.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip.js","sources":["../../../src/recipes/tooltip.ts"],"sourcesContent":["import { sva } from '@styled/css';\n\nexport const tooltip = sva({\n slots: ['trigger', 'content', 'spacer'],\n base: {\n trigger: {\n position: 'relative',\n w: 'auto',\n },\n content: {\n w: 'max',\n maxW: 72,\n color: 'text.secondary',\n bg: 'surface.primary',\n _dark: { bg: 'surface.secondary' },\n position: 'absolute',\n py: 2,\n px: 3,\n rounded: 'xl',\n boxShadow: '0px 4px 20px 0px rgba(0, 0, 0, 0.10)',\n zIndex: 'max',\n display: 'none',\n },\n spacer: {\n position: 'absolute',\n },\n },\n variants: {\n expand: {\n true: {\n trigger: {\n w: 'full',\n },\n },\n },\n isOpen: {\n true: {\n content: {\n display: 'block',\n },\n },\n },\n placement: {\n top: {\n content: {\n top: '0%',\n left: '50%',\n transform: 'translateX(-50%) translateY(calc(-100% - 0.75rem))',\n },\n },\n 'top left': {\n content: {\n top: '0%',\n right: '100%',\n transform: 'translateX(10%) translateY(calc(-100% - 0.75rem))',\n },\n },\n 'top right': {\n content: {\n top: '0%',\n left: '0%',\n transform: 'translateX(-10%) translateY(calc(-100% - 0.75rem))',\n },\n },\n left: {\n content: {\n top: '50%',\n left: '0%',\n transform: 'translateX(calc(-100% - 0.75rem)) translateY(-50%)',\n },\n },\n 'left top': {\n content: {\n top: '50%',\n left: '0%',\n transform: 'translateX(calc(-100% - 0.75rem)) translateY(-75%)',\n },\n },\n 'left bottom': {\n content: {\n top: '50%',\n left: '0%',\n transform: 'translateX(calc(-100% - 0.75rem)) translateY(-25%)',\n },\n },\n right: {\n content: {\n top: '50%',\n right: '0%',\n transform: 'translateX(calc(100% + 0.75rem)) translateY(-50%)',\n },\n },\n 'right top': {\n content: {\n top: '50%',\n right: '0%',\n transform: 'translateX(calc(100% + 0.75rem)) translateY(-75%)',\n },\n },\n 'right bottom': {\n content: {\n top: '50%',\n right: '0%',\n transform: 'translateX(calc(100% + 0.75rem)) translateY(-25%)',\n },\n },\n bottom: {\n content: {\n bottom: '0%',\n left: '50%',\n transform: 'translateX(-50%) translateY(calc(100% + 0.75rem))',\n },\n },\n 'bottom left': {\n content: {\n bottom: '0%',\n right: '0%',\n transform: 'translateX(10%) translateY(calc(100% + 0.75rem))',\n },\n },\n 'bottom right': {\n content: {\n bottom: '0%',\n left: '0%',\n transform: 'translateX(-10%) translateY(calc(100% + 0.75rem))',\n },\n },\n },\n position: {\n top: {\n spacer: {\n width: 72,\n height: 4,\n bottom: 0,\n left: '50%',\n transform: 'translateX(-50%) translateY(0.75rem)',\n },\n },\n bottom: {\n spacer: {\n width: 72,\n height: 4,\n top: 0,\n left: '50%',\n transform: 'translateX(-50%) translateY(-0.75rem)',\n },\n },\n left: {\n spacer: {\n width: 4,\n height: 48,\n top: '50%',\n right: -6,\n transform: 'translateX(-0.75rem) translateY(-50%)',\n },\n },\n right: {\n spacer: {\n width: 4,\n height: 48,\n top: '50%',\n left: -6,\n transform: 'translateX(0.75rem) translateY(-50%)',\n },\n },\n },\n },\n});\n"],"names":["tooltip","sva"],"mappings":"kCAEO,MAAMA,EAAUC,EAAI,CACzB,MAAO,CAAC,UAAW,UAAW,QAAQ,EACtC,KAAM,CACJ,QAAS,CACP,SAAU,WACV,EAAG,MACJ,EACD,QAAS,CACP,EAAG,MACH,KAAM,GACN,MAAO,iBACP,GAAI,kBACJ,MAAO,CAAE,GAAI,mBAAqB,EAClC,SAAU,WACV,GAAI,EACJ,GAAI,EACJ,QAAS,KACT,UAAW,uCACX,OAAQ,MACR,QAAS,MACV,EACD,OAAQ,CACN,SAAU,UACX,CACF,EACD,SAAU,CACR,OAAQ,CACN,KAAM,CACJ,QAAS,CACP,EAAG,MACJ,CACF,CACF,EACD,OAAQ,CACN,KAAM,CACJ,QAAS,CACP,QAAS,OACV,CACF,CACF,EACD,UAAW,CACT,IAAK,CACH,QAAS,CACP,IAAK,KACL,KAAM,MACN,UAAW,oDACZ,CACF,EACD,WAAY,CACV,QAAS,CACP,IAAK,KACL,MAAO,OACP,UAAW,mDACZ,CACF,EACD,YAAa,CACX,QAAS,CACP,IAAK,KACL,KAAM,KACN,UAAW,oDACZ,CACF,EACD,KAAM,CACJ,QAAS,CACP,IAAK,MACL,KAAM,KACN,UAAW,oDACZ,CACF,EACD,WAAY,CACV,QAAS,CACP,IAAK,MACL,KAAM,KACN,UAAW,oDACZ,CACF,EACD,cAAe,CACb,QAAS,CACP,IAAK,MACL,KAAM,KACN,UAAW,oDACZ,CACF,EACD,MAAO,CACL,QAAS,CACP,IAAK,MACL,MAAO,KACP,UAAW,mDACZ,CACF,EACD,YAAa,CACX,QAAS,CACP,IAAK,MACL,MAAO,KACP,UAAW,mDACZ,CACF,EACD,eAAgB,CACd,QAAS,CACP,IAAK,MACL,MAAO,KACP,UAAW,mDACZ,CACF,EACD,OAAQ,CACN,QAAS,CACP,OAAQ,KACR,KAAM,MACN,UAAW,mDACZ,CACF,EACD,cAAe,CACb,QAAS,CACP,OAAQ,KACR,MAAO,KACP,UAAW,kDACZ,CACF,EACD,eAAgB,CACd,QAAS,CACP,OAAQ,KACR,KAAM,KACN,UAAW,mDACZ,CACF,CACF,EACD,SAAU,CACR,IAAK,CACH,OAAQ,CACN,MAAO,GACP,OAAQ,EACR,OAAQ,EACR,KAAM,MACN,UAAW,sCACZ,CACF,EACD,OAAQ,CACN,OAAQ,CACN,MAAO,GACP,OAAQ,EACR,IAAK,EACL,KAAM,MACN,UAAW,uCACZ,CACF,EACD,KAAM,CACJ,OAAQ,CACN,MAAO,EACP,OAAQ,GACR,IAAK,MACL,MAAO,GACP,UAAW,uCACZ,CACF,EACD,MAAO,CACL,OAAQ,CACN,MAAO,EACP,OAAQ,GACR,IAAK,MACL,KAAM,GACN,UAAW,sCACZ,CACF,CACF,CACF,CACF,CAAA"}
@@ -1 +1 @@
1
- {"schemaVersion":"0.40.1","styles":{"atomic":["display]___[value:inline-flex","alignItems]___[value:center","justifyContent]___[value:center","position]___[value:relative","fontWeight]___[value:semibold","boxSizing]___[value:border-box","borderRadius]___[value:button","border]___[value:thin solid","borderColor]___[value:transparent","cursor]___[value:pointer","transition]___[value:all 0.1s ease","outline]___[value:none","willChange]___[value:transform, opacity","background]___[value:none","transform]___[value:scale(0.95)]___[cond:_active","opacity]___[value:0.3]___[cond:_disabled","pointerEvents]___[value:none]___[cond:_disabled","content]___[value:\"\"]___[cond:_before","position]___[value:absolute]___[cond:_before","top]___[value:0]___[cond:_before","left]___[value:0]___[cond:_before","right]___[value:0]___[cond:_before","bottom]___[value:0]___[cond:_before","borderRadius]___[value:inherit]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))]___[cond:_before<___>_dark","opacity]___[value:0]___[cond:_before","transition]___[value:opacity 0.1s ease]___[cond:_before","opacity]___[value:1]___[cond:_hover<___>_before","height]___[value:9","paddingBlock]___[value:1.5","paddingInline]___[value:4","height]___[value:12","paddingBlock]___[value:3","paddingInline]___[value:6","height]___[value:15","paddingBlock]___[value:4","background]___[value:brand.base","background]___[value:brand.lightest","background]___[value:negative.darker","background]___[value:neutral.tertiary","mixBlendMode]___[value:multiply]___[cond:_light","background]___[value:transparent","borderColor]___[value:neutral.primary","padding]___[value:0","height]___[value:fit-content","opacity]___[value:0]___[cond:_hover<___>_before","background]___[value:#ffffff14","background]___[value:#ffffff4d]___[cond:_hover","background]___[value:#ffffff29]___[cond:_dark","backdropFilter]___[value:blur(3px)","display]___[value:none]___[cond:_before","background]___[value:ink.90","background]___[value:paper]___[cond:_dark","pointerEvents]___[value:none","width]___[value:full","borderRadius]___[value:full","display]___[value:flex","textAlign]___[value:center","whiteSpace]___[value:nowrap","fontSize]___[value:sm","lineHeight]___[value:1.5rem","fontSize]___[value:md","fontSize]___[value:lg","lineHeight]___[value:1.75rem","color]___[value:surface.primary","color]___[value:brand.darker","color]___[value:text.primary","color]___[value:brand.base","color]___[value:brand.darkest]___[cond:_groupHover","color]___[value:brand.lighter]___[cond:_groupHover<___>_dark","color]___[value:chalk","color]___[value:ink.90]___[cond:_dark","color]___[value:positive.base","color]___[value:positive.darker]___[cond:_groupHover","color]___[value:positive.darker]___[cond:_groupHover<___>_dark","color]___[value:negative.darker","color]___[value:negative.darkest]___[cond:_groupHover","color]___[value:ruby.70]___[cond:_groupHover<___>_dark","color]___[value:text.secondary]___[cond:_groupHover","color]___[value:text.secondary]___[cond:_groupHover<___>_dark","color]___[value:text.tertiary","outlineColor]___[value:brand.base","outlineStyle]___[value:solid","outlineWidth]___[value:thick","outlineOffset]___[value:0.5","width]___[value:9","padding]___[value:1.5","width]___[value:12","padding]___[value:3","width]___[value:15","padding]___[value:4","width]___[value:fit-content","borderRadius]___[value:10","outlineColor]___[value:brand.lightest]___[cond:_focusVisible","background]___[value:positive.lightest","outlineColor]___[value:positive.lightest]___[cond:_focusVisible","background]___[value:negative.lightest","outlineColor]___[value:negative.lightest]___[cond:_focusVisible","background]___[value:warning.lightest","outlineColor]___[value:warning.lightest]___[cond:_focusVisible","background]___[value:surface.secondary","outlineColor]___[value:surface.secondary]___[cond:_focusVisible","transition]___[value:transform 0.2s ease, opacity 0.2s ease","opacity]___[value:0.8]___[cond:_hover","outlineStyle]___[value:solid]___[cond:_focusVisible","outlineWidth]___[value:thick]___[cond:_focusVisible","outlineOffset]___[value:0.5]___[cond:_focusVisible","animationFillMode]___[value:forwards","animationName]___[value:scaleOut","animationDuration]___[value:150ms","scale]___[value:1]___[cond:_motionReduce","textAlign]___[value:left","color]___[value:brand.darkest","color]___[value:positive.darkest","color]___[value:negative.darkest","color]___[value:warning.darkest","color]___[value:text.secondary","textTransform]___[value:uppercase","fontSize]___[value:xs","letterSpacing]___[value:0.06rem","marginLeft]___[value:7","marginRight]___[value:7","outlineColor]___[value:brand.base]___[cond:_focusVisible","borderRadius]___[value:2]___[cond:_focusVisible","backgroundColor]___[value:surface.primary","borderRadius]___[value:1rem","cursor]___[value:default","height]___[value:10.75rem","width]___[value:10.75rem","alignItems]___[value:flex-start","alignItems]___[value:flex-end","overflow]___[value:hidden","overflow]___[value:visible","gap]___[value:0","gap]___[value:4","gap]___[value:5","gap]___[value:6","boxShadow]___[value:0px 1px 2px rgba(189, 189, 189, 0.3)","boxShadow]___[value:8px 8px 48px rgba(16, 15, 17, 0.14)","paddingInline]___[value:8","paddingBlock]___[value:6","padding]___[value:12","flex]___[value:1","maxWidth]___[value:29.125rem","maxWidth]___[value:full]___[cond:mdDown","opacity]___[value:0.3","backgroundColor]___[value:surface.tertiary","filter]___[value:brightness(0.9)]___[cond:_hover","height]___[value:full","background]___[value:surface.primary","overflow]___[value:auto","scrollbarWidth]___[value:none","height]___[value:100vh","width]___[value:100vw","top]___[value:12]___[cond:@media (min-width: 48rem)","marginInline]___[value:auto]___[cond:@media (min-width: 48rem)","width]___[value:25rem]___[cond:@media (min-width: 48rem)","height]___[value:fit-content]___[cond:@media (min-width: 48rem)","boxShadow]___[value:0px 12px 56px {colors.ink.70/15}]___[cond:@media (min-width: 48rem)","borderRadius]___[value:container]___[cond:@media (min-width: 48rem)","boxShadow]___[value:none]___[cond:@media (min-width: 48rem)<___>_dark","animationName]___[value:none","scale]___[value:1","padding]___[value:2","paddingBottom]___[value:0","padding]___[value:8","borderWidth]___[value:1]___[cond:@media (min-width: 48rem)<___>_dark","borderBlock]___[value:solid]___[cond:@media (min-width: 48rem)<___>_dark","borderColor]___[value:neutral.secondary]___[cond:@media (min-width: 48rem)<___>_dark","animationName]___[value:scaleIn","animationDuration]___[value:250ms","pointerEvents]___[value:all","position]___[value:fixed","top]___[value:0","left]___[value:0","backdropBlur]___[value:0.375rem","backdropFilter]___[value:auto","backgroundColor]___[value:surface.primary/70","animationName]___[value:fadeIn","animationDuration]___[value:400ms","animationName]___[value:fadeOut","maxWidth]___[value:100rem","margin]___[value:0 auto","maxWidth]___[value:none","fontWeight]___[value:medium","backgroundColor]___[value:transparent","borderStyle]___[value:solid","borderWidth]___[value:thin","borderColor]___[value:neutral.secondary","borderRadius]___[value:input","transition]___[value:all linear 120ms","width]___[value:100%","borderColor]___[value:neutral.primary]___[cond:_hover","outlineColor]___[value:brand.base]___[cond:_focusWithin","outlineStyle]___[value:solid]___[cond:_focusWithin","outlineWidth]___[value:thick]___[cond:_focusWithin","outlineOffset]___[value:0.5]___[cond:_focusWithin","height]___[value:10","borderColor]___[value:negative.base","paddingBlock]___[value:2","borderColor]___[value:neutral.secondary]___[cond:_hover","margin]___[value:0","minWidth]___[value:10","fontWeight]___[value:normal","color]___[value:text.tertiary]___[cond:_placeholder","borderColor]___[value:neutral.primary]___[cond:_groupHover","textAlign]___[value:right","fontSize]___[value:xl","transition]___[value:opacity linear 120ms","textWrap]___[value:wrap","color]___[value:warning.base","textStyle]___[value:body-xs","textStyle]___[value:body-sm","textStyle]___[value:body-md","textStyle]___[value:body-lg","textStyle]___[value:body-sm-scaled","textStyle]___[value:body-md-scaled","textStyle]___[value:body-lg-scaled","textStyle]___[value:mono-sm","textStyle]___[value:mono-md","textStyle]___[value:mono-lg","padding]___[value:20px","justifyContent]___[value:flex-start","justifyContent]___[value:flex-end","zIndex]___[value:max","boxShadow]___[value:4px 8px 20px 0px rgba(0, 0, 0, 0.15)","backgroundColor]___[value:brand.base","backgroundColor]___[value:positive.darker","backgroundColor]___[value:warning.darker","backgroundColor]___[value:negative.darker","backgroundColor]___[value:text.tertiary","backgroundColor]___[value:text.secondary]___[cond:_dark","height]___[value:1rem","width]___[value:1rem","background]___[value:linear-gradient(#00CC8F, #6851FF)","inset]___[value:0","gap]___[value:10px","flexDirection]___[value:row","display]___[value:grid","gridTemplateColumns]___[value:repeat(6, minmax(0, 1fr))","columnGap]___[value:2rem","rowGap]___[value:2rem","marginTop]___[value:6","flexDirection]___[value:column","fill]___[value:white","truncate]___[value:true","opacity]___[value:0.8]___[cond:_disabled","height]___[value:auto","flexShrink]___[value:0","paddingTop]___[value:6","display]___[value:block","display]___[value:none","position]___[value:absolute","bottom]___[value:0","right]___[value:0","background]___[value:text.primary/20","background]___[value:rgba(0, 0, 0, .7)]___[cond:_dark","transform]___[value:translateY(0)","transform]___[value:translateY(100%)","transition]___[value:transform 0.3s","background]___[value:surface.secondary]___[cond:_dark","borderTopRadius]___[value:3xl","boxShadow]___[value:0px -12px 56px 0px rgba(119, 118, 122, 0.15)","zIndex]___[value:10","paddingBottom]___[value:6","justifyContent]___[value:space-between","minWidth]___[value:8]___[cond:& ><___>_first","minWidth]___[value:8]___[cond:& ><___>_last","textStyle]___[value:neutral","transform]___[value:translateX(-100%)","transform]___[value:translateX(100%)","transform]___[value:translateX(0)","width]___[value:80","borderRightRadius]___[value:2xl","borderLeftRadius]___[value:2xl","--thickness]___[value:1px","borderBlockEndWidth]___[value:var(--thickness)","borderColor]___[value:surface.quaternary","gap]___[value:2.5","boxShadow]___[value:true","background]___[value:#ffc439","outlineColor]___[value:#ffc439","border]___[value:1px solid transparent","paddingBlock]___[value:2.5","strokeWidth]___[value:2.5","gap]___[value:1","marginTop]___[value:0.5","width]___[value:60","flex]___[value:0 0 auto","borderRadius]___[value:9999px","animation]___[value:popIn 150ms","animation]___[value:popOut 150ms","animation]___[value:spin 1.5s linear infinite","stroke]___[value:text.primary","transformOrigin]___[value:center center","gap]___[value:1.5","stroke]___[value:brand.base","stroke]___[value:surface.primary","strokeOpacity]___[value:0.12","animation]___[value:spin 1s linear infinite","borderRadius]___[value:2rem","borderWidth]___[value:thick","borderColor]___[value:surface.primary","borderRadius]___[value:3xl","background]___[value:surface.primary]___[cond:_dark","left]___[value:-50%","transform]___[value:skewX(-20deg)","backgroundImage]___[value:linear-gradient(90deg, transparent,rgba(0, 0, 0, .1), transparent)","backgroundImage]___[value:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent)]___[cond:_dark","maxWidth]___[value:72","width]___[value:max","backgroundColor]___[value:surface.secondary]___[cond:_dark","paddingInline]___[value:3","borderRadius]___[value:xl","boxShadow]___[value:0px 4px 20px 0px rgba(0, 0, 0, 0.10)","left]___[value:50%","transform]___[value:translateX(-50%) translateY(calc(-100% - 0.75rem))","height]___[value:4","transform]___[value:translateX(-50%) translateY(0.75rem)","overflowWrap]___[value:break-word","wordBreak]___[value:break-word","fontWeight]___[value:600","justifyContent]___[value:space-around","background]___[value:neutral.quaternary","borderRadius]___[value:lg","minWidth]___[value:15rem","width]___[value:40%","borderLeft]___[value:thin solid","borderColor]___[value:neutral.tertiary","height]___[value:8","gap]___[value:3","userSelect]___[value:none","userSelect]___[value:auto","filter]___[value:blur(10px)","textWrap]___[value:nowrap","width]___[value:22","height]___[value:22","fontVariant]___[value:no-contextual","color]___[value:positive.darker","width]___[value:1.125rem","height]___[value:1.125rem","outlineStyle]___[value:none","objectFit]___[value:cover","borderStartRadius]___[value:input","width]___[value:20","background]___[value:surface.tertiary]___[cond:_hover","borderLeftWidth]___[value:thin","borderRadius]___[value:0","gap]___[value:2","background]___[value:brand.lightest]___[cond:_hover","transform]___[value:rotate(180)","width]___[value:14","height]___[value:14","top]___[value:55","maxHeight]___[value:17.5rem","overflowY]___[value:auto","width]___[value:18","height]___[value:18","minWidth]___[value:0","maxWidth]___[value:30rem","caretColor]___[value:transparent","borderRadius]___[value:0.5rem","marginBlock]___[value:4","maxWidth]___[value:8xl","marginInline]___[value:auto","paddingInline]___[value:6]___[cond:md","paddingInline]___[value:8]___[cond:lg","overlay]___[value:true","marginTop]___[value:8","marginTop]___[value:4","textStyle]___[value:subtle","height]___[value:24","width]___[value:24","padding]___[value:6","paddingTop]___[value:3","borderBottomColor]___[value:neutral.primary","borderBottomWidth]___[value:1px","width]___[value:6","flexDirection]___[value:column-reverse","background]___[value:neutral.secondary]___[cond:_hover","color]___[value:neutral.primary","borderRadius]___[value:2xl","boxShadow]___[value:0 6px 8px 2px rgba(0, 0, 0, .18)]___[cond:_hover","width]___[value:40","height]___[value:40","background]___[value:surface.tertiary]___[cond:_dark","minHeight]___[value:16","width]___[value:16","height]___[value:16","borderRadius]___[value:0.75rem","opacity]___[value:1","borderRadius]___[value:sm","borderColor]___[value:brand.base","borderColor]___[value:text.tertiary","pointerEvents]___[value:auto","outlineColor]___[value:transparent","width]___[value:5","height]___[value:5","transition]___[value:background-color 0.2s ease, border-color 0.2s ease","cursor]___[value:pointer]___[cond:_hover","borderColor]___[value:brand.base]___[cond:_hover","width]___[value:2.5","height]___[value:0.5","srOnly]___[value:true","marginLeft]___[value:3","caret]___[value:18","check]___[value:16","height]___[value:3rem","mult]___[value:2.5","width]___[value:4","display]___[value:inline-block","alignItems]___[value:start","borderWidth]___[value:1","maxWidth]___[value:52","gap]___[value:10","transition]___[value:border-color 0.2s ease","height]___[value:6","width]___[value:3","height]___[value:3","padding]___[value:1","background]___[value:ink.10","background]___[value:slate.2]___[cond:_dark","opacity]___[value:0.5","background]___[value:paper","background]___[value:slate.4]___[cond:_dark","boxShadow]___[value:0px 4px 20px 0px {colors.ink.90/10}","transition]___[value:transform 0.2s ease","borderRadius]___[value:inherit","marginLeft]___[value:-1","height]___[value:13","transition]___[value:background 0s","transition]___[value:background 0.2s ease","background]___[value:transparent]___[cond:_hover","background]___[value:ink.20]___[cond:_hover","background]___[value:transparent]___[cond:_hover<___>_dark","background]___[value:slate.1]___[cond:_hover<___>_dark","zIndex]___[value:0","marginRight]___[value:1","marginRight]___[value:2","background]___[value:neutral.primary","background]___[value:ink.70]___[cond:_hover","background]___[value:brand.base]___[cond:_hover","background]___[value:slate.4]___[cond:_hover<___>_dark","background]___[value:brand.base]___[cond:_hover<___>_dark","paddingInline]___[value:0.5","width]___[value:11","transition]___[value:background-color 0.2s ease","left]___[value:6","transition]___[value:left 0.2s ease","textStyle]___[value:h1-scaled","textStyle]___[value:h1","textStyle]___[value:h2-scaled","textStyle]___[value:h2","textStyle]___[value:h3-scaled","textStyle]___[value:h3","textStyle]___[value:h4-scaled","textStyle]___[value:h4","textStyle]___[value:h5-scaled","textStyle]___[value:h5","textStyle]___[value:h6-scaled","textStyle]___[value:h6","truncate]___[value:false","strokeWidth]___[value:4","width]___[value:36","height]___[value:36","marginBlock]___[value:3","height]___[value:76px","maxWidth]___[value:115px","backgroundColor]___[value:neutral.secondary]___[cond:_hover","backgroundColor]___[value:neutral.tertiary","height]___[value:100%","minWidth]___[value:20","paddingInline]___[value:10","pointerEvents]___[value:initial","color]___[value:text.primary]___[cond:_groupHover","height]___[value:6.25rem","background]___[value:text.primary/6","borderColor]___[value:text.primary/10","borderWidth]___[value:medium","borderRadius]___[value:52","backdropFilter]___[value:blur(24px)","height]___[value:2.625rem","width]___[value:2.625rem","boxShadow]___[value:0.125rem 0.125rem 1.5rem {colors.ink.70/15}","fill]___[value:ink.50","fill]___[value:ink.70]___[cond:_dark","fill]___[value:url(\"#logo-gradient\")]___[cond:_hover","fill]___[value:url(\"#logo-gradient\")]___[cond:_active","fill]___[value:url(\"#logo-gradient\")]___[cond:_focus","color]___[value:text.tertiary]___[cond:_groupHover","color]___[value:ink.50","color]___[value:ink.70]___[cond:_dark","backgroundColor]___[value:magic.10","animation]___[value:fadeIn 0.5s, moveRight 1s 0.5s forwards","borderRadius]___[value:50%","borderWidth]___[value:3px","height]___[value:3.875rem","width]___[value:3.875rem","marginTop]___[value:-3px","marginRight]___[value:0.9rem","zIndex]___[value:1","marginLeft]___[value:0.9rem","animation]___[value:fadeIn 0.5s, moveLeft 1s 0.5s forwards","height]___[value:34","width]___[value:34","height]___[value:56","width]___[value:56","backgroundColor]___[value:text.primary/1","backgroundColor]___[value:text.primary/5","backdropFilter]___[value:blur(8px)","borderColor]___[value:text.primary/6","paddingBlock]___[value:5","marginBlock]___[value:10","height]___[value:250","color]___[value:ink.70","padding]___[value:10","overflow]___[value:scroll","textStyle]___[value:negative","width]___[value:114px","height]___[value:48px","translateX]___[value:6","translateY]___[value:6","translateX]___[value:3","translateY]___[value:3","width]___[value:10","alignItems]___[value:baseline","margin]___[value:1","gridTemplateColumns]___[value:2","fontWeight]___[value:bold","gap]___[value:8"],"recipes":{}}}
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:0%","transform]___[value:translateX(-10%) translateY(calc(-100% - 0.75rem))","top]___[value:50%","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","width]___[value:40","height]___[value:40","background]___[value:surface.tertiary]___[cond:_dark","minHeight]___[value:16","width]___[value:16","height]___[value:16","borderRadius]___[value:0.75rem","opacity]___[value:1","borderRadius]___[value:sm","borderColor]___[value:brand.base","borderColor]___[value:text.tertiary","pointerEvents]___[value:auto","outlineColor]___[value:transparent","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","opacity]___[value:0.5","background]___[value:paper","background]___[value:slate.4]___[cond:_dark","boxShadow]___[value:0px 4px 20px 0px {colors.ink.90/10}","transition]___[value:transform 0.2s ease","borderRadius]___[value:inherit","marginLeft]___[value:-1","height]___[value:13","transition]___[value:background 0s","transition]___[value:background 0.2s ease","background]___[value:transparent]___[cond:_hover","background]___[value:ink.20]___[cond:_hover","background]___[value:transparent]___[cond:_hover<___>_dark","background]___[value:slate.1]___[cond:_hover<___>_dark","zIndex]___[value:0","marginRight]___[value:1","marginRight]___[value:2","background]___[value:neutral.primary","background]___[value:ink.70]___[cond:_hover","background]___[value:brand.base]___[cond:_hover","background]___[value:slate.4]___[cond:_hover<___>_dark","background]___[value:brand.base]___[cond:_hover<___>_dark","paddingInline]___[value:0.5","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":{}}}
@@ -1,12 +1,17 @@
1
1
  import { PropsWithChildren, ReactNode } from 'react';
2
2
  import { TooltipTriggerProps } from 'react-aria';
3
+ type Placement = 'top' | 'top right' | 'top left' | 'left' | 'left top' | 'left bottom' | 'right' | 'right top' | 'right bottom' | 'bottom' | 'bottom right' | 'bottom left';
3
4
  export type TooltipProps = PropsWithChildren<{
4
5
  content: ReactNode;
5
6
  width?: number | string;
7
+ placement?: Placement;
8
+ expand?: boolean;
6
9
  } & TooltipTriggerProps>;
7
10
  declare const Tooltip: import("react").ForwardRefExoticComponent<{
8
11
  content: ReactNode;
9
12
  width?: string | number | undefined;
13
+ placement?: Placement | undefined;
14
+ expand?: boolean | undefined;
10
15
  } & TooltipTriggerProps & {
11
16
  children?: ReactNode;
12
17
  } & import("react").RefAttributes<HTMLDivElement>>;
@@ -1 +1 @@
1
- {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/tooltip.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAAgB,SAAS,EAAuD,MAAM,OAAO,CAAC;AACxH,OAAO,EAAE,mBAAmB,EAAiC,MAAM,YAAY,CAAC;AAEhF,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAC1C;IACE,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB,GAAG,mBAAmB,CACxB,CAAC;AAIF,QAAA,MAAM,OAAO;aAPA,SAAS;;;;kDAoIpB,CAAC;AAIH,eAAe,OAAO,CAAC"}
1
+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/feedback/tooltip.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,iBAAiB,EAAgB,SAAS,EAAuD,MAAM,OAAO,CAAC;AACxH,OAAO,EAAE,mBAAmB,EAAiC,MAAM,YAAY,CAAC;AAIhF,KAAK,SAAS,GACV,KAAK,GACL,WAAW,GACX,UAAU,GACV,MAAM,GACN,UAAU,GACV,aAAa,GACb,OAAO,GACP,WAAW,GACX,cAAc,GACd,QAAQ,GACR,cAAc,GACd,aAAa,CAAC;AAElB,MAAM,MAAM,YAAY,GAAG,iBAAiB,CAC1C;IACE,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB,GAAG,mBAAmB,CACxB,CAAC;AAEF,QAAA,MAAM,OAAO;aAPA,SAAS;;;;;;kDAsHpB,CAAC;AAIH,eAAe,OAAO,CAAC"}
@@ -0,0 +1,22 @@
1
+ import { PropsWithChildren, ReactElement } from 'react';
2
+ export interface ActivityListItemProps extends PropsWithChildren {
3
+ onPress?: () => void;
4
+ title: string;
5
+ subtitle?: string;
6
+ primaryValue: string;
7
+ primaryValueColor?: string;
8
+ secondaryValue?: string;
9
+ }
10
+ export interface IconProps extends PropsWithChildren {
11
+ backgroundColor?: string;
12
+ }
13
+ export interface DoubleIconProps {
14
+ backgroundColor?: string;
15
+ children: ReactElement[];
16
+ }
17
+ export declare const ActivityListItem: (({ title, subtitle, primaryValue, primaryValueColor, secondaryValue, children, onPress, ...props }: ActivityListItemProps) => JSX.Element) & {
18
+ DoubleIcon: ({ backgroundColor, children }: DoubleIconProps) => import("react/jsx-runtime").JSX.Element;
19
+ PrimaryIcon: ({ backgroundColor, children }: IconProps) => import("react/jsx-runtime").JSX.Element;
20
+ SecondaryIcon: ({ backgroundColor, children }: IconProps) => import("react/jsx-runtime").JSX.Element;
21
+ };
22
+ //# sourceMappingURL=activity-list-item.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"activity-list-item.d.ts","sourceRoot":"","sources":["../../../../src/components/list-items/activity-list-item.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA0B,iBAAiB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAOhF,MAAM,WAAW,qBAAsB,SAAQ,iBAAiB;IAC9D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,SAAU,SAAQ,iBAAiB;IAClD,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,eAAe;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,EAAE,YAAY,EAAE,CAAC;CAC1B;AA4HD,eAAO,MAAM,gBAAgB,uGA7D1B,qBAAqB;gDAvDsC,eAAe;iDANd,SAAS;mDAqCP,SAAS;CAyFxE,CAAC"}
@@ -6,4 +6,6 @@ export { TokenListItem } from '../list-items/token-list-item';
6
6
  export type { TokenListItemProps } from '../list-items/token-list-item';
7
7
  export { TransactionRow } from '../list-items/transaction-row';
8
8
  export type { TransactionRowProps } from '../list-items/transaction-row';
9
+ export { ActivityListItem } from '../list-items/activity-list-item';
10
+ export type { ActivityListItemProps } from '../list-items/activity-list-item';
9
11
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/list-items/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACvF,YAAY,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACtF,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC1D,YAAY,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,YAAY,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACxE,YAAY,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/list-items/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,0CAA0C,CAAC;AACvF,YAAY,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AACtF,OAAO,EAAE,OAAO,EAAE,MAAM,iCAAiC,CAAC;AAC1D,YAAY,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,wCAAwC,CAAC;AACvE,YAAY,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACxE,YAAY,EAAE,mBAAmB,EAAE,MAAM,wCAAwC,CAAC;AAClF,OAAO,EAAE,gBAAgB,EAAE,MAAM,2CAA2C,CAAC;AAC7E,YAAY,EAAE,qBAAqB,EAAE,MAAM,2CAA2C,CAAC"}
@@ -0,0 +1,141 @@
1
+ export declare const tooltip: import("../../styled-system/types").SlotRecipeRuntimeFn<"trigger" | "content" | "spacer", {
2
+ expand: {
3
+ true: {
4
+ trigger: {
5
+ w: "full";
6
+ };
7
+ };
8
+ };
9
+ isOpen: {
10
+ true: {
11
+ content: {
12
+ display: "block";
13
+ };
14
+ };
15
+ };
16
+ placement: {
17
+ top: {
18
+ content: {
19
+ top: "0%";
20
+ left: "50%";
21
+ transform: "translateX(-50%) translateY(calc(-100% - 0.75rem))";
22
+ };
23
+ };
24
+ 'top left': {
25
+ content: {
26
+ top: "0%";
27
+ right: "100%";
28
+ transform: "translateX(10%) translateY(calc(-100% - 0.75rem))";
29
+ };
30
+ };
31
+ 'top right': {
32
+ content: {
33
+ top: "0%";
34
+ left: "0%";
35
+ transform: "translateX(-10%) translateY(calc(-100% - 0.75rem))";
36
+ };
37
+ };
38
+ left: {
39
+ content: {
40
+ top: "50%";
41
+ left: "0%";
42
+ transform: "translateX(calc(-100% - 0.75rem)) translateY(-50%)";
43
+ };
44
+ };
45
+ 'left top': {
46
+ content: {
47
+ top: "50%";
48
+ left: "0%";
49
+ transform: "translateX(calc(-100% - 0.75rem)) translateY(-75%)";
50
+ };
51
+ };
52
+ 'left bottom': {
53
+ content: {
54
+ top: "50%";
55
+ left: "0%";
56
+ transform: "translateX(calc(-100% - 0.75rem)) translateY(-25%)";
57
+ };
58
+ };
59
+ right: {
60
+ content: {
61
+ top: "50%";
62
+ right: "0%";
63
+ transform: "translateX(calc(100% + 0.75rem)) translateY(-50%)";
64
+ };
65
+ };
66
+ 'right top': {
67
+ content: {
68
+ top: "50%";
69
+ right: "0%";
70
+ transform: "translateX(calc(100% + 0.75rem)) translateY(-75%)";
71
+ };
72
+ };
73
+ 'right bottom': {
74
+ content: {
75
+ top: "50%";
76
+ right: "0%";
77
+ transform: "translateX(calc(100% + 0.75rem)) translateY(-25%)";
78
+ };
79
+ };
80
+ bottom: {
81
+ content: {
82
+ bottom: "0%";
83
+ left: "50%";
84
+ transform: "translateX(-50%) translateY(calc(100% + 0.75rem))";
85
+ };
86
+ };
87
+ 'bottom left': {
88
+ content: {
89
+ bottom: "0%";
90
+ right: "0%";
91
+ transform: "translateX(10%) translateY(calc(100% + 0.75rem))";
92
+ };
93
+ };
94
+ 'bottom right': {
95
+ content: {
96
+ bottom: "0%";
97
+ left: "0%";
98
+ transform: "translateX(-10%) translateY(calc(100% + 0.75rem))";
99
+ };
100
+ };
101
+ };
102
+ position: {
103
+ top: {
104
+ spacer: {
105
+ width: number;
106
+ height: number;
107
+ bottom: number;
108
+ left: "50%";
109
+ transform: "translateX(-50%) translateY(0.75rem)";
110
+ };
111
+ };
112
+ bottom: {
113
+ spacer: {
114
+ width: number;
115
+ height: number;
116
+ top: number;
117
+ left: "50%";
118
+ transform: "translateX(-50%) translateY(-0.75rem)";
119
+ };
120
+ };
121
+ left: {
122
+ spacer: {
123
+ width: number;
124
+ height: number;
125
+ top: "50%";
126
+ right: number;
127
+ transform: "translateX(-0.75rem) translateY(-50%)";
128
+ };
129
+ };
130
+ right: {
131
+ spacer: {
132
+ width: number;
133
+ height: number;
134
+ top: "50%";
135
+ left: number;
136
+ transform: "translateX(0.75rem) translateY(-50%)";
137
+ };
138
+ };
139
+ };
140
+ }>;
141
+ //# sourceMappingURL=tooltip.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/recipes/tooltip.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqKlB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@magiclabs/ui-components",
3
- "version": "1.32.0",
3
+ "version": "1.33.0",
4
4
  "description": "💅 A theme-able library of reusable UI components",
5
5
  "author": "Magic Labs <open-source@magic.link>",
6
6
  "repository": {