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

package/dist/chunk-A57DXMTQ.js

@@ -0,0 +1,22 @@
+"use client";
+
+// src/assets/icons/BuyIcon.tsx
+import { jsx } from "react/jsx-runtime";
+var BuyIcon = ({ ...props }) => {
+  const { color = "var(--pcm-body-color)" } = props;
+  return /* @__PURE__ */ jsx("svg", { width: "18", height: "17", viewBox: "0 0 18 17", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      fillRule: "evenodd",
+      clipRule: "evenodd",
+      d: "M3.698 3H14.9671C15.7675 3 16.4167 3.73292 16.4167 4.63711V5.63658H2.24837V4.63711C2.24837 3.73292 2.89862 3 3.698 3ZM3.69768 14.3536C2.8973 14.3536 2.24805 13.6207 2.24805 12.7165H2.24838V7.1041H16.4167V12.7165C16.4167 13.6207 15.7665 14.3536 14.9671 14.3536H3.69768Z",
+      fill: color
+    }
+  ) });
+};
+var BuyIcon_default = BuyIcon;
+
+export {
+  BuyIcon_default
+};
+//# sourceMappingURL=chunk-A57DXMTQ.js.map

package/dist/chunk-A57DXMTQ.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/icons/BuyIcon.tsx"],
+  "sourcesContent": ["const BuyIcon = ({ ...props }) => {\n  const { color = 'var(--pcm-body-color)' } = props;\n  return (\n    <svg width='18' height='17' viewBox='0 0 18 17' fill='none' xmlns='http://www.w3.org/2000/svg' {...props}>\n      <path\n        fillRule='evenodd'\n        clipRule='evenodd'\n        d='M3.698 3H14.9671C15.7675 3 16.4167 3.73292 16.4167 4.63711V5.63658H2.24837V4.63711C2.24837 3.73292 2.89862 3 3.698 3ZM3.69768 14.3536C2.8973 14.3536 2.24805 13.6207 2.24805 12.7165H2.24838V7.1041H16.4167V12.7165C16.4167 13.6207 15.7665 14.3536 14.9671 14.3536H3.69768Z'\n        fill={color}\n      />\n    </svg>\n  );\n};\n\nexport default BuyIcon;\n"],
+  "mappings": ";;;AAIM;AAJN,IAAM,UAAU,CAAC,KAAK,MAAM,MAAM;AAChC,QAAM,EAAE,QAAQ,wBAAwB,IAAI;AAC5C,SACE,oBAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAA8B,GAAG,OACjG;AAAA,IAAC;AAAA;AAAA,MACC,UAAS;AAAA,MACT,UAAS;AAAA,MACT,GAAE;AAAA,MACF,MAAM;AAAA;AAAA,EACR,GACF;AAEJ;AAEA,IAAO,kBAAQ;",
+  "names": []
+}

package/dist/chunk-A5T4WCC5.js

