@particle-network/connectkit/dist/esm/chunk-K64L2X2L.mjs

"use client";
import {
  __esm
} from "./chunk-Y7A564BU.mjs";

// src/hooks/useClickAway.ts
import { useEffect } from "react";
var useClickAway, useClickAway_default;
var init_useClickAway = __esm({
  "src/hooks/useClickAway.ts"() {
    "use strict";
    useClickAway = (callback, refs) => {
      useEffect(() => {
        const handleClickOutside = (event) => {
          if (refs.every((ref) => ref.current && !ref.current.contains(event.target))) {
            callback();
          }
        };
        document.addEventListener("mousedown", handleClickOutside);
        return () => {
          document.removeEventListener("mousedown", handleClickOutside);
        };
      }, [callback, refs]);
    };
    useClickAway_default = useClickAway;
  }
});

// src/components/chainDropdown/styles.ts
import { styled } from "styled-components";
var StyleDropdownContent, StyleDropdownWrapper, StyleChainItem, StyleCheckIcon, StyleChainName, StyleHoverBg;
var init_styles = __esm({
  "src/components/chainDropdown/styles.ts"() {
    "use strict";
    StyleDropdownContent = styled.div`
  position: absolute;
  top: ${({ top }) => top || 46}px;
  left: 0%;
  box-shadow: var(--pcm-modal-box-shadow);
  background: var(--pcm-body-background);
  border-radius: var(--pcm-rounded-lg);
  z-index: 10;
  overflow: hidden;
`;
    StyleDropdownWrapper = styled.div`
  flex-shrink: 0;
  padding: 8px;
  overflow-y: auto;
  position: relative;
  -ms-overflow-style: none;
  scrollbar-width: none;

  &::-webkit-scrollbar {
    display: none;
  }
`;
    StyleChainItem = styled.div`
  height: 36px;
  display: flex;
  justify-content: flex-start;
  padding-left: 8px;
  padding-right: 30px;
  position: relative;
  border-radius: var(--pcm-rounded-sm);
  align-items: center;
  z-index: 2;
  cursor: pointer;
  ${({ selected }) => selected && `
    .chain-name {
      color: #a257fa;
    }
    &:after {
      content: '';
      position: absolute;
      width: 100%;
      height: 34px;
      left: 0;
      top: 0px;
      background-color: var(--pcm-accent-color);
      opacity: 0.2;
      border-radius: var(--pcm-rounded-sm);
    }
  `}
`;
    StyleCheckIcon = styled.div`
  position: absolute;
  right: 11px;
  top: 50%;
  transform: translateY(-60%);
`;
    StyleChainName = styled.div`
  font-size: 12px;
`;
    StyleHoverBg = styled.div`
  pointer-events: none;
  position: absolute;
  top: ${({ index, $source }) => $source === "countryList" ? index * 46 + 8 : index * 36 + 9}px;
  left: 8px;
  width: calc(100% - 16px);
  height: ${({ $source }) => $source === "countryList" ? "46px" : "34px"};
  background-color: var(--pcm-accent-color);
  opacity: 0.1;
  border-radius: var(--pcm-rounded-sm);
  z-index: 11;
  display: ${({ index }) => index === -1 ? "none" : "block"};
  transition: top 0.1s;
`;
  }
});

export {
  useClickAway_default,
  init_useClickAway,
  StyleDropdownContent,
  StyleDropdownWrapper,
  StyleChainItem,
  StyleCheckIcon,
  StyleChainName,
  StyleHoverBg,
  init_styles
};
//# sourceMappingURL=chunk-K64L2X2L.mjs.map