@particle-network/connectkit 3.0.0-alpha.3 → 3.0.0-alpha.4

package/dist/assets/social/apple.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   apple_default
-} from "../../chunk-NZXPROSV.js";
-import "../../chunk-D22THX5W.js";
-import "../../chunk-ROEZJ3RD.js";
+} from "../../chunk-OXKRCWAR.js";
+import "../../chunk-GZJG52KH.js";
+import "../../chunk-NYAG3FLD.js";
 import "../../chunk-ABM25MSG.js";
 import "../../chunk-S4DO33H6.js";
 import "../../chunk-E3X3TM7Q.js";

package/dist/assets/social/email.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   email_default
-} from "../../chunk-UMKD7HQW.js";
-import "../../chunk-D22THX5W.js";
-import "../../chunk-ROEZJ3RD.js";
+} from "../../chunk-RSS5CD6P.js";
+import "../../chunk-GZJG52KH.js";
+import "../../chunk-NYAG3FLD.js";
 import "../../chunk-ABM25MSG.js";
 import "../../chunk-S4DO33H6.js";
 import "../../chunk-E3X3TM7Q.js";

package/dist/assets/social/github.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   github_default
-} from "../../chunk-MAZ2CMRL.js";
-import "../../chunk-D22THX5W.js";
-import "../../chunk-ROEZJ3RD.js";
+} from "../../chunk-AA664KSB.js";
+import "../../chunk-GZJG52KH.js";
+import "../../chunk-NYAG3FLD.js";
 import "../../chunk-ABM25MSG.js";
 import "../../chunk-S4DO33H6.js";
 import "../../chunk-E3X3TM7Q.js";

package/dist/assets/social/index.js

@@ -2,21 +2,21 @@
 import {
   getSocialIcon,
   socialIcons
-} from "../../chunk-KV7FFXFS.js";
+} from "../../chunk-BPD3GHNV.js";
 import "../../chunk-U4SXOUNY.js";
 import "../../chunk-YYOKJPK2.js";
 import "../../chunk-BJ32HYL4.js";
 import "../../chunk-RYSXBBMM.js";
-import "../../chunk-Y4K522DC.js";
+import "../../chunk-CXVZ6EQ6.js";
 import "../../chunk-QFH64IAE.js";
-import "../../chunk-RSRPXBGL.js";
-import "../../chunk-NZXPROSV.js";
+import "../../chunk-H6ORNHWI.js";
+import "../../chunk-OXKRCWAR.js";
 import "../../chunk-BHWEMMMW.js";
-import "../../chunk-UMKD7HQW.js";
+import "../../chunk-RSS5CD6P.js";
 import "../../chunk-R3XVOLUA.js";
-import "../../chunk-MAZ2CMRL.js";
-import "../../chunk-D22THX5W.js";
-import "../../chunk-ROEZJ3RD.js";
+import "../../chunk-AA664KSB.js";
+import "../../chunk-GZJG52KH.js";
+import "../../chunk-NYAG3FLD.js";
 import "../../chunk-ABM25MSG.js";
 import "../../chunk-S4DO33H6.js";
 import "../../chunk-E3X3TM7Q.js";

package/dist/assets/social/phone.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   phone_default
-} from "../../chunk-Y4K522DC.js";
-import "../../chunk-D22THX5W.js";
-import "../../chunk-ROEZJ3RD.js";
+} from "../../chunk-CXVZ6EQ6.js";
+import "../../chunk-GZJG52KH.js";
+import "../../chunk-NYAG3FLD.js";
 import "../../chunk-ABM25MSG.js";
 import "../../chunk-S4DO33H6.js";
 import "../../chunk-E3X3TM7Q.js";

package/dist/assets/social/twitter.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   twitter_default
-} from "../../chunk-RSRPXBGL.js";
-import "../../chunk-D22THX5W.js";
-import "../../chunk-ROEZJ3RD.js";
+} from "../../chunk-H6ORNHWI.js";
+import "../../chunk-GZJG52KH.js";
+import "../../chunk-NYAG3FLD.js";
 import "../../chunk-ABM25MSG.js";
 import "../../chunk-S4DO33H6.js";
 import "../../chunk-E3X3TM7Q.js";

package/dist/{captcha-AG7UGQLU.js → captcha-IRSAETNM.js}

@@ -1,34 +1,34 @@
 "use client";
 import {
   useWalletConnector
-} from "./chunk-5R6XP4FK.js";
+} from "./chunk-HYSDUR2B.js";
 import {
   PageContent
-} from "./chunk-LD7ULFQB.js";
+} from "./chunk-LVEWJP36.js";
 import {
   PhoneIcon_default
 } from "./chunk-K6V2VTKS.js";
 import {
   EmailIcon_default
 } from "./chunk-DDA5WULF.js";