@@ -0,0 +1,33 @@
+"use client";
+
+// src/assets/icons/RetryIconCircle.tsx
+import { jsx } from "react/jsx-runtime";
+var RetryIconCircle = ({ ...props }) => {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    {
+      "aria-hidden": "true",
+      width: "32",
+      height: "32",
+      viewBox: "0 0 32 32",
+      fill: "none",
+      xmlns: "http://www.w3.org/2000/svg",
+      ...props,
+      children: /* @__PURE__ */ jsx(
+        "path",
+        {
+          fillRule: "evenodd",
+          clipRule: "evenodd",
+          d: "M32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16ZM24.5001 8.74263C25.0834 8.74263 25.5563 9.21551 25.5563 9.79883V14.5997C25.5563 15.183 25.0834 15.6559 24.5001 15.6559H19.6992C19.1159 15.6559 18.643 15.183 18.643 14.5997C18.643 14.0164 19.1159 13.5435 19.6992 13.5435H21.8378L20.071 11.8798C20.0632 11.8724 20.0555 11.865 20.048 11.8574C19.1061 10.915 17.8835 10.3042 16.5643 10.1171C15.2452 9.92999 13.9009 10.1767 12.7341 10.82C11.5674 11.4634 10.6413 12.4685 10.0955 13.684C9.54968 14.8994 9.41368 16.2593 9.70801 17.5588C10.0023 18.8583 10.711 20.0269 11.7273 20.8885C12.7436 21.7502 14.0124 22.2582 15.3425 22.336C16.6726 22.4138 17.9919 22.0572 19.1017 21.3199C19.5088 21.0495 19.8795 20.7333 20.2078 20.3793C20.6043 19.9515 21.2726 19.9262 21.7004 20.3228C22.1282 20.7194 22.1534 21.3876 21.7569 21.8154C21.3158 22.2912 20.8176 22.7161 20.2706 23.0795C18.7793 24.0702 17.0064 24.5493 15.2191 24.4448C13.4318 24.3402 11.7268 23.6576 10.3612 22.4998C8.9956 21.3419 8.0433 19.7716 7.6478 18.0254C7.2523 16.2793 7.43504 14.4519 8.16848 12.8186C8.90192 11.1854 10.1463 9.83471 11.7142 8.97021C13.282 8.10572 15.0884 7.77421 16.861 8.02565C18.6282 8.27631 20.2664 9.09278 21.5304 10.3525L23.4439 12.1544V9.79883C23.4439 9.21551 23.9168 8.74263 24.5001 8.74263Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+};
+var RetryIconCircle_default = RetryIconCircle;
+
+export {
+  RetryIconCircle_default
+};
+//# sourceMappingURL=chunk-A5T4WCC5.js.map

package/dist/chunk-A5T4WCC5.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/icons/RetryIconCircle.tsx"],
+  "sourcesContent": ["const RetryIconCircle = ({ ...props }) => {\n  return (\n    <svg\n      aria-hidden='true'\n      width='32'\n      height='32'\n      viewBox='0 0 32 32'\n      fill='none'\n      xmlns='http://www.w3.org/2000/svg'\n      {...props}\n    >\n      <path\n        fillRule='evenodd'\n        clipRule='evenodd'\n        d='M32 16C32 24.8366 24.8366 32 16 32C7.16344 32 0 24.8366 0 16C0 7.16344 7.16344 0 16 0C24.8366 0 32 7.16344 32 16ZM24.5001 8.74263C25.0834 8.74263 25.5563 9.21551 25.5563 9.79883V14.5997C25.5563 15.183 25.0834 15.6559 24.5001 15.6559H19.6992C19.1159 15.6559 18.643 15.183 18.643 14.5997C18.643 14.0164 19.1159 13.5435 19.6992 13.5435H21.8378L20.071 11.8798C20.0632 11.8724 20.0555 11.865 20.048 11.8574C19.1061 10.915 17.8835 10.3042 16.5643 10.1171C15.2452 9.92999 13.9009 10.1767 12.7341 10.82C11.5674 11.4634 10.6413 12.4685 10.0955 13.684C9.54968 14.8994 9.41368 16.2593 9.70801 17.5588C10.0023 18.8583 10.711 20.0269 11.7273 20.8885C12.7436 21.7502 14.0124 22.2582 15.3425 22.336C16.6726 22.4138 17.9919 22.0572 19.1017 21.3199C19.5088 21.0495 19.8795 20.7333 20.2078 20.3793C20.6043 19.9515 21.2726 19.9262 21.7004 20.3228C22.1282 20.7194 22.1534 21.3876 21.7569 21.8154C21.3158 22.2912 20.8176 22.7161 20.2706 23.0795C18.7793 24.0702 17.0064 24.5493 15.2191 24.4448C13.4318 24.3402 11.7268 23.6576 10.3612 22.4998C8.9956 21.3419 8.0433 19.7716 7.6478 18.0254C7.2523 16.2793 7.43504 14.4519 8.16848 12.8186C8.90192 11.1854 10.1463 9.83471 11.7142 8.97021C13.282 8.10572 15.0884 7.77421 16.861 8.02565C18.6282 8.27631 20.2664 9.09278 21.5304 10.3525L23.4439 12.1544V9.79883C23.4439 9.21551 23.9168 8.74263 24.5001 8.74263Z'\n        fill='currentColor'\n      />\n    </svg>\n  );\n};\n\nexport default RetryIconCircle;\n"],
+  "mappings": ";;;AAWM;AAXN,IAAM,kBAAkB,CAAC,KAAK,MAAM,MAAM;AACxC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAY;AAAA,MACZ,OAAM;AAAA,MACN,QAAO;AAAA,MACP,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,OAAM;AAAA,MACL,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,UAAS;AAAA,UACT,UAAS;AAAA,UACT,GAAE;AAAA,UACF,MAAK;AAAA;AAAA,MACP;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,0BAAQ;",
+  "names": []
+}

package/dist/chunk-ABM25MSG.js

@@ -0,0 +1,65 @@
+"use client";
+import {
+  en_US_default
+} from "./chunk-S4DO33H6.js";
+
+// src/locales/index.tsx
+var localeLoaders = {
+  "en-US": () => Promise.resolve({ default: en_US_default }),
+  "ja-JP": () => import("./locales/ja-JP.js"),
+  "zh-CN": () => import("./locales/zh-CN.js"),
+  "zh-TW": () => import("./locales/zh-TW.js"),
+  "ko-KR": () => import("./locales/ko-KR.js")
+};
+var localeCache = /* @__PURE__ */ new Map();
+localeCache.set("en-US", en_US_default);
+var getLocale = (lang) => {
+  return localeCache.get(lang) ?? en_US_default;
+};
+var loadLocale = async (lang) => {
+  const cached = localeCache.get(lang);
+  if (cached)
+    return cached;
+  const module = await localeLoaders[lang]();
+  localeCache.set(lang, module.default);
+  return module.default;
+};
+function formatString(template, ...values) {
+  return template.replace(/\{\d+\}/g, (match) => {
+    const index = parseInt(match.slice(1, -1), 10);
+    return values[index]?.toString() ?? match;
+  });
+}
+function formatLocale(txt, ...values) {
+  const nodePlacer = "<></>";
+  const nodes = [];
+  const formatValue = txt.replace(/\{\d+\}/g, (match) => {
+    const index = parseInt(match.slice(1, -1), 10);
+    const value = values[index];
+    if (typeof value === "string" || typeof value === "number" || typeof value === "boolean" || !value) {
+      return values[index]?.toString() ?? match;
+    }
+    nodes.push(value);
+    return nodePlacer;
+  });
+  if (nodes.length > 0) {
+    const strs = formatValue.split(nodePlacer);
+    const elements = [];
+    for (let i = 0; i < strs.length; i++) {
+      elements.push(strs[i]);
+      if (nodes[i]) {
+        elements.push(nodes[i]);
+      }
+    }
+    return elements.map((item) => item);
+  }
+  return formatValue;
+}
+
+export {
+  getLocale,
+  loadLocale,
+  formatString,
+  formatLocale
+};
+//# sourceMappingURL=chunk-ABM25MSG.js.map

package/dist/chunk-ABM25MSG.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/locales/index.tsx"],
+  "sourcesContent": ["import { default as enUS } from './en-US.json';\n\nexport type Languages = 'en-US' | 'ja-JP' | 'zh-CN' | 'zh-TW' | 'ko-KR';\n\nexport type Translations = {\n  btnContinueWithPasskey?: string;\n  btnCreatePasskeyWallet?: string;\n  btnLoginWithPasskey?: string;\n  usePasskeyToLoginSmartAccount?: string;\n};\n\nexport type TransactionType = typeof enUS;\n\nexport type TransactionKey = keyof TransactionType;\n\nexport type Locales = {\n  'en-US'?: Partial<TransactionType>;\n  'ja-JP'?: Partial<TransactionType>;\n  'zh-CN'?: Partial<TransactionType>;\n  'zh-TW'?: Partial<TransactionType>;\n  'ko-KR'?: Partial<TransactionType>;\n};\n\nconst localeLoaders: Record<Languages, () => Promise<{ default: TransactionType }>> = {\n  'en-US': () => Promise.resolve({ default: enUS }),\n  'ja-JP': () => import('./ja-JP.json'),\n  'zh-CN': () => import('./zh-CN.json'),\n  'zh-TW': () => import('./zh-TW.json'),\n  'ko-KR': () => import('./ko-KR.json'),\n};\n\nconst localeCache = new Map<Languages, TransactionType>();\nlocaleCache.set('en-US', enUS);\n\nexport const getLocale = (lang: Languages): TransactionType => {\n  return localeCache.get(lang) ?? enUS;\n};\n\nexport const loadLocale = async (lang: Languages): Promise<TransactionType> => {\n  const cached = localeCache.get(lang);\n  if (cached) return cached;\n\n  const module = await localeLoaders[lang]();\n  localeCache.set(lang, module.default);\n  return module.default;\n};\n\nexport function formatString(template: string, ...values: (string | number)[]): string {\n  return template.replace(/\\{\\d+\\}/g, (match) => {\n    const index = parseInt(match.slice(1, -1), 10);\n    return values[index]?.toString() ?? match;\n  });\n}\n\nexport function formatLocale(txt: string, ...values: (string | number | React.ReactNode)[]) {\n  const nodePlacer = '<></>';\n  const nodes: React.ReactNode[] = [];\n  const formatValue = txt.replace(/\\{\\d+\\}/g, (match) => {\n    const index = parseInt(match.slice(1, -1), 10);\n    const value = values[index];\n    if (typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean' || !value) {\n      return values[index]?.toString() ?? match; // Use the provided value or keep the placeholder if not provided\n    }\n    nodes.push(value);\n    return nodePlacer;\n  });\n  if (nodes.length > 0) {\n    const strs = formatValue.split(nodePlacer);\n    const elements: React.ReactNode[] = [];\n    for (let i = 0; i < strs.length; i++) {\n      elements.push(strs[i]);\n      if (nodes[i]) {\n        elements.push(nodes[i]);\n      }\n    }\n    return elements.map((item) => item);\n  }\n  return formatValue;\n}\n"],
+  "mappings": ";;;;;;AAuBA,IAAM,gBAAgF;AAAA,EACpF,SAAS,MAAM,QAAQ,QAAQ,EAAE,SAAS,cAAK,CAAC;AAAA,EAChD,SAAS,MAAM,OAAO;AAAA,EACtB,SAAS,MAAM,OAAO;AAAA,EACtB,SAAS,MAAM,OAAO;AAAA,EACtB,SAAS,MAAM,OAAO;AACxB;AAEA,IAAM,cAAc,oBAAI,IAAgC;AACxD,YAAY,IAAI,SAAS,aAAI;AAEtB,IAAM,YAAY,CAAC,SAAqC;AAC7D,SAAO,YAAY,IAAI,IAAI,KAAK;AAClC;AAEO,IAAM,aAAa,OAAO,SAA8C;AAC7E,QAAM,SAAS,YAAY,IAAI,IAAI;AACnC,MAAI;AAAQ,WAAO;AAEnB,QAAM,SAAS,MAAM,cAAc,MAAM;AACzC,cAAY,IAAI,MAAM,OAAO,OAAO;AACpC,SAAO,OAAO;AAChB;AAEO,SAAS,aAAa,aAAqB,QAAqC;AACrF,SAAO,SAAS,QAAQ,YAAY,CAAC,UAAU;AAC7C,UAAM,QAAQ,SAAS,MAAM,MAAM,GAAG,EAAE,GAAG,EAAE;AAC7C,WAAO,OAAO,QAAQ,SAAS,KAAK;AAAA,EACtC,CAAC;AACH;AAEO,SAAS,aAAa,QAAgB,QAA+C;AAC1F,QAAM,aAAa;AACnB,QAAM,QAA2B,CAAC;AAClC,QAAM,cAAc,IAAI,QAAQ,YAAY,CAAC,UAAU;AACrD,UAAM,QAAQ,SAAS,MAAM,MAAM,GAAG,EAAE,GAAG,EAAE;AAC7C,UAAM,QAAQ,OAAO;AACrB,QAAI,OAAO,UAAU,YAAY,OAAO,UAAU,YAAY,OAAO,UAAU,aAAa,CAAC,OAAO;AAClG,aAAO,OAAO,QAAQ,SAAS,KAAK;AAAA,IACtC;AACA,UAAM,KAAK,KAAK;AAChB,WAAO;AAAA,EACT,CAAC;AACD,MAAI,MAAM,SAAS,GAAG;AACpB,UAAM,OAAO,YAAY,MAAM,UAAU;AACzC,UAAM,WAA8B,CAAC;AACrC,aAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AACpC,eAAS,KAAK,KAAK,EAAE;AACrB,UAAI,MAAM,IAAI;AACZ,iBAAS,KAAK,MAAM,EAAE;AAAA,MACxB;AAAA,IACF;AACA,WAAO,SAAS,IAAI,CAAC,SAAS,IAAI;AAAA,EACpC;AACA,SAAO;AACT;",
+  "names": []
+}

package/dist/chunk-ATZ4LTSA.js

@@ -0,0 +1,131 @@
+"use client";
+import {
+  FlexCenter
+} from "./chunk-LD7ULFQB.js";
+import {
+  ButtonLoadingIcon_default
+} from "./chunk-2JVS6HCC.js";
+
+// src/components/button/styles.ts
+import { motion } from "framer-motion";
+import { css, styled } from "styled-components";
+var ButtonContainer = styled.button`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  opacity: 1;
+  cursor: pointer;
+  width: 100%;
+
+  border-radius: var(--pcm-rounded-lg);
+  font-weight: var(--pcm-button-font-weight);
+  height: 47px;
+  border: none;
+
+  ${({ $color }) => {
+  if ($color === "primary") {
+    return css`
+        background: var(--pcm-primary-button-bankground);
+        color: var(--pcm-primary-button-color);
+        &:hover {
+          background: var(--pcm-primary-button-hover-background);
+        }
+      `;
+  } else if ($color === "secondary") {
+    return css`
+        background: var(--pcm-secondary-button-bankground);
+        color: var(--pcm-secondary-button-color);
+        &:hover {
+          background: var(--pcm-secondary-button-hover-background);
+        }
+      `;
+  }
+  return void 0;
+}}
+
+  ${({ $disabled, $loading }) => ($disabled || $loading) && css`
+      cursor: not-allowed;
+      pointer-events: none;
+      opacity: 0.5;
+      div {
+        opacity: 0.5;
+      }
+    `}
+
+  &:hover {
+    box-shadow: var(--pcm-button-hover-shadow);
+  }
+`;
+var InlineBox = styled.div`
+  display: inline-block;
+  margin-right: 8px;
+`;
+var IconContainer = styled(motion.div)`
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  max-width: 20px;
+  max-height: 20px;
+  margin: 0 10px;
+  &:first-child {
+    margin-left: 0;
+  }
+  &:last-child {
+    margin-right: 0;
+  }
+  ${(props) => {
+  return props.$rounded && css`
+        overflow: hidden;
+        border-radius: var(--pcm-rounded-sm);
+      `;
+}}
+  svg {
+    display: block;
+    position: relative;
+    max-width: 100%;
+    height: auto;
+  }
+`;
+
+// src/components/button/index.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var Button = ({
+  children,
+  style,
+  loading = false,
+  disabled = false,
+  color = "primary",
+  roundedIcon,
+  onClick,
+  icon,
+  ...rest
+}) => {
+  return /* @__PURE__ */ jsxs(
+    ButtonContainer,
+    {
+      style,
+      onClick: (event) => {
+        if (!disabled && !loading && onClick)
+          onClick(event);
+      },
+      $loading: Boolean(loading),
+      $disabled: disabled,
+      $color: color,
+      ...rest,
+      "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/button/index.tsx:28:5:ButtonContainer",
+      children: [
+        loading && /* @__PURE__ */ jsx(ButtonLoadingIcon_default, { style: { width: "20px", marginRight: "6px" }, "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/button/index.tsx:38:19:ButtonLoadingIcon" }),
+        /* @__PURE__ */ jsxs(FlexCenter, { gap: 6, "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/button/index.tsx:39:7:FlexCenter", children: [
+          icon && /* @__PURE__ */ jsx(IconContainer, { $rounded: roundedIcon, "data-insp-path": "/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/button/index.tsx:40:18:IconContainer", children: icon }),
+          children
+        ] })
+      ]
+    }
+  );
+};
+var button_default = Button;
+
+export {
+  button_default
+};
+//# sourceMappingURL=chunk-ATZ4LTSA.js.map

