@particle-network/connectkit 2.1.3 → 3.0.0-alpha.0

package/dist/walletconnect-VN7G25WN.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/pages/walletconnect/index.tsx", "../src/pages/walletconnect/styles.ts"],
+  "sourcesContent": ["import { useEffect, useMemo } from 'react';\nimport { RoutePath } from '..';\nimport ShareIcon from '../../assets/icons/ShareIcon';\nimport CustomQRCode from '../../components/CustomQRCode';\nimport Button from '../../components/button';\nimport CopyToClipboard from '../../components/copyToClipboard';\nimport { FlexCenter, PageContent } from '../../components/modal/styles';\nimport { useContext } from '../../context';\nimport { useAccount } from '../../hooks/useAccount';\nimport useIsMobile from '../../hooks/useIsMobile';\nimport useLocales from '../../hooks/useLocales';\nimport { useRouter } from '../../hooks/useRouter';\nimport { useWalletConnectUri } from '../../hooks/useWalletConnectUri';\nimport { type WalletProps } from '../../hooks/useWalletsProps';\nimport { Actions, Description, Wrapper } from './styles';\n\nconst Page = ({ wallet }: { wallet: WalletProps }) => {\n  const { navigate } = useRouter();\n  const locales = useLocales();\n  const mobile = useIsMobile();\n  const { uri: walletConnectUri = '', requestUri, error } = useWalletConnectUri(wallet?.connector?.id);\n  const { config } = useContext();\n  const { isConnected } = useAccount();\n\n  useEffect(() => {\n    requestUri();\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      // connect status  -> connected / disconnected\n      if (!isConnected) {\n        config.setState((x) => ({\n          ...x,\n          // Keep existing connector connected in case of error\n          status: x.current ? 'connected' : 'disconnected',\n        }));\n      }\n    };\n  }, [isConnected]);\n\n  const visiableWalletButton = useMemo(() => {\n    if (mobile || wallet?.id === 'walletConnect') {\n      return false;\n    } else {\n      return true;\n    }\n  }, [wallet, mobile]);\n\n  return (\n    <PageContent style={{ marginTop: 0 }} data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:51:5:PageContent\" >\n      <Wrapper data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:52:7:Wrapper\">\n        <CustomQRCode\n          value={\n            walletConnectUri && wallet.getWalletConnectDeeplink\n              ? wallet.getWalletConnectDeeplink(walletConnectUri)\n              : walletConnectUri\n          }\n          failed={!!error}\n          failedCallback={() => {\n            requestUri();\n          }}\n          image={wallet?.icon}\n         data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:53:9:CustomQRCode\" />\n        {!!walletConnectUri && (\n          <Actions data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:66:11:Actions\">\n            <CopyToClipboard variant='button' string={walletConnectUri} data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:67:13:CopyToClipboard\" >\n              {locales.copyQRURI}\n            </CopyToClipboard>\n\n            {visiableWalletButton && (\n              <Button\n                style={{\n                  background: 'none',\n                  borderColor: 'var(--pcm-button-border-color)',\n                }}\n                onClick={() => {\n                  navigate(RoutePath.DownloadApp, { wallet });\n                }}\n               data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:72:15:Button\" >\n                <FlexCenter\n                  gap={8}\n                  style={{\n                    color: 'var(--pcm-body-color-secondary)',\n                  }}\n                 data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:81:17:FlexCenter\" >\n                  <ShareIcon  data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:87:19:ShareIcon\"/>\n                  {locales.getWallet}\n                </FlexCenter>\n              </Button>\n            )}\n          </Actions>\n        )}\n\n        <Description data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/pages/walletconnect/index.tsx:95:9:Description\">{locales.scanQRCode}</Description>\n      </Wrapper>\n    </PageContent>\n  );\n};\n\nexport default Page;\n", "import { motion } from 'framer-motion';\nimport { styled } from 'styled-components';\n\nexport const Wrapper = styled(motion.div)`\n  padding: 15px 30px;\n  padding-top: 30px;\n  padding-top: 0;\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const Header = styled(motion.div)`\n  text-align: center;\n  font-size: 18px;\n  line-height: 25px;\n  font-weight: 500;\n  margin-bottom: 30px;\n`;\n\nexport const Actions = styled(motion.div)`\n  display: flex;\n  justify-content: space-between;\n  gap: 28px;\n  margin-top: 20px;\n\n  button {\n    border-radius: var(--pcm-rounded-lg);\n    border: 1px solid var(--pcm-button-border-color);\n    background-color: var(--pcm-body-background) !important;\n    color: var(--pcm-body-background);\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    height: 36px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: var(--pcm-body-color-secondary);\n\n    &:hover {\n      background-color: #fff;\n    }\n  }\n`;\n\nexport const Description = styled.div`\n  margin-top: 28px;\n  padding: 0 16px;\n  color: var(--pcm-body-color-secondary);\n  text-align: center;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n`;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,eAAe;;;ACAnC,SAAS,cAAc;AACvB,SAAS,cAAc;AAEhB,IAAM,UAAU,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjC,IAAM,SAAS,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhC,IAAM,UAAU,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BjC,IAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ADO1B,cA4BQ,YA5BR;AApCR,IAAM,OAAO,CAAC,EAAE,OAAO,MAA+B;AACpD,QAAM,EAAE,SAAS,IAAI,UAAU;AAC/B,QAAM,UAAU,WAAW;AAC3B,QAAM,SAAS,YAAY;AAC3B,QAAM,EAAE,KAAK,mBAAmB,IAAI,YAAY,MAAM,IAAI,oBAAoB,QAAQ,WAAW,EAAE;AACnG,QAAM,EAAE,OAAO,IAAI,WAAW;AAC9B,QAAM,EAAE,YAAY,IAAI,WAAW;AAEnC,YAAU,MAAM;AACd,eAAW;AAAA,EACb,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,WAAO,MAAM;AAEX,UAAI,CAAC,aAAa;AAChB,eAAO,SAAS,CAAC,OAAO;AAAA,UACtB,GAAG;AAAA,UAEH,QAAQ,EAAE,UAAU,cAAc;AAAA,QACpC,EAAE;AAAA,MACJ;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,uBAAuB,QAAQ,MAAM;AACzC,QAAI,UAAU,QAAQ,OAAO,iBAAiB;AAC5C,aAAO;AAAA,IACT,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,QAAQ,MAAM,CAAC;AAEnB,SACE,oBAAC,eAAY,OAAO,EAAE,WAAW,EAAE,GAAG,kBAAe,qIACnD,+BAAC,WAAQ,kBAAe,iIACtB;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OACE,oBAAoB,OAAO,2BACvB,OAAO,yBAAyB,gBAAgB,IAChD;AAAA,QAEN,QAAQ,CAAC,CAAC;AAAA,QACV,gBAAgB,MAAM;AACpB,qBAAW;AAAA,QACb;AAAA,QACA,OAAO,QAAQ;AAAA,QAChB,kBAAe;AAAA;AAAA,IAAqI;AAAA,IACpJ,CAAC,CAAC,oBACD,qBAAC,WAAQ,kBAAe,kIACtB;AAAA,0BAAC,2BAAgB,SAAQ,UAAS,QAAQ,kBAAkB,kBAAe,0IACxE,kBAAQ,WACX;AAAA,MAEC,wBACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,YAAY;AAAA,YACZ,aAAa;AAAA,UACf;AAAA,UACA,SAAS,MAAM;AACb,uDAAgC,EAAE,OAAO,CAAC;AAAA,UAC5C;AAAA,UACD,kBAAe;AAAA,UACd;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,OAAO;AAAA,gBACL,OAAO;AAAA,cACT;AAAA,cACD,kBAAe;AAAA,cACd;AAAA,oCAAC,qBAAW,kBAAe,oIAAkI;AAAA,gBAC5J,QAAQ;AAAA;AAAA;AAAA,UACX;AAAA;AAAA,MACF;AAAA,OAEJ;AAAA,IAGF,oBAAC,eAAY,kBAAe,qIAAqI,kBAAQ,YAAW;AAAA,KACtL,GACF;AAEJ;AAEA,IAAO,wBAAQ;",
+  "names": []
+}

