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

package/dist/chunk-IXI5BPQB.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/hooks/useChains.ts", "../src/hooks/useWalletConnections.tsx"],
+  "sourcesContent": ["import { useMemo } from 'react';\nimport { useContext } from '../context';\nimport { useAccount } from './useAccount';\n\nexport const useChains = () => {\n  const { config } = useContext();\n  const { connector } = useAccount();\n\n  const chains = useMemo(() => {\n    const walletConnectorType = connector?.walletConnectorType;\n    if (walletConnectorType) {\n      const walletConnector = config.getWalletConnector(walletConnectorType);\n      if (walletConnector) {\n        return walletConnector.chains;\n      }\n    }\n    return config.chains;\n  }, [connector, config]);\n\n  return chains;\n};\n", "import { useMemo } from 'react';\nimport SocialIcon from '../components/socialLogin/Icons';\nimport { useContext } from '../context';\nimport type { AuthWalletConnectorProperties } from '../types/properties';\nimport { useConnections } from './useConnections';\nimport { useLastConnectorId } from './useLastConnectorId';\nimport useWalletsProps, { type WalletProps } from './useWalletsProps';\n\nexport type WalletConnection = {\n  accounts: readonly [string, ...string[]];\n  chainId: number;\n  walletProps: WalletProps;\n};\n\nexport const useWalletConnections = (): WalletConnection[] => {\n  const connections = useConnections();\n  const wallets = useWalletsProps();\n  const { config } = useContext();\n  const { lastConnectorId } = useLastConnectorId();\n\n  const walletConnections = useMemo(() => {\n    const props: WalletConnection[] = [];\n    for (const connection of connections) {\n      const id = connection.connector.id;\n      const wallet = wallets.find(\n        (wallet) =>\n          wallet.id === id ||\n          wallet.groupId\n            ?.split(',')\n            .map((item) => item.trim())\n            .includes(id)\n      );\n      if (!wallet) {\n        continue;\n      }\n\n      if (connection.connector.type === 'particleAuth') {\n        const authType = config\n          .getWalletConnector<AuthWalletConnectorProperties>('particleAuth')\n          ?.auth.getLatestAuthType();\n        if (authType) {\n          wallet.icon = <SocialIcon authType={authType} />;\n        }\n      } else {\n        // \u79FB\u52A8\u7AEFwallet\u90FD\u662F\u901A\u8FC7WalletConnect\u94FE\u63A5\u7684\uFF0C\u4F46\u662Ficon\u9700\u8981\u663E\u793A\u5177\u4F53\u70B9\u51FB\u7684wallet\n        if (wallet.connector.id === 'walletConnect' && lastConnectorId && lastConnectorId !== wallet.connector.id) {\n          const lastWallet = wallets.find(\n            (wallet) =>\n              wallet.id === lastConnectorId ||\n              wallet.groupId\n                ?.split(',')\n                .map((item) => item.trim())\n                .includes(lastConnectorId)\n          );\n          if (lastWallet?.icon) {\n            wallet.icon = lastWallet.icon;\n          }\n        }\n      }\n\n      props.push({\n        accounts: connection.accounts,\n        chainId: connection.chainId,\n        walletProps: wallet,\n      });\n    }\n\n    return props;\n  }, [connections, wallets, config, lastConnectorId]);\n\n  return walletConnections;\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;AAAA,SAAS,eAAe;AAIjB,IAAM,YAAY,MAAM;AAC7B,QAAM,EAAE,OAAO,IAAI,WAAW;AAC9B,QAAM,EAAE,UAAU,IAAI,WAAW;AAEjC,QAAM,SAAS,QAAQ,MAAM;AAC3B,UAAM,sBAAsB,WAAW;AACvC,QAAI,qBAAqB;AACvB,YAAM,kBAAkB,OAAO,mBAAmB,mBAAmB;AACrE,UAAI,iBAAiB;AACnB,eAAO,gBAAgB;AAAA,MACzB;AAAA,IACF;AACA,WAAO,OAAO;AAAA,EAChB,GAAG,CAAC,WAAW,MAAM,CAAC;AAEtB,SAAO;AACT;;;ACpBA,SAAS,WAAAA,gBAAe;AAyCA;AA3BjB,IAAM,uBAAuB,MAA0B;AAC5D,QAAM,cAAc,eAAe;AACnC,QAAM,UAAU,wBAAgB;AAChC,QAAM,EAAE,OAAO,IAAI,WAAW;AAC9B,QAAM,EAAE,gBAAgB,IAAI,mBAAmB;AAE/C,QAAM,oBAAoBC,SAAQ,MAAM;AACtC,UAAM,QAA4B,CAAC;AACnC,eAAW,cAAc,aAAa;AACpC,YAAM,KAAK,WAAW,UAAU;AAChC,YAAM,SAAS,QAAQ;AAAA,QACrB,CAACC,YACCA,QAAO,OAAO,MACdA,QAAO,SACH,MAAM,GAAG,EACV,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,EACzB,SAAS,EAAE;AAAA,MAClB;AACA,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AAEA,UAAI,WAAW,UAAU,SAAS,gBAAgB;AAChD,cAAM,WAAW,OACd,mBAAkD,cAAc,GAC/D,KAAK,kBAAkB;AAC3B,YAAI,UAAU;AACZ,iBAAO,OAAO,oBAAC,iBAAW,UAAoB;AAAA,QAChD;AAAA,MACF,OAAO;AAEL,YAAI,OAAO,UAAU,OAAO,mBAAmB,mBAAmB,oBAAoB,OAAO,UAAU,IAAI;AACzG,gBAAM,aAAa,QAAQ;AAAA,YACzB,CAACA,YACCA,QAAO,OAAO,mBACdA,QAAO,SACH,MAAM,GAAG,EACV,IAAI,CAAC,SAAS,KAAK,KAAK,CAAC,EACzB,SAAS,eAAe;AAAA,UAC/B;AACA,cAAI,YAAY,MAAM;AACpB,mBAAO,OAAO,WAAW;AAAA,UAC3B;AAAA,QACF;AAAA,MACF;AAEA,YAAM,KAAK;AAAA,QACT,UAAU,WAAW;AAAA,QACrB,SAAS,WAAW;AAAA,QACpB,aAAa;AAAA,MACf,CAAC;AAAA,IACH;AAEA,WAAO;AAAA,EACT,GAAG,CAAC,aAAa,SAAS,QAAQ,eAAe,CAAC;AAElD,SAAO;AACT;",
+  "names": ["useMemo", "useMemo", "wallet"]
+}