package/dist/chunk-ATZ4LTSA.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/button/styles.ts", "../src/components/button/index.tsx"],
+  "sourcesContent": ["import { motion } from 'framer-motion';\nimport { css, styled } from 'styled-components';\n\ninterface ButtonContainerProps {\n  $disabled?: boolean;\n  $loading?: boolean;\n  $color: 'primary' | 'secondary';\n}\nexport const ButtonContainer = styled.button<ButtonContainerProps>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 1;\n  cursor: pointer;\n  width: 100%;\n\n  border-radius: var(--pcm-rounded-lg);\n  font-weight: var(--pcm-button-font-weight);\n  height: 47px;\n  border: none;\n\n  ${({ $color }) => {\n    if ($color === 'primary') {\n      return css`\n        background: var(--pcm-primary-button-bankground);\n        color: var(--pcm-primary-button-color);\n        &:hover {\n          background: var(--pcm-primary-button-hover-background);\n        }\n      `;\n    } else if ($color === 'secondary') {\n      return css`\n        background: var(--pcm-secondary-button-bankground);\n        color: var(--pcm-secondary-button-color);\n        &:hover {\n          background: var(--pcm-secondary-button-hover-background);\n        }\n      `;\n    }\n    return undefined;\n  }}\n\n  ${({ $disabled, $loading }) =>\n    ($disabled || $loading) &&\n    css`\n      cursor: not-allowed;\n      pointer-events: none;\n      opacity: 0.5;\n      div {\n        opacity: 0.5;\n      }\n    `}\n\n  &:hover {\n    box-shadow: var(--pcm-button-hover-shadow);\n  }\n`;\n\nexport const InlineBox = styled.div`\n  display: inline-block;\n  margin-right: 8px;\n`;\n\nexport const IconContainer = styled(motion.div)<{ $rounded?: boolean }>`\n  position: relative;\n  display: inline-block;\n  vertical-align: middle;\n  max-width: 20px;\n  max-height: 20px;\n  margin: 0 10px;\n  &:first-child {\n    margin-left: 0;\n  }\n  &:last-child {\n    margin-right: 0;\n  }\n  ${(props) => {\n    return (\n      props.$rounded &&\n      css`\n        overflow: hidden;\n        border-radius: var(--pcm-rounded-sm);\n      `\n    );\n  }}\n  svg {\n    display: block;\n    position: relative;\n    max-width: 100%;\n    height: auto;\n  }\n`;\n", "import { type ButtonHTMLAttributes, type CSSProperties, type ReactNode } from 'react';\nimport ButtonLoadingIcon from '../../assets/icons/ButtonLoadingIcon';\nimport { FlexCenter } from '../modal/styles';\nimport { ButtonContainer, IconContainer } from './styles';\n\ninterface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'formAction'> {\n  children: ReactNode;\n  style?: CSSProperties;\n  loading?: boolean;\n  icon?: React.ReactNode;\n  roundedIcon?: boolean;\n  disabled?: boolean;\n  color?: 'primary' | 'secondary';\n}\n\nconst Button = ({\n  children,\n  style,\n  loading = false,\n  disabled = false,\n  color = 'primary',\n  roundedIcon,\n  onClick,\n  icon,\n  ...rest\n}: ButtonProps) => {\n  return (\n    <ButtonContainer\n      style={style}\n      onClick={(event) => {\n        if (!disabled && !loading && onClick) onClick(event);\n      }}\n      $loading={Boolean(loading)}\n      $disabled={disabled}\n      $color={color}\n      {...rest}\n     data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/button/index.tsx:28:5:ButtonContainer\" >\n      {loading && <ButtonLoadingIcon style={{ width: '20px', marginRight: '6px' }}  data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/button/index.tsx:38:19:ButtonLoadingIcon\" />}\n      <FlexCenter gap={6} data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/button/index.tsx:39:7:FlexCenter\" >\n        {icon && <IconContainer $rounded={roundedIcon} data-insp-path=\"/Users/chaichuanfa/work/WebProjects/particle-connect-modal/packages/connectkit/src/components/button/index.tsx:40:18:IconContainer\" >{icon}</IconContainer>}\n        {children}\n      </FlexCenter>\n    </ButtonContainer>\n  );\n};\n\nexport default Button;\n"],
+  "mappings": ";;;;;;;;;AAAA,SAAS,cAAc;AACvB,SAAS,KAAK,cAAc;AAOrB,IAAM,kBAAkB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAalC,CAAC,EAAE,OAAO,MAAM;AAChB,MAAI,WAAW,WAAW;AACxB,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOT,WAAW,WAAW,aAAa;AACjC,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOT;AACA,SAAO;AACT;AAAA;AAAA,IAEE,CAAC,EAAE,WAAW,SAAS,OACtB,aAAa,aACd;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAcG,IAAM,YAAY,OAAO;AAAA;AAAA;AAAA;AAKzB,IAAM,gBAAgB,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAa1C,CAAC,UAAU;AACX,SACE,MAAM,YACN;AAAA;AAAA;AAAA;AAKJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;AC/CgB,cACZ,YADY;AAtBlB,IAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,WAAW;AAAA,EACX,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,KACG;AACL,MAAmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS,CAAC,UAAU;AAClB,YAAI,CAAC,YAAY,CAAC,WAAW;AAAS,kBAAQ,KAAK;AAAA,MACrD;AAAA,MACA,UAAU,QAAQ,OAAO;AAAA,MACzB,WAAW;AAAA,MACX,QAAQ;AAAA,MACP,GAAG;AAAA,MACL,kBAAe;AAAA,MACb;AAAA,mBAAW,oBAAC,6BAAkB,OAAO,EAAE,OAAO,QAAQ,aAAa,MAAM,GAAI,kBAAe,0IAAyI;AAAA,QACtO,qBAAC,cAAW,KAAK,GAAG,kBAAe,kIAChC;AAAA,kBAAQ,oBAAC,iBAAc,UAAU,aAAa,kBAAe,sIAAuI,gBAAK;AAAA,UACzM;AAAA,WACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/chunk-AUADZPT3.js