package/dist/walletconnect-W7G7RHJH.js

@@ -0,0 +1,173 @@
+"use client";
+import {
+  copyToClipboard_default
+} from "./chunk-5TRGGHWP.js";
+import {
+  useWalletConnectUri
+} from "./chunk-6SRXKYN3.js";
+import {
+  CustomQRCode_default
+} from "./chunk-5SSXHNBO.js";
+import "./chunk-I25KOOCX.js";
+import {
+  button_default
+} from "./chunk-6YTDWXCU.js";
+import {
+  useIsMobile
+} from "./chunk-7U3THH6T.js";
+import {
+  FlexCenter,
+  PageContent
+} from "./chunk-LD7ULFQB.js";
+import {
+  ShareIcon_default
+} from "./chunk-3GKKB275.js";
+import "./chunk-A5T4WCC5.js";
+import "./chunk-N4I4O2QX.js";
+import "./chunk-2JVS6HCC.js";
+import "./chunk-CM7LWY57.js";
+import "./chunk-N3I53AXB.js";
+import "./chunk-Q6ASU7RJ.js";
+import {
+  useAccount,
+  useContext,
+  useLocales,
+  useRouter
+} from "./chunk-LGU3FSI5.js";
+import "./chunk-ABM25MSG.js";
+import "./chunk-S4DO33H6.js";
+import "./chunk-E3X3TM7Q.js";
+
+// src/pages/walletconnect/index.tsx
+import { useEffect, useMemo } from "react";
+
+// src/pages/walletconnect/styles.ts
+import { motion } from "framer-motion";
+import { styled } from "styled-components";
+var Wrapper = styled(motion.div)`
+  padding: 15px 30px;
+  padding-top: 30px;
+  padding-top: 0;
+  display: flex;
+  flex-direction: column;
+`;
+var Header = styled(motion.div)`
+  text-align: center;
+  font-size: 18px;
+  line-height: 25px;
+  font-weight: 500;
+  margin-bottom: 30px;
+`;
+var Actions = styled(motion.div)`
+  display: flex;
+  justify-content: space-between;
+  gap: 28px;
+  margin-top: 20px;
+
+  button {
+    border-radius: var(--pcm-rounded-lg);
+    border: 1px solid var(--pcm-button-border-color);
+    background-color: var(--pcm-body-background) !important;
+    color: var(--pcm-body-background);
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 400;
+    height: 36px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    color: var(--pcm-body-color-secondary);
+
+    &:hover {
+      background-color: #fff;
+    }
+  }
+`;
+var Description = styled.div`
+  margin-top: 28px;
+  padding: 0 16px;
+  color: var(--pcm-body-color-secondary);
+  text-align: center;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 16px;
+`;
+
+// src/pages/walletconnect/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Page = ({ wallet }) => {
+  const { navigate } = useRouter();
+  const locales = useLocales();
+  const mobile = useIsMobile();
+  const { uri: walletConnectUri = "", requestUri, error } = useWalletConnectUri(wallet?.connector?.id);
+  const { config } = useContext();
+  const { isConnected } = useAccount();
+  useEffect(() => {
+    requestUri();
+  }, []);
+  useEffect(() => {
+    return () => {
+      if (!isConnected) {
+        config.setState((x) => ({
+          ...x,
+          status: x.current ? "connected" : "disconnected"
+        }));
+      }
+    };
+  }, [isConnected]);
+  const visiableWalletButton = useMemo(() => {
+    if (mobile || wallet?.id === "walletConnect") {
+      return false;
+    } else {
+      return true;
+    }
+  }, [wallet, mobile]);
+  return /* @__PURE__ */ jsx(PageContent, { style: { marginTop: 0 }, children: /* @__PURE__ */ jsxs(Wrapper, { children: [
+    /* @__PURE__ */ jsx(
+      CustomQRCode_default,
+      {
+        value: walletConnectUri && wallet.getWalletConnectDeeplink ? wallet.getWalletConnectDeeplink(walletConnectUri) : walletConnectUri,
+        failed: !!error,
+        failedCallback: () => {
+          requestUri();
+        },
+        image: wallet?.icon
+      }
+    ),
+    !!walletConnectUri && /* @__PURE__ */ jsxs(Actions, { children: [
+      /* @__PURE__ */ jsx(copyToClipboard_default, { variant: "button", string: walletConnectUri, children: locales.copyQRURI }),
+      visiableWalletButton && /* @__PURE__ */ jsx(
+        button_default,
+        {
+          style: {
+            background: "none",
+            borderColor: "var(--pcm-button-border-color)"
+          },
+          onClick: () => {
+            navigate("download-app" /* DownloadApp */, { wallet });
+          },
+          children: /* @__PURE__ */ jsxs(
+            FlexCenter,
+            {
+              gap: 8,
+              style: {
+                color: "var(--pcm-body-color-secondary)"
+              },
+              children: [
+                /* @__PURE__ */ jsx(ShareIcon_default, {}),
+                locales.getWallet
+              ]
+            }
+          )
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx(Description, { children: locales.scanQRCode })
+  ] }) });
+};
+var walletconnect_default = Page;
+export {
+  walletconnect_default as default
+};
+//# sourceMappingURL=walletconnect-W7G7RHJH.js.map

package/dist/walletconnect-W7G7RHJH.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/pages/walletconnect/index.tsx", "../src/pages/walletconnect/styles.ts"],
+  "sourcesContent": ["import { useEffect, useMemo } from 'react';\nimport { RoutePath } from '..';\nimport ShareIcon from '../../assets/icons/ShareIcon';\nimport CustomQRCode from '../../components/CustomQRCode';\nimport Button from '../../components/button';\nimport CopyToClipboard from '../../components/copyToClipboard';\nimport { FlexCenter, PageContent } from '../../components/modal/styles';\nimport { useContext } from '../../context';\nimport { useAccount } from '../../hooks/useAccount';\nimport useIsMobile from '../../hooks/useIsMobile';\nimport useLocales from '../../hooks/useLocales';\nimport { useRouter } from '../../hooks/useRouter';\nimport { useWalletConnectUri } from '../../hooks/useWalletConnectUri';\nimport { type WalletProps } from '../../hooks/useWalletsProps';\nimport { Actions, Description, Wrapper } from './styles';\n\nconst Page = ({ wallet }: { wallet: WalletProps }) => {\n  const { navigate } = useRouter();\n  const locales = useLocales();\n  const mobile = useIsMobile();\n  const { uri: walletConnectUri = '', requestUri, error } = useWalletConnectUri(wallet?.connector?.id);\n  const { config } = useContext();\n  const { isConnected } = useAccount();\n\n  useEffect(() => {\n    requestUri();\n  }, []);\n\n  useEffect(() => {\n    return () => {\n      // connect status  -> connected / disconnected\n      if (!isConnected) {\n        config.setState((x) => ({\n          ...x,\n          // Keep existing connector connected in case of error\n          status: x.current ? 'connected' : 'disconnected',\n        }));\n      }\n    };\n  }, [isConnected]);\n\n  const visiableWalletButton = useMemo(() => {\n    if (mobile || wallet?.id === 'walletConnect') {\n      return false;\n    } else {\n      return true;\n    }\n  }, [wallet, mobile]);\n\n  return (\n    <PageContent style={{ marginTop: 0 }}>\n      <Wrapper>\n        <CustomQRCode\n          value={\n            walletConnectUri && wallet.getWalletConnectDeeplink\n              ? wallet.getWalletConnectDeeplink(walletConnectUri)\n              : walletConnectUri\n          }\n          failed={!!error}\n          failedCallback={() => {\n            requestUri();\n          }}\n          image={wallet?.icon}\n        />\n        {!!walletConnectUri && (\n          <Actions>\n            <CopyToClipboard variant='button' string={walletConnectUri}>\n              {locales.copyQRURI}\n            </CopyToClipboard>\n\n            {visiableWalletButton && (\n              <Button\n                style={{\n                  background: 'none',\n                  borderColor: 'var(--pcm-button-border-color)',\n                }}\n                onClick={() => {\n                  navigate(RoutePath.DownloadApp, { wallet });\n                }}\n              >\n                <FlexCenter\n                  gap={8}\n                  style={{\n                    color: 'var(--pcm-body-color-secondary)',\n                  }}\n                >\n                  <ShareIcon />\n                  {locales.getWallet}\n                </FlexCenter>\n              </Button>\n            )}\n          </Actions>\n        )}\n\n        <Description>{locales.scanQRCode}</Description>\n      </Wrapper>\n    </PageContent>\n  );\n};\n\nexport default Page;\n", "import { motion } from 'framer-motion';\nimport { styled } from 'styled-components';\n\nexport const Wrapper = styled(motion.div)`\n  padding: 15px 30px;\n  padding-top: 30px;\n  padding-top: 0;\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const Header = styled(motion.div)`\n  text-align: center;\n  font-size: 18px;\n  line-height: 25px;\n  font-weight: 500;\n  margin-bottom: 30px;\n`;\n\nexport const Actions = styled(motion.div)`\n  display: flex;\n  justify-content: space-between;\n  gap: 28px;\n  margin-top: 20px;\n\n  button {\n    border-radius: var(--pcm-rounded-lg);\n    border: 1px solid var(--pcm-button-border-color);\n    background-color: var(--pcm-body-background) !important;\n    color: var(--pcm-body-background);\n    font-size: 12px;\n    font-style: normal;\n    font-weight: 400;\n    height: 36px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    color: var(--pcm-body-color-secondary);\n\n    &:hover {\n      background-color: #fff;\n    }\n  }\n`;\n\nexport const Description = styled.div`\n  margin-top: 28px;\n  padding: 0 16px;\n  color: var(--pcm-body-color-secondary);\n  text-align: center;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 400;\n  line-height: 16px;\n`;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,SAAS,WAAW,eAAe;;;ACAnC,SAAS,cAAc;AACvB,SAAS,cAAc;AAEhB,IAAM,UAAU,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjC,IAAM,SAAS,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQhC,IAAM,UAAU,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0BjC,IAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ADO1B,cA4BQ,YA5BR;AApCR,IAAM,OAAO,CAAC,EAAE,OAAO,MAA+B;AACpD,QAAM,EAAE,SAAS,IAAI,UAAU;AAC/B,QAAM,UAAU,WAAW;AAC3B,QAAM,SAAS,YAAY;AAC3B,QAAM,EAAE,KAAK,mBAAmB,IAAI,YAAY,MAAM,IAAI,oBAAoB,QAAQ,WAAW,EAAE;AACnG,QAAM,EAAE,OAAO,IAAI,WAAW;AAC9B,QAAM,EAAE,YAAY,IAAI,WAAW;AAEnC,YAAU,MAAM;AACd,eAAW;AAAA,EACb,GAAG,CAAC,CAAC;AAEL,YAAU,MAAM;AACd,WAAO,MAAM;AAEX,UAAI,CAAC,aAAa;AAChB,eAAO,SAAS,CAAC,OAAO;AAAA,UACtB,GAAG;AAAA,UAEH,QAAQ,EAAE,UAAU,cAAc;AAAA,QACpC,EAAE;AAAA,MACJ;AAAA,IACF;AAAA,EACF,GAAG,CAAC,WAAW,CAAC;AAEhB,QAAM,uBAAuB,QAAQ,MAAM;AACzC,QAAI,UAAU,QAAQ,OAAO,iBAAiB;AAC5C,aAAO;AAAA,IACT,OAAO;AACL,aAAO;AAAA,IACT;AAAA,EACF,GAAG,CAAC,QAAQ,MAAM,CAAC;AAEnB,SACE,oBAAC,eAAY,OAAO,EAAE,WAAW,EAAE,GACjC,+BAAC,WACC;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OACE,oBAAoB,OAAO,2BACvB,OAAO,yBAAyB,gBAAgB,IAChD;AAAA,QAEN,QAAQ,CAAC,CAAC;AAAA,QACV,gBAAgB,MAAM;AACpB,qBAAW;AAAA,QACb;AAAA,QACA,OAAO,QAAQ;AAAA;AAAA,IACjB;AAAA,IACC,CAAC,CAAC,oBACD,qBAAC,WACC;AAAA,0BAAC,2BAAgB,SAAQ,UAAS,QAAQ,kBACvC,kBAAQ,WACX;AAAA,MAEC,wBACC;AAAA,QAAC;AAAA;AAAA,UACC,OAAO;AAAA,YACL,YAAY;AAAA,YACZ,aAAa;AAAA,UACf;AAAA,UACA,SAAS,MAAM;AACb,uDAAgC,EAAE,OAAO,CAAC;AAAA,UAC5C;AAAA,UAEA;AAAA,YAAC;AAAA;AAAA,cACC,KAAK;AAAA,cACL,OAAO;AAAA,gBACL,OAAO;AAAA,cACT;AAAA,cAEA;AAAA,oCAAC,qBAAU;AAAA,gBACV,QAAQ;AAAA;AAAA;AAAA,UACX;AAAA;AAAA,MACF;AAAA,OAEJ;AAAA,IAGF,oBAAC,eAAa,kBAAQ,YAAW;AAAA,KACnC,GACF;AAEJ;AAEA,IAAO,wBAAQ;",
+  "names": []
+}

package/package.json

@@ -1,9 +1,9 @@
 {
   "name": "@particle-network/connectkit",
-  "version": "2.1.3",
+  "version": "3.0.0-alpha.0",
   "type": "module",
-  "main": "./dist/cjs/index.cjs",
-  "module": "./dist/esm/index.mjs",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
   "types": "./dist/types/index.d.ts",
   "license": "Apache-2.0",
   "homepage": "https://particle.network",
@@ -13,43 +13,39 @@
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",
-      "require": "./dist/cjs/index.cjs",
-      "default": "./dist/esm/index.mjs"
+      "default": "./dist/index.js"
     },
     "./evm": {
       "types": "./dist/types/exports/connectors/evm.d.ts",
-      "require": "./dist/cjs/exports/connectors/evm.cjs",
-      "default": "./dist/esm/exports/connectors/evm.mjs"
+      "default": "./dist/exports/connectors/evm.js"
     },
     "./solana": {
       "types": "./dist/types/exports/connectors/solana.d.ts",
-      "require": "./dist/cjs/exports/connectors/solana.cjs",
-      "default": "./dist/esm/exports/connectors/solana.mjs"
+      "default": "./dist/exports/connectors/solana.js"
     },
     "./auth": {
       "types": "./dist/types/exports/connectors/auth.d.ts",
-      "require": "./dist/cjs/exports/connectors/auth.cjs",
-      "default": "./dist/esm/exports/connectors/auth.mjs"
+      "default": "./dist/exports/connectors/auth.js"
     },
     "./aa": {
       "types": "./dist/types/exports/plugins/aa.d.ts",
-      "require": "./dist/cjs/exports/plugins/aa.cjs",
-      "default": "./dist/esm/exports/plugins/aa.mjs"
+      "default": "./dist/exports/plugins/aa.js"
     },
     "./wallet": {
       "types": "./dist/types/exports/plugins/wallet.d.ts",
-      "require": "./dist/cjs/exports/plugins/wallet.cjs",
-      "default": "./dist/esm/exports/plugins/wallet.mjs"
+      "default": "./dist/exports/plugins/wallet.js"
     },
     "./chains": {
       "types": "./dist/types/exports/chains.d.ts",
-      "require": "./dist/cjs/exports/chains.cjs",
-      "default": "./dist/esm/exports/chains.mjs"
+      "default": "./dist/exports/chains.js"
     },
     "./core": {
       "types": "./dist/types/exports/core.d.ts",
-      "require": "./dist/cjs/exports/core.cjs",
-      "default": "./dist/esm/exports/core.mjs"
+      "default": "./dist/exports/core.js"
+    },
+    "./icons": {
+      "types": "./dist/types/exports/icons.d.ts",
+      "default": "./dist/exports/icons.js"
     }
   },
   "engines": {
@@ -71,7 +67,7 @@
   ],
   "sideEffects": false,
   "scripts": {
-    "build": "mkdir -p dist/cjs && echo '{ \"type\": \"commonjs\" }' > dist/cjs/package.json && node build.js",
+    "build": "node build.js",
     "build:dev": "NODE_ENV=development yarn build",
     "build:watch": "yarn build --watch",
     "clean": "rm -rf dist && rm -rf esm",
@@ -85,18 +81,15 @@
     "locale:export": "npx vite-node scripts/locales/export.ts"
   },
   "dependencies": {
-    "@particle-network/aa-plugin": "^2.1.0",
-    "@particle-network/auth-connectors": "^2.1.1",
-    "@particle-network/evm-connectors": "^2.1.2",
-    "@particle-network/solana-connectors": "^2.1.0",
-    "@particle-network/wallet-plugin": "^2.1.1",
-    "buffer": "^6.0.3",
+    "@particle-network/aa-plugin": "^3.0.0-alpha.0",
+    "@particle-network/auth-connectors": "^3.0.0-alpha.0",
+    "@particle-network/evm-connectors": "^3.0.0-alpha.0",
+    "@particle-network/solana-connectors": "^3.0.0-alpha.0",
+    "@particle-network/wallet-plugin": "^3.0.0-alpha.0",
     "country-flag-icons": "^1.5.12",
     "detect-browser": "^5.3.0",
     "framer-motion": "^12.15.0",
     "qrcode": "^1.5.0",
-    "react-transition-state": "^1.1.4",
-    "react-use-measure": "^2.1.1",
     "resize-observer-polyfill": "^1.5.1",
     "styled-components": "^6.1.11"
   },
@@ -120,5 +113,5 @@
     "react": "^19",
     "react-dom": "^19"
   },
-  "gitHead": "1515d512a4889d2fa81f2039aad3eb5e641bea9a"
+  "gitHead": "bffcd4bb481fb67389c3a0b1ac3e61a161f67b14"
 }

package/dist/cjs/assets/icons/AccountSecurityIcon.cjs

@@ -1,39 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/assets/icons/AccountSecurityIcon.tsx
-var AccountSecurityIcon_exports = {};
-__export(AccountSecurityIcon_exports, {
-  default: () => AccountSecurityIcon_default
-});
-module.exports = __toCommonJS(AccountSecurityIcon_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var AccountSecurityIcon = ({ ...props }) => {
-  const { color = "var(--pcm-body-color)" } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
-    {
-      d: "M14.4477 3.16126C14.2695 2.99941 14.0347 2.91085 13.792 2.91085C13.7698 2.91085 13.7477 2.91085 13.7256 2.91237C13.7122 2.91389 13.5576 2.92309 13.316 2.92309C12.9156 2.92309 12.134 2.89561 11.3935 2.72005C10.4374 2.49255 9.33398 1.43908 9.01297 1.23145C8.85113 1.12614 8.66487 1.07422 8.47824 1.07422C8.29237 1.07422 8.1061 1.12614 7.94464 1.22994C7.90572 1.25589 6.75035 2.45131 5.62023 2.72005C4.88016 2.89561 4.08358 2.92309 3.68357 2.92309C3.44196 2.92309 3.28779 2.91389 3.27253 2.91237C3.25154 2.91085 3.23054 2.91085 3.20917 2.91085C2.96603 2.91085 2.73053 2.99939 2.55153 3.16126C2.35726 3.33681 2.24658 3.5826 2.24658 3.84063V6.16581C2.24658 14.7613 8.06186 15.8681 8.3084 15.9123C8.36491 15.9216 8.42177 15.9261 8.47864 15.9261C8.53513 15.9261 8.59276 15.9216 8.64848 15.9123C8.89541 15.8681 14.7534 14.7612 14.7534 6.16581V3.84063C14.7534 3.5826 14.6424 3.33683 14.4477 3.16126ZM12.2981 6.48641L8.26642 10.3872C8.24123 10.4284 8.21031 10.4697 8.1729 10.5048C8.05458 10.6193 7.8981 10.6742 7.74311 10.6712C7.58817 10.6742 7.43203 10.6193 7.31374 10.5048C7.27635 10.4697 7.24506 10.4284 7.21986 10.3872L5.0653 8.3017C4.83588 8.08031 4.83588 7.72156 5.0653 7.49864C5.29468 7.27731 5.66679 7.27731 5.8962 7.49864L7.74313 9.28646L11.4676 5.68342C11.697 5.46203 12.0687 5.46203 12.2981 5.68342C12.5275 5.90473 12.5275 6.26507 12.2981 6.48641Z",
-      fill: color
-    }
-  ) });
-};
-var AccountSecurityIcon_default = AccountSecurityIcon;
-//# sourceMappingURL=AccountSecurityIcon.cjs.map

