@ape.swap/bonds-sdk 6.2.1 → 6.2.3

package/dist/components/MenuSelect/MenuSelect.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export type Option = {
+type Option = {
     label: string;
     value: string;
 };

package/dist/components/MenuSelect/MenuSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuSelect.js","sources":["../../../src/components/MenuSelect/MenuSelect.tsx"],"sourcesContent":["import React from 'react'\nimport Select from '../uikit-sdk/Select/Select'\nimport SelectItem from '../uikit-sdk/Select/SelectItem'\nimport Text from '../uikit-sdk/Text'\n\nexport type Option = {\n  label: string\n  value: string\n}\n\nconst MenuSelect = ({\n  selectedOption,\n  setOption,\n  options,\n  ...props\n}:\n  | {\n      selectedOption: string\n      setOption: (option: string) => void\n      options: Option[] | undefined\n    }\n  | any) => {\n  return (\n    <Select\n      size=\"xsm\"\n      onChange={(e) => setOption(e.target.value)}\n      active={selectedOption}\n      sx={{\n        height: '36px',\n        display: 'flex',\n        width: '100%',\n        paddingRight: '4px',\n        background: 'white2',\n      }}\n      {...props}\n      className=\"dropdown\"\n    >\n      {options?.map((option: Option) => {\n        return (\n          <SelectItem size=\"xsm\" value={option.value} key={option.label}>\n            <Text sx={{ fontWeight: 400, pl: '10px' }} className=\"menu-selector\">\n              {option.label}\n            </Text>\n          </SelectItem>\n        )\n      })}\n    </Select>\n  )\n}\n\nexport default MenuSelect\n"],"names":["_jsx"],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,CAAC,EAClB,cAAc,EACd,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EAOH,KAAI;AACT,IAAA,QACEA,GAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1C,MAAM,EAAE,cAAc,EACtB,EAAE,EAAE;AACF,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,YAAY,EAAE,KAAK;AACnB,YAAA,UAAU,EAAE,QAAQ;AACrB,SAAA,EAAA,GACG,KAAK,EACT,SAAS,EAAC,UAAU,EAAA,QAAA,EAEnB,OAAO,EAAE,GAAG,CAAC,CAAC,MAAc,KAAI;AAC/B,YAAA,QACEA,GAAA,CAAC,UAAU,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAA,QAAA,EACxCA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,SAAS,EAAC,eAAe,EAAA,QAAA,EACjE,MAAM,CAAC,KAAK,GACR,EAAA,EAHwC,MAAM,CAAC,KAAK,CAIhD;QAEjB,CAAC,CAAC,EAAA,CACK;AAEb;;;;"}
+{"version":3,"file":"MenuSelect.js","sources":["../../../src/components/MenuSelect/MenuSelect.tsx"],"sourcesContent":["import React from 'react'\nimport Select from '../uikit-sdk/Select/Select'\nimport SelectItem from '../uikit-sdk/Select/SelectItem'\nimport Text from '../uikit-sdk/Text'\n\ntype Option = {\n  label: string\n  value: string\n}\n\nconst MenuSelect = ({\n  selectedOption,\n  setOption,\n  options,\n  ...props\n}:\n  | {\n      selectedOption: string\n      setOption: (option: string) => void\n      options: Option[] | undefined\n    }\n  | any) => {\n  return (\n    <Select\n      size=\"xsm\"\n      onChange={(e) => setOption(e.target.value)}\n      active={selectedOption}\n      sx={{\n        height: '36px',\n        display: 'flex',\n        width: '100%',\n        paddingRight: '4px',\n        background: 'white2',\n      }}\n      {...props}\n      className=\"dropdown\"\n    >\n      {options?.map((option: Option) => {\n        return (\n          <SelectItem size=\"xsm\" value={option.value} key={option.label}>\n            <Text sx={{ fontWeight: 400, pl: '10px' }} className=\"menu-selector\">\n              {option.label}\n            </Text>\n          </SelectItem>\n        )\n      })}\n    </Select>\n  )\n}\n\nexport default MenuSelect\n"],"names":["_jsx"],"mappings":";;;;;AAUA,MAAM,UAAU,GAAG,CAAC,EAClB,cAAc,EACd,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EAOH,KAAI;AACT,IAAA,QACEA,GAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,CAAC,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC1C,MAAM,EAAE,cAAc,EACtB,EAAE,EAAE;AACF,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,YAAY,EAAE,KAAK;AACnB,YAAA,UAAU,EAAE,QAAQ;AACrB,SAAA,EAAA,GACG,KAAK,EACT,SAAS,EAAC,UAAU,EAAA,QAAA,EAEnB,OAAO,EAAE,GAAG,CAAC,CAAC,MAAc,KAAI;AAC/B,YAAA,QACEA,GAAA,CAAC,UAAU,IAAC,IAAI,EAAC,KAAK,EAAC,KAAK,EAAE,MAAM,CAAC,KAAK,EAAA,QAAA,EACxCA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,SAAS,EAAC,eAAe,EAAA,QAAA,EACjE,MAAM,CAAC,KAAK,GACR,EAAA,EAHwC,MAAM,CAAC,KAAK,CAIhD;QAEjB,CAAC,CAAC,EAAA,CACK;AAEb;;;;"}

package/dist/components/ProgressBar/ProgressBarWrapper.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { ThemeUIStyleObject } from 'theme-ui';
-export interface ProgressBarWrapperProps {
+interface ProgressBarWrapperProps {
     title?: string;
     value?: React.ReactNode;
     value2Direction?: 'column' | 'row';

package/dist/components/ProgressBar/ProgressBarWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBarWrapper.js","sources":["../../../src/components/ProgressBar/ProgressBarWrapper.tsx"],"sourcesContent":["import React from 'react'\nimport { styles } from './styles'\nimport { ThemeUIStyleObject } from 'theme-ui'\nimport Flex from '../uikit-sdk/Flex'\nimport TooltipBubble from '../uikit-sdk/TooltipBubble'\nimport Skeleton from '../uikit-sdk/Skeleton'\nimport Text from '../uikit-sdk/Text'\n\nexport interface ProgressBarWrapperProps {\n  title?: string\n  value?: React.ReactNode\n  value2Direction?: 'column' | 'row'\n  toolTip?: string\n  toolTipPlacement?: 'topLeft' | 'topRight' | 'bottomRight' | 'bottomLeft'\n  toolTipTransform?: string\n  style?: ThemeUIStyleObject\n  showTooltip?: boolean\n}\n\nconst ProgressBarWrapper: React.FC<ProgressBarWrapperProps> = ({\n  title,\n  value,\n  style,\n  showTooltip,\n  toolTipPlacement,\n  toolTipTransform,\n  toolTip,\n}) => {\n  return (\n    <Flex sx={style}>\n      <Flex sx={{ alignItems: 'center' }}>\n        <Text sx={styles.titleText}>{`${title}`}</Text>\n      </Flex>\n      {showTooltip ? (\n        <Flex sx={{ alignItems: 'center', width: '100%' }}>\n          <TooltipBubble\n            placement={toolTipPlacement}\n            transformTip={toolTipTransform}\n            body={<Flex sx={{ justifyContent: 'center' }}>{toolTip}</Flex>}\n            width=\"250px\"\n          >\n            <Flex sx={{ justifyContent: 'center', alignItems: 'center', width: '127px' }}>\n              {value ? value : <Skeleton sx={styles.skeleton} />}\n            </Flex>\n          </TooltipBubble>\n        </Flex>\n      ) : (\n        <Flex sx={{ justifyContent: 'center', alignItems: 'center' }}>\n          {value ? value : <Skeleton sx={styles.skeleton} />}\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default React.memo(ProgressBarWrapper)\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAmBA,MAAM,kBAAkB,GAAsC,CAAC,EAC7D,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,GACR,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EAAA,CACbC,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EAChCA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,MAAM,CAAC,SAAS,EAAA,QAAA,EAAG,CAAA,EAAG,KAAK,CAAA,CAAE,GAAQ,EAAA,CAC1C,EACN,WAAW,IACVA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EAC/CA,GAAA,CAAC,aAAa,EAAA,EACZ,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EAAE,gBAAgB,EAC9B,IAAI,EAAEA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAG,OAAO,GAAQ,EAC9D,KAAK,EAAC,OAAO,YAEbA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,EAAA,QAAA,EACzE,KAAK,GAAG,KAAK,GAAGA,GAAA,CAAC,QAAQ,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,QAAQ,EAAA,CAAI,GAC7C,EAAA,CACO,EAAA,CACX,KAEPA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EACzD,KAAK,GAAG,KAAK,GAAGA,GAAA,CAAC,QAAQ,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,QAAQ,EAAA,CAAI,GAC7C,CACR,CAAA,EAAA,CACI;AAEX,CAAC;AAED,2BAAe,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC;;;;"}
+{"version":3,"file":"ProgressBarWrapper.js","sources":["../../../src/components/ProgressBar/ProgressBarWrapper.tsx"],"sourcesContent":["import React from 'react'\nimport { styles } from './styles'\nimport { ThemeUIStyleObject } from 'theme-ui'\nimport Flex from '../uikit-sdk/Flex'\nimport TooltipBubble from '../uikit-sdk/TooltipBubble'\nimport Skeleton from '../uikit-sdk/Skeleton'\nimport Text from '../uikit-sdk/Text'\n\ninterface ProgressBarWrapperProps {\n  title?: string\n  value?: React.ReactNode\n  value2Direction?: 'column' | 'row'\n  toolTip?: string\n  toolTipPlacement?: 'topLeft' | 'topRight' | 'bottomRight' | 'bottomLeft'\n  toolTipTransform?: string\n  style?: ThemeUIStyleObject\n  showTooltip?: boolean\n}\n\nconst ProgressBarWrapper: React.FC<ProgressBarWrapperProps> = ({\n  title,\n  value,\n  style,\n  showTooltip,\n  toolTipPlacement,\n  toolTipTransform,\n  toolTip,\n}) => {\n  return (\n    <Flex sx={style}>\n      <Flex sx={{ alignItems: 'center' }}>\n        <Text sx={styles.titleText}>{`${title}`}</Text>\n      </Flex>\n      {showTooltip ? (\n        <Flex sx={{ alignItems: 'center', width: '100%' }}>\n          <TooltipBubble\n            placement={toolTipPlacement}\n            transformTip={toolTipTransform}\n            body={<Flex sx={{ justifyContent: 'center' }}>{toolTip}</Flex>}\n            width=\"250px\"\n          >\n            <Flex sx={{ justifyContent: 'center', alignItems: 'center', width: '127px' }}>\n              {value ? value : <Skeleton sx={styles.skeleton} />}\n            </Flex>\n          </TooltipBubble>\n        </Flex>\n      ) : (\n        <Flex sx={{ justifyContent: 'center', alignItems: 'center' }}>\n          {value ? value : <Skeleton sx={styles.skeleton} />}\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default React.memo(ProgressBarWrapper)\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;AAmBA,MAAM,kBAAkB,GAAsC,CAAC,EAC7D,KAAK,EACL,KAAK,EACL,KAAK,EACL,WAAW,EACX,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,GACR,KAAI;AACH,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,KAAK,EAAA,QAAA,EAAA,CACbC,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EAChCA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,MAAM,CAAC,SAAS,EAAA,QAAA,EAAG,CAAA,EAAG,KAAK,CAAA,CAAE,GAAQ,EAAA,CAC1C,EACN,WAAW,IACVA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE,EAAA,QAAA,EAC/CA,GAAA,CAAC,aAAa,EAAA,EACZ,SAAS,EAAE,gBAAgB,EAC3B,YAAY,EAAE,gBAAgB,EAC9B,IAAI,EAAEA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAG,OAAO,GAAQ,EAC9D,KAAK,EAAC,OAAO,YAEbA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,EAAE,EAAA,QAAA,EACzE,KAAK,GAAG,KAAK,GAAGA,GAAA,CAAC,QAAQ,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,QAAQ,EAAA,CAAI,GAC7C,EAAA,CACO,EAAA,CACX,KAEPA,GAAA,CAAC,IAAI,IAAC,EAAE,EAAE,EAAE,cAAc,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EACzD,KAAK,GAAG,KAAK,GAAGA,GAAA,CAAC,QAAQ,EAAA,EAAC,EAAE,EAAE,MAAM,CAAC,QAAQ,EAAA,CAAI,GAC7C,CACR,CAAA,EAAA,CACI;AAEX,CAAC;AAED,2BAAe,KAAK,CAAC,IAAI,CAAC,kBAAkB,CAAC;;;;"}

package/dist/components/TokenInfoAndName/index.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
 import { MarketingCampaign } from '@ape.swap/apeswap-lists';
-export declare const NETWORK_COLORS: Partial<Record<number, string>>;
 declare const TokenInfoAndName: ({ tokenSymbol, chain, tag, vestEnds, isHotBond, marketingCampaign, }: {
     tokenSymbol?: string;
     chain?: number;

package/dist/components/TokenInfoAndName/index.js

@@ -58,5 +58,5 @@ const TokenInfoAndName = ({ tokenSymbol, chain, tag, vestEnds, isHotBond, market
                 }, children: jsx(Flex, { sx: { display: isHotBond ? 'flex' : ['none', 'none', 'none', 'none', 'flex'] }, children: (tag || marketingCampaign) && (jsx(ListTag, { text: MCTagNameMapping[marketingCampaign] || tag, marketingCampaign: marketingCampaign })) }) })] }));
 };
 
-export { NETWORK_COLORS, TokenInfoAndName as default };
+export { TokenInfoAndName as default };
 //# sourceMappingURL=index.js.map

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

@@ -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 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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"}
+{"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\nconst 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/TokenSelectorModal/TokenRow.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from 'theme-ui/jsx-runtime';
 import Flex from '../uikit-sdk/Flex/index.js';
 import TokenImage from '../uikit-sdk/TokenImage/index.js';
-import BigNumber from 'bignumber.js';
+import { toSignificantDigitsString } from '../../utils/fixedPoint.js';
 import { Spinner } from 'theme-ui';
 import { getSymbol } from '../../utils/getNativeTicker.js';
 import isArray from 'lodash-es/isArray.js';
@@ -10,7 +10,7 @@ const TokenRow = ({ token, chainId, handleTokenSelect, tokenBalance, isConnected
     const symbol = getSymbol(token, chainId);
     const tokenAddress = token === 'NATIVE' ? 'NATIVE' : token.address[chainId];
     const splited = typeof token !== 'string' ? token?.symbol?.split('-') : undefined;
-    return (jsxs(Flex, { sx: { p: '8px', justifyContent: 'space-between', cursor: 'pointer', '&:hover': { background: 'white4' } }, onClick: () => handleTokenSelect(tokenAddress ?? ''), children: [jsxs(Flex, { children: [isArray(splited) ? (jsx(TokenImage, { symbol: splited[0], symbol2: splited[1], size: 28, chain: chainId })) : (jsx(TokenImage, { symbol: getSymbol(token, chainId), size: 28, chain: chainId })), jsx(Flex, { sx: { mx: '8px', lineHeight: '28px', fontSize: '14px' }, children: symbol })] }), isConnected && (jsx(Flex, { sx: { fontSize: '14px' }, children: tokenBalance === '0' ? ('0') : !tokenBalance ? (jsx(Spinner, { size: 15 })) : (jsx(Fragment, { children: new BigNumber(tokenBalance ?? '0')?.toPrecision(5) })) }))] }));
+    return (jsxs(Flex, { sx: { p: '8px', justifyContent: 'space-between', cursor: 'pointer', '&:hover': { background: 'white4' } }, onClick: () => handleTokenSelect(tokenAddress ?? ''), children: [jsxs(Flex, { children: [isArray(splited) ? (jsx(TokenImage, { symbol: splited[0], symbol2: splited[1], size: 28, chain: chainId })) : (jsx(TokenImage, { symbol: getSymbol(token, chainId), size: 28, chain: chainId })), jsx(Flex, { sx: { mx: '8px', lineHeight: '28px', fontSize: '14px' }, children: symbol })] }), isConnected && (jsx(Flex, { sx: { fontSize: '14px' }, children: tokenBalance === '0' ? ('0') : !tokenBalance ? (jsx(Spinner, { size: 15 })) : (jsx(Fragment, { children: toSignificantDigitsString(tokenBalance ?? '0', 5) })) }))] }));
 };
 
 export { TokenRow as default };

package/dist/components/TokenSelectorModal/TokenRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TokenRow.js","sources":["../../../src/components/TokenSelectorModal/TokenRow.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../uikit-sdk/Flex'\nimport TokenImage from '../uikit-sdk/TokenImage'\nimport { ChainId, Token } from '@ape.swap/apeswap-lists'\nimport BigNumber from 'bignumber.js'\nimport { Spinner } from 'theme-ui'\nimport { getSymbol } from '../../utils/getNativeTicker'\nimport isArray from 'lodash-es/isArray.js'\n\nconst TokenRow = ({\n  token,\n  chainId,\n  handleTokenSelect,\n  tokenBalance,\n  isConnected,\n}: {\n  token: 'NATIVE' | Token\n  chainId: ChainId\n  handleTokenSelect: (currency: string) => void\n  tokenBalance?: string\n  isConnected: boolean\n}) => {\n  const symbol = getSymbol(token, chainId)\n  const tokenAddress = token === 'NATIVE' ? 'NATIVE' : token.address[chainId]\n\n  const splited = typeof token !== 'string' ? token?.symbol?.split('-') : undefined\n\n  return (\n    <Flex\n      sx={{ p: '8px', justifyContent: 'space-between', cursor: 'pointer', '&:hover': { background: 'white4' } }}\n      onClick={() => handleTokenSelect(tokenAddress ?? '')}\n    >\n      <Flex>\n        {isArray(splited) ? (\n          <TokenImage symbol={splited[0]} symbol2={splited[1]} size={28} chain={chainId} />\n        ) : (\n          <TokenImage symbol={getSymbol(token, chainId)} size={28} chain={chainId} />\n        )}\n        <Flex sx={{ mx: '8px', lineHeight: '28px', fontSize: '14px' }}>{symbol}</Flex>\n      </Flex>\n      {isConnected && (\n        <Flex sx={{ fontSize: '14px' }}>\n          {tokenBalance === '0' ? (\n            '0'\n          ) : !tokenBalance ? (\n            <Spinner size={15} />\n          ) : (\n            <>{new BigNumber(tokenBalance ?? '0')?.toPrecision(5)}</>\n          )}\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default TokenRow\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;;;AASA,MAAM,QAAQ,GAAG,CAAC,EAChB,KAAK,EACL,OAAO,EACP,iBAAiB,EACjB,YAAY,EACZ,WAAW,GAOZ,KAAI;IACH,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC;AACxC,IAAA,MAAM,YAAY,GAAG,KAAK,KAAK,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC;IAE3E,MAAM,OAAO,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,SAAS;IAEjF,QACEA,KAAC,IAAI,EAAA,EACH,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EACzG,OAAO,EAAE,MAAM,iBAAiB,CAAC,YAAY,IAAI,EAAE,CAAC,EAAA,QAAA,EAAA,CAEpDA,KAAC,IAAI,EAAA,EAAA,QAAA,EAAA,CACF,OAAO,CAAC,OAAO,CAAC,IACfC,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,OAAO,EAAA,CAAI,KAEjFA,GAAA,CAAC,UAAU,EAAA,EAAC,MAAM,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,GAAI,CAC5E,EACDA,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAG,MAAM,EAAA,CAAQ,IACzE,EACN,WAAW,KACVA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,YAC3B,YAAY,KAAK,GAAG,IACnB,GAAG,IACD,CAAC,YAAY,IACfA,GAAA,CAAC,OAAO,IAAC,IAAI,EAAE,EAAE,EAAA,CAAI,KAErBA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAG,IAAI,SAAS,CAAC,YAAY,IAAI,GAAG,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAA,CAAI,CAC1D,EAAA,CACI,CACR,CAAA,EAAA,CACI;AAEX;;;;"}
+{"version":3,"file":"TokenRow.js","sources":["../../../src/components/TokenSelectorModal/TokenRow.tsx"],"sourcesContent":["import React from 'react'\nimport Flex from '../uikit-sdk/Flex'\nimport TokenImage from '../uikit-sdk/TokenImage'\nimport { ChainId, Token } from '@ape.swap/apeswap-lists'\nimport { toSignificantDigitsString } from '../../utils/fixedPoint'\nimport { Spinner } from 'theme-ui'\nimport { getSymbol } from '../../utils/getNativeTicker'\nimport isArray from 'lodash-es/isArray.js'\n\nconst TokenRow = ({\n  token,\n  chainId,\n  handleTokenSelect,\n  tokenBalance,\n  isConnected,\n}: {\n  token: 'NATIVE' | Token\n  chainId: ChainId\n  handleTokenSelect: (currency: string) => void\n  tokenBalance?: string\n  isConnected: boolean\n}) => {\n  const symbol = getSymbol(token, chainId)\n  const tokenAddress = token === 'NATIVE' ? 'NATIVE' : token.address[chainId]\n\n  const splited = typeof token !== 'string' ? token?.symbol?.split('-') : undefined\n\n  return (\n    <Flex\n      sx={{ p: '8px', justifyContent: 'space-between', cursor: 'pointer', '&:hover': { background: 'white4' } }}\n      onClick={() => handleTokenSelect(tokenAddress ?? '')}\n    >\n      <Flex>\n        {isArray(splited) ? (\n          <TokenImage symbol={splited[0]} symbol2={splited[1]} size={28} chain={chainId} />\n        ) : (\n          <TokenImage symbol={getSymbol(token, chainId)} size={28} chain={chainId} />\n        )}\n        <Flex sx={{ mx: '8px', lineHeight: '28px', fontSize: '14px' }}>{symbol}</Flex>\n      </Flex>\n      {isConnected && (\n        <Flex sx={{ fontSize: '14px' }}>\n          {tokenBalance === '0' ? (\n            '0'\n          ) : !tokenBalance ? (\n            <Spinner size={15} />\n          ) : (\n            <>{toSignificantDigitsString(tokenBalance ?? '0', 5)}</>\n          )}\n        </Flex>\n      )}\n    </Flex>\n  )\n}\n\nexport default TokenRow\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;;;AASA,MAAM,QAAQ,GAAG,CAAC,EAChB,KAAK,EACL,OAAO,EACP,iBAAiB,EACjB,YAAY,EACZ,WAAW,GAOZ,KAAI;IACH,MAAM,MAAM,GAAG,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC;AACxC,IAAA,MAAM,YAAY,GAAG,KAAK,KAAK,QAAQ,GAAG,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC;IAE3E,MAAM,OAAO,GAAG,OAAO,KAAK,KAAK,QAAQ,GAAG,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,GAAG,SAAS;AAEjF,IAAA,QACEA,IAAA,CAAC,IAAI,IACH,EAAE,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,EACzG,OAAO,EAAE,MAAM,iBAAiB,CAAC,YAAY,IAAI,EAAE,CAAC,aAEpDA,IAAA,CAAC,IAAI,eACF,OAAO,CAAC,OAAO,CAAC,IACfC,GAAA,CAAC,UAAU,IAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAA,CAAI,KAEjFA,GAAA,CAAC,UAAU,IAAC,MAAM,EAAE,SAAS,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,GAAI,CAC5E,EACDA,IAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAG,MAAM,EAAA,CAAQ,IACzE,EACN,WAAW,KACVA,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,YAC3B,YAAY,KAAK,GAAG,IACnB,GAAG,IACD,CAAC,YAAY,IACfA,GAAA,CAAC,OAAO,IAAC,IAAI,EAAE,EAAE,EAAA,CAAI,KAErBA,GAAA,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAG,yBAAyB,CAAC,YAAY,IAAI,GAAG,EAAE,CAAC,CAAC,EAAA,CAAI,CACzD,GACI,CACR,CAAA,EAAA,CACI;AAEX;;;;"}

package/dist/components/TokenSelectorPanel/index.js

@@ -5,7 +5,7 @@ import TokenImage from '../uikit-sdk/TokenImage/index.js';
 import { ChainId } from '@ape.swap/apeswap-lists';
 import useModal from '../../hooks/useModal.js';
 import TokenSelectorModal from '../TokenSelectorModal/index.js';
-import BigNumber from 'bignumber.js';
+import { toSignificantDigitsString } from '../../utils/fixedPoint.js';
 import isArray from 'lodash-es/isArray.js';
 import { getSymbol } from '../../utils/getNativeTicker.js';
 import { formatUSDNumber } from '../../utils/displayHelpers.js';
@@ -29,7 +29,7 @@ const TokenSelectorPanel = ({ typedValue, setTypedValue, selectedToken, bondChai
             : bondChainId === ChainId.SUI
                 ? !!suiAccount
                 : !!account;
-    const tokenBalanceString = tokenBalance ? new BigNumber(tokenBalance).toPrecision(5) : 'loading';
+    const tokenBalanceString = tokenBalance ? toSignificantDigitsString(tokenBalance, 5) : 'loading';
     const splited = typeof selectedToken !== 'string' ? selectedToken?.symbol?.split('-') : undefined;
     const handleInputChange = (event) => {
         setTypedValue(event.target.value);
@@ -55,7 +55,7 @@ const TokenSelectorPanel = ({ typedValue, setTypedValue, selectedToken, bondChai
                             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(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" })) })] })] })] }));
+                            : '' }), 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(tokenBalance ?? '0'), children: "Max" })) })] })] })] }));
 };
 
 export { TokenSelectorPanel as default };

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

