@mysten/dapp-kit-react 1.0.2 → 2.0.0

package/dist/index.d.mts

@@ -1,36 +1,20 @@
-import * as _mysten_dapp_kit_core1 from "@mysten/dapp-kit-core";
+import * as _mysten_dapp_kit_core5 from "@mysten/dapp-kit-core";
 import { DAppKit, DefaultExpectedDppKit, RegisteredDAppKit } from "@mysten/dapp-kit-core";
-import { ComponentProps, PropsWithChildren } from "react";
-import * as _lit_react0 from "@lit/react";
-import { DAppKitConnectButton, DAppKitConnectModal } from "@mysten/dapp-kit-core/web";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react0 from "react";
+import { PropsWithChildren } from "react";
+import * as react_jsx_runtime1 from "react/jsx-runtime";
 import * as nanostores0 from "nanostores";
 export * from "@mysten/dapp-kit-core";
 
-//#region src/components/ConnectButton.d.ts
-type ConnectButtonProps = ComponentProps<typeof ConnectButtonComponent>;
-declare const ConnectButtonComponent: _lit_react0.ReactWebComponent<DAppKitConnectButton, {}>;
-declare function ConnectButton({
-  instance,
-  ...props
-}: ConnectButtonProps): react_jsx_runtime0.JSX.Element;
-//#endregion
-//#region src/components/ConnectModal.d.ts
-type ConnectModalProps = ComponentProps<typeof ConnectModalComponent>;
-declare const ConnectModalComponent: _lit_react0.ReactWebComponent<DAppKitConnectModal, {}>;
-declare function ConnectModal({
-  instance,
-  ...props
-}: ConnectModalProps): react_jsx_runtime0.JSX.Element;
-//#endregion
 //#region src/components/DAppKitProvider.d.ts
+declare const DAppKitContext: react0.Context<_mysten_dapp_kit_core5.DAppKit<any, _mysten_dapp_kit_core5.ClientWithCoreApi> | null>;
 type DAppKitProviderProps = PropsWithChildren<{
   dAppKit: DefaultExpectedDppKit;
 }>;
 declare function DAppKitProvider({
   dAppKit,
   children
-}: DAppKitProviderProps): react_jsx_runtime0.JSX.Element;
+}: DAppKitProviderProps): react_jsx_runtime1.JSX.Element;
 //#endregion
 //#region src/hooks/useDAppKit.d.ts
 declare function useDAppKit<TDAppKit extends DAppKit<any> = RegisteredDAppKit>(dAppKit?: TDAppKit): TDAppKit;
@@ -41,7 +25,7 @@ type UseWalletsOptions<TDAppKit extends DAppKit> = {
 };
 declare function useWallets<TDAppKit extends DAppKit<any> = RegisteredDAppKit>({
   dAppKit
-}?: UseWalletsOptions<TDAppKit>): _mysten_dapp_kit_core1.UiWallet[];
+}?: UseWalletsOptions<TDAppKit>): _mysten_dapp_kit_core5.UiWallet[];
 //#endregion
 //#region src/hooks/useWalletConnection.d.ts
 type UseWalletConnectionOptions<TDAppKit extends DAppKit<any>> = {
@@ -50,8 +34,17 @@ type UseWalletConnectionOptions<TDAppKit extends DAppKit<any>> = {
 declare function useWalletConnection<TDAppKit extends DAppKit = RegisteredDAppKit>({
   dAppKit
 }?: UseWalletConnectionOptions<TDAppKit>): {
-  readonly wallet: _mysten_dapp_kit_core1.UiWallet;
-  readonly account: _mysten_dapp_kit_core1.UiWalletAccount;
+  readonly wallet: null;
+  readonly account: null;
+  readonly status: "disconnected";
+  readonly supportedIntents: readonly [];
+  readonly isConnected: false;
+  readonly isConnecting: false;
+  readonly isReconnecting: false;
+  readonly isDisconnected: true;
+} | {
+  readonly wallet: _mysten_dapp_kit_core5.UiWallet;
+  readonly account: _mysten_dapp_kit_core5.UiWalletAccount;
   readonly status: "connected";
   readonly supportedIntents: string[];
   readonly isConnected: true;
@@ -68,23 +61,14 @@ declare function useWalletConnection<TDAppKit extends DAppKit = RegisteredDAppKi
   readonly isReconnecting: false;
   readonly isDisconnected: false;
 } | {
-  readonly wallet: _mysten_dapp_kit_core1.UiWallet;
-  readonly account: _mysten_dapp_kit_core1.UiWalletAccount;
+  readonly wallet: _mysten_dapp_kit_core5.UiWallet;
+  readonly account: _mysten_dapp_kit_core5.UiWalletAccount;
   readonly status: "reconnecting";
   readonly supportedIntents: string[];
   readonly isConnected: false;
   readonly isConnecting: false;
   readonly isReconnecting: true;
   readonly isDisconnected: false;
-} | {
-  readonly wallet: null;
-  readonly account: null;
-  readonly status: "disconnected";
-  readonly supportedIntents: readonly [];
-  readonly isConnected: false;
-  readonly isConnecting: false;
-  readonly isReconnecting: false;
-  readonly isDisconnected: true;
 };
 //#endregion
 //#region src/hooks/useCurrentAccount.d.ts
@@ -93,7 +77,7 @@ type UseCurrentAccountOptions<TDAppKit extends DAppKit> = {
 };
 declare function useCurrentAccount<TDAppKit extends DAppKit<any> = RegisteredDAppKit>({
   dAppKit
-}?: UseCurrentAccountOptions<TDAppKit>): _mysten_dapp_kit_core1.UiWalletAccount | null;
+}?: UseCurrentAccountOptions<TDAppKit>): _mysten_dapp_kit_core5.UiWalletAccount | null;
 //#endregion
 //#region src/hooks/useCurrentWallet.d.ts
 type UseCurrentWalletOptions<TDAppKit extends DAppKit> = {
@@ -101,7 +85,7 @@ type UseCurrentWalletOptions<TDAppKit extends DAppKit> = {
 };
 declare function useCurrentWallet<TDAppKit extends DAppKit<any> = RegisteredDAppKit>({
   dAppKit
-}?: UseCurrentWalletOptions<TDAppKit>): _mysten_dapp_kit_core1.UiWallet | null;
+}?: UseCurrentWalletOptions<TDAppKit>): _mysten_dapp_kit_core5.UiWallet | null;
 //#endregion
 //#region src/hooks/useCurrentClient.d.ts
 type UseCurrentClientOptions<TDAppKit extends DAppKit<any>> = {
@@ -119,5 +103,5 @@ declare function useCurrentNetwork<TDAppKit extends DAppKit<any> = RegisteredDAp
   dAppKit
 }?: UseCurrentNetworkOptions<TDAppKit>): nanostores0.StoreValue<TDAppKit["stores"]["$currentNetwork"]>;
 //#endregion