package/dist/cjs/assets/icons/AccountSecurityIcon.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/assets/icons/AccountSecurityIcon.tsx"],
-  "sourcesContent": ["const AccountSecurityIcon = ({ ...props }) => {\n  const { color = 'var(--pcm-body-color)' } = props;\n  return (\n    <svg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>\n      <path\n        d='M14.4477 3.16126C14.2695 2.99941 14.0347 2.91085 13.792 2.91085C13.7698 2.91085 13.7477 2.91085 13.7256 2.91237C13.7122 2.91389 13.5576 2.92309 13.316 2.92309C12.9156 2.92309 12.134 2.89561 11.3935 2.72005C10.4374 2.49255 9.33398 1.43908 9.01297 1.23145C8.85113 1.12614 8.66487 1.07422 8.47824 1.07422C8.29237 1.07422 8.1061 1.12614 7.94464 1.22994C7.90572 1.25589 6.75035 2.45131 5.62023 2.72005C4.88016 2.89561 4.08358 2.92309 3.68357 2.92309C3.44196 2.92309 3.28779 2.91389 3.27253 2.91237C3.25154 2.91085 3.23054 2.91085 3.20917 2.91085C2.96603 2.91085 2.73053 2.99939 2.55153 3.16126C2.35726 3.33681 2.24658 3.5826 2.24658 3.84063V6.16581C2.24658 14.7613 8.06186 15.8681 8.3084 15.9123C8.36491 15.9216 8.42177 15.9261 8.47864 15.9261C8.53513 15.9261 8.59276 15.9216 8.64848 15.9123C8.89541 15.8681 14.7534 14.7612 14.7534 6.16581V3.84063C14.7534 3.5826 14.6424 3.33683 14.4477 3.16126ZM12.2981 6.48641L8.26642 10.3872C8.24123 10.4284 8.21031 10.4697 8.1729 10.5048C8.05458 10.6193 7.8981 10.6742 7.74311 10.6712C7.58817 10.6742 7.43203 10.6193 7.31374 10.5048C7.27635 10.4697 7.24506 10.4284 7.21986 10.3872L5.0653 8.3017C4.83588 8.08031 4.83588 7.72156 5.0653 7.49864C5.29468 7.27731 5.66679 7.27731 5.8962 7.49864L7.74313 9.28646L11.4676 5.68342C11.697 5.46203 12.0687 5.46203 12.2981 5.68342C12.5275 5.90473 12.5275 6.26507 12.2981 6.48641Z'\n        fill={color}\n      />\n    </svg>\n  );\n};\n\nexport default AccountSecurityIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIM;AAJN,IAAM,sBAAsB,CAAC,KAAK,MAAM,MAAM;AAC5C,QAAM,EAAE,QAAQ,wBAAwB,IAAI;AAC5C,SACE,4CAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAA8B,GAAG,OACjG;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAM;AAAA;AAAA,EACR,GACF;AAEJ;AAEA,IAAO,8BAAQ;",
-  "names": []
-}

