@varity-labs/ui-kit 2.0.0-alpha.1

package/dist/modules/zk/ZKClient.js

@@ -0,0 +1,36 @@
+/**
+ * ZK Client - Zero-knowledge proof operations
+ *
+ * Handles ZK proof generation/verification via API server (ZKML backend)
+ */
+export class ZKClient {
+    http;
+    constructor(http) {
+        this.http = http;
+    }
+    /**
+     * Generate zero-knowledge proof for ML inference
+     */
+    async prove(request) {
+        return this.http.post('/zkml/prove', request);
+    }
+    /**
+     * Verify zero-knowledge proof
+     */
+    async verify(request) {
+        return this.http.post('/zkml/verify', request);
+    }
+    /**
+     * Get ZKML statistics
+     */
+    async stats() {
+        return this.http.get('/zkml/stats');
+    }
+    /**
+     * List available circuits
+     */
+    async circuits() {
+        return this.http.get('/zkml/circuits');
+    }
+}
+//# sourceMappingURL=ZKClient.js.map

package/dist/modules/zk/ZKClient.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ZKClient.js","sourceRoot":"","sources":["../../../src/modules/zk/ZKClient.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAkDH,MAAM,OAAO,QAAQ;IACC;IAApB,YAAoB,IAAgB;QAAhB,SAAI,GAAJ,IAAI,CAAY;IAAG,CAAC;IAExC;;OAEG;IACH,KAAK,CAAC,KAAK,CAAC,OAAuB;QACjC,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAkB,aAAa,EAAE,OAAO,CAAC,CAAA;IAChE,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,MAAM,CAAC,OAAwB;QACnC,OAAO,IAAI,CAAC,IAAI,CAAC,IAAI,CAAmB,cAAc,EAAE,OAAO,CAAC,CAAA;IAClE,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,KAAK;QACT,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAY,aAAa,CAAC,CAAA;IAChD,CAAC;IAED;;OAEG;IACH,KAAK,CAAC,QAAQ;QACZ,OAAO,IAAI,CAAC,IAAI,CAAC,GAAG,CAAW,gBAAgB,CAAC,CAAA;IAClD,CAAC;CACF"}

package/dist/modules/zk/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ZKClient';
+//# sourceMappingURL=index.d.ts.map

package/dist/modules/zk/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/modules/zk/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/dist/modules/zk/index.js

@@ -0,0 +1,2 @@
+export * from './ZKClient';
+//# sourceMappingURL=index.js.map

package/dist/modules/zk/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/modules/zk/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/dist/providers/ChainContext.d.ts

@@ -0,0 +1,65 @@
+import { ReactNode } from 'react';
+import type { Chain } from 'thirdweb/chains';
+export interface ChainContextValue {
+    activeChain: Chain | undefined;
+    supportedChains: Chain[];
+    switchChain: (chainId: number) => Promise<void>;
+    isCorrectChain: boolean;
+}
+export interface ChainProviderProps {
+    children: ReactNode;
+    supportedChains?: Chain[];
+    defaultChain?: Chain;
+    onChainChange?: (chainId: number) => void;
+}
+/**
+ * Chain state management provider
+ *
+ * Manages blockchain network state and provides utilities for:
+ * - Accessing current chain
+ * - Switching between chains
+ * - Validating chain compatibility
+ *
+ * @example
+ * ```tsx
+ * import { ChainProvider } from '@varity-labs/ui-kit';
+ *
+ * function App() {
+ *   return (
+ *     <ChainProvider
+ *       onChainChange={(chainId) => console.log('Chain changed to:', chainId)}
+ *     >
+ *       <YourApp />
+ *     </ChainProvider>
+ *   );
+ * }
+ * ```
+ */
+export declare function ChainProvider({ children, supportedChains, defaultChain, onChainChange, }: ChainProviderProps): JSX.Element;
+/**
+ * Hook to access chain context
+ *
+ * @returns {ChainContextValue} Chain state and utilities
+ * @throws {Error} If used outside ChainProvider
+ *
+ * @example
+ * ```tsx
+ * import { useChain } from '@varity-labs/ui-kit';
+ *
+ * function MyComponent() {
+ *   const { activeChain, switchChain, isCorrectChain } = useChain();
+ *
+ *   if (!isCorrectChain) {
+ *     return (
+ *       <button onClick={() => switchChain(33529)}>
+ *         Switch to Varity L3
+ *       </button>
+ *     );
+ *   }
+ *
+ *   return <p>Connected to: {activeChain?.name}</p>;
+ * }
+ * ```
+ */
+export declare function useChain(): ChainContextValue;
+//# sourceMappingURL=ChainContext.d.ts.map

