@particle-network/connectkit 2.1.1 → 2.1.3

package/dist/esm/chunk-Q5BP5U7B.mjs

@@ -0,0 +1,86 @@
+"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

@@ -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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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

@@ -0,0 +1,71 @@
+"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

@@ -0,0 +1,7 @@
+{
+  "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

@@ -0,0 +1,311 @@
+"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

@@ -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: 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

@@ -0,0 +1,21 @@
+"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

@@ -0,0 +1,7 @@
+{
+  "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

@@ -0,0 +1,19 @@
+"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

@@ -0,0 +1,7 @@
+{
+  "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

@@ -0,0 +1,49 @@
+"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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/assets/social/email.tsx"],
+  "sourcesContent": ["import useIconColor from '../../hooks/useIconColor';\n\nconst Email = () => {\n  const { background } = useIconColor();\n\n  return (\n    <svg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'>\n      <path\n        d='M20.7094 15.5529V8.0907L16.9219 11.9852L20.7094 15.5517M14.3171 14.6618C13.6995 15.3003 12.8591 15.6583 11.9833 15.6561C11.102 15.6561 10.272 15.3028 9.64837 14.6618L7.61689 12.5723L3.2572 16.6801V17.3682C3.2572 18.2685 3.96895 19.0001 4.84357 19.0001H19.123C19.9976 19.0001 20.7094 18.2685 20.7094 17.3694V16.6584L16.3597 12.562L14.3182 14.6606'\n        fill={background}\n      />\n      <path\n        d='M19.1554 5H4.87591C4.00241 5 3.29179 5.73168 3.29179 6.63075V6.97137L10.243 14.1193C10.7171 14.6055 11.3474 14.8739 12.0167 14.8739C12.6872 14.8739 13.3175 14.6055 13.7905 14.1193L20.7428 6.97137V6.63075C20.7428 5.73168 20.0289 5 19.1554 5ZM3.2572 8.09059V15.5734L7.05464 11.9954L3.2572 8.09059Z'\n        fill={background}\n      />\n    </svg>\n  );\n};\n\nexport default Email;\n"],
+  "mappings": ";;;;;;;;;;;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": []
+}