@@ -0,0 +1,23 @@
+"use client";
+import {
+  isMobile
+} from "./chunk-KBJQDMYG.js";
+
+// src/hooks/useIsMobile.ts
+import { useEffect, useState } from "react";
+function useIsMobile() {
+  const [mobile, setMobile] = useState(isMobile());
+  useEffect(() => {
+    const handleResize = () => {
+      setMobile(isMobile());
+    };
+    window.addEventListener("resize", handleResize);
+    return () => window.removeEventListener("resize", handleResize);
+  }, []);
+  return mobile;
+}
+
+export {
+  useIsMobile
+};
+//# sourceMappingURL=chunk-AUADZPT3.js.map

package/dist/chunk-AUADZPT3.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/hooks/useIsMobile.ts"],
+  "sourcesContent": ["import { useEffect, useState } from 'react';\nimport { isMobile } from '../utils';\n\nexport default function useIsMobile() {\n  const [mobile, setMobile] = useState(isMobile());\n\n  useEffect(() => {\n    const handleResize = () => {\n      setMobile(isMobile());\n    };\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  return mobile;\n}\n"],
+  "mappings": ";;;;;;AAAA,SAAS,WAAW,gBAAgB;AAGrB,SAAR,cAA+B;AACpC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,SAAS,CAAC;AAE/C,YAAU,MAAM;AACd,UAAM,eAAe,MAAM;AACzB,gBAAU,SAAS,CAAC;AAAA,IACtB;AACA,WAAO,iBAAiB,UAAU,YAAY;AAC9C,WAAO,MAAM,OAAO,oBAAoB,UAAU,YAAY;AAAA,EAChE,GAAG,CAAC,CAAC;AAEL,SAAO;AACT;",
+  "names": []
+}

