@magiclabs/ui-components 1.25.2 → 1.26.1

package/dist/es/components/containers/drawer.js

@@ -1,2 +1,2 @@
-import{jsxs as i,Fragment as w,jsx as r}from"react/jsx-runtime";import"@styled/tokens";import k from"../icons/ico-caret-down.js";import l from"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import v from"../primitives/text.js";import{Box as s,HStack as y}from"@styled/jsx";import{useState as p,useRef as E,useEffect as c,useCallback as T}from"react";const j=({isOpen:t=!1,title:u,onToggle:e,children:d})=>{const[f,m]=p(t),[b,a]=p(t),n=E(null);c(()=>{let o;return t?(m(!0),o=setTimeout(()=>a(!0),10)):a(!1),()=>clearTimeout(o)},[t]),c(()=>{const o=g=>{n.current&&!n.current.contains(g.target)&&e(!1)};return document.addEventListener("mousedown",o),()=>{document.removeEventListener("mousedown",o)}},[e]);const h=()=>{t||m(!1)},x=T(()=>{e(!1)},[e]);return i(w,{children:[r(s,{position:"absolute",display:t?"block":"none",h:"full",bottom:0,left:0,right:0,bg:"text.primary/20",backdropFilter:"blur(3px)"}),f&&i(s,{ref:n,position:"absolute",transform:b?"translateY(0)":"translateY(100%)",transition:"transform 0.3s",bottom:0,left:0,right:0,bg:"surface.primary",rounded:"xl",boxShadow:"0px -12px 56px 0px rgba(119, 118, 122, 0.15)",onTransitionEnd:h,children:[i(y,{justifyContent:"space-between",p:6,pb:5,children:[r(v,{fontWeight:"bold",children:u}),r(l,{size:"sm",variant:"neutral",onPress:x,children:r(l.LeadingIcon,{children:r(k,{})})})]}),r(s,{px:6,pb:8,children:d})]})]})};export{j as Drawer};
+import{jsxs as i,Fragment as w,jsx as t}from"react/jsx-runtime";import"@styled/tokens";import y from"../icons/ico-caret-down.js";import p from"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import T from"../primitives/text.js";import{Box as s,HStack as v}from"@styled/jsx";import{useState as l,useRef as E,useEffect as c,useCallback as j}from"react";const B=({isOpen:r=!1,title:u,onToggle:e,children:d,showCloseButton:f=!0})=>{const[b,a]=l(r),[g,m]=l(r),n=E(null);c(()=>{let o;return r?(a(!0),o=setTimeout(()=>m(!0),10)):m(!1),()=>clearTimeout(o)},[r]),c(()=>{const o=k=>{n.current&&!n.current.contains(k.target)&&e(!1)};return document.addEventListener("mousedown",o),()=>{document.removeEventListener("mousedown",o)}},[e]);const h=()=>{r||a(!1)},x=j(()=>{e(!1)},[e]);return i(w,{children:[t(s,{position:"absolute",display:r?"block":"none",h:"full",bottom:0,left:0,right:0,bg:"text.primary/20",_dark:{bg:"rgba(0, 0, 0, .7)"},backdropFilter:"blur(3px)"}),b&&i(s,{ref:n,position:"absolute",transform:g?"translateY(0)":"translateY(100%)",transition:"transform 0.3s",bottom:0,left:0,right:0,bg:"surface.primary",_dark:{bg:"surface.secondary"},roundedTop:"3xl",boxShadow:"0px -12px 56px 0px rgba(119, 118, 122, 0.15)",onTransitionEnd:h,children:[i(v,{justifyContent:"space-between",px:6,py:4,children:[t(T,{fontWeight:"medium",children:u}),f&&t(p,{size:"sm",variant:"neutral",onPress:x,children:t(p.LeadingIcon,{children:t(y,{})})})]}),t(s,{px:6,pb:6,children:d})]})]})};export{B as Drawer};
 //# sourceMappingURL=drawer.js.map

package/dist/es/components/containers/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sources":["../../../../src/components/containers/drawer.tsx"],"sourcesContent":["import { IcoCaretDown } from '@components/icons';\nimport { Button, Text } from '@components/primitives';\nimport { Box, HStack } from '@styled/jsx';\nimport { PropsWithChildren, useCallback, useEffect, useRef, useState } from 'react';\n\nexport interface DrawerProps extends PropsWithChildren {\n  onToggle: (isOpen: boolean) => void;\n  isOpen: boolean;\n  title?: string;\n}\n\nexport const Drawer = ({ isOpen = false, title, onToggle, children }: DrawerProps) => {\n  const [shouldRender, setShouldRender] = useState(isOpen);\n  const [isVisible, setIsVisible] = useState(isOpen);\n  const drawerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    let timeoutId: NodeJS.Timeout;\n\n    if (isOpen) {\n      setShouldRender(true);\n      timeoutId = setTimeout(() => setIsVisible(true), 10);\n    } else {\n      setIsVisible(false);\n    }\n\n    return () => clearTimeout(timeoutId);\n  }, [isOpen]);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (drawerRef.current && !drawerRef.current.contains(event.target as Node)) {\n        onToggle(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [onToggle]);\n\n  const handleTransitionEnd = () => {\n    if (!isOpen) {\n      setShouldRender(false);\n    }\n  };\n  const handleClose = useCallback(() => {\n    onToggle(false);\n  }, [onToggle]);\n\n  return (\n    <>\n      <Box\n        position=\"absolute\"\n        display={isOpen ? 'block' : 'none'}\n        h=\"full\"\n        bottom={0}\n        left={0}\n        right={0}\n        bg=\"text.primary/20\"\n        backdropFilter=\"blur(3px)\"\n      />\n      {shouldRender && (\n        <Box\n          ref={drawerRef}\n          position=\"absolute\"\n          transform={isVisible ? 'translateY(0)' : 'translateY(100%)'}\n          transition=\"transform 0.3s\"\n          bottom={0}\n          left={0}\n          right={0}\n          bg=\"surface.primary\"\n          rounded=\"xl\"\n          boxShadow=\"0px -12px 56px 0px rgba(119, 118, 122, 0.15)\"\n          onTransitionEnd={handleTransitionEnd}\n        >\n          <HStack justifyContent=\"space-between\" p={6} pb={5}>\n            <Text fontWeight=\"bold\">{title}</Text>\n            <Button size=\"sm\" variant=\"neutral\" onPress={handleClose}>\n              <Button.LeadingIcon>\n                <IcoCaretDown />\n              </Button.LeadingIcon>\n            </Button>\n          </HStack>\n          <Box px={6} pb={8}>\n            {children}\n          </Box>\n        </Box>\n      )}\n    </>\n  );\n};\n"],"names":["Drawer","isOpen","title","onToggle","children","shouldRender","setShouldRender","useState","isVisible","setIsVisible","drawerRef","useRef","useEffect","timeoutId","handleClickOutside","event","handleTransitionEnd","handleClose","useCallback","_jsxs","_Fragment","_jsx","Box","HStack","Text","Button","IcoCaretDown"],"mappings":"giBAWa,MAAAA,EAAS,CAAC,CAAE,OAAAC,EAAS,GAAO,MAAAC,EAAO,SAAAC,EAAU,SAAAC,CAAQ,IAAmB,CACnF,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAASN,CAAM,EACjD,CAACO,EAAWC,CAAY,EAAIF,EAASN,CAAM,EAC3CS,EAAYC,EAAuB,IAAI,EAE7CC,EAAU,IAAK,CACb,IAAIC,EAEJ,OAAIZ,GACFK,EAAgB,EAAI,EACpBO,EAAY,WAAW,IAAMJ,EAAa,EAAI,EAAG,EAAE,GAEnDA,EAAa,EAAK,EAGb,IAAM,aAAaI,CAAS,CACrC,EAAG,CAACZ,CAAM,CAAC,EAEXW,EAAU,IAAK,CACb,MAAME,EAAsBC,GAAqB,CAC3CL,EAAU,SAAW,CAACA,EAAU,QAAQ,SAASK,EAAM,MAAc,GACvEZ,EAAS,EAAK,CAElB,EAEA,OAAA,SAAS,iBAAiB,YAAaW,CAAkB,EAClD,IAAK,CACV,SAAS,oBAAoB,YAAaA,CAAkB,CAC9D,CACF,EAAG,CAACX,CAAQ,CAAC,EAEb,MAAMa,EAAsB,IAAK,CAC1Bf,GACHK,EAAgB,EAAK,CAEzB,EACMW,EAAcC,EAAY,IAAK,CACnCf,EAAS,EAAK,CAChB,EAAG,CAACA,CAAQ,CAAC,EAEb,OACEgB,EACEC,EAAA,CAAA,SAAA,CAAAC,EAACC,EACC,CAAA,SAAS,WACT,QAASrB,EAAS,QAAU,OAC5B,EAAE,OACF,OAAQ,EACR,KAAM,EACN,MAAO,EACP,GAAG,kBACH,eAAe,cAEhBI,GACCc,EAACG,EACC,CAAA,IAAKZ,EACL,SAAS,WACT,UAAWF,EAAY,gBAAkB,mBACzC,WAAW,iBACX,OAAQ,EACR,KAAM,EACN,MAAO,EACP,GAAG,kBACH,QAAQ,KACR,UAAU,+CACV,gBAAiBQ,EAEjB,SAAA,CAAAG,EAACI,EAAO,CAAA,eAAe,gBAAgB,EAAG,EAAG,GAAI,EAAC,SAAA,CAChDF,EAACG,GAAK,WAAW,OAAQ,SAAAtB,IACzBmB,EAACI,EAAM,CAAC,KAAK,KAAK,QAAQ,UAAU,QAASR,WAC3CI,EAACI,EAAO,YAAW,CAAA,SACjBJ,EAACK,EAAY,CAAA,CAAA,CACM,CAAA,CAAA,CAAA,CACd,IAEXL,EAACC,EAAI,CAAA,GAAI,EAAG,GAAI,WACblB,CAAQ,CAAA,CACL,GAET,CAAA,CAAA,CAGP"}
+{"version":3,"file":"drawer.js","sources":["../../../../src/components/containers/drawer.tsx"],"sourcesContent":["import { IcoCaretDown } from '@components/icons';\nimport { Button, Text } from '@components/primitives';\nimport { Box, HStack } from '@styled/jsx';\nimport { PropsWithChildren, useCallback, useEffect, useRef, useState } from 'react';\n\nexport interface DrawerProps extends PropsWithChildren {\n  onToggle: (isOpen: boolean) => void;\n  isOpen: boolean;\n  title?: string;\n  showCloseButton?: boolean;\n}\n\nexport const Drawer = ({ isOpen = false, title, onToggle, children, showCloseButton = true }: DrawerProps) => {\n  const [shouldRender, setShouldRender] = useState(isOpen);\n  const [isVisible, setIsVisible] = useState(isOpen);\n  const drawerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    let timeoutId: NodeJS.Timeout;\n\n    if (isOpen) {\n      setShouldRender(true);\n      timeoutId = setTimeout(() => setIsVisible(true), 10);\n    } else {\n      setIsVisible(false);\n    }\n\n    return () => clearTimeout(timeoutId);\n  }, [isOpen]);\n\n  useEffect(() => {\n    const handleClickOutside = (event: MouseEvent) => {\n      if (drawerRef.current && !drawerRef.current.contains(event.target as Node)) {\n        onToggle(false);\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [onToggle]);\n\n  const handleTransitionEnd = () => {\n    if (!isOpen) {\n      setShouldRender(false);\n    }\n  };\n  const handleClose = useCallback(() => {\n    onToggle(false);\n  }, [onToggle]);\n\n  return (\n    <>\n      <Box\n        position=\"absolute\"\n        display={isOpen ? 'block' : 'none'}\n        h=\"full\"\n        bottom={0}\n        left={0}\n        right={0}\n        bg=\"text.primary/20\"\n        _dark={{ bg: 'rgba(0, 0, 0, .7)' }}\n        backdropFilter=\"blur(3px)\"\n      />\n      {shouldRender && (\n        <Box\n          ref={drawerRef}\n          position=\"absolute\"\n          transform={isVisible ? 'translateY(0)' : 'translateY(100%)'}\n          transition=\"transform 0.3s\"\n          bottom={0}\n          left={0}\n          right={0}\n          bg=\"surface.primary\"\n          _dark={{ bg: 'surface.secondary' }}\n          roundedTop=\"3xl\"\n          boxShadow=\"0px -12px 56px 0px rgba(119, 118, 122, 0.15)\"\n          onTransitionEnd={handleTransitionEnd}\n        >\n          <HStack justifyContent=\"space-between\" px={6} py={4}>\n            <Text fontWeight=\"medium\">{title}</Text>\n            {showCloseButton && (\n              <Button size=\"sm\" variant=\"neutral\" onPress={handleClose}>\n                <Button.LeadingIcon>\n                  <IcoCaretDown />\n                </Button.LeadingIcon>\n              </Button>\n            )}\n          </HStack>\n          <Box px={6} pb={6}>\n            {children}\n          </Box>\n        </Box>\n      )}\n    </>\n  );\n};\n"],"names":["Drawer","isOpen","title","onToggle","children","showCloseButton","shouldRender","setShouldRender","useState","isVisible","setIsVisible","drawerRef","useRef","useEffect","timeoutId","handleClickOutside","event","handleTransitionEnd","handleClose","useCallback","_jsxs","_jsx","Box","HStack","Text","Button","IcoCaretDown"],"mappings":"giBAYa,MAAAA,EAAS,CAAC,CAAE,OAAAC,EAAS,GAAO,MAAAC,EAAO,SAAAC,EAAU,SAAAC,EAAU,gBAAAC,EAAkB,EAAmB,IAAI,CAC3G,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAASP,CAAM,EACjD,CAACQ,EAAWC,CAAY,EAAIF,EAASP,CAAM,EAC3CU,EAAYC,EAAuB,IAAI,EAE7CC,EAAU,IAAK,CACb,IAAIC,EAEJ,OAAIb,GACFM,EAAgB,EAAI,EACpBO,EAAY,WAAW,IAAMJ,EAAa,EAAI,EAAG,EAAE,GAEnDA,EAAa,EAAK,EAGb,IAAM,aAAaI,CAAS,CACrC,EAAG,CAACb,CAAM,CAAC,EAEXY,EAAU,IAAK,CACb,MAAME,EAAsBC,GAAqB,CAC3CL,EAAU,SAAW,CAACA,EAAU,QAAQ,SAASK,EAAM,MAAc,GACvEb,EAAS,EAAK,CAElB,EAEA,OAAS,SAAA,iBAAiB,YAAaY,CAAkB,EAClD,IAAK,CACV,SAAS,oBAAoB,YAAaA,CAAkB,CAC9D,CACF,EAAG,CAACZ,CAAQ,CAAC,EAEb,MAAMc,EAAsB,IAAK,CAC1BhB,GACHM,EAAgB,EAAK,CAEzB,EACMW,EAAcC,EAAY,IAAK,CACnChB,EAAS,EAAK,CAChB,EAAG,CAACA,CAAQ,CAAC,EAEb,OACEiB,eACEC,EAACC,GACC,SAAS,WACT,QAASrB,EAAS,QAAU,OAC5B,EAAE,OACF,OAAQ,EACR,KAAM,EACN,MAAO,EACP,GAAG,kBACH,MAAO,CAAE,GAAI,qBACb,eAAe,WAAW,CAAA,EAE3BK,GACCc,EAACE,GACC,IAAKX,EACL,SAAS,WACT,UAAWF,EAAY,gBAAkB,mBACzC,WAAW,iBACX,OAAQ,EACR,KAAM,EACN,MAAO,EACP,GAAG,kBACH,MAAO,CAAE,GAAI,mBAAqB,EAClC,WAAW,MACX,UAAU,+CACV,gBAAiBQ,EAAmB,SAAA,CAEpCG,EAACG,EAAM,CAAC,eAAe,gBAAgB,GAAI,EAAG,GAAI,EAAC,SAAA,CACjDF,EAACG,EAAI,CAAC,WAAW,SAAU,SAAAtB,CAAa,CAAA,EACvCG,GACCgB,EAACI,EAAM,CAAC,KAAK,KAAK,QAAQ,UAAU,QAASP,EAAW,SACtDG,EAACI,EAAO,YAAW,CAAA,SACjBJ,EAACK,KACkB,CAAA,CAAA,CAAA,CAExB,CACM,CAAA,EACTL,EAACC,EAAG,CAAC,GAAI,EAAG,GAAI,EACb,SAAAlB,GACG,CACF,CAAA,CACP,CACA,CAAA,CAEP"}

package/dist/es/components/external/paypal-button.js

@@ -1,2 +1,2 @@
-import{jsx as o,jsxs as u}from"react/jsx-runtime";import"../feedback/callout.js";import{LoadingSpinner as c}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import{token as b}from"@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 h from"../primitives/text.js";import"../primitives/portal.js";import{forwardRef as g,useRef as P}from"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import{HStack as x,Box as y}from"@styled/jsx";import"../feedback/tooltip.js";import k from"../logos/logo-pay-pal-wordmark.js";import{button as B}from"../../recipes/button.js";import{cx as w,css as j}from"@styled/css";import{useButton as v,useFocusRing as R,mergeProps as S}from"react-aria";const m=g((t,n)=>{const{disabled:i,expand:s,validating:r}=t,p=B({expand:s,validating:r}),l=P(null),e=n||l,{buttonProps:a}=v({...t,isDisabled:i??!1},e),{isFocusVisible:f,focusProps:d}=R();return o("button",{className:w(p.button,j({bg:"#ffc439",outlineColor:"#ffc439",outlineWidth:"thick",outlineOffset:.5,outlineStyle:f?"solid":"none"})),ref:e,...S(a,d),"aria-disabled":i,children:r?o(c,{size:24,strokeWidth:2.5,inverted:!0}):u(x,{w:"full",gap:1,justifyContent:"center",children:[o(h,{fontWeight:"semibold",styles:{color:b("colors.ink.90")},children:"Pay with"}),o(y,{mt:.5,children:o(k,{width:60})})]})})});m.displayName="PayPalButton";export{m as PayPalButton};
+import{jsx as o,jsxs as u}from"react/jsx-runtime";import"../feedback/callout.js";import{LoadingSpinner as c}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import{HStack as b,Box as h}from"@styled/jsx";import{token as g}from"@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 P from"../primitives/text.js";import"../primitives/portal.js";import{forwardRef as x,useRef as y}from"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import k from"../logos/logo-pay-pal-wordmark.js";import{button as B}from"../../recipes/button.js";import{cx as w,css as j}from"@styled/css";import{useButton as v,useFocusRing as R,mergeProps as S}from"react-aria";const m=x((t,n)=>{const{disabled:i,expand:s,validating:r}=t,p=B({expand:s,validating:r}),l=y(null),e=n||l,{buttonProps:a}=v({...t,isDisabled:i??!1},e),{isFocusVisible:f,focusProps:d}=R();return o("button",{className:w(p.button,j({bg:"#ffc439",outlineColor:"#ffc439",outlineWidth:"thick",outlineOffset:.5,outlineStyle:f?"solid":"none"})),ref:e,...S(a,d),"aria-disabled":i,children:r?o(c,{size:24,strokeWidth:2.5,inverted:!0}):u(b,{w:"full",gap:1,justifyContent:"center",children:[o(P,{fontWeight:"semibold",styles:{color:g("colors.ink.90")},children:"Pay with"}),o(h,{mt:.5,children:o(k,{width:60})})]})})});m.displayName="PayPalButton";export{m as PayPalButton};
 //# sourceMappingURL=paypal-button.js.map

package/dist/es/components/feedback/skeleton.js

@@ -0,0 +1,2 @@
+import{jsx as e}from"react/jsx-runtime";import{Box as r}from"@styled/jsx";const i=({width:t="100px",height:a="20px",speed:n="1.5s"})=>e(r,{style:{width:t,height:a},bg:"neutral.tertiary",overflow:"hidden",position:"relative",rounded:"3xl",_dark:{bg:"surface.primary"},children:e(r,{style:{animation:`slideRight ${n} infinite ease-in-out`},w:"full",h:"full",position:"absolute",top:0,left:"-50%",transform:"skewX(-20deg)",backgroundImage:"linear-gradient(90deg, transparent,rgba(0, 0, 0, .1), transparent)",_dark:{backgroundImage:"linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent)"}})});export{i as Skeleton};
+//# sourceMappingURL=skeleton.js.map

