@multiplatform.one/web3 5.0.27

package/dist/jsx/connectkit/components/Common/ConnectorList/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","useContext","routes","ConnectorsContainer","ConnectorButton","ConnectorLabel","ConnectorIcon","RecentlyUsedTag","useWeb3","useIsMobile","ScrollArea","Alert","useWallets","detectBrowser","isCoinbaseWalletConnector","isPortoConnector","isWalletConnectConnector","useLastConnector","useConnect","useAaveAccountConnector","jsx","jsxs","CHAIN_LABEL","evm","solana","sui","bitcoin","ConnectorList","context","isMobile","wallets","lastConnectorId","aaveAccountConnector","expanded","setExpanded","filteredWallets","filter","wallet","id","walletsToDisplay","options","hideRecentBadge","connector","groups","byName","Map","key","name","group","get","members","isRecent","set","push","length","mobileDirection","children","error","expandedGroup","find","g","$mobile","$totalResults","type","onClick","map","ConnectorItem","labelOverride","ecosystem","GroupItem","onExpand","ConnectorList_default","rep","disabled","route","CONNECTORS","iconShouldShrink","iconShape","iconConnector","icon","connect","getUri","uri","deeplink","isInstalled","shouldDeeplinkDesktop","getWalletConnectDeeplink","redirectToMoreWallets","shouldConnectImmediately","as","href","setRoute","MOBILECONNECTORS","CONNECT","setConnector","shortName"],"sources":["../../../../../../src/connectkit/components/Common/ConnectorList/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/connectkit/components/Common/ConnectorList/index.native.js