package/dist/providers/ChainContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChainContext.d.ts","sourceRoot":"","sources":["../../src/providers/ChainContext.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA6B,SAAS,EAAE,MAAM,OAAO,CAAC;AAGpE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAE7C,MAAM,WAAW,iBAAiB;IAChC,WAAW,EAAE,KAAK,GAAG,SAAS,CAAC;IAC/B,eAAe,EAAE,KAAK,EAAE,CAAC;IACzB,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAChD,cAAc,EAAE,OAAO,CAAC;CACzB;AAID,MAAM,WAAW,kBAAkB;IACjC,QAAQ,EAAE,SAAS,CAAC;IACpB,eAAe,CAAC,EAAE,KAAK,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,aAAa,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CAC3C;AAED;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,eAAkC,EAClC,YAA4B,EAC5B,aAAa,GACd,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAqClC;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}

package/dist/providers/ChainContext.js

@@ -0,0 +1,92 @@
+import React, { createContext, useContext } from 'react';
+import { useActiveWalletChain, useSwitchActiveWalletChain } from 'thirdweb/react';
+import { DEFAULT_CHAIN, SUPPORTED_CHAINS } from '../config/chains';
+const ChainContext = createContext(null);
+/**
+ * Chain state management provider
+ *
+ * Manages blockchain network state and provides utilities for:
+ * - Accessing current chain
+ * - Switching between chains
+ * - Validating chain compatibility
+ *
+ * @example
+ * ```tsx
+ * import { ChainProvider } from '@varity-labs/ui-kit';
+ *
+ * function App() {
+ *   return (
+ *     <ChainProvider
+ *       onChainChange={(chainId) => console.log('Chain changed to:', chainId)}
+ *     >
+ *       <YourApp />
+ *     </ChainProvider>
+ *   );
+ * }
+ * ```
+ */
+export function ChainProvider({ children, supportedChains = SUPPORTED_CHAINS, defaultChain = DEFAULT_CHAIN, onChainChange, }) {
+    const activeChain = useActiveWalletChain();
+    const switchChain = useSwitchActiveWalletChain();
+    const isCorrectChain = React.useMemo(() => {
+        if (!activeChain)
+            return false;
+        return supportedChains.some((chain) => chain.id === activeChain.id);
+    }, [activeChain, supportedChains]);
+    const handleSwitchChain = React.useCallback(async (chainId) => {
+        const targetChain = supportedChains.find((c) => c.id === chainId);
+        if (!targetChain) {
+            throw new Error(`Chain ${chainId} is not supported`);
+        }
+        try {
+            await switchChain(targetChain);
+            if (onChainChange) {
+                onChainChange(chainId);
+            }
+        }
+        catch (error) {
+            console.error('Error switching chain:', error);
+            throw error;
+        }
+    }, [supportedChains, switchChain, onChainChange]);
+    const value = {
+        activeChain,
+        supportedChains,
+        switchChain: handleSwitchChain,
+        isCorrectChain,
+    };
+    return React.createElement(ChainContext.Provider, { value: value }, children);
+}
+/**
+ * Hook to access chain context
+ *
+ * @returns {ChainContextValue} Chain state and utilities
+ * @throws {Error} If used outside ChainProvider
+ *
+ * @example
+ * ```tsx
+ * import { useChain } from '@varity-labs/ui-kit';
+ *
+ * function MyComponent() {
+ *   const { activeChain, switchChain, isCorrectChain } = useChain();
+ *
+ *   if (!isCorrectChain) {
+ *     return (
+ *       <button onClick={() => switchChain(33529)}>
+ *         Switch to Varity L3
+ *       </button>
+ *     );
+ *   }
+ *
+ *   return <p>Connected to: {activeChain?.name}</p>;
+ * }
+ * ```
+ */
+export function useChain() {
+    const context = useContext(ChainContext);
+    if (!context) {
+        throw new Error('useChain must be used within ChainProvider');
+    }
+    return context;
+}
+//# sourceMappingURL=ChainContext.js.map

