@wallet-ui/react 1.1.0-canary-20250319193728 → 1.1.0-canary-20250323230043

package/dist/index.node.cjs

@@ -1,12 +1,15 @@
 'use strict';
 
-var React10 = require('react');
-var gill = require('gill');
-var react = require('@wallet-standard/react');
-var dialog = require('@zag-js/dialog');
+var React19 = require('react');
+var react$1 = require('@wallet-standard/react');
+var react$2 = require('@zag-js/react');
 var menu = require('@zag-js/menu');
-var react$1 = require('@zag-js/react');
-var core = require('@wallet-ui/core');
+var dialog = require('@zag-js/dialog');
+var gill = require('gill');
+var core$1 = require('@wallet-ui/core');
+var react = require('@solana/react');
+var walletStandardFeatures = require('@solana/wallet-standard-features');
+var core = require('@wallet-standard/core');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -28,119 +31,349 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React10__default = /*#__PURE__*/_interopDefault(React10);
-var dialog__namespace = /*#__PURE__*/_interopNamespace(dialog);
+var React19__default = /*#__PURE__*/_interopDefault(React19);
 var menu__namespace = /*#__PURE__*/_interopNamespace(menu);
+var dialog__namespace = /*#__PURE__*/_interopNamespace(dialog);
 
-// src/solana-client-context.tsx
-var SolanaClientContext = React10.createContext({});
-function useSolanaClient() {
-  return React10.useContext(SolanaClientContext);
+// src/base-button.tsx
+function BaseButton({ className, label, leftSection, onClick, rightSection, size, ...props }) {
+  return /* @__PURE__ */ React19__default.default.createElement("button", { className: `wallet-ui-base-button ${size ?? "md"} ${className ?? ""}`, onClick, ...props }, leftSection ? /* @__PURE__ */ React19__default.default.createElement("span", { className: "wallet-ui-base-button-left-section" }, leftSection) : null, label, rightSection ? /* @__PURE__ */ React19__default.default.createElement("span", { className: "wallet-ui-base-button-right-section" }, rightSection) : null);
 }
-function SolanaClientProvider({
-  children,
-  urlOrMoniker
-}) {
-  const value = React10.useMemo(() => gill.createSolanaClient({ urlOrMoniker }), [urlOrMoniker]);
-  return /* @__PURE__ */ React10__default.default.createElement(SolanaClientContext.Provider, { value }, children);
+var WalletUiContext = React19__default.default.createContext({});
+
+// src/use-wallet-ui.tsx
+function useWalletUi() {
+  return React19__default.default.useContext(WalletUiContext);
 }
-var SolanaClusterContext = React10.createContext({});
-function useSolanaCluster() {
-  return React10.useContext(SolanaClusterContext);
+var WalletUiAccountContext = React19.createContext({});
+
+// src/use-wallet-ui-account.tsx
+function useWalletUiAccount() {
+  return React19.useContext(WalletUiAccountContext);
 }
-function useLocalStorage(key, initialValue) {
-  const [storedValue, setStoredValue] = React10.useState(() => {
-    try {
-      if (typeof window === "undefined") {
-        return initialValue;
-      }
-      const item = window.localStorage.getItem(key);
-      if (key.includes("wallet") || key.includes("account")) {
-        return initialValue;
+
+// src/use-wallet-ui-wallet.tsx
+function useWalletUiWallet({ wallet }) {
+  const { connect: connectAccount } = useWalletUi();
+  const { setAccount } = useWalletUiAccount();
+  const [isConnecting, connect3] = react$1.useConnect(wallet);
+  const [isDisconnecting, disconnect] = react$1.useDisconnect(wallet);
+  React19.useEffect(() => {
+  }, [isDisconnecting]);
+  return {
+    connect: async () => {
+      const connectedAccount = await connect3();
+      console.log("connectedAccount", connectedAccount);
+      if (!connectedAccount.length) {
+        console.log("connect, no accounts");
+        return connectedAccount;
       }
-      return item ? JSON.parse(item) : initialValue;
-    } catch (error) {
-      console.warn(`Error reading localStorage key "${key}":`, error);
-      return initialValue;
+      const first = connectedAccount[0];
+      console.log("connect, setting first account => ", first);
+      setAccount(first);
+      connectAccount(first);
+      return connectedAccount;
+    },
+    disconnect,
+    isConnecting,
+    isDisconnecting
+  };
+}
+
+// src/base-dropdown.tsx
+var BaseDropdownItemType = /* @__PURE__ */ ((BaseDropdownItemType2) => {
+  BaseDropdownItemType2["Item"] = "Item";
+  BaseDropdownItemType2["WalletConnect"] = "WalletConnect";
+  BaseDropdownItemType2["WalletCopy"] = "WalletCopy";
+  BaseDropdownItemType2["WalletDisconnect"] = "WalletDisconnect";
+  BaseDropdownItemType2["WalletNeeded"] = "WalletNeeded";
+  return BaseDropdownItemType2;
+})(BaseDropdownItemType || {});
+function BaseDropdown({ buttonProps, dropdown, showIndicator, items }) {
+  const api = dropdown.api;
+  const trigger = /* @__PURE__ */ React19__default.default.createElement(
+    BaseButton,
+    {
+      ...api.getTriggerProps(),
+      className: `wallet-ui-base-dropdown-trigger`,
+      "data-part": "trigger",
+      rightSection: showIndicator ? /* @__PURE__ */ React19__default.default.createElement("span", { className: "wallet-actions" }, /* @__PURE__ */ React19__default.default.createElement("span", { ...api.getIndicatorProps(), className: "indicator" }, /* @__PURE__ */ React19__default.default.createElement(BaseDropdownChevronDown, { size: 12 }))) : null,
+      ...buttonProps
     }
-  });
-  const setValue = React10.useCallback(
-    (value) => {
-      try {
-        const valueToStore = value instanceof Function ? value(storedValue) : value;
-        setStoredValue(valueToStore);
-        if (typeof window !== "undefined") {
-          if (valueToStore === void 0 || valueToStore === null) {
-            window.localStorage.removeItem(key);
-          } else {
-            window.localStorage.setItem(key, JSON.stringify(valueToStore));
+  );
+  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "wallet-ui-base-dropdown" }, trigger, /* @__PURE__ */ React19__default.default.createElement("div", { ...api.getPositionerProps(), className: "wallet-positioner" }, /* @__PURE__ */ React19__default.default.createElement("div", { ...api.getContentProps(), className: "wallet-ui-base-dropdown-list", "data-part": "content" }, items.map((item) => {
+    return /* @__PURE__ */ React19__default.default.createElement(
+      BaseDropdownItem,
+      {
+        ...api.getItemProps({ value: item.value }),
+        key: item.value,
+        item,
+        afterClick: () => {
+          if (item.disabled) {
+            return;
+          }
+          if (item.closeMenu !== false) {
+            dropdown.close();
           }
         }
-      } catch (error) {
-        console.warn(`Error setting localStorage key "${key}":`, error);
       }
-    },
-    [key, storedValue]
-  );
-  return [storedValue, setValue];
+    );
+  }))));
 }
-
-// src/solana-cluster-provider.tsx
-var STORAGE_KEY = "placeholder:selected-cluster";
-function SolanaClusterProvider({ clusters, children }) {
-  const [clusterId, setClusterId] = useLocalStorage(STORAGE_KEY, "solana:devnet");
-  if (!clusters.length) {
-    throw new Error("No clusters provided");
+function BaseDropdownItem({ afterClick, item }) {
+  if (!item.wallet) {
+    return /* @__PURE__ */ React19__default.default.createElement(BaseDropdownItemRender, { afterClick, item });
   }
-  const cluster = React10.useMemo(() => {
-    for (const cluster2 of clusters) {
-      if (cluster2.id === clusterId) {
-        return cluster2;
+  switch (item.type) {
+    case "Item" /* Item */:
+      return /* @__PURE__ */ React19__default.default.createElement(BaseDropdownItemRender, { afterClick, item });
+    case "WalletConnect" /* WalletConnect */:
+      return /* @__PURE__ */ React19__default.default.createElement(BaseDropdownItemWalletConnect, { afterClick, item, wallet: item.wallet });
+    case "WalletCopy" /* WalletCopy */:
+      return /* @__PURE__ */ React19__default.default.createElement(BaseDropdownItemRender, { afterClick, item });
+    case "WalletDisconnect" /* WalletDisconnect */:
+      return /* @__PURE__ */ React19__default.default.createElement(BaseDropdownItemWalletDisconnect, { afterClick, item, wallet: item.wallet });
+  }
+}
+function BaseDropdownItemWalletConnect({
+  afterClick,
+  item,
+  wallet
+}) {
+  const { connect: connect3 } = useWalletUiWallet({ wallet });
+  return /* @__PURE__ */ React19__default.default.createElement(
+    BaseDropdownItemRender,
+    {
+      afterClick,
+      item: {
+        ...item,
+        handler: async () => {
+          await connect3();
+          return await item.handler();
+        }
       }
     }
-    return clusters[0];
-  }, [clusterId, clusters]);
-  return /* @__PURE__ */ React10__default.default.createElement(
-    SolanaClusterContext.Provider,
+  );
+}
+function BaseDropdownItemWalletDisconnect({
+  afterClick,
+  item,
+  wallet
+}) {
+  const { disconnect } = useWalletUiWallet({ wallet });
+  return /* @__PURE__ */ React19__default.default.createElement(
+    BaseDropdownItemRender,
     {
-      value: React10.useMemo(
-        () => ({
-          cluster,
-          clusters,
-          setCluster(cluster2) {
-            localStorage.setItem(STORAGE_KEY, cluster2);
-            setClusterId(cluster2);
-          }
-        }),
-        [cluster, clusters]
-      )
-    },
-    children
+      afterClick,
+      item: {
+        ...item,
+        handler: async () => {
+          await disconnect();
+          return await item.handler();
+        }
+      }
+    }
   );
 }
-var SolanaWalletContext = React10.createContext([
-  void 0,
-  function setSelectedWalletAccount() {
+function BaseDropdownItemRender({ afterClick, item }) {
+  function onClick() {
+    if (item.disabled) {
+      return;
+    }
+    void item.handler().then(() => {
+      afterClick();
+    });
   }
-]);
-function useSolanaWallet() {
-  return React10.useContext(SolanaWalletContext);
+  return /* @__PURE__ */ React19__default.default.createElement("div", { className: "wallet-ui-base-dropdown-item", "data-part": "item", onClick }, item.leftSection ? /* @__PURE__ */ React19__default.default.createElement("span", { className: "wallet-ui-base-dropdown-item-left-section" }, item.leftSection) : null, item.label, item.rightSection ? /* @__PURE__ */ React19__default.default.createElement("span", { className: "wallet-ui-base-dropdown-item-right-section" }, item.rightSection) : null);
+}
+function BaseDropdownChevronDown(props) {
+  return /* @__PURE__ */ React19__default.default.createElement(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      width: props.size ?? 24,
+      height: props.size ?? 24,
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      ...props
+    },
+    /* @__PURE__ */ React19__default.default.createElement("path", { d: "m6 9 6 6 6-6" })
+  );
+}
+function BaseSvg({ sizes = {}, ...props }) {
+  const size = props.size ? sizes[props.size] : 12;
+  return /* @__PURE__ */ React19__default.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: size, height: size, ...props }, props.children);
+}
+
+// src/wallet-ui-icon-close.tsx
+function WalletUiIconClose({ size = "md", ...props }) {
+  return /* @__PURE__ */ React19__default.default.createElement(
+    BaseSvg,
+    {
+      size,
+      sizes: { lg: 16, md: 12, sm: 8 },
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "3",
+      viewBox: "0 0 14 14",
+      ...props
+    },
+    /* @__PURE__ */ React19__default.default.createElement("path", { d: "M14 12.461 8.3 6.772l5.234-5.233L12.006 0 6.772 5.234 1.54 0 0 1.539l5.234 5.233L0 12.006l1.539 1.528L6.772 8.3l5.69 5.7L14 12.461z" })
+  );
+}
+
+// src/base-modal.tsx
+function BaseModal({ modal, buttonLabel, buttonProps = {}, size = "md", ...props }) {
+  const api = modal.api;
+  return /* @__PURE__ */ React19__default.default.createElement(React19__default.default.Fragment, null, buttonLabel ? /* @__PURE__ */ React19__default.default.createElement(BaseButton, { label: buttonLabel, size, ...buttonProps, ...api.getTriggerProps() }) : null, api.open && /* @__PURE__ */ React19__default.default.createElement(react$2.Portal, null, /* @__PURE__ */ React19__default.default.createElement("div", { ...api.getBackdropProps() }), /* @__PURE__ */ React19__default.default.createElement("div", { ...api.getPositionerProps() }, /* @__PURE__ */ React19__default.default.createElement("div", { ...api.getContentProps(), className: size }, /* @__PURE__ */ React19__default.default.createElement("header", null, /* @__PURE__ */ React19__default.default.createElement("button", { ...api.getCloseTriggerProps() }, /* @__PURE__ */ React19__default.default.createElement(WalletUiIconClose, { size }))), props.description ? /* @__PURE__ */ React19__default.default.createElement("p", { ...api.getDescriptionProps() }, props.description) : null, /* @__PURE__ */ React19__default.default.createElement("main", null, props.children)))));
+}
+function useBaseDropdown() {
+  const service = react$2.useMachine(menu__namespace.machine, { id: React19.useId() });
+  const api = menu__namespace.connect(service, react$2.normalizeProps);
+  return {
+    api,
+    close: () => service.send({ type: "CLOSE" }),
+    open: () => service.send({ type: "OPEN" })
+  };
+}
+function useBaseModal() {
+  const service = react$2.useMachine(dialog__namespace.machine, { id: React19.useId(), modal: true });
+  const api = dialog__namespace.connect(service, react$2.normalizeProps);
+  return {
+    api,
+    close: () => service.send({ type: "CLOSE" }),
+    open: () => service.send({ type: "OPEN" })
+  };
+}
+var WalletUiSolanaClientContext = React19.createContext({});
+
+// src/use-wallet-ui-solana-client.tsx
+function useWalletUiSolanaClient() {
+  return React19.useContext(WalletUiSolanaClientContext);
+}
+var WalletUiClusterContext = React19.createContext({});
+
+// src/use-wallet-ui-cluster.tsx
+function useWalletUiCluster() {
+  return React19.useContext(WalletUiClusterContext);
 }
-function useSolanaWalletAddress() {
-  const [wallet] = useSolanaWallet();
-  if (!wallet?.address) {
+function WalletUiIcon({ className, size, wallet, ...props }) {
+  if (!wallet) {
     return null;
   }
-  return gill.address(wallet.address);
+  return /* @__PURE__ */ React19__default.default.createElement(
+    "img",
+    {
+      src: wallet.icon,
+      alt: wallet.name,
+      className: `wallet-ui-list-icon ${size ?? "md"} ${className ?? ""}`,
+      ...props
+    }
+  );
 }
 
-// src/solana-wallet-provider.tsx
-var STORAGE_KEY2 = "placeholder:selected-wallet-and-address";
+// src/use-wallet-ui-dropdown.tsx
+function getDropdownItemsWallets({
+  wallets,
+  connect: connect3,
+  size
+}) {
+  return wallets.length ? wallets.map((wallet) => ({
+    handler: async () => {
+      const account = wallet.accounts.length > 0 ? wallet.accounts[0] : void 0;
+      if (!account) {
+        return;
+      }
+      connect3(account);
+      await Promise.resolve();
+    },
+    label: wallet.name,
+    leftSection: /* @__PURE__ */ React19__default.default.createElement(WalletUiIcon, { wallet, size }),
+    type: "WalletConnect" /* WalletConnect */,
+    value: wallet.name,
+    wallet
+  })) : [
+    {
+      handler: async () => {
+        window.open("https://solana.com/solana-wallets", "_blank");
+        await Promise.resolve();
+      },
+      label: "You'll need a wallet on Solana to continue",
+      type: "WalletNeeded" /* WalletNeeded */,
+      value: "no-wallets"
+    }
+  ];
+}
+function useWalletUiDropdown({ size = "md" } = {}) {
+  const dropdown = useBaseDropdown();
+  const { account, connect: connect3, copy, disconnect, connected, wallet, wallets } = useWalletUi();
+  const itemsWallets = React19.useMemo(() => {
+    return getDropdownItemsWallets({ connect: connect3, size, wallets });
+  }, [wallets, size, connect3]);
+  const itemsConnected = React19.useMemo(
+    () => [
+      {
+        handler: async () => {
+          copy();
+          void await Promise.resolve();
+        },
+        label: "Copy Address",
+        type: "WalletCopy" /* WalletCopy */,
+        value: "copy"
+      },
+      {
+        handler: async () => {
+          disconnect();
+          dropdown.close();
+          await Promise.resolve();
+        },
+        label: "Disconnect",
+        type: "WalletDisconnect" /* WalletDisconnect */,
+        value: "disconnect"
+      },
+      ...itemsWallets
+    ],
+    [connect3, copy, disconnect, dropdown, size, wallets]
+  );
+  const items = React19.useMemo(() => {
+    return connected ? itemsConnected : itemsWallets;
+  }, [connected, itemsConnected, itemsWallets]);
+  const buttonProps = React19.useMemo(() => {
+    return {
+      label: connected ? (account ? ellipsify(account.address) : wallet?.name) ?? "Connected" : "Select Wallet",
+      leftSection: connected ? /* @__PURE__ */ React19__default.default.createElement(WalletUiIcon, { size, wallet }) : void 0
+    };
+  }, [account, connected, size, wallet]);
+  return {
+    buttonProps,
+    connected,
+    dropdown,
+    items
+  };
+}
+function ellipsify(str = "", len = 4, delimiter = "..") {
+  const strLen = str.length;
+  const limit = len * 2 + delimiter.length;
+  return strLen >= limit ? str.substring(0, len) + delimiter + str.substring(strLen - len, strLen) : str;
+}
+function useWalletUiWallets() {
+  const readonlyWallets = react$1.useWallets();
+  return React19.useMemo(
+    () => readonlyWallets.filter((wallet) => wallet.chains.some((i) => i.startsWith("solana:"))).sort((a, b) => a.name.localeCompare(b.name)),
+    [readonlyWallets]
+  );
+}
+var STORAGE_KEY = "wallet-ui:selected-wallet-account";
 var wasSetterInvoked = false;
-function getSavedWalletAccount(wallets, savedWalletNameAndAddress) {
+function getSavedWalletAccount(wallets, storageKey) {
   if (wasSetterInvoked) {
     return;
   }
+  const savedWalletNameAndAddress = localStorage.getItem(storageKey);
   if (!savedWalletNameAndAddress || typeof savedWalletNameAndAddress !== "string") {
     return;
   }
@@ -158,260 +391,433 @@ function getSavedWalletAccount(wallets, savedWalletNameAndAddress) {
     }
   }
 }
-function SolanaWalletProvider({ children }) {
-  const [storedKey, setStoredKey] = useLocalStorage(STORAGE_KEY2, null);
-  const wallets = react.useWallets();
-  const [selectedWalletAccount, setSelectedWalletAccountInternal] = React10.useState(
-    () => getSavedWalletAccount(wallets, storedKey)
+function WalletUiAccountContextProvider({
+  children,
+  storageKey = STORAGE_KEY
+}) {
+  const { cluster } = useWalletUiCluster();
+  const wallets = react$1.useWallets();
+  const [account, setAccountInternal] = React19.useState(
+    () => getSavedWalletAccount(wallets, storageKey)
   );
-  const setSelectedWalletAccount2 = (setStateAction) => {
-    setSelectedWalletAccountInternal((prevSelectedWalletAccount) => {
+  function setAccount(setStateAction) {
+    setAccountInternal((prevAccount) => {
       wasSetterInvoked = true;
-      const nextWalletAccount = typeof setStateAction === "function" ? setStateAction(prevSelectedWalletAccount) : setStateAction;
-      const accountKey = nextWalletAccount ? react.getUiWalletAccountStorageKey(nextWalletAccount) : void 0;
+      const nextWalletAccount = typeof setStateAction === "function" ? setStateAction(prevAccount) : setStateAction;
+      const accountKey = nextWalletAccount ? react$1.getUiWalletAccountStorageKey(nextWalletAccount) : void 0;
       if (accountKey) {
-        setStoredKey(accountKey);
+        localStorage.setItem(storageKey, accountKey);
       } else {
-        setStoredKey(null);
+        localStorage.removeItem(storageKey);
       }
       return nextWalletAccount;
     });
-  };
-  React10.useEffect(() => {
-    const savedWalletAccount = getSavedWalletAccount(wallets, storedKey);
+  }
+  React19.useEffect(() => {
+    const savedWalletAccount = getSavedWalletAccount(wallets, storageKey);
     if (savedWalletAccount) {
-      setSelectedWalletAccountInternal(savedWalletAccount);
+      setAccountInternal(savedWalletAccount);
     }
   }, [wallets]);
-  const walletAccount = React10.useMemo(() => {
-    if (selectedWalletAccount) {
+  const walletAccount = React19.useMemo(() => {
+    if (account) {
       for (const uiWallet of wallets) {
         for (const uiWalletAccount of uiWallet.accounts) {
-          if (react.uiWalletAccountsAreSame(selectedWalletAccount, uiWalletAccount)) {
+          if (react$1.uiWalletAccountsAreSame(account, uiWalletAccount)) {
             return uiWalletAccount;
           }
         }
-        if (react.uiWalletAccountBelongsToUiWallet(selectedWalletAccount, uiWallet) && uiWallet.accounts[0]) {
+        if (react$1.uiWalletAccountBelongsToUiWallet(account, uiWallet) && uiWallet.accounts[0]) {
           return uiWallet.accounts[0];
         }
       }
     }
-  }, [selectedWalletAccount, wallets]);
-  React10.useEffect(() => {
-    if (selectedWalletAccount && !walletAccount) {
-      setSelectedWalletAccountInternal(void 0);
+  }, [account, wallets]);
+  React19.useEffect(() => {
+    if (account && !walletAccount) {
+      setAccountInternal(void 0);
     }
-  }, [selectedWalletAccount, walletAccount]);
-  return /* @__PURE__ */ React10__default.default.createElement(SolanaWalletContext.Provider, { value: React10.useMemo(() => [walletAccount, setSelectedWalletAccount2], [walletAccount]) }, children);
+  }, [account, walletAccount]);
+  const wallet = React19.useMemo(() => {
+    if (!walletAccount) {
+      return void 0;
+    }
+    for (const uiWallet of wallets) {
+      for (const uiWalletAccount of uiWallet.accounts) {
+        if (react$1.uiWalletAccountsAreSame(walletAccount, uiWalletAccount)) {
+          return uiWallet;
+        }
+      }
+      if (react$1.uiWalletAccountBelongsToUiWallet(walletAccount, uiWallet) && uiWallet.accounts[0]) {
+        return uiWallet;
+      }
+    }
+  }, [walletAccount, wallets]);
+  const accountKeys = React19.useMemo(() => {
+    if (!account) {
+      return [];
+    }
+    return [cluster.id, react$1.getUiWalletAccountStorageKey(account)].filter(Boolean);
+  }, [account]);
+  return /* @__PURE__ */ React19__default.default.createElement(
+    WalletUiAccountContext.Provider,
+    {
+      value: React19.useMemo(
+        () => ({
+          account: walletAccount,
+          accountKeys,
+          setAccount,
+          wallet
+        }),
+        [walletAccount, wallet, accountKeys]
+      )
+    },
+    children
+  );
+}
+function WalletUiClientContextProvider({ children, urlOrMoniker }) {
+  return /* @__PURE__ */ React19__default.default.createElement(
+    WalletUiSolanaClientContext.Provider,
+    {
+      value: React19.useMemo(() => gill.createSolanaClient({ urlOrMoniker }), [urlOrMoniker])
+    },
+    children
+  );
 }
-var SolanaWalletUiContext = React10__default.default.createContext(
-  {}
-);
-function useSolanaWalletUi() {
-  return React10__default.default.useContext(SolanaWalletUiContext);
+function useLocalStorage(key, initialValue) {
+  const [storedValue, setStoredValue] = React19.useState(() => {
+    try {
+      if (typeof window === "undefined") {
+        return initialValue;
+      }
+      const item = window.localStorage.getItem(key);
+      if (key.includes("wallet") || key.includes("account")) {
+        return initialValue;
+      }
+      return item ? JSON.parse(item) : initialValue;
+    } catch (error) {
+      console.warn(`Error reading localStorage key "${key}":`, error);
+      return initialValue;
+    }
+  });
+  const setValue = React19.useCallback(
+    (value) => {
+      try {
+        const valueToStore = value instanceof Function ? value(storedValue) : value;
+        setStoredValue(valueToStore);
+        if (typeof window !== "undefined") {
+          if (valueToStore === void 0 || valueToStore === null) {
+            window.localStorage.removeItem(key);
+          } else {
+            window.localStorage.setItem(key, JSON.stringify(valueToStore));
+          }
+        }
+      } catch (error) {
+        console.warn(`Error setting localStorage key "${key}":`, error);
+      }
+    },
+    [key, storedValue]
+  );
+  return [storedValue, setValue];
 }
 
-// src/solana-wallet-ui-provider.tsx
-function SolanaWalletUiProvider(props) {
-  const wallets = react.useWallets();
-  const [walletAccount, setWalletAccount] = useSolanaWallet();
-  const [wallet, setWallet] = React10.useState(void 0);
-  const dialogService = react$1.useMachine(dialog__namespace.machine, { id: React10.useId(), modal: true });
-  const dialogApi = dialog__namespace.connect(dialogService, react$1.normalizeProps);
-  const menuService = react$1.useMachine(menu__namespace.machine, { id: React10.useId() });
-  const menuApi = menu__namespace.connect(menuService, react$1.normalizeProps);
-  const [connected, setConnected] = React10.useState(false);
-  function change() {
-    menuService.send({ type: "CLOSE" });
-    dialogService.send({ type: "OPEN" });
-  }
-  function connectAccount(wallet2, account) {
-    console.log("connectAccount", account);
-    setWalletAccount(account);
-    setWallet(wallet2);
-    setConnected(true);
-    dialogService.send({ type: "CLOSE" });
+// src/wallet-ui-cluster-context-provider.tsx
+function WalletUiClusterContextProvider({
+  clusters,
+  render,
+  storageKey = "__wallet-ui:selected-cluster"
+}) {
+  const [clusterId, setClusterId] = useLocalStorage(storageKey, "solana:devnet");
+  if (!clusters.length) {
+    throw new Error("No clusters provided");
   }
-  async function copy() {
-    if (!walletAccount) {
-      return;
+  const cluster = React19.useMemo(() => {
+    for (const cluster2 of clusters) {
+      if (cluster2.id === clusterId) {
+        return cluster2;
+      }
     }
-    await navigator.clipboard.writeText(walletAccount.address);
-    menuService.send({ type: "CLOSE" });
-    dialogService.send({ type: "CLOSE" });
+    return clusters[0];
+  }, [clusterId, clusters]);
+  const value = {
+    cluster,
+    clusters,
+    setCluster: (cluster2) => {
+      localStorage.setItem(storageKey, cluster2);
+      setClusterId(cluster2);
+    }
+  };
+  return /* @__PURE__ */ React19__default.default.createElement(WalletUiClusterContext.Provider, { value }, render(value));
+}
+function WalletUiContextProvider({ children, size = "md" }) {
+  const { account, setAccount, wallet } = useWalletUiAccount();
+  const wallets = useWalletUiWallets();
+  const client = useWalletUiSolanaClient();
+  const walletHasAccounts = Boolean(wallet && wallet?.accounts.length > 0);
+  function connect3(account2) {
+    setAccount(account2);
   }
   function disconnect() {
-    setConnected(false);
-    setWalletAccount(void 0);
-    dialogService.send({ type: "CLOSE" });
-    menuService.send({ type: "CLOSE" });
+    setAccount(void 0);
+  }
+  function copy() {
+    if (!account) {
+      return;
+    }
+    core$1.handleCopyText(account.address);
   }
   const value = {
-    change,
-    connectAccount,
-    connected: connected && walletAccount !== void 0,
+    account,
+    client,
+    connect: connect3,
+    connected: walletHasAccounts,
     copy,
-    dialogApi,
     disconnect,
-    menuApi,
+    size,
     wallet,
-    walletAccount,
-    wallets: React10.useMemo(() => wallets.filter((wallet2) => wallet2.chains.some((i) => i.startsWith("solana:"))), [wallets])
+    wallets
   };
-  return /* @__PURE__ */ React10__default.default.createElement(SolanaWalletUiContext.Provider, { value }, props.children);
+  return /* @__PURE__ */ React19__default.default.createElement(WalletUiContext.Provider, { value }, children);
 }
 
-// src/solana-provider.tsx
-function SolanaProvider({ clusters, children }) {
-  return /* @__PURE__ */ React10__default.default.createElement(SolanaClusterProvider, { clusters }, /* @__PURE__ */ React10__default.default.createElement(SolanaClientProviderLoader, null, /* @__PURE__ */ React10__default.default.createElement(SolanaWalletProvider, null, /* @__PURE__ */ React10__default.default.createElement(SolanaWalletUiProvider, null, children))));
-}
-function SolanaClientProviderLoader({ children }) {
-  const { cluster } = useSolanaCluster();
-  return /* @__PURE__ */ React10__default.default.createElement(SolanaClientProvider, { urlOrMoniker: cluster.urlOrMoniker }, children);
-}
-function SolanaWalletUiDialogTrigger(props) {
-  const { dialogApi } = useSolanaWalletUi();
-  console.log("SolanaWalletUiDialogTrigger", dialogApi);
-  return /* @__PURE__ */ React10__default.default.createElement("button", { ...props, ...dialogApi.getTriggerProps() }, "Select Wallet");
-}
-function SolanaWalletUiDropdown() {
-  const { change, connected, copy, disconnect, menuApi: api, wallet } = useSolanaWalletUi();
-  const menuItems = [
+// src/wallet-ui.tsx
+function createWalletUiConfig(props) {
+  return { ...props };
+}
+function WalletUi({
+  children,
+  config: { clusters, clusterStorageKey, selectedAccountStorageKey, ...config }
+}) {
+  return /* @__PURE__ */ React19__default.default.createElement(React19__default.default.Fragment, null, /* @__PURE__ */ React19__default.default.createElement(
+    WalletUiClusterContextProvider,
     {
-      handler: copy,
-      label: "Copy Address",
-      value: "copy"
-    },
+      clusters,
+      storageKey: clusterStorageKey,
+      render: ({ cluster }) => {
+        return /* @__PURE__ */ React19__default.default.createElement(WalletUiClientContextProvider, { urlOrMoniker: cluster.urlOrMoniker }, /* @__PURE__ */ React19__default.default.createElement(WalletUiAccountContextProvider, { storageKey: selectedAccountStorageKey }, /* @__PURE__ */ React19__default.default.createElement(WalletUiContextProvider, { ...config }, children)));
+      }
+    }
+  ));
+}
+function WalletUiButton({ ...props }) {
+  return /* @__PURE__ */ React19__default.default.createElement(BaseButton, { ...props, label: "CLICK" });
+}
+function WalletUiClusterDropdown({ buttonProps, size = "md", ...props }) {
+  const dropdown = useBaseDropdown();
+  const { cluster, clusters, setCluster } = useWalletUiCluster();
+  return /* @__PURE__ */ React19__default.default.createElement(
+    BaseDropdown,
     {
-      handler: change,
-      label: "Change Wallet",
-      value: "change"
-    },
+      buttonProps: { ...buttonProps, label: cluster.label, size },
+      items: clusters.map((cluster2) => ({
+        handler: async () => {
+          setCluster(cluster2.id);
+          await Promise.resolve();
+        },
+        label: cluster2.label,
+        type: "Item" /* Item */,
+        value: cluster2.id
+      })),
+      dropdown,
+      ...props
+    }
+  );
+}
+function WalletUiDropdown({ size = "md", ...props }) {
+  const { buttonProps, items, dropdown } = useWalletUiDropdown({ size });
+  return /* @__PURE__ */ React19__default.default.createElement(BaseDropdown, { ...props, buttonProps: { ...buttonProps, size }, items, dropdown });
+}
+function WalletUiIconNoWallet({ size, ...props }) {
+  return /* @__PURE__ */ React19__default.default.createElement(BaseSvg, { size, sizes: { lg: 125, md: 100, sm: 75 }, fill: "none", viewBox: "0 0 97 96", ...props }, /* @__PURE__ */ React19__default.default.createElement("circle", { cx: "48.5", cy: "48", r: "48", fill: "url(#paint0_linear_880_5115)", fillOpacity: "0.1" }), /* @__PURE__ */ React19__default.default.createElement(
+    "circle",
     {
-      handler: disconnect,
-      label: "Disconnect",
-      value: "disconnect"
+      cx: "48.5",
+      cy: "48",
+      r: "47",
+      stroke: "url(#paint1_linear_880_5115)",
+      strokeOpacity: "0.4",
+      strokeWidth: "2"
     }
-  ];
-  const trigger = /* @__PURE__ */ React10__default.default.createElement(
-    AppMenuButton,
+  ), /* @__PURE__ */ React19__default.default.createElement("g", { clipPath: "url(#clip0_880_5115)" }, /* @__PURE__ */ React19__default.default.createElement(
+    "path",
     {
-      ...api.getTriggerProps(),
-      className: `wallet-trigger ${connected ? "connected" : ""}`,
-      "data-part": "trigger"
+      d: "M65.5769 28.1523H31.4231C27.6057 28.1523 24.5 31.258 24.5 35.0754V60.9215C24.5 64.7389 27.6057 67.8446 31.4231 67.8446H65.5769C69.3943 67.8446 72.5 64.7389 72.5 60.9215V35.0754C72.5 31.258 69.3943 28.1523 65.5769 28.1523ZM69.7308 52.1523H59.5769C57.2865 52.1523 55.4231 50.289 55.4231 47.9985C55.4231 45.708 57.2864 43.8446 59.5769 43.8446H69.7308V52.1523ZM69.7308 41.0754H59.5769C55.7595 41.0754 52.6539 44.1811 52.6539 47.9985C52.6539 51.8159 55.7595 54.9215 59.5769 54.9215H69.7308V60.9215C69.7308 63.2119 67.8674 65.0754 65.5769 65.0754H31.4231C29.1327 65.0754 27.2692 63.212 27.2692 60.9215V35.0754C27.2692 32.785 29.1326 30.9215 31.4231 30.9215H65.5769C67.8673 30.9215 69.7308 32.7849 69.7308 35.0754V41.0754Z",
+      fill: "url(#paint2_linear_880_5115)"
+    }
+  ), /* @__PURE__ */ React19__default.default.createElement(
+    "path",
+    {
+      d: "M61.4231 46.6172H59.577C58.8123 46.6172 58.1924 47.2371 58.1924 48.0018C58.1924 48.7665 58.8123 49.3863 59.577 49.3863H61.4231C62.1878 49.3863 62.8077 48.7664 62.8077 48.0018C62.8077 47.2371 62.1878 46.6172 61.4231 46.6172Z",
+      fill: "url(#paint3_linear_880_5115)"
+    }
+  )), /* @__PURE__ */ React19__default.default.createElement("defs", null, /* @__PURE__ */ React19__default.default.createElement(
+    "linearGradient",
+    {
+      id: "paint0_linear_880_5115",
+      x1: "3.41664",
+      y1: "98.0933",
+      x2: "103.05",
+      y2: "8.42498",
+      gradientUnits: "userSpaceOnUse"
     },
-    connected ? wallet?.name : "Select Wallet",
-    /* @__PURE__ */ React10__default.default.createElement("span", { className: "wallet-actions" }, /* @__PURE__ */ React10__default.default.createElement("span", { ...api.getIndicatorProps(), className: "indicator" }, "\u25BE"))
-  );
-  return /* @__PURE__ */ React10__default.default.createElement("div", { className: "wallet-menu" }, trigger, /* @__PURE__ */ React10__default.default.createElement("div", { ...api.getPositionerProps(), className: "wallet-positioner" }, /* @__PURE__ */ React10__default.default.createElement("ul", { ...api.getContentProps(), className: "wallet-content", "data-part": "content" }, menuItems.map((item) => /* @__PURE__ */ React10__default.default.createElement(
-    "li",
+    /* @__PURE__ */ React19__default.default.createElement("stop", { stopColor: "#9945FF" }),
+    /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "0.14", stopColor: "#8A53F4" }),
+    /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "0.42", stopColor: "#6377D6" }),
+    /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "0.79", stopColor: "#24B0A7" }),
+    /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "0.99", stopColor: "#00D18C" }),
+    /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "1", stopColor: "#00D18C" })
+  ), /* @__PURE__ */ React19__default.default.createElement(
+    "linearGradient",
     {
-      key: item.value,
-      ...api.getItemProps({ value: item.value }),
-      className: "wallet-item",
-      "data-part": "item",
-      onClick: () => {
-        if (item.disabled) {
-          return;
-        }
-        void item.handler();
-      }
+      id: "paint1_linear_880_5115",
+      x1: "3.41664",
+      y1: "98.0933",
+      x2: "103.05",
+      y2: "8.42498",
+      gradientUnits: "userSpaceOnUse"
     },
-    item.label
-  )))));
-}
-function AppMenuButton(props) {
-  return /* @__PURE__ */ React10__default.default.createElement("button", { ...props }, props.children);
-}
-
-// src/solana-wallet-ui-button.tsx
-function SolanaWalletUiButton() {
-  const { connected } = useSolanaWalletUi();
-  return connected ? /* @__PURE__ */ React10__default.default.createElement(SolanaWalletUiDropdown, null) : /* @__PURE__ */ React10__default.default.createElement(SolanaWalletUiDialogTrigger, null);
-}
-function SolanaWalletUiDialog({ description, title }) {
-  const { dialogApi: api, connected, disconnect } = useSolanaWalletUi();
-  if (!api) {
-    console.log("no api");
-    return null;
-  }
-  if (!api.open) {
-    console.log("no api.open");
-    return null;
-  }
-  return /* @__PURE__ */ React10__default.default.createElement(react$1.Portal, null, /* @__PURE__ */ React10__default.default.createElement("div", { className: "dialog", ...api.getBackdropProps() }), /* @__PURE__ */ React10__default.default.createElement("div", { className: "dialog", ...api.getPositionerProps() }, /* @__PURE__ */ React10__default.default.createElement("div", { className: "dialog", ...api.getContentProps() }, title ? /* @__PURE__ */ React10__default.default.createElement("h2", { className: "dialog", ...api.getTitleProps() }, title) : null, description ? /* @__PURE__ */ React10__default.default.createElement("p", { className: "dialog", ...api.getDescriptionProps() }, description) : null, /* @__PURE__ */ React10__default.default.createElement("div", { style: { marginTop: "32px" } }, /* @__PURE__ */ React10__default.default.createElement(SolanaWalletUiDialogList, null), connected ? /* @__PURE__ */ React10__default.default.createElement("button", { onClick: disconnect }, "Disconnect") : null), /* @__PURE__ */ React10__default.default.createElement("button", { className: "dialog", ...api.getCloseTriggerProps() }, "\xD7"))));
-}
-function SolanaWalletUiDialogList() {
-  const { wallets } = useSolanaWalletUi();
-  return /* @__PURE__ */ React10__default.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "16px" } }, wallets.map((item, index) => /* @__PURE__ */ React10__default.default.createElement(SolanaWalletUiDialogListItem, { key: `${item.name}-${index}`, wallet: item })));
-}
-function SolanaWalletUiDialogListItem({ wallet }) {
-  const [isConnecting, connect3] = react.useConnect(wallet);
-  const [isDisconnecting, disconnect] = react.useDisconnect(wallet);
-  const { connectAccount, walletAccount } = useSolanaWalletUi();
-  const accounts = wallet.accounts ?? [];
-  const isConnected = wallet.accounts.length > 0;
-  const isPending = isConnecting || isDisconnecting;
-  if (isPending) {
-    return /* @__PURE__ */ React10__default.default.createElement("div", null, "Pending...");
-  }
-  return /* @__PURE__ */ React10__default.default.createElement("div", { style: { display: "flex", flexDirection: "column", gap: "8px" } }, /* @__PURE__ */ React10__default.default.createElement("div", { style: { display: "flex", justifyContent: "space-between" } }, /* @__PURE__ */ React10__default.default.createElement("div", { style: { alignItems: "center", display: "flex", gap: "8px" } }, /* @__PURE__ */ React10__default.default.createElement("img", { src: wallet.icon, alt: wallet.name, style: { height: 32 } }), /* @__PURE__ */ React10__default.default.createElement("span", { style: { fontSize: "1rem", fontWeight: "500" } }, wallet.name)), isConnected ? /* @__PURE__ */ React10__default.default.createElement(
-    "button",
+    /* @__PURE__ */ React19__default.default.createElement("stop", { stopColor: "#9945FF" }),
+    /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "0.14", stopColor: "#8A53F4" }),
+    /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "0.42", stopColor: "#6377D6" }),
+    /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "0.79", stopColor: "#24B0A7" }),
+    /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "0.99", stopColor: "#00D18C" }),
+    /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "1", stopColor: "#00D18C" })
+  ), /* @__PURE__ */ React19__default.default.createElement(
+    "linearGradient",
     {
-      disabled: isPending,
-      onClick: () => {
-        void disconnect();
-      }
+      id: "paint2_linear_880_5115",
+      x1: "25.9583",
+      y1: "68.7101",
+      x2: "67.2337",
+      y2: "23.7879",
+      gradientUnits: "userSpaceOnUse"
     },
-    "Disconnect"
-  ) : /* @__PURE__ */ React10__default.default.createElement(
-    "button",
+    /* @__PURE__ */ React19__default.default.createElement("stop", { stopColor: "#9945FF" }),
+    /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "0.14", stopColor: "#8A53F4" }),
+    /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "0.42", stopColor: "#6377D6" }),
+    /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "0.79", stopColor: "#24B0A7" }),
+    /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "0.99", stopColor: "#00D18C" }),
+    /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "1", stopColor: "#00D18C" })
+  ), /* @__PURE__ */ React19__default.default.createElement(
+    "linearGradient",
     {
-      disabled: isPending,
-      onClick: () => {
-        void connect3();
-      }
+      id: "paint3_linear_880_5115",
+      x1: "58.3326",
+      y1: "49.4467",
+      x2: "61.0002",
+      y2: "45.4453",
+      gradientUnits: "userSpaceOnUse"
     },
-    "Connect"
-  )), accounts.map((item, index) => /* @__PURE__ */ React10__default.default.createElement("div", { key: `${item.address}-${index}` }, /* @__PURE__ */ React10__default.default.createElement(
+    /* @__PURE__ */ React19__default.default.createElement("stop", { stopColor: "#9945FF" }),
+    /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "0.14", stopColor: "#8A53F4" }),
+    /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "0.42", stopColor: "#6377D6" }),
+    /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "0.79", stopColor: "#24B0A7" }),
+    /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "0.99", stopColor: "#00D18C" }),
+    /* @__PURE__ */ React19__default.default.createElement("stop", { offset: "1", stopColor: "#00D18C" })
+  ), /* @__PURE__ */ React19__default.default.createElement("clipPath", { id: "clip0_880_5115" }, /* @__PURE__ */ React19__default.default.createElement("rect", { width: "48", height: "48", fill: "white", transform: "translate(24.5 24)" }))));
+}
+function WalletUiLabel({ className, size, wallet, ...props }) {
+  if (!wallet) {
+    return null;
+  }
+  return /* @__PURE__ */ React19__default.default.createElement("span", { className: `wallet-ui-list-label ${size ?? "md"} ${className ?? ""}`, ...props }, wallet.name);
+}
+function WalletUiListButton({ className, select, size = "md", wallet, ...props }) {
+  const [pending, setPending] = React19__default.default.useState(false);
+  function handleSelect() {
+    if (!select) {
+      return;
+    }
+    setPending(true);
+    const account = wallet.accounts.length > 0 ? wallet.accounts[0] : void 0;
+    if (!account) {
+      return;
+    }
+    void select(account).finally(() => setPending(false));
+  }
+  return /* @__PURE__ */ React19__default.default.createElement(
     "button",
     {
-      disabled: item.address === walletAccount?.address,
-      onClick: () => {
-        void connectAccount(wallet, item);
-      }
+      disabled: pending,
+      className: `wallet-ui-list-button ${size} ${pending ? "wallet-ui-list-button-pending" : ""} ${className ?? ""}`,
+      onClick: handleSelect,
+      ...props
     },
-    item.address
-  ))));
+    /* @__PURE__ */ React19__default.default.createElement(WalletUiIcon, { className: "wallet-ui-list-button-icon", wallet, size }),
+    /* @__PURE__ */ React19__default.default.createElement(WalletUiLabel, { className: "wallet-ui-list-button-label", wallet, size })
+  );
 }
 
