npm - @magiclabs/ui-components - Versions diffs - 1.27.2 → 1.28.1 - Mend

@magiclabs/ui-components 1.27.2 → 1.28.1

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 (40) hide show

package/dist/cjs/components/containers/menu.js ADDED Viewed

	@@ -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

package/dist/cjs/components/containers/menu.js.map ADDED Viewed

@@ -0,0 +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"}

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

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime");require("../feedback/callout.js");var b=require("../feedback/loading-spinner.js");require("../feedback/progress-bar.js");var 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;
+"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;
 //# sourceMappingURL=paypal-button.js.map

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

	@@ -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"}

package/dist/cjs/components/layouts/passport-page.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"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;
+"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;
 //# sourceMappingURL=passport-page.js.map

package/dist/cjs/components/layouts/passport-page.js.map CHANGED Viewed

	@@ -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":"~~stBAiCA~~,MAAMA,EAAUC,EAAAA,WAAW,CAAC,CAAE,SAAAC,CAAU,IAAKC,EAAAA,SAAS,IAAID,EAAUE,GAASC,~~EAACC~~,~~IAAAA,~~EAAAA,QAAO,CAAA,OAAW,GAAA,GAAAF,EAAM,KAAS,CAAA,CAAA,CAAC,EAC1GG,EAASN,~~EAAWK~~,~~WAAAA~~,~~SAAM~~,EAC1BE,EAAUP,aAAWK,~~EAAM~~,~~OAAA~~,EAC3BG,EAAOR,~~EAAAA~~,~~WAAW,~~CAAC,CAAE,SAAAC,CAAU,IACnCQ,EAAAA,KAACC,~~EAAO~~,~~QAAA~~,CAAC,UAAU,SAAS,QAAQ,OAClC,SAAA,CAAAN,EAAAA,IAACM,EAAAA,QAAQ,uBACPN,EAAAA,IAACO,~~EAAAA~~,~~WACoB,~~CAAA,EACvBP,~~EAACM~~,~~IAAAA~~,~~EAAAA~~,~~QAAQ~~,QAAS,CAAA,SAAAT,GAA2B,CACrC,CAAA,CACX,~~EACKW~~,~~EAAOZ~~,~~aAAW,CAAC,CAAE,SAAAC,CAAU,IACnCQ,~~EAAAA,~~KAACC~~,~~EAAAA~~,~~QAAO~~,~~CAAC~~,~~UAAU~~,~~UAAU,QAAQ,OACnC,SAAA,CAAAN,~~EAAAA,~~IAACM~~,~~EAAQ~~,~~QAAA~~,~~uBACPN~~,~~MAACS,aACoB,CAAA,EACvBT,EAAAA,IAACM,EAAQ,QAAA,QAAS,CAAA,SAAAT,GAA2B,CACrC,CAAA,CACX,EACKa,EAAcd,aAAWe,EAAO,OAAA,EAChCC,~~EAAahB,EAAAA,WAAWiB,EAAM,MAAA,EAC9BC,EAAalB,~~EAAW~~,~~WAAA~~,CAAC,CAAE,SAAAC,CAAU,IACzCG,~~EAAAA~~,~~IAACe~~,EAAAA,OAAM,CAAC,EAAG,EAAG,EAAE,OAAM,SACnBlB,CAAQ,CAAA,CAEZ,EACKmB,EAAapB,EAAAA,WAAW,CAAC,CAAE,SAAAC,EAAU,OAAAoB,EAAQ,KAAAC,EAAM,QAAAC,KACvDd,EAAAA,KAACe,~~SAAO~~,CAAA,kBAAkB,kBAAkB,kBAAkB,MAAM,EAAG,EAAG,MAAM,OAAM,SAAA,CACnFD,EACCnB,~~EAAA~~,IAAA,MAAA,CAAK,IAAKmB,EAAS,IAAKD,EAAM,MAAO,GAAI,OAAQ,KAEjDlB,~~MAACqB~~,EAAAA,QAAQ,CAAC,MAAOC,~~QAAM~~,mBAAmB,EAAG,OAAQ,GAAI,MAAO,EAAE,CAAA,EAEpEtB,EAAAA,IAACuB,EAAAA,QAAK,CAAA,KAAK,KAAI,SAAEL,CAAI,CAAA,EACpBD,GACCjB,EAAAA,IAACuB,~~EAAAA~~,~~QAAK,~~CAAA,KAAK,KAAK,UAAU,gBAAe,SACtCN,CAAM,CAAA,EAGVpB,CAAQ,CAAA,CAAA,CAEZ,EAEK2B,EAAmB,CAAC,CACxB,gBAAAC,EAAkB,MAClB,QAAAC,EACA,SAAAC,EACA,SAAA9B,EACA,MAAA+B,EACA,OAAAC,EACA,SAAAC,EACA,GAAGC,CACe,IACXC,~~EAAAA~~,~~WAAWnC~~,EAAUoC,GAAQ,CAClC,MAAMC,EAAcD,EAAM,SAAS/B,CAAM,EACnCiC,EAAeF,EAAM,SAAS9B,CAAO,EACrCiC,~~EAAcH~~,EAAM,~~SAASrB~~,~~CAAU~~,~~EAEvCyB~~,~~EAAUJ~~,EAAM,~~IAAItC~~,~~CAAO~~,~~EAC3B2C~~,~~EAAOL~~,EAAM,~~IAAI7B~~,~~CAAI~~,~~EACrBmC~~,EAAON,EAAM,~~IAAIzB~~,CAAI,EAE3B,~~OACEH~~,EAAAA,KAACmC,~~EAAAA~~,~~UAAUT,~~EAAO,WAAW,GAAA,YAAY,~~iBACvC1B~~,~~OAACoC~~,EAAAA,~~QAAO~~,IAAK,EAAG,MAAM,~~iBACpBpC~~,~~OAACe~~,~~UACC~~,kBAAkB,kBAClB,kBAAkB,MAClB,eAAe,gBACf,EAAG,EACH,MAAM,~~iBAELS~~,GACC7B,~~EAACC~~,~~IAAAA,~~EAAAA,~~SAAO~~,QAAS4B,EAAQ,KAAK,KAAK,UAAU,UAAU,QAAQ,~~OAAM~~,~~SACnE7B~~,~~EAACC~~,~~IAAAA~~,EAAAA,QAAO,~~YACN~~,~~CAAA,SAAAD,~~EAAAA,IAAC0C,EAAAA,~~QAAe~~,CAAA,CAAA,CAAA,~~CAAA~~,~~IAIrBZ,~~GAAY9B,~~EAAAA~~,~~IAACC~~,EAAAA,~~QAAO~~,~~CAAA,~~QAAS6B,EAAU,MAAM,SAAS,KAAK,KAAK,UAAU,UAAU,QAAQ,~~MAAM~~,~~CAAA,EAClG,~~EAAED,GAAUC,IAAa9B,~~EAAAA~~,~~WAAK~~,UAAW2C,EAAAA,IAAI,CAAE,EAAG,~~EAAG~~,~~CAAC,~~CAAA,~~EACtDhB~~,GACC3B,EAAAA,~~IAACqB~~,~~EAAAA~~,~~SAAS,~~MAAOC,~~EAAAA~~,~~MAAMK,~~IAAa,QAAU,sBAAwB,wBAAwB,~~IAE/FC~~,GAAS5B,EAACuB,IAAAA,EAAAA,~~QAAK~~,~~CAAA~~,KAAK,cAAMK,CAAK,CAAA,EAC/BF,~~GAAWY~~,~~GAAQC~~,~~EAClBlC~~,OAACe,oBACEM,GAAW1B,~~EAAC4C~~,~~IAAAA~~,~~UAAa~~,CAAC,QAASlB,CAAW,CAAA,~~EAC9CY~~,~~EACAC~~,~~CAAI~~,~~IAGPvC~~,~~EAAAA~~,~~IAAK~~,~~MAAA~~,CAAA,UAAW2C,EAAAA,IAAI,CAAE,EAAG,~~CAAC~~,~~CAAE~~,~~CAAK~~,CAAA,~~CAClC~~,~~IAEFV~~,EAAM,IAAIjB,CAAU,CAAC,~~CAAA~~,CAAA,~~EAExBhB~~,~~EAAC6C~~,~~IAAAA~~,EAAAA,~~MAAK~~,KAAM,EAAG,MAAM,~~gBAClBZ~~,EAAM,~~IAAIvB~~,CAAW,~~CACjB~~,~~CAAA,GACLwB,~~GAAeC,IACf9B,EAAAA,~~KAACwC~~,~~EAAAA~~,~~MAAK,~~UAAWpB,IAAoB,MAAQ,MAAQ,iBAAkB,IAAK,EAAG,GAAI,IAAK,GAAI,EAAG,MAAM,~~OAAM~~,SAAA,~~CACxGS~~,GAAelC,EAACC,IAAAA,EAAAA,~~QAAO~~,~~CAAA~~,~~OAAO~~,~~GAAA,~~MAAM,SAAS,QAAQ,~~aAAciC~~,~~CAAW~~,CAAA,~~EAC9EC~~,GAAgBnC,EAAAA,IAACC,~~EAAAA~~,~~SAAO~~,~~OAAM~~,~~GAAC,~~MAAM,UAAU,QAAQ,~~UAAc~~,~~GAAAkC~~,~~GAAgB~~,~~CACjF~~,CAAA,~~EAERE~~,~~GACCrC~~,~~EAAC6C~~,~~IAAAA~~,EAAAA,~~KAAK~~,~~CAAA~~,UAAWpB,EAAiB,IAAK,EAAG,GAAI,IAAK,GAAI,EAAG,MAAM,OAC7D,~~SAAAY~~,~~IAGJJ~~,EAAM,IAAInB,CAAU,~~EACpBsB~~,~~GAAepC~~,~~MAACa~~,~~SAAM~~,CAAA,~~GAAKuB~~,CAAe,CAAA,CAAA,CAAA,CAAA,CAGjD,CAAC,~~EAGUU~~,EAAe,OAAO,OAAOtB,EAAkB,CAC1D,QAAA7B,EACA,OAAAO,EACA,QAAAC,EACA,~~QAASO~~,EACT,OAAQE,EACR,OAAQE,EACR,OAAQE,EACR,KAAAZ,~~EACA,KAAAI,~~CACD,CAAA"}
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/components/list-items/transaction-row.js CHANGED Viewed

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

