@compose-market/theme 0.0.2 → 0.0.3

package/dist/components/compose/toolbox.js

@@ -0,0 +1,183 @@
+/**
+ * Floating Toolbox Component
+ *
+ * Draggable toolbox for fullscreen compose mode.
+ * Contains plugin/agent/trigger pickers and action buttons.
+ */
+import { useState, useEffect, useRef } from "react";
+import { Button } from "@/components/ui/button";
+import { Badge } from "@/components/ui/badge";
+import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { Play, Bot, Plug, Clock, Settings, Loader2, ChevronRight, Minimize2, Sparkles } from "lucide-react";
+import { ConnectorPicker } from "./pickers/connector-picker";
+import { AgentsPicker } from "./pickers/agents-picker";
+import { TriggerPicker } from "./pickers/trigger-picker";
+export function FloatingToolbox({ onClose, onAddStep, onAddAgentStep, onAddTrigger, onRun, onRequest, onMint, onSettings, isRunning, nodeCount, }) {
+    // Initialize position accounting for sidebar on desktop (sidebar is 256px = 16rem when expanded, 64px when collapsed)
+    // On mobile, start near top-left with padding
+    const getInitialPosition = () => {
+        if (typeof window === 'undefined')
+            return { x: 280, y: 80 };
+        const isMobile = window.innerWidth < 768;
+        return isMobile
+            ? { x: 16, y: 70 } // Mobile: padding from edges
+            : { x: 280, y: 100 }; // Desktop: past sidebar width + padding
+    };
+    const [position, setPosition] = useState(getInitialPosition);
+    const [isMinimized, setIsMinimized] = useState(false);
+    const [isDragging, setIsDragging] = useState(false);
+    const [dragOffset, setDragOffset] = useState({ x: 0, y: 0 });
+    const toolboxRef = useRef(null);
+    const handleMouseDown = (e) => {
+        // Only drag from the header
+        if (!e.target.closest('[data-drag-handle]'))
+            return;
+        setIsDragging(true);
+        setDragOffset({
+            x: e.clientX - position.x,
+            y: e.clientY - position.y,
+        });
+        e.preventDefault();
+    };
+    // Touch event handlers for mobile drag support
+    const handleTouchStart = (e) => {
+        if (!e.target.closest('[data-drag-handle]'))
+            return;
+        const touch = e.touches[0];
+        setIsDragging(true);
+        setDragOffset({
+            x: touch.clientX - position.x,
+            y: touch.clientY - position.y,
+        });
+    };
+    useEffect(() => {
+        if (!isDragging)
+            return;
+        const handleMouseMove = (e) => {
+            // Constrain to viewport with padding
+            const toolboxWidth = 288; // w-72 = 18rem = 288px
+            const toolboxMinHeight = 100;
+            const padding = 16;
+            const newX = Math.max(padding, Math.min(window.innerWidth - toolboxWidth - padding, e.clientX - dragOffset.x));
+            const newY = Math.max(padding, Math.min(window.innerHeight - toolboxMinHeight - padding, e.clientY - dragOffset.y));
+            setPosition({ x: newX, y: newY });
+        };
+        const handleTouchMove = (e) => {
+            // Prevent scrolling while dragging
+            e.preventDefault();
+            const touch = e.touches[0];
+            const toolboxWidth = 288;
+            const toolboxMinHeight = 100;
+            const padding = 16;
+            const newX = Math.max(padding, Math.min(window.innerWidth - toolboxWidth - padding, touch.clientX - dragOffset.x));
+            const newY = Math.max(padding, Math.min(window.innerHeight - toolboxMinHeight - padding, touch.clientY - dragOffset.y));
+            setPosition({ x: newX, y: newY });
+        };
+        const handleMouseUp = () => {
+            setIsDragging(false);
+        };
+        const handleTouchEnd = () => {
+            setIsDragging(false);
+        };
+        window.addEventListener('mousemove', handleMouseMove);
+        window.addEventListener('mouseup', handleMouseUp);
+        // Use passive: false to allow preventDefault on touchmove
+        window.addEventListener('touchmove', handleTouchMove, { passive: false });
+        window.addEventListener('touchend', handleTouchEnd);
+        return () => {
+            window.removeEventListener('mousemove', handleMouseMove);
+            window.removeEventListener('mouseup', handleMouseUp);
+            window.removeEventListener('touchmove', handleTouchMove);
+            window.removeEventListener('touchend', handleTouchEnd);
+        };
+    }, [isDragging, dragOffset]);
+    return (<div ref={toolboxRef} className="fixed z-50 w-[calc(100vw-32px)] sm:w-72 max-w-72 bg-card/95 backdrop-blur-xl border border-cyan-500/30 rounded-lg shadow-2xl overflow-hidden" style={{
+            left: `${position.x}px`,
+            top: `${position.y}px`,
+            cursor: isDragging ? 'grabbing' : 'auto',
+        }} onMouseDown={handleMouseDown} onTouchStart={handleTouchStart}>
+            {/* Draggable Header */}
+            <div data-drag-handle className="flex items-center justify-between px-3 py-2 bg-sidebar-accent border-b border-sidebar-border cursor-grab active:cursor-grabbing select-none" style={{ touchAction: 'none' }}>
+                <div className="flex items-center gap-2">
+                    <div className="flex gap-0.5">
+                        <div className="w-1.5 h-1.5 rounded-full bg-muted-foreground/40"/>
+                        <div className="w-1.5 h-1.5 rounded-full bg-muted-foreground/40"/>
+                        <div className="w-1.5 h-1.5 rounded-full bg-muted-foreground/40"/>
+                    </div>
+                    <span className="text-xs font-mono font-bold text-cyan-400">TOOLBOX</span>
+                    <Badge variant="outline" className="text-[9px] h-4 px-1 border-cyan-500/30 text-cyan-400 font-mono">
+                        {nodeCount} steps
+                    </Badge>
+                </div>
+                <div className="flex items-center gap-1">
+                    <Button variant="ghost" size="icon" onClick={onSettings} className="h-6 w-6 text-muted-foreground hover:text-cyan-400" title="Workflow Settings">
+                        <Settings className="w-3.5 h-3.5"/>
+                    </Button>
+                    <Button variant="ghost" size="icon" onClick={() => setIsMinimized(!isMinimized)} className="h-6 w-6 text-muted-foreground hover:text-foreground">
+                        {isMinimized ? <ChevronRight className="w-3.5 h-3.5 rotate-90"/> : <ChevronRight className="w-3.5 h-3.5 -rotate-90"/>}
+                    </Button>
+                    <Button variant="ghost" size="icon" onClick={onClose} className="h-6 w-6 text-muted-foreground hover:text-cyan-400" title="Exit fullscreen (ESC)">
+                        <Minimize2 className="w-3.5 h-3.5"/>
+                    </Button>
+                </div>
+            </div>
+
+            {/* Collapsible Body */}
+            {!isMinimized && (<div className="flex flex-col p-3 gap-3">
+                    {/* Action Buttons */}
+                    <div className="flex flex-wrap gap-2">
+                        <Button onClick={onRun} disabled={isRunning || nodeCount === 0} className="bg-green-500 text-white hover:bg-green-600 font-bold font-mono text-xs h-8 flex-1">
+                            {isRunning ? (<Loader2 className="w-3.5 h-3.5 mr-1.5 animate-spin"/>) : (<Play className="w-3.5 h-3.5 mr-1.5"/>)}
+                            {isRunning ? "RUNNING" : "RUN"}
+                        </Button>
+                        <Button onClick={onRequest} variant="outline" className="border-fuchsia-500/30 hover:border-fuchsia-500 hover:bg-fuchsia-500/10 text-xs h-8">
+                            <Bot className="w-3.5 h-3.5 mr-1.5"/>
+                            REQUEST
+                        </Button>
+                    </div>
+
+                    {/* Compact Pickers - no outer scroll, only internal content scrolls */}
+                    <div className="border-t border-sidebar-border pt-3">
+                        <Tabs defaultValue="connectors" className="w-full">
+                            <TabsList className="w-full h-8 rounded-sm bg-sidebar-accent border border-sidebar-border">
+                                <TabsTrigger value="connectors" className="flex-1 text-[10px] h-6 data-[state=active]:bg-cyan-500/20 data-[state=active]:text-cyan-400 rounded-sm">
+                                    <Plug className="w-3 h-3 mr-1"/>
+                                    PLUGINS
+                                </TabsTrigger>
+                                <TabsTrigger value="agents" className="flex-1 text-[10px] h-6 data-[state=active]:bg-fuchsia-500/20 data-[state=active]:text-fuchsia-400 rounded-sm">
+                                    <Bot className="w-3 h-3 mr-1"/>
+                                    AGENTS
+                                </TabsTrigger>
+                                <TabsTrigger value="triggers" className="flex-1 text-[10px] h-6 data-[state=active]:bg-amber-500/20 data-[state=active]:text-amber-400 rounded-sm">
+                                    <Clock className="w-3 h-3 mr-1"/>
+                                    TRIGGERS
+                                </TabsTrigger>
+                            </TabsList>
+                            <TabsContent value="connectors" className="mt-2 h-40 overflow-y-auto">
+                                <ConnectorPicker onSelect={onAddStep}/>
+                            </TabsContent>
+                            <TabsContent value="agents" className="mt-2 h-40 overflow-y-auto">
+                                <AgentsPicker onSelect={onAddAgentStep}/>
+                            </TabsContent>
+                            <TabsContent value="triggers" className="mt-2 h-40 overflow-y-auto">
+                                <TriggerPicker onAdd={(trigger) => {
+                if (onAddTrigger) {
+                    onAddTrigger(trigger);
+                }
+                else {
+                    console.log("[compose] Add trigger:", trigger);
+                }
+            }}/>
+                            </TabsContent>
+                        </Tabs>
+                    </div>
+
+                    {/* MINT Button - at the bottom */}
+                    <Button onClick={onMint} disabled={nodeCount === 0} className="w-full bg-gradient-to-r from-cyan-500 to-fuchsia-500 text-white hover:from-cyan-400 hover:to-fuchsia-400 font-bold font-mono text-xs h-9 disabled:opacity-50">
+                        <Sparkles className="w-3.5 h-3.5 mr-1.5"/>
+                        MINT AS NFT
+                    </Button>
+                </div>)}
+        </div>);
+}
+//# sourceMappingURL=toolbox.js.map