-export { ConnectButton, type ConnectButtonProps, ConnectModal, type ConnectModalProps, DAppKitProvider, type DAppKitProviderProps, useCurrentAccount, useCurrentClient, useCurrentNetwork, useCurrentWallet, useDAppKit, useWalletConnection, useWallets };
+export { DAppKitContext, DAppKitProvider, type DAppKitProviderProps, useCurrentAccount, useCurrentClient, useCurrentNetwork, useCurrentWallet, useDAppKit, useWalletConnection, useWallets };
 //# sourceMappingURL=index.d.mts.map

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":[],"sources":["../src/components/ConnectButton.tsx","../src/components/ConnectModal.tsx","../src/components/DAppKitProvider.tsx","../src/hooks/useDAppKit.ts","../src/hooks/useWallets.ts","../src/hooks/useWalletConnection.ts","../src/hooks/useCurrentAccount.ts","../src/hooks/useCurrentWallet.ts","../src/hooks/useCurrentClient.ts","../src/hooks/useCurrentNetwork.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;KASY,kBAAA,GAAqB,sBAAsB;cAEjD,wBAAsB,WAAA,CAAA,kBAAA;iBAMZ,aAAA;;;GAAsC,qBAAkB,kBAAA,CAAA,GAAA,CAAA;;;KCR5D,iBAAA,GAAoB,sBAAsB;cAEhD,uBAAqB,WAAA,CAAA,kBAAA;iBAMX,YAAA;;;GAAqC,oBAAiB,kBAAA,CAAA,GAAA,CAAA;;;KCR1D,oBAAA,GAAuB;WACzB;;iBAGM,eAAA;;;GAAuC,uBAAoB,kBAAA,CAAA,GAAA,CAAA;;;iBCN3D,4BAA4B,eAAe,6BAA6B,WAAQ;;;KCApF,mCAAmC;YACpC;;iBAGK,4BAA4B,eAAe;;IAExD,kBAAkB,YAAD,sBAAA,CAAe,QAAA;;;KCNvB,4CAA4C;YAC7C;;iBAGK,qCAAqC,UAAU;;IAE5D,2BAA2B;mBAAD,sBAAA,CAAA;;;;;;ELJjB,SAAA,cAAkB,EAAA,KAAA;EAExB,SAAA,cAAA,EAIJ,KAAA;AAEF,CAAA,GAAgB;EAAgB,SAAA,MAAA,EAAA,IAAA;EAAsB,SAAA,OAAA,EAAA,IAAA;EAAkB,SAAA,MAAA,EAAA,YAAA;EAAA,SAAA,gBAAA,EAAA,SAAA,EAAA;;;;ECR5D,SAAA,cAAiB,EAAA,KAAA;AAAgD,CAAA,GAEvE;EAMU,SAAA,MAAY,iCAAA;EAAG,SAAA,OAAA,wCAAA;EAAsB,SAAA,MAAA,EAAA,cAAA;EAAiB,SAAA,gBAAA,EAAA,MAAA,EAAA;EAAA,SAAA,WAAA,EAAA,KAAA;;;;ACRtE,CAAA,GAAY;EAII,SAAA,MAAA,EAAA,IAAe;EAAG,SAAA,OAAA,EAAA,IAAA;EAAS,SAAA,MAAA,EAAA,cAAA;EAAY,SAAA,gBAAA,EAAA,SAAA,EAAA;EAAoB,SAAA,WAAA,EAAA,KAAA;EAAA,SAAA,YAAA,EAAA,KAAA;;;;;;KIP/D,0CAA0C;YAC3C;;iBAGK,mCAAmC,eAAe;;IAE/D,yBAAyB,YAAD,sBAAA,CAAe,eAAA;;;KCN9B,yCAAyC;YAC1C;;iBAGK,kCAAkC,eAAe;;IAE9D,wBAAwB,YAAD,sBAAA,CAAe,QAAA;;;KCL7B,yCAAyC;YAC1C;;iBAGK,kCAAkC,eAAe;;IAE9D,wBAAwB,YAEyB,WAAW;;;KCRnD,0CAA0C;YAC3C;;iBAGK,mCAAmC,eAAe;;IAE/D,yBAAyB,YAAc,WAAA,CAAA,WAAA"}
+{"version":3,"file":"index.d.mts","names":[],"sources":["../src/components/DAppKitProvider.tsx","../src/hooks/useDAppKit.ts","../src/hooks/useWallets.ts","../src/hooks/useWalletConnection.ts","../src/hooks/useCurrentAccount.ts","../src/hooks/useCurrentWallet.ts","../src/hooks/useCurrentClient.ts","../src/hooks/useCurrentNetwork.ts"],"sourcesContent":[],"mappings":";;;;;;;;;cAOa,gBAAc,MAAA,CAAA,QAAA,sBAAA,CAAA,aAAoD,sBAAA,CAApD,iBAAA;KAEf,oBAAA,GAAuB;WACzB;;iBAGM,eAAA;;;GAAuC,uBAAoB,kBAAA,CAAA,GAAA,CAAA;;;iBCN3D,4BAA4B,eAAe,6BAA6B,WAAQ;;;KCApF,mCAAmC;YACpC;;iBAGK,4BAA4B,eAAe;;IAExD,kBAAkB,YAAD,sBAAA,CAAe,QAAA;;;KCNvB,4CAA4C;YAC7C;;iBAGK,qCAAqC,UAAU;;IAE5D,2BAA2B;;;;;;EHNjB,SAAA,YAAkE,EAAA,KAAA;EAAA,SAAA,cAApD,EAAA,KAAA;EAAA,SAAA,cAAA,EAAA,IAAA;CAAA,GAAA;EAAA,SAAA,MAAA,EGME,sBAAA,CAAA,QHNF;EAEf,SAAA,OAAA,wCAAuB;EAInB,SAAA,MAAA,EAAA,WAAe;EAAG,SAAA,gBAAA,EAAA,MAAA,EAAA;EAAS,SAAA,WAAA,EAAA,IAAA;EAAY,SAAA,YAAA,EAAA,KAAA;EAAoB,SAAA,cAAA,EAAA,KAAA;EAAA,SAAA,cAAA,EAAA,KAAA;;;;ECN3D,SAAA,MAAU,EAAA,YAAA;EAAkB,SAAA,gBAAA,EAAA,SAAA,EAAA;EAAe,SAAA,WAAA,EAAA,KAAA;EAA6B,SAAA,YAAA,EAAA,IAAA;EAAQ,SAAA,cAAA,EAAA,KAAA;EAAA,SAAA,cAAA,EAAA,KAAA;;;;ECApF,SAAA,MAAA,EAAA,cAAiB;EAIb,SAAA,gBAAU,EAAA,MAAA,EAAA;EAAkB,SAAA,WAAA,EAAA,KAAA;EAAe,SAAA,YAAA,EAAA,KAAA;EAC1D,SAAA,cAAA,EAAA,IAAA;EACoB,SAAA,cAAA,EAAA,KAAA;CAAlB;;;KEPS,0CAA0C;YAC3C;;iBAGK,mCAAmC,eAAe;;IAE/D,yBAAyB,YAAD,sBAAA,CAAe,eAAA;;;KCN9B,yCAAyC;YAC1C;;iBAGK,kCAAkC,eAAe;;IAE9D,wBAAwB,YAAD,sBAAA,CAAe,QAAA;;;KCL7B,yCAAyC;YAC1C;;iBAGK,kCAAkC,eAAe;;IAE9D,wBAAwB,YAEyB,WAAW;;;KCRnD,0CAA0C;YAC3C;;iBAGK,mCAAmC,eAAe;;IAE/D,yBAAyB,YAAc,WAAA,CAAA,WAAA"}