-import "./chunk-LAGMNSQN.js";
+import "./chunk-BU3O7MZI.js";
 import {
   circleSpinner_default
 } from "./chunk-ZLJSXTUZ.js";
 import {
   useConnect
-} from "./chunk-HFRQSEII.js";
+} from "./chunk-W6LX7YX3.js";
 import "./chunk-N3I53AXB.js";
 import {
   useConnector
-} from "./chunk-4SF5NVET.js";
+} from "./chunk-4453CEH2.js";
 import {
   useAppearance,
   useContext,
   useLocales,
   useModalError,
   useRouter
-} from "./chunk-ROEZJ3RD.js";
+} from "./chunk-NYAG3FLD.js";
 import "./chunk-ABM25MSG.js";
 import "./chunk-S4DO33H6.js";
 import "./chunk-E3X3TM7Q.js";
@@ -680,4 +680,4 @@ var captcha_default = Page;
 export {
   captcha_default as default
 };
-//# sourceMappingURL=captcha-AG7UGQLU.js.map
+//# sourceMappingURL=captcha-IRSAETNM.js.map

package/dist/{chunk-4SF5NVET.js → chunk-4453CEH2.js}

@@ -2,7 +2,7 @@
 import {
   deepEqual,
   useContext
-} from "./chunk-ROEZJ3RD.js";
+} from "./chunk-NYAG3FLD.js";
 
 // src/hooks/useConnectors.ts
 import { useSyncExternalStore } from "react";
@@ -43,4 +43,4 @@ export {
   useConnectors,
   useConnector
 };
-//# sourceMappingURL=chunk-4SF5NVET.js.map
+//# sourceMappingURL=chunk-4453CEH2.js.map

package/dist/{chunk-B2EBV3V5.js → chunk-4WVIAZ4R.js}

@@ -1,18 +1,18 @@
 "use client";
 import {
   Icons_default
-} from "./chunk-OWCU5UZC.js";
+} from "./chunk-QN4XBM6X.js";
 import {
   useLastConnectorId
 } from "./chunk-N3I53AXB.js";
 import {
   useWalletsProps_default
-} from "./chunk-AAPLZ5SQ.js";
+} from "./chunk-GJJHANZV.js";
 import {
   useAccount,
   useConnections,
   useContext
-} from "./chunk-ROEZJ3RD.js";
+} from "./chunk-NYAG3FLD.js";
 
 // src/hooks/useChains.ts
 import { useMemo } from "react";
@@ -80,4 +80,4 @@ export {
   useChains,
   useWalletConnections
 };
-//# sourceMappingURL=chunk-B2EBV3V5.js.map
+//# sourceMappingURL=chunk-4WVIAZ4R.js.map

package/dist/{chunk-Y6NXFKSP.js → chunk-7YLAZ2GO.js}

@@ -14,16 +14,16 @@ import {
 import {
   useChains,
   useWalletConnections
-} from "./chunk-B2EBV3V5.js";
+} from "./chunk-4WVIAZ4R.js";
 import {
   circleSpinner_default
 } from "./chunk-ZLJSXTUZ.js";
 import {
   useConnect
-} from "./chunk-HFRQSEII.js";
+} from "./chunk-W6LX7YX3.js";
 import {
   useConnectors
-} from "./chunk-4SF5NVET.js";
+} from "./chunk-4453CEH2.js";
 import {
   CheckIcon_default
 } from "./chunk-VJH5DPLC.js";
@@ -33,7 +33,7 @@ import {
   useContext,
   useMutation,
   useWeb3Context
-} from "./chunk-ROEZJ3RD.js";
+} from "./chunk-NYAG3FLD.js";
 
 // src/actions/switchAccount.ts
 import {
@@ -525,4 +525,4 @@ export {
   usePublicClient,
   useWallets
 };
-//# sourceMappingURL=chunk-Y6NXFKSP.js.map
+//# sourceMappingURL=chunk-7YLAZ2GO.js.map

package/dist/{chunk-MAZ2CMRL.js → chunk-AA664KSB.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useIconColor_default
-} from "./chunk-D22THX5W.js";
+} from "./chunk-GZJG52KH.js";
 
 // src/assets/social/github.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -25,4 +25,4 @@ var github_default = Github;
 export {
   github_default
 };
-//# sourceMappingURL=chunk-MAZ2CMRL.js.map
+//# sourceMappingURL=chunk-AA664KSB.js.map

