Exercise 2: Tracing a shadcn/ui Component's Three Pieces Back to Their Origin Chapters — Possible Solution ==================================================================== PIECE 1: THE REAL, ACCESSIBLE BEHAVIOR ------------------------------ Per this chapter's own table, "real, accessible keyboard/focus/ARIA behavior" comes from "cssfw1-6 — the headless Radix primitive underneath." A shadcn/ui component's own interactive logic — correct keyboard navigation, focus management, and ARIA attribute wiring — isn't invented by shadcn/ui itself; it's built directly on top of a headless primitive component (per cssfw1-6's own material), the same kind of Root/Trigger/Content/Item-style primitive covered in that chapter, which already fully solves the hard accessibility problem web-accessibility1's own material established. PIECE 2: THE ACTUAL VISUAL STYLING ------------------------------ Per this chapter's own table, "the actual visual styling" comes from "cssfw1-2/cssfw1-3 — Tailwind utility classes." The visible appearance of a shadcn/ui component — its padding, colors, borders, hover states — is implemented using ordinary Tailwind utility classes, the exact same class-per-declaration system covered in cssfw1-2, drawing from the same configurable design-token system covered in cssfw1-3. PIECE 3: OWNED, EDITABLE, NO-DEPENDENCY DISTRIBUTION ------------------------------ Per this chapter's own table, "owned, editable, no-dependency distribution" comes from "shadcn/ui's own CLI copy mechanism (this chapter)." The one genuinely NEW piece shadcn/ui itself contributes is neither the accessible behavior nor the visual styling — both already existed as separate, independent ideas covered in earlier chapters — it's the DISTRIBUTION mechanism: the CLI tool that physically copies the combined result (headless behavior + Tailwind styling) directly into a project's own codebase as real, owned source code, rather than installing it as an external dependency. WHY THIS DEMONSTRATES THE CHAPTER'S OWN "REAL INNOVATION" CLAIM ------------------------------ Per this chapter, "shadcn/ui's own real innovation isn't the individual pieces — headless behavior and Tailwind styling both already existed separately — it's the distribution model itself." Tracing each piece back to its own specific origin chapter makes this claim concrete rather than abstract: two of the three pieces are directly, explicitly attributable to material this course already covered in cssfw1-2/3 and cssfw1-6; only the third piece (the copy- based distribution mechanism) is genuinely new to this chapter. WHY THIS WORKS AS AN ANSWER ------------------------------ It reproduces the chapter's own attribution table, explaining what each piece actually is and which specific earlier chapter it traces back to, and explicitly connects this to the chapter's own stated claim about where the real innovation actually lies.