[benjamincanac]

🔗 Linked issue

❓ Type of change

• 📖 Documentation (updates to the documentation or readme)
• 🐞 Bug fix (a non-breaking change that fixes an issue)
• 👌 Enhancement (improving an existing functionality)
• ✨ New feature (a non-breaking change that adds functionality)
• 🧹 Chore (updates to the build process or auxiliary tools and libraries)
• ⚠️ Breaking change (fix or feature that would cause existing functionality to change)

📚 Description

Noticed this while looking at the docs homepage, where the header's popover and dropdown menu load a 210 kB chunk holding the calendar, the date and time fields and the context menu.

Seven components import their primitives from reka-ui/namespaced. That entry is a single module, so the bundler puts every namespace used anywhere in the app into one chunk, and a page that only renders a Popover loads all of them. This PR imports the primitives by name from reka-ui and rebuilds the small { Root, Content, ... } maps locally, so the templates don't change.

Measured on the nuxt bundle fixture with two pages, one rendering a Popover and a DropdownMenu, the other a Calendar, InputDate, InputTime, InputMenu and ContextMenu. This is the JS the first page loads:

	Before	After
JS	760 kB	510 kB
JS (gzip)	229 kB	172 kB

The total output stays the same, so pnpm run size won't show it.

📝 Checklist

• I have linked an issue or discussion.
• I have updated the documentation accordingly.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
ui	Ready	Preview	Oct 9, 2026 2:41pm UTC
ui-repl	Ready	Preview	Oct 9, 2026 2:41pm UTC

[github-actions]

Client output of the apps in test/bundle, compared to the base branch.

Fixture	JS (gzip)	CSS (gzip)
nuxt	117.1 kB	27.4 kB
nuxt-detection	117.1 kB	10.5 kB
nuxt-full	839.0 kB (-0.6 kB, -0.1%)	27.6 kB
vue	95.6 kB	25.6 kB
vue-detection	95.6 kB	8.8 kB

Raw sizes

Fixture	JS	CSS
nuxt	334.5 kB	203.6 kB
nuxt-detection	334.5 kB	61.4 kB
nuxt-full	2647.8 kB (-2.4 kB, -0.1%)	203.8 kB
vue	282.7 kB	201.6 kB
vue-detection	282.7 kB	57.9 kB

[coderabbitai]

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info

⚙️ Run configuration

• Configuration used: Organization UI
• Review profile: CHILL
• Plan: Advanced
• Run ID: f7a6a52d-b5bb-4e8f-90de-ec43c8aa1e0e

---

📥 Commits

Reviewing files that changed from the base of the PR and between 8c92e5f and 508a84f.

---

📒 Files selected for processing (7)

• src/runtime/components/Calendar.vue
• src/runtime/components/ContextMenuContent.vue
• src/runtime/components/DropdownMenuContent.vue
• src/runtime/components/InputDate.vue
• src/runtime/components/InputMenu.vue
• src/runtime/components/InputTime.vue
• src/runtime/components/Popover.vue

---

Included review availability: This review used your included allowance. Your plan provides up to 8 included reviews per hour; 7 remain after this review.

---

---

📝 Walkthrough

Walkthrough

Seven runtime components now import Reka UI primitives directly instead of importing namespaced component groups. Each component assembles local objects that preserve the primitive members used by its existing templates or selection logic.

Priority: ➖ Normal

Estimated code review effort: 2 (Simple) | ~10 minutes

---

Merge Risk: ⚪ Minimal · up to 508a8

The components retain their existing picker, menu, and popover component mappings while switching to direct imports. No actionable merge risk remains; proceed with normal checks.

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description check		The description clearly explains the change from namespaced imports to direct Reka UI primitive imports and states the bundle-size benefit.
Title check		The title clearly and concisely summarizes the main change: importing Reka UI primitives by name instead of from reka-ui/namespaced.
Docstring Coverage		No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check. Docstring coverage is scoped to functions touched by this diff. Analyzed 0 functions across 0…
Linked Issues check		Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check		Check skipped because no linked issues were found for this pull request.

---

---

✨ Finishing Touches

🧪 Generate unit tests (beta)

• Commit to this branch
• Create a new PR

---

---

• Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

---

_{Comment @coderabbitai help to get the list of available commands.}

[codspeed]

Merging this PR will not alter performance

✅ 31 untouched benchmarks

---

_{Comparing perf/reka-named-imports (508a84f) with v4 (8c92e5f)}

[pkg-pr-new]

npm i https://pkg.pr.new/@nuxt/ui@7176

commit: 508a84f