package/dist/{chunk-KV7FFXFS.js → chunk-BPD3GHNV.js}

@@ -13,28 +13,28 @@ import {
 } from "./chunk-RYSXBBMM.js";
 import {
   phone_default
-} from "./chunk-Y4K522DC.js";
+} from "./chunk-CXVZ6EQ6.js";
 import {
   twitch_default
 } from "./chunk-QFH64IAE.js";
 import {
   twitter_default
-} from "./chunk-RSRPXBGL.js";
+} from "./chunk-H6ORNHWI.js";
 import {
   apple_default
-} from "./chunk-NZXPROSV.js";
+} from "./chunk-OXKRCWAR.js";
 import {
   discord_default
 } from "./chunk-BHWEMMMW.js";
 import {
   email_default
-} from "./chunk-UMKD7HQW.js";
+} from "./chunk-RSS5CD6P.js";
 import {
   facebook_default
 } from "./chunk-R3XVOLUA.js";
 import {
   github_default
-} from "./chunk-MAZ2CMRL.js";
+} from "./chunk-AA664KSB.js";
 
 // src/assets/social/index.tsx
 var socialIcons = {
@@ -59,4 +59,4 @@ export {
   socialIcons,
   getSocialIcon
 };
-//# sourceMappingURL=chunk-KV7FFXFS.js.map
+//# sourceMappingURL=chunk-BPD3GHNV.js.map

package/dist/{chunk-LAGMNSQN.js → chunk-BU3O7MZI.js}

@@ -6,4 +6,4 @@ var EmailRegExp = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/;
 export {
   EmailRegExp
 };
-//# sourceMappingURL=chunk-LAGMNSQN.js.map
+//# sourceMappingURL=chunk-BU3O7MZI.js.map

package/dist/chunk-BU3O7MZI.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/types/index.ts"],
+  "sourcesContent": ["export type HttpUrl = `http${string}`;\n\nexport type Mode = 'light' | 'dark' | 'auto';\n\ntype HexColor = `#${string}`;\n\ntype Unit = `${number}px` | `${number}rem`;\n\nexport type CustomTheme = {\n  // font\n  '--pcm-font-family'?: string;\n\n  // focus color, input etc.\n  '--pcm-focus-color'?: string;\n\n  // modal\n  '--pcm-overlay-background'?: string;\n  '--pcm-overlay-backdrop-filter'?: string; // default: blur(6px)\n  '--pcm-modal-box-shadow'?: string;\n  '--pcm-modal-max-height'?: string;\n  '--pcm-modal-width'?: Unit;\n\n  // border radius\n  '--pcm-rounded-sm'?: Unit; // 6px\n  '--pcm-rounded-md'?: Unit; // 12px\n  '--pcm-rounded-lg'?: Unit; // 18px\n  '--pcm-rounded-xl'?: Unit; // 24px\n  '--pcm-rounded-full'?: Unit; // 9999px\n\n  // background\n  '--pcm-body-background'?: string;\n  '--pcm-body-background-secondary'?: string;\n  '--pcm-body-background-tertiary'?: string;\n\n  // foreground: font color\n  '--pcm-body-color'?: string;\n  '--pcm-body-color-secondary'?: string;\n  '--pcm-body-color-tertiary'?: string;\n\n  // button\n  '--pcm-button-border-color'?: string;\n  '--pcm-button-font-weight'?: string;\n  '--pcm-button-hover-shadow'?: string;\n\n  // primary button\n  '--pcm-primary-button-color'?: string;\n  '--pcm-primary-button-bankground'?: string;\n  '--pcm-primary-button-hover-background'?: string; // TODO: \u53EF\u6839\u636Ebankground\u8BA1\u7B97\u51FA\u6765\uFF0C\u4E0D\u7528\u81EA\u5B9A\u4E49\uFF1F\n\n  // secondary button\n  '--pcm-secondary-button-color'?: string;\n  '--pcm-secondary-button-bankground'?: string;\n  '--pcm-secondary-button-hover-background'?: string; // TODO: \u53EF\u6839\u636Ebankground\u8BA1\u7B97\u51FA\u6765\uFF0C\u4E0D\u7528\u81EA\u5B9A\u4E49\uFF1F\n\n  // action button color\n  '--pcm-body-action-color'?: string;\n\n  // accent color\n  '--pcm-accent-color'?: string;\n\n  // error\n  '--pcm-error-color'?: HexColor;\n\n  // success\n  '--pcm-success-color'?: HexColor;\n\n  // warning\n  '--pcm-warning-color'?: HexColor;\n\n  // custom wallet lable color\n  '--pcm-wallet-lable-color'?: HexColor;\n};\n\nexport type Theme = CustomTheme;\n\nexport enum ConnectorType {\n  Email = 'email',\n  Phone = 'phone',\n  Social = 'social',\n  Wallet = 'wallet',\n  Passkey = 'passkey',\n}\n\nexport type ConnectorTypeValue = `${ConnectorType}`;\n\nexport const EmailRegExp = /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\\.[a-zA-Z]{2,}$/;\n\nexport interface CloudflareOptions {\n  getContainer?: HTMLElement | (() => HTMLElement) | false;\n  theme?: 'light' | 'dark';\n  language?: string;\n}\n"],
+  "mappings": ";;;AAqFO,IAAM,cAAc;",
+  "names": []
+}

