@magiclabs/ui-components 1.27.2 → 1.28.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/dist/cjs/components/containers/menu.js +2 -0
  2. package/dist/cjs/components/containers/menu.js.map +1 -0
  3. package/dist/cjs/components/external/paypal-button.js +1 -1
  4. package/dist/cjs/components/external/paypal-button.js.map +1 -1
  5. package/dist/cjs/components/layouts/passport-page.js +1 -1
  6. package/dist/cjs/components/layouts/passport-page.js.map +1 -1
  7. package/dist/cjs/index.js +1 -1
  8. package/dist/cjs/styles/semantic-tokens.js +1 -1
  9. package/dist/cjs/styles/semantic-tokens.js.map +1 -1
  10. package/dist/es/components/containers/menu.js +2 -0
  11. package/dist/es/components/containers/menu.js.map +1 -0
  12. package/dist/es/components/external/paypal-button.js +1 -1
  13. package/dist/es/components/external/paypal-button.js.map +1 -1
  14. package/dist/es/components/layouts/passport-page.js +1 -1
  15. package/dist/es/components/layouts/passport-page.js.map +1 -1
  16. package/dist/es/index.js +1 -1
  17. package/dist/es/styles/semantic-tokens.js +1 -1
  18. package/dist/es/styles/semantic-tokens.js.map +1 -1
  19. package/dist/panda.buildinfo.json +1 -1
  20. package/dist/types/components/containers/index.d.ts +2 -0
  21. package/dist/types/components/containers/index.d.ts.map +1 -1
  22. package/dist/types/components/containers/menu.d.ts +11 -0
  23. package/dist/types/components/containers/menu.d.ts.map +1 -0
  24. package/dist/types/components/layouts/passport-page.d.ts +7 -3
  25. package/dist/types/components/layouts/passport-page.d.ts.map +1 -1
  26. package/dist/types/styles/semantic-tokens.d.ts +7 -0
  27. package/dist/types/styles/semantic-tokens.d.ts.map +1 -1
  28. package/package.json +1 -1
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("react/jsx-runtime");require("@styled/tokens");var S=require("../icons/ico-menu.js"),x=require("../primitives/button.js");require("../primitives/checkbox.js"),require("../primitives/dropdown-selector.js"),require("../primitives/popover.js"),require("../primitives/radio.js"),require("../primitives/segmented-control.js"),require("../primitives/switch.js"),require("../primitives/text.js");var s=require("@styled/jsx"),i=require("create-slots"),r=require("react");const g=i.createSlot("div"),m=i.createSlot("div"),b=i.createSlot("div"),k=({children:j,placement:h="right",isOpen:u=!1})=>{const[n,a]=r.useState(u),[q,d]=r.useState(n),[v,f]=r.useState(n),o=r.useRef(null),c=h==="left";r.useEffect(()=>{a(u)},[u]),r.useEffect(()=>{let t;return n?(d(!0),t=setTimeout(()=>f(!0),10)):f(!1),()=>clearTimeout(t)},[n]),r.useEffect(()=>{const t=l=>{o.current&&!o.current.contains(l.target)&&a(!1)};return document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t)}},[a]);const p=()=>{n||d(!1)};return i.createHost(j,t=>e.jsxs(e.Fragment,{children:[e.jsx(x.default,{onPress:()=>a(l=>!l),textStyle:"neutral",variant:"text",children:e.jsx(x.default.TrailingIcon,{children:e.jsx(S.default,{})})}),e.jsx(s.Box,{position:"absolute",display:n?"block":"none",h:"full",bottom:0,left:0,right:0,bg:"text.primary/20",_dark:{bg:"rgba(0, 0, 0, .7)"}}),q&&e.jsxs(s.Stack,{ref:o,position:"absolute",transform:v?"translateX(0)":c?"translateX(-100%)":"translateX(100%)",transition:"transform 0.3s",top:0,bottom:0,...c?{left:0}:{right:0},bg:"surface.primary",_dark:{bg:"surface.secondary"},...c?{roundedRight:"2xl"}:{roundedLeft:"2xl"},onTransitionEnd:p,zIndex:10,justifyContent:"space-between",p:4,pb:6,w:80,children:[e.jsxs(s.Stack,{gap:6,children:[e.jsx(s.Stack,{h:"full",justifyContent:"space-between",children:t.get(g)}),e.jsx(s.Divider,{color:"surface.quaternary"}),e.jsx(s.Stack,{children:t.get(m)})]}),t.get(b)]})]}))},y=Object.assign(k,{Header:g,Content:m,Footer:b});exports.Menu=y;
2
+ //# sourceMappingURL=menu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"menu.js","sources":["../../../../src/components/containers/menu.tsx"],"sourcesContent":["import { IcoMenu } from '@components/icons';\nimport { Button } from '@components/primitives';\nimport { Box, Divider, Stack } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport { PropsWithChildren, useEffect, useRef, useState } from 'react';\n\nexport interface MenuProps extends PropsWithChildren {\n isOpen?: boolean;\n placement?: 'left' | 'right';\n}\n\nconst Header = createSlot('div');\nconst Content = createSlot('div');\nconst Footer = createSlot('div');\n\nconst MenuHost = ({ children, placement = 'right', isOpen: opened = false }: MenuProps) => {\n const [isOpen, setIsOpen] = useState(opened);\n const [shouldRender, setShouldRender] = useState(isOpen);\n const [isVisible, setIsVisible] = useState(isOpen);\n const menuRef = useRef<HTMLDivElement>(null);\n const isLeftAligned = placement === 'left';\n\n useEffect(() => {\n setIsOpen(opened);\n }, [opened]);\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 (menuRef.current && !menuRef.current.contains(event.target as Node)) {\n setIsOpen(false);\n }\n };\n\n document.addEventListener('mousedown', handleClickOutside);\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }, [setIsOpen]);\n\n const handleTransitionEnd = () => {\n if (!isOpen) {\n setShouldRender(false);\n }\n };\n\n return createHost(children, slots => {\n return (\n <>\n <Button onPress={() => setIsOpen(prev => !prev)} textStyle=\"neutral\" variant=\"text\">\n <Button.TrailingIcon>\n <IcoMenu />\n </Button.TrailingIcon>\n </Button>\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 />\n {shouldRender && (\n <Stack\n ref={menuRef}\n position=\"absolute\"\n transform={isVisible ? 'translateX(0)' : isLeftAligned ? 'translateX(-100%)' : 'translateX(100%)'}\n transition=\"transform 0.3s\"\n top={0}\n bottom={0}\n {...(isLeftAligned ? { left: 0 } : { right: 0 })}\n bg=\"surface.primary\"\n _dark={{ bg: 'surface.secondary' }}\n {...(isLeftAligned ? { roundedRight: '2xl' } : { roundedLeft: '2xl' })}\n onTransitionEnd={handleTransitionEnd}\n zIndex={10}\n justifyContent=\"space-between\"\n p={4}\n pb={6}\n w={80}\n >\n <Stack gap={6}>\n <Stack h=\"full\" justifyContent=\"space-between\">\n {slots.get(Header)}\n </Stack>\n <Divider color=\"surface.quaternary\" />\n <Stack>{slots.get(Content)}</Stack>\n </Stack>\n {slots.get(Footer)}\n </Stack>\n )}\n </>\n );\n });\n};\n\nexport const Menu = Object.assign(MenuHost, {\n Header,\n Content,\n Footer,\n});\n"],"names":["Header","createSlot","Content","Footer","MenuHost","children","placement","opened","isOpen","setIsOpen","useState","shouldRender","setShouldRender","isVisible","setIsVisible","menuRef","useRef","isLeftAligned","useEffect","timeoutId","handleClickOutside","event","handleTransitionEnd","createHost","slots","_jsxs","_Fragment","_jsx","Button","prev","IcoMenu","Box","Stack","Divider","Menu"],"mappings":"0eAWA,MAAMA,EAASC,EAAW,WAAA,KAAK,EACzBC,EAAUD,EAAAA,WAAW,KAAK,EAC1BE,EAASF,EAAAA,WAAW,KAAK,EAEzBG,EAAW,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAY,QAAS,OAAQC,EAAS,EAAK,IAAiB,CACxF,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAASH,SAAAA,CAAM,EACrC,CAACI,EAAcC,CAAe,EAAIF,EAAAA,SAASF,CAAM,EACjD,CAACK,EAAWC,CAAY,EAAIJ,EAAAA,SAASF,CAAM,EAC3CO,EAAUC,SAAuB,IAAI,EACrCC,EAAgBX,IAAc,OAEpCY,EAAAA,UAAU,IAAK,CACbT,EAAUF,CAAM,CAClB,EAAG,CAACA,CAAM,CAAC,EAEXW,EAAU,UAAA,IAAK,CACb,IAAIC,EAEJ,OAAIX,GACFI,EAAgB,EAAI,EACpBO,EAAY,WAAW,IAAML,EAAa,EAAI,EAAG,EAAE,GAEnDA,EAAa,EAAK,EAGb,IAAM,aAAaK,CAAS,CACrC,EAAG,CAACX,CAAM,CAAC,EAEXU,EAAU,UAAA,IAAK,CACb,MAAME,EAAsBC,GAAqB,CAC3CN,EAAQ,SAAW,CAACA,EAAQ,QAAQ,SAASM,EAAM,MAAc,GACnEZ,EAAU,EAAK,CAEnB,EAEA,OAAS,SAAA,iBAAiB,YAAaW,CAAkB,EAClD,IAAK,CACV,SAAS,oBAAoB,YAAaA,CAAkB,CAC9D,CACF,EAAG,CAACX,CAAS,CAAC,EAEd,MAAMa,EAAsB,IAAK,CAC1Bd,GACHI,EAAgB,EAAK,CAEzB,EAEA,OAAOW,EAAAA,WAAWlB,EAAUmB,GAExBC,EAAAA,KAAAC,EAAA,SAAA,CAAA,SAAA,CACEC,EAAAA,IAACC,UAAO,CAAA,QAAS,IAAMnB,EAAUoB,GAAQ,CAACA,CAAI,EAAG,UAAU,UAAU,QAAQ,OAAM,SACjFF,MAACC,EAAAA,QAAO,aAAY,CAAA,SAClBD,EAAAA,IAACG,UAAU,CAAA,CAAA,CAAA,CAAA,CAEN,CAAA,EACTH,EAAAA,IAACI,MACC,CAAA,SAAS,WACT,QAASvB,EAAS,QAAU,OAC5B,EAAE,OACF,OAAQ,EACR,KAAM,EACN,MAAO,EACP,GAAG,kBACH,MAAO,CAAE,GAAI,mBAAmB,CAChC,CAAA,EACDG,GACCc,OAACO,EAAAA,MAAK,CACJ,IAAKjB,EACL,SAAS,WACT,UAAWF,EAAY,gBAAkBI,EAAgB,oBAAsB,mBAC/E,WAAW,iBACX,IAAK,EACL,OAAQ,EACJ,GAACA,EAAgB,CAAE,KAAM,CAAG,EAAG,CAAE,MAAO,CAAG,EAC/C,GAAG,kBACH,MAAO,CAAE,GAAI,mBAAqB,EAAA,GAC7BA,EAAgB,CAAE,aAAc,KAAK,EAAK,CAAE,YAAa,KAAO,EACrE,gBAAiBK,EACjB,OAAQ,GACR,eAAe,gBACf,EAAG,EACH,GAAI,EACJ,EAAG,GAAE,SAAA,CAELG,EAACO,KAAAA,EAAAA,MAAM,CAAA,IAAK,EAAC,SAAA,CACXL,EAAAA,IAACK,QAAM,CAAA,EAAE,OAAO,eAAe,gBAC5B,SAAAR,EAAM,IAAIxB,CAAM,CACX,CAAA,EACR2B,EAAAA,IAACM,EAAAA,QAAQ,CAAA,MAAM,oBAAuB,CAAA,EACtCN,MAACK,QAAO,CAAA,SAAAR,EAAM,IAAItB,CAAO,CAAU,CAAA,CAAA,CAAA,CAAA,EAEpCsB,EAAM,IAAIrB,CAAM,CAAC,CAAA,CAAA,CAErB,CAAA,CAAA,CAGN,CACH,EAEa+B,EAAO,OAAO,OAAO9B,EAAU,CAC1C,OAAAJ,EACA,QAAAE,EACA,OAAAC,CACD,CAAA"}
@@ -1,2 +1,2 @@
1
- "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;
1
+ "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 n=require("@styled/jsx"),p=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 g=require("../primitives/text.js");require("../primitives/portal.js");var s=require("react");require("../../hooks/useToast.js"),require("../../recipes/toast.js"),require("../feedback/tooltip.js");var h=require("../logos/logo-pay-pal-wordmark.js"),m=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=m.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!important",outlineColor:"#ffc439!important",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(g.default,{fontWeight:"semibold",styles:{color:p.token("colors.ink.90")},children:"Pay with"}),e.jsx(n.Box,{mt:.5,children:e.jsx(h.default,{width:60})})]})})});l.displayName="PayPalButton",exports.PayPalButton=l;
2
2
  //# sourceMappingURL=paypal-button.js.map
@@ -1 +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":"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"}
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!important',\n outlineColor: '#ffc439!important',\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,oBACJ,aAAc,oBACd,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"}
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("react/jsx-runtime"),I=require("../containers/content.js"),w=require("../containers/drawer.js"),T=require("../containers/modal.js"),q=require("@styled/tokens"),A=require("../icons/ico-caret-left.js"),C=require("../icons/ico-magic.js"),W=require("../icons/ico-menu.js"),L=require("../icons/ico-question-circle-fill.js");require("../info/copy-button.js"),require("../info/email-wbr.js"),require("../info/security-otp.js"),require("../info/text-box.js");var N=require("../info/wallet-address.js"),i=require("../primitives/button.js"),s=require("../primitives/popover.js"),j=require("../primitives/text.js"),S=require("@styled/css"),o=require("@styled/jsx"),t=require("create-slots"),J=require("react");const P=t.createSlot(({children:r})=>J.Children.map(r,l=>e.jsx(i.default,{expand:!0,...l.props}))),b=t.createSlot(i.default),y=t.createSlot(i.default),k=t.createSlot(({children:r})=>e.jsxs(s.Popover,{textStyle:"subtle",variant:"text",children:[e.jsx(s.Popover.TrailingIcon,{children:e.jsx(L.default,{})}),e.jsx(s.Popover.Content,{children:r})]})),z=t.createSlot(({children:r})=>e.jsxs(s.Popover,{textStyle:"neutral",variant:"text",children:[e.jsx(s.Popover.TrailingIcon,{children:e.jsx(W.default,{})}),e.jsx(s.Popover.Content,{children:r})]})),B=t.createSlot(I.Content),F=t.createSlot(w.Drawer),H=t.createSlot(({children:r})=>e.jsx(o.Center,{p:3,w:"full",children:r})),M=t.createSlot(({children:r,domain:l,name:n,logoUrl:d})=>e.jsxs(o.HStack,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",p:3,width:"full",children:[d?e.jsx("img",{src:d,alt:n,width:24,height:24}):e.jsx(C.default,{color:q.token("colors.brand.base"),height:24,width:24}),e.jsx(j.default,{size:"sm",children:n}),l&&e.jsx(j.default,{size:"sm",fontColor:"text.tertiary",children:l}),r]})),O=({actionDirection:r="row",address:l,branding:n,children:d,title:p,onBack:c,onCancel:u,...D})=>t.createHost(d,a=>{const x=a.getProps(b),h=a.getProps(y),v=a.getProps(F),f=a.get(P),g=a.get(k),m=a.get(z);return e.jsxs(T.Modal,{...D,fullscreen:!0,paddingType:"none",children:[e.jsxs(o.VStack,{gap:0,width:"full",children:[e.jsxs(o.HStack,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",justifyContent:"space-between",p:3,width:"full",children:[c&&e.jsx(i.default,{onPress:c,size:"md",textStyle:"neutral",variant:"text",children:e.jsx(i.default.LeadingIcon,{children:e.jsx(A.default,{})})}),u&&e.jsx(i.default,{onPress:u,label:"Cancel",size:"sm",textStyle:"neutral",variant:"text"}),!(c||u)&&e.jsx("div",{className:S.css({w:6})}),n&&e.jsx(C.default,{color:q.token(n==="light"?"colors.text.primary":"colors.neutral.primary")}),p&&e.jsx(j.default,{size:"sm",children:p}),l||g||m?e.jsxs(o.HStack,{children:[l&&e.jsx(N.default,{address:l}),g,m]}):e.jsx("div",{className:S.css({w:6})})]}),a.get(M)]}),e.jsx(o.Flex,{grow:1,width:"full",children:a.get(B)}),(x||h)&&e.jsxs(o.Flex,{direction:r==="row"?"row":"column-reverse",gap:4,pt:1.5,px:3,width:"full",children:[x&&e.jsx(i.default,{expand:!0,label:"Cancel",variant:"neutral",...x}),h&&e.jsx(i.default,{expand:!0,label:"Confirm",variant:"inverse",...h})]}),f&&e.jsx(o.Flex,{direction:r,gap:4,pt:1.5,px:3,width:"full",children:f}),a.get(H),v&&e.jsx(w.Drawer,{...v})]})}),Q=Object.assign(O,{Actions:P,Cancel:b,Confirm:y,Content:B,Drawer:F,Footer:H,Header:M,Info:k,Menu:z});exports.PassportPage=Q;
1
+ "use strict";var e=require("react/jsx-runtime");require("../containers/card.js");var I=require("../containers/content.js"),m=require("../containers/drawer.js"),T=require("react");require("../utils/client-asset-logo.js");var w=require("@styled/css"),l=require("@styled/jsx"),C=require("@styled/tokens");require("react-qrcode-logo"),require("../utils/secured-by-magic.js");var W=require("../icons/ico-caret-left.js"),S=require("../icons/ico-magic.js"),L=require("../icons/ico-question-circle-fill.js");require("../containers/header.js");var b=require("../containers/menu.js"),N=require("../containers/modal.js");require("../containers/overlay.js"),require("../info/copy-button.js"),require("../info/email-wbr.js"),require("../info/security-otp.js"),require("../info/text-box.js");var J=require("../info/wallet-address.js"),s=require("../primitives/button.js"),j=require("../primitives/popover.js"),p=require("../primitives/text.js"),t=require("create-slots");const P=t.createSlot(({children:r})=>T.Children.map(r,i=>e.jsx(s.default,{expand:!0,...i.props}))),y=t.createSlot(s.default),k=t.createSlot(s.default),z=t.createSlot(({children:r})=>e.jsxs(j.Popover,{textStyle:"subtle",variant:"text",children:[e.jsx(j.Popover.TrailingIcon,{children:e.jsx(L.default,{})}),e.jsx(j.Popover.Content,{children:r})]})),B=t.createSlot(I.Content),F=t.createSlot(b.Menu),H=t.createSlot(m.Drawer),M=t.createSlot(({children:r})=>e.jsx(l.Center,{p:3,w:"full",children:r})),D=t.createSlot(({children:r,domain:i,name:o,logoUrl:n})=>e.jsxs(l.HStack,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",p:3,width:"full",children:[n?e.jsx("img",{src:n,alt:o,width:24,height:24}):e.jsx(S.default,{color:C.token("colors.brand.base"),height:24,width:24}),e.jsx(p.default,{size:"sm",children:o}),i&&e.jsx(p.default,{size:"sm",fontColor:"text.tertiary",children:i}),r]})),O=({actionDirection:r="row",address:i,branding:o,children:n,title:f,onBack:d,onCancel:c,...A})=>t.createHost(n,a=>{const u=a.getProps(y),x=a.getProps(k),h=a.getProps(F),v=a.getProps(H),q=a.get(P),g=a.get(z);return e.jsxs(N.Modal,{...A,fullscreen:!0,paddingType:"none",children:[e.jsxs(l.VStack,{gap:0,width:"full",children:[e.jsxs(l.HStack,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",justifyContent:"space-between",p:3,width:"full",children:[d&&e.jsx(s.default,{onPress:d,size:"md",textStyle:"neutral",variant:"text",children:e.jsx(s.default.LeadingIcon,{children:e.jsx(W.default,{})})}),c&&e.jsx(s.default,{onPress:c,label:"Cancel",size:"sm",textStyle:"neutral",variant:"text"}),!(d||c)&&e.jsx("div",{className:w.css({w:6})}),o&&e.jsx(S.default,{color:C.token(o==="light"?"colors.text.primary":"colors.neutral.primary")}),f&&e.jsx(p.default,{size:"sm",children:f}),i||g||h?e.jsxs(l.HStack,{children:[i&&e.jsx(J.default,{address:i}),g,h&&e.jsx(b.Menu,{...h})]}):e.jsx("div",{className:w.css({w:6})})]}),a.get(D)]}),e.jsx(l.Flex,{grow:1,width:"full",children:a.get(B)}),(u||x)&&e.jsxs(l.Flex,{direction:r==="row"?"row":"column-reverse",gap:4,pt:1.5,px:3,width:"full",children:[u&&e.jsx(s.default,{expand:!0,label:"Cancel",variant:"neutral",...u}),x&&e.jsx(s.default,{expand:!0,label:"Confirm",variant:"inverse",...x})]}),q&&e.jsx(l.Flex,{direction:r,gap:4,pt:1.5,px:3,width:"full",children:q}),a.get(M),v&&e.jsx(m.Drawer,{...v})]})}),Q=Object.assign(O,{Actions:P,Cancel:y,Confirm:k,Content:B,Menu:F,Drawer:H,Footer:M,Header:D,Info:z});exports.PassportPage=Q;
2
2
  //# sourceMappingURL=passport-page.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"passport-page.js","sources":["../../../../src/components/layouts/passport-page.tsx"],"sourcesContent":["import { Content } from '@components/containers/content';\nimport { Drawer } from '@components/containers/drawer';\nimport { Modal } from '@components/containers/modal';\nimport { IcoCaretLeft, IcoMagic, IcoMenu, IcoQuestionCircleFill } from '@components/icons';\nimport { WalletAddress } from '@components/info';\nimport Button from '@components/primitives/button';\nimport Popover from '@components/primitives/popover';\nimport Text from '@components/primitives/text';\nimport { css } from '@styled/css';\nimport { Center, Flex, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, PropsWithChildren } from 'react';\n\ninterface HeaderProps extends PropsWithChildren {\n name: string;\n domain?: string;\n logoUrl?: string;\n}\n\nexport interface PassportPageProps extends PropsWithChildren {\n address?: string;\n animate?: boolean;\n branding?: 'light' | 'dark';\n actionDirection?: 'column' | 'row';\n title?: string;\n isOpen?: boolean;\n onAnimated?: () => void;\n onBack?: () => void;\n onClosed?: () => void;\n onCancel?: () => void;\n}\n\nconst Actions = createSlot(({ children }) => Children.map(children, child => <Button expand {...child.props} />));\nconst Cancel = createSlot(Button);\nconst Confirm = createSlot(Button);\nconst Info = createSlot(({ children }) => (\n <Popover textStyle=\"subtle\" variant=\"text\">\n <Popover.TrailingIcon>\n <IcoQuestionCircleFill />\n </Popover.TrailingIcon>\n <Popover.Content>{children}</Popover.Content>\n </Popover>\n));\nconst Menu = createSlot(({ children }) => (\n <Popover textStyle=\"neutral\" variant=\"text\">\n <Popover.TrailingIcon>\n <IcoMenu />\n </Popover.TrailingIcon>\n <Popover.Content>{children}</Popover.Content>\n </Popover>\n));\nconst PageContent = createSlot(Content);\nconst PageDrawer = createSlot(Drawer);\nconst PageFooter = createSlot(({ children }) => (\n <Center p={3} w=\"full\">\n {children}\n </Center>\n));\nconst PageHeader = createSlot(({ children, domain, name, logoUrl }: HeaderProps) => (\n <HStack borderBottomColor=\"neutral.primary\" borderBottomWidth=\"1px\" p={3} width=\"full\">\n {logoUrl ? (\n <img src={logoUrl} alt={name} width={24} height={24} />\n ) : (\n <IcoMagic color={token('colors.brand.base')} height={24} width={24} />\n )}\n <Text size=\"sm\">{name}</Text>\n {domain && (\n <Text size=\"sm\" fontColor=\"text.tertiary\">\n {domain}\n </Text>\n )}\n {children}\n </HStack>\n));\n\nconst PassportPageHost = ({\n actionDirection = 'row',\n address,\n branding,\n children,\n title,\n onBack,\n onCancel,\n ...props\n}: PassportPageProps) => {\n return createHost(children, slots => {\n const cancelProps = slots.getProps(Cancel);\n const confirmProps = slots.getProps(Confirm);\n const drawerProps = slots.getProps(PageDrawer);\n\n const actions = slots.get(Actions);\n const info = slots.get(Info);\n const menu = slots.get(Menu);\n\n return (\n <Modal {...props} fullscreen paddingType=\"none\">\n <VStack gap={0} width=\"full\">\n <HStack\n borderBottomColor=\"neutral.primary\"\n borderBottomWidth=\"1px\"\n justifyContent=\"space-between\"\n p={3}\n width=\"full\"\n >\n {onBack && (\n <Button onPress={onBack} size=\"md\" textStyle=\"neutral\" variant=\"text\">\n <Button.LeadingIcon>\n <IcoCaretLeft />\n </Button.LeadingIcon>\n </Button>\n )}\n {onCancel && <Button onPress={onCancel} label=\"Cancel\" size=\"sm\" textStyle=\"neutral\" variant=\"text\" />}\n {!(onBack || onCancel) && <div className={css({ w: 6 })} />}\n {branding && (\n <IcoMagic color={token(branding === 'light' ? 'colors.text.primary' : 'colors.neutral.primary')} />\n )}\n {title && <Text size=\"sm\">{title}</Text>}\n {address || info || menu ? (\n <HStack>\n {address && <WalletAddress address={address} />}\n {info}\n {menu}\n </HStack>\n ) : (\n <div className={css({ w: 6 })} />\n )}\n </HStack>\n {slots.get(PageHeader)}\n </VStack>\n <Flex grow={1} width=\"full\">\n {slots.get(PageContent)}\n </Flex>\n {(cancelProps || confirmProps) && (\n <Flex direction={actionDirection === 'row' ? 'row' : 'column-reverse'} gap={4} pt={1.5} px={3} width=\"full\">\n {cancelProps && <Button expand label=\"Cancel\" variant=\"neutral\" {...cancelProps} />}\n {confirmProps && <Button expand label=\"Confirm\" variant=\"inverse\" {...confirmProps} />}\n </Flex>\n )}\n {actions && (\n <Flex direction={actionDirection} gap={4} pt={1.5} px={3} width=\"full\">\n {actions}\n </Flex>\n )}\n {slots.get(PageFooter)}\n {drawerProps && <Drawer {...drawerProps} />}\n </Modal>\n );\n });\n};\n\nexport const PassportPage = Object.assign(PassportPageHost, {\n Actions,\n Cancel,\n Confirm,\n Content: PageContent,\n Drawer: PageDrawer,\n Footer: PageFooter,\n Header: PageHeader,\n Info,\n Menu,\n});\n"],"names":["Actions","createSlot","children","Children","child","_jsx","Button","Cancel","Confirm","Info","_jsxs","Popover","IcoQuestionCircleFill","Menu","IcoMenu","PageContent","Content","PageDrawer","Drawer","PageFooter","Center","PageHeader","domain","name","logoUrl","HStack","IcoMagic","token","Text","PassportPageHost","actionDirection","address","branding","title","onBack","onCancel","props","createHost","slots","cancelProps","confirmProps","drawerProps","actions","info","menu","Modal","VStack","IcoCaretLeft","css","WalletAddress","Flex","PassportPage"],"mappings":"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"}