package/dist/chunk-J7HM4OEH.js

@@ -0,0 +1,22 @@
+"use client";
+
+// src/assets/wallets/Phantom.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Phantom = ({ ...props }) => /* @__PURE__ */ jsxs("svg", { width: "24", height: "24", viewBox: "0 0 88 88", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsx("rect", { rx: "27%", width: "88", height: "88", fill: "#AB9FF2" }),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M37.7425 57.0705C34.1942 62.3362 28.2483 69 20.3366 69C16.5965 69 13.0001 67.5093 13 61.0322C12.9997 44.5362 36.2555 19.0003 57.8334 19C70.1084 18.9998 75 27.2474 75 36.6136C75 48.6357 66.9442 62.3824 58.9368 62.3824C56.3955 62.3824 55.1487 61.031 55.1487 58.888C55.1487 58.3288 55.2442 57.7228 55.4365 57.0705C52.7029 61.5902 47.4285 65.7849 42.4896 65.7849C38.8933 65.7849 37.0713 63.5944 37.0713 60.5187C37.0713 59.4003 37.311 58.2357 37.7425 57.0705ZM53.7586 31.6834C51.8054 31.6868 50.4738 33.2938 50.478 35.5864C50.4822 37.879 51.8198 39.5273 53.7729 39.5241C55.6789 39.5208 57.0099 37.8679 57.0058 35.5752C57.0016 33.2827 55.6646 31.6802 53.7586 31.6834ZM64.1193 31.6725C62.1661 31.6759 60.8345 33.2829 60.8387 35.5755C60.8429 37.868 62.1798 39.5164 64.1336 39.5131C66.0396 39.5099 67.3706 37.8569 67.3664 35.5643C67.3622 33.2718 66.0253 31.6693 64.1193 31.6725Z",
+      fill: "#ffffff"
+    }
+  )
+] });
+var Phantom_default = Phantom;
+
+export {
+  Phantom_default
+};
+//# sourceMappingURL=chunk-J7HM4OEH.js.map

package/dist/chunk-J7HM4OEH.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/wallets/Phantom.tsx"],
+  "sourcesContent": ["const Phantom = ({ ...props }) => (\n  <svg width='24' height='24' viewBox='0 0 88 88' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>\n    <rect rx='27%' width='88' height='88' fill='#AB9FF2' />\n    <path\n      fillRule='evenodd'\n      clipRule='evenodd'\n      d='M37.7425 57.0705C34.1942 62.3362 28.2483 69 20.3366 69C16.5965 69 13.0001 67.5093 13 61.0322C12.9997 44.5362 36.2555 19.0003 57.8334 19C70.1084 18.9998 75 27.2474 75 36.6136C75 48.6357 66.9442 62.3824 58.9368 62.3824C56.3955 62.3824 55.1487 61.031 55.1487 58.888C55.1487 58.3288 55.2442 57.7228 55.4365 57.0705C52.7029 61.5902 47.4285 65.7849 42.4896 65.7849C38.8933 65.7849 37.0713 63.5944 37.0713 60.5187C37.0713 59.4003 37.311 58.2357 37.7425 57.0705ZM53.7586 31.6834C51.8054 31.6868 50.4738 33.2938 50.478 35.5864C50.4822 37.879 51.8198 39.5273 53.7729 39.5241C55.6789 39.5208 57.0099 37.8679 57.0058 35.5752C57.0016 33.2827 55.6646 31.6802 53.7586 31.6834ZM64.1193 31.6725C62.1661 31.6759 60.8345 33.2829 60.8387 35.5755C60.8429 37.868 62.1798 39.5164 64.1336 39.5131C66.0396 39.5099 67.3706 37.8569 67.3664 35.5643C67.3622 33.2718 66.0253 31.6693 64.1193 31.6725Z'\n      fill='#ffffff'\n    />\n  </svg>\n);\n\nexport default Phantom;\n"],
+  "mappings": ";;;AACE,SACE,KADF;AADF,IAAM,UAAU,CAAC,KAAK,MAAM,MAC1B,qBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAA8B,GAAG,OACjG;AAAA,sBAAC,UAAK,IAAG,OAAM,OAAM,MAAK,QAAO,MAAK,MAAK,WAAU;AAAA,EACrD;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACP;AAAA,GACF;AAGF,IAAO,kBAAQ;",
+  "names": []
+}

package/dist/chunk-JD2G7AYY.js

