@reown/appkit-scaffold-ui 0.0.3

package/dist/types/src/views/w3m-register-account-name-success-view/index.d.ts

@@ -0,0 +1,13 @@
+import { LitElement } from 'lit';
+export declare class W3mRegisterAccountNameSuccess extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+    private onboardingTemplate;
+    private buttonsTemplate;
+    private redirectToAccount;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w3m-register-account-name-success-view': W3mRegisterAccountNameSuccess;
+    }
+}

package/dist/types/src/views/w3m-register-account-name-success-view/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/views/w3m-register-account-name-view/index.d.ts

@@ -0,0 +1,32 @@
+import { LitElement } from 'lit';
+export declare class W3mRegisterAccountNameView extends LitElement {
+    static styles: import("lit").CSSResult;
+    private formRef;
+    private usubscribe;
+    errorMessage?: string;
+    private name;
+    private error;
+    private loading;
+    private suggestions;
+    private registered;
+    private profileName;
+    constructor();
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+    private submitButtonTemplate;
+    private onDebouncedNameInputChange;
+    private onSelectSuggestion;
+    private onNameInputChange;
+    private nameSuggestionTagTemplate;
+    private templateSuggestions;
+    private availableNameTemplate;
+    private isAllowedToSubmit;
+    private onSubmitName;
+    private onEnterKey;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w3m-register-account-name-view': W3mRegisterAccountNameView;
+    }
+}

package/dist/types/src/views/w3m-register-account-name-view/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/views/w3m-select-addresses-view/index.d.ts

@@ -0,0 +1,25 @@
+import { type AccountType } from '@reown/appkit-core';
+import { LitElement } from 'lit';
+export declare class W3mSelectAddressesView extends LitElement {
+    static styles: import("lit").CSSResult;
+    private readonly metadata;
+    allAccounts: AccountType[];
+    private selectedAccounts;
+    private selectAll;
+    private approved;
+    private isApproving;
+    constructor();
+    render(): import("lit").TemplateResult<1>;
+    private getAddressTemplate;
+    private onSelectAll;
+    private onSelect;
+    private handleClick;
+    private onContinue;
+    private onCancel;
+    disconnectedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w3m-select-addresses-view': W3mSelectAddressesView;
+    }
+}

package/dist/types/src/views/w3m-select-addresses-view/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/views/w3m-swap-preview-view/index.d.ts

@@ -0,0 +1,38 @@
+import { LitElement } from 'lit';
+export declare class W3mSwapPreviewView extends LitElement {
+    static styles: import("lit").CSSResult;
+    private unsubscribe;
+    private interval?;
+    private detailsOpen;
+    private approvalTransaction;
+    private swapTransaction;
+    private sourceToken;
+    private sourceTokenAmount;
+    private sourceTokenPriceInUSD;
+    private toToken;
+    private toTokenAmount;
+    private toTokenPriceInUSD;
+    private caipNetwork;
+    private balanceSymbol;
+    private gasPriceInUSD;
+    private inputError;
+    private loadingQuote;
+    private loadingApprovalTransaction;
+    private loadingBuildTransaction;
+    private loadingTransaction;
+    constructor();
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+    private refreshTransaction;
+    private templateSwap;
+    private templateDetails;
+    private actionButtonLabel;
+    private onCancelTransaction;
+    private onSendTransaction;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w3m-swap-preview-view': W3mSwapPreviewView;
+    }
+}

package/dist/types/src/views/w3m-swap-preview-view/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/views/w3m-swap-select-token-view/index.d.ts