package/dist/providers/ChainContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChainContext.js","sourceRoot":"","sources":["../../src/providers/ChainContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,aAAa,EAAE,UAAU,EAAa,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,0BAA0B,EAAE,MAAM,gBAAgB,CAAC;AAClF,OAAO,EAAE,aAAa,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAUnE,MAAM,YAAY,GAAG,aAAa,CAA2B,IAAI,CAAC,CAAC;AASnE;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,MAAM,UAAU,aAAa,CAAC,EAC5B,QAAQ,EACR,eAAe,GAAG,gBAAgB,EAClC,YAAY,GAAG,aAAa,EAC5B,aAAa,GACM;IACnB,MAAM,WAAW,GAAG,oBAAoB,EAAE,CAAC;IAC3C,MAAM,WAAW,GAAG,0BAA0B,EAAE,CAAC;IAEjD,MAAM,cAAc,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,WAAW;YAAE,OAAO,KAAK,CAAC;QAC/B,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,WAAW,CAAC,EAAE,CAAC,CAAC;IACtE,CAAC,EAAE,CAAC,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC;IAEnC,MAAM,iBAAiB,GAAG,KAAK,CAAC,WAAW,CACzC,KAAK,EAAE,OAAe,EAAE,EAAE;QACxB,MAAM,WAAW,GAAG,eAAe,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC;QAClE,IAAI,CAAC,WAAW,EAAE,CAAC;YACjB,MAAM,IAAI,KAAK,CAAC,SAAS,OAAO,mBAAmB,CAAC,CAAC;QACvD,CAAC;QAED,IAAI,CAAC;YACH,MAAM,WAAW,CAAC,WAAW,CAAC,CAAC;YAC/B,IAAI,aAAa,EAAE,CAAC;gBAClB,aAAa,CAAC,OAAO,CAAC,CAAC;YACzB,CAAC;QACH,CAAC;QAAC,OAAO,KAAK,EAAE,CAAC;YACf,OAAO,CAAC,KAAK,CAAC,wBAAwB,EAAE,KAAK,CAAC,CAAC;YAC/C,MAAM,KAAK,CAAC;QACd,CAAC;IACH,CAAC,EACD,CAAC,eAAe,EAAE,WAAW,EAAE,aAAa,CAAC,CAC9C,CAAC;IAEF,MAAM,KAAK,GAAsB;QAC/B,WAAW;QACX,eAAe;QACf,WAAW,EAAE,iBAAiB;QAC9B,cAAc;KACf,CAAC;IAEF,OAAO,oBAAC,YAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAyB,CAAC;AACjF,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,MAAM,UAAU,QAAQ;IACtB,MAAM,OAAO,GAAG,UAAU,CAAC,YAAY,CAAC,CAAC;IACzC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,4CAA4C,CAAC,CAAC;IAChE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/providers/PrivyProvider.d.ts

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+import { User } from '@privy-io/react-auth';
+export interface VarityPrivyProviderProps {
+    children: ReactNode;
+    appId: string;
+    onLoginSuccess?: (user: User) => void;
+    onLoginError?: (error: Error) => void;
+    appearance?: {
+        theme?: 'light' | 'dark';
+        accentColor?: `#${string}`;
+        logo?: string;
+    };
+}
+/**
+ * Varity Privy Provider
+ *
+ * Wraps Privy authentication with Varity L3 chain configuration.
+ * Provides email/social login for non-crypto native users.
+ *
+ * Features:
+ * - Email OTP authentication
+ * - Social logins (Google, Twitter, Discord, GitHub, etc.)
+ * - Embedded wallets (no MetaMask required)
+ * - SMS authentication
+ * - Fiat onramp integration
+ *
+ * @example
+ * ```tsx
+ * import { VarityPrivyProvider } from '@varity-labs/ui-kit';
+ *
+ * function App() {
+ *   return (
+ *     <VarityPrivyProvider appId="your-privy-app-id">
+ *       <YourApp />
+ *     </VarityPrivyProvider>
+ *   );
+ * }
+ * ```
+ */
+export declare function VarityPrivyProvider({ children, appId, onLoginSuccess, onLoginError, appearance, }: VarityPrivyProviderProps): JSX.Element;
+export default VarityPrivyProvider;
+//# sourceMappingURL=PrivyProvider.d.ts.map