@@ -0,0 +1,226 @@
+"use client";
+
+// src/components/circleSpinner/index.tsx
+import { AnimatePresence } from "framer-motion";
+
+// src/components/circleSpinner/styles.ts
+import { motion } from "framer-motion";
+import { css, styled } from "styled-components";
+var LogoContainer = styled(motion.div)`
+  z-index: 4;
+  position: relative;
+  width: ${(props) => props.width ?? 60}px;
+  height: ${(props) => props.height ?? 60}px;
+  svg {
+    z-index: 3;
+    position: relative;
+    display: block;
+  }
+`;
+var Logo = styled(motion.div)`
+  z-index: 2;
+  position: absolute;
+  overflow: hidden;
+  inset: ${(props) => props.inset ?? 6}px;
+  border-radius: 50px;
+  background: var(--pcm-body-background);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  svg,
+  img {
+    pointer-events: none;
+    display: block;
+    margin: 0 auto;
+    width: 100%;
+    height: 100%;
+    ${(props) => props.$small && css`
+        width: 85%;
+        height: 85%;
+      `}
+  }
+`;
+var SpinnerContainer = styled(motion.div)`
+  position: absolute;
+  inset: -5px;
+`;
+var ExpiringSpinner = styled(motion.div)`
+  pointer-events: none;
+  user-select: none;
+  z-index: 1;
+  position: absolute;
+  inset: -25%;
+  background: var(--pcm-body-background);
+  div:first-child {
+    position: absolute;
+    left: 50%;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    overflow: hidden;
+    &:before {
+      position: absolute;
+      content: '';
+      inset: 0;
+      background: var(--pcm-accent-color);
+      transform-origin: 0% 50%;
+      animation: rotateExpiringSpinner 5000ms ease-in both;
+    }
+  }
+  div:last-child {
+    position: absolute;
+    left: 0;
+    right: 50%;
+    top: 0;
+    bottom: 0;
+    overflow: hidden;
+    &:before {
+      position: absolute;
+      content: '';
+      inset: 0;
+      background: var(--pcm-accent-color);
+      transform-origin: 100% 50%;
+      animation: rotateExpiringSpinner 5000ms ease-out 5000ms both;
+    }
+  }
+  @keyframes rotateExpiringSpinner {
+    0% {
+      transform: rotate(-180deg);
+    }
+    100% {
+      transform: rotate(0deg);
+    }
+  }
+`;
+var Spinner = styled(motion.div)`
+  pointer-events: none;
+  user-select: none;
+  z-index: 1;
+  position: absolute;
+  inset: 0;
+  svg {
+    display: block;
+    position: absolute;
+    left: 0;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    animation: rotateSpinner 1200ms linear infinite;
+  }
+  @keyframes rotateSpinner {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+`;
+
+// src/components/circleSpinner/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var CircleSpinner = ({
+  logo,
+  smallLogo,
+  connecting = true,
+  unavailable = false,
+  countdown = false,
+  width = 60,
+  height = 60,
+  inset = 4
+}) => {
+  return /* @__PURE__ */ jsxs(LogoContainer, { transition: { duration: 0.5, ease: [0.175, 0.885, 0.32, 0.98] }, width, height, "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:25:5:LogoContainer", children: [
+    /* @__PURE__ */ jsx(
+      Logo,
+      {
+        $small: !unavailable && smallLogo,
+        style: {
+          background: "none",
+          ...unavailable ? { borderRadius: 0 } : {}
+        },
+        inset,
+        "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:26:7:Logo",
+        children: logo
+      }
+    ),
+    /* @__PURE__ */ jsx(SpinnerContainer, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:36:7:SpinnerContainer", children: /* @__PURE__ */ jsxs(AnimatePresence, { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:37:9:AnimatePresence", children: [
+      connecting && /* @__PURE__ */ jsx(
+        Spinner,
+        {
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          exit: {
+            opacity: 0,
+            transition: {
+              duration: countdown ? 1 : 0
+            }
+          },
+          "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:39:13:Spinner",
+          children: /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              "aria-hidden": "true",
+              width: width + 2,
+              height: height + 2,
+              viewBox: "0 0 102 102",
+              fill: "none",
+              xmlns: "http://www.w3.org/2000/svg",
+              "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:50:15:svg",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "path",
+                  {
+                    d: "M52 100C24.3858 100 2 77.6142 2 50",
+                    stroke: "url(#paint0_linear_1943_4139)",
+                    strokeWidth: "3.5",
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:58:17:path"
+                  }
+                ),
+                /* @__PURE__ */ jsx("defs", { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:65:17:defs", children: /* @__PURE__ */ jsxs(
+                  "linearGradient",
+                  {
+                    id: "paint0_linear_1943_4139",
+                    x1: "2",
+                    y1: "48.5",
+                    x2: "53",
+                    y2: "100",
+                    gradientUnits: "userSpaceOnUse",
+                    "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:66:19:linearGradient",
+                    children: [
+                      /* @__PURE__ */ jsx("stop", { stopColor: "var(--pcm-accent-color)", "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:74:21:stop" }),
+                      /* @__PURE__ */ jsx("stop", { offset: "1", stopColor: "var(--pcm-accent-color)", stopOpacity: "0", "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:75:21:stop" })
+                    ]
+                  }
+                ) })
+              ]
+            }
+          )
+        },
+        "Spinner"
+      ),
+      countdown && /* @__PURE__ */ jsxs(
+        ExpiringSpinner,
+        {
+          initial: { opacity: 0 },
+          animate: { opacity: 1 },
+          exit: { opacity: 0 },
+          transition: { duration: 0.25 },
+          "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:82:13:ExpiringSpinner",
+          children: [
+            /* @__PURE__ */ jsx("div", { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:89:15:div" }),
+            /* @__PURE__ */ jsx("div", { "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:90:15:div" })
+          ]
+        },
+        "ExpiringSpinner"
+      )
+    ] }) })
+  ] });
+};
+var circleSpinner_default = CircleSpinner;
+
+export {
+  circleSpinner_default
+};
+//# sourceMappingURL=chunk-JD2G7AYY.js.map

