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

package/dist/chunk-LW5YMUVS.js

@@ -0,0 +1,211 @@
+"use client";
+import {
+  button_default
+} from "./chunk-ATZ4LTSA.js";
+import {
+  CopyIcon2_default
+} from "./chunk-N4I4O2QX.js";
+
+// src/components/copyToClipboard/index.tsx
+import { useState } from "react";
+
+// src/components/copyToClipboard/CopyToClipboardIcon.tsx
+import { motion } from "framer-motion";
+import { css, styled } from "styled-components";
+import { jsx } from "react/jsx-runtime";
+var IconContainer = styled(motion.div)`
+  transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+  max-width: 24px;
+  svg {
+    display: block;
+  }
+  svg,
+  svg path,
+  svg rect {
+    transition: inherit;
+  }
+  svg path:first-child {
+    transform-origin: 50% 50%;
+    fill: var(--pcm-body-background);
+    stroke: var(--pcm-body-color-secondary);
+  }
+  svg rect {
+    transform-origin: 53% 63%;
+    fill: var(--pcm-body-background);
+    stroke: var(--pcm-body-color-secondary);
+  }
+  svg path:last-child {
+    opacity: 0;
+    stroke: #fff !important;
+    transform: translate(11.75px, 10px) rotate(90deg) scale(0.6);
+  }
+  ${(props) => props.$clipboard ? css`
+          svg {
+            transition-delay: 0ms;
+            path:first-child {
+              opacity: 0;
+              transform: rotate(-90deg) scale(0.2);
+            }
+            rect {
+              rx: 10px;
+              fill: var(--pcm-accent-color);
+              stroke: var(--pcm-accent-color);
+              transform: rotate(-90deg) scale(1.45);
+            }
+            path:last-child {
+              transition-delay: 100ms;
+              opacity: 1;
+              transform: translate(7.75px, 9.5px);
+            }
+          }
+        ` : css`
+          &:hover {
+          }
+          &:hover:active {
+          }
+        `}
+`;
+var CopyToClipboardIcon = ({ copied, small }) => /* @__PURE__ */ jsx(IconContainer, { $clipboard: copied, children: /* @__PURE__ */ jsx(
+  CopyIcon2_default,
+  {
+    style: {
+      transform: small ? "scale(1)" : "translateX(3px) scale(1.5)",
+      opacity: small || copied ? 1 : 0.6
+    }
+  }
+) });
+var CopyToClipboardIcon_default = CopyToClipboardIcon;
+
+// src/components/copyToClipboard/styles.ts
+import { css as css2, styled as styled2 } from "styled-components";
+var Container = styled2.div`
+  transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);
+  cursor: pointer;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  ${(props) => props.$disabled ? css2`
+          cursor: not-allowed;
+          opacity: 0.4;
+        ` : css2`
+          &:hover {
+          }
+        `}
+`;
+var OffsetContainer = styled2.div`
+  display: flex;
+  gap: 4px;
+  position: relative;
+  transition: inherit;
+  align-items: center;
+  /* svg {
+    position: absolute;
+    display: block;
+    top: -2px;
+    margin: 0;
+    margin-left: 4px;
+  } */
+`;
+
+// src/components/copyToClipboard/index.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var CopyToClipboard = ({ string, children, variant }) => {
+  const [clipboard, setClipboard] = useState(false);
+  const [className, setClassName] = useState("copied-0");
+  let timeout;
+  function copyToClipboard(str) {
+    if (navigator.clipboard && window.isSecureContext) {
+      return navigator.clipboard.writeText(str).then(() => {
+        console.log("Text copied to clipboard");
+      }).catch((err) => {
+        console.error("Failed to copy text: ", err);
+      });
+    } else {
+      const textArea = document.createElement("textarea");
+      textArea.value = str;
+      textArea.style.position = "fixed";
+      textArea.style.left = "-999999px";
+      textArea.style.top = "-999999px";
+      document.body.appendChild(textArea);
+      textArea.focus();
+      textArea.select();
+      return new Promise((res, rej) => {
+        try {
+          document.execCommand("copy");
+          console.log("Text copied to clipboard");
+          document.body.removeChild(textArea);
+          res(true);
+        } catch (err) {
+          console.error("Failed to copy text: ", err);
+          document.body.removeChild(textArea);
+          rej(err);
+        }
+      });
+    }
+  }
+  const onCopy = () => {
+    if (!string)
+      return;
+    const str = string.trim();
+    copyToClipboard(str);
+    setClipboard(true);
+    setClassName("copied");
+    clearTimeout(timeout);
+    timeout = setTimeout(() => {
+      setClipboard(false);
+      setClassName("copied-0");
+    }, 1e3);
+  };
+  if (variant === "button")
+    return /* @__PURE__ */ jsx2(button_default, { disabled: !string, onClick: onCopy, className, "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/copyToClipboard/index.tsx:68:7:Button", children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        style: {
+          display: "flex",
+          gap: "8px",
+          alignItems: "center",
+          overflow: "hidden"
+        },
+        "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/copyToClipboard/index.tsx:69:9:div",
+        children: [
+          /* @__PURE__ */ jsx2(
+            "div",
+            {
+              style: {
+                width: "16px"
+              },
+              "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/copyToClipboard/index.tsx:77:11:div",
+              children: /* @__PURE__ */ jsx2(CopyToClipboardIcon_default, { copied: clipboard, "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/copyToClipboard/index.tsx:82:13:CopyToClipboardIcon" })
+            }
+          ),
+          children
+        ]
+      }
+    ) });
+  return /* @__PURE__ */ jsx2(Container, { onClick: onCopy, $disabled: !string, className, "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/copyToClipboard/index.tsx:90:5:Container", children: /* @__PURE__ */ jsxs(OffsetContainer, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/copyToClipboard/index.tsx:91:7:OffsetContainer", children: [
+    children,
+    /* @__PURE__ */ jsx2(
+      "div",
+      {
+        style: {
+          display: "flex",
+          alignItems: "center",
+          overflow: "hidden"
+        },
+        "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/copyToClipboard/index.tsx:93:9:div",
+        children: /* @__PURE__ */ jsx2(CopyToClipboardIcon_default, { copied: clipboard, small: true, "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/copyToClipboard/index.tsx:100:11:CopyToClipboardIcon" })
+      }
+    )
+  ] }) });
+};
+var copyToClipboard_default = CopyToClipboard;
+
+export {
+  copyToClipboard_default
+};
+//# sourceMappingURL=chunk-LW5YMUVS.js.map