@@ -0,0 +1,30 @@
+import { LitElement } from 'lit';
+export declare class W3mSwapSelectTokenView extends LitElement {
+    static styles: import("lit").CSSResult;
+    private unsubscribe;
+    private interval?;
+    private targetToken;
+    private sourceToken;
+    private sourceTokenAmount;
+    private toToken;
+    private myTokensWithBalance;
+    private popularTokens;
+    private searchValue;
+    constructor();
+    updated(): void;
+    disconnectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+    private onSelectToken;
+    private templateSearchInput;
+    private templateTokens;
+    private templateSuggestedTokens;
+    private onSearchInputChange;
+    private handleSuggestedTokensScroll;
+    private handleTokenListScroll;
+    private filterTokensWithText;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w3m-swap-select-token-view': W3mSwapSelectTokenView;
+    }
+}

package/dist/types/src/views/w3m-swap-select-token-view/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/views/w3m-swap-view/index.d.ts

@@ -0,0 +1,43 @@
+import { LitElement } from 'lit';
+export declare class W3mSwapView extends LitElement {
+    static styles: import("lit").CSSResult;
+    private unsubscribe;
+    private interval?;
+    private detailsOpen;
+    private caipNetworkId;
+    private initialized;
+    private loadingQuote;
+    private loadingPrices;
+    private loadingTransaction;
+    private sourceToken;
+    private sourceTokenAmount;
+    private sourceTokenPriceInUSD;
+    private toToken;
+    private toTokenAmount;
+    private toTokenPriceInUSD;
+    private inputError;
+    private gasPriceInUSD;
+    private fetchError;
+    constructor();
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+    private watchTokensAndValues;
+    private templateSwap;
+    private actionButtonLabel;
+    private templateReplaceTokensButton;
+    private templateLoading;
+    private templateTokenInput;
+    private onSetMaxValue;
+    private templateDetails;
+    private handleChangeAmount;
+    private templateActionButton;
+    private onDebouncedGetSwapCalldata;
+    private onSwitchTokens;
+    private onSwapPreview;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w3m-swap-view': W3mSwapView;
+    }
+}

package/dist/types/src/views/w3m-swap-view/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/views/w3m-switch-active-chain-view/index.d.ts

@@ -0,0 +1,19 @@
+import { LitElement } from 'lit';
+export declare class W3mSwitchActiveChainView extends LitElement {
+    static styles: import("lit").CSSResult;
+    private unsubscribe;
+    protected readonly switchToChain: import("@reown/appkit-common").ChainNamespace | undefined;
+    protected readonly navigateTo: "Account" | "AccountSettings" | "SelectAddresses" | "AllWallets" | "ApproveTransaction" | "BuyInProgress" | "WalletCompatibleNetworks" | "ChooseAccountName" | "Connect" | "ConnectingExternal" | "ConnectingFarcaster" | "ConnectingWalletConnect" | "ConnectingSiwe" | "ConnectingSocial" | "ConnectSocials" | "ConnectWallets" | "Downloads" | "EmailVerifyOtp" | "EmailVerifyDevice" | "GetWallet" | "Networks" | "OnRampActivity" | "OnRampFiatSelect" | "OnRampProviders" | "OnRampTokenSelect" | "Profile" | "RegisterAccountName" | "RegisterAccountNameSuccess" | "SwitchNetwork" | "SwitchAddress" | "Transactions" | "UnsupportedChain" | "UpdateEmailWallet" | "UpdateEmailPrimaryOtp" | "UpdateEmailSecondaryOtp" | "UpgradeEmailWallet" | "UpgradeToSmartAccount" | "WalletReceive" | "WalletSend" | "WalletSendPreview" | "WalletSendSelectToken" | "WhatIsANetwork" | "WhatIsAWallet" | "WhatIsABuy" | "Swap" | "SwapSelectToken" | "SwapPreview" | "ConnectingMultiChain" | "SwitchActiveChain" | undefined;
+    protected readonly navigateWithReplace: boolean | undefined;
+    protected readonly caipNetwork: import("@reown/appkit-common").CaipNetwork | undefined;
+    activeChain: import("@reown/appkit-common").ChainNamespace | undefined;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
+    render(): import("lit").TemplateResult<1> | null;
+    private switchActiveChain;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w3m-switch-active-chain-view': W3mSwitchActiveChainView;
+    }
+}

