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

package/dist/esm/chunk-KFSERCOH.mjs

@@ -1,230 +0,0 @@
-"use client";
-import {
-  button_default,
-  init_button
-} from "./chunk-G4I34CN4.mjs";
-import {
-  CopyIcon2_default,
-  init_CopyIcon2
-} from "./chunk-FDSW5JWY.mjs";
-import {
-  __esm
-} from "./chunk-Y7A564BU.mjs";
-
-// src/components/copyToClipboard/CopyToClipboardIcon.tsx
-import { motion } from "framer-motion";
-import { css, styled } from "styled-components";
-import { jsx } from "react/jsx-runtime";
-var IconContainer, CopyToClipboardIcon, CopyToClipboardIcon_default;
-var init_CopyToClipboardIcon = __esm({
-  "src/components/copyToClipboard/CopyToClipboardIcon.tsx"() {
-    "use strict";
-    init_CopyIcon2();
-    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 {
-          }
-        `}
-`;
-    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
-        }
-      }
-    ) });
-    CopyToClipboardIcon_default = CopyToClipboardIcon;
-  }
-});
-
-// src/components/copyToClipboard/styles.ts
-import { css as css2, styled as styled2 } from "styled-components";
-var Container, OffsetContainer;
-var init_styles = __esm({
-  "src/components/copyToClipboard/styles.ts"() {
-    "use strict";
-    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 {
-          }
-        `}
-`;
-    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 { useState } from "react";
-import { jsx as jsx2, jsxs } from "react/jsx-runtime";
-var CopyToClipboard, copyToClipboard_default;
-var init_copyToClipboard = __esm({
-  "src/components/copyToClipboard/index.tsx"() {
-    "use strict";
-    init_button();
-    init_CopyToClipboardIcon();
-    init_styles();
-    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(() => {
-          }).catch((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");
-              document.body.removeChild(textArea);
-              res(true);
-            } catch (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, children: /* @__PURE__ */ jsxs(
-          "div",
-          {
-            style: {
-              display: "flex",
-              gap: "8px",
-              alignItems: "center",
-              overflow: "hidden"
-            },
-            children: [
-              /* @__PURE__ */ jsx2(
-                "div",
-                {
-                  style: {
-                    width: "16px"
-                  },
-                  children: /* @__PURE__ */ jsx2(CopyToClipboardIcon_default, { copied: clipboard })
-                }
-              ),
-              children
-            ]
-          }
-        ) });
-      return /* @__PURE__ */ jsx2(Container, { onClick: onCopy, $disabled: !string, className, children: /* @__PURE__ */ jsxs(OffsetContainer, { children: [
-        children,
-        /* @__PURE__ */ jsx2(
-          "div",
-          {
-            style: {
-              display: "flex",
-              alignItems: "center",
-              overflow: "hidden"
-            },
-            children: /* @__PURE__ */ jsx2(CopyToClipboardIcon_default, { copied: clipboard, small: true })
-          }
-        )
-      ] }) });
-    };
-    copyToClipboard_default = CopyToClipboard;
-  }
-});
-
-export {
-  copyToClipboard_default,
-  init_copyToClipboard
-};
-//# sourceMappingURL=chunk-KFSERCOH.mjs.map

package/dist/esm/chunk-KFSERCOH.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/components/copyToClipboard/CopyToClipboardIcon.tsx", "../../src/components/copyToClipboard/styles.ts", "../../src/components/copyToClipboard/index.tsx"],
-  "sourcesContent": ["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", "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}>\n        <div\n          style={{\n            display: 'flex',\n            gap: '8px',\n            alignItems: 'center',\n            overflow: 'hidden',\n          }}\n        >\n          <div\n            style={{\n              width: '16px',\n            }}\n          >\n            <CopyToClipboardIcon copied={clipboard} />\n          </div>\n          {children}\n        </div>\n      </Button>\n    );\n\n  return (\n    <Container onClick={onCopy} $disabled={!string} className={className}>\n      <OffsetContainer>\n        {children as any}\n        <div\n          style={{\n            display: 'flex',\n            alignItems: 'center',\n            overflow: 'hidden',\n          }}\n        >\n          <CopyToClipboardIcon copied={clipboard} small />\n        </div>\n      </OffsetContainer>\n    </Container>\n  );\n};\n\nexport default CopyToClipboard;\n"],
-  "mappings": ";;;;;;;;;;;;;;AAAA,SAAS,cAAc;AACvB,SAAS,KAAK,cAAc;AAiExB;AAlEJ,IAIM,eA4DA,qBAWC;AA3EP;AAAA;AAAA;AAEA;AAEA,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,MAAC;AAAA;AAAA,QACC,OAAO;AAAA,UACL,WAAW,QAAQ,aAAa;AAAA,UAChC,SAAS,SAAS,SAAS,IAAI;AAAA,QACjC;AAAA;AAAA,IACF,GACF;AAGF,IAAO,8BAAQ;AAAA;AAAA;;;AC3Ef,SAAS,OAAAA,MAAK,UAAAC,eAAc;AAA5B,IAEa,WAmBA;AArBb;AAAA;AAAA;AAEO,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;AAAA;AAAA;;;ACrBtC,SAAgB,gBAAgB;AAoExB,SAaI,OAAAC,MAbJ;AApER,IAKM,iBAqGC;AA1GP;AAAA;AAAA;AACA;AACA;AACA;AAEA,IAAM,kBAID,CAAC,EAAE,QAAQ,UAAU,QAAQ,MAAM;AACtC,YAAM,CAAC,WAAW,YAAY,IAAI,SAAS,KAAK;AAChD,YAAM,CAAC,WAAW,YAAY,IAAI,SAAS,UAAU;AACrD,UAAI;AAEJ,eAAS,gBAAgB,KAAK;AAC5B,YAAI,UAAU,aAAa,OAAO,iBAAiB;AACjD,iBAAO,UAAU,UACd,UAAU,GAAG,EACb,KAAK,MAAM;AAAA,UAEZ,CAAC,EACA,MAAM,CAAC,QAAQ;AAAA,UAEhB,CAAC;AAAA,QACL,OAAO;AAEL,gBAAM,WAAW,SAAS,cAAc,UAAU;AAClD,mBAAS,QAAQ;AAEjB,mBAAS,MAAM,WAAW;AAC1B,mBAAS,MAAM,OAAO;AACtB,mBAAS,MAAM,MAAM;AACrB,mBAAS,KAAK,YAAY,QAAQ;AAClC,mBAAS,MAAM;AACf,mBAAS,OAAO;AAEhB,iBAAO,IAAI,QAAQ,CAAC,KAAK,QAAQ;AAE/B,gBAAI;AACF,uBAAS,YAAY,MAAM;AAE3B,uBAAS,KAAK,YAAY,QAAQ;AAClC,kBAAI,IAAI;AAAA,YACV,SAAS,KAAP;AAEA,uBAAS,KAAK,YAAY,QAAQ;AAClC,kBAAI,GAAG;AAAA,YACT;AAAA,UACF,CAAC;AAAA,QACH;AAAA,MACF;AAEA,YAAM,SAAS,MAAM;AACnB,YAAI,CAAC;AAAQ;AACb,cAAM,MAAM,OAAO,KAAK;AACxB,wBAAgB,GAAG;AACnB,qBAAa,IAAI;AACjB,qBAAa,QAAQ;AACrB,qBAAa,OAAO;AACpB,kBAAU,WAAW,MAAM;AACzB,uBAAa,KAAK;AAClB,uBAAa,UAAU;AAAA,QACzB,GAAG,GAAI;AAAA,MACT;AAEA,UAAI,YAAY;AACd,eACE,gBAAAA,KAAC,kBAAO,UAAU,CAAC,QAAQ,SAAS,QAAQ,WAC1C;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,SAAS;AAAA,cACT,KAAK;AAAA,cACL,YAAY;AAAA,cACZ,UAAU;AAAA,YACZ;AAAA,YAEA;AAAA,8BAAAA;AAAA,gBAAC;AAAA;AAAA,kBACC,OAAO;AAAA,oBACL,OAAO;AAAA,kBACT;AAAA,kBAEA,0BAAAA,KAAC,+BAAoB,QAAQ,WAAW;AAAA;AAAA,cAC1C;AAAA,cACC;AAAA;AAAA;AAAA,QACH,GACF;AAGJ,aACE,gBAAAA,KAAC,aAAU,SAAS,QAAQ,WAAW,CAAC,QAAQ,WAC9C,+BAAC,mBACE;AAAA;AAAA,QACD,gBAAAA;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,cACL,SAAS;AAAA,cACT,YAAY;AAAA,cACZ,UAAU;AAAA,YACZ;AAAA,YAEA,0BAAAA,KAAC,+BAAoB,QAAQ,WAAW,OAAK,MAAC;AAAA;AAAA,QAChD;AAAA,SACF,GACF;AAAA,IAEJ;AAEA,IAAO,0BAAQ;AAAA;AAAA;",
-  "names": ["css", "styled", "jsx"]
-}

package/dist/esm/chunk-KIK3FB4I.mjs

@@ -1,45 +0,0 @@
-"use client";
-import {
-  init_useIconColor,
-  useIconColor_default
-} from "./chunk-ODGVUXUQ.mjs";
-import {
-  __esm,
-  __export
-} from "./chunk-Y7A564BU.mjs";
-
-// src/assets/social/twitter.tsx
-var twitter_exports = {};
-__export(twitter_exports, {
-  default: () => twitter_default
-});
-import { jsx, jsxs } from "react/jsx-runtime";
-var Twitter, twitter_default;
-var init_twitter = __esm({
-  "src/assets/social/twitter.tsx"() {
-    init_useIconColor();
-    Twitter = () => {
-      const { foreground, 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.7738 3.31128L6.10893 20.6888H3.22681L17.8069 3.31128H20.7738Z", fill: background }),
-        /* @__PURE__ */ jsx(
-          "path",
-          {
-            d: "M19.8914 19.8411H16.1272L4.11694 4.15896H7.97682L19.8914 19.8411Z",
-            fill: foreground,
-            stroke: background,
-            strokeWidth: "1.69536"
-          }
-        )
-      ] });
-    };
-    twitter_default = Twitter;
-  }
-});
-
-export {
-  twitter_default,
-  twitter_exports,
-  init_twitter
-};
-//# sourceMappingURL=chunk-KIK3FB4I.mjs.map

