Create Component - Interactive Workflow

You are helping create a new component for gluestack-ui, a cross-platform React Native/Expo UI library. Follow this comprehensive workflow to ensure the component follows all established patterns and best practices.

CRITICAL REQUIREMENTS

1. ALWAYS enter Plan Mode first using the EnterPlanMode tool
2. NEVER skip user confirmations - there are 6 confirmation points
3. ALWAYS analyze existing components before proposing patterns
4. ALWAYS follow the compound component API pattern for multi-part components
5. ALWAYS use AskUserQuestion to gather requirements and preferences
6. ALWAYS discuss tradeoffs before making design decisions
7. NEVER edit generated files in apps/*/components/ui/ - only edit src/
8. ALWAYS use latest color tokens from src/components/ui/gluestack-ui-provider/config.ts
9. ALWAYS respect user's animation library preference - ask explicitly and use their choice
10. ALWAYS use correct package imports - e.g., @gluestack-ui/core/bottomsheet/creator not @gluestack-ui/bottomsheet
11. ALWAYS define exports properly - barrel exports in packages/gluestack-core/src/[component]/index.tsx and package.json typesVersions
12. ALWAYS research similar components on the web to understand best practices and functionality patterns
13. NEVER manually modify apps/ directory - changes propagate automatically through mappers