package/dist/types/src/views/w3m-switch-active-chain-view/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/views/w3m-switch-address-view/index.d.ts

@@ -0,0 +1,24 @@
+import { type AccountType } from '@reown/appkit-core';
+import { LitElement } from 'lit';
+export declare class W3mSwitchAddressView extends LitElement {
+    static styles: import("lit").CSSResult;
+    private readonly metadata;
+    allAccounts: AccountType[];
+    private balances;
+    readonly labels: Map<string, string>;
+    readonly currentAddress: string;
+    private connectedConnector;
+    private shouldShowIcon;
+    private caipNetwork;
+    constructor();
+    connectedCallback(): void;
+    getAddressIcon(type: AccountType['type']): "lightbulb" | "mail";
+    render(): import("lit").TemplateResult<1>;
+    private getAddressTemplate;
+    private onSwitchAddress;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w3m-switch-address-view': W3mSwitchAddressView;
+    }
+}

package/dist/types/src/views/w3m-switch-address-view/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/views/w3m-transactions-view/index.d.ts

@@ -0,0 +1,10 @@
+import { LitElement } from 'lit';
+export declare class W3mTransactionsView extends LitElement {
+    static styles: import("lit").CSSResult;
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w3m-transactions-view': W3mTransactionsView;
+    }
+}

package/dist/types/src/views/w3m-transactions-view/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/views/w3m-unsupported-chain-view/index.d.ts

@@ -0,0 +1,16 @@
+import { LitElement } from 'lit';
+export declare class W3mUnsupportedChainView extends LitElement {
+    static styles: import("lit").CSSResult;
+    protected readonly swapUnsupportedChain: boolean | undefined;
+    private disconecting;
+    render(): import("lit").TemplateResult<1>;
+    private descriptionTemplate;
+    private networksTemplate;
+    private onDisconnect;
+    private onSwitchNetwork;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w3m-unsupported-chain-view': W3mUnsupportedChainView;
+    }
+}

package/dist/types/src/views/w3m-unsupported-chain-view/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/views/w3m-update-email-primary-otp-view/index.d.ts

@@ -0,0 +1,13 @@
+import { W3mEmailOtpWidget } from '../../utils/w3m-email-otp-widget/index.js';
+import type { OnOtpSubmitFn } from '../../utils/w3m-email-otp-widget/index.js';
+export declare class W3mUpdateEmailPrimaryOtpView extends W3mEmailOtpWidget {
+    constructor();
+    email: string | undefined;
+    onOtpSubmit: OnOtpSubmitFn;
+    onStartOver: () => void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w3m-update-email-primary-otp-view': W3mUpdateEmailPrimaryOtpView;
+    }
+}

package/dist/types/src/views/w3m-update-email-secondary-otp-view/index.d.ts

@@ -0,0 +1,13 @@
+import { W3mEmailOtpWidget } from '../../utils/w3m-email-otp-widget/index.js';
+import type { OnOtpSubmitFn } from '../../utils/w3m-email-otp-widget/index.js';
+export declare class W3mUpdateEmailSecondaryOtpView extends W3mEmailOtpWidget {
+    constructor();
+    email: string | undefined;
+    onOtpSubmit: OnOtpSubmitFn;
+    onStartOver: () => void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w3m-update-email-secondary-otp-view': W3mUpdateEmailSecondaryOtpView;
+    }
+}

package/dist/types/src/views/w3m-update-email-wallet-view/index.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit';
+export declare class W3mUpdateEmailWalletView extends LitElement {
+    static styles: import("lit").CSSResult;
+    private formRef;
+    private initialEmail;
+    private email;
+    private loading;
+    firstUpdated(): void;
+    render(): import("lit").TemplateResult<1>;
+    private onEmailInputChange;
+    private onSubmitEmail;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w3m-update-email-wallet-view': W3mUpdateEmailWalletView;
+    }
+}