package/dist/esm/chunk-KIK3FB4I.mjs.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/assets/social/twitter.tsx"],
-  "sourcesContent": ["import useIconColor from '../../hooks/useIconColor';\n\nconst Twitter = () => {\n  const { foreground, 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 d='M20.7738 3.31128L6.10893 20.6888H3.22681L17.8069 3.31128H20.7738Z' fill={background} />\n      <path\n        d='M19.8914 19.8411H16.1272L4.11694 4.15896H7.97682L19.8914 19.8411Z'\n        fill={foreground}\n        stroke={background}\n        strokeWidth='1.69536'\n      />\n    </svg>\n  );\n};\n\nexport default Twitter;\n"],
-  "mappings": ";;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAMI,SACE,KADF;AANJ,IAEM,SAgBC;AAlBP;AAAA;AAAA;AAEA,IAAM,UAAU,MAAM;AACpB,YAAM,EAAE,YAAY,WAAW,IAAI,qBAAa;AAEhD,aACE,qBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAChE;AAAA,4BAAC,UAAK,GAAE,qEAAoE,MAAM,YAAY;AAAA,QAC9F;AAAA,UAAC;AAAA;AAAA,YACC,GAAE;AAAA,YACF,MAAM;AAAA,YACN,QAAQ;AAAA,YACR,aAAY;AAAA;AAAA,QACd;AAAA,SACF;AAAA,IAEJ;AAEA,IAAO,kBAAQ;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/chunk-KQCHHNUJ.mjs

