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

package/dist/chunk-6BIWDGOW.js

@@ -0,0 +1,90 @@
+"use client";
+
+// src/pages/downloadApp/styles.ts
+import { motion } from "framer-motion";
+import { styled } from "styled-components";
+var Wrapper = styled(motion.div)`
+  padding: 8px 0;
+  display: flex;
+  flex-direction: column;
+
+  .btn-wrap {
+    display: flex;
+    gap: 14px;
+    align-items: center;
+    justify-content: center;
+    .label {
+      width: 180px;
+      text-align: left;
+      color: var(--pcm-body-color);
+    }
+    img {
+      width: 22px;
+      height: 22px;
+      object-fit: contain;
+    }
+  }
+`;
+var WalletIconContainer = styled(motion.div)`
+  width: 60px;
+  height: 60px;
+  margin: 0 auto;
+  margin-bottom: 36px;
+
+  svg {
+    width: 100%;
+    height: 100%;
+  }
+`;
+var Title = styled.div`
+  text-align: center;
+  font-size: 14px;
+  font-style: normal;
+  font-weight: 500;
+  line-height: 20px;
+  margin-bottom: 8px;
+  color: var(--pcm-body-color);
+`;
+var Subtitle = styled(Title)`
+  color: var(--pcm-body-color-secondary);
+  margin-bottom: 32px;
+  font-weight: 400;
+`;
+var Links = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+  margin-bottom: 20px;
+
+  button {
+    border-radius: var(--pcm-rounded-lg);
+    border: 1px solid #eaecf0;
+    background-color: #fff;
+    color: #000;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 300;
+    height: 45px;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+
+    &:hover {
+      background-color: #fff;
+    }
+  }
+`;
+var Tip = styled(Subtitle)`
+  color: var(--pcm-body-color-secondary);
+  margin-bottom: 0px;
+`;
+
+export {
+  Wrapper,
+  WalletIconContainer,
+  Title,
+  Subtitle,
+  Links,
+  Tip
+};
+//# sourceMappingURL=chunk-6BIWDGOW.js.map

package/dist/chunk-6BIWDGOW.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/pages/downloadApp/styles.ts"],
+  "sourcesContent": ["import { motion } from 'framer-motion';\nimport { styled } from 'styled-components';\n\nexport const Wrapper = styled(motion.div)`\n  padding: 8px 0;\n  display: flex;\n  flex-direction: column;\n\n  .btn-wrap {\n    display: flex;\n    gap: 14px;\n    align-items: center;\n    justify-content: center;\n    .label {\n      width: 180px;\n      text-align: left;\n      color: var(--pcm-body-color);\n    }\n    img {\n      width: 22px;\n      height: 22px;\n      object-fit: contain;\n    }\n  }\n`;\n\nexport const WalletIconContainer = styled(motion.div)`\n  width: 60px;\n  height: 60px;\n  margin: 0 auto;\n  margin-bottom: 36px;\n\n  svg {\n    width: 100%;\n    height: 100%;\n  }\n`;\n\nexport const Title = styled.div`\n  text-align: center;\n  font-size: 14px;\n  font-style: normal;\n  font-weight: 500;\n  line-height: 20px;\n  margin-bottom: 8px;\n  color: var(--pcm-body-color);\n`;\n\nexport const Subtitle = styled(Title)`\n  color: var(--pcm-body-color-secondary);\n  margin-bottom: 32px;\n  font-weight: 400;\n`;\n\nexport const Links = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 15px;\n  margin-bottom: 20px;\n\n  button {\n    border-radius: var(--pcm-rounded-lg);\n    border: 1px solid #eaecf0;\n    background-color: #fff;\n    color: #000;\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 300;\n    height: 45px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n\n    &:hover {\n      background-color: #fff;\n    }\n  }\n`;\n\nexport const Tip = styled(Subtitle)`\n  color: var(--pcm-body-color-secondary);\n  margin-bottom: 0px;\n`;\n"],
+  "mappings": ";;;AAAA,SAAS,cAAc;AACvB,SAAS,cAAc;AAEhB,IAAM,UAAU,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuBjC,IAAM,sBAAsB,OAAO,OAAO,GAAG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY7C,IAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUrB,IAAM,WAAW,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAM7B,IAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyBrB,IAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/dist/chunk-6SRXKYN3.js