package/dist/chunk-AYSQPTGH.js

@@ -0,0 +1,46 @@
+"use client";
+import {
+  deepEqual,
+  useContext
+} from "./chunk-OWHSDWQK.js";
+
+// src/hooks/useConnectors.ts
+import { useSyncExternalStore } from "react";
+
+// src/actions/getConnectors.ts
+var previousConnectors = [];
+function getConnectors(config) {
+  const connectors = config.connectors;
+  if (deepEqual(previousConnectors, connectors))
+    return previousConnectors;
+  previousConnectors = connectors;
+  return connectors;
+}
+
+// src/actions/watchConnectors.ts
+function watchConnectors(config, parameters) {
+  const { onChange } = parameters;
+  return config._internal.connectors.subscribe((connectors, prevConnectors) => {
+    onChange(Object.values(connectors), prevConnectors);
+  });
+}
+
+// src/hooks/useConnectors.ts
+var useConnectors = () => {
+  const { config } = useContext();
+  return useSyncExternalStore(
+    (onChange) => watchConnectors(config, { onChange }),
+    () => getConnectors(config),
+    () => getConnectors(config)
+  );
+};
+function useConnector(id) {
+  const connectors = useConnectors();
+  return connectors.find((c) => c.id === id);
+}
+
+export {
+  useConnectors,
+  useConnector
+};
+//# sourceMappingURL=chunk-AYSQPTGH.js.map