package/dist/chunk-LW5YMUVS.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/copyToClipboard/index.tsx", "../src/components/copyToClipboard/CopyToClipboardIcon.tsx", "../src/components/copyToClipboard/styles.ts"],
+  "sourcesContent": ["import React, { useState } from 'react';\nimport Button from '../button';\nimport CopyToClipboardIcon from './CopyToClipboardIcon';\nimport { Container, OffsetContainer } from './styles';\n\nconst CopyToClipboard: React.FC<{\n  string?: string;\n  children?: React.ReactNode;\n  variant?: 'button';\n}> = ({ string, children, variant }) => {\n  const [clipboard, setClipboard] = useState(false);\n  const [className, setClassName] = useState('copied-0');\n  let timeout: NodeJS.Timeout;\n\n  function copyToClipboard(str) {\n    if (navigator.clipboard && window.isSecureContext) {\n      return navigator.clipboard\n        .writeText(str)\n        .then(() => {\n          console.log('Text copied to clipboard');\n        })\n        .catch((err) => {\n          console.error('Failed to copy text: ', err);\n        });\n    } else {\n      // Fallback \u65B9\u6848\n      const textArea = document.createElement('textarea');\n      textArea.value = str;\n      // \u4F7F textArea \u4E0D\u53EF\u89C1\n      textArea.style.position = 'fixed';\n      textArea.style.left = '-999999px';\n      textArea.style.top = '-999999px';\n      document.body.appendChild(textArea);\n      textArea.focus();\n      textArea.select();\n\n      return new Promise((res, rej) => {\n        // \u5BF9\u4E8E\u65E7\u7248\u6D4F\u89C8\u5668\n        try {\n          document.execCommand('copy');\n          console.log('Text copied to clipboard');\n          document.body.removeChild(textArea);\n          res(true);\n        } catch (err) {\n          console.error('Failed to copy text: ', err);\n          document.body.removeChild(textArea);\n          rej(err);\n        }\n      });\n    }\n  }\n\n  const onCopy = () => {\n    if (!string) return;\n    const str = string.trim();\n    copyToClipboard(str);\n    setClipboard(true);\n    setClassName('copied');\n    clearTimeout(timeout);\n    timeout = setTimeout(() => {\n      setClipboard(false);\n      setClassName('copied-0');\n    }, 1000);\n  };\n\n  if (variant === 'button')\n    return (\n      <Button disabled={!string} onClick={onCopy} className={className} data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/copyToClipboard/index.tsx:68:7:Button\" >\n        <div\n          style={{\n            display: 'flex',\n            gap: '8px',\n            alignItems: 'center',\n            overflow: 'hidden',\n          }}\n         data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/copyToClipboard/index.tsx:69:9:div\" >\n          <div\n            style={{\n              width: '16px',\n            }}\n           data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/copyToClipboard/index.tsx:77:11:div\" >\n            <CopyToClipboardIcon copied={clipboard}  data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/copyToClipboard/index.tsx:82:13:CopyToClipboardIcon\" />\n          </div>\n          {children}\n        </div>\n      </Button>\n    );\n\n  return (\n    <Container onClick={onCopy} $disabled={!string} className={className} data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/copyToClipboard/index.tsx:90:5:Container\" >\n      <OffsetContainer data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/copyToClipboard/index.tsx:91:7:OffsetContainer\">\n        {children as any}\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            overflow: 'hidden',\n          }}\n         data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/copyToClipboard/index.tsx:93:9:div\" >\n          <CopyToClipboardIcon copied={clipboard} small  data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/copyToClipboard/index.tsx:100:11:CopyToClipboardIcon\" />\n        </div>\n      </OffsetContainer>\n    </Container>\n  );\n};\n\nexport default CopyToClipboard;\n", "import { motion } from 'framer-motion';\nimport { css, styled } from 'styled-components';\nimport CopyIcon2 from '../../assets/icons/CopyIcon2';\n\nconst IconContainer = styled(motion.div)<{ $clipboard?: boolean }>`\n  transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 100%;\n  max-width: 24px;\n  svg {\n    display: block;\n  }\n  svg,\n  svg path,\n  svg rect {\n    transition: inherit;\n  }\n  svg path:first-child {\n    transform-origin: 50% 50%;\n    fill: var(--pcm-body-background);\n    stroke: var(--pcm-body-color-secondary);\n  }\n  svg rect {\n    transform-origin: 53% 63%;\n    fill: var(--pcm-body-background);\n    stroke: var(--pcm-body-color-secondary);\n  }\n  svg path:last-child {\n    opacity: 0;\n    stroke: #fff !important;\n    transform: translate(11.75px, 10px) rotate(90deg) scale(0.6);\n  }\n  ${(props) =>\n    props.$clipboard\n      ? css`\n          svg {\n            transition-delay: 0ms;\n            path:first-child {\n              opacity: 0;\n              transform: rotate(-90deg) scale(0.2);\n            }\n            rect {\n              rx: 10px;\n              fill: var(--pcm-accent-color);\n              stroke: var(--pcm-accent-color);\n              transform: rotate(-90deg) scale(1.45);\n            }\n            path:last-child {\n              transition-delay: 100ms;\n              opacity: 1;\n              transform: translate(7.75px, 9.5px);\n            }\n          }\n        `\n      : css`\n          &:hover {\n          }\n          &:hover:active {\n          }\n        `}\n`;\n\nconst CopyToClipboardIcon = ({ copied, small }: { copied?: boolean; small?: boolean }) => (\n  <IconContainer $clipboard={copied}>\n    <CopyIcon2\n      style={{\n        transform: small ? 'scale(1)' : 'translateX(3px) scale(1.5)',\n        opacity: small || copied ? 1 : 0.6,\n      }}\n    />\n  </IconContainer>\n);\n\nexport default CopyToClipboardIcon;\n", "import { css, styled } from 'styled-components';\n\nexport const Container = styled.div<{ $disabled?: boolean }>`\n  transition: all 220ms cubic-bezier(0.175, 0.885, 0.32, 1.1);\n  cursor: pointer;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n\n  ${(props) =>\n    props.$disabled\n      ? css`\n          cursor: not-allowed;\n          opacity: 0.4;\n        `\n      : css`\n          &:hover {\n          }\n        `}\n`;\n\nexport const OffsetContainer = styled.div`\n  display: flex;\n  gap: 4px;\n  position: relative;\n  transition: inherit;\n  align-items: center;\n  /* svg {\n    position: absolute;\n    display: block;\n    top: -2px;\n    margin: 0;\n    margin-left: 4px;\n  } */\n`;\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAgB,gBAAgB;;;ACAhC,SAAS,cAAc;AACvB,SAAS,KAAK,cAAc;AAiExB;AA9DJ,IAAM,gBAAgB,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IA8BnC,CAAC,UACD,MAAM,aACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAoBA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQR,IAAM,sBAAsB,CAAC,EAAE,QAAQ,MAAM,MAC3C,oBAAC,iBAAc,YAAY,QACzB;AAAA,EAAC;AAAA;AAAA,IACC,OAAO;AAAA,MACL,WAAW,QAAQ,aAAa;AAAA,MAChC,SAAS,SAAS,SAAS,IAAI;AAAA,IACjC;AAAA;AACF,GACF;AAGF,IAAO,8BAAQ;;;AC3Ef,SAAS,OAAAA,MAAK,UAAAC,eAAc;AAErB,IAAM,YAAYA,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAO5B,CAAC,UACD,MAAM,YACFD;AAAA;AAAA;AAAA,YAIAA;AAAA;AAAA;AAAA;AAAA;AAMD,IAAM,kBAAkBC,QAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;AF+C9B,SAaI,OAAAC,MAbJ;AA/DR,IAAM,kBAID,CAAC,EAAE,QAAQ,UAAU,QAAQ,MAAM;AACtC,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,UAAU;AACrD,MAAI;AAEJ,WAAS,gBAAgB,KAAK;AAC5B,QAAI,UAAU,aAAa,OAAO,iBAAiB;AACjD,aAAO,UAAU,UACd,UAAU,GAAG,EACb,KAAK,MAAM;AACV,gBAAQ,IAAI,0BAA0B;AAAA,MACxC,CAAC,EACA,MAAM,CAAC,QAAQ;AACd,gBAAQ,MAAM,yBAAyB,GAAG;AAAA,MAC5C,CAAC;AAAA,IACL,OAAO;AAEL,YAAM,WAAW,SAAS,cAAc,UAAU;AAClD,eAAS,QAAQ;AAEjB,eAAS,MAAM,WAAW;AAC1B,eAAS,MAAM,OAAO;AACtB,eAAS,MAAM,MAAM;AACrB,eAAS,KAAK,YAAY,QAAQ;AAClC,eAAS,MAAM;AACf,eAAS,OAAO;AAEhB,aAAO,IAAI,QAAQ,CAAC,KAAK,QAAQ;AAE/B,YAAI;AACF,mBAAS,YAAY,MAAM;AAC3B,kBAAQ,IAAI,0BAA0B;AACtC,mBAAS,KAAK,YAAY,QAAQ;AAClC,cAAI,IAAI;AAAA,QACV,SAAS,KAAP;AACA,kBAAQ,MAAM,yBAAyB,GAAG;AAC1C,mBAAS,KAAK,YAAY,QAAQ;AAClC,cAAI,GAAG;AAAA,QACT;AAAA,MACF,CAAC;AAAA,IACH;AAAA,EACF;AAEA,QAAM,SAAS,MAAM;AACnB,QAAI,CAAC;AAAQ;AACb,UAAM,MAAM,OAAO,KAAK;AACxB,oBAAgB,GAAG;AACnB,iBAAa,IAAI;AACjB,iBAAa,QAAQ;AACrB,iBAAa,OAAO;AACpB,cAAU,WAAW,MAAM;AACzB,mBAAa,KAAK;AAClB,mBAAa,UAAU;AAAA,IACzB,GAAG,GAAI;AAAA,EACT;AAEA,MAAI,YAAY;AACd,WACE,gBAAAA,KAAC,kBAAO,UAAU,CAAC,QAAQ,SAAS,QAAQ,WAAsB,kBAAe,uIAC/E;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,SAAS;AAAA,UACT,KAAK;AAAA,UACL,YAAY;AAAA,UACZ,UAAU;AAAA,QACZ;AAAA,QACD,kBAAe;AAAA,QACd;AAAA,0BAAAA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,gBACL,OAAO;AAAA,cACT;AAAA,cACD,kBAAe;AAAA,cACd,0BAAAA,KAAC,+BAAoB,QAAQ,WAAY,kBAAe,qJAAoJ;AAAA;AAAA,UAC9M;AAAA,UACC;AAAA;AAAA;AAAA,IACH,GACF;AAGJ,SACE,gBAAAA,KAAC,aAAU,SAAS,QAAQ,WAAW,CAAC,QAAQ,WAAsB,kBAAe,0IACnF,+BAAC,mBAAgB,kBAAe,gJAC7B;AAAA;AAAA,IACD,gBAAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,SAAS;AAAA,UACT,YAAY;AAAA,UACZ,UAAU;AAAA,QACZ;AAAA,QACD,kBAAe;AAAA,QACd,0BAAAA,KAAC,+BAAoB,QAAQ,WAAW,OAAK,MAAE,kBAAe,sJAAqJ;AAAA;AAAA,IACrN;AAAA,KACF,GACF;AAEJ;AAEA,IAAO,0BAAQ;",
+  "names": ["css", "styled", "jsx"]
+}