package/dist/chunk-JD2G7AYY.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/circleSpinner/index.tsx", "../src/components/circleSpinner/styles.ts"],
+  "sourcesContent": ["import { AnimatePresence } from 'framer-motion';\nimport React from 'react';\nimport { ExpiringSpinner, Logo, LogoContainer, Spinner, SpinnerContainer } from './styles';\n\nconst CircleSpinner = ({\n  logo,\n  smallLogo,\n  connecting = true,\n  unavailable = false,\n  countdown = false,\n  width = 60,\n  height = 60,\n  inset = 4,\n}: {\n  logo?: React.ReactNode;\n  smallLogo?: boolean;\n  connecting?: boolean;\n  unavailable?: boolean;\n  countdown?: boolean;\n  width?: number;\n  height?: number;\n  inset?: number;\n}) => {\n  return (\n    <LogoContainer transition={{ duration: 0.5, ease: [0.175, 0.885, 0.32, 0.98] }} width={width} height={height} data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:25:5:LogoContainer\" >\n      <Logo\n        $small={!unavailable && smallLogo}\n        style={{\n          background: 'none',\n          ...(unavailable ? { borderRadius: 0 } : {}),\n        }}\n        inset={inset}\n       data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:26:7:Logo\" >\n        {logo}\n      </Logo>\n      <SpinnerContainer data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:36:7:SpinnerContainer\">\n        <AnimatePresence data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:37:9:AnimatePresence\">\n          {connecting && (\n            <Spinner\n              key='Spinner'\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{\n                opacity: 0,\n                transition: {\n                  duration: countdown ? 1 : 0,\n                },\n              }}\n             data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:39:13:Spinner\" >\n              <svg\n                aria-hidden='true'\n                width={width + 2}\n                height={height + 2}\n                viewBox='0 0 102 102'\n                fill='none'\n                xmlns='http://www.w3.org/2000/svg'\n               data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:50:15:svg\" >\n                <path\n                  d='M52 100C24.3858 100 2 77.6142 2 50'\n                  stroke='url(#paint0_linear_1943_4139)'\n                  strokeWidth='3.5'\n                  strokeLinecap='round'\n                  strokeLinejoin='round'\n                 data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:58:17:path\" />\n                <defs data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:65:17:defs\">\n                  <linearGradient\n                    id='paint0_linear_1943_4139'\n                    x1='2'\n                    y1='48.5'\n                    x2='53'\n                    y2='100'\n                    gradientUnits='userSpaceOnUse'\n                   data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:66:19:linearGradient\" >\n                    <stop stopColor='var(--pcm-accent-color)'  data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:74:21:stop\" />\n                    <stop offset='1' stopColor='var(--pcm-accent-color)' stopOpacity='0'  data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:75:21:stop\" />\n                  </linearGradient>\n                </defs>\n              </svg>\n            </Spinner>\n          )}\n          {countdown && (\n            <ExpiringSpinner\n              key='ExpiringSpinner'\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{ opacity: 0 }}\n              transition={{ duration: 0.25 }}\n             data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:82:13:ExpiringSpinner\" >\n              <div  data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:89:15:div\"/>\n              <div  data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/circleSpinner/index.tsx:90:15:div\"/>\n            </ExpiringSpinner>\n          )}\n        </AnimatePresence>\n      </SpinnerContainer>\n    </LogoContainer>\n  );\n};\n\nexport default CircleSpinner;\n", "import { motion } from 'framer-motion';\nimport { css, styled } from 'styled-components';\n\ninterface LogoContainerProps {\n  width?: number;\n  height?: number;\n}\nexport const LogoContainer = styled(motion.div)<LogoContainerProps>`\n  z-index: 4;\n  position: relative;\n  width: ${(props) => props.width ?? 60}px;\n  height: ${(props) => props.height ?? 60}px;\n  svg {\n    z-index: 3;\n    position: relative;\n    display: block;\n  }\n`;\n\nexport const Logo = styled(motion.div)<{ $small?: boolean; inset?: number }>`\n  z-index: 2;\n  position: absolute;\n  overflow: hidden;\n  inset: ${(props) => props.inset ?? 6}px;\n  border-radius: 50px;\n  background: var(--pcm-body-background);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  svg,\n  img {\n    pointer-events: none;\n    display: block;\n    margin: 0 auto;\n    width: 100%;\n    height: 100%;\n    ${(props) =>\n      props.$small &&\n      css`\n        width: 85%;\n        height: 85%;\n      `}\n  }\n`;\n\nexport const SpinnerContainer = styled(motion.div)`\n  position: absolute;\n  inset: -5px;\n`;\nexport const ExpiringSpinner = styled(motion.div)`\n  pointer-events: none;\n  user-select: none;\n  z-index: 1;\n  position: absolute;\n  inset: -25%;\n  background: var(--pcm-body-background);\n  div:first-child {\n    position: absolute;\n    left: 50%;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      content: '';\n      inset: 0;\n      background: var(--pcm-accent-color);\n      transform-origin: 0% 50%;\n      animation: rotateExpiringSpinner 5000ms ease-in both;\n    }\n  }\n  div:last-child {\n    position: absolute;\n    left: 0;\n    right: 50%;\n    top: 0;\n    bottom: 0;\n    overflow: hidden;\n    &:before {\n      position: absolute;\n      content: '';\n      inset: 0;\n      background: var(--pcm-accent-color);\n      transform-origin: 100% 50%;\n      animation: rotateExpiringSpinner 5000ms ease-out 5000ms both;\n    }\n  }\n  @keyframes rotateExpiringSpinner {\n    0% {\n      transform: rotate(-180deg);\n    }\n    100% {\n      transform: rotate(0deg);\n    }\n  }\n`;\nexport const Spinner = styled(motion.div)`\n  pointer-events: none;\n  user-select: none;\n  z-index: 1;\n  position: absolute;\n  inset: 0;\n  svg {\n    display: block;\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    animation: rotateSpinner 1200ms linear infinite;\n  }\n  @keyframes rotateSpinner {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n`;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/chunk-JNC2NG4X.js

@@ -0,0 +1,39 @@
+"use client";
+
+// src/assets/icons/PasskeyIcon.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var PasskeyIcon = ({ ...props }) => {
+  return /* @__PURE__ */ jsxs("svg", { width: "61", height: "61", viewBox: "0 0 61 61", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+    /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_3623_33559)", children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          opacity: "0.15",
+          d: "M30.1 0C46.7238 0 60.2 13.4762 60.2 30.1C60.2 46.7238 46.7238 60.2 30.1 60.2C13.4762 60.2 0 46.7238 0 30.1C0 13.4762 13.4762 0 30.1 0Z",
+          fill: "var(--pcm-accent-color)"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M20.8001 24.3253C20.8 23.19 21.0939 22.074 21.6531 21.086C22.2124 20.098 23.0179 19.2717 23.9914 18.6874C24.9648 18.1032 26.0729 17.781 27.2078 17.7521C28.3428 17.7233 29.4658 17.9888 30.4677 18.5229C31.4695 19.0569 32.316 19.8413 32.9247 20.7996C33.5334 21.7579 33.8836 22.8576 33.9412 23.9914C33.9987 25.1252 33.7617 26.2547 33.2532 27.2697C32.7447 28.2847 31.982 29.1508 31.0394 29.7836C32.4531 30.3102 33.7364 31.1358 34.8019 32.2038C35.0994 32.5013 35.2516 32.9126 35.2534 33.3343C35.2586 34.3808 35.2551 35.4291 35.2534 36.4756L35.2499 38.3621V39.6238C35.2499 39.8559 35.1577 40.0784 34.9936 40.2425C34.8295 40.4066 34.6069 40.4988 34.3749 40.4988H18.1366C17.9644 40.491 17.7955 40.4492 17.6394 40.376C17.4834 40.3027 17.3433 40.1994 17.2273 40.072C17.1112 39.9446 17.0214 39.7955 16.9631 39.6333C16.9047 39.4711 16.8789 39.299 16.8871 39.1268C16.9852 37.0726 17.6841 35.0923 18.8969 33.4315C20.1098 31.7706 21.7835 30.5023 23.7104 29.7836C22.8144 29.1827 22.0802 28.3704 21.5726 27.4184C21.0651 26.4664 20.7998 25.4041 20.8001 24.3253Z",
+          fill: "var(--pcm-accent-color)"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          d: "M43.5625 28.0309C43.5625 29.5604 42.7785 30.9061 41.5903 31.6884C41.5252 31.7296 41.4715 31.7864 41.4339 31.8536C41.3963 31.9209 41.3761 31.9964 41.375 32.0734V33.1059C41.375 33.2231 41.3295 33.3334 41.2473 33.4156L40.6243 34.0386C40.6039 34.0589 40.5877 34.0831 40.5767 34.1097C40.5657 34.1362 40.56 34.1647 40.56 34.1935C40.56 34.2223 40.5657 34.2508 40.5767 34.2773C40.5877 34.3039 40.6039 34.3281 40.6243 34.3484L41.2473 34.9714C41.3295 35.0536 41.375 35.1639 41.375 35.2794V35.6836C41.375 35.8009 41.3295 35.9111 41.2473 35.9934L40.6243 36.6164C40.6039 36.6367 40.5877 36.6608 40.5767 36.6874C40.5657 36.714 40.56 36.7425 40.56 36.7712C40.56 36.8 40.5657 36.8285 40.5767 36.8551C40.5877 36.8817 40.6039 36.9058 40.6243 36.9261L41.2473 37.5491C41.3295 37.6314 41.375 37.7416 41.375 37.8589V38.3611C41.3754 38.4699 41.3348 38.5749 41.2613 38.6551L39.8613 40.1951C39.776 40.2891 39.672 40.3641 39.5559 40.4155C39.4399 40.4669 39.3144 40.4934 39.1875 40.4934C39.0606 40.4934 38.9351 40.4669 38.8191 40.4155C38.703 40.3641 38.599 40.2891 38.5137 40.1951L37.1137 38.6551C37.0402 38.5749 36.9996 38.4699 37 38.3611V32.0734C36.9991 31.9963 36.9789 31.9208 36.9413 31.8535C36.9037 31.7863 36.8499 31.7295 36.7847 31.6884C36.152 31.2725 35.6379 30.6996 35.293 30.0255C34.948 29.3515 34.7838 28.5994 34.8166 27.8429C34.8494 27.0865 35.0779 26.3514 35.4799 25.7097C35.8818 25.068 36.4435 24.5416 37.1098 24.1821C37.7762 23.8225 38.5245 23.642 39.2815 23.6582C40.0385 23.6745 40.7784 23.887 41.4287 24.2749C42.079 24.6627 42.6175 25.2128 42.9915 25.8711C43.3655 26.5295 43.5623 27.2737 43.5625 28.0309ZM40.5 27.3746C40.5 27.0265 40.3617 26.6927 40.1156 26.4465C39.8694 26.2004 39.5356 26.0621 39.1875 26.0621C38.8394 26.0621 38.5056 26.2004 38.2594 26.4465C38.0133 26.6927 37.875 27.0265 37.875 27.3746C37.875 27.7227 38.0133 28.0566 38.2594 28.3027C38.5056 28.5488 38.8394 28.6871 39.1875 28.6871C39.5356 28.6871 39.8694 28.5488 40.1156 28.3027C40.3617 28.0566 40.5 27.7227 40.5 27.3746Z",
+          fill: "var(--pcm-accent-color)"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "clip0_3623_33559", children: /* @__PURE__ */ jsx("rect", { width: "60.2", height: "60.2", fill: "white" }) }) })
+  ] });
+};
+var PasskeyIcon_default = PasskeyIcon;
+
+export {
+  PasskeyIcon_default
+};
+//# sourceMappingURL=chunk-JNC2NG4X.js.map

