Now I have all the context I need. The project has the shadcn field.tsx and input-group.tsx components available. Let me create a multi-email input component that:

1. Uses the Field component for structure with label/error states
2. Allows adding multiple email addresses with visual tags/badges
3. Validates emails before adding
4. Stores them as a comma-separated value in a hidden input

Now let me create the multi-email input component and a demo page:

I've created a shadcn-style multi-email input component and a demo page. The component features:

1. Email validation - Uses a regex to validate email format before adding
2. Multiple input methods - Add emails by pressing Enter, Tab, comma, or pasting multiple emails at once
3. Visual tags - Shows added emails as removable badges
4. Hidden field - Stores all emails as a comma-separated string in a hidden input for form submission
5. Error handling - Shows inline validation errors for invalid or duplicate emails
6. Accessibility - Supports keyboard navigation (Backspace to remove last email), proper ARIA attributes, and screen reader announcements
7. Controlled/uncontrolled modes - Works with both value/onChange props or internal state with defaultValue

The demo page shows the component integrated into a full email compose form using the shadcn Field components for proper labeling and error display.