package/dist/chunk-AYSQPTGH.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/hooks/useConnectors.ts", "../src/actions/getConnectors.ts", "../src/actions/watchConnectors.ts"],
+  "sourcesContent": ["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", "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"],
+  "mappings": ";;;;;;;AACA,SAAS,4BAA4B;;;ACKrC,IAAI,qBAA2C,CAAC;AAEzC,SAAS,cAAc,QAAyC;AACrE,QAAM,aAAa,OAAO;AAC1B,MAAI,UAAU,oBAAoB,UAAU;AAAG,WAAO;AACtD,uBAAqB;AACrB,SAAO;AACT;;;ACJO,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;;;AFRO,IAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,OAAO,IAAI,WAAW;AAE9B,SAAO;AAAA,IACL,CAAC,aAAa,gBAAgB,QAAQ,EAAE,SAAS,CAAC;AAAA,IAClD,MAAM,cAAc,MAAM;AAAA,IAC1B,MAAM,cAAc,MAAM;AAAA,EAC5B;AACF;AAEO,SAAS,aAAa,IAAY;AACvC,QAAM,aAAa,cAAc;AACjC,SAAO,WAAW,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE;AAC3C;",
+  "names": []
+}

package/dist/chunk-BCB2QAQS.js

@@ -0,0 +1,27 @@
+"use client";
+
+// src/assets/wallets/SafePal.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var SafePal = ({ ...props }) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props, children: [
+  /* @__PURE__ */ jsx("rect", { width: "24", height: "24", rx: "12", fill: "#4A21EF" }),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M11.1721 5.27997C10.763 5.27997 10.3707 5.44246 10.0815 5.73171L5.53815 10.2751C5.36607 10.4472 5.28003 10.6728 5.28003 10.8983C5.28003 11.1239 5.36607 11.3494 5.53816 11.5215L8.51555 14.4989V9.22782C8.51555 8.83444 8.83194 8.51555 9.22531 8.51555C10.8872 8.51555 14.9326 8.51555 15.4844 8.51555L18.7199 5.28001L11.1721 5.27997Z",
+      fill: "white"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M8.51569 15.4844H14.7722C15.1656 15.4844 15.4845 15.1655 15.4845 14.7721V9.501L18.4619 12.4784C18.634 12.6505 18.72 12.8761 18.72 13.1016C18.72 13.3272 18.634 13.5527 18.4619 13.7248L13.9186 18.2682C13.6293 18.5575 13.237 18.72 12.828 18.72L5.28017 18.7199L8.51569 15.4844Z",
+      fill: "white"
+    }
+  )
+] });
+var SafePal_default = SafePal;
+
+export {
+  SafePal_default
+};
+//# sourceMappingURL=chunk-BCB2QAQS.js.map

package/dist/chunk-BCB2QAQS.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/assets/wallets/SafePal.tsx"],
+  "sourcesContent": ["const SafePal = ({ ...props }) => (\n  <svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' {...props}>\n    <rect width='24' height='24' rx='12' fill='#4A21EF' />\n    <path\n      d='M11.1721 5.27997C10.763 5.27997 10.3707 5.44246 10.0815 5.73171L5.53815 10.2751C5.36607 10.4472 5.28003 10.6728 5.28003 10.8983C5.28003 11.1239 5.36607 11.3494 5.53816 11.5215L8.51555 14.4989V9.22782C8.51555 8.83444 8.83194 8.51555 9.22531 8.51555C10.8872 8.51555 14.9326 8.51555 15.4844 8.51555L18.7199 5.28001L11.1721 5.27997Z'\n      fill='white'\n    />\n    <path\n      d='M8.51569 15.4844H14.7722C15.1656 15.4844 15.4845 15.1655 15.4845 14.7721V9.501L18.4619 12.4784C18.634 12.6505 18.72 12.8761 18.72 13.1016C18.72 13.3272 18.634 13.5527 18.4619 13.7248L13.9186 18.2682C13.6293 18.5575 13.237 18.72 12.828 18.72L5.28017 18.7199L8.51569 15.4844Z'\n      fill='white'\n    />\n  </svg>\n);\n\nexport default SafePal;\n"],
+  "mappings": ";;;AACE,SACE,KADF;AADF,IAAM,UAAU,CAAC,KAAK,MAAM,MAC1B,qBAAC,SAAI,OAAM,8BAA6B,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,MAAK,QAAQ,GAAG,OACjG;AAAA,sBAAC,UAAK,OAAM,MAAK,QAAO,MAAK,IAAG,MAAK,MAAK,WAAU;AAAA,EACpD;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACP;AAAA,EACA;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,MAAK;AAAA;AAAA,EACP;AAAA,GACF;AAGF,IAAO,kBAAQ;",
+  "names": []
+}