1
+ {"version":3,"file":"passport-page.js","sources":["../../../../src/components/layouts/passport-page.tsx"],"sourcesContent":["import { Menu } from '@components/containers';\nimport { Content } from '@components/containers/content';\nimport { Drawer } from '@components/containers/drawer';\nimport { Modal } from '@components/containers/modal';\nimport { IcoCaretLeft, IcoMagic, IcoQuestionCircleFill } from '@components/icons';\nimport { WalletAddress } from '@components/info';\nimport Button from '@components/primitives/button';\nimport Popover from '@components/primitives/popover';\nimport Text from '@components/primitives/text';\nimport { css } from '@styled/css';\nimport { Center, Flex, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, PropsWithChildren } from 'react';\n\ninterface HeaderProps extends PropsWithChildren {\n name: string;\n domain?: string;\n logoUrl?: string;\n}\n\nexport interface PassportPageProps extends PropsWithChildren {\n address?: string;\n animate?: boolean;\n branding?: 'light' | 'dark';\n actionDirection?: 'column' | 'row';\n title?: string;\n isOpen?: boolean;\n onAnimated?: () => void;\n onBack?: () => void;\n onClosed?: () => void;\n onCancel?: () => void;\n}\n\nconst Actions = createSlot(({ children }) => Children.map(children, child => <Button expand {...child.props} />));\nconst Cancel = createSlot(Button);\nconst Confirm = createSlot(Button);\nconst Info = createSlot(({ children }) => (\n <Popover textStyle=\"subtle\" variant=\"text\">\n <Popover.TrailingIcon>\n <IcoQuestionCircleFill />\n </Popover.TrailingIcon>\n <Popover.Content>{children}</Popover.Content>\n </Popover>\n));\n\nconst PageContent = createSlot(Content);\nconst PageMenu = createSlot(Menu);\nconst PageDrawer = createSlot(Drawer);\nconst PageFooter = createSlot(({ children }) => (\n <Center p={3} w=\"full\">\n {children}\n </Center>\n));\nconst PageHeader = createSlot(({ children, domain, name, logoUrl }: HeaderProps) => (\n <HStack borderBottomColor=\"neutral.primary\" borderBottomWidth=\"1px\" p={3} width=\"full\">\n {logoUrl ? (\n <img src={logoUrl} alt={name} width={24} height={24} />\n ) : (\n <IcoMagic color={token('colors.brand.base')} height={24} width={24} />\n )}\n <Text size=\"sm\">{name}</Text>\n {domain && (\n <Text size=\"sm\" fontColor=\"text.tertiary\">\n {domain}\n </Text>\n )}\n {children}\n </HStack>\n));\n\nconst PassportPageHost = ({\n actionDirection = 'row',\n address,\n branding,\n children,\n title,\n onBack,\n onCancel,\n ...props\n}: PassportPageProps) => {\n return createHost(children, slots => {\n const cancelProps = slots.getProps(Cancel);\n const confirmProps = slots.getProps(Confirm);\n const menuProps = slots.getProps(PageMenu);\n const drawerProps = slots.getProps(PageDrawer);\n\n const actions = slots.get(Actions);\n const info = slots.get(Info);\n\n return (\n <Modal {...props} fullscreen paddingType=\"none\">\n <VStack gap={0} width=\"full\">\n <HStack\n borderBottomColor=\"neutral.primary\"\n borderBottomWidth=\"1px\"\n justifyContent=\"space-between\"\n p={3}\n width=\"full\"\n >\n {onBack && (\n <Button onPress={onBack} size=\"md\" textStyle=\"neutral\" variant=\"text\">\n <Button.LeadingIcon>\n <IcoCaretLeft />\n </Button.LeadingIcon>\n </Button>\n )}\n {onCancel && <Button onPress={onCancel} label=\"Cancel\" size=\"sm\" textStyle=\"neutral\" variant=\"text\" />}\n {!(onBack || onCancel) && <div className={css({ w: 6 })} />}\n {branding && (\n <IcoMagic color={token(branding === 'light' ? 'colors.text.primary' : 'colors.neutral.primary')} />\n )}\n {title && <Text size=\"sm\">{title}</Text>}\n {address || info || menuProps ? (\n <HStack>\n {address && <WalletAddress address={address} />}\n {info}\n {menuProps && <Menu {...menuProps} />}\n </HStack>\n ) : (\n <div className={css({ w: 6 })} />\n )}\n </HStack>\n {slots.get(PageHeader)}\n </VStack>\n <Flex grow={1} width=\"full\">\n {slots.get(PageContent)}\n </Flex>\n {(cancelProps || confirmProps) && (\n <Flex direction={actionDirection === 'row' ? 'row' : 'column-reverse'} gap={4} pt={1.5} px={3} width=\"full\">\n {cancelProps && <Button expand label=\"Cancel\" variant=\"neutral\" {...cancelProps} />}\n {confirmProps && <Button expand label=\"Confirm\" variant=\"inverse\" {...confirmProps} />}\n </Flex>\n )}\n {actions && (\n <Flex direction={actionDirection} gap={4} pt={1.5} px={3} width=\"full\">\n {actions}\n </Flex>\n )}\n {slots.get(PageFooter)}\n {drawerProps && <Drawer {...drawerProps} />}\n </Modal>\n );\n });\n};\n\nexport const PassportPage = Object.assign(PassportPageHost, {\n Actions,\n Cancel,\n Confirm,\n Content: PageContent,\n Menu: PageMenu,\n Drawer: PageDrawer,\n Footer: PageFooter,\n Header: PageHeader,\n Info,\n});\n"],"names":["Actions","createSlot","children","Children","child","_jsx","Button","Cancel","Confirm","Info","_jsxs","Popover","IcoQuestionCircleFill","PageContent","Content","PageMenu","Menu","PageDrawer","Drawer","PageFooter","Center","PageHeader","domain","name","logoUrl","HStack","IcoMagic","token","Text","PassportPageHost","actionDirection","address","branding","title","onBack","onCancel","props","createHost","slots","cancelProps","confirmProps","menuProps","drawerProps","actions","info","Modal","VStack","IcoCaretLeft","css","WalletAddress","Flex","PassportPage"],"mappings":"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"}
package/dist/cjs/index.js CHANGED
@@ -1,2 +1,2 @@
1
- "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"),P=require("./components/icons/ico-astronaut.js"),A=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"),Pe=require("./components/icons/ico-link.js"),Ae=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"),Pr=require("./components/info/wallet-address.js"),Ar=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/layouts/passport-page.js"),Er=require("./components/list-items/navigation-button.js"),Gr=require("./components/list-items/nft-tile.js"),xr=require("./components/list-items/token-list-item.js"),Rr=require("./components/list-items/transaction-row.js"),Or=require("./components/logos/blc-algorand.js"),zr=require("./components/logos/blc-aptos.js"),Hr=require("./components/logos/blc-arbitrum.js"),Zr=require("./components/logos/blc-astar.js"),Nr=require("./components/logos/blc-avalanche.js"),Ur=require("./components/logos/blc-base.js"),Xr=require("./components/logos/blc-berachain.js"),jr=require("./components/logos/blc-binance.js"),Vr=require("./components/logos/blc-bitcoin.js"),Qr=require("./components/logos/blc-celo.js"),Jr=require("./components/logos/blc-chiliz.js"),Kr=require("./components/logos/blc-cosmos.js"),_r=require("./components/logos/blc-ethereum.js"),Yr=require("./components/logos/blc-etherlink.js"),$r=require("./components/logos/blc-flow.js"),eo=require("./components/logos/blc-harmony.js"),ro=require("./components/logos/blc-icon.js"),oo=require("./components/logos/blc-immutable-x.js"),ao=require("./components/logos/blc-loopring.js"),io=require("./components/logos/blc-moonbeam.js"),lo=require("./components/logos/blc-near.js"),uo=require("./components/logos/blc-optimism.js"),to=require("./components/logos/blc-polkadot.js"),no=require("./components/logos/blc-polygon.js"),co=require("./components/logos/blc-rarichain.js"),fo=require("./components/logos/blc-solana.js"),vo=require("./components/logos/blc-stability.js"),qo=require("./components/logos/blc-sui.js"),go=require("./components/logos/blc-tezos.js"),so=require("./components/logos/blc-wax.js"),Lo=require("./components/logos/blc-zetachain.js"),Mo=require("./components/logos/blc-zilliqa.js"),ko=require("./components/logos/blc-zksync.js"),Io=require("./components/logos/fwk-11ty.js"),mo=require("./components/logos/fwk-android.js"),po=require("./components/logos/fwk-apple.js"),bo=require("./components/logos/fwk-authy.js"),ho=require("./components/logos/fwk-binance-fill.js"),wo=require("./components/logos/fwk-chrome.js"),Co=require("./components/logos/fwk-electron.js"),Bo=require("./components/logos/fwk-express.js"),Po=require("./components/logos/fwk-fauna.js"),Ao=require("./components/logos/fwk-firebase.js"),Fo=require("./components/logos/fwk-go.js"),So=require("./components/logos/fwk-google-authenticator.js"),yo=require("./components/logos/fwk-hasura.js"),Wo=require("./components/logos/fwk-javascript.js"),To=require("./components/logos/fwk-jwt.js"),Do=require("./components/logos/fwk-laravel.js"),Eo=require("./components/logos/fwk-nextjs.js"),Go=require("./components/logos/fwk-nodejs.js"),xo=require("./components/logos/fwk-nuxtjs.js"),Ro=require("./components/logos/fwk-php.js"),Oo=require("./components/logos/fwk-react.js"),zo=require("./components/logos/fwk-strapi.js"),Ho=require("./components/logos/fwk-stripe.js"),Zo=require("./components/logos/fwk-vue.js"),No=require("./components/logos/fwk-webflow.js"),Uo=require("./components/logos/fwk-wordpress.js"),Xo=require("./components/logos/fwk-zapier.js"),jo=require("./components/logos/icon-art-dark.js"),Vo=require("./components/logos/icon-art.js"),Qo=require("./components/logos/icon-delete.js"),Jo=require("./components/logos/icon-email-globe.js"),Ko=require("./components/logos/icon-email.js"),_o=require("./components/logos/icon-game-controller-dark.js"),Yo=require("./components/logos/icon-game-controller.js"),$o=require("./components/logos/icon-generic-token.js"),ea=require("./components/logos/icon-magic-globe.js"),ra=require("./components/logos/icon-magic-logo.js"),oa=require("./components/logos/icon-music-dark.js"),aa=require("./components/logos/icon-music.js"),ia=require("./components/logos/icon-person-dark.js"),la=require("./components/logos/icon-person.js"),ua=require("./components/logos/icon-profile-dark.js"),ta=require("./components/logos/icon-profile-light.js"),na=require("./components/logos/icon-reset.js"),ca=require("./components/logos/icon-sms.js"),da=require("./components/logos/icon-ticket-dark.js"),fa=require("./components/logos/icon-ticket.js"),va=require("./components/logos/icon-warning-dark.js"),qa=require("./components/logos/icon-warning-shield.js"),ga=require("./components/logos/icon-warning.js"),sa=require("./components/logos/logo-algorand-mono.js"),La=require("./components/logos/logo-algorand.js"),Ma=require("./components/logos/logo-apple-mono.js"),ka=require("./components/logos/logo-apple.js"),Ia=require("./components/logos/logo-aptos-mono.js"),ma=require("./components/logos/logo-aptos.js"),pa=require("./components/logos/logo-arbitrum-mono.js"),ba=require("./components/logos/logo-arbitrum-one-mono.js"),ha=require("./components/logos/logo-arbitrum-one.js"),wa=require("./components/logos/logo-arbitrum.js"),Ca=require("./components/logos/logo-astar-mono.js"),Ba=require("./components/logos/logo-astar.js"),Pa=require("./components/logos/logo-auth0-mono.js"),Aa=require("./components/logos/logo-auth0.js"),Fa=require("./components/logos/logo-avalanche-mono.js"),Sa=require("./components/logos/logo-avalanche.js"),ya=require("./components/logos/logo-azure-mono.js"),Wa=require("./components/logos/logo-azure.js"),Ta=require("./components/logos/logo-base-mono.js"),Da=require("./components/logos/logo-base.js"),Ea=require("./components/logos/logo-berachain-mono.js"),Ga=require("./components/logos/logo-berachain.js"),xa=require("./components/logos/logo-binance-mono.js"),Ra=require("./components/logos/logo-binance.js"),Oa=require("./components/logos/logo-bit-bucket-mono.js"),za=require("./components/logos/logo-bit-bucket.js"),Ha=require("./components/logos/logo-bitcoin-mono.js"),Za=require("./components/logos/logo-bitcoin.js"),Na=require("./components/logos/logo-bnb-mono.js"),Ua=require("./components/logos/logo-bnb.js"),Xa=require("./components/logos/logo-celo-mono.js"),ja=require("./components/logos/logo-celo.js"),Va=require("./components/logos/logo-chiliz-mono.js"),Qa=require("./components/logos/logo-chiliz.js"),Ja=require("./components/logos/logo-cognito-mono.js"),Ka=require("./components/logos/logo-cognito.js"),_a=require("./components/logos/logo-cosmos-mono.js"),Ya=require("./components/logos/logo-cosmos.js"),$a=require("./components/logos/logo-discord-mono.js"),ei=require("./components/logos/logo-discord.js"),ri=require("./components/logos/logo-ethereum-mono.js"),oi=require("./components/logos/logo-ethereum.js"),ai=require("./components/logos/logo-etherlink-mono.js"),ii=require("./components/logos/logo-etherlink.js"),li=require("./components/logos/logo-facebook-mono.js"),ui=require("./components/logos/logo-facebook.js"),ti=require("./components/logos/logo-flare-mono.js"),ni=require("./components/logos/logo-flare.js"),ci=require("./components/logos/logo-flow-mono.js"),di=require("./components/logos/logo-flow.js"),fi=require("./components/logos/logo-git-hub-mono.js"),vi=require("./components/logos/logo-git-hub.js"),qi=require("./components/logos/logo-git-lab-mono.js"),gi=require("./components/logos/logo-git-lab.js"),si=require("./components/logos/logo-google-mono.js"),Li=require("./components/logos/logo-google.js"),Mi=require("./components/logos/logo-harmony-mono.js"),ki=require("./components/logos/logo-harmony.js"),Ii=require("./components/logos/logo-horizen-mono.js"),mi=require("./components/logos/logo-horizen.js"),pi=require("./components/logos/logo-icon-mono.js"),bi=require("./components/logos/logo-icon.js"),hi=require("./components/logos/logo-immutable-x-mono.js"),wi=require("./components/logos/logo-immutable-x.js"),Ci=require("./components/logos/logo-link-by-stripe-mono.js"),Bi=require("./components/logos/logo-link-by-stripe.js"),Pi=require("./components/logos/logo-link-mono.js"),Ai=require("./components/logos/logo-link.js"),Fi=require("./components/logos/logo-linked-in-mono.js"),Si=require("./components/logos/logo-linked-in.js"),yi=require("./components/logos/logo-loopring-mono.js"),Wi=require("./components/logos/logo-loopring.js"),Ti=require("./components/logos/logo-microsoft-mono.js"),Di=require("./components/logos/logo-microsoft.js"),Ei=require("./components/logos/logo-moonbeam-mono.js"),Gi=require("./components/logos/logo-moonbeam.js"),xi=require("./components/logos/logo-near-mono.js"),Ri=require("./components/logos/logo-near.js"),Oi=require("./components/logos/logo-onramper-mono.js"),zi=require("./components/logos/logo-onramper.js"),Hi=require("./components/logos/logo-optimism-mono.js"),Zi=require("./components/logos/logo-optimism.js"),Ni=require("./components/logos/logo-pay-pal-mono.js"),Ui=require("./components/logos/logo-pay-pal-wordmark-mono.js"),Xi=require("./components/logos/logo-pay-pal-wordmark.js"),ji=require("./components/logos/logo-pay-pal.js"),Vi=require("./components/logos/logo-poa-mono.js"),Qi=require("./components/logos/logo-poa.js"),Ji=require("./components/logos/logo-polkadot-mono.js"),Ki=require("./components/logos/logo-polkadot.js"),_i=require("./components/logos/logo-polygon-mono.js"),Yi=require("./components/logos/logo-polygon.js"),$i=require("./components/logos/logo-rarichain-mono.js"),el=require("./components/logos/logo-rarichain.js"),rl=require("./components/logos/logo-sardine-mono.js"),ol=require("./components/logos/logo-sardine.js"),al=require("./components/logos/logo-sei-mono.js"),il=require("./components/logos/logo-sei.js"),ll=require("./components/logos/logo-solana-mono.js"),ul=require("./components/logos/logo-solana.js"),tl=require("./components/logos/logo-stability-mono.js"),nl=require("./components/logos/logo-stability.js"),cl=require("./components/logos/logo-sui-mono.js"),dl=require("./components/logos/logo-sui.js"),fl=require("./components/logos/logo-tezos-mono.js"),vl=require("./components/logos/logo-tezos.js"),ql=require("./components/logos/logo-twitch-mono.js"),gl=require("./components/logos/logo-twitch.js"),sl=require("./components/logos/logo-twitter-mono.js"),Ll=require("./components/logos/logo-twitter.js"),Ml=require("./components/logos/logo-wallet-connect-mono.js"),kl=require("./components/logos/logo-wallet-connect.js"),Il=require("./components/logos/logo-warpcast-mono.js"),ml=require("./components/logos/logo-warpcast.js"),pl=require("./components/logos/logo-wax-mono.js"),bl=require("./components/logos/logo-wax.js"),hl=require("./components/logos/logo-xdc-mono.js"),wl=require("./components/logos/logo-xdc.js"),Cl=require("./components/logos/logo-zetachain-mono.js"),Bl=require("./components/logos/logo-zetachain.js"),Pl=require("./components/logos/logo-zilliqa-mono.js"),Al=require("./components/logos/logo-zilliqa.js"),Fl=require("./components/logos/logo-zksync-mono.js"),Sl=require("./components/logos/logo-zksync.js"),yl=require("./components/logos/pay-amex.js"),Wl=require("./components/logos/pay-discover.js"),Tl=require("./components/logos/pay-mastercard.js"),Dl=require("./components/logos/pay-visa.js"),El=require("./components/logos/presentation-logo.js"),Gl=require("./components/logos/website-magic.js"),xl=require("./components/logos/wlt-coinbase.js"),Rl=require("./components/logos/wlt-mattel.js"),Ol=require("./components/logos/wlt-metamask.js"),zl=require("./components/logos/wlt-phantom.js"),Hl=require("./components/logos/wlt-rainbow.js"),Zl=require("./components/logos/wlt-wallet-connect.js"),Nl=require("./components/primitives/button.js"),Ul=require("./components/primitives/checkbox.js"),r=require("./components/primitives/dropdown-selector.js"),Xl=require("./components/primitives/popover.js"),o=require("./components/primitives/radio.js"),a=require("./components/primitives/segmented-control.js"),jl=require("./components/primitives/switch.js"),Vl=require("./components/primitives/text.js"),Ql=require("./components/sections/verify-pincode.js"),Jl=require("./components/utils/animate.js"),Kl=require("./components/utils/client-asset-logo.js"),_l=require("./components/utils/qr-code.js"),Yl=require("./components/utils/secured-by-magic.js"),$l=require("./components/utils/shared-logo.js"),eu=require("./hooks/theme.js"),ru=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=P.default,exports.IcoAtom=A.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=Pe.default,exports.IcoLoading=Ae.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=Pr.default,exports.PhoneInput=Ar.default,exports.PinCodeInput=Fr.PinCodeInput,exports.TextInput=Sr.TextInput,exports.Dialogue=yr.Dialogue,exports.Error=Wr.Error,exports.Page=Tr.Page,exports.PassportPage=Dr.PassportPage,exports.NavigationButton=Er.default,exports.NFTTile=Gr.NFTTile,exports.TokenListItem=xr.TokenListItem,exports.TransactionRow=Rr.TransactionRow,exports.BlcAlgorand=Or.default,exports.BlcAptos=zr.default,exports.BlcArbitrum=Hr.default,exports.BlcAstar=Zr.default,exports.BlcAvalanche=Nr.default,exports.BlcBase=Ur.default,exports.BlcBerachain=Xr.default,exports.BlcBinance=jr.default,exports.BlcBitcoin=Vr.default,exports.BlcCelo=Qr.default,exports.BlcChiliz=Jr.default,exports.BlcCosmos=Kr.default,exports.BlcEthereum=_r.default,exports.BlcEtherlink=Yr.default,exports.BlcFlow=$r.default,exports.BlcHarmony=eo.default,exports.BlcIcon=ro.default,exports.BlcImmutableX=oo.default,exports.BlcLoopring=ao.default,exports.BlcMoonbeam=io.default,exports.BlcNear=lo.default,exports.BlcOptimism=uo.default,exports.BlcPolkadot=to.default,exports.BlcPolygon=no.default,exports.BlcRarichain=co.default,exports.BlcSolana=fo.default,exports.BlcStability=vo.default,exports.BlcSui=qo.default,exports.BlcTezos=go.default,exports.BlcWax=so.default,exports.BlcZetachain=Lo.default,exports.BlcZilliqa=Mo.default,exports.BlcZksync=ko.default,exports.Fwk11ty=Io.default,exports.FwkAndroid=mo.default,exports.FwkApple=po.default,exports.FwkAuthy=bo.default,exports.FwkBinanceFill=ho.default,exports.FwkChrome=wo.default,exports.FwkElectron=Co.default,exports.FwkExpress=Bo.default,exports.FwkFauna=Po.default,exports.FwkFirebase=Ao.default,exports.FwkGo=Fo.default,exports.FwkGoogleAuthenticator=So.default,exports.FwkHasura=yo.default,exports.FwkJavascript=Wo.default,exports.FwkJwt=To.default,exports.FwkLaravel=Do.default,exports.FwkNextjs=Eo.default,exports.FwkNodejs=Go.default,exports.FwkNuxtjs=xo.default,exports.FwkPhp=Ro.default,exports.FwkReact=Oo.default,exports.FwkStrapi=zo.default,exports.FwkStripe=Ho.default,exports.FwkVue=Zo.default,exports.FwkWebflow=No.default,exports.FwkWordpress=Uo.default,exports.FwkZapier=Xo.default,exports.IconArtDark=jo.default,exports.IconArt=Vo.default,exports.IconDelete=Qo.default,exports.IconEmailGlobe=Jo.default,exports.IconEmail=Ko.default,exports.IconGameControllerDark=_o.default,exports.IconGameController=Yo.default,exports.IconGenericToken=$o.default,exports.IconMagicGlobe=ea.default,exports.IconMagicLogo=ra.default,exports.IconMusicDark=oa.default,exports.IconMusic=aa.default,exports.IconPersonDark=ia.default,exports.IconPerson=la.default,exports.IconProfileDark=ua.default,exports.IconProfileLight=ta.default,exports.IconReset=na.default,exports.IconSms=ca.default,exports.IconTicketDark=da.default,exports.IconTicket=fa.default,exports.IconWarningDark=va.default,exports.IconWarningShield=qa.default,exports.IconWarning=ga.default,exports.LogoAlgorandMono=sa.default,exports.LogoAlgorand=La.default,exports.LogoAppleMono=Ma.default,exports.LogoApple=ka.default,exports.LogoAptosMono=Ia.default,exports.LogoAptos=ma.default,exports.LogoArbitrumMono=pa.default,exports.LogoArbitrumOneMono=ba.default,exports.LogoArbitrumOne=ha.default,exports.LogoArbitrum=wa.default,exports.LogoAstarMono=Ca.default,exports.LogoAstar=Ba.default,exports.LogoAuth0Mono=Pa.default,exports.LogoAuth0=Aa.default,exports.LogoAvalancheMono=Fa.default,exports.LogoAvalanche=Sa.default,exports.LogoAzureMono=ya.default,exports.LogoAzure=Wa.default,exports.LogoBaseMono=Ta.default,exports.LogoBase=Da.default,exports.LogoBerachainMono=Ea.default,exports.LogoBerachain=Ga.default,exports.LogoBinanceMono=xa.default,exports.LogoBinance=Ra.default,exports.LogoBitBucketMono=Oa.default,exports.LogoBitBucket=za.default,exports.LogoBitcoinMono=Ha.default,exports.LogoBitcoin=Za.default,exports.LogoBnbMono=Na.default,exports.LogoBnb=Ua.default,exports.LogoCeloMono=Xa.default,exports.LogoCelo=ja.default,exports.LogoChilizMono=Va.default,exports.LogoChiliz=Qa.default,exports.LogoCognitoMono=Ja.default,exports.LogoCognito=Ka.default,exports.LogoCosmosMono=_a.default,exports.LogoCosmos=Ya.default,exports.LogoDiscordMono=$a.default,exports.LogoDiscord=ei.default,exports.LogoEthereumMono=ri.default,exports.LogoEthereum=oi.default,exports.LogoEtherlinkMono=ai.default,exports.LogoEtherlink=ii.default,exports.LogoFacebookMono=li.default,exports.LogoFacebook=ui.default,exports.LogoFlareMono=ti.default,exports.LogoFlare=ni.default,exports.LogoFlowMono=ci.default,exports.LogoFlow=di.default,exports.LogoGitHubMono=fi.default,exports.LogoGitHub=vi.default,exports.LogoGitLabMono=qi.default,exports.LogoGitLab=gi.default,exports.LogoGoogleMono=si.default,exports.LogoGoogle=Li.default,exports.LogoHarmonyMono=Mi.default,exports.LogoHarmony=ki.default,exports.LogoHorizenMono=Ii.default,exports.LogoHorizen=mi.default,exports.LogoIconMono=pi.default,exports.LogoIcon=bi.default,exports.LogoImmutableXMono=hi.default,exports.LogoImmutableX=wi.default,exports.LogoLinkByStripeMono=Ci.default,exports.LogoLinkByStripe=Bi.default,exports.LogoLinkMono=Pi.default,exports.LogoLink=Ai.default,exports.LogoLinkedInMono=Fi.default,exports.LogoLinkedIn=Si.default,exports.LogoLoopringMono=yi.default,exports.LogoLoopring=Wi.default,exports.LogoMicrosoftMono=Ti.default,exports.LogoMicrosoft=Di.default,exports.LogoMoonbeamMono=Ei.default,exports.LogoMoonbeam=Gi.default,exports.LogoNearMono=xi.default,exports.LogoNear=Ri.default,exports.LogoOnramperMono=Oi.default,exports.LogoOnramper=zi.default,exports.LogoOptimismMono=Hi.default,exports.LogoOptimism=Zi.default,exports.LogoPayPalMono=Ni.default,exports.LogoPayPalWordmarkMono=Ui.default,exports.LogoPayPalWordmark=Xi.default,exports.LogoPayPal=ji.default,exports.LogoPoaMono=Vi.default,exports.LogoPoa=Qi.default,exports.LogoPolkadotMono=Ji.default,exports.LogoPolkadot=Ki.default,exports.LogoPolygonMono=_i.default,exports.LogoPolygon=Yi.default,exports.LogoRarichainMono=$i.default,exports.LogoRarichain=el.default,exports.LogoSardineMono=rl.default,exports.LogoSardine=ol.default,exports.LogoSeiMono=al.default,exports.LogoSei=il.default,exports.LogoSolanaMono=ll.default,exports.LogoSolana=ul.default,exports.LogoStabilityMono=tl.default,exports.LogoStability=nl.default,exports.LogoSuiMono=cl.default,exports.LogoSui=dl.default,exports.LogoTezosMono=fl.default,exports.LogoTezos=vl.default,exports.LogoTwitchMono=ql.default,exports.LogoTwitch=gl.default,exports.LogoTwitterMono=sl.default,exports.LogoTwitter=Ll.default,exports.LogoWalletConnectMono=Ml.default,exports.LogoWalletConnect=kl.default,exports.LogoWarpcastMono=Il.default,exports.LogoWarpcast=ml.default,exports.LogoWaxMono=pl.default,exports.LogoWax=bl.default,exports.LogoXdcMono=hl.default,exports.LogoXdc=wl.default,exports.LogoZetachainMono=Cl.default,exports.LogoZetachain=Bl.default,exports.LogoZilliqaMono=Pl.default,exports.LogoZilliqa=Al.default,exports.LogoZksyncMono=Fl.default,exports.LogoZksync=Sl.default,exports.PayAmex=yl.default,exports.PayDiscover=Wl.default,exports.PayMastercard=Tl.default,exports.PayVisa=Dl.default,exports.PresentationLogo=El.default,exports.WebsiteMagic=Gl.default,exports.WltCoinbase=xl.default,exports.WltMattel=Rl.default,exports.WltMetamask=Ol.default,exports.WltPhantom=zl.default,exports.WltRainbow=Hl.default,exports.WltWalletConnect=Zl.default,exports.Button=Nl.default,exports.Checkbox=Ul.default,exports.DropdownOption=r.DropdownOption,exports.DropdownSelector=r.DropdownSelector,exports.Popover=Xl.Popover,exports.Radio=o.Radio,exports.RadioGroup=o.RadioGroup,exports.SegmentedControl=a.SegmentedControl,exports.Tab=a.Tab,exports.Switch=jl.default,exports.Text=Vl.default,exports.VerifyPincode=Ql.VerifyPincode,exports.Animate=Jl.default,exports.ClientAssetLogo=Kl.ClientAssetLogo,exports.QRCode=_l.default,exports.SecuredByMagic=Yl.default,exports.SharedLogo=$l.default,exports.useCustomVars=eu.useCustomVars,exports.useToast=ru.useToast;
1
+ "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/menu.js"),d=require("./components/containers/modal.js"),f=require("./components/containers/overlay.js"),v=require("./components/external/paypal-button.js"),q=require("./components/external/social-login-button.js"),g=require("./components/feedback/callout.js"),s=require("./components/feedback/loading-spinner.js"),L=require("./components/feedback/progress-bar.js"),M=require("./components/feedback/skeleton.js"),e=require("./components/feedback/toast-provider.js"),k=require("./components/feedback/tooltip.js"),I=require("./components/icons/ico-add.js"),m=require("./components/icons/ico-alert-circle-fill.js"),p=require("./components/icons/ico-alert-circle.js"),b=require("./components/icons/ico-arrow-down.js"),h=require("./components/icons/ico-arrow-left.js"),w=require("./components/icons/ico-arrow-right.js"),C=require("./components/icons/ico-arrow-up.js"),B=require("./components/icons/ico-asterisk-with-shield.js"),P=require("./components/icons/ico-asterisk.js"),A=require("./components/icons/ico-astronaut.js"),F=require("./components/icons/ico-atom.js"),S=require("./components/icons/ico-bank.js"),y=require("./components/icons/ico-bell-notification.js"),W=require("./components/icons/ico-bell.js"),T=require("./components/icons/ico-block.js"),D=require("./components/icons/ico-branding.js"),E=require("./components/icons/ico-caret-down.js"),G=require("./components/icons/ico-caret-left.js"),x=require("./components/icons/ico-caret-right.js"),R=require("./components/icons/ico-caret-up.js"),O=require("./components/icons/ico-checkmark-circle-fill.js"),z=require("./components/icons/ico-checkmark-circle.js"),H=require("./components/icons/ico-checkmark.js"),Z=require("./components/icons/ico-code-editor.js"),N=require("./components/icons/ico-code-sandbox.js"),U=require("./components/icons/ico-code.js"),X=require("./components/icons/ico-command-line.js"),j=require("./components/icons/ico-comment.js"),V=require("./components/icons/ico-copy.js"),Q=require("./components/icons/ico-credit-card.js"),J=require("./components/icons/ico-dedicated.js"),K=require("./components/icons/ico-diamond.js"),_=require("./components/icons/ico-dismiss-circle-fill.js"),Y=require("./components/icons/ico-dismiss-circle.js"),$=require("./components/icons/ico-dismiss.js"),ee=require("./components/icons/ico-doc.js"),re=require("./components/icons/ico-download.js"),oe=require("./components/icons/ico-edit-email.js"),ae=require("./components/icons/ico-edit.js"),ie=require("./components/icons/ico-email-fill.js"),le=require("./components/icons/ico-email-open.js"),ue=require("./components/icons/ico-email.js"),te=require("./components/icons/ico-expand.js"),ne=require("./components/icons/ico-expiration.js"),ce=require("./components/icons/ico-external-link.js"),de=require("./components/icons/ico-eye-closed.js"),fe=require("./components/icons/ico-eye-opened.js"),ve=require("./components/icons/ico-fingerprint-fill.js"),qe=require("./components/icons/ico-fingerprint.js"),ge=require("./components/icons/ico-gas.js"),se=require("./components/icons/ico-gift.js"),Le=require("./components/icons/ico-globe.js"),Me=require("./components/icons/ico-guide.js"),ke=require("./components/icons/ico-home.js"),Ie=require("./components/icons/ico-hourglass.js"),me=require("./components/icons/ico-info-circle-fill.js"),pe=require("./components/icons/ico-info-circle.js"),be=require("./components/icons/ico-kebab.js"),he=require("./components/icons/ico-key.js"),we=require("./components/icons/ico-lightbulb-fill.js"),Ce=require("./components/icons/ico-lightbulb.js"),Be=require("./components/icons/ico-lightning-fill.js"),Pe=require("./components/icons/ico-lightning.js"),Ae=require("./components/icons/ico-link.js"),Fe=require("./components/icons/ico-loading.js"),Se=require("./components/icons/ico-lock-locked.js"),ye=require("./components/icons/ico-lock-password.js"),We=require("./components/icons/ico-lock-unlocked-fill.js"),Te=require("./components/icons/ico-lock-unlocked.js"),De=require("./components/icons/ico-login-form.js"),Ee=require("./components/icons/ico-magic.js"),Ge=require("./components/icons/ico-megaphone.js"),xe=require("./components/icons/ico-menu.js"),Re=require("./components/icons/ico-message-fill.js"),Oe=require("./components/icons/ico-message.js"),ze=require("./components/icons/ico-mfa.js"),He=require("./components/icons/ico-minimize.js"),Ze=require("./components/icons/ico-mobile2fa.js"),Ne=require("./components/icons/ico-mobile2fafill.js"),Ue=require("./components/icons/ico-open-book.js"),Xe=require("./components/icons/ico-paper-plane.js"),je=require("./components/icons/ico-passport.js"),Ve=require("./components/icons/ico-passwordless.js"),Qe=require("./components/icons/ico-pending-connection.js"),Je=require("./components/icons/ico-phone.js"),Ke=require("./components/icons/ico-polygon-gas-testnet.js"),_e=require("./components/icons/ico-polygon-gas.js"),Ye=require("./components/icons/ico-price.js"),$e=require("./components/icons/ico-qrcode.js"),er=require("./components/icons/ico-question-circle-fill.js"),rr=require("./components/icons/ico-question-circle.js"),or=require("./components/icons/ico-refresh-circle-fill.js"),ar=require("./components/icons/ico-refresh.js"),ir=require("./components/icons/ico-rocket-fill.js"),lr=require("./components/icons/ico-search.js"),ur=require("./components/icons/ico-settings.js"),tr=require("./components/icons/ico-shapes.js"),nr=require("./components/icons/ico-shield-approved.js"),cr=require("./components/icons/ico-shield-rejected.js"),dr=require("./components/icons/ico-shield.js"),fr=require("./components/icons/ico-social.js"),vr=require("./components/icons/ico-sold-out-tag.js"),qr=require("./components/icons/ico-star.js"),gr=require("./components/icons/ico-swap.js"),sr=require("./components/icons/ico-swatches.js"),Lr=require("./components/icons/ico-team.js"),Mr=require("./components/icons/ico-trash.js"),kr=require("./components/icons/ico-users.js"),Ir=require("./components/icons/ico-wallet-fill.js"),mr=require("./components/icons/ico-wallet.js"),pr=require("./components/icons/ico-wand.js"),br=require("./components/icons/ico-warning-fill.js"),hr=require("./components/icons/ico-warning.js"),wr=require("./components/info/copy-button.js"),Cr=require("./components/info/email-wbr.js"),Br=require("./components/info/security-otp.js"),Pr=require("./components/info/text-box.js"),Ar=require("./components/info/wallet-address.js"),Fr=require("./components/inputs/phone-input.js"),Sr=require("./components/inputs/pincode-input.js"),yr=require("./components/inputs/text-input.js"),Wr=require("./components/layouts/dialogue.js"),Tr=require("./components/layouts/error.js"),Dr=require("./components/layouts/page.js"),Er=require("./components/layouts/passport-page.js"),Gr=require("./components/list-items/navigation-button.js"),xr=require("./components/list-items/nft-tile.js"),Rr=require("./components/list-items/token-list-item.js"),Or=require("./components/list-items/transaction-row.js"),zr=require("./components/logos/blc-algorand.js"),Hr=require("./components/logos/blc-aptos.js"),Zr=require("./components/logos/blc-arbitrum.js"),Nr=require("./components/logos/blc-astar.js"),Ur=require("./components/logos/blc-avalanche.js"),Xr=require("./components/logos/blc-base.js"),jr=require("./components/logos/blc-berachain.js"),Vr=require("./components/logos/blc-binance.js"),Qr=require("./components/logos/blc-bitcoin.js"),Jr=require("./components/logos/blc-celo.js"),Kr=require("./components/logos/blc-chiliz.js"),_r=require("./components/logos/blc-cosmos.js"),Yr=require("./components/logos/blc-ethereum.js"),$r=require("./components/logos/blc-etherlink.js"),eo=require("./components/logos/blc-flow.js"),ro=require("./components/logos/blc-harmony.js"),oo=require("./components/logos/blc-icon.js"),ao=require("./components/logos/blc-immutable-x.js"),io=require("./components/logos/blc-loopring.js"),lo=require("./components/logos/blc-moonbeam.js"),uo=require("./components/logos/blc-near.js"),to=require("./components/logos/blc-optimism.js"),no=require("./components/logos/blc-polkadot.js"),co=require("./components/logos/blc-polygon.js"),fo=require("./components/logos/blc-rarichain.js"),vo=require("./components/logos/blc-solana.js"),qo=require("./components/logos/blc-stability.js"),go=require("./components/logos/blc-sui.js"),so=require("./components/logos/blc-tezos.js"),Lo=require("./components/logos/blc-wax.js"),Mo=require("./components/logos/blc-zetachain.js"),ko=require("./components/logos/blc-zilliqa.js"),Io=require("./components/logos/blc-zksync.js"),mo=require("./components/logos/fwk-11ty.js"),po=require("./components/logos/fwk-android.js"),bo=require("./components/logos/fwk-apple.js"),ho=require("./components/logos/fwk-authy.js"),wo=require("./components/logos/fwk-binance-fill.js"),Co=require("./components/logos/fwk-chrome.js"),Bo=require("./components/logos/fwk-electron.js"),Po=require("./components/logos/fwk-express.js"),Ao=require("./components/logos/fwk-fauna.js"),Fo=require("./components/logos/fwk-firebase.js"),So=require("./components/logos/fwk-go.js"),yo=require("./components/logos/fwk-google-authenticator.js"),Wo=require("./components/logos/fwk-hasura.js"),To=require("./components/logos/fwk-javascript.js"),Do=require("./components/logos/fwk-jwt.js"),Eo=require("./components/logos/fwk-laravel.js"),Go=require("./components/logos/fwk-nextjs.js"),xo=require("./components/logos/fwk-nodejs.js"),Ro=require("./components/logos/fwk-nuxtjs.js"),Oo=require("./components/logos/fwk-php.js"),zo=require("./components/logos/fwk-react.js"),Ho=require("./components/logos/fwk-strapi.js"),Zo=require("./components/logos/fwk-stripe.js"),No=require("./components/logos/fwk-vue.js"),Uo=require("./components/logos/fwk-webflow.js"),Xo=require("./components/logos/fwk-wordpress.js"),jo=require("./components/logos/fwk-zapier.js"),Vo=require("./components/logos/icon-art-dark.js"),Qo=require("./components/logos/icon-art.js"),Jo=require("./components/logos/icon-delete.js"),Ko=require("./components/logos/icon-email-globe.js"),_o=require("./components/logos/icon-email.js"),Yo=require("./components/logos/icon-game-controller-dark.js"),$o=require("./components/logos/icon-game-controller.js"),ea=require("./components/logos/icon-generic-token.js"),ra=require("./components/logos/icon-magic-globe.js"),oa=require("./components/logos/icon-magic-logo.js"),aa=require("./components/logos/icon-music-dark.js"),ia=require("./components/logos/icon-music.js"),la=require("./components/logos/icon-person-dark.js"),ua=require("./components/logos/icon-person.js"),ta=require("./components/logos/icon-profile-dark.js"),na=require("./components/logos/icon-profile-light.js"),ca=require("./components/logos/icon-reset.js"),da=require("./components/logos/icon-sms.js"),fa=require("./components/logos/icon-ticket-dark.js"),va=require("./components/logos/icon-ticket.js"),qa=require("./components/logos/icon-warning-dark.js"),ga=require("./components/logos/icon-warning-shield.js"),sa=require("./components/logos/icon-warning.js"),La=require("./components/logos/logo-algorand-mono.js"),Ma=require("./components/logos/logo-algorand.js"),ka=require("./components/logos/logo-apple-mono.js"),Ia=require("./components/logos/logo-apple.js"),ma=require("./components/logos/logo-aptos-mono.js"),pa=require("./components/logos/logo-aptos.js"),ba=require("./components/logos/logo-arbitrum-mono.js"),ha=require("./components/logos/logo-arbitrum-one-mono.js"),wa=require("./components/logos/logo-arbitrum-one.js"),Ca=require("./components/logos/logo-arbitrum.js"),Ba=require("./components/logos/logo-astar-mono.js"),Pa=require("./components/logos/logo-astar.js"),Aa=require("./components/logos/logo-auth0-mono.js"),Fa=require("./components/logos/logo-auth0.js"),Sa=require("./components/logos/logo-avalanche-mono.js"),ya=require("./components/logos/logo-avalanche.js"),Wa=require("./components/logos/logo-azure-mono.js"),Ta=require("./components/logos/logo-azure.js"),Da=require("./components/logos/logo-base-mono.js"),Ea=require("./components/logos/logo-base.js"),Ga=require("./components/logos/logo-berachain-mono.js"),xa=require("./components/logos/logo-berachain.js"),Ra=require("./components/logos/logo-binance-mono.js"),Oa=require("./components/logos/logo-binance.js"),za=require("./components/logos/logo-bit-bucket-mono.js"),Ha=require("./components/logos/logo-bit-bucket.js"),Za=require("./components/logos/logo-bitcoin-mono.js"),Na=require("./components/logos/logo-bitcoin.js"),Ua=require("./components/logos/logo-bnb-mono.js"),Xa=require("./components/logos/logo-bnb.js"),ja=require("./components/logos/logo-celo-mono.js"),Va=require("./components/logos/logo-celo.js"),Qa=require("./components/logos/logo-chiliz-mono.js"),Ja=require("./components/logos/logo-chiliz.js"),Ka=require("./components/logos/logo-cognito-mono.js"),_a=require("./components/logos/logo-cognito.js"),Ya=require("./components/logos/logo-cosmos-mono.js"),$a=require("./components/logos/logo-cosmos.js"),ei=require("./components/logos/logo-discord-mono.js"),ri=require("./components/logos/logo-discord.js"),oi=require("./components/logos/logo-ethereum-mono.js"),ai=require("./components/logos/logo-ethereum.js"),ii=require("./components/logos/logo-etherlink-mono.js"),li=require("./components/logos/logo-etherlink.js"),ui=require("./components/logos/logo-facebook-mono.js"),ti=require("./components/logos/logo-facebook.js"),ni=require("./components/logos/logo-flare-mono.js"),ci=require("./components/logos/logo-flare.js"),di=require("./components/logos/logo-flow-mono.js"),fi=require("./components/logos/logo-flow.js"),vi=require("./components/logos/logo-git-hub-mono.js"),qi=require("./components/logos/logo-git-hub.js"),gi=require("./components/logos/logo-git-lab-mono.js"),si=require("./components/logos/logo-git-lab.js"),Li=require("./components/logos/logo-google-mono.js"),Mi=require("./components/logos/logo-google.js"),ki=require("./components/logos/logo-harmony-mono.js"),Ii=require("./components/logos/logo-harmony.js"),mi=require("./components/logos/logo-horizen-mono.js"),pi=require("./components/logos/logo-horizen.js"),bi=require("./components/logos/logo-icon-mono.js"),hi=require("./components/logos/logo-icon.js"),wi=require("./components/logos/logo-immutable-x-mono.js"),Ci=require("./components/logos/logo-immutable-x.js"),Bi=require("./components/logos/logo-link-by-stripe-mono.js"),Pi=require("./components/logos/logo-link-by-stripe.js"),Ai=require("./components/logos/logo-link-mono.js"),Fi=require("./components/logos/logo-link.js"),Si=require("./components/logos/logo-linked-in-mono.js"),yi=require("./components/logos/logo-linked-in.js"),Wi=require("./components/logos/logo-loopring-mono.js"),Ti=require("./components/logos/logo-loopring.js"),Di=require("./components/logos/logo-microsoft-mono.js"),Ei=require("./components/logos/logo-microsoft.js"),Gi=require("./components/logos/logo-moonbeam-mono.js"),xi=require("./components/logos/logo-moonbeam.js"),Ri=require("./components/logos/logo-near-mono.js"),Oi=require("./components/logos/logo-near.js"),zi=require("./components/logos/logo-onramper-mono.js"),Hi=require("./components/logos/logo-onramper.js"),Zi=require("./components/logos/logo-optimism-mono.js"),Ni=require("./components/logos/logo-optimism.js"),Ui=require("./components/logos/logo-pay-pal-mono.js"),Xi=require("./components/logos/logo-pay-pal-wordmark-mono.js"),ji=require("./components/logos/logo-pay-pal-wordmark.js"),Vi=require("./components/logos/logo-pay-pal.js"),Qi=require("./components/logos/logo-poa-mono.js"),Ji=require("./components/logos/logo-poa.js"),Ki=require("./components/logos/logo-polkadot-mono.js"),_i=require("./components/logos/logo-polkadot.js"),Yi=require("./components/logos/logo-polygon-mono.js"),$i=require("./components/logos/logo-polygon.js"),el=require("./components/logos/logo-rarichain-mono.js"),rl=require("./components/logos/logo-rarichain.js"),ol=require("./components/logos/logo-sardine-mono.js"),al=require("./components/logos/logo-sardine.js"),il=require("./components/logos/logo-sei-mono.js"),ll=require("./components/logos/logo-sei.js"),ul=require("./components/logos/logo-solana-mono.js"),tl=require("./components/logos/logo-solana.js"),nl=require("./components/logos/logo-stability-mono.js"),cl=require("./components/logos/logo-stability.js"),dl=require("./components/logos/logo-sui-mono.js"),fl=require("./components/logos/logo-sui.js"),vl=require("./components/logos/logo-tezos-mono.js"),ql=require("./components/logos/logo-tezos.js"),gl=require("./components/logos/logo-twitch-mono.js"),sl=require("./components/logos/logo-twitch.js"),Ll=require("./components/logos/logo-twitter-mono.js"),Ml=require("./components/logos/logo-twitter.js"),kl=require("./components/logos/logo-wallet-connect-mono.js"),Il=require("./components/logos/logo-wallet-connect.js"),ml=require("./components/logos/logo-warpcast-mono.js"),pl=require("./components/logos/logo-warpcast.js"),bl=require("./components/logos/logo-wax-mono.js"),hl=require("./components/logos/logo-wax.js"),wl=require("./components/logos/logo-xdc-mono.js"),Cl=require("./components/logos/logo-xdc.js"),Bl=require("./components/logos/logo-zetachain-mono.js"),Pl=require("./components/logos/logo-zetachain.js"),Al=require("./components/logos/logo-zilliqa-mono.js"),Fl=require("./components/logos/logo-zilliqa.js"),Sl=require("./components/logos/logo-zksync-mono.js"),yl=require("./components/logos/logo-zksync.js"),Wl=require("./components/logos/pay-amex.js"),Tl=require("./components/logos/pay-discover.js"),Dl=require("./components/logos/pay-mastercard.js"),El=require("./components/logos/pay-visa.js"),Gl=require("./components/logos/presentation-logo.js"),xl=require("./components/logos/website-magic.js"),Rl=require("./components/logos/wlt-coinbase.js"),Ol=require("./components/logos/wlt-mattel.js"),zl=require("./components/logos/wlt-metamask.js"),Hl=require("./components/logos/wlt-phantom.js"),Zl=require("./components/logos/wlt-rainbow.js"),Nl=require("./components/logos/wlt-wallet-connect.js"),Ul=require("./components/primitives/button.js"),Xl=require("./components/primitives/checkbox.js"),r=require("./components/primitives/dropdown-selector.js"),jl=require("./components/primitives/popover.js"),o=require("./components/primitives/radio.js"),a=require("./components/primitives/segmented-control.js"),Vl=require("./components/primitives/switch.js"),Ql=require("./components/primitives/text.js"),Jl=require("./components/sections/verify-pincode.js"),Kl=require("./components/utils/animate.js"),_l=require("./components/utils/client-asset-logo.js"),Yl=require("./components/utils/qr-code.js"),$l=require("./components/utils/secured-by-magic.js"),eu=require("./components/utils/shared-logo.js"),ru=require("./hooks/theme.js"),ou=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.Menu=c.Menu,exports.Modal=d.Modal,exports.Overlay=f.Overlay,exports.PayPalButton=v.PayPalButton,exports.SocialLoginButton=q.SocialLoginButton,exports.Callout=g.Callout,exports.LoadingSpinner=s.LoadingSpinner,exports.ProgressBar=L.ProgressBar,exports.Skeleton=M.Skeleton,exports.Toast=e.Toast,exports.ToastProvider=e.ToastProvider,exports.Tooltip=k.default,exports.IcoAdd=I.default,exports.IcoAlertCircleFill=m.default,exports.IcoAlertCircle=p.default,exports.IcoArrowDown=b.default,exports.IcoArrowLeft=h.default,exports.IcoArrowRight=w.default,exports.IcoArrowUp=C.default,exports.IcoAsteriskWithShield=B.default,exports.IcoAsterisk=P.default,exports.IcoAstronaut=A.default,exports.IcoAtom=F.default,exports.IcoBank=S.default,exports.IcoBellNotification=y.default,exports.IcoBell=W.default,exports.IcoBlock=T.default,exports.IcoBranding=D.default,exports.IcoCaretDown=E.default,exports.IcoCaretLeft=G.default,exports.IcoCaretRight=x.default,exports.IcoCaretUp=R.default,exports.IcoCheckmarkCircleFill=O.default,exports.IcoCheckmarkCircle=z.default,exports.IcoCheckmark=H.default,exports.IcoCodeEditor=Z.default,exports.IcoCodeSandbox=N.default,exports.IcoCode=U.default,exports.IcoCommandLine=X.default,exports.IcoComment=j.default,exports.IcoCopy=V.default,exports.IcoCreditCard=Q.default,exports.IcoDedicated=J.default,exports.IcoDiamond=K.default,exports.IcoDismissCircleFill=_.default,exports.IcoDismissCircle=Y.default,exports.IcoDismiss=$.default,exports.IcoDoc=ee.default,exports.IcoDownload=re.default,exports.IcoEditEmail=oe.default,exports.IcoEdit=ae.default,exports.IcoEmailFill=ie.default,exports.IcoEmailOpen=le.default,exports.IcoEmail=ue.default,exports.IcoExpand=te.default,exports.IcoExpiration=ne.default,exports.IcoExternalLink=ce.default,exports.IcoEyeClosed=de.default,exports.IcoEyeOpened=fe.default,exports.IcoFingerprintFill=ve.default,exports.IcoFingerprint=qe.default,exports.IcoGas=ge.default,exports.IcoGift=se.default,exports.IcoGlobe=Le.default,exports.IcoGuide=Me.default,exports.IcoHome=ke.default,exports.IcoHourglass=Ie.default,exports.IcoInfoCircleFill=me.default,exports.IcoInfoCircle=pe.default,exports.IcoKebab=be.default,exports.IcoKey=he.default,exports.IcoLightbulbFill=we.default,exports.IcoLightbulb=Ce.default,exports.IcoLightningFill=Be.default,exports.IcoLightning=Pe.default,exports.IcoLink=Ae.default,exports.IcoLoading=Fe.default,exports.IcoLockLocked=Se.default,exports.IcoLockPassword=ye.default,exports.IcoLockUnlockedFill=We.default,exports.IcoLockUnlocked=Te.default,exports.IcoLoginForm=De.default,exports.IcoMagic=Ee.default,exports.IcoMegaphone=Ge.default,exports.IcoMenu=xe.default,exports.IcoMessageFill=Re.default,exports.IcoMessage=Oe.default,exports.IcoMfa=ze.default,exports.IcoMinimize=He.default,exports.IcoMobile2fa=Ze.default,exports.IcoMobile2fafill=Ne.default,exports.IcoOpenBook=Ue.default,exports.IcoPaperPlane=Xe.default,exports.IcoPassport=je.default,exports.IcoPasswordless=Ve.default,exports.IcoPendingConnection=Qe.default,exports.IcoPhone=Je.default,exports.IcoPolygonGasTestnet=Ke.default,exports.IcoPolygonGas=_e.default,exports.IcoPrice=Ye.default,exports.IcoQrcode=$e.default,exports.IcoQuestionCircleFill=er.default,exports.IcoQuestionCircle=rr.default,exports.IcoRefreshCircleFill=or.default,exports.IcoRefresh=ar.default,exports.IcoRocketFill=ir.default,exports.IcoSearch=lr.default,exports.IcoSettings=ur.default,exports.IcoShapes=tr.default,exports.IcoShieldApproved=nr.default,exports.IcoShieldRejected=cr.default,exports.IcoShield=dr.default,exports.IcoSocial=fr.default,exports.IcoSoldOutTag=vr.default,exports.IcoStar=qr.default,exports.IcoSwap=gr.default,exports.IcoSwatches=sr.default,exports.IcoTeam=Lr.default,exports.IcoTrash=Mr.default,exports.IcoUsers=kr.default,exports.IcoWalletFill=Ir.default,exports.IcoWallet=mr.default,exports.IcoWand=pr.default,exports.IcoWarningFill=br.default,exports.IcoWarning=hr.default,exports.CopyButton=wr.default,exports.EmailWbr=Cr.default,exports.SecurityOtp=Br.default,exports.TextBox=Pr.default,exports.WalletAddress=Ar.default,exports.PhoneInput=Fr.default,exports.PinCodeInput=Sr.PinCodeInput,exports.TextInput=yr.TextInput,exports.Dialogue=Wr.Dialogue,exports.Error=Tr.Error,exports.Page=Dr.Page,exports.PassportPage=Er.PassportPage,exports.NavigationButton=Gr.default,exports.NFTTile=xr.NFTTile,exports.TokenListItem=Rr.TokenListItem,exports.TransactionRow=Or.TransactionRow,exports.BlcAlgorand=zr.default,exports.BlcAptos=Hr.default,exports.BlcArbitrum=Zr.default,exports.BlcAstar=Nr.default,exports.BlcAvalanche=Ur.default,exports.BlcBase=Xr.default,exports.BlcBerachain=jr.default,exports.BlcBinance=Vr.default,exports.BlcBitcoin=Qr.default,exports.BlcCelo=Jr.default,exports.BlcChiliz=Kr.default,exports.BlcCosmos=_r.default,exports.BlcEthereum=Yr.default,exports.BlcEtherlink=$r.default,exports.BlcFlow=eo.default,exports.BlcHarmony=ro.default,exports.BlcIcon=oo.default,exports.BlcImmutableX=ao.default,exports.BlcLoopring=io.default,exports.BlcMoonbeam=lo.default,exports.BlcNear=uo.default,exports.BlcOptimism=to.default,exports.BlcPolkadot=no.default,exports.BlcPolygon=co.default,exports.BlcRarichain=fo.default,exports.BlcSolana=vo.default,exports.BlcStability=qo.default,exports.BlcSui=go.default,exports.BlcTezos=so.default,exports.BlcWax=Lo.default,exports.BlcZetachain=Mo.default,exports.BlcZilliqa=ko.default,exports.BlcZksync=Io.default,exports.Fwk11ty=mo.default,exports.FwkAndroid=po.default,exports.FwkApple=bo.default,exports.FwkAuthy=ho.default,exports.FwkBinanceFill=wo.default,exports.FwkChrome=Co.default,exports.FwkElectron=Bo.default,exports.FwkExpress=Po.default,exports.FwkFauna=Ao.default,exports.FwkFirebase=Fo.default,exports.FwkGo=So.default,exports.FwkGoogleAuthenticator=yo.default,exports.FwkHasura=Wo.default,exports.FwkJavascript=To.default,exports.FwkJwt=Do.default,exports.FwkLaravel=Eo.default,exports.FwkNextjs=Go.default,exports.FwkNodejs=xo.default,exports.FwkNuxtjs=Ro.default,exports.FwkPhp=Oo.default,exports.FwkReact=zo.default,exports.FwkStrapi=Ho.default,exports.FwkStripe=Zo.default,exports.FwkVue=No.default,exports.FwkWebflow=Uo.default,exports.FwkWordpress=Xo.default,exports.FwkZapier=jo.default,exports.IconArtDark=Vo.default,exports.IconArt=Qo.default,exports.IconDelete=Jo.default,exports.IconEmailGlobe=Ko.default,exports.IconEmail=_o.default,exports.IconGameControllerDark=Yo.default,exports.IconGameController=$o.default,exports.IconGenericToken=ea.default,exports.IconMagicGlobe=ra.default,exports.IconMagicLogo=oa.default,exports.IconMusicDark=aa.default,exports.IconMusic=ia.default,exports.IconPersonDark=la.default,exports.IconPerson=ua.default,exports.IconProfileDark=ta.default,exports.IconProfileLight=na.default,exports.IconReset=ca.default,exports.IconSms=da.default,exports.IconTicketDark=fa.default,exports.IconTicket=va.default,exports.IconWarningDark=qa.default,exports.IconWarningShield=ga.default,exports.IconWarning=sa.default,exports.LogoAlgorandMono=La.default,exports.LogoAlgorand=Ma.default,exports.LogoAppleMono=ka.default,exports.LogoApple=Ia.default,exports.LogoAptosMono=ma.default,exports.LogoAptos=pa.default,exports.LogoArbitrumMono=ba.default,exports.LogoArbitrumOneMono=ha.default,exports.LogoArbitrumOne=wa.default,exports.LogoArbitrum=Ca.default,exports.LogoAstarMono=Ba.default,exports.LogoAstar=Pa.default,exports.LogoAuth0Mono=Aa.default,exports.LogoAuth0=Fa.default,exports.LogoAvalancheMono=Sa.default,exports.LogoAvalanche=ya.default,exports.LogoAzureMono=Wa.default,exports.LogoAzure=Ta.default,exports.LogoBaseMono=Da.default,exports.LogoBase=Ea.default,exports.LogoBerachainMono=Ga.default,exports.LogoBerachain=xa.default,exports.LogoBinanceMono=Ra.default,exports.LogoBinance=Oa.default,exports.LogoBitBucketMono=za.default,exports.LogoBitBucket=Ha.default,exports.LogoBitcoinMono=Za.default,exports.LogoBitcoin=Na.default,exports.LogoBnbMono=Ua.default,exports.LogoBnb=Xa.default,exports.LogoCeloMono=ja.default,exports.LogoCelo=Va.default,exports.LogoChilizMono=Qa.default,exports.LogoChiliz=Ja.default,exports.LogoCognitoMono=Ka.default,exports.LogoCognito=_a.default,exports.LogoCosmosMono=Ya.default,exports.LogoCosmos=$a.default,exports.LogoDiscordMono=ei.default,exports.LogoDiscord=ri.default,exports.LogoEthereumMono=oi.default,exports.LogoEthereum=ai.default,exports.LogoEtherlinkMono=ii.default,exports.LogoEtherlink=li.default,exports.LogoFacebookMono=ui.default,exports.LogoFacebook=ti.default,exports.LogoFlareMono=ni.default,exports.LogoFlare=ci.default,exports.LogoFlowMono=di.default,exports.LogoFlow=fi.default,exports.LogoGitHubMono=vi.default,exports.LogoGitHub=qi.default,exports.LogoGitLabMono=gi.default,exports.LogoGitLab=si.default,exports.LogoGoogleMono=Li.default,exports.LogoGoogle=Mi.default,exports.LogoHarmonyMono=ki.default,exports.LogoHarmony=Ii.default,exports.LogoHorizenMono=mi.default,exports.LogoHorizen=pi.default,exports.LogoIconMono=bi.default,exports.LogoIcon=hi.default,exports.LogoImmutableXMono=wi.default,exports.LogoImmutableX=Ci.default,exports.LogoLinkByStripeMono=Bi.default,exports.LogoLinkByStripe=Pi.default,exports.LogoLinkMono=Ai.default,exports.LogoLink=Fi.default,exports.LogoLinkedInMono=Si.default,exports.LogoLinkedIn=yi.default,exports.LogoLoopringMono=Wi.default,exports.LogoLoopring=Ti.default,exports.LogoMicrosoftMono=Di.default,exports.LogoMicrosoft=Ei.default,exports.LogoMoonbeamMono=Gi.default,exports.LogoMoonbeam=xi.default,exports.LogoNearMono=Ri.default,exports.LogoNear=Oi.default,exports.LogoOnramperMono=zi.default,exports.LogoOnramper=Hi.default,exports.LogoOptimismMono=Zi.default,exports.LogoOptimism=Ni.default,exports.LogoPayPalMono=Ui.default,exports.LogoPayPalWordmarkMono=Xi.default,exports.LogoPayPalWordmark=ji.default,exports.LogoPayPal=Vi.default,exports.LogoPoaMono=Qi.default,exports.LogoPoa=Ji.default,exports.LogoPolkadotMono=Ki.default,exports.LogoPolkadot=_i.default,exports.LogoPolygonMono=Yi.default,exports.LogoPolygon=$i.default,exports.LogoRarichainMono=el.default,exports.LogoRarichain=rl.default,exports.LogoSardineMono=ol.default,exports.LogoSardine=al.default,exports.LogoSeiMono=il.default,exports.LogoSei=ll.default,exports.LogoSolanaMono=ul.default,exports.LogoSolana=tl.default,exports.LogoStabilityMono=nl.default,exports.LogoStability=cl.default,exports.LogoSuiMono=dl.default,exports.LogoSui=fl.default,exports.LogoTezosMono=vl.default,exports.LogoTezos=ql.default,exports.LogoTwitchMono=gl.default,exports.LogoTwitch=sl.default,exports.LogoTwitterMono=Ll.default,exports.LogoTwitter=Ml.default,exports.LogoWalletConnectMono=kl.default,exports.LogoWalletConnect=Il.default,exports.LogoWarpcastMono=ml.default,exports.LogoWarpcast=pl.default,exports.LogoWaxMono=bl.default,exports.LogoWax=hl.default,exports.LogoXdcMono=wl.default,exports.LogoXdc=Cl.default,exports.LogoZetachainMono=Bl.default,exports.LogoZetachain=Pl.default,exports.LogoZilliqaMono=Al.default,exports.LogoZilliqa=Fl.default,exports.LogoZksyncMono=Sl.default,exports.LogoZksync=yl.default,exports.PayAmex=Wl.default,exports.PayDiscover=Tl.default,exports.PayMastercard=Dl.default,exports.PayVisa=El.default,exports.PresentationLogo=Gl.default,exports.WebsiteMagic=xl.default,exports.WltCoinbase=Rl.default,exports.WltMattel=Ol.default,exports.WltMetamask=zl.default,exports.WltPhantom=Hl.default,exports.WltRainbow=Zl.default,exports.WltWalletConnect=Nl.default,exports.Button=Ul.default,exports.Checkbox=Xl.default,exports.DropdownOption=r.DropdownOption,exports.DropdownSelector=r.DropdownSelector,exports.Popover=jl.Popover,exports.Radio=o.Radio,exports.RadioGroup=o.RadioGroup,exports.SegmentedControl=a.SegmentedControl,exports.Tab=a.Tab,exports.Switch=Vl.default,exports.Text=Ql.default,exports.VerifyPincode=Jl.VerifyPincode,exports.Animate=Kl.default,exports.ClientAssetLogo=_l.ClientAssetLogo,exports.QRCode=Yl.default,exports.SecuredByMagic=$l.default,exports.SharedLogo=eu.default,exports.useCustomVars=ru.useCustomVars,exports.useToast=ou.useToast;
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- "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;
1
+ "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})"}},quaternary:{value:{base:"var(--surface-quaternary, {colors.ink.30})",_light:"var(--surface-quaternary, {colors.ink.30})",_dark:"var(--surface-quaternary-dark, {colors.slate.3})"}}},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;
2
2
  //# sourceMappingURL=semantic-tokens.js.map