package/dist/{chunk-Y4K522DC.js → chunk-CXVZ6EQ6.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useIconColor_default
-} from "./chunk-D22THX5W.js";
+} from "./chunk-GZJG52KH.js";
 
 // src/assets/social/phone.tsx
 import { jsx } from "react/jsx-runtime";
@@ -20,4 +20,4 @@ var phone_default = Phone;
 export {
   phone_default
 };
-//# sourceMappingURL=chunk-Y4K522DC.js.map
+//# sourceMappingURL=chunk-CXVZ6EQ6.js.map

package/dist/{chunk-3MBJABHK.js → chunk-CZKG4D4G.js}

@@ -1,13 +1,13 @@
 "use client";
 import {
   useConnect
-} from "./chunk-HFRQSEII.js";
+} from "./chunk-W6LX7YX3.js";
 import {
   useLastConnectorId
 } from "./chunk-N3I53AXB.js";
 import {
   useConnector
-} from "./chunk-4SF5NVET.js";
+} from "./chunk-4453CEH2.js";
 
 // src/hooks/useWalletConnectUri.ts
 import { useCallback, useState } from "react";
@@ -54,4 +54,4 @@ function useWalletConnectUri(connectorId) {
 export {
   useWalletConnectUri
 };
-//# sourceMappingURL=chunk-3MBJABHK.js.map
+//# sourceMappingURL=chunk-CZKG4D4G.js.map

package/dist/{chunk-AAPLZ5SQ.js → chunk-GJJHANZV.js}

@@ -1,10 +1,10 @@
 "use client";
 import {
   walletConfigs
-} from "./chunk-EB2JBI34.js";
+} from "./chunk-QNQBYUZH.js";
 import {
   useConnectors
-} from "./chunk-4SF5NVET.js";
+} from "./chunk-4453CEH2.js";
 import {
   Injected_default
 } from "./chunk-G3GPVZMU.js";
@@ -85,4 +85,4 @@ export {
   useWalletsProps_default,
   useWalletProps
 };
-//# sourceMappingURL=chunk-AAPLZ5SQ.js.map
+//# sourceMappingURL=chunk-GJJHANZV.js.map

package/dist/{chunk-D22THX5W.js → chunk-GZJG52KH.js}

@@ -2,7 +2,7 @@
 import {
   getSystemMode,
   useAppearance
-} from "./chunk-ROEZJ3RD.js";
+} from "./chunk-NYAG3FLD.js";
 
 // src/hooks/useIconColor.ts
 import { useEffect, useMemo, useState } from "react";
@@ -37,4 +37,4 @@ var useIconColor_default = useIconColor;
 export {
   useIconColor_default
 };
-//# sourceMappingURL=chunk-D22THX5W.js.map
+//# sourceMappingURL=chunk-GZJG52KH.js.map

package/dist/{chunk-RSRPXBGL.js → chunk-H6ORNHWI.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useIconColor_default
-} from "./chunk-D22THX5W.js";
+} from "./chunk-GZJG52KH.js";
 
 // src/assets/social/twitter.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -25,4 +25,4 @@ var twitter_default = Twitter;
 export {
   twitter_default
 };
-//# sourceMappingURL=chunk-RSRPXBGL.js.map
+//# sourceMappingURL=chunk-H6ORNHWI.js.map

package/dist/{chunk-ER6ER5WR.js → chunk-HHISKPZX.js}

@@ -5,7 +5,7 @@ import {
   useContext,
   useModalError,
   useMutation
-} from "./chunk-ROEZJ3RD.js";
+} from "./chunk-NYAG3FLD.js";
 
 // src/hooks/useDisconnect.ts
 import { useCallback } from "react";
@@ -127,4 +127,4 @@ export {
   useSmartAccount,
   useAddress
 };