package/dist/cjs/assets/icons/BackIcon.cjs

@@ -1,31 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/assets/icons/BackIcon.tsx
-var BackIcon_exports = {};
-__export(BackIcon_exports, {
-  default: () => BackIcon_default
-});
-module.exports = __toCommonJS(BackIcon_exports);
-var import_framer_motion = require("framer-motion");
-var import_jsx_runtime = require("react/jsx-runtime");
-var BackIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_framer_motion.motion.svg, { width: 9, height: 16, viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M8 1L1 8L8 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
-var BackIcon_default = BackIcon;
-//# sourceMappingURL=BackIcon.cjs.map

package/dist/cjs/assets/icons/BackIcon.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/assets/icons/BackIcon.tsx"],
-  "sourcesContent": ["import { motion } from 'framer-motion';\n\nconst BackIcon = ({ ...props }) => (\n  <motion.svg width={9} height={16} viewBox='0 0 9 16' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>\n    <path d='M8 1L1 8L8 15' stroke='currentColor' strokeWidth='2' strokeLinecap='round' strokeLinejoin='round' />\n  </motion.svg>\n);\n\nexport default BackIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAuB;AAInB;AAFJ,IAAM,WAAW,CAAC,KAAK,MAAM,MAC3B,4CAAC,4BAAO,KAAP,EAAW,OAAO,GAAG,QAAQ,IAAI,SAAQ,YAAW,MAAK,QAAO,OAAM,8BAA8B,GAAG,OACtG,sDAAC,UAAK,GAAE,iBAAgB,QAAO,gBAAe,aAAY,KAAI,eAAc,SAAQ,gBAAe,SAAQ,GAC7G;AAGF,IAAO,mBAAQ;",
-  "names": []
-}

package/dist/cjs/assets/icons/ButtonLoadingIcon.cjs

@@ -1,52 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/assets/icons/ButtonLoadingIcon.tsx
-var ButtonLoadingIcon_exports = {};
-__export(ButtonLoadingIcon_exports, {
-  default: () => ButtonLoadingIcon_default
-});
-module.exports = __toCommonJS(ButtonLoadingIcon_exports);
-var import_framer_motion = require("framer-motion");
-var import_jsx_runtime = require("react/jsx-runtime");
-var ButtonLoadingIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-  import_framer_motion.motion.svg,
-  {
-    fill: "none",
-    viewBox: "0 0 24 24",
-    xmlns: "http://www.w3.org/2000/svg",
-    ...props,
-    animate: { rotate: 360 },
-    transition: { repeat: Infinity, duration: 1, ease: "linear" },
-    children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("circle", { cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4", opacity: 0.25 }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        "path",
-        {
-          opacity: 0.75,
-          d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z",
-          fill: "currentColor"
-        }
-      )
-    ]
-  }
-);
-var ButtonLoadingIcon_default = ButtonLoadingIcon;
-//# sourceMappingURL=ButtonLoadingIcon.cjs.map