@@ -1 +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.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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"}
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 quaternary: {\n value: {\n base: 'var(--surface-quaternary, {colors.ink.30})',\n _light: 'var(--surface-quaternary, {colors.ink.30})',\n _dark: 'var(--surface-quaternary-dark, {colors.slate.3})',\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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"}
@@ -0,0 +1,2 @@
1
+ import{jsxs as c,Fragment as E,jsx as e}from"react/jsx-runtime";import"@styled/tokens";import S from"../icons/ico-menu.js";import g from"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import"../primitives/text.js";import{Box as T,Stack as o,Divider as C}from"@styled/jsx";import{createSlot as l,createHost as I}from"create-slots";import{useState as d,useRef as L,useEffect as u}from"react";const b=l("div"),h=l("div"),x=l("div"),X=({children:v,placement:y="right",isOpen:i=!1})=>{const[r,n]=d(i),[j,p]=d(r),[k,f]=d(r),a=L(null),s=y==="left";u(()=>{n(i)},[i]),u(()=>{let t;return r?(p(!0),t=setTimeout(()=>f(!0),10)):f(!1),()=>clearTimeout(t)},[r]),u(()=>{const t=m=>{a.current&&!a.current.contains(m.target)&&n(!1)};return document.addEventListener("mousedown",t),()=>{document.removeEventListener("mousedown",t)}},[n]);const w=()=>{r||p(!1)};return I(v,t=>c(E,{children:[e(g,{onPress:()=>n(m=>!m),textStyle:"neutral",variant:"text",children:e(g.TrailingIcon,{children:e(S,{})})}),e(T,{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)"}}),j&&c(o,{ref:a,position:"absolute",transform:k?"translateX(0)":s?"translateX(-100%)":"translateX(100%)",transition:"transform 0.3s",top:0,bottom:0,...s?{left:0}:{right:0},bg:"surface.primary",_dark:{bg:"surface.secondary"},...s?{roundedRight:"2xl"}:{roundedLeft:"2xl"},onTransitionEnd:w,zIndex:10,justifyContent:"space-between",p:4,pb:6,w:80,children:[c(o,{gap:6,children:[e(o,{h:"full",justifyContent:"space-between",children:t.get(b)}),e(C,{color:"surface.quaternary"}),e(o,{children:t.get(h)})]}),t.get(x)]})]}))},_=Object.assign(X,{Header:b,Content:h,Footer:x});export{_ as Menu};
2
+ //# sourceMappingURL=menu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"menu.js","sources":["../../../../src/components/containers/menu.tsx"],"sourcesContent":["import { IcoMenu } from '@components/icons';\nimport { Button } from '@components/primitives';\nimport { Box, Divider, Stack } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport { PropsWithChildren, useEffect, useRef, useState } from 'react';\n\nexport interface MenuProps extends PropsWithChildren {\n isOpen?: boolean;\n placement?: 'left' | 'right';\n}\n\nconst Header = createSlot('div');\nconst Content = createSlot('div');\nconst Footer = createSlot('div');\n\nconst MenuHost = ({ children, placement = 'right', isOpen: opened = false }: MenuProps) => {\n const [isOpen, setIsOpen] = useState(opened);\n const [shouldRender, setShouldRender] = useState(isOpen);\n const [isVisible, setIsVisible] = useState(isOpen);\n const menuRef = useRef<HTMLDivElement>(null);\n const isLeftAligned = placement === 'left';\n\n useEffect(() => {\n setIsOpen(opened);\n }, [opened]);\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 (menuRef.current && !menuRef.current.contains(event.target as Node)) {\n setIsOpen(false);\n }\n };\n\n document.addEventListener('mousedown', handleClickOutside);\n return () => {\n document.removeEventListener('mousedown', handleClickOutside);\n };\n }, [setIsOpen]);\n\n const handleTransitionEnd = () => {\n if (!isOpen) {\n setShouldRender(false);\n }\n };\n\n return createHost(children, slots => {\n return (\n <>\n <Button onPress={() => setIsOpen(prev => !prev)} textStyle=\"neutral\" variant=\"text\">\n <Button.TrailingIcon>\n <IcoMenu />\n </Button.TrailingIcon>\n </Button>\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 />\n {shouldRender && (\n <Stack\n ref={menuRef}\n position=\"absolute\"\n transform={isVisible ? 'translateX(0)' : isLeftAligned ? 'translateX(-100%)' : 'translateX(100%)'}\n transition=\"transform 0.3s\"\n top={0}\n bottom={0}\n {...(isLeftAligned ? { left: 0 } : { right: 0 })}\n bg=\"surface.primary\"\n _dark={{ bg: 'surface.secondary' }}\n {...(isLeftAligned ? { roundedRight: '2xl' } : { roundedLeft: '2xl' })}\n onTransitionEnd={handleTransitionEnd}\n zIndex={10}\n justifyContent=\"space-between\"\n p={4}\n pb={6}\n w={80}\n >\n <Stack gap={6}>\n <Stack h=\"full\" justifyContent=\"space-between\">\n {slots.get(Header)}\n </Stack>\n <Divider color=\"surface.quaternary\" />\n <Stack>{slots.get(Content)}</Stack>\n </Stack>\n {slots.get(Footer)}\n </Stack>\n )}\n </>\n );\n });\n};\n\nexport const Menu = Object.assign(MenuHost, {\n Header,\n Content,\n Footer,\n});\n"],"names":["Header","createSlot","Content","Footer","MenuHost","children","placement","opened","isOpen","setIsOpen","useState","shouldRender","setShouldRender","isVisible","setIsVisible","menuRef","useRef","isLeftAligned","useEffect","timeoutId","handleClickOutside","event","handleTransitionEnd","createHost","slots","_jsxs","_Fragment","_jsx","Button","prev","IcoMenu","Box","Stack","Divider","Menu"],"mappings":"wkBAWA,MAAMA,EAASC,EAAW,KAAK,EACzBC,EAAUD,EAAW,KAAK,EAC1BE,EAASF,EAAW,KAAK,EAEzBG,EAAW,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAY,QAAS,OAAQC,EAAS,EAAK,IAAiB,CACxF,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAASH,CAAM,EACrC,CAACI,EAAcC,CAAe,EAAIF,EAASF,CAAM,EACjD,CAACK,EAAWC,CAAY,EAAIJ,EAASF,CAAM,EAC3CO,EAAUC,EAAuB,IAAI,EACrCC,EAAgBX,IAAc,OAEpCY,EAAU,IAAK,CACbT,EAAUF,CAAM,CAClB,EAAG,CAACA,CAAM,CAAC,EAEXW,EAAU,IAAK,CACb,IAAIC,EAEJ,OAAIX,GACFI,EAAgB,EAAI,EACpBO,EAAY,WAAW,IAAML,EAAa,EAAI,EAAG,EAAE,GAEnDA,EAAa,EAAK,EAGb,IAAM,aAAaK,CAAS,CACrC,EAAG,CAACX,CAAM,CAAC,EAEXU,EAAU,IAAK,CACb,MAAME,EAAsBC,GAAqB,CAC3CN,EAAQ,SAAW,CAACA,EAAQ,QAAQ,SAASM,EAAM,MAAc,GACnEZ,EAAU,EAAK,CAEnB,EAEA,OAAS,SAAA,iBAAiB,YAAaW,CAAkB,EAClD,IAAK,CACV,SAAS,oBAAoB,YAAaA,CAAkB,CAC9D,CACF,EAAG,CAACX,CAAS,CAAC,EAEd,MAAMa,EAAsB,IAAK,CAC1Bd,GACHI,EAAgB,EAAK,CAEzB,EAEA,OAAOW,EAAWlB,EAAUmB,GAExBC,EAAAC,EAAA,CAAA,SAAA,CACEC,EAACC,EAAO,CAAA,QAAS,IAAMnB,EAAUoB,GAAQ,CAACA,CAAI,EAAG,UAAU,UAAU,QAAQ,OAAM,SACjFF,EAACC,EAAO,aAAY,CAAA,SAClBD,EAACG,EAAU,CAAA,CAAA,CAAA,CAAA,CAEN,CAAA,EACTH,EAACI,EACC,CAAA,SAAS,WACT,QAASvB,EAAS,QAAU,OAC5B,EAAE,OACF,OAAQ,EACR,KAAM,EACN,MAAO,EACP,GAAG,kBACH,MAAO,CAAE,GAAI,mBAAmB,CAChC,CAAA,EACDG,GACCc,EAACO,EAAK,CACJ,IAAKjB,EACL,SAAS,WACT,UAAWF,EAAY,gBAAkBI,EAAgB,oBAAsB,mBAC/E,WAAW,iBACX,IAAK,EACL,OAAQ,EACJ,GAACA,EAAgB,CAAE,KAAM,CAAG,EAAG,CAAE,MAAO,CAAG,EAC/C,GAAG,kBACH,MAAO,CAAE,GAAI,mBAAqB,EAAA,GAC7BA,EAAgB,CAAE,aAAc,KAAK,EAAK,CAAE,YAAa,KAAO,EACrE,gBAAiBK,EACjB,OAAQ,GACR,eAAe,gBACf,EAAG,EACH,GAAI,EACJ,EAAG,GAAE,SAAA,CAELG,EAACO,EAAM,CAAA,IAAK,EAAC,SAAA,CACXL,EAACK,EAAM,CAAA,EAAE,OAAO,eAAe,gBAC5B,SAAAR,EAAM,IAAIxB,CAAM,CACX,CAAA,EACR2B,EAACM,EAAQ,CAAA,MAAM,oBAAuB,CAAA,EACtCN,EAACK,EAAO,CAAA,SAAAR,EAAM,IAAItB,CAAO,CAAU,CAAA,CAAA,CAAA,CAAA,EAEpCsB,EAAM,IAAIrB,CAAM,CAAC,CAAA,CAAA,CAErB,CAAA,CAAA,CAGN,CACH,EAEa+B,EAAO,OAAO,OAAO9B,EAAU,CAC1C,OAAAJ,EACA,QAAAE,EACA,OAAAC,CACD,CAAA"}
@@ -1,2 +1,2 @@
1
- import{jsx as o,jsxs as u}from"react/jsx-runtime";import"../feedback/callout.js";import{LoadingSpinner as c}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import{HStack as b,Box as h}from"@styled/jsx";import{token as g}from"@styled/tokens";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import P from"../primitives/text.js";import"../primitives/portal.js";import{forwardRef as x,useRef as y}from"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import k from"../logos/logo-pay-pal-wordmark.js";import{button as B}from"../../recipes/button.js";import{cx as w,css as j}from"@styled/css";import{useButton as v,useFocusRing as R,mergeProps as S}from"react-aria";const m=x((t,n)=>{const{disabled:i,expand:s,validating:r}=t,p=B({expand:s,validating:r}),l=y(null),e=n||l,{buttonProps:a}=v({...t,isDisabled:i??!1},e),{isFocusVisible:f,focusProps:d}=R();return o("button",{className:w(p.button,j({bg:"#ffc439",outlineColor:"#ffc439",outlineWidth:"thick",outlineOffset:.5,outlineStyle:f?"solid":"none"})),ref:e,...S(a,d),"aria-disabled":i,children:r?o(c,{size:24,strokeWidth:2.5,inverted:!0}):u(b,{w:"full",gap:1,justifyContent:"center",children:[o(P,{fontWeight:"semibold",styles:{color:g("colors.ink.90")},children:"Pay with"}),o(h,{mt:.5,children:o(k,{width:60})})]})})});m.displayName="PayPalButton";export{m as PayPalButton};
1
+ import{jsx as o,jsxs as u}from"react/jsx-runtime";import"../feedback/callout.js";import{LoadingSpinner as c}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import{HStack as b,Box as h}from"@styled/jsx";import{token as g}from"@styled/tokens";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import P from"../primitives/text.js";import"../primitives/portal.js";import{forwardRef as x,useRef as y}from"react";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import k from"../logos/logo-pay-pal-wordmark.js";import{button as B}from"../../recipes/button.js";import{cx as w,css as j}from"@styled/css";import{useButton as v,useFocusRing as R,mergeProps as S}from"react-aria";const m=x((t,n)=>{const{disabled:i,expand:p,validating:r}=t,s=B({expand:p,validating:r}),l=y(null),e=n||l,{buttonProps:a}=v({...t,isDisabled:i??!1},e),{isFocusVisible:f,focusProps:d}=R();return o("button",{className:w(s.button,j({bg:"#ffc439!important",outlineColor:"#ffc439!important",outlineWidth:"thick",outlineOffset:.5,outlineStyle:f?"solid":"none"})),ref:e,...S(a,d),"aria-disabled":i,children:r?o(c,{size:24,strokeWidth:2.5,inverted:!0}):u(b,{w:"full",gap:1,justifyContent:"center",children:[o(P,{fontWeight:"semibold",styles:{color:g("colors.ink.90")},children:"Pay with"}),o(h,{mt:.5,children:o(k,{width:60})})]})})});m.displayName="PayPalButton";export{m as PayPalButton};
2
2
  //# sourceMappingURL=paypal-button.js.map