package/dist/chunk-BD4WVCBW.js

@@ -0,0 +1,176 @@
+"use client";
+import {
+  ForwardContainer,
+  WalletLable
+} from "./chunk-DEXEZZLU.js";
+
+// src/components/socialLogin/styles.ts
+import { motion } from "framer-motion";
+import { css, keyframes, styled } from "styled-components";
+var FadeIn = keyframes`
+from { opacity: 0; }
+  to { opacity: 1; }
+`;
+var SocialLoginContainer = styled(motion.div)`
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  transform: translateZ(0);
+  flex-wrap: wrap;
+  flex-direction: ${(props) => {
+  if (props.$felxRow) {
+    return "row";
+  }
+  return "column";
+}};
+  gap: ${(props) => {
+  if (props.$felxRow) {
+    return "0px";
+  }
+  return "12px";
+}};
+`;
+var SocialItem = styled(motion.div)`
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  height: 46px;
+  border: 1px solid var(--pcm-button-border-color);
+  transition: 0.2s ease width;
+  cursor: pointer;
+  opacity: 0;
+  animation: ${FadeIn} 300ms ease-out both;
+  position: relative;
+  user-select: none;
+
+  ${(props) => {
+  if (props.$isDisabled) {
+    return css`
+        opacity: 0.5 !important;
+        cursor: not-allowed !important;
+        pointer-events: none !important;
+      `;
+  } else {
+    return css``;
+  }
+}}
+
+  ${(props) => {
+  if (props.$felxRow) {
+    return css`
+        padding: 0;
+        width: 46px;
+        border-radius: var(--pcm-rounded-full);
+        justify-content: center;
+      `;
+  }
+  return css`
+      padding-left: 16px;
+      padding-right: 16px;
+      width: 100%;
+      border-radius: var(--pcm-rounded-lg);
+      justify-content: flex-start;
+      ${ForwardContainer} {
+        svg {
+          height: inherit;
+          width: inherit;
+        }
+      }
+      @media only screen and (min-width: 560px) {
+        &:hover {
+          ${WalletLable} {
+            opacity: 0;
+            transform: translateX(-15px);
+          }
+          ${ForwardContainer} {
+            opacity: 1;
+            transform: translateX(10px);
+          }
+        }
+      }
+
+      @media only screen and (max-width: 560px) {
+        &:hover:active {
+          ${WalletLable} {
+            opacity: 0;
+            transform: translateX(-15px);
+          }
+          ${ForwardContainer} {
+            opacity: 1;
+            transform: translateX(10px);
+          }
+        }
+      }
+    `;
+}}
+
+  @media only screen and (min-width: 560px) {
+    &:hover {
+      box-shadow: var(--pcm-button-hover-shadow);
+    }
+  }
+
+  @media only screen and (max-width: 560px) {
+    &:hover:active {
+      box-shadow: var(--pcm-button-hover-shadow);
+    }
+  }
+
+  svg {
+    object-fit: cover;
+    ${(props) => {
+  if (props.$felxRow) {
+    return css`
+          height: 30px;
+          width: 30px;
+        `;
+  }
+  return css`
+        height: 22px;
+        width: 22px;
+      `;
+}}
+  }
+
+  span {
+    font-weight: 500;
+    font-size: 14px;
+    white-space: nowrap;
+    text-align: center;
+    text-transform: capitalize;
+    display: ${(props) => {
+  if (props.$felxRow) {
+    return "none";
+  }
+  return "block";
+}};
+  }
+`;
+var ToggleContainer = styled(motion.div)`
+  height: 47px;
+  width: 47px;
+  cursor: pointer;
+  border-radius: var(--pcm-rounded-full);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: var(--pcm-body-background-secondary);
+  opacity: 0;
+  animation: ${FadeIn} 300ms ease-out both;
+
+  &:hover {
+    box-shadow: var(--pcm-button-hover-shadow);
+  }
+  svg {
+    height: 25px;
+    width: 25px;
+    object-fit: cover;
+  }
+`;
+
+export {
+  SocialLoginContainer,
+  SocialItem,
+  ToggleContainer
+};
+//# sourceMappingURL=chunk-BD4WVCBW.js.map