package/dist/types/src/views/w3m-update-email-wallet-view/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/views/w3m-upgrade-to-smart-account-view/index.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+export declare class W3mUpgradeToSmartAccountView extends LitElement {
+    private authConnector;
+    private loading;
+    render(): import("lit").TemplateResult<1>;
+    private onboardingTemplate;
+    private buttonsTemplate;
+    private setPreferSmartAccount;
+    private redirectToAccount;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w3m-upgrade-to-smart-account-view': W3mUpgradeToSmartAccountView;
+    }
+}

package/dist/types/src/views/w3m-upgrade-wallet-view/index.d.ts

@@ -0,0 +1,9 @@
+import { LitElement } from 'lit';
+export declare class W3mUpgradeWalletView extends LitElement {
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w3m-upgrade-wallet-view': W3mUpgradeWalletView;
+    }
+}

package/dist/types/src/views/w3m-wallet-compatible-networks-view/index.d.ts

@@ -0,0 +1,15 @@
+import { LitElement } from 'lit';
+export declare class W3mWalletCompatibleNetworksView extends LitElement {
+    static styles: import("lit").CSSResult;
+    private unsubscribe;
+    private preferredAccountType;
+    constructor();
+    disconnectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+    networkTemplate(): import("lit").TemplateResult<1>[] | null;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w3m-wallet-compatible-networks-view': W3mWalletCompatibleNetworksView;
+    }
+}

package/dist/types/src/views/w3m-wallet-compatible-networks-view/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/views/w3m-wallet-receive-view/index.d.ts

@@ -0,0 +1,20 @@
+import { LitElement } from 'lit';
+export declare class W3mWalletReceiveView extends LitElement {
+    static styles: import("lit").CSSResult;
+    private unsubscribe;
+    private address;
+    private profileName;
+    private network;
+    private preferredAccountType;
+    constructor();
+    disconnectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+    networkTemplate(): import("lit").TemplateResult<1> | null;
+    onReceiveClick(): void;
+    onCopyClick(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w3m-wallet-receive-view': W3mWalletReceiveView;
+    }
+}

package/dist/types/src/views/w3m-wallet-receive-view/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/views/w3m-wallet-send-preview-view/index.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+export declare class W3mWalletSendPreviewView extends LitElement {
+    static styles: import("lit").CSSResult;
+    private unsubscribe;
+    private token;
+    private sendTokenAmount;
+    private receiverAddress;
+    private receiverProfileName;
+    private receiverProfileImageUrl;
+    private gasPriceInUSD;
+    private caipNetwork;
+    constructor();
+    disconnectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+    private sendValueTemplate;
+    onSendClick(): void;
+    private onCancelClick;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w3m-wallet-send-preview-view': W3mWalletSendPreviewView;
+    }
+}

package/dist/types/src/views/w3m-wallet-send-preview-view/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/views/w3m-wallet-send-select-token-view/index.d.ts

@@ -0,0 +1,23 @@
+import { LitElement } from 'lit';
+export declare class W3mSendSelectTokenView extends LitElement {
+    static styles: import("lit").CSSResult;
+    private unsubscribe;
+    private tokenBalance;
+    private tokens?;
+    private filteredTokens?;
+    private search;
+    constructor();
+    disconnectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+    private templateSearchInput;
+    private templateTokens;
+    private onBuyClick;
+    private onInputChange;
+    private onDebouncedSearch;
+    private handleTokenClick;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w3m-wallet-send-select-token-view': W3mSendSelectTokenView;
+    }
+}

package/dist/types/src/views/w3m-wallet-send-select-token-view/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/views/w3m-wallet-send-view/index.d.ts

