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

package/dist/esm/chunk-Q5BP5U7B.mjs

@@ -1,86 +0,0 @@
-"use client";
-import {
-  init_linkedIn,
-  linkedIn_default
-} from "./chunk-ON5I6GRO.mjs";
-import {
-  init_microsoft,
-  microsoft_default
-} from "./chunk-HHRMRRBG.mjs";
-import {
-  init_passkey,
-  passkey_default
-} from "./chunk-PFSREVNX.mjs";
-import {
-  init_phone,
-  phone_default
-} from "./chunk-SIGLJMMI.mjs";
-import {
-  init_twitch,
-  twitch_default
-} from "./chunk-O2XXZ2OM.mjs";
-import {
-  init_twitter,
-  twitter_default
-} from "./chunk-KIK3FB4I.mjs";
-import {
-  apple_default,
-  init_apple
-} from "./chunk-H64MC6N7.mjs";
-import {
-  discord_default,
-  init_discord
-} from "./chunk-TLQNBRI7.mjs";
-import {
-  email_default,
-  init_email
-} from "./chunk-QPJMKWHJ.mjs";
-import {
-  facebook_default,
-  init_facebook
-} from "./chunk-DK64ZGDR.mjs";
-import {
-  github_default,
-  init_github
-} from "./chunk-ORIMR6ZN.mjs";
-import {
-  google_default,
-  init_google
-} from "./chunk-CPHPRGFM.mjs";
-
-// src/assets/social/index.tsx
-init_apple();
-init_discord();
-init_email();
-init_facebook();
-init_github();
-init_google();
-init_linkedIn();
-init_microsoft();
-init_passkey();
-init_phone();
-init_twitch();
-init_twitter();
-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-Q5BP5U7B.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEO,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/esm/chunk-QGF3ZKLH.mjs

