@trustwallet/connect-react 0.0.0

package/dist/index.js

@@ -0,0 +1,705 @@
+// src/index.ts
+import {
+  useTrustModal,
+  useTheme,
+  useConnection,
+  useConnections,
+  useConnect
+} from "@trustwallet/connect-ui-logic";
+
+// src/context/index.tsx
+import {
+  TrustModalProvider,
+  TrustConnectProvider as _TrustConnectProvider
+} from "@trustwallet/connect-ui-logic";
+
+// src/ui/TrustModal.tsx
+import "./global-NUJAOJRO.css";
+import { TrustModalLogic } from "@trustwallet/connect-ui-logic";
+
+// src/ui/views/MobileWalletsView/index.tsx
+import { MobileWalletsViewLogic } from "@trustwallet/connect-ui-logic/walletConnect";
+
+// src/ui/views/MobileWalletsView/components/MobileEmptyState/index.tsx
+import styles from "./styles.module-IZSJLNB4.module.css";
+import { jsx, jsxs } from "react/jsx-runtime";
+function MobileEmptyState({ searchQuery }) {
+  if (searchQuery) {
+    return /* @__PURE__ */ jsxs("div", { className: styles.empty, children: [
+      'No wallets found for "',
+      searchQuery,
+      '"'
+    ] });
+  }
+  return /* @__PURE__ */ jsx("div", { className: styles.empty, children: "No wallets available" });
+}
+
+// src/ui/views/MobileWalletsView/components/MobileLoading/index.tsx
+import styles2 from "./styles.module-GCRMKZIZ.module.css";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function MobileLoading() {
+  return /* @__PURE__ */ jsx2("div", { className: styles2.loading, children: "Loading wallets..." });
+}
+
+// src/ui/views/MobileWalletsView/components/MobileSearch/index.tsx
+import { useCopyToClipboard } from "@trustwallet/connect-ui-logic";
+
+// src/ui/inputs/SearchBar/index.tsx
+import { useState } from "react";
+import styles3 from "./styles.module-5L4UXGVZ.module.css";
+
+// src/ui/icons/SearchIcon.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
+function SearchIcon() {
+  return /* @__PURE__ */ jsxs2("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
+    /* @__PURE__ */ jsx3(
+      "path",
+      {
+        d: "M7.33333 12.6667C10.2789 12.6667 12.6667 10.2789 12.6667 7.33333C12.6667 4.38781 10.2789 2 7.33333 2C4.38781 2 2 4.38781 2 7.33333C2 10.2789 4.38781 12.6667 7.33333 12.6667Z",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    ),
+    /* @__PURE__ */ jsx3(
+      "path",
+      {
+        d: "M14 14L11.1 11.1",
+        stroke: "currentColor",
+        strokeWidth: "1.5",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    )
+  ] });
+}
+
+// src/ui/icons/CloseIcon.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+function CloseIcon() {
+  return /* @__PURE__ */ jsx4(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      width: "16",
+      height: "16",
+      stroke: "currentColor",
+      children: /* @__PURE__ */ jsx4("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M6 6l12 12M6 18L18 6" })
+    }
+  );
+}
+
+// src/ui/inputs/SearchBar/index.tsx
+import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
+function SearchBar({ value, onChange, placeholder = "Search..." }) {
+  const [isFocused, setIsFocused] = useState(false);
+  const handleChange = (e) => {
+    onChange(e.target.value);
+  };
+  const handleClear = () => {
+    onChange("");
+  };
+  return /* @__PURE__ */ jsxs3("div", { className: `${styles3.searchBar} ${isFocused ? styles3.focused : ""}`, children: [
+    /* @__PURE__ */ jsx5("div", { className: styles3.searchIcon, children: /* @__PURE__ */ jsx5(SearchIcon, {}) }),
+    /* @__PURE__ */ jsx5(
+      "input",
+      {
+        type: "text",
+        value,
+        onChange: handleChange,
+        onFocus: () => setIsFocused(true),
+        onBlur: () => setIsFocused(false),
+        placeholder,
+        className: styles3.input
+      }
+    ),
+    value && /* @__PURE__ */ jsx5("button", { type: "button", onClick: handleClear, className: styles3.clearButton, "aria-label": "Clear search", children: /* @__PURE__ */ jsx5(CloseIcon, {}) })
+  ] });
+}
+
+// src/ui/views/MobileWalletsView/components/MobileSearch/index.tsx
+import styles4 from "./styles.module-HR3VQZUH.module.css";
+
+// src/ui/icons/CheckIcon.tsx
+import { jsx as jsx6 } from "react/jsx-runtime";
+function CheckIcon() {
+  return /* @__PURE__ */ jsx6(
+    "svg",
+    {
+      className: "tcui-check-icon",
+      xmlns: "http://www.w3.org/2000/svg",
+      width: "14",
+      height: "14",
+      viewBox: "0 0 14 14",
+      fill: "none",
+      children: /* @__PURE__ */ jsx6(
+        "path",
+        {
+          d: "M6.66667 0C2.98667 0 0 2.98667 0 6.66667C0 10.3467 2.98667 13.3333 6.66667 13.3333C10.3467 13.3333 13.3333 10.3467 13.3333 6.66667C13.3333 2.98667 10.3467 0 6.66667 0ZM9.8 5.05333L6.45333 9.12667C6.34 9.26667 6.16667 9.35333 5.98667 9.36667C5.96667 9.37333 5.95333 9.37333 5.94 9.37333C5.77333 9.37333 5.61333 9.30667 5.48667 9.19333L3.59333 7.44667C3.32667 7.2 3.30667 6.77333 3.56 6.50667C3.80667 6.23333 4.22667 6.22 4.5 6.46667L5.87333 7.73333L8.77333 4.20667C9.00667 3.92 9.42667 3.88 9.70667 4.11333C9.99333 4.34667 10.0333 4.76667 9.8 5.05333Z",
+          fill: "currentColor"
+        }
+      )
+    }
+  );
+}
+
+// src/ui/icons/CopyIcon.tsx
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+function CopyIcon() {
+  return /* @__PURE__ */ jsxs4(
+    "svg",
+    {
+      className: "tcui-copy-icon",
+      width: "16",
+      height: "16",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      children: [
+        /* @__PURE__ */ jsx7("rect", { x: "9", y: "9", width: "13", height: "13", rx: "2", ry: "2" }),
+        /* @__PURE__ */ jsx7("path", { d: "M5 15H4a2 2 0 01-2-2V4a2 2 0 012-2h9a2 2 0 012 2v1" })
+      ]
+    }
+  );
+}
+
+// src/ui/views/MobileWalletsView/components/MobileSearch/index.tsx
+import { jsx as jsx8, jsxs as jsxs5 } from "react/jsx-runtime";
+function MobileSearch({ searchQuery, setSearchQuery, uri }) {
+  const { copied, copy } = useCopyToClipboard();
+  const handleCopyUri = async () => {
+    if (!uri) return;
+    await copy(uri);
+  };
+  return /* @__PURE__ */ jsxs5("div", { className: styles4.searchContainer, children: [
+    /* @__PURE__ */ jsx8(SearchBar, { value: searchQuery, onChange: setSearchQuery, placeholder: "Search wallets..." }),
+    /* @__PURE__ */ jsx8(
+      "button",
+      {
+        type: "button",
+        onClick: handleCopyUri,
+        className: styles4.copyButton,
+        "aria-label": "Copy WalletConnect URI",
+        disabled: !uri,
+        "data-copied": copied,
+        children: copied ? /* @__PURE__ */ jsx8(CheckIcon, {}) : /* @__PURE__ */ jsx8(CopyIcon, {})
+      }
+    )
+  ] });
+}
+
+// src/ui/views/MobileWalletsView/components/MobileWalletsList/index.tsx
+import styles6 from "./styles.module-FMH4FUT5.module.css";
+
+// src/ui/buttons/WalletButton/index.tsx
+import styles5 from "./styles.module-U5TRY5PT.module.css";
+
+// src/ui/icons/Spinner.tsx
+import { jsx as jsx9 } from "react/jsx-runtime";
+function Spinner() {
+  return /* @__PURE__ */ jsx9("span", { className: "tcui-spinner", "aria-hidden": true });
+}
+
+// src/ui/buttons/WalletButton/index.tsx
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+function WalletButton({
+  name,
+  icon,
+  variant = "default",
+  active = false,
+  actionLabel = "Connect",
+  onClick,
+  disabled,
+  loading,
+  error,
+  supportedNamespaceIcons
+}) {
+  const handleClick = () => {
+    if (!disabled && !loading) {
+      onClick?.();
+    }
+  };
+  return /* @__PURE__ */ jsxs6(
+    "div",
+    {
+      className: styles5.walletButton,
+      "data-variant": variant,
+      "data-active": active,
+      "data-disabled": disabled,
+      "data-loading": loading,
+      role: "button",
+      tabIndex: 0,
+      onClick: handleClick,
+      onKeyDown: (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          handleClick();
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx10("span", { className: styles5.icon, "aria-hidden": true, children: /* @__PURE__ */ jsx10("img", { src: icon, alt: name }) }),
+        /* @__PURE__ */ jsxs6("span", { className: styles5.meta, children: [
+          /* @__PURE__ */ jsxs6("span", { className: styles5.name, children: [
+            name,
+            active && /* @__PURE__ */ jsx10(CheckIcon, {})
+          ] }),
+          supportedNamespaceIcons && supportedNamespaceIcons.length > 0 && /* @__PURE__ */ jsx10("span", { className: styles5.namespaces, children: supportedNamespaceIcons.map((nsIcon, i) => /* @__PURE__ */ jsx10("img", { src: nsIcon, alt: "" }, i)) }),
+          error && /* @__PURE__ */ jsx10("span", { className: styles5.error, children: error })
+        ] }),
+        /* @__PURE__ */ jsx10("span", { className: `tcui-button ${active ? "" : "tcui-button-primary"}`, "data-loading": loading, children: loading ? /* @__PURE__ */ jsx10(Spinner, {}) : actionLabel })
+      ]
+    }
+  );
+}
+
+// src/ui/views/MobileWalletsView/components/MobileWalletsList/index.tsx
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+function MobileWalletsList({
+  wallets,
+  connectingWalletId,
+  connectionError,
+  isLoadingMore,
+  scrollRef,
+  onWalletClick
+}) {
+  return /* @__PURE__ */ jsxs7("div", { className: styles6.grid, ref: scrollRef, children: [
+    wallets.map((wallet) => /* @__PURE__ */ jsx11(
+      WalletButton,
+      {
+        name: wallet.name,
+        icon: wallet.iconUrl,
+        active: false,
+        variant: "default",
+        actionLabel: "Connect",
+        onClick: () => onWalletClick(wallet),
+        loading: connectingWalletId === wallet.id,
+        error: connectionError ?? void 0
+      },
+      wallet.id
+    )),
+    isLoadingMore && /* @__PURE__ */ jsx11("div", { className: styles6.loadingMore, children: /* @__PURE__ */ jsx11(Spinner, {}) })
+  ] });
+}
+
+// src/ui/views/MobileWalletsView/components/MobileWrapper/index.tsx
+import styles7 from "./styles.module-RKS6GYHN.module.css";
+import { jsx as jsx12 } from "react/jsx-runtime";
+function MobileWrapper({ children }) {
+  return /* @__PURE__ */ jsx12("div", { className: styles7.container, children });
+}
+
+// src/ui/components/Footer/index.tsx
+import { FooterLogic } from "@trustwallet/connect-ui-logic";
+
+// src/ui/components/Footer/components/FooterWrapper/index.tsx
+import styles8 from "./styles.module-NDDQJHO2.module.css";
+import { jsx as jsx13 } from "react/jsx-runtime";
+function FooterWrapper({ children }) {
+  return /* @__PURE__ */ jsx13("div", { className: styles8.container, children });
+}
+
+// src/ui/components/Footer/components/FooterDescription/index.tsx
+import styles9 from "./styles.module-JFMC6A5G.module.css";
+import { jsx as jsx14 } from "react/jsx-runtime";
+function FooterDescription({ children }) {
+  return /* @__PURE__ */ jsx14("div", { className: styles9.description, children });
+}
+
+// src/ui/components/Footer/components/FooterLink/index.tsx
+import styles10 from "./styles.module-VWMJAIVE.module.css";
+import { jsx as jsx15 } from "react/jsx-runtime";
+function FooterLink({ onClick, children }) {
+  return /* @__PURE__ */ jsx15("button", { className: styles10.link, onClick, children });
+}
+
+// src/ui/components/Footer/index.tsx
+import { jsx as jsx16 } from "react/jsx-runtime";
+function Footer() {
+  return /* @__PURE__ */ jsx16(
+    FooterLogic,
+    {
+      components: {
+        wrapper: FooterWrapper,
+        description: FooterDescription,
+        link: FooterLink
+      }
+    }
+  );
+}
+
+// src/ui/views/MobileWalletsView/index.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+function MobileWalletsView() {
+  return /* @__PURE__ */ jsx17(
+    MobileWalletsViewLogic,
+    {
+      components: {
+        wrapper: MobileWrapper,
+        search: MobileSearch,
+        loading: MobileLoading,
+        emptyState: MobileEmptyState,
+        walletsList: MobileWalletsList,
+        footer: Footer
+      }
+    }
+  );
+}
+
+// src/ui/views/WalletsView/index.tsx
+import { WalletsViewLogic } from "@trustwallet/connect-ui-logic";
+
+// src/ui/buttons/WalletConnectButton/index.tsx
+import { WalletConnectButtonLogic } from "@trustwallet/connect-ui-logic/walletConnect";
+
+// src/ui/buttons/WalletConnectButton/components/WCTitle/index.tsx
+import styles11 from "./styles.module-5FM5SDSC.module.css";
+import { jsx as jsx18 } from "react/jsx-runtime";
+function WCTitle() {
+  return /* @__PURE__ */ jsx18("p", { className: styles11.wcTitle, children: "Scan QR with your wallet" });
+}
+
+// src/ui/buttons/WalletConnectButton/components/WCGrid/index.tsx
+import styles12 from "./styles.module-Y3MUWEOL.module.css";
+import { jsx as jsx19 } from "react/jsx-runtime";
+function WCGrid({ children }) {
+  return /* @__PURE__ */ jsx19("div", { className: styles12.grid, children });
+}
+
+// src/ui/buttons/WalletConnectButton/index.tsx
+import { jsx as jsx20 } from "react/jsx-runtime";
+function WalletConnectButton() {
+  return /* @__PURE__ */ jsx20(
+    WalletConnectButtonLogic,
+    {
+      components: {
+        title: WCTitle,
+        grid: WCGrid,
+        walletButton: WalletButton
+      }
+    }
+  );
+}
+
+// src/ui/buttons/GetTrustButton/index.tsx
+import { GetTrustButtonLogic } from "@trustwallet/connect-ui-logic";
+
+// src/ui/buttons/GetTrustButton/components/GetTrustWrapper/index.tsx
+import styles13 from "./styles.module-WGWNXHEK.module.css";
+import { jsx as jsx21 } from "react/jsx-runtime";
+function GetTrustWrapper({ children }) {
+  return /* @__PURE__ */ jsx21("div", { className: styles13.container, children });
+}
+
+// src/ui/buttons/GetTrustButton/components/GetTrustMessage/index.tsx
+import styles14 from "./styles.module-27BC6Q35.module.css";
+import { jsx as jsx22 } from "react/jsx-runtime";
+function GetTrustMessage({ children }) {
+  return /* @__PURE__ */ jsx22("div", { className: styles14.message, children });
+}
+
+// src/ui/buttons/GetTrustButton/index.tsx
+import { jsx as jsx23 } from "react/jsx-runtime";
+function GetTrustButton({ message }) {
+  return /* @__PURE__ */ jsx23(
+    GetTrustButtonLogic,
+    {
+      message,
+      components: {
+        wrapper: GetTrustWrapper,
+        message: GetTrustMessage,
+        walletButton: WalletButton
+      }
+    }
+  );
+}
+
+// src/ui/views/WalletsView/components/WalletsHeader/index.tsx
+import styles15 from "./styles.module-5S7A3MI3.module.css";
+import { jsxs as jsxs8 } from "react/jsx-runtime";
+function WalletsHeader({ namespaceName }) {
+  return /* @__PURE__ */ jsxs8("p", { className: styles15.sectionSub, children: [
+    "Connect to ",
+    namespaceName
+  ] });
+}
+
+// src/ui/views/WalletsView/components/WalletsGrid/index.tsx
+import styles16 from "./styles.module-KIOD6JAJ.module.css";
+import { jsx as jsx24 } from "react/jsx-runtime";
+function WalletsGrid({ children }) {
+  return /* @__PURE__ */ jsx24("div", { className: styles16.grid, children });
+}
+
+// src/ui/views/WalletsView/index.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+function WalletsView() {
+  return /* @__PURE__ */ jsx25(
+    WalletsViewLogic,
+    {
+      components: {
+        emptyState: GetTrustButton,
+        header: WalletsHeader,
+        grid: WalletsGrid,
+        walletButton: WalletButton,
+        walletConnectButton: WalletConnectButton
+      }
+    }
+  );
+}
+
+// src/ui/views/NamespaceView/index.tsx
+import { NamespaceViewLogic } from "@trustwallet/connect-ui-logic";
+
+// src/ui/buttons/NamespaceButton/index.tsx
+import styles17 from "./styles.module-U6N4VKTA.module.css";
+import { jsx as jsx26, jsxs as jsxs9 } from "react/jsx-runtime";
+function NamespaceButton({
+  icon,
+  label,
+  onClick,
+  actionLabel,
+  loading,
+  disabled,
+  connectedWallet
+}) {
+  const handleClick = () => {
+    if (!disabled && !loading) {
+      onClick?.();
+    }
+  };
+  return /* @__PURE__ */ jsxs9(
+    "div",
+    {
+      className: styles17.namespaceButton,
+      role: "button",
+      tabIndex: 0,
+      onClick: handleClick,
+      onKeyDown: (event) => {
+        if (event.key === "Enter" || event.key === " ") {
+          event.preventDefault();
+          handleClick();
+        }
+      },
+      "data-disabled": disabled,
+      "data-loading": loading,
+      children: [
+        /* @__PURE__ */ jsx26("img", { width: 28, src: icon }),
+        /* @__PURE__ */ jsxs9("span", { className: styles17.meta, children: [
+          /* @__PURE__ */ jsx26("span", { className: styles17.name, children: label }),
+          connectedWallet && /* @__PURE__ */ jsxs9("span", { className: styles17.connectedWith, children: [
+            /* @__PURE__ */ jsx26("img", { src: connectedWallet.icon, alt: "", className: styles17.connectedWalletIcon }),
+            connectedWallet.name
+          ] })
+        ] }),
+        actionLabel && /* @__PURE__ */ jsx26("span", { className: "tcui-button tcui-button-primary", "data-loading": loading, children: loading ? /* @__PURE__ */ jsx26(Spinner, {}) : actionLabel })
+      ]
+    }
+  );
+}
+
+// src/ui/views/NamespaceView/components/NamespaceHeader/index.tsx
+import styles18 from "./styles.module-4I5UVTXZ.module.css";
+import { jsx as jsx27, jsxs as jsxs10 } from "react/jsx-runtime";
+function NamespaceHeader({ targetWallet }) {
+  return /* @__PURE__ */ jsxs10("div", { className: styles18.spacer, children: [
+    /* @__PURE__ */ jsx27("h3", { className: styles18.sectionTitle, children: "Namespaces" }),
+    targetWallet && /* @__PURE__ */ jsxs10("span", { className: styles18.badge, children: [
+      /* @__PURE__ */ jsx27("img", { src: targetWallet.icon, alt: targetWallet.name, className: styles18.badgeIcon }),
+      targetWallet.name
+    ] })
+  ] });
+}
+
+// src/ui/views/NamespaceView/components/NamespaceGrid/index.tsx
+import styles19 from "./styles.module-KIOD6JAJ.module.css";
+import { jsx as jsx28 } from "react/jsx-runtime";
+function NamespaceGrid({ children }) {
+  return /* @__PURE__ */ jsx28("div", { className: styles19.grid, children });
+}
+
+// src/ui/views/NamespaceView/index.tsx
+import { jsx as jsx29 } from "react/jsx-runtime";
+function NamespaceView() {
+  return /* @__PURE__ */ jsx29(
+    NamespaceViewLogic,
+    {
+      components: {
+        header: NamespaceHeader,
+        grid: NamespaceGrid,
+        namespaceButton: NamespaceButton
+      }
+    }
+  );
+}
+
+// src/ui/views/QRView/index.tsx
+import { QRViewLogic } from "@trustwallet/connect-ui-logic/walletConnect";
+
+// src/ui/views/QRView/components/QRWrapper/index.tsx
+import styles20 from "./styles.module-BH6BB6HX.module.css";
+import { jsx as jsx30 } from "react/jsx-runtime";
+function QRWrapper({ children }) {
+  return /* @__PURE__ */ jsx30("div", { className: styles20.qr, role: "region", "aria-label": "WalletConnect QR code", children });
+}
+
+// src/ui/views/QRView/components/QRPlaceholder/index.tsx
+import styles21 from "./styles.module-PXUDS327.module.css";
+import { jsx as jsx31 } from "react/jsx-runtime";
+function QRPlaceholder({ children }) {
+  return /* @__PURE__ */ jsx31("div", { className: styles21.placeholder, children });
+}
+
+// src/ui/views/QRView/components/QRActions/index.tsx
+import styles22 from "./styles.module-ZPYBUUD6.module.css";
+import { jsx as jsx32 } from "react/jsx-runtime";
+function QRActions({ children }) {
+  return /* @__PURE__ */ jsx32("div", { className: styles22.actions, children });
+}
+
+// src/ui/views/QRView/components/QRButton/index.tsx
+import styles23 from "./styles.module-YJSZIZTZ.module.css";
+import { jsx as jsx33 } from "react/jsx-runtime";
+function QRButton({ onClick, disabled, children }) {
+  return /* @__PURE__ */ jsx33("button", { className: styles23.button, type: "button", onClick, disabled, children });
+}
+
+// src/ui/views/QRView/components/QRError/index.tsx
+import styles24 from "./styles.module-5TDOAM3X.module.css";
+import { jsx as jsx34 } from "react/jsx-runtime";
+function QRError({ message }) {
+  return /* @__PURE__ */ jsx34("div", { className: styles24.error, children: message });
+}
+
+// src/ui/views/QRView/index.tsx
+import { Cuer } from "cuer";
+import { jsx as jsx35 } from "react/jsx-runtime";
+function QRView() {
+  return /* @__PURE__ */ jsx35(
+    QRViewLogic,
+    {
+      components: {
+        wrapper: QRWrapper,
+        placeholder: QRPlaceholder,
+        qrCode: Cuer,
+        actions: QRActions,
+        button: QRButton,
+        error: QRError,
+        spinner: Spinner
+      }
+    }
+  );
+}
+
+// src/ui/layout/ModalOverlay/index.tsx
+import styles25 from "./styles.module-2IXPYHX5.module.css";
+import { jsx as jsx36 } from "react/jsx-runtime";
+function ModalOverlay({ onClick, children }) {
+  return /* @__PURE__ */ jsx36("div", { className: styles25.overlay, role: "presentation", onClick, children });
+}
+
+// src/ui/layout/ModalWrapper/index.tsx
+import styles26 from "./styles.module-5C4YIUDE.module.css";
+import { jsx as jsx37 } from "react/jsx-runtime";
+function ModalWrapper({ children, onClick, wrapperRef }) {
+  return /* @__PURE__ */ jsx37(
+    "div",
+    {
+      ref: wrapperRef,
+      className: styles26.modal,
+      role: "dialog",
+      "aria-modal": "true",
+      "aria-label": "TrustConnect modal",
+      onClick,
+      children
+    }
+  );
+}
+
+// src/ui/icons/BackIcon.tsx
+import { jsx as jsx38 } from "react/jsx-runtime";
+function BackIcon() {
+  return /* @__PURE__ */ jsx38(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      width: "20",
+      height: "20",
+      stroke: "currentColor",
+      children: /* @__PURE__ */ jsx38("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M15 18l-6-6 6-6" })
+    }
+  );
+}
+
+// src/ui/layout/ModalHeader/index.tsx
+import styles27 from "./styles.module-GSNHG7ET.module.css";
+import { jsx as jsx39, jsxs as jsxs11 } from "react/jsx-runtime";
+function ModalHeader({ title, showBack, onBack, onClose }) {
+  return /* @__PURE__ */ jsxs11("header", { className: styles27.header, children: [
+    showBack && onBack && /* @__PURE__ */ jsx39("button", { type: "button", className: styles27.back, onClick: onBack, "aria-label": "Go back", children: /* @__PURE__ */ jsx39(BackIcon, {}) }),
+    /* @__PURE__ */ jsx39("h2", { className: styles27.title, children: title }),
+    /* @__PURE__ */ jsx39("button", { type: "button", className: styles27.close, onClick: onClose, "aria-label": "Close modal", children: /* @__PURE__ */ jsx39(CloseIcon, {}) })
+  ] });
+}
+
+// src/ui/layout/ModalBody/index.tsx
+import styles28 from "./styles.module-ZISFY5AO.module.css";
+import { jsx as jsx40 } from "react/jsx-runtime";
+function ModalBody({ children, bodyRef }) {
+  return /* @__PURE__ */ jsx40("div", { ref: bodyRef, className: styles28.body, children });
+}
+
+// src/ui/layout/ModalError/index.tsx
+import styles29 from "./styles.module-4QHLSLTJ.module.css";
+import { jsxs as jsxs12 } from "react/jsx-runtime";
+function ModalError({ message }) {
+  return /* @__PURE__ */ jsxs12("div", { className: styles29.error, children: [
+    "Error: ",
+    message
+  ] });
+}
+
+// src/ui/TrustModal.tsx
+import { jsx as jsx41 } from "react/jsx-runtime";
+function TrustModal() {
+  return /* @__PURE__ */ jsx41(
+    TrustModalLogic,
+    {
+      layout: {
+        overlay: ModalOverlay,
+        wrapper: ModalWrapper,
+        header: ModalHeader,
+        body: ModalBody,
+        error: ModalError
+      },
+      views: [
+        { title: "Connect a wallet", tag: "wallets", node: WalletsView },
+        { title: "Select a network", tag: "networks", node: NamespaceView },
+        { title: "Scan with mobile wallet", tag: "qr", node: QRView }
+      ],
+      mobileViews: [{ title: "Connect a wallet", tag: "wallets", node: MobileWalletsView }]
+    }
+  );
+}
+
+// src/context/index.tsx
+import { jsx as jsx42, jsxs as jsxs13 } from "react/jsx-runtime";
+function TrustConnectProvider({ children, config, theme }) {
+  return /* @__PURE__ */ jsx42(_TrustConnectProvider, { config, children: /* @__PURE__ */ jsxs13(TrustModalProvider, { theme, children: [
+    children,
+    /* @__PURE__ */ jsx42(TrustModal, {})
+  ] }) });
+}
+export {
+  TrustConnectProvider,
+  useConnect,
+  useConnection,
+  useConnections,
+  useTheme,
+  useTrustModal
+};