@@ -0,0 +1,57 @@
+"use client";
+import {
+  useConnect
+} from "./chunk-CM7LWY57.js";
+import {
+  useLastConnectorId
+} from "./chunk-N3I53AXB.js";
+import {
+  useConnector
+} from "./chunk-Q6ASU7RJ.js";
+
+// src/hooks/useWalletConnectUri.ts
+import { useCallback, useState } from "react";
+function useWalletConnectUri(connectorId) {
+  const connector = useConnector("walletConnect");
+  const { connectAsync } = useConnect();
+  const { updateLastConnectorId } = useLastConnectorId();
+  const [uri, setUri] = useState();
+  const [error, setError] = useState();
+  const handleMessage = useCallback((message) => {
+    const { type, data } = message;
+    if (type === "display_uri") {
+      setUri(data);
+    }
+  }, []);
+  const connectWalletConnect = useCallback(
+    async (connector2) => {
+      setError(void 0);
+      try {
+        await connectAsync({ connector: connector2 });
+        if (connectorId) {
+          updateLastConnectorId(connectorId);
+        }
+      } catch (error2) {
+        setError(error2);
+      }
+    },
+    [connectAsync, connectorId, updateLastConnectorId]
+  );
+  const requestUri = useCallback(() => {
+    if (connector) {
+      connectWalletConnect(connector);
+      connector.emitter.on("message", handleMessage);
+    }
+  }, [connector, connectWalletConnect, handleMessage]);
+  return {
+    available: !!connector,
+    uri,
+    error,
+    requestUri
+  };
+}
+
+export {
+  useWalletConnectUri
+};
+//# sourceMappingURL=chunk-6SRXKYN3.js.map

package/dist/chunk-6SRXKYN3.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/hooks/useWalletConnectUri.ts"],
+  "sourcesContent": ["import type { Connector } from '@particle-network/connector-core';\nimport { useCallback, useState } from 'react';\nimport useConnect from './useConnect';\nimport { useConnector } from './useConnectors';\nimport { useLastConnectorId } from './useLastConnectorId';\n\nexport function useWalletConnectUri(connectorId?: string) {\n  const connector = useConnector('walletConnect');\n  const { connectAsync } = useConnect();\n  const { updateLastConnectorId } = useLastConnectorId();\n\n  const [uri, setUri] = useState<string>();\n  const [error, setError] = useState<Error>();\n\n  const handleMessage = useCallback((message) => {\n    const { type, data } = message;\n    console.log('walletConnect Message', type, data);\n    if (type === 'display_uri') {\n      setUri(data);\n    }\n  }, []);\n\n  const connectWalletConnect = useCallback(\n    async (connector: Connector) => {\n      setError(undefined);\n      try {\n        await connectAsync({ connector });\n        if (connectorId) {\n          updateLastConnectorId(connectorId);\n        }\n      } catch (error: any) {\n        console.log('walletConnect requestUri', error);\n        setError(error);\n      }\n    },\n    [connectAsync, connectorId, updateLastConnectorId]\n  );\n\n  const requestUri = useCallback(() => {\n    if (connector) {\n      connectWalletConnect(connector);\n      connector.emitter.on('message', handleMessage);\n    }\n  }, [connector, connectWalletConnect, handleMessage]);\n\n  return {\n    available: !!connector,\n    uri,\n    error,\n    requestUri,\n  };\n}\n"],
+  "mappings": ";;;;;;;;;;;;AACA,SAAS,aAAa,gBAAgB;AAK/B,SAAS,oBAAoB,aAAsB;AACxD,QAAM,YAAY,aAAa,eAAe;AAC9C,QAAM,EAAE,aAAa,IAAI,WAAW;AACpC,QAAM,EAAE,sBAAsB,IAAI,mBAAmB;AAErD,QAAM,CAAC,KAAK,MAAM,IAAI,SAAiB;AACvC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAgB;AAE1C,QAAM,gBAAgB,YAAY,CAAC,YAAY;AAC7C,UAAM,EAAE,MAAM,KAAK,IAAI;AAEvB,QAAI,SAAS,eAAe;AAC1B,aAAO,IAAI;AAAA,IACb;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,uBAAuB;AAAA,IAC3B,OAAOA,eAAyB;AAC9B,eAAS,MAAS;AAClB,UAAI;AACF,cAAM,aAAa,EAAE,WAAAA,WAAU,CAAC;AAChC,YAAI,aAAa;AACf,gCAAsB,WAAW;AAAA,QACnC;AAAA,MACF,SAASC,QAAP;AAEA,iBAASA,MAAK;AAAA,MAChB;AAAA,IACF;AAAA,IACA,CAAC,cAAc,aAAa,qBAAqB;AAAA,EACnD;AAEA,QAAM,aAAa,YAAY,MAAM;AACnC,QAAI,WAAW;AACb,2BAAqB,SAAS;AAC9B,gBAAU,QAAQ,GAAG,WAAW,aAAa;AAAA,IAC/C;AAAA,EACF,GAAG,CAAC,WAAW,sBAAsB,aAAa,CAAC;AAEnD,SAAO;AAAA,IACL,WAAW,CAAC,CAAC;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;",
+  "names": ["connector", "error"]
+}

