@ape.swap/bonds-sdk 6.2.11 → 6.2.13

package/dist/views/YourBondsModalYield/components/UnstakeModalYield/UnstakeModalYield.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnstakeModalYield.js","sources":["../../../../../src/views/YourBondsModalYield/components/UnstakeModalYield/UnstakeModalYield.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport Modal from '../../../../components/uikit-sdk/Modal'\nimport { PreTGEUserBonds } from '../../../../state/bonds/useUserBondsPreTGE'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Vault_Shares_ABI from '../../../../config/abi/Vault_Shares.json'\nimport { useWriteContract } from 'wagmi'\nimport useEVMAccount from '../../../../hooks/accounts/useEVMAccount'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport { usePopups } from '../../../../state/popups/usePopups'\nimport Checkbox from '../../../../components/uikit-sdk/Checkbox'\nimport Button from '../../../../components/uikit-sdk/Button/Button'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport { useMonitorTx } from '../../../../hooks/useMonitorTx'\n\nconst UnstakeModalYield = ({\n  userBill,\n  onSuccessFullTx,\n  onDismiss,\n}: {\n  userBill?: PreTGEUserBonds\n  onSuccessFullTx?: () => void\n  onDismiss?: () => void\n}) => {\n  // Hooks\n  const { writeContractAsync } = useWriteContract()\n  const { address: account } = useEVMAccount()\n  const SDKConfig = useSDKConfig()\n  const { addToastError } = usePopups()\n\n  // State\n  const [loading, setLoading] = useState(false)\n  const [hash, setHash] = useState('')\n  const [acknowledge, setAcknowledge] = useState(false)\n\n  const { isLoading: isLoadingOnChain, isSuccess } = useMonitorTx(hash, userBill?.chainId)\n\n  // Static Data\n  const futureRewards = userBill?.yieldData?.futureRewards ?? 0\n\n  const handleUnstake = async () => {\n    setLoading(true)\n    setHash('')\n    if (!userBill?.userOwnedBillsData?.id) return\n    writeContractAsync({\n      address: userBill?.earnToken.address[userBill?.chainId] as `0x${string}`,\n      abi: Vault_Shares_ABI,\n      functionName: 'redeem',\n      args: [userBill?.yieldData?.vaultTokenBalance, account, account],\n      chain: userBill?.chainId as any,\n      account,\n    })\n      .then((r) => {\n        setHash(r)\n      })\n      .catch((e) => {\n        console.error(e.message)\n        reportError({\n          apiUrl: SDKConfig?.urls?.apiV2,\n          error: e.message,\n          extraInfo: { type: 'claimLaunchBond', error: e.message },\n          chainId: userBill?.chainId,\n          account,\n        })\n        addToastError(e.shortMessage)\n      })\n      .finally(() => setLoading(false))\n  }\n\n  useEffect(() => {\n    if (isSuccess) {\n      onSuccessFullTx?.()\n    }\n  }, [isSuccess, onSuccessFullTx])\n\n  return (\n    <Modal\n      sx={{\n        width: '400px',\n        overflowY: 'unset !important',\n        background: 'white2',\n        top: '56%',\n      }}\n      title={'Confirm Unstake'}\n      onDismiss={onDismiss}\n    >\n      <Flex sx={{ width: '100%', flexDirection: 'column' }}>\n        <Flex sx={{ fontSize: ['16px', '16px', '16px', '20px'], fontWeight: [600, 600, 600, 700] }}>\n          Are you sure you want to unstake?\n        </Flex>\n        <Flex\n          sx={{ fontSize: '14px', fontWeight: 400, mt: '10px' }}\n        >{`You'll lose the rewards that have not been accrued yet (${formatNumberSI(futureRewards)} ${userBill?.underlyingEarnToken?.symbol}).`}</Flex>\n        <Flex sx={{ width: '100%', mt: '15px', fontWeight: 400, fontSize: '14px', alignItems: 'center' }}>\n          <Checkbox checked={acknowledge} onChange={() => setAcknowledge(!acknowledge)} sx={{ mr: '10px' }} />I\n          understand and I want to proceed to unstake.\n        </Flex>\n        <Flex sx={{ width: '100%', gap: '10px', mt: '15px' }}>\n          <Button\n            sx={{ width: '100%', fontSize: '14px', height: '35px' }}\n            disabled={!acknowledge || loading || isLoadingOnChain}\n            load={loading || isLoadingOnChain}\n            onClick={handleUnstake}\n          >\n            Unstake\n          </Button>\n          <Button variant=\"secondary\" sx={{ width: '100%', height: '35px', fontSize: '14px' }} onClick={onDismiss}>\n            Cancel\n          </Button>\n        </Flex>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default UnstakeModalYield\n"],"names":["_jsx","_jsxs"],"mappings":"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"}
+{"version":3,"file":"UnstakeModalYield.js","sources":["../../../../../src/views/YourBondsModalYield/components/UnstakeModalYield/UnstakeModalYield.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react'\nimport Modal from '../../../../components/uikit-sdk/Modal'\nimport { PreTGEUserBonds } from '../../../../state/bonds/useUserBondsPreTGE'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Vault_Shares_ABI from '../../../../config/abi/Vault_Shares.json'\nimport { useWriteContract } from 'wagmi'\nimport useEVMAccount from '../../../../hooks/accounts/useEVMAccount'\nimport { useSDKConfig } from '../../../../state/useSDKConfig'\nimport { usePopups } from '../../../../state/popups/usePopups'\nimport Checkbox from '../../../../components/uikit-sdk/Checkbox'\nimport Button from '../../../../components/uikit-sdk/Button/Button'\nimport { formatNumberSI } from '../../../../utils/formatNumber'\nimport { useMonitorTx } from '../../../../hooks/useMonitorTx'\n\nconst UnstakeModalYield = ({\n  userBill,\n  onSuccessFullTx,\n  onDismiss,\n}: {\n  userBill?: PreTGEUserBonds\n  onSuccessFullTx?: () => void\n  onDismiss?: () => void\n}) => {\n  // Hooks\n  const { writeContractAsync } = useWriteContract()\n  const { address: account } = useEVMAccount()\n  const SDKConfig = useSDKConfig()\n  const { addToastError } = usePopups()\n\n  // State\n  const [loading, setLoading] = useState(false)\n  const [hash, setHash] = useState('')\n  const [acknowledge, setAcknowledge] = useState(false)\n\n  const { isLoading: isLoadingOnChain, isSuccess } = useMonitorTx(hash, userBill?.chainId)\n\n  // Static Data\n  const futureRewards = userBill?.yieldData?.futureRewards ?? 0\n\n  const handleUnstake = async () => {\n    setLoading(true)\n    setHash('')\n    if (!userBill?.userOwnedBillsData?.id) return\n    writeContractAsync({\n      address: userBill?.earnToken.address[userBill?.chainId] as `0x${string}`,\n      abi: Vault_Shares_ABI,\n      functionName: 'redeem',\n      args: [userBill?.yieldData?.vaultTokenBalance, account, account],\n      chain: userBill?.chainId as any,\n      account,\n    })\n      .then((r) => {\n        setHash(r)\n      })\n      .catch((e) => {\n        console.error(e.message)\n        reportError({\n          apiUrl: SDKConfig?.urls?.apiV2,\n          error: e.message,\n          extraInfo: { type: 'claimLaunchBond', error: e.message },\n          chainId: userBill?.chainId,\n          account,\n        })\n        addToastError(e.shortMessage)\n      })\n      .finally(() => setLoading(false))\n  }\n\n  useEffect(() => {\n    if (isSuccess) {\n      onSuccessFullTx?.()\n    }\n  }, [isSuccess, onSuccessFullTx])\n\n  return (\n    <Modal\n      className=\"ape:w-[400px] ape:[overflow-y:unset]! ape:bg-white2 ape:top-[56%]\"\n      title={'Confirm Unstake'}\n      onDismiss={onDismiss}\n    >\n      <Flex className=\"ape:w-full ape:flex-col\">\n        <Flex className=\"ape:text-[16px] ape:md:text-[20px] ape:font-semibold ape:md:font-bold\">\n          Are you sure you want to unstake?\n        </Flex>\n        <Flex className=\"ape:text-[14px] ape:font-normal ape:mt-[10px]\">{`You'll lose the rewards that have not been accrued yet (${formatNumberSI(futureRewards)} ${userBill?.underlyingEarnToken?.symbol}).`}</Flex>\n        <Flex className=\"ape:w-full ape:mt-[15px] ape:font-normal ape:text-[14px] ape:items-center\">\n          <Checkbox checked={acknowledge} onChange={() => setAcknowledge(!acknowledge)} className=\"ape:mr-[10px]\" />I\n          understand and I want to proceed to unstake.\n        </Flex>\n        <Flex className=\"ape:w-full ape:gap-[10px] ape:mt-[15px]\">\n          <Button\n            className=\"ape:w-full ape:text-[14px]! ape:h-[35px]\"\n            disabled={!acknowledge || loading || isLoadingOnChain}\n            load={loading || isLoadingOnChain}\n            onClick={handleUnstake}\n          >\n            Unstake\n          </Button>\n          <Button variant=\"secondary\" className=\"ape:w-full ape:h-[35px] ape:text-[14px]!\" onClick={onDismiss}>\n            Cancel\n          </Button>\n        </Flex>\n      </Flex>\n    </Modal>\n  )\n}\n\nexport default UnstakeModalYield\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/dist/views/YourBondsModalYield/components/YourBondModalHeader/YourBondModalHeader.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
 import { PreTGEUserBonds } from '../../../../state/bonds/useUserBondsPreTGE';
 declare const YourBondModalHeader: ({ userBill, onDismiss }: {
     userBill?: PreTGEUserBonds;
     onDismiss?: () => void;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default YourBondModalHeader;

package/dist/views/YourBondsModalYield/components/YourBondModalHeader/YourBondModalHeader.js

@@ -1,6 +1,5 @@
-import { jsxs, jsx, Fragment } from 'theme-ui/jsx-runtime';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import TokenImage from '../../../../components/uikit-sdk/TokenImage/index.js';
-import { Box } from 'theme-ui';
 import Flex from '../../../../components/uikit-sdk/Flex/index.js';
 import Skeleton from '../../../../components/uikit-sdk/Skeleton/index.js';
 import ListTag from '../../../../components/uikit-sdk/Tag/ListTag.js';
@@ -9,23 +8,7 @@ import Close from '../../../../components/uikit-sdk/Svg/Icons/Close.js';
 const YourBondModalHeader = ({ userBill, onDismiss }) => {
     // Static Data
     const payoutTokenSymbol = userBill?.underlyingEarnToken?.symbol;
-    return (jsxs(Flex, { sx: { width: '100%', justifyContent: 'space-between', alignItems: 'center' }, children: [jsx(Flex, { sx: { alignItems: 'center', gap: '7px' }, children: payoutTokenSymbol ? (jsxs(Fragment, { children: [jsx(TokenImage, { symbol: payoutTokenSymbol, size: 30, chain: userBill?.chainId }), jsx(Box, { sx: {
-                                fontSize: ['16px', '16px', '16px', '18px'],
-                                fontWeight: 700,
-                                opacity: 0.7,
-                                overflow: 'hidden',
-                                whiteSpace: 'nowrap',
-                                textOverflow: 'ellipsis',
-                                maxWidth: '100px',
-                            }, children: payoutTokenSymbol }), jsx(ListTag, { text: 'Yield Bond' })] })) : (jsxs(Fragment, { children: [jsx(Skeleton, { animation: "waves", sx: {
-                                width: '30px',
-                                height: '30px',
-                                borderRadius: '55px',
-                                mr: '10px',
-                            } }), jsx(Skeleton, { animation: "waves", sx: {
-                                width: '100px',
-                                borderRadius: 'normal',
-                            } })] })) }), jsx(Flex, { className: "svg-close", onClick: onDismiss, sx: { cursor: 'pointer', p: '2px 5px' }, children: jsx(Close, { width: '16px' }) })] }));
+    return (jsxs(Flex, { className: "ape:w-full ape:justify-between ape:items-center", children: [jsx(Flex, { className: "ape:items-center ape:gap-[7px]", children: payoutTokenSymbol ? (jsxs(Fragment, { children: [jsx(TokenImage, { symbol: payoutTokenSymbol, size: 30, chain: userBill?.chainId }), jsx("div", { className: "ape:text-[16px] ape:md:text-[18px] ape:font-bold ape:opacity-70 ape:overflow-hidden ape:whitespace-nowrap ape:text-ellipsis ape:max-w-[100px]", children: payoutTokenSymbol }), jsx(ListTag, { text: 'Yield Bond' })] })) : (jsxs(Fragment, { children: [jsx(Skeleton, { animation: "waves", style: { width: '30px', height: '30px', borderRadius: '55px', marginRight: '10px' } }), jsx(Skeleton, { animation: "waves", style: { width: '100px', borderRadius: 'var(--ape-radius-normal)' } })] })) }), jsx(Flex, { className: "svg-close ape:cursor-pointer ape:p-[2px_5px]", onClick: onDismiss, children: jsx(Close, { width: '16px' }) })] }));
 };
 
 export { YourBondModalHeader as default };

package/dist/views/YourBondsModalYield/components/YourBondModalHeader/YourBondModalHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"YourBondModalHeader.js","sources":["../../../../../src/views/YourBondsModalYield/components/YourBondModalHeader/YourBondModalHeader.tsx"],"sourcesContent":["import React from 'react'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport { Box } from 'theme-ui'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Skeleton from '../../../../components/uikit-sdk/Skeleton'\nimport { PreTGEUserBonds } from '../../../../state/bonds/useUserBondsPreTGE'\nimport ListTag from '../../../../components/uikit-sdk/Tag/ListTag'\nimport Close from '../../../../components/uikit-sdk/Svg/Icons/Close'\n\nconst YourBondModalHeader = ({ userBill, onDismiss }: { userBill?: PreTGEUserBonds; onDismiss?: () => void }) => {\n  // Static Data\n  const payoutTokenSymbol = userBill?.underlyingEarnToken?.symbol\n\n  return (\n    <Flex sx={{ width: '100%', justifyContent: 'space-between', alignItems: 'center' }}>\n      <Flex sx={{ alignItems: 'center', gap: '7px' }}>\n        {payoutTokenSymbol ? (\n          <>\n            <TokenImage symbol={payoutTokenSymbol} size={30} chain={userBill?.chainId} />\n            <Box\n              sx={{\n                fontSize: ['16px', '16px', '16px', '18px'],\n                fontWeight: 700,\n                opacity: 0.7,\n                overflow: 'hidden',\n                whiteSpace: 'nowrap',\n                textOverflow: 'ellipsis',\n                maxWidth: '100px',\n              }}\n            >\n              {payoutTokenSymbol}\n            </Box>\n            <ListTag text={'Yield Bond'} />\n          </>\n        ) : (\n          <>\n            <Skeleton\n              animation=\"waves\"\n              sx={{\n                width: '30px',\n                height: '30px',\n                borderRadius: '55px',\n                mr: '10px',\n              }}\n            />\n            <Skeleton\n              animation=\"waves\"\n              sx={{\n                width: '100px',\n                borderRadius: 'normal',\n              }}\n            />\n          </>\n        )}\n      </Flex>\n      <Flex className=\"svg-close\" onClick={onDismiss} sx={{ cursor: 'pointer', p: '2px 5px' }}>\n        <Close width={'16px'} />\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default YourBondModalHeader\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;;;AASA,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAA0D,KAAI;;AAE9G,IAAA,MAAM,iBAAiB,GAAG,QAAQ,EAAE,mBAAmB,EAAE,MAAM;AAE/D,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAA,QAAA,EAAA,CAChFC,GAAA,CAAC,IAAI,EAAA,EAAC,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,EAAA,QAAA,EAC3C,iBAAiB,IAChBD,IAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,GAAA,CAAC,UAAU,EAAA,EAAC,MAAM,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAA,CAAI,EAC7EA,GAAA,CAAC,GAAG,EAAA,EACF,EAAE,EAAE;gCACF,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;AAC1C,gCAAA,UAAU,EAAE,GAAG;AACf,gCAAA,OAAO,EAAE,GAAG;AACZ,gCAAA,QAAQ,EAAE,QAAQ;AAClB,gCAAA,UAAU,EAAE,QAAQ;AACpB,gCAAA,YAAY,EAAE,UAAU;AACxB,gCAAA,QAAQ,EAAE,OAAO;6BAClB,EAAA,QAAA,EAEA,iBAAiB,EAAA,CACd,EACNA,GAAA,CAAC,OAAO,IAAC,IAAI,EAAE,YAAY,EAAA,CAAI,CAAA,EAAA,CAC9B,KAEHD,IAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,GAAA,CAAC,QAAQ,EAAA,EACP,SAAS,EAAC,OAAO,EACjB,EAAE,EAAE;AACF,gCAAA,KAAK,EAAE,MAAM;AACb,gCAAA,MAAM,EAAE,MAAM;AACd,gCAAA,YAAY,EAAE,MAAM;AACpB,gCAAA,EAAE,EAAE,MAAM;6BACX,EAAA,CACD,EACFA,IAAC,QAAQ,EAAA,EACP,SAAS,EAAC,OAAO,EACjB,EAAE,EAAE;AACF,gCAAA,KAAK,EAAE,OAAO;AACd,gCAAA,YAAY,EAAE,QAAQ;AACvB,6BAAA,EAAA,CACD,IACD,CACJ,EAAA,CACI,EACPA,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,WAAW,EAAC,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,EAAA,QAAA,EACrFA,GAAA,CAAC,KAAK,EAAA,EAAC,KAAK,EAAE,MAAM,GAAI,EAAA,CACnB,CAAA,EAAA,CACF;AAEX;;;;"}
+{"version":3,"file":"YourBondModalHeader.js","sources":["../../../../../src/views/YourBondsModalYield/components/YourBondModalHeader/YourBondModalHeader.tsx"],"sourcesContent":["import React from 'react'\nimport TokenImage from '../../../../components/uikit-sdk/TokenImage'\nimport Flex from '../../../../components/uikit-sdk/Flex'\nimport Skeleton from '../../../../components/uikit-sdk/Skeleton'\nimport { PreTGEUserBonds } from '../../../../state/bonds/useUserBondsPreTGE'\nimport ListTag from '../../../../components/uikit-sdk/Tag/ListTag'\nimport Close from '../../../../components/uikit-sdk/Svg/Icons/Close'\n\nconst YourBondModalHeader = ({ userBill, onDismiss }: { userBill?: PreTGEUserBonds; onDismiss?: () => void }) => {\n  // Static Data\n  const payoutTokenSymbol = userBill?.underlyingEarnToken?.symbol\n\n  return (\n    <Flex className=\"ape:w-full ape:justify-between ape:items-center\">\n      <Flex className=\"ape:items-center ape:gap-[7px]\">\n        {payoutTokenSymbol ? (\n          <>\n            <TokenImage symbol={payoutTokenSymbol} size={30} chain={userBill?.chainId} />\n            <div className=\"ape:text-[16px] ape:md:text-[18px] ape:font-bold ape:opacity-70 ape:overflow-hidden ape:whitespace-nowrap ape:text-ellipsis ape:max-w-[100px]\">\n              {payoutTokenSymbol}\n            </div>\n            <ListTag text={'Yield Bond'} />\n          </>\n        ) : (\n          <>\n            <Skeleton animation=\"waves\" style={{ width: '30px', height: '30px', borderRadius: '55px', marginRight: '10px' }} />\n            <Skeleton animation=\"waves\" style={{ width: '100px', borderRadius: 'var(--ape-radius-normal)' }} />\n          </>\n        )}\n      </Flex>\n      <Flex className=\"svg-close ape:cursor-pointer ape:p-[2px_5px]\" onClick={onDismiss}>\n        <Close width={'16px'} />\n      </Flex>\n    </Flex>\n  )\n}\n\nexport default YourBondModalHeader\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;;AAQA,MAAM,mBAAmB,GAAG,CAAC,EAAE,QAAQ,EAAE,SAAS,EAA0D,KAAI;;AAE9G,IAAA,MAAM,iBAAiB,GAAG,QAAQ,EAAE,mBAAmB,EAAE,MAAM;AAE/D,IAAA,QACEA,IAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,iDAAiD,EAAA,QAAA,EAAA,CAC/DC,GAAA,CAAC,IAAI,EAAA,EAAC,SAAS,EAAC,gCAAgC,EAAA,QAAA,EAC7C,iBAAiB,IAChBD,IAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,GAAA,CAAC,UAAU,EAAA,EAAC,MAAM,EAAE,iBAAiB,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAA,CAAI,EAC7EA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAC,+IAA+I,EAAA,QAAA,EAC3J,iBAAiB,EAAA,CACd,EACNA,GAAA,CAAC,OAAO,EAAA,EAAC,IAAI,EAAE,YAAY,EAAA,CAAI,CAAA,EAAA,CAC9B,KAEHD,IAAA,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CACED,GAAA,CAAC,QAAQ,IAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,EAAE,EAAA,CAAI,EACnHA,GAAA,CAAC,QAAQ,EAAA,EAAC,SAAS,EAAC,OAAO,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,0BAA0B,EAAE,EAAA,CAAI,CAAA,EAAA,CAClG,CACJ,EAAA,CACI,EACPA,GAAA,CAAC,IAAI,IAAC,SAAS,EAAC,8CAA8C,EAAC,OAAO,EAAE,SAAS,EAAA,QAAA,EAC/EA,IAAC,KAAK,EAAA,EAAC,KAAK,EAAE,MAAM,EAAA,CAAI,EAAA,CACnB,CAAA,EAAA,CACF;AAEX;;;;"}

package/package.json

@@ -3,7 +3,7 @@
   "description": "Ape Bond SDK",
   "author": "Ape Bond",
   "license": "MIT",
-  "version": "6.2.11",
+  "version": "6.2.13",
   "module": "dist/main.js",
   "type": "module",
   "types": "dist/main.d.ts",
@@ -82,10 +82,9 @@
   "scripts": {
     "prepublishOnly": "npm run build",
     "build": "node scripts/build.mjs",
-    "build:legacy": "rimraf dist/ && rollup -c && npm run compile-scss",
     "build:vite": "vite build --outDir vite-build",
     "dev": "vite",
-    "compile-scss": "sass src/scss/index.scss dist/styles.css --no-source-map",
+    "compile-tailwind": "tailwindcss -i src/styles/tailwind.css -o dist/styles.tailwind.css --minify",
     "format:write": "prettier --write \"**/*.{js,jsx,ts,tsx,json}\" --config .prettierrc",
     "format:check": "prettier --check \"**/*.{js,jsx,ts,tsx,json}\" --config .prettierrc",
     "lint": "eslint && tsc --noEmit --skipLibCheck",
@@ -118,13 +117,12 @@
   },
   "dependencies": {
     "@ape.swap/apeswap-lists": "4.8.6",
-    "@emotion/react": "11.14.0",
     "@jup-ag/api": "6.0.45",
     "buffer": "6.0.3",
     "framer-motion": "11.18.2",
+    "clsx": "2.1.1",
     "lightweight-charts": "4.2.3",
-    "lodash-es": "4.17.23",
-    "theme-ui": "0.17.2"
+    "lodash-es": "4.17.23"
   },
   "devDependencies": {
     "@eslint/js": "9.39.4",
@@ -135,6 +133,8 @@
     "@rollup/plugin-typescript": "11.1.6",
     "@solana/wallet-adapter-react-ui": "^0.9.39",
     "@solana/wallet-adapter-wallets": "0.19.33",
+    "@tailwindcss/cli": "^4.3.3",
+    "@tailwindcss/vite": "^4.3.3",
     "@tanstack/react-query": "5.90.2",
     "@tanstack/react-query-devtools": "5.90.2",
     "@types/lodash": "4.17.24",
@@ -154,8 +154,7 @@
     "react-dom": "19.2.8",
     "rimraf": "5.0.10",
     "rollup": "4.60.0",
-    "rollup-plugin-scss": "4.0.1",
-    "sass": "1.98.0",
+    "tailwindcss": "^4.3.3",
     "typescript": "5.9.3",
     "typescript-eslint": "8.57.2",
     "vite": "7.3.3",

package/dist/components/Carousel/styles.d.ts

@@ -1,35 +0,0 @@
-export declare const styles: {
-    container: {
-        flexDirection: string;
-        alignItems: string;
-        width: string;
-    };
-    viewport: {
-        width: string;
-        overflowX: string;
-        overflowY: string;
-        scrollSnapType: string;
-        WebkitOverflowScrolling: string;
-        scrollbarWidth: string;
-        msOverflowStyle: string;
-        userSelect: string;
-        WebkitUserSelect: string;
-        WebkitTouchCallout: string;
-        '&::-webkit-scrollbar': {
-            display: string;
-        };
-    };
-    slide: {
-        flex: string;
-        width: string;
-        scrollSnapAlign: string;
-        padding: string;
-        height: string;
-        justifyContent: string;
-    };
-    dotsContainer: {
-        marginTop: string;
-        justifyContent: string;
-        alignItems: string;
-    };
-};

package/dist/components/Carousel/styles.js

@@ -1,40 +0,0 @@
-const styles = {
-    container: {
-        flexDirection: 'column',
-        alignItems: 'center',
-        width: '100%',
-    },
-    viewport: {
-        width: '100%',
-        overflowX: 'auto',
-        overflowY: 'hidden',
-        scrollSnapType: 'x mandatory',
-        WebkitOverflowScrolling: 'touch',
-        scrollbarWidth: 'none',
-        msOverflowStyle: 'none',
-        userSelect: 'none',
-        WebkitUserSelect: 'none',
-        // Suppress iOS Safari's long-press "Save Image/Share" callout on the slide images/links,
-        // which can otherwise pop up mid-swipe and make the carousel look broken on iPhone.
-        WebkitTouchCallout: 'none',
-        '&::-webkit-scrollbar': {
-            display: 'none',
-        },
-    },
-    slide: {
-        flex: '0 0 100%',
-        width: '100%',
-        scrollSnapAlign: 'center',
-        padding: '1px',
-        height: 'fit-content',
-        justifyContent: 'center',
-    },
-    dotsContainer: {
-        marginTop: '20px',
-        justifyContent: 'center',
-        alignItems: 'center',
-    },
-};
-
-export { styles };
-//# sourceMappingURL=styles.js.map

package/dist/components/Carousel/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/Carousel/styles.ts"],"sourcesContent":["export const styles = {\n  container: {\n    flexDirection: 'column',\n    alignItems: 'center',\n    width: '100%',\n  },\n  viewport: {\n    width: '100%',\n    overflowX: 'auto',\n    overflowY: 'hidden',\n    scrollSnapType: 'x mandatory',\n    WebkitOverflowScrolling: 'touch',\n    scrollbarWidth: 'none',\n    msOverflowStyle: 'none',\n    userSelect: 'none',\n    WebkitUserSelect: 'none',\n    // Suppress iOS Safari's long-press \"Save Image/Share\" callout on the slide images/links,\n    // which can otherwise pop up mid-swipe and make the carousel look broken on iPhone.\n    WebkitTouchCallout: 'none',\n    '&::-webkit-scrollbar': {\n      display: 'none',\n    },\n  },\n  slide: {\n    flex: '0 0 100%',\n    width: '100%',\n    scrollSnapAlign: 'center',\n    padding: '1px',\n    height: 'fit-content',\n    justifyContent: 'center',\n  },\n  dotsContainer: {\n    marginTop: '20px',\n    justifyContent: 'center',\n    alignItems: 'center',\n  },\n}\n"],"names":[],"mappings":"AAAO,MAAM,MAAM,GAAG;AACpB,IAAA,SAAS,EAAE;AACT,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,SAAS,EAAE,QAAQ;AACnB,QAAA,cAAc,EAAE,aAAa;AAC7B,QAAA,uBAAuB,EAAE,OAAO;AAChC,QAAA,cAAc,EAAE,MAAM;AACtB,QAAA,eAAe,EAAE,MAAM;AACvB,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,gBAAgB,EAAE,MAAM;;;AAGxB,QAAA,kBAAkB,EAAE,MAAM;AAC1B,QAAA,sBAAsB,EAAE;AACtB,YAAA,OAAO,EAAE,MAAM;AAChB,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,eAAe,EAAE,QAAQ;AACzB,QAAA,OAAO,EAAE,KAAK;AACd,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,cAAc,EAAE,QAAQ;AACzB,KAAA;AACD,IAAA,aAAa,EAAE;AACb,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,UAAU,EAAE,QAAQ;AACrB,KAAA;;;;;"}

package/dist/components/ChainOptionList/styles.d.ts

@@ -1,2 +0,0 @@
-import { ThemeUIStyleObject } from 'theme-ui';
-export declare const styles: Record<'sectionDividerFont' | 'searchAndListContainer' | 'searchInput' | 'chainOptionButton' | 'cursorHover' | 'chainOptionList' | 'chainListContainer', ThemeUIStyleObject>;

package/dist/components/ChainOptionList/styles.js

@@ -1,54 +0,0 @@
-const styles = {
-    searchAndListContainer: {
-        maxWidth: '100%',
-        width: '450px',
-        flexDirection: 'column',
-        bg: 'white3',
-        padding: '10px',
-        borderRadius: '10px',
-        height: 'calc(100% - 150px)',
-    },
-    searchInput: {
-        fontWeight: '400',
-        bg: 'white4',
-        height: '40px',
-        border: 'none',
-        pl: '10px',
-        borderRadius: '10px',
-        mb: '8px',
-        ':focus': { outline: 'none' },
-    },
-    chainOptionButton: {
-        width: '40px',
-        height: '40px',
-        borderRadius: 'normal',
-        bg: 'white3',
-        justifyContent: 'center',
-        alignItems: ' center',
-        ':hover': {
-            cursor: 'pointer',
-            bg: 'white4',
-        },
-    },
-    chainListContainer: {
-        position: 'relative',
-        mb: '10px',
-        flexDirection: 'column',
-        height: '100%',
-    },
-    chainOptionList: {
-        width: '100%',
-        height: '45px',
-        borderRadius: '10px',
-        gap: '10px',
-        px: '10px',
-        bg: 'white3',
-        alignItems: ' center',
-        ':hover': {
-            cursor: 'pointer',
-            bg: 'white4',
-        },
-    }};
-
-export { styles };
-//# sourceMappingURL=styles.js.map

package/dist/components/ChainOptionList/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/ChainOptionList/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\n\nexport const styles: Record<\n  | 'sectionDividerFont'\n  | 'searchAndListContainer'\n  | 'searchInput'\n  | 'chainOptionButton'\n  | 'cursorHover'\n  | 'chainOptionList'\n  | 'chainListContainer',\n  ThemeUIStyleObject\n> = {\n  sectionDividerFont: {\n    fontWeight: '300',\n    fontSize: '12px',\n  },\n  searchAndListContainer: {\n    maxWidth: '100%',\n    width: '450px',\n    flexDirection: 'column',\n    bg: 'white3',\n    padding: '10px',\n    borderRadius: '10px',\n    height: 'calc(100% - 150px)',\n  },\n  searchInput: {\n    fontWeight: '400',\n    bg: 'white4',\n    height: '40px',\n    border: 'none',\n    pl: '10px',\n    borderRadius: '10px',\n    mb: '8px',\n    ':focus': { outline: 'none' },\n  },\n  chainOptionButton: {\n    width: '40px',\n    height: '40px',\n    borderRadius: 'normal',\n    bg: 'white3',\n    justifyContent: 'center',\n    alignItems: ' center',\n    ':hover': {\n      cursor: 'pointer',\n      bg: 'white4',\n    },\n  },\n  chainListContainer: {\n    position: 'relative',\n    mb: '10px',\n    flexDirection: 'column',\n    height: '100%',\n  },\n  chainOptionList: {\n    width: '100%',\n    height: '45px',\n    borderRadius: '10px',\n    gap: '10px',\n    px: '10px',\n    bg: 'white3',\n    alignItems: ' center',\n    ':hover': {\n      cursor: 'pointer',\n      bg: 'white4',\n    },\n  },\n  cursorHover: {\n    ':hover': {\n      cursor: 'pointer',\n    },\n  },\n}\n"],"names":[],"mappings":"AAEO,MAAM,MAAM,GASf;AACF,IAIA,sBAAsB,EAAE;AACtB,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,EAAE,EAAE,QAAQ;AACZ,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,YAAY,EAAE,MAAM;AACpB,QAAA,MAAM,EAAE,oBAAoB;AAC7B,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,UAAU,EAAE,KAAK;AACjB,QAAA,EAAE,EAAE,QAAQ;AACZ,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,YAAY,EAAE,MAAM;AACpB,QAAA,EAAE,EAAE,KAAK;AACT,QAAA,QAAQ,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;AAC9B,KAAA;AACD,IAAA,iBAAiB,EAAE;AACjB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,EAAE,EAAE,QAAQ;AACZ,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,QAAQ,EAAE;AACR,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,EAAE,EAAE,QAAQ;AACb,SAAA;AACF,KAAA;AACD,IAAA,kBAAkB,EAAE;AAClB,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,MAAM,EAAE,MAAM;AACf,KAAA;AACD,IAAA,eAAe,EAAE;AACf,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,YAAY,EAAE,MAAM;AACpB,QAAA,GAAG,EAAE,MAAM;AACX,QAAA,EAAE,EAAE,MAAM;AACV,QAAA,EAAE,EAAE,QAAQ;AACZ,QAAA,UAAU,EAAE,SAAS;AACrB,QAAA,QAAQ,EAAE;AACR,YAAA,MAAM,EAAE,SAAS;AACjB,YAAA,EAAE,EAAE,QAAQ;AACb,SAAA;AACF;;;;"}

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

@@ -1,2 +0,0 @@
-import { ThemeUIStyleObject } from 'theme-ui';
-export declare const styles: Record<'listCardContainer' | 'listViewContainer' | 'titleContainer' | 'infoContentMobile' | 'tokensContainer' | 'titleText' | 'skeleton' | 'valueText' | 'secondaryText' | 'cardContentContainer' | 'animationDiv' | 'expandedWrapper', ThemeUIStyleObject>;

package/dist/components/ProgressBar/styles.js

@@ -1,15 +0,0 @@
-const styles = {
-    titleText: {
-        opacity: 0.6,
-        fontSize: '12px',
-        lineHeight: ['16px', '16px', '16px', '24px'],
-        fontWeight: 400,
-    },
-    skeleton: {
-        width: ['45px', '45px', '60px'],
-        maxHeight: '18px',
-        minHeight: '18px',
-    }};
-
-export { styles };
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/ProgressBar/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\n\nexport const styles: Record<\n  | 'listCardContainer'\n  | 'listViewContainer'\n  | 'titleContainer'\n  | 'infoContentMobile'\n  | 'tokensContainer'\n  | 'titleText'\n  | 'skeleton'\n  | 'valueText'\n  | 'secondaryText'\n  | 'cardContentContainer'\n  | 'animationDiv'\n  | 'expandedWrapper',\n  ThemeUIStyleObject\n> = {\n  listCardContainer: {\n    borderRadius: 0,\n    flexDirection: ['column', 'column', 'column', 'row'],\n    alignItems: 'center',\n    justifyContent: 'space-between',\n    background: 'white2',\n    borderBottom: '1px solid rgba(226, 226, 226, .2)',\n    padding: ['10px 20px 10px 20px', '10px 20px 10px 20px', '10px 20px 10px 20px', '0 30px 0 30px'],\n    margin: '0 10px 0 10px',\n    maxWidth: ['500px', '500px', '500px', '100%'],\n    minWidth: '300px',\n    width: '100%',\n    height: ['unset', 'unset', 'unset', '86px'],\n  },\n  listViewContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    width: '100%',\n  },\n  titleContainer: {\n    width: '100%',\n    justifyContent: 'space-between',\n    my: '5px',\n  },\n  infoContentMobile: {\n    display: ['flex', 'flex', 'flex', 'none'],\n    alignItems: 'center',\n  },\n  tokensContainer: {\n    alignItems: 'center',\n    height: '100%',\n    width: '100%',\n  },\n  titleText: {\n    opacity: 0.6,\n    fontSize: '12px',\n    lineHeight: ['16px', '16px', '16px', '24px'],\n    fontWeight: 400,\n  },\n  skeleton: {\n    width: ['45px', '45px', '60px'],\n    maxHeight: '18px',\n    minHeight: '18px',\n  },\n  valueText: {\n    fontSize: ['12px', '12px', '12px', '14px'],\n    color: 'primaryBright',\n    lineHeight: '16px',\n    fontWeight: 700,\n    mr: '5px',\n    display: 'flex',\n    alignItems: 'center',\n  },\n  secondaryText: {\n    fontSize: '12px',\n    color: 'gray',\n    lineHeight: '16px',\n    fontWeight: 400,\n  },\n  cardContentContainer: {\n    width: '100%',\n    height: '100%',\n    alignItems: 'center',\n    justifyContent: 'flex-end',\n  },\n  animationDiv: {\n    position: 'relative',\n    width: '100%',\n    maxWidth: ['500px', '500px', '500px', '100%'],\n    minWidth: '300px',\n  },\n  expandedWrapper: {\n    background: 'white3',\n    flexDirection: 'column',\n    justifyContent: 'space-between',\n    padding: '15px 10px',\n    flexWrap: 'wrap',\n    alignItems: 'center',\n  },\n}\n"],"names":[],"mappings":"AAEO,MAAM,MAAM,GAcf;AACF,IAkCA,SAAS,EAAE;AACT,QAAA,OAAO,EAAE,GAAG;AACZ,QAAA,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;AAC5C,QAAA,UAAU,EAAE,GAAG;AAChB,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC;AAC/B,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,SAAS,EAAE,MAAM;AAClB;;;;"}

package/dist/components/Toast/styles.d.ts

@@ -1,3 +0,0 @@
-import { ThemeUIStyleObject } from 'theme-ui';
-declare const styles: Record<'alert' | 'content' | 'link', ThemeUIStyleObject>;
-export default styles;

package/dist/components/Toast/styles.js

@@ -1,30 +0,0 @@
-const styles = {
-    alert: {
-        position: 'fixed',
-        display: 'flex',
-        width: '300px',
-        background: 'white2',
-        borderRadius: '10px',
-        pl: 9,
-        py: 6,
-        pr: 6,
-        minHeight: '90px',
-        columnGap: '11px',
-        right: 10,
-    },
-    content: {
-        flexDirection: 'column',
-        flex: 1,
-        color: 'text',
-        ml: '10px',
-    },
-    link: {
-        fontSize: 0,
-        textDecoration: 'underline',
-        color: 'primaryBright',
-        fontWeight: 'bold',
-    },
-};
-
-export { styles as default };
-//# sourceMappingURL=styles.js.map

package/dist/components/Toast/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/Toast/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\n\nconst styles: Record<'alert' | 'content' | 'link', ThemeUIStyleObject> = {\n  alert: {\n    position: 'fixed',\n    display: 'flex',\n    width: '300px',\n    background: 'white2',\n    borderRadius: '10px',\n    pl: 9,\n    py: 6,\n    pr: 6,\n    minHeight: '90px',\n    columnGap: '11px',\n    right: 10,\n  },\n  content: {\n    flexDirection: 'column',\n    flex: 1,\n    color: 'text',\n    ml: '10px',\n  },\n  link: {\n    fontSize: 0,\n    textDecoration: 'underline',\n    color: 'primaryBright',\n    fontWeight: 'bold',\n  },\n}\n\nexport default styles\n"],"names":[],"mappings":"AAEA,MAAM,MAAM,GAA6D;AACvE,IAAA,KAAK,EAAE;AACL,QAAA,QAAQ,EAAE,OAAO;AACjB,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,YAAY,EAAE,MAAM;AACpB,QAAA,EAAE,EAAE,CAAC;AACL,QAAA,EAAE,EAAE,CAAC;AACL,QAAA,EAAE,EAAE,CAAC;AACL,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,KAAK,EAAE,EAAE;AACV,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,aAAa,EAAE,QAAQ;AACvB,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,EAAE,EAAE,MAAM;AACX,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,CAAC;AACX,QAAA,cAAc,EAAE,WAAW;AAC3B,QAAA,KAAK,EAAE,eAAe;AACtB,QAAA,UAAU,EAAE,MAAM;AACnB,KAAA;;;;;"}

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

@@ -1,2 +0,0 @@
-import { ThemeUIStyleObject } from 'theme-ui';
-export declare const styles: Record<'infoRow' | 'linkRow' | 'titleText' | 'contentText' | 'iconButton' | 'link', ThemeUIStyleObject>;

package/dist/components/Tooltip/styles.js

@@ -1,32 +0,0 @@
-const styles = {
-    linkRow: {
-        width: '100%',
-        marginTop: '5px',
-        justifyContent: 'flex-end',
-        '& svg': { width: '11px' },
-    },
-    iconButton: {
-        background: 'white3',
-        textDecoration: 'none',
-        alignItems: 'center',
-        justifyContent: 'center',
-        width: 'fit-content',
-        height: '30px',
-        padding: '2px 5px',
-        borderRadius: '8px',
-        margin: '0 5px 5px 0',
-        '&:hover': {
-            cursor: 'pointer',
-        },
-    },
-    link: {
-        fontSize: '12px',
-        lineHeight: '14px',
-        display: 'flex',
-        textDecoration: 'none',
-        '&: hover': { textDecoration: 'underline' },
-    },
-};
-
-export { styles };
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../src/components/Tooltip/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\n\nexport const styles: Record<\n  'infoRow' | 'linkRow' | 'titleText' | 'contentText' | 'iconButton' | 'link',\n  ThemeUIStyleObject\n> = {\n  infoRow: {\n    justifyContent: 'space-between',\n    width: '100%',\n    marginBottom: '5px',\n  },\n  linkRow: {\n    width: '100%',\n    marginTop: '5px',\n    justifyContent: 'flex-end',\n    '& svg': { width: '11px' },\n  },\n  titleText: {\n    fontSize: '12px',\n    lineHeight: '14px',\n    fontWeight: 500,\n  },\n  contentText: {\n    fontSize: '12px',\n    lineHeight: '14px',\n    fontWeight: 700,\n  },\n  iconButton: {\n    background: 'white3',\n    textDecoration: 'none',\n    alignItems: 'center',\n    justifyContent: 'center',\n    width: 'fit-content',\n    height: '30px',\n    padding: '2px 5px',\n    borderRadius: '8px',\n    margin: '0 5px 5px 0',\n    '&:hover': {\n      cursor: 'pointer',\n    },\n  },\n  link: {\n    fontSize: '12px',\n    lineHeight: '14px',\n    display: 'flex',\n    textDecoration: 'none',\n    '&: hover': { textDecoration: 'underline' },\n  },\n}\n"],"names":[],"mappings":"AAEO,MAAM,MAAM,GAGf;AACF,IAKA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,cAAc,EAAE,UAAU;AAC1B,QAAA,OAAO,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;AAC3B,KAAA;AACD,IAUA,UAAU,EAAE;AACV,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,MAAM;AACtB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,cAAc,EAAE,QAAQ;AACxB,QAAA,KAAK,EAAE,aAAa;AACpB,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,OAAO,EAAE,SAAS;AAClB,QAAA,YAAY,EAAE,KAAK;AACnB,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,SAAS,EAAE;AACT,YAAA,MAAM,EAAE,SAAS;AAClB,SAAA;AACF,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,UAAU,EAAE,MAAM;AAClB,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,cAAc,EAAE,MAAM;AACtB,QAAA,UAAU,EAAE,EAAE,cAAc,EAAE,WAAW,EAAE;AAC5C,KAAA;;;;;"}

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

@@ -1,3 +0,0 @@
-import { ThemeUIStyleObject } from 'theme-ui';
-declare const styles: Record<string, ThemeUIStyleObject>;
-export default styles;

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

@@ -1,31 +0,0 @@
-const defaultStyle = {
-    cursor: 'pointer',
-    color: 'primaryBright',
-    border: 'none',
-    transition: 'all .3s linear',
-    '&:hover': {
-        filter: 'brightness(115%)',
-    },
-    '&:active': {
-        transform: 'scale(0.9)',
-    },
-};
-const styles = {
-    primary: {
-        ...defaultStyle,
-    },
-    transparent: {
-        ...defaultStyle,
-        backgroundColor: 'transparent',
-        backgroundRepeat: 'no-repeat',
-        padding: '0px',
-        border: 'none',
-        cursor: 'pointer',
-        svg: {
-            background: 'transparent',
-        },
-    },
-};
-
-export { styles as default };
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/uikit-sdk/Button/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\n\nconst defaultStyle = {\n  cursor: 'pointer',\n  color: 'primaryBright',\n  border: 'none',\n  transition: 'all .3s linear',\n  '&:hover': {\n    filter: 'brightness(115%)',\n  },\n  '&:active': {\n    transform: 'scale(0.9)',\n  },\n}\n\nconst styles: Record<string, ThemeUIStyleObject> = {\n  primary: {\n    ...defaultStyle,\n  },\n  transparent: {\n    ...defaultStyle,\n    backgroundColor: 'transparent',\n    backgroundRepeat: 'no-repeat',\n    padding: '0px',\n    border: 'none',\n    cursor: 'pointer',\n    svg: {\n      background: 'transparent',\n    },\n  },\n}\n\nexport default styles\n"],"names":[],"mappings":"AAEA,MAAM,YAAY,GAAG;AACnB,IAAA,MAAM,EAAE,SAAS;AACjB,IAAA,KAAK,EAAE,eAAe;AACtB,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,UAAU,EAAE,gBAAgB;AAC5B,IAAA,SAAS,EAAE;AACT,QAAA,MAAM,EAAE,kBAAkB;AAC3B,KAAA;AACD,IAAA,UAAU,EAAE;AACV,QAAA,SAAS,EAAE,YAAY;AACxB,KAAA;CACF;AAED,MAAM,MAAM,GAAuC;AACjD,IAAA,OAAO,EAAE;AACP,QAAA,GAAG,YAAY;AAChB,KAAA;AACD,IAAA,WAAW,EAAE;AACX,QAAA,GAAG,YAAY;AACf,QAAA,eAAe,EAAE,aAAa;AAC9B,QAAA,gBAAgB,EAAE,WAAW;AAC7B,QAAA,OAAO,EAAE,KAAK;AACd,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,GAAG,EAAE;AACH,YAAA,UAAU,EAAE,aAAa;AAC1B,SAAA;AACF,KAAA;;;;;"}

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

@@ -1,3 +0,0 @@
-import { ThemeUIStyleObject } from 'theme-ui';
-declare const styles: Record<string, ThemeUIStyleObject>;
-export default styles;

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

@@ -1,47 +0,0 @@
-const styles = {
-    container: {
-        padding: '20px',
-        background: 'white2',
-        borderRadius: 'normal',
-        color: 'text',
-        hr: {
-            background: '#DCD9D9',
-        },
-        position: 'fixed',
-        display: 'block',
-        top: '50%',
-        left: '50%',
-        transform: 'translate(-50%, -50%)',
-        width: '380px',
-        minWidth: ['95%', 'min(380px, 90%)', '380px'],
-        overflowY: ['auto', 'auto', 'auto', 'unset'],
-        maxHeight: 'calc(100% - 30px)',
-        maxWidth: '95vw',
-    },
-    backdrop: {
-        position: 'fixed',
-        top: 0,
-        bottom: 0,
-        left: 0,
-        right: 0,
-        background: 'modalOverlay',
-        width: '100%',
-        height: '100%',
-        zIndex: 100,
-        transition: 'all 1s ease',
-    },
-    modalHead: {
-        justifyContent: 'space-between',
-        alignItems: 'center',
-        svg: {
-            fill: 'text',
-            marginLeft: 'auto',
-            cursor: 'pointer',
-        },
-        button: {
-            ml: 'auto',
-        },
-    }};
-
-export { styles as default };
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/uikit-sdk/Modal/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\n\nconst styles: Record<string, ThemeUIStyleObject> = {\n  container: {\n    padding: '20px',\n    background: 'white2',\n    borderRadius: 'normal',\n    color: 'text',\n    hr: {\n      background: '#DCD9D9',\n    },\n    position: 'fixed',\n    display: 'block',\n    top: '50%',\n    left: '50%',\n    transform: 'translate(-50%, -50%)',\n    width: '380px',\n    minWidth: ['95%', 'min(380px, 90%)', '380px'],\n    overflowY: ['auto', 'auto', 'auto', 'unset'],\n    maxHeight: 'calc(100% - 30px)',\n    maxWidth: '95vw',\n  },\n  backdrop: {\n    position: 'fixed',\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    background: 'modalOverlay',\n    width: '100%',\n    height: '100%',\n    zIndex: 100,\n    transition: 'all 1s ease',\n  },\n  modalHead: {\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    svg: {\n      fill: 'text',\n      marginLeft: 'auto',\n      cursor: 'pointer',\n    },\n    button: {\n      ml: 'auto',\n    },\n  },\n  modalFooter: {\n    flexDirection: 'column',\n    justifyContent: 'center',\n    alignItems: 'center',\n    pt: 9,\n    gap: 4,\n  },\n  cancelButton: {\n    background: 'transparent',\n    textDecoration: 'underline',\n    color: 'text',\n    cursor: 'pointer',\n    fontSize: 0,\n    fontWeight: 'normal',\n    p: 0,\n  },\n}\n\nexport default styles\n"],"names":[],"mappings":"AAEA,MAAM,MAAM,GAAuC;AACjD,IAAA,SAAS,EAAE;AACT,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,EAAE,EAAE;AACF,YAAA,UAAU,EAAE,SAAS;AACtB,SAAA;AACD,QAAA,QAAQ,EAAE,OAAO;AACjB,QAAA,OAAO,EAAE,OAAO;AAChB,QAAA,GAAG,EAAE,KAAK;AACV,QAAA,IAAI,EAAE,KAAK;AACX,QAAA,SAAS,EAAE,uBAAuB;AAClC,QAAA,KAAK,EAAE,OAAO;AACd,QAAA,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,EAAE,OAAO,CAAC;QAC7C,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC;AAC5C,QAAA,SAAS,EAAE,mBAAmB;AAC9B,QAAA,QAAQ,EAAE,MAAM;AACjB,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,QAAQ,EAAE,OAAO;AACjB,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,KAAK,EAAE,CAAC;AACR,QAAA,UAAU,EAAE,cAAc;AAC1B,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,MAAM;AACd,QAAA,MAAM,EAAE,GAAG;AACX,QAAA,UAAU,EAAE,aAAa;AAC1B,KAAA;AACD,IAAA,SAAS,EAAE;AACT,QAAA,cAAc,EAAE,eAAe;AAC/B,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,GAAG,EAAE;AACH,YAAA,IAAI,EAAE,MAAM;AACZ,YAAA,UAAU,EAAE,MAAM;AAClB,YAAA,MAAM,EAAE,SAAS;AAClB,SAAA;AACD,QAAA,MAAM,EAAE;AACN,YAAA,EAAE,EAAE,MAAM;AACX,SAAA;AACF;;;;"}

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

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

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

@@ -1,50 +0,0 @@
-import { fontSizes } from './types.js';
-
-const styles = {
-    container: {
-        background: 'white3',
-        borderRadius: 'normal',
-        cursor: 'pointer',
-        width: 'fit-content',
-        height: 'fit-content',
-        position: 'relative',
-    },
-    ul: {
-        position: 'absolute',
-        background: 'white2',
-        borderRadius: 'normal',
-        cursor: 'pointer',
-        minWidth: '100%',
-        width: 'max-content',
-        overflow: 'hidden',
-        boxShadow: 'rgba(0, 0, 0, 0.16) 0px 1px 4px',
-    },
-    backdrop: {
-        width: '98vw',
-        height: '100vh',
-        position: 'fixed',
-        background: 'transparent',
-        top: 0,
-        left: 0,
-    },
-    input: {
-        bottom: 0,
-        left: 0,
-        position: 'absolute',
-        opacity: 0,
-        pointerEvents: 'none',
-        width: '100%',
-    },
-};
-const dynamicStyles = {
-    dropdownItem: ({ size }) => ({
-        width: '100%',
-        fontSize: fontSizes[size],
-        '*': {
-            fontSize: fontSizes[size],
-        },
-    }),
-};
-
-export { styles as default, dynamicStyles };
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/uikit-sdk/Select/styles.ts"],"sourcesContent":["import { ThemeUIStyleObject } from 'theme-ui'\nimport { fontSizes } from './types'\n\nconst styles: Record<'container' | 'ul' | 'backdrop' | 'input', ThemeUIStyleObject> = {\n  container: {\n    background: 'white3',\n    borderRadius: 'normal',\n    cursor: 'pointer',\n    width: 'fit-content',\n    height: 'fit-content',\n    position: 'relative',\n  },\n  ul: {\n    position: 'absolute',\n    background: 'white2',\n    borderRadius: 'normal',\n    cursor: 'pointer',\n    minWidth: '100%',\n    width: 'max-content',\n    overflow: 'hidden',\n    boxShadow: 'rgba(0, 0, 0, 0.16) 0px 1px 4px',\n  },\n  backdrop: {\n    width: '98vw',\n    height: '100vh',\n    position: 'fixed',\n    background: 'transparent',\n    top: 0,\n    left: 0,\n  },\n  input: {\n    bottom: 0,\n    left: 0,\n    position: 'absolute',\n    opacity: 0,\n    pointerEvents: 'none',\n    width: '100%',\n  },\n}\n\ninterface Props {\n  active: boolean\n  size: keyof typeof fontSizes\n}\n\nexport const dynamicStyles: Record<string, (props: any) => ThemeUIStyleObject> = {\n  dropdownItem: ({ size }: Props) => ({\n    width: '100%',\n    fontSize: fontSizes[size],\n    '*': {\n      fontSize: fontSizes[size],\n    },\n  }),\n}\n\nexport default styles\n"],"names":[],"mappings":";;AAGA,MAAM,MAAM,GAA0E;AACpF,IAAA,SAAS,EAAE;AACT,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,KAAK,EAAE,aAAa;AACpB,QAAA,MAAM,EAAE,aAAa;AACrB,QAAA,QAAQ,EAAE,UAAU;AACrB,KAAA;AACD,IAAA,EAAE,EAAE;AACF,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,UAAU,EAAE,QAAQ;AACpB,QAAA,YAAY,EAAE,QAAQ;AACtB,QAAA,MAAM,EAAE,SAAS;AACjB,QAAA,QAAQ,EAAE,MAAM;AAChB,QAAA,KAAK,EAAE,aAAa;AACpB,QAAA,QAAQ,EAAE,QAAQ;AAClB,QAAA,SAAS,EAAE,iCAAiC;AAC7C,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,MAAM,EAAE,OAAO;AACf,QAAA,QAAQ,EAAE,OAAO;AACjB,QAAA,UAAU,EAAE,aAAa;AACzB,QAAA,GAAG,EAAE,CAAC;AACN,QAAA,IAAI,EAAE,CAAC;AACR,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,MAAM,EAAE,CAAC;AACT,QAAA,IAAI,EAAE,CAAC;AACP,QAAA,QAAQ,EAAE,UAAU;AACpB,QAAA,OAAO,EAAE,CAAC;AACV,QAAA,aAAa,EAAE,MAAM;AACrB,QAAA,KAAK,EAAE,MAAM;AACd,KAAA;;AAQI,MAAM,aAAa,GAAuD;IAC/E,YAAY,EAAE,CAAC,EAAE,IAAI,EAAS,MAAM;AAClC,QAAA,KAAK,EAAE,MAAM;AACb,QAAA,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;AACzB,QAAA,GAAG,EAAE;AACH,YAAA,QAAQ,EAAE,SAAS,CAAC,IAAI,CAAC;AAC1B,SAAA;KACF,CAAC;;;;;"}

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

@@ -1,3 +0,0 @@
-import { ThemeUIStyleObject } from 'theme-ui';
-declare const styles: Record<string, ThemeUIStyleObject>;
-export default styles;