package/dist/components/compose/toolbox.js.map

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

package/dist/components/connector.d.ts

@@ -0,0 +1,24 @@
+interface WalletConnectorProps {
+    className?: string;
+    compact?: boolean;
+}
+/**
+ * Brand-aligned wallet connector for Compose.Market
+ * Supports: Email, Google, GitHub, X, Discord, Farcaster, Passkey, Guest + External wallets
+ *
+ * ARCHITECTURE:
+ * - Smart Account creation uses Avalanche Fuji (bundler available at 43113.bundler.thirdweb.com)
+ * - Smart Account address is universal (same on ALL EVM chains via CREATE2)
+ * - Cronos Testnet is the default chain
+ * - User can select a specific supported chain (from ChainContext), then used for display, contracts, and x402 payments
+ * - This allows users to pay on Cronos Testnet while using a bundler-created Smart Account
+ */
+export declare function WalletConnector({ className, compact }: WalletConnectorProps): any;
+export declare function useWalletAccount(): {
+    isConnected: boolean;
+    address: any;
+    account: any;
+    wallet: any;
+};
+export { useActiveAccount, useActiveWallet } from "thirdweb/react";
+//# sourceMappingURL=connector.d.ts.map

package/dist/components/connector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"connector.d.ts","sourceRoot":"","sources":["../../src/components/connector.tsx"],"names":[],"mappings":"AA4CA,UAAU,oBAAoB;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,OAAe,EAAE,EAAE,oBAAoB,OAmPnF;AAGD,wBAAgB,gBAAgB;;;;;EAU/B;AAGD,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/connector.js