package/dist/chunk-M3QRQ2BY.js

@@ -0,0 +1,33 @@
+"use client";
+
+// src/assets/icons/SecurityIcon.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var SecurityIcon = ({ ...props }) => {
+  return /* @__PURE__ */ jsxs("svg", { width: "30", height: "30", viewBox: "0 0 30 30", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ jsx("circle", { opacity: "0.15", cx: "15", cy: "15", r: "15", fill: "#8B8E9F" }),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M15 14.6945C14.6161 14.6945 14.248 14.542 13.9766 14.2706C13.7052 13.9991 13.5527 13.631 13.5527 13.2471C13.5527 12.8633 13.7052 12.4951 13.9766 12.2237C14.248 11.9523 14.6161 11.7998 15 11.7998C15.3839 11.7998 15.7522 11.9523 16.0237 12.2238C16.2951 12.4953 16.4477 12.8635 16.4477 13.2475C16.4477 13.6314 16.2951 13.9996 16.0237 14.2711C15.7522 14.5426 15.3839 14.6951 15 14.6951V16.8658",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M20.7814 14.9267V11.4067C20.7815 11.1366 20.6966 10.8733 20.5387 10.6541C20.3807 10.435 20.1577 10.2712 19.9014 10.186L16.6254 9.09337C15.5696 8.74622 14.4304 8.74622 13.3747 9.09337L10.0987 10.1854C9.84239 10.2704 9.61942 10.4341 9.46145 10.6531C9.30348 10.8721 9.21853 11.1353 9.21869 11.4054V14.9254C9.21874 15.7943 9.4391 16.649 9.85917 17.4096C10.2792 18.1702 10.8853 18.8119 11.6207 19.2747L14.3194 20.9707C14.5235 21.0982 14.7593 21.1658 15 21.1658C15.2407 21.1658 15.4766 21.0982 15.6807 20.9707L18.3787 19.2747C19.1142 18.8121 19.7203 18.1705 20.1405 17.41C20.5607 16.6495 20.7812 15.7949 20.7814 14.926",
+        stroke: "currentColor",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
+};
+var SecurityIcon_default = SecurityIcon;
+
+export {
+  SecurityIcon_default
+};
+//# sourceMappingURL=chunk-M3QRQ2BY.js.map

package/dist/chunk-M3QRQ2BY.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/icons/SecurityIcon.tsx"],
+  "sourcesContent": ["const SecurityIcon = ({ ...props }) => {\n  return (\n    <svg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>\n      <circle opacity='0.15' cx='15' cy='15' r='15' fill='#8B8E9F' />\n      <path\n        d='M15 14.6945C14.6161 14.6945 14.248 14.542 13.9766 14.2706C13.7052 13.9991 13.5527 13.631 13.5527 13.2471C13.5527 12.8633 13.7052 12.4951 13.9766 12.2237C14.248 11.9523 14.6161 11.7998 15 11.7998C15.3839 11.7998 15.7522 11.9523 16.0237 12.2238C16.2951 12.4953 16.4477 12.8635 16.4477 13.2475C16.4477 13.6314 16.2951 13.9996 16.0237 14.2711C15.7522 14.5426 15.3839 14.6951 15 14.6951V16.8658'\n        stroke='currentColor'\n        strokeLinecap='round'\n        strokeLinejoin='round'\n      />\n      <path\n        d='M20.7814 14.9267V11.4067C20.7815 11.1366 20.6966 10.8733 20.5387 10.6541C20.3807 10.435 20.1577 10.2712 19.9014 10.186L16.6254 9.09337C15.5696 8.74622 14.4304 8.74622 13.3747 9.09337L10.0987 10.1854C9.84239 10.2704 9.61942 10.4341 9.46145 10.6531C9.30348 10.8721 9.21853 11.1353 9.21869 11.4054V14.9254C9.21874 15.7943 9.4391 16.649 9.85917 17.4096C10.2792 18.1702 10.8853 18.8119 11.6207 19.2747L14.3194 20.9707C14.5235 21.0982 14.7593 21.1658 15 21.1658C15.2407 21.1658 15.4766 21.0982 15.6807 20.9707L18.3787 19.2747C19.1142 18.8121 19.7203 18.1705 20.1405 17.41C20.5607 16.6495 20.7812 15.7949 20.7814 14.926'\n        stroke='currentColor'\n        strokeLinecap='round'\n        strokeLinejoin='round'\n      />\n    </svg>\n  );\n};\n\nexport default SecurityIcon;\n"],
+  "mappings": ";;;AAEI,SACE,KADF;AAFJ,IAAM,eAAe,CAAC,KAAK,MAAM,MAAM;AACrC,SACE,qBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAA8B,GAAG,OACjG;AAAA,wBAAC,YAAO,SAAQ,QAAO,IAAG,MAAK,IAAG,MAAK,GAAE,MAAK,MAAK,WAAU;AAAA,IAC7D;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,eAAc;AAAA,QACd,gBAAe;AAAA;AAAA,IACjB;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,QAAO;AAAA,QACP,eAAc;AAAA,QACd,gBAAe;AAAA;AAAA,IACjB;AAAA,KACF;AAEJ;AAEA,IAAO,uBAAQ;",
+  "names": []
+}