package/dist/cjs/components/list-items/transaction-row.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"transaction-row.js","sources":["../../../../src/components/list-items/transaction-row.tsx"],"sourcesContent":["import { Skeleton } from '@components/feedback';\nimport { IcoArrowDown, IcoArrowUp, IcoLightningFill, IcoLockUnlockedFill } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { Center, HStack } from '@styled/jsx';\nimport { hstack } from '@styled/patterns';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, ReactNode, useCallback, useRef } from 'react';\nimport { mergeProps, useButton, useFocusRing } from 'react-aria';\n\nexport interface TransactionRowProps {\n variant: 'send' \| 'receive' \| 'networkFee' \| 'spendingCap';\n primaryText: string;\n secondaryText?: string;\n children: ReactNode;\n onPress?: () => void;\n loading?: boolean;\n}\n\nconst variants = {\n send: {\n title: 'Send',\n primaryTextColor: token('colors.text.primary'),\n secondaryTextColor: token('colors.text.secondary'),\n icon: IcoArrowUp,\n iconColor: token('colors.negative.darker'),\n skeletonWidth: '89px',\n },\n receive: {\n title: 'Receive',\n primaryTextColor: token('colors.positive.base'),\n secondaryTextColor: `${token('colors.positive.lighter')}`,\n icon: IcoArrowDown,\n iconColor: token('colors.positive.base'),\n skeletonWidth: '89px',\n },\n networkFee: {\n title: 'Network Fee',\n primaryTextColor: token('colors.text.primary'),\n secondaryTextColor: token('colors.text.secondary'),\n icon: IcoLightningFill,\n iconColor: token('colors.brand.base'),\n skeletonWidth: '54px',\n },\n spendingCap: {\n title: 'Spending Cap',\n primaryTextColor: token('colors.warning.base'),\n secondaryTextColor: token('colors.warning.base'),\n icon: IcoLockUnlockedFill,\n iconColor: token('colors.warning.base'),\n skeletonWidth: '89px',\n },\n};\n\nconst TokenIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\nconst TransactionRowBase = (props: TransactionRowProps) => {\n const { variant, primaryText, secondaryText, children, onPress, loading } = props;\n const { title, primaryTextColor, secondaryTextColor, icon: Icon, iconColor, skeletonWidth } = variants[variant];\n const isEditable = variant === 'send' \|\| variant === 'networkFee';\n const ref = useRef(null);\n\n const handlePress = useCallback(() => {\n onPress?.();\n }, [onPress]);\n\n const { buttonProps } = useButton({ ...props, onPress: handlePress }, ref);\n const { isFocusVisible, focusProps } = useFocusRing();\n\n return createHost(children, slots => {\n const tokenIcon = slots.get(TokenIcon);\n return (\n <HStack w=\"full\" justify=\"space-between\">\n <HStack gap={2}>\n <Icon width={16} height={16} color={iconColor} />\n <Text size=\"sm\" fontWeight=\"medium\">\n {title}\n </Text>\n </HStack>\n\n <HStack gap={4}>\n {secondaryText && <Text styles={{ color: secondaryTextColor }}>{secondaryText}</Text>}\n {isEditable ? (\n <button\n {...mergeProps(buttonProps, focusProps)}\n ref={ref}\n className={hstack({\n px: 4,\n py: 2.5,\n gap: 3,\n rounded: 'xl',\n bg: 'surface.secondary',\n outlineColor: 'brand.base',\n outlineStyle: isFocusVisible ? 'solid' : 'none',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n cursor: 'pointer',\n })}\n >\n {loading ? (\n <Skeleton width={skeletonWidth} />\n ) : (\n <Text styles={{ color: primaryTextColor }}>{primaryText}</Text>\n )}\n {tokenIcon && {\n ...tokenIcon,\n props: {\n ...tokenIcon.props,\n width: 32,\n height: 32,\n },\n }}\n </button>\n ) : (\n <HStack gap={3}>\n {loading ? (\n <Skeleton width={skeletonWidth} />\n ) : (\n <Text styles={{ color: primaryTextColor }}>{primaryText}</Text>\n )}\n {tokenIcon && {\n ...tokenIcon,\n props: {\n ...tokenIcon.props,\n width: 32,\n height: 32,\n },\n }}\n </HStack>\n )}\n </HStack>\n </HStack>\n );\n });\n};\n\nexport const TransactionRow = Object.assign(TransactionRowBase, { TokenIcon });\n"],"names":["variants","token","IcoArrowUp","IcoArrowDown","IcoLightningFill","IcoLockUnlockedFill","TokenIcon","createSlot","children","props","_jsx","Center","Children","child","cloneElement","TransactionRowBase","variant","primaryText","secondaryText","onPress","loading","title","primaryTextColor","secondaryTextColor","Icon","iconColor","skeletonWidth","isEditable","ref","useRef","handlePress","useCallback","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","createHost","slots","tokenIcon","_jsxs","HStack","Text","mergeProps","hstack","Skeleton","TransactionRow"],"mappings":"~~q8BAmBA~~,MAAMA,EAAW,CACf,KAAM,CACJ,MAAO,OACP,iBAAkBC,EAAAA,MAAM,qBAAqB,EAC7C,mBAAoBA,~~EAAM~~,~~MAAA~~,uBAAuB,EACjD,KAAMC,UACN,UAAWD,EAAAA,MAAM,wBAAwB,EACzC,cAAe,MAChB,EACD,QAAS,CACP,MAAO,UACP,iBAAkBA,EAAAA,MAAM,sBAAsB,EAC9C,mBAAoB,GAAGA,QAAM,yBAAyB,CAAC,GACvD,KAAME,EAAAA,QACN,UAAWF,EAAAA,MAAM,sBAAsB,EACvC,cAAe,MAChB,EACD,WAAY,CACV,MAAO,cACP,iBAAkBA,~~EAAM~~,~~MAAA,~~qBAAqB,EAC7C,mBAAoBA,~~QAAM~~,uBAAuB,EACjD,KAAMG,~~EAAAA~~,~~QACN~~,UAAWH,~~EAAM~~,~~MAAA~~,mBAAmB,EACpC,cAAe,MAChB,EACD,YAAa,CACX,MAAO,eACP,iBAAkBA,~~EAAM~~,~~MAAA~~,qBAAqB,EAC7C,mBAAoBA,~~EAAM~~,~~MAAA~~,qBAAqB,EAC/C,KAAMI,~~EAAAA~~,~~QACN,~~UAAWJ,~~QAAM~~,qBAAqB,EACtC,cAAe,MAChB,GAGGK,EAAYC,~~aAAW~~,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEhDC,~~EAACC~~,~~IAAAA~~,~~EAAAA~~,~~OAAM~~,CAAA,SACJC,~~EAAS~~,~~SAAA~~,IAAIJ,EAAUK,GACfC,~~eAAaD~~,EAAOJ,CAAK,CACjC,CACM,CAAA,CAEZ,EAEKM,EAAsBN,GAA8B,CACxD,KAAM,CAAE,QAAAO,EAAS,YAAAC,EAAa,cAAAC,EAAe,SAAAV,EAAU,QAAAW,EAAS,QAAAC,~~CAAS~~,~~EAAGX~~,~~EACtE~~,CAAE,~~MAAAY~~,EAAO,iBAAAC,EAAkB,mBAAAC,EAAoB,KAAMC,EAAM,UAAAC,EAAW,cAAAC,CAAe,~~EAAG1B~~,EAASgB,CAAO,~~EACxGW~~,~~EAAaX~~,IAAY,QAAUA,IAAY,aAC/CY,EAAMC,~~EAAAA~~,~~OAAO,~~IAAI,EAEjBC,EAAcC,EAAAA,YAAY,IAAK,~~CACnCZ~~,IACF,CAAA,EAAG,CAACA,CAAO,CAAC,EAEN,CAAE,~~YAAAa~~,CAAW,EAAKC,EAAAA,UAAU,CAAE,~~GAAGxB~~,EAAO,~~QAASqB~~,GAAeF,CAAG,EACnE,CAAE,eAAAM,EAAgB,WAAAC,GAAeC,EAAAA,~~aAAAA~~,~~EAEvC,~~OAAOC,~~aAAW7B~~,~~EAAU8B~~,GAAQ,CAClC,MAAMC,EAAYD,EAAM,~~IAAIhC~~,CAAS,EACrC,~~OACEkC~~,~~EAAAA~~,~~KAACC,~~EAAAA,OAAM,CAAC,EAAE,OAAO,QAAQ,gBACvB,SAAA,CAAAD,~~EAAAA~~,~~KAACC,~~EAAAA,OAAO,CAAA,IAAK,EAAC,SAAA,~~CACZ/B~~,~~EAACc~~,IAAAA,~~EAAI~~,~~CAAC~~,MAAO,GAAI,OAAQ,GAAI,MAAOC,~~CAAS~~,CAAA,~~EAC7Cf~~,EAAAA,~~IAACgC~~,~~EAAAA~~,~~SAAK~~,KAAK,KAAK,WAAW,~~SAAQ~~,~~SAChCrB~~,~~CACI,~~CAAA,~~CAAA~~,~~CAAA~~,CAAA,~~EAGTmB~~,~~OAACC,~~EAAAA,~~QAAO~~,~~IAAK~~,~~EACV~~,~~SAAA~~,~~CAAAvB~~,GAAiBR,~~EAACgC~~,~~IAAAA,~~EAAAA,~~SAAK~~,OAAQ,CAAE,MAAOnB,~~CAAoB~~,~~EAAA~~,~~SAAGL~~,~~CAAqB,~~CAAA,~~EACpFS~~,EACCa,~~EAAA~~,~~KAAA~~,SAAA,CAAA,~~GACMG~~,EAAAA,WAAWX,EAAaG,CAAU,EACtC,IAAKP,EACL,UAAWgB,EAAAA,OAAO,CAChB,GAAI,EACJ,GAAI,IACJ,IAAK,EACL,QAAS,KACT,GAAI,oBACJ,aAAc,aACd,aAAcV,EAAiB,QAAU,OACzC,aAAc,QACd,cAAe,GACf,OAAQ,SACT,CAAA,EAEA,SAAA,~~CAAAd~~,EACCV,EAAAA,~~IAACmC~~,EAAAA,SAAQ,CAAC,MAAOnB,CAAiB,CAAA,~~EAElChB~~,~~MAACgC~~,EAAAA,QAAI,CAAC,OAAQ,CAAE,MAAOpB,CAAgB,~~WAAKL~~,CAAW,CAAA,~~EAExDsB~~,GAAa,CACZ,GAAGA,EACH,MAAO,CACL,GAAGA,EAAU,MACb,MAAO,GACP,OAAQ,EACT,EACF,CACM,CAAA,EAETC,EAAAA,~~KAACC~~,~~UAAO,~~IAAK,EACV,SAAA,~~CAAArB~~,EACCV,EAAAA,~~IAACmC~~,~~EAAAA~~,~~UAAS,~~MAAOnB,CAAiB,CAAA,~~EAElChB~~,~~MAACgC~~,~~EAAAA~~,~~SAAK~~,OAAQ,CAAE,MAAOpB,CAAkB,EAAA,~~SAAGL~~,CAAmB,CAAA,~~EAEhEsB~~,GAAa,CACZ,GAAGA,EACH,MAAO,CACL,GAAGA,EAAU,MACb,MAAO,GACP,OAAQ,EACT,CACF,CAAA,CAAA,CAAA,CAEJ,CAAA,CAAA,CACM,CACF,CAAA,CAEb,CAAC,CACH,EAEaO,EAAiB,OAAO,~~OAAO/B~~,EAAoB,CAAE,UAAAT,CAAS,CAAE"}
1	+ {"version":3,"file":"transaction-row.js","sources":["../../../../src/components/list-items/transaction-row.tsx"],"sourcesContent":["import { Skeleton } from '@components/feedback';\nimport { IcoArrowDown, IcoArrowUp, IcoLightningFill, IcoLockUnlockedFill } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { Center, HStack } from '@styled/jsx';\nimport { hstack } from '@styled/patterns';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, cloneElement, ReactNode, useCallback, useRef } from 'react';\nimport { mergeProps, useButton, useFocusRing } from 'react-aria';\n\nexport interface TransactionRowProps {\n variant: 'send' \| 'receive' \| 'networkFee' \| 'spendingCap';\n primaryText: string;\n secondaryText?: string;\n showTitle?: boolean;\n children: ReactNode;\n onPress?: () => void;\n loading?: boolean;\n}\n\nconst variants = {\n send: {\n title: 'Send',\n primaryTextColor: token('colors.text.primary'),\n secondaryTextColor: token('colors.text.secondary'),\n icon: IcoArrowUp,\n iconColor: token('colors.negative.darker'),\n skeletonWidth: '89px',\n },\n receive: {\n title: 'Receive',\n primaryTextColor: token('colors.positive.base'),\n secondaryTextColor: `${token('colors.positive.lighter')}`,\n icon: IcoArrowDown,\n iconColor: token('colors.positive.base'),\n skeletonWidth: '89px',\n },\n networkFee: {\n title: 'Network Fee',\n primaryTextColor: token('colors.text.primary'),\n secondaryTextColor: token('colors.text.secondary'),\n icon: IcoLightningFill,\n iconColor: token('colors.brand.base'),\n skeletonWidth: '54px',\n },\n spendingCap: {\n title: 'Spending Cap',\n primaryTextColor: token('colors.warning.base'),\n secondaryTextColor: token('colors.warning.base'),\n icon: IcoLockUnlockedFill,\n iconColor: token('colors.warning.base'),\n skeletonWidth: '89px',\n },\n};\n\nconst TokenIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\nconst TransactionRowBase = (props: TransactionRowProps) => {\n const { variant, primaryText, secondaryText, children, onPress, loading, showTitle = true } = props;\n const { title, primaryTextColor, secondaryTextColor, icon: Icon, iconColor, skeletonWidth } = variants[variant];\n const isEditable = variant === 'send' \|\| variant === 'networkFee';\n const ref = useRef(null);\n\n const handlePress = useCallback(() => {\n onPress?.();\n }, [onPress]);\n\n const { buttonProps } = useButton({ ...props, onPress: handlePress }, ref);\n const { isFocusVisible, focusProps } = useFocusRing();\n\n return createHost(children, slots => {\n const tokenIcon = slots.get(TokenIcon);\n return (\n <HStack w=\"full\" justify=\"space-between\">\n <HStack gap={2}>\n <Icon width={16} height={16} color={iconColor} />\n {showTitle && (\n <Text size=\"sm\" fontWeight=\"medium\">\n {title}\n </Text>\n )}\n </HStack>\n\n <HStack gap={4}>\n {secondaryText && <Text styles={{ color: secondaryTextColor }}>{secondaryText}</Text>}\n {isEditable ? (\n <button\n {...mergeProps(buttonProps, focusProps)}\n ref={ref}\n className={hstack({\n px: 4,\n py: 2.5,\n gap: 3,\n rounded: 'xl',\n bg: 'surface.secondary',\n outlineColor: 'brand.base',\n outlineStyle: isFocusVisible ? 'solid' : 'none',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n cursor: 'pointer',\n })}\n >\n {loading ? (\n <Skeleton width={skeletonWidth} />\n ) : (\n <Text styles={{ color: primaryTextColor }}>{primaryText}</Text>\n )}\n {tokenIcon && {\n ...tokenIcon,\n props: {\n ...tokenIcon.props,\n width: 32,\n height: 32,\n },\n }}\n </button>\n ) : (\n <HStack gap={3}>\n {loading ? (\n <Skeleton width={skeletonWidth} />\n ) : (\n <Text styles={{ color: primaryTextColor }}>{primaryText}</Text>\n )}\n {tokenIcon && {\n ...tokenIcon,\n props: {\n ...tokenIcon.props,\n width: 32,\n height: 32,\n },\n }}\n </HStack>\n )}\n </HStack>\n </HStack>\n );\n });\n};\n\nexport const TransactionRow = Object.assign(TransactionRowBase, { TokenIcon });\n"],"names":["variants","token","IcoArrowUp","IcoArrowDown","IcoLightningFill","IcoLockUnlockedFill","TokenIcon","createSlot","children","props","_jsx","Center","Children","child","cloneElement","TransactionRowBase","variant","primaryText","secondaryText","onPress","loading","showTitle","title","primaryTextColor","secondaryTextColor","Icon","iconColor","skeletonWidth","isEditable","ref","useRef","handlePress","useCallback","buttonProps","useButton","isFocusVisible","focusProps","useFocusRing","createHost","slots","tokenIcon","_jsxs","HStack","Text","mergeProps","hstack","Skeleton","TransactionRow"],"mappings":"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"}