package/dist/cjs/assets/icons/ButtonLoadingIcon.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/assets/icons/ButtonLoadingIcon.tsx"],
-  "sourcesContent": ["import { motion } from 'framer-motion';\n\nconst ButtonLoadingIcon = ({ ...props }) => (\n  <motion.svg\n    fill='none'\n    viewBox='0 0 24 24'\n    xmlns='http://www.w3.org/2000/svg'\n    {...props}\n    animate={{ rotate: 360 }}\n    transition={{ repeat: Infinity, duration: 1, ease: 'linear' }}\n  >\n    <circle cx='12' cy='12' r='10' stroke='currentColor' strokeWidth='4' opacity={0.25}></circle>\n    <path\n      opacity={0.75}\n      d='M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z'\n      fill='currentColor'\n    />\n  </motion.svg>\n);\n\nexport default ButtonLoadingIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAuB;AAGrB;AADF,IAAM,oBAAoB,CAAC,KAAK,MAAM,MACpC;AAAA,EAAC,4BAAO;AAAA,EAAP;AAAA,IACC,MAAK;AAAA,IACL,SAAQ;AAAA,IACR,OAAM;AAAA,IACL,GAAG;AAAA,IACJ,SAAS,EAAE,QAAQ,IAAI;AAAA,IACvB,YAAY,EAAE,QAAQ,UAAU,UAAU,GAAG,MAAM,SAAS;AAAA,IAE5D;AAAA,kDAAC,YAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,QAAO,gBAAe,aAAY,KAAI,SAAS,MAAM;AAAA,MACpF;AAAA,QAAC;AAAA;AAAA,UACC,SAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA;AACF;AAGF,IAAO,4BAAQ;",
-  "names": []
-}