package/dist/chunk-MN2F4AZ3.js

@@ -0,0 +1,88 @@
+"use client";
+
+// src/assets/wallets/Slope.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Slope = ({ ...props }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    width: "88",
+    height: "88",
+    viewBox: "0 0 88 88",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    style: { background: "#6C67F1" },
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M50.6667 24.3696L34.8872 40.1864L24.0001 37.7402L37.3334 24.3696L48.4438 13.3798C49.268 12.5646 50.6667 13.1484 50.6667 14.3077V24.3696ZM37.3339 51.0358L50.6672 37.74V24.3694L35.2001 39.8737L37.3339 51.0358Z",
+          fill: "url(#paint0_linear_2593_6077)"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M37.3337 64.2947V50.9617L50.667 37.6284L55.7849 45.8435L55.9822 45.6463L64 50.9616L39.5582 75.2343C38.7347 76.0521 37.3336 75.4687 37.3336 74.3082V64.2949L37.3337 64.2947Z",
+          fill: "url(#paint1_linear_2593_6077)"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M24 37.7405H32.573C35.202 37.7405 37.3333 39.8718 37.3333 42.5009V51.0359H28.7602C26.1313 51.0359 24 48.9046 24 46.2757V37.7405Z",
+          fill: "#F1F0FF"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M50.6667 37.7405H59.2398C61.8688 37.7405 64 39.8718 64 42.5009V51.0359H55.4271C52.798 51.0359 50.6667 48.9046 50.6667 46.2757V37.7405Z",
+          fill: "#F1F0FF"
+        }
+      ),
+      /* @__PURE__ */ jsxs("defs", { children: [
+        /* @__PURE__ */ jsxs(
+          "linearGradient",
+          {
+            id: "paint0_linear_2593_6077",
+            x1: "37.3336",
+            y1: "13",
+            x2: "37.3336",
+            y2: "51.0358",
+            gradientUnits: "userSpaceOnUse",
+            children: [
+              /* @__PURE__ */ jsx("stop", { stopColor: "#A8ADFF" }),
+              /* @__PURE__ */ jsx("stop", { offset: "0.648556", stopColor: "white" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "linearGradient",
+          {
+            id: "paint1_linear_2593_6077",
+            x1: "50.6668",
+            y1: "37.6284",
+            x2: "50.6668",
+            y2: "75.616",
+            gradientUnits: "userSpaceOnUse",
+            children: [
+              /* @__PURE__ */ jsx("stop", { offset: "0.260784", stopColor: "#B6BAFF" }),
+              /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "#E4E2FF" })
+            ]
+          }
+        )
+      ] })
+    ]
+  }
+);
+var Slope_default = Slope;
+
+export {
+  Slope_default
+};
+//# sourceMappingURL=chunk-MN2F4AZ3.js.map