@@ -1,357 +0,0 @@
-"use client";
-import {
-  SocialItem,
-  SocialLoginContainer,
-  ToggleContainer,
-  init_styles as init_styles2
-} from "./chunk-TT5EWHLM.mjs";
-import {
-  init_useWalletConnectors,
-  useWalletConnector
-} from "./chunk-AQVZSU2R.mjs";
-import {
-  ForwardContainer,
-  WalletIconContainer,
-  WalletItem,
-  WalletLable,
-  WalletsContainer,
-  init_styles
-} from "./chunk-AHPYJJP6.mjs";
-import {
-  init_useConnectWithWallet,
-  useConnectWithWallet
-} from "./chunk-OKYNVRZW.mjs";
-import {
-  button_default,
-  init_button
-} from "./chunk-G4I34CN4.mjs";
-import {
-  Forward_default,
-  init_Forward
-} from "./chunk-UB6FPNMP.mjs";
-import {
-  Icons_default,
-  init_Icons
-} from "./chunk-NPJ6RD6A.mjs";
-import {
-  init_useLastConnectorId,
-  useLastConnectorId
-} from "./chunk-XV4TVGGP.mjs";
-import {
-  init_useWalletsProps,
-  useWalletProps,
-  useWalletsProps_default
-} from "./chunk-3LA2W4YD.mjs";
-import {
-  init_context,
-  init_useAppearance,
-  init_useLocales,
-  init_useRouter,
-  useAppearance,
-  useContext,
-  useLocales,
-  useRouter
-} from "./chunk-ODGVUXUQ.mjs";
-import {
-  __esm
-} from "./chunk-Y7A564BU.mjs";
-
-// src/utils/social.ts
-var socialAuthTypes, isSocialAuthType;
-var init_social = __esm({
-  "src/utils/social.ts"() {
-    "use strict";
-    socialAuthTypes = [
-      "facebook",
-      "google",
-      "apple",
-      "twitter",
-      "discord",
-      "github",
-      "twitch",
-      "microsoft",
-      "linkedin"
-    ];
-    isSocialAuthType = (authType) => {
-      return socialAuthTypes.includes(authType);
-    };
-  }
-});
-
-// src/assets/toggle.tsx
-import { motion } from "framer-motion";
-import { jsx } from "react/jsx-runtime";
-var ToggleIcon, toggle_default;
-var init_toggle = __esm({
-  "src/assets/toggle.tsx"() {
-    "use strict";
-    ToggleIcon = () => {
-      return /* @__PURE__ */ jsx(motion.svg, { xmlns: "http://www.w3.org/2000/svg", width: "25", height: "25", viewBox: "0 0 25 25", fill: "none", children: /* @__PURE__ */ jsx(
-        "path",
-        {
-          d: "M5.20833 10.4167C4.0625 10.4167 3.125 11.3542 3.125 12.5C3.125 13.6459 4.0625 14.5834 5.20833 14.5834C6.35417 14.5834 7.29167 13.6459 7.29167 12.5C7.29167 11.3542 6.35417 10.4167 5.20833 10.4167ZM19.7917 10.4167C18.6458 10.4167 17.7083 11.3542 17.7083 12.5C17.7083 13.6459 18.6458 14.5834 19.7917 14.5834C20.9375 14.5834 21.875 13.6459 21.875 12.5C21.875 11.3542 20.9375 10.4167 19.7917 10.4167ZM12.5 10.4167C11.3542 10.4167 10.4167 11.3542 10.4167 12.5C10.4167 13.6459 11.3542 14.5834 12.5 14.5834C13.6458 14.5834 14.5833 13.6459 14.5833 12.5C14.5833 11.3542 13.6458 10.4167 12.5 10.4167Z",
-          fill: "var(--pcm-body-action-color)"
-        }
-      ) });
-    };
-    toggle_default = ToggleIcon;
-  }
-});
-
-// src/components/socialLogin/index.tsx
-import { isEVMChain } from "@particle-network/connector-core";
-import { Fragment, useMemo } from "react";
-import { Fragment as Fragment2, jsx as jsx2, jsxs } from "react/jsx-runtime";
-var SocialLogin, socialLogin_default;
-var init_socialLogin = __esm({
-  "src/components/socialLogin/index.tsx"() {
-    "use strict";
-    init_Forward();
-    init_toggle();
-    init_context();
-    init_useAppearance();
-    init_useConnectWithWallet();
-    init_useLastConnectorId();
-    init_useLocales();
-    init_useRouter();
-    init_useWalletConnectors();
-    init_useWalletsProps();
-    init_social();
-    init_styles();
-    init_Icons();
-    init_styles2();
-    SocialLogin = ({ expandList }) => {
-      const { config } = useContext();
-      const { navigate } = useRouter();
-      const locales = useLocales();
-      const { appearance } = useAppearance();
-      const wallet = useWalletProps(isEVMChain(config.chains[0]) ? "particleEVM" : "particleSolana");
-      const walletConnector = useWalletConnector("particleAuth");
-      const evmWalletConnector = useWalletConnector("evmWallet");
-      const { lastConnectorId } = useLastConnectorId();
-      const connectWallet = useConnectWithWallet();
-      const recentConnectSocialAuthType = useMemo(() => {
-        if (lastConnectorId !== "particleSolana" && lastConnectorId !== "particleEVM") {
-          return lastConnectorId;
-        }
-        const lastAuthType = walletConnector.auth.getLatestAuthType();
-        return lastAuthType;
-      }, [lastConnectorId, walletConnector.auth]);
-      const authTypes = useMemo(() => {
-        if (!walletConnector) {
-          return [];
-        }
-        const hasPasskeyConnector = evmWalletConnector?.connectors.some(
-          (connector) => connector.id === "passkeySmartWallet"
-        );
-        const enablePasskey = Boolean(config.plugins.some((plugin) => plugin.id === "aa") && hasPasskeyConnector) && appearance.collapsePasskeyButton === "as-social";
-        if (enablePasskey) {
-          return walletConnector.supportAuthTypes.concat("passkeySmartWallet");
-        }
-        return walletConnector.supportAuthTypes;
-      }, [walletConnector, evmWalletConnector, appearance.collapsePasskeyButton, config.plugins]);
-      const socialAuthTypes2 = useMemo(() => {
-        return authTypes.filter((item) => isSocialAuthType(item) || item === "passkeySmartWallet");
-      }, [authTypes]);
-      const _expandList = useMemo(() => {
-        const evmConnector = config.getWalletConnector("evmWallet");
-        const solanaConnector = config.getWalletConnector("solanaWallet");
-        return expandList || !authTypes.includes("email") && !authTypes.includes("phone") && !evmConnector && !solanaConnector;
-      }, [expandList, authTypes, config]);
-      const renderAuthTypes = useMemo(() => {
-        if (_expandList) {
-          return socialAuthTypes2;
-        }
-        if (socialAuthTypes2.length > 5) {
-          return socialAuthTypes2.slice(0, 4);
-        }
-        return socialAuthTypes2;
-      }, [_expandList, socialAuthTypes2]);
-      const onSocialLogin = (authType) => {
-        if (wallet && isSocialAuthType(authType)) {
-          const name = authType.charAt(0).toUpperCase() + authType.slice(1);
-          connectWallet(
-            {
-              ...wallet,
-              name,
-              shortName: name,
-              iconShape: authType === "microsoft" || authType === "twitch" ? "squircle" : "circle",
-              icon: /* @__PURE__ */ jsx2(Icons_default, { authType })
-            },
-            {
-              authParams: {
-                socialType: authType,
-                prompt: "select_account"
-              }
-            }
-          );
-        } else if (authType === "passkeySmartWallet") {
-          navigate("login-passkey" /* LoginPasskey */);
-        }
-      };
-      const felxRow = useMemo(() => {
-        if (_expandList) {
-          return false;
-        }
-        return socialAuthTypes2.length > 3;
-      }, [_expandList, socialAuthTypes2]);
-      return /* @__PURE__ */ jsx2(SocialLoginContainer, { $felxRow: felxRow, children: renderAuthTypes.map((authType, index) => {
-        return /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(SocialItem, { $felxRow: felxRow, onClick: () => onSocialLogin(authType), children: [
-            /* @__PURE__ */ jsx2(Icons_default, { authType }),
-            /* @__PURE__ */ jsx2("span", { children: authType === "passkeySmartWallet" ? "Passkey" : authType }),
-            !felxRow && /* @__PURE__ */ jsxs(Fragment2, { children: [
-              recentConnectSocialAuthType === authType && /* @__PURE__ */ jsx2(WalletLable, { children: locales.lastUsed }),
-              /* @__PURE__ */ jsx2(ForwardContainer, { children: /* @__PURE__ */ jsx2(Forward_default, {}) })
-            ] })
-          ] }),
-          !_expandList && index == 3 && socialAuthTypes2.length > 5 && /* @__PURE__ */ jsx2(ToggleContainer, { onClick: () => navigate("connectors" /* Connectors */, { type: "social" }), children: /* @__PURE__ */ jsx2(toggle_default, {}) })
-        ] }, authType);
-      }) });
-    };
-    socialLogin_default = SocialLogin;
-  }
-});
-
-// src/components/wallets/index.tsx
-import { useMemo as useMemo2 } from "react";
-import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
-var Wallets, wallets_default;
-var init_wallets = __esm({
-  "src/components/wallets/index.tsx"() {
-    "use strict";
-    init_Forward();
-    init_useAppearance();
-    init_useConnectWithWallet();
-    init_useLastConnectorId();
-    init_useLocales();
-    init_useRouter();
-    init_useWalletsProps();
-    init_button();
-    init_styles();
-    Wallets = ({ expandList }) => {
-      const { navigate } = useRouter();
-      const wallets = useWalletsProps_default();
-      const locales = useLocales();
-      const { lastConnectorId } = useLastConnectorId();
-      const connectWallet = useConnectWithWallet();
-      const { appearance } = useAppearance();
-      const walletData = useMemo2(() => {
-        const _wallets = wallets.filter(
-          (wallet) => wallet.connector.type !== "particleAuth" && wallet.connector.id !== "passkeySmartWallet"
-        );
-        const datas = [];
-        for (const wallet of _wallets) {
-          const key = wallet.groupId || wallet.connector.id;
-          const itemData = datas.find((w) => w.key === key);
-          if (itemData) {
-            itemData.props.push(wallet);
-          } else {
-            datas.push({
-              key,
-              props: [wallet],
-              rankingWeight: 0
-            });
-          }
-        }
-        const recommendedWallets = appearance?.recommendedWallets || [];
-        datas.forEach((data) => {
-          const ids = data.key.split(",").map((id) => id.trim());
-          if (data.props.length > 1) {
-            data.lable = locales.multichain;
-          }
-          if (data.props.some((item) => item.isInstalled)) {
-            data.lable = locales.installed;
-            data.rankingWeight = 100;
-          }
-          const recommended = recommendedWallets.find((item) => ids.includes(item.walletId));
-          if (recommended) {
-            if (recommended.label !== "none") {
-              if (recommended.label?.toLowerCase() === "recommended") {
-                data.lable = locales.recommended;
-              } else if (recommended.label?.toLowerCase() === "popular") {
-                data.lable = locales.popular;
-              } else {
-                data.lable = recommended.label || locales.recommended;
-              }
-              data.customLable = true;
-            } else {
-              data.customLable = void 0;
-            }
-            const recommendedIndex = recommendedWallets.indexOf(recommended);
-            data.rankingWeight = 200 + (99 - recommendedIndex);
-          }
-          if (lastConnectorId && ids.includes(lastConnectorId)) {
-            data.lable = locales.lastUsed;
-            data.rankingWeight = 500;
-            data.customLable = void 0;
-          }
-        });
-        datas.sort((a, b) => {
-          if (a.rankingWeight > b.rankingWeight) {
-            return -1;
-          }
-          if (a.rankingWeight < b.rankingWeight) {
-            return 1;
-          }
-          return 0;
-        });
-        return datas;
-      }, [locales, wallets, appearance?.recommendedWallets, lastConnectorId]);
-      const renderWallets = useMemo2(() => {
-        if (expandList) {
-          return walletData;
-        }
-        if (appearance?.collapseWalletList) {
-          return [];
-        }
-        if (walletData.length > 3) {
-          return walletData.slice(0, 3);
-        }
-        return walletData;
-      }, [walletData, expandList, appearance?.collapseWalletList]);
-      const displayActionBtn = useMemo2(() => {
-        return !expandList && (appearance?.collapseWalletList || walletData.length > 3);
-      }, [expandList, appearance?.collapseWalletList, walletData]);
-      const onWalletClick = (data) => {
-        if (data.props.length > 1) {
-          navigate("select-chain" /* SelectChain */, { walletData: data });
-        } else {
-          const walletProps = data.props[0];
-          connectWallet(walletProps);
-        }
-      };
-      return /* @__PURE__ */ jsxs2(WalletsContainer, { children: [
-        renderWallets.map((walletData2) => {
-          return /* @__PURE__ */ jsxs2(WalletItem, { onClick: () => onWalletClick(walletData2), children: [
-            /* @__PURE__ */ jsx3(WalletIconContainer, { children: walletData2.props[0].icon }),
-            walletData2.props[0].name,
-            walletData2.lable && /* @__PURE__ */ jsx3(WalletLable, { $customLable: walletData2.customLable, children: walletData2.lable }),
-            /* @__PURE__ */ jsx3(ForwardContainer, { children: /* @__PURE__ */ jsx3(Forward_default, {}) })
-          ] }, walletData2.key);
-        }),
-        displayActionBtn && /* @__PURE__ */ jsx3(
-          button_default,
-          {
-            onClick: () => {
-              navigate("connectors" /* Connectors */);
-            },
-            color: "secondary",
-            children: appearance?.collapseWalletList ? locales.continueWithWallet : locales.viewAllWallets
-          }
-        )
-      ] });
-    };
-    wallets_default = Wallets;
-  }
-});
-
-export {
-  isSocialAuthType,
-  init_social,
-  socialLogin_default,
-  init_socialLogin,
-  wallets_default,
-  init_wallets
-};
-//# sourceMappingURL=chunk-KQCHHNUJ.mjs.map