package/dist/cjs/assets/icons/BuyIcon.cjs

@@ -1,41 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/assets/icons/BuyIcon.tsx
-var BuyIcon_exports = {};
-__export(BuyIcon_exports, {
-  default: () => BuyIcon_default
-});
-module.exports = __toCommonJS(BuyIcon_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var BuyIcon = ({ ...props }) => {
-  const { color = "var(--pcm-body-color)" } = props;
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "18", height: "17", viewBox: "0 0 18 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
-    {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M3.698 3H14.9671C15.7675 3 16.4167 3.73292 16.4167 4.63711V5.63658H2.24837V4.63711C2.24837 3.73292 2.89862 3 3.698 3ZM3.69768 14.3536C2.8973 14.3536 2.24805 13.6207 2.24805 12.7165H2.24838V7.1041H16.4167V12.7165C16.4167 13.6207 15.7665 14.3536 14.9671 14.3536H3.69768Z",
-      fill: color
-    }
-  ) });
-};
-var BuyIcon_default = BuyIcon;
-//# sourceMappingURL=BuyIcon.cjs.map

package/dist/cjs/assets/icons/BuyIcon.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/assets/icons/BuyIcon.tsx"],
-  "sourcesContent": ["const BuyIcon = ({ ...props }) => {\n  const { color = 'var(--pcm-body-color)' } = props;\n  return (\n    <svg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>\n      <path\n        fillRule='evenodd'\n        clipRule='evenodd'\n        d='M3.698 3H14.9671C15.7675 3 16.4167 3.73292 16.4167 4.63711V5.63658H2.24837V4.63711C2.24837 3.73292 2.89862 3 3.698 3ZM3.69768 14.3536C2.8973 14.3536 2.24805 13.6207 2.24805 12.7165H2.24838V7.1041H16.4167V12.7165C16.4167 13.6207 15.7665 14.3536 14.9671 14.3536H3.69768Z'\n        fill={color}\n      />\n    </svg>\n  );\n};\n\nexport default BuyIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAIM;AAJN,IAAM,UAAU,CAAC,KAAK,MAAM,MAAM;AAChC,QAAM,EAAE,QAAQ,wBAAwB,IAAI;AAC5C,SACE,4CAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAA8B,GAAG,OACjG;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,GAAE;AAAA,MACF,MAAM;AAAA;AAAA,EACR,GACF;AAEJ;AAEA,IAAO,kBAAQ;",
-  "names": []
-}