package/dist/chunk-MN2F4AZ3.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/wallets/Slope.tsx"],
+  "sourcesContent": ["const Slope = ({ ...props }) => (\n  <svg\n    width='88'\n    height='88'\n    viewBox='0 0 88 88'\n    fill='none'\n    xmlns='http://www.w3.org/2000/svg'\n    style={{ background: '#6C67F1' }}\n    {...props}\n  >\n    <path\n      fillRule='evenodd'\n      clipRule='evenodd'\n      d='M50.6667 24.3696L34.8872 40.1864L24.0001 37.7402L37.3334 24.3696L48.4438 13.3798C49.268 12.5646 50.6667 13.1484 50.6667 14.3077V24.3696ZM37.3339 51.0358L50.6672 37.74V24.3694L35.2001 39.8737L37.3339 51.0358Z'\n      fill='url(#paint0_linear_2593_6077)'\n    />\n    <path\n      fillRule='evenodd'\n      clipRule='evenodd'\n      d='M37.3337 64.2947V50.9617L50.667 37.6284L55.7849 45.8435L55.9822 45.6463L64 50.9616L39.5582 75.2343C38.7347 76.0521 37.3336 75.4687 37.3336 74.3082V64.2949L37.3337 64.2947Z'\n      fill='url(#paint1_linear_2593_6077)'\n    />\n    <path\n      d='M24 37.7405H32.573C35.202 37.7405 37.3333 39.8718 37.3333 42.5009V51.0359H28.7602C26.1313 51.0359 24 48.9046 24 46.2757V37.7405Z'\n      fill='#F1F0FF'\n    />\n    <path\n      d='M50.6667 37.7405H59.2398C61.8688 37.7405 64 39.8718 64 42.5009V51.0359H55.4271C52.798 51.0359 50.6667 48.9046 50.6667 46.2757V37.7405Z'\n      fill='#F1F0FF'\n    />\n    <defs>\n      <linearGradient\n        id='paint0_linear_2593_6077'\n        x1='37.3336'\n        y1='13'\n        x2='37.3336'\n        y2='51.0358'\n        gradientUnits='userSpaceOnUse'\n      >\n        <stop stopColor='#A8ADFF' />\n        <stop offset='0.648556' stopColor='white' />\n      </linearGradient>\n      <linearGradient\n        id='paint1_linear_2593_6077'\n        x1='50.6668'\n        y1='37.6284'\n        x2='50.6668'\n        y2='75.616'\n        gradientUnits='userSpaceOnUse'\n      >\n        <stop offset='0.260784' stopColor='#B6BAFF' />\n        <stop offset='1' stopColor='#E4E2FF' />\n      </linearGradient>\n    </defs>\n  </svg>\n);\n\nexport default Slope;\n"],
+  "mappings": ";;;AAUI,cAqBE,YArBF;AAVJ,IAAM,QAAQ,CAAC,KAAK,MAAM,MACxB;AAAA,EAAC;AAAA;AAAA,IACC,OAAM;AAAA,IACN,QAAO;AAAA,IACP,SAAQ;AAAA,IACR,MAAK;AAAA,IACL,OAAM;AAAA,IACN,OAAO,EAAE,YAAY,UAAU;AAAA,IAC9B,GAAG;AAAA,IAEJ;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA,MACA;AAAA,QAAC;AAAA;AAAA,UACC,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA,MACA,qBAAC,UACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,eAAc;AAAA,YAEd;AAAA,kCAAC,UAAK,WAAU,WAAU;AAAA,cAC1B,oBAAC,UAAK,QAAO,YAAW,WAAU,SAAQ;AAAA;AAAA;AAAA,QAC5C;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,IAAG;AAAA,YACH,eAAc;AAAA,YAEd;AAAA,kCAAC,UAAK,QAAO,YAAW,WAAU,WAAU;AAAA,cAC5C,oBAAC,UAAK,QAAO,KAAI,WAAU,WAAU;AAAA;AAAA;AAAA,QACvC;AAAA,SACF;AAAA;AAAA;AACF;AAGF,IAAO,gBAAQ;",
+  "names": []
+}

package/dist/chunk-MUVZTYDG.js

@@ -0,0 +1,32 @@
+"use client";
+import {
+  useIconColor_default
+} from "./chunk-GF2IDIPD.js";
+
+// src/assets/social/email.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Email = () => {
+  const { background } = useIconColor_default();
+  return /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M20.7094 15.5529V8.0907L16.9219 11.9852L20.7094 15.5517M14.3171 14.6618C13.6995 15.3003 12.8591 15.6583 11.9833 15.6561C11.102 15.6561 10.272 15.3028 9.64837 14.6618L7.61689 12.5723L3.2572 16.6801V17.3682C3.2572 18.2685 3.96895 19.0001 4.84357 19.0001H19.123C19.9976 19.0001 20.7094 18.2685 20.7094 17.3694V16.6584L16.3597 12.562L14.3182 14.6606",
+        fill: background
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        d: "M19.1554 5H4.87591C4.00241 5 3.29179 5.73168 3.29179 6.63075V6.97137L10.243 14.1193C10.7171 14.6055 11.3474 14.8739 12.0167 14.8739C12.6872 14.8739 13.3175 14.6055 13.7905 14.1193L20.7428 6.97137V6.63075C20.7428 5.73168 20.0289 5 19.1554 5ZM3.2572 8.09059V15.5734L7.05464 11.9954L3.2572 8.09059Z",
+        fill: background
+      }
+    )
+  ] });
+};
+var email_default = Email;
+
+export {
+  email_default
+};
+//# sourceMappingURL=chunk-MUVZTYDG.js.map