@@ -1 +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":"y6BAgBO,MAAMA,EAAeC,EAAiD,CAACC,EAAOC,IAAgB,CACnG,KAAM,CAAE,SAAAC,EAAU,OAAAC,EAAQ,WAAAC,CAAU,EAAKJ,EAEnCK,EAAUC,EAAO,CAAE,OAAAH,EAAQ,WAAAC,CAAY,CAAA,EAEvCG,EAAcC,EAAO,IAAI,EACzBC,EAAMR,GAAgBM,EAEtB,CAAE,YAAAG,CAAa,EAAGC,EACtB,CAAE,GAAGX,EAAO,WAAYE,GAAY,EAAO,EAC3CO,CAAyC,EAGrC,CAAE,eAAAG,EAAgB,WAAAC,GAAeC,IAEvC,OACEC,EACE,SAAA,CAAA,UAAWC,EACTX,EAAQ,OACRY,EAAI,CACF,GAAI,UACJ,aAAc,UACd,aAAc,QACd,cAAe,GACf,aAAcL,EAAiB,QAAU,MAC1C,CAAA,CAAC,EAEJ,IAAKH,EAAG,GACJS,EAAWR,EAAaG,CAAU,kBACvBX,EAAQ,SAEtBE,EACCW,EAACI,EAAe,CAAA,KAAM,GAAI,YAAa,IAAK,SAAQ,EAAA,CAAA,EAEpDC,EAACC,EAAO,CAAA,EAAE,OAAO,IAAK,EAAG,eAAe,SACtC,SAAA,CAAAN,EAACO,EAAK,CAAA,WAAW,WAAW,OAAQ,CAAE,MAAOC,EAAM,eAAe,GAE3D,SAAA,UAAA,CAAA,EACPR,EAACS,EAAG,CAAC,GAAI,YACPT,EAACU,GAAmB,MAAO,EAAM,CAAA,CAAA,CAAA,CAC7B,GAET,CAAA,CAGP,CAAC,EAED3B,EAAa,YAAc"}
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!important',\n outlineColor: '#ffc439!important',\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":"y6BAgBO,MAAMA,EAAeC,EAAiD,CAACC,EAAOC,IAAgB,CACnG,KAAM,CAAE,SAAAC,EAAU,OAAAC,EAAQ,WAAAC,CAAU,EAAKJ,EAEnCK,EAAUC,EAAO,CAAE,OAAAH,EAAQ,WAAAC,CAAY,CAAA,EAEvCG,EAAcC,EAAO,IAAI,EACzBC,EAAMR,GAAgBM,EAEtB,CAAE,YAAAG,CAAa,EAAGC,EACtB,CAAE,GAAGX,EAAO,WAAYE,GAAY,EAAO,EAC3CO,CAAyC,EAGrC,CAAE,eAAAG,EAAgB,WAAAC,GAAeC,IAEvC,OACEC,EACE,SAAA,CAAA,UAAWC,EACTX,EAAQ,OACRY,EAAI,CACF,GAAI,oBACJ,aAAc,oBACd,aAAc,QACd,cAAe,GACf,aAAcL,EAAiB,QAAU,MAC1C,CAAA,CAAC,EAEJ,IAAKH,EAAG,GACJS,EAAWR,EAAaG,CAAU,kBACvBX,EAAQ,SAEtBE,EACCW,EAACI,EAAe,CAAA,KAAM,GAAI,YAAa,IAAK,SAAQ,EAAA,CAAA,EAEpDC,EAACC,EAAO,CAAA,EAAE,OAAO,IAAK,EAAG,eAAe,SACtC,SAAA,CAAAN,EAACO,EAAK,CAAA,WAAW,WAAW,OAAQ,CAAE,MAAOC,EAAM,eAAe,GAE3D,SAAA,UAAA,CAAA,EACPR,EAACS,EAAG,CAAC,GAAI,YACPT,EAACU,GAAmB,MAAO,EAAM,CAAA,CAAA,CAAA,CAC7B,GAET,CAAA,CAGP,CAAC,EAED3B,EAAa,YAAc"}
@@ -1,2 +1,2 @@
1
- import{jsx as r,jsxs as n}from"react/jsx-runtime";import{Content as A}from"../containers/content.js";import{Drawer as y}from"../containers/drawer.js";import{Modal as N}from"../containers/modal.js";import{token as P}from"@styled/tokens";import G from"../icons/ico-caret-left.js";import B from"../icons/ico-magic.js";import J from"../icons/ico-menu.js";import L from"../icons/ico-question-circle-fill.js";import"../info/copy-button.js";import"../info/email-wbr.js";import"../info/security-otp.js";import"../info/text-box.js";import O from"../info/wallet-address.js";import l from"../primitives/button.js";import{Popover as a}from"../primitives/popover.js";import f from"../primitives/text.js";import{css as S}from"@styled/css";import{Center as U,HStack as g,VStack as V,Flex as u}from"@styled/jsx";import{createSlot as o,createHost as q}from"create-slots";import{Children as E}from"react";const z=o(({children:t})=>E.map(t,i=>r(l,{expand:!0,...i.props}))),j=o(l),k=o(l),H=o(({children:t})=>n(a,{textStyle:"subtle",variant:"text",children:[r(a.TrailingIcon,{children:r(L,{})}),r(a.Content,{children:t})]})),I=o(({children:t})=>n(a,{textStyle:"neutral",variant:"text",children:[r(a.TrailingIcon,{children:r(J,{})}),r(a.Content,{children:t})]})),T=o(A),D=o(y),F=o(({children:t})=>r(U,{p:3,w:"full",children:t})),M=o(({children:t,domain:i,name:m,logoUrl:c})=>n(g,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",p:3,width:"full",children:[c?r("img",{src:c,alt:m,width:24,height:24}):r(B,{color:P("colors.brand.base"),height:24,width:24}),r(f,{size:"sm",children:m}),i&&r(f,{size:"sm",fontColor:"text.tertiary",children:i}),t]})),K=({actionDirection:t="row",address:i,branding:m,children:c,title:x,onBack:d,onCancel:p,...W})=>q(c,e=>{const s=e.getProps(j),h=e.getProps(k),w=e.getProps(D),C=e.get(z),b=e.get(H),v=e.get(I);return n(N,{...W,fullscreen:!0,paddingType:"none",children:[n(V,{gap:0,width:"full",children:[n(g,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",justifyContent:"space-between",p:3,width:"full",children:[d&&r(l,{onPress:d,size:"md",textStyle:"neutral",variant:"text",children:r(l.LeadingIcon,{children:r(G,{})})}),p&&r(l,{onPress:p,label:"Cancel",size:"sm",textStyle:"neutral",variant:"text"}),!(d||p)&&r("div",{className:S({w:6})}),m&&r(B,{color:P(m==="light"?"colors.text.primary":"colors.neutral.primary")}),x&&r(f,{size:"sm",children:x}),i||b||v?n(g,{children:[i&&r(O,{address:i}),b,v]}):r("div",{className:S({w:6})})]}),e.get(M)]}),r(u,{grow:1,width:"full",children:e.get(T)}),(s||h)&&n(u,{direction:t==="row"?"row":"column-reverse",gap:4,pt:1.5,px:3,width:"full",children:[s&&r(l,{expand:!0,label:"Cancel",variant:"neutral",...s}),h&&r(l,{expand:!0,label:"Confirm",variant:"inverse",...h})]}),C&&r(u,{direction:t,gap:4,pt:1.5,px:3,width:"full",children:C}),e.get(F),w&&r(y,{...w})]})}),Q=Object.assign(K,{Actions:z,Cancel:j,Confirm:k,Content:T,Drawer:D,Footer:F,Header:M,Info:H,Menu:I});export{Q as PassportPage};
1
+ import{jsx as r,jsxs as l}from"react/jsx-runtime";import"../containers/card.js";import{Content as N}from"../containers/content.js";import{Drawer as y}from"../containers/drawer.js";import{Children as G}from"react";import"../utils/client-asset-logo.js";import{css as P}from"@styled/css";import{Center as J,HStack as f,VStack as L,Flex as g}from"@styled/jsx";import{token as B}from"@styled/tokens";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import O from"../icons/ico-caret-left.js";import z from"../icons/ico-magic.js";import U from"../icons/ico-question-circle-fill.js";import"../containers/header.js";import{Menu as S}from"../containers/menu.js";import{Modal as V}from"../containers/modal.js";import"../containers/overlay.js";import"../info/copy-button.js";import"../info/email-wbr.js";import"../info/security-otp.js";import"../info/text-box.js";import $ from"../info/wallet-address.js";import n from"../primitives/button.js";import{Popover as u}from"../primitives/popover.js";import x from"../primitives/text.js";import{createSlot as o,createHost as q}from"create-slots";const j=o(({children:e})=>G.map(e,i=>r(n,{expand:!0,...i.props}))),k=o(n),D=o(n),H=o(({children:e})=>l(u,{textStyle:"subtle",variant:"text",children:[r(u.TrailingIcon,{children:r(U,{})}),r(u.Content,{children:e})]})),M=o(N),F=o(S),I=o(y),T=o(({children:e})=>r(J,{p:3,w:"full",children:e})),W=o(({children:e,domain:i,name:m,logoUrl:a})=>l(f,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",p:3,width:"full",children:[a?r("img",{src:a,alt:m,width:24,height:24}):r(z,{color:B("colors.brand.base"),height:24,width:24}),r(x,{size:"sm",children:m}),i&&r(x,{size:"sm",fontColor:"text.tertiary",children:i}),e]})),E=({actionDirection:e="row",address:i,branding:m,children:a,title:w,onBack:d,onCancel:p,...A})=>q(a,t=>{const c=t.getProps(k),s=t.getProps(D),h=t.getProps(F),C=t.getProps(I),b=t.get(j),v=t.get(H);return l(V,{...A,fullscreen:!0,paddingType:"none",children:[l(L,{gap:0,width:"full",children:[l(f,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",justifyContent:"space-between",p:3,width:"full",children:[d&&r(n,{onPress:d,size:"md",textStyle:"neutral",variant:"text",children:r(n.LeadingIcon,{children:r(O,{})})}),p&&r(n,{onPress:p,label:"Cancel",size:"sm",textStyle:"neutral",variant:"text"}),!(d||p)&&r("div",{className:P({w:6})}),m&&r(z,{color:B(m==="light"?"colors.text.primary":"colors.neutral.primary")}),w&&r(x,{size:"sm",children:w}),i||v||h?l(f,{children:[i&&r($,{address:i}),v,h&&r(S,{...h})]}):r("div",{className:P({w:6})})]}),t.get(W)]}),r(g,{grow:1,width:"full",children:t.get(M)}),(c||s)&&l(g,{direction:e==="row"?"row":"column-reverse",gap:4,pt:1.5,px:3,width:"full",children:[c&&r(n,{expand:!0,label:"Cancel",variant:"neutral",...c}),s&&r(n,{expand:!0,label:"Confirm",variant:"inverse",...s})]}),b&&r(g,{direction:e,gap:4,pt:1.5,px:3,width:"full",children:b}),t.get(T),C&&r(y,{...C})]})}),K=Object.assign(E,{Actions:j,Cancel:k,Confirm:D,Content:M,Menu:F,Drawer:I,Footer:T,Header:W,Info:H});export{K as PassportPage};
2
2
  //# sourceMappingURL=passport-page.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"passport-page.js","sources":["../../../../src/components/layouts/passport-page.tsx"],"sourcesContent":["import { Content } from '@components/containers/content';\nimport { Drawer } from '@components/containers/drawer';\nimport { Modal } from '@components/containers/modal';\nimport { IcoCaretLeft, IcoMagic, IcoMenu, IcoQuestionCircleFill } from '@components/icons';\nimport { WalletAddress } from '@components/info';\nimport Button from '@components/primitives/button';\nimport Popover from '@components/primitives/popover';\nimport Text from '@components/primitives/text';\nimport { css } from '@styled/css';\nimport { Center, Flex, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, PropsWithChildren } from 'react';\n\ninterface HeaderProps extends PropsWithChildren {\n name: string;\n domain?: string;\n logoUrl?: string;\n}\n\nexport interface PassportPageProps extends PropsWithChildren {\n address?: string;\n animate?: boolean;\n branding?: 'light' | 'dark';\n actionDirection?: 'column' | 'row';\n title?: string;\n isOpen?: boolean;\n onAnimated?: () => void;\n onBack?: () => void;\n onClosed?: () => void;\n onCancel?: () => void;\n}\n\nconst Actions = createSlot(({ children }) => Children.map(children, child => <Button expand {...child.props} />));\nconst Cancel = createSlot(Button);\nconst Confirm = createSlot(Button);\nconst Info = createSlot(({ children }) => (\n <Popover textStyle=\"subtle\" variant=\"text\">\n <Popover.TrailingIcon>\n <IcoQuestionCircleFill />\n </Popover.TrailingIcon>\n <Popover.Content>{children}</Popover.Content>\n </Popover>\n));\nconst Menu = createSlot(({ children }) => (\n <Popover textStyle=\"neutral\" variant=\"text\">\n <Popover.TrailingIcon>\n <IcoMenu />\n </Popover.TrailingIcon>\n <Popover.Content>{children}</Popover.Content>\n </Popover>\n));\nconst PageContent = createSlot(Content);\nconst PageDrawer = createSlot(Drawer);\nconst PageFooter = createSlot(({ children }) => (\n <Center p={3} w=\"full\">\n {children}\n </Center>\n));\nconst PageHeader = createSlot(({ children, domain, name, logoUrl }: HeaderProps) => (\n <HStack borderBottomColor=\"neutral.primary\" borderBottomWidth=\"1px\" p={3} width=\"full\">\n {logoUrl ? (\n <img src={logoUrl} alt={name} width={24} height={24} />\n ) : (\n <IcoMagic color={token('colors.brand.base')} height={24} width={24} />\n )}\n <Text size=\"sm\">{name}</Text>\n {domain && (\n <Text size=\"sm\" fontColor=\"text.tertiary\">\n {domain}\n </Text>\n )}\n {children}\n </HStack>\n));\n\nconst PassportPageHost = ({\n actionDirection = 'row',\n address,\n branding,\n children,\n title,\n onBack,\n onCancel,\n ...props\n}: PassportPageProps) => {\n return createHost(children, slots => {\n const cancelProps = slots.getProps(Cancel);\n const confirmProps = slots.getProps(Confirm);\n const drawerProps = slots.getProps(PageDrawer);\n\n const actions = slots.get(Actions);\n const info = slots.get(Info);\n const menu = slots.get(Menu);\n\n return (\n <Modal {...props} fullscreen paddingType=\"none\">\n <VStack gap={0} width=\"full\">\n <HStack\n borderBottomColor=\"neutral.primary\"\n borderBottomWidth=\"1px\"\n justifyContent=\"space-between\"\n p={3}\n width=\"full\"\n >\n {onBack && (\n <Button onPress={onBack} size=\"md\" textStyle=\"neutral\" variant=\"text\">\n <Button.LeadingIcon>\n <IcoCaretLeft />\n </Button.LeadingIcon>\n </Button>\n )}\n {onCancel && <Button onPress={onCancel} label=\"Cancel\" size=\"sm\" textStyle=\"neutral\" variant=\"text\" />}\n {!(onBack || onCancel) && <div className={css({ w: 6 })} />}\n {branding && (\n <IcoMagic color={token(branding === 'light' ? 'colors.text.primary' : 'colors.neutral.primary')} />\n )}\n {title && <Text size=\"sm\">{title}</Text>}\n {address || info || menu ? (\n <HStack>\n {address && <WalletAddress address={address} />}\n {info}\n {menu}\n </HStack>\n ) : (\n <div className={css({ w: 6 })} />\n )}\n </HStack>\n {slots.get(PageHeader)}\n </VStack>\n <Flex grow={1} width=\"full\">\n {slots.get(PageContent)}\n </Flex>\n {(cancelProps || confirmProps) && (\n <Flex direction={actionDirection === 'row' ? 'row' : 'column-reverse'} gap={4} pt={1.5} px={3} width=\"full\">\n {cancelProps && <Button expand label=\"Cancel\" variant=\"neutral\" {...cancelProps} />}\n {confirmProps && <Button expand label=\"Confirm\" variant=\"inverse\" {...confirmProps} />}\n </Flex>\n )}\n {actions && (\n <Flex direction={actionDirection} gap={4} pt={1.5} px={3} width=\"full\">\n {actions}\n </Flex>\n )}\n {slots.get(PageFooter)}\n {drawerProps && <Drawer {...drawerProps} />}\n </Modal>\n );\n });\n};\n\nexport const PassportPage = Object.assign(PassportPageHost, {\n Actions,\n Cancel,\n Confirm,\n Content: PageContent,\n Drawer: PageDrawer,\n Footer: PageFooter,\n Header: PageHeader,\n Info,\n Menu,\n});\n"],"names":["Actions","createSlot","children","Children","child","_jsx","Button","Cancel","Confirm","Info","_jsxs","Popover","IcoQuestionCircleFill","Menu","IcoMenu","PageContent","Content","PageDrawer","Drawer","PageFooter","Center","PageHeader","domain","name","logoUrl","HStack","IcoMagic","token","Text","PassportPageHost","actionDirection","address","branding","title","onBack","onCancel","props","createHost","slots","cancelProps","confirmProps","drawerProps","actions","info","menu","Modal","VStack","IcoCaretLeft","css","WalletAddress","Flex","PassportPage"],"mappings":"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"}