-//# sourceMappingURL=chunk-ER6ER5WR.js.map
+//# sourceMappingURL=chunk-HHISKPZX.js.map

package/dist/{chunk-5R6XP4FK.js → chunk-HYSDUR2B.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useContext
-} from "./chunk-ROEZJ3RD.js";
+} from "./chunk-NYAG3FLD.js";
 
 // src/hooks/useWalletConnectors.ts
 var useWalletConnectors = () => {
@@ -16,4 +16,4 @@ var useWalletConnector = (walletConnectorType) => {
 export {
   useWalletConnector
 };
-//# sourceMappingURL=chunk-5R6XP4FK.js.map
+//# sourceMappingURL=chunk-HYSDUR2B.js.map

package/dist/{chunk-LD7ULFQB.js → chunk-LVEWJP36.js}

@@ -76,7 +76,7 @@ var BoxContainer = styled(motion.div)`
   animation-name: ${(props) => props.$positionInside ? null : BoxOut};
   margin: auto;
   height: var(--height);
-  width: 400px;
+  width: var(--pcm-modal-width, 400px);
   border-radius: var(--pcm-rounded-xl);
   background: var(--pcm-body-background);
   box-shadow: var(--pcm-modal-box-shadow);
@@ -298,4 +298,4 @@ export {
   FlexLeft,
   FlexBetween
 };
-//# sourceMappingURL=chunk-LD7ULFQB.js.map
+//# sourceMappingURL=chunk-LVEWJP36.js.map

package/dist/chunk-LVEWJP36.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/modal/styles.ts"],
+  "sourcesContent": ["import { motion } from 'framer-motion';\nimport type { HTMLAttributes } from 'react';\nimport { keyframes, styled } from 'styled-components';\n\ninterface FlexProps extends HTMLAttributes<HTMLDivElement> {\n  gap?: number;\n}\n\nconst FadeIn = keyframes`\nfrom { opacity: 0; }\n  to { opacity: 1; }\n`;\n\nconst FadeOut = keyframes`\nfrom { opacity: 1; }\n  to { opacity: 0; }\n`;\n\nconst BoxIn = keyframes`\n  from{ opacity: 0; transform: scale(0.97); }\n  to{ opacity: 1; transform: scale(1); }\n`;\nconst BoxOut = keyframes`\n  from{ opacity: 1; transform: scale(1); }\n  to{ opacity: 0; transform: scale(0.97); }\n`;\n\nconst MobileBoxIn = keyframes`\n  from { transform: translate3d(0, 100%, 0); }\n  to { transform: translate3d(0, 0%, 0); }\n`;\n\nconst MobileBoxOut = keyframes`\n  from { opacity: 1; }\n  to { opacity: 0; }\n`;\n\nexport const ModalRoot = styled.div`\n  z-index: 2147483646;\n  position: fixed;\n  inset: 0;\n`;\n\nexport const ModalOverlay = styled(motion.div)<{\n  $active: boolean;\n}>`\n  z-index: 1;\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  background: var(--pcm-overlay-background, rgba(71, 88, 107, 0.24));\n  backdrop-filter: var(--pcm-overlay-backdrop-filter, blur(6px));\n  opacity: 0;\n  animation: ${(props) => (props.$active ? FadeIn : FadeOut)} 150ms ease-out both;\n`;\n\nexport const ModalContainer = styled(motion.div)<{\n  $positionInside?: boolean;\n}>`\n  --ease: cubic-bezier(0.25, 0.1, 0.25, 1);\n  --duration: 200ms;\n  --transition: height var(--duration) var(--ease), width var(--duration) var(--ease);\n  z-index: 3;\n  display: block;\n  pointer-events: none;\n  position: ${(props) => (props.$positionInside ? 'unset' : 'absolute')};\n  left: 50%;\n  top: 50%;\n  width: 100%;\n  height: auto;\n  transform: ${(props) => {\n    return props.$positionInside ? 'none' : 'translate(-50%, -50%)';\n  }};\n  backface-visibility: hidden;\n  @media only screen and (max-width: 560px) {\n    pointer-events: auto;\n    left: 0;\n    top: auto;\n    bottom: -5px;\n    transform: none;\n  }\n`;\n\nexport const BoxContainer = styled(motion.div)<{\n  $positionInside?: boolean;\n}>`\n  z-index: 2;\n  position: relative;\n  color: var(--pcm-body-color, black);\n  animation: 150ms ease both;\n  animation-name: ${(props) => (props.$positionInside ? null : BoxOut)};\n  margin: auto;\n  height: var(--height);\n  width: var(--pcm-modal-width, 400px);\n  border-radius: var(--pcm-rounded-xl);\n  background: var(--pcm-body-background);\n  box-shadow: var(--pcm-modal-box-shadow);\n  transition: all 300ms ease;\n  overflow: hidden;\n  &.active {\n    animation-name: ${(props) => (props.$positionInside ? null : BoxIn)};\n  }\n\n  @media only screen and (max-width: 560px) {\n    animation-name: ${(props) => (props.$positionInside ? null : MobileBoxOut)};\n    animation-duration: 130ms;\n    animation-timing-function: ease;\n    width: 100%;\n    transition: 200ms height cubic-bezier(0.15, 1.15, 0.6, 1);\n    will-change: height;\n    border-bottom-left-radius: ${(props) => (props.$positionInside ? null : 0)};\n    border-bottom-right-radius: ${(props) => (props.$positionInside ? null : 0)};\n\n    &.active {\n      animation-name: ${(props) => (props.$positionInside ? null : MobileBoxIn)};\n      animation-duration: 300ms;\n      animation-delay: 32ms;\n      animation-timing-function: cubic-bezier(0.15, 1.15, 0.6, 1);\n    }\n  }\n`;\n\nexport const PageContainer = styled(motion.div)`\n  z-index: 2;\n  position: relative;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  pointer-events: auto;\n`;\n\nexport const PageContents = styled(motion.div)`\n  width: 100%;\n  padding: 64px 0 24px 0;\n  backface-visibility: hidden;\n  box-sizing: border-box;\n`;\n\nexport const PageContent = styled(motion.div)`\n  max-width: 100%;\n  margin: 0 4px 22px;\n  padding: 12px 20px 8px;\n  overflow-x: visible;\n  max-height: var(--pcm-modal-max-height, 65vh);\n  overflow-y: auto;\n  opacity: 0;\n  animation: ${FadeIn} 300ms ease-out both;\n`;\n\nexport const ControllerContainer = styled(motion.div)`\n  z-index: 3;\n  position: absolute;\n  top: 0;\n  left: 50%;\n  height: 64px;\n  transform: translateX(-50%);\n  backface-visibility: hidden;\n  width: 100%;\n  pointer-events: auto;\n`;\n\nexport const BackButton = styled(motion.button)`\n  z-index: 3;\n  cursor: pointer;\n  position: absolute;\n  top: 21px;\n  left: 17px;\n  width: 30px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  transform-origin: center center;\n  border-radius: 16px;\n  padding: 0;\n  margin: 0;\n  color: var(--pcm-body-action-color);\n  background: var(--pcm-body-background);\n  transition: background-color 200ms ease;\n  background: var(--pcm-body-background-secondary);\n  border: none;\n  svg {\n    display: block;\n    position: relative;\n    left: -1px;\n  }\n\n  &:active {\n    transform: scale(0.9);\n    svg {\n      left: 0px;\n    }\n  }\n`;\n\nexport const CloseButton = styled(motion.button)`\n  z-index: 3;\n  cursor: pointer;\n  position: absolute;\n  top: 21px;\n  right: 17px;\n  width: 30px;\n  height: 30px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 16px;\n  padding: 0;\n  margin: 0;\n  color: var(--pcm-body-action-color);\n  background: var(--pcm-body-background);\n  transition: background-color 200ms ease;\n  background: var(--pcm-body-background-secondary);\n  border: none;\n  svg {\n    display: block;\n  }\n  &:active {\n    transform: scale(0.9);\n  }\n`;\n\nexport const ModalHeading = styled(motion.div)`\n  z-index: 3;\n  pointer-events: none;\n  user-select: none;\n  position: absolute;\n  top: 12px;\n  left: 50%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 48px;\n  transform: translateX(-50%);\n  width: 100%;\n  text-align: center;\n  font-size: 17px;\n  line-height: 20px;\n  padding: 0 24px;\n  font-weight: var(--pcm-modal-heading-font-weight, 600);\n  color: var(--pcm-body-color);\n  span {\n    display: inline-block;\n  }\n`;\n\nexport const ErrorContent = styled(motion.div)`\n  background: var(--pcm-error-background);\n  color: var(--pcm-error-color);\n  text-align: center;\n  height: 28px;\n  margin: 0 24px;\n  line-height: 28px;\n  border-radius: 30px;\n  font-size: 12px;\n  font-style: normal;\n  font-weight: 400;\n  padding: 0 16px;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  svg {\n    display: inline-block;\n    margin-right: 8px;\n  }\n`;\n\nexport const ErrorMessage = styled(motion.div)<{\n  $display: boolean;\n}>`\n  display: ${(props) => (props.$display ? 'flex' : 'none')};\n  width: 100%;\n  margin: 16px auto;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  animation: ${(props) => (props.$display ? FadeIn : FadeOut)} 200ms ease-out both;\n`;\n\nexport const ModalContentContainer = styled(motion.div)`\n  position: relative;\n  padding: 0;\n`;\n\nexport const FlexCenter = styled.div<FlexProps>`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: ${(props) => props.gap || 0}px;\n`;\n\nexport const FlexLeft = styled.div<FlexProps>`\n  display: flex;\n  justify-content: flex-start;\n  align-items: center;\n  gap: ${(props) => props.gap || 0}px;\n`;\n\nexport const FlexRight = styled.div<FlexProps>`\n  display: flex;\n  justify-content: flex-end;\n  align-items: center;\n  gap: ${(props) => props.gap || 0}px;\n`;\n\nexport const FlexBetween = styled.div<FlexProps>`\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  gap: ${(props) => props.gap || 0}px;\n`;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/{chunk-ROEZJ3RD.js → chunk-NYAG3FLD.js}

@@ -257,18 +257,18 @@ import { create as create3 } from "zustand";
 
 // src/pages/index.ts
 import { lazy } from "react";
-var Captcha = lazy(() => import("./captcha-AG7UGQLU.js"));
-var Connecting = lazy(() => import("./connecting-6K7VBBRY.js"));
-var Connectors = lazy(() => import("./connectors-GIP353FQ.js"));
-var DownloadApp = lazy(() => import("./downloadApp-O2QFQJBU.js"));
-var LoginPasskey = lazy(() => import("./loginPasskey-BQROOEEV.js"));
-var PasskeySetup = lazy(() => import("./passkeySetup-6CG2HWLJ.js"));
-var Receive = lazy(() => import("./receive-ME73CSRQ.js"));
-var SelectChain = lazy(() => import("./selectChain-RR2K3L3J.js"));
-var Signup = lazy(() => import("./signup-TTZYT54C.js"));
-var WalletInfo = lazy(() => import("./walletInfo-7JFFK4WC.js"));
-var WalletInfoTitle = lazy(() => import("./title-QWJXARIZ.js"));
-var Walletconnect = lazy(() => import("./walletconnect-RR6SFNLW.js"));
+var Captcha = lazy(() => import("./captcha-IRSAETNM.js"));
+var Connecting = lazy(() => import("./connecting-EALD7GSC.js"));
+var Connectors = lazy(() => import("./connectors-AMEP563B.js"));
+var DownloadApp = lazy(() => import("./downloadApp-FSZZDJCN.js"));
+var LoginPasskey = lazy(() => import("./loginPasskey-2MY5NCFN.js"));
+var PasskeySetup = lazy(() => import("./passkeySetup-MLPUHS7T.js"));
+var Receive = lazy(() => import("./receive-CCOW2KYO.js"));
+var SelectChain = lazy(() => import("./selectChain-AETYHETZ.js"));
+var Signup = lazy(() => import("./signup-DDQ77DQD.js"));
+var WalletInfo = lazy(() => import("./walletInfo-YTZYJU2W.js"));
+var WalletInfoTitle = lazy(() => import("./title-RMXV5YZC.js"));
+var Walletconnect = lazy(() => import("./walletconnect-UI37H5WT.js"));
 var safeRoutes = {
   connected: ["wallet-info" /* WalletInfo */, "receive" /* Receive */],
   disconnected: [
@@ -399,7 +399,7 @@ var useRouter = () => {
 
 // src/components/connectModal/index.tsx
 import { jsx } from "react/jsx-runtime";
-var Modal = lazy2(() => import("./modal-YIK5QMV3.js"));
+var Modal = lazy2(() => import("./modal-J5ZGWUF6.js"));
 var ConnectModal = () => {
   const { setOpen, open } = useModalState();
   const { route } = useRouteState();
@@ -1461,4 +1461,4 @@ export {
   useContext,
   useAccount
 };
-//# sourceMappingURL=chunk-ROEZJ3RD.js.map
+//# sourceMappingURL=chunk-NYAG3FLD.js.map

package/dist/{chunk-5TRGGHWP.js → chunk-O2SAZ6J2.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   button_default
-} from "./chunk-6YTDWXCU.js";
+} from "./chunk-XQCTKGO5.js";
 import {
   CopyIcon2_default
 } from "./chunk-N4I4O2QX.js";
@@ -201,4 +201,4 @@ var copyToClipboard_default = CopyToClipboard;
 export {
   copyToClipboard_default
 };
-//# sourceMappingURL=chunk-5TRGGHWP.js.map
+//# sourceMappingURL=chunk-O2SAZ6J2.js.map

package/dist/{chunk-MC4VBB64.js → chunk-OAD4OAIW.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-BD4WVCBW.js";
 import {
   useWalletConnector
-} from "./chunk-5R6XP4FK.js";
+} from "./chunk-HYSDUR2B.js";
 import {
   ForwardContainer,
   WalletIconContainer,
@@ -16,29 +16,29 @@ import {
 } from "./chunk-DEXEZZLU.js";
 import {
   useConnectWithWallet
-} from "./chunk-GKPJVEIO.js";
+} from "./chunk-YPLWTFTT.js";
 import {
   button_default
-} from "./chunk-6YTDWXCU.js";
+} from "./chunk-XQCTKGO5.js";
 import {
   Forward_default
 } from "./chunk-4LG4G5FM.js";
 import {
   Icons_default
-} from "./chunk-OWCU5UZC.js";
+} from "./chunk-QN4XBM6X.js";
 import {
   useLastConnectorId
 } from "./chunk-N3I53AXB.js";
 import {
   useWalletProps,
   useWalletsProps_default
-} from "./chunk-AAPLZ5SQ.js";
+} from "./chunk-GJJHANZV.js";
 import {
   useAppearance,
   useContext,
   useLocales,
   useRouter
-} from "./chunk-ROEZJ3RD.js";
+} from "./chunk-NYAG3FLD.js";
 
 // src/utils/social.ts
 var socialAuthTypes = [
@@ -290,4 +290,4 @@ export {
   socialLogin_default,
   wallets_default
 };
-//# sourceMappingURL=chunk-MC4VBB64.js.map
+//# sourceMappingURL=chunk-OAD4OAIW.js.map

package/dist/{chunk-NZXPROSV.js → chunk-OXKRCWAR.js}

@@ -1,7 +1,7 @@
 "use client";
 import {
   useIconColor_default
-} from "./chunk-D22THX5W.js";
+} from "./chunk-GZJG52KH.js";
 
 // src/assets/social/apple.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -29,4 +29,4 @@ var apple_default = Apple;
 export {
   apple_default
 };
-//# sourceMappingURL=chunk-NZXPROSV.js.map
+//# sourceMappingURL=chunk-OXKRCWAR.js.map

package/dist/{chunk-OWCU5UZC.js → chunk-QN4XBM6X.js}

@@ -13,28 +13,28 @@ import {
 } from "./chunk-RYSXBBMM.js";
 import {
   phone_default
-} from "./chunk-Y4K522DC.js";
+} from "./chunk-CXVZ6EQ6.js";
 import {
   twitch_default
 } from "./chunk-QFH64IAE.js";
 import {
   twitter_default
-} from "./chunk-RSRPXBGL.js";
+} from "./chunk-H6ORNHWI.js";
 import {
   apple_default
-} from "./chunk-NZXPROSV.js";
+} from "./chunk-OXKRCWAR.js";
 import {
   discord_default
 } from "./chunk-BHWEMMMW.js";
 import {
   email_default
-} from "./chunk-UMKD7HQW.js";
+} from "./chunk-RSS5CD6P.js";
 import {
   facebook_default
 } from "./chunk-R3XVOLUA.js";
 import {
   github_default
-} from "./chunk-MAZ2CMRL.js";
+} from "./chunk-AA664KSB.js";
 
 // src/components/socialLogin/Icons.tsx
 import { jsx } from "react/jsx-runtime";
@@ -61,4 +61,4 @@ var Icons_default = SocialIcon;
 export {
   Icons_default
 };
-//# sourceMappingURL=chunk-OWCU5UZC.js.map
+//# sourceMappingURL=chunk-QN4XBM6X.js.map

package/dist/{chunk-EB2JBI34.js → chunk-QNQBYUZH.js}

@@ -11,7 +11,7 @@ import {
 import {
   isAndroid,
   isIOS
-} from "./chunk-ROEZJ3RD.js";
+} from "./chunk-NYAG3FLD.js";
 import {
   Rabby_default
 } from "./chunk-3L2UPU7A.js";
@@ -451,4 +451,4 @@ export {
   isWalletConnect,
   isPasskeySmartWallet
 };
-//# sourceMappingURL=chunk-EB2JBI34.js.map
+//# sourceMappingURL=chunk-QNQBYUZH.js.map