@@ -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 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":"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"}
+{"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 { toSignificantDigitsString } from '../../utils/fixedPoint'\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 ? toSignificantDigitsString(tokenBalance, 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(tokenBalance ?? '0')}\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":"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"}

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-export interface TooltipProps {
+interface TooltipProps {
     earnTokenContract: string;
     earnTokenSymbol: string;
     bondContract: string;

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

@@ -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 { 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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"}
+{"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\ninterface 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/Button.js

@@ -26,42 +26,6 @@ const Button = ({ variant = variants.PRIMARY, size = sizes.MEDIUM, load, childre
             },
         };
     }
-    if (variant === 'tertiary') {
-        hoverStyle = {
-            '&:hover': {
-                '&:not([disabled])': {
-                    borderColor: 'primaryBtnDisable',
-                    background: 'white4',
-                    opacity: 1,
-                },
-                '&:disabled': {},
-            },
-        };
-    }
-    if (variant === 'success') {
-        hoverStyle = {
-            '&:hover': {
-                '&:not([disabled])': {
-                    borderColor: 'hoveredSuccess',
-                    background: 'hoveredSuccess',
-                    opacity: 1,
-                },
-                '&:disabled': {},
-            },
-        };
-    }
-    if (variant === 'danger') {
-        hoverStyle = {
-            '&:hover': {
-                '&:not([disabled])': {
-                    borderColor: 'hoveredDanger',
-                    background: 'hoveredDanger',
-                    opacity: 1,
-                },
-                '&:disabled': {},
-            },
-        };
-    }
     return (jsxs(Button$1, { variant: variant, disabled: disabled, sx: {
             variant: `buttons.${variant}`,
             textTransform: 'uppercase',

package/dist/components/uikit-sdk/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/uikit-sdk/Button/Button.tsx"],"sourcesContent":["import React from 'react'\nimport { Button as ThemeUIButton, Spinner } from 'theme-ui'\nimport { ButtonProps, variants, buttonFontSizes, buttonPadding, sizes, buttonLineHeight } from './types'\n\nconst Button = ({\n  variant = variants.PRIMARY,\n  size = sizes.MEDIUM,\n  load,\n  children,\n  startIcon,\n  endIcon,\n  fullWidth,\n  disabled,\n  ...props\n}: ButtonProps) => {\n  let hoverStyle = {\n    '&:hover': {\n      '&:not([disabled])': {\n        borderColor: 'primaryButton',\n        background: variant === 'primary' && 'primaryButton',\n        opacity: 0.7,\n      },\n      '&:disabled': {},\n    },\n  }\n  if (variant === 'secondary') {\n    hoverStyle = {\n      '&:hover': {\n        '&:not([disabled])': hoverStyle['&:hover']['&:not([disabled])'],\n        '&:disabled': {\n          color: 'secondaryButtonDisableColor',\n          borderColor: 'secondaryButtonDisable',\n          opacity: 0.6,\n        },\n      },\n    }\n  }\n  if (variant === 'tertiary') {\n    hoverStyle = {\n      '&:hover': {\n        '&:not([disabled])': {\n          borderColor: 'primaryBtnDisable',\n          background: 'white4',\n          opacity: 1,\n        },\n        '&:disabled': {},\n      },\n    }\n  }\n  if (variant === 'success') {\n    hoverStyle = {\n      '&:hover': {\n        '&:not([disabled])': {\n          borderColor: 'hoveredSuccess',\n          background: 'hoveredSuccess',\n          opacity: 1,\n        },\n        '&:disabled': {},\n      },\n    }\n  }\n  if (variant === 'danger') {\n    hoverStyle = {\n      '&:hover': {\n        '&:not([disabled])': {\n          borderColor: 'hoveredDanger',\n          background: 'hoveredDanger',\n          opacity: 1,\n        },\n        '&:disabled': {},\n      },\n    }\n  }\n\n  return (\n    <ThemeUIButton\n      variant={variant}\n      disabled={disabled}\n      sx={{\n        variant: `buttons.${variant}`,\n        textTransform: 'uppercase',\n        fontSize: buttonFontSizes[size],\n        lineHeight: buttonLineHeight[size],\n        px: buttonPadding[size].x,\n        py: buttonPadding[size].y,\n        display: 'flex',\n        justifyContent: 'center',\n        transition: 'all .3s linear',\n        '&:active': {\n          transform: 'scale(0.9)',\n        },\n        ...hoverStyle,\n        width: fullWidth ? '100%' : 'max-content',\n      }}\n      {...props}\n    >\n      {React.isValidElement(startIcon) && React.cloneElement(startIcon)}\n      {children} {load && <Spinner size={16} ml=\"5px\" />}\n      {React.isValidElement(endIcon) && React.cloneElement(endIcon)}\n    </ThemeUIButton>\n  )\n}\n\nexport default Button\n"],"names":["_jsxs","ThemeUIButton","_jsx"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/uikit-sdk/Button/Button.tsx"],"sourcesContent":["import React from 'react'\nimport { Button as ThemeUIButton, Spinner } from 'theme-ui'\nimport { ButtonProps, variants, buttonFontSizes, buttonPadding, sizes, buttonLineHeight } from './types'\n\nconst Button = ({\n  variant = variants.PRIMARY,\n  size = sizes.MEDIUM,\n  load,\n  children,\n  startIcon,\n  endIcon,\n  fullWidth,\n  disabled,\n  ...props\n}: ButtonProps) => {\n  let hoverStyle = {\n    '&:hover': {\n      '&:not([disabled])': {\n        borderColor: 'primaryButton',\n        background: variant === 'primary' && 'primaryButton',\n        opacity: 0.7,\n      },\n      '&:disabled': {},\n    },\n  }\n  if (variant === 'secondary') {\n    hoverStyle = {\n      '&:hover': {\n        '&:not([disabled])': hoverStyle['&:hover']['&:not([disabled])'],\n        '&:disabled': {\n          color: 'secondaryButtonDisableColor',\n          borderColor: 'secondaryButtonDisable',\n          opacity: 0.6,\n        },\n      },\n    }\n  }\n\n  return (\n    <ThemeUIButton\n      variant={variant}\n      disabled={disabled}\n      sx={{\n        variant: `buttons.${variant}`,\n        textTransform: 'uppercase',\n        fontSize: buttonFontSizes[size],\n        lineHeight: buttonLineHeight[size],\n        px: buttonPadding[size].x,\n        py: buttonPadding[size].y,\n        display: 'flex',\n        justifyContent: 'center',\n        transition: 'all .3s linear',\n        '&:active': {\n          transform: 'scale(0.9)',\n        },\n        ...hoverStyle,\n        width: fullWidth ? '100%' : 'max-content',\n      }}\n      {...props}\n    >\n      {React.isValidElement(startIcon) && React.cloneElement(startIcon)}\n      {children} {load && <Spinner size={16} ml=\"5px\" />}\n      {React.isValidElement(endIcon) && React.cloneElement(endIcon)}\n    </ThemeUIButton>\n  )\n}\n\nexport default Button\n"],"names":["_jsxs","ThemeUIButton","_jsx"],"mappings":";;;;;AAIA,MAAM,MAAM,GAAG,CAAC,EACd,OAAO,GAAG,QAAQ,CAAC,OAAO,EAC1B,IAAI,GAAG,KAAK,CAAC,MAAM,EACnB,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACI,KAAI;AAChB,IAAA,IAAI,UAAU,GAAG;AACf,QAAA,SAAS,EAAE;AACT,YAAA,mBAAmB,EAAE;AACnB,gBAAA,WAAW,EAAE,eAAe;AAC5B,gBAAA,UAAU,EAAE,OAAO,KAAK,SAAS,IAAI,eAAe;AACpD,gBAAA,OAAO,EAAE,GAAG;AACb,aAAA;AACD,YAAA,YAAY,EAAE,EAAE;AACjB,SAAA;KACF;AACD,IAAA,IAAI,OAAO,KAAK,WAAW,EAAE;AAC3B,QAAA,UAAU,GAAG;AACX,YAAA,SAAS,EAAE;AACT,gBAAA,mBAAmB,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC,mBAAmB,CAAC;AAC/D,gBAAA,YAAY,EAAE;AACZ,oBAAA,KAAK,EAAE,6BAA6B;AACpC,oBAAA,WAAW,EAAE,wBAAwB;AACrC,oBAAA,OAAO,EAAE,GAAG;AACb,iBAAA;AACF,aAAA;SACF;IACH;AAEA,IAAA,QACEA,IAAA,CAACC,QAAa,EAAA,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE;YACF,OAAO,EAAE,CAAA,QAAA,EAAW,OAAO,CAAA,CAAE;AAC7B,YAAA,aAAa,EAAE,WAAW;AAC1B,YAAA,QAAQ,EAAE,eAAe,CAAC,IAAI,CAAC;AAC/B,YAAA,UAAU,EAAE,gBAAgB,CAAC,IAAI,CAAC;AAClC,YAAA,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;AACzB,YAAA,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC;AACzB,YAAA,OAAO,EAAE,MAAM;AACf,YAAA,cAAc,EAAE,QAAQ;AACxB,YAAA,UAAU,EAAE,gBAAgB;AAC5B,YAAA,UAAU,EAAE;AACV,gBAAA,SAAS,EAAE,YAAY;AACxB,aAAA;AACD,YAAA,GAAG,UAAU;YACb,KAAK,EAAE,SAAS,GAAG,MAAM,GAAG,aAAa;SAC1C,EAAA,GACG,KAAK,aAER,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,EAChE,QAAQ,EAAA,GAAA,EAAG,IAAI,IAAIC,GAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,EAAE,EAAE,EAAE,EAAC,KAAK,EAAA,CAAG,EACjD,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,OAAO,CAAC,CAAA,EAAA,CAC/C;AAEpB;;;;"}

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

@@ -15,20 +15,15 @@ export declare const buttonPadding: Record<sizes | any, {
 }>;
 export declare enum variants {
     PRIMARY = "primary",
-    SECONDARY = "secondary",
-    TERTIARY = "tertiary",
-    TEXT = "text",
-    SUCCESS = "success",
-    DANGER = "danger"
+    SECONDARY = "secondary"
 }
 export declare enum iconButtonVariants {
     PRIMARY = "primary",
-    TRANSPARENT = "transparent",
-    CIRCULAR = "circular"
+    TRANSPARENT = "transparent"
 }
-export type sizeProps = `${sizes}`;
-export type variantProps = `${variants}`;
-export type iconButtonVariantsProps = `${iconButtonVariants}`;
+type sizeProps = `${sizes}`;
+type variantProps = `${variants}`;
+type iconButtonVariantsProps = `${iconButtonVariants}`;
 export interface ButtonProps extends Omit<ThemeUIButtonProps, 'sx'> {
     variant?: variantProps;
     size?: sizeProps;
@@ -45,3 +40,4 @@ export interface IconButtonProps extends Omit<ButtonProps, 'variant'> {
     icon?: React.ComponentType<SvgProps>;
     iconWidth?: number;
 }
+export {};

package/dist/components/uikit-sdk/Button/types.js

@@ -23,16 +23,11 @@ var variants;
 (function (variants) {
     variants["PRIMARY"] = "primary";
     variants["SECONDARY"] = "secondary";
-    variants["TERTIARY"] = "tertiary";
-    variants["TEXT"] = "text";
-    variants["SUCCESS"] = "success";
-    variants["DANGER"] = "danger";
 })(variants || (variants = {}));
 var iconButtonVariants;
 (function (iconButtonVariants) {
     iconButtonVariants["PRIMARY"] = "primary";
     iconButtonVariants["TRANSPARENT"] = "transparent";
-    iconButtonVariants["CIRCULAR"] = "circular";
 })(iconButtonVariants || (iconButtonVariants = {}));
 
 export { buttonFontSizes, buttonLineHeight, buttonPadding, iconButtonVariants, sizes, variants };

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

@@ -1 +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;;;;"}
+{"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}\n\nexport enum iconButtonVariants {\n  PRIMARY = 'primary',\n  TRANSPARENT = 'transparent',\n}\n\ntype sizeProps = `${sizes}`\ntype variantProps = `${variants}`\ntype 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;AACzB,CAAC,EAHW,QAAQ,KAAR,QAAQ,GAAA,EAAA,CAAA,CAAA;IAKR;AAAZ,CAAA,UAAY,kBAAkB,EAAA;AAC5B,IAAA,kBAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,kBAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC7B,CAAC,EAHW,kBAAkB,KAAlB,kBAAkB,GAAA,EAAA,CAAA,CAAA;;;;"}

package/dist/components/uikit-sdk/Checkbox/types.d.ts

@@ -4,8 +4,9 @@ export declare enum scales {
     SM = "sm",
     MD = "md"
 }
-export type scaleProps = `${scales}`;
+type scaleProps = `${scales}`;
 export interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {
     scale?: scaleProps;
     display?: ThemeUICSSObject['display'];
 }
+export {};

package/dist/components/uikit-sdk/Checkbox/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../src/components/uikit-sdk/Checkbox/types.ts"],"sourcesContent":["import { InputHTMLAttributes } from 'react'\nimport { ThemeUICSSObject } from 'theme-ui'\n\nexport enum scales {\n  SM = 'sm',\n  MD = 'md',\n}\n\nexport type scaleProps = `${scales}`\n\nexport interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {\n  scale?: scaleProps\n  display?: ThemeUICSSObject['display']\n}\n"],"names":[],"mappings":"IAGY;AAAZ,CAAA,UAAY,MAAM,EAAA;AAChB,IAAA,MAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,MAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACX,CAAC,EAHW,MAAM,KAAN,MAAM,GAAA,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../src/components/uikit-sdk/Checkbox/types.ts"],"sourcesContent":["import { InputHTMLAttributes } from 'react'\nimport { ThemeUICSSObject } from 'theme-ui'\n\nexport enum scales {\n  SM = 'sm',\n  MD = 'md',\n}\n\ntype scaleProps = `${scales}`\n\nexport interface CheckboxProps extends InputHTMLAttributes<HTMLInputElement> {\n  scale?: scaleProps\n  display?: ThemeUICSSObject['display']\n}\n"],"names":[],"mappings":"IAGY;AAAZ,CAAA,UAAY,MAAM,EAAA;AAChB,IAAA,MAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACT,IAAA,MAAA,CAAA,IAAA,CAAA,GAAA,IAAS;AACX,CAAC,EAHW,MAAM,KAAN,MAAM,GAAA,EAAA,CAAA,CAAA;;;;"}

package/dist/components/uikit-sdk/Skeleton/styles.d.ts

@@ -1,15 +1,3 @@
 import { ThemeUIStyleObject } from 'theme-ui';
-export declare const waves: {
-    name: string;
-    styles: string;
-    anim: 1;
-    toString: () => string;
-} & string;
-export declare const pulse: {
-    name: string;
-    styles: string;
-    anim: 1;
-    toString: () => string;
-} & string;
 declare const styles: Record<string, ThemeUIStyleObject>;
 export default styles;

package/dist/components/uikit-sdk/Skeleton/styles.js

@@ -39,5 +39,5 @@ const styles = {
     },
 };
 
-export { styles as default, pulse, waves };
+export { styles as default };
 //# sourceMappingURL=styles.js.map

package/dist/components/uikit-sdk/Skeleton/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/uikit-sdk/Skeleton/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\nimport { keyframes } from '@emotion/react'\n\nexport const waves = keyframes({\n  from: { left: '-150px' },\n  to: { left: '100%' },\n})\n\nexport const pulse = keyframes({\n  '0%': { opacity: 1 },\n  '50%': { opacity: 0.4 },\n  '100%': { opacity: 1 },\n})\n\nconst styles: Record<string, ThemeUIStyleObject> = {\n  waves: {\n    position: 'relative',\n    overflow: 'hidden',\n    transform: 'translate3d(0, 0, 0)',\n    borderRadius: '',\n    minHeight: '16px',\n    display: 'block',\n    backgroundColor: 'white2',\n    '&:before': {\n      content: `\"\"`,\n      position: 'absolute',\n      backgroundImage: 'linear-gradient(90deg, transparent, rgba(243, 243, 243, 0.3), transparent)',\n      top: 0,\n      left: '-150px',\n      height: '100%',\n      width: '250px',\n      animation: `${waves} 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite`,\n    },\n  },\n  pulse: {\n    animation: `${pulse} 2s infinite ease-out`,\n    transform: 'translate3d(0, 0, 0)',\n    borderRadius: '2px',\n    minHeight: '20px',\n    display: 'block',\n    backgroundColor: 'white2',\n  },\n}\n\nexport default styles\n"],"names":[],"mappings":";;AAGO,MAAM,KAAK,GAAG,SAAS,CAAC;AAC7B,IAAA,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;AACxB,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;AACrB,CAAA;AAEM,MAAM,KAAK,GAAG,SAAS,CAAC;AAC7B,IAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACpB,IAAA,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;AACvB,IAAA,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACvB,CAAA;AAED,MAAM,MAAM,GAAuC;AACjD,IAAA,KAAK,EAAE;AACL,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,SAAS,EAAE,sBAAsB;AACjC,QAAA,YAAY,EAAE,EAAE;AAChB,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,eAAe,EAAE,QAAQ;AACzB,QAAA,UAAU,EAAE;AACV,YAAA,OAAO,EAAE,CAAA,EAAA,CAAI;AACb,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,eAAe,EAAE,4EAA4E;AAC7F,YAAA,GAAG,EAAE,CAAC;AACN,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,KAAK,EAAE,OAAO;YACd,SAAS,EAAE,CAAA,EAAG,KAAK,CAAA,2CAAA,CAA6C;AACjE,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE;QACL,SAAS,EAAE,CAAA,EAAG,KAAK,CAAA,qBAAA,CAAuB;AAC1C,QAAA,SAAS,EAAE,sBAAsB;AACjC,QAAA,YAAY,EAAE,KAAK;AACnB,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,eAAe,EAAE,QAAQ;AAC1B,KAAA;;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/uikit-sdk/Skeleton/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\nimport { keyframes } from '@emotion/react'\n\nconst waves = keyframes({\n  from: { left: '-150px' },\n  to: { left: '100%' },\n})\n\nconst pulse = keyframes({\n  '0%': { opacity: 1 },\n  '50%': { opacity: 0.4 },\n  '100%': { opacity: 1 },\n})\n\nconst styles: Record<string, ThemeUIStyleObject> = {\n  waves: {\n    position: 'relative',\n    overflow: 'hidden',\n    transform: 'translate3d(0, 0, 0)',\n    borderRadius: '',\n    minHeight: '16px',\n    display: 'block',\n    backgroundColor: 'white2',\n    '&:before': {\n      content: `\"\"`,\n      position: 'absolute',\n      backgroundImage: 'linear-gradient(90deg, transparent, rgba(243, 243, 243, 0.3), transparent)',\n      top: 0,\n      left: '-150px',\n      height: '100%',\n      width: '250px',\n      animation: `${waves} 1.5s cubic-bezier(0.4, 0, 0.2, 1) infinite`,\n    },\n  },\n  pulse: {\n    animation: `${pulse} 2s infinite ease-out`,\n    transform: 'translate3d(0, 0, 0)',\n    borderRadius: '2px',\n    minHeight: '20px',\n    display: 'block',\n    backgroundColor: 'white2',\n  },\n}\n\nexport default styles\n"],"names":[],"mappings":";;AAGA,MAAM,KAAK,GAAG,SAAS,CAAC;AACtB,IAAA,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;AACxB,IAAA,EAAE,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;AACrB,CAAA,CAAC;AAEF,MAAM,KAAK,GAAG,SAAS,CAAC;AACtB,IAAA,IAAI,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACpB,IAAA,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE;AACvB,IAAA,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE;AACvB,CAAA,CAAC;AAEF,MAAM,MAAM,GAAuC;AACjD,IAAA,KAAK,EAAE;AACL,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,SAAS,EAAE,sBAAsB;AACjC,QAAA,YAAY,EAAE,EAAE;AAChB,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,eAAe,EAAE,QAAQ;AACzB,QAAA,UAAU,EAAE;AACV,YAAA,OAAO,EAAE,CAAA,EAAA,CAAI;AACb,YAAA,QAAQ,EAAE,UAAU;AACpB,YAAA,eAAe,EAAE,4EAA4E;AAC7F,YAAA,GAAG,EAAE,CAAC;AACN,YAAA,IAAI,EAAE,QAAQ;AACd,YAAA,MAAM,EAAE,MAAM;AACd,YAAA,KAAK,EAAE,OAAO;YACd,SAAS,EAAE,CAAA,EAAG,KAAK,CAAA,2CAAA,CAA6C;AACjE,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE;QACL,SAAS,EAAE,CAAA,EAAG,KAAK,CAAA,qBAAA,CAAuB;AAC1C,QAAA,SAAS,EAAE,sBAAsB;AACjC,QAAA,YAAY,EAAE,KAAK;AACnB,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,eAAe,EAAE,QAAQ;AAC1B,KAAA;;;;;"}

package/dist/components/uikit-sdk/Svg/Icons/ZapIcon.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { SvgProps } from './types';
-declare const Arrow: React.FC<SvgProps>;
-export default Arrow;
+declare const ZapIcon: React.FC<SvgProps>;
+export default ZapIcon;

package/dist/components/uikit-sdk/Svg/styles.d.ts

@@ -1,4 +1,2 @@
 import { ThemeUIStyleObject } from 'theme-ui';
-declare const styles: Record<string, ThemeUIStyleObject>;
 export declare const dynamicStyles: Record<string, (props: any) => ThemeUIStyleObject>;
-export default styles;

package/dist/components/uikit-sdk/Svg/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/uikit-sdk/Svg/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\nimport { IconStyles } from './Icons/types'\n\nconst styles: Record<string, ThemeUIStyleObject> = {}\n\nexport const dynamicStyles: Record<string, (props: any) => ThemeUIStyleObject> = {\n  generic: ({ degree = 0, color }: IconStyles) => ({\n    transform: `rotate(${degree}deg)`,\n    color,\n    fill: 'currentcolor',\n    path: {\n      fill: 'currentcolor',\n    },\n    transition: 'transform .3s linear',\n  }),\n}\n\nexport default styles\n"],"names":[],"mappings":"AAKO,MAAM,aAAa,GAAuD;AAC/E,IAAA,OAAO,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,EAAc,MAAM;QAC/C,SAAS,EAAE,CAAA,OAAA,EAAU,MAAM,CAAA,IAAA,CAAM;QACjC,KAAK;AACL,QAAA,IAAI,EAAE,cAAc;AACpB,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,cAAc;AACrB,SAAA;AACD,QAAA,UAAU,EAAE,sBAAsB;KACnC,CAAC;;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/uikit-sdk/Svg/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\nimport { IconStyles } from './Icons/types'\n\nexport const dynamicStyles: Record<string, (props: any) => ThemeUIStyleObject> = {\n  generic: ({ degree = 0, color }: IconStyles) => ({\n    transform: `rotate(${degree}deg)`,\n    color,\n    fill: 'currentcolor',\n    path: {\n      fill: 'currentcolor',\n    },\n    transition: 'transform .3s linear',\n  }),\n}\n"],"names":[],"mappings":"AAGO,MAAM,aAAa,GAAuD;AAC/E,IAAA,OAAO,EAAE,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,EAAc,MAAM;QAC/C,SAAS,EAAE,CAAA,OAAA,EAAU,MAAM,CAAA,IAAA,CAAM;QACjC,KAAK;AACL,QAAA,IAAI,EAAE,cAAc;AACpB,QAAA,IAAI,EAAE;AACJ,YAAA,IAAI,EAAE,cAAc;AACrB,SAAA;AACD,QAAA,UAAU,EAAE,sBAAsB;KACnC,CAAC;;;;;"}

package/dist/components/uikit-sdk/Text/types.d.ts

@@ -5,7 +5,7 @@ export declare enum variants {
     LARGE = "lg",
     LINK = "link"
 }
-export declare enum weights {
+declare enum weights {
     LIGHT = "light",
     NORMAL = "normal",
     BOLD = "bold"

package/dist/components/uikit-sdk/Text/types.js

@@ -12,5 +12,5 @@ var weights;
     weights["BOLD"] = "bold";
 })(weights || (weights = {}));
 
-export { variants, weights };
+export { variants };
 //# sourceMappingURL=types.js.map

package/dist/components/uikit-sdk/Text/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../src/components/uikit-sdk/Text/types.ts"],"sourcesContent":["import { TextProps as ThemeUITextProps } from 'theme-ui'\n\nexport enum variants {\n  SMALL = 'sm',\n  NORMAL = 'md',\n  LARGE = 'lg',\n  LINK = 'link',\n}\n\nexport enum weights {\n  LIGHT = 'light',\n  NORMAL = 'normal',\n  BOLD = 'bold',\n}\n\ntype variantProps = `${variants}`\ntype weightProps = `${weights}` | number\ntype sizeProps = string\n\nexport interface TextProps extends Omit<ThemeUITextProps, 'sx'> {\n  variant?: variantProps\n  weight?: weightProps\n  color?: string\n  size?: sizeProps\n  [key: string]: any\n}\n"],"names":[],"mappings":"IAEY;AAAZ,CAAA,UAAY,QAAQ,EAAA;AAClB,IAAA,QAAA,CAAA,OAAA,CAAA,GAAA,IAAY;AACZ,IAAA,QAAA,CAAA,QAAA,CAAA,GAAA,IAAa;AACb,IAAA,QAAA,CAAA,OAAA,CAAA,GAAA,IAAY;AACZ,IAAA,QAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EALW,QAAQ,KAAR,QAAQ,GAAA,EAAA,CAAA,CAAA;IAOR;AAAZ,CAAA,UAAY,OAAO,EAAA;AACjB,IAAA,OAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,OAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,OAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EAJW,OAAO,KAAP,OAAO,GAAA,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../src/components/uikit-sdk/Text/types.ts"],"sourcesContent":["import { TextProps as ThemeUITextProps } from 'theme-ui'\n\nexport enum variants {\n  SMALL = 'sm',\n  NORMAL = 'md',\n  LARGE = 'lg',\n  LINK = 'link',\n}\n\nenum weights {\n  LIGHT = 'light',\n  NORMAL = 'normal',\n  BOLD = 'bold',\n}\n\ntype variantProps = `${variants}`\ntype weightProps = `${weights}` | number\ntype sizeProps = string\n\nexport interface TextProps extends Omit<ThemeUITextProps, 'sx'> {\n  variant?: variantProps\n  weight?: weightProps\n  color?: string\n  size?: sizeProps\n  [key: string]: any\n}\n"],"names":[],"mappings":"IAEY;AAAZ,CAAA,UAAY,QAAQ,EAAA;AAClB,IAAA,QAAA,CAAA,OAAA,CAAA,GAAA,IAAY;AACZ,IAAA,QAAA,CAAA,QAAA,CAAA,GAAA,IAAa;AACb,IAAA,QAAA,CAAA,OAAA,CAAA,GAAA,IAAY;AACZ,IAAA,QAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EALW,QAAQ,KAAR,QAAQ,GAAA,EAAA,CAAA,CAAA;AAOpB,IAAK,OAIJ;AAJD,CAAA,UAAK,OAAO,EAAA;AACV,IAAA,OAAA,CAAA,OAAA,CAAA,GAAA,OAAe;AACf,IAAA,OAAA,CAAA,QAAA,CAAA,GAAA,QAAiB;AACjB,IAAA,OAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EAJI,OAAO,KAAP,OAAO,GAAA,EAAA,CAAA,CAAA;;;;"}

package/dist/components/uikit-sdk/TooltipBubble/types.d.ts

@@ -8,7 +8,7 @@ export declare enum placements {
     ONLYCONTAINERRIGHT = "onlyContainerRight",
     LEFT = "left"
 }
-export type placementProps = `${placements}`;
+type placementProps = `${placements}`;
 export interface TooltipProps extends BoxProps {
     width?: string | string[];
     placement?: placementProps;
@@ -16,3 +16,4 @@ export interface TooltipProps extends BoxProps {
     hideTooltip?: boolean;
     transformTip?: string | string[];
 }
+export {};

package/dist/components/uikit-sdk/TooltipBubble/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../src/components/uikit-sdk/TooltipBubble/types.ts"],"sourcesContent":["import { ReactNode } from 'react'\nimport { BoxProps } from 'theme-ui'\n\nexport enum placements {\n  TOPRIGHT = 'topRight',\n  TOPLEFT = 'topLeft',\n  BOTTOMRIGHT = 'bottomRight',\n  BOTTOMLEFT = 'bottomLeft',\n  ONLYCONTAINERRIGHT = 'onlyContainerRight',\n  LEFT = 'left',\n}\n\nexport type placementProps = `${placements}`\n\nexport interface TooltipProps extends BoxProps {\n  width?: string | string[]\n  placement?: placementProps\n  body: ReactNode\n  hideTooltip?: boolean\n  transformTip?: string | string[]\n}\n"],"names":[],"mappings":"IAGY;AAAZ,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,UAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC3B,IAAA,UAAA,CAAA,YAAA,CAAA,GAAA,YAAyB;AACzB,IAAA,UAAA,CAAA,oBAAA,CAAA,GAAA,oBAAyC;AACzC,IAAA,UAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EAPW,UAAU,KAAV,UAAU,GAAA,EAAA,CAAA,CAAA;;;;"}
+{"version":3,"file":"types.js","sources":["../../../../src/components/uikit-sdk/TooltipBubble/types.ts"],"sourcesContent":["import { ReactNode } from 'react'\nimport { BoxProps } from 'theme-ui'\n\nexport enum placements {\n  TOPRIGHT = 'topRight',\n  TOPLEFT = 'topLeft',\n  BOTTOMRIGHT = 'bottomRight',\n  BOTTOMLEFT = 'bottomLeft',\n  ONLYCONTAINERRIGHT = 'onlyContainerRight',\n  LEFT = 'left',\n}\n\ntype placementProps = `${placements}`\n\nexport interface TooltipProps extends BoxProps {\n  width?: string | string[]\n  placement?: placementProps\n  body: ReactNode\n  hideTooltip?: boolean\n  transformTip?: string | string[]\n}\n"],"names":[],"mappings":"IAGY;AAAZ,CAAA,UAAY,UAAU,EAAA;AACpB,IAAA,UAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,UAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,UAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC3B,IAAA,UAAA,CAAA,YAAA,CAAA,GAAA,YAAyB;AACzB,IAAA,UAAA,CAAA,oBAAA,CAAA,GAAA,oBAAyC;AACzC,IAAA,UAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EAPW,UAAU,KAAV,UAAU,GAAA,EAAA,CAAA,CAAA;;;;"}

package/dist/config/constants/aptosZapTokens.d.ts

@@ -12,12 +12,3 @@ export declare const getAptosZapTokens: () => AptosZapToken[];
  * selector list (NATIVE resolves to APT for quote purposes).
  */
 export declare const findAptosZapToken: (faAddress: string | undefined) => AptosZapToken | undefined;
-/**
- * Check if a given FA address matches the bond's principal token.
- * Used to determine if zap is needed (input !== principal → zap).
- */
-export declare const isAptosPrincipalToken: (faAddress: string | undefined, bond: {
-    lpToken?: {
-        address?: Record<number, string>;
-    };
-}) => boolean;

package/dist/config/constants/aptosZapTokens.js

@@ -1,4 +1,3 @@
-import { ChainId } from '@ape.swap/apeswap-lists';
 import { IS_APTOS_MAINNET } from '../../constants/aptosConstants.js';
 
 // =============================================================================
@@ -12,7 +11,7 @@ import { IS_APTOS_MAINNET } from '../../constants/aptosConstants.js';
 // token list. Only "Native, Verified" tokens are included for safety.
 //
 // TODO(aptos): Move to @ape.swap/apeswap-lists when it supports Aptos.
-ChainId.APTOS;
+// const APTOS_KEY = ChainId.APTOS
 // APT is NOT included here — it is covered by the 'NATIVE' entry that
 // useSortedZapList injects automatically (via WNATIVE[ChainId.APTOS]).
 // Including it would cause a duplicate in the token selector.