1
+ {"version":3,"file":"passport-page.js","sources":["../../../../src/components/layouts/passport-page.tsx"],"sourcesContent":["import { Menu } from '@components/containers';\nimport { Content } from '@components/containers/content';\nimport { Drawer } from '@components/containers/drawer';\nimport { Modal } from '@components/containers/modal';\nimport { IcoCaretLeft, IcoMagic, IcoQuestionCircleFill } from '@components/icons';\nimport { WalletAddress } from '@components/info';\nimport Button from '@components/primitives/button';\nimport Popover from '@components/primitives/popover';\nimport Text from '@components/primitives/text';\nimport { css } from '@styled/css';\nimport { Center, Flex, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, PropsWithChildren } from 'react';\n\ninterface HeaderProps extends PropsWithChildren {\n name: string;\n domain?: string;\n logoUrl?: string;\n}\n\nexport interface PassportPageProps extends PropsWithChildren {\n address?: string;\n animate?: boolean;\n branding?: 'light' | 'dark';\n actionDirection?: 'column' | 'row';\n title?: string;\n isOpen?: boolean;\n onAnimated?: () => void;\n onBack?: () => void;\n onClosed?: () => void;\n onCancel?: () => void;\n}\n\nconst Actions = createSlot(({ children }) => Children.map(children, child => <Button expand {...child.props} />));\nconst Cancel = createSlot(Button);\nconst Confirm = createSlot(Button);\nconst Info = createSlot(({ children }) => (\n <Popover textStyle=\"subtle\" variant=\"text\">\n <Popover.TrailingIcon>\n <IcoQuestionCircleFill />\n </Popover.TrailingIcon>\n <Popover.Content>{children}</Popover.Content>\n </Popover>\n));\n\nconst PageContent = createSlot(Content);\nconst PageMenu = createSlot(Menu);\nconst PageDrawer = createSlot(Drawer);\nconst PageFooter = createSlot(({ children }) => (\n <Center p={3} w=\"full\">\n {children}\n </Center>\n));\nconst PageHeader = createSlot(({ children, domain, name, logoUrl }: HeaderProps) => (\n <HStack borderBottomColor=\"neutral.primary\" borderBottomWidth=\"1px\" p={3} width=\"full\">\n {logoUrl ? (\n <img src={logoUrl} alt={name} width={24} height={24} />\n ) : (\n <IcoMagic color={token('colors.brand.base')} height={24} width={24} />\n )}\n <Text size=\"sm\">{name}</Text>\n {domain && (\n <Text size=\"sm\" fontColor=\"text.tertiary\">\n {domain}\n </Text>\n )}\n {children}\n </HStack>\n));\n\nconst PassportPageHost = ({\n actionDirection = 'row',\n address,\n branding,\n children,\n title,\n onBack,\n onCancel,\n ...props\n}: PassportPageProps) => {\n return createHost(children, slots => {\n const cancelProps = slots.getProps(Cancel);\n const confirmProps = slots.getProps(Confirm);\n const menuProps = slots.getProps(PageMenu);\n const drawerProps = slots.getProps(PageDrawer);\n\n const actions = slots.get(Actions);\n const info = slots.get(Info);\n\n return (\n <Modal {...props} fullscreen paddingType=\"none\">\n <VStack gap={0} width=\"full\">\n <HStack\n borderBottomColor=\"neutral.primary\"\n borderBottomWidth=\"1px\"\n justifyContent=\"space-between\"\n p={3}\n width=\"full\"\n >\n {onBack && (\n <Button onPress={onBack} size=\"md\" textStyle=\"neutral\" variant=\"text\">\n <Button.LeadingIcon>\n <IcoCaretLeft />\n </Button.LeadingIcon>\n </Button>\n )}\n {onCancel && <Button onPress={onCancel} label=\"Cancel\" size=\"sm\" textStyle=\"neutral\" variant=\"text\" />}\n {!(onBack || onCancel) && <div className={css({ w: 6 })} />}\n {branding && (\n <IcoMagic color={token(branding === 'light' ? 'colors.text.primary' : 'colors.neutral.primary')} />\n )}\n {title && <Text size=\"sm\">{title}</Text>}\n {address || info || menuProps ? (\n <HStack>\n {address && <WalletAddress address={address} />}\n {info}\n {menuProps && <Menu {...menuProps} />}\n </HStack>\n ) : (\n <div className={css({ w: 6 })} />\n )}\n </HStack>\n {slots.get(PageHeader)}\n </VStack>\n <Flex grow={1} width=\"full\">\n {slots.get(PageContent)}\n </Flex>\n {(cancelProps || confirmProps) && (\n <Flex direction={actionDirection === 'row' ? 'row' : 'column-reverse'} gap={4} pt={1.5} px={3} width=\"full\">\n {cancelProps && <Button expand label=\"Cancel\" variant=\"neutral\" {...cancelProps} />}\n {confirmProps && <Button expand label=\"Confirm\" variant=\"inverse\" {...confirmProps} />}\n </Flex>\n )}\n {actions && (\n <Flex direction={actionDirection} gap={4} pt={1.5} px={3} width=\"full\">\n {actions}\n </Flex>\n )}\n {slots.get(PageFooter)}\n {drawerProps && <Drawer {...drawerProps} />}\n </Modal>\n );\n });\n};\n\nexport const PassportPage = Object.assign(PassportPageHost, {\n Actions,\n Cancel,\n Confirm,\n Content: PageContent,\n Menu: PageMenu,\n Drawer: PageDrawer,\n Footer: PageFooter,\n Header: PageHeader,\n Info,\n});\n"],"names":["Actions","createSlot","children","Children","child","_jsx","Button","Cancel","Confirm","Info","_jsxs","Popover","IcoQuestionCircleFill","PageContent","Content","PageMenu","Menu","PageDrawer","Drawer","PageFooter","Center","PageHeader","domain","name","logoUrl","HStack","IcoMagic","token","Text","PassportPageHost","actionDirection","address","branding","title","onBack","onCancel","props","createHost","slots","cancelProps","confirmProps","menuProps","drawerProps","actions","info","Modal","VStack","IcoCaretLeft","css","WalletAddress","Flex","PassportPage"],"mappings":"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"}
package/dist/es/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import{Card as r}from"./components/containers/card.js";import{Content as t}from"./components/containers/content.js";import{Drawer as l}from"./components/containers/drawer.js";import{Footer as m}from"./components/containers/footer.js";import{Header as d}from"./components/containers/header.js";import{Modal as x}from"./components/containers/modal.js";import{Overlay as n}from"./components/containers/overlay.js";import{PayPalButton as g}from"./components/external/paypal-button.js";import{SocialLoginButton as I}from"./components/external/social-login-button.js";import{Callout as k}from"./components/feedback/callout.js";import{LoadingSpinner as h}from"./components/feedback/loading-spinner.js";import{ProgressBar as C}from"./components/feedback/progress-bar.js";import{Skeleton as P}from"./components/feedback/skeleton.js";import{Toast as b,ToastProvider as S}from"./components/feedback/toast-provider.js";import{default as W}from"./components/feedback/tooltip.js";import{default as D}from"./components/icons/ico-add.js";import{default as G}from"./components/icons/ico-alert-circle-fill.js";import{default as O}from"./components/icons/ico-alert-circle.js";import{default as z}from"./components/icons/ico-arrow-down.js";import{default as Z}from"./components/icons/ico-arrow-left.js";import{default as U}from"./components/icons/ico-arrow-right.js";import{default as j}from"./components/icons/ico-arrow-up.js";import{default as V}from"./components/icons/ico-asterisk-with-shield.js";import{default as J}from"./components/icons/ico-asterisk.js";import{default as Y}from"./components/icons/ico-astronaut.js";import{default as $}from"./components/icons/ico-atom.js";import{default as eo}from"./components/icons/ico-bank.js";import{default as ao}from"./components/icons/ico-bell-notification.js";import{default as fo}from"./components/icons/ico-bell.js";import{default as so}from"./components/icons/ico-block.js";import{default as po}from"./components/icons/ico-branding.js";import{default as xo}from"./components/icons/ico-caret-down.js";import{default as no}from"./components/icons/ico-caret-left.js";import{default as go}from"./components/icons/ico-caret-right.js";import{default as Io}from"./components/icons/ico-caret-up.js";import{default as ko}from"./components/icons/ico-checkmark-circle-fill.js";import{default as ho}from"./components/icons/ico-checkmark-circle.js";import{default as Co}from"./components/icons/ico-checkmark.js";import{default as Po}from"./components/icons/ico-code-editor.js";import{default as bo}from"./components/icons/ico-code-sandbox.js";import{default as yo}from"./components/icons/ico-code.js";import{default as To}from"./components/icons/ico-command-line.js";import{default as Eo}from"./components/icons/ico-comment.js";import{default as Ro}from"./components/icons/ico-copy.js";import{default as vo}from"./components/icons/ico-credit-card.js";import{default as Ho}from"./components/icons/ico-dedicated.js";import{default as No}from"./components/icons/ico-diamond.js";import{default as Xo}from"./components/icons/ico-dismiss-circle-fill.js";import{default as Qo}from"./components/icons/ico-dismiss-circle.js";import{default as qo}from"./components/icons/ico-dismiss.js";import{default as Ko}from"./components/icons/ico-doc.js";import{default as _o}from"./components/icons/ico-download.js";import{default as oe}from"./components/icons/ico-edit-email.js";import{default as re}from"./components/icons/ico-edit.js";import{default as te}from"./components/icons/ico-email-fill.js";import{default as le}from"./components/icons/ico-email-open.js";import{default as me}from"./components/icons/ico-email.js";import{default as de}from"./components/icons/ico-expand.js";import{default as xe}from"./components/icons/ico-expiration.js";import{default as ne}from"./components/icons/ico-external-link.js";import{default as ge}from"./components/icons/ico-eye-closed.js";import{default as Ie}from"./components/icons/ico-eye-opened.js";import{default as ke}from"./components/icons/ico-fingerprint-fill.js";import{default as he}from"./components/icons/ico-fingerprint.js";import{default as Ce}from"./components/icons/ico-gas.js";import{default as Pe}from"./components/icons/ico-gift.js";import{default as be}from"./components/icons/ico-globe.js";import{default as ye}from"./components/icons/ico-guide.js";import{default as Te}from"./components/icons/ico-home.js";import{default as Ee}from"./components/icons/ico-hourglass.js";import{default as Re}from"./components/icons/ico-info-circle-fill.js";import{default as ve}from"./components/icons/ico-info-circle.js";import{default as He}from"./components/icons/ico-kebab.js";import{default as Ne}from"./components/icons/ico-key.js";import{default as Xe}from"./components/icons/ico-lightbulb-fill.js";import{default as Qe}from"./components/icons/ico-lightbulb.js";import{default as qe}from"./components/icons/ico-lightning-fill.js";import{default as Ke}from"./components/icons/ico-lightning.js";import{default as _e}from"./components/icons/ico-link.js";import{default as or}from"./components/icons/ico-loading.js";import{default as rr}from"./components/icons/ico-lock-locked.js";import{default as tr}from"./components/icons/ico-lock-password.js";import{default as lr}from"./components/icons/ico-lock-unlocked-fill.js";import{default as mr}from"./components/icons/ico-lock-unlocked.js";import{default as dr}from"./components/icons/ico-login-form.js";import{default as xr}from"./components/icons/ico-magic.js";import{default as nr}from"./components/icons/ico-megaphone.js";import{default as gr}from"./components/icons/ico-menu.js";import{default as Ir}from"./components/icons/ico-message-fill.js";import{default as kr}from"./components/icons/ico-message.js";import{default as hr}from"./components/icons/ico-mfa.js";import{default as Cr}from"./components/icons/ico-minimize.js";import{default as Pr}from"./components/icons/ico-mobile2fa.js";import{default as br}from"./components/icons/ico-mobile2fafill.js";import{default as yr}from"./components/icons/ico-open-book.js";import{default as Tr}from"./components/icons/ico-paper-plane.js";import{default as Er}from"./components/icons/ico-passport.js";import{default as Rr}from"./components/icons/ico-passwordless.js";import{default as vr}from"./components/icons/ico-pending-connection.js";import{default as Hr}from"./components/icons/ico-phone.js";import{default as Nr}from"./components/icons/ico-polygon-gas-testnet.js";import{default as Xr}from"./components/icons/ico-polygon-gas.js";import{default as Qr}from"./components/icons/ico-price.js";import{default as qr}from"./components/icons/ico-qrcode.js";import{default as Kr}from"./components/icons/ico-question-circle-fill.js";import{default as _r}from"./components/icons/ico-question-circle.js";import{default as oa}from"./components/icons/ico-refresh-circle-fill.js";import{default as ra}from"./components/icons/ico-refresh.js";import{default as ta}from"./components/icons/ico-rocket-fill.js";import{default as la}from"./components/icons/ico-search.js";import{default as ma}from"./components/icons/ico-settings.js";import{default as da}from"./components/icons/ico-shapes.js";import{default as xa}from"./components/icons/ico-shield-approved.js";import{default as na}from"./components/icons/ico-shield-rejected.js";import{default as ga}from"./components/icons/ico-shield.js";import{default as Ia}from"./components/icons/ico-social.js";import{default as ka}from"./components/icons/ico-sold-out-tag.js";import{default as ha}from"./components/icons/ico-star.js";import{default as Ca}from"./components/icons/ico-swap.js";import{default as Pa}from"./components/icons/ico-swatches.js";import{default as ba}from"./components/icons/ico-team.js";import{default as ya}from"./components/icons/ico-trash.js";import{default as Ta}from"./components/icons/ico-users.js";import{default as Ea}from"./components/icons/ico-wallet-fill.js";import{default as Ra}from"./components/icons/ico-wallet.js";import{default as va}from"./components/icons/ico-wand.js";import{default as Ha}from"./components/icons/ico-warning-fill.js";import{default as Na}from"./components/icons/ico-warning.js";import{default as Xa}from"./components/info/copy-button.js";import{default as Qa}from"./components/info/email-wbr.js";import{default as qa}from"./components/info/security-otp.js";import{default as Ka}from"./components/info/text-box.js";import{default as _a}from"./components/info/wallet-address.js";import{default as ot}from"./components/inputs/phone-input.js";import{PinCodeInput as rt}from"./components/inputs/pincode-input.js";import{TextInput as tt}from"./components/inputs/text-input.js";import{Dialogue as lt}from"./components/layouts/dialogue.js";import{Error as mt}from"./components/layouts/error.js";import{Page as dt}from"./components/layouts/page.js";import{PassportPage as xt}from"./components/layouts/passport-page.js";import{default as nt}from"./components/list-items/navigation-button.js";import{NFTTile as gt}from"./components/list-items/nft-tile.js";import{TokenListItem as It}from"./components/list-items/token-list-item.js";import{TransactionRow as kt}from"./components/list-items/transaction-row.js";import{default as ht}from"./components/logos/blc-algorand.js";import{default as Ct}from"./components/logos/blc-aptos.js";import{default as Pt}from"./components/logos/blc-arbitrum.js";import{default as bt}from"./components/logos/blc-astar.js";import{default as yt}from"./components/logos/blc-avalanche.js";import{default as Tt}from"./components/logos/blc-base.js";import{default as Et}from"./components/logos/blc-berachain.js";import{default as Rt}from"./components/logos/blc-binance.js";import{default as vt}from"./components/logos/blc-bitcoin.js";import{default as Ht}from"./components/logos/blc-celo.js";import{default as Nt}from"./components/logos/blc-chiliz.js";import{default as Xt}from"./components/logos/blc-cosmos.js";import{default as Qt}from"./components/logos/blc-ethereum.js";import{default as qt}from"./components/logos/blc-etherlink.js";import{default as Kt}from"./components/logos/blc-flow.js";import{default as _t}from"./components/logos/blc-harmony.js";import{default as of}from"./components/logos/blc-icon.js";import{default as rf}from"./components/logos/blc-immutable-x.js";import{default as tf}from"./components/logos/blc-loopring.js";import{default as lf}from"./components/logos/blc-moonbeam.js";import{default as mf}from"./components/logos/blc-near.js";import{default as df}from"./components/logos/blc-optimism.js";import{default as xf}from"./components/logos/blc-polkadot.js";import{default as nf}from"./components/logos/blc-polygon.js";import{default as Lf}from"./components/logos/blc-rarichain.js";import{default as Mf}from"./components/logos/blc-solana.js";import{default as Bf}from"./components/logos/blc-stability.js";import{default as Ff}from"./components/logos/blc-sui.js";import{default as wf}from"./components/logos/blc-tezos.js";import{default as Af}from"./components/logos/blc-wax.js";import{default as Sf}from"./components/logos/blc-zetachain.js";import{default as Wf}from"./components/logos/blc-zilliqa.js";import{default as Df}from"./components/logos/blc-zksync.js";import{default as Gf}from"./components/logos/fwk-11ty.js";import{default as Of}from"./components/logos/fwk-android.js";import{default as zf}from"./components/logos/fwk-apple.js";import{default as Zf}from"./components/logos/fwk-authy.js";import{default as Uf}from"./components/logos/fwk-binance-fill.js";import{default as jf}from"./components/logos/fwk-chrome.js";import{default as Vf}from"./components/logos/fwk-electron.js";import{default as Jf}from"./components/logos/fwk-express.js";import{default as Yf}from"./components/logos/fwk-fauna.js";import{default as $f}from"./components/logos/fwk-firebase.js";import{default as el}from"./components/logos/fwk-go.js";import{default as al}from"./components/logos/fwk-google-authenticator.js";import{default as fl}from"./components/logos/fwk-hasura.js";import{default as sl}from"./components/logos/fwk-javascript.js";import{default as pl}from"./components/logos/fwk-jwt.js";import{default as ul}from"./components/logos/fwk-laravel.js";import{default as cl}from"./components/logos/fwk-nextjs.js";import{default as il}from"./components/logos/fwk-nodejs.js";import{default as Ll}from"./components/logos/fwk-nuxtjs.js";import{default as Ml}from"./components/logos/fwk-php.js";import{default as Bl}from"./components/logos/fwk-react.js";import{default as Fl}from"./components/logos/fwk-strapi.js";import{default as wl}from"./components/logos/fwk-stripe.js";import{default as Al}from"./components/logos/fwk-vue.js";import{default as Sl}from"./components/logos/fwk-webflow.js";import{default as Wl}from"./components/logos/fwk-wordpress.js";import{default as Dl}from"./components/logos/fwk-zapier.js";import{default as Gl}from"./components/logos/icon-art-dark.js";import{default as Ol}from"./components/logos/icon-art.js";import{default as zl}from"./components/logos/icon-delete.js";import{default as Zl}from"./components/logos/icon-email-globe.js";import{default as Ul}from"./components/logos/icon-email.js";import{default as jl}from"./components/logos/icon-game-controller-dark.js";import{default as Vl}from"./components/logos/icon-game-controller.js";import{default as Jl}from"./components/logos/icon-generic-token.js";import{default as Yl}from"./components/logos/icon-magic-globe.js";import{default as $l}from"./components/logos/icon-magic-logo.js";import{default as es}from"./components/logos/icon-music-dark.js";import{default as as}from"./components/logos/icon-music.js";import{default as fs}from"./components/logos/icon-person-dark.js";import{default as ss}from"./components/logos/icon-person.js";import{default as ps}from"./components/logos/icon-profile-dark.js";import{default as us}from"./components/logos/icon-profile-light.js";import{default as cs}from"./components/logos/icon-reset.js";import{default as is}from"./components/logos/icon-sms.js";import{default as Ls}from"./components/logos/icon-ticket-dark.js";import{default as Ms}from"./components/logos/icon-ticket.js";import{default as Bs}from"./components/logos/icon-warning-dark.js";import{default as Fs}from"./components/logos/icon-warning-shield.js";import{default as ws}from"./components/logos/icon-warning.js";import{default as As}from"./components/logos/logo-algorand-mono.js";import{default as Ss}from"./components/logos/logo-algorand.js";import{default as Ws}from"./components/logos/logo-apple-mono.js";import{default as Ds}from"./components/logos/logo-apple.js";import{default as Gs}from"./components/logos/logo-aptos-mono.js";import{default as Os}from"./components/logos/logo-aptos.js";import{default as zs}from"./components/logos/logo-arbitrum-mono.js";import{default as Zs}from"./components/logos/logo-arbitrum-one-mono.js";import{default as Us}from"./components/logos/logo-arbitrum-one.js";import{default as js}from"./components/logos/logo-arbitrum.js";import{default as Vs}from"./components/logos/logo-astar-mono.js";import{default as Js}from"./components/logos/logo-astar.js";import{default as Ys}from"./components/logos/logo-auth0-mono.js";import{default as $s}from"./components/logos/logo-auth0.js";import{default as em}from"./components/logos/logo-avalanche-mono.js";import{default as am}from"./components/logos/logo-avalanche.js";import{default as fm}from"./components/logos/logo-azure-mono.js";import{default as sm}from"./components/logos/logo-azure.js";import{default as pm}from"./components/logos/logo-base-mono.js";import{default as um}from"./components/logos/logo-base.js";import{default as cm}from"./components/logos/logo-berachain-mono.js";import{default as im}from"./components/logos/logo-berachain.js";import{default as Lm}from"./components/logos/logo-binance-mono.js";import{default as Mm}from"./components/logos/logo-binance.js";import{default as Bm}from"./components/logos/logo-bit-bucket-mono.js";import{default as Fm}from"./components/logos/logo-bit-bucket.js";import{default as wm}from"./components/logos/logo-bitcoin-mono.js";import{default as Am}from"./components/logos/logo-bitcoin.js";import{default as Sm}from"./components/logos/logo-bnb-mono.js";import{default as Wm}from"./components/logos/logo-bnb.js";import{default as Dm}from"./components/logos/logo-celo-mono.js";import{default as Gm}from"./components/logos/logo-celo.js";import{default as Om}from"./components/logos/logo-chiliz-mono.js";import{default as zm}from"./components/logos/logo-chiliz.js";import{default as Zm}from"./components/logos/logo-cognito-mono.js";import{default as Um}from"./components/logos/logo-cognito.js";import{default as jm}from"./components/logos/logo-cosmos-mono.js";import{default as Vm}from"./components/logos/logo-cosmos.js";import{default as Jm}from"./components/logos/logo-discord-mono.js";import{default as Ym}from"./components/logos/logo-discord.js";import{default as $m}from"./components/logos/logo-ethereum-mono.js";import{default as ep}from"./components/logos/logo-ethereum.js";import{default as ap}from"./components/logos/logo-etherlink-mono.js";import{default as fp}from"./components/logos/logo-etherlink.js";import{default as sp}from"./components/logos/logo-facebook-mono.js";import{default as pp}from"./components/logos/logo-facebook.js";import{default as up}from"./components/logos/logo-flare-mono.js";import{default as cp}from"./components/logos/logo-flare.js";import{default as ip}from"./components/logos/logo-flow-mono.js";import{default as Lp}from"./components/logos/logo-flow.js";import{default as Mp}from"./components/logos/logo-git-hub-mono.js";import{default as Bp}from"./components/logos/logo-git-hub.js";import{default as Fp}from"./components/logos/logo-git-lab-mono.js";import{default as wp}from"./components/logos/logo-git-lab.js";import{default as Ap}from"./components/logos/logo-google-mono.js";import{default as Sp}from"./components/logos/logo-google.js";import{default as Wp}from"./components/logos/logo-harmony-mono.js";import{default as Dp}from"./components/logos/logo-harmony.js";import{default as Gp}from"./components/logos/logo-horizen-mono.js";import{default as Op}from"./components/logos/logo-horizen.js";import{default as zp}from"./components/logos/logo-icon-mono.js";import{default as Zp}from"./components/logos/logo-icon.js";import{default as Up}from"./components/logos/logo-immutable-x-mono.js";import{default as jp}from"./components/logos/logo-immutable-x.js";import{default as Vp}from"./components/logos/logo-link-by-stripe-mono.js";import{default as Jp}from"./components/logos/logo-link-by-stripe.js";import{default as Yp}from"./components/logos/logo-link-mono.js";import{default as $p}from"./components/logos/logo-link.js";import{default as ed}from"./components/logos/logo-linked-in-mono.js";import{default as ad}from"./components/logos/logo-linked-in.js";import{default as fd}from"./components/logos/logo-loopring-mono.js";import{default as sd}from"./components/logos/logo-loopring.js";import{default as pd}from"./components/logos/logo-microsoft-mono.js";import{default as ud}from"./components/logos/logo-microsoft.js";import{default as cd}from"./components/logos/logo-moonbeam-mono.js";import{default as id}from"./components/logos/logo-moonbeam.js";import{default as Ld}from"./components/logos/logo-near-mono.js";import{default as Md}from"./components/logos/logo-near.js";import{default as Bd}from"./components/logos/logo-onramper-mono.js";import{default as Fd}from"./components/logos/logo-onramper.js";import{default as wd}from"./components/logos/logo-optimism-mono.js";import{default as Ad}from"./components/logos/logo-optimism.js";import{default as Sd}from"./components/logos/logo-pay-pal-mono.js";import{default as Wd}from"./components/logos/logo-pay-pal-wordmark-mono.js";import{default as Dd}from"./components/logos/logo-pay-pal-wordmark.js";import{default as Gd}from"./components/logos/logo-pay-pal.js";import{default as Od}from"./components/logos/logo-poa-mono.js";import{default as zd}from"./components/logos/logo-poa.js";import{default as Zd}from"./components/logos/logo-polkadot-mono.js";import{default as Ud}from"./components/logos/logo-polkadot.js";import{default as jd}from"./components/logos/logo-polygon-mono.js";import{default as Vd}from"./components/logos/logo-polygon.js";import{default as Jd}from"./components/logos/logo-rarichain-mono.js";import{default as Yd}from"./components/logos/logo-rarichain.js";import{default as $d}from"./components/logos/logo-sardine-mono.js";import{default as eu}from"./components/logos/logo-sardine.js";import{default as au}from"./components/logos/logo-sei-mono.js";import{default as fu}from"./components/logos/logo-sei.js";import{default as su}from"./components/logos/logo-solana-mono.js";import{default as pu}from"./components/logos/logo-solana.js";import{default as uu}from"./components/logos/logo-stability-mono.js";import{default as cu}from"./components/logos/logo-stability.js";import{default as iu}from"./components/logos/logo-sui-mono.js";import{default as Lu}from"./components/logos/logo-sui.js";import{default as Mu}from"./components/logos/logo-tezos-mono.js";import{default as Bu}from"./components/logos/logo-tezos.js";import{default as Fu}from"./components/logos/logo-twitch-mono.js";import{default as wu}from"./components/logos/logo-twitch.js";import{default as Au}from"./components/logos/logo-twitter-mono.js";import{default as Su}from"./components/logos/logo-twitter.js";import{default as Wu}from"./components/logos/logo-wallet-connect-mono.js";import{default as Du}from"./components/logos/logo-wallet-connect.js";import{default as Gu}from"./components/logos/logo-warpcast-mono.js";import{default as Ou}from"./components/logos/logo-warpcast.js";import{default as zu}from"./components/logos/logo-wax-mono.js";import{default as Zu}from"./components/logos/logo-wax.js";import{default as Uu}from"./components/logos/logo-xdc-mono.js";import{default as ju}from"./components/logos/logo-xdc.js";import{default as Vu}from"./components/logos/logo-zetachain-mono.js";import{default as Ju}from"./components/logos/logo-zetachain.js";import{default as Yu}from"./components/logos/logo-zilliqa-mono.js";import{default as $u}from"./components/logos/logo-zilliqa.js";import{default as ex}from"./components/logos/logo-zksync-mono.js";import{default as ax}from"./components/logos/logo-zksync.js";import{default as fx}from"./components/logos/pay-amex.js";import{default as sx}from"./components/logos/pay-discover.js";import{default as px}from"./components/logos/pay-mastercard.js";import{default as ux}from"./components/logos/pay-visa.js";import{default as cx}from"./components/logos/presentation-logo.js";import{default as ix}from"./components/logos/website-magic.js";import{default as Lx}from"./components/logos/wlt-coinbase.js";import{default as Mx}from"./components/logos/wlt-mattel.js";import{default as Bx}from"./components/logos/wlt-metamask.js";import{default as Fx}from"./components/logos/wlt-phantom.js";import{default as wx}from"./components/logos/wlt-rainbow.js";import{default as Ax}from"./components/logos/wlt-wallet-connect.js";import{default as Sx}from"./components/primitives/button.js";import{default as Wx}from"./components/primitives/checkbox.js";import{DropdownOption as Dx,DropdownSelector as Ex}from"./components/primitives/dropdown-selector.js";import{Popover as Rx}from"./components/primitives/popover.js";import{Radio as vx,RadioGroup as zx}from"./components/primitives/radio.js";import{SegmentedControl as Zx,Tab as Nx}from"./components/primitives/segmented-control.js";import{default as Xx}from"./components/primitives/switch.js";import{default as Qx}from"./components/primitives/text.js";import{VerifyPincode as qx}from"./components/sections/verify-pincode.js";import{default as Kx}from"./components/utils/animate.js";import{ClientAssetLogo as _x}from"./components/utils/client-asset-logo.js";import{default as oc}from"./components/utils/qr-code.js";import{default as rc}from"./components/utils/secured-by-magic.js";import{default as tc}from"./components/utils/shared-logo.js";import{useCustomVars as lc}from"./hooks/theme.js";import{useToast as mc}from"./hooks/useToast.js";export{Kx as Animate,ht as BlcAlgorand,Ct as BlcAptos,Pt as BlcArbitrum,bt as BlcAstar,yt as BlcAvalanche,Tt as BlcBase,Et as BlcBerachain,Rt as BlcBinance,vt as BlcBitcoin,Ht as BlcCelo,Nt as BlcChiliz,Xt as BlcCosmos,Qt as BlcEthereum,qt as BlcEtherlink,Kt as BlcFlow,_t as BlcHarmony,of as BlcIcon,rf as BlcImmutableX,tf as BlcLoopring,lf as BlcMoonbeam,mf as BlcNear,df as BlcOptimism,xf as BlcPolkadot,nf as BlcPolygon,Lf as BlcRarichain,Mf as BlcSolana,Bf as BlcStability,Ff as BlcSui,wf as BlcTezos,Af as BlcWax,Sf as BlcZetachain,Wf as BlcZilliqa,Df as BlcZksync,Sx as Button,k as Callout,r as Card,Wx as Checkbox,_x as ClientAssetLogo,t as Content,Xa as CopyButton,lt as Dialogue,l as Drawer,Dx as DropdownOption,Ex as DropdownSelector,Qa as EmailWbr,mt as Error,m as Footer,Gf as Fwk11ty,Of as FwkAndroid,zf as FwkApple,Zf as FwkAuthy,Uf as FwkBinanceFill,jf as FwkChrome,Vf as FwkElectron,Jf as FwkExpress,Yf as FwkFauna,$f as FwkFirebase,el as FwkGo,al as FwkGoogleAuthenticator,fl as FwkHasura,sl as FwkJavascript,pl as FwkJwt,ul as FwkLaravel,cl as FwkNextjs,il as FwkNodejs,Ll as FwkNuxtjs,Ml as FwkPhp,Bl as FwkReact,Fl as FwkStrapi,wl as FwkStripe,Al as FwkVue,Sl as FwkWebflow,Wl as FwkWordpress,Dl as FwkZapier,d as Header,D as IcoAdd,O as IcoAlertCircle,G as IcoAlertCircleFill,z as IcoArrowDown,Z as IcoArrowLeft,U as IcoArrowRight,j as IcoArrowUp,J as IcoAsterisk,V as IcoAsteriskWithShield,Y as IcoAstronaut,$ as IcoAtom,eo as IcoBank,fo as IcoBell,ao as IcoBellNotification,so as IcoBlock,po as IcoBranding,xo as IcoCaretDown,no as IcoCaretLeft,go as IcoCaretRight,Io as IcoCaretUp,Co as IcoCheckmark,ho as IcoCheckmarkCircle,ko as IcoCheckmarkCircleFill,yo as IcoCode,Po as IcoCodeEditor,bo as IcoCodeSandbox,To as IcoCommandLine,Eo as IcoComment,Ro as IcoCopy,vo as IcoCreditCard,Ho as IcoDedicated,No as IcoDiamond,qo as IcoDismiss,Qo as IcoDismissCircle,Xo as IcoDismissCircleFill,Ko as IcoDoc,_o as IcoDownload,re as IcoEdit,oe as IcoEditEmail,me as IcoEmail,te as IcoEmailFill,le as IcoEmailOpen,de as IcoExpand,xe as IcoExpiration,ne as IcoExternalLink,ge as IcoEyeClosed,Ie as IcoEyeOpened,he as IcoFingerprint,ke as IcoFingerprintFill,Ce as IcoGas,Pe as IcoGift,be as IcoGlobe,ye as IcoGuide,Te as IcoHome,Ee as IcoHourglass,ve as IcoInfoCircle,Re as IcoInfoCircleFill,He as IcoKebab,Ne as IcoKey,Qe as IcoLightbulb,Xe as IcoLightbulbFill,Ke as IcoLightning,qe as IcoLightningFill,_e as IcoLink,or as IcoLoading,rr as IcoLockLocked,tr as IcoLockPassword,mr as IcoLockUnlocked,lr as IcoLockUnlockedFill,dr as IcoLoginForm,xr as IcoMagic,nr as IcoMegaphone,gr as IcoMenu,kr as IcoMessage,Ir as IcoMessageFill,hr as IcoMfa,Cr as IcoMinimize,Pr as IcoMobile2fa,br as IcoMobile2fafill,yr as IcoOpenBook,Tr as IcoPaperPlane,Er as IcoPassport,Rr as IcoPasswordless,vr as IcoPendingConnection,Hr as IcoPhone,Xr as IcoPolygonGas,Nr as IcoPolygonGasTestnet,Qr as IcoPrice,qr as IcoQrcode,_r as IcoQuestionCircle,Kr as IcoQuestionCircleFill,ra as IcoRefresh,oa as IcoRefreshCircleFill,ta as IcoRocketFill,la as IcoSearch,ma as IcoSettings,da as IcoShapes,ga as IcoShield,xa as IcoShieldApproved,na as IcoShieldRejected,Ia as IcoSocial,ka as IcoSoldOutTag,ha as IcoStar,Ca as IcoSwap,Pa as IcoSwatches,ba as IcoTeam,ya as IcoTrash,Ta as IcoUsers,Ra as IcoWallet,Ea as IcoWalletFill,va as IcoWand,Na as IcoWarning,Ha as IcoWarningFill,Ol as IconArt,Gl as IconArtDark,zl as IconDelete,Ul as IconEmail,Zl as IconEmailGlobe,Vl as IconGameController,jl as IconGameControllerDark,Jl as IconGenericToken,Yl as IconMagicGlobe,$l as IconMagicLogo,as as IconMusic,es as IconMusicDark,ss as IconPerson,fs as IconPersonDark,ps as IconProfileDark,us as IconProfileLight,cs as IconReset,is as IconSms,Ms as IconTicket,Ls as IconTicketDark,ws as IconWarning,Bs as IconWarningDark,Fs as IconWarningShield,h as LoadingSpinner,Ss as LogoAlgorand,As as LogoAlgorandMono,Ds as LogoApple,Ws as LogoAppleMono,Os as LogoAptos,Gs as LogoAptosMono,js as LogoArbitrum,zs as LogoArbitrumMono,Us as LogoArbitrumOne,Zs as LogoArbitrumOneMono,Js as LogoAstar,Vs as LogoAstarMono,$s as LogoAuth0,Ys as LogoAuth0Mono,am as LogoAvalanche,em as LogoAvalancheMono,sm as LogoAzure,fm as LogoAzureMono,um as LogoBase,pm as LogoBaseMono,im as LogoBerachain,cm as LogoBerachainMono,Mm as LogoBinance,Lm as LogoBinanceMono,Fm as LogoBitBucket,Bm as LogoBitBucketMono,Am as LogoBitcoin,wm as LogoBitcoinMono,Wm as LogoBnb,Sm as LogoBnbMono,Gm as LogoCelo,Dm as LogoCeloMono,zm as LogoChiliz,Om as LogoChilizMono,Um as LogoCognito,Zm as LogoCognitoMono,Vm as LogoCosmos,jm as LogoCosmosMono,Ym as LogoDiscord,Jm as LogoDiscordMono,ep as LogoEthereum,$m as LogoEthereumMono,fp as LogoEtherlink,ap as LogoEtherlinkMono,pp as LogoFacebook,sp as LogoFacebookMono,cp as LogoFlare,up as LogoFlareMono,Lp as LogoFlow,ip as LogoFlowMono,Bp as LogoGitHub,Mp as LogoGitHubMono,wp as LogoGitLab,Fp as LogoGitLabMono,Sp as LogoGoogle,Ap as LogoGoogleMono,Dp as LogoHarmony,Wp as LogoHarmonyMono,Op as LogoHorizen,Gp as LogoHorizenMono,Zp as LogoIcon,zp as LogoIconMono,jp as LogoImmutableX,Up as LogoImmutableXMono,$p as LogoLink,Jp as LogoLinkByStripe,Vp as LogoLinkByStripeMono,Yp as LogoLinkMono,ad as LogoLinkedIn,ed as LogoLinkedInMono,sd as LogoLoopring,fd as LogoLoopringMono,ud as LogoMicrosoft,pd as LogoMicrosoftMono,id as LogoMoonbeam,cd as LogoMoonbeamMono,Md as LogoNear,Ld as LogoNearMono,Fd as LogoOnramper,Bd as LogoOnramperMono,Ad as LogoOptimism,wd as LogoOptimismMono,Gd as LogoPayPal,Sd as LogoPayPalMono,Dd as LogoPayPalWordmark,Wd as LogoPayPalWordmarkMono,zd as LogoPoa,Od as LogoPoaMono,Ud as LogoPolkadot,Zd as LogoPolkadotMono,Vd as LogoPolygon,jd as LogoPolygonMono,Yd as LogoRarichain,Jd as LogoRarichainMono,eu as LogoSardine,$d as LogoSardineMono,fu as LogoSei,au as LogoSeiMono,pu as LogoSolana,su as LogoSolanaMono,cu as LogoStability,uu as LogoStabilityMono,Lu as LogoSui,iu as LogoSuiMono,Bu as LogoTezos,Mu as LogoTezosMono,wu as LogoTwitch,Fu as LogoTwitchMono,Su as LogoTwitter,Au as LogoTwitterMono,Du as LogoWalletConnect,Wu as LogoWalletConnectMono,Ou as LogoWarpcast,Gu as LogoWarpcastMono,Zu as LogoWax,zu as LogoWaxMono,ju as LogoXdc,Uu as LogoXdcMono,Ju as LogoZetachain,Vu as LogoZetachainMono,$u as LogoZilliqa,Yu as LogoZilliqaMono,ax as LogoZksync,ex as LogoZksyncMono,x as Modal,gt as NFTTile,nt as NavigationButton,n as Overlay,dt as Page,xt as PassportPage,fx as PayAmex,sx as PayDiscover,px as PayMastercard,g as PayPalButton,ux as PayVisa,ot as PhoneInput,rt as PinCodeInput,Rx as Popover,cx as PresentationLogo,C as ProgressBar,oc as QRCode,vx as Radio,zx as RadioGroup,rc as SecuredByMagic,qa as SecurityOtp,Zx as SegmentedControl,tc as SharedLogo,P as Skeleton,I as SocialLoginButton,Xx as Switch,Nx as Tab,Qx as Text,Ka as TextBox,tt as TextInput,b as Toast,S as ToastProvider,It as TokenListItem,W as Tooltip,kt as TransactionRow,qx as VerifyPincode,_a as WalletAddress,ix as WebsiteMagic,Lx as WltCoinbase,Mx as WltMattel,Bx as WltMetamask,Fx as WltPhantom,wx as WltRainbow,Ax as WltWalletConnect,lc as useCustomVars,mc as useToast};
1
+ import{Card as r}from"./components/containers/card.js";import{Content as t}from"./components/containers/content.js";import{Drawer as l}from"./components/containers/drawer.js";import{Footer as m}from"./components/containers/footer.js";import{Header as d}from"./components/containers/header.js";import{Menu as x}from"./components/containers/menu.js";import{Modal as n}from"./components/containers/modal.js";import{Overlay as g}from"./components/containers/overlay.js";import{PayPalButton as I}from"./components/external/paypal-button.js";import{SocialLoginButton as k}from"./components/external/social-login-button.js";import{Callout as h}from"./components/feedback/callout.js";import{LoadingSpinner as C}from"./components/feedback/loading-spinner.js";import{ProgressBar as P}from"./components/feedback/progress-bar.js";import{Skeleton as b}from"./components/feedback/skeleton.js";import{Toast as y,ToastProvider as W}from"./components/feedback/toast-provider.js";import{default as D}from"./components/feedback/tooltip.js";import{default as G}from"./components/icons/ico-add.js";import{default as O}from"./components/icons/ico-alert-circle-fill.js";import{default as z}from"./components/icons/ico-alert-circle.js";import{default as Z}from"./components/icons/ico-arrow-down.js";import{default as U}from"./components/icons/ico-arrow-left.js";import{default as j}from"./components/icons/ico-arrow-right.js";import{default as V}from"./components/icons/ico-arrow-up.js";import{default as J}from"./components/icons/ico-asterisk-with-shield.js";import{default as Y}from"./components/icons/ico-asterisk.js";import{default as $}from"./components/icons/ico-astronaut.js";import{default as eo}from"./components/icons/ico-atom.js";import{default as ao}from"./components/icons/ico-bank.js";import{default as fo}from"./components/icons/ico-bell-notification.js";import{default as so}from"./components/icons/ico-bell.js";import{default as po}from"./components/icons/ico-block.js";import{default as xo}from"./components/icons/ico-branding.js";import{default as no}from"./components/icons/ico-caret-down.js";import{default as go}from"./components/icons/ico-caret-left.js";import{default as Io}from"./components/icons/ico-caret-right.js";import{default as ko}from"./components/icons/ico-caret-up.js";import{default as ho}from"./components/icons/ico-checkmark-circle-fill.js";import{default as Co}from"./components/icons/ico-checkmark-circle.js";import{default as Po}from"./components/icons/ico-checkmark.js";import{default as bo}from"./components/icons/ico-code-editor.js";import{default as yo}from"./components/icons/ico-code-sandbox.js";import{default as To}from"./components/icons/ico-code.js";import{default as Eo}from"./components/icons/ico-command-line.js";import{default as Ro}from"./components/icons/ico-comment.js";import{default as vo}from"./components/icons/ico-copy.js";import{default as Ho}from"./components/icons/ico-credit-card.js";import{default as No}from"./components/icons/ico-dedicated.js";import{default as Xo}from"./components/icons/ico-diamond.js";import{default as Qo}from"./components/icons/ico-dismiss-circle-fill.js";import{default as qo}from"./components/icons/ico-dismiss-circle.js";import{default as Ko}from"./components/icons/ico-dismiss.js";import{default as _o}from"./components/icons/ico-doc.js";import{default as oe}from"./components/icons/ico-download.js";import{default as re}from"./components/icons/ico-edit-email.js";import{default as te}from"./components/icons/ico-edit.js";import{default as le}from"./components/icons/ico-email-fill.js";import{default as me}from"./components/icons/ico-email-open.js";import{default as de}from"./components/icons/ico-email.js";import{default as xe}from"./components/icons/ico-expand.js";import{default as ne}from"./components/icons/ico-expiration.js";import{default as ge}from"./components/icons/ico-external-link.js";import{default as Ie}from"./components/icons/ico-eye-closed.js";import{default as ke}from"./components/icons/ico-eye-opened.js";import{default as he}from"./components/icons/ico-fingerprint-fill.js";import{default as Ce}from"./components/icons/ico-fingerprint.js";import{default as Pe}from"./components/icons/ico-gas.js";import{default as be}from"./components/icons/ico-gift.js";import{default as ye}from"./components/icons/ico-globe.js";import{default as Te}from"./components/icons/ico-guide.js";import{default as Ee}from"./components/icons/ico-home.js";import{default as Re}from"./components/icons/ico-hourglass.js";import{default as ve}from"./components/icons/ico-info-circle-fill.js";import{default as He}from"./components/icons/ico-info-circle.js";import{default as Ne}from"./components/icons/ico-kebab.js";import{default as Xe}from"./components/icons/ico-key.js";import{default as Qe}from"./components/icons/ico-lightbulb-fill.js";import{default as qe}from"./components/icons/ico-lightbulb.js";import{default as Ke}from"./components/icons/ico-lightning-fill.js";import{default as _e}from"./components/icons/ico-lightning.js";import{default as or}from"./components/icons/ico-link.js";import{default as rr}from"./components/icons/ico-loading.js";import{default as tr}from"./components/icons/ico-lock-locked.js";import{default as lr}from"./components/icons/ico-lock-password.js";import{default as mr}from"./components/icons/ico-lock-unlocked-fill.js";import{default as dr}from"./components/icons/ico-lock-unlocked.js";import{default as xr}from"./components/icons/ico-login-form.js";import{default as nr}from"./components/icons/ico-magic.js";import{default as gr}from"./components/icons/ico-megaphone.js";import{default as Ir}from"./components/icons/ico-menu.js";import{default as kr}from"./components/icons/ico-message-fill.js";import{default as hr}from"./components/icons/ico-message.js";import{default as Cr}from"./components/icons/ico-mfa.js";import{default as Pr}from"./components/icons/ico-minimize.js";import{default as br}from"./components/icons/ico-mobile2fa.js";import{default as yr}from"./components/icons/ico-mobile2fafill.js";import{default as Tr}from"./components/icons/ico-open-book.js";import{default as Er}from"./components/icons/ico-paper-plane.js";import{default as Rr}from"./components/icons/ico-passport.js";import{default as vr}from"./components/icons/ico-passwordless.js";import{default as Hr}from"./components/icons/ico-pending-connection.js";import{default as Nr}from"./components/icons/ico-phone.js";import{default as Xr}from"./components/icons/ico-polygon-gas-testnet.js";import{default as Qr}from"./components/icons/ico-polygon-gas.js";import{default as qr}from"./components/icons/ico-price.js";import{default as Kr}from"./components/icons/ico-qrcode.js";import{default as _r}from"./components/icons/ico-question-circle-fill.js";import{default as oa}from"./components/icons/ico-question-circle.js";import{default as ra}from"./components/icons/ico-refresh-circle-fill.js";import{default as ta}from"./components/icons/ico-refresh.js";import{default as la}from"./components/icons/ico-rocket-fill.js";import{default as ma}from"./components/icons/ico-search.js";import{default as da}from"./components/icons/ico-settings.js";import{default as xa}from"./components/icons/ico-shapes.js";import{default as na}from"./components/icons/ico-shield-approved.js";import{default as ga}from"./components/icons/ico-shield-rejected.js";import{default as Ia}from"./components/icons/ico-shield.js";import{default as ka}from"./components/icons/ico-social.js";import{default as ha}from"./components/icons/ico-sold-out-tag.js";import{default as Ca}from"./components/icons/ico-star.js";import{default as Pa}from"./components/icons/ico-swap.js";import{default as ba}from"./components/icons/ico-swatches.js";import{default as ya}from"./components/icons/ico-team.js";import{default as Ta}from"./components/icons/ico-trash.js";import{default as Ea}from"./components/icons/ico-users.js";import{default as Ra}from"./components/icons/ico-wallet-fill.js";import{default as va}from"./components/icons/ico-wallet.js";import{default as Ha}from"./components/icons/ico-wand.js";import{default as Na}from"./components/icons/ico-warning-fill.js";import{default as Xa}from"./components/icons/ico-warning.js";import{default as Qa}from"./components/info/copy-button.js";import{default as qa}from"./components/info/email-wbr.js";import{default as Ka}from"./components/info/security-otp.js";import{default as _a}from"./components/info/text-box.js";import{default as ot}from"./components/info/wallet-address.js";import{default as rt}from"./components/inputs/phone-input.js";import{PinCodeInput as tt}from"./components/inputs/pincode-input.js";import{TextInput as lt}from"./components/inputs/text-input.js";import{Dialogue as mt}from"./components/layouts/dialogue.js";import{Error as dt}from"./components/layouts/error.js";import{Page as xt}from"./components/layouts/page.js";import{PassportPage as nt}from"./components/layouts/passport-page.js";import{default as gt}from"./components/list-items/navigation-button.js";import{NFTTile as It}from"./components/list-items/nft-tile.js";import{TokenListItem as kt}from"./components/list-items/token-list-item.js";import{TransactionRow as ht}from"./components/list-items/transaction-row.js";import{default as Ct}from"./components/logos/blc-algorand.js";import{default as Pt}from"./components/logos/blc-aptos.js";import{default as bt}from"./components/logos/blc-arbitrum.js";import{default as yt}from"./components/logos/blc-astar.js";import{default as Tt}from"./components/logos/blc-avalanche.js";import{default as Et}from"./components/logos/blc-base.js";import{default as Rt}from"./components/logos/blc-berachain.js";import{default as vt}from"./components/logos/blc-binance.js";import{default as Ht}from"./components/logos/blc-bitcoin.js";import{default as Nt}from"./components/logos/blc-celo.js";import{default as Xt}from"./components/logos/blc-chiliz.js";import{default as Qt}from"./components/logos/blc-cosmos.js";import{default as qt}from"./components/logos/blc-ethereum.js";import{default as Kt}from"./components/logos/blc-etherlink.js";import{default as _t}from"./components/logos/blc-flow.js";import{default as of}from"./components/logos/blc-harmony.js";import{default as rf}from"./components/logos/blc-icon.js";import{default as tf}from"./components/logos/blc-immutable-x.js";import{default as lf}from"./components/logos/blc-loopring.js";import{default as mf}from"./components/logos/blc-moonbeam.js";import{default as df}from"./components/logos/blc-near.js";import{default as xf}from"./components/logos/blc-optimism.js";import{default as nf}from"./components/logos/blc-polkadot.js";import{default as Lf}from"./components/logos/blc-polygon.js";import{default as Mf}from"./components/logos/blc-rarichain.js";import{default as Bf}from"./components/logos/blc-solana.js";import{default as Ff}from"./components/logos/blc-stability.js";import{default as wf}from"./components/logos/blc-sui.js";import{default as Af}from"./components/logos/blc-tezos.js";import{default as Sf}from"./components/logos/blc-wax.js";import{default as Wf}from"./components/logos/blc-zetachain.js";import{default as Df}from"./components/logos/blc-zilliqa.js";import{default as Gf}from"./components/logos/blc-zksync.js";import{default as Of}from"./components/logos/fwk-11ty.js";import{default as zf}from"./components/logos/fwk-android.js";import{default as Zf}from"./components/logos/fwk-apple.js";import{default as Uf}from"./components/logos/fwk-authy.js";import{default as jf}from"./components/logos/fwk-binance-fill.js";import{default as Vf}from"./components/logos/fwk-chrome.js";import{default as Jf}from"./components/logos/fwk-electron.js";import{default as Yf}from"./components/logos/fwk-express.js";import{default as $f}from"./components/logos/fwk-fauna.js";import{default as el}from"./components/logos/fwk-firebase.js";import{default as al}from"./components/logos/fwk-go.js";import{default as fl}from"./components/logos/fwk-google-authenticator.js";import{default as sl}from"./components/logos/fwk-hasura.js";import{default as pl}from"./components/logos/fwk-javascript.js";import{default as ul}from"./components/logos/fwk-jwt.js";import{default as cl}from"./components/logos/fwk-laravel.js";import{default as il}from"./components/logos/fwk-nextjs.js";import{default as Ll}from"./components/logos/fwk-nodejs.js";import{default as Ml}from"./components/logos/fwk-nuxtjs.js";import{default as Bl}from"./components/logos/fwk-php.js";import{default as Fl}from"./components/logos/fwk-react.js";import{default as wl}from"./components/logos/fwk-strapi.js";import{default as Al}from"./components/logos/fwk-stripe.js";import{default as Sl}from"./components/logos/fwk-vue.js";import{default as Wl}from"./components/logos/fwk-webflow.js";import{default as Dl}from"./components/logos/fwk-wordpress.js";import{default as Gl}from"./components/logos/fwk-zapier.js";import{default as Ol}from"./components/logos/icon-art-dark.js";import{default as zl}from"./components/logos/icon-art.js";import{default as Zl}from"./components/logos/icon-delete.js";import{default as Ul}from"./components/logos/icon-email-globe.js";import{default as jl}from"./components/logos/icon-email.js";import{default as Vl}from"./components/logos/icon-game-controller-dark.js";import{default as Jl}from"./components/logos/icon-game-controller.js";import{default as Yl}from"./components/logos/icon-generic-token.js";import{default as $l}from"./components/logos/icon-magic-globe.js";import{default as es}from"./components/logos/icon-magic-logo.js";import{default as as}from"./components/logos/icon-music-dark.js";import{default as fs}from"./components/logos/icon-music.js";import{default as ss}from"./components/logos/icon-person-dark.js";import{default as ps}from"./components/logos/icon-person.js";import{default as us}from"./components/logos/icon-profile-dark.js";import{default as cs}from"./components/logos/icon-profile-light.js";import{default as is}from"./components/logos/icon-reset.js";import{default as Ls}from"./components/logos/icon-sms.js";import{default as Ms}from"./components/logos/icon-ticket-dark.js";import{default as Bs}from"./components/logos/icon-ticket.js";import{default as Fs}from"./components/logos/icon-warning-dark.js";import{default as ws}from"./components/logos/icon-warning-shield.js";import{default as As}from"./components/logos/icon-warning.js";import{default as Ss}from"./components/logos/logo-algorand-mono.js";import{default as Ws}from"./components/logos/logo-algorand.js";import{default as Ds}from"./components/logos/logo-apple-mono.js";import{default as Gs}from"./components/logos/logo-apple.js";import{default as Os}from"./components/logos/logo-aptos-mono.js";import{default as zs}from"./components/logos/logo-aptos.js";import{default as Zs}from"./components/logos/logo-arbitrum-mono.js";import{default as Us}from"./components/logos/logo-arbitrum-one-mono.js";import{default as js}from"./components/logos/logo-arbitrum-one.js";import{default as Vs}from"./components/logos/logo-arbitrum.js";import{default as Js}from"./components/logos/logo-astar-mono.js";import{default as Ys}from"./components/logos/logo-astar.js";import{default as $s}from"./components/logos/logo-auth0-mono.js";import{default as em}from"./components/logos/logo-auth0.js";import{default as am}from"./components/logos/logo-avalanche-mono.js";import{default as fm}from"./components/logos/logo-avalanche.js";import{default as sm}from"./components/logos/logo-azure-mono.js";import{default as pm}from"./components/logos/logo-azure.js";import{default as um}from"./components/logos/logo-base-mono.js";import{default as cm}from"./components/logos/logo-base.js";import{default as im}from"./components/logos/logo-berachain-mono.js";import{default as Lm}from"./components/logos/logo-berachain.js";import{default as Mm}from"./components/logos/logo-binance-mono.js";import{default as Bm}from"./components/logos/logo-binance.js";import{default as Fm}from"./components/logos/logo-bit-bucket-mono.js";import{default as wm}from"./components/logos/logo-bit-bucket.js";import{default as Am}from"./components/logos/logo-bitcoin-mono.js";import{default as Sm}from"./components/logos/logo-bitcoin.js";import{default as Wm}from"./components/logos/logo-bnb-mono.js";import{default as Dm}from"./components/logos/logo-bnb.js";import{default as Gm}from"./components/logos/logo-celo-mono.js";import{default as Om}from"./components/logos/logo-celo.js";import{default as zm}from"./components/logos/logo-chiliz-mono.js";import{default as Zm}from"./components/logos/logo-chiliz.js";import{default as Um}from"./components/logos/logo-cognito-mono.js";import{default as jm}from"./components/logos/logo-cognito.js";import{default as Vm}from"./components/logos/logo-cosmos-mono.js";import{default as Jm}from"./components/logos/logo-cosmos.js";import{default as Ym}from"./components/logos/logo-discord-mono.js";import{default as $m}from"./components/logos/logo-discord.js";import{default as ep}from"./components/logos/logo-ethereum-mono.js";import{default as ap}from"./components/logos/logo-ethereum.js";import{default as fp}from"./components/logos/logo-etherlink-mono.js";import{default as sp}from"./components/logos/logo-etherlink.js";import{default as pp}from"./components/logos/logo-facebook-mono.js";import{default as up}from"./components/logos/logo-facebook.js";import{default as cp}from"./components/logos/logo-flare-mono.js";import{default as ip}from"./components/logos/logo-flare.js";import{default as Lp}from"./components/logos/logo-flow-mono.js";import{default as Mp}from"./components/logos/logo-flow.js";import{default as Bp}from"./components/logos/logo-git-hub-mono.js";import{default as Fp}from"./components/logos/logo-git-hub.js";import{default as wp}from"./components/logos/logo-git-lab-mono.js";import{default as Ap}from"./components/logos/logo-git-lab.js";import{default as Sp}from"./components/logos/logo-google-mono.js";import{default as Wp}from"./components/logos/logo-google.js";import{default as Dp}from"./components/logos/logo-harmony-mono.js";import{default as Gp}from"./components/logos/logo-harmony.js";import{default as Op}from"./components/logos/logo-horizen-mono.js";import{default as zp}from"./components/logos/logo-horizen.js";import{default as Zp}from"./components/logos/logo-icon-mono.js";import{default as Up}from"./components/logos/logo-icon.js";import{default as jp}from"./components/logos/logo-immutable-x-mono.js";import{default as Vp}from"./components/logos/logo-immutable-x.js";import{default as Jp}from"./components/logos/logo-link-by-stripe-mono.js";import{default as Yp}from"./components/logos/logo-link-by-stripe.js";import{default as $p}from"./components/logos/logo-link-mono.js";import{default as ed}from"./components/logos/logo-link.js";import{default as ad}from"./components/logos/logo-linked-in-mono.js";import{default as fd}from"./components/logos/logo-linked-in.js";import{default as sd}from"./components/logos/logo-loopring-mono.js";import{default as pd}from"./components/logos/logo-loopring.js";import{default as ud}from"./components/logos/logo-microsoft-mono.js";import{default as cd}from"./components/logos/logo-microsoft.js";import{default as id}from"./components/logos/logo-moonbeam-mono.js";import{default as Ld}from"./components/logos/logo-moonbeam.js";import{default as Md}from"./components/logos/logo-near-mono.js";import{default as Bd}from"./components/logos/logo-near.js";import{default as Fd}from"./components/logos/logo-onramper-mono.js";import{default as wd}from"./components/logos/logo-onramper.js";import{default as Ad}from"./components/logos/logo-optimism-mono.js";import{default as Sd}from"./components/logos/logo-optimism.js";import{default as Wd}from"./components/logos/logo-pay-pal-mono.js";import{default as Dd}from"./components/logos/logo-pay-pal-wordmark-mono.js";import{default as Gd}from"./components/logos/logo-pay-pal-wordmark.js";import{default as Od}from"./components/logos/logo-pay-pal.js";import{default as zd}from"./components/logos/logo-poa-mono.js";import{default as Zd}from"./components/logos/logo-poa.js";import{default as Ud}from"./components/logos/logo-polkadot-mono.js";import{default as jd}from"./components/logos/logo-polkadot.js";import{default as Vd}from"./components/logos/logo-polygon-mono.js";import{default as Jd}from"./components/logos/logo-polygon.js";import{default as Yd}from"./components/logos/logo-rarichain-mono.js";import{default as $d}from"./components/logos/logo-rarichain.js";import{default as eu}from"./components/logos/logo-sardine-mono.js";import{default as au}from"./components/logos/logo-sardine.js";import{default as fu}from"./components/logos/logo-sei-mono.js";import{default as su}from"./components/logos/logo-sei.js";import{default as pu}from"./components/logos/logo-solana-mono.js";import{default as uu}from"./components/logos/logo-solana.js";import{default as cu}from"./components/logos/logo-stability-mono.js";import{default as iu}from"./components/logos/logo-stability.js";import{default as Lu}from"./components/logos/logo-sui-mono.js";import{default as Mu}from"./components/logos/logo-sui.js";import{default as Bu}from"./components/logos/logo-tezos-mono.js";import{default as Fu}from"./components/logos/logo-tezos.js";import{default as wu}from"./components/logos/logo-twitch-mono.js";import{default as Au}from"./components/logos/logo-twitch.js";import{default as Su}from"./components/logos/logo-twitter-mono.js";import{default as Wu}from"./components/logos/logo-twitter.js";import{default as Du}from"./components/logos/logo-wallet-connect-mono.js";import{default as Gu}from"./components/logos/logo-wallet-connect.js";import{default as Ou}from"./components/logos/logo-warpcast-mono.js";import{default as zu}from"./components/logos/logo-warpcast.js";import{default as Zu}from"./components/logos/logo-wax-mono.js";import{default as Uu}from"./components/logos/logo-wax.js";import{default as ju}from"./components/logos/logo-xdc-mono.js";import{default as Vu}from"./components/logos/logo-xdc.js";import{default as Ju}from"./components/logos/logo-zetachain-mono.js";import{default as Yu}from"./components/logos/logo-zetachain.js";import{default as $u}from"./components/logos/logo-zilliqa-mono.js";import{default as ex}from"./components/logos/logo-zilliqa.js";import{default as ax}from"./components/logos/logo-zksync-mono.js";import{default as fx}from"./components/logos/logo-zksync.js";import{default as sx}from"./components/logos/pay-amex.js";import{default as px}from"./components/logos/pay-discover.js";import{default as ux}from"./components/logos/pay-mastercard.js";import{default as cx}from"./components/logos/pay-visa.js";import{default as ix}from"./components/logos/presentation-logo.js";import{default as Lx}from"./components/logos/website-magic.js";import{default as Mx}from"./components/logos/wlt-coinbase.js";import{default as Bx}from"./components/logos/wlt-mattel.js";import{default as Fx}from"./components/logos/wlt-metamask.js";import{default as wx}from"./components/logos/wlt-phantom.js";import{default as Ax}from"./components/logos/wlt-rainbow.js";import{default as Sx}from"./components/logos/wlt-wallet-connect.js";import{default as Wx}from"./components/primitives/button.js";import{default as Dx}from"./components/primitives/checkbox.js";import{DropdownOption as Gx,DropdownSelector as Rx}from"./components/primitives/dropdown-selector.js";import{Popover as vx}from"./components/primitives/popover.js";import{Radio as Hx,RadioGroup as Zx}from"./components/primitives/radio.js";import{SegmentedControl as Ux,Tab as Xx}from"./components/primitives/segmented-control.js";import{default as Qx}from"./components/primitives/switch.js";import{default as qx}from"./components/primitives/text.js";import{VerifyPincode as Kx}from"./components/sections/verify-pincode.js";import{default as _x}from"./components/utils/animate.js";import{ClientAssetLogo as oc}from"./components/utils/client-asset-logo.js";import{default as rc}from"./components/utils/qr-code.js";import{default as tc}from"./components/utils/secured-by-magic.js";import{default as lc}from"./components/utils/shared-logo.js";import{useCustomVars as mc}from"./hooks/theme.js";import{useToast as dc}from"./hooks/useToast.js";export{_x as Animate,Ct as BlcAlgorand,Pt as BlcAptos,bt as BlcArbitrum,yt as BlcAstar,Tt as BlcAvalanche,Et as BlcBase,Rt as BlcBerachain,vt as BlcBinance,Ht as BlcBitcoin,Nt as BlcCelo,Xt as BlcChiliz,Qt as BlcCosmos,qt as BlcEthereum,Kt as BlcEtherlink,_t as BlcFlow,of as BlcHarmony,rf as BlcIcon,tf as BlcImmutableX,lf as BlcLoopring,mf as BlcMoonbeam,df as BlcNear,xf as BlcOptimism,nf as BlcPolkadot,Lf as BlcPolygon,Mf as BlcRarichain,Bf as BlcSolana,Ff as BlcStability,wf as BlcSui,Af as BlcTezos,Sf as BlcWax,Wf as BlcZetachain,Df as BlcZilliqa,Gf as BlcZksync,Wx as Button,h as Callout,r as Card,Dx as Checkbox,oc as ClientAssetLogo,t as Content,Qa as CopyButton,mt as Dialogue,l as Drawer,Gx as DropdownOption,Rx as DropdownSelector,qa as EmailWbr,dt as Error,m as Footer,Of as Fwk11ty,zf as FwkAndroid,Zf as FwkApple,Uf as FwkAuthy,jf as FwkBinanceFill,Vf as FwkChrome,Jf as FwkElectron,Yf as FwkExpress,$f as FwkFauna,el as FwkFirebase,al as FwkGo,fl as FwkGoogleAuthenticator,sl as FwkHasura,pl as FwkJavascript,ul as FwkJwt,cl as FwkLaravel,il as FwkNextjs,Ll as FwkNodejs,Ml as FwkNuxtjs,Bl as FwkPhp,Fl as FwkReact,wl as FwkStrapi,Al as FwkStripe,Sl as FwkVue,Wl as FwkWebflow,Dl as FwkWordpress,Gl as FwkZapier,d as Header,G as IcoAdd,z as IcoAlertCircle,O as IcoAlertCircleFill,Z as IcoArrowDown,U as IcoArrowLeft,j as IcoArrowRight,V as IcoArrowUp,Y as IcoAsterisk,J as IcoAsteriskWithShield,$ as IcoAstronaut,eo as IcoAtom,ao as IcoBank,so as IcoBell,fo as IcoBellNotification,po as IcoBlock,xo as IcoBranding,no as IcoCaretDown,go as IcoCaretLeft,Io as IcoCaretRight,ko as IcoCaretUp,Po as IcoCheckmark,Co as IcoCheckmarkCircle,ho as IcoCheckmarkCircleFill,To as IcoCode,bo as IcoCodeEditor,yo as IcoCodeSandbox,Eo as IcoCommandLine,Ro as IcoComment,vo as IcoCopy,Ho as IcoCreditCard,No as IcoDedicated,Xo as IcoDiamond,Ko as IcoDismiss,qo as IcoDismissCircle,Qo as IcoDismissCircleFill,_o as IcoDoc,oe as IcoDownload,te as IcoEdit,re as IcoEditEmail,de as IcoEmail,le as IcoEmailFill,me as IcoEmailOpen,xe as IcoExpand,ne as IcoExpiration,ge as IcoExternalLink,Ie as IcoEyeClosed,ke as IcoEyeOpened,Ce as IcoFingerprint,he as IcoFingerprintFill,Pe as IcoGas,be as IcoGift,ye as IcoGlobe,Te as IcoGuide,Ee as IcoHome,Re as IcoHourglass,He as IcoInfoCircle,ve as IcoInfoCircleFill,Ne as IcoKebab,Xe as IcoKey,qe as IcoLightbulb,Qe as IcoLightbulbFill,_e as IcoLightning,Ke as IcoLightningFill,or as IcoLink,rr as IcoLoading,tr as IcoLockLocked,lr as IcoLockPassword,dr as IcoLockUnlocked,mr as IcoLockUnlockedFill,xr as IcoLoginForm,nr as IcoMagic,gr as IcoMegaphone,Ir as IcoMenu,hr as IcoMessage,kr as IcoMessageFill,Cr as IcoMfa,Pr as IcoMinimize,br as IcoMobile2fa,yr as IcoMobile2fafill,Tr as IcoOpenBook,Er as IcoPaperPlane,Rr as IcoPassport,vr as IcoPasswordless,Hr as IcoPendingConnection,Nr as IcoPhone,Qr as IcoPolygonGas,Xr as IcoPolygonGasTestnet,qr as IcoPrice,Kr as IcoQrcode,oa as IcoQuestionCircle,_r as IcoQuestionCircleFill,ta as IcoRefresh,ra as IcoRefreshCircleFill,la as IcoRocketFill,ma as IcoSearch,da as IcoSettings,xa as IcoShapes,Ia as IcoShield,na as IcoShieldApproved,ga as IcoShieldRejected,ka as IcoSocial,ha as IcoSoldOutTag,Ca as IcoStar,Pa as IcoSwap,ba as IcoSwatches,ya as IcoTeam,Ta as IcoTrash,Ea as IcoUsers,va as IcoWallet,Ra as IcoWalletFill,Ha as IcoWand,Xa as IcoWarning,Na as IcoWarningFill,zl as IconArt,Ol as IconArtDark,Zl as IconDelete,jl as IconEmail,Ul as IconEmailGlobe,Jl as IconGameController,Vl as IconGameControllerDark,Yl as IconGenericToken,$l as IconMagicGlobe,es as IconMagicLogo,fs as IconMusic,as as IconMusicDark,ps as IconPerson,ss as IconPersonDark,us as IconProfileDark,cs as IconProfileLight,is as IconReset,Ls as IconSms,Bs as IconTicket,Ms as IconTicketDark,As as IconWarning,Fs as IconWarningDark,ws as IconWarningShield,C as LoadingSpinner,Ws as LogoAlgorand,Ss as LogoAlgorandMono,Gs as LogoApple,Ds as LogoAppleMono,zs as LogoAptos,Os as LogoAptosMono,Vs as LogoArbitrum,Zs as LogoArbitrumMono,js as LogoArbitrumOne,Us as LogoArbitrumOneMono,Ys as LogoAstar,Js as LogoAstarMono,em as LogoAuth0,$s as LogoAuth0Mono,fm as LogoAvalanche,am as LogoAvalancheMono,pm as LogoAzure,sm as LogoAzureMono,cm as LogoBase,um as LogoBaseMono,Lm as LogoBerachain,im as LogoBerachainMono,Bm as LogoBinance,Mm as LogoBinanceMono,wm as LogoBitBucket,Fm as LogoBitBucketMono,Sm as LogoBitcoin,Am as LogoBitcoinMono,Dm as LogoBnb,Wm as LogoBnbMono,Om as LogoCelo,Gm as LogoCeloMono,Zm as LogoChiliz,zm as LogoChilizMono,jm as LogoCognito,Um as LogoCognitoMono,Jm as LogoCosmos,Vm as LogoCosmosMono,$m as LogoDiscord,Ym as LogoDiscordMono,ap as LogoEthereum,ep as LogoEthereumMono,sp as LogoEtherlink,fp as LogoEtherlinkMono,up as LogoFacebook,pp as LogoFacebookMono,ip as LogoFlare,cp as LogoFlareMono,Mp as LogoFlow,Lp as LogoFlowMono,Fp as LogoGitHub,Bp as LogoGitHubMono,Ap as LogoGitLab,wp as LogoGitLabMono,Wp as LogoGoogle,Sp as LogoGoogleMono,Gp as LogoHarmony,Dp as LogoHarmonyMono,zp as LogoHorizen,Op as LogoHorizenMono,Up as LogoIcon,Zp as LogoIconMono,Vp as LogoImmutableX,jp as LogoImmutableXMono,ed as LogoLink,Yp as LogoLinkByStripe,Jp as LogoLinkByStripeMono,$p as LogoLinkMono,fd as LogoLinkedIn,ad as LogoLinkedInMono,pd as LogoLoopring,sd as LogoLoopringMono,cd as LogoMicrosoft,ud as LogoMicrosoftMono,Ld as LogoMoonbeam,id as LogoMoonbeamMono,Bd as LogoNear,Md as LogoNearMono,wd as LogoOnramper,Fd as LogoOnramperMono,Sd as LogoOptimism,Ad as LogoOptimismMono,Od as LogoPayPal,Wd as LogoPayPalMono,Gd as LogoPayPalWordmark,Dd as LogoPayPalWordmarkMono,Zd as LogoPoa,zd as LogoPoaMono,jd as LogoPolkadot,Ud as LogoPolkadotMono,Jd as LogoPolygon,Vd as LogoPolygonMono,$d as LogoRarichain,Yd as LogoRarichainMono,au as LogoSardine,eu as LogoSardineMono,su as LogoSei,fu as LogoSeiMono,uu as LogoSolana,pu as LogoSolanaMono,iu as LogoStability,cu as LogoStabilityMono,Mu as LogoSui,Lu as LogoSuiMono,Fu as LogoTezos,Bu as LogoTezosMono,Au as LogoTwitch,wu as LogoTwitchMono,Wu as LogoTwitter,Su as LogoTwitterMono,Gu as LogoWalletConnect,Du as LogoWalletConnectMono,zu as LogoWarpcast,Ou as LogoWarpcastMono,Uu as LogoWax,Zu as LogoWaxMono,Vu as LogoXdc,ju as LogoXdcMono,Yu as LogoZetachain,Ju as LogoZetachainMono,ex as LogoZilliqa,$u as LogoZilliqaMono,fx as LogoZksync,ax as LogoZksyncMono,x as Menu,n as Modal,It as NFTTile,gt as NavigationButton,g as Overlay,xt as Page,nt as PassportPage,sx as PayAmex,px as PayDiscover,ux as PayMastercard,I as PayPalButton,cx as PayVisa,rt as PhoneInput,tt as PinCodeInput,vx as Popover,ix as PresentationLogo,P as ProgressBar,rc as QRCode,Hx as Radio,Zx as RadioGroup,tc as SecuredByMagic,Ka as SecurityOtp,Ux as SegmentedControl,lc as SharedLogo,b as Skeleton,k as SocialLoginButton,Qx as Switch,Xx as Tab,qx as Text,_a as TextBox,lt as TextInput,y as Toast,W as ToastProvider,kt as TokenListItem,D as Tooltip,ht as TransactionRow,Kx as VerifyPincode,ot as WalletAddress,Lx as WebsiteMagic,Mx as WltCoinbase,Bx as WltMattel,Fx as WltMetamask,wx as WltPhantom,Ax as WltRainbow,Sx as WltWalletConnect,mc as useCustomVars,dc as useToast};
2
2
  //# sourceMappingURL=index.js.map
