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

@magiclabs/ui-components 1.27.2 → 1.28.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (40) hide show

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{jsx as r,jsxs as n}from"react/jsx-runtime";import{Content as A}from"../containers/content.js";import{Drawer as y}from"../containers/drawer.js";import{Modal as N}from"../containers/modal.js";import{token as P}from"@styled/tokens";import G from"../icons/ico-caret-left.js";import B from"../icons/ico-magic.js";import J from"../icons/ico-menu.js";import L from"../icons/ico-question-circle-fill.js";import"../info/copy-button.js";import"../info/email-wbr.js";import"../info/security-otp.js";import"../info/text-box.js";import O from"../info/wallet-address.js";import l from"../primitives/button.js";import{Popover as a}from"../primitives/popover.js";import f from"../primitives/text.js";import{css as S}from"@styled/css";import{Center as U,HStack as g,VStack as V,Flex as u}from"@styled/jsx";import{createSlot as o,createHost as q}from"create-slots";import{Children as E}from"react";const z=o(({children:t})=>E.map(t,i=>r(l,{expand:!0,...i.props}))),j=o(l),k=o(l),H=o(({children:t})=>n(a,{textStyle:"subtle",variant:"text",children:[r(a.TrailingIcon,{children:r(L,{})}),r(a.Content,{children:t})]})),I=o(({children:t})=>n(a,{textStyle:"neutral",variant:"text",children:[r(a.TrailingIcon,{children:r(J,{})}),r(a.Content,{children:t})]})),T=o(A),D=o(y),F=o(({children:t})=>r(U,{p:3,w:"full",children:t})),M=o(({children:t,domain:i,name:m,logoUrl:c})=>n(g,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",p:3,width:"full",children:[c?r("img",{src:c,alt:m,width:24,height:24}):r(B,{color:P("colors.brand.base"),height:24,width:24}),r(f,{size:"sm",children:m}),i&&r(f,{size:"sm",fontColor:"text.tertiary",children:i}),t]})),K=({actionDirection:t="row",address:i,branding:m,children:c,title:x,onBack:d,onCancel:p,...W})=>q(c,e=>{const s=e.getProps(j),h=e.getProps(k),w=e.getProps(D),C=e.get(z),b=e.get(H),v=e.get(I);return n(N,{...W,fullscreen:!0,paddingType:"none",children:[n(V,{gap:0,width:"full",children:[n(g,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",justifyContent:"space-between",p:3,width:"full",children:[d&&r(l,{onPress:d,size:"md",textStyle:"neutral",variant:"text",children:r(l.LeadingIcon,{children:r(G,{})})}),p&&r(l,{onPress:p,label:"Cancel",size:"sm",textStyle:"neutral",variant:"text"}),!(d||p)&&r("div",{className:S({w:6})}),m&&r(B,{color:P(m==="light"?"colors.text.primary":"colors.neutral.primary")}),x&&r(f,{size:"sm",children:x}),i||b||v?n(g,{children:[i&&r(O,{address:i}),b,v]}):r("div",{className:S({w:6})})]}),e.get(M)]}),r(u,{grow:1,width:"full",children:e.get(T)}),(s||h)&&n(u,{direction:t==="row"?"row":"column-reverse",gap:4,pt:1.5,px:3,width:"full",children:[s&&r(l,{expand:!0,label:"Cancel",variant:"neutral",...s}),h&&r(l,{expand:!0,label:"Confirm",variant:"inverse",...h})]}),C&&r(u,{direction:t,gap:4,pt:1.5,px:3,width:"full",children:C}),e.get(F),w&&r(y,{...w})]})}),Q=Object.assign(K,{Actions:z,Cancel:j,Confirm:k,Content:T,Drawer:D,Footer:F,Header:M,Info:H,Menu:I});export{Q as PassportPage};
+import{jsx as r,jsxs as l}from"react/jsx-runtime";import"../containers/card.js";import{Content as N}from"../containers/content.js";import{Drawer as y}from"../containers/drawer.js";import{Children as G}from"react";import"../utils/client-asset-logo.js";import{css as P}from"@styled/css";import{Center as J,HStack as f,VStack as L,Flex as g}from"@styled/jsx";import{token as B}from"@styled/tokens";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import O from"../icons/ico-caret-left.js";import z from"../icons/ico-magic.js";import U from"../icons/ico-question-circle-fill.js";import"../containers/header.js";import{Menu as S}from"../containers/menu.js";import{Modal as V}from"../containers/modal.js";import"../containers/overlay.js";import"../info/copy-button.js";import"../info/email-wbr.js";import"../info/security-otp.js";import"../info/text-box.js";import $ from"../info/wallet-address.js";import n from"../primitives/button.js";import{Popover as u}from"../primitives/popover.js";import x from"../primitives/text.js";import{createSlot as o,createHost as q}from"create-slots";const j=o(({children:e})=>G.map(e,i=>r(n,{expand:!0,...i.props}))),k=o(n),D=o(n),H=o(({children:e})=>l(u,{textStyle:"subtle",variant:"text",children:[r(u.TrailingIcon,{children:r(U,{})}),r(u.Content,{children:e})]})),M=o(N),F=o(S),I=o(y),T=o(({children:e})=>r(J,{p:3,w:"full",children:e})),W=o(({children:e,domain:i,name:m,logoUrl:a})=>l(f,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",p:3,width:"full",children:[a?r("img",{src:a,alt:m,width:24,height:24}):r(z,{color:B("colors.brand.base"),height:24,width:24}),r(x,{size:"sm",children:m}),i&&r(x,{size:"sm",fontColor:"text.tertiary",children:i}),e]})),E=({actionDirection:e="row",address:i,branding:m,children:a,title:w,onBack:d,onCancel:p,...A})=>q(a,t=>{const c=t.getProps(k),s=t.getProps(D),h=t.getProps(F),C=t.getProps(I),b=t.get(j),v=t.get(H);return l(V,{...A,fullscreen:!0,paddingType:"none",children:[l(L,{gap:0,width:"full",children:[l(f,{borderBottomColor:"neutral.primary",borderBottomWidth:"1px",justifyContent:"space-between",p:3,width:"full",children:[d&&r(n,{onPress:d,size:"md",textStyle:"neutral",variant:"text",children:r(n.LeadingIcon,{children:r(O,{})})}),p&&r(n,{onPress:p,label:"Cancel",size:"sm",textStyle:"neutral",variant:"text"}),!(d||p)&&r("div",{className:P({w:6})}),m&&r(z,{color:B(m==="light"?"colors.text.primary":"colors.neutral.primary")}),w&&r(x,{size:"sm",children:w}),i||v||h?l(f,{children:[i&&r($,{address:i}),v,h&&r(S,{...h})]}):r("div",{className:P({w:6})})]}),t.get(W)]}),r(g,{grow:1,width:"full",children:t.get(M)}),(c||s)&&l(g,{direction:e==="row"?"row":"column-reverse",gap:4,pt:1.5,px:3,width:"full",children:[c&&r(n,{expand:!0,label:"Cancel",variant:"neutral",...c}),s&&r(n,{expand:!0,label:"Confirm",variant:"inverse",...s})]}),b&&r(g,{direction:e,gap:4,pt:1.5,px:3,width:"full",children:b}),t.get(T),C&&r(y,{...C})]})}),K=Object.assign(E,{Actions:j,Cancel:k,Confirm:D,Content:M,Menu:F,Drawer:I,Footer:T,Header:W,Info:H});export{K as PassportPage};
 //# sourceMappingURL=passport-page.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"passport-page.js","sources":["../../../../src/components/layouts/passport-page.tsx"],"sourcesContent":["import { Content } from '@components/containers/content';\nimport { Drawer } from '@components/containers/drawer';\nimport { Modal } from '@components/containers/modal';\nimport { IcoCaretLeft, IcoMagic, ~~IcoMenu,~~ IcoQuestionCircleFill } from '@components/icons';\nimport { WalletAddress } from '@components/info';\nimport Button from '@components/primitives/button';\nimport Popover from '@components/primitives/popover';\nimport Text from '@components/primitives/text';\nimport { css } from '@styled/css';\nimport { Center, Flex, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, PropsWithChildren } from 'react';\n\ninterface HeaderProps extends PropsWithChildren {\n name: string;\n domain?: string;\n logoUrl?: string;\n}\n\nexport interface PassportPageProps extends PropsWithChildren {\n address?: string;\n animate?: boolean;\n branding?: 'light' \| 'dark';\n actionDirection?: 'column' \| 'row';\n title?: string;\n isOpen?: boolean;\n onAnimated?: () => void;\n onBack?: () => void;\n onClosed?: () => void;\n onCancel?: () => void;\n}\n\nconst Actions = createSlot(({ children }) => Children.map(children, child => <Button expand {...child.props} />));\nconst Cancel = createSlot(Button);\nconst Confirm = createSlot(Button);\nconst Info = createSlot(({ children }) => (\n <Popover textStyle=\"subtle\" variant=\"text\">\n <Popover.TrailingIcon>\n <IcoQuestionCircleFill />\n </Popover.TrailingIcon>\n <Popover.Content>{children}</Popover.Content>\n </Popover>\n));\nconst ~~Menu~~ = createSlot(~~({ children }) => (\n <Popover textStyle=\"neutral\" variant=\"text\">\n <Popover.TrailingIcon>\n <IcoMenu />\n </Popover.TrailingIcon>\n <Popover.~~Content~~>{children}</Popover.Content>\n </Popover>\n~~));\nconst ~~PageContent~~ = createSlot(~~Content~~);\nconst PageDrawer = createSlot(Drawer);\nconst PageFooter = createSlot(({ children }) => (\n <Center p={3} w=\"full\">\n {children}\n </Center>\n));\nconst PageHeader = createSlot(({ children, domain, name, logoUrl }: HeaderProps) => (\n <HStack borderBottomColor=\"neutral.primary\" borderBottomWidth=\"1px\" p={3} width=\"full\">\n {logoUrl ? (\n <img src={logoUrl} alt={name} width={24} height={24} />\n ) : (\n <IcoMagic color={token('colors.brand.base')} height={24} width={24} />\n )}\n <Text size=\"sm\">{name}</Text>\n {domain && (\n <Text size=\"sm\" fontColor=\"text.tertiary\">\n {domain}\n </Text>\n )}\n {children}\n </HStack>\n));\n\nconst PassportPageHost = ({\n actionDirection = 'row',\n address,\n branding,\n children,\n title,\n onBack,\n onCancel,\n ...props\n}: PassportPageProps) => {\n return createHost(children, slots => {\n const cancelProps = slots.getProps(Cancel);\n const confirmProps = slots.getProps(Confirm);\n const ~~drawerProps~~ = slots.getProps(~~PageDrawer~~);\n\n const ~~actions~~ = slots.~~get~~(~~Actions~~);\n const ~~info~~ = slots.get(~~Info~~);\n const ~~menu~~ = slots.get(~~Menu~~);\n\n return (\n <Modal {...props} fullscreen paddingType=\"none\">\n <VStack gap={0} width=\"full\">\n <HStack\n borderBottomColor=\"neutral.primary\"\n borderBottomWidth=\"1px\"\n justifyContent=\"space-between\"\n p={3}\n width=\"full\"\n >\n {onBack && (\n <Button onPress={onBack} size=\"md\" textStyle=\"neutral\" variant=\"text\">\n <Button.LeadingIcon>\n <IcoCaretLeft />\n </Button.LeadingIcon>\n </Button>\n )}\n {onCancel && <Button onPress={onCancel} label=\"Cancel\" size=\"sm\" textStyle=\"neutral\" variant=\"text\" />}\n {!(onBack \|\| onCancel) && <div className={css({ w: 6 })} />}\n {branding && (\n <IcoMagic color={token(branding === 'light' ? 'colors.text.primary' : 'colors.neutral.primary')} />\n )}\n {title && <Text size=\"sm\">{title}</Text>}\n {address \|\| info \|\| ~~menu~~ ? (\n <HStack>\n {address && <WalletAddress address={address} />}\n {info}\n {~~menu~~}\n </HStack>\n ) : (\n <div className={css({ w: 6 })} />\n )}\n </HStack>\n {slots.get(PageHeader)}\n </VStack>\n <Flex grow={1} width=\"full\">\n {slots.get(PageContent)}\n </Flex>\n {(cancelProps \|\| confirmProps) && (\n <Flex direction={actionDirection === 'row' ? 'row' : 'column-reverse'} gap={4} pt={1.5} px={3} width=\"full\">\n {cancelProps && <Button expand label=\"Cancel\" variant=\"neutral\" {...cancelProps} />}\n {confirmProps && <Button expand label=\"Confirm\" variant=\"inverse\" {...confirmProps} />}\n </Flex>\n )}\n {actions && (\n <Flex direction={actionDirection} gap={4} pt={1.5} px={3} width=\"full\">\n {actions}\n </Flex>\n )}\n {slots.get(PageFooter)}\n {drawerProps && <Drawer {...drawerProps} />}\n </Modal>\n );\n });\n};\n\nexport const PassportPage = Object.assign(PassportPageHost, {\n Actions,\n Cancel,\n Confirm,\n Content: PageContent,\n Drawer: PageDrawer,\n Footer: PageFooter,\n Header: PageHeader,\n Info,\n ~~Menu,\n~~});\n"],"names":["Actions","createSlot","children","Children","child","_jsx","Button","Cancel","Confirm","Info","_jsxs","Popover","IcoQuestionCircleFill","~~Menu~~","~~IcoMenu~~","~~PageContent~~","~~Content~~","PageDrawer","Drawer","PageFooter","Center","PageHeader","domain","name","logoUrl","HStack","IcoMagic","token","Text","PassportPageHost","actionDirection","address","branding","title","onBack","onCancel","props","createHost","slots","cancelProps","confirmProps","drawerProps","actions","info","~~menu","~~Modal","VStack","IcoCaretLeft","css","WalletAddress","Flex","PassportPage"],"mappings":"~~u3BAiCA~~,MAAMA,EAAUC,EAAW,CAAC,CAAE,SAAAC,CAAU,IAAKC,EAAS,IAAID,EAAUE,GAASC,EAACC,EAAO,CAAA,OAAW,GAAA,GAAAF,EAAM,KAAS,CAAA,CAAA,CAAC,EAC1GG,EAASN,EAAWK,CAAM,EAC1BE,EAAUP,EAAWK,CAAM,EAC3BG,EAAOR,EAAW,CAAC,CAAE,SAAAC,CAAU,IACnCQ,EAACC,EAAO,CAAC,UAAU,SAAS,QAAQ,OAClC,SAAA,CAAAN,EAACM,EAAQ,uBACPN,EAACO,KACoB,CAAA,EACvBP,EAACM,EAAQ,QAAS,CAAA,SAAAT,GAA2B,CACrC,CAAA,CACX,~~EACKW~~,~~EAAOZ~~,~~EAAW~~,~~CAAC~~,~~CAAE~~,~~SAAAC~~,~~CAAU,IACnCQ,EAACC,EAAO,CAAC,UAAU,UAAU,QAAQ,OACnC,SAAA,CAAAN,EAACM,EAAQ,uBACPN,EAACS,KACoB,CAAA,EACvBT,EAACM,EAAQ,QAAS,CAAA,SAAAT,GAA2B,CACrC,CAAA,CACX,EACKa,EAAcd,~~EAAWe,~~CAAO~~,~~EAChCC~~,EAAahB,EAAWiB,CAAM,EAC9BC,EAAalB,EAAW,CAAC,CAAE,SAAAC,CAAU,IACzCG,EAACe,EAAM,CAAC,EAAG,EAAG,EAAE,OAAM,SACnBlB,CAAQ,CAAA,CAEZ,EACKmB,EAAapB,EAAW,CAAC,CAAE,SAAAC,EAAU,OAAAoB,EAAQ,KAAAC,EAAM,QAAAC,KACvDd,EAACe,EAAO,CAAA,kBAAkB,kBAAkB,kBAAkB,MAAM,EAAG,EAAG,MAAM,OAAM,SAAA,CACnFD,EACCnB,EAAA,MAAA,CAAK,IAAKmB,EAAS,IAAKD,EAAM,MAAO,GAAI,OAAQ,KAEjDlB,EAACqB,EAAQ,CAAC,MAAOC,EAAM,mBAAmB,EAAG,OAAQ,GAAI,MAAO,EAAE,CAAA,EAEpEtB,EAACuB,EAAK,CAAA,KAAK,KAAI,SAAEL,CAAI,CAAA,EACpBD,GACCjB,EAACuB,EAAK,CAAA,KAAK,KAAK,UAAU,gBAAe,SACtCN,CAAM,CAAA,EAGVpB,CAAQ,CAAA,CAAA,CAEZ,EAEK2B,EAAmB,CAAC,CACxB,gBAAAC,EAAkB,MAClB,QAAAC,EACA,SAAAC,EACA,SAAA9B,EACA,MAAA+B,EACA,OAAAC,EACA,SAAAC,EACA,GAAGC,CACe,IACXC,EAAWnC,EAAUoC,GAAQ,CAClC,MAAMC,EAAcD,EAAM,SAAS/B,CAAM,EACnCiC,EAAeF,EAAM,SAAS9B,CAAO,EACrCiC,~~EAAcH~~,EAAM,~~SAASrB~~,~~CAAU~~,~~EAEvCyB~~,~~EAAUJ~~,EAAM,~~IAAItC~~,~~CAAO~~,~~EAC3B2C~~,~~EAAOL~~,EAAM,~~IAAI7B~~,~~CAAI~~,~~EACrBmC~~,EAAON,EAAM,~~IAAIzB~~,CAAI,EAE3B,~~OACEH~~,EAACmC,MAAUT,EAAO,WAAW,GAAA,YAAY,~~iBACvC1B~~,EAACoC,~~GAAO~~,IAAK,EAAG,MAAM,~~iBACpBpC~~,EAACe,~~GACC~~,kBAAkB,kBAClB,kBAAkB,MAClB,eAAe,gBACf,EAAG,EACH,MAAM,~~iBAELS~~,GACC7B,EAACC,~~GAAO~~,QAAS4B,EAAQ,KAAK,KAAK,UAAU,UAAU,QAAQ,~~OAAM~~,~~SACnE7B~~,EAACC,EAAO,~~YACN~~,~~CAAA,SAAAD,~~EAAC0C,~~EAAe~~,CAAA,CAAA,CAAA,~~CAAA~~,~~IAIrBZ,~~GAAY9B,EAACC,~~EAAO~~,~~CAAA,~~QAAS6B,EAAU,MAAM,SAAS,KAAK,KAAK,UAAU,UAAU,QAAQ,~~MAAM~~,~~CAAA,EAClG,~~EAAED,GAAUC,IAAa9B,~~SAAK~~,UAAW2C,EAAI,CAAE,EAAG,~~EAAG~~,~~CAAC,~~CAAA,~~EACtDhB~~,GACC3B,EAACqB,~~GAAS~~,MAAOC,EAAMK,IAAa,QAAU,sBAAwB,wBAAwB,~~IAE/FC~~,GAAS5B,EAACuB,~~EAAK~~,~~CAAA~~,KAAK,cAAMK,CAAK,CAAA,EAC/BF,~~GAAWY~~,~~GAAQC~~,~~EAClBlC~~,EAACe,aACEM,GAAW1B,EAAC4C,EAAa,CAAC,QAASlB,CAAW,CAAA,~~EAC9CY~~,~~EACAC~~,~~CAAI~~,~~IAGPvC~~,~~EAAK~~,~~MAAA~~,CAAA,UAAW2C,EAAI,CAAE,EAAG,~~CAAC~~,~~CAAE~~,~~CAAK~~,CAAA,~~CAClC~~,~~IAEFV~~,EAAM,IAAIjB,CAAU,CAAC,~~CAAA~~,CAAA,~~EAExBhB~~,EAAC6C,~~GAAK~~,KAAM,EAAG,MAAM,~~gBAClBZ~~,EAAM,~~IAAIvB~~,CAAW,~~CACjB~~,~~CAAA,GACLwB,~~GAAeC,IACf9B,EAACwC,~~GAAK~~,UAAWpB,IAAoB,MAAQ,MAAQ,iBAAkB,IAAK,EAAG,GAAI,IAAK,GAAI,EAAG,MAAM,~~OAAM~~,SAAA,~~CACxGS~~,GAAelC,EAACC,~~EAAO~~,~~CAAA~~,~~OAAO~~,~~GAAA,~~MAAM,SAAS,QAAQ,~~aAAciC~~,~~CAAW~~,CAAA,~~EAC9EC~~,GAAgBnC,EAACC,~~GAAO~~,~~OAAM~~,~~GAAC~~,MAAM,UAAU,QAAQ,~~UAAc~~,~~GAAAkC~~,~~GAAgB~~,~~CACjF~~,CAAA,~~EAERE~~,~~GACCrC~~,EAAC6C,~~EAAK~~,~~CAAA~~,UAAWpB,EAAiB,IAAK,EAAG,GAAI,IAAK,GAAI,EAAG,MAAM,OAC7D,~~SAAAY~~,~~IAGJJ~~,EAAM,IAAInB,CAAU,~~EACpBsB~~,~~GAAepC~~,EAACa,EAAM,CAAA,~~GAAKuB~~,CAAe,CAAA,CAAA,CAAA,CAAA,CAGjD,CAAC,~~EAGUU~~,EAAe,OAAO,OAAOtB,EAAkB,CAC1D,QAAA7B,EACA,OAAAO,EACA,QAAAC,EACA,~~QAASO~~,EACT,OAAQE,EACR,OAAQE,EACR,OAAQE,EACR,KAAAZ,~~EACA,KAAAI,~~CACD,CAAA"}
1	+ {"version":3,"file":"passport-page.js","sources":["../../../../src/components/layouts/passport-page.tsx"],"sourcesContent":["import { Menu } from '@components/containers';\nimport { Content } from '@components/containers/content';\nimport { Drawer } from '@components/containers/drawer';\nimport { Modal } from '@components/containers/modal';\nimport { IcoCaretLeft, IcoMagic, IcoQuestionCircleFill } from '@components/icons';\nimport { WalletAddress } from '@components/info';\nimport Button from '@components/primitives/button';\nimport Popover from '@components/primitives/popover';\nimport Text from '@components/primitives/text';\nimport { css } from '@styled/css';\nimport { Center, Flex, HStack, VStack } from '@styled/jsx';\nimport { token } from '@styled/tokens';\nimport { createHost, createSlot } from 'create-slots';\nimport { Children, PropsWithChildren } from 'react';\n\ninterface HeaderProps extends PropsWithChildren {\n name: string;\n domain?: string;\n logoUrl?: string;\n}\n\nexport interface PassportPageProps extends PropsWithChildren {\n address?: string;\n animate?: boolean;\n branding?: 'light' \| 'dark';\n actionDirection?: 'column' \| 'row';\n title?: string;\n isOpen?: boolean;\n onAnimated?: () => void;\n onBack?: () => void;\n onClosed?: () => void;\n onCancel?: () => void;\n}\n\nconst Actions = createSlot(({ children }) => Children.map(children, child => <Button expand {...child.props} />));\nconst Cancel = createSlot(Button);\nconst Confirm = createSlot(Button);\nconst Info = createSlot(({ children }) => (\n <Popover textStyle=\"subtle\" variant=\"text\">\n <Popover.TrailingIcon>\n <IcoQuestionCircleFill />\n </Popover.TrailingIcon>\n <Popover.Content>{children}</Popover.Content>\n </Popover>\n));\n\nconst PageContent = createSlot(Content);\nconst PageMenu = createSlot(Menu);\nconst PageDrawer = createSlot(Drawer);\nconst PageFooter = createSlot(({ children }) => (\n <Center p={3} w=\"full\">\n {children}\n </Center>\n));\nconst PageHeader = createSlot(({ children, domain, name, logoUrl }: HeaderProps) => (\n <HStack borderBottomColor=\"neutral.primary\" borderBottomWidth=\"1px\" p={3} width=\"full\">\n {logoUrl ? (\n <img src={logoUrl} alt={name} width={24} height={24} />\n ) : (\n <IcoMagic color={token('colors.brand.base')} height={24} width={24} />\n )}\n <Text size=\"sm\">{name}</Text>\n {domain && (\n <Text size=\"sm\" fontColor=\"text.tertiary\">\n {domain}\n </Text>\n )}\n {children}\n </HStack>\n));\n\nconst PassportPageHost = ({\n actionDirection = 'row',\n address,\n branding,\n children,\n title,\n onBack,\n onCancel,\n ...props\n}: PassportPageProps) => {\n return createHost(children, slots => {\n const cancelProps = slots.getProps(Cancel);\n const confirmProps = slots.getProps(Confirm);\n const menuProps = slots.getProps(PageMenu);\n const drawerProps = slots.getProps(PageDrawer);\n\n const actions = slots.get(Actions);\n const info = slots.get(Info);\n\n return (\n <Modal {...props} fullscreen paddingType=\"none\">\n <VStack gap={0} width=\"full\">\n <HStack\n borderBottomColor=\"neutral.primary\"\n borderBottomWidth=\"1px\"\n justifyContent=\"space-between\"\n p={3}\n width=\"full\"\n >\n {onBack && (\n <Button onPress={onBack} size=\"md\" textStyle=\"neutral\" variant=\"text\">\n <Button.LeadingIcon>\n <IcoCaretLeft />\n </Button.LeadingIcon>\n </Button>\n )}\n {onCancel && <Button onPress={onCancel} label=\"Cancel\" size=\"sm\" textStyle=\"neutral\" variant=\"text\" />}\n {!(onBack \|\| onCancel) && <div className={css({ w: 6 })} />}\n {branding && (\n <IcoMagic color={token(branding === 'light' ? 'colors.text.primary' : 'colors.neutral.primary')} />\n )}\n {title && <Text size=\"sm\">{title}</Text>}\n {address \|\| info \|\| menuProps ? (\n <HStack>\n {address && <WalletAddress address={address} />}\n {info}\n {menuProps && <Menu {...menuProps} />}\n </HStack>\n ) : (\n <div className={css({ w: 6 })} />\n )}\n </HStack>\n {slots.get(PageHeader)}\n </VStack>\n <Flex grow={1} width=\"full\">\n {slots.get(PageContent)}\n </Flex>\n {(cancelProps \|\| confirmProps) && (\n <Flex direction={actionDirection === 'row' ? 'row' : 'column-reverse'} gap={4} pt={1.5} px={3} width=\"full\">\n {cancelProps && <Button expand label=\"Cancel\" variant=\"neutral\" {...cancelProps} />}\n {confirmProps && <Button expand label=\"Confirm\" variant=\"inverse\" {...confirmProps} />}\n </Flex>\n )}\n {actions && (\n <Flex direction={actionDirection} gap={4} pt={1.5} px={3} width=\"full\">\n {actions}\n </Flex>\n )}\n {slots.get(PageFooter)}\n {drawerProps && <Drawer {...drawerProps} />}\n </Modal>\n );\n });\n};\n\nexport const PassportPage = Object.assign(PassportPageHost, {\n Actions,\n Cancel,\n Confirm,\n Content: PageContent,\n Menu: PageMenu,\n Drawer: PageDrawer,\n Footer: PageFooter,\n Header: PageHeader,\n Info,\n});\n"],"names":["Actions","createSlot","children","Children","child","_jsx","Button","Cancel","Confirm","Info","_jsxs","Popover","IcoQuestionCircleFill","PageContent","Content","PageMenu","Menu","PageDrawer","Drawer","PageFooter","Center","PageHeader","domain","name","logoUrl","HStack","IcoMagic","token","Text","PassportPageHost","actionDirection","address","branding","title","onBack","onCancel","props","createHost","slots","cancelProps","confirmProps","menuProps","drawerProps","actions","info","Modal","VStack","IcoCaretLeft","css","WalletAddress","Flex","PassportPage"],"mappings":"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"}

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

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

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

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

package/dist/es/index.js CHANGED Viewed

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-import{defineSemanticTokens as r}from"@pandacss/dev";const a=r.colors({surface:{primary:{value:{base:"var(--surface-primary, {colors.paper})",_light:"var(--surface-primary, {colors.paper})",_dark:"var(--surface-primary-dark, {colors.slate.0})"}},secondary:{value:{base:"var(--surface-secondary, {colors.ink.10})",_light:"var(--surface-secondary, {colors.ink.10})",_dark:"var(--surface-secondary-dark, {colors.slate.1})"}},tertiary:{value:{base:"var(--surface-tertiary, {colors.ink.20})",_light:"var(--surface-tertiary, {colors.ink.20})",_dark:"var(--surface-tertiary-dark, {colors.slate.2})"}}},text:{primary:{value:{base:"var(--text-primary, {colors.ink.90})",_light:"var(--text-primary, {colors.ink.90})",_dark:"var(--text-primary-dark, {colors.chalk})"}},secondary:{value:{base:"var(--text-secondary, {colors.ink.80})",_light:"var(--text-secondary, {colors.ink.80})",_dark:"var(--text-secondary-dark, {colors.chalk/72})"}},tertiary:{value:{base:"var(--text-tertiary, {colors.ink.70})",_light:"var(--text-tertiary, {colors.ink.70})",_dark:"var(--text-tertiary-dark, {colors.chalk/44})"}},quaternary:{value:{base:"var(--text-quaternary, {colors.chalk})",_light:"var(--text-quaternary, {colors.chalk})",_dark:"var(--text-quaternary-dark, {colors.ink.90})"}}},neutral:{primary:{value:{base:"var(--neutral-primary, {colors.ink.50})",_light:"var(--neutral-primary, {colors.ink.50})",_dark:"var(--neutral-primary-dark, {colors.chalk/16})"}},secondary:{value:{base:"var(--neutral-secondary, {colors.ink.30})",_light:"var(--neutral-secondary, {colors.ink.30})",_dark:"var(--neutral-secondary-dark, {colors.chalk/12})"}},tertiary:{value:{base:"var(--neutral-tertiary, {colors.ink.20})",_light:"var(--neutral-tertiary, {colors.ink.20})",_dark:"var(--neutral-tertiary-dark, {colors.chalk/8})"}},quaternary:{value:{base:"var(--neutral-quaternary, {colors.ink.10})",_light:"var(--neutral-quaternary, {colors.ink.10})",_dark:"var(--neutral-quaternary-dark, {colors.chalk/5})"}}},brand:{lightest:{value:{base:"var(--brand-lightest, {colors.magic.10})",_light:"var(--brand-lightest, {colors.magic.10})",_dark:"var(--brand-lightest-dark, {colors.magic.30/25})"}},lighter:{value:{base:"var(--brand-lighter, {colors.magic.30})",_light:"var(--brand-lighter, {colors.magic.30})",_dark:"var(--brand-lighter-dark, {colors.magic.30/66})"}},base:{value:{base:"var(--brand-base, {colors.magic.50})",_light:"var(--brand-base, {colors.magic.50})",_dark:"var(--brand-base-dark, {colors.magic.30})"}},darker:{value:{base:"var(--brand-darker, {colors.magic.70})",_light:"var(--brand-darker, {colors.magic.70})",_dark:"var(--brand-darker-dark, {colors.magic.10})"}},darkest:{value:{base:"var(--brand-darkest, {colors.magic.90})",_light:"var(--brand-darkest, {colors.magic.90})",_dark:"var(--brand-darkest-dark, {colors.magic.10})"}}},positive:{lightest:{value:{base:"{colors.leaf.10}",_light:"{colors.leaf.10}",_dark:"{colors.leaf.30/8}"}},lighter:{value:{base:"{colors.leaf.30}",_light:"{colors.leaf.30}",_dark:"{colors.leaf.30/72}"}},base:{value:{base:"{colors.leaf.50}",_light:"{colors.leaf.50}",_dark:"{colors.leaf.30}"}},darker:{value:{base:"{colors.leaf.70}",_light:"{colors.leaf.70}",_dark:"{colors.leaf.50}"}},darkest:{value:{base:"{colors.leaf.90}",_light:"{colors.leaf.90}",_dark:"{colors.leaf.50}"}}},negative:{lightest:{value:{base:"{colors.ruby.10}",_light:"{colors.ruby.10}",_dark:"{colors.ruby.30/8}"}},lighter:{value:{base:"{colors.ruby.30}",_light:"{colors.ruby.30}",_dark:"{colors.ruby.30/72}"}},base:{value:{base:"{colors.ruby.50}",_light:"{colors.ruby.50}",_dark:"{colors.ruby.30}"}},darker:{value:{base:"{colors.ruby.70}",_light:"{colors.ruby.70}",_dark:"{colors.ruby.50}"}},darkest:{value:{base:"{colors.ruby.90}",_light:"{colors.ruby.90}",_dark:"{colors.ruby.50}"}}},warning:{lightest:{value:{base:"{colors.gold.10}",_light:"{colors.gold.10}",_dark:"{colors.gold.30/8}"}},lighter:{value:{base:"{colors.gold.30}",_light:"{colors.gold.30}",_dark:"{colors.gold.30/72}"}},base:{value:{base:"{colors.gold.50}",_light:"{colors.gold.50}",_dark:"{colors.gold.30}"}},darker:{value:{base:"{colors.gold.70}",_light:"{colors.gold.70}",_dark:"{colors.gold.50}"}},darkest:{value:{base:"{colors.gold.90}",_light:"{colors.gold.90}",_dark:"{colors.gold.50}"}}},dedicated:{lightest:{value:{base:"{colors.sky.10}",_light:"{colors.sky.10}",_dark:"{colors.sky.30/8}"}},lighter:{value:{base:"{colors.sky.30}",_light:"{colors.sky.30}",_dark:"{colors.sky.30/72}"}},base:{value:{base:"{colors.sky.50}",_light:"{colors.sky.50}",_dark:"{colors.sky.30}"}},darker:{value:{base:"{colors.sky.70}",_light:"{colors.sky.70}",_dark:"{colors.sky.50}"}},darkest:{value:{base:"{colors.sky.90}",_light:"{colors.sky.90}",_dark:"{colors.sky.50}"}}}});export{a as semanticColors};
+import{defineSemanticTokens as r}from"@pandacss/dev";const a=r.colors({surface:{primary:{value:{base:"var(--surface-primary, {colors.paper})",_light:"var(--surface-primary, {colors.paper})",_dark:"var(--surface-primary-dark, {colors.slate.0})"}},secondary:{value:{base:"var(--surface-secondary, {colors.ink.10})",_light:"var(--surface-secondary, {colors.ink.10})",_dark:"var(--surface-secondary-dark, {colors.slate.1})"}},tertiary:{value:{base:"var(--surface-tertiary, {colors.ink.20})",_light:"var(--surface-tertiary, {colors.ink.20})",_dark:"var(--surface-tertiary-dark, {colors.slate.2})"}},quaternary:{value:{base:"var(--surface-quaternary, {colors.ink.30})",_light:"var(--surface-quaternary, {colors.ink.30})",_dark:"var(--surface-quaternary-dark, {colors.slate.3})"}}},text:{primary:{value:{base:"var(--text-primary, {colors.ink.90})",_light:"var(--text-primary, {colors.ink.90})",_dark:"var(--text-primary-dark, {colors.chalk})"}},secondary:{value:{base:"var(--text-secondary, {colors.ink.80})",_light:"var(--text-secondary, {colors.ink.80})",_dark:"var(--text-secondary-dark, {colors.chalk/72})"}},tertiary:{value:{base:"var(--text-tertiary, {colors.ink.70})",_light:"var(--text-tertiary, {colors.ink.70})",_dark:"var(--text-tertiary-dark, {colors.chalk/44})"}},quaternary:{value:{base:"var(--text-quaternary, {colors.chalk})",_light:"var(--text-quaternary, {colors.chalk})",_dark:"var(--text-quaternary-dark, {colors.ink.90})"}}},neutral:{primary:{value:{base:"var(--neutral-primary, {colors.ink.50})",_light:"var(--neutral-primary, {colors.ink.50})",_dark:"var(--neutral-primary-dark, {colors.chalk/16})"}},secondary:{value:{base:"var(--neutral-secondary, {colors.ink.30})",_light:"var(--neutral-secondary, {colors.ink.30})",_dark:"var(--neutral-secondary-dark, {colors.chalk/12})"}},tertiary:{value:{base:"var(--neutral-tertiary, {colors.ink.20})",_light:"var(--neutral-tertiary, {colors.ink.20})",_dark:"var(--neutral-tertiary-dark, {colors.chalk/8})"}},quaternary:{value:{base:"var(--neutral-quaternary, {colors.ink.10})",_light:"var(--neutral-quaternary, {colors.ink.10})",_dark:"var(--neutral-quaternary-dark, {colors.chalk/5})"}}},brand:{lightest:{value:{base:"var(--brand-lightest, {colors.magic.10})",_light:"var(--brand-lightest, {colors.magic.10})",_dark:"var(--brand-lightest-dark, {colors.magic.30/25})"}},lighter:{value:{base:"var(--brand-lighter, {colors.magic.30})",_light:"var(--brand-lighter, {colors.magic.30})",_dark:"var(--brand-lighter-dark, {colors.magic.30/66})"}},base:{value:{base:"var(--brand-base, {colors.magic.50})",_light:"var(--brand-base, {colors.magic.50})",_dark:"var(--brand-base-dark, {colors.magic.30})"}},darker:{value:{base:"var(--brand-darker, {colors.magic.70})",_light:"var(--brand-darker, {colors.magic.70})",_dark:"var(--brand-darker-dark, {colors.magic.10})"}},darkest:{value:{base:"var(--brand-darkest, {colors.magic.90})",_light:"var(--brand-darkest, {colors.magic.90})",_dark:"var(--brand-darkest-dark, {colors.magic.10})"}}},positive:{lightest:{value:{base:"{colors.leaf.10}",_light:"{colors.leaf.10}",_dark:"{colors.leaf.30/8}"}},lighter:{value:{base:"{colors.leaf.30}",_light:"{colors.leaf.30}",_dark:"{colors.leaf.30/72}"}},base:{value:{base:"{colors.leaf.50}",_light:"{colors.leaf.50}",_dark:"{colors.leaf.30}"}},darker:{value:{base:"{colors.leaf.70}",_light:"{colors.leaf.70}",_dark:"{colors.leaf.50}"}},darkest:{value:{base:"{colors.leaf.90}",_light:"{colors.leaf.90}",_dark:"{colors.leaf.50}"}}},negative:{lightest:{value:{base:"{colors.ruby.10}",_light:"{colors.ruby.10}",_dark:"{colors.ruby.30/8}"}},lighter:{value:{base:"{colors.ruby.30}",_light:"{colors.ruby.30}",_dark:"{colors.ruby.30/72}"}},base:{value:{base:"{colors.ruby.50}",_light:"{colors.ruby.50}",_dark:"{colors.ruby.30}"}},darker:{value:{base:"{colors.ruby.70}",_light:"{colors.ruby.70}",_dark:"{colors.ruby.50}"}},darkest:{value:{base:"{colors.ruby.90}",_light:"{colors.ruby.90}",_dark:"{colors.ruby.50}"}}},warning:{lightest:{value:{base:"{colors.gold.10}",_light:"{colors.gold.10}",_dark:"{colors.gold.30/8}"}},lighter:{value:{base:"{colors.gold.30}",_light:"{colors.gold.30}",_dark:"{colors.gold.30/72}"}},base:{value:{base:"{colors.gold.50}",_light:"{colors.gold.50}",_dark:"{colors.gold.30}"}},darker:{value:{base:"{colors.gold.70}",_light:"{colors.gold.70}",_dark:"{colors.gold.50}"}},darkest:{value:{base:"{colors.gold.90}",_light:"{colors.gold.90}",_dark:"{colors.gold.50}"}}},dedicated:{lightest:{value:{base:"{colors.sky.10}",_light:"{colors.sky.10}",_dark:"{colors.sky.30/8}"}},lighter:{value:{base:"{colors.sky.30}",_light:"{colors.sky.30}",_dark:"{colors.sky.30/72}"}},base:{value:{base:"{colors.sky.50}",_light:"{colors.sky.50}",_dark:"{colors.sky.30}"}},darker:{value:{base:"{colors.sky.70}",_light:"{colors.sky.70}",_dark:"{colors.sky.50}"}},darkest:{value:{base:"{colors.sky.90}",_light:"{colors.sky.90}",_dark:"{colors.sky.50}"}}}});export{a as semanticColors};
 //# sourceMappingURL=semantic-tokens.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"semantic-tokens.js","sources":["../../../src/styles/semantic-tokens.ts"],"sourcesContent":["import { defineSemanticTokens } from '@pandacss/dev';\n\nexport const semanticColors = defineSemanticTokens.colors({\n surface: {\n primary: {\n value: {\n base: 'var(--surface-primary, {colors.paper})',\n _light: 'var(--surface-primary, {colors.paper})',\n _dark: 'var(--surface-primary-dark, {colors.slate.0})',\n },\n },\n secondary: {\n value: {\n base: 'var(--surface-secondary, {colors.ink.10})',\n _light: 'var(--surface-secondary, {colors.ink.10})',\n _dark: 'var(--surface-secondary-dark, {colors.slate.1})',\n },\n },\n tertiary: {\n value: {\n base: 'var(--surface-tertiary, {colors.ink.20})',\n _light: 'var(--surface-tertiary, {colors.ink.20})',\n _dark: 'var(--surface-tertiary-dark, {colors.slate.2})',\n },\n },\n },\n text: {\n primary: {\n value: {\n base: 'var(--text-primary, {colors.ink.90})',\n _light: 'var(--text-primary, {colors.ink.90})',\n _dark: 'var(--text-primary-dark, {colors.chalk})',\n },\n },\n secondary: {\n value: {\n base: 'var(--text-secondary, {colors.ink.80})',\n _light: 'var(--text-secondary, {colors.ink.80})',\n _dark: 'var(--text-secondary-dark, {colors.chalk/72})',\n },\n },\n tertiary: {\n value: {\n base: 'var(--text-tertiary, {colors.ink.70})',\n _light: 'var(--text-tertiary, {colors.ink.70})',\n _dark: 'var(--text-tertiary-dark, {colors.chalk/44})',\n },\n },\n quaternary: {\n value: {\n base: 'var(--text-quaternary, {colors.chalk})',\n _light: 'var(--text-quaternary, {colors.chalk})',\n _dark: 'var(--text-quaternary-dark, {colors.ink.90})',\n },\n },\n },\n neutral: {\n primary: {\n value: {\n base: 'var(--neutral-primary, {colors.ink.50})',\n _light: 'var(--neutral-primary, {colors.ink.50})',\n _dark: 'var(--neutral-primary-dark, {colors.chalk/16})',\n },\n },\n secondary: {\n value: {\n base: 'var(--neutral-secondary, {colors.ink.30})',\n _light: 'var(--neutral-secondary, {colors.ink.30})',\n _dark: 'var(--neutral-secondary-dark, {colors.chalk/12})',\n },\n },\n tertiary: {\n value: {\n base: 'var(--neutral-tertiary, {colors.ink.20})',\n _light: 'var(--neutral-tertiary, {colors.ink.20})',\n _dark: 'var(--neutral-tertiary-dark, {colors.chalk/8})',\n },\n },\n quaternary: {\n value: {\n base: 'var(--neutral-quaternary, {colors.ink.10})',\n _light: 'var(--neutral-quaternary, {colors.ink.10})',\n _dark: 'var(--neutral-quaternary-dark, {colors.chalk/5})',\n },\n },\n },\n brand: {\n lightest: {\n value: {\n base: 'var(--brand-lightest, {colors.magic.10})',\n _light: 'var(--brand-lightest, {colors.magic.10})',\n _dark: 'var(--brand-lightest-dark, {colors.magic.30/25})',\n },\n },\n lighter: {\n value: {\n base: 'var(--brand-lighter, {colors.magic.30})',\n _light: 'var(--brand-lighter, {colors.magic.30})',\n _dark: 'var(--brand-lighter-dark, {colors.magic.30/66})',\n },\n },\n base: {\n value: {\n base: 'var(--brand-base, {colors.magic.50})',\n _light: 'var(--brand-base, {colors.magic.50})',\n _dark: 'var(--brand-base-dark, {colors.magic.30})',\n },\n },\n darker: {\n value: {\n base: 'var(--brand-darker, {colors.magic.70})',\n _light: 'var(--brand-darker, {colors.magic.70})',\n _dark: 'var(--brand-darker-dark, {colors.magic.10})',\n },\n },\n darkest: {\n value: {\n base: 'var(--brand-darkest, {colors.magic.90})',\n _light: 'var(--brand-darkest, {colors.magic.90})',\n _dark: 'var(--brand-darkest-dark, {colors.magic.10})',\n },\n },\n },\n positive: {\n lightest: { value: { base: '{colors.leaf.10}', _light: '{colors.leaf.10}', _dark: '{colors.leaf.30/8}' } },\n lighter: { value: { base: '{colors.leaf.30}', _light: '{colors.leaf.30}', _dark: '{colors.leaf.30/72}' } },\n base: { value: { base: '{colors.leaf.50}', _light: '{colors.leaf.50}', _dark: '{colors.leaf.30}' } },\n darker: { value: { base: '{colors.leaf.70}', _light: '{colors.leaf.70}', _dark: '{colors.leaf.50}' } },\n darkest: { value: { base: '{colors.leaf.90}', _light: '{colors.leaf.90}', _dark: '{colors.leaf.50}' } },\n },\n negative: {\n lightest: { value: { base: '{colors.ruby.10}', _light: '{colors.ruby.10}', _dark: '{colors.ruby.30/8}' } },\n lighter: { value: { base: '{colors.ruby.30}', _light: '{colors.ruby.30}', _dark: '{colors.ruby.30/72}' } },\n base: { value: { base: '{colors.ruby.50}', _light: '{colors.ruby.50}', _dark: '{colors.ruby.30}' } },\n darker: { value: { base: '{colors.ruby.70}', _light: '{colors.ruby.70}', _dark: '{colors.ruby.50}' } },\n darkest: { value: { base: '{colors.ruby.90}', _light: '{colors.ruby.90}', _dark: '{colors.ruby.50}' } },\n },\n warning: {\n lightest: { value: { base: '{colors.gold.10}', _light: '{colors.gold.10}', _dark: '{colors.gold.30/8}' } },\n lighter: { value: { base: '{colors.gold.30}', _light: '{colors.gold.30}', _dark: '{colors.gold.30/72}' } },\n base: { value: { base: '{colors.gold.50}', _light: '{colors.gold.50}', _dark: '{colors.gold.30}' } },\n darker: { value: { base: '{colors.gold.70}', _light: '{colors.gold.70}', _dark: '{colors.gold.50}' } },\n darkest: { value: { base: '{colors.gold.90}', _light: '{colors.gold.90}', _dark: '{colors.gold.50}' } },\n },\n dedicated: {\n lightest: { value: { base: '{colors.sky.10}', _light: '{colors.sky.10}', _dark: '{colors.sky.30/8}' } },\n lighter: { value: { base: '{colors.sky.30}', _light: '{colors.sky.30}', _dark: '{colors.sky.30/72}' } },\n base: { value: { base: '{colors.sky.50}', _light: '{colors.sky.50}', _dark: '{colors.sky.30}' } },\n darker: { value: { base: '{colors.sky.70}', _light: '{colors.sky.70}', _dark: '{colors.sky.50}' } },\n darkest: { value: { base: '{colors.sky.90}', _light: '{colors.sky.90}', _dark: '{colors.sky.50}' } },\n },\n});\n"],"names":["semanticColors","defineSemanticTokens"],"mappings":"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"}
1	+ {"version":3,"file":"semantic-tokens.js","sources":["../../../src/styles/semantic-tokens.ts"],"sourcesContent":["import { defineSemanticTokens } from '@pandacss/dev';\n\nexport const semanticColors = defineSemanticTokens.colors({\n surface: {\n primary: {\n value: {\n base: 'var(--surface-primary, {colors.paper})',\n _light: 'var(--surface-primary, {colors.paper})',\n _dark: 'var(--surface-primary-dark, {colors.slate.0})',\n },\n },\n secondary: {\n value: {\n base: 'var(--surface-secondary, {colors.ink.10})',\n _light: 'var(--surface-secondary, {colors.ink.10})',\n _dark: 'var(--surface-secondary-dark, {colors.slate.1})',\n },\n },\n tertiary: {\n value: {\n base: 'var(--surface-tertiary, {colors.ink.20})',\n _light: 'var(--surface-tertiary, {colors.ink.20})',\n _dark: 'var(--surface-tertiary-dark, {colors.slate.2})',\n },\n },\n quaternary: {\n value: {\n base: 'var(--surface-quaternary, {colors.ink.30})',\n _light: 'var(--surface-quaternary, {colors.ink.30})',\n _dark: 'var(--surface-quaternary-dark, {colors.slate.3})',\n },\n },\n },\n text: {\n primary: {\n value: {\n base: 'var(--text-primary, {colors.ink.90})',\n _light: 'var(--text-primary, {colors.ink.90})',\n _dark: 'var(--text-primary-dark, {colors.chalk})',\n },\n },\n secondary: {\n value: {\n base: 'var(--text-secondary, {colors.ink.80})',\n _light: 'var(--text-secondary, {colors.ink.80})',\n _dark: 'var(--text-secondary-dark, {colors.chalk/72})',\n },\n },\n tertiary: {\n value: {\n base: 'var(--text-tertiary, {colors.ink.70})',\n _light: 'var(--text-tertiary, {colors.ink.70})',\n _dark: 'var(--text-tertiary-dark, {colors.chalk/44})',\n },\n },\n quaternary: {\n value: {\n base: 'var(--text-quaternary, {colors.chalk})',\n _light: 'var(--text-quaternary, {colors.chalk})',\n _dark: 'var(--text-quaternary-dark, {colors.ink.90})',\n },\n },\n },\n neutral: {\n primary: {\n value: {\n base: 'var(--neutral-primary, {colors.ink.50})',\n _light: 'var(--neutral-primary, {colors.ink.50})',\n _dark: 'var(--neutral-primary-dark, {colors.chalk/16})',\n },\n },\n secondary: {\n value: {\n base: 'var(--neutral-secondary, {colors.ink.30})',\n _light: 'var(--neutral-secondary, {colors.ink.30})',\n _dark: 'var(--neutral-secondary-dark, {colors.chalk/12})',\n },\n },\n tertiary: {\n value: {\n base: 'var(--neutral-tertiary, {colors.ink.20})',\n _light: 'var(--neutral-tertiary, {colors.ink.20})',\n _dark: 'var(--neutral-tertiary-dark, {colors.chalk/8})',\n },\n },\n quaternary: {\n value: {\n base: 'var(--neutral-quaternary, {colors.ink.10})',\n _light: 'var(--neutral-quaternary, {colors.ink.10})',\n _dark: 'var(--neutral-quaternary-dark, {colors.chalk/5})',\n },\n },\n },\n brand: {\n lightest: {\n value: {\n base: 'var(--brand-lightest, {colors.magic.10})',\n _light: 'var(--brand-lightest, {colors.magic.10})',\n _dark: 'var(--brand-lightest-dark, {colors.magic.30/25})',\n },\n },\n lighter: {\n value: {\n base: 'var(--brand-lighter, {colors.magic.30})',\n _light: 'var(--brand-lighter, {colors.magic.30})',\n _dark: 'var(--brand-lighter-dark, {colors.magic.30/66})',\n },\n },\n base: {\n value: {\n base: 'var(--brand-base, {colors.magic.50})',\n _light: 'var(--brand-base, {colors.magic.50})',\n _dark: 'var(--brand-base-dark, {colors.magic.30})',\n },\n },\n darker: {\n value: {\n base: 'var(--brand-darker, {colors.magic.70})',\n _light: 'var(--brand-darker, {colors.magic.70})',\n _dark: 'var(--brand-darker-dark, {colors.magic.10})',\n },\n },\n darkest: {\n value: {\n base: 'var(--brand-darkest, {colors.magic.90})',\n _light: 'var(--brand-darkest, {colors.magic.90})',\n _dark: 'var(--brand-darkest-dark, {colors.magic.10})',\n },\n },\n },\n positive: {\n lightest: { value: { base: '{colors.leaf.10}', _light: '{colors.leaf.10}', _dark: '{colors.leaf.30/8}' } },\n lighter: { value: { base: '{colors.leaf.30}', _light: '{colors.leaf.30}', _dark: '{colors.leaf.30/72}' } },\n base: { value: { base: '{colors.leaf.50}', _light: '{colors.leaf.50}', _dark: '{colors.leaf.30}' } },\n darker: { value: { base: '{colors.leaf.70}', _light: '{colors.leaf.70}', _dark: '{colors.leaf.50}' } },\n darkest: { value: { base: '{colors.leaf.90}', _light: '{colors.leaf.90}', _dark: '{colors.leaf.50}' } },\n },\n negative: {\n lightest: { value: { base: '{colors.ruby.10}', _light: '{colors.ruby.10}', _dark: '{colors.ruby.30/8}' } },\n lighter: { value: { base: '{colors.ruby.30}', _light: '{colors.ruby.30}', _dark: '{colors.ruby.30/72}' } },\n base: { value: { base: '{colors.ruby.50}', _light: '{colors.ruby.50}', _dark: '{colors.ruby.30}' } },\n darker: { value: { base: '{colors.ruby.70}', _light: '{colors.ruby.70}', _dark: '{colors.ruby.50}' } },\n darkest: { value: { base: '{colors.ruby.90}', _light: '{colors.ruby.90}', _dark: '{colors.ruby.50}' } },\n },\n warning: {\n lightest: { value: { base: '{colors.gold.10}', _light: '{colors.gold.10}', _dark: '{colors.gold.30/8}' } },\n lighter: { value: { base: '{colors.gold.30}', _light: '{colors.gold.30}', _dark: '{colors.gold.30/72}' } },\n base: { value: { base: '{colors.gold.50}', _light: '{colors.gold.50}', _dark: '{colors.gold.30}' } },\n darker: { value: { base: '{colors.gold.70}', _light: '{colors.gold.70}', _dark: '{colors.gold.50}' } },\n darkest: { value: { base: '{colors.gold.90}', _light: '{colors.gold.90}', _dark: '{colors.gold.50}' } },\n },\n dedicated: {\n lightest: { value: { base: '{colors.sky.10}', _light: '{colors.sky.10}', _dark: '{colors.sky.30/8}' } },\n lighter: { value: { base: '{colors.sky.30}', _light: '{colors.sky.30}', _dark: '{colors.sky.30/72}' } },\n base: { value: { base: '{colors.sky.50}', _light: '{colors.sky.50}', _dark: '{colors.sky.30}' } },\n darker: { value: { base: '{colors.sky.70}', _light: '{colors.sky.70}', _dark: '{colors.sky.50}' } },\n darkest: { value: { base: '{colors.sky.90}', _light: '{colors.sky.90}', _dark: '{colors.sky.50}' } },\n },\n});\n"],"names":["semanticColors","defineSemanticTokens"],"mappings":"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"}