package/dist/es/components/feedback/skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.js","sources":["../../../../src/components/feedback/skeleton.tsx"],"sourcesContent":["import { Box } from '@styled/jsx';\n\nexport interface SkeletonProps {\n  width?: string;\n  height?: string;\n  speed?: string;\n}\n\nexport const Skeleton = ({ width = '100px', height = '20px', speed = '1.5s' }: SkeletonProps) => {\n  return (\n    <Box\n      style={{ width, height }}\n      bg=\"neutral.tertiary\"\n      overflow=\"hidden\"\n      position=\"relative\"\n      rounded=\"3xl\"\n      _dark={{ bg: 'surface.primary' }}\n    >\n      <Box\n        style={{\n          animation: `slideRight ${speed} infinite ease-in-out`,\n        }}\n        w=\"full\"\n        h=\"full\"\n        position=\"absolute\"\n        top={0}\n        left=\"-50%\"\n        transform=\"skewX(-20deg)\"\n        backgroundImage={`linear-gradient(90deg, transparent,rgba(0, 0, 0, .1), transparent)`}\n        _dark={{ backgroundImage: 'linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent)' }}\n      />\n    </Box>\n  );\n};\n"],"names":["Skeleton","width","height","speed","_jsx","Box"],"mappings":"0EAQO,MAAMA,EAAW,CAAC,CAAE,MAAAC,EAAQ,QAAS,OAAAC,EAAS,OAAQ,MAAAC,EAAQ,MAAM,IAEvEC,EAACC,GACC,MAAO,CAAE,MAAAJ,EAAO,OAAAC,CAAM,EACtB,GAAG,mBACH,SAAS,SACT,SAAS,WACT,QAAQ,MACR,MAAO,CAAE,GAAI,iBAAmB,EAAA,SAEhCE,EAACC,EAAG,CACF,MAAO,CACL,UAAW,cAAcF,CAAK,uBAC/B,EACD,EAAE,OACF,EAAE,OACF,SAAS,WACT,IAAK,EACL,KAAK,OACL,UAAU,gBACV,gBAAiB,qEACjB,MAAO,CAAE,gBAAiB,8EAC1B,CAAA,CAAA,CAAA"}

package/dist/es/components/list-items/token-list-item.js

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as s}from"react/jsx-runtime";import k from"../logos/icon-generic-token.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 m from"../primitives/text.js";import{css as S}from"@styled/css";import{Center as W,HStack as h,VStack as B}from"@styled/jsx";import{createSlot as w,createHost as x}from"create-slots";import{Children as I,cloneElement as C,useRef as H,useCallback as P}from"react";import{useButton as j,useFocusRing as z,mergeProps as U}from"react-aria";const p=w(({children:o,...t})=>e(W,{children:I.map(o,n=>C(n,t))})),u=({name:o,fiatBalanceWithSymbol:t,tokenBalanceWithSymbol:n,tokenIcon:i,logoUrl:r})=>s(h,{w:"full",justify:"space-between",children:[s(h,{gap:2,children:[i?{...i,props:{...i.props,width:30,height:30}}:r?e("img",{width:30,height:30,src:r,alt:`${o} logo`}):e(k,{width:30,height:30}),e(m,{fontWeight:"medium",styles:{textTransform:"capitalize"},children:o})]}),s(B,{gap:0,alignItems:"flex-end",children:[e(m,{size:"sm",fontWeight:"medium",styles:{lineHeight:"1.5rem"},children:t}),e(m,{size:"sm",fontColor:"text.secondary",styles:{lineHeight:"1.5rem"},children:n})]})]}),T=o=>{const{name:t,fiatBalanceWithSymbol:n,tokenBalanceWithSymbol:i,logoUrl:r,onPress:l}=o,a=H(null),d=P(()=>{l?.()},[l]),{buttonProps:f}=j({...o,onPress:d},a),{isFocusVisible:g,focusProps:b}=z();return x(o.children,y=>{const c=y.get(p);return l?e("button",{ref:a,...U(f,b),className:S({w:"full",p:4,minH:20,bg:"neutral.quaternary",transition:"background-color 0.2s",_hover:{bg:"neutral.secondary"},rounded:"lg",outlineColor:"brand.base",outlineStyle:g?"solid":"none",outlineWidth:"thick",outlineOffset:1,cursor:"pointer"}),children:e(u,{name:t,fiatBalanceWithSymbol:n,tokenBalanceWithSymbol:i,tokenIcon:c,logoUrl:r})}):e(u,{name:t,fiatBalanceWithSymbol:n,tokenBalanceWithSymbol:i,tokenIcon:c,logoUrl:r})})},F=Object.assign(T,{TokenIcon:p});export{F as TokenListItem};
+import{jsx as e,jsxs as a}from"react/jsx-runtime";import B from"../logos/icon-generic-token.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 s from"../primitives/text.js";import{css as S}from"@styled/css";import{Center as W,HStack as p,VStack as x}from"@styled/jsx";import{createSlot as w,createHost as F}from"create-slots";import{Children as I,cloneElement as C,useRef as H,useCallback as P}from"react";import{useButton as j,useFocusRing as U,mergeProps as z}from"react-aria";const u=w(({children:o,...t})=>e(W,{children:I.map(o,n=>C(n,t))})),d=({name:o,fiatBalanceWithSymbol:t,tokenBalanceWithSymbol:n,tokenIcon:r,logoUrl:l,tokenBalanceFirst:i})=>a(p,{w:"full",justify:"space-between",children:[a(p,{gap:4,children:[r?{...r,props:{...r.props,width:40,height:40}}:l?e("img",{width:40,height:40,src:l,alt:`${o} logo`}):e(B,{width:40,height:40}),e(s,{fontWeight:"medium",styles:{textTransform:"capitalize"},children:o})]}),a(x,{gap:0,alignItems:"flex-end",children:[e(s,{size:"sm",styles:{lineHeight:"1.5rem"},children:i?n:t}),e(s,{size:"sm",fontColor:"text.secondary",styles:{lineHeight:"1.5rem"},children:i?t:n})]})]}),T=o=>{const{name:t,fiatBalanceWithSymbol:n,tokenBalanceWithSymbol:r,logoUrl:l,onPress:i,tokenBalanceFirst:c}=o,m=H(null),f=P(()=>{i?.()},[i]),{buttonProps:g}=j({...o,onPress:f},m),{isFocusVisible:b,focusProps:k}=U();return F(o.children,y=>{const h=y.get(u);return i?e("button",{ref:m,...z(g,k),className:S({w:"full",px:4,py:2,minH:16,bg:"neutral.quaternary",_dark:{bg:"surface.tertiary"},transition:"background-color 0.1s",_hover:{bg:"neutral.secondary"},rounded:"lg",outlineColor:"brand.base",outlineStyle:b?"solid":"none",outlineWidth:"thick",outlineOffset:1,cursor:"pointer"}),children:e(d,{name:t,fiatBalanceWithSymbol:n,tokenBalanceWithSymbol:r,tokenIcon:h,logoUrl:l,tokenBalanceFirst:c})}):e(d,{name:t,fiatBalanceWithSymbol:n,tokenBalanceWithSymbol:r,tokenIcon:h,logoUrl:l,tokenBalanceFirst:c})})},v=Object.assign(T,{TokenIcon:u});export{v as TokenListItem};
 //# sourceMappingURL=token-list-item.js.map

package/dist/es/components/list-items/token-list-item.js.map

@@ -1 +1 @@
-{"version":3,"file":"token-list-item.js","sources":["../../../../src/components/list-items/token-list-item.tsx"],"sourcesContent":["import { IconGenericToken } from '@components/logos';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Center, HStack, VStack } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, useCallback, useRef } from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing } from 'react-aria';\n\nexport interface TokenListItemProps extends AriaButtonProps {\n  name: string;\n  fiatBalanceWithSymbol: string;\n  tokenBalanceWithSymbol: string;\n  logoUrl?: string;\n  onPress?: () => void;\n}\n\nconst TokenIcon = createSlot(({ children, ...props }) => {\n  return (\n    <Center>\n      {Children.map(children, child => {\n        return cloneElement(child, props);\n      })}\n    </Center>\n  );\n});\n\ninterface ListContentProps extends Omit<TokenListItemProps, 'onPress'> {\n  tokenIcon?: React.ReactElement;\n}\n\nconst ListContent = ({ name, fiatBalanceWithSymbol, tokenBalanceWithSymbol, tokenIcon, logoUrl }: ListContentProps) => {\n  return (\n    <HStack w=\"full\" justify=\"space-between\">\n      <HStack gap={2}>\n        {tokenIcon ? (\n          {\n            ...tokenIcon,\n            props: {\n              ...tokenIcon.props,\n              width: 30,\n              height: 30,\n            },\n          }\n        ) : logoUrl ? (\n          <img width={30} height={30} src={logoUrl} alt={`${name} logo`} />\n        ) : (\n          <IconGenericToken width={30} height={30} />\n        )}\n        <Text fontWeight=\"medium\" styles={{ textTransform: 'capitalize' }}>\n          {name}\n        </Text>\n      </HStack>\n      <VStack gap={0} alignItems=\"flex-end\">\n        <Text size=\"sm\" fontWeight=\"medium\" styles={{ lineHeight: '1.5rem' }}>\n          {fiatBalanceWithSymbol}\n        </Text>\n        <Text size=\"sm\" fontColor=\"text.secondary\" styles={{ lineHeight: '1.5rem' }}>\n          {tokenBalanceWithSymbol}\n        </Text>\n      </VStack>\n    </HStack>\n  );\n};\n\nconst TokenListItemBase = (props: TokenListItemProps) => {\n  const { name, fiatBalanceWithSymbol, tokenBalanceWithSymbol, logoUrl, onPress } = props;\n\n  const ref = useRef(null);\n\n  const handlePress = useCallback(() => {\n    onPress?.();\n  }, [onPress]);\n\n  const { buttonProps } = useButton({ ...props, onPress: handlePress }, ref);\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return createHost(props.children, slots => {\n    const tokenIcon = slots.get(TokenIcon);\n\n    if (onPress)\n      return (\n        <button\n          ref={ref}\n          {...mergeProps(buttonProps, focusProps)}\n          className={css({\n            w: 'full',\n            p: 4,\n            minH: 20,\n            bg: 'neutral.quaternary',\n            transition: 'background-color 0.2s',\n            _hover: { bg: 'neutral.secondary' },\n            rounded: 'lg',\n            outlineColor: 'brand.base',\n            outlineStyle: isFocusVisible ? 'solid' : 'none',\n            outlineWidth: 'thick',\n            outlineOffset: 1,\n            cursor: 'pointer',\n          })}\n        >\n          <ListContent\n            name={name}\n            fiatBalanceWithSymbol={fiatBalanceWithSymbol}\n            tokenBalanceWithSymbol={tokenBalanceWithSymbol}\n            tokenIcon={tokenIcon}\n            logoUrl={logoUrl}\n          />\n        </button>\n      );\n\n    return (\n      <ListContent\n        name={name}\n        fiatBalanceWithSymbol={fiatBalanceWithSymbol}\n        tokenBalanceWithSymbol={tokenBalanceWithSymbol}\n        tokenIcon={tokenIcon}\n        logoUrl={logoUrl}\n      />\n    );\n  });\n};\n\nexport const TokenListItem = Object.assign(TokenListItemBase, { TokenIcon });\n"],"names":["TokenIcon","createSlot","children","props","_jsx","Center","Children","child","cloneElement","ListContent","name","fiatBalanceWithSymbol","tokenBalanceWithSymbol","tokenIcon","logoUrl","_jsxs","HStack","IconGenericToken","Text","VStack","TokenListItemBase","onPress","ref","useRef","handlePress","useCallback","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","createHost","slots","mergeProps","css","TokenListItem"],"mappings":"ssBAgBA,MAAMA,EAAYC,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEhDC,EAACC,EAAM,CAAA,SACJC,EAAS,IAAIJ,EAAUK,GACfC,EAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAMKM,EAAc,CAAC,CAAE,KAAAC,EAAM,sBAAAC,EAAuB,uBAAAC,EAAwB,UAAAC,EAAW,QAAAC,CAAO,IAE1FC,EAACC,EAAM,CAAC,EAAE,OAAO,QAAQ,0BACvBD,EAACC,EAAO,CAAA,IAAK,YACVH,EACC,CACE,GAAGA,EACH,MAAO,CACL,GAAGA,EAAU,MACb,MAAO,GACP,OAAQ,EACT,GAEDC,EACFV,EAAA,MAAA,CAAK,MAAO,GAAI,OAAQ,GAAI,IAAKU,EAAS,IAAK,GAAGJ,CAAI,OAAO,CAAA,EAE7DN,EAACa,EAAiB,CAAA,MAAO,GAAI,OAAQ,EAAM,CAAA,EAE7Cb,EAACc,EAAI,CAAC,WAAW,SAAS,OAAQ,CAAE,cAAe,YAAc,EAAA,SAC9DR,CACI,CAAA,CAAA,CAAA,CAAA,EAETK,EAACI,EAAM,CAAC,IAAK,EAAG,WAAW,WAAU,SAAA,CACnCf,EAACc,EAAK,CAAA,KAAK,KAAK,WAAW,SAAS,OAAQ,CAAE,WAAY,QAAQ,EAC/D,SAAAP,CACI,CAAA,EACPP,EAACc,EAAK,CAAA,KAAK,KAAK,UAAU,iBAAiB,OAAQ,CAAE,WAAY,QAAQ,EACtE,SAAAN,CACI,CAAA,CAAA,CAAA,CAAA,CACA,CACF,CAAA,EAIPQ,EAAqBjB,GAA6B,CACtD,KAAM,CAAE,KAAAO,EAAM,sBAAAC,EAAuB,uBAAAC,EAAwB,QAAAE,EAAS,QAAAO,CAAS,EAAGlB,EAE5EmB,EAAMC,EAAO,IAAI,EAEjBC,EAAcC,EAAY,IAAK,CACnCJ,IACF,CAAA,EAAG,CAACA,CAAO,CAAC,EAEN,CAAE,YAAAK,CAAW,EAAKC,EAAU,CAAE,GAAGxB,EAAO,QAASqB,GAAeF,CAAG,EACnE,CAAE,eAAAM,EAAgB,WAAAC,GAAeC,IAEvC,OAAOC,EAAW5B,EAAM,SAAU6B,GAAQ,CACxC,MAAMnB,EAAYmB,EAAM,IAAIhC,CAAS,EAErC,OAAIqB,EAEAjB,EACE,SAAA,CAAA,IAAKkB,KACDW,EAAWP,EAAaG,CAAU,EACtC,UAAWK,EAAI,CACb,EAAG,OACH,EAAG,EACH,KAAM,GACN,GAAI,qBACJ,WAAY,wBACZ,OAAQ,CAAE,GAAI,mBAAqB,EACnC,QAAS,KACT,aAAc,aACd,aAAcN,EAAiB,QAAU,OACzC,aAAc,QACd,cAAe,EACf,OAAQ,UACT,EAAC,SAEFxB,EAACK,EACC,CAAA,KAAMC,EACN,sBAAuBC,EACvB,uBAAwBC,EACxB,UAAWC,EACX,QAASC,CAAO,CAAA,CAEX,CAAA,EAIXV,EAACK,EACC,CAAA,KAAMC,EACN,sBAAuBC,EACvB,uBAAwBC,EACxB,UAAWC,EACX,QAASC,CACT,CAAA,CAEN,CAAC,CACH,EAEaqB,EAAgB,OAAO,OAAOf,EAAmB,CAAE,UAAApB,CAAS,CAAE"}
+{"version":3,"file":"token-list-item.js","sources":["../../../../src/components/list-items/token-list-item.tsx"],"sourcesContent":["import { IconGenericToken } from '@components/logos';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Center, HStack, VStack } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, useCallback, useRef } from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing } from 'react-aria';\n\nexport interface TokenListItemProps extends AriaButtonProps {\n  name: string;\n  fiatBalanceWithSymbol: string;\n  tokenBalanceWithSymbol: string;\n  logoUrl?: string;\n  onPress?: () => void;\n  tokenBalanceFirst?: boolean;\n}\n\nconst TokenIcon = createSlot(({ children, ...props }) => {\n  return (\n    <Center>\n      {Children.map(children, child => {\n        return cloneElement(child, props);\n      })}\n    </Center>\n  );\n});\n\ninterface ListContentProps extends Omit<TokenListItemProps, 'onPress'> {\n  tokenIcon?: React.ReactElement;\n}\n\nconst ListContent = ({\n  name,\n  fiatBalanceWithSymbol,\n  tokenBalanceWithSymbol,\n  tokenIcon,\n  logoUrl,\n  tokenBalanceFirst,\n}: ListContentProps) => {\n  return (\n    <HStack w=\"full\" justify=\"space-between\">\n      <HStack gap={4}>\n        {tokenIcon ? (\n          {\n            ...tokenIcon,\n            props: {\n              ...tokenIcon.props,\n              width: 40,\n              height: 40,\n            },\n          }\n        ) : logoUrl ? (\n          <img width={40} height={40} src={logoUrl} alt={`${name} logo`} />\n        ) : (\n          <IconGenericToken width={40} height={40} />\n        )}\n        <Text fontWeight=\"medium\" styles={{ textTransform: 'capitalize' }}>\n          {name}\n        </Text>\n      </HStack>\n      <VStack gap={0} alignItems=\"flex-end\">\n        <Text size=\"sm\" styles={{ lineHeight: '1.5rem' }}>\n          {tokenBalanceFirst ? tokenBalanceWithSymbol : fiatBalanceWithSymbol}\n        </Text>\n        <Text size=\"sm\" fontColor=\"text.secondary\" styles={{ lineHeight: '1.5rem' }}>\n          {tokenBalanceFirst ? fiatBalanceWithSymbol : tokenBalanceWithSymbol}\n        </Text>\n      </VStack>\n    </HStack>\n  );\n};\n\nconst TokenListItemBase = (props: TokenListItemProps) => {\n  const { name, fiatBalanceWithSymbol, tokenBalanceWithSymbol, logoUrl, onPress, tokenBalanceFirst } = props;\n\n  const ref = useRef(null);\n\n  const handlePress = useCallback(() => {\n    onPress?.();\n  }, [onPress]);\n\n  const { buttonProps } = useButton({ ...props, onPress: handlePress }, ref);\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return createHost(props.children, slots => {\n    const tokenIcon = slots.get(TokenIcon);\n\n    if (onPress)\n      return (\n        <button\n          ref={ref}\n          {...mergeProps(buttonProps, focusProps)}\n          className={css({\n            w: 'full',\n            px: 4,\n            py: 2,\n            minH: 16,\n            bg: 'neutral.quaternary',\n            _dark: { bg: 'surface.tertiary' },\n            transition: 'background-color 0.1s',\n            _hover: { bg: 'neutral.secondary' },\n            rounded: 'lg',\n            outlineColor: 'brand.base',\n            outlineStyle: isFocusVisible ? 'solid' : 'none',\n            outlineWidth: 'thick',\n            outlineOffset: 1,\n            cursor: 'pointer',\n          })}\n        >\n          <ListContent\n            name={name}\n            fiatBalanceWithSymbol={fiatBalanceWithSymbol}\n            tokenBalanceWithSymbol={tokenBalanceWithSymbol}\n            tokenIcon={tokenIcon}\n            logoUrl={logoUrl}\n            tokenBalanceFirst={tokenBalanceFirst}\n          />\n        </button>\n      );\n\n    return (\n      <ListContent\n        name={name}\n        fiatBalanceWithSymbol={fiatBalanceWithSymbol}\n        tokenBalanceWithSymbol={tokenBalanceWithSymbol}\n        tokenIcon={tokenIcon}\n        logoUrl={logoUrl}\n        tokenBalanceFirst={tokenBalanceFirst}\n      />\n    );\n  });\n};\n\nexport const TokenListItem = Object.assign(TokenListItemBase, { TokenIcon });\n"],"names":["TokenIcon","createSlot","children","props","_jsx","Center","Children","child","cloneElement","ListContent","name","fiatBalanceWithSymbol","tokenBalanceWithSymbol","tokenIcon","logoUrl","tokenBalanceFirst","_jsxs","HStack","IconGenericToken","Text","VStack","TokenListItemBase","onPress","ref","useRef","handlePress","useCallback","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","createHost","slots","mergeProps","css","TokenListItem"],"mappings":"ssBAiBA,MAAMA,EAAYC,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEhDC,EAACC,EAAM,CAAA,SACJC,EAAS,IAAIJ,EAAUK,GACfC,EAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAMKM,EAAc,CAAC,CACnB,KAAAC,EACA,sBAAAC,EACA,uBAAAC,EACA,UAAAC,EACA,QAAAC,EACA,kBAAAC,CAAiB,IAGfC,EAACC,EAAM,CAAC,EAAE,OAAO,QAAQ,0BACvBD,EAACC,EAAO,CAAA,IAAK,YACVJ,EACC,CACE,GAAGA,EACH,MAAO,CACL,GAAGA,EAAU,MACb,MAAO,GACP,OAAQ,EACT,CACF,EACCC,EACFV,EAAK,MAAA,CAAA,MAAO,GAAI,OAAQ,GAAI,IAAKU,EAAS,IAAK,GAAGJ,CAAI,OAAO,CAAA,EAE7DN,EAACc,EAAiB,CAAA,MAAO,GAAI,OAAQ,EAAM,CAAA,EAE7Cd,EAACe,EAAK,CAAA,WAAW,SAAS,OAAQ,CAAE,cAAe,YAAY,EAC5D,SAAAT,CACI,CAAA,CAAA,CAAA,CAAA,EAETM,EAACI,EAAO,CAAA,IAAK,EAAG,WAAW,WACzB,SAAA,CAAAhB,EAACe,EAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,WAAY,QAAQ,EAC3C,SAAAJ,EAAoBH,EAAyBD,CAAqB,CAAA,EAErEP,EAACe,EAAI,CAAC,KAAK,KAAK,UAAU,iBAAiB,OAAQ,CAAE,WAAY,QAAQ,EACtE,SAAAJ,EAAoBJ,EAAwBC,CAAsB,CAAA,CAC9D,CACA,CAAA,CAAA,CAAA,CAAA,EAKTS,EAAqBlB,GAA6B,CACtD,KAAM,CAAE,KAAAO,EAAM,sBAAAC,EAAuB,uBAAAC,EAAwB,QAAAE,EAAS,QAAAQ,EAAS,kBAAAP,CAAmB,EAAGZ,EAE/FoB,EAAMC,EAAO,IAAI,EAEjBC,EAAcC,EAAY,IAAK,CACnCJ,IACF,CAAA,EAAG,CAACA,CAAO,CAAC,EAEN,CAAE,YAAAK,CAAW,EAAKC,EAAU,CAAE,GAAGzB,EAAO,QAASsB,GAAeF,CAAG,EACnE,CAAE,eAAAM,EAAgB,WAAAC,GAAeC,IAEvC,OAAOC,EAAW7B,EAAM,SAAU8B,GAAQ,CACxC,MAAMpB,EAAYoB,EAAM,IAAIjC,CAAS,EAErC,OAAIsB,EAEAlB,EACE,SAAA,CAAA,IAAKmB,KACDW,EAAWP,EAAaG,CAAU,EACtC,UAAWK,EAAI,CACb,EAAG,OACH,GAAI,EACJ,GAAI,EACJ,KAAM,GACN,GAAI,qBACJ,MAAO,CAAE,GAAI,kBAAoB,EACjC,WAAY,wBACZ,OAAQ,CAAE,GAAI,mBAAqB,EACnC,QAAS,KACT,aAAc,aACd,aAAcN,EAAiB,QAAU,OACzC,aAAc,QACd,cAAe,EACf,OAAQ,SACT,CAAA,EAED,SAAAzB,EAACK,EAAW,CACV,KAAMC,EACN,sBAAuBC,EACvB,uBAAwBC,EACxB,UAAWC,EACX,QAASC,EACT,kBAAmBC,CACnB,CAAA,CAAA,CAAA,EAKNX,EAACK,EAAW,CACV,KAAMC,EACN,sBAAuBC,EACvB,uBAAwBC,EACxB,UAAWC,EACX,QAASC,EACT,kBAAmBC,CAAiB,CAAA,CAG1C,CAAC,CACH,EAEaqB,EAAgB,OAAO,OAAOf,EAAmB,CAAE,UAAArB,CAAS,CAAE"}