package/dist/cjs/assets/icons/CheckIcon.cjs

@@ -1,38 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/assets/icons/CheckIcon.tsx
-var CheckIcon_exports = {};
-__export(CheckIcon_exports, {
-  default: () => CheckIcon_default
-});
-module.exports = __toCommonJS(CheckIcon_exports);
-var import_jsx_runtime = require("react/jsx-runtime");
-var CheckIcon = ({ ...props }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("svg", { width: "11", height: "8", viewBox: "0 0 11 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "path",
-    {
-      d: "M9.82722 0.217402C9.94242 0.0922846 10.1036 0.0150553 10.2768 0.00197893C10.45 -0.0110974 10.6218 0.0409999 10.7559 0.147299C10.8899 0.253597 10.9759 0.405801 10.9957 0.571855C11.0154 0.737908 10.9674 0.904851 10.8617 1.03752L10.8311 1.07314L4.64968 7.78277C4.53232 7.91014 4.36738 7.98774 4.1908 7.99867C4.01422 8.00959 3.84031 7.95295 3.70695 7.84109L3.67207 7.8096L0.195168 4.44344C0.0726009 4.3249 0.00265663 4.16522 7.41297e-05 3.99806C-0.00250837 3.83089 0.0624726 3.66929 0.181324 3.5473C0.300175 3.42531 0.463615 3.35247 0.637203 3.34412C0.810791 3.33577 0.98097 3.39257 1.11188 3.50254L1.14676 3.53402L4.11956 6.41219L9.82722 0.217402Z",
-      fill: "var(--pcm-accent-color)"
-    }
-  ) });
-};
-var CheckIcon_default = CheckIcon;
-//# sourceMappingURL=CheckIcon.cjs.map