@@ -0,0 +1,24 @@
+import { LitElement } from 'lit';
+export declare class W3mWalletSendView extends LitElement {
+    static styles: import("lit").CSSResult;
+    private unsubscribe;
+    private token;
+    private sendTokenAmount;
+    private receiverAddress;
+    private receiverProfileName;
+    private loading;
+    private gasPriceInUSD;
+    private gasPrice;
+    private message;
+    constructor();
+    disconnectedCallback(): void;
+    render(): import("lit").TemplateResult<1>;
+    private fetchNetworkPrice;
+    private onButtonClick;
+    private getMessage;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w3m-wallet-send-view': W3mWalletSendView;
+    }
+}

package/dist/types/src/views/w3m-wallet-send-view/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult;
+export default _default;

package/dist/types/src/views/w3m-what-is-a-buy-view/index.d.ts

@@ -0,0 +1,9 @@
+import { LitElement } from 'lit';
+export declare class W3mWhatIsABuyView extends LitElement {
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w3m-what-is-a-buy-view': W3mWhatIsABuyView;
+    }
+}

package/dist/types/src/views/w3m-what-is-a-network-view/index.d.ts

@@ -0,0 +1,9 @@
+import { LitElement } from 'lit';
+export declare class W3mWhatIsANetworkView extends LitElement {
+    render(): import("lit").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w3m-what-is-a-network-view': W3mWhatIsANetworkView;
+    }
+}

package/dist/types/src/views/w3m-what-is-a-wallet-view/index.d.ts

@@ -0,0 +1,10 @@
+import { LitElement } from 'lit';
+export declare class W3mWhatIsAWalletView extends LitElement {
+    render(): import("lit").TemplateResult<1>;
+    private onGetWallet;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'w3m-what-is-a-wallet-view': W3mWhatIsAWalletView;
+    }
+}

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@reown/appkit-scaffold-ui",
+  "version": "0.0.3",
+  "type": "module",
+  "main": "./dist/esm/exports/index.js",
+  "types": "./dist/types/exports/index.d.ts",
+  "files": [
+    "dist",
+    "!tsconfig.tsbuildinfo"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/types/exports/index.d.ts",
+      "import": "./dist/esm/exports/index.js",
+      "default": "./dist/esm/exports/index.js"
+    },
+    "./w3m-modal": {
+      "types": "./dist/types/exports/w3m-modal.d.ts",
+      "import": "./dist/esm/exports/w3m-modal.js",
+      "default": "./dist/esm/exports/w3m-modal.js"
+    }
+  },
+  "dependencies": {
+    "lit": "3.1.0",
+    "@reown/appkit-common": "0.0.3",
+    "@reown/appkit-utils": "0.0.3",
+    "@reown/appkit-ui": "0.0.3",
+    "@reown/appkit-siwe": "0.0.3",
+    "@reown/appkit-core": "0.0.3",
+    "@reown/appkit-wallet": "0.0.3"
+  },
+  "author": "reown <reown.com>",
+  "license": "Apache-2.0",
+  "homepage": "https://github.com/web3modal/web3modal",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/WalletConnect/shadow-appkit.git"
+  },
+  "bugs": {
+    "url": "https://github.com/web3modal/web3modal/issues"
+  },
+  "scripts": {
+    "build:clean": "rm -rf dist",
+    "build": "tsc --build",
+    "watch": "tsc --watch",
+    "typecheck": "tsc --noEmit",
+    "lint": "eslint . --ext .js,.jsx,.ts,.tsx"
+  }
+}

package/readme.md

@@ -0,0 +1,11 @@
+#### 📚 [Documentation](https://docs.walletconnect.com/2.0/web3modal/about)
+
+#### 🔗 [Website](https://web3modal.com)
+
+# Web3Modal
+
+Your on-ramp to web3 multichain. Web3Modal is a versatile library that makes it super easy to connect users with your Dapp and start interacting with the blockchain.
+
+<p align="center">
+  <img src="./.github/assets/header.png" alt="" border="0">
+</p>