@txnlab/use-wallet-ui-react 1.0.0 → 1.1.0

package/dist/types/index.d.cts

@@ -1,197 +1,17 @@
-import { default as default_2 } from 'react';
-import { default as default_3 } from 'algosdk';
-import { JSX } from 'react/jsx-runtime';
-import { QueryClient } from '@tanstack/react-query';
-import { ReactElement } from 'react';
-import { ReactNode } from 'react';
-import { RefObject } from 'react';
-import { UseQueryResult } from '@tanstack/react-query';
-import { Wallet } from '@txnlab/use-wallet-react';
-
-export declare type ButtonSize = 'sm' | 'md' | 'lg';
-
-export declare const ConnectedWalletButton: default_2.ForwardRefExoticComponent<ConnectedWalletButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
-
-declare interface ConnectedWalletButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Size variant for the button */
-    size?: ButtonSize;
-    style?: default_2.CSSProperties;
-}
-
-export declare function ConnectedWalletMenu(props: ConnectedWalletMenuProps): JSX.Element;
-
-declare interface ConnectedWalletMenuProps {
-    children?: RefableElement_2;
-}
-
-export declare const ConnectWalletButton: default_2.ForwardRefExoticComponent<ConnectWalletButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
-
-declare interface ConnectWalletButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Size variant for the button */
-    size?: ButtonSize;
-    style?: default_2.CSSProperties;
-}
-
-export declare function ConnectWalletMenu({ children }: ConnectWalletMenuProps): JSX.Element;
-
-declare interface ConnectWalletMenuProps {
-    children?: RefableElement;
-}
-
-/**
- * Component for displaying NFD avatar images with automatic IPFS handling
- * - Handles IPFS URLs by converting them to HTTPS
- * - Checks availability on images.nf.domains and falls back to IPFS gateway if needed
- * - Caches results using TanStack Query
- */
-export declare function NfdAvatar({ nfd, alt, className, size, fallback, lightOnly, }: NfdAvatarProps): JSX.Element;
-
-declare interface NfdAvatarProps {
-    /** NFD record containing avatar data */
-    nfd: NfdRecord | null | undefined;
-    /** Optional alt text for the image (defaults to NFD name or 'NFD Avatar') */
-    alt?: string;
-    /** Optional className for styling the image */
-    className?: string;
-    /** Optional size in pixels (defaults to 40px) */
-    size?: number;
-    /** Optional fallback element to show when no avatar is available */
-    fallback?: default_2.ReactNode;
-    /** Optional flag to show light only avatar */
-    lightOnly?: boolean;
-}
-
-export declare type NfdLookupResponse = {
-    [address: string]: NfdRecord | null;
-};
-
-export declare type NfdRecord = {
-    name: string;
-    properties: {
-        verified: {
-            [key: string]: string;
-        };
-        userDefined: {
-            [key: string]: string;
-        };
-    };
-    image?: string;
-    avatar?: {
-        url?: string;
-    };
-};
-
-declare type NfdView = 'tiny' | 'thumbnail' | 'brief' | 'full';
-
-declare type RefableElement = ReactElement & {
-    ref?: RefObject<HTMLElement> | ((instance: HTMLElement | null) => void);
-};
-
-declare type RefableElement_2 = ReactElement & {
-    ref?: RefObject<HTMLElement> | ((instance: HTMLElement | null) => void);
-};
-
-export declare type ResolvedTheme = 'light' | 'dark';
-
-export declare type Theme = 'light' | 'dark' | 'system';
-
-/**
- * Custom hook to fetch account information for Algorand address
- *
- * @param options.enabled Whether to enable the account lookup (defaults to true)
- * @returns Account information query result
- */
-export declare function useAccountInfo(options?: {
-    enabled?: boolean;
-}): UseQueryResult<default_3.modelsv2.Account | null>;
-
-/**
- * Custom hook to fetch NFD data for an Algorand address
- *
- * @param options.enabled Whether to enable the NFD lookup (defaults to true)
- * @param options.view The view type for the NFD lookup ('tiny', 'thumbnail', 'brief', 'full') (defaults to 'thumbnail')
- * @returns NFD data query result
- */
-export declare function useNfd(options?: {
-    enabled?: boolean;
-    view?: NfdView;
-}): UseQueryResult<NfdRecord | null>;
-
-/**
- * Hook to resolve the actual theme value, handling 'system' preference detection.
- * When theme is 'system', it listens to the user's OS/browser color scheme preference.
- *
- * @param theme - The theme setting: 'light', 'dark', or 'system'
- * @returns The resolved theme: 'light' or 'dark'
- */
-export declare function useResolvedTheme(theme: Theme): ResolvedTheme;
-
-/**
- * Hook to access the WalletUI context
- * @throws Error if used outside of WalletUIProvider
- */
-export declare function useWalletUI(): WalletUIContextType;
-
-export declare function WalletButton({ size, className, style }: WalletButtonProps): JSX.Element;
-
-declare interface WalletButtonProps {
-    /** Size variant for the button */
-    size?: ButtonSize;
-    /** Additional CSS classes to apply to the button */
-    className?: string;
-    /** Inline styles to apply to the button (can include CSS variable overrides) */
-    style?: default_2.CSSProperties;
-}
-
-export declare function WalletList({ wallets, handleWalletClick }: WalletListProps): JSX.Element;
-
-declare interface WalletListProps {
-    wallets: Wallet[];
-    handleWalletClick: (wallet: Wallet) => Promise<void>;
-}
-
-declare interface WalletUIContextType {
-    queryClient: QueryClient;
-    theme: Theme;
-    resolvedTheme: ResolvedTheme;
-}
-
-/**
- * Provider that enables wallet UI components to work with TanStack Query.
- * It can use an existing QueryClient from the parent application or create its own.
- * Also creates a QueryClientProvider if none exists in the parent tree.
- *
- * Automatically prefetches data for all accounts in connected wallets for smoother
- * account switching experience.
- *
- * Supports theme configuration via the `theme` prop:
- * - 'light': Always use light mode
- * - 'dark': Always use dark mode
- * - 'system': Follow the user's OS/browser preference (default)
- */
-export declare function WalletUIProvider({ children, queryClient: externalQueryClient, enablePrefetching, prefetchNfdView, theme, }: WalletUIProviderProps): JSX.Element;
-
-declare interface WalletUIProviderProps {
-    children: ReactNode;
-    queryClient?: QueryClient;
-    /**
-     * Whether to automatically prefetch data for all accounts in connected wallets (defaults to true)
-     */
-    enablePrefetching?: boolean;
-    /**
-     * NFD view type for prefetching (defaults to 'thumbnail')
-     */
-    prefetchNfdView?: NfdView;
-    /**
-     * Theme setting for wallet UI components.
-     * - 'light': Always use light mode
-     * - 'dark': Always use dark mode
-     * - 'system': Follow the user's OS/browser preference (default)
-     *
-     * The library also respects the `.dark` class on ancestor elements (Tailwind convention),
-     * which will enable dark mode unless explicitly overridden with theme="light".
-     */
-    theme?: Theme;
-}
-
-export { }
+export { ConnectWalletButton } from './components/ConnectWalletButton';
+export type { ButtonSize } from './components/ConnectWalletButton';
+export { ConnectWalletMenu } from './components/ConnectWalletMenu';
+export { ConnectedWalletButton } from './components/ConnectedWalletButton';
+export { ConnectedWalletMenu } from './components/ConnectedWalletMenu';
+export { WalletButton } from './components/WalletButton';
+export { WalletList } from './components/WalletList';
+export { NfdAvatar } from './components/NfdAvatar';
+export { useNfd } from './hooks/useNfd';
+export type { NfdRecord, NfdLookupResponse } from './hooks/useNfd';
+export { useAccountInfo } from './hooks/useAccountInfo';
+export { useResolvedTheme } from './hooks/useResolvedTheme';
+export type { Theme, ResolvedTheme } from './hooks/useResolvedTheme';
+export { WalletUIProvider, useWalletUI } from './providers/WalletUIProvider';
+export { usePlugins } from './plugins/PluginContext';
+export type { MenuRenderContext, MenuSlot, PluginDialog, PluginLifecycleHooks, PluginMenuItem, PluginPanel, PluginRenderContext, WalletUIPlugin, } from './plugins/types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts

@@ -1,197 +1,17 @@
-import { default as default_2 } from 'react';
-import { default as default_3 } from 'algosdk';
-import { JSX } from 'react/jsx-runtime';
-import { QueryClient } from '@tanstack/react-query';
-import { ReactElement } from 'react';
-import { ReactNode } from 'react';
-import { RefObject } from 'react';
-import { UseQueryResult } from '@tanstack/react-query';
-import { Wallet } from '@txnlab/use-wallet-react';
-
-export declare type ButtonSize = 'sm' | 'md' | 'lg';
-
-export declare const ConnectedWalletButton: default_2.ForwardRefExoticComponent<ConnectedWalletButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
-
-declare interface ConnectedWalletButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Size variant for the button */
-    size?: ButtonSize;
-    style?: default_2.CSSProperties;
-}
-
-export declare function ConnectedWalletMenu(props: ConnectedWalletMenuProps): JSX.Element;
-
-declare interface ConnectedWalletMenuProps {
-    children?: RefableElement_2;
-}
-
-export declare const ConnectWalletButton: default_2.ForwardRefExoticComponent<ConnectWalletButtonProps & default_2.RefAttributes<HTMLButtonElement>>;
-
-declare interface ConnectWalletButtonProps extends default_2.ButtonHTMLAttributes<HTMLButtonElement> {
-    /** Size variant for the button */
-    size?: ButtonSize;
-    style?: default_2.CSSProperties;
-}
-
-export declare function ConnectWalletMenu({ children }: ConnectWalletMenuProps): JSX.Element;
-
-declare interface ConnectWalletMenuProps {
-    children?: RefableElement;
-}
-
-/**
- * Component for displaying NFD avatar images with automatic IPFS handling
- * - Handles IPFS URLs by converting them to HTTPS
- * - Checks availability on images.nf.domains and falls back to IPFS gateway if needed
- * - Caches results using TanStack Query
- */
-export declare function NfdAvatar({ nfd, alt, className, size, fallback, lightOnly, }: NfdAvatarProps): JSX.Element;
-
-declare interface NfdAvatarProps {
-    /** NFD record containing avatar data */
-    nfd: NfdRecord | null | undefined;
-    /** Optional alt text for the image (defaults to NFD name or 'NFD Avatar') */
-    alt?: string;
-    /** Optional className for styling the image */
-    className?: string;
-    /** Optional size in pixels (defaults to 40px) */
-    size?: number;
-    /** Optional fallback element to show when no avatar is available */
-    fallback?: default_2.ReactNode;
-    /** Optional flag to show light only avatar */
-    lightOnly?: boolean;
-}
-
-export declare type NfdLookupResponse = {
-    [address: string]: NfdRecord | null;
-};
-
-export declare type NfdRecord = {
-    name: string;
-    properties: {
-        verified: {
-            [key: string]: string;
-        };
-        userDefined: {
-            [key: string]: string;
-        };
-    };
-    image?: string;
-    avatar?: {
-        url?: string;
-    };
-};
-
-declare type NfdView = 'tiny' | 'thumbnail' | 'brief' | 'full';
-
-declare type RefableElement = ReactElement & {
-    ref?: RefObject<HTMLElement> | ((instance: HTMLElement | null) => void);
-};
-
-declare type RefableElement_2 = ReactElement & {
-    ref?: RefObject<HTMLElement> | ((instance: HTMLElement | null) => void);
-};
-
-export declare type ResolvedTheme = 'light' | 'dark';
-
-export declare type Theme = 'light' | 'dark' | 'system';
-
-/**
- * Custom hook to fetch account information for Algorand address
- *
- * @param options.enabled Whether to enable the account lookup (defaults to true)
- * @returns Account information query result
- */
-export declare function useAccountInfo(options?: {
-    enabled?: boolean;
-}): UseQueryResult<default_3.modelsv2.Account | null>;
-
-/**
- * Custom hook to fetch NFD data for an Algorand address
- *
- * @param options.enabled Whether to enable the NFD lookup (defaults to true)
- * @param options.view The view type for the NFD lookup ('tiny', 'thumbnail', 'brief', 'full') (defaults to 'thumbnail')
- * @returns NFD data query result
- */
-export declare function useNfd(options?: {
-    enabled?: boolean;
-    view?: NfdView;
-}): UseQueryResult<NfdRecord | null>;
-
-/**
- * Hook to resolve the actual theme value, handling 'system' preference detection.
- * When theme is 'system', it listens to the user's OS/browser color scheme preference.
- *
- * @param theme - The theme setting: 'light', 'dark', or 'system'
- * @returns The resolved theme: 'light' or 'dark'
- */
-export declare function useResolvedTheme(theme: Theme): ResolvedTheme;
-
-/**
- * Hook to access the WalletUI context
- * @throws Error if used outside of WalletUIProvider
- */
-export declare function useWalletUI(): WalletUIContextType;
-
-export declare function WalletButton({ size, className, style }: WalletButtonProps): JSX.Element;
-
-declare interface WalletButtonProps {
-    /** Size variant for the button */
-    size?: ButtonSize;
-    /** Additional CSS classes to apply to the button */
-    className?: string;
-    /** Inline styles to apply to the button (can include CSS variable overrides) */
-    style?: default_2.CSSProperties;
-}
-
-export declare function WalletList({ wallets, handleWalletClick }: WalletListProps): JSX.Element;
-
-declare interface WalletListProps {
-    wallets: Wallet[];
-    handleWalletClick: (wallet: Wallet) => Promise<void>;
-}
-
-declare interface WalletUIContextType {
-    queryClient: QueryClient;
-    theme: Theme;
-    resolvedTheme: ResolvedTheme;
-}
-
-/**
- * Provider that enables wallet UI components to work with TanStack Query.
- * It can use an existing QueryClient from the parent application or create its own.
- * Also creates a QueryClientProvider if none exists in the parent tree.
- *
- * Automatically prefetches data for all accounts in connected wallets for smoother
- * account switching experience.
- *
- * Supports theme configuration via the `theme` prop:
- * - 'light': Always use light mode
- * - 'dark': Always use dark mode
- * - 'system': Follow the user's OS/browser preference (default)
- */
-export declare function WalletUIProvider({ children, queryClient: externalQueryClient, enablePrefetching, prefetchNfdView, theme, }: WalletUIProviderProps): JSX.Element;
-
-declare interface WalletUIProviderProps {
-    children: ReactNode;
-    queryClient?: QueryClient;
-    /**
-     * Whether to automatically prefetch data for all accounts in connected wallets (defaults to true)
-     */
-    enablePrefetching?: boolean;
-    /**
-     * NFD view type for prefetching (defaults to 'thumbnail')
-     */
-    prefetchNfdView?: NfdView;
-    /**
-     * Theme setting for wallet UI components.
-     * - 'light': Always use light mode
-     * - 'dark': Always use dark mode
-     * - 'system': Follow the user's OS/browser preference (default)
-     *
-     * The library also respects the `.dark` class on ancestor elements (Tailwind convention),
-     * which will enable dark mode unless explicitly overridden with theme="light".
-     */
-    theme?: Theme;
-}
-
-export { }
+export { ConnectWalletButton } from './components/ConnectWalletButton';
+export type { ButtonSize } from './components/ConnectWalletButton';
+export { ConnectWalletMenu } from './components/ConnectWalletMenu';
+export { ConnectedWalletButton } from './components/ConnectedWalletButton';
+export { ConnectedWalletMenu } from './components/ConnectedWalletMenu';
+export { WalletButton } from './components/WalletButton';
+export { WalletList } from './components/WalletList';
+export { NfdAvatar } from './components/NfdAvatar';
+export { useNfd } from './hooks/useNfd';
+export type { NfdRecord, NfdLookupResponse } from './hooks/useNfd';
+export { useAccountInfo } from './hooks/useAccountInfo';
+export { useResolvedTheme } from './hooks/useResolvedTheme';
+export type { Theme, ResolvedTheme } from './hooks/useResolvedTheme';
+export { WalletUIProvider, useWalletUI } from './providers/WalletUIProvider';
+export { usePlugins } from './plugins/PluginContext';
+export type { MenuRenderContext, MenuSlot, PluginDialog, PluginLifecycleHooks, PluginMenuItem, PluginPanel, PluginRenderContext, WalletUIPlugin, } from './plugins/types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AACtE,YAAY,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAClE,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAA;AAC1E,OAAO,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAA;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAGlD,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAA;AACvC,YAAY,EAAE,SAAS,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAC3D,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAA;AAGpE,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAA;AAG5E,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAA;AACpD,YAAY,EACV,iBAAiB,EACjB,QAAQ,EACR,YAAY,EACZ,oBAAoB,EACpB,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,cAAc,GACf,MAAM,iBAAiB,CAAA"}