package/dist/chunk-6TLJNIUW.js

@@ -0,0 +1,88 @@
+"use client";
+import {
+  walletConfigs
+} from "./chunk-IS35TVK2.js";
+import {
+  useConnectors
+} from "./chunk-Q6ASU7RJ.js";
+import {
+  Injected_default
+} from "./chunk-G3GPVZMU.js";
+
+// src/hooks/useWalletsProps.tsx
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+var useWalletsProps = () => {
+  const connectors = useConnectors();
+  const result = useMemo(
+    () => connectors.map((connector) => {
+      const rawId = connector.id.replace("solana_", "");
+      const groupId = Object.keys(walletConfigs).find(
+        (id) => id.split(",").map((i) => i.trim()).indexOf(rawId) !== -1
+      );
+      const props = {
+        id: connector.id,
+        name: connector.name ?? connector.id ?? connector.type,
+        icon: /* @__PURE__ */ jsx("img", { src: connector.icon, alt: connector.name, width: "100%", height: "100%" }),
+        connector,
+        iconShape: "squircle",
+        isInstalled: connector.isInstalled?.(),
+        getConnector: () => {
+          return connector;
+        }
+      };
+      if (groupId) {
+        const wallet = walletConfigs[groupId];
+        return { ...props, ...wallet, groupId };
+      } else {
+        if (!connector.icon) {
+          props.icon = /* @__PURE__ */ jsx(Injected_default, {});
+        }
+      }
+      return props;
+    }).filter(
+      (wallet, index, self) => self.findIndex((w) => w.id === wallet.id && w.connector.chainType === wallet.connector.chainType) === index
+    ).filter((wallet, index, self) => {
+      if (wallet.connector.chainType === "solana")
+        return true;
+      const groupId = wallet.groupId;
+      if (groupId && groupId.includes(",")) {
+        const isMipd = wallet.connector.id.includes(".");
+        if (isMipd)
+          return true;
+        const mipdIds = groupId.split(",").map((id) => id.trim()).filter((id) => id.includes("."));
+        const hasMipd = self.find((w) => mipdIds.includes(w.connector.id));
+        return Boolean(!hasMipd);
+      }
+      return true;
+    }).sort((a, b) => {
+      if (a.isInstalled && !b.isInstalled)
+        return -1;
+      if (!a.isInstalled && b.isInstalled)
+        return 1;
+      return 0;
+    }).sort((a, b) => {
+      if (a.id === "walletConnect")
+        return 1;
+      if (b.id === "walletConnect")
+        return -1;
+      return 0;
+    }),
+    [connectors]
+  );
+  return result;
+};
+var useWalletsProps_default = useWalletsProps;
+var useWalletProps = (id) => {
+  const wallets = useWalletsProps();
+  const wallet = wallets.find((c) => c.id === id);
+  if (!wallet)
+    return null;
+  return wallet;
+};
+
+export {
+  useWalletsProps_default,
+  useWalletProps
+};
+//# sourceMappingURL=chunk-6TLJNIUW.js.map