package/dist/chunk-JNC2NG4X.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/icons/PasskeyIcon.tsx"],
+  "sourcesContent": ["const PasskeyIcon = ({ ...props }) => {\n  return (\n    <svg width='61' height='61' viewBox='0 0 61 61' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>\n      <g clipPath='url(#clip0_3623_33559)'>\n        <path\n          opacity='0.15'\n          d='M30.1 0C46.7238 0 60.2 13.4762 60.2 30.1C60.2 46.7238 46.7238 60.2 30.1 60.2C13.4762 60.2 0 46.7238 0 30.1C0 13.4762 13.4762 0 30.1 0Z'\n          fill='var(--pcm-accent-color)'\n        />\n        <path\n          d='M20.8001 24.3253C20.8 23.19 21.0939 22.074 21.6531 21.086C22.2124 20.098 23.0179 19.2717 23.9914 18.6874C24.9648 18.1032 26.0729 17.781 27.2078 17.7521C28.3428 17.7233 29.4658 17.9888 30.4677 18.5229C31.4695 19.0569 32.316 19.8413 32.9247 20.7996C33.5334 21.7579 33.8836 22.8576 33.9412 23.9914C33.9987 25.1252 33.7617 26.2547 33.2532 27.2697C32.7447 28.2847 31.982 29.1508 31.0394 29.7836C32.4531 30.3102 33.7364 31.1358 34.8019 32.2038C35.0994 32.5013 35.2516 32.9126 35.2534 33.3343C35.2586 34.3808 35.2551 35.4291 35.2534 36.4756L35.2499 38.3621V39.6238C35.2499 39.8559 35.1577 40.0784 34.9936 40.2425C34.8295 40.4066 34.6069 40.4988 34.3749 40.4988H18.1366C17.9644 40.491 17.7955 40.4492 17.6394 40.376C17.4834 40.3027 17.3433 40.1994 17.2273 40.072C17.1112 39.9446 17.0214 39.7955 16.9631 39.6333C16.9047 39.4711 16.8789 39.299 16.8871 39.1268C16.9852 37.0726 17.6841 35.0923 18.8969 33.4315C20.1098 31.7706 21.7835 30.5023 23.7104 29.7836C22.8144 29.1827 22.0802 28.3704 21.5726 27.4184C21.0651 26.4664 20.7998 25.4041 20.8001 24.3253Z'\n          fill='var(--pcm-accent-color)'\n        />\n        <path\n          d='M43.5625 28.0309C43.5625 29.5604 42.7785 30.9061 41.5903 31.6884C41.5252 31.7296 41.4715 31.7864 41.4339 31.8536C41.3963 31.9209 41.3761 31.9964 41.375 32.0734V33.1059C41.375 33.2231 41.3295 33.3334 41.2473 33.4156L40.6243 34.0386C40.6039 34.0589 40.5877 34.0831 40.5767 34.1097C40.5657 34.1362 40.56 34.1647 40.56 34.1935C40.56 34.2223 40.5657 34.2508 40.5767 34.2773C40.5877 34.3039 40.6039 34.3281 40.6243 34.3484L41.2473 34.9714C41.3295 35.0536 41.375 35.1639 41.375 35.2794V35.6836C41.375 35.8009 41.3295 35.9111 41.2473 35.9934L40.6243 36.6164C40.6039 36.6367 40.5877 36.6608 40.5767 36.6874C40.5657 36.714 40.56 36.7425 40.56 36.7712C40.56 36.8 40.5657 36.8285 40.5767 36.8551C40.5877 36.8817 40.6039 36.9058 40.6243 36.9261L41.2473 37.5491C41.3295 37.6314 41.375 37.7416 41.375 37.8589V38.3611C41.3754 38.4699 41.3348 38.5749 41.2613 38.6551L39.8613 40.1951C39.776 40.2891 39.672 40.3641 39.5559 40.4155C39.4399 40.4669 39.3144 40.4934 39.1875 40.4934C39.0606 40.4934 38.9351 40.4669 38.8191 40.4155C38.703 40.3641 38.599 40.2891 38.5137 40.1951L37.1137 38.6551C37.0402 38.5749 36.9996 38.4699 37 38.3611V32.0734C36.9991 31.9963 36.9789 31.9208 36.9413 31.8535C36.9037 31.7863 36.8499 31.7295 36.7847 31.6884C36.152 31.2725 35.6379 30.6996 35.293 30.0255C34.948 29.3515 34.7838 28.5994 34.8166 27.8429C34.8494 27.0865 35.0779 26.3514 35.4799 25.7097C35.8818 25.068 36.4435 24.5416 37.1098 24.1821C37.7762 23.8225 38.5245 23.642 39.2815 23.6582C40.0385 23.6745 40.7784 23.887 41.4287 24.2749C42.079 24.6627 42.6175 25.2128 42.9915 25.8711C43.3655 26.5295 43.5623 27.2737 43.5625 28.0309ZM40.5 27.3746C40.5 27.0265 40.3617 26.6927 40.1156 26.4465C39.8694 26.2004 39.5356 26.0621 39.1875 26.0621C38.8394 26.0621 38.5056 26.2004 38.2594 26.4465C38.0133 26.6927 37.875 27.0265 37.875 27.3746C37.875 27.7227 38.0133 28.0566 38.2594 28.3027C38.5056 28.5488 38.8394 28.6871 39.1875 28.6871C39.5356 28.6871 39.8694 28.5488 40.1156 28.3027C40.3617 28.0566 40.5 27.7227 40.5 27.3746Z'\n          fill='var(--pcm-accent-color)'\n        />\n      </g>\n      <defs>\n        <clipPath id='clip0_3623_33559'>\n          <rect width='60.2' height='60.2' fill='white' />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n};\n\nexport default PasskeyIcon;\n"],
+  "mappings": ";;;AAGM,SACE,KADF;AAHN,IAAM,cAAc,CAAC,KAAK,MAAM,MAAM;AACpC,SACE,qBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAA8B,GAAG,OACjG;AAAA,yBAAC,OAAE,UAAS,0BACV;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,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,OACF;AAAA,IACA,oBAAC,UACC,8BAAC,cAAS,IAAG,oBACX,8BAAC,UAAK,OAAM,QAAO,QAAO,QAAO,MAAK,SAAQ,GAChD,GACF;AAAA,KACF;AAEJ;AAEA,IAAO,sBAAQ;",
+  "names": []
+}