package/dist/index.mjs

@@ -1,61 +1,8 @@
-import * as React from "react";
-import { createContext, useContext } from "react";
-import { createComponent } from "@lit/react";
-import { DAppKitConnectButton, DAppKitConnectModal } from "@mysten/dapp-kit-core/web";
-import { jsx } from "react/jsx-runtime";
+import { n as DAppKitContext, r as DAppKitProvider, t as useDAppKit } from "./useDAppKit-LUp-KcgG.mjs";
 import { useStore } from "@nanostores/react";
 
 export * from "@mysten/dapp-kit-core"
 
-//#region src/components/DAppKitProvider.tsx
-const DAppKitContext = createContext(null);
-function DAppKitProvider({ dAppKit, children }) {
-	return /* @__PURE__ */ jsx(DAppKitContext.Provider, {
-		value: dAppKit,
-		children
-	});
-}
-
-//#endregion
-//#region src/hooks/useDAppKit.ts
-function useDAppKit(dAppKit) {
-	const contextValue = useContext(DAppKitContext);
-	if (dAppKit) return dAppKit;
-	if (!contextValue) throw new Error("Could not find DAppKitContext. Ensure that you have set up the `DAppKitProvider` component.");
-	return contextValue;
-}
-
-//#endregion
-//#region src/components/ConnectButton.tsx
-const ConnectButtonComponent = createComponent({
-	react: React,
-	tagName: "mysten-dapp-kit-connect-button",
-	elementClass: DAppKitConnectButton
-});
-function ConnectButton({ instance, ...props }) {
-	const dAppKit = useDAppKit(instance);
-	return /* @__PURE__ */ jsx(ConnectButtonComponent, {
-		...props,
-		instance: dAppKit
-	});
-}
-
-//#endregion
-//#region src/components/ConnectModal.tsx
-const ConnectModalComponent = createComponent({
-	react: React,
-	tagName: "mysten-dapp-kit-connect-modal",
-	elementClass: DAppKitConnectModal
-});
-function ConnectModal({ instance, ...props }) {
-	const dAppKit = useDAppKit(instance);
-	return /* @__PURE__ */ jsx(ConnectModalComponent, {
-		...props,
-		instance: dAppKit
-	});
-}
-
-//#endregion
 //#region src/hooks/useWallets.ts
 function useWallets({ dAppKit } = {}) {
 	return useStore(useDAppKit(dAppKit).stores.$wallets);
@@ -92,5 +39,5 @@ function useCurrentNetwork({ dAppKit } = {}) {
 }
 
 //#endregion
-export { ConnectButton, ConnectModal, DAppKitProvider, useCurrentAccount, useCurrentClient, useCurrentNetwork, useCurrentWallet, useDAppKit, useWalletConnection, useWallets };
+export { DAppKitContext, DAppKitProvider, useCurrentAccount, useCurrentClient, useCurrentNetwork, useCurrentWallet, useDAppKit, useWalletConnection, useWallets };
 //# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["ConnectButtonElement","ConnectModalElement"],"sources":["../src/components/DAppKitProvider.tsx","../src/hooks/useDAppKit.ts","../src/components/ConnectButton.tsx","../src/components/ConnectModal.tsx","../src/hooks/useWallets.ts","../src/hooks/useWalletConnection.ts","../src/hooks/useCurrentAccount.ts","../src/hooks/useCurrentWallet.ts","../src/hooks/useCurrentClient.ts","../src/hooks/useCurrentNetwork.ts"],"sourcesContent":["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { DefaultExpectedDppKit } from '@mysten/dapp-kit-core';\nimport { createContext } from 'react';\nimport type { PropsWithChildren } from 'react';\n\nexport const DAppKitContext = createContext<DefaultExpectedDppKit | null>(null);\n\nexport type DAppKitProviderProps = PropsWithChildren<{\n\tdAppKit: DefaultExpectedDppKit;\n}>;\n\nexport function DAppKitProvider({ dAppKit, children }: DAppKitProviderProps) {\n\treturn <DAppKitContext.Provider value={dAppKit}>{children}</DAppKitContext.Provider>;\n}\n","// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useContext } from 'react';\nimport { DAppKitContext } from '../components/DAppKitProvider.js';\nimport type { DAppKit, RegisteredDAppKit } from '@mysten/dapp-kit-core';\n\nexport function useDAppKit<TDAppKit extends DAppKit<any> = RegisteredDAppKit>(dAppKit?: TDAppKit) {\n\tconst contextValue = useContext(DAppKitContext);\n\n\tif (dAppKit) {\n\t\treturn dAppKit;\n\t}\n\n\tif (!contextValue) {\n\t\tthrow new Error(\n\t\t\t'Could not find DAppKitContext. Ensure that you have set up the `DAppKitProvider` component.',\n\t\t);\n\t}\n\n\treturn contextValue as TDAppKit;\n}\n","// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport * as React from 'react';\nimport { createComponent } from '@lit/react';\nimport { DAppKitConnectButton as ConnectButtonElement } from '@mysten/dapp-kit-core/web';\nimport { useDAppKit } from '../hooks/useDAppKit.js';\nimport type { ComponentProps } from 'react';\n\nexport type ConnectButtonProps = ComponentProps<typeof ConnectButtonComponent>;\n\nconst ConnectButtonComponent = createComponent({\n\treact: React,\n\ttagName: 'mysten-dapp-kit-connect-button',\n\telementClass: ConnectButtonElement,\n});\n\nexport function ConnectButton({ instance, ...props }: ConnectButtonProps) {\n\tconst dAppKit = useDAppKit(instance);\n\treturn <ConnectButtonComponent {...props} instance={dAppKit} />;\n}\n","// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport * as React from 'react';\nimport { createComponent } from '@lit/react';\nimport { DAppKitConnectModal as ConnectModalElement } from '@mysten/dapp-kit-core/web';\nimport { useDAppKit } from '../hooks/useDAppKit.js';\nimport type { ComponentProps } from 'react';\n\nexport type ConnectModalProps = ComponentProps<typeof ConnectModalComponent>;\n\nconst ConnectModalComponent = createComponent({\n\treact: React,\n\ttagName: 'mysten-dapp-kit-connect-modal',\n\telementClass: ConnectModalElement,\n});\n\nexport function ConnectModal({ instance, ...props }: ConnectModalProps) {\n\tconst dAppKit = useDAppKit(instance);\n\treturn <ConnectModalComponent {...props} instance={dAppKit} />;\n}\n","// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { DAppKit, RegisteredDAppKit } from '@mysten/dapp-kit-core';\nimport { useStore } from '@nanostores/react';\nimport { useDAppKit } from './useDAppKit.js';\n\nexport type UseWalletsOptions<TDAppKit extends DAppKit> = {\n\tdAppKit?: TDAppKit;\n};\n\nexport function useWallets<TDAppKit extends DAppKit<any> = RegisteredDAppKit>({\n\tdAppKit,\n}: UseWalletsOptions<TDAppKit> = {}) {\n\tconst instance = useDAppKit(dAppKit);\n\treturn useStore(instance.stores.$wallets);\n}\n","// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { DAppKit, RegisteredDAppKit } from '@mysten/dapp-kit-core';\nimport { useStore } from '@nanostores/react';\nimport { useDAppKit } from './useDAppKit.js';\n\nexport type UseWalletConnectionOptions<TDAppKit extends DAppKit<any>> = {\n\tdAppKit?: TDAppKit;\n};\n\nexport function useWalletConnection<TDAppKit extends DAppKit = RegisteredDAppKit>({\n\tdAppKit,\n}: UseWalletConnectionOptions<TDAppKit> = {}) {\n\tconst instance = useDAppKit(dAppKit);\n\treturn useStore(instance.stores.$connection);\n}\n","// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { DAppKit, RegisteredDAppKit } from '@mysten/dapp-kit-core';\nimport { useWalletConnection } from './useWalletConnection.js';\n\nexport type UseCurrentAccountOptions<TDAppKit extends DAppKit> = {\n\tdAppKit?: TDAppKit;\n};\n\nexport function useCurrentAccount<TDAppKit extends DAppKit<any> = RegisteredDAppKit>({\n\tdAppKit,\n}: UseCurrentAccountOptions<TDAppKit> = {}) {\n\tconst connection = useWalletConnection({ dAppKit });\n\treturn connection.account;\n}\n","// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { DAppKit, RegisteredDAppKit } from '@mysten/dapp-kit-core';\nimport { useWalletConnection } from './useWalletConnection.js';\n\nexport type UseCurrentWalletOptions<TDAppKit extends DAppKit> = {\n\tdAppKit?: TDAppKit;\n};\n\nexport function useCurrentWallet<TDAppKit extends DAppKit<any> = RegisteredDAppKit>({\n\tdAppKit,\n}: UseCurrentWalletOptions<TDAppKit> = {}) {\n\tconst connection = useWalletConnection({ dAppKit });\n\treturn connection.wallet;\n}\n","// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { DAppKit, RegisteredDAppKit } from '@mysten/dapp-kit-core';\nimport { useStore } from '@nanostores/react';\nimport { useDAppKit } from './useDAppKit.js';\n\nexport type UseCurrentClientOptions<TDAppKit extends DAppKit<any>> = {\n\tdAppKit?: TDAppKit;\n};\n\nexport function useCurrentClient<TDAppKit extends DAppKit<any> = RegisteredDAppKit>({\n\tdAppKit,\n}: UseCurrentClientOptions<TDAppKit> = {}) {\n\tconst instance = useDAppKit(dAppKit);\n\treturn useStore(instance.stores.$currentClient) as ReturnType<TDAppKit['getClient']>;\n}\n","// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { DAppKit, RegisteredDAppKit } from '@mysten/dapp-kit-core';\nimport { useDAppKit } from './useDAppKit.js';\nimport { useStore } from '@nanostores/react';\n\nexport type UseCurrentNetworkOptions<TDAppKit extends DAppKit> = {\n\tdAppKit?: TDAppKit;\n};\n\nexport function useCurrentNetwork<TDAppKit extends DAppKit<any> = RegisteredDAppKit>({\n\tdAppKit,\n}: UseCurrentNetworkOptions<TDAppKit> = {}) {\n\tconst instance = useDAppKit(dAppKit);\n\treturn useStore<TDAppKit['stores']['$currentNetwork']>(instance.stores.$currentNetwork);\n}\n"],"mappings":";;;;;;;;;;AAOA,MAAa,iBAAiB,cAA4C,KAAK;AAM/E,SAAgB,gBAAgB,EAAE,SAAS,YAAkC;AAC5E,QAAO,oBAAC,eAAe;EAAS,OAAO;EAAU;GAAmC;;;;;ACPrF,SAAgB,WAA8D,SAAoB;CACjG,MAAM,eAAe,WAAW,eAAe;AAE/C,KAAI,QACH,QAAO;AAGR,KAAI,CAAC,aACJ,OAAM,IAAI,MACT,8FACA;AAGF,QAAO;;;;;ACTR,MAAM,yBAAyB,gBAAgB;CAC9C,OAAO;CACP,SAAS;CACT,cAAcA;CACd,CAAC;AAEF,SAAgB,cAAc,EAAE,UAAU,GAAG,SAA6B;CACzE,MAAM,UAAU,WAAW,SAAS;AACpC,QAAO,oBAAC;EAAuB,GAAI;EAAO,UAAU;GAAW;;;;;ACRhE,MAAM,wBAAwB,gBAAgB;CAC7C,OAAO;CACP,SAAS;CACT,cAAcC;CACd,CAAC;AAEF,SAAgB,aAAa,EAAE,UAAU,GAAG,SAA4B;CACvE,MAAM,UAAU,WAAW,SAAS;AACpC,QAAO,oBAAC;EAAsB,GAAI;EAAO,UAAU;GAAW;;;;;ACR/D,SAAgB,WAA8D,EAC7E,YACgC,EAAE,EAAE;AAEpC,QAAO,SADU,WAAW,QAAQ,CACX,OAAO,SAAS;;;;;ACJ1C,SAAgB,oBAAkE,EACjF,YACyC,EAAE,EAAE;AAE7C,QAAO,SADU,WAAW,QAAQ,CACX,OAAO,YAAY;;;;;ACL7C,SAAgB,kBAAqE,EACpF,YACuC,EAAE,EAAE;AAE3C,QADmB,oBAAoB,EAAE,SAAS,CAAC,CACjC;;;;;ACJnB,SAAgB,iBAAoE,EACnF,YACsC,EAAE,EAAE;AAE1C,QADmB,oBAAoB,EAAE,SAAS,CAAC,CACjC;;;;;ACHnB,SAAgB,iBAAoE,EACnF,YACsC,EAAE,EAAE;AAE1C,QAAO,SADU,WAAW,QAAQ,CACX,OAAO,eAAe;;;;;ACJhD,SAAgB,kBAAqE,EACpF,YACuC,EAAE,EAAE;AAE3C,QAAO,SADU,WAAW,QAAQ,CAC4B,OAAO,gBAAgB"}
+{"version":3,"file":"index.mjs","names":[],"sources":["../src/hooks/useWallets.ts","../src/hooks/useWalletConnection.ts","../src/hooks/useCurrentAccount.ts","../src/hooks/useCurrentWallet.ts","../src/hooks/useCurrentClient.ts","../src/hooks/useCurrentNetwork.ts"],"sourcesContent":["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { DAppKit, RegisteredDAppKit } from '@mysten/dapp-kit-core';\nimport { useStore } from '@nanostores/react';\nimport { useDAppKit } from './useDAppKit.js';\n\nexport type UseWalletsOptions<TDAppKit extends DAppKit> = {\n\tdAppKit?: TDAppKit;\n};\n\nexport function useWallets<TDAppKit extends DAppKit<any> = RegisteredDAppKit>({\n\tdAppKit,\n}: UseWalletsOptions<TDAppKit> = {}) {\n\tconst instance = useDAppKit(dAppKit);\n\treturn useStore(instance.stores.$wallets);\n}\n","// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { DAppKit, RegisteredDAppKit } from '@mysten/dapp-kit-core';\nimport { useStore } from '@nanostores/react';\nimport { useDAppKit } from './useDAppKit.js';\n\nexport type UseWalletConnectionOptions<TDAppKit extends DAppKit<any>> = {\n\tdAppKit?: TDAppKit;\n};\n\nexport function useWalletConnection<TDAppKit extends DAppKit = RegisteredDAppKit>({\n\tdAppKit,\n}: UseWalletConnectionOptions<TDAppKit> = {}) {\n\tconst instance = useDAppKit(dAppKit);\n\treturn useStore(instance.stores.$connection);\n}\n","// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { DAppKit, RegisteredDAppKit } from '@mysten/dapp-kit-core';\nimport { useWalletConnection } from './useWalletConnection.js';\n\nexport type UseCurrentAccountOptions<TDAppKit extends DAppKit> = {\n\tdAppKit?: TDAppKit;\n};\n\nexport function useCurrentAccount<TDAppKit extends DAppKit<any> = RegisteredDAppKit>({\n\tdAppKit,\n}: UseCurrentAccountOptions<TDAppKit> = {}) {\n\tconst connection = useWalletConnection({ dAppKit });\n\treturn connection.account;\n}\n","// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { DAppKit, RegisteredDAppKit } from '@mysten/dapp-kit-core';\nimport { useWalletConnection } from './useWalletConnection.js';\n\nexport type UseCurrentWalletOptions<TDAppKit extends DAppKit> = {\n\tdAppKit?: TDAppKit;\n};\n\nexport function useCurrentWallet<TDAppKit extends DAppKit<any> = RegisteredDAppKit>({\n\tdAppKit,\n}: UseCurrentWalletOptions<TDAppKit> = {}) {\n\tconst connection = useWalletConnection({ dAppKit });\n\treturn connection.wallet;\n}\n","// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { DAppKit, RegisteredDAppKit } from '@mysten/dapp-kit-core';\nimport { useStore } from '@nanostores/react';\nimport { useDAppKit } from './useDAppKit.js';\n\nexport type UseCurrentClientOptions<TDAppKit extends DAppKit<any>> = {\n\tdAppKit?: TDAppKit;\n};\n\nexport function useCurrentClient<TDAppKit extends DAppKit<any> = RegisteredDAppKit>({\n\tdAppKit,\n}: UseCurrentClientOptions<TDAppKit> = {}) {\n\tconst instance = useDAppKit(dAppKit);\n\treturn useStore(instance.stores.$currentClient) as ReturnType<TDAppKit['getClient']>;\n}\n","// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { DAppKit, RegisteredDAppKit } from '@mysten/dapp-kit-core';\nimport { useDAppKit } from './useDAppKit.js';\nimport { useStore } from '@nanostores/react';\n\nexport type UseCurrentNetworkOptions<TDAppKit extends DAppKit> = {\n\tdAppKit?: TDAppKit;\n};\n\nexport function useCurrentNetwork<TDAppKit extends DAppKit<any> = RegisteredDAppKit>({\n\tdAppKit,\n}: UseCurrentNetworkOptions<TDAppKit> = {}) {\n\tconst instance = useDAppKit(dAppKit);\n\treturn useStore<TDAppKit['stores']['$currentNetwork']>(instance.stores.$currentNetwork);\n}\n"],"mappings":";;;;;;AAWA,SAAgB,WAA8D,EAC7E,YACgC,EAAE,EAAE;AAEpC,QAAO,SADU,WAAW,QAAQ,CACX,OAAO,SAAS;;;;;ACJ1C,SAAgB,oBAAkE,EACjF,YACyC,EAAE,EAAE;AAE7C,QAAO,SADU,WAAW,QAAQ,CACX,OAAO,YAAY;;;;;ACL7C,SAAgB,kBAAqE,EACpF,YACuC,EAAE,EAAE;AAE3C,QADmB,oBAAoB,EAAE,SAAS,CAAC,CACjC;;;;;ACJnB,SAAgB,iBAAoE,EACnF,YACsC,EAAE,EAAE;AAE1C,QADmB,oBAAoB,EAAE,SAAS,CAAC,CACjC;;;;;ACHnB,SAAgB,iBAAoE,EACnF,YACsC,EAAE,EAAE;AAE1C,QAAO,SADU,WAAW,QAAQ,CACX,OAAO,eAAe;;;;;ACJhD,SAAgB,kBAAqE,EACpF,YACuC,EAAE,EAAE;AAE3C,QAAO,SADU,WAAW,QAAQ,CAC4B,OAAO,gBAAgB"}

package/dist/ui.d.mts

@@ -0,0 +1,23 @@
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as _lit_react0 from "@lit/react";
+import { DAppKitConnectButton, DAppKitConnectModal } from "@mysten/dapp-kit-core/web";
+
+//#region src/components/ConnectButton.d.ts
+type ConnectButtonProps = ComponentProps<typeof ConnectButtonComponent>;
+declare const ConnectButtonComponent: _lit_react0.ReactWebComponent<DAppKitConnectButton, {}>;
+declare function ConnectButton({
+  instance,
+  ...props
+}: ConnectButtonProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/components/ConnectModal.d.ts
+type ConnectModalProps = ComponentProps<typeof ConnectModalComponent>;
+declare const ConnectModalComponent: _lit_react0.ReactWebComponent<DAppKitConnectModal, {}>;
+declare function ConnectModal({
+  instance,
+  ...props
+}: ConnectModalProps): react_jsx_runtime0.JSX.Element;
+//#endregion
+export { ConnectButton, type ConnectButtonProps, ConnectModal, type ConnectModalProps };
+//# sourceMappingURL=ui.d.mts.map

package/dist/ui.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.d.mts","names":[],"sources":["../src/components/ConnectButton.tsx","../src/components/ConnectModal.tsx"],"sourcesContent":[],"mappings":";;;;;;KASY,kBAAA,GAAqB,sBAAsB;cAEjD,wBAAsB,WAAA,CAAA,kBAAA;iBAMZ,aAAA;;;GAAsC,qBAAkB,kBAAA,CAAA,GAAA,CAAA;;;KCR5D,iBAAA,GAAoB,sBAAsB;cAEhD,uBAAqB,WAAA,CAAA,kBAAA;iBAMX,YAAA;;;GAAqC,oBAAiB,kBAAA,CAAA,GAAA,CAAA"}

package/dist/ui.mjs

@@ -0,0 +1,38 @@
+import { t as useDAppKit } from "./useDAppKit-LUp-KcgG.mjs";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { createComponent } from "@lit/react";
+import { DAppKitConnectButton, DAppKitConnectModal } from "@mysten/dapp-kit-core/web";
+
+//#region src/components/ConnectButton.tsx
+const ConnectButtonComponent = createComponent({
+	react: React,
+	tagName: "mysten-dapp-kit-connect-button",
+	elementClass: DAppKitConnectButton
+});
+function ConnectButton({ instance, ...props }) {
+	const dAppKit = useDAppKit(instance);
+	return /* @__PURE__ */ jsx(ConnectButtonComponent, {
+		...props,
+		instance: dAppKit
+	});
+}
+
+//#endregion
+//#region src/components/ConnectModal.tsx
+const ConnectModalComponent = createComponent({
+	react: React,
+	tagName: "mysten-dapp-kit-connect-modal",
+	elementClass: DAppKitConnectModal
+});
+function ConnectModal({ instance, ...props }) {
+	const dAppKit = useDAppKit(instance);
+	return /* @__PURE__ */ jsx(ConnectModalComponent, {
+		...props,
+		instance: dAppKit
+	});
+}
+
+//#endregion
+export { ConnectButton, ConnectModal };
+//# sourceMappingURL=ui.mjs.map

package/dist/ui.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ui.mjs","names":["ConnectButtonElement","ConnectModalElement"],"sources":["../src/components/ConnectButton.tsx","../src/components/ConnectModal.tsx"],"sourcesContent":["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport * as React from 'react';\nimport { createComponent } from '@lit/react';\nimport { DAppKitConnectButton as ConnectButtonElement } from '@mysten/dapp-kit-core/web';\nimport { useDAppKit } from '../hooks/useDAppKit.js';\nimport type { ComponentProps } from 'react';\n\nexport type ConnectButtonProps = ComponentProps<typeof ConnectButtonComponent>;\n\nconst ConnectButtonComponent = createComponent({\n\treact: React,\n\ttagName: 'mysten-dapp-kit-connect-button',\n\telementClass: ConnectButtonElement,\n});\n\nexport function ConnectButton({ instance, ...props }: ConnectButtonProps) {\n\tconst dAppKit = useDAppKit(instance);\n\treturn <ConnectButtonComponent {...props} instance={dAppKit} />;\n}\n","// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport * as React from 'react';\nimport { createComponent } from '@lit/react';\nimport { DAppKitConnectModal as ConnectModalElement } from '@mysten/dapp-kit-core/web';\nimport { useDAppKit } from '../hooks/useDAppKit.js';\nimport type { ComponentProps } from 'react';\n\nexport type ConnectModalProps = ComponentProps<typeof ConnectModalComponent>;\n\nconst ConnectModalComponent = createComponent({\n\treact: React,\n\ttagName: 'mysten-dapp-kit-connect-modal',\n\telementClass: ConnectModalElement,\n});\n\nexport function ConnectModal({ instance, ...props }: ConnectModalProps) {\n\tconst dAppKit = useDAppKit(instance);\n\treturn <ConnectModalComponent {...props} instance={dAppKit} />;\n}\n"],"mappings":";;;;;;;AAWA,MAAM,yBAAyB,gBAAgB;CAC9C,OAAO;CACP,SAAS;CACT,cAAcA;CACd,CAAC;AAEF,SAAgB,cAAc,EAAE,UAAU,GAAG,SAA6B;CACzE,MAAM,UAAU,WAAW,SAAS;AACpC,QAAO,oBAAC;EAAuB,GAAI;EAAO,UAAU;GAAW;;;;;ACRhE,MAAM,wBAAwB,gBAAgB;CAC7C,OAAO;CACP,SAAS;CACT,cAAcC;CACd,CAAC;AAEF,SAAgB,aAAa,EAAE,UAAU,GAAG,SAA4B;CACvE,MAAM,UAAU,WAAW,SAAS;AACpC,QAAO,oBAAC;EAAsB,GAAI;EAAO,UAAU;GAAW"}

package/dist/useDAppKit-LUp-KcgG.mjs

@@ -0,0 +1,24 @@
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+
+//#region src/components/DAppKitProvider.tsx
+const DAppKitContext = createContext(null);
+function DAppKitProvider({ dAppKit, children }) {
+	return /* @__PURE__ */ jsx(DAppKitContext.Provider, {
+		value: dAppKit,
+		children
+	});
+}
+
+//#endregion
+//#region src/hooks/useDAppKit.ts
+function useDAppKit(dAppKit) {
+	const contextValue = useContext(DAppKitContext);
+	if (dAppKit) return dAppKit;
+	if (!contextValue) throw new Error("Could not find DAppKitContext. Ensure that you have set up the `DAppKitProvider` component.");
+	return contextValue;
+}
+
+//#endregion
+export { DAppKitContext as n, DAppKitProvider as r, useDAppKit as t };
+//# sourceMappingURL=useDAppKit-LUp-KcgG.mjs.map

package/dist/useDAppKit-LUp-KcgG.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDAppKit-LUp-KcgG.mjs","names":[],"sources":["../src/components/DAppKitProvider.tsx","../src/hooks/useDAppKit.ts"],"sourcesContent":["// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport type { DefaultExpectedDppKit } from '@mysten/dapp-kit-core';\nimport { createContext } from 'react';\nimport type { PropsWithChildren } from 'react';\n\nexport const DAppKitContext = createContext<DefaultExpectedDppKit | null>(null);\n\nexport type DAppKitProviderProps = PropsWithChildren<{\n\tdAppKit: DefaultExpectedDppKit;\n}>;\n\nexport function DAppKitProvider({ dAppKit, children }: DAppKitProviderProps) {\n\treturn <DAppKitContext.Provider value={dAppKit}>{children}</DAppKitContext.Provider>;\n}\n","// Copyright (c) Mysten Labs, Inc.\n// SPDX-License-Identifier: Apache-2.0\n\nimport { useContext } from 'react';\nimport { DAppKitContext } from '../components/DAppKitProvider.js';\nimport type { DAppKit, RegisteredDAppKit } from '@mysten/dapp-kit-core';\n\nexport function useDAppKit<TDAppKit extends DAppKit<any> = RegisteredDAppKit>(dAppKit?: TDAppKit) {\n\tconst contextValue = useContext(DAppKitContext);\n\n\tif (dAppKit) {\n\t\treturn dAppKit;\n\t}\n\n\tif (!contextValue) {\n\t\tthrow new Error(\n\t\t\t'Could not find DAppKitContext. Ensure that you have set up the `DAppKitProvider` component.',\n\t\t);\n\t}\n\n\treturn contextValue as TDAppKit;\n}\n"],"mappings":";;;;AAOA,MAAa,iBAAiB,cAA4C,KAAK;AAM/E,SAAgB,gBAAgB,EAAE,SAAS,YAAkC;AAC5E,QAAO,oBAAC,eAAe;EAAS,OAAO;EAAU;GAAmC;;;;;ACPrF,SAAgB,WAA8D,SAAoB;CACjG,MAAM,eAAe,WAAW,eAAe;AAE/C,KAAI,QACH,QAAO;AAGR,KAAI,CAAC,aACJ,OAAM,IAAI,MACT,8FACA;AAGF,QAAO"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@mysten/dapp-kit-react",
   "author": "Mysten Labs <build@mystenlabs.com>",
   "description": "React bindings for @mysten/dapp-kit-core",
-  "version": "1.0.2",
+  "version": "2.0.0",
   "license": "Apache-2.0",
   "files": [
     "LICENSE",
@@ -18,6 +18,11 @@
       "types": "./dist/index.d.mts",
       "import": "./dist/index.mjs",
       "default": "./dist/index.mjs"
+    },
+    "./ui": {
+      "types": "./dist/ui.d.mts",
+      "import": "./dist/ui.mjs",
+      "default": "./dist/ui.mjs"
     }
   },
   "repository": {
@@ -40,7 +45,7 @@
     "@lit/react": "^1.0.8",
     "@nanostores/react": "^1.0.0",
     "nanostores": "^1.1.0",
-    "@mysten/dapp-kit-core": "^1.0.4"
+    "@mysten/dapp-kit-core": "^1.1.1"
   },
   "peerDependencies": {
     "@types/react": ">=17.0.0",

package/src/index.ts

@@ -3,13 +3,7 @@
 
 export * from '@mysten/dapp-kit-core';
 
-export { ConnectButton } from './components/ConnectButton.js';
-export type { ConnectButtonProps } from './components/ConnectButton.js';
-
-export { ConnectModal } from './components/ConnectModal.js';
-export type { ConnectModalProps } from './components/ConnectModal.js';
-
-export { DAppKitProvider } from './components/DAppKitProvider.js';
+export { DAppKitProvider, DAppKitContext } from './components/DAppKitProvider.js';
 export type { DAppKitProviderProps } from './components/DAppKitProvider.js';
 
 export { useDAppKit } from './hooks/useDAppKit.js';

package/src/ui.ts

@@ -0,0 +1,8 @@
+// Copyright (c) Mysten Labs, Inc.
+// SPDX-License-Identifier: Apache-2.0
+
+export { ConnectButton } from './components/ConnectButton.js';
+export type { ConnectButtonProps } from './components/ConnectButton.js';
+
+export { ConnectModal } from './components/ConnectModal.js';
+export type { ConnectModalProps } from './components/ConnectModal.js';