package/dist/cjs/index.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var i=require("./components/containers/card.js"),l=require("./components/containers/content.js"),u=require("./components/containers/drawer.js"),t=require("./components/containers/footer.js"),n=require("./components/containers/header.js"),c=require("./components/containers/modal.js"),d=require("./components/containers/overlay.js"),f=require("./components/external/paypal-button.js"),v=require("./components/external/social-login-button.js"),q=require("./components/feedback/callout.js"),g=require("./components/feedback/loading-spinner.js"),s=require("./components/feedback/progress-bar.js"),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;
+"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;
 //# sourceMappingURL=index.js.map

package/dist/cjs/recipes/modal.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("@styled/css");const a=e.sva({slots:["content","wrapper"],base:{content:{height:"full",width:"full",boxSizing:"border-box"},wrapper:{height:"full",width:"full",bg:"surface.primary",position:"relative",overflow:"auto",scrollbarWidth:"none","@media (min-width: 48rem)":{top:12,mx:"auto",width:"25rem",height:"fit-content",boxShadow:"0px 12px 56px {colors.ink.70/15}",borderRadius:"container",_dark:{boxShadow:"none"}}}},variants:{fullscreen:{true:{wrapper:{"@media (min-width: 48rem)":{height:"100vh",width:"100vw",bg:"surface.primary",position:"relative",overflow:"auto",scrollbarWidth:"none",rounded:0,top:0}}}},animate:{false:{wrapper:{animationName:"none",scale:1}}},isOpen:{true:{}},paddingType:{none:{wrapper:{p:0}},sm:{wrapper:{p:2,pb:0}},md:{wrapper:{p:4,pb:0}},lg:{wrapper:{p:8,pb:0}}},showBorder:{true:{wrapper:{"@media (min-width: 48rem)":{_dark:{borderWidth:1,borderBlock:"solid",borderColor:"neutral.secondary"}}}}}},compoundVariants:[{animate:!0,isOpen:!0,css:{wrapper:{animationFillMode:"forwards",animationName:"scaleIn",animationDuration:"250ms",_motionReduce:{scale:1}}}},{animate:!0,isOpen:!1,css:{wrapper:{animationFillMode:"forwards",animationName:"scaleOut",animationDuration:"150ms",_motionReduce:{scale:1}}}}],defaultVariants:{animate:!0,isOpen:!0,paddingType:"none"}});exports.modal=a;
+"use strict";var a=require("@styled/css");const e=a.sva({slots:["content","wrapper"],base:{content:{height:"full",width:"full",boxSizing:"border-box"},wrapper:{height:"full",width:"full",bg:"surface.primary",position:"relative",overflow:"auto",scrollbarWidth:"none"}},variants:{fullscreen:{true:{wrapper:{height:"100vh",width:"100vw"}},false:{wrapper:{"@media (min-width: 48rem)":{top:12,mx:"auto",width:"25rem",height:"fit-content",boxShadow:"0px 12px 56px {colors.ink.70/15}",borderRadius:"container",_dark:{boxShadow:"none"}}}}},animate:{false:{wrapper:{animationName:"none",scale:1}}},isOpen:{true:{}},paddingType:{none:{wrapper:{p:0}},sm:{wrapper:{p:2,pb:0}},md:{wrapper:{p:4,pb:0}},lg:{wrapper:{p:8,pb:0}}},showBorder:{true:{wrapper:{"@media (min-width: 48rem)":{_dark:{borderWidth:1,borderBlock:"solid",borderColor:"neutral.secondary"}}}}}},compoundVariants:[{animate:!0,isOpen:!0,css:{wrapper:{animationFillMode:"forwards",animationName:"scaleIn",animationDuration:"250ms",_motionReduce:{scale:1}}}},{animate:!0,isOpen:!1,css:{wrapper:{animationFillMode:"forwards",animationName:"scaleOut",animationDuration:"150ms",_motionReduce:{scale:1}}}}],defaultVariants:{animate:!0,isOpen:!0,paddingType:"none"}});exports.modal=e;
 //# sourceMappingURL=modal.js.map