package/dist/chunk-JO3AUUMV.js

@@ -0,0 +1,62 @@
+"use client";
+import {
+  google_default
+} from "./chunk-U4SXOUNY.js";
+import {
+  linkedIn_default
+} from "./chunk-YYOKJPK2.js";
+import {
+  microsoft_default
+} from "./chunk-BJ32HYL4.js";
+import {
+  passkey_default
+} from "./chunk-RYSXBBMM.js";
+import {
+  phone_default
+} from "./chunk-IUJCRVLO.js";
+import {
+  twitch_default
+} from "./chunk-QFH64IAE.js";
+import {
+  twitter_default
+} from "./chunk-Q2W4BTIE.js";
+import {
+  apple_default
+} from "./chunk-2NGOQYF3.js";
+import {
+  discord_default
+} from "./chunk-BHWEMMMW.js";
+import {
+  email_default
+} from "./chunk-3JF53VAH.js";
+import {
+  facebook_default
+} from "./chunk-R3XVOLUA.js";
+import {
+  github_default
+} from "./chunk-QGNBUJDR.js";
+
+// src/assets/social/index.tsx
+var socialIcons = {
+  apple: apple_default,
+  discord: discord_default,
+  facebook: facebook_default,
+  github: github_default,
+  google: google_default,
+  linkedin: linkedIn_default,
+  microsoft: microsoft_default,
+  twitch: twitch_default,
+  twitter: twitter_default,
+  email: email_default,
+  phone: phone_default,
+  passkeySmartWallet: passkey_default
+};
+function getSocialIcon(authType) {
+  return socialIcons[authType];
+}
+
+export {
+  socialIcons,
+  getSocialIcon
+};
+//# sourceMappingURL=chunk-JO3AUUMV.js.map

package/dist/chunk-JO3AUUMV.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/social/index.tsx"],
+  "sourcesContent": ["import type { SocialAuthType } from '../../utils/social';\nimport apple from './apple';\nimport discord from './discord';\nimport email from './email';\nimport facebook from './facebook';\nimport github from './github';\nimport google from './google';\nimport linkedin from './linkedIn';\nimport microsoft from './microsoft';\nimport passkeySmartWallet from './passkey';\nimport phone from './phone';\nimport twitch from './twitch';\nimport twitter from './twitter';\n\nexport const socialIcons = {\n  apple,\n  discord,\n  facebook,\n  github,\n  google,\n  linkedin,\n  microsoft,\n  twitch,\n  twitter,\n  email,\n  phone,\n  passkeySmartWallet,\n};\n\nexport default function getSocialIcon(authType: SocialAuthType | 'passkeySmartWallet') {\n  return socialIcons[authType];\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcO,IAAM,cAAc;AAAA,EACzB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEe,SAAR,cAA+B,UAAiD;AACrF,SAAO,YAAY;AACrB;",
+  "names": []
+}