@@ -0,0 +1,263 @@
+"use strict";
+
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var ConnectorList_exports = {};
+__export(ConnectorList_exports, {
+  default: () => ConnectorList_default
+});
+module.exports = __toCommonJS(ConnectorList_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_ConnectKit = require("../../ConnectKit.native.js");
+var import_styles = require("./styles.native.js");
+var import_web3 = require("../../contexts/web3/index.native.js");
+var import_useIsMobile = __toESM(require("../../../hooks/useIsMobile.native.js"));
+var import_ScrollArea = require("../../Common/ScrollArea/index.native.js");
+var import_Alert = __toESM(require("../Alert/index.native.js"));
+var import_useWallets = require("../../../wallets/useWallets.native.js");
+var import_utils = require("../../../utils/index.native.js");
+var import_useLastConnector = require("../../../hooks/useLastConnector.native.js");
+var import_useConnect = require("../../../hooks/useConnect.native.js");
+var import_useConnectors = require("../../../hooks/useConnectors.native.js");
+var CHAIN_LABEL = {
+  evm: "Ethereum",
+  solana: "Solana",
+  sui: "Sui",
+  bitcoin: "Bitcoin"
+};
+var ConnectorList = function ConnectorList2() {
+  var _context_options;
+  var context = (0, import_ConnectKit.useContext)();
+  var isMobile = (0, import_useIsMobile.default)();
+  var wallets = (0, import_useWallets.useWallets)();
+  var {
+    lastConnectorId
+  } = (0, import_useLastConnector.useLastConnector)();
+  var aaveAccountConnector = (0, import_useConnectors.useAaveAccountConnector)();
+  var [expanded, setExpanded] = (0, import_react.useState)(null);
+  var filteredWallets = wallets.filter(function (wallet2) {
+    return wallet2.id !== (aaveAccountConnector === null || aaveAccountConnector === void 0 ? void 0 : aaveAccountConnector.id);
+  });
+  var walletsToDisplay = ((_context_options = context.options) === null || _context_options === void 0 ? void 0 : _context_options.hideRecentBadge) || lastConnectorId === "walletConnect" ?
+  // do not hoist walletconnect to top of list
+  filteredWallets : [...filteredWallets.filter(function (wallet2) {
+    return lastConnectorId === wallet2.connector.id;
+  }), ...filteredWallets.filter(function (wallet2) {
+    return lastConnectorId !== wallet2.connector.id;
+  })];
+  var groups = [];
+  var byName = /* @__PURE__ */new Map();
+  var _iteratorNormalCompletion = true,
+    _didIteratorError = false,
+    _iteratorError = void 0;
+  try {
+    for (var _iterator = walletsToDisplay[Symbol.iterator](), _step; !(_iteratorNormalCompletion = (_step = _iterator.next()).done); _iteratorNormalCompletion = true) {
+      var wallet = _step.value;
+      var _wallet_name;
+      var key = (_wallet_name = wallet.name) !== null && _wallet_name !== void 0 ? _wallet_name : wallet.id;
+      var group = byName.get(key);
+      if (!group) {
+        var _wallet_name1;
+        group = {
+          name: (_wallet_name1 = wallet.name) !== null && _wallet_name1 !== void 0 ? _wallet_name1 : wallet.id,
+          members: [],
+          isRecent: false
+        };
+        byName.set(key, group);
+        groups.push(group);
+      }
+      group.members.push(wallet);
+      if (wallet.connector.id === lastConnectorId || wallet.id === lastConnectorId) {
+        group.isRecent = true;
+      }
+    }
+  } catch (err) {
+    _didIteratorError = true;
+    _iteratorError = err;
+  } finally {
+    try {
+      if (!_iteratorNormalCompletion && _iterator.return != null) {
+        _iterator.return();
+      }
+    } finally {
+      if (_didIteratorError) {
+        throw _iteratorError;
+      }
+    }
+  }
+  if (groups.length === 0) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScrollArea.ScrollArea, {
+      mobileDirection: "horizontal",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_Alert.default, {
+        error: true,
+        children: "No connectors found in ConnectKit config."
+      })
+    });
+  }
+  var expandedGroup = expanded ? groups.find(function (g) {
+    return g.name === expanded;
+  }) : null;
+  if (expandedGroup && expandedGroup.members.length > 1) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScrollArea.ScrollArea, {
+      mobileDirection: "horizontal",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.ConnectorsContainer, {
+        $mobile: isMobile,
+        $totalResults: expandedGroup.members.length + 1,
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.ConnectorButton, {
+          type: "button",
+          onClick: function onClick() {
+            return setExpanded(null);
+          },
+          children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.ConnectorIcon, {
+            children: "\u2039"
+          }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.ConnectorLabel, {
+            children: [expandedGroup.name, " \u2014 pick a chain"]
+          })]
+        }), expandedGroup.members.map(function (wallet2) {
+          var _CHAIN_LABEL_wallet_ecosystem;
+          return /* @__PURE__ */(0, import_jsx_runtime.jsx)(ConnectorItem, {
+            wallet: wallet2,
+            labelOverride: (_CHAIN_LABEL_wallet_ecosystem = CHAIN_LABEL[wallet2.ecosystem]) !== null && _CHAIN_LABEL_wallet_ecosystem !== void 0 ? _CHAIN_LABEL_wallet_ecosystem : wallet2.ecosystem
+          }, wallet2.id);
+        })]
+      })
+    });
+  }
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_ScrollArea.ScrollArea, {
+    mobileDirection: "horizontal",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.ConnectorsContainer, {
+      $mobile: isMobile,
+      $totalResults: groups.length,
+      children: groups.map(function (group2) {
+        return group2.members.length === 1 ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(ConnectorItem, {
+          wallet: group2.members[0],
+          isRecent: group2.isRecent
+        }, group2.members[0].id) : /* @__PURE__ */(0, import_jsx_runtime.jsx)(GroupItem, {
+          group: group2,
+          isRecent: group2.isRecent,
+          onExpand: function onExpand() {
+            return setExpanded(group2.name);
+          }
+        }, group2.name);
+      })
+    })
+  });
+};
+var ConnectorList_default = ConnectorList;
+var GroupItem = function GroupItem2(param) {
+  var {
+    group,
+    isRecent,
+    onExpand
+  } = param;
+  var _rep_iconConnector;
+  var _context_options;
+  var context = (0, import_ConnectKit.useContext)();
+  var rep = group.members[0];
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.ConnectorButton, {
+    type: "button",
+    disabled: context.route !== import_ConnectKit.routes.CONNECTORS,
+    onClick: onExpand,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.ConnectorIcon, {
+      "data-small": rep.iconShouldShrink,
+      "data-shape": rep.iconShape,
+      children: (_rep_iconConnector = rep.iconConnector) !== null && _rep_iconConnector !== void 0 ? _rep_iconConnector : rep.icon
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.ConnectorLabel, {
+      children: [group.name, !((_context_options = context.options) === null || _context_options === void 0 ? void 0 : _context_options.hideRecentBadge) && isRecent && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.RecentlyUsedTag, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+          children: "Recent"
+        })
+      })]
+    })]
+  });
+};
+var ConnectorItem = function ConnectorItem2(param) {
+  var {
+    wallet,
+    isRecent,
+    labelOverride
+  } = param;
+  var _wallet_iconConnector, _wallet_shortName;
+  var _wallet_getWalletConnectDeeplink, _context_options;
+  var {
+    connect: {
+      getUri
+    }
+  } = (0, import_web3.useWeb3)();
+  var uri = getUri();
+  var isMobile = (0, import_useIsMobile.default)();
+  var context = (0, import_ConnectKit.useContext)();
+  var {
+    connect
+  } = (0, import_useConnect.useConnect)();
+  var deeplink = !wallet.isInstalled && isMobile || wallet.shouldDeeplinkDesktop && !isMobile ? (_wallet_getWalletConnectDeeplink = wallet.getWalletConnectDeeplink) === null || _wallet_getWalletConnectDeeplink === void 0 ? void 0 : _wallet_getWalletConnectDeeplink.call(wallet, uri !== null && uri !== void 0 ? uri : "") : void 0;
+  var redirectToMoreWallets = isMobile && (0, import_utils.isWalletConnectConnector)(wallet.id);
+  var shouldConnectImmediately = ((0, import_utils.detectBrowser)() === "safari" || (0, import_utils.detectBrowser)() === "ios") && ((0, import_utils.isCoinbaseWalletConnector)(wallet.connector.id) || (0, import_utils.isPortoConnector)(wallet.connector.id));
+  if (redirectToMoreWallets || shouldConnectImmediately) deeplink = void 0;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.ConnectorButton, {
+    type: "button",
+    as: deeplink ? "a" : void 0,
+    href: deeplink ? deeplink : void 0,
+    disabled: context.route !== import_ConnectKit.routes.CONNECTORS,
+    onClick: deeplink ? void 0 : function () {
+      if (redirectToMoreWallets) {
+        context.setRoute(import_ConnectKit.routes.MOBILECONNECTORS);
+      } else {
+        if (shouldConnectImmediately) {
+          connect({
+            connector: wallet === null || wallet === void 0 ? void 0 : wallet.connector
+          });
+        }
+        context.setRoute(import_ConnectKit.routes.CONNECT);
+        context.setConnector({
+          id: wallet.id
+        });
+      }
+    },
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.ConnectorIcon, {
+      "data-small": wallet.iconShouldShrink,
+      "data-shape": wallet.iconShape,
+      "data-background": redirectToMoreWallets,
+      children: (_wallet_iconConnector = wallet.iconConnector) !== null && _wallet_iconConnector !== void 0 ? _wallet_iconConnector : wallet.icon
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_styles.ConnectorLabel, {
+      children: [labelOverride !== null && labelOverride !== void 0 ? labelOverride : isMobile ? (_wallet_shortName = wallet.shortName) !== null && _wallet_shortName !== void 0 ? _wallet_shortName : wallet.name : wallet.name, !((_context_options = context.options) === null || _context_options === void 0 ? void 0 : _context_options.hideRecentBadge) && isRecent && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_styles.RecentlyUsedTag, {
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)("span", {
+          children: "Recent"
+        })
+      })]
+    })]
+  });
+};
+//# sourceMappingURL=index.native.js.map