package/dist/chunk-MUVZTYDG.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/social/email.tsx"],
+  "sourcesContent": ["import useIconColor from '../../hooks/useIconColor';\n\nconst Email = () => {\n  const { background } = useIconColor();\n\n  return (\n    <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>\n      <path\n        d='M20.7094 15.5529V8.0907L16.9219 11.9852L20.7094 15.5517M14.3171 14.6618C13.6995 15.3003 12.8591 15.6583 11.9833 15.6561C11.102 15.6561 10.272 15.3028 9.64837 14.6618L7.61689 12.5723L3.2572 16.6801V17.3682C3.2572 18.2685 3.96895 19.0001 4.84357 19.0001H19.123C19.9976 19.0001 20.7094 18.2685 20.7094 17.3694V16.6584L16.3597 12.562L14.3182 14.6606'\n        fill={background}\n      />\n      <path\n        d='M19.1554 5H4.87591C4.00241 5 3.29179 5.73168 3.29179 6.63075V6.97137L10.243 14.1193C10.7171 14.6055 11.3474 14.8739 12.0167 14.8739C12.6872 14.8739 13.3175 14.6055 13.7905 14.1193L20.7428 6.97137V6.63075C20.7428 5.73168 20.0289 5 19.1554 5ZM3.2572 8.09059V15.5734L7.05464 11.9954L3.2572 8.09059Z'\n        fill={background}\n      />\n    </svg>\n  );\n};\n\nexport default Email;\n"],
+  "mappings": ";;;;;;AAMI,SACE,KADF;AAJJ,IAAM,QAAQ,MAAM;AAClB,QAAM,EAAE,WAAW,IAAI,qBAAa;AAEpC,SACE,qBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAChE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM;AAAA;AAAA,IACR;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,GAAE;AAAA,QACF,MAAM;AAAA;AAAA,IACR;AAAA,KACF;AAEJ;AAEA,IAAO,gBAAQ;",
+  "names": []
+}

package/dist/chunk-N3I53AXB.js

@@ -0,0 +1,18 @@
+"use client";
+
+// src/hooks/useLastConnectorId.ts
+import { create } from "zustand";
+var initialState = typeof window !== "undefined" ? localStorage.getItem("pcm-recent") : void 0;
+var useLastConnectorId = create((set) => ({
+  lastConnectorId: initialState,
+  updateLastConnectorId: (value) => {
+    const id = value.replace("solana_", "");
+    localStorage.setItem("pcm-recent", id);
+    set({ lastConnectorId: id });
+  }
+}));
+
+export {
+  useLastConnectorId
+};
+//# sourceMappingURL=chunk-N3I53AXB.js.map

package/dist/chunk-N3I53AXB.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/hooks/useLastConnectorId.ts"],
+  "sourcesContent": ["import { create } from 'zustand';\n\ntype State = {\n  lastConnectorId?: string | null;\n};\n\ntype Actions = {\n  updateLastConnectorId: (id: string) => void;\n};\n\nconst initialState = typeof window !== 'undefined' ? localStorage.getItem('pcm-recent') : undefined;\n\nexport const useLastConnectorId = create<State & Actions>((set) => ({\n  lastConnectorId: initialState,\n  updateLastConnectorId: (value) => {\n    const id = value.replace('solana_', '');\n    localStorage.setItem('pcm-recent', id);\n    set({ lastConnectorId: id });\n  },\n}));\n"],
+  "mappings": ";;;AAAA,SAAS,cAAc;AAUvB,IAAM,eAAe,OAAO,WAAW,cAAc,aAAa,QAAQ,YAAY,IAAI;AAEnF,IAAM,qBAAqB,OAAwB,CAAC,SAAS;AAAA,EAClE,iBAAiB;AAAA,EACjB,uBAAuB,CAAC,UAAU;AAChC,UAAM,KAAK,MAAM,QAAQ,WAAW,EAAE;AACtC,iBAAa,QAAQ,cAAc,EAAE;AACrC,QAAI,EAAE,iBAAiB,GAAG,CAAC;AAAA,EAC7B;AACF,EAAE;",
+  "names": []
+}

package/dist/chunk-N3MSOWVE.js

@@ -0,0 +1,23 @@
+"use client";
+import {
+  useIconColor_default
+} from "./chunk-YNLKWKSL.js";
+
+// src/assets/social/phone.tsx
+import { jsx } from "react/jsx-runtime";
+var Phone = () => {
+  const { background } = useIconColor_default();
+  return /* @__PURE__ */ jsx("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M19.2575 19.772C19.2575 20.158 19.1785 20.5171 19.0206 20.8492C18.8628 21.1812 18.6458 21.4746 18.3696 21.7294C18.0933 21.9843 17.7697 22.185 17.3987 22.3317C17.0277 22.4785 16.6292 22.5518 16.2029 22.5518H7.79705C7.37086 22.5518 6.97228 22.4785 6.6013 22.3317C6.23035 22.185 5.90674 21.9843 5.6305 21.7294C5.35423 21.4746 5.1372 21.1812 4.97935 20.8492C4.82147 20.5171 4.74255 20.158 4.74255 19.772V4.25124C4.74255 3.86515 4.82147 3.50223 4.97935 3.16248C5.1372 2.82271 5.35423 2.52543 5.6305 2.27061C5.90674 2.01579 6.23035 1.81503 6.6013 1.66831C6.97228 1.5216 7.37086 1.44824 7.79705 1.44824H16.2029C16.6292 1.44824 17.0277 1.5216 17.3987 1.66831C17.7697 1.81503 18.0933 2.01579 18.3696 2.27061C18.6458 2.52543 18.8628 2.82271 19.0206 3.16248C19.1785 3.50223 19.2575 3.86515 19.2575 4.25124V19.772ZM17.3395 5.36317H6.63683V18.6368H17.3395V5.36317ZM11.9882 19.2855C11.6567 19.2855 11.3686 19.4013 11.1239 19.633C10.8792 19.8646 10.7569 20.1504 10.7569 20.4901C10.7569 20.8144 10.8792 21.0963 11.1239 21.3356C11.3686 21.575 11.6567 21.6947 11.9882 21.6947C12.3354 21.6947 12.6275 21.575 12.8643 21.3356C13.101 21.0963 13.2195 20.8144 13.2195 20.4901C13.2195 20.1504 13.101 19.8646 12.8643 19.633C12.6275 19.4013 12.3354 19.2855 11.9882 19.2855ZM13.8824 3.39413C13.8824 3.27058 13.843 3.17406 13.764 3.10455C13.6851 3.03506 13.5983 3.00032 13.5036 3.00032H10.4964C10.4175 3.00032 10.3346 3.03506 10.2478 3.10455C10.161 3.17406 10.1176 3.27058 10.1176 3.39413C10.1176 3.51768 10.157 3.61419 10.236 3.68369C10.3149 3.75318 10.4017 3.78794 10.4964 3.78794H13.5036C13.5983 3.78794 13.6851 3.75318 13.764 3.68369C13.843 3.61419 13.8824 3.51768 13.8824 3.39413Z",
+      fill: background
+    }
+  ) });
+};
+var phone_default = Phone;
+
+export {
+  phone_default
+};
+//# sourceMappingURL=chunk-N3MSOWVE.js.map