@@ -1,2 +1,2 @@
1
- import{defineSemanticTokens as r}from"@pandacss/dev";const a=r.colors({surface:{primary:{value:{base:"var(--surface-primary, {colors.paper})",_light:"var(--surface-primary, {colors.paper})",_dark:"var(--surface-primary-dark, {colors.slate.0})"}},secondary:{value:{base:"var(--surface-secondary, {colors.ink.10})",_light:"var(--surface-secondary, {colors.ink.10})",_dark:"var(--surface-secondary-dark, {colors.slate.1})"}},tertiary:{value:{base:"var(--surface-tertiary, {colors.ink.20})",_light:"var(--surface-tertiary, {colors.ink.20})",_dark:"var(--surface-tertiary-dark, {colors.slate.2})"}}},text:{primary:{value:{base:"var(--text-primary, {colors.ink.90})",_light:"var(--text-primary, {colors.ink.90})",_dark:"var(--text-primary-dark, {colors.chalk})"}},secondary:{value:{base:"var(--text-secondary, {colors.ink.80})",_light:"var(--text-secondary, {colors.ink.80})",_dark:"var(--text-secondary-dark, {colors.chalk/72})"}},tertiary:{value:{base:"var(--text-tertiary, {colors.ink.70})",_light:"var(--text-tertiary, {colors.ink.70})",_dark:"var(--text-tertiary-dark, {colors.chalk/44})"}},quaternary:{value:{base:"var(--text-quaternary, {colors.chalk})",_light:"var(--text-quaternary, {colors.chalk})",_dark:"var(--text-quaternary-dark, {colors.ink.90})"}}},neutral:{primary:{value:{base:"var(--neutral-primary, {colors.ink.50})",_light:"var(--neutral-primary, {colors.ink.50})",_dark:"var(--neutral-primary-dark, {colors.chalk/16})"}},secondary:{value:{base:"var(--neutral-secondary, {colors.ink.30})",_light:"var(--neutral-secondary, {colors.ink.30})",_dark:"var(--neutral-secondary-dark, {colors.chalk/12})"}},tertiary:{value:{base:"var(--neutral-tertiary, {colors.ink.20})",_light:"var(--neutral-tertiary, {colors.ink.20})",_dark:"var(--neutral-tertiary-dark, {colors.chalk/8})"}},quaternary:{value:{base:"var(--neutral-quaternary, {colors.ink.10})",_light:"var(--neutral-quaternary, {colors.ink.10})",_dark:"var(--neutral-quaternary-dark, {colors.chalk/5})"}}},brand:{lightest:{value:{base:"var(--brand-lightest, {colors.magic.10})",_light:"var(--brand-lightest, {colors.magic.10})",_dark:"var(--brand-lightest-dark, {colors.magic.30/25})"}},lighter:{value:{base:"var(--brand-lighter, {colors.magic.30})",_light:"var(--brand-lighter, {colors.magic.30})",_dark:"var(--brand-lighter-dark, {colors.magic.30/66})"}},base:{value:{base:"var(--brand-base, {colors.magic.50})",_light:"var(--brand-base, {colors.magic.50})",_dark:"var(--brand-base-dark, {colors.magic.30})"}},darker:{value:{base:"var(--brand-darker, {colors.magic.70})",_light:"var(--brand-darker, {colors.magic.70})",_dark:"var(--brand-darker-dark, {colors.magic.10})"}},darkest:{value:{base:"var(--brand-darkest, {colors.magic.90})",_light:"var(--brand-darkest, {colors.magic.90})",_dark:"var(--brand-darkest-dark, {colors.magic.10})"}}},positive:{lightest:{value:{base:"{colors.leaf.10}",_light:"{colors.leaf.10}",_dark:"{colors.leaf.30/8}"}},lighter:{value:{base:"{colors.leaf.30}",_light:"{colors.leaf.30}",_dark:"{colors.leaf.30/72}"}},base:{value:{base:"{colors.leaf.50}",_light:"{colors.leaf.50}",_dark:"{colors.leaf.30}"}},darker:{value:{base:"{colors.leaf.70}",_light:"{colors.leaf.70}",_dark:"{colors.leaf.50}"}},darkest:{value:{base:"{colors.leaf.90}",_light:"{colors.leaf.90}",_dark:"{colors.leaf.50}"}}},negative:{lightest:{value:{base:"{colors.ruby.10}",_light:"{colors.ruby.10}",_dark:"{colors.ruby.30/8}"}},lighter:{value:{base:"{colors.ruby.30}",_light:"{colors.ruby.30}",_dark:"{colors.ruby.30/72}"}},base:{value:{base:"{colors.ruby.50}",_light:"{colors.ruby.50}",_dark:"{colors.ruby.30}"}},darker:{value:{base:"{colors.ruby.70}",_light:"{colors.ruby.70}",_dark:"{colors.ruby.50}"}},darkest:{value:{base:"{colors.ruby.90}",_light:"{colors.ruby.90}",_dark:"{colors.ruby.50}"}}},warning:{lightest:{value:{base:"{colors.gold.10}",_light:"{colors.gold.10}",_dark:"{colors.gold.30/8}"}},lighter:{value:{base:"{colors.gold.30}",_light:"{colors.gold.30}",_dark:"{colors.gold.30/72}"}},base:{value:{base:"{colors.gold.50}",_light:"{colors.gold.50}",_dark:"{colors.gold.30}"}},darker:{value:{base:"{colors.gold.70}",_light:"{colors.gold.70}",_dark:"{colors.gold.50}"}},darkest:{value:{base:"{colors.gold.90}",_light:"{colors.gold.90}",_dark:"{colors.gold.50}"}}},dedicated:{lightest:{value:{base:"{colors.sky.10}",_light:"{colors.sky.10}",_dark:"{colors.sky.30/8}"}},lighter:{value:{base:"{colors.sky.30}",_light:"{colors.sky.30}",_dark:"{colors.sky.30/72}"}},base:{value:{base:"{colors.sky.50}",_light:"{colors.sky.50}",_dark:"{colors.sky.30}"}},darker:{value:{base:"{colors.sky.70}",_light:"{colors.sky.70}",_dark:"{colors.sky.50}"}},darkest:{value:{base:"{colors.sky.90}",_light:"{colors.sky.90}",_dark:"{colors.sky.50}"}}}});export{a as semanticColors};
1
+ import{defineSemanticTokens as r}from"@pandacss/dev";const a=r.colors({surface:{primary:{value:{base:"var(--surface-primary, {colors.paper})",_light:"var(--surface-primary, {colors.paper})",_dark:"var(--surface-primary-dark, {colors.slate.0})"}},secondary:{value:{base:"var(--surface-secondary, {colors.ink.10})",_light:"var(--surface-secondary, {colors.ink.10})",_dark:"var(--surface-secondary-dark, {colors.slate.1})"}},tertiary:{value:{base:"var(--surface-tertiary, {colors.ink.20})",_light:"var(--surface-tertiary, {colors.ink.20})",_dark:"var(--surface-tertiary-dark, {colors.slate.2})"}},quaternary:{value:{base:"var(--surface-quaternary, {colors.ink.30})",_light:"var(--surface-quaternary, {colors.ink.30})",_dark:"var(--surface-quaternary-dark, {colors.slate.3})"}}},text:{primary:{value:{base:"var(--text-primary, {colors.ink.90})",_light:"var(--text-primary, {colors.ink.90})",_dark:"var(--text-primary-dark, {colors.chalk})"}},secondary:{value:{base:"var(--text-secondary, {colors.ink.80})",_light:"var(--text-secondary, {colors.ink.80})",_dark:"var(--text-secondary-dark, {colors.chalk/72})"}},tertiary:{value:{base:"var(--text-tertiary, {colors.ink.70})",_light:"var(--text-tertiary, {colors.ink.70})",_dark:"var(--text-tertiary-dark, {colors.chalk/44})"}},quaternary:{value:{base:"var(--text-quaternary, {colors.chalk})",_light:"var(--text-quaternary, {colors.chalk})",_dark:"var(--text-quaternary-dark, {colors.ink.90})"}}},neutral:{primary:{value:{base:"var(--neutral-primary, {colors.ink.50})",_light:"var(--neutral-primary, {colors.ink.50})",_dark:"var(--neutral-primary-dark, {colors.chalk/16})"}},secondary:{value:{base:"var(--neutral-secondary, {colors.ink.30})",_light:"var(--neutral-secondary, {colors.ink.30})",_dark:"var(--neutral-secondary-dark, {colors.chalk/12})"}},tertiary:{value:{base:"var(--neutral-tertiary, {colors.ink.20})",_light:"var(--neutral-tertiary, {colors.ink.20})",_dark:"var(--neutral-tertiary-dark, {colors.chalk/8})"}},quaternary:{value:{base:"var(--neutral-quaternary, {colors.ink.10})",_light:"var(--neutral-quaternary, {colors.ink.10})",_dark:"var(--neutral-quaternary-dark, {colors.chalk/5})"}}},brand:{lightest:{value:{base:"var(--brand-lightest, {colors.magic.10})",_light:"var(--brand-lightest, {colors.magic.10})",_dark:"var(--brand-lightest-dark, {colors.magic.30/25})"}},lighter:{value:{base:"var(--brand-lighter, {colors.magic.30})",_light:"var(--brand-lighter, {colors.magic.30})",_dark:"var(--brand-lighter-dark, {colors.magic.30/66})"}},base:{value:{base:"var(--brand-base, {colors.magic.50})",_light:"var(--brand-base, {colors.magic.50})",_dark:"var(--brand-base-dark, {colors.magic.30})"}},darker:{value:{base:"var(--brand-darker, {colors.magic.70})",_light:"var(--brand-darker, {colors.magic.70})",_dark:"var(--brand-darker-dark, {colors.magic.10})"}},darkest:{value:{base:"var(--brand-darkest, {colors.magic.90})",_light:"var(--brand-darkest, {colors.magic.90})",_dark:"var(--brand-darkest-dark, {colors.magic.10})"}}},positive:{lightest:{value:{base:"{colors.leaf.10}",_light:"{colors.leaf.10}",_dark:"{colors.leaf.30/8}"}},lighter:{value:{base:"{colors.leaf.30}",_light:"{colors.leaf.30}",_dark:"{colors.leaf.30/72}"}},base:{value:{base:"{colors.leaf.50}",_light:"{colors.leaf.50}",_dark:"{colors.leaf.30}"}},darker:{value:{base:"{colors.leaf.70}",_light:"{colors.leaf.70}",_dark:"{colors.leaf.50}"}},darkest:{value:{base:"{colors.leaf.90}",_light:"{colors.leaf.90}",_dark:"{colors.leaf.50}"}}},negative:{lightest:{value:{base:"{colors.ruby.10}",_light:"{colors.ruby.10}",_dark:"{colors.ruby.30/8}"}},lighter:{value:{base:"{colors.ruby.30}",_light:"{colors.ruby.30}",_dark:"{colors.ruby.30/72}"}},base:{value:{base:"{colors.ruby.50}",_light:"{colors.ruby.50}",_dark:"{colors.ruby.30}"}},darker:{value:{base:"{colors.ruby.70}",_light:"{colors.ruby.70}",_dark:"{colors.ruby.50}"}},darkest:{value:{base:"{colors.ruby.90}",_light:"{colors.ruby.90}",_dark:"{colors.ruby.50}"}}},warning:{lightest:{value:{base:"{colors.gold.10}",_light:"{colors.gold.10}",_dark:"{colors.gold.30/8}"}},lighter:{value:{base:"{colors.gold.30}",_light:"{colors.gold.30}",_dark:"{colors.gold.30/72}"}},base:{value:{base:"{colors.gold.50}",_light:"{colors.gold.50}",_dark:"{colors.gold.30}"}},darker:{value:{base:"{colors.gold.70}",_light:"{colors.gold.70}",_dark:"{colors.gold.50}"}},darkest:{value:{base:"{colors.gold.90}",_light:"{colors.gold.90}",_dark:"{colors.gold.50}"}}},dedicated:{lightest:{value:{base:"{colors.sky.10}",_light:"{colors.sky.10}",_dark:"{colors.sky.30/8}"}},lighter:{value:{base:"{colors.sky.30}",_light:"{colors.sky.30}",_dark:"{colors.sky.30/72}"}},base:{value:{base:"{colors.sky.50}",_light:"{colors.sky.50}",_dark:"{colors.sky.30}"}},darker:{value:{base:"{colors.sky.70}",_light:"{colors.sky.70}",_dark:"{colors.sky.50}"}},darkest:{value:{base:"{colors.sky.90}",_light:"{colors.sky.90}",_dark:"{colors.sky.50}"}}}});export{a as semanticColors};
2
2
  //# sourceMappingURL=semantic-tokens.js.map