package/dist/jsx/connectkit/components/Common/ConnectorList/index.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","ConnectorList_exports","default","ConnectorList_default","module","exports","import_jsx_runtime","require","import_react","import_ConnectKit","import_styles","import_web3","import_useIsMobile","import_ScrollArea","import_Alert","import_useWallets","import_utils","import_useLastConnector","import_useConnect","import_useConnectors","CHAIN_LABEL","evm","solana","sui","bitcoin","ConnectorList","ConnectorList2","_context_options","context","useContext","isMobile","wallets","useWallets","lastConnectorId","useLastConnector","aaveAccountConnector","useAaveAccountConnector","expanded","setExpanded","useState","filteredWallets","filter","wallet2","id","walletsToDisplay","options","hideRecentBadge","connector","groups","byName","Map","_iteratorNormalCompletion","_didIteratorError","_iteratorError","_iterator","Symbol","iterator","_step","next","done","wallet","_wallet_name","group","_wallet_name1","members","isRecent","set","push","err","return","length","jsx","ScrollArea","mobileDirection","children","error","expandedGroup","find","g","jsxs","ConnectorsContainer","$mobile","$totalResults","ConnectorButton","type","onClick","ConnectorIcon","ConnectorLabel","map","_CHAIN_LABEL_wallet_ecosystem","ConnectorItem","labelOverride","ecosystem","group2","GroupItem","onExpand","GroupItem2","param","_rep_iconConnector","rep","disabled","route","routes","CONNECTORS","iconShouldShrink","iconShape","iconConnector","icon"],"sources":["../../../../../../src/connectkit/components/Common/ConnectorList/index.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/jsx/connectkit/components/Common/ConnectorList/styles.mjs