package/dist/types/plugins/PluginContext.d.ts

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { MenuSlot, PluginDialog, PluginMenuItem, PluginPanel, PluginRenderContext, WalletUIPlugin } from './types';
+interface PluginContextType {
+    /** All menu items grouped by slot, sorted by order */
+    menuItemsBySlot: Record<MenuSlot, PluginMenuItem[]>;
+    /** All dialogs from all plugins */
+    dialogs: PluginDialog[];
+    /** Open a plugin dialog by key */
+    openDialog: (key: string) => void;
+    /** Close a plugin dialog by key */
+    closeDialog: (key: string) => void;
+    /** Currently open dialog keys */
+    openDialogs: Set<string>;
+    /** All panels from all plugins, sorted by order */
+    panels: PluginPanel[];
+    /** All registered plugins */
+    plugins: WalletUIPlugin[];
+    /** Enriched render context with working openDialog/closeDialog */
+    renderContext: PluginRenderContext;
+}
+/** Access the plugin context. Returns safe defaults when no plugins are registered. */
+export declare function usePlugins(): PluginContextType;
+export declare function PluginContextProvider({ plugins: rawPlugins, renderContext, children, }: {
+    plugins: WalletUIPlugin[];
+    renderContext: PluginRenderContext;
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PluginContext.d.ts.map

package/dist/types/plugins/PluginContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginContext.d.ts","sourceRoot":"","sources":["../../../src/plugins/PluginContext.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,SAAS,EAMV,MAAM,OAAO,CAAA;AAEd,OAAO,KAAK,EACV,QAAQ,EACR,YAAY,EACZ,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,cAAc,EACf,MAAM,SAAS,CAAA;AAEhB,UAAU,iBAAiB;IACzB,sDAAsD;IACtD,eAAe,EAAE,MAAM,CAAC,QAAQ,EAAE,cAAc,EAAE,CAAC,CAAA;IACnD,mCAAmC;IACnC,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,kCAAkC;IAClC,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,mCAAmC;IACnC,WAAW,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,iCAAiC;IACjC,WAAW,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IACxB,mDAAmD;IACnD,MAAM,EAAE,WAAW,EAAE,CAAA;IACrB,6BAA6B;IAC7B,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,kEAAkE;IAClE,aAAa,EAAE,mBAAmB,CAAA;CACnC;AAwCD,uFAAuF;AACvF,wBAAgB,UAAU,IAAI,iBAAiB,CAM9C;AAyCD,wBAAgB,qBAAqB,CAAC,EACpC,OAAO,EAAE,UAAU,EACnB,aAAa,EACb,QAAQ,GACT,EAAE;IACD,OAAO,EAAE,cAAc,EAAE,CAAA;IACzB,aAAa,EAAE,mBAAmB,CAAA;IAClC,QAAQ,EAAE,SAAS,CAAA;CACpB,2CAoJA"}

package/dist/types/plugins/PluginDialogRenderer.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Renders all open plugin dialogs via FloatingPortal.
+ * Centralizes the QueryClientProvider wrapping needed to fix
+ * FloatingPortal context inheritance issues.
+ *
+ * Must be rendered inside PluginContextProvider to access the
+ * enriched render context with working openDialog/closeDialog.
+ */
+export declare function PluginDialogRenderer(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=PluginDialogRenderer.d.ts.map

package/dist/types/plugins/PluginDialogRenderer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginDialogRenderer.d.ts","sourceRoot":"","sources":["../../../src/plugins/PluginDialogRenderer.tsx"],"names":[],"mappings":"AAOA;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,4CA4BnC"}

package/dist/types/plugins/PluginLifecycleManager.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Monitors wallet state changes and invokes plugin lifecycle hooks.
+ * Detects connect, disconnect, and account change transitions.
+ *
+ * Must be rendered inside PluginContextProvider to access the
+ * enriched render context with working openDialog/closeDialog.
+ */
+export declare function PluginLifecycleManager(): null;
+//# sourceMappingURL=PluginLifecycleManager.d.ts.map

package/dist/types/plugins/PluginLifecycleManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginLifecycleManager.d.ts","sourceRoot":"","sources":["../../../src/plugins/PluginLifecycleManager.tsx"],"names":[],"mappings":"AA4BA;;;;;;GAMG;AACH,wBAAgB,sBAAsB,SAgDrC"}

package/dist/types/plugins/PluginSlot.d.ts

@@ -0,0 +1,10 @@
+import { MenuRenderContext, MenuSlot } from './types';
+/**
+ * Renders plugin menu items for a given slot.
+ * Place this component at each named slot position in ConnectedWalletMenu.
+ */
+export declare function PluginSlot({ slot, ctx, }: {
+    slot: MenuSlot;
+    ctx: MenuRenderContext;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=PluginSlot.d.ts.map

package/dist/types/plugins/PluginSlot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PluginSlot.d.ts","sourceRoot":"","sources":["../../../src/plugins/PluginSlot.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAE1D;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,IAAI,EACJ,GAAG,GACJ,EAAE;IACD,IAAI,EAAE,QAAQ,CAAA;IACd,GAAG,EAAE,iBAAiB,CAAA;CACvB,kDAeA"}

package/dist/types/plugins/export-key/ExportKeyDialog.d.ts

@@ -0,0 +1,6 @@
+export interface ExportKeyDialogProps {
+    onClose: () => void;
+    displayTimeout?: number;
+}
+export declare function ExportKeyDialog({ onClose, displayTimeout, }: ExportKeyDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExportKeyDialog.d.ts.map

package/dist/types/plugins/export-key/ExportKeyDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportKeyDialog.d.ts","sourceRoot":"","sources":["../../../../src/plugins/export-key/ExportKeyDialog.tsx"],"names":[],"mappings":"AAgBA,MAAM,WAAW,oBAAoB;IACnC,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED,wBAAgB,eAAe,CAAC,EAC9B,OAAO,EACP,cAAwC,GACzC,EAAE,oBAAoB,2CAuKtB"}

package/dist/types/plugins/export-key/ExportKeyMenuButton.d.ts

@@ -0,0 +1,5 @@
+import { MenuRenderContext } from '../types';
+export declare function ExportKeyMenuButton({ ctx }: {
+    ctx: MenuRenderContext;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ExportKeyMenuButton.d.ts.map

package/dist/types/plugins/export-key/ExportKeyMenuButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ExportKeyMenuButton.d.ts","sourceRoot":"","sources":["../../../../src/plugins/export-key/ExportKeyMenuButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAEjD,wBAAgB,mBAAmB,CAAC,EAAE,GAAG,EAAE,EAAE;IAAE,GAAG,EAAE,iBAAiB,CAAA;CAAE,2CAyCtE"}

package/dist/types/plugins/export-key/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const EXPORT_KEY_DIALOG = "export-key-dialog";
+//# sourceMappingURL=constants.d.ts.map

package/dist/types/plugins/export-key/constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../src/plugins/export-key/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,iBAAiB,sBAAsB,CAAA"}

package/dist/types/plugins/export-key/index.d.cts

@@ -0,0 +1,12 @@
+import { WalletUIPlugin } from '../types';
+export { EXPORT_KEY_DIALOG } from './constants';
+export interface ExportKeyPluginOptions {
+    /** How long to display the mnemonic before auto-closing (seconds). Default: 120 */
+    displayTimeout?: number;
+}
+/**
+ * Plugin that adds wallet recovery phrase export to the ConnectedWalletMenu.
+ * Only visible for wallets that support private key access (e.g., Web3Auth).
+ */
+export declare function exportKeyPlugin(options?: ExportKeyPluginOptions): WalletUIPlugin;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/plugins/export-key/index.d.ts

@@ -0,0 +1,12 @@
+import { WalletUIPlugin } from '../types';
+export { EXPORT_KEY_DIALOG } from './constants';
+export interface ExportKeyPluginOptions {
+    /** How long to display the mnemonic before auto-closing (seconds). Default: 120 */
+    displayTimeout?: number;
+}
+/**
+ * Plugin that adds wallet recovery phrase export to the ConnectedWalletMenu.
+ * Only visible for wallets that support private key access (e.g., Web3Auth).
+ */
+export declare function exportKeyPlugin(options?: ExportKeyPluginOptions): WalletUIPlugin;
+//# sourceMappingURL=index.d.ts.map

package/dist/types/plugins/export-key/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/plugins/export-key/index.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAE9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAA;AAE/C,MAAM,WAAW,sBAAsB;IACrC,mFAAmF;IACnF,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAC7B,OAAO,GAAE,sBAA2B,GACnC,cAAc,CA0BhB"}

package/dist/types/plugins/index.d.ts

@@ -0,0 +1,6 @@
+export { PluginContextProvider, usePlugins } from './PluginContext';
+export { PluginDialogRenderer } from './PluginDialogRenderer';
+export { PluginLifecycleManager } from './PluginLifecycleManager';
+export { PluginSlot } from './PluginSlot';
+export type { MenuRenderContext, MenuSlot, PluginDialog, PluginLifecycleHooks, PluginMenuItem, PluginPanel, PluginRenderContext, WalletUIPlugin, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/plugins/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/plugins/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AACnE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEzC,YAAY,EACV,iBAAiB,EACjB,QAAQ,EACR,YAAY,EACZ,oBAAoB,EACpB,cAAc,EACd,WAAW,EACX,mBAAmB,EACnB,cAAc,GACf,MAAM,SAAS,CAAA"}