diff --git a/404.html b/404.html
index 89310f1..2ca8521 100644
--- a/404.html
+++ b/404.html
@@ -1 +1 @@
-404: This page could not be found
404
This page could not be found.
\ No newline at end of file
+404: This page could not be found
404
This page could not be found.
\ No newline at end of file
diff --git a/404/index.html b/404/index.html
index 89310f1..2ca8521 100644
--- a/404/index.html
+++ b/404/index.html
@@ -1 +1 @@
-404: This page could not be found
404
This page could not be found.
\ No newline at end of file
+404: This page could not be found
404
This page could not be found.
\ No newline at end of file
diff --git a/_next/static/4rqAnCKjZ5oHg9NsiyZml/_buildManifest.js b/_next/static/4rqAnCKjZ5oHg9NsiyZml/_buildManifest.js
deleted file mode 100644
index 68f8b52..0000000
--- a/_next/static/4rqAnCKjZ5oHg9NsiyZml/_buildManifest.js
+++ /dev/null
@@ -1 +0,0 @@
-self.__BUILD_MANIFEST=function(s,c,e){return{__rewrites:{afterFiles:[],beforeFiles:[],fallback:[]},"/":[s,c,"static/css/da093f7da3400ec9.css","static/chunks/pages/index-f92f0cf11857ef72.js"],"/_error":["static/chunks/pages/_error-c9810eecf3aa9b73.js"],"/docs/design":[s,c,"static/chunks/pages/docs/design-19be665f1b762d10.js"],"/docs/design/architecture":[s,c,"static/chunks/pages/docs/design/architecture-387b85d2da53ba07.js"],"/docs/design/binding":[s,c,"static/chunks/pages/docs/design/binding-831e8101660fbf98.js"],"/docs/design/component":[s,c,e,"static/chunks/pages/docs/design/component-6970435a3b36caf4.js"],"/docs/design/hook":[s,c,"static/chunks/pages/docs/design/hook-67318244e0d3e151.js"],"/docs/design/style":[s,c,"static/chunks/pages/docs/design/style-0ec67209bcd46260.js"],"/docs/design/wallet-standard":[s,c,"static/chunks/pages/docs/design/wallet-standard-a2f20a432959e315.js"],"/docs/faq":[s,c,"static/chunks/pages/docs/faq-1fbe3685dfb7d7f5.js"],"/docs/guide/build":[s,c,"static/chunks/pages/docs/guide/build-93e05088f95c17e2.js"],"/docs/guide/quickstart":[s,c,"static/chunks/pages/docs/guide/quickstart-678541288292df51.js"],"/docs/guide/wallet":[s,c,"static/chunks/pages/docs/guide/wallet-5a63906200361a9d.js"],"/docs/guide/zkapp":[s,c,"static/chunks/pages/docs/guide/zkapp-58a8e26d11c56d86.js"],"/docs/integrations":[s,c,"static/chunks/pages/docs/integrations-492e5116bfda3d03.js"],"/docs/intro":[s,c,e,"static/chunks/pages/docs/intro-8599847fd89a6141.js"],"/docs/starter":[s,c,"static/chunks/pages/docs/starter-68c458a80769866c.js"],"/docs/starter/react":[s,c,"static/chunks/pages/docs/starter/react-23489c38635a169c.js"],"/docs/starter/svelte":[s,c,"static/chunks/pages/docs/starter/svelte-da0f54dc4d8d9d1d.js"],sortedPages:["/","/_app","/_error","/docs/design","/docs/design/architecture","/docs/design/binding","/docs/design/component","/docs/design/hook","/docs/design/style","/docs/design/wallet-standard","/docs/faq","/docs/guide/build","/docs/guide/quickstart","/docs/guide/wallet","/docs/guide/zkapp","/docs/integrations","/docs/intro","/docs/starter","/docs/starter/react","/docs/starter/svelte"]}}("static/css/445c4173ffc2bf04.css","static/chunks/486-68f67c917271a26d.js","static/css/a8660a72e6735049.css"),self.__BUILD_MANIFEST_CB&&self.__BUILD_MANIFEST_CB();
\ No newline at end of file
diff --git a/_next/static/chunks/nextra-data-en-US.json b/_next/static/chunks/nextra-data-en-US.json
index b609a5f..ed983ed 100644
--- a/_next/static/chunks/nextra-data-en-US.json
+++ b/_next/static/chunks/nextra-data-en-US.json
@@ -1 +1 @@
-{"/docs/design":{"title":"Design","data":{}},"/docs/design/architecture":{"title":"Architecture","data":{}},"/docs/design/binding":{"title":"UI Bindings","data":{"":"The Mina Wallet Adapter is available in multiple JavaScript frameworks.\nSvelte\nReact\nVue (coming soon)\nAngular (coming soon)"}},"/docs/design/component":{"title":"Components","data":{"":"This consists of 4 primary components.","1-connect-button#1. Connect Button":"This serves as the entry button to connect a wallet. When clicked, it opens either the Welcome Modal if no wallet is detected or the Select Modal if any wallet is detected. After wallet connection, the button displays the connected account address truncated for the UI (i.e., B62qo7...F5dJSu). Clicking the connected button will present the Dropdown Menu for further options.","2-welcome-modal#2. Welcome Modal":"Displayed when no wallet is detected, the Welcome Modal presents a redirect button to the Mina Protocol official guide page for installing wallets and a configurable list of links to the websites of popular Mina wallets.","3-select-modal#3. Select Modal":"This is shown when at least one wallet is detected as installed. It displays a button list of wallets supported by the zkApp. Detected wallets are sorted to the top of the list for easy access. Click any of the wallets in the list to trigger a connection flow.","4-context-menu#4. Context Menu":"Available after a wallet is connected, this dropdown contains menu options to copy the connected wallet address to the clipboard, connect to another wallet, and disconnect."}},"/docs/design/hook":{"title":"Hook","data":{}},"/docs/design/style":{"title":"Style","data":{}},"/docs/design/wallet-standard":{"title":"Wallet Standard","data":{"":"These are Mina Protocol specific extensions to the Wallet Standard.","standard-extensions#Standard Extensions":"The Wallet Standard Extensions for Mina Protocol are defined as follows:","namespaces#Namespaces":"mina:","chains#Chains":"mina:mainnet\nmina:devnet\nmina:berkeley","features#Features":"mina:signMessage\nmina:signTransaction\nmina:sendTransaction\nmina:signAndSendTransaction","source-code#Source code":"mina-wallet-standard"}},"/docs/faq":{"title":"Frequently Asked Questions","data":{"":"See the guide Mina Wallet Adapter for zkApps.\nSee the guide Mina Wallet Adapter for wallets.\nSee the How to build guide."}},"/docs/guide/build":{"title":"Build project workspace locally","data":{"prerequisite#Prerequisite":"The following programs are necessary to build this project.\nNode 16 or newer\nNPM","clone-the-git-repository-and-change-to-the-project-directory#Clone the git repository and change to the project directory":"git clone https://github.com/mina-wallet-adapter/wallet-adapter.git\ncd wallet-adapter","install-project-dependencies#Install project dependencies":"npm install\npnpm install\nyarn install\nbun install","build-all-packages-in-the-project-workspace#Build all packages in the project workspace":"npm run build\npnpm run build\nyarn build\nbun run build","preview-the-project-site#Preview the project site":"This will spin up a local server that can be accessed at localhost:3000.\nnpm run preview\npnpm run preview\nyarn preview\nbun run preview"}},"/docs/guide/quickstart":{"title":"Quickstart","data":{"":"There are two possible options to quickly add the Mina Wallet Adapter to your zkApps.","option-1-starter-kits#Option 1: Starter-Kits":"The easiest way to start using the Mina Wallet Adapter is to build upon the starter-kit projects. There are starter-kits for various JavaScript frameworks; choose any compatible with your zkApp.\nnpx degit mina-wallet-adapter/starter-kit-react my-zkapp\ncd my-zkapp\nnpx degit mina-wallet-adapter/starter-kit-svelte my-zkapp\ncd my-zkapp","option-2-manual-installation#Option 2: Manual Installation":"Manually add the Mina Wallet Adapter to your pre-existing zkApp project.","add-dependency#Add dependency":"Install the following dependency in your project. Only a single package is required.\nnpm install @mina-wallet-adapter/ui-react\npnpm add @mina-wallet-adapter/ui-react\nyarn add @mina-wallet-adapter/ui-react\nbun add @mina-wallet-adapter/ui-react","import-components#Import components":"the default mode requires just WalletProvider and WalletMultiButton. The wallet-adapter.css file is optional and just for the default theme. Feel free to customize its CSS styles or replace the file with a project-specific stylesheet.\nimport { WalletProvider, WalletMultiButton } from \"@mina-wallet-adapter/ui-react\";\nimport \"@mina-wallet-adapter/ui-react/dist/wallet-adapter.css\";","use-in-app#Use in App":"Use WalletProvider as the root of your App to set up the necessary context object for your React app.\nThe WalletMultiButton shows the user a button to connect and a modal to select available wallets from. It automatically uses the connection state to display appropriate components.\nfunction App() {\n return (\n \n \n \n \n );\n}\nWrap your app with the WalletProvider so that you can use other components and hooks underneath it.","thats-it#That's it":"You can now start adding the useWallet hook for more advanced features.","add-dependency-1#Add dependency":"Install the following dependency to your project. Only a single package is required.\nnpm install @mina-wallet-adapter/ui-svelte\npnpm add @mina-wallet-adapter/ui-svelte\nyarn add @mina-wallet-adapter/ui-svelte\nbun add @mina-wallet-adapter/ui-svelte","import-components-1#Import components":"The default mode requires just WalletProvider and WalletMultiButton. The wallet-adapter.css file is optional and just for the default theme. Feel free to customize its CSS styles or replace the file with a project-specific stylesheet.\nimport { WalletProvider, WalletMultiButton } from \"@mina-wallet-adapter/ui-svelte\";\nimport \"@mina-wallet-adapter/ui-svelte/dist/wallet-adapter.css\";","use-in-app-1#Use in App":"Use WalletProvider to set up the necessary context and common configurations.\nThe WalletMultiButton shows the user a button to connect and a modal to select available wallets from. It automatically uses the connection state to display appropriate components.\n \n \n ","thats-it-1#That's it":"You can now start adding the walletStore store for more advanced features."}},"/docs/guide/wallet":{"title":"Mina Wallet Adapter for wallets","data":{"how-to-use-with-existing-wallets#How to use with existing wallets":"WIP ...","how-to-use-with-new-wallets#How to use with new wallets":"WIP ..."}},"/docs/guide/zkapp":{"title":"Mina Wallet Adapter for zkApps","data":{"":"This guide provides a quick setup for integrating the Wallet Adapter into a zkApp, utilizing any of the supported frontend frameworks mentioned below.","supported-frontend-frameworks#Supported frontend frameworks":"Svelte\nReact\nVue (coming soon)\nAngular (coming soon)\nVanila JS (coming soon)","svelte#Svelte":"Follow the steps below to seamlessly integrate the Wallet Adapter into your zkApp with just a few lines of code. Refer to the example starter project for the complete reference source code.","usage-steps#Usage steps":"Install dependency. Only a single package is required.\nnpm install @mina-wallet-adapter/ui-svelte\npnpm add @mina-wallet-adapter/ui-svelte\nyarn add @mina-wallet-adapter/ui-svelte\nbun add @mina-wallet-adapter/ui-svelte\nImport wallet components and store. Import the CSS file for the default theme. Feel free to customize the CSS styles or replace it with a project-specific stylesheet.\nimport { WalletProvider, WalletMultiButton, walletStore } from \"@mina-wallet-adapter/ui-svelte\";\nimport \"@mina-wallet-adapter/ui-svelte/dist/wallet-adapter.css\"; // Default style. Feel free to customize for project-specific look.\nUtilize the components as HTML elements within the page document. Pass the list of wallet adapters to display as a parameter to the WalletProvider component. The WalletMultiButton component will show the \"Connect Wallet\" button and handle the entire connection workflow.\n
\n \n \n
\nGet the wallet connection state and invoke connected wallet methods through the walletStore.\n
\n {#if $walletStore.connected}\n
Connected. Wallet address is {$walletStore.publicKey}.
\n \n {:else}\n
You are not connected. Click \"Connect Wallet\" button to connect.
\n {/if}\n
","react#React":"WIP.."}},"/docs/integrations":{"title":"Integrations Showcase","data":{"":"List of wallets and zkApp projects supporting Mina Wallet Adapter.","wallets#Wallets":"","zkapps#zkApps":""}},"/docs/intro":{"title":"Intro","data":{"":"The Mina Wallet Adapter offers a toolkit for integrating wallet support into zkApps. It comprises modular components and hooks designed for zkApps to seamlessly interact with all major wallets in the Mina Protocol ecosystem. This adapter provides reusable interfaces that facilitate interoperability between zkApps and wallets.Written in TypeScript, the Mina Wallet Adapter enables adding wallet support to zkApps with just a few lines of code.","core-features#Core Features":"Auto-detection of installed wallets\nAutomatic wallet state management\nQuery hooks and modular UI components for zkApps\nWallet Standard support\nWritten in TypeScript with support for multiple JS frameworks like React, Svelte, and more","roadmap-features#Roadmap Features":"The following features are planned and coming soon.\nMina Wallet Provider APIs (RFC-0008, RFC-0009 and RFC-0010) compatibility\nIntegration with the .mina domain (Mina Names Service)\nCustomizable UI with light and dark modes, and themable styles","demo#Demo":"Check out the demo site below to see the Wallet Adapter in action.👉 zkApp Starter Kit"}},"/docs/starter":{"title":"Starter Kits","data":{}},"/docs/starter/react":{"title":"Starter Kit for zkApps written in React","data":{}},"/docs/starter/svelte":{"title":"Starter Kit for zkApps written in Svelte","data":{}},"/":{"title":"Index","data":{}}}
\ No newline at end of file
+{"/docs/design":{"title":"Design","data":{}},"/docs/design/hook":{"title":"Hook","data":{}},"/docs/design/style":{"title":"Style","data":{}},"/docs/design/architecture":{"title":"Architecture","data":{}},"/docs/design/binding":{"title":"UI Bindings","data":{"":"The Mina Wallet Adapter is available in multiple JavaScript frameworks.\nSvelte\nReact\nVue (coming soon)\nAngular (coming soon)"}},"/docs/design/component":{"title":"Components","data":{"":"This consists of 4 primary components.","1-connect-button#1. Connect Button":"This serves as the entry button to connect a wallet. When clicked, it opens either the Welcome Modal if no wallet is detected or the Select Modal if any wallet is detected. After wallet connection, the button displays the connected account address truncated for the UI (i.e., B62qo7...F5dJSu). Clicking the connected button will present the Dropdown Menu for further options.","2-welcome-modal#2. Welcome Modal":"Displayed when no wallet is detected, the Welcome Modal presents a redirect button to the Mina Protocol official guide page for installing wallets and a configurable list of links to the websites of popular Mina wallets.","3-select-modal#3. Select Modal":"This is shown when at least one wallet is detected as installed. It displays a button list of wallets supported by the zkApp. Detected wallets are sorted to the top of the list for easy access. Click any of the wallets in the list to trigger a connection flow.","4-context-menu#4. Context Menu":"Available after a wallet is connected, this dropdown contains menu options to copy the connected wallet address to the clipboard, connect to another wallet, and disconnect."}},"/docs/design/wallet-standard":{"title":"Wallet Standard","data":{"":"These are Mina Protocol specific extensions to the Wallet Standard.","standard-extensions#Standard Extensions":"The Wallet Standard Extensions for Mina Protocol are defined as follows:","namespaces#Namespaces":"mina:","chains#Chains":"mina:mainnet\nmina:devnet\nmina:berkeley","features#Features":"mina:signMessage\nmina:signTransaction\nmina:sendTransaction\nmina:signAndSendTransaction","source-code#Source code":"mina-wallet-standard"}},"/docs/faq":{"title":"Frequently Asked Questions","data":{"":"See the guide Mina Wallet Adapter for zkApps.\nSee the guide Mina Wallet Adapter for wallets.\nSee the How to build guide."}},"/docs/guide/build":{"title":"Build project workspace locally","data":{"prerequisite#Prerequisite":"The following programs are necessary to build this project.\nNode 16 or newer\nNPM","clone-the-git-repository-and-change-to-the-project-directory#Clone the git repository and change to the project directory":"git clone https://github.com/mina-wallet-adapter/wallet-adapter.git\ncd wallet-adapter","install-project-dependencies#Install project dependencies":"npm install\npnpm install\nyarn install\nbun install","build-all-packages-in-the-project-workspace#Build all packages in the project workspace":"npm run build\npnpm run build\nyarn build\nbun run build","preview-the-project-site#Preview the project site":"This will spin up a local server that can be accessed at localhost:3000.\nnpm run preview\npnpm run preview\nyarn preview\nbun run preview"}},"/docs/guide/quickstart":{"title":"Quickstart","data":{"":"There are two possible options to quickly add the Mina Wallet Adapter to your zkApps.","option-1-starter-kits#Option 1: Starter-Kits":"The easiest way to start using the Mina Wallet Adapter is to build upon the starter-kit projects. There are starter-kits for various JavaScript frameworks; choose any compatible with your zkApp.\nnpx degit mina-wallet-adapter/starter-kit-react my-zkapp\ncd my-zkapp\nnpx degit mina-wallet-adapter/starter-kit-svelte my-zkapp\ncd my-zkapp","option-2-manual-installation#Option 2: Manual Installation":"Manually add the Mina Wallet Adapter to your pre-existing zkApp project.","add-dependency#Add dependency":"Install the following dependency in your project. Only a single package is required.\nnpm install @mina-wallet-adapter/ui-react\npnpm add @mina-wallet-adapter/ui-react\nyarn add @mina-wallet-adapter/ui-react\nbun add @mina-wallet-adapter/ui-react","import-components#Import components":"the default mode requires just WalletProvider and WalletMultiButton. The wallet-adapter.css file is optional and just for the default theme. Feel free to customize its CSS styles or replace the file with a project-specific stylesheet.\nimport { WalletProvider, WalletMultiButton } from \"@mina-wallet-adapter/ui-react\";\nimport \"@mina-wallet-adapter/ui-react/dist/wallet-adapter.css\";","use-in-app#Use in App":"Use WalletProvider as the root of your App to set up the necessary context object for your React app.\nThe WalletMultiButton shows the user a button to connect and a modal to select available wallets from. It automatically uses the connection state to display appropriate components.\nfunction App() {\n return (\n \n \n \n \n );\n}\nWrap your app with the WalletProvider so that you can use other components and hooks underneath it.","thats-it#That's it":"You can now start adding the useWallet hook for more advanced features.","add-dependency-1#Add dependency":"Install the following dependency to your project. Only a single package is required.\nnpm install @mina-wallet-adapter/ui-svelte\npnpm add @mina-wallet-adapter/ui-svelte\nyarn add @mina-wallet-adapter/ui-svelte\nbun add @mina-wallet-adapter/ui-svelte","import-components-1#Import components":"The default mode requires just WalletProvider and WalletMultiButton. The wallet-adapter.css file is optional and just for the default theme. Feel free to customize its CSS styles or replace the file with a project-specific stylesheet.\nimport { WalletProvider, WalletMultiButton } from \"@mina-wallet-adapter/ui-svelte\";\nimport \"@mina-wallet-adapter/ui-svelte/dist/wallet-adapter.css\";","use-in-app-1#Use in App":"Use WalletProvider to set up the necessary context and common configurations.\nThe WalletMultiButton shows the user a button to connect and a modal to select available wallets from. It automatically uses the connection state to display appropriate components.\n \n \n ","thats-it-1#That's it":"You can now start adding the walletStore store for more advanced features."}},"/docs/guide/wallet":{"title":"Mina Wallet Adapter for wallets","data":{"how-to-use-with-existing-wallets#How to use with existing wallets":"WIP ...","how-to-use-with-new-wallets#How to use with new wallets":"WIP ..."}},"/docs/guide/zkapp":{"title":"Mina Wallet Adapter for zkApps","data":{"":"This guide provides a quick setup for integrating the Wallet Adapter into a zkApp, utilizing any of the supported frontend frameworks mentioned below.","supported-frontend-frameworks#Supported frontend frameworks":"Svelte\nReact\nVue (coming soon)\nAngular (coming soon)\nVanila JS (coming soon)","svelte#Svelte":"Follow the steps below to seamlessly integrate the Wallet Adapter into your zkApp with just a few lines of code. Refer to the example starter project for the complete reference source code.","usage-steps#Usage steps":"Install dependency. Only a single package is required.\nnpm install @mina-wallet-adapter/ui-svelte\npnpm add @mina-wallet-adapter/ui-svelte\nyarn add @mina-wallet-adapter/ui-svelte\nbun add @mina-wallet-adapter/ui-svelte\nImport wallet components and store. Import the CSS file for the default theme. Feel free to customize the CSS styles or replace it with a project-specific stylesheet.\nimport { WalletProvider, WalletMultiButton, walletStore } from \"@mina-wallet-adapter/ui-svelte\";\nimport \"@mina-wallet-adapter/ui-svelte/dist/wallet-adapter.css\"; // Default style. Feel free to customize for project-specific look.\nUtilize the components as HTML elements within the page document. Pass the list of wallet adapters to display as a parameter to the WalletProvider component. The WalletMultiButton component will show the \"Connect Wallet\" button and handle the entire connection workflow.\n
\n \n \n
\nGet the wallet connection state and invoke connected wallet methods through the walletStore.\n
\n {#if $walletStore.connected}\n
Connected. Wallet address is {$walletStore.publicKey}.
\n \n {:else}\n
You are not connected. Click \"Connect Wallet\" button to connect.
\n {/if}\n
","react#React":"WIP.."}},"/docs/integrations":{"title":"Integrations Showcase","data":{"":"List of wallets and zkApp projects supporting Mina Wallet Adapter.","wallets#Wallets":"","zkapps#zkApps":""}},"/docs/intro":{"title":"Intro","data":{"":"The Mina Wallet Adapter offers a toolkit for integrating wallet support into zkApps. It comprises modular components and hooks designed for zkApps to seamlessly interact with all major wallets in the Mina Protocol ecosystem. This adapter provides reusable interfaces that facilitate interoperability between zkApps and wallets.Written in TypeScript, the Mina Wallet Adapter enables adding wallet support to zkApps with just a few lines of code.","core-features#Core Features":"Auto-detection of installed wallets\nAutomatic wallet state management\nQuery hooks and modular UI components for zkApps\nWallet Standard support\nWritten in TypeScript with support for multiple JS frameworks like React, Svelte, and more","roadmap-features#Roadmap Features":"The following features are planned and coming soon.\nMina Wallet Provider APIs (RFC-0008, RFC-0009 and RFC-0010) compatibility\nIntegration with the .mina domain (Mina Names Service)\nCustomizable UI with light and dark modes, and themable styles","demo#Demo":"Check out the demo site below to see the Wallet Adapter in action.👉 zkApp Starter Kit"}},"/docs/starter":{"title":"Starter Kits","data":{}},"/docs/starter/react":{"title":"Starter Kit for zkApps written in React","data":{}},"/docs/starter/svelte":{"title":"Starter Kit for zkApps written in Svelte","data":{}},"/":{"title":"Index","data":{}}}
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/design-19be665f1b762d10.js b/_next/static/chunks/pages/docs/design-19be665f1b762d10.js
deleted file mode 100644
index e1b57d7..0000000
--- a/_next/static/chunks/pages/docs/design-19be665f1b762d10.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[893],{242:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/design",function(){return n(8906)}])},8906:function(e,t,n){"use strict";n.r(t),n.d(t,{__toc:function(){return s}});var a=n(4246),o=n(9304),i=n(7284),r=n(4637);n(8233);var d=n(1441);let s=[];function _createMdxContent(e){let t=Object.assign({h1:"h1"},(0,d.a)(),e.components);return(0,a.jsx)(t.h1,{children:"Design"})}let c={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,d.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/design.mdx",route:"/docs/design",timestamp:1704367631e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Design",headings:s},pageNextRoute:"/docs/design",nextraLayout:i.ZP,themeConfig:r.Z};t.default=(0,o.j)(c)},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var o=n(6677),i=n(7284);let r={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},d={logo:(0,a.jsx)("span",{children:r.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,o.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(r.name)}},head:function(){let{title:e}=(0,i.ZR)(),t=(e?e+" – ":"")+r.name,n="".concat(r.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:r.name}),(0,a.jsx)("meta",{name:"description",content:r.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:r.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:r.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:r.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:r.description}),(0,a.jsx)("meta",{property:"og:site_name",content:r.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=d},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=242)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/design-7f0e31181a0e54a9.js b/_next/static/chunks/pages/docs/design-7f0e31181a0e54a9.js
new file mode 100644
index 0000000..92ec6a7
--- /dev/null
+++ b/_next/static/chunks/pages/docs/design-7f0e31181a0e54a9.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[893],{242:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/design",function(){return n(8906)}])},8906:function(e,t,n){"use strict";n.r(t),n.d(t,{__toc:function(){return s}});var a=n(4246),o=n(9304),i=n(7284),r=n(4637);n(8233);var d=n(1441);let s=[];function _createMdxContent(e){let t=Object.assign({h1:"h1"},(0,d.a)(),e.components);return(0,a.jsx)(t.h1,{children:"Design"})}let c={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,d.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/design.mdx",route:"/docs/design",timestamp:1704367631e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"},typedoc:{title:"API Docs",type:"page",href:"./typedoc"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Design",headings:s},pageNextRoute:"/docs/design",nextraLayout:i.ZP,themeConfig:r.Z};t.default=(0,o.j)(c)},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var o=n(6677),i=n(7284);let r={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},d={logo:(0,a.jsx)("span",{children:r.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,o.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(r.name)}},head:function(){let{title:e}=(0,i.ZR)(),t=(e?e+" – ":"")+r.name,n="".concat(r.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:r.name}),(0,a.jsx)("meta",{name:"description",content:r.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:r.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:r.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:r.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:r.description}),(0,a.jsx)("meta",{property:"og:site_name",content:r.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=d},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=242)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/design/architecture-387b85d2da53ba07.js b/_next/static/chunks/pages/docs/design/architecture-387b85d2da53ba07.js
deleted file mode 100644
index 848921c..0000000
--- a/_next/static/chunks/pages/docs/design/architecture-387b85d2da53ba07.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[428],{274:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/design/architecture",function(){return n(6535)}])},6535:function(e,t,n){"use strict";n.r(t),n.d(t,{__toc:function(){return c},default:function(){return p}});var a=n(4246),r=n(9304),i=n(7284),o=n(4637);n(8233);var d=n(1441),s={src:"/wallet-adapter/_next/static/media/design.2ff79125.png",height:740,width:720,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAABlBMVEX19fX+/v6+NEUvAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAI0lEQVR4nGNgZGRgYGRkZGTAZIAARATMZIAzwEyIChAFYgAABboAJYdCpIcAAAAASUVORK5CYII=",blurWidth:8,blurHeight:8};let c=[];function _createMdxContent(e){let t=Object.assign({h1:"h1",p:"p",img:"img"},(0,d.a)(),e.components);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h1,{children:"Architecture"}),"\n",(0,a.jsx)(t.p,{children:(0,a.jsx)(t.img,{alt:"screenshot",placeholder:"blur",src:s})})]})}let l={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,d.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/design/architecture.md",route:"/docs/design/architecture",timestamp:1704367631e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Architecture",headings:c},pageNextRoute:"/docs/design/architecture",nextraLayout:i.ZP,themeConfig:o.Z};var p=(0,r.j)(l)},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var r=n(6677),i=n(7284);let o={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},d={logo:(0,a.jsx)("span",{children:o.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,r.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(o.name)}},head:function(){let{title:e}=(0,i.ZR)(),t=(e?e+" – ":"")+o.name,n="".concat(o.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:o.name}),(0,a.jsx)("meta",{name:"description",content:o.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:o.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:o.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:o.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:o.description}),(0,a.jsx)("meta",{property:"og:site_name",content:o.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=d},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=274)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/design/architecture-919abde8e1e20f83.js b/_next/static/chunks/pages/docs/design/architecture-919abde8e1e20f83.js
new file mode 100644
index 0000000..dfbdf0f
--- /dev/null
+++ b/_next/static/chunks/pages/docs/design/architecture-919abde8e1e20f83.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[428],{274:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/design/architecture",function(){return n(6535)}])},6535:function(e,t,n){"use strict";n.r(t),n.d(t,{__toc:function(){return c},default:function(){return p}});var a=n(4246),r=n(9304),i=n(7284),o=n(4637);n(8233);var d=n(1441),s={src:"/wallet-adapter/_next/static/media/design.2ff79125.png",height:740,width:720,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAABlBMVEX19fX+/v6+NEUvAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAI0lEQVR4nGNgZGRgYGRkZGTAZIAARATMZIAzwEyIChAFYgAABboAJYdCpIcAAAAASUVORK5CYII=",blurWidth:8,blurHeight:8};let c=[];function _createMdxContent(e){let t=Object.assign({h1:"h1",p:"p",img:"img"},(0,d.a)(),e.components);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h1,{children:"Architecture"}),"\n",(0,a.jsx)(t.p,{children:(0,a.jsx)(t.img,{alt:"screenshot",placeholder:"blur",src:s})})]})}let l={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,d.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/design/architecture.md",route:"/docs/design/architecture",timestamp:1704367631e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"},typedoc:{title:"API Docs",type:"page",href:"./typedoc"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Architecture",headings:c},pageNextRoute:"/docs/design/architecture",nextraLayout:i.ZP,themeConfig:o.Z};var p=(0,r.j)(l)},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var r=n(6677),i=n(7284);let o={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},d={logo:(0,a.jsx)("span",{children:o.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,r.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(o.name)}},head:function(){let{title:e}=(0,i.ZR)(),t=(e?e+" – ":"")+o.name,n="".concat(o.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:o.name}),(0,a.jsx)("meta",{name:"description",content:o.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:o.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:o.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:o.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:o.description}),(0,a.jsx)("meta",{property:"og:site_name",content:o.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=d},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=274)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/design/binding-14d17fb2909b501e.js b/_next/static/chunks/pages/docs/design/binding-14d17fb2909b501e.js
new file mode 100644
index 0000000..9dc7a8f
--- /dev/null
+++ b/_next/static/chunks/pages/docs/design/binding-14d17fb2909b501e.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[215],{589:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/design/binding",function(){return n(9175)}])},9175:function(e,t,n){"use strict";n.r(t),n.d(t,{__toc:function(){return s}});var a=n(4246),i=n(9304),r=n(7284),o=n(4637);n(8233);var d=n(1441);let s=[];function _createMdxContent(e){let t=Object.assign({h1:"h1",p:"p",ul:"ul",li:"li",a:"a",em:"em"},(0,d.a)(),e.components);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h1,{children:"UI Bindings"}),"\n",(0,a.jsx)(t.p,{children:"The Mina Wallet Adapter is available in multiple JavaScript frameworks."}),"\n",(0,a.jsxs)(t.ul,{children:["\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.a,{href:"/docs/starter/svelte/",children:"Svelte"})}),"\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.a,{href:"/docs/starter/react/",children:"React"})}),"\n",(0,a.jsxs)(t.li,{children:["Vue ",(0,a.jsx)(t.em,{children:"(coming soon)"})]}),"\n",(0,a.jsxs)(t.li,{children:["Angular ",(0,a.jsx)(t.em,{children:"(coming soon)"})]}),"\n"]})]})}let c={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,d.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/design/binding.md",route:"/docs/design/binding",timestamp:1705496425e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"},typedoc:{title:"API Docs",type:"page",href:"./typedoc"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"UI Bindings",headings:s},pageNextRoute:"/docs/design/binding",nextraLayout:r.ZP,themeConfig:o.Z};t.default=(0,i.j)(c)},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var i=n(6677),r=n(7284);let o={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},d={logo:(0,a.jsx)("span",{children:o.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,i.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(o.name)}},head:function(){let{title:e}=(0,r.ZR)(),t=(e?e+" – ":"")+o.name,n="".concat(o.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:o.name}),(0,a.jsx)("meta",{name:"description",content:o.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:o.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:o.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:o.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:o.description}),(0,a.jsx)("meta",{property:"og:site_name",content:o.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=d},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=589)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/design/binding-831e8101660fbf98.js b/_next/static/chunks/pages/docs/design/binding-831e8101660fbf98.js
deleted file mode 100644
index 3ca9074..0000000
--- a/_next/static/chunks/pages/docs/design/binding-831e8101660fbf98.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[215],{589:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/design/binding",function(){return n(9175)}])},9175:function(e,t,n){"use strict";n.r(t),n.d(t,{__toc:function(){return s}});var a=n(4246),i=n(9304),r=n(7284),o=n(4637);n(8233);var d=n(1441);let s=[];function _createMdxContent(e){let t=Object.assign({h1:"h1",p:"p",ul:"ul",li:"li",a:"a",em:"em"},(0,d.a)(),e.components);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h1,{children:"UI Bindings"}),"\n",(0,a.jsx)(t.p,{children:"The Mina Wallet Adapter is available in multiple JavaScript frameworks."}),"\n",(0,a.jsxs)(t.ul,{children:["\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.a,{href:"/docs/starter/svelte/",children:"Svelte"})}),"\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.a,{href:"/docs/starter/react/",children:"React"})}),"\n",(0,a.jsxs)(t.li,{children:["Vue ",(0,a.jsx)(t.em,{children:"(coming soon)"})]}),"\n",(0,a.jsxs)(t.li,{children:["Angular ",(0,a.jsx)(t.em,{children:"(coming soon)"})]}),"\n"]})]})}let c={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,d.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/design/binding.md",route:"/docs/design/binding",timestamp:1705496425e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"UI Bindings",headings:s},pageNextRoute:"/docs/design/binding",nextraLayout:r.ZP,themeConfig:o.Z};t.default=(0,i.j)(c)},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var i=n(6677),r=n(7284);let o={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},d={logo:(0,a.jsx)("span",{children:o.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,i.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(o.name)}},head:function(){let{title:e}=(0,r.ZR)(),t=(e?e+" – ":"")+o.name,n="".concat(o.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:o.name}),(0,a.jsx)("meta",{name:"description",content:o.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:o.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:o.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:o.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:o.description}),(0,a.jsx)("meta",{property:"og:site_name",content:o.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=d},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=589)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/design/component-6970435a3b36caf4.js b/_next/static/chunks/pages/docs/design/component-6970435a3b36caf4.js
deleted file mode 100644
index 1e5c262..0000000
--- a/_next/static/chunks/pages/docs/design/component-6970435a3b36caf4.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[181],{3098:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/design/component",function(){return n(3721)}])},3721:function(e,t,n){"use strict";n.r(t),n.d(t,{__toc:function(){return u},default:function(){return h}});var a=n(4246),o=n(9304),i=n(7284),r=n(4637);n(8233);var d=n(1441),s={src:"/wallet-adapter/_next/static/media/connect_button.7fab93ad.png",height:57,width:479,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAMAAADU3h9xAAAAElBMVEVkZGpgYWNXWVllZmlhXnFMaXFMeMq/AAAABnRSTlP+7urfnQAtIiFAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEUlEQVR4nGNgYGBmZWFgYgQAAEkAEObPVpsAAAAASUVORK5CYII=",blurWidth:8,blurHeight:1},l={src:"/wallet-adapter/_next/static/media/welcome_modal.8278212c.png",height:482,width:407,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAMAAAAC2hU0AAAAFVBMVEU3NjYwMTEpKipHNDBBQkK8V0B6QzZ/FMmtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBnbm9tZS1zY3JlZW5zaG907wO/PgAAACpJREFUeJxFy7ENACAMxEA7POw/MkqEhJurjCiAJGlLrDFfYU2c3Z13cQEK3QBoXFUKmAAAAABJRU5ErkJggg==",blurWidth:7,blurHeight:8},c={src:"/wallet-adapter/_next/static/media/select_modal.05efea98.png",height:513,width:406,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAMAAADtGH4KAAAAD1BMVEU2Njc/Pz8wMDAqKipMSUl696hPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBnbm9tZS1zY3JlZW5zaG907wO/PgAAACZJREFUeJwtiEEKACAAg3Tb/98cUR4UhEd+Cg2t9q4ksKmyTcArDgXIADsASzI7AAAAAElFTkSuQmCC",blurWidth:6,blurHeight:8},A={src:"/wallet-adapter/_next/static/media/menu.242743bb.png",height:161,width:240,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAElBMVEU9PkFGR0kzNDdOTlAmJypZWlw6DixrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBnbm9tZS1zY3JlZW5zaG907wO/PgAAACNJREFUeJxFyLEBADAMwjAbwv8vd6xGsdia4QVyUETlz4KSPgbjAEYmf96WAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:5},p=n(2832);let u=[{depth:2,value:"1. Connect Button",id:"1-connect-button"},{depth:2,value:"2. Welcome Modal",id:"2-welcome-modal"},{depth:2,value:"3. Select Modal",id:"3-select-modal"},{depth:2,value:"4. Context Menu",id:"4-context-menu"}];function _createMdxContent(e){let t=Object.assign({h1:"h1",p:"p",h2:"h2",img:"img"},(0,d.a)(),e.components);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h1,{children:"Components"}),"\n",(0,a.jsx)(t.p,{children:"This consists of 4 primary components."}),"\n",(0,a.jsx)(t.h2,{id:"1-connect-button",children:"1. Connect Button"}),"\n",(0,a.jsx)(t.p,{children:"This serves as the entry button to connect a wallet. When clicked, it opens either the Welcome Modal if no wallet is detected or the Select Modal if any wallet is detected. After wallet connection, the button displays the connected account address truncated for the UI (i.e., B62qo7...F5dJSu). Clicking the connected button will present the Dropdown Menu for further options."}),"\n",(0,a.jsx)(t.p,{children:(0,a.jsx)(t.img,{alt:"Connect button",placeholder:"blur",src:s})}),"\n",(0,a.jsx)(t.h2,{id:"2-welcome-modal",children:"2. Welcome Modal"}),"\n",(0,a.jsx)(t.p,{children:"Displayed when no wallet is detected, the Welcome Modal presents a redirect button to the Mina Protocol official guide page for installing wallets and a configurable list of links to the websites of popular Mina wallets."}),"\n",(0,a.jsx)(p.s,{style:{maxWidth:"300px"},children:(0,a.jsx)(t.img,{alt:"Welcome Modal",placeholder:"blur",src:l})}),"\n",(0,a.jsx)(t.h2,{id:"3-select-modal",children:"3. Select Modal"}),"\n",(0,a.jsx)(t.p,{children:"This is shown when at least one wallet is detected as installed. It displays a button list of wallets supported by the zkApp. Detected wallets are sorted to the top of the list for easy access. Click any of the wallets in the list to trigger a connection flow."}),"\n",(0,a.jsx)(p.s,{style:{maxWidth:"300px"},children:(0,a.jsx)(t.img,{alt:"Select Modal",placeholder:"blur",src:c})}),"\n",(0,a.jsx)(t.h2,{id:"4-context-menu",children:"4. Context Menu"}),"\n",(0,a.jsx)(t.p,{children:"Available after a wallet is connected, this dropdown contains menu options to copy the connected wallet address to the clipboard, connect to another wallet, and disconnect."}),"\n",(0,a.jsx)(t.p,{children:(0,a.jsx)(t.img,{alt:"Context Menu",placeholder:"blur",src:A})})]})}let g={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,d.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/design/component.mdx",route:"/docs/design/component",timestamp:1706739955e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Components",headings:u},pageNextRoute:"/docs/design/component",nextraLayout:i.ZP,themeConfig:r.Z};var h=(0,o.j)(g)},2832:function(e,t,n){"use strict";n.d(t,{s:function(){return ImgDiv},Q:function(){return LinkButton}});var a=n(4246),o=n(7915),i=n.n(o);function ImgDiv(e){let{children:t,style:n={}}=e;return(0,a.jsx)("div",{className:i().imgdiv,style:{...n},children:t})}var r=n(9894),d=n.n(r);function LinkButton(e){let{href:t,children:n,target:o,className:i=""}=e;return(0,a.jsx)(d(),{href:t,style:{display:"inline-block",textDecoration:"none",padding:"0.5rem 3rem"},className:"".concat(i," nx-text-current nx-rounded-lg nx-border nx-border-gray-200 dark:nx-shadow-none hover:nx-shadow-gray-100 dark:hover:nx-shadow-none nx-shadow-gray-100 active:nx-shadow-sm active:nx-shadow-gray-200 nx-transition-all nx-duration-200 hover:nx-border-gray-300 nx-bg-transparent nx-shadow-sm dark:nx-border-neutral-800 hover:nx-bg-slate-50 hover:nx-shadow-md dark:hover:nx-border-neutral-700 dark:hover:nx-bg-neutral-900"),target:o,children:n})}},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var o=n(6677),i=n(7284);let r={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},d={logo:(0,a.jsx)("span",{children:r.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,o.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(r.name)}},head:function(){let{title:e}=(0,i.ZR)(),t=(e?e+" – ":"")+r.name,n="".concat(r.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:r.name}),(0,a.jsx)("meta",{name:"description",content:r.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:r.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:r.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:r.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:r.description}),(0,a.jsx)("meta",{property:"og:site_name",content:r.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=d},7915:function(e){e.exports={imgdiv:"style_imgdiv__Z_743"}},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=3098)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/design/component-d07ed800fb94adfd.js b/_next/static/chunks/pages/docs/design/component-d07ed800fb94adfd.js
new file mode 100644
index 0000000..7b2a63f
--- /dev/null
+++ b/_next/static/chunks/pages/docs/design/component-d07ed800fb94adfd.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[181],{3098:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/design/component",function(){return n(3721)}])},3721:function(e,t,n){"use strict";n.r(t),n.d(t,{__toc:function(){return u},default:function(){return h}});var a=n(4246),o=n(9304),i=n(7284),r=n(4637);n(8233);var d=n(1441),s={src:"/wallet-adapter/_next/static/media/connect_button.7fab93ad.png",height:57,width:479,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAABCAMAAADU3h9xAAAAElBMVEVkZGpgYWNXWVllZmlhXnFMaXFMeMq/AAAABnRSTlP+7urfnQAtIiFAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEUlEQVR4nGNgYGBmZWFgYgQAAEkAEObPVpsAAAAASUVORK5CYII=",blurWidth:8,blurHeight:1},l={src:"/wallet-adapter/_next/static/media/welcome_modal.8278212c.png",height:482,width:407,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAMAAAAC2hU0AAAAFVBMVEU3NjYwMTEpKipHNDBBQkK8V0B6QzZ/FMmtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBnbm9tZS1zY3JlZW5zaG907wO/PgAAACpJREFUeJxFy7ENACAMxEA7POw/MkqEhJurjCiAJGlLrDFfYU2c3Z13cQEK3QBoXFUKmAAAAABJRU5ErkJggg==",blurWidth:7,blurHeight:8},c={src:"/wallet-adapter/_next/static/media/select_modal.05efea98.png",height:513,width:406,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAICAMAAADtGH4KAAAAD1BMVEU2Njc/Pz8wMDAqKipMSUl696hPAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBnbm9tZS1zY3JlZW5zaG907wO/PgAAACZJREFUeJwtiEEKACAAg3Tb/98cUR4UhEd+Cg2t9q4ksKmyTcArDgXIADsASzI7AAAAAElFTkSuQmCC",blurWidth:6,blurHeight:8},A={src:"/wallet-adapter/_next/static/media/menu.242743bb.png",height:161,width:240,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAElBMVEU9PkFGR0kzNDdOTlAmJypZWlw6DixrAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBnbm9tZS1zY3JlZW5zaG907wO/PgAAACNJREFUeJxFyLEBADAMwjAbwv8vd6xGsdia4QVyUETlz4KSPgbjAEYmf96WAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:5},p=n(2832);let u=[{depth:2,value:"1. Connect Button",id:"1-connect-button"},{depth:2,value:"2. Welcome Modal",id:"2-welcome-modal"},{depth:2,value:"3. Select Modal",id:"3-select-modal"},{depth:2,value:"4. Context Menu",id:"4-context-menu"}];function _createMdxContent(e){let t=Object.assign({h1:"h1",p:"p",h2:"h2",img:"img"},(0,d.a)(),e.components);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h1,{children:"Components"}),"\n",(0,a.jsx)(t.p,{children:"This consists of 4 primary components."}),"\n",(0,a.jsx)(t.h2,{id:"1-connect-button",children:"1. Connect Button"}),"\n",(0,a.jsx)(t.p,{children:"This serves as the entry button to connect a wallet. When clicked, it opens either the Welcome Modal if no wallet is detected or the Select Modal if any wallet is detected. After wallet connection, the button displays the connected account address truncated for the UI (i.e., B62qo7...F5dJSu). Clicking the connected button will present the Dropdown Menu for further options."}),"\n",(0,a.jsx)(t.p,{children:(0,a.jsx)(t.img,{alt:"Connect button",placeholder:"blur",src:s})}),"\n",(0,a.jsx)(t.h2,{id:"2-welcome-modal",children:"2. Welcome Modal"}),"\n",(0,a.jsx)(t.p,{children:"Displayed when no wallet is detected, the Welcome Modal presents a redirect button to the Mina Protocol official guide page for installing wallets and a configurable list of links to the websites of popular Mina wallets."}),"\n",(0,a.jsx)(p.s,{style:{maxWidth:"300px"},children:(0,a.jsx)(t.img,{alt:"Welcome Modal",placeholder:"blur",src:l})}),"\n",(0,a.jsx)(t.h2,{id:"3-select-modal",children:"3. Select Modal"}),"\n",(0,a.jsx)(t.p,{children:"This is shown when at least one wallet is detected as installed. It displays a button list of wallets supported by the zkApp. Detected wallets are sorted to the top of the list for easy access. Click any of the wallets in the list to trigger a connection flow."}),"\n",(0,a.jsx)(p.s,{style:{maxWidth:"300px"},children:(0,a.jsx)(t.img,{alt:"Select Modal",placeholder:"blur",src:c})}),"\n",(0,a.jsx)(t.h2,{id:"4-context-menu",children:"4. Context Menu"}),"\n",(0,a.jsx)(t.p,{children:"Available after a wallet is connected, this dropdown contains menu options to copy the connected wallet address to the clipboard, connect to another wallet, and disconnect."}),"\n",(0,a.jsx)(t.p,{children:(0,a.jsx)(t.img,{alt:"Context Menu",placeholder:"blur",src:A})})]})}let g={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,d.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/design/component.mdx",route:"/docs/design/component",timestamp:1706739955e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"},typedoc:{title:"API Docs",type:"page",href:"./typedoc"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Components",headings:u},pageNextRoute:"/docs/design/component",nextraLayout:i.ZP,themeConfig:r.Z};var h=(0,o.j)(g)},2832:function(e,t,n){"use strict";n.d(t,{s:function(){return ImgDiv},Q:function(){return LinkButton}});var a=n(4246),o=n(7915),i=n.n(o);function ImgDiv(e){let{children:t,style:n={}}=e;return(0,a.jsx)("div",{className:i().imgdiv,style:{...n},children:t})}var r=n(9894),d=n.n(r);function LinkButton(e){let{href:t,children:n,target:o,className:i=""}=e;return(0,a.jsx)(d(),{href:t,style:{display:"inline-block",textDecoration:"none",padding:"0.5rem 3rem"},className:"".concat(i," nx-text-current nx-rounded-lg nx-border nx-border-gray-200 dark:nx-shadow-none hover:nx-shadow-gray-100 dark:hover:nx-shadow-none nx-shadow-gray-100 active:nx-shadow-sm active:nx-shadow-gray-200 nx-transition-all nx-duration-200 hover:nx-border-gray-300 nx-bg-transparent nx-shadow-sm dark:nx-border-neutral-800 hover:nx-bg-slate-50 hover:nx-shadow-md dark:hover:nx-border-neutral-700 dark:hover:nx-bg-neutral-900"),target:o,children:n})}},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var o=n(6677),i=n(7284);let r={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},d={logo:(0,a.jsx)("span",{children:r.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,o.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(r.name)}},head:function(){let{title:e}=(0,i.ZR)(),t=(e?e+" – ":"")+r.name,n="".concat(r.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:r.name}),(0,a.jsx)("meta",{name:"description",content:r.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:r.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:r.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:r.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:r.description}),(0,a.jsx)("meta",{property:"og:site_name",content:r.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=d},7915:function(e){e.exports={imgdiv:"style_imgdiv__Z_743"}},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=3098)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/design/hook-2c1ebe28aa566422.js b/_next/static/chunks/pages/docs/design/hook-2c1ebe28aa566422.js
new file mode 100644
index 0000000..72cc934
--- /dev/null
+++ b/_next/static/chunks/pages/docs/design/hook-2c1ebe28aa566422.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[298],{9303:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/design/hook",function(){return n(8795)}])},8795:function(e,t,n){"use strict";n.r(t),n.d(t,{__toc:function(){return s}});var a=n(4246),o=n(9304),r=n(7284),i=n(4637);n(8233);var d=n(1441);let s=[];function _createMdxContent(e){return(0,a.jsx)(a.Fragment,{})}let c={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,d.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/design/hook.md",route:"/docs/design/hook",timestamp:1704367631e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"},typedoc:{title:"API Docs",type:"page",href:"./typedoc"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Hook",headings:s},pageNextRoute:"/docs/design/hook",nextraLayout:r.ZP,themeConfig:i.Z};t.default=(0,o.j)(c)},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var o=n(6677),r=n(7284);let i={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},d={logo:(0,a.jsx)("span",{children:i.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,o.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(i.name)}},head:function(){let{title:e}=(0,r.ZR)(),t=(e?e+" – ":"")+i.name,n="".concat(i.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:i.name}),(0,a.jsx)("meta",{name:"description",content:i.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:i.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:i.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:i.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:i.description}),(0,a.jsx)("meta",{property:"og:site_name",content:i.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=d},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=9303)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/design/hook-67318244e0d3e151.js b/_next/static/chunks/pages/docs/design/hook-67318244e0d3e151.js
deleted file mode 100644
index 8db062f..0000000
--- a/_next/static/chunks/pages/docs/design/hook-67318244e0d3e151.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[298],{9303:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/design/hook",function(){return n(8795)}])},8795:function(e,t,n){"use strict";n.r(t),n.d(t,{__toc:function(){return s}});var a=n(4246),o=n(9304),r=n(7284),i=n(4637);n(8233);var d=n(1441);let s=[];function _createMdxContent(e){return(0,a.jsx)(a.Fragment,{})}let c={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,d.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/design/hook.md",route:"/docs/design/hook",timestamp:1704367631e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Hook",headings:s},pageNextRoute:"/docs/design/hook",nextraLayout:r.ZP,themeConfig:i.Z};t.default=(0,o.j)(c)},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var o=n(6677),r=n(7284);let i={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},d={logo:(0,a.jsx)("span",{children:i.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,o.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(i.name)}},head:function(){let{title:e}=(0,r.ZR)(),t=(e?e+" – ":"")+i.name,n="".concat(i.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:i.name}),(0,a.jsx)("meta",{name:"description",content:i.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:i.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:i.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:i.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:i.description}),(0,a.jsx)("meta",{property:"og:site_name",content:i.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=d},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=9303)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/design/style-0ec67209bcd46260.js b/_next/static/chunks/pages/docs/design/style-0ec67209bcd46260.js
deleted file mode 100644
index a7bc568..0000000
--- a/_next/static/chunks/pages/docs/design/style-0ec67209bcd46260.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[801],{2665:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/design/style",function(){return n(616)}])},616:function(e,t,n){"use strict";n.r(t),n.d(t,{__toc:function(){return s}});var a=n(4246),o=n(9304),r=n(7284),i=n(4637);n(8233);var d=n(1441);let s=[];function _createMdxContent(e){return(0,a.jsx)(a.Fragment,{})}let c={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,d.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/design/style.md",route:"/docs/design/style",timestamp:1704367631e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Style",headings:s},pageNextRoute:"/docs/design/style",nextraLayout:r.ZP,themeConfig:i.Z};t.default=(0,o.j)(c)},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var o=n(6677),r=n(7284);let i={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},d={logo:(0,a.jsx)("span",{children:i.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,o.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(i.name)}},head:function(){let{title:e}=(0,r.ZR)(),t=(e?e+" – ":"")+i.name,n="".concat(i.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:i.name}),(0,a.jsx)("meta",{name:"description",content:i.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:i.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:i.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:i.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:i.description}),(0,a.jsx)("meta",{property:"og:site_name",content:i.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=d},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=2665)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/design/style-674d37f7ec58f82c.js b/_next/static/chunks/pages/docs/design/style-674d37f7ec58f82c.js
new file mode 100644
index 0000000..e9c92f0
--- /dev/null
+++ b/_next/static/chunks/pages/docs/design/style-674d37f7ec58f82c.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[801],{2665:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/design/style",function(){return n(616)}])},616:function(e,t,n){"use strict";n.r(t),n.d(t,{__toc:function(){return s}});var a=n(4246),o=n(9304),r=n(7284),i=n(4637);n(8233);var d=n(1441);let s=[];function _createMdxContent(e){return(0,a.jsx)(a.Fragment,{})}let c={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,d.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/design/style.md",route:"/docs/design/style",timestamp:1704367631e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"},typedoc:{title:"API Docs",type:"page",href:"./typedoc"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Style",headings:s},pageNextRoute:"/docs/design/style",nextraLayout:r.ZP,themeConfig:i.Z};t.default=(0,o.j)(c)},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var o=n(6677),r=n(7284);let i={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},d={logo:(0,a.jsx)("span",{children:i.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,o.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(i.name)}},head:function(){let{title:e}=(0,r.ZR)(),t=(e?e+" – ":"")+i.name,n="".concat(i.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:i.name}),(0,a.jsx)("meta",{name:"description",content:i.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:i.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:i.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:i.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:i.description}),(0,a.jsx)("meta",{property:"og:site_name",content:i.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=d},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=2665)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/design/wallet-standard-a2f20a432959e315.js b/_next/static/chunks/pages/docs/design/wallet-standard-a2f20a432959e315.js
deleted file mode 100644
index e47c6a2..0000000
--- a/_next/static/chunks/pages/docs/design/wallet-standard-a2f20a432959e315.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{5882:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/design/wallet-standard",function(){return n(2495)}])},2495:function(e,t,n){"use strict";n.r(t),n.d(t,{__toc:function(){return o}});var a=n(4246),d=n(9304),i=n(7284),r=n(4637);n(8233);var s=n(1441);let o=[{depth:2,value:"Standard Extensions",id:"standard-extensions"},{depth:3,value:"Namespaces",id:"namespaces"},{depth:3,value:"Chains",id:"chains"},{depth:3,value:"Features",id:"features"},{depth:2,value:"Source code",id:"source-code"}];function _createMdxContent(e){let t=Object.assign({h1:"h1",p:"p",a:"a",h2:"h2",h3:"h3",ul:"ul",li:"li",code:"code"},(0,s.a)(),e.components);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h1,{children:"Wallet Standard"}),"\n",(0,a.jsxs)(t.p,{children:["These are Mina Protocol specific extensions to the ",(0,a.jsx)(t.a,{href:"https://github.com/wallet-standard/wallet-standard",children:"Wallet Standard"}),"."]}),"\n",(0,a.jsx)(t.h2,{id:"standard-extensions",children:"Standard Extensions"}),"\n",(0,a.jsx)(t.p,{children:"The Wallet Standard Extensions for Mina Protocol are defined as follows:"}),"\n",(0,a.jsx)(t.h3,{id:"namespaces",children:"Namespaces"}),"\n",(0,a.jsxs)(t.ul,{children:["\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.code,{children:"mina:"})}),"\n"]}),"\n",(0,a.jsx)(t.h3,{id:"chains",children:"Chains"}),"\n",(0,a.jsxs)(t.ul,{children:["\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.code,{children:"mina:mainnet"})}),"\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.code,{children:"mina:devnet"})}),"\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.code,{children:"mina:berkeley"})}),"\n"]}),"\n",(0,a.jsx)(t.h3,{id:"features",children:"Features"}),"\n",(0,a.jsxs)(t.ul,{children:["\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.code,{children:"mina:signMessage"})}),"\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.code,{children:"mina:signTransaction"})}),"\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.code,{children:"mina:sendTransaction"})}),"\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.code,{children:"mina:signAndSendTransaction"})}),"\n"]}),"\n",(0,a.jsx)(t.h2,{id:"source-code",children:"Source code"}),"\n",(0,a.jsx)(t.p,{children:(0,a.jsx)(t.a,{href:"https://github.com/mina-wallet-adapter/wallet-standard",children:(0,a.jsx)(t.code,{children:"mina-wallet-standard"})})})]})}let c={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/design/wallet-standard.md",route:"/docs/design/wallet-standard",timestamp:1706272316e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Wallet Standard",headings:o},pageNextRoute:"/docs/design/wallet-standard",nextraLayout:i.ZP,themeConfig:r.Z};t.default=(0,d.j)(c)},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var d=n(6677),i=n(7284);let r={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},s={logo:(0,a.jsx)("span",{children:r.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,d.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(r.name)}},head:function(){let{title:e}=(0,i.ZR)(),t=(e?e+" – ":"")+r.name,n="".concat(r.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:r.name}),(0,a.jsx)("meta",{name:"description",content:r.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:r.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:r.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:r.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:r.description}),(0,a.jsx)("meta",{property:"og:site_name",content:r.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=s},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=5882)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/design/wallet-standard-c6c62f3068f1bbd8.js b/_next/static/chunks/pages/docs/design/wallet-standard-c6c62f3068f1bbd8.js
new file mode 100644
index 0000000..994397f
--- /dev/null
+++ b/_next/static/chunks/pages/docs/design/wallet-standard-c6c62f3068f1bbd8.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{5882:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/design/wallet-standard",function(){return n(2495)}])},2495:function(e,t,n){"use strict";n.r(t),n.d(t,{__toc:function(){return o}});var a=n(4246),d=n(9304),i=n(7284),r=n(4637);n(8233);var s=n(1441);let o=[{depth:2,value:"Standard Extensions",id:"standard-extensions"},{depth:3,value:"Namespaces",id:"namespaces"},{depth:3,value:"Chains",id:"chains"},{depth:3,value:"Features",id:"features"},{depth:2,value:"Source code",id:"source-code"}];function _createMdxContent(e){let t=Object.assign({h1:"h1",p:"p",a:"a",h2:"h2",h3:"h3",ul:"ul",li:"li",code:"code"},(0,s.a)(),e.components);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h1,{children:"Wallet Standard"}),"\n",(0,a.jsxs)(t.p,{children:["These are Mina Protocol specific extensions to the ",(0,a.jsx)(t.a,{href:"https://github.com/wallet-standard/wallet-standard",children:"Wallet Standard"}),"."]}),"\n",(0,a.jsx)(t.h2,{id:"standard-extensions",children:"Standard Extensions"}),"\n",(0,a.jsx)(t.p,{children:"The Wallet Standard Extensions for Mina Protocol are defined as follows:"}),"\n",(0,a.jsx)(t.h3,{id:"namespaces",children:"Namespaces"}),"\n",(0,a.jsxs)(t.ul,{children:["\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.code,{children:"mina:"})}),"\n"]}),"\n",(0,a.jsx)(t.h3,{id:"chains",children:"Chains"}),"\n",(0,a.jsxs)(t.ul,{children:["\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.code,{children:"mina:mainnet"})}),"\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.code,{children:"mina:devnet"})}),"\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.code,{children:"mina:berkeley"})}),"\n"]}),"\n",(0,a.jsx)(t.h3,{id:"features",children:"Features"}),"\n",(0,a.jsxs)(t.ul,{children:["\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.code,{children:"mina:signMessage"})}),"\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.code,{children:"mina:signTransaction"})}),"\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.code,{children:"mina:sendTransaction"})}),"\n",(0,a.jsx)(t.li,{children:(0,a.jsx)(t.code,{children:"mina:signAndSendTransaction"})}),"\n"]}),"\n",(0,a.jsx)(t.h2,{id:"source-code",children:"Source code"}),"\n",(0,a.jsx)(t.p,{children:(0,a.jsx)(t.a,{href:"https://github.com/mina-wallet-adapter/wallet-standard",children:(0,a.jsx)(t.code,{children:"mina-wallet-standard"})})})]})}let c={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/design/wallet-standard.md",route:"/docs/design/wallet-standard",timestamp:1706272316e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"},typedoc:{title:"API Docs",type:"page",href:"./typedoc"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Wallet Standard",headings:o},pageNextRoute:"/docs/design/wallet-standard",nextraLayout:i.ZP,themeConfig:r.Z};t.default=(0,d.j)(c)},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var d=n(6677),i=n(7284);let r={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},s={logo:(0,a.jsx)("span",{children:r.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,d.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(r.name)}},head:function(){let{title:e}=(0,i.ZR)(),t=(e?e+" – ":"")+r.name,n="".concat(r.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:r.name}),(0,a.jsx)("meta",{name:"description",content:r.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:r.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:r.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:r.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:r.description}),(0,a.jsx)("meta",{property:"og:site_name",content:r.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=s},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=5882)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/faq-1c80d1ebdccea6da.js b/_next/static/chunks/pages/docs/faq-1c80d1ebdccea6da.js
new file mode 100644
index 0000000..f8b3ced
--- /dev/null
+++ b/_next/static/chunks/pages/docs/faq-1c80d1ebdccea6da.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[755],{8846:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/faq",function(){return n(7483)}])},7483:function(e,t,n){"use strict";n.r(t),n.d(t,{FAQBox:function(){return FAQBox},__toc:function(){return s}});var a=n(4246),i=n(9304),r=n(7284),o=n(4637);n(8233);var d=n(1441);function FAQBox(e){let{title:t,children:n}=e,i=Object.assign({details:"details",summary:"summary",strong:"strong",div:"div"},(0,d.a)());return(0,a.jsxs)(i.details,{open:!0,className:"nx-mb-4",children:[(0,a.jsx)(i.summary,{children:(0,a.jsx)(i.strong,{children:t})}),(0,a.jsx)(i.div,{className:"nx-p-2",children:n})]})}let s=[];function _createMdxContent(e){let t=Object.assign({h1:"h1",p:"p",a:"a"},(0,d.a)(),e.components);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h1,{children:"Frequently Asked Questions"}),"\n","\n",(0,a.jsx)(FAQBox,{title:"I am building a zkApp, how do I use this?",children:(0,a.jsxs)(t.p,{children:["See the guide ",(0,a.jsx)(t.a,{href:"./guide/zkapp",children:"Mina Wallet Adapter for zkApps"}),"."]})}),"\n",(0,a.jsx)(FAQBox,{title:"I am building a wallet, how do I use this?",children:(0,a.jsxs)(t.p,{children:["See the guide ",(0,a.jsx)(t.a,{href:"./guide/wallet",children:"Mina Wallet Adapter for wallets"}),"."]})}),"\n",(0,a.jsxs)(FAQBox,{title:"How to build all packages?",children:["See the ",(0,a.jsx)(t.a,{href:"./guide/build",children:"How to build"})," guide."]})]})}let l={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,d.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/faq.mdx",route:"/docs/faq",timestamp:1704547481e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"},typedoc:{title:"API Docs",type:"page",href:"./typedoc"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Frequently Asked Questions",headings:s},pageNextRoute:"/docs/faq",nextraLayout:r.ZP,themeConfig:o.Z};t.default=(0,i.j)(l)},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var i=n(6677),r=n(7284);let o={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},d={logo:(0,a.jsx)("span",{children:o.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,i.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(o.name)}},head:function(){let{title:e}=(0,r.ZR)(),t=(e?e+" – ":"")+o.name,n="".concat(o.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:o.name}),(0,a.jsx)("meta",{name:"description",content:o.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:o.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:o.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:o.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:o.description}),(0,a.jsx)("meta",{property:"og:site_name",content:o.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=d},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=8846)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/faq-1fbe3685dfb7d7f5.js b/_next/static/chunks/pages/docs/faq-1fbe3685dfb7d7f5.js
deleted file mode 100644
index c922ece..0000000
--- a/_next/static/chunks/pages/docs/faq-1fbe3685dfb7d7f5.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[755],{8846:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/faq",function(){return n(7483)}])},7483:function(e,t,n){"use strict";n.r(t),n.d(t,{FAQBox:function(){return FAQBox},__toc:function(){return s}});var a=n(4246),i=n(9304),r=n(7284),o=n(4637);n(8233);var d=n(1441);function FAQBox(e){let{title:t,children:n}=e,i=Object.assign({details:"details",summary:"summary",strong:"strong",div:"div"},(0,d.a)());return(0,a.jsxs)(i.details,{open:!0,className:"nx-mb-4",children:[(0,a.jsx)(i.summary,{children:(0,a.jsx)(i.strong,{children:t})}),(0,a.jsx)(i.div,{className:"nx-p-2",children:n})]})}let s=[];function _createMdxContent(e){let t=Object.assign({h1:"h1",p:"p",a:"a"},(0,d.a)(),e.components);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h1,{children:"Frequently Asked Questions"}),"\n","\n",(0,a.jsx)(FAQBox,{title:"I am building a zkApp, how do I use this?",children:(0,a.jsxs)(t.p,{children:["See the guide ",(0,a.jsx)(t.a,{href:"./guide/zkapp",children:"Mina Wallet Adapter for zkApps"}),"."]})}),"\n",(0,a.jsx)(FAQBox,{title:"I am building a wallet, how do I use this?",children:(0,a.jsxs)(t.p,{children:["See the guide ",(0,a.jsx)(t.a,{href:"./guide/wallet",children:"Mina Wallet Adapter for wallets"}),"."]})}),"\n",(0,a.jsxs)(FAQBox,{title:"How to build all packages?",children:["See the ",(0,a.jsx)(t.a,{href:"./guide/build",children:"How to build"})," guide."]})]})}let l={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,d.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/faq.mdx",route:"/docs/faq",timestamp:1704547481e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Frequently Asked Questions",headings:s},pageNextRoute:"/docs/faq",nextraLayout:r.ZP,themeConfig:o.Z};t.default=(0,i.j)(l)},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var i=n(6677),r=n(7284);let o={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},d={logo:(0,a.jsx)("span",{children:o.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,i.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(o.name)}},head:function(){let{title:e}=(0,r.ZR)(),t=(e?e+" – ":"")+o.name,n="".concat(o.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:o.name}),(0,a.jsx)("meta",{name:"description",content:o.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:o.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:o.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:o.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:o.description}),(0,a.jsx)("meta",{property:"og:site_name",content:o.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=d},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=8846)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/guide/build-93e05088f95c17e2.js b/_next/static/chunks/pages/docs/guide/build-aff1dfa576607715.js
similarity index 71%
rename from _next/static/chunks/pages/docs/guide/build-93e05088f95c17e2.js
rename to _next/static/chunks/pages/docs/guide/build-aff1dfa576607715.js
index 9e22e64..1f0cbed 100644
--- a/_next/static/chunks/pages/docs/guide/build-93e05088f95c17e2.js
+++ b/_next/static/chunks/pages/docs/guide/build-aff1dfa576607715.js
@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[712],{9066:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/guide/build",function(){return a(716)}])},716:function(e,t,a){"use strict";a.r(t),a.d(t,{__toc:function(){return d}});var n=a(4246),s=a(9304),r=a(7284),i=a(4637);a(8233);var l=a(1441),o=a(2308);let d=[{depth:3,value:"Prerequisite",id:"prerequisite"},{depth:3,value:"Clone the git repository and change to the project directory",id:"clone-the-git-repository-and-change-to-the-project-directory"},{depth:3,value:"Install project dependencies",id:"install-project-dependencies"},{depth:3,value:"Build all packages in the project workspace",id:"build-all-packages-in-the-project-workspace"},{depth:3,value:"Preview the project site",id:"preview-the-project-site"}];function _createMdxContent(e){let t=Object.assign({h1:"h1",h3:"h3",p:"p",ul:"ul",li:"li",pre:"pre",code:"code",span:"span",a:"a"},(0,l.a)(),e.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{children:"Build project workspace locally"}),"\n",(0,n.jsxs)(o.Rg,{children:[(0,n.jsx)(t.h3,{id:"prerequisite",children:"Prerequisite"}),(0,n.jsx)(t.p,{children:"The following programs are necessary to build this project."}),(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Node 16 or newer"}),"\n",(0,n.jsx)(t.li,{children:"NPM"}),"\n"]}),(0,n.jsx)(t.h3,{id:"clone-the-git-repository-and-change-to-the-project-directory",children:"Clone the git repository and change to the project directory"}),(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsxs)(t.code,{"data-language":"bash","data-theme":"default",children:[(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"git"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"clone"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"https://github.com/mina-wallet-adapter/wallet-adapter.git"})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"cd"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"wallet-adapter"})]})]})}),(0,n.jsx)(t.h3,{id:"install-project-dependencies",children:"Install project dependencies"}),(0,n.jsxs)(o.mQ,{items:["npm","pnpm","yarn","bun"],storageKey:"selectedPackageManager",children:[(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"npm"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"install"})]})})})}),(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"pnpm"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"install"})]})})})}),(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"yarn"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"install"})]})})})}),(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"bun"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"install"})]})})})})]}),(0,n.jsx)(t.h3,{id:"build-all-packages-in-the-project-workspace",children:"Build all packages in the project workspace"}),(0,n.jsxs)(o.mQ,{items:["npm","pnpm","yarn","bun"],storageKey:"selectedPackageManager",children:[(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"npm"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"run"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"build"})]})})})}),(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"pnpm"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"run"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"build"})]})})})}),(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"yarn"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"build"})]})})})}),(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"bun"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"run"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"build"})]})})})})]}),(0,n.jsx)(t.h3,{id:"preview-the-project-site",children:"Preview the project site"}),(0,n.jsxs)(t.p,{children:["This will spin up a local server that can be accessed at ",(0,n.jsx)(t.a,{href:"http://localhost:3000",children:"localhost:3000"}),"."]}),(0,n.jsxs)(o.mQ,{items:["npm","pnpm","yarn","bun"],storageKey:"selectedPackageManager",children:[(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"npm"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"run"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"preview"})]})})})}),(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"pnpm"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"run"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"preview"})]})})})}),(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"yarn"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"preview"})]})})})}),(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"bun"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"run"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"preview"})]})})})})]})]})]})}let c={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,l.a)(),e.components);return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/guide/build.mdx",route:"/docs/guide/build",timestamp:1706274664e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Build project workspace locally",headings:d},pageNextRoute:"/docs/guide/build",nextraLayout:r.ZP,themeConfig:i.Z};t.default=(0,s.j)(c)},4637:function(e,t,a){"use strict";var n=a(4246);a(7378);var s=a(6677),r=a(7284);let i={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},l={logo:(0,n.jsx)("span",{children:i.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,s.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(i.name)}},head:function(){let{title:e}=(0,r.ZR)(),t=(e?e+" – ":"")+i.name,a="".concat(i.url,"/assets/og.png");return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,n.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,n.jsx)("meta",{name:"apple-mobile-web-app-title",content:i.name}),(0,n.jsx)("meta",{name:"description",content:i.description}),(0,n.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,n.jsx)("meta",{property:"twitter:url",content:i.url}),(0,n.jsx)("meta",{property:"twitter:title",content:t}),(0,n.jsx)("meta",{property:"twitter:image",content:a}),(0,n.jsx)("meta",{property:"twitter:description",content:i.description}),(0,n.jsx)("meta",{property:"og:type",content:"website"}),(0,n.jsx)("meta",{property:"og:locale",content:"en"}),(0,n.jsx)("meta",{property:"og:url",content:i.url}),(0,n.jsx)("meta",{property:"og:title",content:t}),(0,n.jsx)("meta",{property:"og:image",content:a}),(0,n.jsx)("meta",{property:"og:description",content:i.description}),(0,n.jsx)("meta",{property:"og:site_name",content:i.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,n.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=l},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=9066)}),_N_E=e.O()}]);
\ No newline at end of file
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[712],{9066:function(e,t,a){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/guide/build",function(){return a(716)}])},716:function(e,t,a){"use strict";a.r(t),a.d(t,{__toc:function(){return d}});var n=a(4246),s=a(9304),r=a(7284),i=a(4637);a(8233);var l=a(1441),o=a(2308);let d=[{depth:3,value:"Prerequisite",id:"prerequisite"},{depth:3,value:"Clone the git repository and change to the project directory",id:"clone-the-git-repository-and-change-to-the-project-directory"},{depth:3,value:"Install project dependencies",id:"install-project-dependencies"},{depth:3,value:"Build all packages in the project workspace",id:"build-all-packages-in-the-project-workspace"},{depth:3,value:"Preview the project site",id:"preview-the-project-site"}];function _createMdxContent(e){let t=Object.assign({h1:"h1",h3:"h3",p:"p",ul:"ul",li:"li",pre:"pre",code:"code",span:"span",a:"a"},(0,l.a)(),e.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{children:"Build project workspace locally"}),"\n",(0,n.jsxs)(o.Rg,{children:[(0,n.jsx)(t.h3,{id:"prerequisite",children:"Prerequisite"}),(0,n.jsx)(t.p,{children:"The following programs are necessary to build this project."}),(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:"Node 16 or newer"}),"\n",(0,n.jsx)(t.li,{children:"NPM"}),"\n"]}),(0,n.jsx)(t.h3,{id:"clone-the-git-repository-and-change-to-the-project-directory",children:"Clone the git repository and change to the project directory"}),(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsxs)(t.code,{"data-language":"bash","data-theme":"default",children:[(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"git"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"clone"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"https://github.com/mina-wallet-adapter/wallet-adapter.git"})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"cd"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"wallet-adapter"})]})]})}),(0,n.jsx)(t.h3,{id:"install-project-dependencies",children:"Install project dependencies"}),(0,n.jsxs)(o.mQ,{items:["npm","pnpm","yarn","bun"],storageKey:"selectedPackageManager",children:[(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"npm"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"install"})]})})})}),(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"pnpm"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"install"})]})})})}),(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"yarn"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"install"})]})})})}),(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"bun"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"install"})]})})})})]}),(0,n.jsx)(t.h3,{id:"build-all-packages-in-the-project-workspace",children:"Build all packages in the project workspace"}),(0,n.jsxs)(o.mQ,{items:["npm","pnpm","yarn","bun"],storageKey:"selectedPackageManager",children:[(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"npm"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"run"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"build"})]})})})}),(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"pnpm"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"run"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"build"})]})})})}),(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"yarn"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"build"})]})})})}),(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"bun"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"run"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"build"})]})})})})]}),(0,n.jsx)(t.h3,{id:"preview-the-project-site",children:"Preview the project site"}),(0,n.jsxs)(t.p,{children:["This will spin up a local server that can be accessed at ",(0,n.jsx)(t.a,{href:"http://localhost:3000",children:"localhost:3000"}),"."]}),(0,n.jsxs)(o.mQ,{items:["npm","pnpm","yarn","bun"],storageKey:"selectedPackageManager",children:[(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"npm"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"run"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"preview"})]})})})}),(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"pnpm"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"run"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"preview"})]})})})}),(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"yarn"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"preview"})]})})})}),(0,n.jsx)(o.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"bun"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"run"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"preview"})]})})})})]})]})]})}let c={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,l.a)(),e.components);return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/guide/build.mdx",route:"/docs/guide/build",timestamp:1706274664e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"},typedoc:{title:"API Docs",type:"page",href:"./typedoc"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Build project workspace locally",headings:d},pageNextRoute:"/docs/guide/build",nextraLayout:r.ZP,themeConfig:i.Z};t.default=(0,s.j)(c)},4637:function(e,t,a){"use strict";var n=a(4246);a(7378);var s=a(6677),r=a(7284);let i={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},l={logo:(0,n.jsx)("span",{children:i.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,s.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(i.name)}},head:function(){let{title:e}=(0,r.ZR)(),t=(e?e+" – ":"")+i.name,a="".concat(i.url,"/assets/og.png");return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,n.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,n.jsx)("meta",{name:"apple-mobile-web-app-title",content:i.name}),(0,n.jsx)("meta",{name:"description",content:i.description}),(0,n.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,n.jsx)("meta",{property:"twitter:url",content:i.url}),(0,n.jsx)("meta",{property:"twitter:title",content:t}),(0,n.jsx)("meta",{property:"twitter:image",content:a}),(0,n.jsx)("meta",{property:"twitter:description",content:i.description}),(0,n.jsx)("meta",{property:"og:type",content:"website"}),(0,n.jsx)("meta",{property:"og:locale",content:"en"}),(0,n.jsx)("meta",{property:"og:url",content:i.url}),(0,n.jsx)("meta",{property:"og:title",content:t}),(0,n.jsx)("meta",{property:"og:image",content:a}),(0,n.jsx)("meta",{property:"og:description",content:i.description}),(0,n.jsx)("meta",{property:"og:site_name",content:i.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,n.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=l},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=9066)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/guide/quickstart-678541288292df51.js b/_next/static/chunks/pages/docs/guide/quickstart-58ad00c87f3b8f9c.js
similarity index 81%
rename from _next/static/chunks/pages/docs/guide/quickstart-678541288292df51.js
rename to _next/static/chunks/pages/docs/guide/quickstart-58ad00c87f3b8f9c.js
index 0ccdc1a..d43b5b1 100644
--- a/_next/static/chunks/pages/docs/guide/quickstart-678541288292df51.js
+++ b/_next/static/chunks/pages/docs/guide/quickstart-58ad00c87f3b8f9c.js
@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[232],{3190:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/guide/quickstart",function(){return s(2229)}])},2229:function(e,t,s){"use strict";s.r(t),s.d(t,{__toc:function(){return d}});var a=s(4246),n=s(9304),r=s(7284),i=s(4637);s(8233);var l=s(1441),o=s(2308);let d=[{depth:2,value:"Option 1: Starter-Kits",id:"option-1-starter-kits"},{depth:2,value:"Option 2: Manual Installation",id:"option-2-manual-installation"},{depth:3,value:"Add dependency",id:"add-dependency"},{depth:3,value:"Import components",id:"import-components"},{depth:3,value:"Use in App",id:"use-in-app"},{depth:3,value:"That's it",id:"thats-it"},{depth:3,value:"Add dependency",id:"add-dependency-1"},{depth:3,value:"Import components",id:"import-components-1"},{depth:3,value:"Use in App",id:"use-in-app-1"},{depth:3,value:"That's it",id:"thats-it-1"}];function _createMdxContent(e){let t=Object.assign({p:"p",h2:"h2",pre:"pre",code:"code",span:"span",h3:"h3"},(0,l.a)(),e.components);return o.mQ||_missingMdxReference("Tabs",!1),o.mQ.Tab||_missingMdxReference("Tabs.Tab",!0),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.p,{children:"There are two possible options to quickly add the Mina Wallet Adapter to your zkApps."}),"\n",(0,a.jsx)(t.h2,{id:"option-1-starter-kits",children:"Option 1: Starter-Kits"}),"\n",(0,a.jsx)(t.p,{children:"The easiest way to start using the Mina Wallet Adapter is to build upon the starter-kit projects. There are starter-kits for various JavaScript frameworks; choose any compatible with your zkApp."}),"\n",(0,a.jsxs)(o.mQ,{items:["React","Svelte"],storageKey:"selectedJSFramework",children:[(0,a.jsx)(o.mQ.Tab,{children:(0,a.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,a.jsxs)(t.code,{"data-language":"bash","data-theme":"default",children:[(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"npx"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"degit"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"mina-wallet-adapter/starter-kit-react"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"my-zkapp"})]}),"\n",(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"cd"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"my-zkapp"})]})]})})}),(0,a.jsx)(o.mQ.Tab,{children:(0,a.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,a.jsxs)(t.code,{"data-language":"bash","data-theme":"default",children:[(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"npx"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"degit"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"mina-wallet-adapter/starter-kit-svelte"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"my-zkapp"})]}),"\n",(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"cd"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"my-zkapp"})]})]})})})]}),"\n",(0,a.jsx)(t.h2,{id:"option-2-manual-installation",children:"Option 2: Manual Installation"}),"\n",(0,a.jsx)(t.p,{children:"Manually add the Mina Wallet Adapter to your pre-existing zkApp project."}),"\n",(0,a.jsxs)(o.mQ,{items:["React","Svelte"],storageKey:"selectedJSFramework",children:[(0,a.jsx)(o.mQ.Tab,{children:(0,a.jsxs)(o.Rg,{children:[(0,a.jsx)(t.h3,{id:"add-dependency",children:"Add dependency"}),(0,a.jsx)(t.p,{children:"Install the following dependency in your project. Only a single package is required."}),(0,a.jsxs)(o.mQ,{items:["npm","pnpm","yarn","bun"],storageKey:"selectedPackageManager",children:[(0,a.jsx)(o.OK,{children:(0,a.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,a.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"npm"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"install"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-react"})]})})})}),(0,a.jsx)(o.OK,{children:(0,a.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,a.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"pnpm"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-react"})]})})})}),(0,a.jsx)(o.OK,{children:(0,a.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,a.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"yarn"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-react"})]})})})}),(0,a.jsx)(o.OK,{children:(0,a.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,a.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"bun"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-react"})]})})})})]}),(0,a.jsx)(t.h3,{id:"import-components",children:"Import components"}),(0,a.jsxs)(t.p,{children:["the default mode requires just ",(0,a.jsx)(t.code,{children:"WalletProvider"})," and ",(0,a.jsx)(t.code,{children:"WalletMultiButton"}),". The ",(0,a.jsx)(t.code,{children:"wallet-adapter.css"})," file is optional and just for the default theme. Feel free to customize its CSS styles or replace the file with a project-specific stylesheet."]}),(0,a.jsx)(t.pre,{"data-language":"js","data-theme":"default",filename:"App.tsx",hasCopyCode:!0,children:(0,a.jsxs)(t.code,{"data-language":"js","data-theme":"default",children:[(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" { WalletProvider"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" WalletMultiButton } "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@mina-wallet-adapter/ui-react"'}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@mina-wallet-adapter/ui-react/dist/wallet-adapter.css"'}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:";"})]})]})}),(0,a.jsx)(t.h3,{id:"use-in-app",children:"Use in App"}),(0,a.jsxs)(t.p,{children:["Use ",(0,a.jsx)(t.code,{children:"WalletProvider"})," as the root of your App to set up the necessary context object for your React app.\nThe ",(0,a.jsx)(t.code,{children:"WalletMultiButton"})," shows the user a button to connect and a modal to select available wallets from. It automatically uses the connection state to display appropriate components."]}),(0,a.jsx)(t.pre,{"data-language":"js","data-theme":"default",filename:"App.tsx",hasCopyCode:!0,children:(0,a.jsxs)(t.code,{"data-language":"js","data-theme":"default",children:[(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"function"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"App"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"() {"})]}),"\n",(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,a.jsxs)(t.span,{className:"line highlighted",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"WalletProvider"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,a.jsxs)(t.span,{className:"line highlighted",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"WalletMultiButton"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"YourApp"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,a.jsxs)(t.span,{className:"line highlighted",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,a.jsx)(t.span,{className:"line",children:(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,a.jsx)(t.span,{className:"line",children:(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"}"})})]})}),(0,a.jsx)(o.UW,{type:"info",children:(0,a.jsxs)(t.p,{children:["Wrap your app with the ",(0,a.jsx)(t.code,{children:"WalletProvider"})," so that you can use other components and hooks underneath it."]})}),(0,a.jsx)(t.h3,{id:"thats-it",children:"That's it"}),(0,a.jsxs)(t.p,{children:["You can now start adding the ",(0,a.jsx)(t.code,{children:"useWallet"})," hook for more advanced features."]})]})}),(0,a.jsx)(o.mQ.Tab,{children:(0,a.jsxs)(o.Rg,{children:[(0,a.jsx)(t.h3,{id:"add-dependency-1",children:"Add dependency"}),(0,a.jsx)(t.p,{children:"Install the following dependency to your project. Only a single package is required."}),(0,a.jsxs)(o.mQ,{items:["npm","pnpm","yarn","bun"],storageKey:"selectedPackageManager",children:[(0,a.jsx)(o.OK,{children:(0,a.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,a.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"npm"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"install"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-svelte"})]})})})}),(0,a.jsx)(o.OK,{children:(0,a.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,a.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"pnpm"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-svelte"})]})})})}),(0,a.jsx)(o.OK,{children:(0,a.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,a.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"yarn"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-svelte"})]})})})}),(0,a.jsx)(o.OK,{children:(0,a.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,a.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"bun"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-svelte"})]})})})})]}),(0,a.jsx)(t.h3,{id:"import-components-1",children:"Import components"}),(0,a.jsxs)(t.p,{children:["The default mode requires just ",(0,a.jsx)(t.code,{children:"WalletProvider"})," and ",(0,a.jsx)(t.code,{children:"WalletMultiButton"}),". The ",(0,a.jsx)(t.code,{children:"wallet-adapter.css"})," file is optional and just for the default theme. Feel free to customize its CSS styles or replace the file with a project-specific stylesheet."]}),(0,a.jsx)(t.pre,{"data-language":"js","data-theme":"default",filename:"+page.svelte",hasCopyCode:!0,children:(0,a.jsxs)(t.code,{"data-language":"js","data-theme":"default",children:[(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" { WalletProvider"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" WalletMultiButton } "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@mina-wallet-adapter/ui-svelte"'}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@mina-wallet-adapter/ui-svelte/dist/wallet-adapter.css"'}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:";"})]})]})}),(0,a.jsx)(t.h3,{id:"use-in-app-1",children:"Use in App"}),(0,a.jsxs)(t.p,{children:["Use ",(0,a.jsx)(t.code,{children:"WalletProvider"})," to set up the necessary context and common configurations.\nThe ",(0,a.jsx)(t.code,{children:"WalletMultiButton"})," shows the user a button to connect and a modal to select available wallets from. It automatically uses the connection state to display appropriate components."]}),(0,a.jsx)(t.pre,{"data-language":"js","data-theme":"default",filename:"+page.svelte",hasCopyCode:!0,children:(0,a.jsxs)(t.code,{"data-language":"js","data-theme":"default",children:[(0,a.jsxs)(t.span,{className:"line highlighted",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"WalletProvider"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,a.jsxs)(t.span,{className:"line highlighted",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"WalletMultiButton"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"YourApp"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]})]})}),(0,a.jsx)(t.h3,{id:"thats-it-1",children:"That's it"}),(0,a.jsxs)(t.p,{children:["You can now start adding the ",(0,a.jsx)(t.code,{children:"walletStore"})," store for more advanced features."]})]})})]})]})}function _missingMdxReference(e,t){throw Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}let c={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,l.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/guide/quickstart.mdx",route:"/docs/guide/quickstart",pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Quickstart",headings:d},pageNextRoute:"/docs/guide/quickstart",nextraLayout:r.ZP,themeConfig:i.Z};t.default=(0,n.j)(c)},4637:function(e,t,s){"use strict";var a=s(4246);s(7378);var n=s(6677),r=s(7284);let i={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},l={logo:(0,a.jsx)("span",{children:i.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,n.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(i.name)}},head:function(){let{title:e}=(0,r.ZR)(),t=(e?e+" – ":"")+i.name,s="".concat(i.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:i.name}),(0,a.jsx)("meta",{name:"description",content:i.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:i.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:s}),(0,a.jsx)("meta",{property:"twitter:description",content:i.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:i.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:s}),(0,a.jsx)("meta",{property:"og:description",content:i.description}),(0,a.jsx)("meta",{property:"og:site_name",content:i.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=l},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=3190)}),_N_E=e.O()}]);
\ No newline at end of file
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[232],{3190:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/guide/quickstart",function(){return s(2229)}])},2229:function(e,t,s){"use strict";s.r(t),s.d(t,{__toc:function(){return d}});var a=s(4246),n=s(9304),r=s(7284),i=s(4637);s(8233);var l=s(1441),o=s(2308);let d=[{depth:2,value:"Option 1: Starter-Kits",id:"option-1-starter-kits"},{depth:2,value:"Option 2: Manual Installation",id:"option-2-manual-installation"},{depth:3,value:"Add dependency",id:"add-dependency"},{depth:3,value:"Import components",id:"import-components"},{depth:3,value:"Use in App",id:"use-in-app"},{depth:3,value:"That's it",id:"thats-it"},{depth:3,value:"Add dependency",id:"add-dependency-1"},{depth:3,value:"Import components",id:"import-components-1"},{depth:3,value:"Use in App",id:"use-in-app-1"},{depth:3,value:"That's it",id:"thats-it-1"}];function _createMdxContent(e){let t=Object.assign({p:"p",h2:"h2",pre:"pre",code:"code",span:"span",h3:"h3"},(0,l.a)(),e.components);return o.mQ||_missingMdxReference("Tabs",!1),o.mQ.Tab||_missingMdxReference("Tabs.Tab",!0),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.p,{children:"There are two possible options to quickly add the Mina Wallet Adapter to your zkApps."}),"\n",(0,a.jsx)(t.h2,{id:"option-1-starter-kits",children:"Option 1: Starter-Kits"}),"\n",(0,a.jsx)(t.p,{children:"The easiest way to start using the Mina Wallet Adapter is to build upon the starter-kit projects. There are starter-kits for various JavaScript frameworks; choose any compatible with your zkApp."}),"\n",(0,a.jsxs)(o.mQ,{items:["React","Svelte"],storageKey:"selectedJSFramework",children:[(0,a.jsx)(o.mQ.Tab,{children:(0,a.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,a.jsxs)(t.code,{"data-language":"bash","data-theme":"default",children:[(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"npx"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"degit"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"mina-wallet-adapter/starter-kit-react"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"my-zkapp"})]}),"\n",(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"cd"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"my-zkapp"})]})]})})}),(0,a.jsx)(o.mQ.Tab,{children:(0,a.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,a.jsxs)(t.code,{"data-language":"bash","data-theme":"default",children:[(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"npx"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"degit"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"mina-wallet-adapter/starter-kit-svelte"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"my-zkapp"})]}),"\n",(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"cd"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"my-zkapp"})]})]})})})]}),"\n",(0,a.jsx)(t.h2,{id:"option-2-manual-installation",children:"Option 2: Manual Installation"}),"\n",(0,a.jsx)(t.p,{children:"Manually add the Mina Wallet Adapter to your pre-existing zkApp project."}),"\n",(0,a.jsxs)(o.mQ,{items:["React","Svelte"],storageKey:"selectedJSFramework",children:[(0,a.jsx)(o.mQ.Tab,{children:(0,a.jsxs)(o.Rg,{children:[(0,a.jsx)(t.h3,{id:"add-dependency",children:"Add dependency"}),(0,a.jsx)(t.p,{children:"Install the following dependency in your project. Only a single package is required."}),(0,a.jsxs)(o.mQ,{items:["npm","pnpm","yarn","bun"],storageKey:"selectedPackageManager",children:[(0,a.jsx)(o.OK,{children:(0,a.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,a.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"npm"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"install"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-react"})]})})})}),(0,a.jsx)(o.OK,{children:(0,a.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,a.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"pnpm"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-react"})]})})})}),(0,a.jsx)(o.OK,{children:(0,a.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,a.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"yarn"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-react"})]})})})}),(0,a.jsx)(o.OK,{children:(0,a.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,a.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"bun"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-react"})]})})})})]}),(0,a.jsx)(t.h3,{id:"import-components",children:"Import components"}),(0,a.jsxs)(t.p,{children:["the default mode requires just ",(0,a.jsx)(t.code,{children:"WalletProvider"})," and ",(0,a.jsx)(t.code,{children:"WalletMultiButton"}),". The ",(0,a.jsx)(t.code,{children:"wallet-adapter.css"})," file is optional and just for the default theme. Feel free to customize its CSS styles or replace the file with a project-specific stylesheet."]}),(0,a.jsx)(t.pre,{"data-language":"js","data-theme":"default",filename:"App.tsx",hasCopyCode:!0,children:(0,a.jsxs)(t.code,{"data-language":"js","data-theme":"default",children:[(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" { WalletProvider"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" WalletMultiButton } "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@mina-wallet-adapter/ui-react"'}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@mina-wallet-adapter/ui-react/dist/wallet-adapter.css"'}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:";"})]})]})}),(0,a.jsx)(t.h3,{id:"use-in-app",children:"Use in App"}),(0,a.jsxs)(t.p,{children:["Use ",(0,a.jsx)(t.code,{children:"WalletProvider"})," as the root of your App to set up the necessary context object for your React app.\nThe ",(0,a.jsx)(t.code,{children:"WalletMultiButton"})," shows the user a button to connect and a modal to select available wallets from. It automatically uses the connection state to display appropriate components."]}),(0,a.jsx)(t.pre,{"data-language":"js","data-theme":"default",filename:"App.tsx",hasCopyCode:!0,children:(0,a.jsxs)(t.code,{"data-language":"js","data-theme":"default",children:[(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"function"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"App"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"() {"})]}),"\n",(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"return"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" ("})]}),"\n",(0,a.jsxs)(t.span,{className:"line highlighted",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"WalletProvider"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,a.jsxs)(t.span,{className:"line highlighted",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"WalletMultiButton"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"YourApp"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,a.jsxs)(t.span,{className:"line highlighted",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,a.jsx)(t.span,{className:"line",children:(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" );"})}),"\n",(0,a.jsx)(t.span,{className:"line",children:(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"}"})})]})}),(0,a.jsx)(o.UW,{type:"info",children:(0,a.jsxs)(t.p,{children:["Wrap your app with the ",(0,a.jsx)(t.code,{children:"WalletProvider"})," so that you can use other components and hooks underneath it."]})}),(0,a.jsx)(t.h3,{id:"thats-it",children:"That's it"}),(0,a.jsxs)(t.p,{children:["You can now start adding the ",(0,a.jsx)(t.code,{children:"useWallet"})," hook for more advanced features."]})]})}),(0,a.jsx)(o.mQ.Tab,{children:(0,a.jsxs)(o.Rg,{children:[(0,a.jsx)(t.h3,{id:"add-dependency-1",children:"Add dependency"}),(0,a.jsx)(t.p,{children:"Install the following dependency to your project. Only a single package is required."}),(0,a.jsxs)(o.mQ,{items:["npm","pnpm","yarn","bun"],storageKey:"selectedPackageManager",children:[(0,a.jsx)(o.OK,{children:(0,a.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,a.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"npm"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"install"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-svelte"})]})})})}),(0,a.jsx)(o.OK,{children:(0,a.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,a.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"pnpm"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-svelte"})]})})})}),(0,a.jsx)(o.OK,{children:(0,a.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,a.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"yarn"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-svelte"})]})})})}),(0,a.jsx)(o.OK,{children:(0,a.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,a.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"bun"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-svelte"})]})})})})]}),(0,a.jsx)(t.h3,{id:"import-components-1",children:"Import components"}),(0,a.jsxs)(t.p,{children:["The default mode requires just ",(0,a.jsx)(t.code,{children:"WalletProvider"})," and ",(0,a.jsx)(t.code,{children:"WalletMultiButton"}),". The ",(0,a.jsx)(t.code,{children:"wallet-adapter.css"})," file is optional and just for the default theme. Feel free to customize its CSS styles or replace the file with a project-specific stylesheet."]}),(0,a.jsx)(t.pre,{"data-language":"js","data-theme":"default",filename:"+page.svelte",hasCopyCode:!0,children:(0,a.jsxs)(t.code,{"data-language":"js","data-theme":"default",children:[(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" { WalletProvider"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" WalletMultiButton } "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@mina-wallet-adapter/ui-svelte"'}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@mina-wallet-adapter/ui-svelte/dist/wallet-adapter.css"'}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:";"})]})]})}),(0,a.jsx)(t.h3,{id:"use-in-app-1",children:"Use in App"}),(0,a.jsxs)(t.p,{children:["Use ",(0,a.jsx)(t.code,{children:"WalletProvider"})," to set up the necessary context and common configurations.\nThe ",(0,a.jsx)(t.code,{children:"WalletMultiButton"})," shows the user a button to connect and a modal to select available wallets from. It automatically uses the connection state to display appropriate components."]}),(0,a.jsx)(t.pre,{"data-language":"js","data-theme":"default",filename:"+page.svelte",hasCopyCode:!0,children:(0,a.jsxs)(t.code,{"data-language":"js","data-theme":"default",children:[(0,a.jsxs)(t.span,{className:"line highlighted",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"WalletProvider"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,a.jsxs)(t.span,{className:"line highlighted",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"WalletMultiButton"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,a.jsxs)(t.span,{className:"line",children:[(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"YourApp"}),(0,a.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]})]})}),(0,a.jsx)(t.h3,{id:"thats-it-1",children:"That's it"}),(0,a.jsxs)(t.p,{children:["You can now start adding the ",(0,a.jsx)(t.code,{children:"walletStore"})," store for more advanced features."]})]})})]})]})}function _missingMdxReference(e,t){throw Error("Expected "+(t?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}let c={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,l.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/guide/quickstart.mdx",route:"/docs/guide/quickstart",timestamp:1707760869e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"},typedoc:{title:"API Docs",type:"page",href:"./typedoc"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Quickstart",headings:d},pageNextRoute:"/docs/guide/quickstart",nextraLayout:r.ZP,themeConfig:i.Z};t.default=(0,n.j)(c)},4637:function(e,t,s){"use strict";var a=s(4246);s(7378);var n=s(6677),r=s(7284);let i={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},l={logo:(0,a.jsx)("span",{children:i.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,n.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(i.name)}},head:function(){let{title:e}=(0,r.ZR)(),t=(e?e+" – ":"")+i.name,s="".concat(i.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:i.name}),(0,a.jsx)("meta",{name:"description",content:i.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:i.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:s}),(0,a.jsx)("meta",{property:"twitter:description",content:i.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:i.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:s}),(0,a.jsx)("meta",{property:"og:description",content:i.description}),(0,a.jsx)("meta",{property:"og:site_name",content:i.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=l},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=3190)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/guide/wallet-02768f4f2ee9eb36.js b/_next/static/chunks/pages/docs/guide/wallet-02768f4f2ee9eb36.js
new file mode 100644
index 0000000..2b11f5f
--- /dev/null
+++ b/_next/static/chunks/pages/docs/guide/wallet-02768f4f2ee9eb36.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[441],{1253:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/guide/wallet",function(){return n(1526)}])},1526:function(e,t,n){"use strict";n.r(t),n.d(t,{__toc:function(){return s}});var a=n(4246),i=n(9304),o=n(7284),r=n(4637);n(8233);var d=n(1441);let s=[{depth:2,value:"How to use with existing wallets",id:"how-to-use-with-existing-wallets"},{depth:2,value:"How to use with new wallets",id:"how-to-use-with-new-wallets"}];function _createMdxContent(e){let t=Object.assign({h1:"h1",h2:"h2",p:"p",em:"em"},(0,d.a)(),e.components);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h1,{children:"Mina Wallet Adapter for wallets"}),"\n",(0,a.jsx)(t.h2,{id:"how-to-use-with-existing-wallets",children:"How to use with existing wallets"}),"\n",(0,a.jsx)(t.p,{children:(0,a.jsx)(t.em,{children:"WIP ..."})}),"\n",(0,a.jsx)(t.h2,{id:"how-to-use-with-new-wallets",children:"How to use with new wallets"}),"\n",(0,a.jsx)(t.p,{children:(0,a.jsx)(t.em,{children:"WIP ..."})})]})}let l={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,d.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/guide/wallet.md",route:"/docs/guide/wallet",timestamp:1704367631e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"},typedoc:{title:"API Docs",type:"page",href:"./typedoc"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Mina Wallet Adapter for wallets",headings:s},pageNextRoute:"/docs/guide/wallet",nextraLayout:o.ZP,themeConfig:r.Z};t.default=(0,i.j)(l)},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var i=n(6677),o=n(7284);let r={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},d={logo:(0,a.jsx)("span",{children:r.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,i.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(r.name)}},head:function(){let{title:e}=(0,o.ZR)(),t=(e?e+" – ":"")+r.name,n="".concat(r.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:r.name}),(0,a.jsx)("meta",{name:"description",content:r.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:r.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:r.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:r.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:r.description}),(0,a.jsx)("meta",{property:"og:site_name",content:r.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=d},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=1253)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/guide/wallet-5a63906200361a9d.js b/_next/static/chunks/pages/docs/guide/wallet-5a63906200361a9d.js
deleted file mode 100644
index 19e30d7..0000000
--- a/_next/static/chunks/pages/docs/guide/wallet-5a63906200361a9d.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[441],{1253:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/guide/wallet",function(){return n(1526)}])},1526:function(e,t,n){"use strict";n.r(t),n.d(t,{__toc:function(){return s}});var a=n(4246),i=n(9304),o=n(7284),r=n(4637);n(8233);var d=n(1441);let s=[{depth:2,value:"How to use with existing wallets",id:"how-to-use-with-existing-wallets"},{depth:2,value:"How to use with new wallets",id:"how-to-use-with-new-wallets"}];function _createMdxContent(e){let t=Object.assign({h1:"h1",h2:"h2",p:"p",em:"em"},(0,d.a)(),e.components);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h1,{children:"Mina Wallet Adapter for wallets"}),"\n",(0,a.jsx)(t.h2,{id:"how-to-use-with-existing-wallets",children:"How to use with existing wallets"}),"\n",(0,a.jsx)(t.p,{children:(0,a.jsx)(t.em,{children:"WIP ..."})}),"\n",(0,a.jsx)(t.h2,{id:"how-to-use-with-new-wallets",children:"How to use with new wallets"}),"\n",(0,a.jsx)(t.p,{children:(0,a.jsx)(t.em,{children:"WIP ..."})})]})}let l={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,d.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/guide/wallet.md",route:"/docs/guide/wallet",timestamp:1704367631e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Mina Wallet Adapter for wallets",headings:s},pageNextRoute:"/docs/guide/wallet",nextraLayout:o.ZP,themeConfig:r.Z};t.default=(0,i.j)(l)},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var i=n(6677),o=n(7284);let r={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},d={logo:(0,a.jsx)("span",{children:r.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,i.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(r.name)}},head:function(){let{title:e}=(0,o.ZR)(),t=(e?e+" – ":"")+r.name,n="".concat(r.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:r.name}),(0,a.jsx)("meta",{name:"description",content:r.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:r.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:r.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:r.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:r.description}),(0,a.jsx)("meta",{property:"og:site_name",content:r.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=d},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=1253)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/guide/zkapp-58a8e26d11c56d86.js b/_next/static/chunks/pages/docs/guide/zkapp-7657c981bf780d1d.js
similarity index 77%
rename from _next/static/chunks/pages/docs/guide/zkapp-58a8e26d11c56d86.js
rename to _next/static/chunks/pages/docs/guide/zkapp-7657c981bf780d1d.js
index 9795e1a..1f7ea3c 100644
--- a/_next/static/chunks/pages/docs/guide/zkapp-58a8e26d11c56d86.js
+++ b/_next/static/chunks/pages/docs/guide/zkapp-7657c981bf780d1d.js
@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[141],{6568:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/guide/zkapp",function(){return s(8680)}])},8680:function(e,t,s){"use strict";s.r(t),s.d(t,{__toc:function(){return c}});var n=s(4246),r=s(9304),a=s(7284),l=s(4637);s(8233);var o=s(1441),i=s(2308);let c=[{depth:2,value:"Supported frontend frameworks",id:"supported-frontend-frameworks"},{depth:2,value:"Svelte",id:"svelte"},{depth:3,value:"Usage steps",id:"usage-steps"},{depth:2,value:"React",id:"react"}];function _createMdxContent(e){let t=Object.assign({h1:"h1",p:"p",h2:"h2",ul:"ul",li:"li",a:"a",em:"em",h3:"h3",ol:"ol",pre:"pre",code:"code",span:"span"},(0,o.a)(),e.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{children:"Mina Wallet Adapter for zkApps"}),"\n",(0,n.jsx)(t.p,{children:"This guide provides a quick setup for integrating the Wallet Adapter into a zkApp, utilizing any of the supported frontend frameworks mentioned below."}),"\n",(0,n.jsx)(t.h2,{id:"supported-frontend-frameworks",children:"Supported frontend frameworks"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"#svelte",children:"Svelte"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"#react",children:"React"})}),"\n",(0,n.jsxs)(t.li,{children:["Vue ",(0,n.jsx)(t.em,{children:"(coming soon)"})]}),"\n",(0,n.jsxs)(t.li,{children:["Angular ",(0,n.jsx)(t.em,{children:"(coming soon)"})]}),"\n",(0,n.jsxs)(t.li,{children:["Vanila JS ",(0,n.jsx)(t.em,{children:"(coming soon)"})]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"svelte",children:"Svelte"}),"\n",(0,n.jsxs)(t.p,{children:["Follow the steps below to seamlessly integrate the Wallet Adapter into your zkApp with just a few lines of code. Refer to the ",(0,n.jsx)(t.a,{href:"https://github.com/mina-wallet-adapter/starter-kit-svelte",children:"example starter project"})," for the complete reference source code."]}),"\n",(0,n.jsx)(t.h3,{id:"usage-steps",children:"Usage steps"}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsx)(t.li,{children:"Install dependency. Only a single package is required."}),"\n"]}),"\n",(0,n.jsxs)(i.mQ,{items:["npm","pnpm","yarn","bun"],storageKey:"selectedPackageManager",children:[(0,n.jsx)(i.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"npm"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"install"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-svelte"})]})})})}),(0,n.jsx)(i.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"pnpm"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-svelte"})]})})})}),(0,n.jsx)(i.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"yarn"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-svelte"})]})})})}),(0,n.jsx)(i.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"bun"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-svelte"})]})})})})]}),"\n",(0,n.jsxs)(t.ol,{start:"2",children:["\n",(0,n.jsx)(t.li,{children:"Import wallet components and store. Import the CSS file for the default theme. Feel free to customize the CSS styles or replace it with a project-specific stylesheet."}),"\n"]}),"\n",(0,n.jsx)(t.pre,{"data-language":"js","data-theme":"default",hasCopyCode:!0,children:(0,n.jsxs)(t.code,{"data-language":"js","data-theme":"default",children:[(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" { WalletProvider"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" WalletMultiButton"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" walletStore } "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@mina-wallet-adapter/ui-svelte"'}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@mina-wallet-adapter/ui-svelte/dist/wallet-adapter.css"'}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"; "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-comment)"},children:"// Default style. Feel free to customize for project-specific look."})]})]})}),"\n",(0,n.jsxs)(t.ol,{start:"3",children:["\n",(0,n.jsxs)(t.li,{children:["Utilize the components as HTML elements within the page document. Pass the list of wallet adapters to display as a parameter to the ",(0,n.jsx)(t.code,{children:"WalletProvider"})," component. The ",(0,n.jsx)(t.code,{children:"WalletMultiButton"}),' component will show the "Connect Wallet" button and handle the entire connection workflow.']}),"\n"]}),"\n",(0,n.jsx)(t.pre,{"data-language":"svelte","data-theme":"default",hasCopyCode:!0,children:(0,n.jsxs)(t.code,{"data-language":"svelte","data-theme":"default",children:[(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"WalletProvider"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"autoConnect"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"true"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"} />"})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"WalletMultiButton"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})}),"\n",(0,n.jsxs)(t.ol,{start:"4",children:["\n",(0,n.jsxs)(t.li,{children:["Get the wallet connection state and invoke connected wallet methods through the ",(0,n.jsx)(t.code,{children:"walletStore"}),"."]}),"\n"]}),"\n",(0,n.jsx)(t.pre,{"data-language":"svelte","data-theme":"default",hasCopyCode:!0,children:(0,n.jsxs)(t.code,{"data-language":"svelte","data-theme":"default",children:[(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {#"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"if"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" $"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"walletStore"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:".connected}"})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"p"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">Connected. Wallet address is {$"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"walletStore"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:".publicKey}."})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"button"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"on"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:":"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"click"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"async"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"await"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"walletStore"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:".signTransaction"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"("}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"..."}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:")}>Sign a Transaction"})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {:"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"else"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"}"})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"p"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:'>You are not connected. Click "Connect Wallet" button to connect."})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {/"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"if"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"}"})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})}),"\n",(0,n.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"WIP.."})})]})}let d={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,o.a)(),e.components);return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/guide/zkapp.md",route:"/docs/guide/zkapp",timestamp:1706738398e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Mina Wallet Adapter for zkApps",headings:c},pageNextRoute:"/docs/guide/zkapp",nextraLayout:a.ZP,themeConfig:l.Z};t.default=(0,r.j)(d)},4637:function(e,t,s){"use strict";var n=s(4246);s(7378);var r=s(6677),a=s(7284);let l={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},o={logo:(0,n.jsx)("span",{children:l.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,r.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(l.name)}},head:function(){let{title:e}=(0,a.ZR)(),t=(e?e+" – ":"")+l.name,s="".concat(l.url,"/assets/og.png");return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,n.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,n.jsx)("meta",{name:"apple-mobile-web-app-title",content:l.name}),(0,n.jsx)("meta",{name:"description",content:l.description}),(0,n.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,n.jsx)("meta",{property:"twitter:url",content:l.url}),(0,n.jsx)("meta",{property:"twitter:title",content:t}),(0,n.jsx)("meta",{property:"twitter:image",content:s}),(0,n.jsx)("meta",{property:"twitter:description",content:l.description}),(0,n.jsx)("meta",{property:"og:type",content:"website"}),(0,n.jsx)("meta",{property:"og:locale",content:"en"}),(0,n.jsx)("meta",{property:"og:url",content:l.url}),(0,n.jsx)("meta",{property:"og:title",content:t}),(0,n.jsx)("meta",{property:"og:image",content:s}),(0,n.jsx)("meta",{property:"og:description",content:l.description}),(0,n.jsx)("meta",{property:"og:site_name",content:l.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,n.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=o},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=6568)}),_N_E=e.O()}]);
\ No newline at end of file
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[141],{6568:function(e,t,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/guide/zkapp",function(){return s(8680)}])},8680:function(e,t,s){"use strict";s.r(t),s.d(t,{__toc:function(){return c}});var n=s(4246),r=s(9304),a=s(7284),l=s(4637);s(8233);var o=s(1441),i=s(2308);let c=[{depth:2,value:"Supported frontend frameworks",id:"supported-frontend-frameworks"},{depth:2,value:"Svelte",id:"svelte"},{depth:3,value:"Usage steps",id:"usage-steps"},{depth:2,value:"React",id:"react"}];function _createMdxContent(e){let t=Object.assign({h1:"h1",p:"p",h2:"h2",ul:"ul",li:"li",a:"a",em:"em",h3:"h3",ol:"ol",pre:"pre",code:"code",span:"span"},(0,o.a)(),e.components);return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(t.h1,{children:"Mina Wallet Adapter for zkApps"}),"\n",(0,n.jsx)(t.p,{children:"This guide provides a quick setup for integrating the Wallet Adapter into a zkApp, utilizing any of the supported frontend frameworks mentioned below."}),"\n",(0,n.jsx)(t.h2,{id:"supported-frontend-frameworks",children:"Supported frontend frameworks"}),"\n",(0,n.jsxs)(t.ul,{children:["\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"#svelte",children:"Svelte"})}),"\n",(0,n.jsx)(t.li,{children:(0,n.jsx)(t.a,{href:"#react",children:"React"})}),"\n",(0,n.jsxs)(t.li,{children:["Vue ",(0,n.jsx)(t.em,{children:"(coming soon)"})]}),"\n",(0,n.jsxs)(t.li,{children:["Angular ",(0,n.jsx)(t.em,{children:"(coming soon)"})]}),"\n",(0,n.jsxs)(t.li,{children:["Vanila JS ",(0,n.jsx)(t.em,{children:"(coming soon)"})]}),"\n"]}),"\n",(0,n.jsx)(t.h2,{id:"svelte",children:"Svelte"}),"\n",(0,n.jsxs)(t.p,{children:["Follow the steps below to seamlessly integrate the Wallet Adapter into your zkApp with just a few lines of code. Refer to the ",(0,n.jsx)(t.a,{href:"https://github.com/mina-wallet-adapter/starter-kit-svelte",children:"example starter project"})," for the complete reference source code."]}),"\n",(0,n.jsx)(t.h3,{id:"usage-steps",children:"Usage steps"}),"\n",(0,n.jsxs)(t.ol,{children:["\n",(0,n.jsx)(t.li,{children:"Install dependency. Only a single package is required."}),"\n"]}),"\n",(0,n.jsxs)(i.mQ,{items:["npm","pnpm","yarn","bun"],storageKey:"selectedPackageManager",children:[(0,n.jsx)(i.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"npm"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"install"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-svelte"})]})})})}),(0,n.jsx)(i.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"pnpm"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-svelte"})]})})})}),(0,n.jsx)(i.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"yarn"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-svelte"})]})})})}),(0,n.jsx)(i.OK,{children:(0,n.jsx)(t.pre,{"data-language":"bash","data-theme":"default",hasCopyCode:!0,children:(0,n.jsx)(t.code,{"data-language":"bash","data-theme":"default",children:(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"bun"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"add"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string)"},children:"@mina-wallet-adapter/ui-svelte"})]})})})})]}),"\n",(0,n.jsxs)(t.ol,{start:"2",children:["\n",(0,n.jsx)(t.li,{children:"Import wallet components and store. Import the CSS file for the default theme. Feel free to customize the CSS styles or replace it with a project-specific stylesheet."}),"\n"]}),"\n",(0,n.jsx)(t.pre,{"data-language":"js","data-theme":"default",hasCopyCode:!0,children:(0,n.jsxs)(t.code,{"data-language":"js","data-theme":"default",children:[(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" { WalletProvider"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" WalletMultiButton"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" walletStore } "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@mina-wallet-adapter/ui-svelte"'}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@mina-wallet-adapter/ui-svelte/dist/wallet-adapter.css"'}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"; "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-comment)"},children:"// Default style. Feel free to customize for project-specific look."})]})]})}),"\n",(0,n.jsxs)(t.ol,{start:"3",children:["\n",(0,n.jsxs)(t.li,{children:["Utilize the components as HTML elements within the page document. Pass the list of wallet adapters to display as a parameter to the ",(0,n.jsx)(t.code,{children:"WalletProvider"})," component. The ",(0,n.jsx)(t.code,{children:"WalletMultiButton"}),' component will show the "Connect Wallet" button and handle the entire connection workflow.']}),"\n"]}),"\n",(0,n.jsx)(t.pre,{"data-language":"svelte","data-theme":"default",hasCopyCode:!0,children:(0,n.jsxs)(t.code,{"data-language":"svelte","data-theme":"default",children:[(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"WalletProvider"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"autoConnect"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"true"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"} />"})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"WalletMultiButton"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})}),"\n",(0,n.jsxs)(t.ol,{start:"4",children:["\n",(0,n.jsxs)(t.li,{children:["Get the wallet connection state and invoke connected wallet methods through the ",(0,n.jsx)(t.code,{children:"walletStore"}),"."]}),"\n"]}),"\n",(0,n.jsx)(t.pre,{"data-language":"svelte","data-theme":"default",hasCopyCode:!0,children:(0,n.jsxs)(t.code,{"data-language":"svelte","data-theme":"default",children:[(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {#"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"if"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" $"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"walletStore"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:".connected}"})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"p"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">Connected. Wallet address is {$"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"walletStore"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:".publicKey}."})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"button"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"on"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:":"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"click"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"async"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" () "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"=>"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"await"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"walletStore"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:".signTransaction"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"("}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"..."}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:")}>Sign a Transaction"})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {:"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"else"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"}"})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"p"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:'>You are not connected. Click "Connect Wallet" button to connect."})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" {/"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"if"}),(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"}"})]}),"\n",(0,n.jsxs)(t.span,{className:"line",children:[(0,n.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})}),"\n",(0,n.jsx)(t.h2,{id:"react",children:"React"}),"\n",(0,n.jsx)(t.p,{children:(0,n.jsx)(t.em,{children:"WIP.."})})]})}let d={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,o.a)(),e.components);return t?(0,n.jsx)(t,{...e,children:(0,n.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/guide/zkapp.md",route:"/docs/guide/zkapp",timestamp:1706738398e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"},typedoc:{title:"API Docs",type:"page",href:"./typedoc"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Mina Wallet Adapter for zkApps",headings:c},pageNextRoute:"/docs/guide/zkapp",nextraLayout:a.ZP,themeConfig:l.Z};t.default=(0,r.j)(d)},4637:function(e,t,s){"use strict";var n=s(4246);s(7378);var r=s(6677),a=s(7284);let l={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},o={logo:(0,n.jsx)("span",{children:l.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,r.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(l.name)}},head:function(){let{title:e}=(0,a.ZR)(),t=(e?e+" – ":"")+l.name,s="".concat(l.url,"/assets/og.png");return(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,n.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,n.jsx)("meta",{name:"apple-mobile-web-app-title",content:l.name}),(0,n.jsx)("meta",{name:"description",content:l.description}),(0,n.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,n.jsx)("meta",{property:"twitter:url",content:l.url}),(0,n.jsx)("meta",{property:"twitter:title",content:t}),(0,n.jsx)("meta",{property:"twitter:image",content:s}),(0,n.jsx)("meta",{property:"twitter:description",content:l.description}),(0,n.jsx)("meta",{property:"og:type",content:"website"}),(0,n.jsx)("meta",{property:"og:locale",content:"en"}),(0,n.jsx)("meta",{property:"og:url",content:l.url}),(0,n.jsx)("meta",{property:"og:title",content:t}),(0,n.jsx)("meta",{property:"og:image",content:s}),(0,n.jsx)("meta",{property:"og:description",content:l.description}),(0,n.jsx)("meta",{property:"og:site_name",content:l.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,n.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=o},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=6568)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/integrations-492e5116bfda3d03.js b/_next/static/chunks/pages/docs/integrations-492e5116bfda3d03.js
deleted file mode 100644
index 4e3fbe3..0000000
--- a/_next/static/chunks/pages/docs/integrations-492e5116bfda3d03.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[23],{4947:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/integrations",function(){return n(3585)}])},3585:function(e,t,n){"use strict";n.r(t),n.d(t,{__toc:function(){return c}});var a=n(4246),r=n(9304),o=n(7284),i=n(4637);n(8233);var s=n(1441),l=n(2308),d=n(5395);let c=[{depth:2,value:"Wallets",id:"wallets"},{depth:2,value:"zkApps",id:"zkapps"}];function _createMdxContent(e){let t=Object.assign({h1:"h1",p:"p",h2:"h2"},(0,s.a)(),e.components);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(t.h1,{children:"Integrations Showcase"}),"\n",(0,a.jsx)(t.p,{children:"List of wallets and zkApp projects supporting Mina Wallet Adapter."}),"\n",(0,a.jsx)(t.h2,{id:"wallets",children:"Wallets"}),"\n",(0,a.jsx)(l.oy,{children:(0,a.jsx)(l.Zb,{icon:(0,a.jsx)(d.Es,{}),title:"Auro Wallet",href:"https://www.aurowallet.com/",target:"_blank"})}),"\n",(0,a.jsx)(t.h2,{id:"zkapps",children:"zkApps"}),"\n",(0,a.jsx)(l.oy,{children:(0,a.jsx)(l.Zb,{icon:(0,a.jsx)(d.n9,{}),title:".mina Domain",href:"https://dotminadomain.com",target:"_blank"})})]})}let p={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/integrations.mdx",route:"/docs/integrations",timestamp:1705496425e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Integrations Showcase",headings:c},pageNextRoute:"/docs/integrations",nextraLayout:o.ZP,themeConfig:i.Z};t.default=(0,r.j)(p)},5395:function(e,t,n){"use strict";n.d(t,{Es:function(){return aurowallet},n9:function(){return globe},gQ:function(){return icons_react},W1:function(){return svelte}});var a,r,o,i,s,l,d,c=n(7378);function _extends(){return(_extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/integrations.mdx",route:"/docs/integrations",timestamp:1705496425e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"},typedoc:{title:"API Docs",type:"page",href:"./typedoc"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Integrations Showcase",headings:c},pageNextRoute:"/docs/integrations",nextraLayout:o.ZP,themeConfig:i.Z};t.default=(0,r.j)(p)},5395:function(e,t,n){"use strict";n.d(t,{Es:function(){return aurowallet},n9:function(){return globe},gQ:function(){return icons_react},W1:function(){return svelte}});var a,r,o,i,s,l,d,c=n(7378);function _extends(){return(_extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,d.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/intro.mdx",route:"/docs/intro",timestamp:1707760204e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"},typedoc:{title:"API Docs",type:"page",href:"./typedoc"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Intro",headings:c},pageNextRoute:"/docs/intro",nextraLayout:i.ZP,themeConfig:o.Z};var u=(0,r.j)(p)},2832:function(e,t,n){"use strict";n.d(t,{s:function(){return ImgDiv},Q:function(){return LinkButton}});var a=n(4246),r=n(7915),i=n.n(r);function ImgDiv(e){let{children:t,style:n={}}=e;return(0,a.jsx)("div",{className:i().imgdiv,style:{...n},children:t})}var o=n(9894),d=n.n(o);function LinkButton(e){let{href:t,children:n,target:r,className:i=""}=e;return(0,a.jsx)(d(),{href:t,style:{display:"inline-block",textDecoration:"none",padding:"0.5rem 3rem"},className:"".concat(i," nx-text-current nx-rounded-lg nx-border nx-border-gray-200 dark:nx-shadow-none hover:nx-shadow-gray-100 dark:hover:nx-shadow-none nx-shadow-gray-100 active:nx-shadow-sm active:nx-shadow-gray-200 nx-transition-all nx-duration-200 hover:nx-border-gray-300 nx-bg-transparent nx-shadow-sm dark:nx-border-neutral-800 hover:nx-bg-slate-50 hover:nx-shadow-md dark:hover:nx-border-neutral-700 dark:hover:nx-bg-neutral-900"),target:r,children:n})}},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var r=n(6677),i=n(7284);let o={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},d={logo:(0,a.jsx)("span",{children:o.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,r.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(o.name)}},head:function(){let{title:e}=(0,i.ZR)(),t=(e?e+" – ":"")+o.name,n="".concat(o.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:o.name}),(0,a.jsx)("meta",{name:"description",content:o.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:o.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:o.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:o.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:o.description}),(0,a.jsx)("meta",{property:"og:site_name",content:o.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=d},7915:function(e){e.exports={imgdiv:"style_imgdiv__Z_743"}},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=7064)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/intro-8599847fd89a6141.js b/_next/static/chunks/pages/docs/intro-8599847fd89a6141.js
deleted file mode 100644
index 099facc..0000000
--- a/_next/static/chunks/pages/docs/intro-8599847fd89a6141.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[855],{7064:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/intro",function(){return n(3522)}])},3522:function(e,t,n){"use strict";n.r(t),n.d(t,{__toc:function(){return c},default:function(){return u}});var a=n(4246),r=n(9304),i=n(7284),o=n(4637);n(8233);var d=n(1441),s={src:"/wallet-adapter/_next/static/media/screenshots.d85b1920.png",height:513,width:898,blurDataURL:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAKlBMVEUtMDEwMDE3Nzc4NzhFRUQ3NzdeQDlNSEttPzQhKSpXPTc3NzdAQEB7Rjp7H6klAAAAC3RSTlP+8tZC+jzR8+7qwF3IIo8AAAAJcEhZcwAACxMAAAsTAQCanBgAAAArSURBVHicJca3AQAgDAMwp1Ls/P8uA5oEdy8jBcrCCAI4PzM7VlLovpWiHhUhAQ1IEkfSAAAAAElFTkSuQmCC",blurWidth:8,blurHeight:5},l=n(2832);let c=[{depth:2,value:"Core Features",id:"core-features"},{depth:3,value:"Roadmap Features",id:"roadmap-features"},{depth:2,value:"Demo",id:"demo"}];function _createMdxContent(e){let t=Object.assign({p:"p",strong:"strong",img:"img",h2:"h2",ul:"ul",li:"li",a:"a",h3:"h3"},(0,d.a)(),e.components);return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(t.p,{children:["The ",(0,a.jsx)(t.strong,{children:"Mina Wallet Adapter"})," offers a toolkit for integrating wallet support into zkApps. It comprises modular components and hooks designed for zkApps to seamlessly interact with all major wallets in the Mina Protocol ecosystem. This adapter provides reusable interfaces that facilitate interoperability between zkApps and wallets."]}),"\n",(0,a.jsx)(t.p,{children:"Written in TypeScript, the Mina Wallet Adapter enables adding wallet support to zkApps with just a few lines of code."}),"\n",(0,a.jsx)(l.s,{style:{maxWidth:"720px"},children:(0,a.jsx)(t.img,{alt:"Screenshot",placeholder:"blur",src:s})}),"\n",(0,a.jsx)(t.h2,{id:"core-features",children:"Core Features"}),"\n",(0,a.jsxs)(t.ul,{children:["\n",(0,a.jsx)(t.li,{children:"Auto-detection of installed wallets"}),"\n",(0,a.jsx)(t.li,{children:"Automatic wallet state management"}),"\n",(0,a.jsx)(t.li,{children:"Query hooks and modular UI components for zkApps"}),"\n",(0,a.jsxs)(t.li,{children:[(0,a.jsx)(t.a,{href:"/docs/design/wallet-standard",children:"Wallet Standard"})," support"]}),"\n",(0,a.jsx)(t.li,{children:"Written in TypeScript with support for multiple JS frameworks like React, Svelte, and more"}),"\n"]}),"\n",(0,a.jsx)(t.h3,{id:"roadmap-features",children:"Roadmap Features"}),"\n",(0,a.jsx)(t.p,{children:"The following features are planned and coming soon."}),"\n",(0,a.jsxs)(t.ul,{children:["\n",(0,a.jsx)(t.li,{children:"Mina Wallet Provider APIs (RFC-0008, RFC-0009 and RFC-0010) compatibility"}),"\n",(0,a.jsx)(t.li,{children:"Integration with the .mina domain (Mina Names Service)"}),"\n",(0,a.jsx)(t.li,{children:"Customizable UI with light and dark modes, and themable styles"}),"\n"]}),"\n",(0,a.jsx)(t.h2,{id:"demo",children:"Demo"}),"\n",(0,a.jsx)(t.p,{children:"Check out the demo site below to see the Wallet Adapter in action."}),"\n",(0,a.jsxs)(t.p,{children:["\uD83D\uDC49 ",(0,a.jsx)(t.a,{href:"https://mina-wallet-adapter.github.io/starter-kit-svelte/",children:"zkApp Starter Kit"})]})]})}let p={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,d.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/intro.mdx",route:"/docs/intro",timestamp:1707760204e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Intro",headings:c},pageNextRoute:"/docs/intro",nextraLayout:i.ZP,themeConfig:o.Z};var u=(0,r.j)(p)},2832:function(e,t,n){"use strict";n.d(t,{s:function(){return ImgDiv},Q:function(){return LinkButton}});var a=n(4246),r=n(7915),i=n.n(r);function ImgDiv(e){let{children:t,style:n={}}=e;return(0,a.jsx)("div",{className:i().imgdiv,style:{...n},children:t})}var o=n(9894),d=n.n(o);function LinkButton(e){let{href:t,children:n,target:r,className:i=""}=e;return(0,a.jsx)(d(),{href:t,style:{display:"inline-block",textDecoration:"none",padding:"0.5rem 3rem"},className:"".concat(i," nx-text-current nx-rounded-lg nx-border nx-border-gray-200 dark:nx-shadow-none hover:nx-shadow-gray-100 dark:hover:nx-shadow-none nx-shadow-gray-100 active:nx-shadow-sm active:nx-shadow-gray-200 nx-transition-all nx-duration-200 hover:nx-border-gray-300 nx-bg-transparent nx-shadow-sm dark:nx-border-neutral-800 hover:nx-bg-slate-50 hover:nx-shadow-md dark:hover:nx-border-neutral-700 dark:hover:nx-bg-neutral-900"),target:r,children:n})}},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var r=n(6677),i=n(7284);let o={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},d={logo:(0,a.jsx)("span",{children:o.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,r.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(o.name)}},head:function(){let{title:e}=(0,i.ZR)(),t=(e?e+" – ":"")+o.name,n="".concat(o.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:o.name}),(0,a.jsx)("meta",{name:"description",content:o.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:o.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:o.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:o.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:o.description}),(0,a.jsx)("meta",{property:"og:site_name",content:o.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=d},7915:function(e){e.exports={imgdiv:"style_imgdiv__Z_743"}},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=7064)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/starter-5afa4b166f47c283.js b/_next/static/chunks/pages/docs/starter-5afa4b166f47c283.js
new file mode 100644
index 0000000..b53d78d
--- /dev/null
+++ b/_next/static/chunks/pages/docs/starter-5afa4b166f47c283.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[542],{5858:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/starter",function(){return n(910)}])},910:function(e,t,n){"use strict";n.r(t),n.d(t,{__toc:function(){return l}});var r=n(4246),a=n(9304),o=n(7284),i=n(4637);n(8233);var s=n(1441),c=n(2308),d=n(5395);let l=[];function _createMdxContent(e){let t=Object.assign({h1:"h1"},(0,s.a)(),e.components);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(t.h1,{children:"Starter Kits"}),"\n",(0,r.jsxs)(c.oy,{children:[(0,r.jsx)(c.Zb,{icon:(0,r.jsx)(d.W1,{}),title:"For Svelte",href:"./starter/svelte"}),(0,r.jsx)(c.Zb,{icon:(0,r.jsx)(d.gQ,{}),title:"For React",href:"./starter/react"})]})]})}let u={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.a)(),e.components);return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/starter.mdx",route:"/docs/starter",timestamp:1704406435e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"},typedoc:{title:"API Docs",type:"page",href:"./typedoc"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Starter Kits",headings:l},pageNextRoute:"/docs/starter",nextraLayout:o.ZP,themeConfig:i.Z};t.default=(0,a.j)(u)},5395:function(e,t,n){"use strict";n.d(t,{Es:function(){return aurowallet},n9:function(){return globe},gQ:function(){return icons_react},W1:function(){return svelte}});var r,a,o,i,s,c,d,l=n(7378);function _extends(){return(_extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,s.a)(),e.components);return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/starter.mdx",route:"/docs/starter",timestamp:1704406435e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Starter Kits",headings:l},pageNextRoute:"/docs/starter",nextraLayout:o.ZP,themeConfig:i.Z};t.default=(0,a.j)(u)},5395:function(e,t,n){"use strict";n.d(t,{Es:function(){return aurowallet},n9:function(){return globe},gQ:function(){return icons_react},W1:function(){return svelte}});var r,a,o,i,s,c,d,l=n(7378);function _extends(){return(_extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,d.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/starter/react.md",route:"/docs/starter/react",timestamp:1704368531e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Starter Kit for zkApps written in React",headings:s},pageNextRoute:"/docs/starter/react",nextraLayout:o.ZP,themeConfig:i.Z};t.default=(0,r.j)(c)},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var r=n(6677),o=n(7284);let i={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},d={logo:(0,a.jsx)("span",{children:i.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,r.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(i.name)}},head:function(){let{title:e}=(0,o.ZR)(),t=(e?e+" – ":"")+i.name,n="".concat(i.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:i.name}),(0,a.jsx)("meta",{name:"description",content:i.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:i.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:i.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:i.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:i.description}),(0,a.jsx)("meta",{property:"og:site_name",content:i.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=d},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=995)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/starter/react-b5fb566e20e838c7.js b/_next/static/chunks/pages/docs/starter/react-b5fb566e20e838c7.js
new file mode 100644
index 0000000..941fd8a
--- /dev/null
+++ b/_next/static/chunks/pages/docs/starter/react-b5fb566e20e838c7.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[672],{995:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/starter/react",function(){return n(3731)}])},3731:function(e,t,n){"use strict";n.r(t),n.d(t,{__toc:function(){return s}});var a=n(4246),r=n(9304),o=n(7284),i=n(4637);n(8233);var d=n(1441);let s=[];function _createMdxContent(e){let t=Object.assign({h1:"h1"},(0,d.a)(),e.components);return(0,a.jsx)(t.h1,{children:"Starter Kit for zkApps written in React"})}let c={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,d.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/starter/react.md",route:"/docs/starter/react",timestamp:1704368531e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"},typedoc:{title:"API Docs",type:"page",href:"./typedoc"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Starter Kit for zkApps written in React",headings:s},pageNextRoute:"/docs/starter/react",nextraLayout:o.ZP,themeConfig:i.Z};t.default=(0,r.j)(c)},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var r=n(6677),o=n(7284);let i={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},d={logo:(0,a.jsx)("span",{children:i.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,r.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(i.name)}},head:function(){let{title:e}=(0,o.ZR)(),t=(e?e+" – ":"")+i.name,n="".concat(i.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:i.name}),(0,a.jsx)("meta",{name:"description",content:i.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:i.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:i.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:i.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:i.description}),(0,a.jsx)("meta",{property:"og:site_name",content:i.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=d},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=995)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/starter/svelte-7cd3231d423ea610.js b/_next/static/chunks/pages/docs/starter/svelte-7cd3231d423ea610.js
new file mode 100644
index 0000000..e9bbc3c
--- /dev/null
+++ b/_next/static/chunks/pages/docs/starter/svelte-7cd3231d423ea610.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[753],{3393:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/starter/svelte",function(){return n(7796)}])},7796:function(e,t,n){"use strict";n.r(t),n.d(t,{__toc:function(){return s}});var a=n(4246),r=n(9304),o=n(7284),i=n(4637);n(8233);var d=n(1441);let s=[];function _createMdxContent(e){let t=Object.assign({h1:"h1"},(0,d.a)(),e.components);return(0,a.jsx)(t.h1,{children:"Starter Kit for zkApps written in Svelte"})}let c={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,d.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/starter/svelte.md",route:"/docs/starter/svelte",timestamp:1704368531e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"},typedoc:{title:"API Docs",type:"page",href:"./typedoc"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Starter Kit for zkApps written in Svelte",headings:s},pageNextRoute:"/docs/starter/svelte",nextraLayout:o.ZP,themeConfig:i.Z};t.default=(0,r.j)(c)},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var r=n(6677),o=n(7284);let i={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},d={logo:(0,a.jsx)("span",{children:i.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,r.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(i.name)}},head:function(){let{title:e}=(0,o.ZR)(),t=(e?e+" – ":"")+i.name,n="".concat(i.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:i.name}),(0,a.jsx)("meta",{name:"description",content:i.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:i.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:i.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:i.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:i.description}),(0,a.jsx)("meta",{property:"og:site_name",content:i.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=d},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=3393)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/docs/starter/svelte-da0f54dc4d8d9d1d.js b/_next/static/chunks/pages/docs/starter/svelte-da0f54dc4d8d9d1d.js
deleted file mode 100644
index 1e14940..0000000
--- a/_next/static/chunks/pages/docs/starter/svelte-da0f54dc4d8d9d1d.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[753],{3393:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/docs/starter/svelte",function(){return n(7796)}])},7796:function(e,t,n){"use strict";n.r(t),n.d(t,{__toc:function(){return s}});var a=n(4246),r=n(9304),o=n(7284),i=n(4637);n(8233);var d=n(1441);let s=[];function _createMdxContent(e){let t=Object.assign({h1:"h1"},(0,d.a)(),e.components);return(0,a.jsx)(t.h1,{children:"Starter Kit for zkApps written in Svelte"})}let c={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,d.a)(),e.components);return t?(0,a.jsx)(t,{...e,children:(0,a.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)},pageOpts:{filePath:"pages/docs/starter/svelte.md",route:"/docs/starter/svelte",timestamp:1704368531e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Starter Kit for zkApps written in Svelte",headings:s},pageNextRoute:"/docs/starter/svelte",nextraLayout:o.ZP,themeConfig:i.Z};t.default=(0,r.j)(c)},4637:function(e,t,n){"use strict";var a=n(4246);n(7378);var r=n(6677),o=n(7284);let i={name:"Mina Wallet Adapter",url:"https://mina-wallet-adapter.github.io/wallet-adapter",description:"Add wallets support to your zkApps with ease."},d={logo:(0,a.jsx)("span",{children:i.name}),nextThemes:{defaultTheme:"dark"},useNextSeoProps(){let{asPath:e}=(0,r.useRouter)();if("/"!==e)return{titleTemplate:"%s – ".concat(i.name)}},head:function(){let{title:e}=(0,o.ZR)(),t=(e?e+" – ":"")+i.name,n="".concat(i.url,"/assets/og.png");return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("meta",{httpEquiv:"Content-Language",content:"en"}),(0,a.jsx)("meta",{name:"viewport",content:"width=device-width, initial-scale=1.0"}),(0,a.jsx)("meta",{name:"apple-mobile-web-app-title",content:i.name}),(0,a.jsx)("meta",{name:"description",content:i.description}),(0,a.jsx)("meta",{property:"twitter:card",content:"summary_large_image"}),(0,a.jsx)("meta",{property:"twitter:url",content:i.url}),(0,a.jsx)("meta",{property:"twitter:title",content:t}),(0,a.jsx)("meta",{property:"twitter:image",content:n}),(0,a.jsx)("meta",{property:"twitter:description",content:i.description}),(0,a.jsx)("meta",{property:"og:type",content:"website"}),(0,a.jsx)("meta",{property:"og:locale",content:"en"}),(0,a.jsx)("meta",{property:"og:url",content:i.url}),(0,a.jsx)("meta",{property:"og:title",content:t}),(0,a.jsx)("meta",{property:"og:image",content:n}),(0,a.jsx)("meta",{property:"og:description",content:i.description}),(0,a.jsx)("meta",{property:"og:site_name",content:i.name})]})},project:{link:"https://github.com/mina-wallet-adapter/wallet-adapter"},docsRepositoryBase:"https://github.com/mina-wallet-adapter/wallet-adapter/tree/main/site",editLink:{text:"Edit this page on GitHub →"},search:{placeholder:"Search Docs ..."},footer:{text:(0,a.jsxs)("small",{children:["\xa9 ",new Date().getFullYear()," Mina Wallet Adapter."]})}};t.Z=d},3898:function(){}},function(e){e.O(0,[774,486,888,179],function(){return e(e.s=3393)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/_next/static/chunks/pages/index-f92f0cf11857ef72.js b/_next/static/chunks/pages/index-24cc8c3e9f89a5ae.js
similarity index 50%
rename from _next/static/chunks/pages/index-f92f0cf11857ef72.js
rename to _next/static/chunks/pages/index-24cc8c3e9f89a5ae.js
index 4a92386..3b91383 100644
--- a/_next/static/chunks/pages/index-f92f0cf11857ef72.js
+++ b/_next/static/chunks/pages/index-24cc8c3e9f89a5ae.js
@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[818],{7803:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return n(8298)}])},8298:function(e,t,n){"use strict";n.r(t),n.d(t,{__toc:function(){return p},default:function(){return m}});var r=n(4246),s=n(9304),a=n(7284),o=n(4637);n(8233);var i=n(1441),l=n(2308),c=n(5395),d=n(2832);function _createMdxContent(e){let t=Object.assign({pre:"pre",code:"code",span:"span"},(0,i.a)(),e.components);return(0,r.jsx)(t.pre,{"data-language":"js","data-theme":"default",hasCopyCode:!0,children:(0,r.jsxs)(t.code,{"data-language":"js","data-theme":"default",children:[(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" { WalletProvider"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" WalletMultiButton } "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@mina-wallet-adapter/ui-svelte"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@mina-wallet-adapter/ui-svelte/dist/wallet-adapter.css"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,r.jsx)(t.span,{className:"line",children:" "}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"WalletProvider"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"autoConnect"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"true"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"} />"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"WalletMultiButton"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:""})]}),"\n",(0,r.jsx)(t.span,{className:"line",children:" "})]})})}var svelte_code=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,i.a)(),e.components);return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)};function react_code_createMdxContent(e){let t=Object.assign({pre:"pre",code:"code",span:"span"},(0,i.a)(),e.components);return(0,r.jsx)(t.pre,{"data-language":"js","data-theme":"default",hasCopyCode:!0,children:(0,r.jsxs)(t.code,{"data-language":"js","data-theme":"default",children:[(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" { WalletProvider"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" WalletMultiButton } "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@mina-wallet-adapter/ui-react"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@mina-wallet-adapter/ui-react/dist/wallet-adapter.css"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,r.jsx)(t.span,{className:"line",children:" "}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"WalletProvider"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"autoConnect"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"true"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"}>"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"WalletMultiButton"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})}var react_code=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,i.a)(),e.components);return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(react_code_createMdxContent,{...e})}):react_code_createMdxContent(e)},x=n(3122),h=n.n(x);function Hero(){return(0,r.jsxs)("div",{className:"".concat(h().section," ").concat(h().hero),children:[(0,r.jsxs)("div",{className:h().textdiv,children:[(0,r.jsx)("h1",{children:"Mina Wallet Adapter"}),(0,r.jsx)("p",{className:"nextra-content",children:"Add wallets support to your zkApps with ease \uD83D\uDD25"}),(0,r.jsxs)("div",{className:"nx-flex mx-flex-wrap nx-gap-4 nx-justify-center md:nx-justify-start nx-mt-8",children:[(0,r.jsx)(d.Q,{href:"/docs/intro",children:"View Docs"}),(0,r.jsx)(d.Q,{href:"https://mina-wallet-adapter.github.io/starter-kit-svelte/",target:"_blank",children:"See Demo ↗"})]})]}),(0,r.jsx)("div",{className:h().imgdiv,style:{backgroundImage:"url('./assets/hero.png')"}})]})}function Code(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("hr",{className:"dark:nx-border-neutral-800"}),(0,r.jsxs)("div",{className:"".concat(h().section," ").concat(h().code),children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{children:"Get started in seconds"}),(0,r.jsx)("p",{children:"Simple, intuitive and easy to integrate. Using React, Svelte or another library, add wallets support to zkApps with just a few lines of code."}),(0,r.jsx)(d.Q,{href:"/docs/guide/quickstart",className:"nx-my-4",children:"Learn more"})]}),(0,r.jsx)("div",{className:"nextra-scrollbar nx-overflow-x-auto nx-overflow-y-hidden nx-overscroll-x-contain",children:(0,r.jsx)("div",{className:"nx-w-max nx-min-w-full nx-bg-gray-100 dark:nx-bg-gray-50/10 nx-rounded-xl nx-pt-1 nx-px-4 nx-pb-8",children:(0,r.jsxs)(l.mQ,{storageKey:"selectedJSFramework",items:[(0,r.jsxs)("span",{children:[(0,r.jsx)(c.gQ,{})," React"]}),(0,r.jsxs)("span",{children:[(0,r.jsx)(c.W1,{})," Svelte"]})],children:[(0,r.jsx)(l.mQ.Tab,{children:(0,r.jsx)(l.SU,{hasCopyCode:!0,children:(0,r.jsx)(react_code,{})})}),(0,r.jsx)(l.mQ.Tab,{children:(0,r.jsx)(l.SU,{hasCopyCode:!0,children:(0,r.jsx)(svelte_code,{})})})]})})})]}),(0,r.jsx)("hr",{className:"dark:nx-border-neutral-800"})]})}function Home(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(Hero,{}),(0,r.jsx)(Code,{})]})}let p=[];function pages_createMdxContent(e){return(0,r.jsx)(Home,{})}let u={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,i.a)(),e.components);return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(pages_createMdxContent,{...e})}):pages_createMdxContent(e)},pageOpts:{filePath:"pages/index.mdx",route:"/",timestamp:1704576678e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Index",headings:p},pageNextRoute:"/",nextraLayout:a.ZP,themeConfig:o.Z};var m=(0,s.j)(u)},2832:function(e,t,n){"use strict";n.d(t,{s:function(){return ImgDiv},Q:function(){return LinkButton}});var r=n(4246),s=n(7915),a=n.n(s);function ImgDiv(e){let{children:t,style:n={}}=e;return(0,r.jsx)("div",{className:a().imgdiv,style:{...n},children:t})}var o=n(9894),i=n.n(o);function LinkButton(e){let{href:t,children:n,target:s,className:a=""}=e;return(0,r.jsx)(i(),{href:t,style:{display:"inline-block",textDecoration:"none",padding:"0.5rem 3rem"},className:"".concat(a," nx-text-current nx-rounded-lg nx-border nx-border-gray-200 dark:nx-shadow-none hover:nx-shadow-gray-100 dark:hover:nx-shadow-none nx-shadow-gray-100 active:nx-shadow-sm active:nx-shadow-gray-200 nx-transition-all nx-duration-200 hover:nx-border-gray-300 nx-bg-transparent nx-shadow-sm dark:nx-border-neutral-800 hover:nx-bg-slate-50 hover:nx-shadow-md dark:hover:nx-border-neutral-700 dark:hover:nx-bg-neutral-900"),target:s,children:n})}},5395:function(e,t,n){"use strict";n.d(t,{Es:function(){return aurowallet},n9:function(){return globe},gQ:function(){return icons_react},W1:function(){return svelte}});var r,s,a,o,i,l,c,d=n(7378);function _extends(){return(_extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"WalletProvider"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"autoConnect"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"true"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"} />"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"WalletMultiButton"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:""})]}),"\n",(0,r.jsx)(t.span,{className:"line",children:" "})]})})}var svelte_code=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,i.a)(),e.components);return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(_createMdxContent,{...e})}):_createMdxContent(e)};function react_code_createMdxContent(e){let t=Object.assign({pre:"pre",code:"code",span:"span"},(0,i.a)(),e.components);return(0,r.jsx)(t.pre,{"data-language":"js","data-theme":"default",hasCopyCode:!0,children:(0,r.jsxs)(t.code,{"data-language":"js","data-theme":"default",children:[(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" { WalletProvider"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-punctuation)"},children:","}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" WalletMultiButton } "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"from"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@mina-wallet-adapter/ui-react"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"import"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:'"@mina-wallet-adapter/ui-react/dist/wallet-adapter.css"'}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:";"})]}),"\n",(0,r.jsx)(t.span,{className:"line",children:" "}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"<"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-string-expression)"},children:"div"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:">"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"WalletProvider"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-function)"},children:"autoConnect"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-keyword)"},children:"="}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"{"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"true"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:"}>"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" <"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-token-constant)"},children:"WalletMultiButton"}),(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" />"})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:" "})]}),"\n",(0,r.jsxs)(t.span,{className:"line",children:[(0,r.jsx)(t.span,{style:{color:"var(--shiki-color-text)"},children:""})]})]})})}var react_code=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,i.a)(),e.components);return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(react_code_createMdxContent,{...e})}):react_code_createMdxContent(e)},x=n(3122),h=n.n(x);function Hero(){return(0,r.jsxs)("div",{className:"".concat(h().section," ").concat(h().hero),children:[(0,r.jsxs)("div",{className:h().textdiv,children:[(0,r.jsx)("h1",{children:"Mina Wallet Adapter"}),(0,r.jsx)("p",{className:"nextra-content",children:"Add wallets support to your zkApps with ease \uD83D\uDD25"}),(0,r.jsxs)("div",{className:"nx-flex mx-flex-wrap nx-gap-4 nx-justify-center md:nx-justify-start nx-mt-8",children:[(0,r.jsx)(d.Q,{href:"/docs/intro",children:"View Docs"}),(0,r.jsx)(d.Q,{href:"https://mina-wallet-adapter.github.io/starter-kit-svelte/",target:"_blank",children:"See Demo ↗"})]})]}),(0,r.jsx)("div",{className:h().imgdiv,style:{backgroundImage:"url('./assets/hero.png')"}})]})}function Code(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("hr",{className:"dark:nx-border-neutral-800"}),(0,r.jsxs)("div",{className:"".concat(h().section," ").concat(h().code),children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{children:"Get started in seconds"}),(0,r.jsx)("p",{children:"Simple, intuitive and easy to integrate. Using React, Svelte or another library, add wallets support to zkApps with just a few lines of code."}),(0,r.jsx)(d.Q,{href:"/docs/guide/quickstart",className:"nx-my-4",children:"Learn more"})]}),(0,r.jsx)("div",{className:"nextra-scrollbar nx-overflow-x-auto nx-overflow-y-hidden nx-overscroll-x-contain",children:(0,r.jsx)("div",{className:"nx-w-max nx-min-w-full nx-bg-gray-100 dark:nx-bg-gray-50/10 nx-rounded-xl nx-pt-1 nx-px-4 nx-pb-8",children:(0,r.jsxs)(l.mQ,{storageKey:"selectedJSFramework",items:[(0,r.jsxs)("span",{children:[(0,r.jsx)(c.gQ,{})," React"]}),(0,r.jsxs)("span",{children:[(0,r.jsx)(c.W1,{})," Svelte"]})],children:[(0,r.jsx)(l.mQ.Tab,{children:(0,r.jsx)(l.SU,{hasCopyCode:!0,children:(0,r.jsx)(react_code,{})})}),(0,r.jsx)(l.mQ.Tab,{children:(0,r.jsx)(l.SU,{hasCopyCode:!0,children:(0,r.jsx)(svelte_code,{})})})]})})})]}),(0,r.jsx)("hr",{className:"dark:nx-border-neutral-800"})]})}function Home(){return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(Hero,{}),(0,r.jsx)(Code,{})]})}let p=[];function pages_createMdxContent(e){return(0,r.jsx)(Home,{})}let u={MDXContent:function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}=Object.assign({},(0,i.a)(),e.components);return t?(0,r.jsx)(t,{...e,children:(0,r.jsx)(pages_createMdxContent,{...e})}):pages_createMdxContent(e)},pageOpts:{filePath:"pages/index.mdx",route:"/",timestamp:1704576678e3,pageMap:[{kind:"Meta",data:{index:{title:"Home",display:"hidden",theme:{layout:"raw",breadcrumb:!1,toc:!1,sidebar:!1,pagination:!1,timestamp:!1,footer:!0}},docs:{title:"Docs",type:"page"},typedoc:{title:"API Docs",type:"page",href:"./typedoc"}}},{kind:"Folder",name:"docs",route:"/docs",children:[{kind:"Meta",data:{intro:"Introduction",guide:"Getting Started",design:"Design",starter:"Starter Kits",faq:"FAQs",integrations:"Integrations"}},{kind:"Folder",name:"design",route:"/docs/design",children:[{kind:"Meta",data:{architecture:"Architecture","wallet-standard":"Wallet Standard",binding:"UI Bindings",component:"Components",hook:"Hooks",style:"Styling"}},{kind:"MdxPage",name:"architecture",route:"/docs/design/architecture"},{kind:"MdxPage",name:"binding",route:"/docs/design/binding"},{kind:"MdxPage",name:"component",route:"/docs/design/component"},{kind:"MdxPage",name:"hook",route:"/docs/design/hook"},{kind:"MdxPage",name:"style",route:"/docs/design/style"},{kind:"MdxPage",name:"wallet-standard",route:"/docs/design/wallet-standard"}]},{kind:"MdxPage",name:"design",route:"/docs/design"},{kind:"MdxPage",name:"faq",route:"/docs/faq"},{kind:"Folder",name:"guide",route:"/docs/guide",children:[{kind:"Meta",data:{quickstart:"Quick Start",zkapp:"Use in zkApps",wallet:"Integrate in Wallets",build:"Develop Locally"}},{kind:"MdxPage",name:"build",route:"/docs/guide/build"},{kind:"MdxPage",name:"quickstart",route:"/docs/guide/quickstart"},{kind:"MdxPage",name:"wallet",route:"/docs/guide/wallet"},{kind:"MdxPage",name:"zkapp",route:"/docs/guide/zkapp"}]},{kind:"MdxPage",name:"integrations",route:"/docs/integrations"},{kind:"MdxPage",name:"intro",route:"/docs/intro"},{kind:"Folder",name:"starter",route:"/docs/starter",children:[{kind:"Meta",data:{svelte:"For Svelte",react:"For React"}},{kind:"MdxPage",name:"react",route:"/docs/starter/react"},{kind:"MdxPage",name:"svelte",route:"/docs/starter/svelte"}]},{kind:"MdxPage",name:"starter",route:"/docs/starter"}]},{kind:"MdxPage",name:"index",route:"/"}],flexsearch:{codeblocks:!0},title:"Index",headings:p},pageNextRoute:"/",nextraLayout:a.ZP,themeConfig:o.Z};var m=(0,s.j)(u)},2832:function(e,t,n){"use strict";n.d(t,{s:function(){return ImgDiv},Q:function(){return LinkButton}});var r=n(4246),s=n(7915),a=n.n(s);function ImgDiv(e){let{children:t,style:n={}}=e;return(0,r.jsx)("div",{className:a().imgdiv,style:{...n},children:t})}var o=n(9894),i=n.n(o);function LinkButton(e){let{href:t,children:n,target:s,className:a=""}=e;return(0,r.jsx)(i(),{href:t,style:{display:"inline-block",textDecoration:"none",padding:"0.5rem 3rem"},className:"".concat(a," nx-text-current nx-rounded-lg nx-border nx-border-gray-200 dark:nx-shadow-none hover:nx-shadow-gray-100 dark:hover:nx-shadow-none nx-shadow-gray-100 active:nx-shadow-sm active:nx-shadow-gray-200 nx-transition-all nx-duration-200 hover:nx-border-gray-300 nx-bg-transparent nx-shadow-sm dark:nx-border-neutral-800 hover:nx-bg-slate-50 hover:nx-shadow-md dark:hover:nx-border-neutral-700 dark:hover:nx-bg-neutral-900"),target:s,children:n})}},5395:function(e,t,n){"use strict";n.d(t,{Es:function(){return aurowallet},n9:function(){return globe},gQ:function(){return icons_react},W1:function(){return svelte}});var r,s,a,o,i,l,c,d=n(7378);function _extends(){return(_extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t