package/dist/chunk-K5CA63MD.js

@@ -0,0 +1,19 @@
+"use client";
+import {
+  useContext
+} from "./chunk-OWHSDWQK.js";
+
+// src/hooks/useWalletConnectors.ts
+var useWalletConnectors = () => {
+  const { config } = useContext();
+  return config.walletConnectors;
+};
+var useWalletConnector = (walletConnectorType) => {
+  const walletConnectors = useWalletConnectors();
+  return walletConnectors.find((item) => item.type === walletConnectorType);
+};
+
+export {
+  useWalletConnector
+};
+//# sourceMappingURL=chunk-K5CA63MD.js.map

package/dist/chunk-K5CA63MD.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/hooks/useWalletConnectors.ts"],
+  "sourcesContent": ["import type { WalletConnector, WalletConnectorType } from '@particle-network/connector-core';\nimport { useContext } from '../context';\nimport type { AuthWalletConnectorProperties, EVMWalletConnectorProperties } from '../types/properties';\n\nexport const useWalletConnectors = () => {\n  const { config } = useContext();\n\n  return config.walletConnectors;\n};\n\nexport const useWalletConnector = <T extends WalletConnectorType>(\n  walletConnectorType: T\n): T extends 'particleAuth'\n  ? WalletConnector<AuthWalletConnectorProperties>\n  : T extends 'evmWallet'\n    ? WalletConnector<EVMWalletConnectorProperties>\n    : WalletConnector => {\n  const walletConnectors = useWalletConnectors();\n  return walletConnectors.find((item) => item.type === walletConnectorType) as any;\n};\n"],
+  "mappings": ";;;;;;AAIO,IAAM,sBAAsB,MAAM;AACvC,QAAM,EAAE,OAAO,IAAI,WAAW;AAE9B,SAAO,OAAO;AAChB;AAEO,IAAM,qBAAqB,CAChC,wBAKuB;AACvB,QAAM,mBAAmB,oBAAoB;AAC7C,SAAO,iBAAiB,KAAK,CAAC,SAAS,KAAK,SAAS,mBAAmB;AAC1E;",
+  "names": []
+}

package/dist/chunk-K6V2VTKS.js

@@ -0,0 +1,36 @@
+"use client";
+
+// src/assets/icons/PhoneIcon.tsx
+import { motion } from "framer-motion";
+import { jsx, jsxs } from "react/jsx-runtime";
+var PhoneIcon = ({ color = "var(--pcm-accent-color)", ...props }) => /* @__PURE__ */ jsxs(motion.svg, { width: "61", height: "61", viewBox: "0 0 61 61", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: [
+  /* @__PURE__ */ jsxs("g", { clipPath: "url(#clip0_0_22828)", children: [
+    /* @__PURE__ */ jsx(
+      "path",
+      {
+        opacity: "0.15",
+        d: "M30.5 0.399902C47.1238 0.399902 60.6 13.8761 60.6 30.4999C60.6 47.1237 47.1238 60.5999 30.5 60.5999C13.8763 60.5999 0.400024 47.1237 0.400024 30.4999C0.400024 13.8761 13.8763 0.399902 30.5 0.399902V0.399902Z",
+        fill: color
+      }
+    ),
+    /* @__PURE__ */ jsx("g", { clipPath: "url(#clip1_0_22828)", children: /* @__PURE__ */ jsx(
+      "path",
+      {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M40.6574 43.4989C40.8858 43.0112 41 42.4837 41 41.9166V19.1175C41 18.5503 40.8858 18.0172 40.6574 17.5181C40.429 17.019 40.115 16.5823 39.7153 16.208C39.3157 15.8337 38.8475 15.5388 38.3108 15.3233C37.7741 15.1078 37.1974 15 36.5807 15H24.4192C23.8026 15 23.2259 15.1078 22.6892 15.3233C22.1526 15.5388 21.6843 15.8337 21.2847 16.208C20.885 16.5823 20.571 17.019 20.3426 17.5181C20.1142 18.0172 20 18.5503 20 19.1175V41.9166C20 42.4837 20.1142 43.0112 20.3426 43.4989C20.571 43.9866 20.885 44.4177 21.2847 44.792C21.6843 45.1663 22.1526 45.4612 22.6892 45.6767C23.2259 45.8922 23.8026 46 24.4192 46H36.5807C37.1974 46 37.7741 45.8922 38.3108 45.6767C38.8475 45.4612 39.3156 45.1663 39.7153 44.792C40.115 44.4177 40.429 43.9866 40.6574 43.4989ZM22.7406 20.7508H38.2251V40.2492H22.7406V20.7508ZM30.4829 41.202C30.0033 41.202 29.5864 41.3721 29.2325 41.7124C28.8785 42.0527 28.7015 42.4724 28.7015 42.9715C28.7015 43.4479 28.8785 43.8619 29.2325 44.2135C29.5864 44.5651 30.0033 44.7409 30.4829 44.7409C30.9853 44.7409 31.4078 44.5651 31.7504 44.2135C32.093 43.8619 32.2643 43.4479 32.2643 42.9715C32.2643 42.4724 32.093 42.0527 31.7504 41.7124C31.4078 41.3721 30.9853 41.202 30.4829 41.202ZM33.0522 17.433C33.1664 17.5351 33.2235 17.6769 33.2235 17.8584C33.2235 18.0399 33.1664 18.1817 33.0522 18.2838C32.938 18.3858 32.8124 18.4369 32.6754 18.4369H28.3246C28.1876 18.4369 28.062 18.3858 27.9478 18.2838C27.8336 18.1817 27.7765 18.0399 27.7765 17.8584C27.7765 17.6769 27.8393 17.5351 27.9649 17.433C28.0905 17.331 28.2104 17.2799 28.3246 17.2799H32.6754C32.8124 17.2799 32.938 17.331 33.0522 17.433Z",
+        fill: color
+      }
+    ) })
+  ] }),
+  /* @__PURE__ */ jsxs("defs", { children: [
+    /* @__PURE__ */ jsx("clipPath", { id: "clip0_0_22828", children: /* @__PURE__ */ jsx("rect", { width: "60.2", height: "60.2", fill: "white", transform: "translate(0.400024 0.399902)" }) }),
+    /* @__PURE__ */ jsx("clipPath", { id: "clip1_0_22828", children: /* @__PURE__ */ jsx("rect", { width: "21", height: "31", fill: "white", transform: "translate(20 15)" }) })
+  ] })
+] });
+var PhoneIcon_default = PhoneIcon;
+
+export {
+  PhoneIcon_default
+};
+//# sourceMappingURL=chunk-K6V2VTKS.js.map