package/dist/cjs/assets/icons/CheckIcon.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/assets/icons/CheckIcon.tsx"],
-  "sourcesContent": ["const CheckIcon = ({ ...props }) => {\n  return (\n    <svg width='11' height='8' viewBox='0 0 11 8' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>\n      <path\n        d='M9.82722 0.217402C9.94242 0.0922846 10.1036 0.0150553 10.2768 0.00197893C10.45 -0.0110974 10.6218 0.0409999 10.7559 0.147299C10.8899 0.253597 10.9759 0.405801 10.9957 0.571855C11.0154 0.737908 10.9674 0.904851 10.8617 1.03752L10.8311 1.07314L4.64968 7.78277C4.53232 7.91014 4.36738 7.98774 4.1908 7.99867C4.01422 8.00959 3.84031 7.95295 3.70695 7.84109L3.67207 7.8096L0.195168 4.44344C0.0726009 4.3249 0.00265663 4.16522 7.41297e-05 3.99806C-0.00250837 3.83089 0.0624726 3.66929 0.181324 3.5473C0.300175 3.42531 0.463615 3.35247 0.637203 3.34412C0.810791 3.33577 0.98097 3.39257 1.11188 3.50254L1.14676 3.53402L4.11956 6.41219L9.82722 0.217402Z'\n        fill='var(--pcm-accent-color)'\n      />\n    </svg>\n  );\n};\n\nexport default CheckIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGM;AAHN,IAAM,YAAY,CAAC,KAAK,MAAM,MAAM;AAClC,SACE,4CAAC,SAAI,OAAM,MAAK,QAAO,KAAI,SAAQ,YAAW,MAAK,QAAO,OAAM,8BAA8B,GAAG,OAC/F;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACP,GACF;AAEJ;AAEA,IAAO,oBAAQ;",
-  "names": []
-}

package/dist/cjs/assets/icons/CloseIcon.cjs

@@ -1,31 +0,0 @@
-"use client";
-"use strict";
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/assets/icons/CloseIcon.tsx
-var CloseIcon_exports = {};
-__export(CloseIcon_exports, {
-  default: () => CloseIcon_default
-});
-module.exports = __toCommonJS(CloseIcon_exports);
-var import_framer_motion = require("framer-motion");
-var import_jsx_runtime = require("react/jsx-runtime");
-var CloseIcon = ({ ...props }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_framer_motion.motion.svg, { width: 14, height: 14, viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M1 13L13 1M1 1L13 13", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" }) });
-var CloseIcon_default = CloseIcon;
-//# sourceMappingURL=CloseIcon.cjs.map

package/dist/cjs/assets/icons/CloseIcon.cjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../src/assets/icons/CloseIcon.tsx"],
-  "sourcesContent": ["import { motion } from 'framer-motion';\n\nconst CloseIcon = ({ ...props }) => (\n  <motion.svg width={14} height={14} viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>\n    <path d='M1 13L13 1M1 1L13 13' stroke='currentColor' strokeWidth='2' strokeLinecap='round' />\n  </motion.svg>\n);\n\nexport default CloseIcon;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAAuB;AAInB;AAFJ,IAAM,YAAY,CAAC,KAAK,MAAM,MAC5B,4CAAC,4BAAO,KAAP,EAAW,OAAO,IAAI,QAAQ,IAAI,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAA8B,GAAG,OACxG,sDAAC,UAAK,GAAE,wBAAuB,QAAO,gBAAe,aAAY,KAAI,eAAc,SAAQ,GAC7F;AAGF,IAAO,oBAAQ;",
-  "names": []
-}