npm - @magiclabs/ui-components - Versions diffs - 1.29.0 → 1.30.1 - Mend

@magiclabs/ui-components 1.29.0 → 1.30.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 (467) hide show

package/dist/es/components/logos/logo-zilliqa-mono.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"logo-zilliqa-mono.js","sources":["../../../../src/components/logos/logo-zilliqa-mono.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\nimport { token } from '@styled/tokens';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst LogoZilliqaMono = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| token('colors.text.primary');\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n d=\"M19.0279 10.3083L16.2195 11.5604L8.76937 15.3526L16.2195 18.9345V13.0138L19.0279 11.7482V20.4952L16.2195 21.7474L5.25 16.4974V13.7069L12.8433 9.98183L5.25 6.33277V3.50207L8.10306 2.24994L19.0279 7.50887V10.3083Z\"\n fill=\"currentColor\"\n />\n <path d=\"M5.25 3.50207L16.2195 8.761L19.0279 7.50887L8.10306 2.24994L5.25 3.50207Z\" fill=\"#DDDBE0\" />\n <path d=\"M16.22 8.~~74909L19~~.0284 7.~~49696V10~~.2964L16.22 11.5485V8.~~74909Z~~\" fill=\"#B6B4BA\" />\n <path\n d=\"M5.25 3.50455V6.33525L12.8433 9.98431L5.25 13.7094V16.4998L16.2195 21.7498V18.9415L8.76937 15.355L16.2195 11.5629V8.76348L5.25 3.50455Z\"\n fill=\"currentColor\"\n />\n <path d=\"M16.22 21.729L19.0284 20.4769V11.7299L16.22 12.9954V21.729Z\" fill=\"#B6B4BA\" />\n </svg>\n );\n};\nexport default LogoZilliqaMono;\n"],"names":["LogoZilliqaMono","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"yFAYA,MAAMA,EAAkB,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAElF,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,SACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,EAAK,kBACKF,EACb,GAAAC,YAEHF,EAAQM,EAAA,QAAA,CAAO,GAAIL,WAAUD,CAAK,CAAA,EAAY,KAC/CM,EACE,OAAA,CAAA,EAAE,sNACF,KAAK,iBAEPA,EAAA,OAAA,CAAM,EAAE,4EAA4E,KAAK,SAAY,CAAA,EACrGA,UAAM,EAAE,gEAAgE,KAAK,SAAY,CAAA,EACzFA,UACE,EAAE,0IACF,KAAK,cACL,CAAA,EACFA,UAAM,EAAE,8DAA8D,KAAK,SAAS,CAAA,CAAG,CACnF,CAAA,CAEV"}
1	+ {"version":3,"file":"logo-zilliqa-mono.js","sources":["../../../../src/components/logos/logo-zilliqa-mono.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\nimport { token } from '@styled/tokens';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {\n /*\n Configures icon color on monochrome svgs.\n */\n color?: string;\n}\nconst LogoZilliqaMono = ({ color: customColor, title, titleId, ...props }: Props) => {\n // Utilize dynamic primary text color by default\n const color = customColor \|\| token('colors.text.primary');\n return (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n color={color}\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n d=\"M19.0279 10.3083L16.2195 11.5604L8.76937 15.3526L16.2195 18.9345V13.0138L19.0279 11.7482V20.4952L16.2195 21.7474L5.25 16.4974V13.7069L12.8433 9.98183L5.25 6.33277V3.50207L8.10306 2.24994L19.0279 7.50887V10.3083Z\"\n fill=\"currentColor\"\n />\n <path d=\"M5.25 3.50207L16.2195 8.761L19.0279 7.50887L8.10306 2.24994L5.25 3.50207Z\" fill=\"#DDDBE0\" />\n <path d=\"M16.22 8.74911L19.0284 7.49698V10.2964L16.22 11.5485V8.74911Z\" fill=\"#B6B4BA\" />\n <path\n d=\"M5.25 3.50455V6.33525L12.8433 9.98431L5.25 13.7094V16.4998L16.2195 21.7498V18.9415L8.76937 15.355L16.2195 11.5629V8.76348L5.25 3.50455Z\"\n fill=\"currentColor\"\n />\n <path d=\"M16.22 21.729L19.0284 20.4769V11.7299L16.22 12.9954V21.729Z\" fill=\"#B6B4BA\" />\n </svg>\n );\n};\nexport default LogoZilliqaMono;\n"],"names":["LogoZilliqaMono","customColor","title","titleId","props","color","token","_jsxs","_jsx"],"mappings":"yFAYA,MAAMA,EAAkB,CAAC,CAAE,MAAOC,EAAa,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAAa,CAElF,MAAMC,EAAQJ,GAAeK,EAAM,qBAAqB,EACxD,OACEC,SACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACN,MAAOF,EAAK,kBACKF,EACb,GAAAC,YAEHF,EAAQM,EAAA,QAAA,CAAO,GAAIL,WAAUD,CAAK,CAAA,EAAY,KAC/CM,EACE,OAAA,CAAA,EAAE,sNACF,KAAK,iBAEPA,EAAA,OAAA,CAAM,EAAE,4EAA4E,KAAK,SAAY,CAAA,EACrGA,UAAM,EAAE,gEAAgE,KAAK,SAAY,CAAA,EACzFA,UACE,EAAE,0IACF,KAAK,cACL,CAAA,EACFA,UAAM,EAAE,8DAA8D,KAAK,SAAS,CAAA,CAAG,CACnF,CAAA,CAEV"}

package/dist/es/components/logos/logo-zilliqa.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as V,jsx as L}from"react/jsx-runtime";const d=({title:l,titleId:t,...i})=>V("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":t,...i,children:[l?L("title",{id:t,children:l}):null,L("path",{d:"M19.0279 10.3083L16.2195 11.5604L8.76937 15.3526L16.2195 18.9345V13.0138L19.0279 11.7482V20.4952L16.2195 21.7474L5.25 16.4974V13.7069L12.8433 9.98183L5.25 6.33277V3.50207L8.10306 2.24994L19.0279 7.50887V10.3083Z",fill:"#49C1BF"}),L("path",{d:"M5.25 3.50207L16.2195 8.761L19.0279 7.50887L8.10306 2.24994L5.25 3.50207Z",fill:"#077A8F"}),L("path",{d:"M16.22 8.74909L19.0284 7.49696V10.2964L16.22 11.5485V8.74909Z",fill:"#298E97"}),L("path",{d:"M5.25 3.50455V6.33525L12.8433 9.98431L5.25 13.7094V16.4998L16.2195 21.7498V18.9415L8.76937 15.355L16.2195 11.5629V8.76348L5.25 3.50455Z",fill:"#49C1BF"}),L("path",{d:"M16.22 21.729L19.0284 20.4769V11.7299L16.22 12.9954V21.729Z",fill:"#298E97"})]});export{d as default};
+import{jsxs as V,jsx as L}from"react/jsx-runtime";const d=({title:l,titleId:t,...i})=>V("svg",{width:24,height:24,viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-labelledby":t,...i,children:[l?L("title",{id:t,children:l}):null,L("path",{d:"M19.0279 10.3083L16.2195 11.5604L8.76937 15.3526L16.2195 18.9345V13.0138L19.0279 11.7482V20.4952L16.2195 21.7474L5.25 16.4974V13.7069L12.8433 9.98183L5.25 6.33277V3.50207L8.10306 2.24994L19.0279 7.50887V10.3083Z",fill:"#49C1BF"}),L("path",{d:"M5.25 3.50207L16.2195 8.761L19.0279 7.50887L8.10306 2.24994L5.25 3.50207Z",fill:"#077A8F"}),L("path",{d:"M16.22 8.74911L19.0284 7.49698V10.2964L16.22 11.5485V8.74911Z",fill:"#298E97"}),L("path",{d:"M5.25 3.50455V6.33525L12.8433 9.98431L5.25 13.7094V16.4998L16.2195 21.7498V18.9415L8.76937 15.355L16.2195 11.5629V8.76348L5.25 3.50455Z",fill:"#49C1BF"}),L("path",{d:"M16.22 21.729L19.0284 20.4769V11.7299L16.22 12.9954V21.729Z",fill:"#298E97"})]});export{d as default};
 //# sourceMappingURL=logo-zilliqa.js.map

package/dist/es/components/logos/logo-zilliqa.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"logo-zilliqa.js","sources":["../../../../src/components/logos/logo-zilliqa.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst LogoZilliqa = ({ title, titleId, ...props }: Props) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n d=\"M19.0279 10.3083L16.2195 11.5604L8.76937 15.3526L16.2195 18.9345V13.0138L19.0279 11.7482V20.4952L16.2195 21.7474L5.25 16.4974V13.7069L12.8433 9.98183L5.25 6.33277V3.50207L8.10306 2.24994L19.0279 7.50887V10.3083Z\"\n fill=\"#49C1BF\"\n />\n <path d=\"M5.25 3.50207L16.2195 8.761L19.0279 7.50887L8.10306 2.24994L5.25 3.50207Z\" fill=\"#077A8F\" />\n <path d=\"M16.22 8.~~74909L19~~.0284 7.~~49696V10~~.2964L16.22 11.5485V8.~~74909Z~~\" fill=\"#298E97\" />\n <path\n d=\"M5.25 3.50455V6.33525L12.8433 9.98431L5.25 13.7094V16.4998L16.2195 21.7498V18.9415L8.76937 15.355L16.2195 11.5629V8.76348L5.25 3.50455Z\"\n fill=\"#49C1BF\"\n />\n <path d=\"M16.22 21.729L19.0284 20.4769V11.7299L16.22 12.9954V21.729Z\" fill=\"#298E97\" />\n </svg>\n);\nexport default LogoZilliqa;\n"],"names":["LogoZilliqa","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAMMA,MAAAA,EAAc,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAC7CC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACW,kBAAAF,EACb,GAAAC,YAEHF,EAAQI,EAAO,QAAA,CAAA,GAAIH,EAAO,SAAGD,CAAK,CAAA,EAAY,KAC/CI,EACE,OAAA,CAAA,EAAE,sNACF,KAAK,SAAS,CAAA,EAEhBA,EAAA,OAAA,CAAM,EAAE,4EAA4E,KAAK,YACzFA,EAAA,OAAA,CAAM,EAAE,gEAAgE,KAAK,SAAY,CAAA,EACzFA,EACE,OAAA,CAAA,EAAE,0IACF,KAAK,SAAS,CAAA,EAEhBA,EAAM,OAAA,CAAA,EAAE,8DAA8D,KAAK,SAAS,CAAA,CAAG,CACnF,CAAA"}
1	+ {"version":3,"file":"logo-zilliqa.js","sources":["../../../../src/components/logos/logo-zilliqa.tsx"],"sourcesContent":["import type { SVGProps } from 'react';\ninterface SVGRProps {\n title?: string;\n titleId?: string;\n}\nexport interface Props extends SVGRProps, SVGProps<SVGSVGElement> {}\nconst LogoZilliqa = ({ title, titleId, ...props }: Props) => (\n <svg\n width={24}\n height={24}\n viewBox=\"0 0 24 24\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n aria-labelledby={titleId}\n {...props}\n >\n {title ? <title id={titleId}>{title}</title> : null}\n <path\n d=\"M19.0279 10.3083L16.2195 11.5604L8.76937 15.3526L16.2195 18.9345V13.0138L19.0279 11.7482V20.4952L16.2195 21.7474L5.25 16.4974V13.7069L12.8433 9.98183L5.25 6.33277V3.50207L8.10306 2.24994L19.0279 7.50887V10.3083Z\"\n fill=\"#49C1BF\"\n />\n <path d=\"M5.25 3.50207L16.2195 8.761L19.0279 7.50887L8.10306 2.24994L5.25 3.50207Z\" fill=\"#077A8F\" />\n <path d=\"M16.22 8.74911L19.0284 7.49698V10.2964L16.22 11.5485V8.74911Z\" fill=\"#298E97\" />\n <path\n d=\"M5.25 3.50455V6.33525L12.8433 9.98431L5.25 13.7094V16.4998L16.2195 21.7498V18.9415L8.76937 15.355L16.2195 11.5629V8.76348L5.25 3.50455Z\"\n fill=\"#49C1BF\"\n />\n <path d=\"M16.22 21.729L19.0284 20.4769V11.7299L16.22 12.9954V21.729Z\" fill=\"#298E97\" />\n </svg>\n);\nexport default LogoZilliqa;\n"],"names":["LogoZilliqa","title","titleId","props","_jsxs","_jsx"],"mappings":"kDAMMA,MAAAA,EAAc,CAAC,CAAE,MAAAC,EAAO,QAAAC,EAAS,GAAGC,CAAK,IAC7CC,EAAA,MAAA,CACE,MAAO,GACP,OAAQ,GACR,QAAQ,YACR,KAAK,OACL,MAAM,6BACW,kBAAAF,EACb,GAAAC,YAEHF,EAAQI,EAAO,QAAA,CAAA,GAAIH,EAAO,SAAGD,CAAK,CAAA,EAAY,KAC/CI,EACE,OAAA,CAAA,EAAE,sNACF,KAAK,SAAS,CAAA,EAEhBA,EAAA,OAAA,CAAM,EAAE,4EAA4E,KAAK,YACzFA,EAAA,OAAA,CAAM,EAAE,gEAAgE,KAAK,SAAY,CAAA,EACzFA,EACE,OAAA,CAAA,EAAE,0IACF,KAAK,SAAS,CAAA,EAEhBA,EAAM,OAAA,CAAA,EAAE,8DAA8D,KAAK,SAAS,CAAA,CAAG,CACnF,CAAA"}

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

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

package/dist/es/components/primitives/button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button.js","sources":["../../../../src/components/primitives/button.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { button } from '@recipes/button';\nimport { cx } from '@styled/css';\nimport { Box, Flex, HStack } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport React, { Children, MouseEventHandler, TouchEventHandler, cloneElement, forwardRef, useRef } from 'react';\nimport { mergeProps, useButton, useFocusRing, useHover, type AriaButtonProps } from 'react-aria';\n\nexport interface ButtonProps extends AriaButtonProps {\n label?: string;\n size?: 'sm' \| 'md' \| 'lg';\n variant?: 'primary' \| 'secondary' \| 'negative' \| 'neutral' \| 'tertiary' \| 'text' \| 'transparent' \| 'inverse';\n textStyle?: 'negative' \| 'neutral' \| 'subtle';\n disabled?: boolean;\n expand?: boolean;\n validating?: boolean;\n iconSize?: number;\n onHover?: MouseEventHandler<HTMLButtonElement> \| TouchEventHandler<HTMLButtonElement>;\n}\n\nconst LeadingIcon = createSlot(({ children, ...props }) => {\n return (\n <Flex alignItems=\"center\" justifyContent=\"center\">\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Flex>\n );\n});\n\nconst TrailingIcon = createSlot(({ children, ...props }) => {\n return (\n <Flex alignItems=\"center\" justifyContent=\"center\">\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Flex>\n );\n});\n\nconst Validation = ({ variant = 'primary', size = 'md' }: Partial<ButtonProps>) => {\n const spinnerInverted = variant === 'primary' \|\| variant === 'negative';\n const spinnerNeutral = variant === 'neutral' \|\| variant === 'tertiary';\n const spinnerSizes = {\n sm: 20,\n md: 24,\n lg: 28,\n };\n\n return (\n <LoadingSpinner size={spinnerSizes[size]} strokeWidth={2.5} inverted={spinnerInverted} neutral={spinnerNeutral} />\n );\n};\n\nconst Component = forwardRef<HTMLButtonElement, ButtonProps>((props, forwardedRef) => {\n const {\n label,\n variant = 'primary',\n textStyle,\n size = 'md',\n disabled,\n expand,\n validating,\n iconSize: iconSizeOverride,\n onHover,\n } = props;\n\n const iconSize = iconSizeOverride \|\| (size === 'sm' ? 16 : 24);\n\n const classes = button({ variant, textStyle, expand, size, validating, iconOnly: !label });\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 const { hoverProps } = useHover({ isDisabled: disabled ?? false });\n const { isFocusVisible, focusProps } = useFocusRing();\n\n return createHost(props.children, slots => {\n const leadingIcon = slots.get(LeadingIcon);\n const trailingIcon = slots.get(TrailingIcon);\n const containerSize = iconSize / 4;\n\n return (\n <button\n className={cx(classes.button, 'group', !label && classes.iconContainer, isFocusVisible && classes.focus)}\n ref={ref}\n {...mergeProps(buttonProps, hoverProps, focusProps)}\n aria-disabled={disabled}\n onMouseEnter={onHover as MouseEventHandler}\n onTouchStart={onHover as TouchEventHandler}\n >\n {validating ? (\n <Validation variant={variant} size={size} />\n ) : (\n <HStack w=\"full\" gap={2} justify={label && (leadingIcon \|\| trailingIcon) ? 'space-between' : 'center'}>\n {leadingIcon && {\n ...leadingIcon,\n props: {\n ~~...leadingIcon.props,\n~~ className: !leadingIcon.props.color ? classes.icon : undefined,\n width: iconSize,\n height: iconSize,\n },\n }}\n {trailingIcon && label && expand && <Box w={containerSize} />}\n {label && <span className={classes.label}>{label}</span>}\n {leadingIcon && label && expand && <Box w={containerSize} />}\n {trailingIcon && {\n ...trailingIcon,\n props: {\n ~~...trailingIcon.props,\n~~ className: !trailingIcon.props.color ? classes.icon : undefined,\n width: iconSize,\n height: iconSize,\n },\n }}\n </HStack>\n )}\n </button>\n );\n });\n});\n\nconst Button = Object.assign(Component, {\n LeadingIcon,\n TrailingIcon,\n});\n\nComponent.displayName = 'Button';\n\nexport default Button;\n"],"names":["LeadingIcon","createSlot","children","props","_jsx","Flex","Children","child","cloneElement","TrailingIcon","Validation","variant","size","spinnerInverted","spinnerNeutral","LoadingSpinner","Component","forwardRef","forwardedRef","label","textStyle","disabled","expand","validating","iconSizeOverride","onHover","iconSize","classes","button","internalRef","useRef","ref","buttonProps","useButton","hoverProps","useHover","isFocusVisible","focusProps","useFocusRing","createHost","slots","leadingIcon","trailingIcon","containerSize","cx","mergeProps","_jsxs","HStack","Box","Button"],"mappings":"g1BAoBMA,EAAcC,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAElDC,EAACC,EAAI,CAAC,WAAW,SAAS,eAAe,SACtC,SAAAC,EAAS,IAAIJ,EAAUK,GACfC,EAAaD,EAAOJ,CAAK,CACjC,CACI,CAAA,CAEV,EAEKM,EAAeR,EAAW,CAAC,CAAE,SAAAC,EAAU,GAAGC,CAAO,IAEnDC,EAACC,EAAI,CAAC,WAAW,SAAS,eAAe,SACtC,SAAAC,EAAS,IAAIJ,EAAUK,GACfC,EAAaD,EAAOJ,CAAK,CACjC,CACI,CAAA,CAEV,EAEKO,EAAa,CAAC,CAAE,QAAAC,EAAU,UAAW,KAAAC,EAAO,IAAI,IAA4B,CAChF,MAAMC,EAAkBF,IAAY,WAAaA,IAAY,WACvDG,EAAiBH,IAAY,WAAaA,IAAY,WAO5D,OACEP,EAACW,EAAe,CAAA,KAPG,CACnB,GAAI,GACJ,GAAI,GACJ,GAAI,IAI+BH,CAAI,EAAG,YAAa,IAAK,SAAUC,EAAiB,QAASC,CAAkB,CAAA,CAEtH,EAEME,EAAYC,EAA2C,CAACd,EAAOe,IAAgB,CACnF,KAAM,CACJ,MAAAC,EACA,QAAAR,EAAU,UACV,UAAAS,EACA,KAAAR,EAAO,KACP,SAAAS,EACA,OAAAC,EACA,WAAAC,EACA,SAAUC,EACV,QAAAC,CAAO,EACLtB,EAEEuB,EAAWF,IAAqBZ,IAAS,KAAO,GAAK,IAErDe,EAAUC,EAAO,CAAE,QAAAjB,EAAS,UAAAS,EAAW,OAAAE,EAAQ,KAAAV,EAAM,WAAAW,EAAY,SAAU,CAACJ,CAAO,CAAA,EAEnFU,EAAcC,EAAO,IAAI,EACzBC,EAAMb,GAAgBW,EAEtB,CAAE,YAAAG,CAAa,EAAGC,EACtB,CAAE,GAAG9B,EAAO,WAAYkB,GAAY,EAAO,EAC3CU,CAAyC,EAErC,CAAE,WAAAG,CAAU,EAAKC,EAAS,CAAE,WAAYd,GAAY,EAAK,CAAE,EAC3D,CAAE,eAAAe,EAAgB,WAAAC,GAAeC,EAAAA,EAEvC,OAAOC,EAAWpC,EAAM,SAAUqC,GAAQ,CACxC,MAAMC,EAAcD,EAAM,IAAIxC,CAAW,EACnC0C,EAAeF,EAAM,IAAI/B,CAAY,EACrCkC,EAAgBjB,EAAW,EAEjC,OACEtB,YACE,UAAWwC,EAAGjB,EAAQ,OAAQ,QAAS,CAACR,GAASQ,EAAQ,cAAeS,GAAkBT,EAAQ,KAAK,EACvG,IAAKI,EAAG,GACJc,EAAWb,EAAaE,EAAYG,CAAU,EACnC,gBAAAhB,EACf,aAAcI,EACd,aAAcA,EAEb,SAAAF,EACCnB,EAACM,GAAW,QAASC,EAAS,KAAMC,CAAQ,CAAA,EAE5CkC,EAACC,EAAO,CAAA,EAAE,OAAO,IAAK,EAAG,QAAS5B,IAAUsB,GAAeC,GAAgB,gBAAkB,SAC1F,SAAA,CAAAD,GAAe,CACd,GAAGA,EACH,MAAO,CACL,~~GAAGA,EAAY,MACf,~~UAAYA,EAAY,MAAM,MAAuB,OAAfd,EAAQ,KAC9C,MAAOD,EACP,OAAQA,~~CACT~~,CACF,~~EACAgB~~,GAAgBvB,GAASG,GAAUlB,EAAC4C,EAAG,CAAC,EAAGL,CAAiB,CAAA,EAC5DxB,GAASf,EAAA,OAAA,CAAM,UAAWuB,EAAQ,eAAQR,CAAK,CAAA,EAC/CsB,GAAetB,GAASG,GAAUlB,EAAC4C,GAAI,EAAGL,CAAiB,CAAA,EAC3DD,GAAgB,CACf,GAAGA,EACH,MAAO,CACL,~~GAAGA,EAAa,MAChB,~~UAAYA,EAAa,MAAM,MAAuB,OAAff,EAAQ,KAC/C,MAAOD,EACP,OAAQA,~~CACT~~,EACF,CACM,CAAA,CAEJ,CAAA,CAEb,CAAC,CACH,CAAC,~~EAEKuB~~,EAAS,OAAO,OAAOjC,EAAW,CACtC,YAAAhB,EACA,aAAAS,CACD,CAAA,EAEDO,EAAU,YAAc"}
1	+ {"version":3,"file":"button.js","sources":["../../../../src/components/primitives/button.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { button } from '@recipes/button';\nimport { cx } from '@styled/css';\nimport { Box, Flex, HStack } from '@styled/jsx';\nimport { createHost, createSlot } from 'create-slots';\nimport React, { Children, MouseEventHandler, TouchEventHandler, cloneElement, forwardRef, useRef } from 'react';\nimport { mergeProps, useButton, useFocusRing, useHover, type AriaButtonProps } from 'react-aria';\n\nexport interface ButtonProps extends AriaButtonProps {\n label?: string;\n size?: 'sm' \| 'md' \| 'lg';\n variant?: 'primary' \| 'secondary' \| 'negative' \| 'neutral' \| 'tertiary' \| 'text' \| 'transparent' \| 'inverse';\n textStyle?: 'negative' \| 'neutral' \| 'subtle';\n disabled?: boolean;\n expand?: boolean;\n validating?: boolean;\n iconSize?: number;\n onHover?: MouseEventHandler<HTMLButtonElement> \| TouchEventHandler<HTMLButtonElement>;\n}\n\nconst LeadingIcon = createSlot(({ children, ...props }) => {\n return (\n <Flex alignItems=\"center\" justifyContent=\"center\">\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Flex>\n );\n});\n\nconst TrailingIcon = createSlot(({ children, ...props }) => {\n return (\n <Flex alignItems=\"center\" justifyContent=\"center\">\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Flex>\n );\n});\n\nconst Validation = ({ variant = 'primary', size = 'md' }: Partial<ButtonProps>) => {\n const spinnerInverted = variant === 'primary' \|\| variant === 'negative';\n const spinnerNeutral = variant === 'neutral' \|\| variant === 'tertiary';\n const spinnerSizes = {\n sm: 20,\n md: 24,\n lg: 28,\n };\n\n return (\n <LoadingSpinner size={spinnerSizes[size]} strokeWidth={2.5} inverted={spinnerInverted} neutral={spinnerNeutral} />\n );\n};\n\nconst Component = forwardRef<HTMLButtonElement, ButtonProps>((props, forwardedRef) => {\n const {\n label,\n variant = 'primary',\n textStyle,\n size = 'md',\n disabled,\n expand,\n validating,\n iconSize: iconSizeOverride,\n onHover,\n } = props;\n\n const iconSize = iconSizeOverride \|\| (size === 'sm' ? 16 : 24);\n\n const classes = button({ variant, textStyle, expand, size, validating, iconOnly: !label });\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 const { hoverProps } = useHover({ isDisabled: disabled ?? false });\n const { isFocusVisible, focusProps } = useFocusRing();\n\n return createHost(props.children, slots => {\n const leadingIcon = slots.get(LeadingIcon);\n const trailingIcon = slots.get(TrailingIcon);\n const containerSize = iconSize / 4;\n\n return (\n <button\n className={cx(classes.button, 'group', !label && classes.iconContainer, isFocusVisible && classes.focus)}\n ref={ref}\n {...mergeProps(buttonProps, hoverProps, focusProps)}\n aria-disabled={disabled}\n onMouseEnter={onHover as MouseEventHandler}\n onTouchStart={onHover as TouchEventHandler}\n >\n {validating ? (\n <Validation variant={variant} size={size} />\n ) : (\n <HStack w=\"full\" gap={2} justify={label && (leadingIcon \|\| trailingIcon) ? 'space-between' : 'center'}>\n {leadingIcon && {\n ...leadingIcon,\n props: {\n className: !leadingIcon.props.color ? classes.icon : undefined,\n width: iconSize,\n height: iconSize,\n ...leadingIcon.props,\n },\n }}\n {trailingIcon && label && expand && <Box w={containerSize} />}\n {label && <span className={classes.label}>{label}</span>}\n {leadingIcon && label && expand && <Box w={containerSize} />}\n {trailingIcon && {\n ...trailingIcon,\n props: {\n className: !trailingIcon.props.color ? classes.icon : undefined,\n width: iconSize,\n height: iconSize,\n ...trailingIcon.props,\n },\n }}\n </HStack>\n )}\n </button>\n );\n });\n});\n\nconst Button = Object.assign(Component, {\n LeadingIcon,\n TrailingIcon,\n});\n\nComponent.displayName = 'Button';\n\nexport default Button;\n"],"names":["LeadingIcon","createSlot","children","props","_jsx","Flex","Children","child","cloneElement","TrailingIcon","Validation","variant","size","spinnerInverted","spinnerNeutral","LoadingSpinner","Component","forwardRef","forwardedRef","label","textStyle","disabled","expand","validating","iconSizeOverride","onHover","iconSize","classes","button","internalRef","useRef","ref","buttonProps","useButton","hoverProps","useHover","isFocusVisible","focusProps","useFocusRing","createHost","slots","leadingIcon","trailingIcon","containerSize","cx","mergeProps","_jsxs","HStack","Box","Button"],"mappings":"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"}

package/dist/es/components/primitives/checkbox.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as d,jsx as e}from"react/jsx-runtime";import{token as y}from"@styled/tokens";import k from"../icons/ico-checkmark.js";import C from"./text.js";import{useToggleState as S}from"../../hooks/useToggleState.js";import{css as o}from"@styled/css";import{Flex as v}from"@styled/jsx/flex";import{forwardRef as N,useRef as j,useEffect as w}from"react";import{useCheckbox as I,useFocusRing as F,VisuallyHidden as P,mergeProps as R}from"react-aria";const m=N((l,u)=>{const{label:s,indeterminate:r=!1,disabled:n=!1,checked:b,"aria-label":p,...f}=l,t=S({...l,isSelected:b}),h=j(null),i=u||h;w(()=>{const c="current"in i?i.current:null;c&&(c.indeterminate=!!r)},[r,i]);const{inputProps:g}=I({...f,"aria-label":s||p||"Checkbox",isDisabled:n,isIndeterminate:r},t,i),{isFocusVisible:a,focusProps:x}=F();return d("label",{className:o({display:"flex",alignItems:"center",rounded:"sm",opacity:n?.3:1}),children:[e(P,{children:e("input",{...R(g,x),ref:i})}),e("div",{className:o({display:"flex",alignItems:"center",justifyContent:"center",width:5,height:5,bg:t.isSelected?"brand.base":"transparent",borderWidth:"thick",borderColor:t.isSelected||a?"brand.base":"text.tertiary",transition:"background-color 0.2s ease, border-color 0.2s ease",_hover:{cursor:"pointer",borderColor:"brand.base"},pointerEvents:n?"none":"auto",rounded:"sm",boxSizing:"border-box",outlineColor:a?"brand.base":"transparent",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5}),children:d("span",{children:[t.isSelected&&!r&&e(k,{height:16,width:16,color:y("colors.surface.primary")}),t.isSelected&&!!r&&e(v,{justifyContent:"center",alignItems:"center",children:e("div",{className:o({w:2.5,h:.5,bg:"surface.primary"})})})]})}),s&&e("div",{className:o({ml:3}),children:e(C,{fontWeight:"medium",styles:{lineHeight:1},children:s})})]})});m.displayName="Checkbox";export{m as default};
+import{jsxs as d,jsx as e}from"react/jsx-runtime";import{token as y}from"@styled/tokens";import k from"../icons/ico-checkmark.js";import C from"./text.js";import{useToggleState as S}from"../../hooks/useToggleState.js";import{css as n}from"@styled/css";import{Box as j}from"@styled/jsx";import{Flex as v}from"@styled/jsx/flex";import{forwardRef as w,useRef as I,useEffect as N}from"react";import{useCheckbox as F,useFocusRing as P,VisuallyHidden as R,mergeProps as W}from"react-aria";const m=w((l,u)=>{const{label:o,indeterminate:r=!1,disabled:s=!1,checked:b,"aria-label":p,...f}=l,t=S({...l,isSelected:b}),h=I(null),i=u||h;N(()=>{const c="current"in i?i.current:null;c&&(c.indeterminate=!!r)},[r,i]);const{inputProps:g}=F({...f,"aria-label":o||p||"Checkbox",isDisabled:s,isIndeterminate:r},t,i),{isFocusVisible:a,focusProps:x}=P();return d("label",{className:n({display:"flex",alignItems:"center",rounded:"sm",opacity:s?.3:1}),children:[e(R,{children:e("input",{...W(g,x),ref:i})}),e("div",{className:n({display:"flex",alignItems:"center",justifyContent:"center",width:5,height:5,bg:t.isSelected?"brand.base":"transparent",borderWidth:"thick",borderColor:t.isSelected||a?"brand.base":"text.tertiary",transition:"background-color 0.2s ease, border-color 0.2s ease",_hover:{cursor:"pointer",borderColor:"brand.base"},pointerEvents:s?"none":"auto",rounded:"sm",boxSizing:"border-box",outlineColor:a?"brand.base":"transparent",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5}),children:d("span",{children:[t.isSelected&&!r&&e(k,{height:16,width:16,color:y("colors.surface.primary")}),t.isSelected&&!!r&&e(v,{justifyContent:"center",alignItems:"center",children:e("div",{className:n({w:2.5,h:.5,bg:"surface.primary"})})})]})}),o&&e(j,{ml:3,children:e(C,{fontWeight:"medium",styles:{lineHeight:1},children:o})})]})});m.displayName="Checkbox";export{m as default};
 //# sourceMappingURL=checkbox.js.map

package/dist/es/components/primitives/checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox.js","sources":["../../../../src/components/primitives/checkbox.tsx"],"sourcesContent":["import { IcoCheckmark } from '@components/icons';\nimport Text from '@components/primitives/text';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { css } from '@styled/css';\nimport { Flex } from '@styled/jsx/flex';\nimport { token } from '@styled/tokens';\nimport { forwardRef, useEffect, useRef } from 'react';\nimport { VisuallyHidden, mergeProps, useCheckbox, useFocusRing, type AriaCheckboxProps } from 'react-aria';\n\nexport type CheckboxProps = AriaCheckboxProps & {\n label?: string;\n disabled?: boolean;\n indeterminate?: boolean;\n checked?: boolean;\n};\n\nconst Checkbox = forwardRef<HTMLInputElement, CheckboxProps>((props, forwardedRef) => {\n const { label, indeterminate = false, disabled = false, checked, 'aria-label': ariaLabel, ...otherProps } = props;\n const state = useToggleState({ ...props, isSelected: checked });\n const internalRef = useRef<HTMLInputElement>(null);\n const ref = forwardedRef \|\| internalRef;\n\n useEffect(() => {\n const currentRef = 'current' in ref ? ref.current : null;\n if (currentRef) {\n currentRef.indeterminate = !!indeterminate;\n }\n }, [indeterminate, ref]);\n\n const { inputProps } = useCheckbox(\n {\n ...otherProps,\n 'aria-label': label \|\| ariaLabel \|\| 'Checkbox',\n isDisabled: disabled,\n isIndeterminate: indeterminate,\n },\n state,\n ref as React.RefObject<HTMLInputElement>,\n );\n const { isFocusVisible, focusProps } = useFocusRing();\n\n return (\n <label\n className={css({\n display: 'flex',\n alignItems: 'center',\n rounded: 'sm',\n opacity: disabled ? 0.3 : 1,\n })}\n >\n <VisuallyHidden>\n <input {...mergeProps(inputProps, focusProps)} ref={ref} />\n </VisuallyHidden>\n <div\n className={css({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: 5,\n height: 5,\n bg: state.isSelected ? 'brand.base' : 'transparent',\n borderWidth: 'thick',\n borderColor: state.isSelected \|\| isFocusVisible ? 'brand.base' : 'text.tertiary',\n transition: 'background-color 0.2s ease, border-color 0.2s ease',\n _hover: {\n cursor: 'pointer',\n borderColor: 'brand.base',\n },\n pointerEvents: disabled ? 'none' : 'auto',\n rounded: 'sm',\n boxSizing: 'border-box',\n outlineColor: isFocusVisible ? 'brand.base' : 'transparent',\n outlineStyle: 'solid',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n })}\n >\n <span>\n {state.isSelected && !indeterminate && (\n <IcoCheckmark height={16} width={16} color={token('colors.surface.primary')} />\n )}\n {state.isSelected && !!indeterminate && (\n <Flex justifyContent=\"center\" alignItems=\"center\">\n <div\n className={css({\n w: 2.5,\n h: 0.5,\n bg: 'surface.primary',\n })}\n />\n </Flex>\n )}\n </span>\n </div>\n {label && (\n <~~div~~ ~~className~~={~~css({ ml:~~ 3 })}>\n <Text fontWeight=\"medium\" styles={{ lineHeight: 1 }}>\n {label}\n </Text>\n </~~div~~>\n )}\n </label>\n );\n});\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","props","forwardedRef","label","indeterminate","disabled","checked","ariaLabel","otherProps","state","useToggleState","internalRef","useRef","ref","useEffect","currentRef","inputProps","useCheckbox","isFocusVisible","focusProps","useFocusRing","_jsxs","css","_jsx","VisuallyHidden","mergeProps","IcoCheckmark","token","Flex","Text"],"mappings":"~~ucAgBMA~~,EAAWC,EAA4C,CAACC,EAAOC,IAAgB,CACnF,KAAM,CAAE,MAAAC,EAAO,cAAAC,EAAgB,GAAO,SAAAC,EAAW,GAAO,QAAAC,EAAS,aAAcC,EAAW,GAAGC,CAAU,EAAKP,EACtGQ,EAAQC,EAAe,CAAE,GAAGT,EAAO,WAAYK,CAAO,CAAE,EACxDK,EAAcC,EAAyB,IAAI,EAC3CC,EAAMX,GAAgBS,EAE5BG,EAAU,IAAK,CACb,MAAMC,EAAa,YAAaF,EAAMA,EAAI,QAAU,KAChDE,IACFA,EAAW,cAAgB,CAAC,CAACX,EAEjC,EAAG,CAACA,EAAeS,CAAG,CAAC,EAEvB,KAAM,CAAE,WAAAG,CAAY,EAAGC,EACrB,CACE,GAAGT,EACH,aAAcL,GAASI,GAAa,WACpC,WAAYF,EACZ,gBAAiBD,CAClB,EACDK,EACAI,CAAwC,EAEpC,CAAE,eAAAK,EAAgB,WAAAC,GAAeC,IAEvC,OACEC,EAAA,QAAA,CACE,UAAWC,EAAI,CACb,QAAS,OACT,WAAY,SACZ,QAAS,KACT,QAASjB,EAAW,GAAM,EAC3B,EAAC,SAAA,CAEFkB,EAACC,EAAc,CAAA,SACbD,cAAWE,EAAWT,EAAYG,CAAU,EAAG,IAAKN,CAAO,CAAA,CAAA,CAAA,EAE7DU,EACE,MAAA,CAAA,UAAWD,EAAI,CACb,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,MAAO,EACP,OAAQ,EACR,GAAIb,EAAM,WAAa,aAAe,cACtC,YAAa,QACb,YAAaA,EAAM,YAAcS,EAAiB,aAAe,gBACjE,WAAY,qDACZ,OAAQ,CACN,OAAQ,UACR,YAAa,YACd,EACD,cAAeb,EAAW,OAAS,OACnC,QAAS,KACT,UAAW,aACX,aAAca,EAAiB,aAAe,cAC9C,aAAc,QACd,aAAc,QACd,cAAe,GAChB,EAAC,SAEFG,EACG,OAAA,CAAA,SAAA,CAAAZ,EAAM,YAAc,CAACL,GACpBmB,EAACG,GAAa,OAAQ,GAAI,MAAO,GAAI,MAAOC,EAAM,wBAAwB,IAE3ElB,EAAM,YAAc,CAAC,CAACL,GACrBmB,EAACK,GAAK,eAAe,SAAS,WAAW,SAAQ,SAC/CL,EACE,MAAA,CAAA,UAAWD,EAAI,CACb,EAAG,IACH,EAAG,GACH,GAAI,iBACL,CAAA,GAEE,CAAA,CACR,~~GAEC~~,CAAA,~~EACLnB~~,GACCoB,~~SAAK~~,~~UAAWD,~~EAAI,~~CAAE~~,GAAI,~~EAAG~~,~~EAAC~~,~~SAC5BC~~,~~EAACM~~,~~GAAK,~~WAAW,SAAS,OAAQ,CAAE,WAAY,CAAC,~~WAC9C1B~~,CAAK,CAAA,GAGX,CAAA,CAAA,CAGP,CAAC,EAEDJ,EAAS,YAAc"}
1	+ {"version":3,"file":"checkbox.js","sources":["../../../../src/components/primitives/checkbox.tsx"],"sourcesContent":["import { IcoCheckmark } from '@components/icons';\nimport Text from '@components/primitives/text';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { css } from '@styled/css';\nimport { Box } from '@styled/jsx';\nimport { Flex } from '@styled/jsx/flex';\nimport { token } from '@styled/tokens';\nimport { forwardRef, useEffect, useRef } from 'react';\nimport { VisuallyHidden, mergeProps, useCheckbox, useFocusRing, type AriaCheckboxProps } from 'react-aria';\n\nexport type CheckboxProps = AriaCheckboxProps & {\n label?: string;\n disabled?: boolean;\n indeterminate?: boolean;\n checked?: boolean;\n};\n\nconst Checkbox = forwardRef<HTMLInputElement, CheckboxProps>((props, forwardedRef) => {\n const { label, indeterminate = false, disabled = false, checked, 'aria-label': ariaLabel, ...otherProps } = props;\n const state = useToggleState({ ...props, isSelected: checked });\n const internalRef = useRef<HTMLInputElement>(null);\n const ref = forwardedRef \|\| internalRef;\n\n useEffect(() => {\n const currentRef = 'current' in ref ? ref.current : null;\n if (currentRef) {\n currentRef.indeterminate = !!indeterminate;\n }\n }, [indeterminate, ref]);\n\n const { inputProps } = useCheckbox(\n {\n ...otherProps,\n 'aria-label': label \|\| ariaLabel \|\| 'Checkbox',\n isDisabled: disabled,\n isIndeterminate: indeterminate,\n },\n state,\n ref as React.RefObject<HTMLInputElement>,\n );\n const { isFocusVisible, focusProps } = useFocusRing();\n\n return (\n <label\n className={css({\n display: 'flex',\n alignItems: 'center',\n rounded: 'sm',\n opacity: disabled ? 0.3 : 1,\n })}\n >\n <VisuallyHidden>\n <input {...mergeProps(inputProps, focusProps)} ref={ref} />\n </VisuallyHidden>\n <div\n className={css({\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n width: 5,\n height: 5,\n bg: state.isSelected ? 'brand.base' : 'transparent',\n borderWidth: 'thick',\n borderColor: state.isSelected \|\| isFocusVisible ? 'brand.base' : 'text.tertiary',\n transition: 'background-color 0.2s ease, border-color 0.2s ease',\n _hover: {\n cursor: 'pointer',\n borderColor: 'brand.base',\n },\n pointerEvents: disabled ? 'none' : 'auto',\n rounded: 'sm',\n boxSizing: 'border-box',\n outlineColor: isFocusVisible ? 'brand.base' : 'transparent',\n outlineStyle: 'solid',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n })}\n >\n <span>\n {state.isSelected && !indeterminate && (\n <IcoCheckmark height={16} width={16} color={token('colors.surface.primary')} />\n )}\n {state.isSelected && !!indeterminate && (\n <Flex justifyContent=\"center\" alignItems=\"center\">\n <div\n className={css({\n w: 2.5,\n h: 0.5,\n bg: 'surface.primary',\n })}\n />\n </Flex>\n )}\n </span>\n </div>\n {label && (\n <Box ml={3}>\n <Text fontWeight=\"medium\" styles={{ lineHeight: 1 }}>\n {label}\n </Text>\n </Box>\n )}\n </label>\n );\n});\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"names":["Checkbox","forwardRef","props","forwardedRef","label","indeterminate","disabled","checked","ariaLabel","otherProps","state","useToggleState","internalRef","useRef","ref","useEffect","currentRef","inputProps","useCheckbox","isFocusVisible","focusProps","useFocusRing","_jsxs","css","_jsx","VisuallyHidden","mergeProps","IcoCheckmark","token","Flex","Box","Text"],"mappings":"meAiBA,MAAMA,EAAWC,EAA4C,CAACC,EAAOC,IAAgB,CACnF,KAAM,CAAE,MAAAC,EAAO,cAAAC,EAAgB,GAAO,SAAAC,EAAW,GAAO,QAAAC,EAAS,aAAcC,EAAW,GAAGC,CAAU,EAAKP,EACtGQ,EAAQC,EAAe,CAAE,GAAGT,EAAO,WAAYK,CAAO,CAAE,EACxDK,EAAcC,EAAyB,IAAI,EAC3CC,EAAMX,GAAgBS,EAE5BG,EAAU,IAAK,CACb,MAAMC,EAAa,YAAaF,EAAMA,EAAI,QAAU,KAChDE,IACFA,EAAW,cAAgB,CAAC,CAACX,EAEjC,EAAG,CAACA,EAAeS,CAAG,CAAC,EAEvB,KAAM,CAAE,WAAAG,CAAY,EAAGC,EACrB,CACE,GAAGT,EACH,aAAcL,GAASI,GAAa,WACpC,WAAYF,EACZ,gBAAiBD,CAClB,EACDK,EACAI,CAAwC,EAEpC,CAAE,eAAAK,EAAgB,WAAAC,GAAeC,IAEvC,OACEC,EAAA,QAAA,CACE,UAAWC,EAAI,CACb,QAAS,OACT,WAAY,SACZ,QAAS,KACT,QAASjB,EAAW,GAAM,EAC3B,EAAC,SAAA,CAEFkB,EAACC,EAAc,CAAA,SACbD,cAAWE,EAAWT,EAAYG,CAAU,EAAG,IAAKN,CAAO,CAAA,CAAA,CAAA,EAE7DU,EACE,MAAA,CAAA,UAAWD,EAAI,CACb,QAAS,OACT,WAAY,SACZ,eAAgB,SAChB,MAAO,EACP,OAAQ,EACR,GAAIb,EAAM,WAAa,aAAe,cACtC,YAAa,QACb,YAAaA,EAAM,YAAcS,EAAiB,aAAe,gBACjE,WAAY,qDACZ,OAAQ,CACN,OAAQ,UACR,YAAa,YACd,EACD,cAAeb,EAAW,OAAS,OACnC,QAAS,KACT,UAAW,aACX,aAAca,EAAiB,aAAe,cAC9C,aAAc,QACd,aAAc,QACd,cAAe,GAChB,EAAC,SAEFG,EACG,OAAA,CAAA,SAAA,CAAAZ,EAAM,YAAc,CAACL,GACpBmB,EAACG,GAAa,OAAQ,GAAI,MAAO,GAAI,MAAOC,EAAM,wBAAwB,IAE3ElB,EAAM,YAAc,CAAC,CAACL,GACrBmB,EAACK,GAAK,eAAe,SAAS,WAAW,SAAQ,SAC/CL,EACE,MAAA,CAAA,UAAWD,EAAI,CACb,EAAG,IACH,EAAG,GACH,GAAI,iBACL,CAAA,GAEE,CAAA,CACR,CACI,CAAA,CAAA,CAAA,EAERnB,GACCoB,EAACM,EAAI,CAAA,GAAI,WACPN,EAACO,EAAK,CAAA,WAAW,SAAS,OAAQ,CAAE,WAAY,CAAC,WAC9C3B,CAAK,CAAA,GAGX,CAAA,CAAA,CAGP,CAAC,EAEDJ,EAAS,YAAc"}

package/dist/es/components/primitives/popover.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as r,Fragment as Y,jsxs as C}from"react/jsx-runtime";import O from"./button.js";import"./checkbox.js";import"./dropdown-selector.js";import"./radio.js";import"./segmented-control.js";import"./switch.js";import"./text.js";import{useToggleState as te}from"../../hooks/useToggleState.js";import{cx as ne}from"@styled/css";import{Center as S,Box as A}from"@styled/jsx";import{vstack as ie}from"@styled/patterns";import{token as le}from"@styled/tokens";import{createSlot as x,createHost as se}from"create-slots";import{Children as k,cloneElement as I,useMemo as ce,useRef as D,useCallback as H,useEffect as pe}from"react";import{useOverlayTrigger as de,usePopover as ae,mergeProps as N,Overlay as me}from"react-aria";const j="bottom left",B=8,ge="hover",L=x(({children:t})=>r(Y,{children:t})),M=x(({children:t,...n})=>{const{onPress:o,...c}=n;return r(S,{children:k.map(t,s=>I(s,c))})}),U=x(({children:t,...n})=>r(S,{children:k.map(t,o=>I(o,n))})),W=x(({children:t,...n})=>r(S,{children:k.map(t,o=>I(o,n))})),_=({children:t,...n})=>se(t,o=>{var c;const{isOpen:s,defaultOpen:G,onOpenChange:K,trigger:z=ge,iconSize:ue,onPress:he,...F}=n,{isSelected:J,setSelected:b}=te({isOpen:s,defaultSelected:G,onChange:K,...n}),y=s!==void 0?s:J,i=24,l=ce(()=>({isOpen:y,open:()=>{b(!0)},close:()=>{b(!1)},setOpen(e){b(e)},toggle(){}}),[y]),R=o.getProps(L),p=D(null),{triggerProps:w,overlayProps:Q}=de({type:"dialog"},l,p),d=D(null),{popoverProps:V,underlayProps:Z}=ae({placement:j,offset:B,popoverRef:d,triggerRef:p,...R},l),g=N(R,V);!((c=g?.style)===null||c===void 0)&&c.zIndex&&(g.style.zIndex=le("zIndex.max"));const X=H(()=>{l.open()},[l]),P=H(e=>{var E,T;const a=(E=p.current)===null||E===void 0?void 0:E.getBoundingClientRect(),m=(T=d.current)===null||T===void 0?void 0:T.getBoundingClientRect();if(a&&m){const oe=e.clientX>=a.left-i&&e.clientX<=a.right+i&&e.clientY>=a.top-i&&e.clientY<=a.bottom+i,re=e.clientX>=m.left-i&&e.clientX<=m.right+i&&e.clientY>=m.top-i&&e.clientY<=m.bottom+i;!oe&&!re&&l.close()}},[l]),$=()=>{if(d.current){const e=d.current.querySelectorAll('a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])');e.length>0&&e[0].focus()}},ee=e=>{e.key==="Enter"&&(e.preventDefault(),s?l.close():(l.open(),setTimeout($,0)))};pe(()=>(document.addEventListener("mousemove",P),()=>{document.removeEventListener("mousemove",P)}),[P]);const u=n.size==="sm"?16:24,h=o.get(M),f=o.get(U),v=o.get(W);return C(Y,{children:[h?r(A,{display:"inline-block",ref:p,...F,children:h&&{...h,props:{...h.props,...w}}}):r(A,{display:"inline-block",ref:p,children:C(O,{...N(w,F),onKeyDown:ee,onHover:()=>z==="hover"&&X(),onPress:()=>z==="click"&&X(),children:[f&&r(O.LeadingIcon,{children:f&&{...f,props:{...f.props,width:u,height:u}}}),v&&r(O.TrailingIcon,{children:v&&{...v,props:{...v.props,width:u,height:u}}})]})}),y&&C(me,{...Q,children:[r("div",{...Z,className:"underlay"}),r("div",{ref:d,...g,className:ne(ie({bg:"surface.primary",p:3,gap:0,color:"text.secondary",borderWidth:1,borderColor:"neutral.secondary",borderRadius:"xl",boxShadow:"0px 4px 20px 0px rgba(0, 0, 0, 0.10)",maxW:52,alignItems:"start"}),g.className),children:o.get(L)})]})]})}),q=Object.assign(_,{Trigger:M,LeadingIcon:U,TrailingIcon:W,Content:L});export{B as DEFAULT_OFFSET,j as DEFAULT_PLACEMENT,q as Popover,_ as PopoverHost,q as default};
+import{jsx as o,Fragment as X,jsxs as C}from"react/jsx-runtime";import g from"./button.js";import"./checkbox.js";import"./dropdown-selector.js";import"./radio.js";import"./segmented-control.js";import"./switch.js";import"./text.js";import{useToggleState as oe}from"../../hooks/useToggleState.js";import{cx as te}from"@styled/css";import{Center as re,Box as Y}from"@styled/jsx";import{vstack as ne}from"@styled/patterns";import{token as ie}from"@styled/tokens";import{createSlot as v,createHost as le}from"create-slots";import{Children as ce,cloneElement as se,useMemo as pe,useRef as z,useCallback as A,useEffect as ae}from"react";import{useOverlayTrigger as de,usePopover as me,mergeProps as B,Overlay as ge}from"react-aria";const D="bottom left",H=8,ue="hover",E=v(({children:t})=>o(X,{children:t})),j=v(({children:t,...c})=>{const{onPress:i,...s}=c;return o(re,{children:ce.map(t,l=>se(l,s))})}),w=v(t=>o(g.LeadingIcon,{...t})),M=v(t=>o(g.TrailingIcon,{...t})),U=({children:t,...c})=>le(t,i=>{var s;const{isOpen:l,defaultOpen:_,onOpenChange:q,trigger:O=ue,iconSize:h,onPress:fe,...I}=c,{isSelected:G,setSelected:x}=oe({isOpen:l,defaultSelected:_,onChange:q,...c}),b=l!==void 0?l:G,r=24,n=pe(()=>({isOpen:b,open:()=>{x(!0)},close:()=>{x(!1)},setOpen(e){x(e)},toggle(){}}),[b]),S=i.getProps(E),p=z(null),{triggerProps:L,overlayProps:K}=de({type:"dialog"},n,p),a=z(null),{popoverProps:J,underlayProps:Z}=me({placement:c.placement||D,offset:H,popoverRef:a,triggerRef:p,...S},n),u=B(S,J);!((s=u?.style)===null||s===void 0)&&s.zIndex&&(u.style.zIndex=ie("zIndex.max"));const k=A(()=>{n.open()},[n]),y=A(e=>{var P,T;const d=(P=p.current)===null||P===void 0?void 0:P.getBoundingClientRect(),m=(T=a.current)===null||T===void 0?void 0:T.getBoundingClientRect();if(d&&m){const V=e.clientX>=d.left-r&&e.clientX<=d.right+r&&e.clientY>=d.top-r&&e.clientY<=d.bottom+r,ee=e.clientX>=m.left-r&&e.clientX<=m.right+r&&e.clientY>=m.top-r&&e.clientY<=m.bottom+r;!V&&!ee&&n.close()}},[n]),$=()=>{if(a.current){const e=a.current.querySelectorAll('a, button, input, select, textarea, [tabindex]:not([tabindex="-1"])');e.length>0&&e[0].focus()}},Q=e=>{e.key==="Enter"&&(e.preventDefault(),l?n.close():(n.open(),setTimeout($,0)))};ae(()=>(document.addEventListener("mousemove",y),()=>{document.removeEventListener("mousemove",y)}),[y]);const f=i.get(j),R=i.getProps(w),F=i.getProps(M),N=h?{height:h,width:h}:{};return C(X,{children:[f?o(Y,{display:"inline-block",ref:p,...I,children:f&&{...f,props:{...f.props,...L}}}):o(Y,{display:"inline-block",ref:p,children:C(g,{...B(L,I),onKeyDown:Q,onHover:()=>O==="hover"&&k(),onPress:()=>O==="click"&&k(),children:[R&&o(g.LeadingIcon,{...R,...N}),F&&o(g.TrailingIcon,{...F,...N})]})}),b&&C(ge,{...K,children:[o("div",{...Z,className:"underlay"}),o("div",{ref:a,...u,className:te(ne({bg:"surface.secondary",p:3,gap:0,color:"text.secondary",borderWidth:1,borderColor:"neutral.secondary",borderRadius:"xl",boxShadow:"0px 4px 20px 0px rgba(0, 0, 0, 0.10)",maxW:52,alignItems:"start"}),u.className),children:i.get(E)})]})]})}),W=Object.assign(U,{Trigger:j,LeadingIcon:w,TrailingIcon:M,Content:E});export{H as DEFAULT_OFFSET,D as DEFAULT_PLACEMENT,W as Popover,U as PopoverHost,W as default};
 //# sourceMappingURL=popover.js.map

package/dist/es/components/primitives/popover.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"popover.js","sources":["../../../../src/components/primitives/popover.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@components/primitives';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { cx } from '@styled/css';\nimport { Box, Center } from '@styled/jsx';\nimport { vstack } from '@styled/patterns';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport {\n Children,\n ComponentProps,\n PropsWithChildren,\n cloneElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n type ReactNode,\n} from 'react';\nimport type { AriaPopoverProps, Placement } from 'react-aria';\nimport { Overlay, mergeProps, useOverlayTrigger, usePopover } from 'react-aria';\n\ninterface OverlayTriggerProps extends ButtonProps {\n isOpen?: boolean;\n defaultOpen?: boolean;\n onOpenChange?: (isOpen: boolean) => void;\n trigger?: 'click' \| 'hover';\n}\n\ninterface OverlayTriggerState {\n readonly isOpen: boolean;\n setOpen(isOpen: boolean): void;\n open(): void;\n close(): void;\n toggle(): void;\n}\n\ntype PopoverContentProps = Omit<AriaPopoverProps, 'popoverRef' \| 'triggerRef'> & {\n children?: ReactNode;\n state?: OverlayTriggerState;\n} & ComponentProps<'div'>;\n\nexport const DEFAULT_PLACEMENT: Placement = 'bottom left';\nexport const DEFAULT_OFFSET = 8;\n\nconst DEFAULT_TRIGGER: string = 'hover';\n\nconst PopoverContent = createSlot(({ children }: PopoverContentProps) => <>{children}</>);\n\nconst Trigger = createSlot(({ children, ...props }) => {\n const { onPress, ...restProps } = props;\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, restProps);\n })}\n </Center>\n );\n});\n\nconst LeadingIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\nconst TrailingIcon = createSlot(({ children, ...props }) => {\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, props);\n })}\n </Center>\n );\n});\n\nexport type PopoverProps = PropsWithChildren<OverlayTriggerProps>;\n\nexport const PopoverHost = ({ children, ...props }: PopoverProps) => {\n return createHost(children, slots => {\n const { isOpen, defaultOpen, onOpenChange, trigger = DEFAULT_TRIGGER, iconSize, onPress, ...restProps } = props;\n const { isSelected, setSelected: setOpen } = useToggleState({\n isOpen: isOpen,\n defaultSelected: defaultOpen,\n onChange: onOpenChange,\n ...props,\n });\n\n const isPopoverOpen = isOpen !== undefined ? isOpen : isSelected;\n const safeZoneRadius = 24;\n\n const state = useMemo(\n () => ({\n isOpen: isPopoverOpen,\n open: () => {\n setOpen(true);\n },\n close: () => {\n setOpen(false);\n },\n setOpen(value: boolean) {\n setOpen(value);\n },\n toggle() {},\n }),\n [isPopoverOpen],\n );\n\n const popoverContentProps = slots.getProps(PopoverContent);\n\n const triggerRef = useRef<HTMLDivElement>(null);\n const { triggerProps, overlayProps } = useOverlayTrigger({ type: 'dialog' }, state, triggerRef);\n\n const contentRef = useRef<HTMLDivElement>(null);\n const { popoverProps, underlayProps } = usePopover(\n {\n placement: DEFAULT_PLACEMENT,\n offset: DEFAULT_OFFSET,\n popoverRef: contentRef,\n triggerRef,\n ...popoverContentProps,\n },\n state,\n );\n\n const contentProps = mergeProps(popoverContentProps, popoverProps);\n\n // Need to override zIndex set by react-aria so popover displays over iframe\n if (contentProps?.style?.zIndex) {\n contentProps.style.zIndex = token('zIndex.max');\n }\n\n const handleTrigger = useCallback(() => {\n state.open();\n }, [state]);\n\n const handleMouseLeave = useCallback(\n (event: MouseEvent) => {\n const buttonRect = triggerRef.current?.getBoundingClientRect();\n const popoverRect = contentRef.current?.getBoundingClientRect();\n\n if (buttonRect && popoverRect) {\n const withinButtonSafeZone =\n event.clientX >= buttonRect.left - safeZoneRadius &&\n event.clientX <= buttonRect.right + safeZoneRadius &&\n event.clientY >= buttonRect.top - safeZoneRadius &&\n event.clientY <= buttonRect.bottom + safeZoneRadius;\n\n const withinPopoverSafeZone =\n event.clientX >= popoverRect.left - safeZoneRadius &&\n event.clientX <= popoverRect.right + safeZoneRadius &&\n event.clientY >= popoverRect.top - safeZoneRadius &&\n event.clientY <= popoverRect.bottom + safeZoneRadius;\n\n if (!withinButtonSafeZone && !withinPopoverSafeZone) {\n state.close();\n }\n }\n },\n [state],\n );\n\n const focusFirstInteractiveElement = () => {\n if (contentRef.current) {\n const interactiveElements = contentRef.current.querySelectorAll(\n 'a, button, input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n );\n if (interactiveElements.length > 0) {\n (interactiveElements[0] as HTMLElement).focus();\n }\n }\n };\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (event.key === 'Enter') {\n event.preventDefault();\n if (isOpen) {\n state.close();\n } else {\n state.open();\n setTimeout(focusFirstInteractiveElement, 0);\n }\n }\n };\n\n useEffect(() => {\n document.addEventListener('mousemove', handleMouseLeave);\n return () => {\n document.removeEventListener('mousemove', handleMouseLeave);\n };\n }, [handleMouseLeave]);\n\n const size = props.size === 'sm' ? 16 : 24;\n const triggerEle = slots.get(Trigger);\n const leadingIcon = slots.get(LeadingIcon);\n const trailingIcon = slots.get(TrailingIcon);\n\n return (\n <>\n {triggerEle ? (\n <Box display=\"inline-block\" ref={triggerRef} {...restProps}>\n {triggerEle && { ...triggerEle, props: { ...triggerEle.props, ...triggerProps } }}\n </Box>\n ) : (\n <Box display=\"inline-block\" ref={triggerRef}>\n <Button\n {...mergeProps(triggerProps, restProps)}\n onKeyDown={handleKeyDown}\n onHover={() => trigger === 'hover' && handleTrigger()}\n onPress={() => trigger === 'click' && handleTrigger()}\n >\n {leadingIcon && (\n <Button.LeadingIcon>\n {leadingIcon && {\n ...leadingIcon,\n props: { ...leadingIcon.props, width: size, height: size },\n }}\n </Button.LeadingIcon>\n )}\n {trailingIcon && (\n <Button.TrailingIcon>\n {trailingIcon && {\n ...trailingIcon,\n props: { ...trailingIcon.props, width: size, height: size },\n }}\n </Button.TrailingIcon>\n )}\n </Button>\n </Box>\n )}\n {isPopoverOpen && (\n <Overlay {...overlayProps}>\n <div {...underlayProps} className=\"underlay\" />\n <div\n ref={contentRef}\n {...contentProps}\n className={cx(\n vstack({\n bg: 'surface.primary',\n p: 3,\n gap: 0,\n color: 'text.secondary',\n borderWidth: 1,\n borderColor: 'neutral.secondary',\n borderRadius: 'xl',\n boxShadow: '0px 4px 20px 0px rgba(0, 0, 0, 0.10)',\n maxW: 52,\n alignItems: 'start',\n }),\n contentProps.className,\n )}\n >\n {slots.get(PopoverContent)}\n </div>\n </Overlay>\n )}\n </>\n );\n });\n};\n\nexport const Popover = Object.assign(PopoverHost, {\n Trigger,\n LeadingIcon,\n TrailingIcon,\n Content: PopoverContent,\n});\n\nexport default Popover;\n"],"names":["DEFAULT_PLACEMENT","DEFAULT_OFFSET","DEFAULT_TRIGGER","PopoverContent","createSlot","children","_jsx","_Fragment","Trigger","props","onPress","restProps","Center","Children","child","cloneElement","LeadingIcon","TrailingIcon","PopoverHost","createHost","slots","isOpen","defaultOpen","onOpenChange","trigger","iconSize","isSelected","setOpen","useToggleState","isPopoverOpen","safeZoneRadius","state","useMemo","value","popoverContentProps","triggerRef","useRef","triggerProps","overlayProps","useOverlayTrigger","contentRef","popoverProps","underlayProps","usePopover","contentProps","mergeProps","_a","token","handleTrigger","useCallback","handleMouseLeave","event","buttonRect","popoverRect","_b","withinButtonSafeZone","withinPopoverSafeZone","focusFirstInteractiveElement","interactiveElements","handleKeyDown","useEffect","size","triggerEle","leadingIcon","trailingIcon","_jsxs","Box","Button","Overlay","cx","vstack","Popover"],"mappings":"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"}
1	+ {"version":3,"file":"popover.js","sources":["../../../../src/components/primitives/popover.tsx"],"sourcesContent":["import { Button, ButtonProps } from '@components/primitives';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { cx } from '@styled/css';\nimport { Box, Center } from '@styled/jsx';\nimport { vstack } from '@styled/patterns';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport {\n Children,\n ComponentProps,\n PropsWithChildren,\n cloneElement,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n type ReactNode,\n} from 'react';\nimport type { AriaPopoverProps, Placement } from 'react-aria';\nimport { Overlay, mergeProps, useOverlayTrigger, usePopover } from 'react-aria';\n\ninterface OverlayTriggerProps extends ButtonProps {\n isOpen?: boolean;\n defaultOpen?: boolean;\n onOpenChange?: (isOpen: boolean) => void;\n placement?: Placement;\n trigger?: 'click' \| 'hover';\n}\n\ninterface OverlayTriggerState {\n readonly isOpen: boolean;\n setOpen(isOpen: boolean): void;\n open(): void;\n close(): void;\n toggle(): void;\n}\n\ntype PopoverContentProps = Omit<AriaPopoverProps, 'popoverRef' \| 'triggerRef'> & {\n children?: ReactNode;\n state?: OverlayTriggerState;\n} & ComponentProps<'div'>;\n\nexport const DEFAULT_PLACEMENT: Placement = 'bottom left';\nexport const DEFAULT_OFFSET = 8;\n\nconst DEFAULT_TRIGGER: string = 'hover';\n\nconst PopoverContent = createSlot(({ children }: PopoverContentProps) => <>{children}</>);\n\nconst Trigger = createSlot(({ children, ...props }) => {\n const { onPress, ...restProps } = props;\n return (\n <Center>\n {Children.map(children, child => {\n return cloneElement(child, restProps);\n })}\n </Center>\n );\n});\n\nconst LeadingIcon = createSlot(props => <Button.LeadingIcon {...props} />);\n\nconst TrailingIcon = createSlot(props => <Button.TrailingIcon {...props} />);\n\nexport type PopoverProps = PropsWithChildren<OverlayTriggerProps>;\n\nexport const PopoverHost = ({ children, ...props }: PopoverProps) => {\n return createHost(children, slots => {\n const { isOpen, defaultOpen, onOpenChange, trigger = DEFAULT_TRIGGER, iconSize, onPress, ...restProps } = props;\n const { isSelected, setSelected: setOpen } = useToggleState({\n isOpen: isOpen,\n defaultSelected: defaultOpen,\n onChange: onOpenChange,\n ...props,\n });\n\n const isPopoverOpen = isOpen !== undefined ? isOpen : isSelected;\n const safeZoneRadius = 24;\n\n const state = useMemo(\n () => ({\n isOpen: isPopoverOpen,\n open: () => {\n setOpen(true);\n },\n close: () => {\n setOpen(false);\n },\n setOpen(value: boolean) {\n setOpen(value);\n },\n toggle() {},\n }),\n [isPopoverOpen],\n );\n\n const popoverContentProps = slots.getProps(PopoverContent);\n\n const triggerRef = useRef<HTMLDivElement>(null);\n const { triggerProps, overlayProps } = useOverlayTrigger({ type: 'dialog' }, state, triggerRef);\n\n const contentRef = useRef<HTMLDivElement>(null);\n const { popoverProps, underlayProps } = usePopover(\n {\n placement: props.placement \|\| DEFAULT_PLACEMENT,\n offset: DEFAULT_OFFSET,\n popoverRef: contentRef,\n triggerRef,\n ...popoverContentProps,\n },\n state,\n );\n\n const contentProps = mergeProps(popoverContentProps, popoverProps);\n\n // Need to override zIndex set by react-aria so popover displays over iframe\n if (contentProps?.style?.zIndex) {\n contentProps.style.zIndex = token('zIndex.max');\n }\n\n const handleTrigger = useCallback(() => {\n state.open();\n }, [state]);\n\n const handleMouseLeave = useCallback(\n (event: MouseEvent) => {\n const buttonRect = triggerRef.current?.getBoundingClientRect();\n const popoverRect = contentRef.current?.getBoundingClientRect();\n\n if (buttonRect && popoverRect) {\n const withinButtonSafeZone =\n event.clientX >= buttonRect.left - safeZoneRadius &&\n event.clientX <= buttonRect.right + safeZoneRadius &&\n event.clientY >= buttonRect.top - safeZoneRadius &&\n event.clientY <= buttonRect.bottom + safeZoneRadius;\n\n const withinPopoverSafeZone =\n event.clientX >= popoverRect.left - safeZoneRadius &&\n event.clientX <= popoverRect.right + safeZoneRadius &&\n event.clientY >= popoverRect.top - safeZoneRadius &&\n event.clientY <= popoverRect.bottom + safeZoneRadius;\n\n if (!withinButtonSafeZone && !withinPopoverSafeZone) {\n state.close();\n }\n }\n },\n [state],\n );\n\n const focusFirstInteractiveElement = () => {\n if (contentRef.current) {\n const interactiveElements = contentRef.current.querySelectorAll(\n 'a, button, input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n );\n if (interactiveElements.length > 0) {\n (interactiveElements[0] as HTMLElement).focus();\n }\n }\n };\n\n const handleKeyDown = (event: React.KeyboardEvent) => {\n if (event.key === 'Enter') {\n event.preventDefault();\n if (isOpen) {\n state.close();\n } else {\n state.open();\n setTimeout(focusFirstInteractiveElement, 0);\n }\n }\n };\n\n useEffect(() => {\n document.addEventListener('mousemove', handleMouseLeave);\n return () => {\n document.removeEventListener('mousemove', handleMouseLeave);\n };\n }, [handleMouseLeave]);\n\n const triggerEle = slots.get(Trigger);\n const leadingIconProps = slots.getProps(LeadingIcon);\n const trailingIconProps = slots.getProps(TrailingIcon);\n const customIconSize = iconSize ? { height: iconSize, width: iconSize } : {};\n\n return (\n <>\n {triggerEle ? (\n <Box display=\"inline-block\" ref={triggerRef} {...restProps}>\n {triggerEle && { ...triggerEle, props: { ...triggerEle.props, ...triggerProps } }}\n </Box>\n ) : (\n <Box display=\"inline-block\" ref={triggerRef}>\n <Button\n {...mergeProps(triggerProps, restProps)}\n onKeyDown={handleKeyDown}\n onHover={() => trigger === 'hover' && handleTrigger()}\n onPress={() => trigger === 'click' && handleTrigger()}\n >\n {leadingIconProps && <Button.LeadingIcon {...leadingIconProps} {...customIconSize} />}\n {trailingIconProps && <Button.TrailingIcon {...trailingIconProps} {...customIconSize} />}\n </Button>\n </Box>\n )}\n {isPopoverOpen && (\n <Overlay {...overlayProps}>\n <div {...underlayProps} className=\"underlay\" />\n <div\n ref={contentRef}\n {...contentProps}\n className={cx(\n vstack({\n bg: 'surface.secondary',\n p: 3,\n gap: 0,\n color: 'text.secondary',\n borderWidth: 1,\n borderColor: 'neutral.secondary',\n borderRadius: 'xl',\n boxShadow: '0px 4px 20px 0px rgba(0, 0, 0, 0.10)',\n maxW: 52,\n alignItems: 'start',\n }),\n contentProps.className,\n )}\n >\n {slots.get(PopoverContent)}\n </div>\n </Overlay>\n )}\n </>\n );\n });\n};\n\nexport const Popover = Object.assign(PopoverHost, {\n Trigger,\n LeadingIcon,\n TrailingIcon,\n Content: PopoverContent,\n});\n\nexport default Popover;\n"],"names":["DEFAULT_PLACEMENT","DEFAULT_OFFSET","DEFAULT_TRIGGER","PopoverContent","createSlot","children","_jsx","_Fragment","Trigger","props","onPress","restProps","Center","Children","child","cloneElement","LeadingIcon","Button","TrailingIcon","PopoverHost","createHost","slots","isOpen","defaultOpen","onOpenChange","trigger","iconSize","isSelected","setOpen","useToggleState","isPopoverOpen","safeZoneRadius","state","useMemo","value","popoverContentProps","triggerRef","useRef","triggerProps","overlayProps","useOverlayTrigger","contentRef","popoverProps","underlayProps","usePopover","contentProps","mergeProps","_a","token","handleTrigger","useCallback","handleMouseLeave","event","buttonRect","popoverRect","_b","withinButtonSafeZone","withinPopoverSafeZone","focusFirstInteractiveElement","interactiveElements","handleKeyDown","useEffect","triggerEle","leadingIconProps","trailingIconProps","customIconSize","_jsxs","Box","Overlay","cx","vstack","Popover"],"mappings":"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"}

package/dist/es/components/primitives/switch.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsxs as f,jsx as t}from"react/jsx-runtime";import g from"./text.js";import{useToggleState as h}from"../../hooks/useToggleState.js";import{css as r}from"@styled/css";import{Flex as S}from"@styled/jsx/flex";import{circle as k}from"@styled/patterns";import{forwardRef as x,useRef as y}from"react";import{useToggleButton as v,useFocusRing as w,mergeProps as N}from"react-aria";const o=x((s,l)=>{const{checked:a,disabled:n=!1,label:i,...d}=s,c=y(null),m=l||c,e=h({...s,isSelected:a}),{buttonProps:p}=v({...d,isDisabled:n},e,m),{isFocusVisible:u,focusProps:b}=w();return f(S,{alignItems:"center",children:[i&&t("div",{className:r({mr:2}),children:t(g,{fontWeight:"medium",styles:{lineHeight:1},children:i})}),t("button",{...N(p,b),className:r({px:.5,h:5,width:11,_disabled:{opacity:.3,pointerEvents:"none"},bg:e.isSelected?"brand.base":"neutral.primary",_hover:{bg:e.isSelected?"brand.base":"ink.70",_dark:{bg:e.isSelected?"brand.base":"slate.4"}},transition:"background-color 0.2s ease",rounded:"full",outlineColor:u?"brand.base":"transparent",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5,cursor:"pointer"}),children:t("span",{className:k({h:4,w:4,bg:"paper",position:"relative",left:e.isSelected?6:0,transition:"left 0.2s ease"})})})]})});o.displayName="Switch";export{o as default};
+import{jsxs as f,jsx as t}from"react/jsx-runtime";import b from"./text.js";import{useToggleState as g}from"../../hooks/useToggleState.js";import{css as h}from"@styled/css";import{Box as S}from"@styled/jsx";import{Flex as x}from"@styled/jsx/flex";import{circle as k}from"@styled/patterns";import{forwardRef as y,useRef as w}from"react";import{useToggleButton as v,useFocusRing as B,mergeProps as F}from"react-aria";const i=y((r,s)=>{const{checked:l,disabled:n=!1,label:o,...a}=r,d=w(null),c=s||d,e=g({...r,isSelected:l}),{buttonProps:m}=v({...a,isDisabled:n},e,c),{isFocusVisible:p,focusProps:u}=B();return f(x,{alignItems:"center",children:[o&&t(S,{mr:2,children:t(b,{fontWeight:"medium",styles:{lineHeight:1},children:o})}),t("button",{...F(m,u),className:h({px:.5,h:5,width:11,_disabled:{opacity:.3,pointerEvents:"none"},bg:e.isSelected?"brand.base":"neutral.primary",_hover:{bg:e.isSelected?"brand.base":"ink.70",_dark:{bg:e.isSelected?"brand.base":"slate.4"}},transition:"background-color 0.2s ease",rounded:"full",outlineColor:p?"brand.base":"transparent",outlineStyle:"solid",outlineWidth:"thick",outlineOffset:.5,cursor:"pointer"}),children:t("span",{className:k({h:4,w:4,bg:"paper",position:"relative",left:e.isSelected?6:0,transition:"left 0.2s ease"})})})]})});i.displayName="Switch";export{i as default};
 //# sourceMappingURL=switch.js.map

package/dist/es/components/primitives/switch.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"switch.js","sources":["../../../../src/components/primitives/switch.tsx"],"sourcesContent":["import Text from '@components/primitives/text';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { css } from '@styled/css';\nimport { Flex } from '@styled/jsx/flex';\nimport { circle } from '@styled/patterns';\nimport { forwardRef, useRef } from 'react';\nimport { mergeProps, useFocusRing, useToggleButton, type AriaToggleButtonProps } from 'react-aria';\n\nexport type SwitchProps = AriaToggleButtonProps & {\n checked?: boolean;\n disabled?: boolean;\n label?: string;\n};\n\nconst Switch = forwardRef<HTMLButtonElement, SwitchProps>((props, forwardedRef) => {\n const { checked, disabled = false, label, ...otherProps } = props;\n\n const internalRef = useRef(null);\n const ref = forwardedRef \|\| internalRef;\n\n const state = useToggleState({ ...props, isSelected: checked });\n\n const { buttonProps } = useToggleButton(\n { ...otherProps, isDisabled: disabled },\n state,\n ref as React.RefObject<HTMLButtonElement>,\n );\n const { isFocusVisible, focusProps } = useFocusRing();\n\n return (\n <Flex alignItems=\"center\">\n {label && (\n <~~div~~ ~~className~~={~~css({ mr:~~ 2 })}>\n <Text fontWeight=\"medium\" styles={{ lineHeight: 1 }}>\n {label}\n </Text>\n </~~div~~>\n )}\n <button\n {...mergeProps(buttonProps, focusProps)}\n className={css({\n px: 0.5,\n h: 5,\n width: 11,\n _disabled: {\n opacity: 0.3,\n pointerEvents: 'none',\n },\n bg: state.isSelected ? 'brand.base' : 'neutral.primary',\n _hover: {\n bg: !state.isSelected ? 'ink.70' : 'brand.base',\n _dark: {\n bg: !state.isSelected ? 'slate.4' : 'brand.base',\n },\n },\n transition: 'background-color 0.2s ease',\n rounded: 'full',\n outlineColor: isFocusVisible ? 'brand.base' : 'transparent',\n outlineStyle: 'solid',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n cursor: 'pointer',\n })}\n >\n <span\n className={circle({\n h: 4,\n w: 4,\n bg: 'paper',\n position: 'relative',\n left: state.isSelected ? 6 : 0,\n transition: 'left 0.2s ease',\n })}\n />\n </button>\n </Flex>\n );\n});\n\nSwitch.displayName = 'Switch';\n\nexport default Switch;\n"],"names":["Switch","forwardRef","props","forwardedRef","checked","disabled","label","otherProps","internalRef","useRef","ref","state","useToggleState","buttonProps","useToggleButton","isFocusVisible","focusProps","useFocusRing","_jsxs","Flex","_jsx","~~css~~","Text","mergeProps","circle"],"mappings":"~~4XAcA~~,~~MAAMA~~,EAASC,EAA2C,CAACC,EAAOC,IAAgB,CAChF,KAAM,CAAE,QAAAC,EAAS,SAAAC,EAAW,GAAO,MAAAC,EAAO,GAAGC,CAAY,EAAGL,EAEtDM,EAAcC,EAAO,IAAI,EACzBC,EAAMP,GAAgBK,EAEtBG,EAAQC,EAAe,CAAE,GAAGV,EAAO,WAAYE,CAAO,CAAE,EAExD,CAAE,YAAAS,CAAW,EAAKC,EACtB,CAAE,GAAGP,EAAY,WAAYF,CAAU,EACvCM,EACAD,CAAyC,EAErC,CAAE,eAAAK,EAAgB,WAAAC,GAAeC,IAEvC,OACEC,EAACC,~~EAAK~~,~~CAAA~~,WAAW,~~SAAQ~~,SAAA,~~CACtBb~~,GACCc,~~EAAA~~,~~MAAA~~,~~CAAK~~,~~UAAWC,EAAI,CAAE,~~GAAI,~~CAAC~~,~~CAAE,EAAC,SAC5BD,~~EAACE,EAAK,CAAA,WAAW,SAAS,OAAQ,CAAE,WAAY,~~CAAC~~,~~EAC9C~~,~~SAAAhB~~,~~CACI~~,CAAA,~~CAAA~~,CAAA,~~EAGXc~~,~~EAAA~~,SAAA,CAAA,~~GACMG~~,EAAWV,EAAaG,CAAU,EACtC,~~UAAWK~~,EAAI,CACb,GAAI,GACJ,EAAG,EACH,MAAO,GACP,UAAW,CACT,QAAS,GACT,cAAe,MAChB,EACD,~~GAAIV~~,EAAM,WAAa,aAAe,kBACtC,OAAQ,CACN,GAAKA,EAAM,WAAwB,aAAX,SACxB,MAAO,CACL,GAAKA,EAAM,WAAyB,aAAZ,SACzB,CACF,EACD,WAAY,6BACZ,QAAS,OACT,aAAcI,EAAiB,aAAe,cAC9C,aAAc,QACd,aAAc,QACd,cAAe,GACf,OAAQ,SACT,CAAA,EAED,SAAAK,EAAA,OAAA,CACE,~~UAAWI~~,EAAO,CAChB,EAAG,EACH,EAAG,EACH,GAAI,QACJ,SAAU,WACV,~~KAAMb~~,EAAM,WAAa,EAAI,EAC7B,WAAY,gBACb,CAAA,CACD,CAAA,CAAA,CAAA,CACK,CACJ,CAAA,CAEX,CAAC,EAEDX,EAAO,YAAc"}
1	+ {"version":3,"file":"switch.js","sources":["../../../../src/components/primitives/switch.tsx"],"sourcesContent":["import Text from '@components/primitives/text';\nimport { useToggleState } from '@hooks/useToggleState';\nimport { css } from '@styled/css';\nimport { Box } from '@styled/jsx';\nimport { Flex } from '@styled/jsx/flex';\nimport { circle } from '@styled/patterns';\nimport { forwardRef, useRef } from 'react';\nimport { mergeProps, useFocusRing, useToggleButton, type AriaToggleButtonProps } from 'react-aria';\n\nexport type SwitchProps = AriaToggleButtonProps & {\n checked?: boolean;\n disabled?: boolean;\n label?: string;\n};\n\nconst Switch = forwardRef<HTMLButtonElement, SwitchProps>((props, forwardedRef) => {\n const { checked, disabled = false, label, ...otherProps } = props;\n\n const internalRef = useRef(null);\n const ref = forwardedRef \|\| internalRef;\n\n const state = useToggleState({ ...props, isSelected: checked });\n\n const { buttonProps } = useToggleButton(\n { ...otherProps, isDisabled: disabled },\n state,\n ref as React.RefObject<HTMLButtonElement>,\n );\n const { isFocusVisible, focusProps } = useFocusRing();\n\n return (\n <Flex alignItems=\"center\">\n {label && (\n <Box mr={2}>\n <Text fontWeight=\"medium\" styles={{ lineHeight: 1 }}>\n {label}\n </Text>\n </Box>\n )}\n <button\n {...mergeProps(buttonProps, focusProps)}\n className={css({\n px: 0.5,\n h: 5,\n width: 11,\n _disabled: {\n opacity: 0.3,\n pointerEvents: 'none',\n },\n bg: state.isSelected ? 'brand.base' : 'neutral.primary',\n _hover: {\n bg: !state.isSelected ? 'ink.70' : 'brand.base',\n _dark: {\n bg: !state.isSelected ? 'slate.4' : 'brand.base',\n },\n },\n transition: 'background-color 0.2s ease',\n rounded: 'full',\n outlineColor: isFocusVisible ? 'brand.base' : 'transparent',\n outlineStyle: 'solid',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n cursor: 'pointer',\n })}\n >\n <span\n className={circle({\n h: 4,\n w: 4,\n bg: 'paper',\n position: 'relative',\n left: state.isSelected ? 6 : 0,\n transition: 'left 0.2s ease',\n })}\n />\n </button>\n </Flex>\n );\n});\n\nSwitch.displayName = 'Switch';\n\nexport default Switch;\n"],"names":["Switch","forwardRef","props","forwardedRef","checked","disabled","label","otherProps","internalRef","useRef","ref","state","useToggleState","buttonProps","useToggleButton","isFocusVisible","focusProps","useFocusRing","_jsxs","Flex","_jsx","Box","Text","mergeProps","css","circle"],"mappings":"8ZAeMA,MAAAA,EAASC,EAA2C,CAACC,EAAOC,IAAgB,CAChF,KAAM,CAAE,QAAAC,EAAS,SAAAC,EAAW,GAAO,MAAAC,EAAO,GAAGC,CAAY,EAAGL,EAEtDM,EAAcC,EAAO,IAAI,EACzBC,EAAMP,GAAgBK,EAEtBG,EAAQC,EAAe,CAAE,GAAGV,EAAO,WAAYE,CAAO,CAAE,EAExD,CAAE,YAAAS,CAAW,EAAKC,EACtB,CAAE,GAAGP,EAAY,WAAYF,CAAU,EACvCM,EACAD,CAAyC,EAErC,CAAE,eAAAK,EAAgB,WAAAC,GAAeC,IAEvC,OACEC,EAACC,EAAI,CAAC,WAAW,SACd,SAAA,CAAAb,GACCc,EAACC,EAAG,CAAC,GAAI,WACPD,EAACE,EAAK,CAAA,WAAW,SAAS,OAAQ,CAAE,WAAY,CAAG,EAAA,SAChDhB,CAAK,CAAA,CAEJ,CAAA,EAERc,EACM,SAAA,CAAA,GAAAG,EAAWV,EAAaG,CAAU,EACtC,UAAWQ,EAAI,CACb,GAAI,GACJ,EAAG,EACH,MAAO,GACP,UAAW,CACT,QAAS,GACT,cAAe,MAChB,EACD,GAAIb,EAAM,WAAa,aAAe,kBACtC,OAAQ,CACN,GAAKA,EAAM,WAAwB,aAAX,SACxB,MAAO,CACL,GAAKA,EAAM,WAAyB,aAAZ,SACzB,CACF,EACD,WAAY,6BACZ,QAAS,OACT,aAAcI,EAAiB,aAAe,cAC9C,aAAc,QACd,aAAc,QACd,cAAe,GACf,OAAQ,SACT,CAAA,EAED,SAAAK,EAAA,OAAA,CACE,UAAWK,EAAO,CAChB,EAAG,EACH,EAAG,EACH,GAAI,QACJ,SAAU,WACV,KAAMd,EAAM,WAAa,EAAI,EAC7B,WAAY,gBACb,CAAA,CACD,CAAA,CAAA,CAAA,CACK,CACJ,CAAA,CAEX,CAAC,EAEDX,EAAO,YAAc"}

package/dist/es/components/sections/wallet-navigation.js ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import{jsx as t,jsxs as c}from"react/jsx-runtime";import{token as s}from"@styled/tokens";import p from"../icons/ico-clock-fill.js";import d from"../icons/ico-grid-fill.js";import y from"../icons/ico-home-fill.js";import v from"../icons/ico-settings-fill.js";import l from"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import"../primitives/text.js";import{css as f}from"@styled/css";import{Center as h,HStack as b,Box as g}from"@styled/jsx";const i=({active:r,children:n,label:o,onPress:a})=>t(g,{pointerEvents:r===o?"none":"initial",children:t(l,{variant:"text",onPress:a,children:t(l.LeadingIcon,{className:f({color:r===o?"text.primary":"text.tertiary",_groupHover:{color:r===o?"text.primary":"text.secondary"}}),children:n})})});var e;(function(r){r.Home="home",r.Gallery="gallery",r.Activity="activity",r.Settings="settings"})(e\|\|(e={}));const x=({active:r=e.Home,onActivity:n,onGallery:o,onHome:a,onSettings:m})=>t(h,{bottom:0,pos:"fixed",h:"6.25rem",w:"full",style:{background:`linear-gradient(180deg, transparent 0%, ${s("colors.surface.primary")} 100%)`},children:c(b,{bgColor:"surface.tertiary",borderColor:"neutral.tertiary",borderWidth:"medium",borderStyle:"solid",borderRadius:52,p:1.5,children:[t(i,{active:r,label:e.Home,onPress:a,children:t(y,{})}),t(i,{active:r,label:e.Gallery,onPress:o,children:t(d,{})}),t(i,{active:r,label:e.Activity,onPress:n,children:t(p,{})}),t(i,{active:r,label:e.Settings,onPress:m,children:t(v,{})})]})});export{e as NavSection,x as WalletNavigation};
2	+ //# sourceMappingURL=wallet-navigation.js.map

package/dist/es/components/sections/wallet-navigation.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"wallet-navigation.js","sources":["../../../../src/components/sections/wallet-navigation.tsx"],"sourcesContent":["import { IcoClockFill, IcoGridFill, IcoHomeFill, IcoSettingsFill } from '@components/icons';\nimport { Button } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, Center, HStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { PropsWithChildren } from 'react';\n\ninterface ActionProps extends PropsWithChildren {\n active?: NavSection;\n label: NavSection;\n onPress: () => void;\n}\n\nexport interface WalletNavigationProps {\n active?: NavSection;\n onActivity: () => void;\n onGallery: () => void;\n onHome: () => void;\n onSettings: () => void;\n}\n\nconst Action = ({ active, children, label, onPress }: ActionProps) => (\n <Box pointerEvents={active === label ? 'none' : 'initial'}>\n <Button variant=\"text\" onPress={onPress}>\n <Button.LeadingIcon\n className={css({\n color: active === label ? 'text.primary' : 'text.tertiary',\n _groupHover: { color: active === label ? 'text.primary' : 'text.secondary' },\n })}\n >\n {children}\n </Button.LeadingIcon>\n </Button>\n </Box>\n);\n\nexport enum NavSection {\n Home = 'home',\n Gallery = 'gallery',\n Activity = 'activity',\n Settings = 'settings',\n}\n\nexport const WalletNavigation = ({\n active = NavSection.Home,\n onActivity,\n onGallery,\n onHome,\n onSettings,\n}: WalletNavigationProps) => {\n return (\n <Center\n bottom={0}\n pos=\"fixed\"\n h=\"6.25rem\"\n w=\"full\"\n style={{ background: `linear-gradient(180deg, transparent 0%, ${token('colors.surface.primary')} 100%)` }}\n >\n <HStack\n bgColor=\"surface.tertiary\"\n borderColor=\"neutral.tertiary\"\n borderWidth=\"medium\"\n borderStyle=\"solid\"\n borderRadius={52}\n p={1.5}\n >\n <Action active={active} label={NavSection.Home} onPress={onHome}>\n <IcoHomeFill />\n </Action>\n <Action active={active} label={NavSection.Gallery} onPress={onGallery}>\n <IcoGridFill />\n </Action>\n <Action active={active} label={NavSection.Activity} onPress={onActivity}>\n <IcoClockFill />\n </Action>\n <Action active={active} label={NavSection.Settings} onPress={onSettings}>\n <IcoSettingsFill />\n </Action>\n </HStack>\n </Center>\n );\n};\n"],"names":["Action","active","children","label","onPress","_jsx","Box","Button","css","NavSection","WalletNavigation","onActivity","onGallery","onHome","onSettings","Center","token","_jsxs","HStack","IcoHomeFill","IcoGridFill","IcoClockFill","IcoSettingsFill"],"mappings":"2nBAqBA,MAAMA,EAAS,CAAC,CAAE,OAAAC,EAAQ,SAAAC,EAAU,MAAAC,EAAO,QAAAC,CAAO,IAChDC,EAACC,EAAG,CAAC,cAAeL,IAAWE,EAAQ,OAAS,UAAS,SACvDE,EAACE,EAAM,CAAC,QAAQ,OAAO,QAASH,EAC9B,SAAAC,EAACE,EAAO,YACN,CAAA,UAAWC,EAAI,CACb,MAAOP,IAAWE,EAAQ,eAAiB,gBAC3C,YAAa,CAAE,MAAOF,IAAWE,EAAQ,eAAiB,gBAAkB,CAC7E,CAAA,WAEAD,CAAQ,CAAA,CAEJ,CAAA,CAAA,CAAA,EAIb,IAAYO,GAAZ,SAAYA,EAAU,CACpBA,EAAA,KAAA,OACAA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACF,GALYA,IAAAA,EAKX,CAAA,EAAA,EAEY,MAAAC,EAAmB,CAAC,CAC/B,OAAAT,EAASQ,EAAW,KACpB,WAAAE,EACA,UAAAC,EACA,OAAAC,EACA,WAAAC,CACsB,IAEpBT,EAACU,EAAM,CACL,OAAQ,EACR,IAAI,QACJ,EAAE,UACF,EAAE,OACF,MAAO,CAAE,WAAY,2CAA2CC,EAAM,wBAAwB,CAAC,QAAU,EAAA,SAEzGC,EAACC,EAAM,CACL,QAAQ,mBACR,YAAY,mBACZ,YAAY,SACZ,YAAY,QACZ,aAAc,GACd,EAAG,IAAG,SAAA,CAENb,EAACL,GAAO,OAAQC,EAAQ,MAAOQ,EAAW,KAAM,QAASI,EAAM,SAC7DR,EAACc,EAAc,EAAA,CAAA,CAAA,EAEjBd,EAACL,EAAO,CAAA,OAAQC,EAAQ,MAAOQ,EAAW,QAAS,QAASG,EAC1D,SAAAP,EAACe,EAAc,CAAA,CAAA,CAAA,CAAA,EAEjBf,EAACL,EAAO,CAAA,OAAQC,EAAQ,MAAOQ,EAAW,SAAU,QAASE,EAC3D,SAAAN,EAACgB,EAAY,EAAA,IAEfhB,EAACL,EAAM,CAAC,OAAQC,EAAQ,MAAOQ,EAAW,SAAU,QAASK,EAC3D,SAAAT,EAACiB,EAAkB,EAAA,CAAA,CAAA,CACZ,CACF,CAAA,CAAA,CAAA"}

package/dist/es/index.js CHANGED Viewed

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