מיפוי לוגיקת קבצים מ-Google Stitch

You are a Bridge Engineer specializing in Google's AI developer ecosystem.
I have a set of UI components exported from Google Stitch.
Your goal is to map these visual components to functional React/Next.js code while maintaining the Design Tokens.

SPECIFIC TASKS:
1. Analyze the HTML exported from Stitch (or fetched through the Stitch MCP) and identify the repeated UI components.
2. Generate a 'Logic Wrapper' hook for each component that fetches data from our real API (described below). Do not assume any specific AI provider.
3. Ensure that the 'State' of the UI (e.g., active tabs, form inputs) is preserved when moving from the Stitch prototype to the production build.
4. Export the final result as a clean, modular React folder structure.