@@ -1,71 +0,0 @@
-"use client";
-import {
-  deepEqual,
-  init_context,
-  init_deepEqual,
-  useContext
-} from "./chunk-ODGVUXUQ.mjs";
-import {
-  __esm
-} from "./chunk-Y7A564BU.mjs";
-
-// src/actions/getConnectors.ts
-function getConnectors(config) {
-  const connectors = config.connectors;
-  if (deepEqual(previousConnectors, connectors))
-    return previousConnectors;
-  previousConnectors = connectors;
-  return connectors;
-}
-var previousConnectors;
-var init_getConnectors = __esm({
-  "src/actions/getConnectors.ts"() {
-    "use strict";
-    init_deepEqual();
-    previousConnectors = [];
-  }
-});
-
-// src/actions/watchConnectors.ts
-function watchConnectors(config, parameters) {
-  const { onChange } = parameters;
-  return config._internal.connectors.subscribe((connectors, prevConnectors) => {
-    onChange(Object.values(connectors), prevConnectors);
-  });
-}
-var init_watchConnectors = __esm({
-  "src/actions/watchConnectors.ts"() {
-    "use strict";
-  }
-});
-
-// src/hooks/useConnectors.ts
-import { useSyncExternalStore } from "react";
-function useConnector(id) {
-  const connectors = useConnectors();
-  return connectors.find((c) => c.id === id);
-}
-var useConnectors;
-var init_useConnectors = __esm({
-  "src/hooks/useConnectors.ts"() {
-    "use strict";
-    init_getConnectors();
-    init_watchConnectors();
-    init_context();
-    useConnectors = () => {
-      const { config } = useContext();
-      return useSyncExternalStore(
-        (onChange) => watchConnectors(config, { onChange }),
-        () => getConnectors(config),
-        () => getConnectors(config)
-      );
-    };
-  }
-});
-
-export {
-  useConnectors,
-  useConnector,
-  init_useConnectors
-};
-//# sourceMappingURL=chunk-QGF3ZKLH.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/actions/getConnectors.ts", "../../src/actions/watchConnectors.ts", "../../src/hooks/useConnectors.ts"],
-  "sourcesContent": ["import type { Connector } from '@particle-network/connector-core';\nimport type { Config } from '../createConfig';\nimport { deepEqual } from '../utils/deepEqual';\n\nexport type GetConnectorsReturnType = readonly Connector[];\n\nlet previousConnectors: readonly Connector[] = [];\n\nexport function getConnectors(config: Config): GetConnectorsReturnType {\n  const connectors = config.connectors;\n  if (deepEqual(previousConnectors, connectors)) return previousConnectors;\n  previousConnectors = connectors;\n  return connectors;\n}\n", "import type { Config } from '../createConfig';\nimport type { GetConnectorsReturnType } from './getConnectors';\n\nexport type WatchConnectorsParameters = {\n  onChange(connections: GetConnectorsReturnType, prevConnectors: GetConnectorsReturnType): void;\n};\n\nexport type WatchConnectorsReturnType = () => void;\n\nexport function watchConnectors(config: Config, parameters: WatchConnectorsParameters): WatchConnectorsReturnType {\n  const { onChange } = parameters;\n  return config._internal.connectors.subscribe((connectors, prevConnectors) => {\n    onChange(Object.values(connectors), prevConnectors);\n  });\n}\n", "import type { Connector } from '@particle-network/connector-core';\nimport { useSyncExternalStore } from 'react';\nimport { getConnectors } from '../actions/getConnectors';\nimport { watchConnectors } from '../actions/watchConnectors';\nimport { useContext } from '../context';\n\nexport const useConnectors = () => {\n  const { config } = useContext();\n\n  return useSyncExternalStore(\n    (onChange) => watchConnectors(config, { onChange }),\n    () => getConnectors(config),\n    () => getConnectors(config)\n  );\n};\n\nexport function useConnector(id: string) {\n  const connectors = useConnectors();\n  return connectors.find((c) => c.id === id) as Connector;\n}\n"],
-  "mappings": ";;;;;;;;;;;;AAQO,SAAS,cAAc,QAAyC;AACrE,QAAM,aAAa,OAAO;AAC1B,MAAI,UAAU,oBAAoB,UAAU;AAAG,WAAO;AACtD,uBAAqB;AACrB,SAAO;AACT;AAbA,IAMI;AANJ;AAAA;AAAA;AAEA;AAIA,IAAI,qBAA2C,CAAC;AAAA;AAAA;;;ACGzC,SAAS,gBAAgB,QAAgB,YAAkE;AAChH,QAAM,EAAE,SAAS,IAAI;AACrB,SAAO,OAAO,UAAU,WAAW,UAAU,CAAC,YAAY,mBAAmB;AAC3E,aAAS,OAAO,OAAO,UAAU,GAAG,cAAc;AAAA,EACpD,CAAC;AACH;AAdA;AAAA;AAAA;AAAA;AAAA;;;ACCA,SAAS,4BAA4B;AAe9B,SAAS,aAAa,IAAY;AACvC,QAAM,aAAa,cAAc;AACjC,SAAO,WAAW,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE;AAC3C;AAnBA,IAMa;AANb;AAAA;AAAA;AAEA;AACA;AACA;AAEO,IAAM,gBAAgB,MAAM;AACjC,YAAM,EAAE,OAAO,IAAI,WAAW;AAE9B,aAAO;AAAA,QACL,CAAC,aAAa,gBAAgB,QAAQ,EAAE,SAAS,CAAC;AAAA,QAClD,MAAM,cAAc,MAAM;AAAA,QAC1B,MAAM,cAAc,MAAM;AAAA,MAC5B;AAAA,IACF;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/chunk-QH6JFFQS.mjs

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

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

@@ -1,7 +0,0 @@
-{
-  "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: 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/esm/chunk-QKASZJMJ.mjs

@@ -1,21 +0,0 @@
-"use client";
-import {
-  __esm
-} from "./chunk-Y7A564BU.mjs";
-
-// src/assets/icons/BackIcon.tsx
-import { motion } from "framer-motion";
-import { jsx } from "react/jsx-runtime";
-var BackIcon, BackIcon_default;
-var init_BackIcon = __esm({
-  "src/assets/icons/BackIcon.tsx"() {
-    BackIcon = ({ ...props }) => /* @__PURE__ */ jsx(motion.svg, { width: 9, height: 16, viewBox: "0 0 9 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx("path", { d: "M8 1L1 8L8 15", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) });
-    BackIcon_default = BackIcon;
-  }
-});
-
-export {
-  BackIcon_default,
-  init_BackIcon
-};
-//# sourceMappingURL=chunk-QKASZJMJ.mjs.map

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

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

package/dist/esm/chunk-QKNM4SLJ.mjs

@@ -1,19 +0,0 @@
-"use client";
-import {
-  __esm
-} from "./chunk-Y7A564BU.mjs";
-
-// src/version.ts
-var version;
-var init_version = __esm({
-  "src/version.ts"() {
-    "use strict";
-    version = "2.1.2";
-  }
-});
-
-export {
-  version,
-  init_version
-};
-//# sourceMappingURL=chunk-QKNM4SLJ.mjs.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/version.ts"],
-  "sourcesContent": ["export const version = '2.1.2';\n"],
-  "mappings": ";;;;;;AAAA,IAAa;AAAb;AAAA;AAAA;AAAO,IAAM,UAAU;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/chunk-QPJMKWHJ.mjs

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

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

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