package/dist/es/components/list-items/transaction-row.js

@@ -0,0 +1,2 @@
+import{jsx as r,jsxs as i}from"react/jsx-runtime";import"../feedback/callout.js";import"@styled/css";import{Center as P,HStack as l}from"@styled/jsx";import"../feedback/progress-bar.js";import{Skeleton as y}from"../feedback/skeleton.js";import{token as o}from"@styled/tokens";import j from"../icons/ico-arrow-down.js";import R from"../icons/ico-arrow-up.js";import $ from"../icons/ico-lightning-fill.js";import B from"../icons/ico-lock-unlocked-fill.js";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"../primitives/portal.js";import{Children as H,cloneElement as I,useRef as N,useCallback as O}from"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import{hstack as V}from"@styled/patterns";import{createSlot as z,createHost as E}from"create-slots";import{useButton as q,useFocusRing as A,mergeProps as D}from"react-aria";const G={send:{title:"Send",primaryTextColor:o("colors.text.primary"),secondaryTextColor:o("colors.text.secondary"),icon:R,iconColor:o("colors.negative.darker"),skeletonWidth:"89px"},receive:{title:"Receive",primaryTextColor:o("colors.positive.base"),secondaryTextColor:`${o("colors.positive.lighter")}`,icon:j,iconColor:o("colors.positive.base"),skeletonWidth:"89px"},networkFee:{title:"Network Fee",primaryTextColor:o("colors.text.primary"),secondaryTextColor:o("colors.text.secondary"),icon:$,iconColor:o("colors.brand.base"),skeletonWidth:"54px"},spendingCap:{title:"Spending Cap",primaryTextColor:o("colors.warning.base"),secondaryTextColor:o("colors.warning.base"),icon:B,iconColor:o("colors.warning.base"),skeletonWidth:"89px"}},f=z(({children:n,...t})=>r(P,{children:H.map(n,s=>I(s,t))})),J=n=>{const{variant:t,primaryText:s,secondaryText:p,children:u,onPress:m,loading:a}=n,{title:C,primaryTextColor:d,secondaryTextColor:g,icon:b,iconColor:k,skeletonWidth:h}=G[t],w=t==="send"||t==="networkFee",x=N(null),T=O(()=>{m?.()},[m]),{buttonProps:v}=q({...n,onPress:T},x),{isFocusVisible:W,focusProps:F}=A();return E(u,S=>{const e=S.get(f);return i(l,{w:"full",justify:"space-between",children:[i(l,{gap:2,children:[r(b,{width:16,height:16,color:k}),r(c,{size:"sm",fontWeight:"medium",children:C})]}),i(l,{gap:4,children:[p&&r(c,{styles:{color:g},children:p}),w?i("button",{...D(v,F),ref:x,className:V({px:4,py:2.5,gap:3,rounded:"xl",bg:"surface.secondary",outlineColor:"brand.base",outlineStyle:W?"solid":"none",outlineWidth:"thick",outlineOffset:.5,cursor:"pointer"}),children:[a?r(y,{width:h}):r(c,{styles:{color:d},children:s}),e&&{...e,props:{...e.props,width:32,height:32}}]}):i(l,{gap:3,children:[a?r(y,{width:h}):r(c,{styles:{color:d},children:s}),e&&{...e,props:{...e.props,width:32,height:32}}]})]})]})})},K=Object.assign(J,{TokenIcon:f});export{K as TransactionRow};
+//# sourceMappingURL=transaction-row.js.map

package/dist/es/components/list-items/transaction-row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"transaction-row.js","sources":["../../../../src/components/list-items/transaction-row.tsx"],"sourcesContent":["import { Skeleton } from '@components/feedback';\nimport { IcoArrowDown, IcoArrowUp, IcoLightningFill, IcoLockUnlockedFill } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { Center, HStack } from '@styled/jsx';\nimport { hstack } from '@styled/patterns';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, ReactNode, useCallback, useRef } from 'react';\nimport { mergeProps, useButton, useFocusRing } from 'react-aria';\n\nexport interface TransactionRowProps {\n  variant: 'send' | 'receive' | 'networkFee' | 'spendingCap';\n  primaryText: string;\n  secondaryText?: string;\n  children: ReactNode;\n  onPress?: () => void;\n  loading?: boolean;\n}\n\nconst variants = {\n  send: {\n    title: 'Send',\n    primaryTextColor: token('colors.text.primary'),\n    secondaryTextColor: token('colors.text.secondary'),\n    icon: IcoArrowUp,\n    iconColor: token('colors.negative.darker'),\n    skeletonWidth: '89px',\n  },\n  receive: {\n    title: 'Receive',\n    primaryTextColor: token('colors.positive.base'),\n    secondaryTextColor: `${token('colors.positive.lighter')}`,\n    icon: IcoArrowDown,\n    iconColor: token('colors.positive.base'),\n    skeletonWidth: '89px',\n  },\n  networkFee: {\n    title: 'Network Fee',\n    primaryTextColor: token('colors.text.primary'),\n    secondaryTextColor: token('colors.text.secondary'),\n    icon: IcoLightningFill,\n    iconColor: token('colors.brand.base'),\n    skeletonWidth: '54px',\n  },\n  spendingCap: {\n    title: 'Spending Cap',\n    primaryTextColor: token('colors.warning.base'),\n    secondaryTextColor: token('colors.warning.base'),\n    icon: IcoLockUnlockedFill,\n    iconColor: token('colors.warning.base'),\n    skeletonWidth: '89px',\n  },\n};\n\nconst TokenIcon = createSlot(({ children, ...props }) => {\n  return (\n    <Center>\n      {Children.map(children, child => {\n        return cloneElement(child, props);\n      })}\n    </Center>\n  );\n});\n\nconst TransactionRowBase = (props: TransactionRowProps) => {\n  const { variant, primaryText, secondaryText, children, onPress, loading } = props;\n  const { title, primaryTextColor, secondaryTextColor, icon: Icon, iconColor, skeletonWidth } = variants[variant];\n  const isEditable = variant === 'send' || variant === 'networkFee';\n  const ref = useRef(null);\n\n  const handlePress = useCallback(() => {\n    onPress?.();\n  }, [onPress]);\n\n  const { buttonProps } = useButton({ ...props, onPress: handlePress }, ref);\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return createHost(children, slots => {\n    const tokenIcon = slots.get(TokenIcon);\n    return (\n      <HStack w=\"full\" justify=\"space-between\">\n        <HStack gap={2}>\n          <Icon width={16} height={16} color={iconColor} />\n          <Text size=\"sm\" fontWeight=\"medium\">\n            {title}\n          </Text>\n        </HStack>\n\n        <HStack gap={4}>\n          {secondaryText && <Text styles={{ color: secondaryTextColor }}>{secondaryText}</Text>}\n          {isEditable ? (\n            <button\n              {...mergeProps(buttonProps, focusProps)}\n              ref={ref}\n              className={hstack({\n                px: 4,\n                py: 2.5,\n                gap: 3,\n                rounded: 'xl',\n                bg: 'surface.secondary',\n                outlineColor: 'brand.base',\n                outlineStyle: isFocusVisible ? 'solid' : 'none',\n                outlineWidth: 'thick',\n                outlineOffset: 0.5,\n                cursor: 'pointer',\n              })}\n            >\n              {loading ? (\n                <Skeleton width={skeletonWidth} />\n              ) : (\n                <Text styles={{ color: primaryTextColor }}>{primaryText}</Text>\n              )}\n              {tokenIcon && {\n                ...tokenIcon,\n                props: {\n                  ...tokenIcon.props,\n                  width: 32,\n                  height: 32,\n                },\n              }}\n            </button>\n          ) : (\n            <HStack gap={3}>\n              {loading ? (\n                <Skeleton width={skeletonWidth} />\n              ) : (\n                <Text styles={{ color: primaryTextColor }}>{primaryText}</Text>\n              )}\n              {tokenIcon && {\n                ...tokenIcon,\n                props: {\n                  ...tokenIcon.props,\n                  width: 32,\n                  height: 32,\n                },\n              }}\n            </HStack>\n          )}\n        </HStack>\n      </HStack>\n    );\n  });\n};\n\nexport const TransactionRow = Object.assign(TransactionRowBase, { TokenIcon });\n"],"names":["variants","token","IcoArrowUp","IcoArrowDown","IcoLightningFill","IcoLockUnlockedFill","TokenIcon","createSlot","children","props","_jsx","Center","Children","child","cloneElement","TransactionRowBase","variant","primaryText","secondaryText","onPress","loading","title","primaryTextColor","secondaryTextColor","Icon","iconColor","skeletonWidth","isEditable","ref","useRef","handlePress","useCallback","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","createHost","slots","tokenIcon","_jsxs","HStack","Text","mergeProps","hstack","Skeleton","TransactionRow"],"mappings":"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"}

package/dist/es/components/primitives/button.js

@@ -1,2 +1,2 @@
-import{jsx as t,jsxs as F}from"react/jsx-runtime";import"../feedback/callout.js";import{LoadingSpinner as k}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import"@styled/tokens";import"./checkbox.js";import"./dropdown-selector.js";import"./popover.js";import"./radio.js";import"./segmented-control.js";import"./switch.js";import"./text.js";import"./portal.js";import{Children as b,cloneElement as v,forwardRef as D,useRef as E}from"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import{Flex as y,HStack as L,Box as x}from"@styled/jsx";import"../feedback/tooltip.js";import{button as O}from"../../recipes/button.js";import{cx as T}from"@styled/css";import{createSlot as w,createHost as A}from"create-slots";import{useButton as G,useHover as M,useFocusRing as V,mergeProps as W}from"react-aria";const j=w(({children:r,...i})=>t(y,{alignItems:"center",justifyContent:"center",children:b.map(r,e=>v(e,i))})),S=w(({children:r,...i})=>t(y,{alignItems:"center",justifyContent:"center",children:b.map(r,e=>v(e,i))})),q=({variant:r="primary",size:i="md"})=>{const e=r==="primary"||r==="negative",p=r==="neutral"||r==="tertiary";return t(k,{size:{sm:20,md:24,lg:28}[i],strokeWidth:2.5,inverted:e,neutral:p})},z=D((r,i)=>{const{label:e,variant:p="primary",textStyle:N,size:m="md",disabled:l,expand:c,validating:d,iconSize:C,onHover:u}=r,a=C||(m==="sm"?16:24),o=O({variant:p,textStyle:N,expand:c,size:m,validating:d,iconOnly:!e}),H=E(null),f=i||H,{buttonProps:I}=G({...r,isDisabled:l??!1},f),{hoverProps:P}=M({isDisabled:l??!1}),{isFocusVisible:B,focusProps:R}=V();return A(r.children,g=>{const n=g.get(j),s=g.get(S),h=a/4;return t("button",{className:T(o.button,"group",!e&&o.iconContainer,B&&o.focus),ref:f,...W(I,P,R),"aria-disabled":l,onMouseEnter:u,onTouchStart:u,children:d?t(q,{variant:p,size:m}):F(L,{w:"full",gap:2,justify:e&&(n||s)?"space-between":"center",children:[n&&{...n,props:{...n.props,className:n.props.color?void 0:o.icon,width:a,height:a}},s&&e&&c&&t(x,{w:h}),e&&t("span",{className:o.label,children:e}),n&&e&&c&&t(x,{w:h}),s&&{...s,props:{...s.props,className:s.props.color?void 0:o.icon,width:a,height:a}}]})})})}),J=Object.assign(z,{LeadingIcon:j,TrailingIcon:S});z.displayName="Button";export{J as default};
+import{jsx as t,jsxs as F}from"react/jsx-runtime";import"../feedback/callout.js";import{LoadingSpinner as k}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import{Flex as b,HStack as D,Box as v}from"@styled/jsx";import"@styled/tokens";import"./checkbox.js";import"./dropdown-selector.js";import"./popover.js";import"./radio.js";import"./segmented-control.js";import"./switch.js";import"./text.js";import"./portal.js";import{Children as y,cloneElement as x,forwardRef as E,useRef as L}from"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import{button as O}from"../../recipes/button.js";import{cx as T}from"@styled/css";import{createSlot as w,createHost as A}from"create-slots";import{useButton as G,useHover as M,useFocusRing as V,mergeProps as W}from"react-aria";const j=w(({children:r,...i})=>t(b,{alignItems:"center",justifyContent:"center",children:y.map(r,e=>x(e,i))})),S=w(({children:r,...i})=>t(b,{alignItems:"center",justifyContent:"center",children:y.map(r,e=>x(e,i))})),q=({variant:r="primary",size:i="md"})=>{const e=r==="primary"||r==="negative",p=r==="neutral"||r==="tertiary";return t(k,{size:{sm:20,md:24,lg:28}[i],strokeWidth:2.5,inverted:e,neutral:p})},z=E((r,i)=>{const{label:e,variant:p="primary",textStyle:N,size:m="md",disabled:l,expand:c,validating:d,iconSize:C,onHover:u}=r,a=C||(m==="sm"?16:24),o=O({variant:p,textStyle:N,expand:c,size:m,validating:d,iconOnly:!e}),H=L(null),f=i||H,{buttonProps:I}=G({...r,isDisabled:l??!1},f),{hoverProps:P}=M({isDisabled:l??!1}),{isFocusVisible:B,focusProps:R}=V();return A(r.children,g=>{const n=g.get(j),s=g.get(S),h=a/4;return t("button",{className:T(o.button,"group",!e&&o.iconContainer,B&&o.focus),ref:f,...W(I,P,R),"aria-disabled":l,onMouseEnter:u,onTouchStart:u,children:d?t(q,{variant:p,size:m}):F(D,{w:"full",gap:2,justify:e&&(n||s)?"space-between":"center",children:[n&&{...n,props:{...n.props,className:n.props.color?void 0:o.icon,width:a,height:a}},s&&e&&c&&t(v,{w:h}),e&&t("span",{className:o.label,children:e}),n&&e&&c&&t(v,{w:h}),s&&{...s,props:{...s.props,className:s.props.color?void 0:o.icon,width:a,height:a}}]})})})}),J=Object.assign(z,{LeadingIcon:j,TrailingIcon:S});z.displayName="Button";export{J as default};
 //# sourceMappingURL=button.js.map

package/dist/es/components/sections/verify-pincode.js

@@ -1,2 +1,2 @@
-import{jsxs as f,jsx as o}from"react/jsx-runtime";import"../feedback/callout.js";import{LoadingSpinner as u}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import{token as C}from"@styled/tokens";import x from"../icons/ico-checkmark-circle-fill.js";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 y from"../primitives/text.js";import"../primitives/portal.js";import"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import{VStack as S,Center as b}from"@styled/jsx";import"../feedback/tooltip.js";import"../inputs/phone-input.js";import{PinCodeInput as j}from"../inputs/pincode-input.js";import"../inputs/text-input.js";import{createSlot as k,createHost as F}from"create-slots";const i=k(({children:r})=>r),L=r=>{const{isPending:e,isSuccess:n,onChange:m,onComplete:p,originName:s,pinLength:c,id:a,autoFocus:g,errorMessage:t,children:h}=r,d=()=>e?o(u,{size:36,strokeWidth:4}):n?o(x,{color:C("colors.brand.base"),width:36,height:36}):o(j,{originName:s,onChange:m,pinLength:c,onComplete:p,id:a,autoFocus:g});return F(h,l=>f(S,{gap:3,my:3,children:[o(b,{height:12,children:d()}),t&&o(y,{variant:"error",size:"sm",styles:{textAlign:"center"},children:t}),l.get(i)]}))},P=Object.assign(L,{RetryContent:i});export{P as VerifyPincode};
+import{jsxs as f,jsx as o}from"react/jsx-runtime";import"../feedback/callout.js";import{LoadingSpinner as u}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import{VStack as C,Center as x}from"@styled/jsx";import{token as y}from"@styled/tokens";import S from"../icons/ico-checkmark-circle-fill.js";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"../primitives/portal.js";import"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import"../inputs/phone-input.js";import{PinCodeInput as j}from"../inputs/pincode-input.js";import"../inputs/text-input.js";import{createSlot as k,createHost as F}from"create-slots";const i=k(({children:r})=>r),L=r=>{const{isPending:e,isSuccess:n,onChange:m,onComplete:p,originName:s,pinLength:c,id:a,autoFocus:g,errorMessage:t,children:h}=r,d=()=>e?o(u,{size:36,strokeWidth:4}):n?o(S,{color:y("colors.brand.base"),width:36,height:36}):o(j,{originName:s,onChange:m,pinLength:c,onComplete:p,id:a,autoFocus:g});return F(h,l=>f(C,{gap:3,my:3,children:[o(x,{height:12,children:d()}),t&&o(b,{variant:"error",size:"sm",styles:{textAlign:"center"},children:t}),l.get(i)]}))},P=Object.assign(L,{RetryContent:i});export{P as VerifyPincode};
 //# sourceMappingURL=verify-pincode.js.map

package/dist/es/index.js