package/dist/chunk-N3MSOWVE.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/social/phone.tsx"],
+  "sourcesContent": ["import useIconColor from '../../hooks/useIconColor';\n\nconst Phone = () => {\n  const { background } = useIconColor();\n\n  return (\n    <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>\n      <path\n        d='M19.2575 19.772C19.2575 20.158 19.1785 20.5171 19.0206 20.8492C18.8628 21.1812 18.6458 21.4746 18.3696 21.7294C18.0933 21.9843 17.7697 22.185 17.3987 22.3317C17.0277 22.4785 16.6292 22.5518 16.2029 22.5518H7.79705C7.37086 22.5518 6.97228 22.4785 6.6013 22.3317C6.23035 22.185 5.90674 21.9843 5.6305 21.7294C5.35423 21.4746 5.1372 21.1812 4.97935 20.8492C4.82147 20.5171 4.74255 20.158 4.74255 19.772V4.25124C4.74255 3.86515 4.82147 3.50223 4.97935 3.16248C5.1372 2.82271 5.35423 2.52543 5.6305 2.27061C5.90674 2.01579 6.23035 1.81503 6.6013 1.66831C6.97228 1.5216 7.37086 1.44824 7.79705 1.44824H16.2029C16.6292 1.44824 17.0277 1.5216 17.3987 1.66831C17.7697 1.81503 18.0933 2.01579 18.3696 2.27061C18.6458 2.52543 18.8628 2.82271 19.0206 3.16248C19.1785 3.50223 19.2575 3.86515 19.2575 4.25124V19.772ZM17.3395 5.36317H6.63683V18.6368H17.3395V5.36317ZM11.9882 19.2855C11.6567 19.2855 11.3686 19.4013 11.1239 19.633C10.8792 19.8646 10.7569 20.1504 10.7569 20.4901C10.7569 20.8144 10.8792 21.0963 11.1239 21.3356C11.3686 21.575 11.6567 21.6947 11.9882 21.6947C12.3354 21.6947 12.6275 21.575 12.8643 21.3356C13.101 21.0963 13.2195 20.8144 13.2195 20.4901C13.2195 20.1504 13.101 19.8646 12.8643 19.633C12.6275 19.4013 12.3354 19.2855 11.9882 19.2855ZM13.8824 3.39413C13.8824 3.27058 13.843 3.17406 13.764 3.10455C13.6851 3.03506 13.5983 3.00032 13.5036 3.00032H10.4964C10.4175 3.00032 10.3346 3.03506 10.2478 3.10455C10.161 3.17406 10.1176 3.27058 10.1176 3.39413C10.1176 3.51768 10.157 3.61419 10.236 3.68369C10.3149 3.75318 10.4017 3.78794 10.4964 3.78794H13.5036C13.5983 3.78794 13.6851 3.75318 13.764 3.68369C13.843 3.61419 13.8824 3.51768 13.8824 3.39413Z'\n        fill={background}\n      />\n    </svg>\n  );\n};\n\nexport default Phone;\n"],
+  "mappings": ";;;;;;AAOM;AALN,IAAM,QAAQ,MAAM;AAClB,QAAM,EAAE,WAAW,IAAI,qBAAa;AAEpC,SACE,oBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAChE;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAM;AAAA;AAAA,EACR,GACF;AAEJ;AAEA,IAAO,gBAAQ;",
+  "names": []
+}

package/dist/chunk-N4GV5W2B.js

@@ -0,0 +1,105 @@
+"use client";
+
+// src/hooks/useClickAway.ts
+import { useEffect } from "react";
+var useClickAway = (callback, refs) => {
+  useEffect(() => {
+    const handleClickOutside = (event) => {
+      if (refs.every((ref) => ref.current && !ref.current.contains(event.target))) {
+        callback();
+      }
+    };
+    document.addEventListener("mousedown", handleClickOutside);
+    return () => {
+      document.removeEventListener("mousedown", handleClickOutside);
+    };
+  }, [callback, refs]);
+};
+var useClickAway_default = useClickAway;
+
+// src/components/chainDropdown/styles.ts
+import { styled } from "styled-components";
+var StyleDropdownContent = styled.div`
+  position: absolute;
+  top: ${({ top }) => top || 46}px;
+  left: 0%;
+  box-shadow: var(--pcm-modal-box-shadow);
+  background: var(--pcm-body-background);
+  border-radius: var(--pcm-rounded-lg);
+  z-index: 10;
+  overflow: hidden;
+`;
+var StyleDropdownWrapper = styled.div`
+  flex-shrink: 0;
+  padding: 8px;
+  overflow-y: auto;
+  position: relative;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+
+  &::-webkit-scrollbar {
+    display: none;
+  }
+`;
+var StyleChainItem = styled.div`
+  height: 36px;
+  display: flex;
+  justify-content: flex-start;
+  padding-left: 8px;
+  padding-right: 30px;
+  position: relative;
+  border-radius: var(--pcm-rounded-sm);
+  align-items: center;
+  z-index: 2;
+  cursor: pointer;
+  ${({ selected }) => selected && `
+    .chain-name {
+      color: #a257fa;
+    }
+    &:after {
+      content: '';
+      position: absolute;
+      width: 100%;
+      height: 34px;
+      left: 0;
+      top: 0px;
+      background-color: var(--pcm-accent-color);
+      opacity: 0.2;
+      border-radius: var(--pcm-rounded-sm);
+    }
+  `}
+`;
+var StyleCheckIcon = styled.div`
+  position: absolute;
+  right: 11px;
+  top: 50%;
+  transform: translateY(-60%);
+`;
+var StyleChainName = styled.div`
+  font-size: 12px;
+`;
+var StyleHoverBg = styled.div`
+  pointer-events: none;
+  position: absolute;
+  top: ${({ index, $source }) => $source === "countryList" ? index * 46 + 8 : index * 36 + 9}px;
+  left: 8px;
+  width: calc(100% - 16px);
+  height: ${({ $source }) => $source === "countryList" ? "46px" : "34px"};
+  background-color: var(--pcm-accent-color);
+  opacity: 0.1;
+  border-radius: var(--pcm-rounded-sm);
+  z-index: 11;
+  display: ${({ index }) => index === -1 ? "none" : "block"};
+  transition: top 0.1s;
+`;
+
+export {
+  useClickAway_default,
+  StyleDropdownContent,
+  StyleDropdownWrapper,
+  StyleChainItem,
+  StyleCheckIcon,
+  StyleChainName,
+  StyleHoverBg
+};
+//# sourceMappingURL=chunk-N4GV5W2B.js.map