package/dist/providers/PrivyProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrivyProvider.d.ts","sourceRoot":"","sources":["../../src/providers/PrivyProvider.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAsDzC,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;IACtC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACtC,UAAU,CAAC,EAAE;QACX,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;QACzB,WAAW,CAAC,EAAE,IAAI,MAAM,EAAE,CAAC;QAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;CACH;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,KAAK,EACL,cAAc,EACd,YAAY,EACZ,UAGC,GACF,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CA8CxC;AAmCD,eAAe,mBAAmB,CAAC"}

package/dist/providers/PrivyProvider.js

@@ -0,0 +1,131 @@
+import React from 'react';
+import { PrivyProvider as BasePrivyProvider, usePrivy } from '@privy-io/react-auth';
+import { WagmiProvider } from '@privy-io/wagmi';
+import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
+import { http } from 'viem';
+import { arbitrumSepolia, arbitrum } from 'viem/chains';
+import { createConfig } from 'wagmi';
+/**
+ * Varity L3 Chain Configuration (Arbitrum Orbit Testnet)
+ * CRITICAL: Uses correct RPC URL for Conduit deployment
+ *
+ * Chain ID: 33529
+ * Native Token: USDC (6 decimals - NOT 18!)
+ */
+const varietyL3Testnet = {
+    id: 33529,
+    name: 'Varity L3 Testnet',
+    network: 'varity-testnet',
+    nativeCurrency: {
+        decimals: 6, // USDC has 6 decimals - NOT 18!
+        name: 'USDC',
+        symbol: 'USDC',
+    },
+    rpcUrls: {
+        default: {
+            http: ['https://rpc-varity-testnet-rroe52pwjp.t.conduit.xyz'],
+        },
+        public: {
+            http: ['https://rpc-varity-testnet-rroe52pwjp.t.conduit.xyz'],
+        },
+    },
+    blockExplorers: {
+        default: {
+            name: 'Varity Explorer',
+            url: 'https://explorer-varity-testnet-rroe52pwjp.t.conduit.xyz',
+        },
+    },
+    testnet: true,
+};
+// Create Wagmi config for Privy
+const config = createConfig({
+    chains: [varietyL3Testnet, arbitrumSepolia, arbitrum],
+    transports: {
+        [varietyL3Testnet.id]: http(),
+        [arbitrumSepolia.id]: http(),
+        [arbitrum.id]: http(),
+    },
+});
+// Create React Query client
+const queryClient = new QueryClient();
+/**
+ * Varity Privy Provider
+ *
+ * Wraps Privy authentication with Varity L3 chain configuration.
+ * Provides email/social login for non-crypto native users.
+ *
+ * Features:
+ * - Email OTP authentication
+ * - Social logins (Google, Twitter, Discord, GitHub, etc.)
+ * - Embedded wallets (no MetaMask required)
+ * - SMS authentication
+ * - Fiat onramp integration
+ *
+ * @example
+ * ```tsx
+ * import { VarityPrivyProvider } from '@varity-labs/ui-kit';
+ *
+ * function App() {
+ *   return (
+ *     <VarityPrivyProvider appId="your-privy-app-id">
+ *       <YourApp />
+ *     </VarityPrivyProvider>
+ *   );
+ * }
+ * ```
+ */
+export function VarityPrivyProvider({ children, appId, onLoginSuccess, onLoginError, appearance = {
+    theme: 'light',
+    accentColor: '#6366f1',
+}, }) {
+    return (React.createElement(BasePrivyProvider, { appId: appId, config: {
+            // Login methods
+            loginMethods: ['email', 'wallet', 'google', 'twitter', 'discord', 'github'],
+            // Appearance configuration
+            appearance: {
+                theme: appearance.theme,
+                accentColor: appearance.accentColor,
+                logo: appearance.logo,
+                showWalletLoginFirst: false, // Prioritize email/social
+            },
+            // Embedded wallet configuration
+            embeddedWallets: {
+                createOnLogin: 'users-without-wallets', // Auto-create wallet for email/social users
+            },
+            // Default chain
+            defaultChain: varietyL3Testnet,
+            // Supported chains
+            supportedChains: [varietyL3Testnet, arbitrumSepolia, arbitrum],
+            // MFA configuration
+            mfa: {
+                noPromptOnMfaRequired: false,
+            },
+        }, onSuccess: (user) => {
+            console.log('Privy login success:', user);
+            onLoginSuccess?.(user);
+        } },
+        React.createElement(QueryClientProvider, { client: queryClient },
+            React.createElement(WagmiProvider, { config: config },
+                React.createElement(PrivyAuthWrapper, { onLoginError: onLoginError }, children)))));
+}
+/**
+ * Internal wrapper to handle login errors
+ */
+function PrivyAuthWrapper({ children, onLoginError, }) {
+    const { ready } = usePrivy();
+    // Handle initialization errors
+    React.useEffect(() => {
+        if (!ready) {
+            // You can add custom error handling here
+        }
+    }, [ready, onLoginError]);
+    if (!ready) {
+        return (React.createElement("div", { className: "flex items-center justify-center min-h-screen" },
+            React.createElement("div", { className: "text-center" },
+                React.createElement("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-indigo-600 mx-auto" }),
+                React.createElement("p", { className: "mt-4 text-gray-600" }, "Initializing authentication..."))));
+    }
+    return React.createElement(React.Fragment, null, children);
+}
+export default VarityPrivyProvider;
+//# sourceMappingURL=PrivyProvider.js.map