@@ -1 +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.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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"}
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 quaternary: {\n value: {\n base: 'var(--surface-quaternary, {colors.ink.30})',\n _light: 'var(--surface-quaternary, {colors.ink.30})',\n _dark: 'var(--surface-quaternary-dark, {colors.slate.3})',\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":"qDAEa,MAAAA,EAAiBC,EAAqB,OAAO,CACxD,QAAS,CACP,QAAS,CACP,MAAO,CACL,KAAM,yCACN,OAAQ,yCACR,MAAO,+CACR,CACF,EACD,UAAW,CACT,MAAO,CACL,KAAM,4CACN,OAAQ,4CACR,MAAO,iDACR,CACF,EACD,SAAU,CACR,MAAO,CACL,KAAM,2CACN,OAAQ,2CACR,MAAO,gDACR,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,6CACN,OAAQ,6CACR,MAAO,kDACR,CACF,CACF,EACD,KAAM,CACJ,QAAS,CACP,MAAO,CACL,KAAM,uCACN,OAAQ,uCACR,MAAO,0CACR,CACF,EACD,UAAW,CACT,MAAO,CACL,KAAM,yCACN,OAAQ,yCACR,MAAO,+CACR,CACF,EACD,SAAU,CACR,MAAO,CACL,KAAM,wCACN,OAAQ,wCACR,MAAO,8CACR,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,yCACN,OAAQ,yCACR,MAAO,8CACR,CACF,CACF,EACD,QAAS,CACP,QAAS,CACP,MAAO,CACL,KAAM,0CACN,OAAQ,0CACR,MAAO,gDACR,CACF,EACD,UAAW,CACT,MAAO,CACL,KAAM,4CACN,OAAQ,4CACR,MAAO,kDACR,CACF,EACD,SAAU,CACR,MAAO,CACL,KAAM,2CACN,OAAQ,2CACR,MAAO,gDACR,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,6CACN,OAAQ,6CACR,MAAO,kDACR,CACF,CACF,EACD,MAAO,CACL,SAAU,CACR,MAAO,CACL,KAAM,2CACN,OAAQ,2CACR,MAAO,kDACR,CACF,EACD,QAAS,CACP,MAAO,CACL,KAAM,0CACN,OAAQ,0CACR,MAAO,iDACR,CACF,EACD,KAAM,CACJ,MAAO,CACL,KAAM,uCACN,OAAQ,uCACR,MAAO,2CACR,CACF,EACD,OAAQ,CACN,MAAO,CACL,KAAM,yCACN,OAAQ,yCACR,MAAO,6CACR,CACF,EACD,QAAS,CACP,MAAO,CACL,KAAM,0CACN,OAAQ,0CACR,MAAO,8CACR,CACF,CACF,EACD,SAAU,CACR,SAAU,CAAE,MAAO,CAAE,KAAM,mBAAoB,OAAQ,mBAAoB,MAAO,qBAAwB,EAC1G,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,OAAQ,mBAAoB,MAAO,sBAAyB,EAC1G,KAAM,CAAE,MAAO,CAAE,KAAM,mBAAoB,OAAQ,mBAAoB,MAAO,mBAAsB,EACpG,OAAQ,CAAE,MAAO,CAAE,KAAM,mBAAoB,OAAQ,mBAAoB,MAAO,mBAAsB,EACtG,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,OAAQ,mBAAoB,MAAO,mBAAsB,CACxG,EACD,SAAU,CACR,SAAU,CAAE,MAAO,CAAE,KAAM,mBAAoB,OAAQ,mBAAoB,MAAO,qBAAwB,EAC1G,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,OAAQ,mBAAoB,MAAO,sBAAyB,EAC1G,KAAM,CAAE,MAAO,CAAE,KAAM,mBAAoB,OAAQ,mBAAoB,MAAO,mBAAsB,EACpG,OAAQ,CAAE,MAAO,CAAE,KAAM,mBAAoB,OAAQ,mBAAoB,MAAO,mBAAsB,EACtG,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,OAAQ,mBAAoB,MAAO,mBAAsB,CACxG,EACD,QAAS,CACP,SAAU,CAAE,MAAO,CAAE,KAAM,mBAAoB,OAAQ,mBAAoB,MAAO,qBAAwB,EAC1G,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,OAAQ,mBAAoB,MAAO,sBAAyB,EAC1G,KAAM,CAAE,MAAO,CAAE,KAAM,mBAAoB,OAAQ,mBAAoB,MAAO,mBAAsB,EACpG,OAAQ,CAAE,MAAO,CAAE,KAAM,mBAAoB,OAAQ,mBAAoB,MAAO,mBAAsB,EACtG,QAAS,CAAE,MAAO,CAAE,KAAM,mBAAoB,OAAQ,mBAAoB,MAAO,mBAAsB,CACxG,EACD,UAAW,CACT,SAAU,CAAE,MAAO,CAAE,KAAM,kBAAmB,OAAQ,kBAAmB,MAAO,oBAAuB,EACvG,QAAS,CAAE,MAAO,CAAE,KAAM,kBAAmB,OAAQ,kBAAmB,MAAO,qBAAwB,EACvG,KAAM,CAAE,MAAO,CAAE,KAAM,kBAAmB,OAAQ,kBAAmB,MAAO,kBAAqB,EACjG,OAAQ,CAAE,MAAO,CAAE,KAAM,kBAAmB,OAAQ,kBAAmB,MAAO,kBAAqB,EACnG,QAAS,CAAE,MAAO,CAAE,KAAM,kBAAmB,OAAQ,kBAAmB,MAAO,kBAAqB,CACrG,CACF,CAAA"}
@@ -1 +1 @@
1
- {"schemaVersion":"0.40.1","styles":{"atomic":["display]___[value:inline-flex","alignItems]___[value:center","justifyContent]___[value:center","position]___[value:relative","fontWeight]___[value:semibold","boxSizing]___[value:border-box","borderRadius]___[value:button","border]___[value:thin solid","borderColor]___[value:transparent","cursor]___[value:pointer","transition]___[value:all 0.1s ease","outline]___[value:none","willChange]___[value:transform, opacity","background]___[value:none","transform]___[value:scale(0.95)]___[cond:_active","opacity]___[value:0.3]___[cond:_disabled","pointerEvents]___[value:none]___[cond:_disabled","content]___[value:\"\"]___[cond:_before","position]___[value:absolute]___[cond:_before","top]___[value:0]___[cond:_before","left]___[value:0]___[cond:_before","right]___[value:0]___[cond:_before","bottom]___[value:0]___[cond:_before","borderRadius]___[value:inherit]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))]___[cond:_before<___>_dark","opacity]___[value:0]___[cond:_before","transition]___[value:opacity 0.1s ease]___[cond:_before","opacity]___[value:1]___[cond:_hover<___>_before","height]___[value:9","paddingBlock]___[value:1.5","paddingInline]___[value:4","height]___[value:12","paddingBlock]___[value:3","paddingInline]___[value:6","height]___[value:15","paddingBlock]___[value:4","background]___[value:brand.base","background]___[value:brand.lightest","background]___[value:negative.darker","background]___[value:neutral.tertiary","mixBlendMode]___[value:multiply]___[cond:_light","background]___[value:transparent","borderColor]___[value:neutral.primary","padding]___[value:0","height]___[value:fit-content","opacity]___[value:0]___[cond:_hover<___>_before","background]___[value:#ffffff14","background]___[value:#ffffff4d]___[cond:_hover","background]___[value:#ffffff29]___[cond:_dark","backdropFilter]___[value:blur(3px)","display]___[value:none]___[cond:_before","background]___[value:ink.90","background]___[value:paper]___[cond:_dark","pointerEvents]___[value:none","width]___[value:full","borderRadius]___[value:full","display]___[value:flex","textAlign]___[value:center","whiteSpace]___[value:nowrap","fontSize]___[value:sm","lineHeight]___[value:1.5rem","fontSize]___[value:md","fontSize]___[value:lg","lineHeight]___[value:1.75rem","color]___[value:surface.primary","color]___[value:brand.darker","color]___[value:text.primary","color]___[value:brand.base","color]___[value:brand.darkest]___[cond:_groupHover","color]___[value:brand.lighter]___[cond:_groupHover<___>_dark","color]___[value:chalk","color]___[value:ink.90]___[cond:_dark","color]___[value:negative.darker","color]___[value:negative.darkest]___[cond:_groupHover","color]___[value:ruby.70]___[cond:_groupHover<___>_dark","color]___[value:text.secondary]___[cond:_groupHover","color]___[value:text.secondary]___[cond:_groupHover<___>_dark","color]___[value:text.tertiary","outlineColor]___[value:brand.base","outlineStyle]___[value:solid","outlineWidth]___[value:thick","outlineOffset]___[value:0.5","width]___[value:9","padding]___[value:1.5","width]___[value:12","padding]___[value:3","width]___[value:15","padding]___[value:4","width]___[value:fit-content","borderRadius]___[value:10","outlineColor]___[value:brand.lightest]___[cond:_focusVisible","background]___[value:positive.lightest","outlineColor]___[value:positive.lightest]___[cond:_focusVisible","background]___[value:negative.lightest","outlineColor]___[value:negative.lightest]___[cond:_focusVisible","background]___[value:warning.lightest","outlineColor]___[value:warning.lightest]___[cond:_focusVisible","background]___[value:surface.secondary","outlineColor]___[value:surface.secondary]___[cond:_focusVisible","transition]___[value:transform 0.2s ease, opacity 0.2s ease","opacity]___[value:0.8]___[cond:_hover","outlineStyle]___[value:solid]___[cond:_focusVisible","outlineWidth]___[value:thick]___[cond:_focusVisible","outlineOffset]___[value:0.5]___[cond:_focusVisible","animationFillMode]___[value:forwards","animationName]___[value:scaleOut","animationDuration]___[value:150ms","scale]___[value:1]___[cond:_motionReduce","textAlign]___[value:left","color]___[value:brand.darkest","color]___[value:positive.darkest","color]___[value:negative.darkest","color]___[value:warning.darkest","color]___[value:text.secondary","textTransform]___[value:uppercase","fontSize]___[value:xs","letterSpacing]___[value:0.06rem","marginLeft]___[value:7","marginRight]___[value:7","outlineColor]___[value:brand.base]___[cond:_focusVisible","borderRadius]___[value:2]___[cond:_focusVisible","backgroundColor]___[value:surface.primary","borderRadius]___[value:1rem","cursor]___[value:default","height]___[value:10.75rem","width]___[value:10.75rem","alignItems]___[value:flex-start","alignItems]___[value:flex-end","overflow]___[value:hidden","overflow]___[value:visible","gap]___[value:0","gap]___[value:4","gap]___[value:5","gap]___[value:6","boxShadow]___[value:0px 1px 2px rgba(189, 189, 189, 0.3)","boxShadow]___[value:8px 8px 48px rgba(16, 15, 17, 0.14)","paddingInline]___[value:8","paddingBlock]___[value:6","padding]___[value:12","flex]___[value:1","maxWidth]___[value:29.125rem","maxWidth]___[value:full]___[cond:mdDown","opacity]___[value:0.3","backgroundColor]___[value:surface.tertiary","filter]___[value:brightness(0.9)]___[cond:_hover","height]___[value:full","background]___[value:surface.primary","overflow]___[value:auto","scrollbarWidth]___[value:none","top]___[value:12]___[cond:@media (min-width: 48rem)","marginInline]___[value:auto]___[cond:@media (min-width: 48rem)","width]___[value:25rem]___[cond:@media (min-width: 48rem)","height]___[value:fit-content]___[cond:@media (min-width: 48rem)","boxShadow]___[value:0px 12px 56px {colors.ink.70/15}]___[cond:@media (min-width: 48rem)","borderRadius]___[value:container]___[cond:@media (min-width: 48rem)","boxShadow]___[value:none]___[cond:@media (min-width: 48rem)<___>_dark","height]___[value:100vh]___[cond:@media (min-width: 48rem)","width]___[value:100vw]___[cond:@media (min-width: 48rem)","background]___[value:surface.primary]___[cond:@media (min-width: 48rem)","position]___[value:relative]___[cond:@media (min-width: 48rem)","overflow]___[value:auto]___[cond:@media (min-width: 48rem)","scrollbarWidth]___[value:none]___[cond:@media (min-width: 48rem)","borderRadius]___[value:0]___[cond:@media (min-width: 48rem)","top]___[value:0]___[cond:@media (min-width: 48rem)","animationName]___[value:none","scale]___[value:1","padding]___[value:2","paddingBottom]___[value:0","padding]___[value:8","borderWidth]___[value:1]___[cond:@media (min-width: 48rem)<___>_dark","borderBlock]___[value:solid]___[cond:@media (min-width: 48rem)<___>_dark","borderColor]___[value:neutral.secondary]___[cond:@media (min-width: 48rem)<___>_dark","animationName]___[value:scaleIn","animationDuration]___[value:250ms","pointerEvents]___[value:all","position]___[value:fixed","top]___[value:0","left]___[value:0","backdropBlur]___[value:0.375rem","backdropFilter]___[value:auto","backgroundColor]___[value:surface.primary/70","animationName]___[value:fadeIn","animationDuration]___[value:400ms","animationName]___[value:fadeOut","height]___[value:100vh","width]___[value:100vw","maxWidth]___[value:100rem","margin]___[value:0 auto","maxWidth]___[value:none","fontWeight]___[value:medium","backgroundColor]___[value:transparent","borderStyle]___[value:solid","borderWidth]___[value:thin","borderColor]___[value:neutral.secondary","borderRadius]___[value:input","transition]___[value:all linear 120ms","width]___[value:100%","borderColor]___[value:neutral.primary]___[cond:_hover","outlineColor]___[value:brand.base]___[cond:_focusWithin","outlineStyle]___[value:solid]___[cond:_focusWithin","outlineWidth]___[value:thick]___[cond:_focusWithin","outlineOffset]___[value:0.5]___[cond:_focusWithin","height]___[value:10","borderColor]___[value:negative.base","paddingBlock]___[value:2","borderColor]___[value:neutral.secondary]___[cond:_hover","margin]___[value:0","minWidth]___[value:10","fontWeight]___[value:normal","color]___[value:text.tertiary]___[cond:_placeholder","borderColor]___[value:neutral.primary]___[cond:_groupHover","textAlign]___[value:right","fontSize]___[value:xl","transition]___[value:opacity linear 120ms","textWrap]___[value:wrap","color]___[value:positive.base","color]___[value:warning.base","textStyle]___[value:body-xs","textStyle]___[value:body-sm","textStyle]___[value:body-md","textStyle]___[value:body-lg","textStyle]___[value:body-sm-scaled","textStyle]___[value:body-md-scaled","textStyle]___[value:body-lg-scaled","textStyle]___[value:mono-sm","textStyle]___[value:mono-md","textStyle]___[value:mono-lg","padding]___[value:20px","justifyContent]___[value:flex-start","justifyContent]___[value:flex-end","zIndex]___[value:max","boxShadow]___[value:4px 8px 20px 0px rgba(0, 0, 0, 0.15)","backgroundColor]___[value:brand.base","backgroundColor]___[value:positive.darker","backgroundColor]___[value:warning.darker","backgroundColor]___[value:negative.darker","backgroundColor]___[value:text.tertiary","backgroundColor]___[value:text.secondary]___[cond:_dark","height]___[value:1rem","width]___[value:1rem","background]___[value:linear-gradient(#00CC8F, #6851FF)","inset]___[value:0","gap]___[value:10px","flexDirection]___[value:row","display]___[value:grid","gridTemplateColumns]___[value:repeat(6, minmax(0, 1fr))","columnGap]___[value:2rem","rowGap]___[value:2rem","marginTop]___[value:6","flexDirection]___[value:column","fill]___[value:white","truncate]___[value:true","flexShrink]___[value:0","paddingTop]___[value:6","display]___[value:block","display]___[value:none","position]___[value:absolute","bottom]___[value:0","right]___[value:0","background]___[value:text.primary/20","background]___[value:rgba(0, 0, 0, .7)]___[cond:_dark","transform]___[value:translateY(0)","transform]___[value:translateY(100%)","transition]___[value:transform 0.3s","background]___[value:surface.secondary]___[cond:_dark","borderTopRadius]___[value:3xl","boxShadow]___[value:0px -12px 56px 0px rgba(119, 118, 122, 0.15)","zIndex]___[value:10","paddingBottom]___[value:6","justifyContent]___[value:space-between","minWidth]___[value:8]___[cond:& ><___>_first","minWidth]___[value:8]___[cond:& ><___>_last","outlineStyle]___[value:none","background]___[value:#ffc439","outlineColor]___[value:#ffc439","strokeWidth]___[value:2.5","gap]___[value:1","marginTop]___[value:0.5","width]___[value:60","gap]___[value:1.5","stroke]___[value:text.primary","stroke]___[value:brand.base","stroke]___[value:surface.primary","strokeOpacity]___[value:0.12","animation]___[value:spin 1s linear infinite","transformOrigin]___[value:center center","borderRadius]___[value:2rem","borderWidth]___[value:thick","borderColor]___[value:surface.primary","borderRadius]___[value:3xl","background]___[value:surface.primary]___[cond:_dark","left]___[value:-50%","transform]___[value:skewX(-20deg)","backgroundImage]___[value:linear-gradient(90deg, transparent,rgba(0, 0, 0, .1), transparent)","backgroundImage]___[value:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent)]___[cond:_dark","maxWidth]___[value:72","width]___[value:max","paddingInline]___[value:3","borderRadius]___[value:xl","boxShadow]___[value:0px 4px 20px 0px rgba(0, 0, 0, 0.10)","left]___[value:50%","transform]___[value:translateX(-50%) translateY(calc(-100% - 0.75rem))","height]___[value:4","transform]___[value:translateX(-50%) translateY(0.75rem)","overflowWrap]___[value:break-word","wordBreak]___[value:break-word","fontWeight]___[value:600","justifyContent]___[value:space-around","background]___[value:neutral.quaternary","borderRadius]___[value:lg","minWidth]___[value:15rem","width]___[value:40%","borderLeft]___[value:thin solid","borderColor]___[value:neutral.tertiary","height]___[value:8","gap]___[value:3","userSelect]___[value:none","userSelect]___[value:auto","filter]___[value:blur(10px)","textWrap]___[value:nowrap","width]___[value:22","height]___[value:22","fontVariant]___[value:no-contextual","color]___[value:positive.darker","outlineOffset]___[value:1","width]___[value:1.125rem","height]___[value:1.125rem","objectFit]___[value:cover","borderStartRadius]___[value:input","width]___[value:20","background]___[value:surface.tertiary]___[cond:_hover","borderLeftWidth]___[value:thin","borderRadius]___[value:0","gap]___[value:2","background]___[value:brand.lightest]___[cond:_hover","transform]___[value:rotate(180)","width]___[value:14","height]___[value:14","top]___[value:55","maxHeight]___[value:17.5rem","overflowY]___[value:auto","width]___[value:18","height]___[value:18","minWidth]___[value:0","maxWidth]___[value:30rem","caretColor]___[value:transparent","borderRadius]___[value:0.5rem","marginBlock]___[value:4","maxWidth]___[value:8xl","marginInline]___[value:auto","paddingInline]___[value:6]___[cond:md","paddingInline]___[value:8]___[cond:lg","overlay]___[value:true","marginTop]___[value:8","marginTop]___[value:4","textStyle]___[value:neutral","textStyle]___[value:subtle","borderBottomColor]___[value:neutral.primary","borderBottomWidth]___[value:1px","height]___[value:24","width]___[value:24","width]___[value:6","flexGrow]___[value:1","flexDirection]___[value:column-reverse","paddingTop]___[value:1.5","transition]___[value:background-color 0.2s","background]___[value:neutral.secondary]___[cond:_hover","color]___[value:neutral.primary","borderRadius]___[value:2xl","boxShadow]___[value:0 6px 8px 2px rgba(0, 0, 0, .18)]___[cond:_hover","width]___[value:40","height]___[value:40","minHeight]___[value:16","background]___[value:surface.tertiary]___[cond:_dark","transition]___[value:background-color 0.1s","width]___[value:16","height]___[value:16","paddingBlock]___[value:2.5","opacity]___[value:1","borderRadius]___[value:sm","borderColor]___[value:brand.base","borderColor]___[value:text.tertiary","pointerEvents]___[value:auto","outlineColor]___[value:transparent","width]___[value:5","height]___[value:5","transition]___[value:background-color 0.2s ease, border-color 0.2s ease","cursor]___[value:pointer]___[cond:_hover","borderColor]___[value:brand.base]___[cond:_hover","width]___[value:2.5","height]___[value:0.5","marginLeft]___[value:3","srOnly]___[value:true","caret]___[value:18","check]___[value:16","height]___[value:3rem","mult]___[value:2.5","width]___[value:4","display]___[value:inline-block","alignItems]___[value:start","borderWidth]___[value:1","maxWidth]___[value:52","gap]___[value:10","transition]___[value:border-color 0.2s ease","height]___[value:6","flex]___[value:0 0 auto","width]___[value:3","height]___[value:3","borderRadius]___[value:9999px","padding]___[value:1","background]___[value:ink.10","background]___[value:slate.2]___[cond:_dark","opacity]___[value:0.5","background]___[value:paper","background]___[value:slate.4]___[cond:_dark","boxShadow]___[value:0px 4px 20px 0px {colors.ink.90/10}","transition]___[value:transform 0.2s ease","borderRadius]___[value:inherit","marginLeft]___[value:-1","height]___[value:13","transition]___[value:background 0s","transition]___[value:background 0.2s ease","background]___[value:transparent]___[cond:_hover","background]___[value:ink.20]___[cond:_hover","background]___[value:transparent]___[cond:_hover<___>_dark","background]___[value:slate.1]___[cond:_hover<___>_dark","zIndex]___[value:0","marginRight]___[value:1","marginRight]___[value:2","background]___[value:neutral.primary","background]___[value:ink.70]___[cond:_hover","background]___[value:brand.base]___[cond:_hover","background]___[value:slate.4]___[cond:_hover<___>_dark","background]___[value:brand.base]___[cond:_hover<___>_dark","paddingInline]___[value:0.5","width]___[value:11","transition]___[value:background-color 0.2s ease","left]___[value:6","transition]___[value:left 0.2s ease","textStyle]___[value:h1-scaled","textStyle]___[value:h1","textStyle]___[value:h2-scaled","textStyle]___[value:h2","textStyle]___[value:h3-scaled","textStyle]___[value:h3","textStyle]___[value:h4-scaled","textStyle]___[value:h4","textStyle]___[value:h5-scaled","textStyle]___[value:h5","textStyle]___[value:h6-scaled","textStyle]___[value:h6","truncate]___[value:false","strokeWidth]___[value:4","width]___[value:36","height]___[value:36","marginBlock]___[value:3","height]___[value:2.625rem","width]___[value:2.625rem","boxShadow]___[value:0.125rem 0.125rem 1.5rem {colors.ink.70/15}","fill]___[value:ink.50","fill]___[value:ink.70]___[cond:_dark","fill]___[value:url(\"#logo-gradient\")]___[cond:_hover","fill]___[value:url(\"#logo-gradient\")]___[cond:_active","fill]___[value:url(\"#logo-gradient\")]___[cond:_focus","color]___[value:text.tertiary]___[cond:_groupHover","color]___[value:ink.50","color]___[value:ink.70]___[cond:_dark","backgroundColor]___[value:magic.10","animation]___[value:fadeIn 0.5s, moveRight 1s 0.5s forwards","borderRadius]___[value:50%","borderWidth]___[value:3px","height]___[value:3.875rem","width]___[value:3.875rem","marginTop]___[value:-3px","marginRight]___[value:0.9rem","zIndex]___[value:1","marginLeft]___[value:0.9rem","animation]___[value:fadeIn 0.5s, moveLeft 1s 0.5s forwards","height]___[value:34","width]___[value:34","height]___[value:56","width]___[value:56","marginBlock]___[value:10","height]___[value:250","color]___[value:ink.70","gridTemplateColumns]___[value:2","fontWeight]___[value:bold","gap]___[value:8"],"recipes":{}}}
1
+ {"schemaVersion":"0.40.1","styles":{"atomic":["display]___[value:inline-flex","alignItems]___[value:center","justifyContent]___[value:center","position]___[value:relative","fontWeight]___[value:semibold","boxSizing]___[value:border-box","borderRadius]___[value:button","border]___[value:thin solid","borderColor]___[value:transparent","cursor]___[value:pointer","transition]___[value:all 0.1s ease","outline]___[value:none","willChange]___[value:transform, opacity","background]___[value:none","transform]___[value:scale(0.95)]___[cond:_active","opacity]___[value:0.3]___[cond:_disabled","pointerEvents]___[value:none]___[cond:_disabled","content]___[value:\"\"]___[cond:_before","position]___[value:absolute]___[cond:_before","top]___[value:0]___[cond:_before","left]___[value:0]___[cond:_before","right]___[value:0]___[cond:_before","bottom]___[value:0]___[cond:_before","borderRadius]___[value:inherit]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05))]___[cond:_before","backgroundImage]___[value:linear-gradient(rgba(255, 255, 255, 0.05), rgba(255, 255, 255, 0.05))]___[cond:_before<___>_dark","opacity]___[value:0]___[cond:_before","transition]___[value:opacity 0.1s ease]___[cond:_before","opacity]___[value:1]___[cond:_hover<___>_before","height]___[value:9","paddingBlock]___[value:1.5","paddingInline]___[value:4","height]___[value:12","paddingBlock]___[value:3","paddingInline]___[value:6","height]___[value:15","paddingBlock]___[value:4","background]___[value:brand.base","background]___[value:brand.lightest","background]___[value:negative.darker","background]___[value:neutral.tertiary","mixBlendMode]___[value:multiply]___[cond:_light","background]___[value:transparent","borderColor]___[value:neutral.primary","padding]___[value:0","height]___[value:fit-content","opacity]___[value:0]___[cond:_hover<___>_before","background]___[value:#ffffff14","background]___[value:#ffffff4d]___[cond:_hover","background]___[value:#ffffff29]___[cond:_dark","backdropFilter]___[value:blur(3px)","display]___[value:none]___[cond:_before","background]___[value:ink.90","background]___[value:paper]___[cond:_dark","pointerEvents]___[value:none","width]___[value:full","borderRadius]___[value:full","display]___[value:flex","textAlign]___[value:center","whiteSpace]___[value:nowrap","fontSize]___[value:sm","lineHeight]___[value:1.5rem","fontSize]___[value:md","fontSize]___[value:lg","lineHeight]___[value:1.75rem","color]___[value:surface.primary","color]___[value:brand.darker","color]___[value:text.primary","color]___[value:brand.base","color]___[value:brand.darkest]___[cond:_groupHover","color]___[value:brand.lighter]___[cond:_groupHover<___>_dark","color]___[value:chalk","color]___[value:ink.90]___[cond:_dark","color]___[value:negative.darker","color]___[value:negative.darkest]___[cond:_groupHover","color]___[value:ruby.70]___[cond:_groupHover<___>_dark","color]___[value:text.secondary]___[cond:_groupHover","color]___[value:text.secondary]___[cond:_groupHover<___>_dark","color]___[value:text.tertiary","outlineColor]___[value:brand.base","outlineStyle]___[value:solid","outlineWidth]___[value:thick","outlineOffset]___[value:0.5","width]___[value:9","padding]___[value:1.5","width]___[value:12","padding]___[value:3","width]___[value:15","padding]___[value:4","width]___[value:fit-content","borderRadius]___[value:10","outlineColor]___[value:brand.lightest]___[cond:_focusVisible","background]___[value:positive.lightest","outlineColor]___[value:positive.lightest]___[cond:_focusVisible","background]___[value:negative.lightest","outlineColor]___[value:negative.lightest]___[cond:_focusVisible","background]___[value:warning.lightest","outlineColor]___[value:warning.lightest]___[cond:_focusVisible","background]___[value:surface.secondary","outlineColor]___[value:surface.secondary]___[cond:_focusVisible","transition]___[value:transform 0.2s ease, opacity 0.2s ease","opacity]___[value:0.8]___[cond:_hover","outlineStyle]___[value:solid]___[cond:_focusVisible","outlineWidth]___[value:thick]___[cond:_focusVisible","outlineOffset]___[value:0.5]___[cond:_focusVisible","animationFillMode]___[value:forwards","animationName]___[value:scaleOut","animationDuration]___[value:150ms","scale]___[value:1]___[cond:_motionReduce","textAlign]___[value:left","color]___[value:brand.darkest","color]___[value:positive.darkest","color]___[value:negative.darkest","color]___[value:warning.darkest","color]___[value:text.secondary","textTransform]___[value:uppercase","fontSize]___[value:xs","letterSpacing]___[value:0.06rem","marginLeft]___[value:7","marginRight]___[value:7","outlineColor]___[value:brand.base]___[cond:_focusVisible","borderRadius]___[value:2]___[cond:_focusVisible","backgroundColor]___[value:surface.primary","borderRadius]___[value:1rem","cursor]___[value:default","height]___[value:10.75rem","width]___[value:10.75rem","alignItems]___[value:flex-start","alignItems]___[value:flex-end","overflow]___[value:hidden","overflow]___[value:visible","gap]___[value:0","gap]___[value:4","gap]___[value:5","gap]___[value:6","boxShadow]___[value:0px 1px 2px rgba(189, 189, 189, 0.3)","boxShadow]___[value:8px 8px 48px rgba(16, 15, 17, 0.14)","paddingInline]___[value:8","paddingBlock]___[value:6","padding]___[value:12","flex]___[value:1","maxWidth]___[value:29.125rem","maxWidth]___[value:full]___[cond:mdDown","opacity]___[value:0.3","backgroundColor]___[value:surface.tertiary","filter]___[value:brightness(0.9)]___[cond:_hover","height]___[value:full","background]___[value:surface.primary","overflow]___[value:auto","scrollbarWidth]___[value:none","top]___[value:12]___[cond:@media (min-width: 48rem)","marginInline]___[value:auto]___[cond:@media (min-width: 48rem)","width]___[value:25rem]___[cond:@media (min-width: 48rem)","height]___[value:fit-content]___[cond:@media (min-width: 48rem)","boxShadow]___[value:0px 12px 56px {colors.ink.70/15}]___[cond:@media (min-width: 48rem)","borderRadius]___[value:container]___[cond:@media (min-width: 48rem)","boxShadow]___[value:none]___[cond:@media (min-width: 48rem)<___>_dark","height]___[value:100vh]___[cond:@media (min-width: 48rem)","width]___[value:100vw]___[cond:@media (min-width: 48rem)","background]___[value:surface.primary]___[cond:@media (min-width: 48rem)","position]___[value:relative]___[cond:@media (min-width: 48rem)","overflow]___[value:auto]___[cond:@media (min-width: 48rem)","scrollbarWidth]___[value:none]___[cond:@media (min-width: 48rem)","borderRadius]___[value:0]___[cond:@media (min-width: 48rem)","top]___[value:0]___[cond:@media (min-width: 48rem)","animationName]___[value:none","scale]___[value:1","padding]___[value:2","paddingBottom]___[value:0","padding]___[value:8","borderWidth]___[value:1]___[cond:@media (min-width: 48rem)<___>_dark","borderBlock]___[value:solid]___[cond:@media (min-width: 48rem)<___>_dark","borderColor]___[value:neutral.secondary]___[cond:@media (min-width: 48rem)<___>_dark","animationName]___[value:scaleIn","animationDuration]___[value:250ms","pointerEvents]___[value:all","position]___[value:fixed","top]___[value:0","left]___[value:0","backdropBlur]___[value:0.375rem","backdropFilter]___[value:auto","backgroundColor]___[value:surface.primary/70","animationName]___[value:fadeIn","animationDuration]___[value:400ms","animationName]___[value:fadeOut","height]___[value:100vh","width]___[value:100vw","maxWidth]___[value:100rem","margin]___[value:0 auto","maxWidth]___[value:none","fontWeight]___[value:medium","backgroundColor]___[value:transparent","borderStyle]___[value:solid","borderWidth]___[value:thin","borderColor]___[value:neutral.secondary","borderRadius]___[value:input","transition]___[value:all linear 120ms","width]___[value:100%","borderColor]___[value:neutral.primary]___[cond:_hover","outlineColor]___[value:brand.base]___[cond:_focusWithin","outlineStyle]___[value:solid]___[cond:_focusWithin","outlineWidth]___[value:thick]___[cond:_focusWithin","outlineOffset]___[value:0.5]___[cond:_focusWithin","height]___[value:10","borderColor]___[value:negative.base","paddingBlock]___[value:2","borderColor]___[value:neutral.secondary]___[cond:_hover","margin]___[value:0","minWidth]___[value:10","fontWeight]___[value:normal","color]___[value:text.tertiary]___[cond:_placeholder","borderColor]___[value:neutral.primary]___[cond:_groupHover","textAlign]___[value:right","fontSize]___[value:xl","transition]___[value:opacity linear 120ms","textWrap]___[value:wrap","color]___[value:positive.base","color]___[value:warning.base","textStyle]___[value:body-xs","textStyle]___[value:body-sm","textStyle]___[value:body-md","textStyle]___[value:body-lg","textStyle]___[value:body-sm-scaled","textStyle]___[value:body-md-scaled","textStyle]___[value:body-lg-scaled","textStyle]___[value:mono-sm","textStyle]___[value:mono-md","textStyle]___[value:mono-lg","padding]___[value:20px","justifyContent]___[value:flex-start","justifyContent]___[value:flex-end","zIndex]___[value:max","boxShadow]___[value:4px 8px 20px 0px rgba(0, 0, 0, 0.15)","backgroundColor]___[value:brand.base","backgroundColor]___[value:positive.darker","backgroundColor]___[value:warning.darker","backgroundColor]___[value:negative.darker","backgroundColor]___[value:text.tertiary","backgroundColor]___[value:text.secondary]___[cond:_dark","height]___[value:1rem","width]___[value:1rem","background]___[value:linear-gradient(#00CC8F, #6851FF)","inset]___[value:0","gap]___[value:10px","flexDirection]___[value:row","display]___[value:grid","gridTemplateColumns]___[value:repeat(6, minmax(0, 1fr))","columnGap]___[value:2rem","rowGap]___[value:2rem","marginTop]___[value:6","flexDirection]___[value:column","fill]___[value:white","truncate]___[value:true","flexShrink]___[value:0","paddingTop]___[value:6","display]___[value:block","display]___[value:none","position]___[value:absolute","bottom]___[value:0","right]___[value:0","background]___[value:text.primary/20","background]___[value:rgba(0, 0, 0, .7)]___[cond:_dark","transform]___[value:translateY(0)","transform]___[value:translateY(100%)","transition]___[value:transform 0.3s","background]___[value:surface.secondary]___[cond:_dark","borderTopRadius]___[value:3xl","boxShadow]___[value:0px -12px 56px 0px rgba(119, 118, 122, 0.15)","zIndex]___[value:10","paddingBottom]___[value:6","justifyContent]___[value:space-between","minWidth]___[value:8]___[cond:& ><___>_first","minWidth]___[value:8]___[cond:& ><___>_last","textStyle]___[value:neutral","transform]___[value:translateX(-100%)","transform]___[value:translateX(100%)","transform]___[value:translateX(0)","width]___[value:80","borderRightRadius]___[value:2xl","borderLeftRadius]___[value:2xl","--thickness]___[value:1px","borderBlockEndWidth]___[value:var(--thickness)","borderColor]___[value:surface.quaternary","outlineStyle]___[value:none","background]___[value:#ffc439!important","outlineColor]___[value:#ffc439!important","strokeWidth]___[value:2.5","gap]___[value:1","marginTop]___[value:0.5","width]___[value:60","gap]___[value:1.5","stroke]___[value:text.primary","stroke]___[value:brand.base","stroke]___[value:surface.primary","strokeOpacity]___[value:0.12","animation]___[value:spin 1s linear infinite","transformOrigin]___[value:center center","borderRadius]___[value:2rem","borderWidth]___[value:thick","borderColor]___[value:surface.primary","borderRadius]___[value:3xl","background]___[value:surface.primary]___[cond:_dark","left]___[value:-50%","transform]___[value:skewX(-20deg)","backgroundImage]___[value:linear-gradient(90deg, transparent,rgba(0, 0, 0, .1), transparent)","backgroundImage]___[value:linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.15), transparent)]___[cond:_dark","maxWidth]___[value:72","width]___[value:max","paddingInline]___[value:3","borderRadius]___[value:xl","boxShadow]___[value:0px 4px 20px 0px rgba(0, 0, 0, 0.10)","left]___[value:50%","transform]___[value:translateX(-50%) translateY(calc(-100% - 0.75rem))","height]___[value:4","transform]___[value:translateX(-50%) translateY(0.75rem)","overflowWrap]___[value:break-word","wordBreak]___[value:break-word","fontWeight]___[value:600","justifyContent]___[value:space-around","background]___[value:neutral.quaternary","borderRadius]___[value:lg","minWidth]___[value:15rem","width]___[value:40%","borderLeft]___[value:thin solid","borderColor]___[value:neutral.tertiary","height]___[value:8","gap]___[value:3","userSelect]___[value:none","userSelect]___[value:auto","filter]___[value:blur(10px)","textWrap]___[value:nowrap","width]___[value:22","height]___[value:22","fontVariant]___[value:no-contextual","color]___[value:positive.darker","outlineOffset]___[value:1","width]___[value:1.125rem","height]___[value:1.125rem","objectFit]___[value:cover","borderStartRadius]___[value:input","width]___[value:20","background]___[value:surface.tertiary]___[cond:_hover","borderLeftWidth]___[value:thin","borderRadius]___[value:0","gap]___[value:2","background]___[value:brand.lightest]___[cond:_hover","transform]___[value:rotate(180)","width]___[value:14","height]___[value:14","top]___[value:55","maxHeight]___[value:17.5rem","overflowY]___[value:auto","width]___[value:18","height]___[value:18","minWidth]___[value:0","maxWidth]___[value:30rem","caretColor]___[value:transparent","borderRadius]___[value:0.5rem","marginBlock]___[value:4","maxWidth]___[value:8xl","marginInline]___[value:auto","paddingInline]___[value:6]___[cond:md","paddingInline]___[value:8]___[cond:lg","overlay]___[value:true","marginTop]___[value:8","marginTop]___[value:4","textStyle]___[value:subtle","borderBottomColor]___[value:neutral.primary","borderBottomWidth]___[value:1px","height]___[value:24","width]___[value:24","width]___[value:6","flexGrow]___[value:1","flexDirection]___[value:column-reverse","paddingTop]___[value:1.5","transition]___[value:background-color 0.2s","background]___[value:neutral.secondary]___[cond:_hover","color]___[value:neutral.primary","borderRadius]___[value:2xl","boxShadow]___[value:0 6px 8px 2px rgba(0, 0, 0, .18)]___[cond:_hover","width]___[value:40","height]___[value:40","minHeight]___[value:16","background]___[value:surface.tertiary]___[cond:_dark","transition]___[value:background-color 0.1s","width]___[value:16","height]___[value:16","paddingBlock]___[value:2.5","opacity]___[value:1","borderRadius]___[value:sm","borderColor]___[value:brand.base","borderColor]___[value:text.tertiary","pointerEvents]___[value:auto","outlineColor]___[value:transparent","width]___[value:5","height]___[value:5","transition]___[value:background-color 0.2s ease, border-color 0.2s ease","cursor]___[value:pointer]___[cond:_hover","borderColor]___[value:brand.base]___[cond:_hover","width]___[value:2.5","height]___[value:0.5","marginLeft]___[value:3","srOnly]___[value:true","caret]___[value:18","check]___[value:16","height]___[value:3rem","mult]___[value:2.5","width]___[value:4","display]___[value:inline-block","alignItems]___[value:start","borderWidth]___[value:1","maxWidth]___[value:52","gap]___[value:10","transition]___[value:border-color 0.2s ease","height]___[value:6","flex]___[value:0 0 auto","width]___[value:3","height]___[value:3","borderRadius]___[value:9999px","padding]___[value:1","background]___[value:ink.10","background]___[value:slate.2]___[cond:_dark","opacity]___[value:0.5","background]___[value:paper","background]___[value:slate.4]___[cond:_dark","boxShadow]___[value:0px 4px 20px 0px {colors.ink.90/10}","transition]___[value:transform 0.2s ease","borderRadius]___[value:inherit","marginLeft]___[value:-1","height]___[value:13","transition]___[value:background 0s","transition]___[value:background 0.2s ease","background]___[value:transparent]___[cond:_hover","background]___[value:ink.20]___[cond:_hover","background]___[value:transparent]___[cond:_hover<___>_dark","background]___[value:slate.1]___[cond:_hover<___>_dark","zIndex]___[value:0","marginRight]___[value:1","marginRight]___[value:2","background]___[value:neutral.primary","background]___[value:ink.70]___[cond:_hover","background]___[value:brand.base]___[cond:_hover","background]___[value:slate.4]___[cond:_hover<___>_dark","background]___[value:brand.base]___[cond:_hover<___>_dark","paddingInline]___[value:0.5","width]___[value:11","transition]___[value:background-color 0.2s ease","left]___[value:6","transition]___[value:left 0.2s ease","textStyle]___[value:h1-scaled","textStyle]___[value:h1","textStyle]___[value:h2-scaled","textStyle]___[value:h2","textStyle]___[value:h3-scaled","textStyle]___[value:h3","textStyle]___[value:h4-scaled","textStyle]___[value:h4","textStyle]___[value:h5-scaled","textStyle]___[value:h5","textStyle]___[value:h6-scaled","textStyle]___[value:h6","truncate]___[value:false","strokeWidth]___[value:4","width]___[value:36","height]___[value:36","marginBlock]___[value:3","height]___[value:2.625rem","width]___[value:2.625rem","boxShadow]___[value:0.125rem 0.125rem 1.5rem {colors.ink.70/15}","fill]___[value:ink.50","fill]___[value:ink.70]___[cond:_dark","fill]___[value:url(\"#logo-gradient\")]___[cond:_hover","fill]___[value:url(\"#logo-gradient\")]___[cond:_active","fill]___[value:url(\"#logo-gradient\")]___[cond:_focus","color]___[value:text.tertiary]___[cond:_groupHover","color]___[value:ink.50","color]___[value:ink.70]___[cond:_dark","backgroundColor]___[value:magic.10","animation]___[value:fadeIn 0.5s, moveRight 1s 0.5s forwards","borderRadius]___[value:50%","borderWidth]___[value:3px","height]___[value:3.875rem","width]___[value:3.875rem","marginTop]___[value:-3px","marginRight]___[value:0.9rem","zIndex]___[value:1","marginLeft]___[value:0.9rem","animation]___[value:fadeIn 0.5s, moveLeft 1s 0.5s forwards","height]___[value:34","width]___[value:34","height]___[value:56","width]___[value:56","marginBlock]___[value:10","height]___[value:250","color]___[value:ink.70","gridTemplateColumns]___[value:2","fontWeight]___[value:bold","gap]___[value:8"],"recipes":{}}}
@@ -8,6 +8,8 @@ export { Footer } from '../containers/footer';
8
8
  export type { FooterProps } from '../containers/footer';
9
9
  export { Header } from '../containers/header';
10
10
  export type { HeaderProps } from '../containers/header';
11
+ export { Menu } from '../containers/menu';
12
+ export type { MenuProps } from '../containers/menu';
11
13
  export { Modal } from '../containers/modal';
12
14
  export type { ModalProps } from '../containers/modal';
13
15
  export { Overlay } from '../containers/overlay';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,YAAY,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,IAAI,EAAE,MAAM,6BAA6B,CAAC;AACnD,YAAY,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,MAAM,8BAA8B,CAAC;AACrD,YAAY,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAC;AACzD,YAAY,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC"}
@@ -0,0 +1,11 @@
1
+ import { PropsWithChildren } from 'react';
2
+ export interface MenuProps extends PropsWithChildren {
3
+ isOpen?: boolean;
4
+ placement?: 'left' | 'right';
5
+ }
6
+ export declare const Menu: (({ children, placement, isOpen: opened }: MenuProps) => JSX.Element) & {
7
+ Header: "div";
8
+ Content: "div";
9
+ Footer: "div";
10
+ };
11
+ //# sourceMappingURL=menu.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/components/containers/menu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,iBAAiB,EAA+B,MAAM,OAAO,CAAC;AAEvE,MAAM,WAAW,SAAU,SAAQ,iBAAiB;IAClD,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC9B;AAqGD,eAAO,MAAM,IAAI,6CA/F4D,SAAS;;;;CAmGpF,CAAC"}
@@ -26,12 +26,16 @@ export declare const PassportPage: (({ actionDirection, address, branding, child
26
26
  LeadingIcon: ({ children, ...props }: any) => import("react/jsx-runtime").JSX.Element;
27
27
  TrailingIcon: ({ children, ...props }: any) => import("react/jsx-runtime").JSX.Element;
28
28
  };
29
- Content: ({ children, className }: import("../containers/content").ContentProps) => import("react/jsx-runtime").JSX.Element;
30
- Drawer: ({ isOpen, title, onToggle, children, showCloseButton }: import("../containers/drawer").DrawerProps) => import("react/jsx-runtime").JSX.Element;
29
+ Content: ({ children, className }: import("../containers").ContentProps) => import("react/jsx-runtime").JSX.Element;
30
+ Menu: (({ children, placement, isOpen: opened }: import("../containers").MenuProps) => JSX.Element) & {
31
+ Header: "div";
32
+ Content: "div";
33
+ Footer: "div";
34
+ };
35
+ Drawer: ({ isOpen, title, onToggle, children, showCloseButton }: import("../containers").DrawerProps) => import("react/jsx-runtime").JSX.Element;
31
36
  Footer: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
32
37
  Header: ({ children, domain, name, logoUrl }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
33
38
  Info: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
34
- Menu: ({ children }: any) => import("react/jsx-runtime").JSX.Element;
35
39
  };
36
40
  export {};
37
41
  //# sourceMappingURL=passport-page.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"passport-page.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/passport-page.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAY,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEpD,UAAU,WAAY,SAAQ,iBAAiB;IAC7C,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAwHD,eAAO,MAAM,YAAY,yFAlEtB,iBAAiB;;;;;;;;;;;;;kDA1BgD,WAAW;;;CAsG7E,CAAC"}
1
+ {"version":3,"file":"passport-page.d.ts","sourceRoot":"","sources":["../../../../src/components/layouts/passport-page.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAY,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEpD,UAAU,WAAY,SAAQ,iBAAiB;IAC7C,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,iBAAkB,SAAQ,iBAAiB;IAC1D,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC5B,eAAe,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAkHD,eAAO,MAAM,YAAY,yFAlEtB,iBAAiB;;;;;;;;;;;;;;;;;;kDA1BgD,WAAW;;CAsG7E,CAAC"}
@@ -21,6 +21,13 @@ export declare const semanticColors: {
21
21
  _dark: string;
22
22
  };
23
23
  };
24
+ quaternary: {
25
+ value: {
26
+ base: string;
27
+ _light: string;
28
+ _dark: string;
29
+ };
30
+ };
24
31
  };
25
32
  text: {
26
33
  primary: {
@@ -1 +1 @@
1
- {"version":3,"file":"semantic-tokens.d.ts","sourceRoot":"","sources":["../../../src/styles/semantic-tokens.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqJzB,CAAC"}
1
+ {"version":3,"file":"semantic-tokens.d.ts","sourceRoot":"","sources":["../../../src/styles/semantic-tokens.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4JzB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@magiclabs/ui-components",
3
- "version": "1.27.2",
3
+ "version": "1.28.0",
4
4
  "description": "💅 A theme-able library of reusable UI components",
5
5
  "author": "Magic Labs <open-source@magic.link>",
6
6
  "repository": {