package/dist/chunk-N4GV5W2B.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/hooks/useClickAway.ts", "../src/components/chainDropdown/styles.ts"],
+  "sourcesContent": ["import { useEffect } from 'react';\n\n/**\n * Hook to listen for clicks outside of the target elements\n * @param {Function} callback - The function to call when a click outside is detected\n * @param {Array<React.RefObject>} refs - An array of refs of the target elements\n */\nconst useClickAway = (callback, refs) => {\n  useEffect(() => {\n    const handleClickOutside = (event) => {\n      if (refs.every((ref) => ref.current && !ref.current.contains(event.target))) {\n        callback();\n      }\n    };\n\n    document.addEventListener('mousedown', handleClickOutside);\n\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutside);\n    };\n  }, [callback, refs]);\n};\n\nexport default useClickAway;\n", "import { styled } from 'styled-components';\n\ninterface StylePrefixWrapProps {\n  index: number;\n  $source?: string;\n}\n\ninterface StyleDropdownContentProps {\n  top: number;\n}\nexport const StyleDropdownContent = styled.div<StyleDropdownContentProps>`\n  position: absolute;\n  top: ${({ top }) => top || 46}px;\n  left: 0%;\n  box-shadow: var(--pcm-modal-box-shadow);\n  background: var(--pcm-body-background);\n  border-radius: var(--pcm-rounded-lg);\n  z-index: 10;\n  overflow: hidden;\n`;\n\nexport const StyleDropdownWrapper = styled.div`\n  flex-shrink: 0;\n  padding: 8px;\n  overflow-y: auto;\n  position: relative;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n`;\n\nexport const StyleChainItem = styled.div<{ selected: boolean }>`\n  height: 36px;\n  display: flex;\n  justify-content: flex-start;\n  padding-left: 8px;\n  padding-right: 30px;\n  position: relative;\n  border-radius: var(--pcm-rounded-sm);\n  align-items: center;\n  z-index: 2;\n  cursor: pointer;\n  ${({ selected }) =>\n    selected &&\n    `\n    .chain-name {\n      color: #a257fa;\n    }\n    &:after {\n      content: '';\n      position: absolute;\n      width: 100%;\n      height: 34px;\n      left: 0;\n      top: 0px;\n      background-color: var(--pcm-accent-color);\n      opacity: 0.2;\n      border-radius: var(--pcm-rounded-sm);\n    }\n  `}\n`;\n\nexport const StyleCheckIcon = styled.div`\n  position: absolute;\n  right: 11px;\n  top: 50%;\n  transform: translateY(-60%);\n`;\n\nexport const StyleChainName = styled.div`\n  font-size: 12px;\n`;\n\nexport const StyleHoverBg = styled.div<StylePrefixWrapProps>`\n  pointer-events: none;\n  position: absolute;\n  top: ${({ index, $source }) => ($source === 'countryList' ? index * 46 + 8 : index * 36 + 9)}px;\n  left: 8px;\n  width: calc(100% - 16px);\n  height: ${({ $source }) => ($source === 'countryList' ? '46px' : '34px')};\n  background-color: var(--pcm-accent-color);\n  opacity: 0.1;\n  border-radius: var(--pcm-rounded-sm);\n  z-index: 11;\n  display: ${({ index }) => (index === -1 ? 'none' : 'block')};\n  transition: top 0.1s;\n`;\n"],
+  "mappings": ";;;AAAA,SAAS,iBAAiB;AAO1B,IAAM,eAAe,CAAC,UAAU,SAAS;AACvC,YAAU,MAAM;AACd,UAAM,qBAAqB,CAAC,UAAU;AACpC,UAAI,KAAK,MAAM,CAAC,QAAQ,IAAI,WAAW,CAAC,IAAI,QAAQ,SAAS,MAAM,MAAM,CAAC,GAAG;AAC3E,iBAAS;AAAA,MACX;AAAA,IACF;AAEA,aAAS,iBAAiB,aAAa,kBAAkB;AAEzD,WAAO,MAAM;AACX,eAAS,oBAAoB,aAAa,kBAAkB;AAAA,IAC9D;AAAA,EACF,GAAG,CAAC,UAAU,IAAI,CAAC;AACrB;AAEA,IAAO,uBAAQ;;;ACvBf,SAAS,cAAc;AAUhB,IAAM,uBAAuB,OAAO;AAAA;AAAA,SAElC,CAAC,EAAE,IAAI,MAAM,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAStB,IAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAapC,IAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAWjC,CAAC,EAAE,SAAS,MACZ,YACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkBG,IAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAO9B,IAAM,iBAAiB,OAAO;AAAA;AAAA;AAI9B,IAAM,eAAe,OAAO;AAAA;AAAA;AAAA,SAG1B,CAAC,EAAE,OAAO,QAAQ,MAAO,YAAY,gBAAgB,QAAQ,KAAK,IAAI,QAAQ,KAAK;AAAA;AAAA;AAAA,YAGhF,CAAC,EAAE,QAAQ,MAAO,YAAY,gBAAgB,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,aAKtD,CAAC,EAAE,MAAM,MAAO,UAAU,KAAK,SAAS;AAAA;AAAA;",
+  "names": []
+}

package/dist/chunk-N4I4O2QX.js

@@ -0,0 +1,34 @@
+"use client";
+
+// src/assets/icons/CopyIcon2.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var CopyIcon2 = ({ ...props }) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    "aria-hidden": "true",
+    width: "24",
+    height: "24",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          className: "bg",
+          d: "M14 9.5V7C14 5.89543 13.1046 5 12 5H7C5.89543 5 5 5.89543 5 7V12C5 13.1046 5.89543 14 7 14H9.5",
+          strokeWidth: "1.4"
+        }
+      ),
+      /* @__PURE__ */ jsx("rect", { className: "bg", x: "10", y: "10", width: "9", height: "9", rx: "2", strokeWidth: "1.4" }),
+      /* @__PURE__ */ jsx("path", { d: "M1 3L3 5L7 1", strokeWidth: "1.4", strokeLinecap: "round", strokeLinejoin: "round", stroke: "#ffffff" })
+    ]
+  }
+);
+var CopyIcon2_default = CopyIcon2;
+
+export {
+  CopyIcon2_default
+};
+//# sourceMappingURL=chunk-N4I4O2QX.js.map