@@ -1,2 +1,2 @@
-import{Card as r}from"./components/containers/card.js";import{Content as t}from"./components/containers/content.js";import{Drawer as l}from"./components/containers/drawer.js";import{Footer as m}from"./components/containers/footer.js";import{Header as d}from"./components/containers/header.js";import{Modal as x}from"./components/containers/modal.js";import{Overlay as n}from"./components/containers/overlay.js";import{PayPalButton as g}from"./components/external/paypal-button.js";import{SocialLoginButton as I}from"./components/external/social-login-button.js";import{Callout as k}from"./components/feedback/callout.js";import{LoadingSpinner as h}from"./components/feedback/loading-spinner.js";import{ProgressBar as C}from"./components/feedback/progress-bar.js";import{Toast as P,ToastProvider as A}from"./components/feedback/toast-provider.js";import{default as S}from"./components/feedback/tooltip.js";import{default as W}from"./components/icons/ico-add.js";import{default as D}from"./components/icons/ico-alert-circle-fill.js";import{default as G}from"./components/icons/ico-alert-circle.js";import{default as O}from"./components/icons/ico-arrow-down.js";import{default as z}from"./components/icons/ico-arrow-left.js";import{default as Z}from"./components/icons/ico-arrow-right.js";import{default as U}from"./components/icons/ico-arrow-up.js";import{default as j}from"./components/icons/ico-asterisk-with-shield.js";import{default as V}from"./components/icons/ico-asterisk.js";import{default as J}from"./components/icons/ico-astronaut.js";import{default as Y}from"./components/icons/ico-atom.js";import{default as $}from"./components/icons/ico-bank.js";import{default as eo}from"./components/icons/ico-bell-notification.js";import{default as ao}from"./components/icons/ico-bell.js";import{default as fo}from"./components/icons/ico-block.js";import{default as so}from"./components/icons/ico-branding.js";import{default as po}from"./components/icons/ico-caret-down.js";import{default as xo}from"./components/icons/ico-caret-left.js";import{default as no}from"./components/icons/ico-caret-right.js";import{default as go}from"./components/icons/ico-caret-up.js";import{default as Io}from"./components/icons/ico-checkmark-circle-fill.js";import{default as ko}from"./components/icons/ico-checkmark-circle.js";import{default as ho}from"./components/icons/ico-checkmark.js";import{default as Co}from"./components/icons/ico-code-editor.js";import{default as Po}from"./components/icons/ico-code-sandbox.js";import{default as bo}from"./components/icons/ico-code.js";import{default as yo}from"./components/icons/ico-command-line.js";import{default as To}from"./components/icons/ico-comment.js";import{default as Eo}from"./components/icons/ico-copy.js";import{default as Ro}from"./components/icons/ico-credit-card.js";import{default as vo}from"./components/icons/ico-dedicated.js";import{default as Ho}from"./components/icons/ico-diamond.js";import{default as No}from"./components/icons/ico-dismiss-circle-fill.js";import{default as Xo}from"./components/icons/ico-dismiss-circle.js";import{default as Qo}from"./components/icons/ico-dismiss.js";import{default as qo}from"./components/icons/ico-doc.js";import{default as Ko}from"./components/icons/ico-download.js";import{default as _o}from"./components/icons/ico-edit-email.js";import{default as oe}from"./components/icons/ico-edit.js";import{default as re}from"./components/icons/ico-email-fill.js";import{default as te}from"./components/icons/ico-email-open.js";import{default as le}from"./components/icons/ico-email.js";import{default as me}from"./components/icons/ico-expand.js";import{default as de}from"./components/icons/ico-expiration.js";import{default as xe}from"./components/icons/ico-external-link.js";import{default as ne}from"./components/icons/ico-eye-closed.js";import{default as ge}from"./components/icons/ico-eye-opened.js";import{default as Ie}from"./components/icons/ico-fingerprint-fill.js";import{default as ke}from"./components/icons/ico-fingerprint.js";import{default as he}from"./components/icons/ico-gas.js";import{default as Ce}from"./components/icons/ico-gift.js";import{default as Pe}from"./components/icons/ico-globe.js";import{default as be}from"./components/icons/ico-guide.js";import{default as ye}from"./components/icons/ico-home.js";import{default as Te}from"./components/icons/ico-hourglass.js";import{default as Ee}from"./components/icons/ico-info-circle-fill.js";import{default as Re}from"./components/icons/ico-info-circle.js";import{default as ve}from"./components/icons/ico-kebab.js";import{default as He}from"./components/icons/ico-key.js";import{default as Ne}from"./components/icons/ico-lightbulb-fill.js";import{default as Xe}from"./components/icons/ico-lightbulb.js";import{default as Qe}from"./components/icons/ico-lightning-fill.js";import{default as qe}from"./components/icons/ico-lightning.js";import{default as Ke}from"./components/icons/ico-link.js";import{default as _e}from"./components/icons/ico-loading.js";import{default as or}from"./components/icons/ico-lock-locked.js";import{default as rr}from"./components/icons/ico-lock-password.js";import{default as tr}from"./components/icons/ico-lock-unlocked-fill.js";import{default as lr}from"./components/icons/ico-lock-unlocked.js";import{default as mr}from"./components/icons/ico-login-form.js";import{default as dr}from"./components/icons/ico-magic.js";import{default as xr}from"./components/icons/ico-megaphone.js";import{default as nr}from"./components/icons/ico-menu.js";import{default as gr}from"./components/icons/ico-message-fill.js";import{default as Ir}from"./components/icons/ico-message.js";import{default as kr}from"./components/icons/ico-mfa.js";import{default as hr}from"./components/icons/ico-minimize.js";import{default as Cr}from"./components/icons/ico-mobile2fa.js";import{default as Pr}from"./components/icons/ico-mobile2fafill.js";import{default as br}from"./components/icons/ico-open-book.js";import{default as yr}from"./components/icons/ico-paper-plane.js";import{default as Tr}from"./components/icons/ico-passport.js";import{default as Er}from"./components/icons/ico-passwordless.js";import{default as Rr}from"./components/icons/ico-pending-connection.js";import{default as vr}from"./components/icons/ico-phone.js";import{default as Hr}from"./components/icons/ico-polygon-gas-testnet.js";import{default as Nr}from"./components/icons/ico-polygon-gas.js";import{default as Xr}from"./components/icons/ico-price.js";import{default as Qr}from"./components/icons/ico-qrcode.js";import{default as qr}from"./components/icons/ico-question-circle-fill.js";import{default as Kr}from"./components/icons/ico-question-circle.js";import{default as _r}from"./components/icons/ico-refresh-circle-fill.js";import{default as oa}from"./components/icons/ico-refresh.js";import{default as ra}from"./components/icons/ico-rocket-fill.js";import{default as ta}from"./components/icons/ico-search.js";import{default as la}from"./components/icons/ico-settings.js";import{default as ma}from"./components/icons/ico-shapes.js";import{default as da}from"./components/icons/ico-shield-approved.js";import{default as xa}from"./components/icons/ico-shield-rejected.js";import{default as na}from"./components/icons/ico-shield.js";import{default as ga}from"./components/icons/ico-social.js";import{default as Ia}from"./components/icons/ico-sold-out-tag.js";import{default as ka}from"./components/icons/ico-star.js";import{default as ha}from"./components/icons/ico-swap.js";import{default as Ca}from"./components/icons/ico-swatches.js";import{default as Pa}from"./components/icons/ico-team.js";import{default as ba}from"./components/icons/ico-trash.js";import{default as ya}from"./components/icons/ico-users.js";import{default as Ta}from"./components/icons/ico-wallet-fill.js";import{default as Ea}from"./components/icons/ico-wallet.js";import{default as Ra}from"./components/icons/ico-wand.js";import{default as va}from"./components/icons/ico-warning-fill.js";import{default as Ha}from"./components/icons/ico-warning.js";import{default as Na}from"./components/info/copy-button.js";import{default as Xa}from"./components/info/email-wbr.js";import{default as Qa}from"./components/info/security-otp.js";import{default as qa}from"./components/info/text-box.js";import{default as Ka}from"./components/info/wallet-address.js";import{default as _a}from"./components/inputs/phone-input.js";import{PinCodeInput as ot}from"./components/inputs/pincode-input.js";import{TextInput as rt}from"./components/inputs/text-input.js";import{Dialogue as tt}from"./components/layouts/dialogue.js";import{Error as lt}from"./components/layouts/error.js";import{Page as mt}from"./components/layouts/page.js";import{default as dt}from"./components/list-items/navigation-button.js";import{NFTTile as xt}from"./components/list-items/nft-tile.js";import{TokenListItem as nt}from"./components/list-items/token-list-item.js";import{default as gt}from"./components/logos/blc-algorand.js";import{default as It}from"./components/logos/blc-aptos.js";import{default as kt}from"./components/logos/blc-arbitrum.js";import{default as ht}from"./components/logos/blc-astar.js";import{default as Ct}from"./components/logos/blc-avalanche.js";import{default as Pt}from"./components/logos/blc-base.js";import{default as bt}from"./components/logos/blc-berachain.js";import{default as yt}from"./components/logos/blc-binance.js";import{default as Tt}from"./components/logos/blc-bitcoin.js";import{default as Et}from"./components/logos/blc-celo.js";import{default as Rt}from"./components/logos/blc-chiliz.js";import{default as vt}from"./components/logos/blc-cosmos.js";import{default as Ht}from"./components/logos/blc-ethereum.js";import{default as Nt}from"./components/logos/blc-etherlink.js";import{default as Xt}from"./components/logos/blc-flow.js";import{default as Qt}from"./components/logos/blc-harmony.js";import{default as qt}from"./components/logos/blc-icon.js";import{default as Kt}from"./components/logos/blc-immutable-x.js";import{default as _t}from"./components/logos/blc-loopring.js";import{default as of}from"./components/logos/blc-moonbeam.js";import{default as rf}from"./components/logos/blc-near.js";import{default as tf}from"./components/logos/blc-optimism.js";import{default as lf}from"./components/logos/blc-polkadot.js";import{default as mf}from"./components/logos/blc-polygon.js";import{default as df}from"./components/logos/blc-rarichain.js";import{default as xf}from"./components/logos/blc-solana.js";import{default as nf}from"./components/logos/blc-stability.js";import{default as Lf}from"./components/logos/blc-sui.js";import{default as Mf}from"./components/logos/blc-tezos.js";import{default as Bf}from"./components/logos/blc-wax.js";import{default as Ff}from"./components/logos/blc-zetachain.js";import{default as wf}from"./components/logos/blc-zilliqa.js";import{default as Af}from"./components/logos/blc-zksync.js";import{default as Sf}from"./components/logos/fwk-11ty.js";import{default as Wf}from"./components/logos/fwk-android.js";import{default as Df}from"./components/logos/fwk-apple.js";import{default as Gf}from"./components/logos/fwk-authy.js";import{default as Of}from"./components/logos/fwk-binance-fill.js";import{default as zf}from"./components/logos/fwk-chrome.js";import{default as Zf}from"./components/logos/fwk-electron.js";import{default as Uf}from"./components/logos/fwk-express.js";import{default as jf}from"./components/logos/fwk-fauna.js";import{default as Vf}from"./components/logos/fwk-firebase.js";import{default as Jf}from"./components/logos/fwk-go.js";import{default as Yf}from"./components/logos/fwk-google-authenticator.js";import{default as $f}from"./components/logos/fwk-hasura.js";import{default as el}from"./components/logos/fwk-javascript.js";import{default as al}from"./components/logos/fwk-jwt.js";import{default as fl}from"./components/logos/fwk-laravel.js";import{default as sl}from"./components/logos/fwk-nextjs.js";import{default as pl}from"./components/logos/fwk-nodejs.js";import{default as ul}from"./components/logos/fwk-nuxtjs.js";import{default as cl}from"./components/logos/fwk-php.js";import{default as il}from"./components/logos/fwk-react.js";import{default as Ll}from"./components/logos/fwk-strapi.js";import{default as Ml}from"./components/logos/fwk-stripe.js";import{default as Bl}from"./components/logos/fwk-vue.js";import{default as Fl}from"./components/logos/fwk-webflow.js";import{default as wl}from"./components/logos/fwk-wordpress.js";import{default as Al}from"./components/logos/fwk-zapier.js";import{default as Sl}from"./components/logos/icon-art-dark.js";import{default as Wl}from"./components/logos/icon-art.js";import{default as Dl}from"./components/logos/icon-delete.js";import{default as Gl}from"./components/logos/icon-email-globe.js";import{default as Ol}from"./components/logos/icon-email.js";import{default as zl}from"./components/logos/icon-game-controller-dark.js";import{default as Zl}from"./components/logos/icon-game-controller.js";import{default as Ul}from"./components/logos/icon-generic-token.js";import{default as jl}from"./components/logos/icon-magic-globe.js";import{default as Vl}from"./components/logos/icon-magic-logo.js";import{default as Jl}from"./components/logos/icon-music-dark.js";import{default as Yl}from"./components/logos/icon-music.js";import{default as $l}from"./components/logos/icon-person-dark.js";import{default as es}from"./components/logos/icon-person.js";import{default as as}from"./components/logos/icon-profile-dark.js";import{default as fs}from"./components/logos/icon-profile-light.js";import{default as ss}from"./components/logos/icon-reset.js";import{default as ps}from"./components/logos/icon-sms.js";import{default as us}from"./components/logos/icon-ticket-dark.js";import{default as cs}from"./components/logos/icon-ticket.js";import{default as is}from"./components/logos/icon-warning-dark.js";import{default as Ls}from"./components/logos/icon-warning-shield.js";import{default as Ms}from"./components/logos/icon-warning.js";import{default as Bs}from"./components/logos/logo-algorand-mono.js";import{default as Fs}from"./components/logos/logo-algorand.js";import{default as ws}from"./components/logos/logo-apple-mono.js";import{default as As}from"./components/logos/logo-apple.js";import{default as Ss}from"./components/logos/logo-aptos-mono.js";import{default as Ws}from"./components/logos/logo-aptos.js";import{default as Ds}from"./components/logos/logo-arbitrum-mono.js";import{default as Gs}from"./components/logos/logo-arbitrum-one-mono.js";import{default as Os}from"./components/logos/logo-arbitrum-one.js";import{default as zs}from"./components/logos/logo-arbitrum.js";import{default as Zs}from"./components/logos/logo-astar-mono.js";import{default as Us}from"./components/logos/logo-astar.js";import{default as js}from"./components/logos/logo-auth0-mono.js";import{default as Vs}from"./components/logos/logo-auth0.js";import{default as Js}from"./components/logos/logo-avalanche-mono.js";import{default as Ys}from"./components/logos/logo-avalanche.js";import{default as $s}from"./components/logos/logo-azure-mono.js";import{default as em}from"./components/logos/logo-azure.js";import{default as am}from"./components/logos/logo-base-mono.js";import{default as fm}from"./components/logos/logo-base.js";import{default as sm}from"./components/logos/logo-berachain-mono.js";import{default as pm}from"./components/logos/logo-berachain.js";import{default as um}from"./components/logos/logo-binance-mono.js";import{default as cm}from"./components/logos/logo-binance.js";import{default as im}from"./components/logos/logo-bit-bucket-mono.js";import{default as Lm}from"./components/logos/logo-bit-bucket.js";import{default as Mm}from"./components/logos/logo-bitcoin-mono.js";import{default as Bm}from"./components/logos/logo-bitcoin.js";import{default as Fm}from"./components/logos/logo-bnb-mono.js";import{default as wm}from"./components/logos/logo-bnb.js";import{default as Am}from"./components/logos/logo-celo-mono.js";import{default as Sm}from"./components/logos/logo-celo.js";import{default as Wm}from"./components/logos/logo-chiliz-mono.js";import{default as Dm}from"./components/logos/logo-chiliz.js";import{default as Gm}from"./components/logos/logo-cognito-mono.js";import{default as Om}from"./components/logos/logo-cognito.js";import{default as zm}from"./components/logos/logo-cosmos-mono.js";import{default as Zm}from"./components/logos/logo-cosmos.js";import{default as Um}from"./components/logos/logo-discord-mono.js";import{default as jm}from"./components/logos/logo-discord.js";import{default as Vm}from"./components/logos/logo-ethereum-mono.js";import{default as Jm}from"./components/logos/logo-ethereum.js";import{default as Ym}from"./components/logos/logo-etherlink-mono.js";import{default as $m}from"./components/logos/logo-etherlink.js";import{default as ep}from"./components/logos/logo-facebook-mono.js";import{default as ap}from"./components/logos/logo-facebook.js";import{default as fp}from"./components/logos/logo-flare-mono.js";import{default as sp}from"./components/logos/logo-flare.js";import{default as pp}from"./components/logos/logo-flow-mono.js";import{default as up}from"./components/logos/logo-flow.js";import{default as cp}from"./components/logos/logo-git-hub-mono.js";import{default as ip}from"./components/logos/logo-git-hub.js";import{default as Lp}from"./components/logos/logo-git-lab-mono.js";import{default as Mp}from"./components/logos/logo-git-lab.js";import{default as Bp}from"./components/logos/logo-google-mono.js";import{default as Fp}from"./components/logos/logo-google.js";import{default as wp}from"./components/logos/logo-harmony-mono.js";import{default as Ap}from"./components/logos/logo-harmony.js";import{default as Sp}from"./components/logos/logo-horizen-mono.js";import{default as Wp}from"./components/logos/logo-horizen.js";import{default as Dp}from"./components/logos/logo-icon-mono.js";import{default as Gp}from"./components/logos/logo-icon.js";import{default as Op}from"./components/logos/logo-immutable-x-mono.js";import{default as zp}from"./components/logos/logo-immutable-x.js";import{default as Zp}from"./components/logos/logo-link-by-stripe-mono.js";import{default as Up}from"./components/logos/logo-link-by-stripe.js";import{default as jp}from"./components/logos/logo-link-mono.js";import{default as Vp}from"./components/logos/logo-link.js";import{default as Jp}from"./components/logos/logo-linked-in-mono.js";import{default as Yp}from"./components/logos/logo-linked-in.js";import{default as $p}from"./components/logos/logo-loopring-mono.js";import{default as ed}from"./components/logos/logo-loopring.js";import{default as ad}from"./components/logos/logo-microsoft-mono.js";import{default as fd}from"./components/logos/logo-microsoft.js";import{default as sd}from"./components/logos/logo-moonbeam-mono.js";import{default as pd}from"./components/logos/logo-moonbeam.js";import{default as ud}from"./components/logos/logo-near-mono.js";import{default as cd}from"./components/logos/logo-near.js";import{default as id}from"./components/logos/logo-onramper-mono.js";import{default as Ld}from"./components/logos/logo-onramper.js";import{default as Md}from"./components/logos/logo-optimism-mono.js";import{default as Bd}from"./components/logos/logo-optimism.js";import{default as Fd}from"./components/logos/logo-pay-pal-mono.js";import{default as wd}from"./components/logos/logo-pay-pal-wordmark-mono.js";import{default as Ad}from"./components/logos/logo-pay-pal-wordmark.js";import{default as Sd}from"./components/logos/logo-pay-pal.js";import{default as Wd}from"./components/logos/logo-poa-mono.js";import{default as Dd}from"./components/logos/logo-poa.js";import{default as Gd}from"./components/logos/logo-polkadot-mono.js";import{default as Od}from"./components/logos/logo-polkadot.js";import{default as zd}from"./components/logos/logo-polygon-mono.js";import{default as Zd}from"./components/logos/logo-polygon.js";import{default as Ud}from"./components/logos/logo-rarichain-mono.js";import{default as jd}from"./components/logos/logo-rarichain.js";import{default as Vd}from"./components/logos/logo-sardine-mono.js";import{default as Jd}from"./components/logos/logo-sardine.js";import{default as Yd}from"./components/logos/logo-sei-mono.js";import{default as $d}from"./components/logos/logo-sei.js";import{default as eu}from"./components/logos/logo-solana-mono.js";import{default as au}from"./components/logos/logo-solana.js";import{default as fu}from"./components/logos/logo-stability-mono.js";import{default as su}from"./components/logos/logo-stability.js";import{default as pu}from"./components/logos/logo-sui-mono.js";import{default as uu}from"./components/logos/logo-sui.js";import{default as cu}from"./components/logos/logo-tezos-mono.js";import{default as iu}from"./components/logos/logo-tezos.js";import{default as Lu}from"./components/logos/logo-twitch-mono.js";import{default as Mu}from"./components/logos/logo-twitch.js";import{default as Bu}from"./components/logos/logo-twitter-mono.js";import{default as Fu}from"./components/logos/logo-twitter.js";import{default as wu}from"./components/logos/logo-wallet-connect-mono.js";import{default as Au}from"./components/logos/logo-wallet-connect.js";import{default as Su}from"./components/logos/logo-warpcast-mono.js";import{default as Wu}from"./components/logos/logo-warpcast.js";import{default as Du}from"./components/logos/logo-wax-mono.js";import{default as Gu}from"./components/logos/logo-wax.js";import{default as Ou}from"./components/logos/logo-xdc-mono.js";import{default as zu}from"./components/logos/logo-xdc.js";import{default as Zu}from"./components/logos/logo-zetachain-mono.js";import{default as Uu}from"./components/logos/logo-zetachain.js";import{default as ju}from"./components/logos/logo-zilliqa-mono.js";import{default as Vu}from"./components/logos/logo-zilliqa.js";import{default as Ju}from"./components/logos/logo-zksync-mono.js";import{default as Yu}from"./components/logos/logo-zksync.js";import{default as $u}from"./components/logos/pay-amex.js";import{default as ex}from"./components/logos/pay-discover.js";import{default as ax}from"./components/logos/pay-mastercard.js";import{default as fx}from"./components/logos/pay-visa.js";import{default as sx}from"./components/logos/presentation-logo.js";import{default as px}from"./components/logos/website-magic.js";import{default as ux}from"./components/logos/wlt-coinbase.js";import{default as cx}from"./components/logos/wlt-mattel.js";import{default as ix}from"./components/logos/wlt-metamask.js";import{default as Lx}from"./components/logos/wlt-phantom.js";import{default as Mx}from"./components/logos/wlt-rainbow.js";import{default as Bx}from"./components/logos/wlt-wallet-connect.js";import{default as Fx}from"./components/primitives/button.js";import{default as wx}from"./components/primitives/checkbox.js";import{DropdownOption as Ax,DropdownSelector as bx}from"./components/primitives/dropdown-selector.js";import{Popover as yx}from"./components/primitives/popover.js";import{Radio as Tx,RadioGroup as Dx}from"./components/primitives/radio.js";import{SegmentedControl as Gx,Tab as Rx}from"./components/primitives/segmented-control.js";import{default as vx}from"./components/primitives/switch.js";import{default as Hx}from"./components/primitives/text.js";import{VerifyPincode as Nx}from"./components/sections/verify-pincode.js";import{default as Xx}from"./components/utils/animate.js";import{ClientAssetLogo as Qx}from"./components/utils/client-asset-logo.js";import{default as qx}from"./components/utils/qr-code.js";import{default as Kx}from"./components/utils/secured-by-magic.js";import{default as _x}from"./components/utils/shared-logo.js";import{useCustomVars as oc}from"./hooks/theme.js";import{useToast as rc}from"./hooks/useToast.js";export{Xx as Animate,gt as BlcAlgorand,It as BlcAptos,kt as BlcArbitrum,ht as BlcAstar,Ct as BlcAvalanche,Pt as BlcBase,bt as BlcBerachain,yt as BlcBinance,Tt as BlcBitcoin,Et as BlcCelo,Rt as BlcChiliz,vt as BlcCosmos,Ht as BlcEthereum,Nt as BlcEtherlink,Xt as BlcFlow,Qt as BlcHarmony,qt as BlcIcon,Kt as BlcImmutableX,_t as BlcLoopring,of as BlcMoonbeam,rf as BlcNear,tf as BlcOptimism,lf as BlcPolkadot,mf as BlcPolygon,df as BlcRarichain,xf as BlcSolana,nf as BlcStability,Lf as BlcSui,Mf as BlcTezos,Bf as BlcWax,Ff as BlcZetachain,wf as BlcZilliqa,Af as BlcZksync,Fx as Button,k as Callout,r as Card,wx as Checkbox,Qx as ClientAssetLogo,t as Content,Na as CopyButton,tt as Dialogue,l as Drawer,Ax as DropdownOption,bx as DropdownSelector,Xa as EmailWbr,lt as Error,m as Footer,Sf as Fwk11ty,Wf as FwkAndroid,Df as FwkApple,Gf as FwkAuthy,Of as FwkBinanceFill,zf as FwkChrome,Zf as FwkElectron,Uf as FwkExpress,jf as FwkFauna,Vf as FwkFirebase,Jf as FwkGo,Yf as FwkGoogleAuthenticator,$f as FwkHasura,el as FwkJavascript,al as FwkJwt,fl as FwkLaravel,sl as FwkNextjs,pl as FwkNodejs,ul as FwkNuxtjs,cl as FwkPhp,il as FwkReact,Ll as FwkStrapi,Ml as FwkStripe,Bl as FwkVue,Fl as FwkWebflow,wl as FwkWordpress,Al as FwkZapier,d as Header,W as IcoAdd,G as IcoAlertCircle,D as IcoAlertCircleFill,O as IcoArrowDown,z as IcoArrowLeft,Z as IcoArrowRight,U as IcoArrowUp,V as IcoAsterisk,j as IcoAsteriskWithShield,J as IcoAstronaut,Y as IcoAtom,$ as IcoBank,ao as IcoBell,eo as IcoBellNotification,fo as IcoBlock,so as IcoBranding,po as IcoCaretDown,xo as IcoCaretLeft,no as IcoCaretRight,go as IcoCaretUp,ho as IcoCheckmark,ko as IcoCheckmarkCircle,Io as IcoCheckmarkCircleFill,bo as IcoCode,Co as IcoCodeEditor,Po as IcoCodeSandbox,yo as IcoCommandLine,To as IcoComment,Eo as IcoCopy,Ro as IcoCreditCard,vo as IcoDedicated,Ho as IcoDiamond,Qo as IcoDismiss,Xo as IcoDismissCircle,No as IcoDismissCircleFill,qo as IcoDoc,Ko as IcoDownload,oe as IcoEdit,_o as IcoEditEmail,le as IcoEmail,re as IcoEmailFill,te as IcoEmailOpen,me as IcoExpand,de as IcoExpiration,xe as IcoExternalLink,ne as IcoEyeClosed,ge as IcoEyeOpened,ke as IcoFingerprint,Ie as IcoFingerprintFill,he as IcoGas,Ce as IcoGift,Pe as IcoGlobe,be as IcoGuide,ye as IcoHome,Te as IcoHourglass,Re as IcoInfoCircle,Ee as IcoInfoCircleFill,ve as IcoKebab,He as IcoKey,Xe as IcoLightbulb,Ne as IcoLightbulbFill,qe as IcoLightning,Qe as IcoLightningFill,Ke as IcoLink,_e as IcoLoading,or as IcoLockLocked,rr as IcoLockPassword,lr as IcoLockUnlocked,tr as IcoLockUnlockedFill,mr as IcoLoginForm,dr as IcoMagic,xr as IcoMegaphone,nr as IcoMenu,Ir as IcoMessage,gr as IcoMessageFill,kr as IcoMfa,hr as IcoMinimize,Cr as IcoMobile2fa,Pr as IcoMobile2fafill,br as IcoOpenBook,yr as IcoPaperPlane,Tr as IcoPassport,Er as IcoPasswordless,Rr as IcoPendingConnection,vr as IcoPhone,Nr as IcoPolygonGas,Hr as IcoPolygonGasTestnet,Xr as IcoPrice,Qr as IcoQrcode,Kr as IcoQuestionCircle,qr as IcoQuestionCircleFill,oa as IcoRefresh,_r as IcoRefreshCircleFill,ra as IcoRocketFill,ta as IcoSearch,la as IcoSettings,ma as IcoShapes,na as IcoShield,da as IcoShieldApproved,xa as IcoShieldRejected,ga as IcoSocial,Ia as IcoSoldOutTag,ka as IcoStar,ha as IcoSwap,Ca as IcoSwatches,Pa as IcoTeam,ba as IcoTrash,ya as IcoUsers,Ea as IcoWallet,Ta as IcoWalletFill,Ra as IcoWand,Ha as IcoWarning,va as IcoWarningFill,Wl as IconArt,Sl as IconArtDark,Dl as IconDelete,Ol as IconEmail,Gl as IconEmailGlobe,Zl as IconGameController,zl as IconGameControllerDark,Ul as IconGenericToken,jl as IconMagicGlobe,Vl as IconMagicLogo,Yl as IconMusic,Jl as IconMusicDark,es as IconPerson,$l as IconPersonDark,as as IconProfileDark,fs as IconProfileLight,ss as IconReset,ps as IconSms,cs as IconTicket,us as IconTicketDark,Ms as IconWarning,is as IconWarningDark,Ls as IconWarningShield,h as LoadingSpinner,Fs as LogoAlgorand,Bs as LogoAlgorandMono,As as LogoApple,ws as LogoAppleMono,Ws as LogoAptos,Ss as LogoAptosMono,zs as LogoArbitrum,Ds as LogoArbitrumMono,Os as LogoArbitrumOne,Gs as LogoArbitrumOneMono,Us as LogoAstar,Zs as LogoAstarMono,Vs as LogoAuth0,js as LogoAuth0Mono,Ys as LogoAvalanche,Js as LogoAvalancheMono,em as LogoAzure,$s as LogoAzureMono,fm as LogoBase,am as LogoBaseMono,pm as LogoBerachain,sm as LogoBerachainMono,cm as LogoBinance,um as LogoBinanceMono,Lm as LogoBitBucket,im as LogoBitBucketMono,Bm as LogoBitcoin,Mm as LogoBitcoinMono,wm as LogoBnb,Fm as LogoBnbMono,Sm as LogoCelo,Am as LogoCeloMono,Dm as LogoChiliz,Wm as LogoChilizMono,Om as LogoCognito,Gm as LogoCognitoMono,Zm as LogoCosmos,zm as LogoCosmosMono,jm as LogoDiscord,Um as LogoDiscordMono,Jm as LogoEthereum,Vm as LogoEthereumMono,$m as LogoEtherlink,Ym as LogoEtherlinkMono,ap as LogoFacebook,ep as LogoFacebookMono,sp as LogoFlare,fp as LogoFlareMono,up as LogoFlow,pp as LogoFlowMono,ip as LogoGitHub,cp as LogoGitHubMono,Mp as LogoGitLab,Lp as LogoGitLabMono,Fp as LogoGoogle,Bp as LogoGoogleMono,Ap as LogoHarmony,wp as LogoHarmonyMono,Wp as LogoHorizen,Sp as LogoHorizenMono,Gp as LogoIcon,Dp as LogoIconMono,zp as LogoImmutableX,Op as LogoImmutableXMono,Vp as LogoLink,Up as LogoLinkByStripe,Zp as LogoLinkByStripeMono,jp as LogoLinkMono,Yp as LogoLinkedIn,Jp as LogoLinkedInMono,ed as LogoLoopring,$p as LogoLoopringMono,fd as LogoMicrosoft,ad as LogoMicrosoftMono,pd as LogoMoonbeam,sd as LogoMoonbeamMono,cd as LogoNear,ud as LogoNearMono,Ld as LogoOnramper,id as LogoOnramperMono,Bd as LogoOptimism,Md as LogoOptimismMono,Sd as LogoPayPal,Fd as LogoPayPalMono,Ad as LogoPayPalWordmark,wd as LogoPayPalWordmarkMono,Dd as LogoPoa,Wd as LogoPoaMono,Od as LogoPolkadot,Gd as LogoPolkadotMono,Zd as LogoPolygon,zd as LogoPolygonMono,jd as LogoRarichain,Ud as LogoRarichainMono,Jd as LogoSardine,Vd as LogoSardineMono,$d as LogoSei,Yd as LogoSeiMono,au as LogoSolana,eu as LogoSolanaMono,su as LogoStability,fu as LogoStabilityMono,uu as LogoSui,pu as LogoSuiMono,iu as LogoTezos,cu as LogoTezosMono,Mu as LogoTwitch,Lu as LogoTwitchMono,Fu as LogoTwitter,Bu as LogoTwitterMono,Au as LogoWalletConnect,wu as LogoWalletConnectMono,Wu as LogoWarpcast,Su as LogoWarpcastMono,Gu as LogoWax,Du as LogoWaxMono,zu as LogoXdc,Ou as LogoXdcMono,Uu as LogoZetachain,Zu as LogoZetachainMono,Vu as LogoZilliqa,ju as LogoZilliqaMono,Yu as LogoZksync,Ju as LogoZksyncMono,x as Modal,xt as NFTTile,dt as NavigationButton,n as Overlay,mt as Page,$u as PayAmex,ex as PayDiscover,ax as PayMastercard,g as PayPalButton,fx as PayVisa,_a as PhoneInput,ot as PinCodeInput,yx as Popover,sx as PresentationLogo,C as ProgressBar,qx as QRCode,Tx as Radio,Dx as RadioGroup,Kx as SecuredByMagic,Qa as SecurityOtp,Gx as SegmentedControl,_x as SharedLogo,I as SocialLoginButton,vx as Switch,Rx as Tab,Hx as Text,qa as TextBox,rt as TextInput,P as Toast,A as ToastProvider,nt as TokenListItem,S as Tooltip,Nx as VerifyPincode,Ka as WalletAddress,px as WebsiteMagic,ux as WltCoinbase,cx as WltMattel,ix as WltMetamask,Lx as WltPhantom,Mx as WltRainbow,Bx as WltWalletConnect,oc as useCustomVars,rc as useToast};
+import{Card as r}from"./components/containers/card.js";import{Content as t}from"./components/containers/content.js";import{Drawer as l}from"./components/containers/drawer.js";import{Footer as m}from"./components/containers/footer.js";import{Header as d}from"./components/containers/header.js";import{Modal as x}from"./components/containers/modal.js";import{Overlay as n}from"./components/containers/overlay.js";import{PayPalButton as g}from"./components/external/paypal-button.js";import{SocialLoginButton as I}from"./components/external/social-login-button.js";import{Callout as k}from"./components/feedback/callout.js";import{LoadingSpinner as h}from"./components/feedback/loading-spinner.js";import{ProgressBar as C}from"./components/feedback/progress-bar.js";import{Skeleton as P}from"./components/feedback/skeleton.js";import{Toast as b,ToastProvider as S}from"./components/feedback/toast-provider.js";import{default as W}from"./components/feedback/tooltip.js";import{default as D}from"./components/icons/ico-add.js";import{default as G}from"./components/icons/ico-alert-circle-fill.js";import{default as O}from"./components/icons/ico-alert-circle.js";import{default as z}from"./components/icons/ico-arrow-down.js";import{default as Z}from"./components/icons/ico-arrow-left.js";import{default as U}from"./components/icons/ico-arrow-right.js";import{default as j}from"./components/icons/ico-arrow-up.js";import{default as V}from"./components/icons/ico-asterisk-with-shield.js";import{default as J}from"./components/icons/ico-asterisk.js";import{default as Y}from"./components/icons/ico-astronaut.js";import{default as $}from"./components/icons/ico-atom.js";import{default as eo}from"./components/icons/ico-bank.js";import{default as ao}from"./components/icons/ico-bell-notification.js";import{default as fo}from"./components/icons/ico-bell.js";import{default as so}from"./components/icons/ico-block.js";import{default as po}from"./components/icons/ico-branding.js";import{default as xo}from"./components/icons/ico-caret-down.js";import{default as no}from"./components/icons/ico-caret-left.js";import{default as go}from"./components/icons/ico-caret-right.js";import{default as Io}from"./components/icons/ico-caret-up.js";import{default as ko}from"./components/icons/ico-checkmark-circle-fill.js";import{default as ho}from"./components/icons/ico-checkmark-circle.js";import{default as Co}from"./components/icons/ico-checkmark.js";import{default as Po}from"./components/icons/ico-code-editor.js";import{default as bo}from"./components/icons/ico-code-sandbox.js";import{default as yo}from"./components/icons/ico-code.js";import{default as To}from"./components/icons/ico-command-line.js";import{default as Eo}from"./components/icons/ico-comment.js";import{default as Ro}from"./components/icons/ico-copy.js";import{default as vo}from"./components/icons/ico-credit-card.js";import{default as Ho}from"./components/icons/ico-dedicated.js";import{default as No}from"./components/icons/ico-diamond.js";import{default as Xo}from"./components/icons/ico-dismiss-circle-fill.js";import{default as Qo}from"./components/icons/ico-dismiss-circle.js";import{default as qo}from"./components/icons/ico-dismiss.js";import{default as Ko}from"./components/icons/ico-doc.js";import{default as _o}from"./components/icons/ico-download.js";import{default as oe}from"./components/icons/ico-edit-email.js";import{default as re}from"./components/icons/ico-edit.js";import{default as te}from"./components/icons/ico-email-fill.js";import{default as le}from"./components/icons/ico-email-open.js";import{default as me}from"./components/icons/ico-email.js";import{default as de}from"./components/icons/ico-expand.js";import{default as xe}from"./components/icons/ico-expiration.js";import{default as ne}from"./components/icons/ico-external-link.js";import{default as ge}from"./components/icons/ico-eye-closed.js";import{default as Ie}from"./components/icons/ico-eye-opened.js";import{default as ke}from"./components/icons/ico-fingerprint-fill.js";import{default as he}from"./components/icons/ico-fingerprint.js";import{default as Ce}from"./components/icons/ico-gas.js";import{default as Pe}from"./components/icons/ico-gift.js";import{default as be}from"./components/icons/ico-globe.js";import{default as ye}from"./components/icons/ico-guide.js";import{default as Te}from"./components/icons/ico-home.js";import{default as Ee}from"./components/icons/ico-hourglass.js";import{default as Re}from"./components/icons/ico-info-circle-fill.js";import{default as ve}from"./components/icons/ico-info-circle.js";import{default as He}from"./components/icons/ico-kebab.js";import{default as Ne}from"./components/icons/ico-key.js";import{default as Xe}from"./components/icons/ico-lightbulb-fill.js";import{default as Qe}from"./components/icons/ico-lightbulb.js";import{default as qe}from"./components/icons/ico-lightning-fill.js";import{default as Ke}from"./components/icons/ico-lightning.js";import{default as _e}from"./components/icons/ico-link.js";import{default as or}from"./components/icons/ico-loading.js";import{default as rr}from"./components/icons/ico-lock-locked.js";import{default as tr}from"./components/icons/ico-lock-password.js";import{default as lr}from"./components/icons/ico-lock-unlocked-fill.js";import{default as mr}from"./components/icons/ico-lock-unlocked.js";import{default as dr}from"./components/icons/ico-login-form.js";import{default as xr}from"./components/icons/ico-magic.js";import{default as nr}from"./components/icons/ico-megaphone.js";import{default as gr}from"./components/icons/ico-menu.js";import{default as Ir}from"./components/icons/ico-message-fill.js";import{default as kr}from"./components/icons/ico-message.js";import{default as hr}from"./components/icons/ico-mfa.js";import{default as Cr}from"./components/icons/ico-minimize.js";import{default as Pr}from"./components/icons/ico-mobile2fa.js";import{default as br}from"./components/icons/ico-mobile2fafill.js";import{default as yr}from"./components/icons/ico-open-book.js";import{default as Tr}from"./components/icons/ico-paper-plane.js";import{default as Er}from"./components/icons/ico-passport.js";import{default as Rr}from"./components/icons/ico-passwordless.js";import{default as vr}from"./components/icons/ico-pending-connection.js";import{default as Hr}from"./components/icons/ico-phone.js";import{default as Nr}from"./components/icons/ico-polygon-gas-testnet.js";import{default as Xr}from"./components/icons/ico-polygon-gas.js";import{default as Qr}from"./components/icons/ico-price.js";import{default as qr}from"./components/icons/ico-qrcode.js";import{default as Kr}from"./components/icons/ico-question-circle-fill.js";import{default as _r}from"./components/icons/ico-question-circle.js";import{default as oa}from"./components/icons/ico-refresh-circle-fill.js";import{default as ra}from"./components/icons/ico-refresh.js";import{default as ta}from"./components/icons/ico-rocket-fill.js";import{default as la}from"./components/icons/ico-search.js";import{default as ma}from"./components/icons/ico-settings.js";import{default as da}from"./components/icons/ico-shapes.js";import{default as xa}from"./components/icons/ico-shield-approved.js";import{default as na}from"./components/icons/ico-shield-rejected.js";import{default as ga}from"./components/icons/ico-shield.js";import{default as Ia}from"./components/icons/ico-social.js";import{default as ka}from"./components/icons/ico-sold-out-tag.js";import{default as ha}from"./components/icons/ico-star.js";import{default as Ca}from"./components/icons/ico-swap.js";import{default as Pa}from"./components/icons/ico-swatches.js";import{default as ba}from"./components/icons/ico-team.js";import{default as ya}from"./components/icons/ico-trash.js";import{default as Ta}from"./components/icons/ico-users.js";import{default as Ea}from"./components/icons/ico-wallet-fill.js";import{default as Ra}from"./components/icons/ico-wallet.js";import{default as va}from"./components/icons/ico-wand.js";import{default as Ha}from"./components/icons/ico-warning-fill.js";import{default as Na}from"./components/icons/ico-warning.js";import{default as Xa}from"./components/info/copy-button.js";import{default as Qa}from"./components/info/email-wbr.js";import{default as qa}from"./components/info/security-otp.js";import{default as Ka}from"./components/info/text-box.js";import{default as _a}from"./components/info/wallet-address.js";import{default as ot}from"./components/inputs/phone-input.js";import{PinCodeInput as rt}from"./components/inputs/pincode-input.js";import{TextInput as tt}from"./components/inputs/text-input.js";import{Dialogue as lt}from"./components/layouts/dialogue.js";import{Error as mt}from"./components/layouts/error.js";import{Page as dt}from"./components/layouts/page.js";import{default as xt}from"./components/list-items/navigation-button.js";import{NFTTile as nt}from"./components/list-items/nft-tile.js";import{TokenListItem as gt}from"./components/list-items/token-list-item.js";import{TransactionRow as It}from"./components/list-items/transaction-row.js";import{default as kt}from"./components/logos/blc-algorand.js";import{default as ht}from"./components/logos/blc-aptos.js";import{default as Ct}from"./components/logos/blc-arbitrum.js";import{default as Pt}from"./components/logos/blc-astar.js";import{default as bt}from"./components/logos/blc-avalanche.js";import{default as yt}from"./components/logos/blc-base.js";import{default as Tt}from"./components/logos/blc-berachain.js";import{default as Et}from"./components/logos/blc-binance.js";import{default as Rt}from"./components/logos/blc-bitcoin.js";import{default as vt}from"./components/logos/blc-celo.js";import{default as Ht}from"./components/logos/blc-chiliz.js";import{default as Nt}from"./components/logos/blc-cosmos.js";import{default as Xt}from"./components/logos/blc-ethereum.js";import{default as Qt}from"./components/logos/blc-etherlink.js";import{default as qt}from"./components/logos/blc-flow.js";import{default as Kt}from"./components/logos/blc-harmony.js";import{default as _t}from"./components/logos/blc-icon.js";import{default as of}from"./components/logos/blc-immutable-x.js";import{default as rf}from"./components/logos/blc-loopring.js";import{default as tf}from"./components/logos/blc-moonbeam.js";import{default as lf}from"./components/logos/blc-near.js";import{default as mf}from"./components/logos/blc-optimism.js";import{default as df}from"./components/logos/blc-polkadot.js";import{default as xf}from"./components/logos/blc-polygon.js";import{default as nf}from"./components/logos/blc-rarichain.js";import{default as Lf}from"./components/logos/blc-solana.js";import{default as Mf}from"./components/logos/blc-stability.js";import{default as Bf}from"./components/logos/blc-sui.js";import{default as Ff}from"./components/logos/blc-tezos.js";import{default as wf}from"./components/logos/blc-wax.js";import{default as Af}from"./components/logos/blc-zetachain.js";import{default as Sf}from"./components/logos/blc-zilliqa.js";import{default as Wf}from"./components/logos/blc-zksync.js";import{default as Df}from"./components/logos/fwk-11ty.js";import{default as Gf}from"./components/logos/fwk-android.js";import{default as Of}from"./components/logos/fwk-apple.js";import{default as zf}from"./components/logos/fwk-authy.js";import{default as Zf}from"./components/logos/fwk-binance-fill.js";import{default as Uf}from"./components/logos/fwk-chrome.js";import{default as jf}from"./components/logos/fwk-electron.js";import{default as Vf}from"./components/logos/fwk-express.js";import{default as Jf}from"./components/logos/fwk-fauna.js";import{default as Yf}from"./components/logos/fwk-firebase.js";import{default as $f}from"./components/logos/fwk-go.js";import{default as el}from"./components/logos/fwk-google-authenticator.js";import{default as al}from"./components/logos/fwk-hasura.js";import{default as fl}from"./components/logos/fwk-javascript.js";import{default as sl}from"./components/logos/fwk-jwt.js";import{default as pl}from"./components/logos/fwk-laravel.js";import{default as ul}from"./components/logos/fwk-nextjs.js";import{default as cl}from"./components/logos/fwk-nodejs.js";import{default as il}from"./components/logos/fwk-nuxtjs.js";import{default as Ll}from"./components/logos/fwk-php.js";import{default as Ml}from"./components/logos/fwk-react.js";import{default as Bl}from"./components/logos/fwk-strapi.js";import{default as Fl}from"./components/logos/fwk-stripe.js";import{default as wl}from"./components/logos/fwk-vue.js";import{default as Al}from"./components/logos/fwk-webflow.js";import{default as Sl}from"./components/logos/fwk-wordpress.js";import{default as Wl}from"./components/logos/fwk-zapier.js";import{default as Dl}from"./components/logos/icon-art-dark.js";import{default as Gl}from"./components/logos/icon-art.js";import{default as Ol}from"./components/logos/icon-delete.js";import{default as zl}from"./components/logos/icon-email-globe.js";import{default as Zl}from"./components/logos/icon-email.js";import{default as Ul}from"./components/logos/icon-game-controller-dark.js";import{default as jl}from"./components/logos/icon-game-controller.js";import{default as Vl}from"./components/logos/icon-generic-token.js";import{default as Jl}from"./components/logos/icon-magic-globe.js";import{default as Yl}from"./components/logos/icon-magic-logo.js";import{default as $l}from"./components/logos/icon-music-dark.js";import{default as es}from"./components/logos/icon-music.js";import{default as as}from"./components/logos/icon-person-dark.js";import{default as fs}from"./components/logos/icon-person.js";import{default as ss}from"./components/logos/icon-profile-dark.js";import{default as ps}from"./components/logos/icon-profile-light.js";import{default as us}from"./components/logos/icon-reset.js";import{default as cs}from"./components/logos/icon-sms.js";import{default as is}from"./components/logos/icon-ticket-dark.js";import{default as Ls}from"./components/logos/icon-ticket.js";import{default as Ms}from"./components/logos/icon-warning-dark.js";import{default as Bs}from"./components/logos/icon-warning-shield.js";import{default as Fs}from"./components/logos/icon-warning.js";import{default as ws}from"./components/logos/logo-algorand-mono.js";import{default as As}from"./components/logos/logo-algorand.js";import{default as Ss}from"./components/logos/logo-apple-mono.js";import{default as Ws}from"./components/logos/logo-apple.js";import{default as Ds}from"./components/logos/logo-aptos-mono.js";import{default as Gs}from"./components/logos/logo-aptos.js";import{default as Os}from"./components/logos/logo-arbitrum-mono.js";import{default as zs}from"./components/logos/logo-arbitrum-one-mono.js";import{default as Zs}from"./components/logos/logo-arbitrum-one.js";import{default as Us}from"./components/logos/logo-arbitrum.js";import{default as js}from"./components/logos/logo-astar-mono.js";import{default as Vs}from"./components/logos/logo-astar.js";import{default as Js}from"./components/logos/logo-auth0-mono.js";import{default as Ys}from"./components/logos/logo-auth0.js";import{default as $s}from"./components/logos/logo-avalanche-mono.js";import{default as em}from"./components/logos/logo-avalanche.js";import{default as am}from"./components/logos/logo-azure-mono.js";import{default as fm}from"./components/logos/logo-azure.js";import{default as sm}from"./components/logos/logo-base-mono.js";import{default as pm}from"./components/logos/logo-base.js";import{default as um}from"./components/logos/logo-berachain-mono.js";import{default as cm}from"./components/logos/logo-berachain.js";import{default as im}from"./components/logos/logo-binance-mono.js";import{default as Lm}from"./components/logos/logo-binance.js";import{default as Mm}from"./components/logos/logo-bit-bucket-mono.js";import{default as Bm}from"./components/logos/logo-bit-bucket.js";import{default as Fm}from"./components/logos/logo-bitcoin-mono.js";import{default as wm}from"./components/logos/logo-bitcoin.js";import{default as Am}from"./components/logos/logo-bnb-mono.js";import{default as Sm}from"./components/logos/logo-bnb.js";import{default as Wm}from"./components/logos/logo-celo-mono.js";import{default as Dm}from"./components/logos/logo-celo.js";import{default as Gm}from"./components/logos/logo-chiliz-mono.js";import{default as Om}from"./components/logos/logo-chiliz.js";import{default as zm}from"./components/logos/logo-cognito-mono.js";import{default as Zm}from"./components/logos/logo-cognito.js";import{default as Um}from"./components/logos/logo-cosmos-mono.js";import{default as jm}from"./components/logos/logo-cosmos.js";import{default as Vm}from"./components/logos/logo-discord-mono.js";import{default as Jm}from"./components/logos/logo-discord.js";import{default as Ym}from"./components/logos/logo-ethereum-mono.js";import{default as $m}from"./components/logos/logo-ethereum.js";import{default as ep}from"./components/logos/logo-etherlink-mono.js";import{default as ap}from"./components/logos/logo-etherlink.js";import{default as fp}from"./components/logos/logo-facebook-mono.js";import{default as sp}from"./components/logos/logo-facebook.js";import{default as pp}from"./components/logos/logo-flare-mono.js";import{default as up}from"./components/logos/logo-flare.js";import{default as cp}from"./components/logos/logo-flow-mono.js";import{default as ip}from"./components/logos/logo-flow.js";import{default as Lp}from"./components/logos/logo-git-hub-mono.js";import{default as Mp}from"./components/logos/logo-git-hub.js";import{default as Bp}from"./components/logos/logo-git-lab-mono.js";import{default as Fp}from"./components/logos/logo-git-lab.js";import{default as wp}from"./components/logos/logo-google-mono.js";import{default as Ap}from"./components/logos/logo-google.js";import{default as Sp}from"./components/logos/logo-harmony-mono.js";import{default as Wp}from"./components/logos/logo-harmony.js";import{default as Dp}from"./components/logos/logo-horizen-mono.js";import{default as Gp}from"./components/logos/logo-horizen.js";import{default as Op}from"./components/logos/logo-icon-mono.js";import{default as zp}from"./components/logos/logo-icon.js";import{default as Zp}from"./components/logos/logo-immutable-x-mono.js";import{default as Up}from"./components/logos/logo-immutable-x.js";import{default as jp}from"./components/logos/logo-link-by-stripe-mono.js";import{default as Vp}from"./components/logos/logo-link-by-stripe.js";import{default as Jp}from"./components/logos/logo-link-mono.js";import{default as Yp}from"./components/logos/logo-link.js";import{default as $p}from"./components/logos/logo-linked-in-mono.js";import{default as ed}from"./components/logos/logo-linked-in.js";import{default as ad}from"./components/logos/logo-loopring-mono.js";import{default as fd}from"./components/logos/logo-loopring.js";import{default as sd}from"./components/logos/logo-microsoft-mono.js";import{default as pd}from"./components/logos/logo-microsoft.js";import{default as ud}from"./components/logos/logo-moonbeam-mono.js";import{default as cd}from"./components/logos/logo-moonbeam.js";import{default as id}from"./components/logos/logo-near-mono.js";import{default as Ld}from"./components/logos/logo-near.js";import{default as Md}from"./components/logos/logo-onramper-mono.js";import{default as Bd}from"./components/logos/logo-onramper.js";import{default as Fd}from"./components/logos/logo-optimism-mono.js";import{default as wd}from"./components/logos/logo-optimism.js";import{default as Ad}from"./components/logos/logo-pay-pal-mono.js";import{default as Sd}from"./components/logos/logo-pay-pal-wordmark-mono.js";import{default as Wd}from"./components/logos/logo-pay-pal-wordmark.js";import{default as Dd}from"./components/logos/logo-pay-pal.js";import{default as Gd}from"./components/logos/logo-poa-mono.js";import{default as Od}from"./components/logos/logo-poa.js";import{default as zd}from"./components/logos/logo-polkadot-mono.js";import{default as Zd}from"./components/logos/logo-polkadot.js";import{default as Ud}from"./components/logos/logo-polygon-mono.js";import{default as jd}from"./components/logos/logo-polygon.js";import{default as Vd}from"./components/logos/logo-rarichain-mono.js";import{default as Jd}from"./components/logos/logo-rarichain.js";import{default as Yd}from"./components/logos/logo-sardine-mono.js";import{default as $d}from"./components/logos/logo-sardine.js";import{default as eu}from"./components/logos/logo-sei-mono.js";import{default as au}from"./components/logos/logo-sei.js";import{default as fu}from"./components/logos/logo-solana-mono.js";import{default as su}from"./components/logos/logo-solana.js";import{default as pu}from"./components/logos/logo-stability-mono.js";import{default as uu}from"./components/logos/logo-stability.js";import{default as cu}from"./components/logos/logo-sui-mono.js";import{default as iu}from"./components/logos/logo-sui.js";import{default as Lu}from"./components/logos/logo-tezos-mono.js";import{default as Mu}from"./components/logos/logo-tezos.js";import{default as Bu}from"./components/logos/logo-twitch-mono.js";import{default as Fu}from"./components/logos/logo-twitch.js";import{default as wu}from"./components/logos/logo-twitter-mono.js";import{default as Au}from"./components/logos/logo-twitter.js";import{default as Su}from"./components/logos/logo-wallet-connect-mono.js";import{default as Wu}from"./components/logos/logo-wallet-connect.js";import{default as Du}from"./components/logos/logo-warpcast-mono.js";import{default as Gu}from"./components/logos/logo-warpcast.js";import{default as Ou}from"./components/logos/logo-wax-mono.js";import{default as zu}from"./components/logos/logo-wax.js";import{default as Zu}from"./components/logos/logo-xdc-mono.js";import{default as Uu}from"./components/logos/logo-xdc.js";import{default as ju}from"./components/logos/logo-zetachain-mono.js";import{default as Vu}from"./components/logos/logo-zetachain.js";import{default as Ju}from"./components/logos/logo-zilliqa-mono.js";import{default as Yu}from"./components/logos/logo-zilliqa.js";import{default as $u}from"./components/logos/logo-zksync-mono.js";import{default as ex}from"./components/logos/logo-zksync.js";import{default as ax}from"./components/logos/pay-amex.js";import{default as fx}from"./components/logos/pay-discover.js";import{default as sx}from"./components/logos/pay-mastercard.js";import{default as px}from"./components/logos/pay-visa.js";import{default as ux}from"./components/logos/presentation-logo.js";import{default as cx}from"./components/logos/website-magic.js";import{default as ix}from"./components/logos/wlt-coinbase.js";import{default as Lx}from"./components/logos/wlt-mattel.js";import{default as Mx}from"./components/logos/wlt-metamask.js";import{default as Bx}from"./components/logos/wlt-phantom.js";import{default as Fx}from"./components/logos/wlt-rainbow.js";import{default as wx}from"./components/logos/wlt-wallet-connect.js";import{default as Ax}from"./components/primitives/button.js";import{default as Sx}from"./components/primitives/checkbox.js";import{DropdownOption as Wx,DropdownSelector as Tx}from"./components/primitives/dropdown-selector.js";import{Popover as Ex}from"./components/primitives/popover.js";import{Radio as Rx,RadioGroup as Ox}from"./components/primitives/radio.js";import{SegmentedControl as zx,Tab as Hx}from"./components/primitives/segmented-control.js";import{default as Nx}from"./components/primitives/switch.js";import{default as Xx}from"./components/primitives/text.js";import{VerifyPincode as Qx}from"./components/sections/verify-pincode.js";import{default as qx}from"./components/utils/animate.js";import{ClientAssetLogo as Kx}from"./components/utils/client-asset-logo.js";import{default as _x}from"./components/utils/qr-code.js";import{default as oc}from"./components/utils/secured-by-magic.js";import{default as rc}from"./components/utils/shared-logo.js";import{useCustomVars as tc}from"./hooks/theme.js";import{useToast as lc}from"./hooks/useToast.js";export{qx as Animate,kt as BlcAlgorand,ht as BlcAptos,Ct as BlcArbitrum,Pt as BlcAstar,bt as BlcAvalanche,yt as BlcBase,Tt as BlcBerachain,Et as BlcBinance,Rt as BlcBitcoin,vt as BlcCelo,Ht as BlcChiliz,Nt as BlcCosmos,Xt as BlcEthereum,Qt as BlcEtherlink,qt as BlcFlow,Kt as BlcHarmony,_t as BlcIcon,of as BlcImmutableX,rf as BlcLoopring,tf as BlcMoonbeam,lf as BlcNear,mf as BlcOptimism,df as BlcPolkadot,xf as BlcPolygon,nf as BlcRarichain,Lf as BlcSolana,Mf as BlcStability,Bf as BlcSui,Ff as BlcTezos,wf as BlcWax,Af as BlcZetachain,Sf as BlcZilliqa,Wf as BlcZksync,Ax as Button,k as Callout,r as Card,Sx as Checkbox,Kx as ClientAssetLogo,t as Content,Xa as CopyButton,lt as Dialogue,l as Drawer,Wx as DropdownOption,Tx as DropdownSelector,Qa as EmailWbr,mt as Error,m as Footer,Df as Fwk11ty,Gf as FwkAndroid,Of as FwkApple,zf as FwkAuthy,Zf as FwkBinanceFill,Uf as FwkChrome,jf as FwkElectron,Vf as FwkExpress,Jf as FwkFauna,Yf as FwkFirebase,$f as FwkGo,el as FwkGoogleAuthenticator,al as FwkHasura,fl as FwkJavascript,sl as FwkJwt,pl as FwkLaravel,ul as FwkNextjs,cl as FwkNodejs,il as FwkNuxtjs,Ll as FwkPhp,Ml as FwkReact,Bl as FwkStrapi,Fl as FwkStripe,wl as FwkVue,Al as FwkWebflow,Sl as FwkWordpress,Wl as FwkZapier,d as Header,D as IcoAdd,O as IcoAlertCircle,G as IcoAlertCircleFill,z as IcoArrowDown,Z as IcoArrowLeft,U as IcoArrowRight,j as IcoArrowUp,J as IcoAsterisk,V as IcoAsteriskWithShield,Y as IcoAstronaut,$ as IcoAtom,eo as IcoBank,fo as IcoBell,ao as IcoBellNotification,so as IcoBlock,po as IcoBranding,xo as IcoCaretDown,no as IcoCaretLeft,go as IcoCaretRight,Io as IcoCaretUp,Co as IcoCheckmark,ho as IcoCheckmarkCircle,ko as IcoCheckmarkCircleFill,yo as IcoCode,Po as IcoCodeEditor,bo as IcoCodeSandbox,To as IcoCommandLine,Eo as IcoComment,Ro as IcoCopy,vo as IcoCreditCard,Ho as IcoDedicated,No as IcoDiamond,qo as IcoDismiss,Qo as IcoDismissCircle,Xo as IcoDismissCircleFill,Ko as IcoDoc,_o as IcoDownload,re as IcoEdit,oe as IcoEditEmail,me as IcoEmail,te as IcoEmailFill,le as IcoEmailOpen,de as IcoExpand,xe as IcoExpiration,ne as IcoExternalLink,ge as IcoEyeClosed,Ie as IcoEyeOpened,he as IcoFingerprint,ke as IcoFingerprintFill,Ce as IcoGas,Pe as IcoGift,be as IcoGlobe,ye as IcoGuide,Te as IcoHome,Ee as IcoHourglass,ve as IcoInfoCircle,Re as IcoInfoCircleFill,He as IcoKebab,Ne as IcoKey,Qe as IcoLightbulb,Xe as IcoLightbulbFill,Ke as IcoLightning,qe as IcoLightningFill,_e as IcoLink,or as IcoLoading,rr as IcoLockLocked,tr as IcoLockPassword,mr as IcoLockUnlocked,lr as IcoLockUnlockedFill,dr as IcoLoginForm,xr as IcoMagic,nr as IcoMegaphone,gr as IcoMenu,kr as IcoMessage,Ir as IcoMessageFill,hr as IcoMfa,Cr as IcoMinimize,Pr as IcoMobile2fa,br as IcoMobile2fafill,yr as IcoOpenBook,Tr as IcoPaperPlane,Er as IcoPassport,Rr as IcoPasswordless,vr as IcoPendingConnection,Hr as IcoPhone,Xr as IcoPolygonGas,Nr as IcoPolygonGasTestnet,Qr as IcoPrice,qr as IcoQrcode,_r as IcoQuestionCircle,Kr as IcoQuestionCircleFill,ra as IcoRefresh,oa as IcoRefreshCircleFill,ta as IcoRocketFill,la as IcoSearch,ma as IcoSettings,da as IcoShapes,ga as IcoShield,xa as IcoShieldApproved,na as IcoShieldRejected,Ia as IcoSocial,ka as IcoSoldOutTag,ha as IcoStar,Ca as IcoSwap,Pa as IcoSwatches,ba as IcoTeam,ya as IcoTrash,Ta as IcoUsers,Ra as IcoWallet,Ea as IcoWalletFill,va as IcoWand,Na as IcoWarning,Ha as IcoWarningFill,Gl as IconArt,Dl as IconArtDark,Ol as IconDelete,Zl as IconEmail,zl as IconEmailGlobe,jl as IconGameController,Ul as IconGameControllerDark,Vl as IconGenericToken,Jl as IconMagicGlobe,Yl as IconMagicLogo,es as IconMusic,$l as IconMusicDark,fs as IconPerson,as as IconPersonDark,ss as IconProfileDark,ps as IconProfileLight,us as IconReset,cs as IconSms,Ls as IconTicket,is as IconTicketDark,Fs as IconWarning,Ms as IconWarningDark,Bs as IconWarningShield,h as LoadingSpinner,As as LogoAlgorand,ws as LogoAlgorandMono,Ws as LogoApple,Ss as LogoAppleMono,Gs as LogoAptos,Ds as LogoAptosMono,Us as LogoArbitrum,Os as LogoArbitrumMono,Zs as LogoArbitrumOne,zs as LogoArbitrumOneMono,Vs as LogoAstar,js as LogoAstarMono,Ys as LogoAuth0,Js as LogoAuth0Mono,em as LogoAvalanche,$s as LogoAvalancheMono,fm as LogoAzure,am as LogoAzureMono,pm as LogoBase,sm as LogoBaseMono,cm as LogoBerachain,um as LogoBerachainMono,Lm as LogoBinance,im as LogoBinanceMono,Bm as LogoBitBucket,Mm as LogoBitBucketMono,wm as LogoBitcoin,Fm as LogoBitcoinMono,Sm as LogoBnb,Am as LogoBnbMono,Dm as LogoCelo,Wm as LogoCeloMono,Om as LogoChiliz,Gm as LogoChilizMono,Zm as LogoCognito,zm as LogoCognitoMono,jm as LogoCosmos,Um as LogoCosmosMono,Jm as LogoDiscord,Vm as LogoDiscordMono,$m as LogoEthereum,Ym as LogoEthereumMono,ap as LogoEtherlink,ep as LogoEtherlinkMono,sp as LogoFacebook,fp as LogoFacebookMono,up as LogoFlare,pp as LogoFlareMono,ip as LogoFlow,cp as LogoFlowMono,Mp as LogoGitHub,Lp as LogoGitHubMono,Fp as LogoGitLab,Bp as LogoGitLabMono,Ap as LogoGoogle,wp as LogoGoogleMono,Wp as LogoHarmony,Sp as LogoHarmonyMono,Gp as LogoHorizen,Dp as LogoHorizenMono,zp as LogoIcon,Op as LogoIconMono,Up as LogoImmutableX,Zp as LogoImmutableXMono,Yp as LogoLink,Vp as LogoLinkByStripe,jp as LogoLinkByStripeMono,Jp as LogoLinkMono,ed as LogoLinkedIn,$p as LogoLinkedInMono,fd as LogoLoopring,ad as LogoLoopringMono,pd as LogoMicrosoft,sd as LogoMicrosoftMono,cd as LogoMoonbeam,ud as LogoMoonbeamMono,Ld as LogoNear,id as LogoNearMono,Bd as LogoOnramper,Md as LogoOnramperMono,wd as LogoOptimism,Fd as LogoOptimismMono,Dd as LogoPayPal,Ad as LogoPayPalMono,Wd as LogoPayPalWordmark,Sd as LogoPayPalWordmarkMono,Od as LogoPoa,Gd as LogoPoaMono,Zd as LogoPolkadot,zd as LogoPolkadotMono,jd as LogoPolygon,Ud as LogoPolygonMono,Jd as LogoRarichain,Vd as LogoRarichainMono,$d as LogoSardine,Yd as LogoSardineMono,au as LogoSei,eu as LogoSeiMono,su as LogoSolana,fu as LogoSolanaMono,uu as LogoStability,pu as LogoStabilityMono,iu as LogoSui,cu as LogoSuiMono,Mu as LogoTezos,Lu as LogoTezosMono,Fu as LogoTwitch,Bu as LogoTwitchMono,Au as LogoTwitter,wu as LogoTwitterMono,Wu as LogoWalletConnect,Su as LogoWalletConnectMono,Gu as LogoWarpcast,Du as LogoWarpcastMono,zu as LogoWax,Ou as LogoWaxMono,Uu as LogoXdc,Zu as LogoXdcMono,Vu as LogoZetachain,ju as LogoZetachainMono,Yu as LogoZilliqa,Ju as LogoZilliqaMono,ex as LogoZksync,$u as LogoZksyncMono,x as Modal,nt as NFTTile,xt as NavigationButton,n as Overlay,dt as Page,ax as PayAmex,fx as PayDiscover,sx as PayMastercard,g as PayPalButton,px as PayVisa,ot as PhoneInput,rt as PinCodeInput,Ex as Popover,ux as PresentationLogo,C as ProgressBar,_x as QRCode,Rx as Radio,Ox as RadioGroup,oc as SecuredByMagic,qa as SecurityOtp,zx as SegmentedControl,rc as SharedLogo,P as Skeleton,I as SocialLoginButton,Nx as Switch,Hx as Tab,Xx as Text,Ka as TextBox,tt as TextInput,b as Toast,S as ToastProvider,gt as TokenListItem,W as Tooltip,It as TransactionRow,Qx as VerifyPincode,_a as WalletAddress,cx as WebsiteMagic,ix as WltCoinbase,Lx as WltMattel,Mx as WltMetamask,Bx as WltPhantom,Fx as WltRainbow,wx as WltWalletConnect,tc as useCustomVars,lc as useToast};
 //# sourceMappingURL=index.js.map

