npm - @ape.swap/bonds-sdk - Versions diffs - 6.1.14 → 6.1.15-test.0 - Mend

@ape.swap/bonds-sdk 6.1.14 → 6.1.15-test.0

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

Files changed (212) hide show

package/dist/components/Toast/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/Toast/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { Link } from 'theme-ui'\nimport styles from './styles'\nimport { PopupProps, usePopups } from '../../state/popups/usePopups'\nimport Flex from '../uikit-sdk/Flex'\nimport Svg from '../uikit-sdk/Svg'\nimport ~~IconButton~~ from '../uikit-sdk/~~Button~~/~~IconButton~~'\nimport ~~Text~~ from '../uikit-sdk/~~Text~~'\n\nconst Toast = ({ popIndex, popup }: { popIndex: number; popup: PopupProps }) => {\n const { variant, title, description, url } = popup\n const { removePopup } = usePopups()\n const [show, setShow] = useState(true)\n\n useEffect(() => {\n setTimeout(() => {\n setShow(false)\n setTimeout(() => {\n removePopup(popup)\n }, 500)\n }, 10000)\n /* eslint-disable react-hooks/exhaustive-deps /\n }, [])\n\n const showSupportLink = variant === 'error' && !url && !popup?.description?.includes('User rejected the request')\n const isSlippageError =\n popup?.description?.includes('INSUFFICIENT') \|\|\n popup?.description?.includes('Slippage') \|\|\n popup?.description?.includes('Return amount is not enough')\n\n const isTimeoutError = popup?.description?.includes('Blockhash not found')\n\n const isInsufficientFundsError = popup?.description?.includes('insufficient funds')\n\n const parsedErrorString = isSlippageError\n ? 'Slippage error. Try increasing Slippage in the cog icon ⚙️.'\n : isTimeoutError\n ? 'Tx timeout. Please try again.'\n : isInsufficientFundsError\n ? 'Insufficient funds.'\n : popup?.description\n\n return (\n <AnimatePresence>\n {show && (\n <motion.div\n initial={{ right: '-300px' }}\n animate={{ right: '10px' }}\n transition={{ duration: 0.5 }}\n exit={{ right: '-300px' }}\n sx={{ ...styles.alert, top: 108 popIndex, zIndex: 103 }}\n >\n <Flex>\n <~~Svg~~ ~~icon={variant}~~ color={variant} width=\"30px\" />\n </Flex>\n <Flex sx={styles.content}>\n <Text sx={{ color: variant, fontSize: '14px', fontWeight: 500 }}>{title}</Text>\n {description && (\n <Text\n sx={{\n fontSize: '12px',\n fontWeight: 400,\n lineHeight: '16px',\n maxHeight: '48px',\n minHeight: '16px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n WebkitBoxOrient: 'vertical',\n WebkitLineClamp: 3, // Limit text to 3 lines\n }}\n >\n {parsedErrorString}\n </Text>\n )}\n {url && (\n <Link href={url} sx={styles.link} color=\"text\" target=\"_blank\">\n <Text mr=\"5px\">View on Explorer</Text>\n <~~Svg~~ ~~icon=\"external\"~~ />\n </Link>\n )}\n {showSupportLink && (\n <Link\n href={'https://discord.com/channels/821817977917538375/1110438345701593088'}\n sx={styles.link}\n color=\"text\"\n target=\"_blank\"\n >\n <Text mr=\"5px\">Having issues? Get support</Text>\n <~~Svg~~ ~~icon=\"external\"~~ />\n </Link>\n )}\n </Flex>\n <Flex sx={{ alignItems: 'flex-start', pt: '3px' }} onClick={() => removePopup(popup)}>\n <IconButton icon~~=\"close\"~~ color=\"text\" variant=\"transparent\" />\n </Flex>\n </motion.div>\n )}\n </AnimatePresence>\n )\n}\n\nexport default Toast\n"],"names":["_jsx","_jsxs"],"mappings":"~~;;;;;;;;;;;AAUA~~,MAAM,KAAK,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,EAA2C,KAAI;IAC7E,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,KAAK;AAClD,IAAA,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE;IACnC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC;~~IAEtC~~,SAAS,CAAC,MAAK;QACb,UAAU,CAAC,MAAK;YACd,OAAO,CAAC,KAAK,CAAC;YACd,UAAU,CAAC,MAAK;gBACd,WAAW,CAAC,KAAK,CAAC;YACpB,CAAC,EAAE,GAAG,CAAC;QACT,CAAC,EAAE,KAAK,CAAC;;IAEX,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,eAAe,GAAG,OAAO,KAAK,OAAO,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,QAAQ,CAAC,2BAA2B,CAAC;IACjH,MAAM,eAAe,GACnB,KAAK,EAAE,WAAW,EAAE,QAAQ,CAAC,cAAc,CAAC;AAC5C,QAAA,KAAK,EAAE,WAAW,EAAE,QAAQ,CAAC,UAAU,CAAC;AACxC,QAAA,KAAK,EAAE,WAAW,EAAE,QAAQ,CAAC,6BAA6B,CAAC;IAE7D,MAAM,cAAc,GAAG,KAAK,EAAE,WAAW,EAAE,QAAQ,CAAC,qBAAqB,CAAC;IAE1E,MAAM,wBAAwB,GAAG,KAAK,EAAE,WAAW,EAAE,QAAQ,CAAC,oBAAoB,CAAC;IAEnF,MAAM,iBAAiB,GAAG;AACxB,UAAE;AACF,UAAE;AACA,cAAE;AACF,cAAE;AACA,kBAAE;AACF,kBAAE,KAAK,EAAE,WAAW;IAE1B,~~QACEA~~,GAAA,CAAC,eAAe,EAAA,EAAA,QAAA,EACb,IAAI,KACHC,IAAA,CAAC,MAAM,CAAC,GAAG,EAAA,EACT,OAAO,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EAC5B,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAC1B,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAC7B,IAAI,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,EACzB,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,GAAG,QAAQ,EAAE,MAAM,EAAE,GAAG,EAAE,EAAA,QAAA,EAAA,CAEzDD,GAAA,CAAC,IAAI,EAAA,EAAA,QAAA,EACHA,GAAA,CAAC,~~GAAG~~,EAAA,EAAC,~~IAAI,EAAE,OAAO,EAAE,~~KAAK,EAAE,OAAO,EAAE,KAAK,EAAC,MAAM,EAAA,CAAG,EAAA,~~CAC9C~~,EACPC,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EAAA,CACtBD,~~GAAA~~,~~CAAC,~~IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,EAAA,QAAA,EAAG,KAAK,EAAA,CAAQ,EAC9E,WAAW,KACVA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,gCAAA,QAAQ,EAAE,MAAM;AAChB,gCAAA,UAAU,EAAE,GAAG;AACf,gCAAA,UAAU,EAAE,MAAM;AAClB,gCAAA,SAAS,EAAE,MAAM;AACjB,gCAAA,SAAS,EAAE,MAAM;AACjB,gCAAA,QAAQ,EAAE,QAAQ;AAClB,gCAAA,YAAY,EAAE,UAAU;AACxB,gCAAA,OAAO,EAAE,aAAa;AACtB,gCAAA,eAAe,EAAE,UAAU;gCAC3B,eAAe,EAAE,CAAC;AACnB,6BAAA,EAAA,QAAA,EAEA,iBAAiB,EAAA,CACb,CACR,EACA,GAAG,KACFC,IAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,CAAC,IAAI,EAAE,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAA,QAAA,EAAA,CAC5DD,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAC,KAAK,EAAA,QAAA,EAAA,kBAAA,EAAA,CAAwB,EACtCA,GAAA,CAAC,~~GAAG~~,EAAA,~~EAAC,IAAI,EAAC,UAAU,~~EAAA,CAAG,CAAA,EAAA,~~CAClB~~,CACR,EACA,eAAe,KACdC,IAAA,CAAC,IAAI,EAAA,EACH,IAAI,EAAE,qEAAqE,EAC3E,EAAE,EAAE,MAAM,CAAC,IAAI,EACf,KAAK,EAAC,MAAM,EACZ,MAAM,EAAC,QAAQ,EAAA,QAAA,EAAA,CAEfD,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAC,KAAK,EAAA,QAAA,EAAA,4BAAA,EAAA,CAAkC,EAChDA,GAAA,CAAC,~~GAAG~~,EAAA,~~EAAC,IAAI,EAAC,UAAU,~~EAAA,CAAG,CAAA,EAAA,~~CAClB~~,CACR,CAAA,EAAA,CACI,EACPA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,YAAY,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC,KAAK,CAAC,EAAA,QAAA,EAClFA,GAAA,CAAC,UAAU,EAAA,EAAC,IAAI,~~EAAC~~,~~OAAO~~,~~EAAC~~,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,EAAA,CAAG,EAAA,CACzD,CAAA,EAAA,CACI,CACd,EAAA,CACe;AAEtB;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/Toast/index.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { Link } from 'theme-ui'\nimport styles from './styles'\nimport { PopupProps, usePopups } from '../../state/popups/usePopups'\nimport Flex from '../uikit-sdk/Flex'\nimport IconButton from '../uikit-sdk/Button/IconButton'\nimport Text from '../uikit-sdk/Text'\nimport Close from '../uikit-sdk/Svg/Icons/Close'\nimport External from '../uikit-sdk/Svg/Icons/External'\nimport Success from '../uikit-sdk/Svg/Icons/Success'\nimport ErrorIcon from '../uikit-sdk/Svg/Icons/Error'\n\nconst Toast = ({ popIndex, popup }: { popIndex: number; popup: PopupProps }) => {\n const { variant, title, description, url } = popup\n const { removePopup } = usePopups()\n const [show, setShow] = useState(true)\n const VariantIcon = variant === 'success' ? Success : ErrorIcon\n\n useEffect(() => {\n setTimeout(() => {\n setShow(false)\n setTimeout(() => {\n removePopup(popup)\n }, 500)\n }, 10000)\n /* eslint-disable react-hooks/exhaustive-deps /\n }, [])\n\n const showSupportLink = variant === 'error' && !url && !popup?.description?.includes('User rejected the request')\n const isSlippageError =\n popup?.description?.includes('INSUFFICIENT') \|\|\n popup?.description?.includes('Slippage') \|\|\n popup?.description?.includes('Return amount is not enough')\n\n const isTimeoutError = popup?.description?.includes('Blockhash not found')\n\n const isInsufficientFundsError = popup?.description?.includes('insufficient funds')\n\n const parsedErrorString = isSlippageError\n ? 'Slippage error. Try increasing Slippage in the cog icon ⚙️.'\n : isTimeoutError\n ? 'Tx timeout. Please try again.'\n : isInsufficientFundsError\n ? 'Insufficient funds.'\n : popup?.description\n\n return (\n <AnimatePresence>\n {show && (\n <motion.div\n initial={{ right: '-300px' }}\n animate={{ right: '10px' }}\n transition={{ duration: 0.5 }}\n exit={{ right: '-300px' }}\n sx={{ ...styles.alert, top: 108 popIndex, zIndex: 103 }}\n >\n <Flex>\n <VariantIcon color={variant} width=\"30px\" />\n </Flex>\n <Flex sx={styles.content}>\n <Text sx={{ color: variant, fontSize: '14px', fontWeight: 500 }}>{title}</Text>\n {description && (\n <Text\n sx={{\n fontSize: '12px',\n fontWeight: 400,\n lineHeight: '16px',\n maxHeight: '48px',\n minHeight: '16px',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n display: '-webkit-box',\n WebkitBoxOrient: 'vertical',\n WebkitLineClamp: 3, // Limit text to 3 lines\n }}\n >\n {parsedErrorString}\n </Text>\n )}\n {url && (\n <Link href={url} sx={styles.link} color=\"text\" target=\"_blank\">\n <Text mr=\"5px\">View on Explorer</Text>\n <External />\n </Link>\n )}\n {showSupportLink && (\n <Link\n href={'https://discord.com/channels/821817977917538375/1110438345701593088'}\n sx={styles.link}\n color=\"text\"\n target=\"_blank\"\n >\n <Text mr=\"5px\">Having issues? Get support</Text>\n <External />\n </Link>\n )}\n </Flex>\n <Flex sx={{ alignItems: 'flex-start', pt: '3px' }} onClick={() => removePopup(popup)}>\n <IconButton icon={Close} color=\"text\" variant=\"transparent\" />\n </Flex>\n </motion.div>\n )}\n </AnimatePresence>\n )\n}\n\nexport default Toast\n"],"names":["ErrorIcon","_jsx","_jsxs"],"mappings":"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"}

package/dist/components/TokenInfoAndName/index.js CHANGED Viewed

@@ -5,9 +5,9 @@ import AddFavToken from '../FavIcons/AddFavToken.js';
 import { ChainId } from '@ape.swap/apeswap-lists';
 import { MCTokenIconStyles, MCTagNameMapping } from '../../utils/campaignStyles.js';
 import Flex from '../uikit-sdk/Flex/index.js';
-import Svg from '../uikit-sdk/Svg/index.js';
 import Text from '../uikit-sdk/Text/index.js';
 import ListTag from '../uikit-sdk/Tag/ListTag.js';
+import Question from '../uikit-sdk/Svg/Icons/Question.js';
 const NETWORK_COLORS = {
     [ChainId.BSC]: '#F3BA2F4d',
@@ -35,6 +35,7 @@ const NETWORK_COLORS = {
     [ChainId.SUI]: '#6fbcf04d',
 };
 const TokenInfoAndName = ({ tokenSymbol, chain, tag, vestEnds, isHotBond, marketingCampaign, }) => {
+    const ChainIcon = (chain && NETWORK_ICONS[chain]) || Question;
     return (jsxs(Flex, { className: "tokeninfoname container", children: [jsx(Flex, { sx: {
                     width: '125px',
                     height: '100%',
@@ -45,7 +46,7 @@ const TokenInfoAndName = ({ tokenSymbol, chain, tag, vestEnds, isHotBond, market
                     background: isHotBond
                         ? 'transparent'
                         : `linear-gradient(90deg, ${chain ? NETWORK_COLORS[chain] : '#FFFFFF33'} 0%, rgba(0,0,0,0) 75%)`,
-                } }), jsx(Flex, { className: "tokeninfoname chain", children: jsx(Svg, { width: 20, height: 20, icon: chain ? NETWORK_ICONS[chain] : 'question' }) }), jsxs(Flex, { className: "tokeninfoname tokencontainer", sx: {
+                } }), jsx(Flex, { className: "tokeninfoname chain", children: jsx(ChainIcon, { width: 20, height: 20 }) }), jsxs(Flex, { className: "tokeninfoname tokencontainer", sx: {
                     marginTop: vestEnds ? ['10px', '10px', '10px', '0px'] : 0,
                     maxWidth: ['175px', '175px', '140px', '190px', '190px'],
                 }, children: [jsxs(Flex, { sx: { position: 'relative', minWidth: '33px' }, children: [jsx(Flex, { sx: MCTokenIconStyles[marketingCampaign] }), jsx(TokenImage, { symbol: tokenSymbol === 'AIX' && chain === ChainId.SOL ? 'SOLAIX' : tokenSymbol, size: 33 })] }), jsxs(Flex, { className: "tokeninfoname tokentext", children: [jsx(Flex, { sx: { justifyContent: 'space-between', width: '100%', alignItems: 'center' }, children: jsx(Text, { sx: { fontSize: ['12px', '12px', '14px', '16px'] }, children: tokenSymbol }) }), vestEnds && (jsx(Flex, { sx: { fontSize: '12px', fontWeight: 400, opacity: 0.6, lineHeight: '14px' }, children: vestEnds }))] }), jsx(Flex, { className: "tokeninfofav", sx: {

package/dist/components/TokenInfoAndName/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/TokenInfoAndName/index.tsx"],"sourcesContent":["import React from 'react'\nimport { NETWORK_ICONS } from '../../config/constants/chains'\nimport TokenImage from '../uikit-sdk/TokenImage'\nimport AddFavToken from '../FavIcons/AddFavToken'\nimport { ChainId, MarketingCampaign } from '@ape.swap/apeswap-lists'\nimport { MCTagNameMapping, MCTokenIconStyles } from '../../utils/campaignStyles'\nimport Flex from '../uikit-sdk/Flex'\nimport ~~Svg~~ from '../uikit-sdk/~~Svg~~'\nimport ~~Text~~ from '../uikit-sdk/~~Text~~'\nimport ~~ListTag~~ from '../uikit-sdk/~~Tag~~/~~ListTag~~'\n\nexport const NETWORK_COLORS: Partial<Record<number, string>> = {\n [ChainId.BSC]: '#F3BA2F4d',\n [ChainId.MAINNET]: '#627eea4d',\n [ChainId.MATIC]: '#8247e54d',\n [ChainId.LIGHTLINK]: '#6087ff4d',\n [ChainId.BASE]: '#0052ff4d',\n [ChainId.ARBITRUM]: '#289fef4d',\n [ChainId.LINEA]: '#ffffff4d',\n [ChainId.IOTA]: '#ffffff4d',\n [ChainId.GRAPHLINQ]: '#ded2ff4d',\n [ChainId.AVAX]: '#e743444d',\n [ChainId.BLAST]: '#fcfc034d',\n [ChainId.CROSSFI]: '#7c80844d',\n [ChainId.MONAD_TESTNET]: '#836EF94d',\n [ChainId.MONAD]: '#836EF94d',\n [ChainId.SOL]: '#836EF94d',\n [ChainId.SONIC]: '#fb9a4c4d',\n [ChainId.BERACHAIN]: '#783e244d',\n [ChainId.KATANA]: '#068be34d',\n [ChainId.UNICHAIN]: '#f50db44d',\n [ChainId.MEGAETH_TESTNET]: '#DFD9D94d',\n [ChainId.HYPEREVM]: '#ffffff4d',\n [ChainId.APTOS]: 'rgb(240 111 126 / 0.3)',\n [ChainId.SUI]: '#6fbcf04d',\n}\n\nconst TokenInfoAndName = ({\n tokenSymbol,\n chain,\n tag,\n vestEnds,\n isHotBond,\n marketingCampaign,\n}: {\n tokenSymbol?: string\n chain?: number\n tag?: string\n vestEnds?: string\n isHotBond?: boolean\n marketingCampaign?: MarketingCampaign\n}) => {\n return (\n <Flex className=\"tokeninfoname container\">\n <Flex\n sx={{\n width: '125px',\n height: '100%',\n position: 'absolute',\n left: 0,\n top: 0,\n borderRadius: 'normal',\n background: isHotBond\n ? 'transparent'\n : `linear-gradient(90deg, ${chain ? NETWORK_COLORS[chain] : '#FFFFFF33'} 0%, rgba(0,0,0,0) 75%)`,\n }}\n />\n <Flex className=\"tokeninfoname chain\">\n <~~Svg~~ width={20} height={20} ~~icon={chain ? NETWORK_ICONS[chain] : 'question'}~~ />\n </Flex>\n <Flex\n className=\"tokeninfoname tokencontainer\"\n sx={{\n marginTop: vestEnds ? ['10px', '10px', '10px', '0px'] : 0,\n maxWidth: ['175px', '175px', '140px', '190px', '190px'],\n }}\n >\n <Flex sx={{ position: 'relative', minWidth: '33px' }}>\n <Flex sx={MCTokenIconStyles[marketingCampaign!]} />\n <TokenImage symbol={tokenSymbol === 'AIX' && chain === ChainId.SOL ? 'SOLAIX' : tokenSymbol} size={33} />\n </Flex>\n <Flex className=\"tokeninfoname tokentext\">\n <Flex sx={{ justifyContent: 'space-between', width: '100%', alignItems: 'center' }}>\n <Text sx={{ fontSize: ['12px', '12px', '14px', '16px'] }}>{tokenSymbol}</Text>\n </Flex>\n {vestEnds && (\n <Flex sx={{ fontSize: '12px', fontWeight: 400, opacity: 0.6, lineHeight: '14px' }}>{vestEnds}</Flex>\n )}\n </Flex>\n <Flex\n className=\"tokeninfofav\"\n sx={{\n minWidth: '25px',\n p: '5px',\n }}\n >\n <AddFavToken tokenSymbol={tokenSymbol} hotBond={!vestEnds && isHotBond} />\n </Flex>\n </Flex>\n <Flex\n sx={{\n justifyContent: isHotBond ? 'center' : 'flex-start',\n alignItems: 'center',\n }}\n >\n <Flex sx={{ display: isHotBond ? 'flex' : ['none', 'none', 'none', 'none', 'flex'] }}>\n {(tag \|\| marketingCampaign) && (\n <ListTag text={MCTagNameMapping[marketingCampaign!] \|\| tag} marketingCampaign={marketingCampaign} />\n )}\n </Flex>\n </Flex>\n </Flex>\n )\n}\n\nexport default TokenInfoAndName\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;AAWO,MAAM,cAAc,GAAoC;AAC7D,IAAA,CAAC,OAAO,CAAC,GAAG,GAAG,WAAW;AAC1B,IAAA,CAAC,OAAO,CAAC,OAAO,GAAG,WAAW;AAC9B,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,WAAW;AAC5B,IAAA,CAAC,OAAO,CAAC,SAAS,GAAG,WAAW;AAChC,IAAA,CAAC,OAAO,CAAC,IAAI,GAAG,WAAW;AAC3B,IAAA,CAAC,OAAO,CAAC,QAAQ,GAAG,WAAW;AAC/B,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,WAAW;AAC5B,IAAA,CAAC,OAAO,CAAC,IAAI,GAAG,WAAW;AAC3B,IAAA,CAAC,OAAO,CAAC,SAAS,GAAG,WAAW;AAChC,IAAA,CAAC,OAAO,CAAC,IAAI,GAAG,WAAW;AAC3B,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,WAAW;AAC5B,IAAA,CAAC,OAAO,CAAC,OAAO,GAAG,WAAW;AAC9B,IAAA,CAAC,OAAO,CAAC,aAAa,GAAG,WAAW;AACpC,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,WAAW;AAC5B,IAAA,CAAC,OAAO,CAAC,GAAG,GAAG,WAAW;AAC1B,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,WAAW;AAC5B,IAAA,CAAC,OAAO,CAAC,SAAS,GAAG,WAAW;AAChC,IAAA,CAAC,OAAO,CAAC,MAAM,GAAG,WAAW;AAC7B,IAAA,CAAC,OAAO,CAAC,QAAQ,GAAG,WAAW;AAC/B,IAAA,CAAC,OAAO,CAAC,eAAe,GAAG,WAAW;AACtC,IAAA,CAAC,OAAO,CAAC,QAAQ,GAAG,WAAW;AAC/B,IAAA,CAAC,OAAO,CAAC,KAAK,GAAG,wBAAwB;AACzC,IAAA,CAAC,OAAO,CAAC,GAAG,GAAG,WAAW;;AAG5B,MAAM,gBAAgB,GAAG,CAAC,EACxB,WAAW,EACX,KAAK,EACL,GAAG,EACH,QAAQ,EACR,SAAS,EACT,iBAAiB,GAQlB,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACvCC,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,oBAAA,KAAK,EAAE,OAAO;AACd,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,IAAI,EAAE,CAAC;AACP,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,YAAY,EAAE,QAAQ;AACtB,oBAAA,UAAU,EAAE;AACV,0BAAE;AACF,0BAAE,CAAA,uBAAA,EAA0B,KAAK,GAAG,cAAc,CAAC,KAAK,CAAC,GAAG,WAAW,CAAA,uBAAA,CAAyB;~~iBACnG~~,EAAA,CACD,EACFA,~~IAAC~~,IAAI,EAAA,EAAC,SAAS,EAAC,qBAAqB,~~YACnCA~~,GAAA,CAAC,~~GAAG~~,~~IAAC~~,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,~~EAAE~~,~~IAAI~~,~~EAAE,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,GAAG,UAAU,~~EAAA,~~CAAI~~,~~GAC1E,~~EACPD,IAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,8BAA8B,EACxC,EAAE,EAAE;AACF,oBAAA,SAAS,EAAE,QAAQ,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC;oBACzD,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,CAAC;AACxD,iBAAA,EAAA,QAAA,EAAA,CAEDA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAClDC,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,iBAAiB,CAAC,iBAAkB,CAAC,EAAA,CAAI,EACnDA,GAAA,CAAC,UAAU,EAAA,EAAC,MAAM,EAAE,WAAW,KAAK,KAAK,IAAI,KAAK,KAAK,OAAO,CAAC,GAAG,GAAG,QAAQ,GAAG,WAAW,EAAE,IAAI,EAAE,EAAE,EAAA,CAAI,CAAA,EAAA,CACpG,EACPD,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,yBAAyB,EAAA,QAAA,EAAA,CACvCC,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,cAAc,EAAE,eAAe,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EAChFA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EAAG,WAAW,EAAA,CAAQ,EAAA,CACzE,EACN,QAAQ,KACPA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,MAAM,EAAE,EAAA,QAAA,EAAG,QAAQ,EAAA,CAAQ,CACrG,CAAA,EAAA,CACI,EACPA,GAAA,CAAC,IAAI,IACH,SAAS,EAAC,cAAc,EACxB,EAAE,EAAE;AACF,4BAAA,QAAQ,EAAE,MAAM;AAChB,4BAAA,CAAC,EAAE,KAAK;yBACT,EAAA,QAAA,EAEDA,GAAA,CAAC,WAAW,EAAA,EAAC,WAAW,EAAE,WAAW,EAAE,OAAO,EAAE,CAAC,QAAQ,IAAI,SAAS,GAAI,EAAA,CACrE,CAAA,EAAA,CACF,EACPA,GAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;oBACF,cAAc,EAAE,SAAS,GAAG,QAAQ,GAAG,YAAY;AACnD,oBAAA,UAAU,EAAE,QAAQ;iBACrB,EAAA,QAAA,EAEDA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,OAAO,EAAE,SAAS,GAAG,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,YACjF,CAAC,GAAG,IAAI,iBAAiB,MACxBA,GAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,gBAAgB,CAAC,iBAAkB,CAAC,IAAI,GAAG,EAAE,iBAAiB,EAAE,iBAAiB,EAAA,CAAI,CACrG,EAAA,CACI,EAAA,CACF,CAAA,EAAA,CACF;AAEX;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/TokenInfoAndName/index.tsx"],"sourcesContent":["import React from 'react'\nimport { NETWORK_ICONS } from '../../config/constants/chains'\nimport TokenImage from '../uikit-sdk/TokenImage'\nimport AddFavToken from '../FavIcons/AddFavToken'\nimport { ChainId, MarketingCampaign } from '@ape.swap/apeswap-lists'\nimport { MCTagNameMapping, MCTokenIconStyles } from '../../utils/campaignStyles'\nimport Flex from '../uikit-sdk/Flex'\nimport Text from '../uikit-sdk/Text'\nimport ListTag from '../uikit-sdk/Tag/ListTag'\nimport Question from '../uikit-sdk/Svg/Icons/Question'\n\nexport const NETWORK_COLORS: Partial<Record<number, string>> = {\n [ChainId.BSC]: '#F3BA2F4d',\n [ChainId.MAINNET]: '#627eea4d',\n [ChainId.MATIC]: '#8247e54d',\n [ChainId.LIGHTLINK]: '#6087ff4d',\n [ChainId.BASE]: '#0052ff4d',\n [ChainId.ARBITRUM]: '#289fef4d',\n [ChainId.LINEA]: '#ffffff4d',\n [ChainId.IOTA]: '#ffffff4d',\n [ChainId.GRAPHLINQ]: '#ded2ff4d',\n [ChainId.AVAX]: '#e743444d',\n [ChainId.BLAST]: '#fcfc034d',\n [ChainId.CROSSFI]: '#7c80844d',\n [ChainId.MONAD_TESTNET]: '#836EF94d',\n [ChainId.MONAD]: '#836EF94d',\n [ChainId.SOL]: '#836EF94d',\n [ChainId.SONIC]: '#fb9a4c4d',\n [ChainId.BERACHAIN]: '#783e244d',\n [ChainId.KATANA]: '#068be34d',\n [ChainId.UNICHAIN]: '#f50db44d',\n [ChainId.MEGAETH_TESTNET]: '#DFD9D94d',\n [ChainId.HYPEREVM]: '#ffffff4d',\n [ChainId.APTOS]: 'rgb(240 111 126 / 0.3)',\n [ChainId.SUI]: '#6fbcf04d',\n}\n\nconst TokenInfoAndName = ({\n tokenSymbol,\n chain,\n tag,\n vestEnds,\n isHotBond,\n marketingCampaign,\n}: {\n tokenSymbol?: string\n chain?: number\n tag?: string\n vestEnds?: string\n isHotBond?: boolean\n marketingCampaign?: MarketingCampaign\n}) => {\n const ChainIcon = (chain && NETWORK_ICONS[chain]) \|\| Question\n return (\n <Flex className=\"tokeninfoname container\">\n <Flex\n sx={{\n width: '125px',\n height: '100%',\n position: 'absolute',\n left: 0,\n top: 0,\n borderRadius: 'normal',\n background: isHotBond\n ? 'transparent'\n : `linear-gradient(90deg, ${chain ? NETWORK_COLORS[chain] : '#FFFFFF33'} 0%, rgba(0,0,0,0) 75%)`,\n }}\n />\n <Flex className=\"tokeninfoname chain\">\n <ChainIcon width={20} height={20} />\n </Flex>\n <Flex\n className=\"tokeninfoname tokencontainer\"\n sx={{\n marginTop: vestEnds ? ['10px', '10px', '10px', '0px'] : 0,\n maxWidth: ['175px', '175px', '140px', '190px', '190px'],\n }}\n >\n <Flex sx={{ position: 'relative', minWidth: '33px' }}>\n <Flex sx={MCTokenIconStyles[marketingCampaign!]} />\n <TokenImage symbol={tokenSymbol === 'AIX' && chain === ChainId.SOL ? 'SOLAIX' : tokenSymbol} size={33} />\n </Flex>\n <Flex className=\"tokeninfoname tokentext\">\n <Flex sx={{ justifyContent: 'space-between', width: '100%', alignItems: 'center' }}>\n <Text sx={{ fontSize: ['12px', '12px', '14px', '16px'] }}>{tokenSymbol}</Text>\n </Flex>\n {vestEnds && (\n <Flex sx={{ fontSize: '12px', fontWeight: 400, opacity: 0.6, lineHeight: '14px' }}>{vestEnds}</Flex>\n )}\n </Flex>\n <Flex\n className=\"tokeninfofav\"\n sx={{\n minWidth: '25px',\n p: '5px',\n }}\n >\n <AddFavToken tokenSymbol={tokenSymbol} hotBond={!vestEnds && isHotBond} />\n </Flex>\n </Flex>\n <Flex\n sx={{\n justifyContent: isHotBond ? 'center' : 'flex-start',\n alignItems: 'center',\n }}\n >\n <Flex sx={{ display: isHotBond ? 'flex' : ['none', 'none', 'none', 'none', 'flex'] }}>\n {(tag \|\| marketingCampaign) && (\n <ListTag text={MCTagNameMapping[marketingCampaign!] \|\| tag} marketingCampaign={marketingCampaign} />\n )}\n </Flex>\n </Flex>\n </Flex>\n )\n}\n\nexport default TokenInfoAndName\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/TokenSelectorPanel/index.js CHANGED Viewed

@@ -14,8 +14,8 @@ import useSOLAccount from '../../hooks/accounts/useSOLAccount.js';
 import useAPTAccount from '../../hooks/accounts/useAPTAccount.js';
 import useSUIAccount from '../../hooks/accounts/useSUIAccount.js';
 import { MCColorMapping } from '../../utils/campaignStyles.js';
-import Svg from '../uikit-sdk/Svg/index.js';
 import Button from '../uikit-sdk/Button/Button.js';
+import Caret from '../uikit-sdk/Svg/Icons/Caret.js';
 const TokenSelectorPanel = ({ typedValue, setTypedValue, selectedToken, bondChainId, handleValueBtn, handleCurrencySelect, enableZap, tokenBalance, selectedTokenPrice, bondPrincipalToken, inputDisabled = false, marketingCampaign, isConnected, }) => {
     const { address: account } = useEVMAccount();
@@ -53,7 +53,7 @@ const TokenSelectorPanel = ({ typedValue, setTypedValue, selectedToken, bondChai
                             cursor: enableZap ? 'pointer' : 'default',
                             borderRadius: 'normal',
                             background: MCColorMapping.white4[marketingCampaign],
-                        }, children: [jsxs(Flex, { sx: { alignItems: 'center', gap: '10px' }, children: [jsx(Flex, { className: "input-container bondicon", children: isArray(splited) ? (jsx(TokenImage, { symbol: splited[0], symbol2: splited[1], size: 28, chain: bondChainId })) : (jsx(TokenImage, { symbol: getSymbol(selectedToken, bondChainId), size: 28, chain: bondChainId })) }), jsx(Flex, { className: "title-container tokenname", children: getSymbol(selectedToken, bondChainId) })] }), enableZap && (jsx(Flex, { sx: { mr: '8px' }, children: jsx(Svg, { icon: "caret" }) }))] })] }), jsxs(Flex, { className: "input-container balancerow", children: [jsx(Flex, { sx: { opacity: 0.6 }, children: selectedTokenPrice && typedValue
+                        }, children: [jsxs(Flex, { sx: { alignItems: 'center', gap: '10px' }, children: [jsx(Flex, { className: "input-container bondicon", children: isArray(splited) ? (jsx(TokenImage, { symbol: splited[0], symbol2: splited[1], size: 28, chain: bondChainId })) : (jsx(TokenImage, { symbol: getSymbol(selectedToken, bondChainId), size: 28, chain: bondChainId })) }), jsx(Flex, { className: "title-container tokenname", children: getSymbol(selectedToken, bondChainId) })] }), enableZap && (jsx(Flex, { sx: { mr: '8px' }, children: jsx(Caret, {}) }))] })] }), jsxs(Flex, { className: "input-container balancerow", children: [jsx(Flex, { sx: { opacity: 0.6 }, children: selectedTokenPrice && typedValue
                             ? `$${formatUSDNumber((selectedTokenPrice * parseFloat(typedValue)).toFixed(2))}`
                             : '' }), jsxs(Flex, { children: [showBalance && jsxs(Flex, { className: "balancerow text", children: ["Balance: ", tokenBalanceString] }), jsx(Flex, { className: "balancerow max", children: showBalance && tokenBalance && tokenBalance !== '0' && handleValueBtn && (jsx(Button, { className: "max-button", onClick: () => handleValueBtn(new BigNumber(tokenBalance ?? '0')?.toString()), children: "Max" })) })] })] })] }));
 };

package/dist/components/TokenSelectorPanel/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../src/components/TokenSelectorPanel/index.tsx"],"sourcesContent":["import React, { FormEvent } from 'react'\nimport { Flex, Input } from 'theme-ui'\nimport { isNumber } from '../../utils/numbers'\nimport TokenImage from '../uikit-sdk/TokenImage'\nimport { ChainId, MarketingCampaign, Token } from '@ape.swap/apeswap-lists'\nimport useModal from '../../hooks/useModal'\nimport TokenSelectorModal from '../TokenSelectorModal'\nimport BigNumber from 'bignumber.js'\nimport isArray from 'lodash-es/isArray.js'\nimport { getSymbol } from '../../utils/getNativeTicker'\nimport { formatUSDNumber } from '../../utils/displayHelpers'\nimport useEVMAccount from '../../hooks/accounts/useEVMAccount'\nimport useSOLAccount from '../../hooks/accounts/useSOLAccount'\nimport useAPTAccount from '../../hooks/accounts/useAPTAccount'\nimport useSUIAccount from '../../hooks/accounts/useSUIAccount'\nimport { MCColorMapping } from '../../utils/campaignStyles'\nimport Svg from '../uikit-sdk/Svg'\nimport Button from '../uikit-sdk/Button/Button'\n\nconst TokenSelectorPanel = ({\n typedValue,\n setTypedValue,\n selectedToken,\n bondChainId,\n handleValueBtn,\n handleCurrencySelect,\n enableZap,\n tokenBalance,\n selectedTokenPrice,\n bondPrincipalToken,\n inputDisabled = false,\n marketingCampaign,\n isConnected,\n}: {\n typedValue: string\n setTypedValue: (value: React.SetStateAction<string>) => void\n selectedToken?: 'NATIVE' \| Token\n bondChainId: ChainId\n handleValueBtn?: (value: string) => void\n handleCurrencySelect: (value: string) => void\n enableZap?: boolean\n tokenBalance?: string\n selectedTokenPrice?: number\n bondPrincipalToken?: Token // Used to ADD this token to the inputList\n inputDisabled?: boolean\n marketingCampaign?: MarketingCampaign\n isConnected: boolean\n}) => {\n const { address: account } = useEVMAccount()\n const { publicKey: solanaAccount } = useSOLAccount()\n const { address: aptosAccount } = useAPTAccount()\n const { address: suiAccount } = useSUIAccount()\n\n const showBalance =\n bondChainId === ChainId.SOL\n ? !!solanaAccount\n : bondChainId === ChainId.APTOS\n ? !!aptosAccount\n : bondChainId === ChainId.SUI\n ? !!suiAccount\n : !!account\n const tokenBalanceString = tokenBalance ? new BigNumber(tokenBalance).toPrecision(5) : 'loading'\n\n const splited = typeof selectedToken !== 'string' ? selectedToken?.symbol?.split('-') : undefined\n const handleInputChange = (event: { target: { value: React.SetStateAction<string> } }) => {\n setTypedValue(event.target.value)\n }\n\n const [onTokenSelectorModal] = useModal(\n <TokenSelectorModal\n bondPrincipalToken={bondPrincipalToken}\n handleCurrencySelect={handleCurrencySelect}\n chainId={bondChainId}\n isConnected={isConnected}\n />,\n true,\n false,\n `tokenSelectorOnLiquidityModal${bondPrincipalToken?.address?.[bondChainId]}-${bondPrincipalToken?.symbol}`,\n )\n\n return (\n <Flex\n className=\"token-selector-panel\"\n sx={{ borderRadius: 'normal', background: MCColorMapping.white3[marketingCampaign!] }}\n >\n <Flex className=\"input-container inputrow\">\n <Flex className=\"input-container input\">\n <Input\n placeholder=\"0.0\"\n value={typedValue}\n pattern=\"^[0-9][.,]?[0-9]$\"\n onChange={handleInputChange}\n onInput={(v: FormEvent<HTMLInputElement>) => {\n if (v.currentTarget.value.includes(',')) {\n v.currentTarget.value = v.currentTarget.value.replace(/,/g, '.')\n }\n if (v.currentTarget.value.includes('%')) {\n v.currentTarget.value = v.currentTarget.value.replace(/[^0-9]/g, '')\n }\n if (v.currentTarget.value === '.') {\n v.currentTarget.value = '0.'\n }\n v.currentTarget.value =\n !!v.currentTarget.value && isNumber(v.currentTarget.value) && parseFloat(v.currentTarget.value) >= 0\n ? v.currentTarget.value\n : v.currentTarget.value.slice(0, v.currentTarget.value.length - 1)\n }}\n disabled={inputDisabled}\n />\n </Flex>\n\n {/* TOKEN SELECTOR PANEL /}\n\n <Flex\n className=\"input-container token\"\n onClick={() => (enableZap ? onTokenSelectorModal() : null)}\n sx={{\n cursor: enableZap ? 'pointer' : 'default',\n borderRadius: 'normal',\n background: MCColorMapping.white4[marketingCampaign!],\n }}\n >\n <Flex sx={{ alignItems: 'center', gap: '10px' }}>\n <Flex className=\"input-container bondicon\">\n {isArray(splited) ? (\n <TokenImage symbol={splited[0]} symbol2={splited[1]} size={28} chain={bondChainId} />\n ) : (\n <TokenImage symbol={getSymbol(selectedToken, bondChainId)} size={28} chain={bondChainId} />\n )}\n </Flex>\n <Flex className=\"title-container tokenname\">{getSymbol(selectedToken, bondChainId)}</Flex>\n </Flex>\n {enableZap && (\n <Flex sx={{ mr: '8px' }}>\n <Svg icon=\"caret\" />\n </Flex>\n )}\n </Flex>\n </Flex>\n <Flex className=\"input-container balancerow\">\n <Flex sx={{ opacity: 0.6 }}>\n {selectedTokenPrice && typedValue\n ? `$${formatUSDNumber((selectedTokenPrice parseFloat(typedValue)).toFixed(2))}`\n : ''}\n </Flex>\n <Flex>\n {showBalance && <Flex className=\"balancerow text\">Balance: {tokenBalanceString}</Flex>}\n <Flex className=\"balancerow max\">\n {showBalance && tokenBalance && tokenBalance !== '0' && handleValueBtn && (\n <Button\n className=\"max-button\"\n onClick={() => handleValueBtn(new BigNumber(tokenBalance ?? '0')?.toString())}\n >\n Max\n </Button>\n )}\n </Flex>\n </Flex>\n </Flex>\n </Flex>\n )\n}\n\nexport default TokenSelectorPanel\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA,MAAM,kBAAkB,GAAG,CAAC,EAC1B,UAAU,EACV,aAAa,EACb,aAAa,EACb,WAAW,EACX,cAAc,EACd,oBAAoB,EACpB,SAAS,EACT,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,GAAG,KAAK,EACrB,iBAAiB,EACjB,WAAW,GAeZ,KAAI;IACH,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE;IAC5C,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE;IACpD,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE;IACjD,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE;AAE/C,IAAA,MAAM,WAAW,GACf,WAAW,KAAK,OAAO,CAAC;UACpB,CAAC,CAAC;AACJ,UAAE,WAAW,KAAK,OAAO,CAAC;cACtB,CAAC,CAAC;AACJ,cAAE,WAAW,KAAK,OAAO,CAAC;kBACtB,CAAC,CAAC;AACJ,kBAAE,CAAC,CAAC,OAAO;IACnB,MAAM,kBAAkB,GAAG,YAAY,GAAG,IAAI,SAAS,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,SAAS;IAEhG,MAAM,OAAO,GAAG,OAAO,aAAa,KAAK,QAAQ,GAAG,aAAa,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,SAAS;AACjG,IAAA,MAAM,iBAAiB,GAAG,CAAC,KAA0D,KAAI;AACvF,QAAA,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AACnC,IAAA,CAAC;IAED,MAAM,CAAC,oBAAoB,CAAC,GAAG,QAAQ,CACrCA,GAAA,CAAC,kBAAkB,EAAA,EACjB,kBAAkB,EAAE,kBAAkB,EACtC,oBAAoB,EAAE,oBAAoB,EAC1C,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,WAAW,EAAA,CACxB,EACF,IAAI,EACJ,KAAK,EACL,CAAA,6BAAA,EAAgC,kBAAkB,EAAE,OAAO,GAAG,WAAW,CAAC,CAAA,CAAA,EAAI,kBAAkB,EAAE,MAAM,CAAA,CAAE,CAC3G;AAED,IAAA,QACEC,IAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,sBAAsB,EAChC,EAAE,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,CAAC,MAAM,CAAC,iBAAkB,CAAC,EAAE,EAAA,QAAA,EAAA,CAErFA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAA,CACxCD,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAA,QAAA,EACrCA,GAAA,CAAC,KAAK,EAAA,EACJ,WAAW,EAAC,KAAK,EACjB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAC,qBAAqB,EAC7B,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,CAAC,CAA8B,KAAI;gCAC1C,IAAI,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AACvC,oCAAA,CAAC,CAAC,aAAa,CAAC,KAAK,GAAG,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;gCAClE;gCACA,IAAI,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AACvC,oCAAA,CAAC,CAAC,aAAa,CAAC,KAAK,GAAG,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC;gCACtE;gCACA,IAAI,CAAC,CAAC,aAAa,CAAC,KAAK,KAAK,GAAG,EAAE;AACjC,oCAAA,CAAC,CAAC,aAAa,CAAC,KAAK,GAAG,IAAI;gCAC9B;gCACA,CAAC,CAAC,aAAa,CAAC,KAAK;oCACnB,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI;AACjG,0CAAE,CAAC,CAAC,aAAa,CAAC;0CAChB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;AACxE,4BAAA,CAAC,EACD,QAAQ,EAAE,aAAa,GACvB,EAAA,CACG,EAIPC,IAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,OAAO,SAAS,GAAG,oBAAoB,EAAE,GAAG,IAAI,CAAC,EAC1D,EAAE,EAAE;4BACF,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS;AACzC,4BAAA,YAAY,EAAE,QAAQ;AACtB,4BAAA,UAAU,EAAE,cAAc,CAAC,MAAM,CAAC,iBAAkB,CAAC;AACtD,yBAAA,EAAA,QAAA,EAAA,CAEDA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAC7CD,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,0BAA0B,EAAA,QAAA,EACvC,OAAO,CAAC,OAAO,CAAC,IACfA,GAAA,CAAC,UAAU,IAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAA,CAAI,KAErFA,GAAA,CAAC,UAAU,EAAA,EAAC,MAAM,EAAE,SAAS,CAAC,aAAa,EAAE,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAA,CAAI,CAC5F,EAAA,CACI,EACPA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,2BAA2B,EAAA,QAAA,EAAE,SAAS,CAAC,aAAa,EAAE,WAAW,CAAC,GAAQ,CAAA,EAAA,CACrF,EACN,SAAS,KACRA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EACrBA,GAAA,CAAC,GAAG,IAAC,IAAI,EAAC,OAAO,EAAA,CAAG,GACf,CACR,CAAA,EAAA,CACI,CAAA,EAAA,CACF,EACPC,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,4BAA4B,EAAA,QAAA,EAAA,CAC1CD,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EAAA,QAAA,EACvB,kBAAkB,IAAI;AACrB,8BAAE,CAAA,CAAA,EAAI,eAAe,CAAC,CAAC,kBAAkB,GAAG,UAAU,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;AAC/E,8BAAE,EAAE,EAAA,CACD,EACPC,KAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CACF,WAAW,IAAIA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAAA,CAAA,WAAA,EAAW,kBAAkB,CAAA,EAAA,CAAQ,EACtFD,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAC7B,WAAW,IAAI,YAAY,IAAI,YAAY,KAAK,GAAG,IAAI,cAAc,KACpEA,GAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,MAAM,cAAc,CAAC,IAAI,SAAS,CAAC,YAAY,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAA,QAAA,EAAA,KAAA,EAAA,CAGtE,CACV,EAAA,CACI,CAAA,EAAA,CACF,CAAA,EAAA,CACF,CAAA,EAAA,CACF;AAEX;;;;"}
1	+ {"version":3,"file":"index.js","sources":["../../../src/components/TokenSelectorPanel/index.tsx"],"sourcesContent":["import React, { FormEvent } from 'react'\nimport { Flex, Input } from 'theme-ui'\nimport { isNumber } from '../../utils/numbers'\nimport TokenImage from '../uikit-sdk/TokenImage'\nimport { ChainId, MarketingCampaign, Token } from '@ape.swap/apeswap-lists'\nimport useModal from '../../hooks/useModal'\nimport TokenSelectorModal from '../TokenSelectorModal'\nimport BigNumber from 'bignumber.js'\nimport isArray from 'lodash-es/isArray.js'\nimport { getSymbol } from '../../utils/getNativeTicker'\nimport { formatUSDNumber } from '../../utils/displayHelpers'\nimport useEVMAccount from '../../hooks/accounts/useEVMAccount'\nimport useSOLAccount from '../../hooks/accounts/useSOLAccount'\nimport useAPTAccount from '../../hooks/accounts/useAPTAccount'\nimport useSUIAccount from '../../hooks/accounts/useSUIAccount'\nimport { MCColorMapping } from '../../utils/campaignStyles'\nimport Button from '../uikit-sdk/Button/Button'\nimport Caret from '../uikit-sdk/Svg/Icons/Caret'\n\nconst TokenSelectorPanel = ({\n typedValue,\n setTypedValue,\n selectedToken,\n bondChainId,\n handleValueBtn,\n handleCurrencySelect,\n enableZap,\n tokenBalance,\n selectedTokenPrice,\n bondPrincipalToken,\n inputDisabled = false,\n marketingCampaign,\n isConnected,\n}: {\n typedValue: string\n setTypedValue: (value: React.SetStateAction<string>) => void\n selectedToken?: 'NATIVE' \| Token\n bondChainId: ChainId\n handleValueBtn?: (value: string) => void\n handleCurrencySelect: (value: string) => void\n enableZap?: boolean\n tokenBalance?: string\n selectedTokenPrice?: number\n bondPrincipalToken?: Token // Used to ADD this token to the inputList\n inputDisabled?: boolean\n marketingCampaign?: MarketingCampaign\n isConnected: boolean\n}) => {\n const { address: account } = useEVMAccount()\n const { publicKey: solanaAccount } = useSOLAccount()\n const { address: aptosAccount } = useAPTAccount()\n const { address: suiAccount } = useSUIAccount()\n\n const showBalance =\n bondChainId === ChainId.SOL\n ? !!solanaAccount\n : bondChainId === ChainId.APTOS\n ? !!aptosAccount\n : bondChainId === ChainId.SUI\n ? !!suiAccount\n : !!account\n const tokenBalanceString = tokenBalance ? new BigNumber(tokenBalance).toPrecision(5) : 'loading'\n\n const splited = typeof selectedToken !== 'string' ? selectedToken?.symbol?.split('-') : undefined\n const handleInputChange = (event: { target: { value: React.SetStateAction<string> } }) => {\n setTypedValue(event.target.value)\n }\n\n const [onTokenSelectorModal] = useModal(\n <TokenSelectorModal\n bondPrincipalToken={bondPrincipalToken}\n handleCurrencySelect={handleCurrencySelect}\n chainId={bondChainId}\n isConnected={isConnected}\n />,\n true,\n false,\n `tokenSelectorOnLiquidityModal${bondPrincipalToken?.address?.[bondChainId]}-${bondPrincipalToken?.symbol}`,\n )\n\n return (\n <Flex\n className=\"token-selector-panel\"\n sx={{ borderRadius: 'normal', background: MCColorMapping.white3[marketingCampaign!] }}\n >\n <Flex className=\"input-container inputrow\">\n <Flex className=\"input-container input\">\n <Input\n placeholder=\"0.0\"\n value={typedValue}\n pattern=\"^[0-9][.,]?[0-9]$\"\n onChange={handleInputChange}\n onInput={(v: FormEvent<HTMLInputElement>) => {\n if (v.currentTarget.value.includes(',')) {\n v.currentTarget.value = v.currentTarget.value.replace(/,/g, '.')\n }\n if (v.currentTarget.value.includes('%')) {\n v.currentTarget.value = v.currentTarget.value.replace(/[^0-9]/g, '')\n }\n if (v.currentTarget.value === '.') {\n v.currentTarget.value = '0.'\n }\n v.currentTarget.value =\n !!v.currentTarget.value && isNumber(v.currentTarget.value) && parseFloat(v.currentTarget.value) >= 0\n ? v.currentTarget.value\n : v.currentTarget.value.slice(0, v.currentTarget.value.length - 1)\n }}\n disabled={inputDisabled}\n />\n </Flex>\n\n {/* TOKEN SELECTOR PANEL /}\n\n <Flex\n className=\"input-container token\"\n onClick={() => (enableZap ? onTokenSelectorModal() : null)}\n sx={{\n cursor: enableZap ? 'pointer' : 'default',\n borderRadius: 'normal',\n background: MCColorMapping.white4[marketingCampaign!],\n }}\n >\n <Flex sx={{ alignItems: 'center', gap: '10px' }}>\n <Flex className=\"input-container bondicon\">\n {isArray(splited) ? (\n <TokenImage symbol={splited[0]} symbol2={splited[1]} size={28} chain={bondChainId} />\n ) : (\n <TokenImage symbol={getSymbol(selectedToken, bondChainId)} size={28} chain={bondChainId} />\n )}\n </Flex>\n <Flex className=\"title-container tokenname\">{getSymbol(selectedToken, bondChainId)}</Flex>\n </Flex>\n {enableZap && (\n <Flex sx={{ mr: '8px' }}>\n <Caret />\n </Flex>\n )}\n </Flex>\n </Flex>\n <Flex className=\"input-container balancerow\">\n <Flex sx={{ opacity: 0.6 }}>\n {selectedTokenPrice && typedValue\n ? `$${formatUSDNumber((selectedTokenPrice parseFloat(typedValue)).toFixed(2))}`\n : ''}\n </Flex>\n <Flex>\n {showBalance && <Flex className=\"balancerow text\">Balance: {tokenBalanceString}</Flex>}\n <Flex className=\"balancerow max\">\n {showBalance && tokenBalance && tokenBalance !== '0' && handleValueBtn && (\n <Button\n className=\"max-button\"\n onClick={() => handleValueBtn(new BigNumber(tokenBalance ?? '0')?.toString())}\n >\n Max\n </Button>\n )}\n </Flex>\n </Flex>\n </Flex>\n </Flex>\n )\n}\n\nexport default TokenSelectorPanel\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;AAmBA,MAAM,kBAAkB,GAAG,CAAC,EAC1B,UAAU,EACV,aAAa,EACb,aAAa,EACb,WAAW,EACX,cAAc,EACd,oBAAoB,EACpB,SAAS,EACT,YAAY,EACZ,kBAAkB,EAClB,kBAAkB,EAClB,aAAa,GAAG,KAAK,EACrB,iBAAiB,EACjB,WAAW,GAeZ,KAAI;IACH,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,GAAG,aAAa,EAAE;IAC5C,MAAM,EAAE,SAAS,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE;IACpD,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE;IACjD,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,aAAa,EAAE;AAE/C,IAAA,MAAM,WAAW,GACf,WAAW,KAAK,OAAO,CAAC;UACpB,CAAC,CAAC;AACJ,UAAE,WAAW,KAAK,OAAO,CAAC;cACtB,CAAC,CAAC;AACJ,cAAE,WAAW,KAAK,OAAO,CAAC;kBACtB,CAAC,CAAC;AACJ,kBAAE,CAAC,CAAC,OAAO;IACnB,MAAM,kBAAkB,GAAG,YAAY,GAAG,IAAI,SAAS,CAAC,YAAY,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,GAAG,SAAS;IAEhG,MAAM,OAAO,GAAG,OAAO,aAAa,KAAK,QAAQ,GAAG,aAAa,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,SAAS;AACjG,IAAA,MAAM,iBAAiB,GAAG,CAAC,KAA0D,KAAI;AACvF,QAAA,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AACnC,IAAA,CAAC;IAED,MAAM,CAAC,oBAAoB,CAAC,GAAG,QAAQ,CACrCA,GAAA,CAAC,kBAAkB,EAAA,EACjB,kBAAkB,EAAE,kBAAkB,EACtC,oBAAoB,EAAE,oBAAoB,EAC1C,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,WAAW,EAAA,CACxB,EACF,IAAI,EACJ,KAAK,EACL,CAAA,6BAAA,EAAgC,kBAAkB,EAAE,OAAO,GAAG,WAAW,CAAC,CAAA,CAAA,EAAI,kBAAkB,EAAE,MAAM,CAAA,CAAE,CAC3G;AAED,IAAA,QACEC,IAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,sBAAsB,EAChC,EAAE,EAAE,EAAE,YAAY,EAAE,QAAQ,EAAE,UAAU,EAAE,cAAc,CAAC,MAAM,CAAC,iBAAkB,CAAC,EAAE,EAAA,QAAA,EAAA,CAErFA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,0BAA0B,EAAA,QAAA,EAAA,CACxCD,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,uBAAuB,EAAA,QAAA,EACrCA,GAAA,CAAC,KAAK,EAAA,EACJ,WAAW,EAAC,KAAK,EACjB,KAAK,EAAE,UAAU,EACjB,OAAO,EAAC,qBAAqB,EAC7B,QAAQ,EAAE,iBAAiB,EAC3B,OAAO,EAAE,CAAC,CAA8B,KAAI;gCAC1C,IAAI,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AACvC,oCAAA,CAAC,CAAC,aAAa,CAAC,KAAK,GAAG,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC;gCAClE;gCACA,IAAI,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;AACvC,oCAAA,CAAC,CAAC,aAAa,CAAC,KAAK,GAAG,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC;gCACtE;gCACA,IAAI,CAAC,CAAC,aAAa,CAAC,KAAK,KAAK,GAAG,EAAE;AACjC,oCAAA,CAAC,CAAC,aAAa,CAAC,KAAK,GAAG,IAAI;gCAC9B;gCACA,CAAC,CAAC,aAAa,CAAC,KAAK;oCACnB,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI,UAAU,CAAC,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,IAAI;AACjG,0CAAE,CAAC,CAAC,aAAa,CAAC;0CAChB,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC;AACxE,4BAAA,CAAC,EACD,QAAQ,EAAE,aAAa,GACvB,EAAA,CACG,EAIPC,IAAA,CAAC,IAAI,EAAA,EACH,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAE,OAAO,SAAS,GAAG,oBAAoB,EAAE,GAAG,IAAI,CAAC,EAC1D,EAAE,EAAE;4BACF,MAAM,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS;AACzC,4BAAA,YAAY,EAAE,QAAQ;AACtB,4BAAA,UAAU,EAAE,cAAc,CAAC,MAAM,CAAC,iBAAkB,CAAC;AACtD,yBAAA,EAAA,QAAA,EAAA,CAEDA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CAC7CD,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,0BAA0B,EAAA,QAAA,EACvC,OAAO,CAAC,OAAO,CAAC,IACfA,GAAA,CAAC,UAAU,EAAA,EAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAA,CAAI,KAErFA,GAAA,CAAC,UAAU,EAAA,EAAC,MAAM,EAAE,SAAS,CAAC,aAAa,EAAE,WAAW,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,WAAW,EAAA,CAAI,CAC5F,EAAA,CACI,EACPA,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,2BAA2B,EAAA,QAAA,EAAE,SAAS,CAAC,aAAa,EAAE,WAAW,CAAC,EAAA,CAAQ,CAAA,EAAA,CACrF,EACN,SAAS,KACRA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,YACrBA,GAAA,CAAC,KAAK,EAAA,EAAA,CAAG,EAAA,CACJ,CACR,CAAA,EAAA,CACI,CAAA,EAAA,CACF,EACPC,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,4BAA4B,EAAA,QAAA,EAAA,CAC1CD,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,EAAA,QAAA,EACvB,kBAAkB,IAAI;AACrB,8BAAE,CAAA,CAAA,EAAI,eAAe,CAAC,CAAC,kBAAkB,GAAG,UAAU,CAAC,UAAU,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAA;AAC/E,8BAAE,EAAE,EAAA,CACD,EACPC,KAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CACF,WAAW,IAAIA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iBAAiB,EAAA,QAAA,EAAA,CAAA,WAAA,EAAW,kBAAkB,CAAA,EAAA,CAAQ,EACtFD,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,gBAAgB,EAAA,QAAA,EAC7B,WAAW,IAAI,YAAY,IAAI,YAAY,KAAK,GAAG,IAAI,cAAc,KACpEA,GAAA,CAAC,MAAM,EAAA,EACL,SAAS,EAAC,YAAY,EACtB,OAAO,EAAE,MAAM,cAAc,CAAC,IAAI,SAAS,CAAC,YAAY,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAA,QAAA,EAAA,KAAA,EAAA,CAGtE,CACV,EAAA,CACI,CAAA,EAAA,CACF,CAAA,EAAA,CACF,CAAA,EAAA,CACF;AAEX;;;;"}

package/dist/components/Tooltip/ButtonsRow.js CHANGED Viewed

@@ -2,12 +2,15 @@ import { jsxs, jsx } from 'theme-ui/jsx-runtime';
 import { styles } from './styles.js';
 import { Link } from 'theme-ui';
 import Flex from '../uikit-sdk/Flex/index.js';
-import Svg from '../uikit-sdk/Svg/index.js';
+import URL from '../uikit-sdk/Svg/Icons/URL.js';
+import Twitter from '../uikit-sdk/Svg/Icons/Twitter.js';
+import DexScreener from '../uikit-sdk/Svg/Icons/DexScreener.js';
+import CoinGecko from '../uikit-sdk/Svg/Icons/CoinGecko.js';
 const ButtonsRow = ({ projectLink, twitter, earnTokenContract, cgId, dexscreener }) => {
     const dexscreenerURL = dexscreener || (earnTokenContract ? `https://dexscreener.com/search?q=${earnTokenContract}` : undefined);
     const coingeckoURL = cgId ? `https://www.coingecko.com/en/coins/${cgId}` : undefined;
-    return (jsxs(Flex, { sx: { justifyContent: 'center' }, children: [jsx(Flex, { sx: styles.iconButton, as: Link, href: projectLink, target: "_blank", children: jsx(Svg, { icon: "URL", width: 18 }) }), jsx(Flex, { sx: styles.iconButton, as: Link, href: twitter, target: "_blank", children: jsx(Svg, { icon: "twitter", width: 18, color: "text" }) }), dexscreenerURL && (jsx(Flex, { sx: styles.iconButton, as: Link, href: dexscreenerURL, target: "_blank", children: jsx(Svg, { icon: "dexscreener", width: 18, color: "text" }) })), coingeckoURL && (jsx(Flex, { sx: styles.iconButton, as: Link, href: coingeckoURL, target: "_blank", children: jsx(Svg, { icon: "coingecko", width: 18, color: "text" }) }))] }));
+    return (jsxs(Flex, { sx: { justifyContent: 'center' }, children: [jsx(Flex, { sx: styles.iconButton, as: Link, href: projectLink, target: "_blank", children: jsx(URL, { width: 18 }) }), jsx(Flex, { sx: styles.iconButton, as: Link, href: twitter, target: "_blank", children: jsx(Twitter, { width: 18, color: "text" }) }), dexscreenerURL && (jsx(Flex, { sx: styles.iconButton, as: Link, href: dexscreenerURL, target: "_blank", children: jsx(DexScreener, { width: 18, color: "text" }) })), coingeckoURL && (jsx(Flex, { sx: styles.iconButton, as: Link, href: coingeckoURL, target: "_blank", children: jsx(CoinGecko, { width: 18, color: "text" }) }))] }));
 };
 export { ButtonsRow as default };

package/dist/components/Tooltip/ButtonsRow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonsRow.js","sources":["../../../src/components/Tooltip/ButtonsRow.tsx"],"sourcesContent":["import React from 'react'\nimport { styles } from './styles'\nimport { Link } from 'theme-ui'\nimport Flex from '../uikit-sdk/Flex'\nimport Svg from '../uikit-sdk/Svg'\n\nconst ButtonsRow: React.FC<{\n projectLink?: string\n twitter?: string\n earnTokenContract?: string\n cgId?: string\n dexscreener?: string\n}> = ({ projectLink, twitter, earnTokenContract, cgId, dexscreener }) => {\n const dexscreenerURL =\n dexscreener \|\| (earnTokenContract ? `https://dexscreener.com/search?q=${earnTokenContract}` : undefined)\n const coingeckoURL = cgId ? `https://www.coingecko.com/en/coins/${cgId}` : undefined\n\n return (\n <Flex sx={{ justifyContent: 'center' }}>\n <Flex sx={styles.iconButton} as={Link} href={projectLink} target=\"_blank\">\n <~~Svg~~ ~~icon=\"URL\"~~ width={18} />\n </Flex>\n <Flex sx={styles.iconButton} as={Link} href={twitter} target=\"_blank\">\n <~~Svg~~ ~~icon=\"twitter\"~~ width={18} color=\"text\" />\n </Flex>\n {dexscreenerURL && (\n <Flex sx={styles.iconButton} as={Link} href={dexscreenerURL} target=\"_blank\">\n <~~Svg~~ ~~icon=\"dexscreener\"~~ width={18} color=\"text\" />\n </Flex>\n )}\n {coingeckoURL && (\n <Flex sx={styles.iconButton} as={Link} href={coingeckoURL} target=\"_blank\">\n <~~Svg~~ ~~icon=\"coingecko\"~~ width={18} color=\"text\" />\n </Flex>\n )}\n </Flex>\n )\n}\n\nexport default ButtonsRow\n"],"names":["_jsxs","_jsx"],"mappings":"~~;;;;;;AAMA~~,MAAM,UAAU,GAMX,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,WAAW,EAAE,KAAI;AACtE,IAAA,MAAM,cAAc,GAClB,WAAW,KAAK,iBAAiB,GAAG,CAAA,iCAAA,EAAoC,iBAAiB,CAAA,CAAE,GAAG,SAAS,CAAC;AAC1G,IAAA,MAAM,YAAY,GAAG,IAAI,GAAG,CAAA,mCAAA,EAAsC,IAAI,CAAA,CAAE,GAAG,SAAS;AAEpF,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CACpCC,GAAA,CAAC,IAAI,~~EAAA~~,~~EAAC,~~EAAE,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAC,QAAQ,~~YACvEA~~,~~GAAA~~,~~CAAC~~,~~GAAG~~,~~IAAC~~,~~IAAI~~,~~EAAC~~,~~KAAK,~~EAAC,KAAK,EAAE,EAAE,~~GAAI~~,EAAA,~~CACxB~~,~~EACPA~~,GAAA,CAAC,IAAI,~~IAAC~~,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAC,QAAQ,EAAA,QAAA,EACnEA,IAAC,~~GAAG~~,EAAA,EAAC,~~IAAI,EAAC,SAAS,EAAC,~~KAAK,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,GAAG,EAAA,~~CACzC~~,EACN,cAAc,KACbA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,EAAC,QAAQ,~~YAC1EA~~,GAAA,CAAC,~~GAAG~~,IAAC,~~IAAI,EAAC,aAAa,EAAC,~~KAAK,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,EAAA,CAAG,EAAA,~~CAC7C~~,CACR,EACA,YAAY,KACXA,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAC,QAAQ,~~EAAA~~,~~QAAA,EACxEA,~~GAAA,CAAC,~~GAAG~~,EAAA,EAAC,~~IAAI,EAAC,WAAW,EAAC,~~KAAK,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,EAAA,CAAG,~~GAC3C~~,CACR,CAAA,EAAA,CACI;AAEX;;;;"}
1	+ {"version":3,"file":"ButtonsRow.js","sources":["../../../src/components/Tooltip/ButtonsRow.tsx"],"sourcesContent":["import React from 'react'\nimport { styles } from './styles'\nimport { Link } from 'theme-ui'\nimport Flex from '../uikit-sdk/Flex'\nimport URLIcon from '../uikit-sdk/Svg/Icons/URL'\nimport Twitter from '../uikit-sdk/Svg/Icons/Twitter'\nimport DexScreener from '../uikit-sdk/Svg/Icons/DexScreener'\nimport CoinGecko from '../uikit-sdk/Svg/Icons/CoinGecko'\n\nconst ButtonsRow: React.FC<{\n projectLink?: string\n twitter?: string\n earnTokenContract?: string\n cgId?: string\n dexscreener?: string\n}> = ({ projectLink, twitter, earnTokenContract, cgId, dexscreener }) => {\n const dexscreenerURL =\n dexscreener \|\| (earnTokenContract ? `https://dexscreener.com/search?q=${earnTokenContract}` : undefined)\n const coingeckoURL = cgId ? `https://www.coingecko.com/en/coins/${cgId}` : undefined\n\n return (\n <Flex sx={{ justifyContent: 'center' }}>\n <Flex sx={styles.iconButton} as={Link} href={projectLink} target=\"_blank\">\n <URLIcon width={18} />\n </Flex>\n <Flex sx={styles.iconButton} as={Link} href={twitter} target=\"_blank\">\n <Twitter width={18} color=\"text\" />\n </Flex>\n {dexscreenerURL && (\n <Flex sx={styles.iconButton} as={Link} href={dexscreenerURL} target=\"_blank\">\n <DexScreener width={18} color=\"text\" />\n </Flex>\n )}\n {coingeckoURL && (\n <Flex sx={styles.iconButton} as={Link} href={coingeckoURL} target=\"_blank\">\n <CoinGecko width={18} color=\"text\" />\n </Flex>\n )}\n </Flex>\n )\n}\n\nexport default ButtonsRow\n"],"names":["_jsxs","_jsx","URLIcon"],"mappings":";;;;;;;;;AASA,MAAM,UAAU,GAMX,CAAC,EAAE,WAAW,EAAE,OAAO,EAAE,iBAAiB,EAAE,IAAI,EAAE,WAAW,EAAE,KAAI;AACtE,IAAA,MAAM,cAAc,GAClB,WAAW,KAAK,iBAAiB,GAAG,CAAA,iCAAA,EAAoC,iBAAiB,CAAA,CAAE,GAAG,SAAS,CAAC;AAC1G,IAAA,MAAM,YAAY,GAAG,IAAI,GAAG,CAAA,mCAAA,EAAsC,IAAI,CAAA,CAAE,GAAG,SAAS;AAEpF,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CACpCC,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,WAAW,EAAE,MAAM,EAAC,QAAQ,EAAA,QAAA,EACvEA,GAAA,CAACC,GAAO,EAAA,EAAC,KAAK,EAAE,EAAE,EAAA,CAAI,EAAA,CACjB,EACPD,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,EAAC,QAAQ,EAAA,QAAA,EACnEA,IAAC,OAAO,EAAA,EAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,GAAG,EAAA,CAC9B,EACN,cAAc,KACbA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,EAAC,QAAQ,EAAA,QAAA,EAC1EA,GAAA,CAAC,WAAW,IAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,EAAA,CAAG,EAAA,CAClC,CACR,EACA,YAAY,KACXA,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,UAAU,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,EAAC,QAAQ,YACxEA,GAAA,CAAC,SAAS,EAAA,EAAC,KAAK,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,EAAA,CAAG,EAAA,CAChC,CACR,CAAA,EAAA,CACI;AAEX;;;;"}

package/dist/components/Tooltip/Tooltip.js CHANGED Viewed

@@ -5,11 +5,11 @@ import { BLOCK_EXPLORER } from '../../config/constants/chains.js';
 import { ChainId } from '@ape.swap/apeswap-lists';
 import { IS_APTOS_MAINNET } from '../../constants/aptosConstants.js';
 import Flex from '../uikit-sdk/Flex/index.js';
-import Svg from '../uikit-sdk/Svg/index.js';
 import { Link } from 'theme-ui';
 import { useSDKConfig } from '../../state/useSDKConfig.js';
 import ExpandedViewButton from '../../views/BuyBond/components/ExpandedViewButton.js';
 import track from '../../utils/track.js';
+import External from '../uikit-sdk/Svg/Icons/External.js';
 const BondInfoTooltip = ({ earnTokenContract, earnTokenSymbol, bondContract, projectLink, twitter, chain, isSoldOut = false, billType, cgId, dexscreener, }) => {
     const config = useSDKConfig();
@@ -37,7 +37,7 @@ const BondInfoTooltip = ({ earnTokenContract, earnTokenSymbol, bondContract, pro
             },
         });
     };
-    return (jsxs(Flex, { sx: { flexDirection: 'column', flexWrap: 'wrap' }, children: [jsx(ButtonsRow, { twitter: twitter, projectLink: projectLink, earnTokenContract: earnTokenContract, cgId: cgId, dexscreener: dexscreener }), config?.referenceId === 'apebond' && !isSoldOut && billType !== 'fcfs' && (jsx(Flex, { sx: { width: '100%', my: '5px', justifyContent: 'center', position: 'relative', height: '25px' }, children: jsx(ExpandedViewButton, { handleNavigation: handleProjectViewNavigation, rightPos: '-5px' }) })), jsx(Flex, { sx: { justifyContent: 'center' }, children: jsxs(Flex, { sx: { width: '144px', flexDirection: 'column' }, children: [jsx(Flex, { sx: styles.linkRow, children: tokenLink && (jsxs(Link, { href: tokenLink, sx: styles.link, target: "_blank", children: ["View Token Contract", jsx(Flex, { sx: { ml: '5px' }, children: jsx(Svg, { icon: "external", color: "text", width: 10 }) })] })) }), jsx(Flex, { sx: styles.linkRow, children: bondLink && (jsxs(Link, { href: bondLink, sx: styles.link, target: "_blank", children: ["View Bond Contract", jsx(Flex, { sx: { ml: '5px' }, children: jsx(Svg, { icon: "external", color: "text", width: 10 }) })] })) }), jsx(Flex, { sx: styles.linkRow, children: billType !== 'fcfs' && (jsxs(Link, { href: bondDashboard, sx: styles.link, target: "_blank", rel: "noopener noreferrer", children: ["View Bond Insights", jsx(Flex, { sx: { ml: '5px' }, children: jsx(Svg, { icon: "external", color: "text", width: 10 }) })] })) })] }) })] }));
+    return (jsxs(Flex, { sx: { flexDirection: 'column', flexWrap: 'wrap' }, children: [jsx(ButtonsRow, { twitter: twitter, projectLink: projectLink, earnTokenContract: earnTokenContract, cgId: cgId, dexscreener: dexscreener }), config?.referenceId === 'apebond' && !isSoldOut && billType !== 'fcfs' && (jsx(Flex, { sx: { width: '100%', my: '5px', justifyContent: 'center', position: 'relative', height: '25px' }, children: jsx(ExpandedViewButton, { handleNavigation: handleProjectViewNavigation, rightPos: '-5px' }) })), jsx(Flex, { sx: { justifyContent: 'center' }, children: jsxs(Flex, { sx: { width: '144px', flexDirection: 'column' }, children: [jsx(Flex, { sx: styles.linkRow, children: tokenLink && (jsxs(Link, { href: tokenLink, sx: styles.link, target: "_blank", children: ["View Token Contract", jsx(Flex, { sx: { ml: '5px' }, children: jsx(External, { color: "text", width: 10 }) })] })) }), jsx(Flex, { sx: styles.linkRow, children: bondLink && (jsxs(Link, { href: bondLink, sx: styles.link, target: "_blank", children: ["View Bond Contract", jsx(Flex, { sx: { ml: '5px' }, children: jsx(External, { color: "text", width: 10 }) })] })) }), jsx(Flex, { sx: styles.linkRow, children: billType !== 'fcfs' && (jsxs(Link, { href: bondDashboard, sx: styles.link, target: "_blank", rel: "noopener noreferrer", children: ["View Bond Insights", jsx(Flex, { sx: { ml: '5px' }, children: jsx(External, { color: "text", width: 10 }) })] })) })] }) })] }));
 };
 export { BondInfoTooltip as default };

package/dist/components/Tooltip/Tooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React from 'react'\nimport { styles } from './styles'\nimport ButtonsRow from './ButtonsRow'\nimport { BLOCK_EXPLORER } from '../../config/constants/chains'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { IS_APTOS_MAINNET } from '../../constants/aptosConstants'\nimport Flex from '../uikit-sdk/Flex'\nimport ~~Svg from '../uikit-sdk/Svg'\nimport~~ { Link } from 'theme-ui'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport ExpandedViewButton from '../../views/BuyBond/components/ExpandedViewButton'\nimport track from '../../utils/track'\n\nexport interface TooltipProps {\n earnTokenContract: string\n earnTokenSymbol: string\n bondContract: string\n projectLink?: string\n twitter?: string\n chain: number\n isSoldOut?: boolean\n billType?: string\n cgId?: string\n dexscreener?: string\n}\n\nconst BondInfoTooltip: React.FunctionComponent<TooltipProps> = ({\n earnTokenContract,\n earnTokenSymbol,\n bondContract,\n projectLink,\n twitter,\n chain,\n isSoldOut = false,\n billType,\n cgId,\n dexscreener,\n}) => {\n const config = useSDKConfig()\n const explorerLink = BLOCK_EXPLORER[chain as ChainId]\n const urlPage =\n chain === ChainId.SOL\n ? 'account'\n : chain === ChainId.APTOS\n ? 'object'\n : chain === ChainId.SUI\n ? 'object'\n : 'address'\n const aptosNetworkParam = chain === ChainId.APTOS ? `?network=${IS_APTOS_MAINNET ? 'mainnet' : 'testnet'}` : ''\n const tokenLink = `${explorerLink}/${urlPage}/${earnTokenContract}${aptosNetworkParam}`\n const bondLink = `${explorerLink}/${urlPage}/${bondContract}${aptosNetworkParam}`\n const bondDashboard = `https://dashboard.ape.bond/bond/${bondContract}`\n\n const handleProjectViewNavigation = () => {\n window.location.href = `/bonds/${bondContract}/${chain}`\n track({\n event: 'projectInfoClick',\n chain: chain,\n data: {\n cat: 'Table',\n bond: earnTokenSymbol,\n bondChain: chain,\n },\n })\n }\n return (\n <Flex sx={{ flexDirection: 'column', flexWrap: 'wrap' }}>\n <ButtonsRow\n twitter={twitter}\n projectLink={projectLink}\n earnTokenContract={earnTokenContract}\n cgId={cgId}\n dexscreener={dexscreener}\n />\n {config?.referenceId === 'apebond' && !isSoldOut && billType !== 'fcfs' && (\n <Flex sx={{ width: '100%', my: '5px', justifyContent: 'center', position: 'relative', height: '25px' }}>\n <ExpandedViewButton handleNavigation={handleProjectViewNavigation} rightPos={'-5px'} />\n </Flex>\n )}\n <Flex sx={{ justifyContent: 'center' }}>\n <Flex sx={{ width: '144px', flexDirection: 'column' }}>\n <Flex sx={styles.linkRow}>\n {tokenLink && (\n <Link href={tokenLink} sx={styles.link} target=\"_blank\">\n View Token Contract\n <Flex sx={{ ml: '5px' }}>\n <~~Svg~~ ~~icon=\"external\"~~ color=\"text\" width={10} />\n </Flex>\n </Link>\n )}\n </Flex>\n <Flex sx={styles.linkRow}>\n {bondLink && (\n <Link href={bondLink} sx={styles.link} target=\"_blank\">\n View Bond Contract\n <Flex sx={{ ml: '5px' }}>\n <~~Svg~~ ~~icon=\"external\"~~ color=\"text\" width={10} />\n </Flex>\n </Link>\n )}\n </Flex>\n <Flex sx={styles.linkRow}>\n {billType !== 'fcfs' && (\n <Link href={bondDashboard} sx={styles.link} target=\"_blank\" rel=\"noopener noreferrer\">\n View Bond Insights\n <Flex sx={{ ml: '5px' }}>\n <~~Svg~~ ~~icon=\"external\"~~ color=\"text\" width={10} />\n </Flex>\n </Link>\n )}\n </Flex>\n </Flex>\n </Flex>\n </Flex>\n )\n}\n\nexport default BondInfoTooltip\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;AA0BA,MAAM,eAAe,GAA0C,CAAC,EAC9D,iBAAiB,EACjB,eAAe,EACf,YAAY,EACZ,WAAW,EACX,OAAO,EACP,KAAK,EACL,SAAS,GAAG,KAAK,EACjB,QAAQ,EACR,IAAI,EACJ,WAAW,GACZ,KAAI;AACH,IAAA,MAAM,MAAM,GAAG,YAAY,EAAE;AAC7B,IAAA,MAAM,YAAY,GAAG,cAAc,CAAC,KAAgB,CAAC;AACrD,IAAA,MAAM,OAAO,GACX,KAAK,KAAK,OAAO,CAAC;AAChB,UAAE;AACF,UAAE,KAAK,KAAK,OAAO,CAAC;AAClB,cAAE;AACF,cAAE,KAAK,KAAK,OAAO,CAAC;AAClB,kBAAE;kBACA,SAAS;IACnB,MAAM,iBAAiB,GAAG,KAAK,KAAK,OAAO,CAAC,KAAK,GAAG,CAAA,SAAA,EAAY,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAA,CAAE,GAAG,EAAE;IAC/G,MAAM,SAAS,GAAG,CAAA,EAAG,YAAY,CAAA,CAAA,EAAI,OAAO,CAAA,CAAA,EAAI,iBAAiB,CAAA,EAAG,iBAAiB,CAAA,CAAE;IACvF,MAAM,QAAQ,GAAG,CAAA,EAAG,YAAY,CAAA,CAAA,EAAI,OAAO,CAAA,CAAA,EAAI,YAAY,CAAA,EAAG,iBAAiB,CAAA,CAAE;AACjF,IAAA,MAAM,aAAa,GAAG,CAAA,gCAAA,EAAmC,YAAY,EAAE;IAEvE,MAAM,2BAA2B,GAAG,MAAK;QACvC,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,UAAU,YAAY,CAAA,CAAA,EAAI,KAAK,CAAA,CAAE;AACxD,QAAA,KAAK,CAAC;AACJ,YAAA,KAAK,EAAE,kBAAkB;AACzB,YAAA,KAAK,EAAE,KAAK;AACZ,YAAA,IAAI,EAAE;AACJ,gBAAA,GAAG,EAAE,OAAO;AACZ,gBAAA,IAAI,EAAE,eAAe;AACrB,gBAAA,SAAS,EAAE,KAAK;AACjB,aAAA;AACF,SAAA,CAAC;AACJ,IAAA,CAAC;AACD,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,aAAa,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAA,QAAA,EAAA,CACrDC,GAAA,CAAC,UAAU,EAAA,EACT,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,WAAW,EACxB,iBAAiB,EAAE,iBAAiB,EACpC,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EAAA,CACxB,EACD,MAAM,EAAE,WAAW,KAAK,SAAS,IAAI,CAAC,SAAS,IAAI,QAAQ,KAAK,MAAM,KACrEA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,EAAE,EAAA,QAAA,EACpGA,GAAA,CAAC,kBAAkB,EAAA,EAAC,gBAAgB,EAAE,2BAA2B,EAAE,QAAQ,EAAE,MAAM,EAAA,CAAI,~~GAClF~~,CACR,EACDA,GAAA,CAAC,IAAI,~~IAAC~~,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAA,QAAA,EACpCD,IAAA,CAAC,IAAI,~~EAAA~~,~~EAAC,~~EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CACnDC,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EACrB,SAAS,KACRD,IAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAA,QAAA,EAAA,CAAA,qBAAA,EAErDC,GAAA,CAAC,IAAI,~~IAAC~~,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAA,QAAA,EACrBA,~~IAAC~~,~~GAAG~~,EAAA,EAAC,~~IAAI,EAAC,UAAU,EAAC,~~KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAA,CAAI,~~GAC1C~~,~~CAAA~~,~~EAAA~~,~~CACF,~~CACR,EAAA,CACI,EACPA,~~IAAC~~,IAAI,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,OAAO,EAAA,QAAA,EACrB,QAAQ,KACPD,IAAA,CAAC,IAAI,EAAA,EAAC,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAA,QAAA,EAAA,CAAA,oBAAA,EAEpDC,~~IAAC~~,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,YACrBA,GAAA,CAAC,~~GAAG~~,EAAA,EAAC,~~IAAI,EAAC,UAAU,EAAC,~~KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAA,CAAI,EAAA,~~CAC1C~~,CAAA,EAAA,CACF,CACR,~~GACI~~,EACPA,GAAA,CAAC,IAAI,~~EAAA~~,~~EAAC,~~EAAE,EAAE,MAAM,CAAC,OAAO,~~YACrB~~,QAAQ,KAAK,MAAM,KAClBD,IAAA,CAAC,IAAI,~~EAAA~~,~~EAAC,~~IAAI,EAAE,aAAa,EAAE,EAAE,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,qBAAqB,EAAA,QAAA,EAAA,CAAA,oBAAA,EAEnFC,~~GAAA~~,~~CAAC,~~IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,~~EAAA~~,~~QAAA,EACrBA,~~GAAA,CAAC,~~GAAG~~,~~IAAC~~,~~IAAI,~~EAAC,~~UAAU,EAAC,~~KAAK,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,EAAA,CAAI,EAAA,~~CAC1C~~,CAAA,EAAA,CACF,CACR,EAAA,CACI,CAAA,EAAA,CACF,EAAA,CACF,CAAA,EAAA,CACF;AAEX;;;;"}
1	+ {"version":3,"file":"Tooltip.js","sources":["../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React from 'react'\nimport { styles } from './styles'\nimport ButtonsRow from './ButtonsRow'\nimport { BLOCK_EXPLORER } from '../../config/constants/chains'\nimport { ChainId } from '@ape.swap/apeswap-lists'\nimport { IS_APTOS_MAINNET } from '../../constants/aptosConstants'\nimport Flex from '../uikit-sdk/Flex'\nimport { Link } from 'theme-ui'\nimport { useSDKConfig } from '../../state/useSDKConfig'\nimport ExpandedViewButton from '../../views/BuyBond/components/ExpandedViewButton'\nimport track from '../../utils/track'\nimport External from '../uikit-sdk/Svg/Icons/External'\n\nexport interface TooltipProps {\n earnTokenContract: string\n earnTokenSymbol: string\n bondContract: string\n projectLink?: string\n twitter?: string\n chain: number\n isSoldOut?: boolean\n billType?: string\n cgId?: string\n dexscreener?: string\n}\n\nconst BondInfoTooltip: React.FunctionComponent<TooltipProps> = ({\n earnTokenContract,\n earnTokenSymbol,\n bondContract,\n projectLink,\n twitter,\n chain,\n isSoldOut = false,\n billType,\n cgId,\n dexscreener,\n}) => {\n const config = useSDKConfig()\n const explorerLink = BLOCK_EXPLORER[chain as ChainId]\n const urlPage =\n chain === ChainId.SOL\n ? 'account'\n : chain === ChainId.APTOS\n ? 'object'\n : chain === ChainId.SUI\n ? 'object'\n : 'address'\n const aptosNetworkParam = chain === ChainId.APTOS ? `?network=${IS_APTOS_MAINNET ? 'mainnet' : 'testnet'}` : ''\n const tokenLink = `${explorerLink}/${urlPage}/${earnTokenContract}${aptosNetworkParam}`\n const bondLink = `${explorerLink}/${urlPage}/${bondContract}${aptosNetworkParam}`\n const bondDashboard = `https://dashboard.ape.bond/bond/${bondContract}`\n\n const handleProjectViewNavigation = () => {\n window.location.href = `/bonds/${bondContract}/${chain}`\n track({\n event: 'projectInfoClick',\n chain: chain,\n data: {\n cat: 'Table',\n bond: earnTokenSymbol,\n bondChain: chain,\n },\n })\n }\n return (\n <Flex sx={{ flexDirection: 'column', flexWrap: 'wrap' }}>\n <ButtonsRow\n twitter={twitter}\n projectLink={projectLink}\n earnTokenContract={earnTokenContract}\n cgId={cgId}\n dexscreener={dexscreener}\n />\n {config?.referenceId === 'apebond' && !isSoldOut && billType !== 'fcfs' && (\n <Flex sx={{ width: '100%', my: '5px', justifyContent: 'center', position: 'relative', height: '25px' }}>\n <ExpandedViewButton handleNavigation={handleProjectViewNavigation} rightPos={'-5px'} />\n </Flex>\n )}\n <Flex sx={{ justifyContent: 'center' }}>\n <Flex sx={{ width: '144px', flexDirection: 'column' }}>\n <Flex sx={styles.linkRow}>\n {tokenLink && (\n <Link href={tokenLink} sx={styles.link} target=\"_blank\">\n View Token Contract\n <Flex sx={{ ml: '5px' }}>\n <External color=\"text\" width={10} />\n </Flex>\n </Link>\n )}\n </Flex>\n <Flex sx={styles.linkRow}>\n {bondLink && (\n <Link href={bondLink} sx={styles.link} target=\"_blank\">\n View Bond Contract\n <Flex sx={{ ml: '5px' }}>\n <External color=\"text\" width={10} />\n </Flex>\n </Link>\n )}\n </Flex>\n <Flex sx={styles.linkRow}>\n {billType !== 'fcfs' && (\n <Link href={bondDashboard} sx={styles.link} target=\"_blank\" rel=\"noopener noreferrer\">\n View Bond Insights\n <Flex sx={{ ml: '5px' }}>\n <External color=\"text\" width={10} />\n </Flex>\n </Link>\n )}\n </Flex>\n </Flex>\n </Flex>\n </Flex>\n )\n}\n\nexport default BondInfoTooltip\n"],"names":["_jsxs","_jsx"],"mappings":"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"}

package/dist/components/uikit-sdk/Button/IconButton.js CHANGED Viewed

@@ -1,11 +1,10 @@
 import { jsx } from 'theme-ui/jsx-runtime';
 import { Button } from 'theme-ui';
-import Svg from '../Svg/index.js';
-import { icons } from '../Svg/types.js';
+import Discord from '../Svg/Icons/Discord.js';
 import { iconButtonVariants } from './types.js';
 import styles from './styles.js';
-const IconButton = ({ icon = icons.DISCORD, color = 'white1', background = 'yellow', variant = iconButtonVariants.PRIMARY, iconWidth, children, ...props }) => {
+const IconButton = ({ icon: Icon = Discord, color = 'white1', background = 'yellow', variant = iconButtonVariants.PRIMARY, iconWidth, children, ...props }) => {
     return (jsx(Button, { ...props, variant: variant, sx: {
             display: 'flex',
             alignItems: 'center',
@@ -16,7 +15,7 @@ const IconButton = ({ icon = icons.DISCORD, color = 'white1', background = 'yell
             background,
             ...(variant === iconButtonVariants.PRIMARY ? styles.primary : {}),
             ...(variant === iconButtonVariants.TRANSPARENT ? styles.transparent : {}),
-        }, children: children || (jsx("span", { sx: { height: iconWidth, width: iconWidth }, children: jsx(Svg, { color: color, icon: icon, ...props, width: iconWidth }) })) }));
+        }, children: children || (jsx("span", { sx: { height: iconWidth, width: iconWidth }, children: jsx(Icon, { color: color, ...props, width: iconWidth }) })) }));
 };
 export { IconButton as default };

package/dist/components/uikit-sdk/Button/IconButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconButton.js","sources":["../../../../src/components/uikit-sdk/Button/IconButton.tsx"],"sourcesContent":["import React from 'react'\nimport { Button } from 'theme-ui'\nimport ~~Svg~~ from '../Svg~~'\nimport { icons } from '../Svg~~/~~types~~'\nimport { IconButtonProps, iconButtonVariants as variants } from './types'\nimport style from './styles'\n\nconst IconButton: React.FC<IconButtonProps> = ({\n icon = ~~icons.DISCORD~~,\n color = 'white1',\n background = 'yellow',\n variant = variants.PRIMARY,\n iconWidth,\n children,\n ...props\n}) => {\n return (\n <Button\n {...props}\n variant={variant}\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n position: 'relative',\n variant: `buttons.${variant}`,\n color: 'primaryBright',\n background,\n ...(variant === variants.PRIMARY ? style.primary : {}),\n ...(variant === variants.TRANSPARENT ? style.transparent : {}),\n }}\n >\n {children \|\| (\n <span sx={{ height: iconWidth, width: iconWidth }}>\n <~~Svg~~ color={color} ~~icon=~~{~~icon} {~~...props} width={iconWidth} />\n </span>\n )}\n </Button>\n )\n}\n\nexport default IconButton\n"],"names":["variants","_jsx","style"],"mappings":"~~;;;;;;;AAOA~~,MAAM,UAAU,GAA8B,CAAC,EAC7C,IAAI,~~GAAG~~,~~KAAK~~,~~CAAC~~,OAAO,EACpB,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,QAAQ,EACrB,OAAO,GAAGA,kBAAQ,CAAC,OAAO,EAC1B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,KAAI;IACH,QACEC,GAAA,CAAC,MAAM,EAAA,EAAA,GACD,KAAK,EACT,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE;AACF,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,CAAA,QAAA,EAAW,OAAO,CAAA,CAAE;AAC7B,YAAA,KAAK,EAAE,eAAe;YACtB,UAAU;AACV,YAAA,IAAI,OAAO,KAAKD,kBAAQ,CAAC,OAAO,GAAGE,MAAK,CAAC,OAAO,GAAG,EAAE,CAAC;AACtD,YAAA,IAAI,OAAO,KAAKF,kBAAQ,CAAC,WAAW,GAAGE,MAAK,CAAC,WAAW,GAAG,EAAE,CAAC;AAC/D,SAAA,EAAA,QAAA,EAEA,QAAQ,KACPD,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,~~YAC~~/CA,GAAA,CAAC,~~GAAG~~,EAAA,EAAC,KAAK,EAAE,KAAK,~~EAAE~~,~~IAAI,EAAE,IAAI,EAAA,GAAM,~~KAAK,EAAE,KAAK,EAAE,SAAS,EAAA,CAAI,~~GACzD~~,CACR,EAAA,CACM;AAEb;;;;"}
1	+ {"version":3,"file":"IconButton.js","sources":["../../../../src/components/uikit-sdk/Button/IconButton.tsx"],"sourcesContent":["import React from 'react'\nimport { Button } from 'theme-ui'\nimport Discord from '../Svg/Icons/Discord'\nimport { IconButtonProps, iconButtonVariants as variants } from './types'\nimport style from './styles'\n\nconst IconButton: React.FC<IconButtonProps> = ({\n icon: Icon = Discord,\n color = 'white1',\n background = 'yellow',\n variant = variants.PRIMARY,\n iconWidth,\n children,\n ...props\n}) => {\n return (\n <Button\n {...props}\n variant={variant}\n sx={{\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n position: 'relative',\n variant: `buttons.${variant}`,\n color: 'primaryBright',\n background,\n ...(variant === variants.PRIMARY ? style.primary : {}),\n ...(variant === variants.TRANSPARENT ? style.transparent : {}),\n }}\n >\n {children \|\| (\n <span sx={{ height: iconWidth, width: iconWidth }}>\n <Icon color={color} {...props} width={iconWidth} />\n </span>\n )}\n </Button>\n )\n}\n\nexport default IconButton\n"],"names":["variants","_jsx","style"],"mappings":";;;;;;AAMA,MAAM,UAAU,GAA8B,CAAC,EAC7C,IAAI,EAAE,IAAI,GAAG,OAAO,EACpB,KAAK,GAAG,QAAQ,EAChB,UAAU,GAAG,QAAQ,EACrB,OAAO,GAAGA,kBAAQ,CAAC,OAAO,EAC1B,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,KAAI;IACH,QACEC,GAAA,CAAC,MAAM,EAAA,EAAA,GACD,KAAK,EACT,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE;AACF,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,UAAU,EAAE,QAAQ;AACpB,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,CAAA,QAAA,EAAW,OAAO,CAAA,CAAE;AAC7B,YAAA,KAAK,EAAE,eAAe;YACtB,UAAU;AACV,YAAA,IAAI,OAAO,KAAKD,kBAAQ,CAAC,OAAO,GAAGE,MAAK,CAAC,OAAO,GAAG,EAAE,CAAC;AACtD,YAAA,IAAI,OAAO,KAAKF,kBAAQ,CAAC,WAAW,GAAGE,MAAK,CAAC,WAAW,GAAG,EAAE,CAAC;AAC/D,SAAA,EAAA,QAAA,EAEA,QAAQ,KACPD,GAAA,CAAA,MAAA,EAAA,EAAM,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,EAAA,QAAA,EAC/CA,GAAA,CAAC,IAAI,EAAA,EAAC,KAAK,EAAE,KAAK,KAAM,KAAK,EAAE,KAAK,EAAE,SAAS,EAAA,CAAI,EAAA,CAC9C,CACR,EAAA,CACM;AAEb;;;;"}

package/dist/components/uikit-sdk/Button/types.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
+import type React from 'react';
 import { ButtonProps as ThemeUIButtonProps } from 'theme-ui';
-import { iconTypes } from '../Svg/types';
+import { SvgProps } from '../Svg/types';
 export declare enum sizes {
     SMALL = "sm",
     MEDIUM = "md",
@@ -41,6 +42,6 @@ export interface IconButtonProps extends Omit<ButtonProps, 'variant'> {
     variant?: iconButtonVariantsProps;
     color?: string;
     background?: string;
-    icon?: iconTypes;
+    icon?: React.ComponentType<SvgProps>;
     iconWidth?: number;
 }

package/dist/components/uikit-sdk/Button/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"types.js","sources":["../../../../src/components/uikit-sdk/Button/types.ts"],"sourcesContent":["import { ReactNode } from 'react'\nimport { ButtonProps as ThemeUIButtonProps } from 'theme-ui'\nimport { ~~iconTypes~~ } from '../Svg/types'\n\nexport enum sizes {\n SMALL = 'sm',\n MEDIUM = 'md',\n LARGE = 'lg',\n}\n\nexport const buttonFontSizes: Record<sizes \| any, string> = {\n [sizes.SMALL]: '12px',\n [sizes.MEDIUM]: '16px',\n [sizes.LARGE]: '18px',\n}\n\nexport const buttonLineHeight: Record<sizes \| any, string> = {\n [sizes.SMALL]: '10px',\n [sizes.MEDIUM]: '24px',\n [sizes.LARGE]: '33px',\n}\n\nexport const buttonPadding: Record<sizes \| any, { x: number; y: number }> = {\n [sizes.SMALL]: { x: 5, y: 2 },\n [sizes.MEDIUM]: { x: 7, y: 3 },\n [sizes.LARGE]: { x: 10, y: 6 },\n}\n\nexport enum variants {\n PRIMARY = 'primary',\n SECONDARY = 'secondary',\n TERTIARY = 'tertiary',\n TEXT = 'text',\n SUCCESS = 'success',\n DANGER = 'danger',\n}\n\nexport enum iconButtonVariants {\n PRIMARY = 'primary',\n TRANSPARENT = 'transparent',\n CIRCULAR = 'circular',\n}\n\nexport type sizeProps = `${sizes}`\nexport type variantProps = `${variants}`\nexport type iconButtonVariantsProps = `${iconButtonVariants}`\n\nexport interface ButtonProps extends Omit<ThemeUIButtonProps, 'sx'> {\n variant?: variantProps\n size?: sizeProps\n startIcon?: ReactNode\n endIcon?: ReactNode\n fullWidth?: boolean\n load?: boolean\n [key: string]: any\n}\n\nexport interface IconButtonProps extends Omit<ButtonProps, 'variant'> {\n variant?: iconButtonVariantsProps\n color?: string\n background?: string\n icon?: ~~iconTypes\~~n iconWidth?: number\n}\n"],"names":[],"mappings":"~~IAIY~~;AAAZ,CAAA,UAAY,KAAK,EAAA;AACf,IAAA,KAAA,CAAA,OAAA,CAAA,GAAA,IAAY;AACZ,IAAA,KAAA,CAAA,QAAA,CAAA,GAAA,IAAa;AACb,IAAA,KAAA,CAAA,OAAA,CAAA,GAAA,IAAY;AACd,CAAC,EAJW,KAAK,KAAL,KAAK,GAAA,EAAA,CAAA,CAAA;AAMV,MAAM,eAAe,GAAgC;AAC1D,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM;AACrB,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM;AACtB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM;;AAGhB,MAAM,gBAAgB,GAAgC;AAC3D,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM;AACrB,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM;AACtB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM;;AAGhB,MAAM,aAAa,GAAkD;AAC1E,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC7B,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC9B,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE;;IAGpB;AAAZ,CAAA,UAAY,QAAQ,EAAA;AAClB,IAAA,QAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,QAAA,CAAA,WAAA,CAAA,GAAA,WAAuB;AACvB,IAAA,QAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,QAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,QAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,QAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACnB,CAAC,EAPW,QAAQ,KAAR,QAAQ,GAAA,EAAA,CAAA,CAAA;IASR;AAAZ,CAAA,UAAY,kBAAkB,EAAA;AAC5B,IAAA,kBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,kBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC3B,IAAA,kBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,GAAA,EAAA,CAAA,CAAA;;;;"}
1	+ {"version":3,"file":"types.js","sources":["../../../../src/components/uikit-sdk/Button/types.ts"],"sourcesContent":["import { ReactNode } from 'react'\nimport type React from 'react'\nimport { ButtonProps as ThemeUIButtonProps } from 'theme-ui'\nimport { SvgProps } from '../Svg/types'\n\nexport enum sizes {\n SMALL = 'sm',\n MEDIUM = 'md',\n LARGE = 'lg',\n}\n\nexport const buttonFontSizes: Record<sizes \| any, string> = {\n [sizes.SMALL]: '12px',\n [sizes.MEDIUM]: '16px',\n [sizes.LARGE]: '18px',\n}\n\nexport const buttonLineHeight: Record<sizes \| any, string> = {\n [sizes.SMALL]: '10px',\n [sizes.MEDIUM]: '24px',\n [sizes.LARGE]: '33px',\n}\n\nexport const buttonPadding: Record<sizes \| any, { x: number; y: number }> = {\n [sizes.SMALL]: { x: 5, y: 2 },\n [sizes.MEDIUM]: { x: 7, y: 3 },\n [sizes.LARGE]: { x: 10, y: 6 },\n}\n\nexport enum variants {\n PRIMARY = 'primary',\n SECONDARY = 'secondary',\n TERTIARY = 'tertiary',\n TEXT = 'text',\n SUCCESS = 'success',\n DANGER = 'danger',\n}\n\nexport enum iconButtonVariants {\n PRIMARY = 'primary',\n TRANSPARENT = 'transparent',\n CIRCULAR = 'circular',\n}\n\nexport type sizeProps = `${sizes}`\nexport type variantProps = `${variants}`\nexport type iconButtonVariantsProps = `${iconButtonVariants}`\n\nexport interface ButtonProps extends Omit<ThemeUIButtonProps, 'sx'> {\n variant?: variantProps\n size?: sizeProps\n startIcon?: ReactNode\n endIcon?: ReactNode\n fullWidth?: boolean\n load?: boolean\n [key: string]: any\n}\n\nexport interface IconButtonProps extends Omit<ButtonProps, 'variant'> {\n variant?: iconButtonVariantsProps\n color?: string\n background?: string\n icon?: React.ComponentType<SvgProps>\n iconWidth?: number\n}\n"],"names":[],"mappings":"IAKY;AAAZ,CAAA,UAAY,KAAK,EAAA;AACf,IAAA,KAAA,CAAA,OAAA,CAAA,GAAA,IAAY;AACZ,IAAA,KAAA,CAAA,QAAA,CAAA,GAAA,IAAa;AACb,IAAA,KAAA,CAAA,OAAA,CAAA,GAAA,IAAY;AACd,CAAC,EAJW,KAAK,KAAL,KAAK,GAAA,EAAA,CAAA,CAAA;AAMV,MAAM,eAAe,GAAgC;AAC1D,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM;AACrB,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM;AACtB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM;;AAGhB,MAAM,gBAAgB,GAAgC;AAC3D,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM;AACrB,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM;AACtB,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM;;AAGhB,MAAM,aAAa,GAAkD;AAC1E,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC7B,IAAA,CAAC,KAAK,CAAC,MAAM,GAAG,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;AAC9B,IAAA,CAAC,KAAK,CAAC,KAAK,GAAG,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE;;IAGpB;AAAZ,CAAA,UAAY,QAAQ,EAAA;AAClB,IAAA,QAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,QAAA,CAAA,WAAA,CAAA,GAAA,WAAuB;AACvB,IAAA,QAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,QAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACb,IAAA,QAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,QAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACnB,CAAC,EAPW,QAAQ,KAAR,QAAQ,GAAA,EAAA,CAAA,CAAA;IASR;AAAZ,CAAA,UAAY,kBAAkB,EAAA;AAC5B,IAAA,kBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,kBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC3B,IAAA,kBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACvB,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,GAAA,EAAA,CAAA,CAAA;;;;"}

package/dist/components/uikit-sdk/Input/Input.js CHANGED Viewed

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from 'theme-ui/jsx-runtime';
 import { Input as Input$1, Spinner } from 'theme-ui';
 import Flex from '../Flex/index.js';
-import Svg from '../Svg/index.js';
 import Text from '../Text/index.js';
+import Search from '../Svg/Icons/Search.js';
 const colorScheme = {
     default: 'gray',
@@ -18,7 +18,7 @@ const Input = ({ variant, width, status, isLoading, ...props }) => {
                             pl: '10px',
                             borderRadius: 'normal',
                             ':focus': { outline: 'none' },
-                        } }), jsx(Flex, { sx: { position: 'absolute', right: 5, justifyContent: 'center', height: '100%' }, children: jsx(Svg, { icon: "search", color: "grey" }) })] }));
+                        } }), jsx(Flex, { sx: { position: 'absolute', right: 5, justifyContent: 'center', height: '100%' }, children: jsx(Search, { color: "grey" }) })] }));
         case 'password': {
             const statusColor = colorScheme[status];
             return (jsxs(Flex, { sx: {

package/dist/components/uikit-sdk/Input/Input.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.js","sources":["../../../../src/components/uikit-sdk/Input/Input.tsx"],"sourcesContent":["import { Input as ThemeInput, Spinner } from 'theme-ui'\nimport Flex from '../Flex'\nimport ~~Svg~~ from '../~~Svg~~'\nimport ~~Text~~ from '../~~Text~~'\n\ntype variant = 'search' \| 'password' \| 'text'\ntype inputStatus = 'default' \| 'error' \| 'success'\ntype color = 'gray' \| 'red' \| 'green'\n\ntype colorSchemeMap = Record<inputStatus, color>\n\nconst colorScheme: colorSchemeMap = {\n default: 'gray',\n error: 'red',\n success: 'green',\n}\n\nconst Input = ({\n variant,\n width,\n status,\n isLoading,\n ...props\n}: { variant?: variant; width?: string[]; status?: inputStatus; isLoading?: boolean } \| any) => {\n switch (variant) {\n case 'search':\n return (\n <Flex sx={{ position: 'relative', width: width ? width : 'unset' }}>\n <ThemeInput\n {...props}\n sx={{\n background: 'white3',\n border: 'none',\n pl: '10px',\n borderRadius: 'normal',\n ':focus': { outline: 'none' },\n }}\n />\n <Flex sx={{ position: 'absolute', right: 5, justifyContent: 'center', height: '100%' }}>\n <~~Svg~~ ~~icon=\"search\"~~ color=\"grey\" />\n </Flex>\n </Flex>\n )\n\n case 'password': {\n const statusColor = colorScheme[status as inputStatus]\n return (\n <Flex\n sx={{\n width: width ? width : '100%',\n flexDirection: 'column',\n alignItems: 'center',\n gap: '5px',\n position: 'relative',\n }}\n >\n <ThemeInput\n {...props}\n type=\"password\"\n sx={{\n position: 'relative',\n background: 'white3',\n border: 'none',\n borderBottom: `2px solid ${statusColor}`,\n color: statusColor,\n pl: '10px',\n borderRadius: 'normal',\n ':focus': { outline: 'none' },\n }}\n />\n {isLoading && (\n <Flex sx={{ position: 'absolute', top: '5px', right: '5px', justifyContent: 'center', height: '100%' }}>\n <Spinner width=\"20px\" height=\"20px\" />\n </Flex>\n )}\n <Text sx={{ fontSize: '10px', color: statusColor, visibility: status === 'default' ? 'hidden' : 'visible' }}>\n {status === 'error' ? 'Wrong Password' : 'Correct Password'}\n </Text>\n </Flex>\n )\n }\n\n default:\n return (\n <ThemeInput\n {...props}\n sx={{\n background: 'white3',\n border: 'none',\n pl: '10px',\n borderRadius: 'normal',\n ':focus': { outline: 'none' },\n }}\n />\n )\n }\n}\n\nexport default Input\n"],"names":["_jsxs","_jsx","ThemeInput"],"mappings":";;;;;;AAWA,MAAM,WAAW,GAAmB;AAClC,IAAA,OAAO,EAAE,MAAM;AACf,IAAA,KAAK,EAAE,KAAK;AACZ,IAAA,OAAO,EAAE,OAAO;CACjB;AAED,MAAM,KAAK,GAAG,CAAC,EACb,OAAO,EACP,KAAK,EACL,MAAM,EACN,SAAS,EACT,GAAG,KAAK,EACiF,KAAI;IAC7F,QAAQ,OAAO;AACb,QAAA,KAAK,QAAQ;AACX,YAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAG,KAAK,GAAG,OAAO,EAAE,EAAA,QAAA,EAAA,CAChEC,GAAA,CAACC,OAAU,EAAA,EAAA,GACL,KAAK,EACT,EAAE,EAAE;AACF,4BAAA,UAAU,EAAE,QAAQ;AACpB,4BAAA,MAAM,EAAE,MAAM;AACd,4BAAA,EAAE,EAAE,MAAM;AACV,4BAAA,YAAY,EAAE,QAAQ;AACtB,4BAAA,QAAQ,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC9B,yBAAA,EAAA,CACD,EACFD,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,~~EAAA~~,~~QAAA,EACpFA,~~GAAA,CAAC,~~GAAG~~,~~IAAC~~,~~IAAI,~~EAAC,~~QAAQ,EAAC,~~KAAK,EAAC,MAAM,~~GAAG~~,EAAA,~~CAC7B~~,CAAA,EAAA,CACF;QAGX,KAAK,UAAU,EAAE;AACf,YAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAqB,CAAC;AACtD,YAAA,QACED,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;oBACF,KAAK,EAAE,KAAK,GAAG,KAAK,GAAG,MAAM;AAC7B,oBAAA,aAAa,EAAE,QAAQ;AACvB,oBAAA,UAAU,EAAE,QAAQ;AACpB,oBAAA,GAAG,EAAE,KAAK;AACV,oBAAA,QAAQ,EAAE,UAAU;iBACrB,EAAA,QAAA,EAAA,CAEDC,GAAA,CAACC,OAAU,EAAA,EAAA,GACL,KAAK,EACT,IAAI,EAAC,UAAU,EACf,EAAE,EAAE;AACF,4BAAA,QAAQ,EAAE,UAAU;AACpB,4BAAA,UAAU,EAAE,QAAQ;AACpB,4BAAA,MAAM,EAAE,MAAM;4BACd,YAAY,EAAE,CAAA,UAAA,EAAa,WAAW,CAAA,CAAE;AACxC,4BAAA,KAAK,EAAE,WAAW;AAClB,4BAAA,EAAE,EAAE,MAAM;AACV,4BAAA,YAAY,EAAE,QAAQ;AACtB,4BAAA,QAAQ,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC9B,yBAAA,EAAA,CACD,EACD,SAAS,KACRD,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,EAAA,QAAA,EACpGA,GAAA,CAAC,OAAO,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,GAAG,EAAA,CACjC,CACR,EACDA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,KAAK,SAAS,GAAG,QAAQ,GAAG,SAAS,EAAE,EAAA,QAAA,EACxG,MAAM,KAAK,OAAO,GAAG,gBAAgB,GAAG,kBAAkB,EAAA,CACtD,CAAA,EAAA,CACF;QAEX;AAEA,QAAA;AACE,YAAA,QACEA,GAAA,CAACC,OAAU,OACL,KAAK,EACT,EAAE,EAAE;AACF,oBAAA,UAAU,EAAE,QAAQ;AACpB,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,EAAE,EAAE,MAAM;AACV,oBAAA,YAAY,EAAE,QAAQ;AACtB,oBAAA,QAAQ,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC9B,iBAAA,EAAA,CACD;;AAGV;;;;"}
1	+ {"version":3,"file":"Input.js","sources":["../../../../src/components/uikit-sdk/Input/Input.tsx"],"sourcesContent":["import { Input as ThemeInput, Spinner } from 'theme-ui'\nimport Flex from '../Flex'\nimport Text from '../Text'\nimport Search from '../Svg/Icons/Search'\n\ntype variant = 'search' \| 'password' \| 'text'\ntype inputStatus = 'default' \| 'error' \| 'success'\ntype color = 'gray' \| 'red' \| 'green'\n\ntype colorSchemeMap = Record<inputStatus, color>\n\nconst colorScheme: colorSchemeMap = {\n default: 'gray',\n error: 'red',\n success: 'green',\n}\n\nconst Input = ({\n variant,\n width,\n status,\n isLoading,\n ...props\n}: { variant?: variant; width?: string[]; status?: inputStatus; isLoading?: boolean } \| any) => {\n switch (variant) {\n case 'search':\n return (\n <Flex sx={{ position: 'relative', width: width ? width : 'unset' }}>\n <ThemeInput\n {...props}\n sx={{\n background: 'white3',\n border: 'none',\n pl: '10px',\n borderRadius: 'normal',\n ':focus': { outline: 'none' },\n }}\n />\n <Flex sx={{ position: 'absolute', right: 5, justifyContent: 'center', height: '100%' }}>\n <Search color=\"grey\" />\n </Flex>\n </Flex>\n )\n\n case 'password': {\n const statusColor = colorScheme[status as inputStatus]\n return (\n <Flex\n sx={{\n width: width ? width : '100%',\n flexDirection: 'column',\n alignItems: 'center',\n gap: '5px',\n position: 'relative',\n }}\n >\n <ThemeInput\n {...props}\n type=\"password\"\n sx={{\n position: 'relative',\n background: 'white3',\n border: 'none',\n borderBottom: `2px solid ${statusColor}`,\n color: statusColor,\n pl: '10px',\n borderRadius: 'normal',\n ':focus': { outline: 'none' },\n }}\n />\n {isLoading && (\n <Flex sx={{ position: 'absolute', top: '5px', right: '5px', justifyContent: 'center', height: '100%' }}>\n <Spinner width=\"20px\" height=\"20px\" />\n </Flex>\n )}\n <Text sx={{ fontSize: '10px', color: statusColor, visibility: status === 'default' ? 'hidden' : 'visible' }}>\n {status === 'error' ? 'Wrong Password' : 'Correct Password'}\n </Text>\n </Flex>\n )\n }\n\n default:\n return (\n <ThemeInput\n {...props}\n sx={{\n background: 'white3',\n border: 'none',\n pl: '10px',\n borderRadius: 'normal',\n ':focus': { outline: 'none' },\n }}\n />\n )\n }\n}\n\nexport default Input\n"],"names":["_jsxs","_jsx","ThemeInput"],"mappings":"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"}

package/dist/components/uikit-sdk/Modal/ModalHeader.js CHANGED Viewed

@@ -2,9 +2,10 @@ import { jsxs, Fragment, jsx } from 'theme-ui/jsx-runtime';
 import { Flex, Divider } from 'theme-ui';
 import styles from './styles.js';
 import IconButton from '../Button/IconButton.js';
+import Close from '../Svg/Icons/Close.js';
 const ModalHeader = ({ children, onDismiss, hideDivider, ...props }) => {
-    return (jsxs(Fragment, { children: [jsxs(Flex, { ...props, sx: styles.modalHead, children: [children, onDismiss && jsx(IconButton, { icon: "close", color: "text", variant: "transparent", onClick: onDismiss })] }), !hideDivider && jsx(Divider, {})] }));
+    return (jsxs(Fragment, { children: [jsxs(Flex, { ...props, sx: styles.modalHead, children: [children, onDismiss && jsx(IconButton, { icon: Close, color: "text", variant: "transparent", onClick: onDismiss })] }), !hideDivider && jsx(Divider, {})] }));
 };
 export { ModalHeader as default };

package/dist/components/uikit-sdk/Modal/ModalHeader.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ModalHeader.js","sources":["../../../../src/components/uikit-sdk/Modal/ModalHeader.tsx"],"sourcesContent":["import React from 'react'\nimport { Divider, Flex } from 'theme-ui'\nimport style from './styles'\nimport IconButton from '../Button/IconButton'\nimport { InternalProps } from './types'\n\nconst ModalHeader: React.FC<InternalProps> = ({ children, onDismiss, hideDivider, ...props }) => {\n return (\n <>\n <Flex {...props} sx={style.modalHead}>\n {children}\n {onDismiss && <IconButton icon~~=\"close\"~~ color=\"text\" variant=\"transparent\" onClick={onDismiss} />}\n </Flex>\n {!hideDivider && <Divider />}\n </>\n )\n}\n\nexport default ModalHeader\n"],"names":["_jsxs","style","_jsx"],"mappings":"~~;;;;;AAMA~~,MAAM,WAAW,GAA4B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,KAAI;IAC9F,QACEA,4BACEA,IAAA,CAAC,IAAI,OAAK,KAAK,EAAE,EAAE,EAAEC,MAAK,CAAC,SAAS,EAAA,QAAA,EAAA,CACjC,QAAQ,EACR,SAAS,IAAIC,GAAA,CAAC,UAAU,EAAA,EAAC,IAAI,~~EAAC~~,~~OAAO~~,~~EAAC~~,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,EAAC,OAAO,EAAE,SAAS,GAAI,CAAA,EAAA,CAC3F,EACN,CAAC,WAAW,IAAIA,IAAC,OAAO,EAAA,EAAA,CAAG,CAAA,EAAA,CAC3B;AAEP;;;;"}
1	+ {"version":3,"file":"ModalHeader.js","sources":["../../../../src/components/uikit-sdk/Modal/ModalHeader.tsx"],"sourcesContent":["import React from 'react'\nimport { Divider, Flex } from 'theme-ui'\nimport style from './styles'\nimport IconButton from '../Button/IconButton'\nimport Close from '../Svg/Icons/Close'\nimport { InternalProps } from './types'\n\nconst ModalHeader: React.FC<InternalProps> = ({ children, onDismiss, hideDivider, ...props }) => {\n return (\n <>\n <Flex {...props} sx={style.modalHead}>\n {children}\n {onDismiss && <IconButton icon={Close} color=\"text\" variant=\"transparent\" onClick={onDismiss} />}\n </Flex>\n {!hideDivider && <Divider />}\n </>\n )\n}\n\nexport default ModalHeader\n"],"names":["_jsxs","style","_jsx"],"mappings":";;;;;;AAOA,MAAM,WAAW,GAA4B,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,KAAK,EAAE,KAAI;IAC9F,QACEA,4BACEA,IAAA,CAAC,IAAI,OAAK,KAAK,EAAE,EAAE,EAAEC,MAAK,CAAC,SAAS,EAAA,QAAA,EAAA,CACjC,QAAQ,EACR,SAAS,IAAIC,GAAA,CAAC,UAAU,EAAA,EAAC,IAAI,EAAE,KAAK,EAAE,KAAK,EAAC,MAAM,EAAC,OAAO,EAAC,aAAa,EAAC,OAAO,EAAE,SAAS,GAAI,CAAA,EAAA,CAC3F,EACN,CAAC,WAAW,IAAIA,IAAC,OAAO,EAAA,EAAA,CAAG,CAAA,EAAA,CAC3B;AAEP;;;;"}

package/dist/components/uikit-sdk/Select/Select.js CHANGED Viewed

@@ -3,8 +3,8 @@ import React, { useRef, useState } from 'react';
 import { Box, Flex } from 'theme-ui';
 import { AnimatePresence, motion } from 'framer-motion';
 import { selectPadding, selectedExtraPadding, sizes, positions } from './types.js';
-import Svg from '../Svg/index.js';
 import styles from './styles.js';
+import Caret from '../Svg/Icons/Caret.js';
 const Select = ({ children, active, width = 'fit-content', size = sizes.MEDIUM, position = positions.BOTTOM, className, label, ...props }) => {
     const inputRef = useRef(null);
@@ -33,7 +33,7 @@ const Select = ({ children, active, width = 'fit-content', size = sizes.MEDIUM,
                                     ...child?.props,
                                     active: true,
                                 });
-                            })), jsx(Flex, { sx: { minWidth: '10px' }, children: jsx(Svg, { icon: "caret", direction: open ? 'up' : 'down' }) })] }), jsx(AnimatePresence, { children: open && (jsx(motion.div, { initial: { opacity: 0, height: 0 }, animate: { opacity: 1, height: 'fit-content' }, transition: { opacity: { duration: 0.2 } }, exit: { opacity: 0, height: 0 }, sx: {
+                            })), jsx(Flex, { sx: { minWidth: '10px' }, children: jsx(Caret, { direction: open ? 'up' : 'down' }) })] }), jsx(AnimatePresence, { children: open && (jsx(motion.div, { initial: { opacity: 0, height: 0 }, animate: { opacity: 1, height: 'fit-content' }, transition: { opacity: { duration: 0.2 } }, exit: { opacity: 0, height: 0 }, sx: {
                                 ...styles.ul,
                                 zIndex: 10,
                                 top: position === positions.BOTTOM ? 'calc(100% + 5px)' : undefined,

package/dist/components/uikit-sdk/Select/Select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.js","sources":["../../../../src/components/uikit-sdk/Select/Select.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react'\nimport { Box, Flex } from 'theme-ui'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { SelectProps, selectPadding, sizes, positions, selectedExtraPadding } from './types'\nimport ~~Svg~~ from '~~../Svg~~'\nimport ~~styles~~ from '~~./styles~~'\n\nconst Select = ({\n children,\n active,\n width = 'fit-content',\n size = sizes.MEDIUM,\n position = positions.BOTTOM,\n className,\n label,\n ...props\n}: SelectProps) => {\n const inputRef = useRef<HTMLInputElement>(null)\n const [open, setOpen] = useState(false)\n\n const handleClick = () => setOpen((prev) => !prev)\n\n const setNativeInput = (val: string) => {\n const input = inputRef?.current\n\n if (input) {\n Object?.getOwnPropertyDescriptor?.(window.HTMLInputElement.prototype, 'value')?.set?.call(input, val)\n input.dispatchEvent(new Event('change', { bubbles: true }))\n }\n }\n\n return (\n <>\n <Box sx={{ ...styles.container, width }} onClick={handleClick} className={className}>\n <Flex\n sx={{\n padding: selectedExtraPadding[size],\n pr: selectPadding[size],\n columnGap: '10px',\n alignItems: 'center',\n justifyContent: 'space-between',\n width: '100%',\n overflow: 'hidden',\n }}\n >\n {label ? (\n <Box>{label}</Box>\n ) : (\n React.Children.map(children, (child) => {\n if ((child as any)?.props?.value !== active) {\n return null\n }\n return React.cloneElement(child as any, {\n ...(child as any)?.props,\n active: true,\n })\n })\n )}\n <Flex sx={{ minWidth: '10px' }}>\n <~~Svg~~ ~~icon=\"caret\"~~ direction={open ? 'up' : 'down'} />\n </Flex>\n </Flex>\n <AnimatePresence>\n {open && (\n <motion.div\n initial={{ opacity: 0, height: 0 }}\n animate={{ opacity: 1, height: 'fit-content' }}\n transition={{ opacity: { duration: 0.2 } }}\n exit={{ opacity: 0, height: 0 }}\n sx={{\n ...styles.ul,\n zIndex: 10,\n top: position === positions.BOTTOM ? 'calc(100% + 5px)' : undefined,\n bottom: position === positions.TOP ? 'calc(100% + 5px)' : undefined,\n }}\n >\n {React.Children.map(children, (child) => {\n return React.cloneElement(child as any, {\n ...(child as any)?.props,\n active: false,\n onClick: () => setNativeInput((child as any)?.props?.value),\n })\n })}\n </motion.div>\n )}\n </AnimatePresence>\n <input ref={inputRef} value={active \|\| ''} aria-hidden=\"true\" tabIndex={-1} {...props} sx={styles.input} />\n </Box>\n {open && <div aria-hidden=\"true\" onClick={() => setOpen(false)} sx={styles.backdrop} />}\n </>\n )\n}\n\nexport default Select\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;;AAOA,MAAM,MAAM,GAAG,CAAC,EACd,QAAQ,EACR,MAAM,EACN,KAAK,GAAG,aAAa,EACrB,IAAI,GAAG,KAAK,CAAC,MAAM,EACnB,QAAQ,GAAG,SAAS,CAAC,MAAM,EAC3B,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACI,KAAI;AAChB,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAmB,IAAI,CAAC;IAC/C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;AAEvC,IAAA,MAAM,WAAW,GAAG,MAAM,OAAO,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC;AAElD,IAAA,MAAM,cAAc,GAAG,CAAC,GAAW,KAAI;AACrC,QAAA,MAAM,KAAK,GAAG,QAAQ,EAAE,OAAO;QAE/B,IAAI,KAAK,EAAE;YACT,MAAM,EAAE,wBAAwB,GAAG,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,OAAO,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,CAAC;AACrG,YAAA,KAAK,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;QAC7D;AACF,IAAA,CAAC;AAED,IAAA,QACEA,IAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,IAAA,CAAC,GAAG,EAAA,EAAC,EAAE,EAAE,EAAE,GAAG,MAAM,CAAC,SAAS,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAA,QAAA,EAAA,CACjFA,IAAA,CAAC,IAAI,EAAA,EACH,EAAE,EAAE;AACF,4BAAA,OAAO,EAAE,oBAAoB,CAAC,IAAI,CAAC;AACnC,4BAAA,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC;AACvB,4BAAA,SAAS,EAAE,MAAM;AACjB,4BAAA,UAAU,EAAE,QAAQ;AACpB,4BAAA,cAAc,EAAE,eAAe;AAC/B,4BAAA,KAAK,EAAE,MAAM;AACb,4BAAA,QAAQ,EAAE,QAAQ;yBACnB,EAAA,QAAA,EAAA,CAEA,KAAK,IACJE,GAAA,CAAC,GAAG,EAAA,EAAA,QAAA,EAAE,KAAK,EAAA,CAAO,KAElB,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAI;gCACrC,IAAK,KAAa,EAAE,KAAK,EAAE,KAAK,KAAK,MAAM,EAAE;AAC3C,oCAAA,OAAO,IAAI;gCACb;AACA,gCAAA,OAAO,KAAK,CAAC,YAAY,CAAC,KAAY,EAAE;oCACtC,GAAI,KAAa,EAAE,KAAK;AACxB,oCAAA,MAAM,EAAE,IAAI;AACb,iCAAA,CAAC;4BACJ,CAAC,CAAC,CACH,EACDA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,YAC5BA,GAAA,CAAC,~~GAAG~~,IAAC,~~IAAI,EAAC,OAAO,EAAC,~~SAAS,EAAE,IAAI,GAAG,IAAI,GAAG,MAAM,GAAI,EAAA,~~CAChD~~,CAAA,EAAA,CACF,EACPA,GAAA,CAAC,eAAe,cACb,IAAI,KACHA,GAAA,CAAC,MAAM,CAAC,GAAG,EAAA,EACT,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAClC,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,aAAa,EAAE,EAC9C,UAAU,EAAE,EAAE,OAAO,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAC1C,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,EAC/B,EAAE,EAAE;gCACF,GAAG,MAAM,CAAC,EAAE;AACZ,gCAAA,MAAM,EAAE,EAAE;AACV,gCAAA,GAAG,EAAE,QAAQ,KAAK,SAAS,CAAC,MAAM,GAAG,kBAAkB,GAAG,SAAS;AACnE,gCAAA,MAAM,EAAE,QAAQ,KAAK,SAAS,CAAC,GAAG,GAAG,kBAAkB,GAAG,SAAS;6BACpE,EAAA,QAAA,EAEA,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,KAAK,KAAI;AACtC,gCAAA,OAAO,KAAK,CAAC,YAAY,CAAC,KAAY,EAAE;oCACtC,GAAI,KAAa,EAAE,KAAK;AACxB,oCAAA,MAAM,EAAE,KAAK;oCACb,OAAO,EAAE,MAAM,cAAc,CAAE,KAAa,EAAE,KAAK,EAAE,KAAK,CAAC;AAC5D,iCAAA,CAAC;4BACJ,CAAC,CAAC,EAAA,CACS,CACd,EAAA,CACe,EAClBA,GAAA,CAAA,OAAA,EAAA,EAAO,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,IAAI,EAAE,EAAA,aAAA,EAAc,MAAM,EAAC,QAAQ,EAAE,EAAE,EAAA,GAAM,KAAK,EAAE,EAAE,EAAE,MAAM,CAAC,KAAK,EAAA,CAAI,CAAA,EAAA,CACvG,EACL,IAAI,IAAIA,GAAA,CAAA,KAAA,EAAA,EAAA,aAAA,EAAiB,MAAM,EAAC,OAAO,EAAE,MAAM,OAAO,CAAC,KAAK,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,QAAQ,EAAA,CAAI,CAAA,EAAA,CACtF;AAEP;;;;"}
1	+ {"version":3,"file":"Select.js","sources":["../../../../src/components/uikit-sdk/Select/Select.tsx"],"sourcesContent":["import React, { useRef, useState } from 'react'\nimport { Box, Flex } from 'theme-ui'\nimport { AnimatePresence, motion } from 'framer-motion'\nimport { SelectProps, selectPadding, sizes, positions, selectedExtraPadding } from './types'\nimport styles from './styles'\nimport Caret from '../Svg/Icons/Caret'\n\nconst Select = ({\n children,\n active,\n width = 'fit-content',\n size = sizes.MEDIUM,\n position = positions.BOTTOM,\n className,\n label,\n ...props\n}: SelectProps) => {\n const inputRef = useRef<HTMLInputElement>(null)\n const [open, setOpen] = useState(false)\n\n const handleClick = () => setOpen((prev) => !prev)\n\n const setNativeInput = (val: string) => {\n const input = inputRef?.current\n\n if (input) {\n Object?.getOwnPropertyDescriptor?.(window.HTMLInputElement.prototype, 'value')?.set?.call(input, val)\n input.dispatchEvent(new Event('change', { bubbles: true }))\n }\n }\n\n return (\n <>\n <Box sx={{ ...styles.container, width }} onClick={handleClick} className={className}>\n <Flex\n sx={{\n padding: selectedExtraPadding[size],\n pr: selectPadding[size],\n columnGap: '10px',\n alignItems: 'center',\n justifyContent: 'space-between',\n width: '100%',\n overflow: 'hidden',\n }}\n >\n {label ? (\n <Box>{label}</Box>\n ) : (\n React.Children.map(children, (child) => {\n if ((child as any)?.props?.value !== active) {\n return null\n }\n return React.cloneElement(child as any, {\n ...(child as any)?.props,\n active: true,\n })\n })\n )}\n <Flex sx={{ minWidth: '10px' }}>\n <Caret direction={open ? 'up' : 'down'} />\n </Flex>\n </Flex>\n <AnimatePresence>\n {open && (\n <motion.div\n initial={{ opacity: 0, height: 0 }}\n animate={{ opacity: 1, height: 'fit-content' }}\n transition={{ opacity: { duration: 0.2 } }}\n exit={{ opacity: 0, height: 0 }}\n sx={{\n ...styles.ul,\n zIndex: 10,\n top: position === positions.BOTTOM ? 'calc(100% + 5px)' : undefined,\n bottom: position === positions.TOP ? 'calc(100% + 5px)' : undefined,\n }}\n >\n {React.Children.map(children, (child) => {\n return React.cloneElement(child as any, {\n ...(child as any)?.props,\n active: false,\n onClick: () => setNativeInput((child as any)?.props?.value),\n })\n })}\n </motion.div>\n )}\n </AnimatePresence>\n <input ref={inputRef} value={active \|\| ''} aria-hidden=\"true\" tabIndex={-1} {...props} sx={styles.input} />\n </Box>\n {open && <div aria-hidden=\"true\" onClick={() => setOpen(false)} sx={styles.backdrop} />}\n </>\n )\n}\n\nexport default Select\n"],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}

package/dist/components/uikit-sdk/Svg/Icons/Arrow.js CHANGED Viewed

@@ -1,13 +1,14 @@
 import { jsx } from 'theme-ui/jsx-runtime';
+import { dynamicStyles } from '../styles.js';
-const Arrow = ({ direction = 'down', color = 'text', width, getStyles }) => {
+const Arrow = ({ direction = 'down', color = 'text', width }) => {
     const deg = {
         left: 90,
         up: 180,
         right: 270,
         down: 0,
     };
-    const style = getStyles({
+    const style = dynamicStyles.generic({
         degree: deg[direction],
         color,
     });

package/dist/components/uikit-sdk/Svg/Icons/Arrow.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Arrow.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Arrow.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\n\nconst Arrow: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width, ~~getStyles~~ }) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = ~~getStyles~~({\n degree: deg[direction as keyof rotation],\n color,\n })\n\n return (\n <svg width={width \|\| '6'} viewBox=\"0 0 6 11\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <path\n d=\"M3.00373 5.59387C3.77667 5.59387 4.4765 5.63946 4.90699 5.72433C4.9137 5.72433 5.30764 5.80842 5.43895 5.86265C5.62845 5.94752 5.78886 6.10077 5.89107 6.29253C5.96419 6.44578 6 6.60767 6 6.77664C5.99329 6.95268 5.88361 7.28354 5.83213 7.41399C5.51206 8.27375 4.46158 9.91705 3.82069 10.5473C3.71848 10.6542 3.59463 10.7697 3.56553 10.8004C3.40438 10.9308 3.20816 11 2.99702 11C2.80677 11 2.61726 10.9387 2.46431 10.8153C2.38486 10.7564 2.26889 10.6391 2.21587 10.5841L2.18752 10.5544C1.5235 9.90997 0.525243 8.3044 0.204428 7.49022C0.197588 7.49022 0.0377811 7.0841 0.00544739 6.83905L0 6.77664L0 6.74599C0 6.39234 0.189506 6.06226 0.496146 5.8933C0.664015 5.80135 1.15195 5.71647 1.15941 5.70861C1.59662 5.63946 2.26735 5.59387 3.00373 5.59387ZM3.00037 0C3.39347 0 3.71639 0.314279 3.75523 0.717488L3.75914 0.799248L3.59575 3.82885C3.59575 4.17542 3.3294 4.45599 3.00037 4.45599C2.69485 4.45599 2.44337 4.21407 2.409 3.90203L2.405 3.82885L2.24086 0.799248C2.24086 0.357579 2.58107 0 3.00037 0Z\"\n fill=\"#FAFAFA\"\n />\n </svg>\n )\n}\n\nexport default Arrow\n"],"names":["_jsx"],"mappings":"~~;;AAGA~~,MAAM,KAAK,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,~~SAAS,EAAE,~~KAAI;~~AAC7F~~,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;~~IACD~~,MAAM,KAAK,GAAG,~~SAAS~~,CAAC;~~AACtB~~,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,GAAG,EAAE,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACnGA,cACE,CAAC,EAAC,o+BAAo+B,EACt+B,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}
1	+ {"version":3,"file":"Arrow.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Arrow.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst Arrow: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width }) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = dynamicStyles.generic({\n degree: deg[direction as keyof rotation],\n color,\n })\n\n return (\n <svg width={width \|\| '6'} viewBox=\"0 0 6 11\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <path\n d=\"M3.00373 5.59387C3.77667 5.59387 4.4765 5.63946 4.90699 5.72433C4.9137 5.72433 5.30764 5.80842 5.43895 5.86265C5.62845 5.94752 5.78886 6.10077 5.89107 6.29253C5.96419 6.44578 6 6.60767 6 6.77664C5.99329 6.95268 5.88361 7.28354 5.83213 7.41399C5.51206 8.27375 4.46158 9.91705 3.82069 10.5473C3.71848 10.6542 3.59463 10.7697 3.56553 10.8004C3.40438 10.9308 3.20816 11 2.99702 11C2.80677 11 2.61726 10.9387 2.46431 10.8153C2.38486 10.7564 2.26889 10.6391 2.21587 10.5841L2.18752 10.5544C1.5235 9.90997 0.525243 8.3044 0.204428 7.49022C0.197588 7.49022 0.0377811 7.0841 0.00544739 6.83905L0 6.77664L0 6.74599C0 6.39234 0.189506 6.06226 0.496146 5.8933C0.664015 5.80135 1.15195 5.71647 1.15941 5.70861C1.59662 5.63946 2.26735 5.59387 3.00373 5.59387ZM3.00037 0C3.39347 0 3.71639 0.314279 3.75523 0.717488L3.75914 0.799248L3.59575 3.82885C3.59575 4.17542 3.3294 4.45599 3.00037 4.45599C2.69485 4.45599 2.44337 4.21407 2.409 3.90203L2.405 3.82885L2.24086 0.799248C2.24086 0.357579 2.58107 0 3.00037 0Z\"\n fill=\"#FAFAFA\"\n />\n </svg>\n )\n}\n\nexport default Arrow\n"],"names":["_jsx"],"mappings":";;;AAIA,MAAM,KAAK,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,KAAI;AAClF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,GAAG,EAAE,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACnGA,cACE,CAAC,EAAC,o+BAAo+B,EACt+B,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/Caret.js CHANGED Viewed

@@ -1,13 +1,14 @@
 import { jsx } from 'theme-ui/jsx-runtime';
+import { dynamicStyles } from '../styles.js';
-const Caret = ({ direction = 'down', color = 'text', width, getStyles }) => {
+const Caret = ({ direction = 'down', color = 'text', width }) => {
     const deg = {
         left: 90,
         up: 180,
         right: 270,
         down: 0,
     };
-    const style = getStyles({
+    const style = dynamicStyles.generic({
         degree: deg[direction],
         color,
     });

package/dist/components/uikit-sdk/Svg/Icons/Caret.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Caret.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Caret.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\n\nconst Caret: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width, ~~getStyles~~ }) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = ~~getStyles~~({\n degree: deg[direction as keyof rotation],\n color,\n })\n\n return (\n <svg width={width \|\| '10'} viewBox=\"0 0 10 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <path\n d=\"M4.30702 7.70463C4.26072 7.65942 4.06273 7.48875 3.89987 7.32976C2.87559 6.39766 1.19907 3.9661 0.687336 2.69342C0.605106 2.50015 0.431067 2.01149 0.419891 1.75041C0.419891 1.50024 0.477372 1.26176 0.59393 1.03419C0.756792 0.750511 1.01306 0.522942 1.31563 0.398246C1.52559 0.317973 2.15389 0.193278 2.16507 0.193278C2.85244 0.0685823 3.96932 -2.63609e-07 5.20356 -2.09659e-07C6.37952 -1.58256e-07 7.45089 0.0685824 8.14864 0.170677C8.15982 0.182367 8.9406 0.307063 9.20804 0.443449C9.69663 0.693619 10 1.18227 10 1.70521L10 1.75041C9.98802 2.09099 9.68465 2.80721 9.67348 2.80721C9.16094 4.0113 7.56665 6.38675 6.50725 7.34145C6.50725 7.34145 6.23502 7.61033 6.06497 7.72723C5.82068 7.9096 5.51811 8 5.21553 8C4.87783 8 4.56329 7.8979 4.30702 7.70463Z\"\n fill=\"#4D4040\"\n />\n </svg>\n )\n}\n\nexport default Caret\n"],"names":["_jsx"],"mappings":"~~;;AAGA~~,MAAM,KAAK,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,~~SAAS,EAAE,~~KAAI;~~AAC7F~~,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;~~IACD~~,MAAM,KAAK,GAAG,~~SAAS~~,CAAC;~~AACtB~~,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACpGA,cACE,CAAC,EAAC,kvBAAkvB,EACpvB,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}
1	+ {"version":3,"file":"Caret.js","sources":["../../../../../src/components/uikit-sdk/Svg/Icons/Caret.tsx"],"sourcesContent":["import React from 'react'\nimport { SvgProps, rotation } from './types'\nimport { dynamicStyles } from '../styles'\n\nconst Caret: React.FC<SvgProps> = ({ direction = 'down', color = 'text', width }) => {\n const deg: rotation = {\n left: 90,\n up: 180,\n right: 270,\n down: 0,\n }\n const style = dynamicStyles.generic({\n degree: deg[direction as keyof rotation],\n color,\n })\n\n return (\n <svg width={width \|\| '10'} viewBox=\"0 0 10 8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" sx={style}>\n <path\n d=\"M4.30702 7.70463C4.26072 7.65942 4.06273 7.48875 3.89987 7.32976C2.87559 6.39766 1.19907 3.9661 0.687336 2.69342C0.605106 2.50015 0.431067 2.01149 0.419891 1.75041C0.419891 1.50024 0.477372 1.26176 0.59393 1.03419C0.756792 0.750511 1.01306 0.522942 1.31563 0.398246C1.52559 0.317973 2.15389 0.193278 2.16507 0.193278C2.85244 0.0685823 3.96932 -2.63609e-07 5.20356 -2.09659e-07C6.37952 -1.58256e-07 7.45089 0.0685824 8.14864 0.170677C8.15982 0.182367 8.9406 0.307063 9.20804 0.443449C9.69663 0.693619 10 1.18227 10 1.70521L10 1.75041C9.98802 2.09099 9.68465 2.80721 9.67348 2.80721C9.16094 4.0113 7.56665 6.38675 6.50725 7.34145C6.50725 7.34145 6.23502 7.61033 6.06497 7.72723C5.82068 7.9096 5.51811 8 5.21553 8C4.87783 8 4.56329 7.8979 4.30702 7.70463Z\"\n fill=\"#4D4040\"\n />\n </svg>\n )\n}\n\nexport default Caret\n"],"names":["_jsx"],"mappings":";;;AAIA,MAAM,KAAK,GAAuB,CAAC,EAAE,SAAS,GAAG,MAAM,EAAE,KAAK,GAAG,MAAM,EAAE,KAAK,EAAE,KAAI;AAClF,IAAA,MAAM,GAAG,GAAa;AACpB,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,KAAK,EAAE,GAAG;AACV,QAAA,IAAI,EAAE,CAAC;KACR;AACD,IAAA,MAAM,KAAK,GAAG,aAAa,CAAC,OAAO,CAAC;AAClC,QAAA,MAAM,EAAE,GAAG,CAAC,SAA2B,CAAC;QACxC,KAAK;AACN,KAAA,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAK,KAAK,EAAE,KAAK,IAAI,IAAI,EAAE,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EACpGA,cACE,CAAC,EAAC,kvBAAkvB,EACpvB,IAAI,EAAC,SAAS,EAAA,CACd,EAAA,CACE;AAEV;;;;"}