@magiclabs/ui-components 1.25.2 → 1.26.1

package/dist/cjs/components/containers/card.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");require("../feedback/callout.js");var v=require("../feedback/loading-spinner.js");require("../feedback/progress-bar.js"),require("@styled/tokens"),require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js"),require("../primitives/text.js"),require("../primitives/portal.js");var j=require("react");require("../../hooks/useToast.js"),require("../../recipes/toast.js");var s=require("@styled/jsx");require("../feedback/tooltip.js");var m=require("../../recipes/card.js"),d=require("@styled/css");const t=j.forwardRef(({children:i,className:a,id:u,asButton:r,stack:l,onClick:o,validating:n,...x},c)=>{const q=m.card({asButton:r,validating:n,...x});return l||r?e.jsx(s.Flex,{id:u,className:d.cx(q,a),flexDirection:"column",role:r?"button":"none",onClick:r?o:void 0,ref:c,children:n?e.jsx(v.LoadingSpinner,{neutral:!0}):i}):e.jsx(s.Box,{id:u,className:d.cx(q,a),ref:c,children:i})});t.displayName="Card",exports.Card=t;
+"use strict";var e=require("react/jsx-runtime");require("../feedback/callout.js");var v=require("../feedback/loading-spinner.js");require("../feedback/progress-bar.js");var s=require("@styled/jsx");require("@styled/tokens"),require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js"),require("../primitives/text.js"),require("../primitives/portal.js");var j=require("react");require("../../hooks/useToast.js"),require("../../recipes/toast.js"),require("../feedback/tooltip.js");var m=require("../../recipes/card.js"),d=require("@styled/css");const t=j.forwardRef(({children:i,className:a,id:u,asButton:r,stack:l,onClick:o,validating:n,...x},c)=>{const q=m.card({asButton:r,validating:n,...x});return l||r?e.jsx(s.Flex,{id:u,className:d.cx(q,a),flexDirection:"column",role:r?"button":"none",onClick:r?o:void 0,ref:c,children:n?e.jsx(v.LoadingSpinner,{neutral:!0}):i}):e.jsx(s.Box,{id:u,className:d.cx(q,a),ref:c,children:i})});t.displayName="Card",exports.Card=t;
 //# sourceMappingURL=card.js.map

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");require("@styled/tokens");var h=require("../icons/ico-caret-down.js"),l=require("../primitives/button.js");require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var q=require("../primitives/text.js"),i=require("@styled/jsx"),t=require("react");const j=({isOpen:r=!1,title:c,onToggle:s,children:d})=>{const[x,a]=t.useState(r),[b,u]=t.useState(r),o=t.useRef(null);t.useEffect(()=>{let n;return r?(a(!0),n=setTimeout(()=>u(!0),10)):u(!1),()=>clearTimeout(n)},[r]),t.useEffect(()=>{const n=m=>{o.current&&!o.current.contains(m.target)&&s(!1)};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[s]);const f=()=>{r||a(!1)},p=t.useCallback(()=>{s(!1)},[s]);return e.jsxs(e.Fragment,{children:[e.jsx(i.Box,{position:"absolute",display:r?"block":"none",h:"full",bottom:0,left:0,right:0,bg:"text.primary/20",backdropFilter:"blur(3px)"}),x&&e.jsxs(i.Box,{ref:o,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:f,children:[e.jsxs(i.HStack,{justifyContent:"space-between",p:6,pb:5,children:[e.jsx(q.default,{fontWeight:"bold",children:c}),e.jsx(l.default,{size:"sm",variant:"neutral",onPress:p,children:e.jsx(l.default.LeadingIcon,{children:e.jsx(h.default,{})})})]}),e.jsx(i.Box,{px:6,pb:8,children:d})]})]})};exports.Drawer=j;
+"use strict";var e=require("react/jsx-runtime");require("@styled/tokens");var h=require("../icons/ico-caret-down.js"),l=require("../primitives/button.js");require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var q=require("../primitives/text.js"),o=require("@styled/jsx"),t=require("react");const j=({isOpen:r=!1,title:c,onToggle:s,children:d,showCloseButton:x=!0})=>{const[f,a]=t.useState(r),[p,u]=t.useState(r),i=t.useRef(null);t.useEffect(()=>{let n;return r?(a(!0),n=setTimeout(()=>u(!0),10)):u(!1),()=>clearTimeout(n)},[r]),t.useEffect(()=>{const n=g=>{i.current&&!i.current.contains(g.target)&&s(!1)};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[s]);const b=()=>{r||a(!1)},m=t.useCallback(()=>{s(!1)},[s]);return e.jsxs(e.Fragment,{children:[e.jsx(o.Box,{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)"}),f&&e.jsxs(o.Box,{ref:i,position:"absolute",transform:p?"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:b,children:[e.jsxs(o.HStack,{justifyContent:"space-between",px:6,py:4,children:[e.jsx(q.default,{fontWeight:"medium",children:c}),x&&e.jsx(l.default,{size:"sm",variant:"neutral",onPress:m,children:e.jsx(l.default.LeadingIcon,{children:e.jsx(h.default,{})})})]}),e.jsx(o.Box,{px:6,pb:6,children:d})]})]})};exports.Drawer=j;
 //# sourceMappingURL=drawer.js.map

package/dist/cjs/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":"wdAWa,MAAAA,EAAS,CAAC,CAAE,OAAAC,EAAS,GAAO,MAAAC,EAAO,SAAAC,EAAU,SAAAC,CAAQ,IAAmB,CACnF,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAASN,CAAM,EACjD,CAACO,EAAWC,CAAY,EAAIF,EAAAA,SAASN,CAAM,EAC3CS,EAAYC,EAAAA,OAAuB,IAAI,EAE7CC,YAAU,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,YAAU,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,cAAY,IAAK,CACnCf,EAAS,EAAK,CAChB,EAAG,CAACA,CAAQ,CAAC,EAEb,OACEgB,EAAAA,KACEC,EAAA,SAAA,CAAA,SAAA,CAAAC,EAAAA,IAACC,EACC,IAAA,CAAA,SAAS,WACT,QAASrB,EAAS,QAAU,OAC5B,EAAE,OACF,OAAQ,EACR,KAAM,EACN,MAAO,EACP,GAAG,kBACH,eAAe,cAEhBI,GACCc,EAACG,KAAAA,EAAAA,IACC,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,KAAAA,SAAO,CAAA,eAAe,gBAAgB,EAAG,EAAG,GAAI,EAAC,SAAA,CAChDF,EAACG,IAAAA,EAAAA,SAAK,WAAW,OAAQ,SAAAtB,IACzBmB,EAACI,IAAAA,UAAM,CAAC,KAAK,KAAK,QAAQ,UAAU,QAASR,WAC3CI,EAAAA,IAACI,UAAO,YAAW,CAAA,SACjBJ,MAACK,EAAAA,QAAY,CAAA,CAAA,CACM,CAAA,CAAA,CAAA,CACd,IAEXL,EAACC,IAAAA,MAAI,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":"wdAYa,MAAAA,EAAS,CAAC,CAAE,OAAAC,EAAS,GAAO,MAAAC,EAAO,SAAAC,EAAU,SAAAC,EAAU,gBAAAC,EAAkB,EAAmB,IAAI,CAC3G,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAASP,CAAM,EACjD,CAACQ,EAAWC,CAAY,EAAIF,EAAAA,SAASP,CAAM,EAC3CU,EAAYC,EAAAA,OAAuB,IAAI,EAE7CC,EAAAA,UAAU,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,EAAAA,UAAU,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,cAAY,IAAK,CACnChB,EAAS,EAAK,CAChB,EAAG,CAACA,CAAQ,CAAC,EAEb,OACEiB,EAAAA,2BACEC,EAAAA,IAACC,EAAAA,KACC,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,KAAAA,EAAAA,KACC,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,EAAAA,KAACG,EAAM,OAAA,CAAC,eAAe,gBAAgB,GAAI,EAAG,GAAI,EAAC,SAAA,CACjDF,EAAAA,IAACG,UAAI,CAAC,WAAW,SAAU,SAAAtB,CAAa,CAAA,EACvCG,GACCgB,EAAAA,IAACI,EAAAA,QAAM,CAAC,KAAK,KAAK,QAAQ,UAAU,QAASP,EAAW,SACtDG,EAACI,IAAAA,EAAAA,QAAO,YAAW,CAAA,SACjBJ,EAACK,IAAAA,EAAAA,WACkB,CAAA,CAAA,CAAA,CAExB,CACM,CAAA,EACTL,EAAAA,IAACC,EAAG,IAAA,CAAC,GAAI,EAAG,GAAI,EACb,SAAAlB,GACG,CACF,CAAA,CACP,CACA,CAAA,CAEP"}

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

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

package/dist/cjs/components/external/paypal-button.js.map

@@ -1 +1 @@
-{"version":3,"file":"paypal-button.js","sources":["../../../../src/components/external/paypal-button.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { LogoPayPalWordmark } from '@components/logos';\nimport { Text } from '@components/primitives';\nimport { button } from '@recipes/button';\nimport { css, cx } from '@styled/css';\nimport { Box, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport React, { forwardRef, useRef } from 'react';\nimport { mergeProps, useButton, useFocusRing, type AriaButtonProps } from 'react-aria';\n\nexport interface PayPalButtonProps extends AriaButtonProps {\n  disabled?: boolean;\n  expand?: boolean;\n  validating?: boolean;\n}\n\nexport const PayPalButton = forwardRef<HTMLButtonElement, PayPalButtonProps>((props, forwardedRef) => {\n  const { disabled, expand, validating } = props;\n\n  const classes = button({ expand, validating });\n\n  const internalRef = useRef(null);\n  const ref = forwardedRef || internalRef;\n\n  const { buttonProps } = useButton(\n    { ...props, isDisabled: disabled ?? false },\n    ref as React.RefObject<HTMLButtonElement>,\n  );\n\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return (\n    <button\n      className={cx(\n        classes.button,\n        css({\n          bg: '#ffc439',\n          outlineColor: '#ffc439',\n          outlineWidth: 'thick',\n          outlineOffset: 0.5,\n          outlineStyle: isFocusVisible ? 'solid' : 'none',\n        }),\n      )}\n      ref={ref}\n      {...mergeProps(buttonProps, focusProps)}\n      aria-disabled={disabled}\n    >\n      {validating ? (\n        <LoadingSpinner size={24} strokeWidth={2.5} inverted />\n      ) : (\n        <HStack w=\"full\" gap={1} justifyContent=\"center\">\n          <Text fontWeight=\"semibold\" styles={{ color: token('colors.ink.90') }}>\n            Pay with\n          </Text>\n          <Box mt={0.5}>\n            <LogoPayPalWordmark width={60} />\n          </Box>\n        </HStack>\n      )}\n    </button>\n  );\n});\n\nPayPalButton.displayName = 'PayPalButton';\n"],"names":["PayPalButton","forwardRef","props","forwardedRef","disabled","expand","validating","classes","button","internalRef","useRef","ref","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","_jsx","cx","css","mergeProps","LoadingSpinner","_jsxs","HStack","Text","token","Box","LogoPayPalWordmark"],"mappings":"o0BAgBO,MAAMA,EAAeC,EAAiD,WAAA,CAACC,EAAOC,IAAgB,CACnG,KAAM,CAAE,SAAAC,EAAU,OAAAC,EAAQ,WAAAC,CAAU,EAAKJ,EAEnCK,EAAUC,EAAAA,OAAO,CAAE,OAAAH,EAAQ,WAAAC,CAAY,CAAA,EAEvCG,EAAcC,SAAO,IAAI,EACzBC,EAAMR,GAAgBM,EAEtB,CAAE,YAAAG,CAAa,EAAGC,EAAAA,UACtB,CAAE,GAAGX,EAAO,WAAYE,GAAY,EAAO,EAC3CO,CAAyC,EAGrC,CAAE,eAAAG,EAAgB,WAAAC,GAAeC,iBAEvC,OACEC,MACE,SAAA,CAAA,UAAWC,EAAAA,GACTX,EAAQ,OACRY,EAAAA,IAAI,CACF,GAAI,UACJ,aAAc,UACd,aAAc,QACd,cAAe,GACf,aAAcL,EAAiB,QAAU,MAC1C,CAAA,CAAC,EAEJ,IAAKH,EAAG,GACJS,EAAAA,WAAWR,EAAaG,CAAU,kBACvBX,EAAQ,SAEtBE,EACCW,EAAAA,IAACI,iBAAe,CAAA,KAAM,GAAI,YAAa,IAAK,SAAQ,EAAA,CAAA,EAEpDC,OAACC,EAAO,OAAA,CAAA,EAAE,OAAO,IAAK,EAAG,eAAe,SACtC,SAAA,CAAAN,EAAAA,IAACO,EAAAA,QAAK,CAAA,WAAW,WAAW,OAAQ,CAAE,MAAOC,EAAAA,MAAM,eAAe,GAE3D,SAAA,UAAA,CAAA,EACPR,EAAAA,IAACS,EAAAA,IAAG,CAAC,GAAI,YACPT,EAACU,IAAAA,EAAAA,SAAmB,MAAO,EAAM,CAAA,CAAA,CAAA,CAC7B,GAET,CAAA,CAGP,CAAC,EAED3B,EAAa,YAAc"}
+{"version":3,"file":"paypal-button.js","sources":["../../../../src/components/external/paypal-button.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { LogoPayPalWordmark } from '@components/logos';\nimport { Text } from '@components/primitives';\nimport { button } from '@recipes/button';\nimport { css, cx } from '@styled/css';\nimport { Box, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport React, { forwardRef, useRef } from 'react';\nimport { mergeProps, useButton, useFocusRing, type AriaButtonProps } from 'react-aria';\n\nexport interface PayPalButtonProps extends AriaButtonProps {\n  disabled?: boolean;\n  expand?: boolean;\n  validating?: boolean;\n}\n\nexport const PayPalButton = forwardRef<HTMLButtonElement, PayPalButtonProps>((props, forwardedRef) => {\n  const { disabled, expand, validating } = props;\n\n  const classes = button({ expand, validating });\n\n  const internalRef = useRef(null);\n  const ref = forwardedRef || internalRef;\n\n  const { buttonProps } = useButton(\n    { ...props, isDisabled: disabled ?? false },\n    ref as React.RefObject<HTMLButtonElement>,\n  );\n\n  const { isFocusVisible, focusProps } = useFocusRing();\n\n  return (\n    <button\n      className={cx(\n        classes.button,\n        css({\n          bg: '#ffc439',\n          outlineColor: '#ffc439',\n          outlineWidth: 'thick',\n          outlineOffset: 0.5,\n          outlineStyle: isFocusVisible ? 'solid' : 'none',\n        }),\n      )}\n      ref={ref}\n      {...mergeProps(buttonProps, focusProps)}\n      aria-disabled={disabled}\n    >\n      {validating ? (\n        <LoadingSpinner size={24} strokeWidth={2.5} inverted />\n      ) : (\n        <HStack w=\"full\" gap={1} justifyContent=\"center\">\n          <Text fontWeight=\"semibold\" styles={{ color: token('colors.ink.90') }}>\n            Pay with\n          </Text>\n          <Box mt={0.5}>\n            <LogoPayPalWordmark width={60} />\n          </Box>\n        </HStack>\n      )}\n    </button>\n  );\n});\n\nPayPalButton.displayName = 'PayPalButton';\n"],"names":["PayPalButton","forwardRef","props","forwardedRef","disabled","expand","validating","classes","button","internalRef","useRef","ref","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","_jsx","cx","css","mergeProps","LoadingSpinner","_jsxs","HStack","Text","token","Box","LogoPayPalWordmark"],"mappings":"g0BAgBO,MAAMA,EAAeC,EAAiD,WAAA,CAACC,EAAOC,IAAgB,CACnG,KAAM,CAAE,SAAAC,EAAU,OAAAC,EAAQ,WAAAC,CAAU,EAAKJ,EAEnCK,EAAUC,EAAAA,OAAO,CAAE,OAAAH,EAAQ,WAAAC,CAAY,CAAA,EAEvCG,EAAcC,SAAO,IAAI,EACzBC,EAAMR,GAAgBM,EAEtB,CAAE,YAAAG,CAAa,EAAGC,EAAAA,UACtB,CAAE,GAAGX,EAAO,WAAYE,GAAY,EAAO,EAC3CO,CAAyC,EAGrC,CAAE,eAAAG,EAAgB,WAAAC,GAAeC,iBAEvC,OACEC,MACE,SAAA,CAAA,UAAWC,EAAAA,GACTX,EAAQ,OACRY,EAAAA,IAAI,CACF,GAAI,UACJ,aAAc,UACd,aAAc,QACd,cAAe,GACf,aAAcL,EAAiB,QAAU,MAC1C,CAAA,CAAC,EAEJ,IAAKH,EAAG,GACJS,EAAAA,WAAWR,EAAaG,CAAU,kBACvBX,EAAQ,SAEtBE,EACCW,EAAAA,IAACI,iBAAe,CAAA,KAAM,GAAI,YAAa,IAAK,SAAQ,EAAA,CAAA,EAEpDC,OAACC,EAAO,OAAA,CAAA,EAAE,OAAO,IAAK,EAAG,eAAe,SACtC,SAAA,CAAAN,EAAAA,IAACO,EAAAA,QAAK,CAAA,WAAW,WAAW,OAAQ,CAAE,MAAOC,EAAAA,MAAM,eAAe,GAE3D,SAAA,UAAA,CAAA,EACPR,EAAAA,IAACS,EAAAA,IAAG,CAAC,GAAI,YACPT,EAACU,IAAAA,EAAAA,SAAmB,MAAO,EAAM,CAAA,CAAA,CAAA,CAC7B,GAET,CAAA,CAGP,CAAC,EAED3B,EAAa,YAAc"}

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