package/dist/es/styles/keyframes.js

@@ -1,2 +1,2 @@
-import{defineKeyframes as a}from"@pandacss/dev";const t=a({fadeIn:{"0%":{opacity:"0"}},fadeOut:{"100%":{opacity:"0"}},scaleIn:{"0%":{opacity:"0"},"100%":{opacity:"1",scale:"1"}},scaleOut:{"0%":{opacity:"1",scale:"1"},"100%":{opacity:"0",scale:"0.9"}},slideIn:{"0%":{opacity:"0",transform:"translateY(1.25rem)"},"100%":{opacity:"1",transform:"translateY(0)"}},slideOut:{"0%":{opacity:"1",transform:"translateY(0)"},"100%":{opacity:"0",transform:"translateY(1.25rem)"}},moveRight:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(1.25rem)"},"100%":{transform:"translateX(1.2rem)"}},moveLeft:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(-1.25rem)"},"100%":{transform:"translateX(-1.2rem)"}}});export{t as keyframes};
+import{defineKeyframes as t}from"@pandacss/dev";const a=t({fadeIn:{"0%":{opacity:"0"}},fadeOut:{"100%":{opacity:"0"}},scaleIn:{"0%":{opacity:"0"},"100%":{opacity:"1",scale:"1"}},scaleOut:{"0%":{opacity:"1",scale:"1"},"100%":{opacity:"0",scale:"0.9"}},slideIn:{"0%":{opacity:"0",transform:"translateY(1.25rem)"},"100%":{opacity:"1",transform:"translateY(0)"}},slideOut:{"0%":{opacity:"1",transform:"translateY(0)"},"100%":{opacity:"0",transform:"translateY(1.25rem)"}},slideRight:{"0% ":{left:"-150%"},"100%":{left:"175%"}},moveRight:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(1.25rem)"},"100%":{transform:"translateX(1.2rem)"}},moveLeft:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(-1.25rem)"},"100%":{transform:"translateX(-1.2rem)"}}});export{a as keyframes};
 //# sourceMappingURL=keyframes.js.map