@@ -0,0 +1,314 @@
+import styled from "../../../styles/styled/index.mjs";
+import { css, keyframes } from "styled-components";
+import { motion } from "framer-motion";
+const Shimmer = keyframes`
+  0%{ transform: translate(-100%) rotate(-45deg); }
+  100%{ transform: translate(100%) rotate(-80deg); }
+`;
+const ConnectorButton = styled(motion.button)`
+  display: block;
+  text-decoration: none;
+`;
+const ConnectorLabel = styled(motion.span)``;
+const ConnectorIcon = styled(motion.div)``;
+const styles = {
+  desktop: {
+    ConnectorButton: css`
+      cursor: pointer;
+      user-select: none;
+      position: relative;
+      display: flex;
+      align-items: center;
+      padding: 0 20px;
+      width: 100%;
+      height: 64px;
+      font-size: 17px;
+      font-weight: var(--ck-primary-button-font-weight, 500);
+      line-height: 20px;
+      text-align: var(--ck-body-button-text-align, left);
+      transition: 180ms ease;
+      transition-property: background, color, box-shadow, transform, opacity;
+      will-change: transform, box-shadow, background-color, color, opacity;
+
+      --fallback-color: var(--ck-primary-button-color);
+      --fallback-background: var(--ck-primary-button-background);
+      --fallback-box-shadow: var(--ck-primary-button-box-shadow);
+      --fallback-border-radius: var(--ck-primary-button-border-radius);
+
+      --color: var(--ck-primary-button-color, var(--fallback-color));
+      --background: var(
+        --ck-primary-button-background,
+        var(--fallback-background)
+      );
+      --box-shadow: var(
+        --ck-primary-button-box-shadow,
+        var(--fallback-box-shadow)
+      );
+      --border-radius: var(
+        --ck-primary-button-border-radius,
+        var(--fallback-border-radius)
+      );
+
+      --hover-color: var(--ck-primary-button-hover-color, var(--color));
+      --hover-background: var(
+        --ck-primary-button-hover-background,
+        var(--background)
+      );
+      --hover-box-shadow: var(
+        --ck-primary-button-hover-box-shadow,
+        var(--box-shadow)
+      );
+      --hover-border-radius: var(
+        --ck-primary-button-hover-border-radius,
+        var(--border-radius)
+      );
+
+      --active-color: var(--ck-primary-button-active-color, var(--hover-color));
+      --active-background: var(
+        --ck-primary-button-active-background,
+        var(--hover-background)
+      );
+      --active-box-shadow: var(
+        --ck-primary-button-active-box-shadow,
+        var(--hover-box-shadow)
+      );
+      --active-border-radius: var(
+        --ck-primary-button-active-border-radius,
+        var(--hover-border-radius)
+      );
+
+      color: var(--color);
+      background: var(--background);
+      box-shadow: var(--box-shadow);
+      border-radius: var(--border-radius);
+
+      &:disabled {
+        transition: 180ms ease;
+        opacity: 0.4;
+      }
+
+      --bg: var(--background);
+      &:not(:disabled) {
+        &:hover {
+          color: var(--hover-color);
+          background: var(--hover-background);
+          box-shadow: var(--hover-box-shadow);
+          border-radius: var(--hover-border-radius);
+          --bg: var(--hover-background, var(--background));
+        }
+        &:focus-visible {
+          transition-duration: 100ms;
+          color: var(--hover-color);
+          background: var(--hover-background);
+          box-shadow: var(--hover-box-shadow);
+          border-radius: var(--hover-border-radius);
+          --bg: var(--hover-background, var(--background));
+        }
+        &:active {
+          color: var(--active-color);
+          background: var(--active-background);
+          box-shadow: var(--active-box-shadow);
+          border-radius: var(--active-border-radius);
+          --bg: var(--active-background, var(--background));
+        }
+      }
+    `,
+    ConnectorLabel: css`
+      display: flex;
+      align-items: center;
+      gap: 9px;
+      width: 100%;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+      padding: 2px 0;
+      padding-right: 38px;
+    `,
+    ConnectorIcon: css`
+      position: absolute;
+      right: 20px;
+      width: 32px;
+      height: 32px;
+      overflow: hidden;
+      svg,
+      img {
+        display: block;
+        position: relative;
+        pointer-events: none;
+        overflow: hidden;
+        width: 100%;
+        height: 100%;
+      }
+
+      &[data-shape='squircle'] {
+        border-radius: 22.5%;
+      }
+      &[data-shape='circle'] {
+        border-radius: 100%;
+      }
+      &[data-shape='square'] {
+        border-radius: 0;
+      }
+    `
+  },
+  mobile: {
+    ConnectorButton: css`
+      text-align: center;
+      background: none;
+      max-width: 100%;
+      overflow: hidden;
+    `,
+    ConnectorLabel: css`
+      display: block;
+      text-overflow: ellipsis;
+      max-width: 100%;
+      overflow: hidden;
+      padding: 10px 0 0;
+      color: var(--ck-body-color);
+      font-size: 13px;
+      line-height: 15px;
+      font-weight: 500;
+      opacity: 0.75;
+    `,
+    ConnectorIcon: css`
+      position: relative;
+      margin: 0 auto;
+      width: 60px;
+      height: 60px;
+      overflow: hidden;
+      svg,
+      img {
+        display: block;
+        position: relative;
+        width: 100%;
+        height: auto;
+      }
+      &[data-small='true'] {
+        svg,
+        img {
+          transform: scale(0.8);
+        }
+      }
+
+      &[data-shape='squircle'] {
+        border-radius: 22.5%;
+        &:before {
+          content: '';
+          z-index: -1;
+          position: absolute;
+          inset: 0;
+          border-radius: inherit;
+          box-shadow: inset 0 0 0 1px var(--ck-body-background-tertiary);
+        }
+      }
+      &[data-shape='circle'] {
+        border-radius: 100%;
+      }
+      &[data-shape='square'] {
+        border-radius: 0;
+      }
+
+      &[data-background='true'] {
+        border-radius: 22.5%;
+        background: var(--ck-body-background-tertiary);
+        padding: 8%;
+      }
+    `
+  }
+};
+const RecentlyUsedTag = styled(motion.span)`
+  position: relative;
+  top: var(--ck-recent-badge-top-offset, 0.5px);
+  display: inline-block;
+  padding: 10px 7px;
+  line-height: 0;
+  font-size: 13px;
+  font-weight: 400;
+  border-radius: var(--ck-recent-badge-border-radius, var(--border-radius));
+  color: var(
+    --ck-recent-badge-color,
+    var(--ck-accent-color, var(--ck-body-color-muted, currentColor))
+  );
+  background: var(--ck-recent-badge-background, transparent);
+  overflow: hidden;
+  span {
+    display: inline-block;
+    position: relative;
+  }
+  &:before {
+    z-index: 1;
+    content: '';
+    position: absolute;
+    inset: 0;
+    opacity: 0.4;
+    box-shadow: var(--ck-recent-badge-box-shadow, inset 0 0 0 1px currentColor);
+    border-radius: inherit;
+  }
+  &:after {
+    z-index: 2;
+    content: '';
+    position: absolute;
+    inset: -10%;
+    top: -110%;
+    aspect-ratio: 1/1;
+    opacity: 0.7;
+    background: linear-gradient(
+      170deg,
+      transparent 10%,
+      var(--ck-recent-badge-background, var(--bg)) 50%,
+      transparent 90%
+    );
+    animation: ${Shimmer} 2s linear infinite;
+  }
+`;
+const ConnectorsContainer = styled.div`
+  transition: opacity 300ms ease;
+  min-width: fit-content;
+
+  ${props => props.$disabled && css`
+      pointer-events: none;
+      opacity: 0.4;
+    `}
+
+  ${props => !props.$mobile ? css`
+          display: flex;
+          flex-direction: column;
+          gap: 12px;
+
+          ${ConnectorButton} {
+            ${styles.desktop.ConnectorButton}
+            ${ConnectorLabel} {
+              ${styles.desktop.ConnectorLabel}
+            }
+            ${ConnectorIcon} {
+              ${styles.desktop.ConnectorIcon}
+            }
+          }
+        ` : css`
+          display: flex;
+          align-items: flex-start;
+          justify-content: space-around;
+          gap: 22px 6px;
+          //margin: 0px -10px -20px;
+          padding: 14px 0px 28px;
+
+          ${ConnectorButton} {
+            flex-shrink: 0;
+            width: 80px;
+            ${styles.mobile.ConnectorButton}
+            ${ConnectorLabel} {
+              ${styles.mobile.ConnectorLabel}
+              ${RecentlyUsedTag} {
+                display: none;
+                width: fit-content;
+                margin: 0 auto;
+              }
+            }
+            ${ConnectorIcon} {
+              ${styles.mobile.ConnectorIcon}
+            }
+          }
+        `}
+`;
+export { ConnectorButton, ConnectorIcon, ConnectorLabel, ConnectorsContainer, RecentlyUsedTag };
+//# sourceMappingURL=styles.mjs.map

package/dist/jsx/connectkit/components/Common/ConnectorList/styles.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["styled","css","keyframes","motion","Shimmer","ConnectorButton","button","ConnectorLabel","span","ConnectorIcon","div","styles","desktop","mobile","RecentlyUsedTag","ConnectorsContainer","props","$disabled","$mobile"],"sources":["../../../../../../src/connectkit/components/Common/ConnectorList/styles.ts"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}