package/dist/chunk-6TLJNIUW.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../src/hooks/useWalletsProps.tsx"],
+  "sourcesContent": ["import type { Connector } from '@particle-network/connector-core';\nimport { useMemo } from 'react';\nimport Injected from '../assets/wallets/Injected';\nimport { walletConfigs, type WalletConfigProps } from '../config/wallet';\nimport { useConnectors } from './useConnectors';\n\ntype GetConnectorType = {\n  getConnector: <properties extends Record<string, unknown> = Record<string, unknown>>() => Connector & properties;\n};\n\nexport type WalletProps = {\n  id: string;\n  groupId?: string;\n  connector: Connector;\n  isInstalled?: boolean;\n} & WalletConfigProps &\n  GetConnectorType;\n\nconst useWalletsProps = () => {\n  const connectors = useConnectors();\n\n  const result = useMemo(\n    () =>\n      connectors\n        .map((connector): WalletProps => {\n          const rawId = connector.id.replace('solana_', '');\n          const groupId = Object.keys(walletConfigs).find(\n            (id) =>\n              id\n                .split(',')\n                .map((i) => i.trim())\n                .indexOf(rawId) !== -1\n          );\n\n          const props: WalletProps = {\n            id: connector.id,\n            name: connector.name ?? connector.id ?? connector.type,\n            icon: <img src={connector.icon} alt={connector.name} width={'100%'} height={'100%'} />,\n            connector,\n            iconShape: 'squircle',\n            isInstalled: connector.isInstalled?.(),\n            getConnector: <properties extends Record<string, unknown> = Record<string, unknown>>() => {\n              return connector as Connector & properties;\n            },\n          };\n\n          if (groupId) {\n            const wallet = walletConfigs[groupId];\n            return { ...props, ...wallet, groupId };\n          } else {\n            if (!connector.icon) {\n              props.icon = <Injected />;\n            }\n          }\n          return props;\n        })\n        .filter(\n          (wallet, index, self) =>\n            self.findIndex((w) => w.id === wallet.id && w.connector.chainType === wallet.connector.chainType) === index\n        )\n        .filter((wallet, index, self) => {\n          if (wallet.connector.chainType === 'solana') return true;\n          const groupId = wallet.groupId;\n          if (groupId && groupId.includes(',')) {\n            const isMipd = wallet.connector.id.includes('.');\n            if (isMipd) return true;\n            const mipdIds = groupId\n              .split(',')\n              .map((id) => id.trim())\n              .filter((id) => id.includes('.'));\n            const hasMipd = self.find((w) => mipdIds.includes(w.connector.id));\n            return Boolean(!hasMipd);\n          }\n          return true;\n        })\n        .sort((a, b) => {\n          if (a.isInstalled && !b.isInstalled) return -1;\n          if (!a.isInstalled && b.isInstalled) return 1;\n          return 0;\n        })\n        .sort((a, b) => {\n          if (a.id === 'walletConnect') return 1;\n          if (b.id === 'walletConnect') return -1;\n          return 0;\n        }),\n    [connectors]\n  );\n\n  return result;\n};\n\nexport default useWalletsProps;\n\nexport const useWalletProps = (id: string): WalletProps | null => {\n  const wallets = useWalletsProps();\n  const wallet = wallets.find((c) => c.id === id);\n  if (!wallet) return null;\n  return wallet;\n};\n"],
+  "mappings": ";;;;;;;;;;;;AACA,SAAS,eAAe;AAoCN;AAnBlB,IAAM,kBAAkB,MAAM;AAC5B,QAAM,aAAa,cAAc;AAEjC,QAAM,SAAS;AAAA,IACb,MACE,WACG,IAAI,CAAC,cAA2B;AAC/B,YAAM,QAAQ,UAAU,GAAG,QAAQ,WAAW,EAAE;AAChD,YAAM,UAAU,OAAO,KAAK,aAAa,EAAE;AAAA,QACzC,CAAC,OACC,GACG,MAAM,GAAG,EACT,IAAI,CAAC,MAAM,EAAE,KAAK,CAAC,EACnB,QAAQ,KAAK,MAAM;AAAA,MAC1B;AAEA,YAAM,QAAqB;AAAA,QACzB,IAAI,UAAU;AAAA,QACd,MAAM,UAAU,QAAQ,UAAU,MAAM,UAAU;AAAA,QAClD,MAAM,oBAAC,SAAI,KAAK,UAAU,MAAM,KAAK,UAAU,MAAM,OAAO,QAAQ,QAAQ,QAAQ;AAAA,QACpF;AAAA,QACA,WAAW;AAAA,QACX,aAAa,UAAU,cAAc;AAAA,QACrC,cAAc,MAA4E;AACxF,iBAAO;AAAA,QACT;AAAA,MACF;AAEA,UAAI,SAAS;AACX,cAAM,SAAS,cAAc;AAC7B,eAAO,EAAE,GAAG,OAAO,GAAG,QAAQ,QAAQ;AAAA,MACxC,OAAO;AACL,YAAI,CAAC,UAAU,MAAM;AACnB,gBAAM,OAAO,oBAAC,oBAAS;AAAA,QACzB;AAAA,MACF;AACA,aAAO;AAAA,IACT,CAAC,EACA;AAAA,MACC,CAAC,QAAQ,OAAO,SACd,KAAK,UAAU,CAAC,MAAM,EAAE,OAAO,OAAO,MAAM,EAAE,UAAU,cAAc,OAAO,UAAU,SAAS,MAAM;AAAA,IAC1G,EACC,OAAO,CAAC,QAAQ,OAAO,SAAS;AAC/B,UAAI,OAAO,UAAU,cAAc;AAAU,eAAO;AACpD,YAAM,UAAU,OAAO;AACvB,UAAI,WAAW,QAAQ,SAAS,GAAG,GAAG;AACpC,cAAM,SAAS,OAAO,UAAU,GAAG,SAAS,GAAG;AAC/C,YAAI;AAAQ,iBAAO;AACnB,cAAM,UAAU,QACb,MAAM,GAAG,EACT,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,EACrB,OAAO,CAAC,OAAO,GAAG,SAAS,GAAG,CAAC;AAClC,cAAM,UAAU,KAAK,KAAK,CAAC,MAAM,QAAQ,SAAS,EAAE,UAAU,EAAE,CAAC;AACjE,eAAO,QAAQ,CAAC,OAAO;AAAA,MACzB;AACA,aAAO;AAAA,IACT,CAAC,EACA,KAAK,CAAC,GAAG,MAAM;AACd,UAAI,EAAE,eAAe,CAAC,EAAE;AAAa,eAAO;AAC5C,UAAI,CAAC,EAAE,eAAe,EAAE;AAAa,eAAO;AAC5C,aAAO;AAAA,IACT,CAAC,EACA,KAAK,CAAC,GAAG,MAAM;AACd,UAAI,EAAE,OAAO;AAAiB,eAAO;AACrC,UAAI,EAAE,OAAO;AAAiB,eAAO;AACrC,aAAO;AAAA,IACT,CAAC;AAAA,IACL,CAAC,UAAU;AAAA,EACb;AAEA,SAAO;AACT;AAEA,IAAO,0BAAQ;AAER,IAAM,iBAAiB,CAAC,OAAmC;AAChE,QAAM,UAAU,gBAAgB;AAChC,QAAM,SAAS,QAAQ,KAAK,CAAC,MAAM,EAAE,OAAO,EAAE;AAC9C,MAAI,CAAC;AAAQ,WAAO;AACpB,SAAO;AACT;",
+  "names": []
+}