package/dist/chunk-BD4WVCBW.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/components/socialLogin/styles.ts"],
+  "sourcesContent": ["import { motion } from 'framer-motion';\nimport { css, keyframes, styled } from 'styled-components';\nimport { ForwardContainer, WalletLable } from '../wallets/styles';\n\nconst FadeIn = keyframes`\nfrom { opacity: 0; }\n  to { opacity: 1; }\n`;\n\nexport const SocialLoginContainer = styled(motion.div)<{\n  $felxRow: boolean;\n}>`\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n  transform: translateZ(0);\n  flex-wrap: wrap;\n  flex-direction: ${(props) => {\n    if (props.$felxRow) {\n      return 'row';\n    }\n    return 'column';\n  }};\n  gap: ${(props) => {\n    if (props.$felxRow) {\n      return '0px';\n    }\n    return '12px';\n  }};\n`;\n\nexport const SocialItem = styled(motion.div)<{ $felxRow: boolean; $isDisabled?: boolean }>`\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  height: 46px;\n  border: 1px solid var(--pcm-button-border-color);\n  transition: 0.2s ease width;\n  cursor: pointer;\n  opacity: 0;\n  animation: ${FadeIn} 300ms ease-out both;\n  position: relative;\n  user-select: none;\n\n  ${(props) => {\n    if (props.$isDisabled) {\n      return css`\n        opacity: 0.5 !important;\n        cursor: not-allowed !important;\n        pointer-events: none !important;\n      `;\n    } else {\n      return css``;\n    }\n  }}\n\n  ${(props) => {\n    if (props.$felxRow) {\n      return css`\n        padding: 0;\n        width: 46px;\n        border-radius: var(--pcm-rounded-full);\n        justify-content: center;\n      `;\n    }\n\n    return css`\n      padding-left: 16px;\n      padding-right: 16px;\n      width: 100%;\n      border-radius: var(--pcm-rounded-lg);\n      justify-content: flex-start;\n      ${ForwardContainer} {\n        svg {\n          height: inherit;\n          width: inherit;\n        }\n      }\n      @media only screen and (min-width: 560px) {\n        &:hover {\n          ${WalletLable} {\n            opacity: 0;\n            transform: translateX(-15px);\n          }\n          ${ForwardContainer} {\n            opacity: 1;\n            transform: translateX(10px);\n          }\n        }\n      }\n\n      @media only screen and (max-width: 560px) {\n        &:hover:active {\n          ${WalletLable} {\n            opacity: 0;\n            transform: translateX(-15px);\n          }\n          ${ForwardContainer} {\n            opacity: 1;\n            transform: translateX(10px);\n          }\n        }\n      }\n    `;\n  }}\n\n  @media only screen and (min-width: 560px) {\n    &:hover {\n      box-shadow: var(--pcm-button-hover-shadow);\n    }\n  }\n\n  @media only screen and (max-width: 560px) {\n    &:hover:active {\n      box-shadow: var(--pcm-button-hover-shadow);\n    }\n  }\n\n  svg {\n    object-fit: cover;\n    ${(props) => {\n      if (props.$felxRow) {\n        return css`\n          height: 30px;\n          width: 30px;\n        `;\n      }\n      return css`\n        height: 22px;\n        width: 22px;\n      `;\n    }}\n  }\n\n  span {\n    font-weight: 500;\n    font-size: 14px;\n    white-space: nowrap;\n    text-align: center;\n    text-transform: capitalize;\n    display: ${(props) => {\n      if (props.$felxRow) {\n        return 'none';\n      }\n      return 'block';\n    }};\n  }\n`;\n\nexport const ToggleContainer = styled(motion.div)`\n  height: 47px;\n  width: 47px;\n  cursor: pointer;\n  border-radius: var(--pcm-rounded-full);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: var(--pcm-body-background-secondary);\n  opacity: 0;\n  animation: ${FadeIn} 300ms ease-out both;\n\n  &:hover {\n    box-shadow: var(--pcm-button-hover-shadow);\n  }\n  svg {\n    height: 25px;\n    width: 25px;\n    object-fit: cover;\n  }\n`;\n"],
+  "mappings": ";;;;;;;AAAA,SAAS,cAAc;AACvB,SAAS,KAAK,WAAW,cAAc;AAGvC,IAAM,SAAS;AAAA;AAAA;AAAA;AAKR,IAAM,uBAAuB,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oBAQjC,CAAC,UAAU;AAC3B,MAAI,MAAM,UAAU;AAClB,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAAA,SACO,CAAC,UAAU;AAChB,MAAI,MAAM,UAAU;AAClB,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAAA;AAGK,IAAM,aAAa,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAS5B;AAAA;AAAA;AAAA;AAAA,IAIX,CAAC,UAAU;AACX,MAAI,MAAM,aAAa;AACrB,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAKT,OAAO;AACL,WAAO;AAAA,EACT;AACF;AAAA;AAAA,IAEE,CAAC,UAAU;AACX,MAAI,MAAM,UAAU;AAClB,WAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT;AAEA,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMH;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAQI;AAAA;AAAA;AAAA;AAAA,YAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YASA;AAAA;AAAA;AAAA;AAAA,YAIA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAgBI,CAAC,UAAU;AACX,MAAI,MAAM,UAAU;AAClB,WAAO;AAAA;AAAA;AAAA;AAAA,EAIT;AACA,SAAO;AAAA;AAAA;AAAA;AAIT;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eASW,CAAC,UAAU;AACpB,MAAI,MAAM,UAAU;AAClB,WAAO;AAAA,EACT;AACA,SAAO;AACT;AAAA;AAAA;AAIG,IAAM,kBAAkB,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAUjC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/chunk-BECQXUIH.js

@@ -0,0 +1,20 @@
+"use client";
+
+// src/assets/icons/WarningIcon.tsx
+import { motion } from "framer-motion";
+import { jsx } from "react/jsx-runtime";
+var WarningIcon = ({ ...props }) => /* @__PURE__ */ jsx(motion.svg, { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M7 14C3.13403 14 0 10.866 0 7C0 3.13403 3.13403 0 7 0C10.866 0 14 3.13403 14 7C14 10.866 10.866 14 7 14ZM7.65625 3.28125C7.65625 2.91878 7.36247 2.625 7 2.625C6.63753 2.625 6.34375 2.91878 6.34375 3.28125V8.09375C6.34375 8.45622 6.63753 8.75 7 8.75C7.36247 8.75 7.65625 8.45622 7.65625 8.09375V3.28125ZM6.34375 10.7188C6.34375 10.3563 6.63753 10.0625 7 10.0625C7.36247 10.0625 7.65625 10.3563 7.65625 10.7188C7.65625 11.0812 7.36247 11.375 7 11.375C6.63753 11.375 6.34375 11.0812 6.34375 10.7188Z",
+    fill: "var(--pcm-error-color)"
+  }
+) });
+var WarningIcon_default = WarningIcon;
+
+export {
+  WarningIcon_default
+};
+//# sourceMappingURL=chunk-BECQXUIH.js.map