package/dist/providers/PrivyProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrivyProvider.js","sourceRoot":"","sources":["../../src/providers/PrivyProvider.tsx"],"names":[],"mappings":"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"}

package/dist/providers/PrivyStack.d.ts

@@ -0,0 +1,165 @@
+import { ReactNode } from 'react';
+import { type Chain } from 'thirdweb';
+export interface PrivyStackProps {
+    /**
+     * Your Privy app ID from https://dashboard.privy.io
+     *
+     * Optional - defaults to secure server-side credentials via Varity Credential Proxy.
+     * For production, provide your own credentials OR use the proxy (recommended).
+     *
+     * @see https://dashboard.privy.io
+     */
+    appId?: string;
+    /**
+     * Your thirdweb client ID from https://thirdweb.com/dashboard
+     *
+     * Optional - defaults to secure server-side credentials via Varity Credential Proxy.
+     * For production, provide your own credentials OR use the proxy (recommended).
+     *
+     * @see https://thirdweb.com/dashboard
+     */
+    thirdwebClientId?: string;
+    /**
+     * Enable secure credential proxy (server-side credentials)
+     *
+     * When true, credentials are fetched from Varity Credential Proxy service.
+     * This is the RECOMMENDED approach for production as credentials never reach client bundles.
+     *
+     * @default true
+     */
+    useCredentialProxy?: boolean;
+    /**
+     * Credential proxy URL (only used if useCredentialProxy is true)
+     *
+     * @default "https://api.varity.so/credentials"
+     */
+    credentialProxyUrl?: string;
+    /**
+     * Chains to support
+     * @default [varityL3Testnet]
+     */
+    chains?: Chain[];
+    /**
+     * The children to render once providers are ready
+     */
+    children: ReactNode;
+    /**
+     * Login methods to enable
+     * @default ['email', 'google', 'wallet']
+     */
+    loginMethods?: Array<'email' | 'wallet' | 'google' | 'twitter' | 'discord' | 'github' | 'apple' | 'linkedin' | 'sms'>;
+    /**
+     * Appearance configuration
+     */
+    appearance?: {
+        theme?: 'light' | 'dark';
+        accentColor?: string;
+        logo?: string;
+    };
+    /**
+     * Callback when wallet address changes
+     */
+    onAddressChange?: (address: string | null) => void;
+}
+/**
+ * PrivyStack - All-in-one provider for Privy + thirdweb + Varity L3
+ *
+ * This component combines all necessary providers in the correct order:
+ * 1. QueryClientProvider - For React Query (required by Privy)
+ * 2. PrivyProvider - Authentication (email, social, wallet)
+ * 3. PrivyReadyGate - Prevents blank screen during initialization
+ * 4. ThirdwebProvider - Wallet management and contracts
+ * 5. WalletSyncProvider - Syncs Privy embedded wallets with thirdweb
+ *
+ * **Security**: By default, uses Varity Credential Proxy for server-side credential storage.
+ * Real credentials NEVER reach client bundles.
+ *
+ * **Key Features**:
+ * - Secure server-side credentials (via credential proxy)
+ * - No blank screen during initialization (PrivyReadyGate)
+ * - Seamless wallet sync between Privy and thirdweb
+ * - Support for email/social login (embedded wallets)
+ * - Support for external wallets (MetaMask, WalletConnect, etc.)
+ * - Optimized for Varity L3 by default
+ *
+ * **Stack Order** (critical - do not change):
+ * ```
+ * QueryClientProvider         # React Query for data fetching
+ *   └─ PrivyProvider           # Authentication layer
+ *       └─ PrivyReadyGate       # Loading state management
+ *           └─ ThirdwebProvider # Blockchain operations
+ *               └─ WalletSyncProvider # Wallet synchronization
+ *                   └─ YourApp       # Your application
+ * ```
+ *
+ * @example Zero-config setup (secure proxy credentials)
+ * ```tsx
+ * import { PrivyStack } from '@varity-labs/ui-kit';
+ *
+ * function App() {
+ *   return (
+ *     <PrivyStack>
+ *       <YourApp />
+ *     </PrivyStack>
+ *   );
+ * }
+ * ```
+ *
+ * @example Production with credential proxy (RECOMMENDED)
+ * ```tsx
+ * import { PrivyStack } from '@varity-labs/ui-kit';
+ *
+ * function App() {
+ *   return (
+ *     <PrivyStack useCredentialProxy={true}>
+ *       <YourApp />
+ *     </PrivyStack>
+ *   );
+ * }
+ * ```
+ *
+ * @example Custom credentials (without proxy)
+ * ```tsx
+ * import { PrivyStack } from '@varity-labs/ui-kit';
+ *
+ * function App() {
+ *   return (
+ *     <PrivyStack
+ *       useCredentialProxy={false}
+ *       appId={process.env.PRIVY_APP_ID}
+ *       thirdwebClientId={process.env.THIRDWEB_CLIENT_ID}
+ *     >
+ *       <YourApp />
+ *     </PrivyStack>
+ *   );
+ * }
+ * ```
+ *
+ * @example With custom chains and appearance
+ * ```tsx
+ * import { PrivyStack } from '@varity-labs/ui-kit';
+ * import { varityL3Testnet, arbitrumSepolia } from '@varity-labs/sdk';
+ *
+ * function App() {
+ *   return (
+ *     <PrivyStack
+ *       chains={[varityL3Testnet, arbitrumSepolia]}
+ *       loginMethods={['email', 'google', 'wallet']}
+ *       appearance={{
+ *         theme: 'light',
+ *         accentColor: '#2563EB',
+ *         logo: '/logo.png'
+ *       }}
+ *       onAddressChange={(address) => {
+ *         console.log('Wallet connected:', address);
+ *       }}
+ *     >
+ *       <YourApp />
+ *     </PrivyStack>
+ *   );
+ * }
+ * ```
+ */
+export declare function PrivyStack({ appId, thirdwebClientId, useCredentialProxy, credentialProxyUrl, chains, children, loginMethods, appearance, onAddressChange, }: PrivyStackProps): JSX.Element;
+export default PrivyStack;
+//# sourceMappingURL=PrivyStack.d.ts.map

package/dist/providers/PrivyStack.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PrivyStack.d.ts","sourceRoot":"","sources":["../../src/providers/PrivyStack.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAI9D,OAAO,EAAwB,KAAK,KAAK,EAAE,MAAM,UAAU,CAAC;AAqF5D,MAAM,WAAW,eAAe;IAC9B;;;;;;;OAOG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;;;OAOG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;;;;;OAOG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,EAAE,CAAC;IACjB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,KAAK,CAAC,CAAC;IACtH;;OAEG;IACH,UAAU,CAAC,EAAE;QACX,KAAK,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;QACzB,WAAW,CAAC,EAAE,MAAM,CAAC;QACrB,IAAI,CAAC,EAAE,MAAM,CAAC;KACf,CAAC;IACF;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;CACpD;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkGG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,gBAAgB,EAChB,kBAAyB,EACzB,kBAAkB,EAClB,MAAM,EACN,QAAQ,EACR,YAA4C,EAC5C,UAGC,EACD,eAAe,GAChB,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,CA+K/B;AAED,eAAe,UAAU,CAAC"}