package/dist/cjs/recipes/modal.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"modal.js","sources":["../../../src/recipes/modal.ts"],"sourcesContent":["import { sva, type RecipeVariantProps } from '@styled/css';\n\nexport const modal = sva({\n slots: ['content', 'wrapper'],\n base: {\n content: {\n height: 'full',\n width: 'full',\n boxSizing: 'border-box',\n },\n wrapper: {\n height: 'full',\n width: 'full',\n bg: 'surface.primary',\n position: 'relative',\n overflow: 'auto',\n scrollbarWidth: 'none',\n\n ~~'@media (min-width~~: ~~48rem)':~~ {\n ~~top~~: ~~12,\~~n mx: ~~'auto',\~~n ~~width~~: ~~'25rem',\~~n height: '~~fit-content~~',\n ~~boxShadow: '0px 12px 56px {colors.ink.70/15}',\n borderRadius: 'container',\n _dark: {\n~~ ~~boxShadow~~: '~~none~~',\n },\n },\n ~~},\n },\n variants: {\n fullscreen: {\n~~ ~~true~~: {\n wrapper: {\n '@media (min-width: 48rem)': {\n ~~height~~: ~~'100vh'~~,\n ~~width~~: '~~100vw~~',\n bg: '~~surface.primary~~',\n ~~position~~: '~~relative~~',\n ~~overflow~~: '~~auto~~',\n ~~scrollbarWidth~~: '~~none~~',\n ~~rounded~~: ~~0,\~~n ~~top~~: 0,\n },\n },\n },\n },\n animate: {\n false: {\n wrapper: {\n animationName: 'none',\n scale: 1,\n },\n },\n },\n isOpen: { true: {} },\n paddingType: {\n none: {\n wrapper: {\n p: 0,\n },\n },\n sm: {\n wrapper: {\n p: 2,\n pb: 0,\n },\n },\n md: {\n wrapper: {\n p: 4,\n pb: 0,\n },\n },\n lg: {\n wrapper: {\n p: 8,\n pb: 0,\n },\n },\n },\n showBorder: {\n true: {\n wrapper: {\n '@media (min-width: 48rem)': {\n _dark: {\n borderWidth: 1,\n borderBlock: 'solid',\n borderColor: 'neutral.secondary',\n },\n },\n },\n },\n },\n },\n compoundVariants: [\n {\n animate: true,\n isOpen: true,\n css: {\n wrapper: {\n animationFillMode: 'forwards',\n animationName: 'scaleIn',\n animationDuration: '250ms',\n _motionReduce: { scale: 1 },\n },\n },\n },\n {\n animate: true,\n isOpen: false,\n css: {\n wrapper: {\n animationFillMode: 'forwards',\n animationName: 'scaleOut',\n animationDuration: '150ms',\n _motionReduce: { scale: 1 },\n },\n },\n },\n ],\n defaultVariants: {\n animate: true,\n isOpen: true,\n paddingType: 'none',\n },\n});\n\nexport type ModalVariants = RecipeVariantProps<typeof modal>;\n"],"names":["modal","sva"],"mappings":"0CAEa,MAAAA,EAAQC,EAAAA,IAAI,CACvB,MAAO,CAAC,UAAW,SAAS,EAC5B,KAAM,CACJ,QAAS,CACP,OAAQ,OACR,MAAO,OACP,UAAW,YACZ,EACD,QAAS,CACP,OAAQ,OACR,MAAO,OACP,GAAI,kBACJ,SAAU,WACV,SAAU,OACV,eAAgB,~~OAEhB~~,~~4BAA6B~~,~~CAC3B~~,~~IAAK~~,~~GACL~~,~~GAAI~~,~~OACJ~~,~~MAAO~~,~~QACP~~,~~OAAQ~~,~~cACR~~,~~UAAW~~,~~mCACX~~,~~aAAc,YACd,~~MAAO,~~CACL~~,~~UAAW,MACZ,~~CACF,~~CACF,CACF,~~EACD,~~SAAU~~,~~CACR~~,~~WAAY,CACV,KAAM,CACJ,~~QAAS,CACP,4BAA6B,CAC3B,~~OAAQ~~,~~QACR~~,MAAO,QACP,~~GAAI~~,~~kBACJ~~,~~SAAU~~,~~WACV~~,~~SAAU~~,~~OACV~~,~~eAAgB~~,~~OAChB~~,~~QAAS~~,~~EACT~~,~~IAAK~~,~~CACN,~~CACF,CACF,CACF,EACD,QAAS,CACP,MAAO,CACL,QAAS,CACP,cAAe,OACf,MAAO,CACR,CACF,CACF,EACD,OAAQ,CAAE,KAAM,CAAI,~~CAAA,~~EACpB,YAAa,CACX,KAAM,CACJ,QAAS,CACP,EAAG,CACJ,CACF,EACD,GAAI,CACF,QAAS,CACP,EAAG,EACH,GAAI,CACL,CACF,EACD,GAAI,CACF,QAAS,CACP,EAAG,EACH,GAAI,CACL,CACF,EACD,GAAI,CACF,QAAS,CACP,EAAG,EACH,GAAI,CACL,CACF,CACF,EACD,WAAY,CACV,KAAM,CACJ,QAAS,CACP,4BAA6B,CAC3B,MAAO,CACL,YAAa,EACb,YAAa,QACb,YAAa,mBACd,CACF,CACF,CACF,CACF,CACF,EACD,iBAAkB,CAChB,CACE,QAAS,GACT,OAAQ,GACR,IAAK,CACH,QAAS,CACP,kBAAmB,WACnB,cAAe,UACf,kBAAmB,QACnB,cAAe,CAAE,MAAO,CAAG,CAC5B,CACF,CACF,EACD,CACE,QAAS,GACT,OAAQ,GACR,IAAK,CACH,QAAS,CACP,kBAAmB,WACnB,cAAe,WACf,kBAAmB,QACnB,cAAe,CAAE,MAAO,CAAG,CAC5B,CACF,CACF,CACF,EACD,gBAAiB,CACf,QAAS,GACT,OAAQ,GACR,YAAa,MACd,CACF,CAAA"}
1	+ {"version":3,"file":"modal.js","sources":["../../../src/recipes/modal.ts"],"sourcesContent":["import { sva, type RecipeVariantProps } from '@styled/css';\n\nexport const modal = sva({\n slots: ['content', 'wrapper'],\n base: {\n content: {\n height: 'full',\n width: 'full',\n boxSizing: 'border-box',\n },\n wrapper: {\n height: 'full',\n width: 'full',\n bg: 'surface.primary',\n position: 'relative',\n overflow: 'auto',\n scrollbarWidth: 'none',\n },\n },\n variants: {\n fullscreen: {\n true: {\n wrapper: {\n height: '100vh',\n width: '100vw',\n },\n },\n false: {\n wrapper: {\n '@media (min-width: 48rem)': {\n top: 12,\n mx: 'auto',\n width: '25rem',\n height: 'fit-content',\n boxShadow: '0px 12px 56px {colors.ink.70/15}',\n borderRadius: 'container',\n _dark: {\n boxShadow: 'none',\n },\n },\n },\n },\n },\n animate: {\n false: {\n wrapper: {\n animationName: 'none',\n scale: 1,\n },\n },\n },\n isOpen: { true: {} },\n paddingType: {\n none: {\n wrapper: {\n p: 0,\n },\n },\n sm: {\n wrapper: {\n p: 2,\n pb: 0,\n },\n },\n md: {\n wrapper: {\n p: 4,\n pb: 0,\n },\n },\n lg: {\n wrapper: {\n p: 8,\n pb: 0,\n },\n },\n },\n showBorder: {\n true: {\n wrapper: {\n '@media (min-width: 48rem)': {\n _dark: {\n borderWidth: 1,\n borderBlock: 'solid',\n borderColor: 'neutral.secondary',\n },\n },\n },\n },\n },\n },\n compoundVariants: [\n {\n animate: true,\n isOpen: true,\n css: {\n wrapper: {\n animationFillMode: 'forwards',\n animationName: 'scaleIn',\n animationDuration: '250ms',\n _motionReduce: { scale: 1 },\n },\n },\n },\n {\n animate: true,\n isOpen: false,\n css: {\n wrapper: {\n animationFillMode: 'forwards',\n animationName: 'scaleOut',\n animationDuration: '150ms',\n _motionReduce: { scale: 1 },\n },\n },\n },\n ],\n defaultVariants: {\n animate: true,\n isOpen: true,\n paddingType: 'none',\n },\n});\n\nexport type ModalVariants = RecipeVariantProps<typeof modal>;\n"],"names":["modal","sva"],"mappings":"0CAEa,MAAAA,EAAQC,EAAAA,IAAI,CACvB,MAAO,CAAC,UAAW,SAAS,EAC5B,KAAM,CACJ,QAAS,CACP,OAAQ,OACR,MAAO,OACP,UAAW,YACZ,EACD,QAAS,CACP,OAAQ,OACR,MAAO,OACP,GAAI,kBACJ,SAAU,WACV,SAAU,OACV,eAAgB,MACjB,CACF,EACD,SAAU,CACR,WAAY,CACV,KAAM,CACJ,QAAS,CACP,OAAQ,QACR,MAAO,OACR,CACF,EACD,MAAO,CACL,QAAS,CACP,4BAA6B,CAC3B,IAAK,GACL,GAAI,OACJ,MAAO,QACP,OAAQ,cACR,UAAW,mCACX,aAAc,YACd,MAAO,CACL,UAAW,MACZ,CACF,CACF,CACF,CACF,EACD,QAAS,CACP,MAAO,CACL,QAAS,CACP,cAAe,OACf,MAAO,CACR,CACF,CACF,EACD,OAAQ,CAAE,KAAM,CAAA,CAAI,EACpB,YAAa,CACX,KAAM,CACJ,QAAS,CACP,EAAG,CACJ,CACF,EACD,GAAI,CACF,QAAS,CACP,EAAG,EACH,GAAI,CACL,CACF,EACD,GAAI,CACF,QAAS,CACP,EAAG,EACH,GAAI,CACL,CACF,EACD,GAAI,CACF,QAAS,CACP,EAAG,EACH,GAAI,CACL,CACF,CACF,EACD,WAAY,CACV,KAAM,CACJ,QAAS,CACP,4BAA6B,CAC3B,MAAO,CACL,YAAa,EACb,YAAa,QACb,YAAa,mBACd,CACF,CACF,CACF,CACF,CACF,EACD,iBAAkB,CAChB,CACE,QAAS,GACT,OAAQ,GACR,IAAK,CACH,QAAS,CACP,kBAAmB,WACnB,cAAe,UACf,kBAAmB,QACnB,cAAe,CAAE,MAAO,CAAG,CAC5B,CACF,CACF,EACD,CACE,QAAS,GACT,OAAQ,GACR,IAAK,CACH,QAAS,CACP,kBAAmB,WACnB,cAAe,WACf,kBAAmB,QACnB,cAAe,CAAE,MAAO,CAAG,CAC5B,CACF,CACF,CACF,EACD,gBAAiB,CACf,QAAS,GACT,OAAQ,GACR,YAAa,MACd,CACF,CAAA"}