package/dist/chunk-6XAHI6XP.js

@@ -0,0 +1,46 @@
+"use client";
+import {
+  deepEqual,
+  useContext
+} from "./chunk-KBJQDMYG.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-6XAHI6XP.js.map

package/dist/chunk-6XAHI6XP.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-6YTDWXCU.js

@@ -0,0 +1,130 @@
+"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,
+      children: [
+        loading && /* @__PURE__ */ jsx(ButtonLoadingIcon_default, { style: { width: "20px", marginRight: "6px" } }),
+        /* @__PURE__ */ jsxs(FlexCenter, { gap: 6, children: [
+          icon && /* @__PURE__ */ jsx(IconContainer, { $rounded: roundedIcon, children: icon }),
+          children
+        ] })
+      ]
+    }
+  );
+};
+var button_default = Button;
+
+export {
+  button_default
+};
+//# sourceMappingURL=chunk-6YTDWXCU.js.map

package/dist/chunk-6YTDWXCU.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    >\n      {loading && <ButtonLoadingIcon style={{ width: '20px', marginRight: '6px' }} />}\n      <FlexCenter gap={6}>\n        {icon && <IconContainer $rounded={roundedIcon}>{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,MAEH;AAAA,mBAAW,oBAAC,6BAAkB,OAAO,EAAE,OAAO,QAAQ,aAAa,MAAM,GAAG;AAAA,QAC7E,qBAAC,cAAW,KAAK,GACd;AAAA,kBAAQ,oBAAC,iBAAc,UAAU,aAAc,gBAAK;AAAA,UACpD;AAAA,WACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ;",
+  "names": []
+}