@magiclabs/ui-components 1.28.3 → 1.29.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/containers/card.js +1 -1
- package/dist/cjs/components/containers/card.js.map +1 -1
- package/dist/cjs/components/external/paypal-button.js +1 -1
- package/dist/cjs/components/external/paypal-button.js.map +1 -1
- package/dist/cjs/components/feedback/animated-checkmark.js +2 -0
- package/dist/cjs/components/feedback/animated-checkmark.js.map +1 -0
- package/dist/cjs/components/feedback/animated-spinner.js +2 -0
- package/dist/cjs/components/feedback/animated-spinner.js.map +1 -0
- package/dist/cjs/components/list-items/transaction-row.js +1 -1
- package/dist/cjs/components/list-items/transaction-row.js.map +1 -1
- package/dist/cjs/components/primitives/button.js +1 -1
- package/dist/cjs/components/primitives/button.js.map +1 -1
- package/dist/cjs/components/primitives/dropdown-selector.js +1 -1
- package/dist/cjs/components/primitives/dropdown-selector.js.map +1 -1
- package/dist/cjs/components/sections/verify-pincode.js +1 -1
- package/dist/cjs/components/sections/verify-pincode.js.map +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/styles/keyframes.js +1 -1
- package/dist/cjs/styles/keyframes.js.map +1 -1
- package/dist/es/components/containers/card.js +1 -1
- package/dist/es/components/external/paypal-button.js +1 -1
- package/dist/es/components/feedback/animated-checkmark.js +2 -0
- package/dist/es/components/feedback/animated-checkmark.js.map +1 -0
- package/dist/es/components/feedback/animated-spinner.js +2 -0
- package/dist/es/components/feedback/animated-spinner.js.map +1 -0
- package/dist/es/components/list-items/transaction-row.js +1 -1
- package/dist/es/components/primitives/button.js +1 -1
- package/dist/es/components/primitives/dropdown-selector.js +1 -1
- package/dist/es/components/primitives/dropdown-selector.js.map +1 -1
- package/dist/es/components/sections/verify-pincode.js +1 -1
- package/dist/es/components/sections/verify-pincode.js.map +1 -1
- package/dist/es/index.js +1 -1
- package/dist/es/styles/keyframes.js +1 -1
- package/dist/es/styles/keyframes.js.map +1 -1
- package/dist/panda.buildinfo.json +1 -1
- package/dist/types/components/feedback/animated-checkmark.d.ts +8 -0
- package/dist/types/components/feedback/animated-checkmark.d.ts.map +1 -0
- package/dist/types/components/feedback/animated-spinner.d.ts +8 -0
- package/dist/types/components/feedback/animated-spinner.d.ts.map +1 -0
- package/dist/types/components/feedback/index.d.ts +4 -0
- package/dist/types/components/feedback/index.d.ts.map +1 -1
- package/dist/types/styles/keyframes.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var a=require("@pandacss/dev");const
|
|
1
|
+
"use strict";var a=require("@pandacss/dev");const e=a.defineKeyframes({fadeIn:{"0%":{opacity:"0"}},fadeOut:{"100%":{opacity:"0"}},scaleIn:{"0%":{opacity:"0"},"100%":{opacity:"1",scale:"1"}},scaleOut:{"0%":{opacity:"1",scale:"1"},"100%":{opacity:"0",scale:"0.9"}},slideIn:{"0%":{opacity:"0",transform:"translateY(1.25rem)"},"100%":{opacity:"1",transform:"translateY(0)"}},slideOut:{"0%":{opacity:"1",transform:"translateY(0)"},"100%":{opacity:"0",transform:"translateY(1.25rem)"}},slideRight:{"0% ":{left:"-150%"},"100%":{left:"175%"}},moveRight:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(1.25rem)"},"100%":{transform:"translateX(1.2rem)"}},moveLeft:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(-1.25rem)"},"100%":{transform:"translateX(-1.2rem)"}},animateSpinnerSmall:{"0%":{strokeDasharray:"0.4, 60",strokeDashoffset:"0"},"50%":{strokeDasharray:"36, 60",strokeDashoffset:"-14"},"100%":{strokeDasharray:"36, 60",strokeDashoffset:"-52"}},animateSpinnerLarge:{"0%":{strokeDasharray:"0.875, 175",strokeDashoffset:"0"},"50%":{strokeDasharray:"78.75, 131.25",strokeDashoffset:"-31"},"100%":{strokeDasharray:"0.875, 175",strokeDashoffset:"-158"}},popIn:{"0%":{scale:0},"100%":{scale:1}},popOut:{"0%":{scale:1},"100%":{scale:0}}});exports.keyframes=e;
|
|
2
2
|
//# sourceMappingURL=keyframes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"keyframes.js","sources":["../../../src/styles/keyframes.ts"],"sourcesContent":["import { defineKeyframes } from '@pandacss/dev';\n\nexport const keyframes = defineKeyframes({\n fadeIn: {\n '0%': { opacity: '0' },\n },\n fadeOut: {\n '100%': { opacity: '0' },\n },\n scaleIn: {\n '0%': { opacity: '0' },\n '100%': { opacity: '1', scale: '1' },\n },\n scaleOut: {\n '0%': { opacity: '1', scale: '1' },\n '100%': { opacity: '0', scale: '0.9' },\n },\n slideIn: {\n '0%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n '100%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n },\n slideOut: {\n '0%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n '100%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n },\n slideRight: {\n '0% ': {\n left: '-150%',\n },\n '100%': {\n left: '175%',\n },\n },\n moveRight: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(1.25rem)' },\n '100%': { transform: 'translateX(1.2rem)' },\n },\n moveLeft: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(-1.25rem)' },\n '100%': { transform: 'translateX(-1.2rem)' },\n },\n});\n"],"names":["keyframes","defineKeyframes"],"mappings":"4CAEO,MAAMA,EAAYC,EAAAA,gBAAgB,CACvC,OAAQ,CACN,KAAM,CAAE,QAAS,GAAK,CACvB,EACD,QAAS,CACP,OAAQ,CAAE,QAAS,GAAK,CACzB,EACD,QAAS,CACP,KAAM,CAAE,QAAS,GAAK,EACtB,OAAQ,CAAE,QAAS,IAAK,MAAO,GAAK,CACrC,EACD,SAAU,CACR,KAAM,CAAE,QAAS,IAAK,MAAO,GAAK,EAClC,OAAQ,CAAE,QAAS,IAAK,MAAO,KAAO,CACvC,EACD,QAAS,CACP,KAAM,CACJ,QAAS,IACT,UAAW,qBACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,eACZ,CACF,EACD,SAAU,CACR,KAAM,CACJ,QAAS,IACT,UAAW,eACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,qBACZ,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,OACP,EACD,OAAQ,CACN,KAAM,MACP,CACF,EACD,UAAW,CACT,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,qBAAuB,EAC3C,OAAQ,CAAE,UAAW,oBAAsB,CAC5C,EACD,SAAU,CACR,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,sBAAwB,EAC5C,OAAQ,CAAE,UAAW,qBAAuB,CAC7C,CACF,CAAA"}
|
|
1
|
+
{"version":3,"file":"keyframes.js","sources":["../../../src/styles/keyframes.ts"],"sourcesContent":["import { defineKeyframes } from '@pandacss/dev';\n\nexport const keyframes = defineKeyframes({\n fadeIn: {\n '0%': { opacity: '0' },\n },\n fadeOut: {\n '100%': { opacity: '0' },\n },\n scaleIn: {\n '0%': { opacity: '0' },\n '100%': { opacity: '1', scale: '1' },\n },\n scaleOut: {\n '0%': { opacity: '1', scale: '1' },\n '100%': { opacity: '0', scale: '0.9' },\n },\n slideIn: {\n '0%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n '100%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n },\n slideOut: {\n '0%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n '100%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n },\n slideRight: {\n '0% ': {\n left: '-150%',\n },\n '100%': {\n left: '175%',\n },\n },\n moveRight: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(1.25rem)' },\n '100%': { transform: 'translateX(1.2rem)' },\n },\n moveLeft: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(-1.25rem)' },\n '100%': { transform: 'translateX(-1.2rem)' },\n },\n animateSpinnerSmall: {\n '0%': {\n strokeDasharray: '0.4, 60',\n strokeDashoffset: '0',\n },\n '50%': {\n strokeDasharray: '36, 60',\n strokeDashoffset: '-14',\n },\n '100%': {\n strokeDasharray: '36, 60',\n strokeDashoffset: '-52',\n },\n },\n animateSpinnerLarge: {\n '0%': {\n strokeDasharray: '0.875, 175',\n strokeDashoffset: '0',\n },\n '50%': {\n strokeDasharray: '78.75, 131.25',\n strokeDashoffset: '-31',\n },\n '100%': {\n strokeDasharray: '0.875, 175',\n strokeDashoffset: '-158',\n },\n },\n popIn: {\n '0%': {\n scale: 0,\n },\n '100%': {\n scale: 1,\n },\n },\n popOut: {\n '0%': {\n scale: 1,\n },\n '100%': {\n scale: 0,\n },\n },\n});\n"],"names":["keyframes","defineKeyframes"],"mappings":"4CAEO,MAAMA,EAAYC,EAAAA,gBAAgB,CACvC,OAAQ,CACN,KAAM,CAAE,QAAS,GAAK,CACvB,EACD,QAAS,CACP,OAAQ,CAAE,QAAS,GAAK,CACzB,EACD,QAAS,CACP,KAAM,CAAE,QAAS,GAAK,EACtB,OAAQ,CAAE,QAAS,IAAK,MAAO,GAAK,CACrC,EACD,SAAU,CACR,KAAM,CAAE,QAAS,IAAK,MAAO,GAAK,EAClC,OAAQ,CAAE,QAAS,IAAK,MAAO,KAAO,CACvC,EACD,QAAS,CACP,KAAM,CACJ,QAAS,IACT,UAAW,qBACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,eACZ,CACF,EACD,SAAU,CACR,KAAM,CACJ,QAAS,IACT,UAAW,eACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,qBACZ,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,OACP,EACD,OAAQ,CACN,KAAM,MACP,CACF,EACD,UAAW,CACT,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,qBAAuB,EAC3C,OAAQ,CAAE,UAAW,oBAAsB,CAC5C,EACD,SAAU,CACR,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,sBAAwB,EAC5C,OAAQ,CAAE,UAAW,qBAAuB,CAC7C,EACD,oBAAqB,CACnB,KAAM,CACJ,gBAAiB,UACjB,iBAAkB,GACnB,EACD,MAAO,CACL,gBAAiB,SACjB,iBAAkB,KACnB,EACD,OAAQ,CACN,gBAAiB,SACjB,iBAAkB,KACnB,CACF,EACD,oBAAqB,CACnB,KAAM,CACJ,gBAAiB,aACjB,iBAAkB,GACnB,EACD,MAAO,CACL,gBAAiB,gBACjB,iBAAkB,KACnB,EACD,OAAQ,CACN,gBAAiB,aACjB,iBAAkB,MACnB,CACF,EACD,MAAO,CACL,KAAM,CACJ,MAAO,CACR,EACD,OAAQ,CACN,MAAO,CACR,CACF,EACD,OAAQ,CACN,KAAM,CACJ,MAAO,CACR,EACD,OAAQ,CACN,MAAO,CACR,CACF,CACF,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as r}from"react/jsx-runtime";import"
|
|
1
|
+
import{jsx as r}from"react/jsx-runtime";import"@styled/tokens";import{forwardRef as f}from"react";import{Flex as u,Box as x}from"@styled/jsx";import{cx as e}from"@styled/css";import"../feedback/callout.js";import{LoadingSpinner as C}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import"../primitives/text.js";import"../primitives/portal.js";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import{card as N}from"../../recipes/card.js";const c=f(({children:i,className:t,id:m,asButton:o,stack:l,onClick:d,validating:p,...s},a)=>{const n=N({asButton:o,validating:p,...s});return l||o?r(u,{id:m,className:e(n,t),flexDirection:"column",role:o?"button":"none",onClick:o?d:void 0,ref:a,children:p?r(C,{neutral:!0}):i}):r(x,{id:m,className:e(n,t),ref:a,children:i})});c.displayName="Card";export{c as Card};
|
|
2
2
|
//# sourceMappingURL=card.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as o,jsxs as u}from"react/jsx-runtime";import
|
|
1
|
+
import{jsx as o,jsxs as u}from"react/jsx-runtime";import{token as c}from"@styled/tokens";import{forwardRef as b,useRef as h}from"react";import{HStack as g,Box as P}from"@styled/jsx";import{cx as x,css as y}from"@styled/css";import"../feedback/callout.js";import{LoadingSpinner as k}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import B from"../primitives/text.js";import"../primitives/portal.js";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import w from"../logos/logo-pay-pal-wordmark.js";import{button as j}from"../../recipes/button.js";import{useButton as v,useFocusRing as R,mergeProps as S}from"react-aria";const m=b((t,n)=>{const{disabled:i,expand:p,validating:r}=t,s=j({expand:p,validating:r}),l=h(null),e=n||l,{buttonProps:a}=v({...t,isDisabled:i??!1},e),{isFocusVisible:f,focusProps:d}=R();return o("button",{className:x(s.button,y({bg:"#ffc439!important",outlineColor:"#ffc439!important",outlineWidth:"thick",outlineOffset:.5,outlineStyle:f?"solid":"none"})),ref:e,...S(a,d),"aria-disabled":i,children:r?o(k,{size:24,strokeWidth:2.5,inverted:!0}):u(g,{w:"full",gap:1,justifyContent:"center",children:[o(B,{fontWeight:"semibold",styles:{color:c("colors.ink.90")},children:"Pay with"}),o(P,{mt:.5,children:o(w,{width:60})})]})})});m.displayName="PayPalButton";export{m as PayPalButton};
|
|
2
2
|
//# sourceMappingURL=paypal-button.js.map
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{token as a}from"@styled/tokens";import l from"../icons/ico-checkmark.js";import{useDisplayState as h}from"../../hooks/useDisplayState.js";import{Circle as p}from"@styled/jsx";const d={lg:{circleSize:14,checkmarkSize:30},sm:{circleSize:5,checkmarkSize:12}},S=({size:n="lg",isVisible:i=!0,onShown:r=()=>{},onHidden:t=()=>{}})=>{const{circleSize:m,checkmarkSize:o}=d[n],{onHide:c,onShow:s}=h({animate:!0,show:i,onHidden:t,onShown:r});return e(p,{size:m,bg:"positive.lightest",animation:i?"popIn 150ms":"popOut 150ms",animationFillMode:"forwards",onAnimationEnd:i?s:c,children:e(l,{width:o,height:o,color:a("colors.positive.base")})})};export{S as AnimatedCheckmark};
|
|
2
|
+
//# sourceMappingURL=animated-checkmark.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animated-checkmark.js","sources":["../../../../src/components/feedback/animated-checkmark.tsx"],"sourcesContent":["import { IcoCheckmark } from '@components/icons';\nimport { useDisplayState } from '@hooks/useDisplayState';\nimport { Circle } from '@styled/jsx';\nimport { token } from '@styled/tokens';\n\nexport interface AnimatedCheckmarkProps {\n size?: 'lg' | 'sm';\n isVisible?: boolean;\n onShown?: () => void;\n onHidden?: () => void;\n}\n\nconst checkmarkSpecs = {\n lg: {\n circleSize: 14,\n checkmarkSize: 30,\n },\n sm: {\n circleSize: 5,\n checkmarkSize: 12,\n },\n};\n\nexport const AnimatedCheckmark = ({\n size = 'lg',\n isVisible = true,\n onShown = () => {},\n onHidden = () => {},\n}: AnimatedCheckmarkProps) => {\n const { circleSize, checkmarkSize } = checkmarkSpecs[size];\n const { onHide, onShow } = useDisplayState({\n animate: true,\n show: isVisible,\n onHidden,\n onShown,\n });\n\n return (\n <Circle\n size={circleSize}\n bg=\"positive.lightest\"\n animation={isVisible ? 'popIn 150ms' : 'popOut 150ms'}\n animationFillMode=\"forwards\"\n onAnimationEnd={isVisible ? onShow : onHide}\n >\n <IcoCheckmark width={checkmarkSize} height={checkmarkSize} color={token('colors.positive.base')} />\n </Circle>\n );\n};\n"],"names":["checkmarkSpecs","AnimatedCheckmark","size","isVisible","onShown","onHidden","circleSize","checkmarkSize","onHide","onShow","useDisplayState","_jsx","Circle","IcoCheckmark","token"],"mappings":"8NAYA,MAAMA,EAAiB,CACrB,GAAI,CACF,WAAY,GACZ,cAAe,EAChB,EACD,GAAI,CACF,WAAY,EACZ,cAAe,EAChB,GAGUC,EAAoB,CAAC,CAChC,KAAAC,EAAO,KACP,UAAAC,EAAY,GACZ,QAAAC,EAAU,IAAO,CAAA,EACjB,SAAAC,EAAW,IAAK,CAAA,CAAG,IACQ,CAC3B,KAAM,CAAE,WAAAC,EAAY,cAAAC,CAAa,EAAKP,EAAeE,CAAI,EACnD,CAAE,OAAAM,EAAQ,OAAAC,CAAQ,EAAGC,EAAgB,CACzC,QAAS,GACT,KAAMP,EACN,SAAAE,EACA,QAAAD,CACD,CAAA,EAED,OACEO,EAACC,EAAM,CACL,KAAMN,EACN,GAAG,oBACH,UAAWH,EAAY,cAAgB,eACvC,kBAAkB,WAClB,eAAgBA,EAAYM,EAASD,EAAM,SAE3CG,EAACE,EAAa,CAAA,MAAON,EAAe,OAAQA,EAAe,MAAOO,EAAM,sBAAsB,CAAC,CAAA,CACxF,CAAA,CAEb"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{useDisplayState as c}from"../../hooks/useDisplayState.js";import{css as o}from"@styled/css";import{Center as h}from"@styled/jsx";const w={lg:{size:56,radius:28,strokeWidth:5,animation:"animateSpinnerLarge"},sm:{size:20,radius:10,strokeWidth:3,animation:"animateSpinnerSmall"}},f=({size:r="lg",isVisible:i=!0,onShown:s=()=>{},onHidden:a=()=>{}})=>{const{size:n,radius:m,strokeWidth:t,animation:d}=w[r],{onHide:l,onShow:p}=c({animate:!0,show:i,onHidden:a,onShown:s});return e(h,{inline:!0,animation:i?"popIn 150ms":"popOut 150ms",animationFillMode:"forwards",onAnimationEnd:i?p:l,children:e("svg",{width:n,height:n,viewBox:`0 0 ${n} ${n}`,fill:"none",stroke:"none",xmlns:"http://www.w3.org/2000/svg",className:o({animation:"spin 1.5s linear infinite"}),children:e("circle",{className:o({stroke:"text.primary",transformOrigin:"center center"}),style:{animation:`${d} 2s ease-in-out infinite`},cx:"50%",cy:"50%",r:m-t/2,strokeLinecap:"round",strokeWidth:t})})})};export{f as AnimatedSpinner};
|
|
2
|
+
//# sourceMappingURL=animated-spinner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animated-spinner.js","sources":["../../../../src/components/feedback/animated-spinner.tsx"],"sourcesContent":["import { useDisplayState } from '@hooks/useDisplayState';\nimport { css } from '@styled/css';\nimport { Center } from '@styled/jsx';\n\nexport interface AnimatedSpinnerProps {\n size?: 'lg' | 'sm';\n isVisible?: boolean;\n onShown?: () => void;\n onHidden?: () => void;\n}\n\nconst spinnerSpecs = {\n lg: {\n size: 56,\n radius: 28,\n strokeWidth: 5,\n animation: 'animateSpinnerLarge',\n },\n sm: {\n size: 20,\n radius: 10,\n strokeWidth: 3,\n animation: 'animateSpinnerSmall',\n },\n};\n\nexport const AnimatedSpinner = ({\n size = 'lg',\n isVisible = true,\n onShown = () => {},\n onHidden = () => {},\n}: AnimatedSpinnerProps) => {\n const { size: spinnerSize, radius, strokeWidth, animation } = spinnerSpecs[size];\n const { onHide, onShow } = useDisplayState({\n animate: true,\n show: isVisible,\n onHidden,\n onShown,\n });\n\n return (\n <Center\n inline\n animation={isVisible ? 'popIn 150ms' : 'popOut 150ms'}\n animationFillMode=\"forwards\"\n onAnimationEnd={isVisible ? onShow : onHide}\n >\n <svg\n width={spinnerSize}\n height={spinnerSize}\n viewBox={`0 0 ${spinnerSize} ${spinnerSize}`}\n fill=\"none\"\n stroke=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n className={css({ animation: 'spin 1.5s linear infinite' })}\n >\n <circle\n className={css({\n stroke: 'text.primary',\n transformOrigin: 'center center',\n })}\n style={{ animation: `${animation} 2s ease-in-out infinite` }}\n cx=\"50%\"\n cy=\"50%\"\n r={radius - strokeWidth / 2}\n strokeLinecap=\"round\"\n strokeWidth={strokeWidth}\n />\n </svg>\n </Center>\n );\n};\n"],"names":["spinnerSpecs","AnimatedSpinner","size","isVisible","onShown","onHidden","spinnerSize","radius","strokeWidth","animation","onHide","onShow","useDisplayState","_jsx","Center","css"],"mappings":"gLAWA,MAAMA,EAAe,CACnB,GAAI,CACF,KAAM,GACN,OAAQ,GACR,YAAa,EACb,UAAW,qBACZ,EACD,GAAI,CACF,KAAM,GACN,OAAQ,GACR,YAAa,EACb,UAAW,qBACZ,GAGUC,EAAkB,CAAC,CAC9B,KAAAC,EAAO,KACP,UAAAC,EAAY,GACZ,QAAAC,EAAU,IAAO,CAAA,EACjB,SAAAC,EAAW,IAAK,CAAG,CAAA,IACM,CACzB,KAAM,CAAE,KAAMC,EAAa,OAAAC,EAAQ,YAAAC,EAAa,UAAAC,GAAcT,EAAaE,CAAI,EACzE,CAAE,OAAAQ,EAAQ,OAAAC,CAAQ,EAAGC,EAAgB,CACzC,QAAS,GACT,KAAMT,EACN,SAAAE,EACA,QAAAD,CACD,CAAA,EAED,OACES,EAACC,EACC,CAAA,UACA,UAAWX,EAAY,cAAgB,eACvC,kBAAkB,WAClB,eAAgBA,EAAYQ,EAASD,WAErCG,EACE,MAAA,CAAA,MAAOP,EACP,OAAQA,EACR,QAAS,OAAOA,CAAW,IAAIA,CAAW,GAC1C,KAAK,OACL,OAAO,OACP,MAAM,6BACN,UAAWS,EAAI,CAAE,UAAW,4BAA6B,EAAC,SAE1DF,YACE,UAAWE,EAAI,CACb,OAAQ,eACR,gBAAiB,eAClB,CAAA,EACD,MAAO,CAAE,UAAW,GAAGN,CAAS,0BAA0B,EAC1D,GAAG,MACH,GAAG,MACH,EAAGF,EAASC,EAAc,EAC1B,cAAc,QACd,YAAaA,GAEX,CAAA,CAAA,CAAA,CAGZ"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as r,jsxs as i}from"react/jsx-runtime";import
|
|
1
|
+
import{jsx as r,jsxs as i}from"react/jsx-runtime";import{token as o}from"@styled/tokens";import j from"../icons/ico-arrow-down.js";import R from"../icons/ico-arrow-up.js";import $ from"../icons/ico-lightning-fill.js";import B from"../icons/ico-lock-unlocked-fill.js";import{Children as H,cloneElement as I,useRef as N,useCallback as O}from"react";import{Center as q,HStack as l}from"@styled/jsx";import"@styled/css";import"../feedback/callout.js";import"../feedback/progress-bar.js";import{Skeleton as y}from"../feedback/skeleton.js";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import c from"../primitives/text.js";import"../primitives/portal.js";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import{hstack as z}from"@styled/patterns";import{createSlot as E,createHost as V}from"create-slots";import{useButton as A,useFocusRing as D,mergeProps as G}from"react-aria";const J={send:{title:"Send",primaryTextColor:o("colors.text.primary"),secondaryTextColor:o("colors.text.secondary"),icon:R,iconColor:o("colors.negative.darker"),skeletonWidth:"89px"},receive:{title:"Receive",primaryTextColor:o("colors.positive.base"),secondaryTextColor:`${o("colors.positive.lighter")}`,icon:j,iconColor:o("colors.positive.base"),skeletonWidth:"89px"},networkFee:{title:"Network Fee",primaryTextColor:o("colors.text.primary"),secondaryTextColor:o("colors.text.secondary"),icon:$,iconColor:o("colors.brand.base"),skeletonWidth:"54px"},spendingCap:{title:"Spending Cap",primaryTextColor:o("colors.warning.base"),secondaryTextColor:o("colors.warning.base"),icon:B,iconColor:o("colors.warning.base"),skeletonWidth:"89px"}},f=E(({children:n,...t})=>r(q,{children:H.map(n,s=>I(s,t))})),K=n=>{const{variant:t,primaryText:s,secondaryText:p,children:u,onPress:m,loading:a,showTitle:C=!0}=n,{title:g,primaryTextColor:d,secondaryTextColor:b,icon:k,iconColor:w,skeletonWidth:h}=J[t],T=t==="send"||t==="networkFee",x=N(null),v=O(()=>{m?.()},[m]),{buttonProps:W}=A({...n,onPress:v},x),{isFocusVisible:F,focusProps:S}=D();return V(u,P=>{const e=P.get(f);return i(l,{w:"full",justify:"space-between",children:[i(l,{gap:2,children:[r(k,{width:16,height:16,color:w}),C&&r(c,{size:"sm",fontWeight:"medium",children:g})]}),i(l,{gap:4,children:[p&&r(c,{styles:{color:b},children:p}),T?i("button",{...G(W,S),ref:x,className:z({px:4,py:2.5,gap:3,rounded:"xl",bg:"surface.secondary",outlineColor:"brand.base",outlineStyle:F?"solid":"none",outlineWidth:"thick",outlineOffset:.5,cursor:"pointer"}),children:[a?r(y,{width:h}):r(c,{styles:{color:d},children:s}),e&&{...e,props:{...e.props,width:32,height:32}}]}):i(l,{gap:3,children:[a?r(y,{width:h}):r(c,{styles:{color:d},children:s}),e&&{...e,props:{...e.props,width:32,height:32}}]})]})]})})},L=Object.assign(K,{TokenIcon:f});export{L as TransactionRow};
|
|
2
2
|
//# sourceMappingURL=transaction-row.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as t,jsxs as F}from"react/jsx-runtime";import"
|
|
1
|
+
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};
|
|
2
2
|
//# sourceMappingURL=button.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as b,jsx as o}from"react/jsx-runtime";import
|
|
1
|
+
import{jsxs as b,jsx as o}from"react/jsx-runtime";import{token as C}from"@styled/tokens";import $ from"../icons/ico-caret-down.js";import U from"../icons/ico-caret-up.js";import Y from"../icons/ico-checkmark.js";import G from"../icons/ico-question-circle-fill.js";import{createContext as J,useContext as Q,useCallback as S,useState as W,useRef as A,useMemo as X,Children as m,useEffect as Z,cloneElement as ee}from"react";import{HStack as D,Box as N,VStack as te}from"@styled/jsx";import{css as B}from"@styled/css";import"../feedback/callout.js";import"../feedback/progress-bar.js";import"./button.js";import"./checkbox.js";import"./popover.js";import"./radio.js";import"./segmented-control.js";import"./switch.js";import O from"./text.js";import"./portal.js";import"../../hooks/useToast.js";import"../../recipes/toast.js";import re from"../feedback/tooltip.js";import{useButton as oe,useFocusRing as ne,useKeyboard as le,mergeProps as ie}from"react-aria";const F={sm:{caret:16,check:14,height:"2.625rem",top:48,width:"0.75rem",mult:2.25},md:{caret:17,check:15,height:"2.8125rem",top:52,width:"0.85rem",mult:2.25},lg:{caret:18,check:16,height:"3rem",top:55,width:"1rem",mult:2.5}},R=J({selectedOption:null,setSelectedOption:()=>{}}),_=({value:r,label:s,size:u="lg",isFocused:y})=>{const{selectedOption:d,setSelectedOption:p}=Q(R),i=d?.value===r,n=F[u],x=S(()=>{p({value:r,label:s})},[p,r,s]);return b(D,{py:1.5,gap:2,bg:i?"brand.base":y?"brand.lightest":"",_hover:i?{}:{bg:"brand.lightest"},onClick:x,style:{paddingLeft:n.width,paddingRight:n.width},children:[o(N,{style:{minWidth:n.width},children:i&&o(Y,{width:n.check,height:n.check,color:C("colors.text.quaternary")})}),o(O,{size:u,fontWeight:"medium",fontColor:i?"text.quaternary":"text.primary",styles:{textAlign:"left"},children:s})]})},j=({children:r,onSelect:s,label:u,placeholder:y="Select one",selectedValue:d,size:p="lg",tooltipContent:i,disabled:n,viewMax:x=5,...q})=>{const[h,g]=W(!1),[t,f]=W(null),v=A(null),k=A(null),a=F[p],H=x*a.mult+1,I=S(()=>{g(e=>!e),h||(f(null),setTimeout(()=>{var e;return(e=k.current)===null||e===void 0?void 0:e.focus()}))},[h]),K=S(e=>{s(e.value),g(!1)},[s]),E=X(()=>{const e=m.toArray(r).find(l=>l.props.value===d);return e?e.props.label:y},[d,r]),{buttonProps:L}=oe({...q,isDisabled:n,onPress:I},v),{focusProps:V,isFocusVisible:M}=ne(),{keyboardProps:T}=le({onKeyDown:e=>{var l,c;if(!h)return;let w=t;const z=m.toArray(r);switch(e.key){case"ArrowUp":e.preventDefault(),t===null?f(m.count(r)-1):(w=t>0?t-1:m.count(r)-1,f(w));break;case"ArrowDown":e.preventDefault(),t===null?f(0):(w=t<m.count(r)-1?t+1:0,f(w));break;case"Enter":if(e.preventDefault(),(l=v.current)===null||l===void 0||l.focus(),t===null)return;if(t>=0&&t<z.length){const P=z[t];P&&s(P.props.value)}break;case"Escape":g(!1),(c=v.current)===null||c===void 0||c.focus();break}}});return Z(()=>{const e=l=>{var c;!((c=k.current)===null||c===void 0)&&c.contains(l.target)||g(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[]),o(R.Provider,{value:{selectedOption:{value:d??"",label:E},setSelectedOption:K},children:b(te,{gap:2,w:"full",alignItems:"flex-start",children:[(u||i)&&b(D,{gap:2,pointerEvents:n?"none":"auto",opacity:n?.3:"",transition:"all linear 120ms",children:[u&&o(O,{size:"sm",fontWeight:"medium",children:u}),i&&o(re,{content:i,children:o(G,{className:B({w:4,h:4,color:"neutral.primary"})})})]}),b("button",{className:B({w:"full",h:"fit-content",bg:"surface.primary",borderWidth:"thin",borderColor:"neutral.secondary",rounded:"xl",transition:"all linear 120ms",position:"relative",cursor:"pointer",outlineColor:"brand.base",outlineStyle:M?"solid":"none",outlineWidth:"thick",outlineOffset:.5,_hover:{borderColor:"neutral.primary"},_disabled:{opacity:.3,pointerEvents:"none"}}),ref:v,...ie(L,V,T),children:[b(D,{w:"full",p:4,justifyContent:"space-between",style:{height:a.height},children:[o(O,{truncate:!0,size:p,fontColor:d?"text.primary":"text.tertiary",children:E}),h?o(U,{width:a.caret,height:a.caret,color:C("colors.brand.base")}):o($,{width:a.caret,height:a.caret,color:C("colors.brand.base")})]}),h&&o(N,{ref:k,tabIndex:-1,py:2,bg:"surface.primary",position:"absolute",w:"full",rounded:"input",boxShadow:"4px 8px 20px 0px rgba(0, 0, 0, 0.15)",style:{maxHeight:`${H}rem`,top:a.top},overflowY:"auto",outline:"none",zIndex:"max",children:m.map(r,(e,l)=>ee(e,{isFocused:l===t,size:p}))})]})]})})};_.displayName="DropdownOption",j.displayName="DropdownSelector";export{_ as DropdownOption,j as DropdownSelector};
|
|
2
2
|
//# sourceMappingURL=dropdown-selector.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dropdown-selector.js","sources":["../../../../src/components/primitives/dropdown-selector.tsx"],"sourcesContent":["import { Tooltip } from '@components/feedback';\nimport { IcoCaretDown, IcoCaretUp, IcoCheckmark, IcoQuestionCircleFill } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport {\n Children,\n cloneElement,\n createContext,\n ReactElement,\n ReactNode,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing, useKeyboard } from 'react-aria';\n\nexport interface DropdownSelectorProps extends AriaButtonProps {\n children: ReactNode;\n onSelect: (value: string) => void;\n label?: string;\n placeholder?: string;\n selectedValue?: string;\n size?: 'sm' | 'md' | 'lg';\n tooltipContent?: string;\n disabled?: boolean;\n viewMax?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;\n}\n\nexport interface DropdownOptionProps {\n value: string;\n label: string;\n isFocused?: boolean;\n size?: DropdownSelectorProps['size'];\n}\n\ninterface OptionData {\n value: string;\n label: string;\n}\n\nexport interface DropdownContextType {\n selectedOption: OptionData | null;\n setSelectedOption: (option: OptionData) => void;\n}\n\nconst SIZES = {\n sm: { caret: 16, check: 14, height: '2.625rem', top: 48, width: '0.75rem', mult: 2.25 },\n md: { caret: 17, check: 15, height: '2.8125rem', top: 52, width: '0.85rem', mult: 2.25 },\n lg: { caret: 18, check: 16, height: '3rem', top: 55, width: '1rem', mult: 2.5 },\n};\n\nconst DropdownContext = createContext<DropdownContextType>({\n selectedOption: null,\n setSelectedOption: () => {},\n});\n\nexport const DropdownOption = ({ value, label, size = 'lg', isFocused }: DropdownOptionProps) => {\n const { selectedOption, setSelectedOption } = useContext(DropdownContext);\n const isSelected = selectedOption?.value === value;\n const sizeProps = SIZES[size];\n\n const handleSelectOption = useCallback(() => {\n setSelectedOption({ value, label });\n }, [setSelectedOption, value, label]);\n\n return (\n <HStack\n py={1.5}\n gap={2}\n bg={isSelected ? 'brand.base' : isFocused ? 'brand.lightest' : ''}\n _hover={!isSelected ? { bg: 'brand.lightest' } : {}}\n onClick={handleSelectOption}\n style={{ paddingLeft: sizeProps.width, paddingRight: sizeProps.width }}\n >\n <Box style={{ minWidth: sizeProps.width }}>\n {isSelected && (\n <IcoCheckmark width={sizeProps.check} height={sizeProps.check} color={token('colors.text.quaternary')} />\n )}\n </Box>\n <Text\n size={size}\n fontWeight=\"medium\"\n fontColor={isSelected ? 'text.quaternary' : 'text.primary'}\n styles={{ textAlign: 'left' }}\n >\n {label}\n </Text>\n </HStack>\n );\n};\n\nexport const DropdownSelector = ({\n children,\n onSelect,\n label,\n placeholder = 'Select one',\n selectedValue,\n size = 'lg',\n tooltipContent,\n disabled,\n viewMax = 5,\n ...props\n}: DropdownSelectorProps) => {\n const [isOpen, setIsOpen] = useState(false);\n const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n const sizeProps = SIZES[size];\n const maxHeight = viewMax * sizeProps.mult + 1;\n\n const toggleDropdown = useCallback(() => {\n setIsOpen(prev => !prev);\n if (!isOpen) {\n setFocusedIndex(null);\n setTimeout(() => dropdownRef.current?.focus());\n }\n }, [isOpen]);\n\n const handleSelect = useCallback(\n (option: OptionData) => {\n onSelect(option.value);\n setIsOpen(false);\n },\n [onSelect],\n );\n\n const selectedLabel = useMemo(() => {\n const childElements = Children.toArray(children) as ReactElement<DropdownOptionProps>[];\n const matchedChild = childElements.find(child => child.props.value === selectedValue);\n return matchedChild ? matchedChild.props.label : placeholder;\n }, [selectedValue, children]);\n\n const { buttonProps } = useButton(\n {\n ...props,\n isDisabled: disabled,\n onPress: toggleDropdown,\n },\n buttonRef,\n );\n\n const { focusProps, isFocusVisible } = useFocusRing();\n\n const { keyboardProps } = useKeyboard({\n onKeyDown: event => {\n if (!isOpen) return;\n\n let newFocusedIndex = focusedIndex;\n const childArray = Children.toArray(children);\n\n switch (event.key) {\n case 'ArrowUp':\n event.preventDefault();\n if (focusedIndex === null) {\n setFocusedIndex(Children.count(children) - 1);\n } else {\n newFocusedIndex = focusedIndex > 0 ? focusedIndex - 1 : Children.count(children) - 1;\n setFocusedIndex(newFocusedIndex);\n }\n break;\n case 'ArrowDown':\n event.preventDefault();\n if (focusedIndex === null) {\n setFocusedIndex(0);\n } else {\n newFocusedIndex = focusedIndex < Children.count(children) - 1 ? focusedIndex + 1 : 0;\n setFocusedIndex(newFocusedIndex);\n }\n break;\n case 'Enter':\n event.preventDefault();\n buttonRef.current?.focus();\n if (focusedIndex === null) return;\n if (focusedIndex >= 0 && focusedIndex < childArray.length) {\n const selectedChild = childArray[focusedIndex] as ReactElement<DropdownOptionProps>;\n if (selectedChild) {\n onSelect(selectedChild.props.value);\n }\n }\n break;\n case 'Escape':\n setIsOpen(false);\n buttonRef.current?.focus();\n break;\n default:\n break;\n }\n },\n });\n\n useEffect(() => {\n const handleClick = (event: MouseEvent) => {\n if (!dropdownRef.current?.contains(event.target as Node)) {\n setIsOpen(false);\n }\n };\n\n document.addEventListener('mousedown', handleClick);\n\n return () => {\n document.removeEventListener('mousedown', handleClick);\n };\n }, []);\n\n return (\n <DropdownContext.Provider\n value={{ selectedOption: { value: selectedValue ?? '', label: selectedLabel }, setSelectedOption: handleSelect }}\n >\n <VStack gap={2} w=\"full\" alignItems=\"flex-start\">\n {(label || tooltipContent) && (\n <HStack\n gap={2}\n pointerEvents={disabled ? 'none' : 'auto'}\n opacity={disabled ? 0.3 : ''}\n transition={'all linear 120ms'}\n >\n {label && (\n <Text size=\"sm\" fontWeight=\"medium\">\n {label}\n </Text>\n )}\n\n {tooltipContent && (\n <Tooltip content={tooltipContent}>\n <IcoQuestionCircleFill className={css({ w: 4, h: 4, color: 'neutral.primary' })} />\n </Tooltip>\n )}\n </HStack>\n )}\n\n <button\n className={css({\n w: 'full',\n h: 'fit-content',\n bg: 'surface.primary',\n borderWidth: 'thin',\n borderColor: 'neutral.secondary',\n rounded: 'xl',\n transition: 'all linear 120ms',\n position: 'relative',\n cursor: 'pointer',\n outlineColor: 'brand.base',\n outlineStyle: isFocusVisible ? 'solid' : 'none',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n _hover: { borderColor: 'neutral.primary' },\n _disabled: { opacity: 0.3, pointerEvents: 'none' },\n })}\n ref={buttonRef}\n {...mergeProps(buttonProps, focusProps, keyboardProps)}\n >\n <HStack w=\"full\" p={4} justifyContent=\"space-between\" style={{ height: sizeProps.height }}>\n <Text truncate size={size} fontColor={selectedValue ? 'text.primary' : 'text.tertiary'}>\n {selectedLabel}\n </Text>\n {isOpen ? (\n <IcoCaretUp width={sizeProps.caret} height={sizeProps.caret} color={token('colors.brand.base')} />\n ) : (\n <IcoCaretDown width={sizeProps.caret} height={sizeProps.caret} color={token('colors.brand.base')} />\n )}\n </HStack>\n\n {isOpen && (\n <Box\n ref={dropdownRef}\n tabIndex={-1}\n py={2}\n bg=\"surface.primary\"\n position=\"absolute\"\n w=\"full\"\n rounded=\"input\"\n boxShadow=\"4px 8px 20px 0px rgba(0, 0, 0, 0.15)\"\n style={{ maxHeight: `${maxHeight}rem`, top: sizeProps.top }}\n overflowY=\"auto\"\n outline=\"none\"\n zIndex=\"max\"\n >\n {Children.map(children, (child, index) =>\n cloneElement(child as ReactElement<DropdownOptionProps>, {\n isFocused: index === focusedIndex,\n size,\n }),\n )}\n </Box>\n )}\n </button>\n </VStack>\n </DropdownContext.Provider>\n );\n};\n\nDropdownOption.displayName = 'DropdownOption';\nDropdownSelector.displayName = 'DropdownSelector';\n"],"names":["SIZES","DropdownContext","createContext","DropdownOption","value","label","size","isFocused","selectedOption","setSelectedOption","useContext","isSelected","sizeProps","handleSelectOption","useCallback","_jsxs","HStack","_jsx","Box","IcoCheckmark","token","Text","DropdownSelector","children","onSelect","placeholder","selectedValue","tooltipContent","disabled","viewMax","props","isOpen","setIsOpen","useState","focusedIndex","setFocusedIndex","buttonRef","useRef","dropdownRef","maxHeight","toggleDropdown","prev","_a","handleSelect","option","selectedLabel","useMemo","matchedChild","Children","child","buttonProps","useButton","focusProps","isFocusVisible","useFocusRing","keyboardProps","useKeyboard","event","newFocusedIndex","childArray","selectedChild","_b","useEffect","handleClick","VStack","Tooltip","IcoQuestionCircleFill","css","mergeProps","IcoCaretUp","IcoCaretDown","index","cloneElement"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"dropdown-selector.js","sources":["../../../../src/components/primitives/dropdown-selector.tsx"],"sourcesContent":["import { Tooltip } from '@components/feedback';\nimport { IcoCaretDown, IcoCaretUp, IcoCheckmark, IcoQuestionCircleFill } from '@components/icons';\nimport { Text } from '@components/primitives';\nimport { css } from '@styled/css';\nimport { Box, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport {\n Children,\n cloneElement,\n createContext,\n ReactElement,\n ReactNode,\n useCallback,\n useContext,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react';\nimport { AriaButtonProps, mergeProps, useButton, useFocusRing, useKeyboard } from 'react-aria';\n\nexport interface DropdownSelectorProps extends AriaButtonProps {\n children: ReactNode;\n onSelect: (value: string) => void;\n label?: string;\n placeholder?: string;\n selectedValue?: string;\n size?: 'sm' | 'md' | 'lg';\n tooltipContent?: string;\n disabled?: boolean;\n viewMax?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;\n}\n\nexport interface DropdownOptionProps {\n value: string;\n label: string;\n isFocused?: boolean;\n size?: DropdownSelectorProps['size'];\n}\n\ninterface OptionData {\n value: string;\n label: string;\n}\n\nexport interface DropdownContextType {\n selectedOption: OptionData | null;\n setSelectedOption: (option: OptionData) => void;\n}\n\nconst SIZES = {\n sm: { caret: 16, check: 14, height: '2.625rem', top: 48, width: '0.75rem', mult: 2.25 },\n md: { caret: 17, check: 15, height: '2.8125rem', top: 52, width: '0.85rem', mult: 2.25 },\n lg: { caret: 18, check: 16, height: '3rem', top: 55, width: '1rem', mult: 2.5 },\n};\n\nconst DropdownContext = createContext<DropdownContextType>({\n selectedOption: null,\n setSelectedOption: () => {},\n});\n\nexport const DropdownOption = ({ value, label, size = 'lg', isFocused }: DropdownOptionProps) => {\n const { selectedOption, setSelectedOption } = useContext(DropdownContext);\n const isSelected = selectedOption?.value === value;\n const sizeProps = SIZES[size];\n\n const handleSelectOption = useCallback(() => {\n setSelectedOption({ value, label });\n }, [setSelectedOption, value, label]);\n\n return (\n <HStack\n py={1.5}\n gap={2}\n bg={isSelected ? 'brand.base' : isFocused ? 'brand.lightest' : ''}\n _hover={!isSelected ? { bg: 'brand.lightest' } : {}}\n onClick={handleSelectOption}\n style={{ paddingLeft: sizeProps.width, paddingRight: sizeProps.width }}\n >\n <Box style={{ minWidth: sizeProps.width }}>\n {isSelected && (\n <IcoCheckmark width={sizeProps.check} height={sizeProps.check} color={token('colors.text.quaternary')} />\n )}\n </Box>\n <Text\n size={size}\n fontWeight=\"medium\"\n fontColor={isSelected ? 'text.quaternary' : 'text.primary'}\n styles={{ textAlign: 'left' }}\n >\n {label}\n </Text>\n </HStack>\n );\n};\n\nexport const DropdownSelector = ({\n children,\n onSelect,\n label,\n placeholder = 'Select one',\n selectedValue,\n size = 'lg',\n tooltipContent,\n disabled,\n viewMax = 5,\n ...props\n}: DropdownSelectorProps) => {\n const [isOpen, setIsOpen] = useState(false);\n const [focusedIndex, setFocusedIndex] = useState<number | null>(null);\n const buttonRef = useRef<HTMLButtonElement>(null);\n const dropdownRef = useRef<HTMLDivElement>(null);\n const sizeProps = SIZES[size];\n const maxHeight = viewMax * sizeProps.mult + 1;\n\n const toggleDropdown = useCallback(() => {\n setIsOpen(prev => !prev);\n if (!isOpen) {\n setFocusedIndex(null);\n setTimeout(() => dropdownRef.current?.focus());\n }\n }, [isOpen]);\n\n const handleSelect = useCallback(\n (option: OptionData) => {\n onSelect(option.value);\n setIsOpen(false);\n },\n [onSelect],\n );\n\n const selectedLabel = useMemo(() => {\n const childElements = Children.toArray(children) as ReactElement<DropdownOptionProps>[];\n const matchedChild = childElements.find(child => child.props.value === selectedValue);\n return matchedChild ? matchedChild.props.label : placeholder;\n }, [selectedValue, children]);\n\n const { buttonProps } = useButton(\n {\n ...props,\n isDisabled: disabled,\n onPress: toggleDropdown,\n },\n buttonRef,\n );\n\n const { focusProps, isFocusVisible } = useFocusRing();\n\n const { keyboardProps } = useKeyboard({\n onKeyDown: event => {\n if (!isOpen) return;\n\n let newFocusedIndex = focusedIndex;\n const childArray = Children.toArray(children);\n\n switch (event.key) {\n case 'ArrowUp':\n event.preventDefault();\n if (focusedIndex === null) {\n setFocusedIndex(Children.count(children) - 1);\n } else {\n newFocusedIndex = focusedIndex > 0 ? focusedIndex - 1 : Children.count(children) - 1;\n setFocusedIndex(newFocusedIndex);\n }\n break;\n case 'ArrowDown':\n event.preventDefault();\n if (focusedIndex === null) {\n setFocusedIndex(0);\n } else {\n newFocusedIndex = focusedIndex < Children.count(children) - 1 ? focusedIndex + 1 : 0;\n setFocusedIndex(newFocusedIndex);\n }\n break;\n case 'Enter':\n event.preventDefault();\n buttonRef.current?.focus();\n if (focusedIndex === null) return;\n if (focusedIndex >= 0 && focusedIndex < childArray.length) {\n const selectedChild = childArray[focusedIndex] as ReactElement<DropdownOptionProps>;\n if (selectedChild) {\n onSelect(selectedChild.props.value);\n }\n }\n break;\n case 'Escape':\n setIsOpen(false);\n buttonRef.current?.focus();\n break;\n default:\n break;\n }\n },\n });\n\n useEffect(() => {\n const handleClick = (event: MouseEvent) => {\n if (!dropdownRef.current?.contains(event.target as Node)) {\n setIsOpen(false);\n }\n };\n\n document.addEventListener('mousedown', handleClick);\n\n return () => {\n document.removeEventListener('mousedown', handleClick);\n };\n }, []);\n\n return (\n <DropdownContext.Provider\n value={{ selectedOption: { value: selectedValue ?? '', label: selectedLabel }, setSelectedOption: handleSelect }}\n >\n <VStack gap={2} w=\"full\" alignItems=\"flex-start\">\n {(label || tooltipContent) && (\n <HStack\n gap={2}\n pointerEvents={disabled ? 'none' : 'auto'}\n opacity={disabled ? 0.3 : ''}\n transition={'all linear 120ms'}\n >\n {label && (\n <Text size=\"sm\" fontWeight=\"medium\">\n {label}\n </Text>\n )}\n\n {tooltipContent && (\n <Tooltip content={tooltipContent}>\n <IcoQuestionCircleFill className={css({ w: 4, h: 4, color: 'neutral.primary' })} />\n </Tooltip>\n )}\n </HStack>\n )}\n\n <button\n className={css({\n w: 'full',\n h: 'fit-content',\n bg: 'surface.primary',\n borderWidth: 'thin',\n borderColor: 'neutral.secondary',\n rounded: 'xl',\n transition: 'all linear 120ms',\n position: 'relative',\n cursor: 'pointer',\n outlineColor: 'brand.base',\n outlineStyle: isFocusVisible ? 'solid' : 'none',\n outlineWidth: 'thick',\n outlineOffset: 0.5,\n _hover: { borderColor: 'neutral.primary' },\n _disabled: { opacity: 0.3, pointerEvents: 'none' },\n })}\n ref={buttonRef}\n {...mergeProps(buttonProps, focusProps, keyboardProps)}\n >\n <HStack w=\"full\" p={4} justifyContent=\"space-between\" style={{ height: sizeProps.height }}>\n <Text truncate size={size} fontColor={selectedValue ? 'text.primary' : 'text.tertiary'}>\n {selectedLabel}\n </Text>\n {isOpen ? (\n <IcoCaretUp width={sizeProps.caret} height={sizeProps.caret} color={token('colors.brand.base')} />\n ) : (\n <IcoCaretDown width={sizeProps.caret} height={sizeProps.caret} color={token('colors.brand.base')} />\n )}\n </HStack>\n\n {isOpen && (\n <Box\n ref={dropdownRef}\n tabIndex={-1}\n py={2}\n bg=\"surface.primary\"\n position=\"absolute\"\n w=\"full\"\n rounded=\"input\"\n boxShadow=\"4px 8px 20px 0px rgba(0, 0, 0, 0.15)\"\n style={{ maxHeight: `${maxHeight}rem`, top: sizeProps.top }}\n overflowY=\"auto\"\n outline=\"none\"\n zIndex=\"max\"\n >\n {Children.map(children, (child, index) =>\n cloneElement(child as ReactElement<DropdownOptionProps>, {\n isFocused: index === focusedIndex,\n size,\n }),\n )}\n </Box>\n )}\n </button>\n </VStack>\n </DropdownContext.Provider>\n );\n};\n\nDropdownOption.displayName = 'DropdownOption';\nDropdownSelector.displayName = 'DropdownSelector';\n"],"names":["SIZES","DropdownContext","createContext","DropdownOption","value","label","size","isFocused","selectedOption","setSelectedOption","useContext","isSelected","sizeProps","handleSelectOption","useCallback","_jsxs","HStack","_jsx","Box","IcoCheckmark","token","Text","DropdownSelector","children","onSelect","placeholder","selectedValue","tooltipContent","disabled","viewMax","props","isOpen","setIsOpen","useState","focusedIndex","setFocusedIndex","buttonRef","useRef","dropdownRef","maxHeight","toggleDropdown","prev","_a","handleSelect","option","selectedLabel","useMemo","matchedChild","Children","child","buttonProps","useButton","focusProps","isFocusVisible","useFocusRing","keyboardProps","useKeyboard","event","newFocusedIndex","childArray","selectedChild","_b","useEffect","handleClick","VStack","Tooltip","IcoQuestionCircleFill","css","mergeProps","IcoCaretUp","IcoCaretDown","index","cloneElement"],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as f,jsx as o}from"react/jsx-runtime";import
|
|
1
|
+
import{jsxs as f,jsx as o}from"react/jsx-runtime";import{token as u}from"@styled/tokens";import C from"../icons/ico-checkmark-circle-fill.js";import"react";import{VStack as x,Center as y}from"@styled/jsx";import"@styled/css";import"../feedback/callout.js";import{LoadingSpinner as S}from"../feedback/loading-spinner.js";import"../feedback/progress-bar.js";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import b from"../primitives/text.js";import"../primitives/portal.js";import"../../hooks/useToast.js";import"../../recipes/toast.js";import"../feedback/tooltip.js";import"../inputs/phone-input.js";import{PinCodeInput as j}from"../inputs/pincode-input.js";import"../inputs/text-input.js";import{createSlot as k,createHost as F}from"create-slots";const i=k(({children:r})=>r),L=r=>{const{isPending:e,isSuccess:m,onChange:n,onComplete:p,originName:s,pinLength:c,id:a,autoFocus:g,errorMessage:t,children:h}=r,d=()=>e?o(S,{size:36,strokeWidth:4}):m?o(C,{color:u("colors.brand.base"),width:36,height:36}):o(j,{originName:s,onChange:n,pinLength:c,onComplete:p,id:a,autoFocus:g});return F(h,l=>f(x,{gap:3,my:3,children:[o(y,{height:12,children:d()}),t&&o(b,{variant:"error",size:"sm",styles:{textAlign:"center"},children:t}),l.get(i)]}))},P=Object.assign(L,{RetryContent:i});export{P as VerifyPincode};
|
|
2
2
|
//# sourceMappingURL=verify-pincode.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"verify-pincode.js","sources":["../../../../src/components/sections/verify-pincode.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { IcoCheckmarkCircleFill } from '@components/icons';\nimport { PinCodeInput, PinCodeInputProps } from '@components/inputs';\nimport { Text } from '@components/primitives';\nimport { Center, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\n\nexport interface VerifyPincodeProps extends PinCodeInputProps {\n isPending: boolean;\n isSuccess: boolean;\n errorMessage?: string;\n children?: React.ReactNode;\n}\n\nconst RetryContent = createSlot(({ children }) => {\n return children;\n});\n\nconst VerifyPincodeHost = (props: VerifyPincodeProps) => {\n const { isPending, isSuccess, onChange, onComplete, originName, pinLength, id, autoFocus, errorMessage, children } =\n props;\n\n const renderPincodeOrStatus = () => {\n if (isPending) return <LoadingSpinner size={36} strokeWidth={4} />;\n\n if (isSuccess) return <IcoCheckmarkCircleFill color={token('colors.brand.base')} width={36} height={36} />;\n\n return (\n <PinCodeInput\n originName={originName}\n onChange={onChange}\n pinLength={pinLength}\n onComplete={onComplete}\n id={id}\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={autoFocus}\n />\n );\n };\n\n return createHost(children, slots => {\n return (\n <VStack gap={3} my={3}>\n <Center height={12}>{renderPincodeOrStatus()}</Center>\n {errorMessage && (\n <Text variant=\"error\" size=\"sm\" styles={{ textAlign: 'center' }}>\n {errorMessage}\n </Text>\n )}\n {slots.get(RetryContent)}\n </VStack>\n );\n });\n};\n\nexport const VerifyPincode = Object.assign(VerifyPincodeHost, { RetryContent });\n"],"names":["RetryContent","createSlot","children","VerifyPincodeHost","props","isPending","isSuccess","onChange","onComplete","originName","pinLength","id","autoFocus","errorMessage","renderPincodeOrStatus","_jsx","LoadingSpinner","IcoCheckmarkCircleFill","token","PinCodeInput","createHost","slots","_jsxs","VStack","Center","Text","VerifyPincode"],"mappings":"
|
|
1
|
+
{"version":3,"file":"verify-pincode.js","sources":["../../../../src/components/sections/verify-pincode.tsx"],"sourcesContent":["import { LoadingSpinner } from '@components/feedback';\nimport { IcoCheckmarkCircleFill } from '@components/icons';\nimport { PinCodeInput, PinCodeInputProps } from '@components/inputs';\nimport { Text } from '@components/primitives';\nimport { Center, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\n\nexport interface VerifyPincodeProps extends PinCodeInputProps {\n isPending: boolean;\n isSuccess: boolean;\n errorMessage?: string;\n children?: React.ReactNode;\n}\n\nconst RetryContent = createSlot(({ children }) => {\n return children;\n});\n\nconst VerifyPincodeHost = (props: VerifyPincodeProps) => {\n const { isPending, isSuccess, onChange, onComplete, originName, pinLength, id, autoFocus, errorMessage, children } =\n props;\n\n const renderPincodeOrStatus = () => {\n if (isPending) return <LoadingSpinner size={36} strokeWidth={4} />;\n\n if (isSuccess) return <IcoCheckmarkCircleFill color={token('colors.brand.base')} width={36} height={36} />;\n\n return (\n <PinCodeInput\n originName={originName}\n onChange={onChange}\n pinLength={pinLength}\n onComplete={onComplete}\n id={id}\n // eslint-disable-next-line jsx-a11y/no-autofocus\n autoFocus={autoFocus}\n />\n );\n };\n\n return createHost(children, slots => {\n return (\n <VStack gap={3} my={3}>\n <Center height={12}>{renderPincodeOrStatus()}</Center>\n {errorMessage && (\n <Text variant=\"error\" size=\"sm\" styles={{ textAlign: 'center' }}>\n {errorMessage}\n </Text>\n )}\n {slots.get(RetryContent)}\n </VStack>\n );\n });\n};\n\nexport const VerifyPincode = Object.assign(VerifyPincodeHost, { RetryContent });\n"],"names":["RetryContent","createSlot","children","VerifyPincodeHost","props","isPending","isSuccess","onChange","onComplete","originName","pinLength","id","autoFocus","errorMessage","renderPincodeOrStatus","_jsx","LoadingSpinner","IcoCheckmarkCircleFill","token","PinCodeInput","createHost","slots","_jsxs","VStack","Center","Text","VerifyPincode"],"mappings":"o7BAeA,MAAMA,EAAeC,EAAW,CAAC,CAAE,SAAAC,CAAU,IACpCA,CACR,EAEKC,EAAqBC,GAA6B,CACtD,KAAM,CAAE,UAAAC,EAAW,UAAAC,EAAW,SAAAC,EAAU,WAAAC,EAAY,WAAAC,EAAY,UAAAC,EAAW,GAAAC,EAAI,UAAAC,EAAW,aAAAC,EAAc,SAAAX,CAAQ,EAC9GE,EAEIU,EAAwB,IACxBT,EAAkBU,EAACC,EAAc,CAAC,KAAM,GAAI,YAAa,CAAC,CAAA,EAE1DV,EAAkBS,EAACE,EAAsB,CAAC,MAAOC,EAAM,mBAAmB,EAAG,MAAO,GAAI,OAAQ,KAGlGH,EAACI,EAAY,CACX,WAAYV,EACZ,SAAUF,EACV,UAAWG,EACX,WAAYF,EACZ,GAAIG,EAEJ,UAAWC,CACX,CAAA,EAIN,OAAOQ,EAAWlB,EAAUmB,GAExBC,EAACC,EAAO,CAAA,IAAK,EAAG,GAAI,EAClB,SAAA,CAAAR,EAACS,EAAO,CAAA,OAAQ,GAAK,SAAAV,GAAuB,CAAA,EAC3CD,GACCE,EAACU,GAAK,QAAQ,QAAQ,KAAK,KAAK,OAAQ,CAAE,UAAW,QAAU,EAAA,SAC5DZ,CAAY,CAAA,EAGhBQ,EAAM,IAAIrB,CAAY,CAAC,CACjB,CAAA,CAEZ,CACH,EAEa0B,EAAgB,OAAO,OAAOvB,EAAmB,CAAE,aAAAH,CAAY,CAAE"}
|
package/dist/es/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{Card as r}from"./components/containers/card.js";import{Content as t}from"./components/containers/content.js";import{Drawer as l}from"./components/containers/drawer.js";import{Footer as m}from"./components/containers/footer.js";import{Header as d}from"./components/containers/header.js";import{Menu as x}from"./components/containers/menu.js";import{Modal as n}from"./components/containers/modal.js";import{Overlay as g}from"./components/containers/overlay.js";import{PayPalButton as I}from"./components/external/paypal-button.js";import{SocialLoginButton as k}from"./components/external/social-login-button.js";import{Callout as h}from"./components/feedback/callout.js";import{LoadingSpinner as C}from"./components/feedback/loading-spinner.js";import{ProgressBar as P}from"./components/feedback/progress-bar.js";import{Skeleton as b}from"./components/feedback/skeleton.js";import{Toast as y,ToastProvider as W}from"./components/feedback/toast-provider.js";import{default as D}from"./components/feedback/tooltip.js";import{default as G}from"./components/icons/ico-add.js";import{default as O}from"./components/icons/ico-alert-circle-fill.js";import{default as z}from"./components/icons/ico-alert-circle.js";import{default as Z}from"./components/icons/ico-arrow-down.js";import{default as U}from"./components/icons/ico-arrow-left.js";import{default as j}from"./components/icons/ico-arrow-right.js";import{default as V}from"./components/icons/ico-arrow-up.js";import{default as J}from"./components/icons/ico-asterisk-with-shield.js";import{default as Y}from"./components/icons/ico-asterisk.js";import{default as $}from"./components/icons/ico-astronaut.js";import{default as eo}from"./components/icons/ico-atom.js";import{default as ao}from"./components/icons/ico-bank.js";import{default as fo}from"./components/icons/ico-bell-notification.js";import{default as so}from"./components/icons/ico-bell.js";import{default as po}from"./components/icons/ico-block.js";import{default as xo}from"./components/icons/ico-branding.js";import{default as no}from"./components/icons/ico-caret-down.js";import{default as go}from"./components/icons/ico-caret-left.js";import{default as Io}from"./components/icons/ico-caret-right.js";import{default as ko}from"./components/icons/ico-caret-up.js";import{default as ho}from"./components/icons/ico-checkmark-circle-fill.js";import{default as Co}from"./components/icons/ico-checkmark-circle.js";import{default as Po}from"./components/icons/ico-checkmark.js";import{default as bo}from"./components/icons/ico-code-editor.js";import{default as yo}from"./components/icons/ico-code-sandbox.js";import{default as To}from"./components/icons/ico-code.js";import{default as Eo}from"./components/icons/ico-command-line.js";import{default as Ro}from"./components/icons/ico-comment.js";import{default as vo}from"./components/icons/ico-copy.js";import{default as Ho}from"./components/icons/ico-credit-card.js";import{default as No}from"./components/icons/ico-dedicated.js";import{default as Xo}from"./components/icons/ico-diamond.js";import{default as Qo}from"./components/icons/ico-dismiss-circle-fill.js";import{default as qo}from"./components/icons/ico-dismiss-circle.js";import{default as Ko}from"./components/icons/ico-dismiss.js";import{default as _o}from"./components/icons/ico-doc.js";import{default as oe}from"./components/icons/ico-download.js";import{default as re}from"./components/icons/ico-edit-email.js";import{default as te}from"./components/icons/ico-edit.js";import{default as le}from"./components/icons/ico-email-fill.js";import{default as me}from"./components/icons/ico-email-open.js";import{default as de}from"./components/icons/ico-email.js";import{default as xe}from"./components/icons/ico-expand.js";import{default as ne}from"./components/icons/ico-expiration.js";import{default as ge}from"./components/icons/ico-external-link.js";import{default as Ie}from"./components/icons/ico-eye-closed.js";import{default as ke}from"./components/icons/ico-eye-opened.js";import{default as he}from"./components/icons/ico-fingerprint-fill.js";import{default as Ce}from"./components/icons/ico-fingerprint.js";import{default as Pe}from"./components/icons/ico-gas.js";import{default as be}from"./components/icons/ico-gift.js";import{default as ye}from"./components/icons/ico-globe.js";import{default as Te}from"./components/icons/ico-guide.js";import{default as Ee}from"./components/icons/ico-home.js";import{default as Re}from"./components/icons/ico-hourglass.js";import{default as ve}from"./components/icons/ico-info-circle-fill.js";import{default as He}from"./components/icons/ico-info-circle.js";import{default as Ne}from"./components/icons/ico-kebab.js";import{default as Xe}from"./components/icons/ico-key.js";import{default as Qe}from"./components/icons/ico-lightbulb-fill.js";import{default as qe}from"./components/icons/ico-lightbulb.js";import{default as Ke}from"./components/icons/ico-lightning-fill.js";import{default as _e}from"./components/icons/ico-lightning.js";import{default as or}from"./components/icons/ico-link.js";import{default as rr}from"./components/icons/ico-loading.js";import{default as tr}from"./components/icons/ico-lock-locked.js";import{default as lr}from"./components/icons/ico-lock-password.js";import{default as mr}from"./components/icons/ico-lock-unlocked-fill.js";import{default as dr}from"./components/icons/ico-lock-unlocked.js";import{default as xr}from"./components/icons/ico-login-form.js";import{default as nr}from"./components/icons/ico-magic.js";import{default as gr}from"./components/icons/ico-megaphone.js";import{default as Ir}from"./components/icons/ico-menu.js";import{default as kr}from"./components/icons/ico-message-fill.js";import{default as hr}from"./components/icons/ico-message.js";import{default as Cr}from"./components/icons/ico-mfa.js";import{default as Pr}from"./components/icons/ico-minimize.js";import{default as br}from"./components/icons/ico-mobile2fa.js";import{default as yr}from"./components/icons/ico-mobile2fafill.js";import{default as Tr}from"./components/icons/ico-open-book.js";import{default as Er}from"./components/icons/ico-paper-plane.js";import{default as Rr}from"./components/icons/ico-passport.js";import{default as vr}from"./components/icons/ico-passwordless.js";import{default as Hr}from"./components/icons/ico-pending-connection.js";import{default as Nr}from"./components/icons/ico-phone.js";import{default as Xr}from"./components/icons/ico-polygon-gas-testnet.js";import{default as Qr}from"./components/icons/ico-polygon-gas.js";import{default as qr}from"./components/icons/ico-price.js";import{default as Kr}from"./components/icons/ico-qrcode.js";import{default as _r}from"./components/icons/ico-question-circle-fill.js";import{default as oa}from"./components/icons/ico-question-circle.js";import{default as ra}from"./components/icons/ico-refresh-circle-fill.js";import{default as ta}from"./components/icons/ico-refresh.js";import{default as la}from"./components/icons/ico-rocket-fill.js";import{default as ma}from"./components/icons/ico-search.js";import{default as da}from"./components/icons/ico-settings.js";import{default as xa}from"./components/icons/ico-shapes.js";import{default as na}from"./components/icons/ico-shield-approved.js";import{default as ga}from"./components/icons/ico-shield-rejected.js";import{default as Ia}from"./components/icons/ico-shield.js";import{default as ka}from"./components/icons/ico-social.js";import{default as ha}from"./components/icons/ico-sold-out-tag.js";import{default as Ca}from"./components/icons/ico-star.js";import{default as Pa}from"./components/icons/ico-swap.js";import{default as ba}from"./components/icons/ico-swatches.js";import{default as ya}from"./components/icons/ico-team.js";import{default as Ta}from"./components/icons/ico-trash.js";import{default as Ea}from"./components/icons/ico-users.js";import{default as Ra}from"./components/icons/ico-wallet-fill.js";import{default as va}from"./components/icons/ico-wallet.js";import{default as Ha}from"./components/icons/ico-wand.js";import{default as Na}from"./components/icons/ico-warning-fill.js";import{default as Xa}from"./components/icons/ico-warning.js";import{default as Qa}from"./components/info/copy-button.js";import{default as qa}from"./components/info/email-wbr.js";import{default as Ka}from"./components/info/security-otp.js";import{default as _a}from"./components/info/text-box.js";import{default as ot}from"./components/info/wallet-address.js";import{default as rt}from"./components/inputs/phone-input.js";import{PinCodeInput as tt}from"./components/inputs/pincode-input.js";import{TextInput as lt}from"./components/inputs/text-input.js";import{Dialogue as mt}from"./components/layouts/dialogue.js";import{Error as dt}from"./components/layouts/error.js";import{Page as xt}from"./components/layouts/page.js";import{PassportPage as nt}from"./components/layouts/passport-page.js";import{default as gt}from"./components/list-items/navigation-button.js";import{NFTTile as It}from"./components/list-items/nft-tile.js";import{TokenListItem as kt}from"./components/list-items/token-list-item.js";import{TransactionRow as ht}from"./components/list-items/transaction-row.js";import{default as Ct}from"./components/logos/blc-algorand.js";import{default as Pt}from"./components/logos/blc-aptos.js";import{default as bt}from"./components/logos/blc-arbitrum.js";import{default as yt}from"./components/logos/blc-astar.js";import{default as Tt}from"./components/logos/blc-avalanche.js";import{default as Et}from"./components/logos/blc-base.js";import{default as Rt}from"./components/logos/blc-berachain.js";import{default as vt}from"./components/logos/blc-binance.js";import{default as Ht}from"./components/logos/blc-bitcoin.js";import{default as Nt}from"./components/logos/blc-celo.js";import{default as Xt}from"./components/logos/blc-chiliz.js";import{default as Qt}from"./components/logos/blc-cosmos.js";import{default as qt}from"./components/logos/blc-ethereum.js";import{default as Kt}from"./components/logos/blc-etherlink.js";import{default as _t}from"./components/logos/blc-flow.js";import{default as of}from"./components/logos/blc-harmony.js";import{default as rf}from"./components/logos/blc-icon.js";import{default as tf}from"./components/logos/blc-immutable-x.js";import{default as lf}from"./components/logos/blc-loopring.js";import{default as mf}from"./components/logos/blc-moonbeam.js";import{default as df}from"./components/logos/blc-near.js";import{default as xf}from"./components/logos/blc-optimism.js";import{default as nf}from"./components/logos/blc-polkadot.js";import{default as Lf}from"./components/logos/blc-polygon.js";import{default as Mf}from"./components/logos/blc-rarichain.js";import{default as Bf}from"./components/logos/blc-solana.js";import{default as Ff}from"./components/logos/blc-stability.js";import{default as wf}from"./components/logos/blc-sui.js";import{default as Af}from"./components/logos/blc-tezos.js";import{default as Sf}from"./components/logos/blc-wax.js";import{default as Wf}from"./components/logos/blc-zetachain.js";import{default as Df}from"./components/logos/blc-zilliqa.js";import{default as Gf}from"./components/logos/blc-zksync.js";import{default as Of}from"./components/logos/fwk-11ty.js";import{default as zf}from"./components/logos/fwk-android.js";import{default as Zf}from"./components/logos/fwk-apple.js";import{default as Uf}from"./components/logos/fwk-authy.js";import{default as jf}from"./components/logos/fwk-binance-fill.js";import{default as Vf}from"./components/logos/fwk-chrome.js";import{default as Jf}from"./components/logos/fwk-electron.js";import{default as Yf}from"./components/logos/fwk-express.js";import{default as $f}from"./components/logos/fwk-fauna.js";import{default as el}from"./components/logos/fwk-firebase.js";import{default as al}from"./components/logos/fwk-go.js";import{default as fl}from"./components/logos/fwk-google-authenticator.js";import{default as sl}from"./components/logos/fwk-hasura.js";import{default as pl}from"./components/logos/fwk-javascript.js";import{default as ul}from"./components/logos/fwk-jwt.js";import{default as cl}from"./components/logos/fwk-laravel.js";import{default as il}from"./components/logos/fwk-nextjs.js";import{default as Ll}from"./components/logos/fwk-nodejs.js";import{default as Ml}from"./components/logos/fwk-nuxtjs.js";import{default as Bl}from"./components/logos/fwk-php.js";import{default as Fl}from"./components/logos/fwk-react.js";import{default as wl}from"./components/logos/fwk-strapi.js";import{default as Al}from"./components/logos/fwk-stripe.js";import{default as Sl}from"./components/logos/fwk-vue.js";import{default as Wl}from"./components/logos/fwk-webflow.js";import{default as Dl}from"./components/logos/fwk-wordpress.js";import{default as Gl}from"./components/logos/fwk-zapier.js";import{default as Ol}from"./components/logos/icon-art-dark.js";import{default as zl}from"./components/logos/icon-art.js";import{default as Zl}from"./components/logos/icon-delete.js";import{default as Ul}from"./components/logos/icon-email-globe.js";import{default as jl}from"./components/logos/icon-email.js";import{default as Vl}from"./components/logos/icon-game-controller-dark.js";import{default as Jl}from"./components/logos/icon-game-controller.js";import{default as Yl}from"./components/logos/icon-generic-token.js";import{default as $l}from"./components/logos/icon-magic-globe.js";import{default as es}from"./components/logos/icon-magic-logo.js";import{default as as}from"./components/logos/icon-music-dark.js";import{default as fs}from"./components/logos/icon-music.js";import{default as ss}from"./components/logos/icon-person-dark.js";import{default as ps}from"./components/logos/icon-person.js";import{default as us}from"./components/logos/icon-profile-dark.js";import{default as cs}from"./components/logos/icon-profile-light.js";import{default as is}from"./components/logos/icon-reset.js";import{default as Ls}from"./components/logos/icon-sms.js";import{default as Ms}from"./components/logos/icon-ticket-dark.js";import{default as Bs}from"./components/logos/icon-ticket.js";import{default as Fs}from"./components/logos/icon-warning-dark.js";import{default as ws}from"./components/logos/icon-warning-shield.js";import{default as As}from"./components/logos/icon-warning.js";import{default as Ss}from"./components/logos/logo-algorand-mono.js";import{default as Ws}from"./components/logos/logo-algorand.js";import{default as Ds}from"./components/logos/logo-apple-mono.js";import{default as Gs}from"./components/logos/logo-apple.js";import{default as Os}from"./components/logos/logo-aptos-mono.js";import{default as zs}from"./components/logos/logo-aptos.js";import{default as Zs}from"./components/logos/logo-arbitrum-mono.js";import{default as Us}from"./components/logos/logo-arbitrum-one-mono.js";import{default as js}from"./components/logos/logo-arbitrum-one.js";import{default as Vs}from"./components/logos/logo-arbitrum.js";import{default as Js}from"./components/logos/logo-astar-mono.js";import{default as Ys}from"./components/logos/logo-astar.js";import{default as $s}from"./components/logos/logo-auth0-mono.js";import{default as em}from"./components/logos/logo-auth0.js";import{default as am}from"./components/logos/logo-avalanche-mono.js";import{default as fm}from"./components/logos/logo-avalanche.js";import{default as sm}from"./components/logos/logo-azure-mono.js";import{default as pm}from"./components/logos/logo-azure.js";import{default as um}from"./components/logos/logo-base-mono.js";import{default as cm}from"./components/logos/logo-base.js";import{default as im}from"./components/logos/logo-berachain-mono.js";import{default as Lm}from"./components/logos/logo-berachain.js";import{default as Mm}from"./components/logos/logo-binance-mono.js";import{default as Bm}from"./components/logos/logo-binance.js";import{default as Fm}from"./components/logos/logo-bit-bucket-mono.js";import{default as wm}from"./components/logos/logo-bit-bucket.js";import{default as Am}from"./components/logos/logo-bitcoin-mono.js";import{default as Sm}from"./components/logos/logo-bitcoin.js";import{default as Wm}from"./components/logos/logo-bnb-mono.js";import{default as Dm}from"./components/logos/logo-bnb.js";import{default as Gm}from"./components/logos/logo-celo-mono.js";import{default as Om}from"./components/logos/logo-celo.js";import{default as zm}from"./components/logos/logo-chiliz-mono.js";import{default as Zm}from"./components/logos/logo-chiliz.js";import{default as Um}from"./components/logos/logo-cognito-mono.js";import{default as jm}from"./components/logos/logo-cognito.js";import{default as Vm}from"./components/logos/logo-cosmos-mono.js";import{default as Jm}from"./components/logos/logo-cosmos.js";import{default as Ym}from"./components/logos/logo-discord-mono.js";import{default as $m}from"./components/logos/logo-discord.js";import{default as ep}from"./components/logos/logo-ethereum-mono.js";import{default as ap}from"./components/logos/logo-ethereum.js";import{default as fp}from"./components/logos/logo-etherlink-mono.js";import{default as sp}from"./components/logos/logo-etherlink.js";import{default as pp}from"./components/logos/logo-facebook-mono.js";import{default as up}from"./components/logos/logo-facebook.js";import{default as cp}from"./components/logos/logo-flare-mono.js";import{default as ip}from"./components/logos/logo-flare.js";import{default as Lp}from"./components/logos/logo-flow-mono.js";import{default as Mp}from"./components/logos/logo-flow.js";import{default as Bp}from"./components/logos/logo-git-hub-mono.js";import{default as Fp}from"./components/logos/logo-git-hub.js";import{default as wp}from"./components/logos/logo-git-lab-mono.js";import{default as Ap}from"./components/logos/logo-git-lab.js";import{default as Sp}from"./components/logos/logo-google-mono.js";import{default as Wp}from"./components/logos/logo-google.js";import{default as Dp}from"./components/logos/logo-harmony-mono.js";import{default as Gp}from"./components/logos/logo-harmony.js";import{default as Op}from"./components/logos/logo-horizen-mono.js";import{default as zp}from"./components/logos/logo-horizen.js";import{default as Zp}from"./components/logos/logo-icon-mono.js";import{default as Up}from"./components/logos/logo-icon.js";import{default as jp}from"./components/logos/logo-immutable-x-mono.js";import{default as Vp}from"./components/logos/logo-immutable-x.js";import{default as Jp}from"./components/logos/logo-link-by-stripe-mono.js";import{default as Yp}from"./components/logos/logo-link-by-stripe.js";import{default as $p}from"./components/logos/logo-link-mono.js";import{default as ed}from"./components/logos/logo-link.js";import{default as ad}from"./components/logos/logo-linked-in-mono.js";import{default as fd}from"./components/logos/logo-linked-in.js";import{default as sd}from"./components/logos/logo-loopring-mono.js";import{default as pd}from"./components/logos/logo-loopring.js";import{default as ud}from"./components/logos/logo-microsoft-mono.js";import{default as cd}from"./components/logos/logo-microsoft.js";import{default as id}from"./components/logos/logo-moonbeam-mono.js";import{default as Ld}from"./components/logos/logo-moonbeam.js";import{default as Md}from"./components/logos/logo-near-mono.js";import{default as Bd}from"./components/logos/logo-near.js";import{default as Fd}from"./components/logos/logo-onramper-mono.js";import{default as wd}from"./components/logos/logo-onramper.js";import{default as Ad}from"./components/logos/logo-optimism-mono.js";import{default as Sd}from"./components/logos/logo-optimism.js";import{default as Wd}from"./components/logos/logo-pay-pal-mono.js";import{default as Dd}from"./components/logos/logo-pay-pal-wordmark-mono.js";import{default as Gd}from"./components/logos/logo-pay-pal-wordmark.js";import{default as Od}from"./components/logos/logo-pay-pal.js";import{default as zd}from"./components/logos/logo-poa-mono.js";import{default as Zd}from"./components/logos/logo-poa.js";import{default as Ud}from"./components/logos/logo-polkadot-mono.js";import{default as jd}from"./components/logos/logo-polkadot.js";import{default as Vd}from"./components/logos/logo-polygon-mono.js";import{default as Jd}from"./components/logos/logo-polygon.js";import{default as Yd}from"./components/logos/logo-rarichain-mono.js";import{default as $d}from"./components/logos/logo-rarichain.js";import{default as eu}from"./components/logos/logo-sardine-mono.js";import{default as au}from"./components/logos/logo-sardine.js";import{default as fu}from"./components/logos/logo-sei-mono.js";import{default as su}from"./components/logos/logo-sei.js";import{default as pu}from"./components/logos/logo-solana-mono.js";import{default as uu}from"./components/logos/logo-solana.js";import{default as cu}from"./components/logos/logo-stability-mono.js";import{default as iu}from"./components/logos/logo-stability.js";import{default as Lu}from"./components/logos/logo-sui-mono.js";import{default as Mu}from"./components/logos/logo-sui.js";import{default as Bu}from"./components/logos/logo-tezos-mono.js";import{default as Fu}from"./components/logos/logo-tezos.js";import{default as wu}from"./components/logos/logo-twitch-mono.js";import{default as Au}from"./components/logos/logo-twitch.js";import{default as Su}from"./components/logos/logo-twitter-mono.js";import{default as Wu}from"./components/logos/logo-twitter.js";import{default as Du}from"./components/logos/logo-wallet-connect-mono.js";import{default as Gu}from"./components/logos/logo-wallet-connect.js";import{default as Ou}from"./components/logos/logo-warpcast-mono.js";import{default as zu}from"./components/logos/logo-warpcast.js";import{default as Zu}from"./components/logos/logo-wax-mono.js";import{default as Uu}from"./components/logos/logo-wax.js";import{default as ju}from"./components/logos/logo-xdc-mono.js";import{default as Vu}from"./components/logos/logo-xdc.js";import{default as Ju}from"./components/logos/logo-zetachain-mono.js";import{default as Yu}from"./components/logos/logo-zetachain.js";import{default as $u}from"./components/logos/logo-zilliqa-mono.js";import{default as ex}from"./components/logos/logo-zilliqa.js";import{default as ax}from"./components/logos/logo-zksync-mono.js";import{default as fx}from"./components/logos/logo-zksync.js";import{default as sx}from"./components/logos/pay-amex.js";import{default as px}from"./components/logos/pay-discover.js";import{default as ux}from"./components/logos/pay-mastercard.js";import{default as cx}from"./components/logos/pay-visa.js";import{default as ix}from"./components/logos/presentation-logo.js";import{default as Lx}from"./components/logos/website-magic.js";import{default as Mx}from"./components/logos/wlt-coinbase.js";import{default as Bx}from"./components/logos/wlt-mattel.js";import{default as Fx}from"./components/logos/wlt-metamask.js";import{default as wx}from"./components/logos/wlt-phantom.js";import{default as Ax}from"./components/logos/wlt-rainbow.js";import{default as Sx}from"./components/logos/wlt-wallet-connect.js";import{default as Wx}from"./components/primitives/button.js";import{default as Dx}from"./components/primitives/checkbox.js";import{DropdownOption as Gx,DropdownSelector as Rx}from"./components/primitives/dropdown-selector.js";import{Popover as vx}from"./components/primitives/popover.js";import{Radio as Hx,RadioGroup as Zx}from"./components/primitives/radio.js";import{SegmentedControl as Ux,Tab as Xx}from"./components/primitives/segmented-control.js";import{default as Qx}from"./components/primitives/switch.js";import{default as qx}from"./components/primitives/text.js";import{VerifyPincode as Kx}from"./components/sections/verify-pincode.js";import{default as _x}from"./components/utils/animate.js";import{ClientAssetLogo as oc}from"./components/utils/client-asset-logo.js";import{default as rc}from"./components/utils/qr-code.js";import{default as tc}from"./components/utils/secured-by-magic.js";import{default as lc}from"./components/utils/shared-logo.js";import{useCustomVars as mc}from"./hooks/theme.js";import{useToast as dc}from"./hooks/useToast.js";export{_x as Animate,Ct as BlcAlgorand,Pt as BlcAptos,bt as BlcArbitrum,yt as BlcAstar,Tt as BlcAvalanche,Et as BlcBase,Rt as BlcBerachain,vt as BlcBinance,Ht as BlcBitcoin,Nt as BlcCelo,Xt as BlcChiliz,Qt as BlcCosmos,qt as BlcEthereum,Kt as BlcEtherlink,_t as BlcFlow,of as BlcHarmony,rf as BlcIcon,tf as BlcImmutableX,lf as BlcLoopring,mf as BlcMoonbeam,df as BlcNear,xf as BlcOptimism,nf as BlcPolkadot,Lf as BlcPolygon,Mf as BlcRarichain,Bf as BlcSolana,Ff as BlcStability,wf as BlcSui,Af as BlcTezos,Sf as BlcWax,Wf as BlcZetachain,Df as BlcZilliqa,Gf as BlcZksync,Wx as Button,h as Callout,r as Card,Dx as Checkbox,oc as ClientAssetLogo,t as Content,Qa as CopyButton,mt as Dialogue,l as Drawer,Gx as DropdownOption,Rx as DropdownSelector,qa as EmailWbr,dt as Error,m as Footer,Of as Fwk11ty,zf as FwkAndroid,Zf as FwkApple,Uf as FwkAuthy,jf as FwkBinanceFill,Vf as FwkChrome,Jf as FwkElectron,Yf as FwkExpress,$f as FwkFauna,el as FwkFirebase,al as FwkGo,fl as FwkGoogleAuthenticator,sl as FwkHasura,pl as FwkJavascript,ul as FwkJwt,cl as FwkLaravel,il as FwkNextjs,Ll as FwkNodejs,Ml as FwkNuxtjs,Bl as FwkPhp,Fl as FwkReact,wl as FwkStrapi,Al as FwkStripe,Sl as FwkVue,Wl as FwkWebflow,Dl as FwkWordpress,Gl as FwkZapier,d as Header,G as IcoAdd,z as IcoAlertCircle,O as IcoAlertCircleFill,Z as IcoArrowDown,U as IcoArrowLeft,j as IcoArrowRight,V as IcoArrowUp,Y as IcoAsterisk,J as IcoAsteriskWithShield,$ as IcoAstronaut,eo as IcoAtom,ao as IcoBank,so as IcoBell,fo as IcoBellNotification,po as IcoBlock,xo as IcoBranding,no as IcoCaretDown,go as IcoCaretLeft,Io as IcoCaretRight,ko as IcoCaretUp,Po as IcoCheckmark,Co as IcoCheckmarkCircle,ho as IcoCheckmarkCircleFill,To as IcoCode,bo as IcoCodeEditor,yo as IcoCodeSandbox,Eo as IcoCommandLine,Ro as IcoComment,vo as IcoCopy,Ho as IcoCreditCard,No as IcoDedicated,Xo as IcoDiamond,Ko as IcoDismiss,qo as IcoDismissCircle,Qo as IcoDismissCircleFill,_o as IcoDoc,oe as IcoDownload,te as IcoEdit,re as IcoEditEmail,de as IcoEmail,le as IcoEmailFill,me as IcoEmailOpen,xe as IcoExpand,ne as IcoExpiration,ge as IcoExternalLink,Ie as IcoEyeClosed,ke as IcoEyeOpened,Ce as IcoFingerprint,he as IcoFingerprintFill,Pe as IcoGas,be as IcoGift,ye as IcoGlobe,Te as IcoGuide,Ee as IcoHome,Re as IcoHourglass,He as IcoInfoCircle,ve as IcoInfoCircleFill,Ne as IcoKebab,Xe as IcoKey,qe as IcoLightbulb,Qe as IcoLightbulbFill,_e as IcoLightning,Ke as IcoLightningFill,or as IcoLink,rr as IcoLoading,tr as IcoLockLocked,lr as IcoLockPassword,dr as IcoLockUnlocked,mr as IcoLockUnlockedFill,xr as IcoLoginForm,nr as IcoMagic,gr as IcoMegaphone,Ir as IcoMenu,hr as IcoMessage,kr as IcoMessageFill,Cr as IcoMfa,Pr as IcoMinimize,br as IcoMobile2fa,yr as IcoMobile2fafill,Tr as IcoOpenBook,Er as IcoPaperPlane,Rr as IcoPassport,vr as IcoPasswordless,Hr as IcoPendingConnection,Nr as IcoPhone,Qr as IcoPolygonGas,Xr as IcoPolygonGasTestnet,qr as IcoPrice,Kr as IcoQrcode,oa as IcoQuestionCircle,_r as IcoQuestionCircleFill,ta as IcoRefresh,ra as IcoRefreshCircleFill,la as IcoRocketFill,ma as IcoSearch,da as IcoSettings,xa as IcoShapes,Ia as IcoShield,na as IcoShieldApproved,ga as IcoShieldRejected,ka as IcoSocial,ha as IcoSoldOutTag,Ca as IcoStar,Pa as IcoSwap,ba as IcoSwatches,ya as IcoTeam,Ta as IcoTrash,Ea as IcoUsers,va as IcoWallet,Ra as IcoWalletFill,Ha as IcoWand,Xa as IcoWarning,Na as IcoWarningFill,zl as IconArt,Ol as IconArtDark,Zl as IconDelete,jl as IconEmail,Ul as IconEmailGlobe,Jl as IconGameController,Vl as IconGameControllerDark,Yl as IconGenericToken,$l as IconMagicGlobe,es as IconMagicLogo,fs as IconMusic,as as IconMusicDark,ps as IconPerson,ss as IconPersonDark,us as IconProfileDark,cs as IconProfileLight,is as IconReset,Ls as IconSms,Bs as IconTicket,Ms as IconTicketDark,As as IconWarning,Fs as IconWarningDark,ws as IconWarningShield,C as LoadingSpinner,Ws as LogoAlgorand,Ss as LogoAlgorandMono,Gs as LogoApple,Ds as LogoAppleMono,zs as LogoAptos,Os as LogoAptosMono,Vs as LogoArbitrum,Zs as LogoArbitrumMono,js as LogoArbitrumOne,Us as LogoArbitrumOneMono,Ys as LogoAstar,Js as LogoAstarMono,em as LogoAuth0,$s as LogoAuth0Mono,fm as LogoAvalanche,am as LogoAvalancheMono,pm as LogoAzure,sm as LogoAzureMono,cm as LogoBase,um as LogoBaseMono,Lm as LogoBerachain,im as LogoBerachainMono,Bm as LogoBinance,Mm as LogoBinanceMono,wm as LogoBitBucket,Fm as LogoBitBucketMono,Sm as LogoBitcoin,Am as LogoBitcoinMono,Dm as LogoBnb,Wm as LogoBnbMono,Om as LogoCelo,Gm as LogoCeloMono,Zm as LogoChiliz,zm as LogoChilizMono,jm as LogoCognito,Um as LogoCognitoMono,Jm as LogoCosmos,Vm as LogoCosmosMono,$m as LogoDiscord,Ym as LogoDiscordMono,ap as LogoEthereum,ep as LogoEthereumMono,sp as LogoEtherlink,fp as LogoEtherlinkMono,up as LogoFacebook,pp as LogoFacebookMono,ip as LogoFlare,cp as LogoFlareMono,Mp as LogoFlow,Lp as LogoFlowMono,Fp as LogoGitHub,Bp as LogoGitHubMono,Ap as LogoGitLab,wp as LogoGitLabMono,Wp as LogoGoogle,Sp as LogoGoogleMono,Gp as LogoHarmony,Dp as LogoHarmonyMono,zp as LogoHorizen,Op as LogoHorizenMono,Up as LogoIcon,Zp as LogoIconMono,Vp as LogoImmutableX,jp as LogoImmutableXMono,ed as LogoLink,Yp as LogoLinkByStripe,Jp as LogoLinkByStripeMono,$p as LogoLinkMono,fd as LogoLinkedIn,ad as LogoLinkedInMono,pd as LogoLoopring,sd as LogoLoopringMono,cd as LogoMicrosoft,ud as LogoMicrosoftMono,Ld as LogoMoonbeam,id as LogoMoonbeamMono,Bd as LogoNear,Md as LogoNearMono,wd as LogoOnramper,Fd as LogoOnramperMono,Sd as LogoOptimism,Ad as LogoOptimismMono,Od as LogoPayPal,Wd as LogoPayPalMono,Gd as LogoPayPalWordmark,Dd as LogoPayPalWordmarkMono,Zd as LogoPoa,zd as LogoPoaMono,jd as LogoPolkadot,Ud as LogoPolkadotMono,Jd as LogoPolygon,Vd as LogoPolygonMono,$d as LogoRarichain,Yd as LogoRarichainMono,au as LogoSardine,eu as LogoSardineMono,su as LogoSei,fu as LogoSeiMono,uu as LogoSolana,pu as LogoSolanaMono,iu as LogoStability,cu as LogoStabilityMono,Mu as LogoSui,Lu as LogoSuiMono,Fu as LogoTezos,Bu as LogoTezosMono,Au as LogoTwitch,wu as LogoTwitchMono,Wu as LogoTwitter,Su as LogoTwitterMono,Gu as LogoWalletConnect,Du as LogoWalletConnectMono,zu as LogoWarpcast,Ou as LogoWarpcastMono,Uu as LogoWax,Zu as LogoWaxMono,Vu as LogoXdc,ju as LogoXdcMono,Yu as LogoZetachain,Ju as LogoZetachainMono,ex as LogoZilliqa,$u as LogoZilliqaMono,fx as LogoZksync,ax as LogoZksyncMono,x as Menu,n as Modal,It as NFTTile,gt as NavigationButton,g as Overlay,xt as Page,nt as PassportPage,sx as PayAmex,px as PayDiscover,ux as PayMastercard,I as PayPalButton,cx as PayVisa,rt as PhoneInput,tt as PinCodeInput,vx as Popover,ix as PresentationLogo,P as ProgressBar,rc as QRCode,Hx as Radio,Zx as RadioGroup,tc as SecuredByMagic,Ka as SecurityOtp,Ux as SegmentedControl,lc as SharedLogo,b as Skeleton,k as SocialLoginButton,Qx as Switch,Xx as Tab,qx as Text,_a as TextBox,lt as TextInput,y as Toast,W as ToastProvider,kt as TokenListItem,D as Tooltip,ht as TransactionRow,Kx as VerifyPincode,ot as WalletAddress,Lx as WebsiteMagic,Mx as WltCoinbase,Bx as WltMattel,Fx as WltMetamask,wx as WltPhantom,Ax as WltRainbow,Sx as WltWalletConnect,mc as useCustomVars,dc as useToast};
|
|
1
|
+
import{Card as r}from"./components/containers/card.js";import{Content as t}from"./components/containers/content.js";import{Drawer as l}from"./components/containers/drawer.js";import{Footer as m}from"./components/containers/footer.js";import{Header as d}from"./components/containers/header.js";import{Menu as x}from"./components/containers/menu.js";import{Modal as 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};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{defineKeyframes as
|
|
1
|
+
import{defineKeyframes as a}from"@pandacss/dev";const t=a({fadeIn:{"0%":{opacity:"0"}},fadeOut:{"100%":{opacity:"0"}},scaleIn:{"0%":{opacity:"0"},"100%":{opacity:"1",scale:"1"}},scaleOut:{"0%":{opacity:"1",scale:"1"},"100%":{opacity:"0",scale:"0.9"}},slideIn:{"0%":{opacity:"0",transform:"translateY(1.25rem)"},"100%":{opacity:"1",transform:"translateY(0)"}},slideOut:{"0%":{opacity:"1",transform:"translateY(0)"},"100%":{opacity:"0",transform:"translateY(1.25rem)"}},slideRight:{"0% ":{left:"-150%"},"100%":{left:"175%"}},moveRight:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(1.25rem)"},"100%":{transform:"translateX(1.2rem)"}},moveLeft:{"0%":{transform:"translateX(0rem)"},"80%":{transform:"translateX(-1.25rem)"},"100%":{transform:"translateX(-1.2rem)"}},animateSpinnerSmall:{"0%":{strokeDasharray:"0.4, 60",strokeDashoffset:"0"},"50%":{strokeDasharray:"36, 60",strokeDashoffset:"-14"},"100%":{strokeDasharray:"36, 60",strokeDashoffset:"-52"}},animateSpinnerLarge:{"0%":{strokeDasharray:"0.875, 175",strokeDashoffset:"0"},"50%":{strokeDasharray:"78.75, 131.25",strokeDashoffset:"-31"},"100%":{strokeDasharray:"0.875, 175",strokeDashoffset:"-158"}},popIn:{"0%":{scale:0},"100%":{scale:1}},popOut:{"0%":{scale:1},"100%":{scale:0}}});export{t as keyframes};
|
|
2
2
|
//# sourceMappingURL=keyframes.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"keyframes.js","sources":["../../../src/styles/keyframes.ts"],"sourcesContent":["import { defineKeyframes } from '@pandacss/dev';\n\nexport const keyframes = defineKeyframes({\n fadeIn: {\n '0%': { opacity: '0' },\n },\n fadeOut: {\n '100%': { opacity: '0' },\n },\n scaleIn: {\n '0%': { opacity: '0' },\n '100%': { opacity: '1', scale: '1' },\n },\n scaleOut: {\n '0%': { opacity: '1', scale: '1' },\n '100%': { opacity: '0', scale: '0.9' },\n },\n slideIn: {\n '0%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n '100%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n },\n slideOut: {\n '0%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n '100%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n },\n slideRight: {\n '0% ': {\n left: '-150%',\n },\n '100%': {\n left: '175%',\n },\n },\n moveRight: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(1.25rem)' },\n '100%': { transform: 'translateX(1.2rem)' },\n },\n moveLeft: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(-1.25rem)' },\n '100%': { transform: 'translateX(-1.2rem)' },\n },\n});\n"],"names":["keyframes","defineKeyframes"],"mappings":"gDAEO,MAAMA,EAAYC,EAAgB,CACvC,OAAQ,CACN,KAAM,CAAE,QAAS,GAAK,CACvB,EACD,QAAS,CACP,OAAQ,CAAE,QAAS,GAAK,CACzB,EACD,QAAS,CACP,KAAM,CAAE,QAAS,GAAK,EACtB,OAAQ,CAAE,QAAS,IAAK,MAAO,GAAK,CACrC,EACD,SAAU,CACR,KAAM,CAAE,QAAS,IAAK,MAAO,GAAK,EAClC,OAAQ,CAAE,QAAS,IAAK,MAAO,KAAO,CACvC,EACD,QAAS,CACP,KAAM,CACJ,QAAS,IACT,UAAW,qBACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,eACZ,CACF,EACD,SAAU,CACR,KAAM,CACJ,QAAS,IACT,UAAW,eACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,qBACZ,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,OACP,EACD,OAAQ,CACN,KAAM,MACP,CACF,EACD,UAAW,CACT,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,qBAAuB,EAC3C,OAAQ,CAAE,UAAW,oBAAsB,CAC5C,EACD,SAAU,CACR,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,sBAAwB,EAC5C,OAAQ,CAAE,UAAW,qBAAuB,CAC7C,CACF,CAAA"}
|
|
1
|
+
{"version":3,"file":"keyframes.js","sources":["../../../src/styles/keyframes.ts"],"sourcesContent":["import { defineKeyframes } from '@pandacss/dev';\n\nexport const keyframes = defineKeyframes({\n fadeIn: {\n '0%': { opacity: '0' },\n },\n fadeOut: {\n '100%': { opacity: '0' },\n },\n scaleIn: {\n '0%': { opacity: '0' },\n '100%': { opacity: '1', scale: '1' },\n },\n scaleOut: {\n '0%': { opacity: '1', scale: '1' },\n '100%': { opacity: '0', scale: '0.9' },\n },\n slideIn: {\n '0%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n '100%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n },\n slideOut: {\n '0%': {\n opacity: '1',\n transform: 'translateY(0)',\n },\n '100%': {\n opacity: '0',\n transform: 'translateY(1.25rem)',\n },\n },\n slideRight: {\n '0% ': {\n left: '-150%',\n },\n '100%': {\n left: '175%',\n },\n },\n moveRight: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(1.25rem)' },\n '100%': { transform: 'translateX(1.2rem)' },\n },\n moveLeft: {\n '0%': { transform: 'translateX(0rem)' },\n '80%': { transform: 'translateX(-1.25rem)' },\n '100%': { transform: 'translateX(-1.2rem)' },\n },\n animateSpinnerSmall: {\n '0%': {\n strokeDasharray: '0.4, 60',\n strokeDashoffset: '0',\n },\n '50%': {\n strokeDasharray: '36, 60',\n strokeDashoffset: '-14',\n },\n '100%': {\n strokeDasharray: '36, 60',\n strokeDashoffset: '-52',\n },\n },\n animateSpinnerLarge: {\n '0%': {\n strokeDasharray: '0.875, 175',\n strokeDashoffset: '0',\n },\n '50%': {\n strokeDasharray: '78.75, 131.25',\n strokeDashoffset: '-31',\n },\n '100%': {\n strokeDasharray: '0.875, 175',\n strokeDashoffset: '-158',\n },\n },\n popIn: {\n '0%': {\n scale: 0,\n },\n '100%': {\n scale: 1,\n },\n },\n popOut: {\n '0%': {\n scale: 1,\n },\n '100%': {\n scale: 0,\n },\n },\n});\n"],"names":["keyframes","defineKeyframes"],"mappings":"gDAEO,MAAMA,EAAYC,EAAgB,CACvC,OAAQ,CACN,KAAM,CAAE,QAAS,GAAK,CACvB,EACD,QAAS,CACP,OAAQ,CAAE,QAAS,GAAK,CACzB,EACD,QAAS,CACP,KAAM,CAAE,QAAS,GAAK,EACtB,OAAQ,CAAE,QAAS,IAAK,MAAO,GAAK,CACrC,EACD,SAAU,CACR,KAAM,CAAE,QAAS,IAAK,MAAO,GAAK,EAClC,OAAQ,CAAE,QAAS,IAAK,MAAO,KAAO,CACvC,EACD,QAAS,CACP,KAAM,CACJ,QAAS,IACT,UAAW,qBACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,eACZ,CACF,EACD,SAAU,CACR,KAAM,CACJ,QAAS,IACT,UAAW,eACZ,EACD,OAAQ,CACN,QAAS,IACT,UAAW,qBACZ,CACF,EACD,WAAY,CACV,MAAO,CACL,KAAM,OACP,EACD,OAAQ,CACN,KAAM,MACP,CACF,EACD,UAAW,CACT,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,qBAAuB,EAC3C,OAAQ,CAAE,UAAW,oBAAsB,CAC5C,EACD,SAAU,CACR,KAAM,CAAE,UAAW,kBAAoB,EACvC,MAAO,CAAE,UAAW,sBAAwB,EAC5C,OAAQ,CAAE,UAAW,qBAAuB,CAC7C,EACD,oBAAqB,CACnB,KAAM,CACJ,gBAAiB,UACjB,iBAAkB,GACnB,EACD,MAAO,CACL,gBAAiB,SACjB,iBAAkB,KACnB,EACD,OAAQ,CACN,gBAAiB,SACjB,iBAAkB,KACnB,CACF,EACD,oBAAqB,CACnB,KAAM,CACJ,gBAAiB,aACjB,iBAAkB,GACnB,EACD,MAAO,CACL,gBAAiB,gBACjB,iBAAkB,KACnB,EACD,OAAQ,CACN,gBAAiB,aACjB,iBAAkB,MACnB,CACF,EACD,MAAO,CACL,KAAM,CACJ,MAAO,CACR,EACD,OAAQ,CACN,MAAO,CACR,CACF,EACD,OAAQ,CACN,KAAM,CACJ,MAAO,CACR,EACD,OAAQ,CACN,MAAO,CACR,CACF,CACF,CAAA"}
|