-exports.AppMenuButton = AppMenuButton;
-exports.SolanaClientContext = SolanaClientContext;
-exports.SolanaClientProvider = SolanaClientProvider;
-exports.SolanaClusterContext = SolanaClusterContext;
-exports.SolanaClusterProvider = SolanaClusterProvider;
-exports.SolanaProvider = SolanaProvider;
-exports.SolanaWalletContext = SolanaWalletContext;
-exports.SolanaWalletProvider = SolanaWalletProvider;
-exports.SolanaWalletUiButton = SolanaWalletUiButton;
-exports.SolanaWalletUiContext = SolanaWalletUiContext;
-exports.SolanaWalletUiDialog = SolanaWalletUiDialog;
-exports.SolanaWalletUiDialogList = SolanaWalletUiDialogList;
-exports.SolanaWalletUiDialogListItem = SolanaWalletUiDialogListItem;
-exports.SolanaWalletUiDialogTrigger = SolanaWalletUiDialogTrigger;
-exports.SolanaWalletUiDropdown = SolanaWalletUiDropdown;
-exports.SolanaWalletUiProvider = SolanaWalletUiProvider;
-exports.useSolanaClient = useSolanaClient;
-exports.useSolanaCluster = useSolanaCluster;
-exports.useSolanaWallet = useSolanaWallet;
-exports.useSolanaWalletAddress = useSolanaWalletAddress;
-exports.useSolanaWalletUi = useSolanaWalletUi;
+// src/wallet-ui-list.tsx
+function WalletUiList({ className, select, size = "md", wallets, ...props }) {
+  return /* @__PURE__ */ React19__default.default.createElement("div", { className: `wallet-ui-list ${size} ${className ?? ""}`, ...props }, wallets.map((wallet) => /* @__PURE__ */ React19__default.default.createElement(WalletUiListButton, { key: wallet.name, select, size, wallet })));
+}
+function WalletUiModal({ size = "md", wallets, select, ...props }) {
+  return /* @__PURE__ */ React19__default.default.createElement(BaseModal, { description: "Connect a wallet on Solana to continue", size, ...props }, /* @__PURE__ */ React19__default.default.createElement(WalletUiList, { size, wallets, select }));
+}
+function WalletUiModalTrigger({ label = "Select Wallet", modal, ...props }) {
+  return /* @__PURE__ */ React19__default.default.createElement(BaseButton, { label, onClick: () => void modal.open(), ...props });
+}
+
+exports.BaseButton = BaseButton;
+exports.BaseDropdown = BaseDropdown;
+exports.BaseDropdownChevronDown = BaseDropdownChevronDown;
+exports.BaseDropdownItemType = BaseDropdownItemType;
+exports.BaseModal = BaseModal;
+exports.BaseSvg = BaseSvg;
+exports.WalletUi = WalletUi;
+exports.WalletUiButton = WalletUiButton;
+exports.WalletUiClientContextProvider = WalletUiClientContextProvider;
+exports.WalletUiClusterContext = WalletUiClusterContext;
+exports.WalletUiClusterContextProvider = WalletUiClusterContextProvider;
+exports.WalletUiClusterDropdown = WalletUiClusterDropdown;
+exports.WalletUiContext = WalletUiContext;
+exports.WalletUiContextProvider = WalletUiContextProvider;
+exports.WalletUiDropdown = WalletUiDropdown;
+exports.WalletUiIcon = WalletUiIcon;
+exports.WalletUiIconClose = WalletUiIconClose;
+exports.WalletUiIconNoWallet = WalletUiIconNoWallet;
+exports.WalletUiLabel = WalletUiLabel;
+exports.WalletUiList = WalletUiList;
+exports.WalletUiListButton = WalletUiListButton;
+exports.WalletUiModal = WalletUiModal;
+exports.WalletUiModalTrigger = WalletUiModalTrigger;
+exports.WalletUiSolanaClientContext = WalletUiSolanaClientContext;
+exports.createWalletUiConfig = createWalletUiConfig;
+exports.ellipsify = ellipsify;
+exports.useBaseDropdown = useBaseDropdown;
+exports.useBaseModal = useBaseModal;
+exports.useWalletUi = useWalletUi;
+exports.useWalletUiAccount = useWalletUiAccount;
+exports.useWalletUiCluster = useWalletUiCluster;
+exports.useWalletUiDropdown = useWalletUiDropdown;
+exports.useWalletUiSolanaClient = useWalletUiSolanaClient;
+exports.useWalletUiWallet = useWalletUiWallet;
+exports.useWalletUiWallets = useWalletUiWallets;
+Object.keys(react$1).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return react$1[k]; }
+  });
+});
+Object.keys(core$1).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return core$1[k]; }
+  });
+});
 Object.keys(react).forEach(function (k) {
   if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,
     get: function () { return react[k]; }
   });
 });
+Object.keys(walletStandardFeatures).forEach(function (k) {
+  if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: function () { return walletStandardFeatures[k]; }
+  });
+});
 Object.keys(core).forEach(function (k) {
   if (k !== 'default' && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
     enumerable: true,