Discount Card appears in horizontally-scrolling voucher rails — GDeals, Voucher Pocket, "For You" promotions. Violator tag calls out freshness (New, Ending Soon, Limited).

• Duplicates Carousel Card's anatomy. Same 140-wide frame, same banner + text + skeleton composition. Ships as a second component with its own variants and tokens instead of a variant=discount on the shared card. C1 · Layer Structure & Naming
• type conflates layout and state. default and with violator are layout variants; skeleton loader is a loading state. Packing them on one enum forces mutually-exclusive combinations that shouldn't be — a violator card can also be loading. C2 · Variant & Property Naming
• Violator label hardcoded. The "New" string is baked into the variant — consumers can't show "Ending Soon", "Limited", or localized copy without detaching. C2 · Variant & Property Naming
• Perforated voucher edge baked into the banner image. The serrated bottom is part of a raster PNG, not a vector overlay. Ties every "discount card" to voucher visuals even when the use case is a plain promo card. C4 · Native Mappability
• Banner is a raster PNG with mask layers. replace-this-asset + mask intersect + overflow-clip is fragile on native (iOS AsyncImage / Compose AsyncImage don't need any of that). Also blocks the image from being sized/cropped consistently. C6 · Asset & Icon Quality
• _space_12 invisible rectangle used as a spacer. A 10.305 px tall #0500ff rectangle with opacity:0 sits between label and value as a spacing hack. Should be a gap / space-* token on the auto-layout. C1 · Layer Structure & Naming
• No pressed state. Card is tappable (opens voucher detail) but no pressed/active appearance is modeled. C5 · Interaction State Coverage
• Code Connect mappings not registered. Blocked until the consolidation into Carousel Card is decided. C7 · Code Connect Linkability

• Consolidate into Carousel Card with variant=discount. The entire Carousel family (Carousel Card, Carousel - Discount Card, Carousel - Item, Carousel Item - Center, Carousel Item - Side) shares a 140-wide frame and banner + text + skeleton composition. Merge the three "card" siblings into one Carousel Card with variant: default | with-icon | discount. Preserves every existing layout; eliminates redundant components. Family
• Split type into independent props. On the consolidated Carousel Card: variant: default | with-icon | discount (layout), violator?: string (optional slot — any text, any variant), isLoading: bool (orthogonal state). 3 × 2 × 2 visual cases from 3 clean props instead of conflated enums. Property
• Make the violator a named slot. Adopt Figma Slots for the top-right corner overlay. Accepts Badge instance or custom text — maps to @ViewBuilder (SwiftUI) / @Composable slot (Compose) via Code Connect. Slot
• Replace the perforate edge with a vector overlay. Today it's baked into the banner raster. Extract as a vector SVG rendered on top of the banner when variant=discount. Token-bindable fill + crisp at any scale. Asset
• Remove the _space_12 placeholder rectangle. Use gap: 12 on the content auto-layout frame instead. Invisible elements used as spacers are a C1 anti-pattern — they clutter the layer tree and break native handoff. Property
• Rename the value slot to match Figma's token. The peso amount binds to main/carousel/color/value but renders as a standalone text. Expose as amount: String on the proposed Carousel Card so Code Connect can target it directly. Rename
• Add a pressed state on the consolidated card. Subtle scale (0.98) or overlay tint when tapped. One state that covers all three variants on the merged component. State
• Banner should accept an Image instance, not a mask layer. Replace the Asset Placeholder + replace-this-asset + mask stack with a single image-fill slot on the banner frame. Cleaner handoff to AsyncImage on both platforms. Slot