package/dist/cjs/styles/semantic-tokens.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var r=require("@pandacss/dev");const a=r.defineSemanticTokens.colors({surface:{primary:{value:{base:"var(--surface-primary, {colors.paper})",_light:"var(--surface-primary, {colors.paper})",_dark:"var(--surface-primary-dark, {colors.slate.0})"}},secondary:{value:{base:"var(--surface-secondary, {colors.ink.10})",_light:"var(--surface-secondary, {colors.ink.10})",_dark:"var(--surface-secondary-dark, {colors.slate.1})"}},tertiary:{value:{base:"var(--surface-tertiary, {colors.ink.20})",_light:"var(--surface-tertiary, {colors.ink.20})",_dark:"var(--surface-tertiary-dark, {colors.slate.2})"}}},text:{primary:{value:{base:"var(--text-primary, {colors.ink.90})",_light:"var(--text-primary, {colors.ink.90})",_dark:"var(--text-primary-dark, {colors.chalk})"}},secondary:{value:{base:"var(--text-secondary, {colors.ink.80})",_light:"var(--text-secondary, {colors.ink.80})",_dark:"var(--text-secondary-dark, {colors.chalk/72})"}},tertiary:{value:{base:"var(--text-tertiary, {colors.ink.70})",_light:"var(--text-tertiary, {colors.ink.70})",_dark:"var(--text-tertiary-dark, {colors.chalk/44})"}},quaternary:{value:{base:"var(--text-quaternary, {colors.chalk})",_light:"var(--text-quaternary, {colors.chalk})",_dark:"var(--text-quaternary-dark, {colors.ink.90})"}}},neutral:{primary:{value:{base:"var(--neutral-primary, {colors.ink.50})",_light:"var(--neutral-primary, {colors.ink.50})",_dark:"var(--neutral-primary-dark, {colors.chalk/16})"}},secondary:{value:{base:"var(--neutral-secondary, {colors.ink.30})",_light:"var(--neutral-secondary, {colors.ink.30})",_dark:"var(--neutral-secondary-dark, {colors.chalk/12})"}},tertiary:{value:{base:"var(--neutral-tertiary, {colors.ink.20})",_light:"var(--neutral-tertiary, {colors.ink.20})",_dark:"var(--neutral-tertiary-dark, {colors.chalk/8})"}},quaternary:{value:{base:"var(--neutral-quaternary, {colors.ink.10})",_light:"var(--neutral-quaternary, {colors.ink.10})",_dark:"var(--neutral-quaternary-dark, {colors.chalk/5})"}}},brand:{lightest:{value:{base:"var(--brand-lightest, {colors.magic.10})",_light:"var(--brand-lightest, {colors.magic.10})",_dark:"var(--brand-lightest-dark, {colors.magic.30/25})"}},lighter:{value:{base:"var(--brand-lighter, {colors.magic.30})",_light:"var(--brand-lighter, {colors.magic.30})",_dark:"var(--brand-lighter-dark, {colors.magic.30/66})"}},base:{value:{base:"var(--brand-base, {colors.magic.50})",_light:"var(--brand-base, {colors.magic.50})",_dark:"var(--brand-base-dark, {colors.magic.30})"}},darker:{value:{base:"var(--brand-darker, {colors.magic.70})",_light:"var(--brand-darker, {colors.magic.70})",_dark:"var(--brand-darker-dark, {colors.magic.10})"}},darkest:{value:{base:"var(--brand-darkest, {colors.magic.90})",_light:"var(--brand-darkest, {colors.magic.90})",_dark:"var(--brand-darkest-dark, {colors.magic.10})"}}},positive:{lightest:{value:{base:"{colors.leaf.10}",_light:"{colors.leaf.10}",_dark:"{colors.leaf.30/8}"}},lighter:{value:{base:"{colors.leaf.30}",_light:"{colors.leaf.30}",_dark:"{colors.leaf.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;
+"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;
 //# sourceMappingURL=semantic-tokens.js.map

package/dist/cjs/styles/semantic-tokens.js.map CHANGED Viewed

	@@ -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":"4CAEa,MAAAA,EAAiBC,~~EAAAA~~,~~qBAAqB~~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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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"}

package/dist/es/components/containers/menu.js ADDED Viewed

	@@ -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

package/dist/es/components/containers/menu.js.map ADDED Viewed

@@ -0,0 +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"}