package/dist/es/styles/keyframes.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyframes.js","sources":["../../../src/styles/keyframes.ts"],"sourcesContent":["import { defineKeyframes } from '@pandacss/dev';\n\nexport const keyframes = defineKeyframes({\n  fadeIn: {\n    '0%': { opacity: '0' },\n  },\n  fadeOut: {\n    '100%': { opacity: '0' },\n  },\n  scaleIn: {\n    '0%': { opacity: '0' },\n    '100%': { opacity: '1', scale: '1' },\n  },\n  scaleOut: {\n    '0%': { opacity: '1', scale: '1' },\n    '100%': { opacity: '0', scale: '0.9' },\n  },\n  slideIn: {\n    '0%': {\n      opacity: '0',\n      transform: 'translateY(1.25rem)',\n    },\n    '100%': {\n      opacity: '1',\n      transform: 'translateY(0)',\n    },\n  },\n  slideOut: {\n    '0%': {\n      opacity: '1',\n      transform: 'translateY(0)',\n    },\n    '100%': {\n      opacity: '0',\n      transform: 'translateY(1.25rem)',\n    },\n  },\n  moveRight: {\n    '0%': { transform: 'translateX(0rem)' },\n    '80%': { transform: 'translateX(1.25rem)' },\n    '100%': { transform: 'translateX(1.2rem)' },\n  },\n  moveLeft: {\n    '0%': { transform: 'translateX(0rem)' },\n    '80%': { transform: 'translateX(-1.25rem)' },\n    '100%': { transform: 'translateX(-1.2rem)' },\n  },\n});\n"],"names":["keyframes","defineKeyframes"],"mappings":"gDAEO,MAAMA,EAAYC,EAAgB,CACvC,OAAQ,CACN,KAAM,CAAE,QAAS,GAAK,CACvB,EACD,QAAS,CACP,OAAQ,CAAE,QAAS,GAAK,CACzB,EACD,QAAS,CACP,KAAM,CAAE,QAAS,GAAK,EACtB,OAAQ,CAAE,QAAS,IAAK,MAAO,GAAK,CACrC,EACD,SAAU,CACR,KAAM,CAAE,QAAS,IAAK,MAAO,GAAK,EAClC,OAAQ,CAAE,QAAS,IAAK,MAAO,KAAO,CACvC,EACD,QAAS,CACP,KAAM,CACJ,QAAS,IACT,UAAW,qBACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,eACZ,CACF,EACD,SAAU,CACR,KAAM,CACJ,QAAS,IACT,UAAW,eACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,qBACZ,CACF,EACD,UAAW,CACT,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,qBAAuB,EAC3C,OAAQ,CAAE,UAAW,oBAAsB,CAC5C,EACD,SAAU,CACR,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,sBAAwB,EAC5C,OAAQ,CAAE,UAAW,qBAAuB,CAC7C,CACF,CAAA"}
+{"version":3,"file":"keyframes.js","sources":["../../../src/styles/keyframes.ts"],"sourcesContent":["import { defineKeyframes } from '@pandacss/dev';\n\nexport const keyframes = defineKeyframes({\n  fadeIn: {\n    '0%': { opacity: '0' },\n  },\n  fadeOut: {\n    '100%': { opacity: '0' },\n  },\n  scaleIn: {\n    '0%': { opacity: '0' },\n    '100%': { opacity: '1', scale: '1' },\n  },\n  scaleOut: {\n    '0%': { opacity: '1', scale: '1' },\n    '100%': { opacity: '0', scale: '0.9' },\n  },\n  slideIn: {\n    '0%': {\n      opacity: '0',\n      transform: 'translateY(1.25rem)',\n    },\n    '100%': {\n      opacity: '1',\n      transform: 'translateY(0)',\n    },\n  },\n  slideOut: {\n    '0%': {\n      opacity: '1',\n      transform: 'translateY(0)',\n    },\n    '100%': {\n      opacity: '0',\n      transform: 'translateY(1.25rem)',\n    },\n  },\n  slideRight: {\n    '0% ': {\n      left: '-150%',\n    },\n    '100%': {\n      left: '175%',\n    },\n  },\n  moveRight: {\n    '0%': { transform: 'translateX(0rem)' },\n    '80%': { transform: 'translateX(1.25rem)' },\n    '100%': { transform: 'translateX(1.2rem)' },\n  },\n  moveLeft: {\n    '0%': { transform: 'translateX(0rem)' },\n    '80%': { transform: 'translateX(-1.25rem)' },\n    '100%': { transform: 'translateX(-1.2rem)' },\n  },\n});\n"],"names":["keyframes","defineKeyframes"],"mappings":"gDAEO,MAAMA,EAAYC,EAAgB,CACvC,OAAQ,CACN,KAAM,CAAE,QAAS,GAAK,CACvB,EACD,QAAS,CACP,OAAQ,CAAE,QAAS,GAAK,CACzB,EACD,QAAS,CACP,KAAM,CAAE,QAAS,GAAK,EACtB,OAAQ,CAAE,QAAS,IAAK,MAAO,GAAK,CACrC,EACD,SAAU,CACR,KAAM,CAAE,QAAS,IAAK,MAAO,GAAK,EAClC,OAAQ,CAAE,QAAS,IAAK,MAAO,KAAO,CACvC,EACD,QAAS,CACP,KAAM,CACJ,QAAS,IACT,UAAW,qBACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,eACZ,CACF,EACD,SAAU,CACR,KAAM,CACJ,QAAS,IACT,UAAW,eACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,qBACZ,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,OACP,EACD,OAAQ,CACN,KAAM,MACP,CACF,EACD,UAAW,CACT,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,qBAAuB,EAC3C,OAAQ,CAAE,UAAW,oBAAsB,CAC5C,EACD,SAAU,CACR,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,sBAAwB,EAC5C,OAAQ,CAAE,UAAW,qBAAuB,CAC7C,CACF,CAAA"}