@@ -0,0 +1,263 @@
+"use client";
+import { ConnectButton, useActiveAccount, useActiveWallet, useAdminWallet } from "thirdweb/react";
+import { createWallet, inAppWallet } from "thirdweb/wallets";
+import { thirdwebClient, CHAIN_OBJECTS, USDC_ADDRESSES, CHAIN_CONFIG, paymentToken as defaultPaymentToken, CHAIN_IDS } from "@/lib/chains";
+import { useChain } from "@/contexts/ChainContext";
+import { useTotalBalance } from "@/hooks/use-multichain";
+import { cn } from "@/lib/utils";
+import { useState, useMemo } from "react";
+import { ChevronDown, LogOut, Copy, Check, ExternalLink } from "lucide-react";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from "@/components/ui/dropdown-menu";
+// Configure all supported authentication methods
+const wallets = [
+    // In-app wallet with social/email/passkey auth (creates embedded wallet)
+    inAppWallet({
+        auth: {
+            options: [
+                "email",
+                "google",
+                "github",
+                "discord",
+                "x",
+                "farcaster",
+                "passkey",
+                "guest",
+            ],
+        },
+    }),
+    // External wallets
+    createWallet("io.metamask"),
+    createWallet("com.coinbase.wallet"),
+    createWallet("walletConnect"),
+    createWallet("io.rabby"),
+    createWallet("me.rainbow"),
+];
+/**
+ * Brand-aligned wallet connector for Compose.Market
+ * Supports: Email, Google, GitHub, X, Discord, Farcaster, Passkey, Guest + External wallets
+ *
+ * ARCHITECTURE:
+ * - Smart Account creation uses Avalanche Fuji (bundler available at 43113.bundler.thirdweb.com)
+ * - Smart Account address is universal (same on ALL EVM chains via CREATE2)
+ * - Cronos Testnet is the default chain
+ * - User can select a specific supported chain (from ChainContext), then used for display, contracts, and x402 payments
+ * - This allows users to pay on Cronos Testnet while using a bundler-created Smart Account
+ */
+export function WalletConnector({ className, compact = false }) {
+    const account = useActiveAccount();
+    const wallet = useActiveWallet();
+    const adminWallet = useAdminWallet();
+    const { paymentChainId } = useChain();
+    const { formatted: totalBalance, isLoading: balanceLoading } = useTotalBalance(account?.address);
+    const [copied, setCopied] = useState(false);
+    // Dynamically resolve the user's selected payment chain for display/contracts
+    const selectedPaymentChain = useMemo(() => {
+        return CHAIN_OBJECTS[paymentChainId];
+    }, [paymentChainId]);
+    // Smart Account chain - use user's selected payment chain
+    // The Smart Account address is deterministic (CREATE2) so it's the same on ALL chains
+    // But the accountAbstraction.chain must match the chain where transactions are sent
+    // ThirdWeb dashboard has gas sponsorship configured for both Fuji and Cronos Testnet
+    const smartAccountChain = useMemo(() => {
+        return CHAIN_OBJECTS[paymentChainId] ||
+            CHAIN_OBJECTS[CHAIN_IDS.avalancheFuji];
+    }, [paymentChainId]);
+    // Cronos Testnet uses different AA infrastructure than ThirdWeb's default deterministic addresses
+    // v0.7 Deployed 2026-01-29 with canonical EntryPoint
+    const CRONOS_TESTNET_AA_CONFIG = {
+        factoryAddress: (import.meta.env.VITE_CRONOSTEST_ACCOUNT_FACTORY),
+        entrypointAddress: (import.meta.env.VITE_CRONOSTEST_ENTRYPOINT),
+    };
+    // Build accountAbstraction config - use selected chain for bundler/paymaster
+    // For Cronos Testnet, override with chain-specific factory and entrypoint addresses
+    const dynamicAccountAbstraction = useMemo(() => {
+        const config = {
+            chain: smartAccountChain,
+            sponsorGas: true,
+        };
+        // Override factory and entrypoint for Cronos Testnet (chain 338)
+        // ThirdWeb's default deterministic addresses are NOT deployed on Cronos
+        if (paymentChainId === CHAIN_IDS.cronosTestnet) {
+            config.factoryAddress = CRONOS_TESTNET_AA_CONFIG.factoryAddress;
+            config.overrides = {
+                entrypointAddress: CRONOS_TESTNET_AA_CONFIG.entrypointAddress,
+            };
+        }
+        return config;
+    }, [smartAccountChain, paymentChainId]);
+    // Get USDC token config for the selected chain
+    const selectedPaymentToken = useMemo(() => {
+        const usdcAddress = USDC_ADDRESSES[paymentChainId];
+        return usdcAddress ? {
+            address: usdcAddress,
+            name: "USD Coin",
+            symbol: "USDC",
+            icon: "/tokens/usdc.svg",
+        } : defaultPaymentToken;
+    }, [paymentChainId]);
+    // Get payment chain config for display
+    const chainConfig = CHAIN_CONFIG[paymentChainId];
+    const chainColor = chainConfig?.color === "red" ? "bg-red-400" : "bg-blue-400";
+    // Not connected - show ThirdWeb connect button
+    if (!account) {
+        return (<ConnectButton client={thirdwebClient} wallets={wallets} chain={smartAccountChain} // Use user's selected chain
+         accountAbstraction={dynamicAccountAbstraction} connectButton={{
+                label: "CONNECT",
+                className: `
+            !bg-cyan-500 !text-black 
+            !font-bold !tracking-wider 
+            !shadow-[0_0_15px_-3px_rgba(6,182,212,0.5)]
+            hover:!bg-cyan-400
+            !border-0 !rounded-sm
+            ${className || ""}
+        `,
+                style: {
+                    fontFamily: "var(--font-display), Orbitron, sans-serif",
+                    textTransform: "uppercase",
+                },
+            }} connectModal={{
+                size: compact ? "compact" : "wide",
+                title: "Access Compose.Market",
+                showThirdwebBranding: false,
+                welcomeScreen: {
+                    title: "Welcome to Compose.Market",
+                    subtitle: "Connect to access the AI Agent marketplace",
+                },
+                termsOfServiceUrl: "/terms",
+                privacyPolicyUrl: "/privacy",
+            }} detailsButton={{
+                displayBalanceToken: {
+                    [paymentChainId]: selectedPaymentToken.address,
+                },
+                className: `
+            !bg-cyan-500/10 !border-cyan-500/30 
+            !text-cyan-400 !font-mono
+            hover:!bg-cyan-500/20
+            !rounded-sm
+          `,
+                style: {
+                    fontFamily: "var(--font-mono), Fira Code, monospace",
+                },
+            }} supportedTokens={{
+                [paymentChainId]: [selectedPaymentToken],
+            }} theme={{
+                type: "dark",
+                colors: {
+                    // Compose.Market brand colors - Cyan primary, Fuchsia accent
+                    primaryButtonBg: "hsl(188 95% 43%)", // Cyan
+                    primaryButtonText: "hsl(222 47% 3%)", // Dark bg
+                    accentButtonBg: "hsl(292 85% 55%)", // Fuchsia accent
+                    accentButtonText: "hsl(0 0% 100%)",
+                    accentText: "hsl(188 95% 43%)",
+                    borderColor: "hsl(217 33% 15%)",
+                    separatorLine: "hsl(217 33% 15%)",
+                    modalBg: "hsl(222 40% 5%)",
+                    modalOverlayBg: "hsl(222 47% 3% / 0.8)",
+                    inputAutofillBg: "hsl(222 40% 6%)",
+                    secondaryButtonBg: "hsl(270 60% 20%)",
+                    secondaryButtonHoverBg: "hsl(270 60% 25%)",
+                    secondaryButtonText: "hsl(270 80% 90%)",
+                    connectedButtonBg: "hsl(222 40% 8%)",
+                    connectedButtonBgHover: "hsl(222 40% 12%)",
+                    secondaryText: "hsl(215 16% 47%)",
+                    primaryText: "hsl(210 40% 80%)",
+                    danger: "hsl(0 90% 50%)",
+                    success: "hsl(188 95% 43%)",
+                    selectedTextBg: "hsl(188 95% 43% / 0.2)",
+                    selectedTextColor: "hsl(188 95% 43%)",
+                    skeletonBg: "hsl(217 33% 15%)",
+                    tertiaryBg: "hsl(222 40% 6%)",
+                    tooltipBg: "hsl(222 40% 10%)",
+                    tooltipText: "hsl(210 40% 80%)",
+                    scrollbarBg: "hsl(217 33% 15%)",
+                    secondaryIconColor: "hsl(215 16% 47%)",
+                    secondaryIconHoverBg: "hsl(222 40% 12%)",
+                    secondaryIconHoverColor: "hsl(188 95% 43%)",
+                },
+                fontFamily: "var(--font-sans), Rajdhani, sans-serif",
+            }}/>);
+    }
+    // Connected - show custom display with payment chain & aggregated balance
+    const shortAddress = `${account.address.slice(0, 6)}...${account.address.slice(-4)}`;
+    const handleCopy = async () => {
+        await navigator.clipboard.writeText(account.address);
+        setCopied(true);
+        setTimeout(() => setCopied(false), 2000);
+    };
+    const handleDisconnect = () => {
+        wallet?.disconnect();
+    };
+    return (<DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <button className={cn("flex items-center gap-2 px-3 py-2 rounded-sm border transition-all", "bg-cyan-500/10 border-cyan-500/30 text-cyan-400", "hover:bg-cyan-500/20 hover:border-cyan-500/50", "font-mono text-sm", className)}>
+          {/* Chain indicator */}
+          <span className={cn("w-2 h-2 rounded-full animate-pulse", chainColor)}/>
+
+          {/* Balance */}
+          <span className="font-medium">
+            {balanceLoading ? "..." : `$${totalBalance}`}
+          </span>
+
+          {/* Address */}
+          <span className="text-cyan-400/60 hidden sm:inline">{shortAddress}</span>
+
+          <ChevronDown className="w-3 h-3 text-cyan-400/60"/>
+        </button>
+      </DropdownMenuTrigger>
+
+      <DropdownMenuContent align="end" className="w-64 bg-card border-sidebar-border">
+        {/* Header with chain & balance */}
+        <div className="px-3 py-3 border-b border-sidebar-border">
+          <div className="flex items-center gap-2 mb-2">
+            <span className={cn("w-2.5 h-2.5 rounded-full", chainColor)}/>
+            <span className="font-mono text-sm font-medium">
+              {chainConfig?.name || "Unknown Chain"}
+            </span>
+          </div>
+          <div className="flex items-center justify-between">
+            <span className="text-muted-foreground text-xs font-mono">Total USDC</span>
+            <span className="text-cyan-400 font-mono font-bold">
+              ${balanceLoading ? "..." : totalBalance}
+            </span>
+          </div>
+          <p className="text-[10px] text-muted-foreground mt-1">
+            Aggregated across all chains
+          </p>
+        </div>
+
+        {/* Address */}
+        <div className="px-3 py-2 border-b border-sidebar-border">
+          <div className="flex items-center justify-between">
+            <span className="font-mono text-xs text-foreground">{shortAddress}</span>
+            <div className="flex items-center gap-1">
+              <button onClick={handleCopy} className="p-1 text-muted-foreground hover:text-cyan-400 transition-colors">
+                {copied ? <Check className="w-3.5 h-3.5 text-green-400"/> : <Copy className="w-3.5 h-3.5"/>}
+              </button>
+              <a href={`${chainConfig?.explorer}/address/${account.address}`} target="_blank" rel="noopener noreferrer" className="p-1 text-muted-foreground hover:text-cyan-400 transition-colors">
+                <ExternalLink className="w-3.5 h-3.5"/>
+              </a>
+            </div>
+          </div>
+        </div>
+
+        <DropdownMenuItem onClick={handleDisconnect} className="text-destructive focus:text-destructive">
+          <LogOut className="w-4 h-4 mr-2"/>
+          Disconnect
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>);
+}
+// Hook to get connected account info
+export function useWalletAccount() {
+    const account = useActiveAccount();
+    const wallet = useActiveWallet();
+    return {
+        isConnected: !!account,
+        address: account?.address,
+        account,
+        wallet,
+    };
+}
+// Re-export for convenience
+export { useActiveAccount, useActiveWallet } from "thirdweb/react";
+//# sourceMappingURL=connector.js.map

package/dist/components/connector.js.map

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

package/dist/components/dispenser.d.ts

@@ -0,0 +1,15 @@
+/**
+ * Dispenser Component
+ *
+ * Dispenser UI for newcomers to claim 1 USDC.
+ * Features:
+ * - Multi-chain support (Cronos, Avalanche, Arbitrum)
+ * - Global claim tracking (one claim per address across all chains)
+ * - Real-time status updates
+ * - Transaction confirmation display
+ *
+ * @module components/dispenser
+ */
+export declare function DispenserCard(): any;
+export declare function DispenserButton(): any;
+//# sourceMappingURL=dispenser.d.ts.map

package/dist/components/dispenser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dispenser.d.ts","sourceRoot":"","sources":["../../src/components/dispenser.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;GAWG;AAsCH,wBAAgB,aAAa,QAuO5B;AAMD,wBAAgB,eAAe,QA0J9B"}