package/dist/chunk-K6V2VTKS.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/icons/PhoneIcon.tsx"],
+  "sourcesContent": ["import { motion } from 'framer-motion';\nconst PhoneIcon = ({ color = 'var(--pcm-accent-color)', ...props }) => (\n  <motion.svg width='61' height='61' viewBox='0 0 61 61' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>\n    <g clipPath='url(#clip0_0_22828)'>\n      <path\n        opacity='0.15'\n        d='M30.5 0.399902C47.1238 0.399902 60.6 13.8761 60.6 30.4999C60.6 47.1237 47.1238 60.5999 30.5 60.5999C13.8763 60.5999 0.400024 47.1237 0.400024 30.4999C0.400024 13.8761 13.8763 0.399902 30.5 0.399902V0.399902Z'\n        fill={color}\n      />\n      <g clipPath='url(#clip1_0_22828)'>\n        <path\n          fillRule='evenodd'\n          clipRule='evenodd'\n          d='M40.6574 43.4989C40.8858 43.0112 41 42.4837 41 41.9166V19.1175C41 18.5503 40.8858 18.0172 40.6574 17.5181C40.429 17.019 40.115 16.5823 39.7153 16.208C39.3157 15.8337 38.8475 15.5388 38.3108 15.3233C37.7741 15.1078 37.1974 15 36.5807 15H24.4192C23.8026 15 23.2259 15.1078 22.6892 15.3233C22.1526 15.5388 21.6843 15.8337 21.2847 16.208C20.885 16.5823 20.571 17.019 20.3426 17.5181C20.1142 18.0172 20 18.5503 20 19.1175V41.9166C20 42.4837 20.1142 43.0112 20.3426 43.4989C20.571 43.9866 20.885 44.4177 21.2847 44.792C21.6843 45.1663 22.1526 45.4612 22.6892 45.6767C23.2259 45.8922 23.8026 46 24.4192 46H36.5807C37.1974 46 37.7741 45.8922 38.3108 45.6767C38.8475 45.4612 39.3156 45.1663 39.7153 44.792C40.115 44.4177 40.429 43.9866 40.6574 43.4989ZM22.7406 20.7508H38.2251V40.2492H22.7406V20.7508ZM30.4829 41.202C30.0033 41.202 29.5864 41.3721 29.2325 41.7124C28.8785 42.0527 28.7015 42.4724 28.7015 42.9715C28.7015 43.4479 28.8785 43.8619 29.2325 44.2135C29.5864 44.5651 30.0033 44.7409 30.4829 44.7409C30.9853 44.7409 31.4078 44.5651 31.7504 44.2135C32.093 43.8619 32.2643 43.4479 32.2643 42.9715C32.2643 42.4724 32.093 42.0527 31.7504 41.7124C31.4078 41.3721 30.9853 41.202 30.4829 41.202ZM33.0522 17.433C33.1664 17.5351 33.2235 17.6769 33.2235 17.8584C33.2235 18.0399 33.1664 18.1817 33.0522 18.2838C32.938 18.3858 32.8124 18.4369 32.6754 18.4369H28.3246C28.1876 18.4369 28.062 18.3858 27.9478 18.2838C27.8336 18.1817 27.7765 18.0399 27.7765 17.8584C27.7765 17.6769 27.8393 17.5351 27.9649 17.433C28.0905 17.331 28.2104 17.2799 28.3246 17.2799H32.6754C32.8124 17.2799 32.938 17.331 33.0522 17.433Z'\n          fill={color}\n        />\n      </g>\n    </g>\n    <defs>\n      <clipPath id='clip0_0_22828'>\n        <rect width='60.2' height='60.2' fill='white' transform='translate(0.400024 0.399902)' />\n      </clipPath>\n      <clipPath id='clip1_0_22828'>\n        <rect width='21' height='31' fill='white' transform='translate(20 15)' />\n      </clipPath>\n    </defs>\n  </motion.svg>\n);\nexport default PhoneIcon;\n"],
+  "mappings": ";;;AAAA,SAAS,cAAc;AAGnB,SACE,KADF;AAFJ,IAAM,YAAY,CAAC,EAAE,QAAQ,8BAA8B,MAAM,MAC/D,qBAAC,OAAO,KAAP,EAAW,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAA8B,GAAG,OACxG;AAAA,uBAAC,OAAE,UAAS,uBACV;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,GAAE;AAAA,QACF,MAAM;AAAA;AAAA,IACR;AAAA,IACA,oBAAC,OAAE,UAAS,uBACV;AAAA,MAAC;AAAA;AAAA,QACC,UAAS;AAAA,QACT,UAAS;AAAA,QACT,GAAE;AAAA,QACF,MAAM;AAAA;AAAA,IACR,GACF;AAAA,KACF;AAAA,EACA,qBAAC,UACC;AAAA,wBAAC,cAAS,IAAG,iBACX,8BAAC,UAAK,OAAM,QAAO,QAAO,QAAO,MAAK,SAAQ,WAAU,gCAA+B,GACzF;AAAA,IACA,oBAAC,cAAS,IAAG,iBACX,8BAAC,UAAK,OAAM,MAAK,QAAO,MAAK,MAAK,SAAQ,WAAU,oBAAmB,GACzE;AAAA,KACF;AAAA,GACF;AAEF,IAAO,oBAAQ;",
+  "names": []
+}

package/dist/chunk-K7XBNXDS.js

@@ -0,0 +1,23 @@
+"use client";
+import {
+  useIconColor_default
+} from "./chunk-GF2IDIPD.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-K7XBNXDS.js.map

package/dist/chunk-K7XBNXDS.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": []
+}