package/dist/es/styles/semantic-tokens.js

@@ -1,2 +1,2 @@
-import{defineSemanticTokens as r}from"@pandacss/dev";const a=r.colors({surface:{primary:{value:{base:"var(--surface-primary, {colors.paper})",_light:"var(--surface-primary, {colors.paper})",_dark:"var(--surface-primary-dark, {colors.slate.0})"}},secondary:{value:{base:"var(--surface-secondary, {colors.ink.10})",_light:"var(--surface-secondary, {colors.ink.10})",_dark:"var(--surface-secondary-dark, {colors.slate.1})"}},tertiary:{value:{base:"var(--surface-tertiary, {colors.ink.20})",_light:"var(--surface-tertiary, {colors.ink.20})",_dark:"var(--surface-tertiary-dark, {colors.slate.2})"}}},text:{primary:{value:{base:"var(--text-primary, {colors.ink.90})",_light:"var(--text-primary, {colors.ink.90})",_dark:"var(--text-primary-dark, {colors.chalk})"}},secondary:{value:{base:"var(--text-secondary, {colors.ink.80})",_light:"var(--text-secondary, {colors.ink.80})",_dark:"var(--text-secondary-dark, {colors.chalk/72})"}},tertiary:{value:{base:"var(--text-tertiary, {colors.ink.70})",_light:"var(--text-tertiary, {colors.ink.70})",_dark:"var(--text-tertiary-dark, {colors.chalk/44})"}},quaternary:{value:{base:"var(--text-quaternary, {colors.chalk})",_light:"var(--text-quaternary, {colors.chalk})",_dark:"var(--text-quaternary-dark, {colors.ink.90})"}}},neutral:{primary:{value:{base:"var(--neutral-primary, {colors.ink.50})",_light:"var(--neutral-primary, {colors.ink.50})",_dark:"var(--neutral-primary-dark, {colors.chalk/16})"}},secondary:{value:{base:"var(--neutral-secondary, {colors.ink.30})",_light:"var(--neutral-secondary, {colors.ink.30})",_dark:"var(--neutral-secondary-dark, {colors.chalk/12})"}},tertiary:{value:{base:"var(--neutral-tertiary, {colors.ink.20})",_light:"var(--neutral-tertiary, {colors.ink.20})",_dark:"var(--neutral-tertiary-dark, {colors.chalk/8})"}},quaternary:{value:{base:"var(--neutral-quaternary, {colors.ink.10})",_light:"var(--neutral-quaternary, {colors.ink.10})",_dark:"var(--neutral-quaternary-dark, {colors.chalk/5})"}}},brand:{lightest:{value:{base:"var(--brand-lightest, {colors.magic.10})",_light:"var(--brand-lightest, {colors.magic.10})",_dark:"var(--brand-lightest-dark, {colors.magic.30/25})"}},lighter:{value:{base:"var(--brand-lighter, {colors.magic.30})",_light:"var(--brand-lighter, {colors.magic.30})",_dark:"var(--brand-lighter-dark, {colors.magic.30/66})"}},base:{value:{base:"var(--brand-base, {colors.magic.50})",_light:"var(--brand-base, {colors.magic.50})",_dark:"var(--brand-base-dark, {colors.magic.30})"}},darker:{value:{base:"var(--brand-darker, {colors.magic.70})",_light:"var(--brand-darker, {colors.magic.70})",_dark:"var(--brand-darker-dark, {colors.magic.10})"}},darkest:{value:{base:"var(--brand-darkest, {colors.magic.90})",_light:"var(--brand-darkest, {colors.magic.90})",_dark:"var(--brand-darkest-dark, {colors.magic.10})"}}},positive:{lightest:{value:{base:"{colors.leaf.10}",_light:"{colors.leaf.10}",_dark:"{colors.leaf.30/8}"}},lighter:{value:{base:"{colors.leaf.30}",_light:"{colors.leaf.30}",_dark:"{colors.leaf.50}"}},base:{value:{base:"{colors.leaf.50}",_light:"{colors.leaf.50}",_dark:"{colors.leaf.30}"}},darker:{value:{base:"{colors.leaf.70}",_light:"{colors.leaf.70}",_dark:"{colors.leaf.50}"}},darkest:{value:{base:"{colors.leaf.90}",_light:"{colors.leaf.90}",_dark:"{colors.leaf.50}"}}},negative:{lightest:{value:{base:"{colors.ruby.10}",_light:"{colors.ruby.10}",_dark:"{colors.ruby.30/8}"}},lighter:{value:{base:"{colors.ruby.30}",_light:"{colors.ruby.30}",_dark:"{colors.ruby.50}"}},base:{value:{base:"{colors.ruby.50}",_light:"{colors.ruby.50}",_dark:"{colors.ruby.30}"}},darker:{value:{base:"{colors.ruby.70}",_light:"{colors.ruby.70}",_dark:"{colors.ruby.50}"}},darkest:{value:{base:"{colors.ruby.90}",_light:"{colors.ruby.90}",_dark:"{colors.ruby.50}"}}},warning:{lightest:{value:{base:"{colors.gold.10}",_light:"{colors.gold.10}",_dark:"{colors.gold.30/8}"}},lighter:{value:{base:"{colors.gold.30}",_light:"{colors.gold.30}",_dark:"{colors.gold.50}"}},base:{value:{base:"{colors.gold.50}",_light:"{colors.gold.50}",_dark:"{colors.gold.30}"}},darker:{value:{base:"{colors.gold.70}",_light:"{colors.gold.70}",_dark:"{colors.gold.50}"}},darkest:{value:{base:"{colors.gold.90}",_light:"{colors.gold.90}",_dark:"{colors.gold.50}"}}},dedicated:{lightest:{value:{base:"{colors.sky.10}",_light:"{colors.sky.10}",_dark:"{colors.sky.30/8}"}},lighter:{value:{base:"{colors.sky.30}",_light:"{colors.sky.30}",_dark:"{colors.sky.50}"}},base:{value:{base:"{colors.sky.50}",_light:"{colors.sky.50}",_dark:"{colors.sky.30}"}},darker:{value:{base:"{colors.sky.70}",_light:"{colors.sky.70}",_dark:"{colors.sky.50}"}},darkest:{value:{base:"{colors.sky.90}",_light:"{colors.sky.90}",_dark:"{colors.sky.50}"}}}});export{a as semanticColors};
+import{defineSemanticTokens as r}from"@pandacss/dev";const a=r.colors({surface:{primary:{value:{base:"var(--surface-primary, {colors.paper})",_light:"var(--surface-primary, {colors.paper})",_dark:"var(--surface-primary-dark, {colors.slate.0})"}},secondary:{value:{base:"var(--surface-secondary, {colors.ink.10})",_light:"var(--surface-secondary, {colors.ink.10})",_dark:"var(--surface-secondary-dark, {colors.slate.1})"}},tertiary:{value:{base:"var(--surface-tertiary, {colors.ink.20})",_light:"var(--surface-tertiary, {colors.ink.20})",_dark:"var(--surface-tertiary-dark, {colors.slate.2})"}}},text:{primary:{value:{base:"var(--text-primary, {colors.ink.90})",_light:"var(--text-primary, {colors.ink.90})",_dark:"var(--text-primary-dark, {colors.chalk})"}},secondary:{value:{base:"var(--text-secondary, {colors.ink.80})",_light:"var(--text-secondary, {colors.ink.80})",_dark:"var(--text-secondary-dark, {colors.chalk/72})"}},tertiary:{value:{base:"var(--text-tertiary, {colors.ink.70})",_light:"var(--text-tertiary, {colors.ink.70})",_dark:"var(--text-tertiary-dark, {colors.chalk/44})"}},quaternary:{value:{base:"var(--text-quaternary, {colors.chalk})",_light:"var(--text-quaternary, {colors.chalk})",_dark:"var(--text-quaternary-dark, {colors.ink.90})"}}},neutral:{primary:{value:{base:"var(--neutral-primary, {colors.ink.50})",_light:"var(--neutral-primary, {colors.ink.50})",_dark:"var(--neutral-primary-dark, {colors.chalk/16})"}},secondary:{value:{base:"var(--neutral-secondary, {colors.ink.30})",_light:"var(--neutral-secondary, {colors.ink.30})",_dark:"var(--neutral-secondary-dark, {colors.chalk/12})"}},tertiary:{value:{base:"var(--neutral-tertiary, {colors.ink.20})",_light:"var(--neutral-tertiary, {colors.ink.20})",_dark:"var(--neutral-tertiary-dark, {colors.chalk/8})"}},quaternary:{value:{base:"var(--neutral-quaternary, {colors.ink.10})",_light:"var(--neutral-quaternary, {colors.ink.10})",_dark:"var(--neutral-quaternary-dark, {colors.chalk/5})"}}},brand:{lightest:{value:{base:"var(--brand-lightest, {colors.magic.10})",_light:"var(--brand-lightest, {colors.magic.10})",_dark:"var(--brand-lightest-dark, {colors.magic.30/25})"}},lighter:{value:{base:"var(--brand-lighter, {colors.magic.30})",_light:"var(--brand-lighter, {colors.magic.30})",_dark:"var(--brand-lighter-dark, {colors.magic.30/66})"}},base:{value:{base:"var(--brand-base, {colors.magic.50})",_light:"var(--brand-base, {colors.magic.50})",_dark:"var(--brand-base-dark, {colors.magic.30})"}},darker:{value:{base:"var(--brand-darker, {colors.magic.70})",_light:"var(--brand-darker, {colors.magic.70})",_dark:"var(--brand-darker-dark, {colors.magic.10})"}},darkest:{value:{base:"var(--brand-darkest, {colors.magic.90})",_light:"var(--brand-darkest, {colors.magic.90})",_dark:"var(--brand-darkest-dark, {colors.magic.10})"}}},positive:{lightest:{value:{base:"{colors.leaf.10}",_light:"{colors.leaf.10}",_dark:"{colors.leaf.30/8}"}},lighter:{value:{base:"{colors.leaf.30}",_light:"{colors.leaf.30}",_dark:"{colors.leaf.30/72}"}},base:{value:{base:"{colors.leaf.50}",_light:"{colors.leaf.50}",_dark:"{colors.leaf.30}"}},darker:{value:{base:"{colors.leaf.70}",_light:"{colors.leaf.70}",_dark:"{colors.leaf.50}"}},darkest:{value:{base:"{colors.leaf.90}",_light:"{colors.leaf.90}",_dark:"{colors.leaf.50}"}}},negative:{lightest:{value:{base:"{colors.ruby.10}",_light:"{colors.ruby.10}",_dark:"{colors.ruby.30/8}"}},lighter:{value:{base:"{colors.ruby.30}",_light:"{colors.ruby.30}",_dark:"{colors.ruby.30/72}"}},base:{value:{base:"{colors.ruby.50}",_light:"{colors.ruby.50}",_dark:"{colors.ruby.30}"}},darker:{value:{base:"{colors.ruby.70}",_light:"{colors.ruby.70}",_dark:"{colors.ruby.50}"}},darkest:{value:{base:"{colors.ruby.90}",_light:"{colors.ruby.90}",_dark:"{colors.ruby.50}"}}},warning:{lightest:{value:{base:"{colors.gold.10}",_light:"{colors.gold.10}",_dark:"{colors.gold.30/8}"}},lighter:{value:{base:"{colors.gold.30}",_light:"{colors.gold.30}",_dark:"{colors.gold.30/72}"}},base:{value:{base:"{colors.gold.50}",_light:"{colors.gold.50}",_dark:"{colors.gold.30}"}},darker:{value:{base:"{colors.gold.70}",_light:"{colors.gold.70}",_dark:"{colors.gold.50}"}},darkest:{value:{base:"{colors.gold.90}",_light:"{colors.gold.90}",_dark:"{colors.gold.50}"}}},dedicated:{lightest:{value:{base:"{colors.sky.10}",_light:"{colors.sky.10}",_dark:"{colors.sky.30/8}"}},lighter:{value:{base:"{colors.sky.30}",_light:"{colors.sky.30}",_dark:"{colors.sky.30/72}"}},base:{value:{base:"{colors.sky.50}",_light:"{colors.sky.50}",_dark:"{colors.sky.30}"}},darker:{value:{base:"{colors.sky.70}",_light:"{colors.sky.70}",_dark:"{colors.sky.50}"}},darkest:{value:{base:"{colors.sky.90}",_light:"{colors.sky.90}",_dark:"{colors.sky.50}"}}}});export{a as semanticColors};
 //# sourceMappingURL=semantic-tokens.js.map