@@ -0,0 +1,2 @@
+"use strict";var e=require("react/jsx-runtime"),r=require("@styled/jsx");const i=({width:t="100px",height:a="20px",speed:n="1.5s"})=>e.jsx(r.Box,{style:{width:t,height:a},bg:"neutral.tertiary",overflow:"hidden",position:"relative",rounded:"3xl",_dark:{bg:"surface.primary"},children:e.jsx(r.Box,{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)"}})});exports.Skeleton=i;
+//# sourceMappingURL=skeleton.js.map

package/dist/cjs/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":"yEAQO,MAAMA,EAAW,CAAC,CAAE,MAAAC,EAAQ,QAAS,OAAAC,EAAS,OAAQ,MAAAC,EAAQ,MAAM,IAEvEC,EAACC,IAAAA,EAAAA,KACC,MAAO,CAAE,MAAAJ,EAAO,OAAAC,CAAM,EACtB,GAAG,mBACH,SAAS,SACT,SAAS,WACT,QAAQ,MACR,MAAO,CAAE,GAAI,iBAAmB,EAAA,SAEhCE,MAACC,EAAG,IAAA,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/cjs/components/list-items/token-list-item.js

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

package/dist/cjs/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":"iiBAgBA,MAAMA,EAAYC,EAAAA,WAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEhDC,EAACC,IAAAA,EAAAA,OAAM,CAAA,SACJC,EAAAA,SAAS,IAAIJ,EAAUK,GACfC,EAAaD,aAAAA,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAMKM,EAAc,CAAC,CAAE,KAAAC,EAAM,sBAAAC,EAAuB,uBAAAC,EAAwB,UAAAC,EAAW,QAAAC,CAAO,IAE1FC,EAAAA,KAACC,EAAAA,OAAM,CAAC,EAAE,OAAO,QAAQ,0BACvBD,EAAAA,KAACC,EAAAA,OAAO,CAAA,IAAK,YACVH,EACC,CACE,GAAGA,EACH,MAAO,CACL,GAAGA,EAAU,MACb,MAAO,GACP,OAAQ,EACT,GAEDC,EACFV,MAAA,MAAA,CAAK,MAAO,GAAI,OAAQ,GAAI,IAAKU,EAAS,IAAK,GAAGJ,CAAI,OAAO,CAAA,EAE7DN,EAAAA,IAACa,EAAAA,QAAiB,CAAA,MAAO,GAAI,OAAQ,EAAM,CAAA,EAE7Cb,EAAAA,IAACc,EAAAA,QAAI,CAAC,WAAW,SAAS,OAAQ,CAAE,cAAe,YAAc,EAAA,SAC9DR,CACI,CAAA,CAAA,CAAA,CAAA,EAETK,EAAAA,KAACI,EAAAA,OAAM,CAAC,IAAK,EAAG,WAAW,WAAU,SAAA,CACnCf,EAACc,IAAAA,EAAAA,QAAK,CAAA,KAAK,KAAK,WAAW,SAAS,OAAQ,CAAE,WAAY,QAAQ,EAC/D,SAAAP,CACI,CAAA,EACPP,MAACc,EAAK,QAAA,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,EAAAA,OAAO,IAAI,EAEjBC,EAAcC,EAAAA,YAAY,IAAK,CACnCJ,IACF,CAAA,EAAG,CAACA,CAAO,CAAC,EAEN,CAAE,YAAAK,CAAW,EAAKC,YAAU,CAAE,GAAGxB,EAAO,QAASqB,GAAeF,CAAG,EACnE,CAAE,eAAAM,EAAgB,WAAAC,GAAeC,EAAAA,eAEvC,OAAOC,EAAAA,WAAW5B,EAAM,SAAU6B,GAAQ,CACxC,MAAMnB,EAAYmB,EAAM,IAAIhC,CAAS,EAErC,OAAIqB,EAEAjB,MACE,SAAA,CAAA,IAAKkB,KACDW,aAAWP,EAAaG,CAAU,EACtC,UAAWK,EAAAA,IAAI,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,EAAAA,IAACK,EACC,CAAA,KAAMC,EACN,sBAAuBC,EACvB,uBAAwBC,EACxB,UAAWC,EACX,QAASC,CAAO,CAAA,CAEX,CAAA,EAIXV,EAACK,IAAAA,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":"iiBAiBA,MAAMA,EAAYC,EAAAA,WAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEhDC,EAAAA,IAACC,EAAAA,OAAM,CAAA,SACJC,WAAS,IAAIJ,EAAUK,GACfC,EAAAA,aAAaD,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAMKM,EAAc,CAAC,CACnB,KAAAC,EACA,sBAAAC,EACA,uBAAAC,EACA,UAAAC,EACA,QAAAC,EACA,kBAAAC,CAAiB,IAGfC,EAAAA,KAACC,EAAAA,OAAM,CAAC,EAAE,OAAO,QAAQ,0BACvBD,OAACC,EAAO,OAAA,CAAA,IAAK,YACVJ,EACC,CACE,GAAGA,EACH,MAAO,CACL,GAAGA,EAAU,MACb,MAAO,GACP,OAAQ,EACT,CACF,EACCC,EACFV,EAAAA,IAAK,MAAA,CAAA,MAAO,GAAI,OAAQ,GAAI,IAAKU,EAAS,IAAK,GAAGJ,CAAI,OAAO,CAAA,EAE7DN,EAAAA,IAACc,UAAiB,CAAA,MAAO,GAAI,OAAQ,EAAM,CAAA,EAE7Cd,EAAAA,IAACe,UAAK,CAAA,WAAW,SAAS,OAAQ,CAAE,cAAe,YAAY,EAC5D,SAAAT,CACI,CAAA,CAAA,CAAA,CAAA,EAETM,EAACI,KAAAA,EAAAA,OAAO,CAAA,IAAK,EAAG,WAAW,WACzB,SAAA,CAAAhB,EAACe,IAAAA,EAAAA,QAAI,CAAC,KAAK,KAAK,OAAQ,CAAE,WAAY,QAAQ,EAC3C,SAAAJ,EAAoBH,EAAyBD,CAAqB,CAAA,EAErEP,EAAAA,IAACe,EAAAA,QAAI,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,EAAAA,OAAO,IAAI,EAEjBC,EAAcC,EAAAA,YAAY,IAAK,CACnCJ,IACF,CAAA,EAAG,CAACA,CAAO,CAAC,EAEN,CAAE,YAAAK,CAAW,EAAKC,EAAAA,UAAU,CAAE,GAAGzB,EAAO,QAASsB,GAAeF,CAAG,EACnE,CAAE,eAAAM,EAAgB,WAAAC,GAAeC,EAAAA,eAEvC,OAAOC,EAAAA,WAAW7B,EAAM,SAAU8B,GAAQ,CACxC,MAAMpB,EAAYoB,EAAM,IAAIjC,CAAS,EAErC,OAAIsB,EAEAlB,EAAAA,IACE,SAAA,CAAA,IAAKmB,KACDW,EAAAA,WAAWP,EAAaG,CAAU,EACtC,UAAWK,EAAI,IAAA,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,MAACK,EAAW,CACV,KAAMC,EACN,sBAAuBC,EACvB,uBAAwBC,EACxB,UAAWC,EACX,QAASC,EACT,kBAAmBC,CACnB,CAAA,CAAA,CAAA,EAKNX,EAAAA,IAACK,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/cjs/components/list-items/transaction-row.js

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

package/dist/cjs/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/cjs/components/primitives/button.js

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

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");require("../feedback/callout.js");var j=require("../feedback/loading-spinner.js");require("../feedback/progress-bar.js");var m=require("@styled/tokens"),v=require("../icons/ico-checkmark-circle-fill.js");require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var C=require("../primitives/text.js");require("../primitives/portal.js"),require("react"),require("../../hooks/useToast.js"),require("../../recipes/toast.js");var n=require("@styled/jsx");require("../feedback/tooltip.js"),require("../inputs/phone-input.js");var k=require("../inputs/pincode-input.js");require("../inputs/text-input.js");var t=require("create-slots");const o=t.createSlot(({children:r})=>r),S=r=>{const{isPending:s,isSuccess:u,onChange:a,onComplete:c,originName:q,pinLength:d,id:l,autoFocus:g,errorMessage:i,children:h}=r,p=()=>s?e.jsx(j.LoadingSpinner,{size:36,strokeWidth:4}):u?e.jsx(v.default,{color:m.token("colors.brand.base"),width:36,height:36}):e.jsx(k.PinCodeInput,{originName:q,onChange:a,pinLength:d,onComplete:c,id:l,autoFocus:g});return t.createHost(h,x=>e.jsxs(n.VStack,{gap:3,my:3,children:[e.jsx(n.Center,{height:12,children:p()}),i&&e.jsx(C.default,{variant:"error",size:"sm",styles:{textAlign:"center"},children:i}),x.get(o)]}))},y=Object.assign(S,{RetryContent:o});exports.VerifyPincode=y;
+"use strict";var e=require("react/jsx-runtime");require("../feedback/callout.js");var j=require("../feedback/loading-spinner.js");require("../feedback/progress-bar.js");var n=require("@styled/jsx"),m=require("@styled/tokens"),v=require("../icons/ico-checkmark-circle-fill.js");require("../primitives/button.js"),require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js");var C=require("../primitives/text.js");require("../primitives/portal.js"),require("react"),require("../../hooks/useToast.js"),require("../../recipes/toast.js"),require("../feedback/tooltip.js"),require("../inputs/phone-input.js");var k=require("../inputs/pincode-input.js");require("../inputs/text-input.js");var t=require("create-slots");const o=t.createSlot(({children:r})=>r),S=r=>{const{isPending:s,isSuccess:u,onChange:a,onComplete:c,originName:q,pinLength:d,id:l,autoFocus:g,errorMessage:i,children:h}=r,p=()=>s?e.jsx(j.LoadingSpinner,{size:36,strokeWidth:4}):u?e.jsx(v.default,{color:m.token("colors.brand.base"),width:36,height:36}):e.jsx(k.PinCodeInput,{originName:q,onChange:a,pinLength:d,onComplete:c,id:l,autoFocus:g});return t.createHost(h,x=>e.jsxs(n.VStack,{gap:3,my:3,children:[e.jsx(n.Center,{height:12,children:p()}),i&&e.jsx(C.default,{variant:"error",size:"sm",styles:{textAlign:"center"},children:i}),x.get(o)]}))},y=Object.assign(S,{RetryContent:o});exports.VerifyPincode=y;
 //# sourceMappingURL=verify-pincode.js.map

package/dist/cjs/components/sections/verify-pincode.js.map

@@ -1 +1 @@
-{"version":3,"file":"verify-pincode.js","sources":["../../../../src/components/sections/verify-pincode.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { IcoCheckmarkCircleFill } from '@components/icons';\nimport { PinCodeInput, PinCodeInputProps } from '@components/inputs';\nimport { Text } from '@components/primitives';\nimport { Center, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\n\nexport interface VerifyPincodeProps extends PinCodeInputProps {\n  isPending: boolean;\n  isSuccess: boolean;\n  errorMessage?: string;\n  children?: React.ReactNode;\n}\n\nconst RetryContent = createSlot(({ children }) => {\n  return children;\n});\n\nconst VerifyPincodeHost = (props: VerifyPincodeProps) => {\n  const { isPending, isSuccess, onChange, onComplete, originName, pinLength, id, autoFocus, errorMessage, children } =\n    props;\n\n  const renderPincodeOrStatus = () => {\n    if (isPending) return <LoadingSpinner size={36} strokeWidth={4} />;\n\n    if (isSuccess) return <IcoCheckmarkCircleFill color={token('colors.brand.base')} width={36} height={36} />;\n\n    return (\n      <PinCodeInput\n        originName={originName}\n        onChange={onChange}\n        pinLength={pinLength}\n        onComplete={onComplete}\n        id={id}\n        // eslint-disable-next-line jsx-a11y/no-autofocus\n        autoFocus={autoFocus}\n      />\n    );\n  };\n\n  return createHost(children, slots => {\n    return (\n      <VStack gap={3} my={3}>\n        <Center height={12}>{renderPincodeOrStatus()}</Center>\n        {errorMessage && (\n          <Text variant=\"error\" size=\"sm\" styles={{ textAlign: 'center' }}>\n            {errorMessage}\n          </Text>\n        )}\n        {slots.get(RetryContent)}\n      </VStack>\n    );\n  });\n};\n\nexport const VerifyPincode = Object.assign(VerifyPincodeHost, { RetryContent });\n"],"names":["RetryContent","createSlot","children","VerifyPincodeHost","props","isPending","isSuccess","onChange","onComplete","originName","pinLength","id","autoFocus","errorMessage","renderPincodeOrStatus","_jsx","LoadingSpinner","IcoCheckmarkCircleFill","token","PinCodeInput","createHost","slots","_jsxs","VStack","Center","Text","VerifyPincode"],"mappings":"y3BAeA,MAAMA,EAAeC,EAAAA,WAAW,CAAC,CAAE,SAAAC,CAAU,IACpCA,CACR,EAEKC,EAAqBC,GAA6B,CACtD,KAAM,CAAE,UAAAC,EAAW,UAAAC,EAAW,SAAAC,EAAU,WAAAC,EAAY,WAAAC,EAAY,UAAAC,EAAW,GAAAC,EAAI,UAAAC,EAAW,aAAAC,EAAc,SAAAX,CAAQ,EAC9GE,EAEIU,EAAwB,IACxBT,EAAkBU,EAAAA,IAACC,iBAAc,CAAC,KAAM,GAAI,YAAa,CAAC,CAAA,EAE1DV,EAAkBS,MAACE,EAAAA,QAAsB,CAAC,MAAOC,EAAAA,MAAM,mBAAmB,EAAG,MAAO,GAAI,OAAQ,KAGlGH,MAACI,EAAY,aAAA,CACX,WAAYV,EACZ,SAAUF,EACV,UAAWG,EACX,WAAYF,EACZ,GAAIG,EAEJ,UAAWC,CACX,CAAA,EAIN,OAAOQ,EAAAA,WAAWlB,EAAUmB,GAExBC,EAAAA,KAACC,SAAO,CAAA,IAAK,EAAG,GAAI,EAClB,SAAA,CAAAR,EAAAA,IAACS,EAAAA,OAAO,CAAA,OAAQ,GAAK,SAAAV,GAAuB,CAAA,EAC3CD,GACCE,EAAAA,IAACU,WAAK,QAAQ,QAAQ,KAAK,KAAK,OAAQ,CAAE,UAAW,QAAU,EAAA,SAC5DZ,CAAY,CAAA,EAGhBQ,EAAM,IAAIrB,CAAY,CAAC,CACjB,CAAA,CAEZ,CACH,EAEa0B,EAAgB,OAAO,OAAOvB,EAAmB,CAAE,aAAAH,CAAY,CAAE"}
+{"version":3,"file":"verify-pincode.js","sources":["../../../../src/components/sections/verify-pincode.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { IcoCheckmarkCircleFill } from '@components/icons';\nimport { PinCodeInput, PinCodeInputProps } from '@components/inputs';\nimport { Text } from '@components/primitives';\nimport { Center, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\n\nexport interface VerifyPincodeProps extends PinCodeInputProps {\n  isPending: boolean;\n  isSuccess: boolean;\n  errorMessage?: string;\n  children?: React.ReactNode;\n}\n\nconst RetryContent = createSlot(({ children }) => {\n  return children;\n});\n\nconst VerifyPincodeHost = (props: VerifyPincodeProps) => {\n  const { isPending, isSuccess, onChange, onComplete, originName, pinLength, id, autoFocus, errorMessage, children } =\n    props;\n\n  const renderPincodeOrStatus = () => {\n    if (isPending) return <LoadingSpinner size={36} strokeWidth={4} />;\n\n    if (isSuccess) return <IcoCheckmarkCircleFill color={token('colors.brand.base')} width={36} height={36} />;\n\n    return (\n      <PinCodeInput\n        originName={originName}\n        onChange={onChange}\n        pinLength={pinLength}\n        onComplete={onComplete}\n        id={id}\n        // eslint-disable-next-line jsx-a11y/no-autofocus\n        autoFocus={autoFocus}\n      />\n    );\n  };\n\n  return createHost(children, slots => {\n    return (\n      <VStack gap={3} my={3}>\n        <Center height={12}>{renderPincodeOrStatus()}</Center>\n        {errorMessage && (\n          <Text variant=\"error\" size=\"sm\" styles={{ textAlign: 'center' }}>\n            {errorMessage}\n          </Text>\n        )}\n        {slots.get(RetryContent)}\n      </VStack>\n    );\n  });\n};\n\nexport const VerifyPincode = Object.assign(VerifyPincodeHost, { RetryContent });\n"],"names":["RetryContent","createSlot","children","VerifyPincodeHost","props","isPending","isSuccess","onChange","onComplete","originName","pinLength","id","autoFocus","errorMessage","renderPincodeOrStatus","_jsx","LoadingSpinner","IcoCheckmarkCircleFill","token","PinCodeInput","createHost","slots","_jsxs","VStack","Center","Text","VerifyPincode"],"mappings":"q3BAeA,MAAMA,EAAeC,EAAAA,WAAW,CAAC,CAAE,SAAAC,CAAU,IACpCA,CACR,EAEKC,EAAqBC,GAA6B,CACtD,KAAM,CAAE,UAAAC,EAAW,UAAAC,EAAW,SAAAC,EAAU,WAAAC,EAAY,WAAAC,EAAY,UAAAC,EAAW,GAAAC,EAAI,UAAAC,EAAW,aAAAC,EAAc,SAAAX,CAAQ,EAC9GE,EAEIU,EAAwB,IACxBT,EAAkBU,EAAAA,IAACC,iBAAc,CAAC,KAAM,GAAI,YAAa,CAAC,CAAA,EAE1DV,EAAkBS,MAACE,EAAAA,QAAsB,CAAC,MAAOC,EAAAA,MAAM,mBAAmB,EAAG,MAAO,GAAI,OAAQ,KAGlGH,MAACI,EAAY,aAAA,CACX,WAAYV,EACZ,SAAUF,EACV,UAAWG,EACX,WAAYF,EACZ,GAAIG,EAEJ,UAAWC,CACX,CAAA,EAIN,OAAOQ,EAAAA,WAAWlB,EAAUmB,GAExBC,EAAAA,KAACC,SAAO,CAAA,IAAK,EAAG,GAAI,EAClB,SAAA,CAAAR,EAAAA,IAACS,EAAAA,OAAO,CAAA,OAAQ,GAAK,SAAAV,GAAuB,CAAA,EAC3CD,GACCE,EAAAA,IAACU,WAAK,QAAQ,QAAQ,KAAK,KAAK,OAAQ,CAAE,UAAW,QAAU,EAAA,SAC5DZ,CAAY,CAAA,EAGhBQ,EAAM,IAAIrB,CAAY,CAAC,CACjB,CAAA,CAEZ,CACH,EAEa0B,EAAgB,OAAO,OAAOvB,EAAmB,CAAE,aAAAH,CAAY,CAAE"}

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";var i=require("./components/containers/card.js"),l=require("./components/containers/content.js"),u=require("./components/containers/drawer.js"),t=require("./components/containers/footer.js"),n=require("./components/containers/header.js"),c=require("./components/containers/modal.js"),d=require("./components/containers/overlay.js"),f=require("./components/external/paypal-button.js"),v=require("./components/external/social-login-button.js"),q=require("./components/feedback/callout.js"),g=require("./components/feedback/loading-spinner.js"),s=require("./components/feedback/progress-bar.js"),e=require("./components/feedback/toast-provider.js"),L=require("./components/feedback/tooltip.js"),M=require("./components/icons/ico-add.js"),I=require("./components/icons/ico-alert-circle-fill.js"),k=require("./components/icons/ico-alert-circle.js"),m=require("./components/icons/ico-arrow-down.js"),p=require("./components/icons/ico-arrow-left.js"),b=require("./components/icons/ico-arrow-right.js"),h=require("./components/icons/ico-arrow-up.js"),w=require("./components/icons/ico-asterisk-with-shield.js"),C=require("./components/icons/ico-asterisk.js"),B=require("./components/icons/ico-astronaut.js"),A=require("./components/icons/ico-atom.js"),P=require("./components/icons/ico-bank.js"),F=require("./components/icons/ico-bell-notification.js"),S=require("./components/icons/ico-bell.js"),y=require("./components/icons/ico-block.js"),W=require("./components/icons/ico-branding.js"),T=require("./components/icons/ico-caret-down.js"),D=require("./components/icons/ico-caret-left.js"),E=require("./components/icons/ico-caret-right.js"),G=require("./components/icons/ico-caret-up.js"),x=require("./components/icons/ico-checkmark-circle-fill.js"),R=require("./components/icons/ico-checkmark-circle.js"),O=require("./components/icons/ico-checkmark.js"),z=require("./components/icons/ico-code-editor.js"),H=require("./components/icons/ico-code-sandbox.js"),Z=require("./components/icons/ico-code.js"),N=require("./components/icons/ico-command-line.js"),U=require("./components/icons/ico-comment.js"),X=require("./components/icons/ico-copy.js"),j=require("./components/icons/ico-credit-card.js"),V=require("./components/icons/ico-dedicated.js"),Q=require("./components/icons/ico-diamond.js"),J=require("./components/icons/ico-dismiss-circle-fill.js"),K=require("./components/icons/ico-dismiss-circle.js"),_=require("./components/icons/ico-dismiss.js"),Y=require("./components/icons/ico-doc.js"),$=require("./components/icons/ico-download.js"),ee=require("./components/icons/ico-edit-email.js"),re=require("./components/icons/ico-edit.js"),oe=require("./components/icons/ico-email-fill.js"),ae=require("./components/icons/ico-email-open.js"),ie=require("./components/icons/ico-email.js"),le=require("./components/icons/ico-expand.js"),ue=require("./components/icons/ico-expiration.js"),te=require("./components/icons/ico-external-link.js"),ne=require("./components/icons/ico-eye-closed.js"),ce=require("./components/icons/ico-eye-opened.js"),de=require("./components/icons/ico-fingerprint-fill.js"),fe=require("./components/icons/ico-fingerprint.js"),ve=require("./components/icons/ico-gas.js"),qe=require("./components/icons/ico-gift.js"),ge=require("./components/icons/ico-globe.js"),se=require("./components/icons/ico-guide.js"),Le=require("./components/icons/ico-home.js"),Me=require("./components/icons/ico-hourglass.js"),Ie=require("./components/icons/ico-info-circle-fill.js"),ke=require("./components/icons/ico-info-circle.js"),me=require("./components/icons/ico-kebab.js"),pe=require("./components/icons/ico-key.js"),be=require("./components/icons/ico-lightbulb-fill.js"),he=require("./components/icons/ico-lightbulb.js"),we=require("./components/icons/ico-lightning-fill.js"),Ce=require("./components/icons/ico-lightning.js"),Be=require("./components/icons/ico-link.js"),Ae=require("./components/icons/ico-loading.js"),Pe=require("./components/icons/ico-lock-locked.js"),Fe=require("./components/icons/ico-lock-password.js"),Se=require("./components/icons/ico-lock-unlocked-fill.js"),ye=require("./components/icons/ico-lock-unlocked.js"),We=require("./components/icons/ico-login-form.js"),Te=require("./components/icons/ico-magic.js"),De=require("./components/icons/ico-megaphone.js"),Ee=require("./components/icons/ico-menu.js"),Ge=require("./components/icons/ico-message-fill.js"),xe=require("./components/icons/ico-message.js"),Re=require("./components/icons/ico-mfa.js"),Oe=require("./components/icons/ico-minimize.js"),ze=require("./components/icons/ico-mobile2fa.js"),He=require("./components/icons/ico-mobile2fafill.js"),Ze=require("./components/icons/ico-open-book.js"),Ne=require("./components/icons/ico-paper-plane.js"),Ue=require("./components/icons/ico-passport.js"),Xe=require("./components/icons/ico-passwordless.js"),je=require("./components/icons/ico-pending-connection.js"),Ve=require("./components/icons/ico-phone.js"),Qe=require("./components/icons/ico-polygon-gas-testnet.js"),Je=require("./components/icons/ico-polygon-gas.js"),Ke=require("./components/icons/ico-price.js"),_e=require("./components/icons/ico-qrcode.js"),Ye=require("./components/icons/ico-question-circle-fill.js"),$e=require("./components/icons/ico-question-circle.js"),er=require("./components/icons/ico-refresh-circle-fill.js"),rr=require("./components/icons/ico-refresh.js"),or=require("./components/icons/ico-rocket-fill.js"),ar=require("./components/icons/ico-search.js"),ir=require("./components/icons/ico-settings.js"),lr=require("./components/icons/ico-shapes.js"),ur=require("./components/icons/ico-shield-approved.js"),tr=require("./components/icons/ico-shield-rejected.js"),nr=require("./components/icons/ico-shield.js"),cr=require("./components/icons/ico-social.js"),dr=require("./components/icons/ico-sold-out-tag.js"),fr=require("./components/icons/ico-star.js"),vr=require("./components/icons/ico-swap.js"),qr=require("./components/icons/ico-swatches.js"),gr=require("./components/icons/ico-team.js"),sr=require("./components/icons/ico-trash.js"),Lr=require("./components/icons/ico-users.js"),Mr=require("./components/icons/ico-wallet-fill.js"),Ir=require("./components/icons/ico-wallet.js"),kr=require("./components/icons/ico-wand.js"),mr=require("./components/icons/ico-warning-fill.js"),pr=require("./components/icons/ico-warning.js"),br=require("./components/info/copy-button.js"),hr=require("./components/info/email-wbr.js"),wr=require("./components/info/security-otp.js"),Cr=require("./components/info/text-box.js"),Br=require("./components/info/wallet-address.js"),Ar=require("./components/inputs/phone-input.js"),Pr=require("./components/inputs/pincode-input.js"),Fr=require("./components/inputs/text-input.js"),Sr=require("./components/layouts/dialogue.js"),yr=require("./components/layouts/error.js"),Wr=require("./components/layouts/page.js"),Tr=require("./components/list-items/navigation-button.js"),Dr=require("./components/list-items/nft-tile.js"),Er=require("./components/list-items/token-list-item.js"),Gr=require("./components/logos/blc-algorand.js"),xr=require("./components/logos/blc-aptos.js"),Rr=require("./components/logos/blc-arbitrum.js"),Or=require("./components/logos/blc-astar.js"),zr=require("./components/logos/blc-avalanche.js"),Hr=require("./components/logos/blc-base.js"),Zr=require("./components/logos/blc-berachain.js"),Nr=require("./components/logos/blc-binance.js"),Ur=require("./components/logos/blc-bitcoin.js"),Xr=require("./components/logos/blc-celo.js"),jr=require("./components/logos/blc-chiliz.js"),Vr=require("./components/logos/blc-cosmos.js"),Qr=require("./components/logos/blc-ethereum.js"),Jr=require("./components/logos/blc-etherlink.js"),Kr=require("./components/logos/blc-flow.js"),_r=require("./components/logos/blc-harmony.js"),Yr=require("./components/logos/blc-icon.js"),$r=require("./components/logos/blc-immutable-x.js"),eo=require("./components/logos/blc-loopring.js"),ro=require("./components/logos/blc-moonbeam.js"),oo=require("./components/logos/blc-near.js"),ao=require("./components/logos/blc-optimism.js"),io=require("./components/logos/blc-polkadot.js"),lo=require("./components/logos/blc-polygon.js"),uo=require("./components/logos/blc-rarichain.js"),to=require("./components/logos/blc-solana.js"),no=require("./components/logos/blc-stability.js"),co=require("./components/logos/blc-sui.js"),fo=require("./components/logos/blc-tezos.js"),vo=require("./components/logos/blc-wax.js"),qo=require("./components/logos/blc-zetachain.js"),go=require("./components/logos/blc-zilliqa.js"),so=require("./components/logos/blc-zksync.js"),Lo=require("./components/logos/fwk-11ty.js"),Mo=require("./components/logos/fwk-android.js"),Io=require("./components/logos/fwk-apple.js"),ko=require("./components/logos/fwk-authy.js"),mo=require("./components/logos/fwk-binance-fill.js"),po=require("./components/logos/fwk-chrome.js"),bo=require("./components/logos/fwk-electron.js"),ho=require("./components/logos/fwk-express.js"),wo=require("./components/logos/fwk-fauna.js"),Co=require("./components/logos/fwk-firebase.js"),Bo=require("./components/logos/fwk-go.js"),Ao=require("./components/logos/fwk-google-authenticator.js"),Po=require("./components/logos/fwk-hasura.js"),Fo=require("./components/logos/fwk-javascript.js"),So=require("./components/logos/fwk-jwt.js"),yo=require("./components/logos/fwk-laravel.js"),Wo=require("./components/logos/fwk-nextjs.js"),To=require("./components/logos/fwk-nodejs.js"),Do=require("./components/logos/fwk-nuxtjs.js"),Eo=require("./components/logos/fwk-php.js"),Go=require("./components/logos/fwk-react.js"),xo=require("./components/logos/fwk-strapi.js"),Ro=require("./components/logos/fwk-stripe.js"),Oo=require("./components/logos/fwk-vue.js"),zo=require("./components/logos/fwk-webflow.js"),Ho=require("./components/logos/fwk-wordpress.js"),Zo=require("./components/logos/fwk-zapier.js"),No=require("./components/logos/icon-art-dark.js"),Uo=require("./components/logos/icon-art.js"),Xo=require("./components/logos/icon-delete.js"),jo=require("./components/logos/icon-email-globe.js"),Vo=require("./components/logos/icon-email.js"),Qo=require("./components/logos/icon-game-controller-dark.js"),Jo=require("./components/logos/icon-game-controller.js"),Ko=require("./components/logos/icon-generic-token.js"),_o=require("./components/logos/icon-magic-globe.js"),Yo=require("./components/logos/icon-magic-logo.js"),$o=require("./components/logos/icon-music-dark.js"),ea=require("./components/logos/icon-music.js"),ra=require("./components/logos/icon-person-dark.js"),oa=require("./components/logos/icon-person.js"),aa=require("./components/logos/icon-profile-dark.js"),ia=require("./components/logos/icon-profile-light.js"),la=require("./components/logos/icon-reset.js"),ua=require("./components/logos/icon-sms.js"),ta=require("./components/logos/icon-ticket-dark.js"),na=require("./components/logos/icon-ticket.js"),ca=require("./components/logos/icon-warning-dark.js"),da=require("./components/logos/icon-warning-shield.js"),fa=require("./components/logos/icon-warning.js"),va=require("./components/logos/logo-algorand-mono.js"),qa=require("./components/logos/logo-algorand.js"),ga=require("./components/logos/logo-apple-mono.js"),sa=require("./components/logos/logo-apple.js"),La=require("./components/logos/logo-aptos-mono.js"),Ma=require("./components/logos/logo-aptos.js"),Ia=require("./components/logos/logo-arbitrum-mono.js"),ka=require("./components/logos/logo-arbitrum-one-mono.js"),ma=require("./components/logos/logo-arbitrum-one.js"),pa=require("./components/logos/logo-arbitrum.js"),ba=require("./components/logos/logo-astar-mono.js"),ha=require("./components/logos/logo-astar.js"),wa=require("./components/logos/logo-auth0-mono.js"),Ca=require("./components/logos/logo-auth0.js"),Ba=require("./components/logos/logo-avalanche-mono.js"),Aa=require("./components/logos/logo-avalanche.js"),Pa=require("./components/logos/logo-azure-mono.js"),Fa=require("./components/logos/logo-azure.js"),Sa=require("./components/logos/logo-base-mono.js"),ya=require("./components/logos/logo-base.js"),Wa=require("./components/logos/logo-berachain-mono.js"),Ta=require("./components/logos/logo-berachain.js"),Da=require("./components/logos/logo-binance-mono.js"),Ea=require("./components/logos/logo-binance.js"),Ga=require("./components/logos/logo-bit-bucket-mono.js"),xa=require("./components/logos/logo-bit-bucket.js"),Ra=require("./components/logos/logo-bitcoin-mono.js"),Oa=require("./components/logos/logo-bitcoin.js"),za=require("./components/logos/logo-bnb-mono.js"),Ha=require("./components/logos/logo-bnb.js"),Za=require("./components/logos/logo-celo-mono.js"),Na=require("./components/logos/logo-celo.js"),Ua=require("./components/logos/logo-chiliz-mono.js"),Xa=require("./components/logos/logo-chiliz.js"),ja=require("./components/logos/logo-cognito-mono.js"),Va=require("./components/logos/logo-cognito.js"),Qa=require("./components/logos/logo-cosmos-mono.js"),Ja=require("./components/logos/logo-cosmos.js"),Ka=require("./components/logos/logo-discord-mono.js"),_a=require("./components/logos/logo-discord.js"),Ya=require("./components/logos/logo-ethereum-mono.js"),$a=require("./components/logos/logo-ethereum.js"),ei=require("./components/logos/logo-etherlink-mono.js"),ri=require("./components/logos/logo-etherlink.js"),oi=require("./components/logos/logo-facebook-mono.js"),ai=require("./components/logos/logo-facebook.js"),ii=require("./components/logos/logo-flare-mono.js"),li=require("./components/logos/logo-flare.js"),ui=require("./components/logos/logo-flow-mono.js"),ti=require("./components/logos/logo-flow.js"),ni=require("./components/logos/logo-git-hub-mono.js"),ci=require("./components/logos/logo-git-hub.js"),di=require("./components/logos/logo-git-lab-mono.js"),fi=require("./components/logos/logo-git-lab.js"),vi=require("./components/logos/logo-google-mono.js"),qi=require("./components/logos/logo-google.js"),gi=require("./components/logos/logo-harmony-mono.js"),si=require("./components/logos/logo-harmony.js"),Li=require("./components/logos/logo-horizen-mono.js"),Mi=require("./components/logos/logo-horizen.js"),Ii=require("./components/logos/logo-icon-mono.js"),ki=require("./components/logos/logo-icon.js"),mi=require("./components/logos/logo-immutable-x-mono.js"),pi=require("./components/logos/logo-immutable-x.js"),bi=require("./components/logos/logo-link-by-stripe-mono.js"),hi=require("./components/logos/logo-link-by-stripe.js"),wi=require("./components/logos/logo-link-mono.js"),Ci=require("./components/logos/logo-link.js"),Bi=require("./components/logos/logo-linked-in-mono.js"),Ai=require("./components/logos/logo-linked-in.js"),Pi=require("./components/logos/logo-loopring-mono.js"),Fi=require("./components/logos/logo-loopring.js"),Si=require("./components/logos/logo-microsoft-mono.js"),yi=require("./components/logos/logo-microsoft.js"),Wi=require("./components/logos/logo-moonbeam-mono.js"),Ti=require("./components/logos/logo-moonbeam.js"),Di=require("./components/logos/logo-near-mono.js"),Ei=require("./components/logos/logo-near.js"),Gi=require("./components/logos/logo-onramper-mono.js"),xi=require("./components/logos/logo-onramper.js"),Ri=require("./components/logos/logo-optimism-mono.js"),Oi=require("./components/logos/logo-optimism.js"),zi=require("./components/logos/logo-pay-pal-mono.js"),Hi=require("./components/logos/logo-pay-pal-wordmark-mono.js"),Zi=require("./components/logos/logo-pay-pal-wordmark.js"),Ni=require("./components/logos/logo-pay-pal.js"),Ui=require("./components/logos/logo-poa-mono.js"),Xi=require("./components/logos/logo-poa.js"),ji=require("./components/logos/logo-polkadot-mono.js"),Vi=require("./components/logos/logo-polkadot.js"),Qi=require("./components/logos/logo-polygon-mono.js"),Ji=require("./components/logos/logo-polygon.js"),Ki=require("./components/logos/logo-rarichain-mono.js"),_i=require("./components/logos/logo-rarichain.js"),Yi=require("./components/logos/logo-sardine-mono.js"),$i=require("./components/logos/logo-sardine.js"),el=require("./components/logos/logo-sei-mono.js"),rl=require("./components/logos/logo-sei.js"),ol=require("./components/logos/logo-solana-mono.js"),al=require("./components/logos/logo-solana.js"),il=require("./components/logos/logo-stability-mono.js"),ll=require("./components/logos/logo-stability.js"),ul=require("./components/logos/logo-sui-mono.js"),tl=require("./components/logos/logo-sui.js"),nl=require("./components/logos/logo-tezos-mono.js"),cl=require("./components/logos/logo-tezos.js"),dl=require("./components/logos/logo-twitch-mono.js"),fl=require("./components/logos/logo-twitch.js"),vl=require("./components/logos/logo-twitter-mono.js"),ql=require("./components/logos/logo-twitter.js"),gl=require("./components/logos/logo-wallet-connect-mono.js"),sl=require("./components/logos/logo-wallet-connect.js"),Ll=require("./components/logos/logo-warpcast-mono.js"),Ml=require("./components/logos/logo-warpcast.js"),Il=require("./components/logos/logo-wax-mono.js"),kl=require("./components/logos/logo-wax.js"),ml=require("./components/logos/logo-xdc-mono.js"),pl=require("./components/logos/logo-xdc.js"),bl=require("./components/logos/logo-zetachain-mono.js"),hl=require("./components/logos/logo-zetachain.js"),wl=require("./components/logos/logo-zilliqa-mono.js"),Cl=require("./components/logos/logo-zilliqa.js"),Bl=require("./components/logos/logo-zksync-mono.js"),Al=require("./components/logos/logo-zksync.js"),Pl=require("./components/logos/pay-amex.js"),Fl=require("./components/logos/pay-discover.js"),Sl=require("./components/logos/pay-mastercard.js"),yl=require("./components/logos/pay-visa.js"),Wl=require("./components/logos/presentation-logo.js"),Tl=require("./components/logos/website-magic.js"),Dl=require("./components/logos/wlt-coinbase.js"),El=require("./components/logos/wlt-mattel.js"),Gl=require("./components/logos/wlt-metamask.js"),xl=require("./components/logos/wlt-phantom.js"),Rl=require("./components/logos/wlt-rainbow.js"),Ol=require("./components/logos/wlt-wallet-connect.js"),zl=require("./components/primitives/button.js"),Hl=require("./components/primitives/checkbox.js"),r=require("./components/primitives/dropdown-selector.js"),Zl=require("./components/primitives/popover.js"),o=require("./components/primitives/radio.js"),a=require("./components/primitives/segmented-control.js"),Nl=require("./components/primitives/switch.js"),Ul=require("./components/primitives/text.js"),Xl=require("./components/sections/verify-pincode.js"),jl=require("./components/utils/animate.js"),Vl=require("./components/utils/client-asset-logo.js"),Ql=require("./components/utils/qr-code.js"),Jl=require("./components/utils/secured-by-magic.js"),Kl=require("./components/utils/shared-logo.js"),_l=require("./hooks/theme.js"),Yl=require("./hooks/useToast.js");exports.Card=i.Card,exports.Content=l.Content,exports.Drawer=u.Drawer,exports.Footer=t.Footer,exports.Header=n.Header,exports.Modal=c.Modal,exports.Overlay=d.Overlay,exports.PayPalButton=f.PayPalButton,exports.SocialLoginButton=v.SocialLoginButton,exports.Callout=q.Callout,exports.LoadingSpinner=g.LoadingSpinner,exports.ProgressBar=s.ProgressBar,exports.Toast=e.Toast,exports.ToastProvider=e.ToastProvider,exports.Tooltip=L.default,exports.IcoAdd=M.default,exports.IcoAlertCircleFill=I.default,exports.IcoAlertCircle=k.default,exports.IcoArrowDown=m.default,exports.IcoArrowLeft=p.default,exports.IcoArrowRight=b.default,exports.IcoArrowUp=h.default,exports.IcoAsteriskWithShield=w.default,exports.IcoAsterisk=C.default,exports.IcoAstronaut=B.default,exports.IcoAtom=A.default,exports.IcoBank=P.default,exports.IcoBellNotification=F.default,exports.IcoBell=S.default,exports.IcoBlock=y.default,exports.IcoBranding=W.default,exports.IcoCaretDown=T.default,exports.IcoCaretLeft=D.default,exports.IcoCaretRight=E.default,exports.IcoCaretUp=G.default,exports.IcoCheckmarkCircleFill=x.default,exports.IcoCheckmarkCircle=R.default,exports.IcoCheckmark=O.default,exports.IcoCodeEditor=z.default,exports.IcoCodeSandbox=H.default,exports.IcoCode=Z.default,exports.IcoCommandLine=N.default,exports.IcoComment=U.default,exports.IcoCopy=X.default,exports.IcoCreditCard=j.default,exports.IcoDedicated=V.default,exports.IcoDiamond=Q.default,exports.IcoDismissCircleFill=J.default,exports.IcoDismissCircle=K.default,exports.IcoDismiss=_.default,exports.IcoDoc=Y.default,exports.IcoDownload=$.default,exports.IcoEditEmail=ee.default,exports.IcoEdit=re.default,exports.IcoEmailFill=oe.default,exports.IcoEmailOpen=ae.default,exports.IcoEmail=ie.default,exports.IcoExpand=le.default,exports.IcoExpiration=ue.default,exports.IcoExternalLink=te.default,exports.IcoEyeClosed=ne.default,exports.IcoEyeOpened=ce.default,exports.IcoFingerprintFill=de.default,exports.IcoFingerprint=fe.default,exports.IcoGas=ve.default,exports.IcoGift=qe.default,exports.IcoGlobe=ge.default,exports.IcoGuide=se.default,exports.IcoHome=Le.default,exports.IcoHourglass=Me.default,exports.IcoInfoCircleFill=Ie.default,exports.IcoInfoCircle=ke.default,exports.IcoKebab=me.default,exports.IcoKey=pe.default,exports.IcoLightbulbFill=be.default,exports.IcoLightbulb=he.default,exports.IcoLightningFill=we.default,exports.IcoLightning=Ce.default,exports.IcoLink=Be.default,exports.IcoLoading=Ae.default,exports.IcoLockLocked=Pe.default,exports.IcoLockPassword=Fe.default,exports.IcoLockUnlockedFill=Se.default,exports.IcoLockUnlocked=ye.default,exports.IcoLoginForm=We.default,exports.IcoMagic=Te.default,exports.IcoMegaphone=De.default,exports.IcoMenu=Ee.default,exports.IcoMessageFill=Ge.default,exports.IcoMessage=xe.default,exports.IcoMfa=Re.default,exports.IcoMinimize=Oe.default,exports.IcoMobile2fa=ze.default,exports.IcoMobile2fafill=He.default,exports.IcoOpenBook=Ze.default,exports.IcoPaperPlane=Ne.default,exports.IcoPassport=Ue.default,exports.IcoPasswordless=Xe.default,exports.IcoPendingConnection=je.default,exports.IcoPhone=Ve.default,exports.IcoPolygonGasTestnet=Qe.default,exports.IcoPolygonGas=Je.default,exports.IcoPrice=Ke.default,exports.IcoQrcode=_e.default,exports.IcoQuestionCircleFill=Ye.default,exports.IcoQuestionCircle=$e.default,exports.IcoRefreshCircleFill=er.default,exports.IcoRefresh=rr.default,exports.IcoRocketFill=or.default,exports.IcoSearch=ar.default,exports.IcoSettings=ir.default,exports.IcoShapes=lr.default,exports.IcoShieldApproved=ur.default,exports.IcoShieldRejected=tr.default,exports.IcoShield=nr.default,exports.IcoSocial=cr.default,exports.IcoSoldOutTag=dr.default,exports.IcoStar=fr.default,exports.IcoSwap=vr.default,exports.IcoSwatches=qr.default,exports.IcoTeam=gr.default,exports.IcoTrash=sr.default,exports.IcoUsers=Lr.default,exports.IcoWalletFill=Mr.default,exports.IcoWallet=Ir.default,exports.IcoWand=kr.default,exports.IcoWarningFill=mr.default,exports.IcoWarning=pr.default,exports.CopyButton=br.default,exports.EmailWbr=hr.default,exports.SecurityOtp=wr.default,exports.TextBox=Cr.default,exports.WalletAddress=Br.default,exports.PhoneInput=Ar.default,exports.PinCodeInput=Pr.PinCodeInput,exports.TextInput=Fr.TextInput,exports.Dialogue=Sr.Dialogue,exports.Error=yr.Error,exports.Page=Wr.Page,exports.NavigationButton=Tr.default,exports.NFTTile=Dr.NFTTile,exports.TokenListItem=Er.TokenListItem,exports.BlcAlgorand=Gr.default,exports.BlcAptos=xr.default,exports.BlcArbitrum=Rr.default,exports.BlcAstar=Or.default,exports.BlcAvalanche=zr.default,exports.BlcBase=Hr.default,exports.BlcBerachain=Zr.default,exports.BlcBinance=Nr.default,exports.BlcBitcoin=Ur.default,exports.BlcCelo=Xr.default,exports.BlcChiliz=jr.default,exports.BlcCosmos=Vr.default,exports.BlcEthereum=Qr.default,exports.BlcEtherlink=Jr.default,exports.BlcFlow=Kr.default,exports.BlcHarmony=_r.default,exports.BlcIcon=Yr.default,exports.BlcImmutableX=$r.default,exports.BlcLoopring=eo.default,exports.BlcMoonbeam=ro.default,exports.BlcNear=oo.default,exports.BlcOptimism=ao.default,exports.BlcPolkadot=io.default,exports.BlcPolygon=lo.default,exports.BlcRarichain=uo.default,exports.BlcSolana=to.default,exports.BlcStability=no.default,exports.BlcSui=co.default,exports.BlcTezos=fo.default,exports.BlcWax=vo.default,exports.BlcZetachain=qo.default,exports.BlcZilliqa=go.default,exports.BlcZksync=so.default,exports.Fwk11ty=Lo.default,exports.FwkAndroid=Mo.default,exports.FwkApple=Io.default,exports.FwkAuthy=ko.default,exports.FwkBinanceFill=mo.default,exports.FwkChrome=po.default,exports.FwkElectron=bo.default,exports.FwkExpress=ho.default,exports.FwkFauna=wo.default,exports.FwkFirebase=Co.default,exports.FwkGo=Bo.default,exports.FwkGoogleAuthenticator=Ao.default,exports.FwkHasura=Po.default,exports.FwkJavascript=Fo.default,exports.FwkJwt=So.default,exports.FwkLaravel=yo.default,exports.FwkNextjs=Wo.default,exports.FwkNodejs=To.default,exports.FwkNuxtjs=Do.default,exports.FwkPhp=Eo.default,exports.FwkReact=Go.default,exports.FwkStrapi=xo.default,exports.FwkStripe=Ro.default,exports.FwkVue=Oo.default,exports.FwkWebflow=zo.default,exports.FwkWordpress=Ho.default,exports.FwkZapier=Zo.default,exports.IconArtDark=No.default,exports.IconArt=Uo.default,exports.IconDelete=Xo.default,exports.IconEmailGlobe=jo.default,exports.IconEmail=Vo.default,exports.IconGameControllerDark=Qo.default,exports.IconGameController=Jo.default,exports.IconGenericToken=Ko.default,exports.IconMagicGlobe=_o.default,exports.IconMagicLogo=Yo.default,exports.IconMusicDark=$o.default,exports.IconMusic=ea.default,exports.IconPersonDark=ra.default,exports.IconPerson=oa.default,exports.IconProfileDark=aa.default,exports.IconProfileLight=ia.default,exports.IconReset=la.default,exports.IconSms=ua.default,exports.IconTicketDark=ta.default,exports.IconTicket=na.default,exports.IconWarningDark=ca.default,exports.IconWarningShield=da.default,exports.IconWarning=fa.default,exports.LogoAlgorandMono=va.default,exports.LogoAlgorand=qa.default,exports.LogoAppleMono=ga.default,exports.LogoApple=sa.default,exports.LogoAptosMono=La.default,exports.LogoAptos=Ma.default,exports.LogoArbitrumMono=Ia.default,exports.LogoArbitrumOneMono=ka.default,exports.LogoArbitrumOne=ma.default,exports.LogoArbitrum=pa.default,exports.LogoAstarMono=ba.default,exports.LogoAstar=ha.default,exports.LogoAuth0Mono=wa.default,exports.LogoAuth0=Ca.default,exports.LogoAvalancheMono=Ba.default,exports.LogoAvalanche=Aa.default,exports.LogoAzureMono=Pa.default,exports.LogoAzure=Fa.default,exports.LogoBaseMono=Sa.default,exports.LogoBase=ya.default,exports.LogoBerachainMono=Wa.default,exports.LogoBerachain=Ta.default,exports.LogoBinanceMono=Da.default,exports.LogoBinance=Ea.default,exports.LogoBitBucketMono=Ga.default,exports.LogoBitBucket=xa.default,exports.LogoBitcoinMono=Ra.default,exports.LogoBitcoin=Oa.default,exports.LogoBnbMono=za.default,exports.LogoBnb=Ha.default,exports.LogoCeloMono=Za.default,exports.LogoCelo=Na.default,exports.LogoChilizMono=Ua.default,exports.LogoChiliz=Xa.default,exports.LogoCognitoMono=ja.default,exports.LogoCognito=Va.default,exports.LogoCosmosMono=Qa.default,exports.LogoCosmos=Ja.default,exports.LogoDiscordMono=Ka.default,exports.LogoDiscord=_a.default,exports.LogoEthereumMono=Ya.default,exports.LogoEthereum=$a.default,exports.LogoEtherlinkMono=ei.default,exports.LogoEtherlink=ri.default,exports.LogoFacebookMono=oi.default,exports.LogoFacebook=ai.default,exports.LogoFlareMono=ii.default,exports.LogoFlare=li.default,exports.LogoFlowMono=ui.default,exports.LogoFlow=ti.default,exports.LogoGitHubMono=ni.default,exports.LogoGitHub=ci.default,exports.LogoGitLabMono=di.default,exports.LogoGitLab=fi.default,exports.LogoGoogleMono=vi.default,exports.LogoGoogle=qi.default,exports.LogoHarmonyMono=gi.default,exports.LogoHarmony=si.default,exports.LogoHorizenMono=Li.default,exports.LogoHorizen=Mi.default,exports.LogoIconMono=Ii.default,exports.LogoIcon=ki.default,exports.LogoImmutableXMono=mi.default,exports.LogoImmutableX=pi.default,exports.LogoLinkByStripeMono=bi.default,exports.LogoLinkByStripe=hi.default,exports.LogoLinkMono=wi.default,exports.LogoLink=Ci.default,exports.LogoLinkedInMono=Bi.default,exports.LogoLinkedIn=Ai.default,exports.LogoLoopringMono=Pi.default,exports.LogoLoopring=Fi.default,exports.LogoMicrosoftMono=Si.default,exports.LogoMicrosoft=yi.default,exports.LogoMoonbeamMono=Wi.default,exports.LogoMoonbeam=Ti.default,exports.LogoNearMono=Di.default,exports.LogoNear=Ei.default,exports.LogoOnramperMono=Gi.default,exports.LogoOnramper=xi.default,exports.LogoOptimismMono=Ri.default,exports.LogoOptimism=Oi.default,exports.LogoPayPalMono=zi.default,exports.LogoPayPalWordmarkMono=Hi.default,exports.LogoPayPalWordmark=Zi.default,exports.LogoPayPal=Ni.default,exports.LogoPoaMono=Ui.default,exports.LogoPoa=Xi.default,exports.LogoPolkadotMono=ji.default,exports.LogoPolkadot=Vi.default,exports.LogoPolygonMono=Qi.default,exports.LogoPolygon=Ji.default,exports.LogoRarichainMono=Ki.default,exports.LogoRarichain=_i.default,exports.LogoSardineMono=Yi.default,exports.LogoSardine=$i.default,exports.LogoSeiMono=el.default,exports.LogoSei=rl.default,exports.LogoSolanaMono=ol.default,exports.LogoSolana=al.default,exports.LogoStabilityMono=il.default,exports.LogoStability=ll.default,exports.LogoSuiMono=ul.default,exports.LogoSui=tl.default,exports.LogoTezosMono=nl.default,exports.LogoTezos=cl.default,exports.LogoTwitchMono=dl.default,exports.LogoTwitch=fl.default,exports.LogoTwitterMono=vl.default,exports.LogoTwitter=ql.default,exports.LogoWalletConnectMono=gl.default,exports.LogoWalletConnect=sl.default,exports.LogoWarpcastMono=Ll.default,exports.LogoWarpcast=Ml.default,exports.LogoWaxMono=Il.default,exports.LogoWax=kl.default,exports.LogoXdcMono=ml.default,exports.LogoXdc=pl.default,exports.LogoZetachainMono=bl.default,exports.LogoZetachain=hl.default,exports.LogoZilliqaMono=wl.default,exports.LogoZilliqa=Cl.default,exports.LogoZksyncMono=Bl.default,exports.LogoZksync=Al.default,exports.PayAmex=Pl.default,exports.PayDiscover=Fl.default,exports.PayMastercard=Sl.default,exports.PayVisa=yl.default,exports.PresentationLogo=Wl.default,exports.WebsiteMagic=Tl.default,exports.WltCoinbase=Dl.default,exports.WltMattel=El.default,exports.WltMetamask=Gl.default,exports.WltPhantom=xl.default,exports.WltRainbow=Rl.default,exports.WltWalletConnect=Ol.default,exports.Button=zl.default,exports.Checkbox=Hl.default,exports.DropdownOption=r.DropdownOption,exports.DropdownSelector=r.DropdownSelector,exports.Popover=Zl.Popover,exports.Radio=o.Radio,exports.RadioGroup=o.RadioGroup,exports.SegmentedControl=a.SegmentedControl,exports.Tab=a.Tab,exports.Switch=Nl.default,exports.Text=Ul.default,exports.VerifyPincode=Xl.VerifyPincode,exports.Animate=jl.default,exports.ClientAssetLogo=Vl.ClientAssetLogo,exports.QRCode=Ql.default,exports.SecuredByMagic=Jl.default,exports.SharedLogo=Kl.default,exports.useCustomVars=_l.useCustomVars,exports.useToast=Yl.useToast;
+"use strict";var i=require("./components/containers/card.js"),l=require("./components/containers/content.js"),u=require("./components/containers/drawer.js"),t=require("./components/containers/footer.js"),n=require("./components/containers/header.js"),c=require("./components/containers/modal.js"),d=require("./components/containers/overlay.js"),f=require("./components/external/paypal-button.js"),v=require("./components/external/social-login-button.js"),q=require("./components/feedback/callout.js"),g=require("./components/feedback/loading-spinner.js"),s=require("./components/feedback/progress-bar.js"),L=require("./components/feedback/skeleton.js"),e=require("./components/feedback/toast-provider.js"),M=require("./components/feedback/tooltip.js"),k=require("./components/icons/ico-add.js"),I=require("./components/icons/ico-alert-circle-fill.js"),m=require("./components/icons/ico-alert-circle.js"),p=require("./components/icons/ico-arrow-down.js"),b=require("./components/icons/ico-arrow-left.js"),h=require("./components/icons/ico-arrow-right.js"),w=require("./components/icons/ico-arrow-up.js"),C=require("./components/icons/ico-asterisk-with-shield.js"),B=require("./components/icons/ico-asterisk.js"),A=require("./components/icons/ico-astronaut.js"),P=require("./components/icons/ico-atom.js"),F=require("./components/icons/ico-bank.js"),S=require("./components/icons/ico-bell-notification.js"),y=require("./components/icons/ico-bell.js"),W=require("./components/icons/ico-block.js"),T=require("./components/icons/ico-branding.js"),D=require("./components/icons/ico-caret-down.js"),E=require("./components/icons/ico-caret-left.js"),G=require("./components/icons/ico-caret-right.js"),x=require("./components/icons/ico-caret-up.js"),R=require("./components/icons/ico-checkmark-circle-fill.js"),O=require("./components/icons/ico-checkmark-circle.js"),z=require("./components/icons/ico-checkmark.js"),H=require("./components/icons/ico-code-editor.js"),Z=require("./components/icons/ico-code-sandbox.js"),N=require("./components/icons/ico-code.js"),U=require("./components/icons/ico-command-line.js"),X=require("./components/icons/ico-comment.js"),j=require("./components/icons/ico-copy.js"),V=require("./components/icons/ico-credit-card.js"),Q=require("./components/icons/ico-dedicated.js"),J=require("./components/icons/ico-diamond.js"),K=require("./components/icons/ico-dismiss-circle-fill.js"),_=require("./components/icons/ico-dismiss-circle.js"),Y=require("./components/icons/ico-dismiss.js"),$=require("./components/icons/ico-doc.js"),ee=require("./components/icons/ico-download.js"),re=require("./components/icons/ico-edit-email.js"),oe=require("./components/icons/ico-edit.js"),ae=require("./components/icons/ico-email-fill.js"),ie=require("./components/icons/ico-email-open.js"),le=require("./components/icons/ico-email.js"),ue=require("./components/icons/ico-expand.js"),te=require("./components/icons/ico-expiration.js"),ne=require("./components/icons/ico-external-link.js"),ce=require("./components/icons/ico-eye-closed.js"),de=require("./components/icons/ico-eye-opened.js"),fe=require("./components/icons/ico-fingerprint-fill.js"),ve=require("./components/icons/ico-fingerprint.js"),qe=require("./components/icons/ico-gas.js"),ge=require("./components/icons/ico-gift.js"),se=require("./components/icons/ico-globe.js"),Le=require("./components/icons/ico-guide.js"),Me=require("./components/icons/ico-home.js"),ke=require("./components/icons/ico-hourglass.js"),Ie=require("./components/icons/ico-info-circle-fill.js"),me=require("./components/icons/ico-info-circle.js"),pe=require("./components/icons/ico-kebab.js"),be=require("./components/icons/ico-key.js"),he=require("./components/icons/ico-lightbulb-fill.js"),we=require("./components/icons/ico-lightbulb.js"),Ce=require("./components/icons/ico-lightning-fill.js"),Be=require("./components/icons/ico-lightning.js"),Ae=require("./components/icons/ico-link.js"),Pe=require("./components/icons/ico-loading.js"),Fe=require("./components/icons/ico-lock-locked.js"),Se=require("./components/icons/ico-lock-password.js"),ye=require("./components/icons/ico-lock-unlocked-fill.js"),We=require("./components/icons/ico-lock-unlocked.js"),Te=require("./components/icons/ico-login-form.js"),De=require("./components/icons/ico-magic.js"),Ee=require("./components/icons/ico-megaphone.js"),Ge=require("./components/icons/ico-menu.js"),xe=require("./components/icons/ico-message-fill.js"),Re=require("./components/icons/ico-message.js"),Oe=require("./components/icons/ico-mfa.js"),ze=require("./components/icons/ico-minimize.js"),He=require("./components/icons/ico-mobile2fa.js"),Ze=require("./components/icons/ico-mobile2fafill.js"),Ne=require("./components/icons/ico-open-book.js"),Ue=require("./components/icons/ico-paper-plane.js"),Xe=require("./components/icons/ico-passport.js"),je=require("./components/icons/ico-passwordless.js"),Ve=require("./components/icons/ico-pending-connection.js"),Qe=require("./components/icons/ico-phone.js"),Je=require("./components/icons/ico-polygon-gas-testnet.js"),Ke=require("./components/icons/ico-polygon-gas.js"),_e=require("./components/icons/ico-price.js"),Ye=require("./components/icons/ico-qrcode.js"),$e=require("./components/icons/ico-question-circle-fill.js"),er=require("./components/icons/ico-question-circle.js"),rr=require("./components/icons/ico-refresh-circle-fill.js"),or=require("./components/icons/ico-refresh.js"),ar=require("./components/icons/ico-rocket-fill.js"),ir=require("./components/icons/ico-search.js"),lr=require("./components/icons/ico-settings.js"),ur=require("./components/icons/ico-shapes.js"),tr=require("./components/icons/ico-shield-approved.js"),nr=require("./components/icons/ico-shield-rejected.js"),cr=require("./components/icons/ico-shield.js"),dr=require("./components/icons/ico-social.js"),fr=require("./components/icons/ico-sold-out-tag.js"),vr=require("./components/icons/ico-star.js"),qr=require("./components/icons/ico-swap.js"),gr=require("./components/icons/ico-swatches.js"),sr=require("./components/icons/ico-team.js"),Lr=require("./components/icons/ico-trash.js"),Mr=require("./components/icons/ico-users.js"),kr=require("./components/icons/ico-wallet-fill.js"),Ir=require("./components/icons/ico-wallet.js"),mr=require("./components/icons/ico-wand.js"),pr=require("./components/icons/ico-warning-fill.js"),br=require("./components/icons/ico-warning.js"),hr=require("./components/info/copy-button.js"),wr=require("./components/info/email-wbr.js"),Cr=require("./components/info/security-otp.js"),Br=require("./components/info/text-box.js"),Ar=require("./components/info/wallet-address.js"),Pr=require("./components/inputs/phone-input.js"),Fr=require("./components/inputs/pincode-input.js"),Sr=require("./components/inputs/text-input.js"),yr=require("./components/layouts/dialogue.js"),Wr=require("./components/layouts/error.js"),Tr=require("./components/layouts/page.js"),Dr=require("./components/list-items/navigation-button.js"),Er=require("./components/list-items/nft-tile.js"),Gr=require("./components/list-items/token-list-item.js"),xr=require("./components/list-items/transaction-row.js"),Rr=require("./components/logos/blc-algorand.js"),Or=require("./components/logos/blc-aptos.js"),zr=require("./components/logos/blc-arbitrum.js"),Hr=require("./components/logos/blc-astar.js"),Zr=require("./components/logos/blc-avalanche.js"),Nr=require("./components/logos/blc-base.js"),Ur=require("./components/logos/blc-berachain.js"),Xr=require("./components/logos/blc-binance.js"),jr=require("./components/logos/blc-bitcoin.js"),Vr=require("./components/logos/blc-celo.js"),Qr=require("./components/logos/blc-chiliz.js"),Jr=require("./components/logos/blc-cosmos.js"),Kr=require("./components/logos/blc-ethereum.js"),_r=require("./components/logos/blc-etherlink.js"),Yr=require("./components/logos/blc-flow.js"),$r=require("./components/logos/blc-harmony.js"),eo=require("./components/logos/blc-icon.js"),ro=require("./components/logos/blc-immutable-x.js"),oo=require("./components/logos/blc-loopring.js"),ao=require("./components/logos/blc-moonbeam.js"),io=require("./components/logos/blc-near.js"),lo=require("./components/logos/blc-optimism.js"),uo=require("./components/logos/blc-polkadot.js"),to=require("./components/logos/blc-polygon.js"),no=require("./components/logos/blc-rarichain.js"),co=require("./components/logos/blc-solana.js"),fo=require("./components/logos/blc-stability.js"),vo=require("./components/logos/blc-sui.js"),qo=require("./components/logos/blc-tezos.js"),go=require("./components/logos/blc-wax.js"),so=require("./components/logos/blc-zetachain.js"),Lo=require("./components/logos/blc-zilliqa.js"),Mo=require("./components/logos/blc-zksync.js"),ko=require("./components/logos/fwk-11ty.js"),Io=require("./components/logos/fwk-android.js"),mo=require("./components/logos/fwk-apple.js"),po=require("./components/logos/fwk-authy.js"),bo=require("./components/logos/fwk-binance-fill.js"),ho=require("./components/logos/fwk-chrome.js"),wo=require("./components/logos/fwk-electron.js"),Co=require("./components/logos/fwk-express.js"),Bo=require("./components/logos/fwk-fauna.js"),Ao=require("./components/logos/fwk-firebase.js"),Po=require("./components/logos/fwk-go.js"),Fo=require("./components/logos/fwk-google-authenticator.js"),So=require("./components/logos/fwk-hasura.js"),yo=require("./components/logos/fwk-javascript.js"),Wo=require("./components/logos/fwk-jwt.js"),To=require("./components/logos/fwk-laravel.js"),Do=require("./components/logos/fwk-nextjs.js"),Eo=require("./components/logos/fwk-nodejs.js"),Go=require("./components/logos/fwk-nuxtjs.js"),xo=require("./components/logos/fwk-php.js"),Ro=require("./components/logos/fwk-react.js"),Oo=require("./components/logos/fwk-strapi.js"),zo=require("./components/logos/fwk-stripe.js"),Ho=require("./components/logos/fwk-vue.js"),Zo=require("./components/logos/fwk-webflow.js"),No=require("./components/logos/fwk-wordpress.js"),Uo=require("./components/logos/fwk-zapier.js"),Xo=require("./components/logos/icon-art-dark.js"),jo=require("./components/logos/icon-art.js"),Vo=require("./components/logos/icon-delete.js"),Qo=require("./components/logos/icon-email-globe.js"),Jo=require("./components/logos/icon-email.js"),Ko=require("./components/logos/icon-game-controller-dark.js"),_o=require("./components/logos/icon-game-controller.js"),Yo=require("./components/logos/icon-generic-token.js"),$o=require("./components/logos/icon-magic-globe.js"),ea=require("./components/logos/icon-magic-logo.js"),ra=require("./components/logos/icon-music-dark.js"),oa=require("./components/logos/icon-music.js"),aa=require("./components/logos/icon-person-dark.js"),ia=require("./components/logos/icon-person.js"),la=require("./components/logos/icon-profile-dark.js"),ua=require("./components/logos/icon-profile-light.js"),ta=require("./components/logos/icon-reset.js"),na=require("./components/logos/icon-sms.js"),ca=require("./components/logos/icon-ticket-dark.js"),da=require("./components/logos/icon-ticket.js"),fa=require("./components/logos/icon-warning-dark.js"),va=require("./components/logos/icon-warning-shield.js"),qa=require("./components/logos/icon-warning.js"),ga=require("./components/logos/logo-algorand-mono.js"),sa=require("./components/logos/logo-algorand.js"),La=require("./components/logos/logo-apple-mono.js"),Ma=require("./components/logos/logo-apple.js"),ka=require("./components/logos/logo-aptos-mono.js"),Ia=require("./components/logos/logo-aptos.js"),ma=require("./components/logos/logo-arbitrum-mono.js"),pa=require("./components/logos/logo-arbitrum-one-mono.js"),ba=require("./components/logos/logo-arbitrum-one.js"),ha=require("./components/logos/logo-arbitrum.js"),wa=require("./components/logos/logo-astar-mono.js"),Ca=require("./components/logos/logo-astar.js"),Ba=require("./components/logos/logo-auth0-mono.js"),Aa=require("./components/logos/logo-auth0.js"),Pa=require("./components/logos/logo-avalanche-mono.js"),Fa=require("./components/logos/logo-avalanche.js"),Sa=require("./components/logos/logo-azure-mono.js"),ya=require("./components/logos/logo-azure.js"),Wa=require("./components/logos/logo-base-mono.js"),Ta=require("./components/logos/logo-base.js"),Da=require("./components/logos/logo-berachain-mono.js"),Ea=require("./components/logos/logo-berachain.js"),Ga=require("./components/logos/logo-binance-mono.js"),xa=require("./components/logos/logo-binance.js"),Ra=require("./components/logos/logo-bit-bucket-mono.js"),Oa=require("./components/logos/logo-bit-bucket.js"),za=require("./components/logos/logo-bitcoin-mono.js"),Ha=require("./components/logos/logo-bitcoin.js"),Za=require("./components/logos/logo-bnb-mono.js"),Na=require("./components/logos/logo-bnb.js"),Ua=require("./components/logos/logo-celo-mono.js"),Xa=require("./components/logos/logo-celo.js"),ja=require("./components/logos/logo-chiliz-mono.js"),Va=require("./components/logos/logo-chiliz.js"),Qa=require("./components/logos/logo-cognito-mono.js"),Ja=require("./components/logos/logo-cognito.js"),Ka=require("./components/logos/logo-cosmos-mono.js"),_a=require("./components/logos/logo-cosmos.js"),Ya=require("./components/logos/logo-discord-mono.js"),$a=require("./components/logos/logo-discord.js"),ei=require("./components/logos/logo-ethereum-mono.js"),ri=require("./components/logos/logo-ethereum.js"),oi=require("./components/logos/logo-etherlink-mono.js"),ai=require("./components/logos/logo-etherlink.js"),ii=require("./components/logos/logo-facebook-mono.js"),li=require("./components/logos/logo-facebook.js"),ui=require("./components/logos/logo-flare-mono.js"),ti=require("./components/logos/logo-flare.js"),ni=require("./components/logos/logo-flow-mono.js"),ci=require("./components/logos/logo-flow.js"),di=require("./components/logos/logo-git-hub-mono.js"),fi=require("./components/logos/logo-git-hub.js"),vi=require("./components/logos/logo-git-lab-mono.js"),qi=require("./components/logos/logo-git-lab.js"),gi=require("./components/logos/logo-google-mono.js"),si=require("./components/logos/logo-google.js"),Li=require("./components/logos/logo-harmony-mono.js"),Mi=require("./components/logos/logo-harmony.js"),ki=require("./components/logos/logo-horizen-mono.js"),Ii=require("./components/logos/logo-horizen.js"),mi=require("./components/logos/logo-icon-mono.js"),pi=require("./components/logos/logo-icon.js"),bi=require("./components/logos/logo-immutable-x-mono.js"),hi=require("./components/logos/logo-immutable-x.js"),wi=require("./components/logos/logo-link-by-stripe-mono.js"),Ci=require("./components/logos/logo-link-by-stripe.js"),Bi=require("./components/logos/logo-link-mono.js"),Ai=require("./components/logos/logo-link.js"),Pi=require("./components/logos/logo-linked-in-mono.js"),Fi=require("./components/logos/logo-linked-in.js"),Si=require("./components/logos/logo-loopring-mono.js"),yi=require("./components/logos/logo-loopring.js"),Wi=require("./components/logos/logo-microsoft-mono.js"),Ti=require("./components/logos/logo-microsoft.js"),Di=require("./components/logos/logo-moonbeam-mono.js"),Ei=require("./components/logos/logo-moonbeam.js"),Gi=require("./components/logos/logo-near-mono.js"),xi=require("./components/logos/logo-near.js"),Ri=require("./components/logos/logo-onramper-mono.js"),Oi=require("./components/logos/logo-onramper.js"),zi=require("./components/logos/logo-optimism-mono.js"),Hi=require("./components/logos/logo-optimism.js"),Zi=require("./components/logos/logo-pay-pal-mono.js"),Ni=require("./components/logos/logo-pay-pal-wordmark-mono.js"),Ui=require("./components/logos/logo-pay-pal-wordmark.js"),Xi=require("./components/logos/logo-pay-pal.js"),ji=require("./components/logos/logo-poa-mono.js"),Vi=require("./components/logos/logo-poa.js"),Qi=require("./components/logos/logo-polkadot-mono.js"),Ji=require("./components/logos/logo-polkadot.js"),Ki=require("./components/logos/logo-polygon-mono.js"),_i=require("./components/logos/logo-polygon.js"),Yi=require("./components/logos/logo-rarichain-mono.js"),$i=require("./components/logos/logo-rarichain.js"),el=require("./components/logos/logo-sardine-mono.js"),rl=require("./components/logos/logo-sardine.js"),ol=require("./components/logos/logo-sei-mono.js"),al=require("./components/logos/logo-sei.js"),il=require("./components/logos/logo-solana-mono.js"),ll=require("./components/logos/logo-solana.js"),ul=require("./components/logos/logo-stability-mono.js"),tl=require("./components/logos/logo-stability.js"),nl=require("./components/logos/logo-sui-mono.js"),cl=require("./components/logos/logo-sui.js"),dl=require("./components/logos/logo-tezos-mono.js"),fl=require("./components/logos/logo-tezos.js"),vl=require("./components/logos/logo-twitch-mono.js"),ql=require("./components/logos/logo-twitch.js"),gl=require("./components/logos/logo-twitter-mono.js"),sl=require("./components/logos/logo-twitter.js"),Ll=require("./components/logos/logo-wallet-connect-mono.js"),Ml=require("./components/logos/logo-wallet-connect.js"),kl=require("./components/logos/logo-warpcast-mono.js"),Il=require("./components/logos/logo-warpcast.js"),ml=require("./components/logos/logo-wax-mono.js"),pl=require("./components/logos/logo-wax.js"),bl=require("./components/logos/logo-xdc-mono.js"),hl=require("./components/logos/logo-xdc.js"),wl=require("./components/logos/logo-zetachain-mono.js"),Cl=require("./components/logos/logo-zetachain.js"),Bl=require("./components/logos/logo-zilliqa-mono.js"),Al=require("./components/logos/logo-zilliqa.js"),Pl=require("./components/logos/logo-zksync-mono.js"),Fl=require("./components/logos/logo-zksync.js"),Sl=require("./components/logos/pay-amex.js"),yl=require("./components/logos/pay-discover.js"),Wl=require("./components/logos/pay-mastercard.js"),Tl=require("./components/logos/pay-visa.js"),Dl=require("./components/logos/presentation-logo.js"),El=require("./components/logos/website-magic.js"),Gl=require("./components/logos/wlt-coinbase.js"),xl=require("./components/logos/wlt-mattel.js"),Rl=require("./components/logos/wlt-metamask.js"),Ol=require("./components/logos/wlt-phantom.js"),zl=require("./components/logos/wlt-rainbow.js"),Hl=require("./components/logos/wlt-wallet-connect.js"),Zl=require("./components/primitives/button.js"),Nl=require("./components/primitives/checkbox.js"),r=require("./components/primitives/dropdown-selector.js"),Ul=require("./components/primitives/popover.js"),o=require("./components/primitives/radio.js"),a=require("./components/primitives/segmented-control.js"),Xl=require("./components/primitives/switch.js"),jl=require("./components/primitives/text.js"),Vl=require("./components/sections/verify-pincode.js"),Ql=require("./components/utils/animate.js"),Jl=require("./components/utils/client-asset-logo.js"),Kl=require("./components/utils/qr-code.js"),_l=require("./components/utils/secured-by-magic.js"),Yl=require("./components/utils/shared-logo.js"),$l=require("./hooks/theme.js"),eu=require("./hooks/useToast.js");exports.Card=i.Card,exports.Content=l.Content,exports.Drawer=u.Drawer,exports.Footer=t.Footer,exports.Header=n.Header,exports.Modal=c.Modal,exports.Overlay=d.Overlay,exports.PayPalButton=f.PayPalButton,exports.SocialLoginButton=v.SocialLoginButton,exports.Callout=q.Callout,exports.LoadingSpinner=g.LoadingSpinner,exports.ProgressBar=s.ProgressBar,exports.Skeleton=L.Skeleton,exports.Toast=e.Toast,exports.ToastProvider=e.ToastProvider,exports.Tooltip=M.default,exports.IcoAdd=k.default,exports.IcoAlertCircleFill=I.default,exports.IcoAlertCircle=m.default,exports.IcoArrowDown=p.default,exports.IcoArrowLeft=b.default,exports.IcoArrowRight=h.default,exports.IcoArrowUp=w.default,exports.IcoAsteriskWithShield=C.default,exports.IcoAsterisk=B.default,exports.IcoAstronaut=A.default,exports.IcoAtom=P.default,exports.IcoBank=F.default,exports.IcoBellNotification=S.default,exports.IcoBell=y.default,exports.IcoBlock=W.default,exports.IcoBranding=T.default,exports.IcoCaretDown=D.default,exports.IcoCaretLeft=E.default,exports.IcoCaretRight=G.default,exports.IcoCaretUp=x.default,exports.IcoCheckmarkCircleFill=R.default,exports.IcoCheckmarkCircle=O.default,exports.IcoCheckmark=z.default,exports.IcoCodeEditor=H.default,exports.IcoCodeSandbox=Z.default,exports.IcoCode=N.default,exports.IcoCommandLine=U.default,exports.IcoComment=X.default,exports.IcoCopy=j.default,exports.IcoCreditCard=V.default,exports.IcoDedicated=Q.default,exports.IcoDiamond=J.default,exports.IcoDismissCircleFill=K.default,exports.IcoDismissCircle=_.default,exports.IcoDismiss=Y.default,exports.IcoDoc=$.default,exports.IcoDownload=ee.default,exports.IcoEditEmail=re.default,exports.IcoEdit=oe.default,exports.IcoEmailFill=ae.default,exports.IcoEmailOpen=ie.default,exports.IcoEmail=le.default,exports.IcoExpand=ue.default,exports.IcoExpiration=te.default,exports.IcoExternalLink=ne.default,exports.IcoEyeClosed=ce.default,exports.IcoEyeOpened=de.default,exports.IcoFingerprintFill=fe.default,exports.IcoFingerprint=ve.default,exports.IcoGas=qe.default,exports.IcoGift=ge.default,exports.IcoGlobe=se.default,exports.IcoGuide=Le.default,exports.IcoHome=Me.default,exports.IcoHourglass=ke.default,exports.IcoInfoCircleFill=Ie.default,exports.IcoInfoCircle=me.default,exports.IcoKebab=pe.default,exports.IcoKey=be.default,exports.IcoLightbulbFill=he.default,exports.IcoLightbulb=we.default,exports.IcoLightningFill=Ce.default,exports.IcoLightning=Be.default,exports.IcoLink=Ae.default,exports.IcoLoading=Pe.default,exports.IcoLockLocked=Fe.default,exports.IcoLockPassword=Se.default,exports.IcoLockUnlockedFill=ye.default,exports.IcoLockUnlocked=We.default,exports.IcoLoginForm=Te.default,exports.IcoMagic=De.default,exports.IcoMegaphone=Ee.default,exports.IcoMenu=Ge.default,exports.IcoMessageFill=xe.default,exports.IcoMessage=Re.default,exports.IcoMfa=Oe.default,exports.IcoMinimize=ze.default,exports.IcoMobile2fa=He.default,exports.IcoMobile2fafill=Ze.default,exports.IcoOpenBook=Ne.default,exports.IcoPaperPlane=Ue.default,exports.IcoPassport=Xe.default,exports.IcoPasswordless=je.default,exports.IcoPendingConnection=Ve.default,exports.IcoPhone=Qe.default,exports.IcoPolygonGasTestnet=Je.default,exports.IcoPolygonGas=Ke.default,exports.IcoPrice=_e.default,exports.IcoQrcode=Ye.default,exports.IcoQuestionCircleFill=$e.default,exports.IcoQuestionCircle=er.default,exports.IcoRefreshCircleFill=rr.default,exports.IcoRefresh=or.default,exports.IcoRocketFill=ar.default,exports.IcoSearch=ir.default,exports.IcoSettings=lr.default,exports.IcoShapes=ur.default,exports.IcoShieldApproved=tr.default,exports.IcoShieldRejected=nr.default,exports.IcoShield=cr.default,exports.IcoSocial=dr.default,exports.IcoSoldOutTag=fr.default,exports.IcoStar=vr.default,exports.IcoSwap=qr.default,exports.IcoSwatches=gr.default,exports.IcoTeam=sr.default,exports.IcoTrash=Lr.default,exports.IcoUsers=Mr.default,exports.IcoWalletFill=kr.default,exports.IcoWallet=Ir.default,exports.IcoWand=mr.default,exports.IcoWarningFill=pr.default,exports.IcoWarning=br.default,exports.CopyButton=hr.default,exports.EmailWbr=wr.default,exports.SecurityOtp=Cr.default,exports.TextBox=Br.default,exports.WalletAddress=Ar.default,exports.PhoneInput=Pr.default,exports.PinCodeInput=Fr.PinCodeInput,exports.TextInput=Sr.TextInput,exports.Dialogue=yr.Dialogue,exports.Error=Wr.Error,exports.Page=Tr.Page,exports.NavigationButton=Dr.default,exports.NFTTile=Er.NFTTile,exports.TokenListItem=Gr.TokenListItem,exports.TransactionRow=xr.TransactionRow,exports.BlcAlgorand=Rr.default,exports.BlcAptos=Or.default,exports.BlcArbitrum=zr.default,exports.BlcAstar=Hr.default,exports.BlcAvalanche=Zr.default,exports.BlcBase=Nr.default,exports.BlcBerachain=Ur.default,exports.BlcBinance=Xr.default,exports.BlcBitcoin=jr.default,exports.BlcCelo=Vr.default,exports.BlcChiliz=Qr.default,exports.BlcCosmos=Jr.default,exports.BlcEthereum=Kr.default,exports.BlcEtherlink=_r.default,exports.BlcFlow=Yr.default,exports.BlcHarmony=$r.default,exports.BlcIcon=eo.default,exports.BlcImmutableX=ro.default,exports.BlcLoopring=oo.default,exports.BlcMoonbeam=ao.default,exports.BlcNear=io.default,exports.BlcOptimism=lo.default,exports.BlcPolkadot=uo.default,exports.BlcPolygon=to.default,exports.BlcRarichain=no.default,exports.BlcSolana=co.default,exports.BlcStability=fo.default,exports.BlcSui=vo.default,exports.BlcTezos=qo.default,exports.BlcWax=go.default,exports.BlcZetachain=so.default,exports.BlcZilliqa=Lo.default,exports.BlcZksync=Mo.default,exports.Fwk11ty=ko.default,exports.FwkAndroid=Io.default,exports.FwkApple=mo.default,exports.FwkAuthy=po.default,exports.FwkBinanceFill=bo.default,exports.FwkChrome=ho.default,exports.FwkElectron=wo.default,exports.FwkExpress=Co.default,exports.FwkFauna=Bo.default,exports.FwkFirebase=Ao.default,exports.FwkGo=Po.default,exports.FwkGoogleAuthenticator=Fo.default,exports.FwkHasura=So.default,exports.FwkJavascript=yo.default,exports.FwkJwt=Wo.default,exports.FwkLaravel=To.default,exports.FwkNextjs=Do.default,exports.FwkNodejs=Eo.default,exports.FwkNuxtjs=Go.default,exports.FwkPhp=xo.default,exports.FwkReact=Ro.default,exports.FwkStrapi=Oo.default,exports.FwkStripe=zo.default,exports.FwkVue=Ho.default,exports.FwkWebflow=Zo.default,exports.FwkWordpress=No.default,exports.FwkZapier=Uo.default,exports.IconArtDark=Xo.default,exports.IconArt=jo.default,exports.IconDelete=Vo.default,exports.IconEmailGlobe=Qo.default,exports.IconEmail=Jo.default,exports.IconGameControllerDark=Ko.default,exports.IconGameController=_o.default,exports.IconGenericToken=Yo.default,exports.IconMagicGlobe=$o.default,exports.IconMagicLogo=ea.default,exports.IconMusicDark=ra.default,exports.IconMusic=oa.default,exports.IconPersonDark=aa.default,exports.IconPerson=ia.default,exports.IconProfileDark=la.default,exports.IconProfileLight=ua.default,exports.IconReset=ta.default,exports.IconSms=na.default,exports.IconTicketDark=ca.default,exports.IconTicket=da.default,exports.IconWarningDark=fa.default,exports.IconWarningShield=va.default,exports.IconWarning=qa.default,exports.LogoAlgorandMono=ga.default,exports.LogoAlgorand=sa.default,exports.LogoAppleMono=La.default,exports.LogoApple=Ma.default,exports.LogoAptosMono=ka.default,exports.LogoAptos=Ia.default,exports.LogoArbitrumMono=ma.default,exports.LogoArbitrumOneMono=pa.default,exports.LogoArbitrumOne=ba.default,exports.LogoArbitrum=ha.default,exports.LogoAstarMono=wa.default,exports.LogoAstar=Ca.default,exports.LogoAuth0Mono=Ba.default,exports.LogoAuth0=Aa.default,exports.LogoAvalancheMono=Pa.default,exports.LogoAvalanche=Fa.default,exports.LogoAzureMono=Sa.default,exports.LogoAzure=ya.default,exports.LogoBaseMono=Wa.default,exports.LogoBase=Ta.default,exports.LogoBerachainMono=Da.default,exports.LogoBerachain=Ea.default,exports.LogoBinanceMono=Ga.default,exports.LogoBinance=xa.default,exports.LogoBitBucketMono=Ra.default,exports.LogoBitBucket=Oa.default,exports.LogoBitcoinMono=za.default,exports.LogoBitcoin=Ha.default,exports.LogoBnbMono=Za.default,exports.LogoBnb=Na.default,exports.LogoCeloMono=Ua.default,exports.LogoCelo=Xa.default,exports.LogoChilizMono=ja.default,exports.LogoChiliz=Va.default,exports.LogoCognitoMono=Qa.default,exports.LogoCognito=Ja.default,exports.LogoCosmosMono=Ka.default,exports.LogoCosmos=_a.default,exports.LogoDiscordMono=Ya.default,exports.LogoDiscord=$a.default,exports.LogoEthereumMono=ei.default,exports.LogoEthereum=ri.default,exports.LogoEtherlinkMono=oi.default,exports.LogoEtherlink=ai.default,exports.LogoFacebookMono=ii.default,exports.LogoFacebook=li.default,exports.LogoFlareMono=ui.default,exports.LogoFlare=ti.default,exports.LogoFlowMono=ni.default,exports.LogoFlow=ci.default,exports.LogoGitHubMono=di.default,exports.LogoGitHub=fi.default,exports.LogoGitLabMono=vi.default,exports.LogoGitLab=qi.default,exports.LogoGoogleMono=gi.default,exports.LogoGoogle=si.default,exports.LogoHarmonyMono=Li.default,exports.LogoHarmony=Mi.default,exports.LogoHorizenMono=ki.default,exports.LogoHorizen=Ii.default,exports.LogoIconMono=mi.default,exports.LogoIcon=pi.default,exports.LogoImmutableXMono=bi.default,exports.LogoImmutableX=hi.default,exports.LogoLinkByStripeMono=wi.default,exports.LogoLinkByStripe=Ci.default,exports.LogoLinkMono=Bi.default,exports.LogoLink=Ai.default,exports.LogoLinkedInMono=Pi.default,exports.LogoLinkedIn=Fi.default,exports.LogoLoopringMono=Si.default,exports.LogoLoopring=yi.default,exports.LogoMicrosoftMono=Wi.default,exports.LogoMicrosoft=Ti.default,exports.LogoMoonbeamMono=Di.default,exports.LogoMoonbeam=Ei.default,exports.LogoNearMono=Gi.default,exports.LogoNear=xi.default,exports.LogoOnramperMono=Ri.default,exports.LogoOnramper=Oi.default,exports.LogoOptimismMono=zi.default,exports.LogoOptimism=Hi.default,exports.LogoPayPalMono=Zi.default,exports.LogoPayPalWordmarkMono=Ni.default,exports.LogoPayPalWordmark=Ui.default,exports.LogoPayPal=Xi.default,exports.LogoPoaMono=ji.default,exports.LogoPoa=Vi.default,exports.LogoPolkadotMono=Qi.default,exports.LogoPolkadot=Ji.default,exports.LogoPolygonMono=Ki.default,exports.LogoPolygon=_i.default,exports.LogoRarichainMono=Yi.default,exports.LogoRarichain=$i.default,exports.LogoSardineMono=el.default,exports.LogoSardine=rl.default,exports.LogoSeiMono=ol.default,exports.LogoSei=al.default,exports.LogoSolanaMono=il.default,exports.LogoSolana=ll.default,exports.LogoStabilityMono=ul.default,exports.LogoStability=tl.default,exports.LogoSuiMono=nl.default,exports.LogoSui=cl.default,exports.LogoTezosMono=dl.default,exports.LogoTezos=fl.default,exports.LogoTwitchMono=vl.default,exports.LogoTwitch=ql.default,exports.LogoTwitterMono=gl.default,exports.LogoTwitter=sl.default,exports.LogoWalletConnectMono=Ll.default,exports.LogoWalletConnect=Ml.default,exports.LogoWarpcastMono=kl.default,exports.LogoWarpcast=Il.default,exports.LogoWaxMono=ml.default,exports.LogoWax=pl.default,exports.LogoXdcMono=bl.default,exports.LogoXdc=hl.default,exports.LogoZetachainMono=wl.default,exports.LogoZetachain=Cl.default,exports.LogoZilliqaMono=Bl.default,exports.LogoZilliqa=Al.default,exports.LogoZksyncMono=Pl.default,exports.LogoZksync=Fl.default,exports.PayAmex=Sl.default,exports.PayDiscover=yl.default,exports.PayMastercard=Wl.default,exports.PayVisa=Tl.default,exports.PresentationLogo=Dl.default,exports.WebsiteMagic=El.default,exports.WltCoinbase=Gl.default,exports.WltMattel=xl.default,exports.WltMetamask=Rl.default,exports.WltPhantom=Ol.default,exports.WltRainbow=zl.default,exports.WltWalletConnect=Hl.default,exports.Button=Zl.default,exports.Checkbox=Nl.default,exports.DropdownOption=r.DropdownOption,exports.DropdownSelector=r.DropdownSelector,exports.Popover=Ul.Popover,exports.Radio=o.Radio,exports.RadioGroup=o.RadioGroup,exports.SegmentedControl=a.SegmentedControl,exports.Tab=a.Tab,exports.Switch=Xl.default,exports.Text=jl.default,exports.VerifyPincode=Vl.VerifyPincode,exports.Animate=Ql.default,exports.ClientAssetLogo=Jl.ClientAssetLogo,exports.QRCode=Kl.default,exports.SecuredByMagic=_l.default,exports.SharedLogo=Yl.default,exports.useCustomVars=$l.useCustomVars,exports.useToast=eu.useToast;
 //# sourceMappingURL=index.js.map

package/dist/cjs/styles/keyframes.js

@@ -1,2 +1,2 @@
-"use strict";var a=require("@pandacss/dev");const t=a.defineKeyframes({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)"}}});exports.keyframes=t;
+"use strict";var a=require("@pandacss/dev");const t=a.defineKeyframes({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)"}}});exports.keyframes=t;
 //# sourceMappingURL=keyframes.js.map

package/dist/cjs/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":"4CAEO,MAAMA,EAAYC,EAAAA,gBAAgB,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":"4CAEO,MAAMA,EAAYC,EAAAA,gBAAgB,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/cjs/styles/semantic-tokens.js

@@ -1,2 +1,2 @@
-"use strict";var r=require("@pandacss/dev");const a=r.defineSemanticTokens.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}"}}}});exports.semanticColors=a;
+"use strict";var r=require("@pandacss/dev");const a=r.defineSemanticTokens.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}"}}}});exports.semanticColors=a;
 //# sourceMappingURL=semantic-tokens.js.map

package/dist/cjs/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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"}

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

@@ -1,2 +1,2 @@
-import{jsx as r}from"react/jsx-runtime";import"../feedback/callout.js";import{LoadingSpinner as f}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.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"../primitives/text.js";import"../primitives/portal.js";import{forwardRef as u}from"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import{Flex as x,Box as C}from"@styled/jsx";import"../feedback/tooltip.js";import{card as N}from"../../recipes/card.js";import{cx as e}from"@styled/css";const c=u(({children:i,className:t,id:m,asButton:o,stack:l,onClick:d,validating:p,...s},a)=>{const n=N({asButton:o,validating:p,...s});return l||o?r(x,{id:m,className:e(n,t),flexDirection:"column",role:o?"button":"none",onClick:o?d:void 0,ref:a,children:p?r(f,{neutral:!0}):i}):r(C,{id:m,className:e(n,t),ref:a,children:i})});c.displayName="Card";export{c as Card};
+import{jsx as r}from"react/jsx-runtime";import"../feedback/callout.js";import{LoadingSpinner as f}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import{Flex as u,Box as x}from"@styled/jsx";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"../primitives/text.js";import"../primitives/portal.js";import{forwardRef as C}from"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import{card as N}from"../../recipes/card.js";import{cx as e}from"@styled/css";const c=C(({children:i,className:t,id:m,asButton:o,stack:l,onClick:d,validating:p,...s},a)=>{const n=N({asButton:o,validating:p,...s});return l||o?r(u,{id:m,className:e(n,t),flexDirection:"column",role:o?"button":"none",onClick:o?d:void 0,ref:a,children:p?r(f,{neutral:!0}):i}):r(x,{id:m,className:e(n,t),ref:a,children:i})});c.displayName="Card";export{c as Card};
 //# sourceMappingURL=card.js.map