package/dist/es/styles/semantic-tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"semantic-tokens.js","sources":["../../../src/styles/semantic-tokens.ts"],"sourcesContent":["import { defineSemanticTokens } from '@pandacss/dev';\n\nexport const semanticColors = defineSemanticTokens.colors({\n  surface: {\n    primary: {\n      value: {\n        base: 'var(--surface-primary, {colors.paper})',\n        _light: 'var(--surface-primary, {colors.paper})',\n        _dark: 'var(--surface-primary-dark, {colors.slate.0})',\n      },\n    },\n    secondary: {\n      value: {\n        base: 'var(--surface-secondary, {colors.ink.10})',\n        _light: 'var(--surface-secondary, {colors.ink.10})',\n        _dark: 'var(--surface-secondary-dark, {colors.slate.1})',\n      },\n    },\n    tertiary: {\n      value: {\n        base: 'var(--surface-tertiary, {colors.ink.20})',\n        _light: 'var(--surface-tertiary, {colors.ink.20})',\n        _dark: 'var(--surface-tertiary-dark, {colors.slate.2})',\n      },\n    },\n  },\n  text: {\n    primary: {\n      value: {\n        base: 'var(--text-primary, {colors.ink.90})',\n        _light: 'var(--text-primary, {colors.ink.90})',\n        _dark: 'var(--text-primary-dark, {colors.chalk})',\n      },\n    },\n    secondary: {\n      value: {\n        base: 'var(--text-secondary, {colors.ink.80})',\n        _light: 'var(--text-secondary, {colors.ink.80})',\n        _dark: 'var(--text-secondary-dark, {colors.chalk/72})',\n      },\n    },\n    tertiary: {\n      value: {\n        base: 'var(--text-tertiary, {colors.ink.70})',\n        _light: 'var(--text-tertiary, {colors.ink.70})',\n        _dark: 'var(--text-tertiary-dark, {colors.chalk/44})',\n      },\n    },\n    quaternary: {\n      value: {\n        base: 'var(--text-quaternary, {colors.chalk})',\n        _light: 'var(--text-quaternary, {colors.chalk})',\n        _dark: 'var(--text-quaternary-dark, {colors.ink.90})',\n      },\n    },\n  },\n  neutral: {\n    primary: {\n      value: {\n        base: 'var(--neutral-primary, {colors.ink.50})',\n        _light: 'var(--neutral-primary, {colors.ink.50})',\n        _dark: 'var(--neutral-primary-dark, {colors.chalk/16})',\n      },\n    },\n    secondary: {\n      value: {\n        base: 'var(--neutral-secondary, {colors.ink.30})',\n        _light: 'var(--neutral-secondary, {colors.ink.30})',\n        _dark: 'var(--neutral-secondary-dark, {colors.chalk/12})',\n      },\n    },\n    tertiary: {\n      value: {\n        base: 'var(--neutral-tertiary, {colors.ink.20})',\n        _light: 'var(--neutral-tertiary, {colors.ink.20})',\n        _dark: 'var(--neutral-tertiary-dark, {colors.chalk/8})',\n      },\n    },\n    quaternary: {\n      value: {\n        base: 'var(--neutral-quaternary, {colors.ink.10})',\n        _light: 'var(--neutral-quaternary, {colors.ink.10})',\n        _dark: 'var(--neutral-quaternary-dark, {colors.chalk/5})',\n      },\n    },\n  },\n  brand: {\n    lightest: {\n      value: {\n        base: 'var(--brand-lightest, {colors.magic.10})',\n        _light: 'var(--brand-lightest, {colors.magic.10})',\n        _dark: 'var(--brand-lightest-dark, {colors.magic.30/25})',\n      },\n    },\n    lighter: {\n      value: {\n        base: 'var(--brand-lighter, {colors.magic.30})',\n        _light: 'var(--brand-lighter, {colors.magic.30})',\n        _dark: 'var(--brand-lighter-dark, {colors.magic.30/66})',\n      },\n    },\n    base: {\n      value: {\n        base: 'var(--brand-base, {colors.magic.50})',\n        _light: 'var(--brand-base, {colors.magic.50})',\n        _dark: 'var(--brand-base-dark, {colors.magic.30})',\n      },\n    },\n    darker: {\n      value: {\n        base: 'var(--brand-darker, {colors.magic.70})',\n        _light: 'var(--brand-darker, {colors.magic.70})',\n        _dark: 'var(--brand-darker-dark, {colors.magic.10})',\n      },\n    },\n    darkest: {\n      value: {\n        base: 'var(--brand-darkest, {colors.magic.90})',\n        _light: 'var(--brand-darkest, {colors.magic.90})',\n        _dark: 'var(--brand-darkest-dark, {colors.magic.10})',\n      },\n    },\n  },\n  positive: {\n    lightest: { value: { base: '{colors.leaf.10}', _light: '{colors.leaf.10}', _dark: '{colors.leaf.30/8}' } },\n    lighter: { value: { base: '{colors.leaf.30}', _light: '{colors.leaf.30}', _dark: '{colors.leaf.50}' } },\n    base: { value: { base: '{colors.leaf.50}', _light: '{colors.leaf.50}', _dark: '{colors.leaf.30}' } },\n    darker: { value: { base: '{colors.leaf.70}', _light: '{colors.leaf.70}', _dark: '{colors.leaf.50}' } },\n    darkest: { value: { base: '{colors.leaf.90}', _light: '{colors.leaf.90}', _dark: '{colors.leaf.50}' } },\n  },\n  negative: {\n    lightest: { value: { base: '{colors.ruby.10}', _light: '{colors.ruby.10}', _dark: '{colors.ruby.30/8}' } },\n    lighter: { value: { base: '{colors.ruby.30}', _light: '{colors.ruby.30}', _dark: '{colors.ruby.50}' } },\n    base: { value: { base: '{colors.ruby.50}', _light: '{colors.ruby.50}', _dark: '{colors.ruby.30}' } },\n    darker: { value: { base: '{colors.ruby.70}', _light: '{colors.ruby.70}', _dark: '{colors.ruby.50}' } },\n    darkest: { value: { base: '{colors.ruby.90}', _light: '{colors.ruby.90}', _dark: '{colors.ruby.50}' } },\n  },\n  warning: {\n    lightest: { value: { base: '{colors.gold.10}', _light: '{colors.gold.10}', _dark: '{colors.gold.30/8}' } },\n    lighter: { value: { base: '{colors.gold.30}', _light: '{colors.gold.30}', _dark: '{colors.gold.50}' } },\n    base: { value: { base: '{colors.gold.50}', _light: '{colors.gold.50}', _dark: '{colors.gold.30}' } },\n    darker: { value: { base: '{colors.gold.70}', _light: '{colors.gold.70}', _dark: '{colors.gold.50}' } },\n    darkest: { value: { base: '{colors.gold.90}', _light: '{colors.gold.90}', _dark: '{colors.gold.50}' } },\n  },\n  dedicated: {\n    lightest: { value: { base: '{colors.sky.10}', _light: '{colors.sky.10}', _dark: '{colors.sky.30/8}' } },\n    lighter: { value: { base: '{colors.sky.30}', _light: '{colors.sky.30}', _dark: '{colors.sky.50}' } },\n    base: { value: { base: '{colors.sky.50}', _light: '{colors.sky.50}', _dark: '{colors.sky.30}' } },\n    darker: { value: { base: '{colors.sky.70}', _light: '{colors.sky.70}', _dark: '{colors.sky.50}' } },\n    darkest: { value: { base: '{colors.sky.90}', _light: '{colors.sky.90}', _dark: '{colors.sky.50}' } },\n  },\n});\n"],"names":["semanticColors","defineSemanticTokens"],"mappings":"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"}
+{"version":3,"file":"semantic-tokens.js","sources":["../../../src/styles/semantic-tokens.ts"],"sourcesContent":["import { defineSemanticTokens } from '@pandacss/dev';\n\nexport const semanticColors = defineSemanticTokens.colors({\n  surface: {\n    primary: {\n      value: {\n        base: 'var(--surface-primary, {colors.paper})',\n        _light: 'var(--surface-primary, {colors.paper})',\n        _dark: 'var(--surface-primary-dark, {colors.slate.0})',\n      },\n    },\n    secondary: {\n      value: {\n        base: 'var(--surface-secondary, {colors.ink.10})',\n        _light: 'var(--surface-secondary, {colors.ink.10})',\n        _dark: 'var(--surface-secondary-dark, {colors.slate.1})',\n      },\n    },\n    tertiary: {\n      value: {\n        base: 'var(--surface-tertiary, {colors.ink.20})',\n        _light: 'var(--surface-tertiary, {colors.ink.20})',\n        _dark: 'var(--surface-tertiary-dark, {colors.slate.2})',\n      },\n    },\n  },\n  text: {\n    primary: {\n      value: {\n        base: 'var(--text-primary, {colors.ink.90})',\n        _light: 'var(--text-primary, {colors.ink.90})',\n        _dark: 'var(--text-primary-dark, {colors.chalk})',\n      },\n    },\n    secondary: {\n      value: {\n        base: 'var(--text-secondary, {colors.ink.80})',\n        _light: 'var(--text-secondary, {colors.ink.80})',\n        _dark: 'var(--text-secondary-dark, {colors.chalk/72})',\n      },\n    },\n    tertiary: {\n      value: {\n        base: 'var(--text-tertiary, {colors.ink.70})',\n        _light: 'var(--text-tertiary, {colors.ink.70})',\n        _dark: 'var(--text-tertiary-dark, {colors.chalk/44})',\n      },\n    },\n    quaternary: {\n      value: {\n        base: 'var(--text-quaternary, {colors.chalk})',\n        _light: 'var(--text-quaternary, {colors.chalk})',\n        _dark: 'var(--text-quaternary-dark, {colors.ink.90})',\n      },\n    },\n  },\n  neutral: {\n    primary: {\n      value: {\n        base: 'var(--neutral-primary, {colors.ink.50})',\n        _light: 'var(--neutral-primary, {colors.ink.50})',\n        _dark: 'var(--neutral-primary-dark, {colors.chalk/16})',\n      },\n    },\n    secondary: {\n      value: {\n        base: 'var(--neutral-secondary, {colors.ink.30})',\n        _light: 'var(--neutral-secondary, {colors.ink.30})',\n        _dark: 'var(--neutral-secondary-dark, {colors.chalk/12})',\n      },\n    },\n    tertiary: {\n      value: {\n        base: 'var(--neutral-tertiary, {colors.ink.20})',\n        _light: 'var(--neutral-tertiary, {colors.ink.20})',\n        _dark: 'var(--neutral-tertiary-dark, {colors.chalk/8})',\n      },\n    },\n    quaternary: {\n      value: {\n        base: 'var(--neutral-quaternary, {colors.ink.10})',\n        _light: 'var(--neutral-quaternary, {colors.ink.10})',\n        _dark: 'var(--neutral-quaternary-dark, {colors.chalk/5})',\n      },\n    },\n  },\n  brand: {\n    lightest: {\n      value: {\n        base: 'var(--brand-lightest, {colors.magic.10})',\n        _light: 'var(--brand-lightest, {colors.magic.10})',\n        _dark: 'var(--brand-lightest-dark, {colors.magic.30/25})',\n      },\n    },\n    lighter: {\n      value: {\n        base: 'var(--brand-lighter, {colors.magic.30})',\n        _light: 'var(--brand-lighter, {colors.magic.30})',\n        _dark: 'var(--brand-lighter-dark, {colors.magic.30/66})',\n      },\n    },\n    base: {\n      value: {\n        base: 'var(--brand-base, {colors.magic.50})',\n        _light: 'var(--brand-base, {colors.magic.50})',\n        _dark: 'var(--brand-base-dark, {colors.magic.30})',\n      },\n    },\n    darker: {\n      value: {\n        base: 'var(--brand-darker, {colors.magic.70})',\n        _light: 'var(--brand-darker, {colors.magic.70})',\n        _dark: 'var(--brand-darker-dark, {colors.magic.10})',\n      },\n    },\n    darkest: {\n      value: {\n        base: 'var(--brand-darkest, {colors.magic.90})',\n        _light: 'var(--brand-darkest, {colors.magic.90})',\n        _dark: 'var(--brand-darkest-dark, {colors.magic.10})',\n      },\n    },\n  },\n  positive: {\n    lightest: { value: { base: '{colors.leaf.10}', _light: '{colors.leaf.10}', _dark: '{colors.leaf.30/8}' } },\n    lighter: { value: { base: '{colors.leaf.30}', _light: '{colors.leaf.30}', _dark: '{colors.leaf.30/72}' } },\n    base: { value: { base: '{colors.leaf.50}', _light: '{colors.leaf.50}', _dark: '{colors.leaf.30}' } },\n    darker: { value: { base: '{colors.leaf.70}', _light: '{colors.leaf.70}', _dark: '{colors.leaf.50}' } },\n    darkest: { value: { base: '{colors.leaf.90}', _light: '{colors.leaf.90}', _dark: '{colors.leaf.50}' } },\n  },\n  negative: {\n    lightest: { value: { base: '{colors.ruby.10}', _light: '{colors.ruby.10}', _dark: '{colors.ruby.30/8}' } },\n    lighter: { value: { base: '{colors.ruby.30}', _light: '{colors.ruby.30}', _dark: '{colors.ruby.30/72}' } },\n    base: { value: { base: '{colors.ruby.50}', _light: '{colors.ruby.50}', _dark: '{colors.ruby.30}' } },\n    darker: { value: { base: '{colors.ruby.70}', _light: '{colors.ruby.70}', _dark: '{colors.ruby.50}' } },\n    darkest: { value: { base: '{colors.ruby.90}', _light: '{colors.ruby.90}', _dark: '{colors.ruby.50}' } },\n  },\n  warning: {\n    lightest: { value: { base: '{colors.gold.10}', _light: '{colors.gold.10}', _dark: '{colors.gold.30/8}' } },\n    lighter: { value: { base: '{colors.gold.30}', _light: '{colors.gold.30}', _dark: '{colors.gold.30/72}' } },\n    base: { value: { base: '{colors.gold.50}', _light: '{colors.gold.50}', _dark: '{colors.gold.30}' } },\n    darker: { value: { base: '{colors.gold.70}', _light: '{colors.gold.70}', _dark: '{colors.gold.50}' } },\n    darkest: { value: { base: '{colors.gold.90}', _light: '{colors.gold.90}', _dark: '{colors.gold.50}' } },\n  },\n  dedicated: {\n    lightest: { value: { base: '{colors.sky.10}', _light: '{colors.sky.10}', _dark: '{colors.sky.30/8}' } },\n    lighter: { value: { base: '{colors.sky.30}', _light: '{colors.sky.30}', _dark: '{colors.sky.30/72}' } },\n    base: { value: { base: '{colors.sky.50}', _light: '{colors.sky.50}', _dark: '{colors.sky.30}' } },\n    darker: { value: { base: '{colors.sky.70}', _light: '{colors.sky.70}', _dark: '{colors.sky.50}' } },\n    darkest: { value: { base: '{colors.sky.90}', _light: '{colors.sky.90}', _dark: '{colors.sky.50}' } },\n  },\n});\n"],"names":["semanticColors","defineSemanticTokens"],"mappings":"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"}