Dialog wrapper
Modal content remains contract-driven while the primitive stays internal.
shadcn as implementation detail
Curated blocks can feel like shadcn without making every primitive public CMS content.
Editors choose product-level Ensemble blocks; the runtime applies shadcn-styled texture where the block contract supports it.
shadcn inspired
Internal primitives, public wrappers
The runtime coverage manifest classifies raw shadcn primitives as internal or non-public unless wrapped by a contract.
shadcn/accordionshadcn/alertshadcn/alert-dialogshadcn/aspect-ratioshadcn/avatarshadcn/badgeshadcn/breadcrumbshadcn/buttonshadcn/button-groupshadcn/calendarshadcn/cardshadcn/carouselshadcn/chartshadcn/checkboxshadcn/collapsibleshadcn/comboboxshadcn/commandshadcn/context-menushadcn/data-tableshadcn/date-pickershadcn/dialogshadcn/directionshadcn/drawershadcn/dropdown-menushadcn/emptyshadcn/fieldshadcn/hover-cardshadcn/inputshadcn/input-groupshadcn/input-otpshadcn/itemshadcn/kbdshadcn/labelshadcn/menubarshadcn/native-selectshadcn/navigation-menushadcn/paginationshadcn/popovershadcn/progressshadcn/radio-groupshadcn/resizableshadcn/scroll-areashadcn/selectshadcn/separatorshadcn/sheetshadcn/sidebarshadcn/skeletonshadcn/slidershadcn/sonnershadcn/spinnershadcn/switchshadcn/tableshadcn/tabsshadcn/textareashadcn/toastshadcn/toggleshadcn/toggle-groupshadcn/tooltipshadcn/typography
Tabs-style controlRendered by the wrapper showcase instead of a raw shadcn/tabs CMS block.
Contractready
Rendererready
Validationready
Sheet wrapper
Side panels can be previewed without exposing raw shadcn/sheet.
Sheet wrapper
Side panels can be previewed without exposing raw shadcn/sheet.
rightdialog
Drawer wrapper
Mobile disclosure surfaces keep placement and copy declarative.
Drawer wrapper
Mobile disclosure surfaces keep placement and copy declarative.
bottomdialog
Alert dialog wrapper
Confirmation content is visible to QA without raw primitive props.
Alert dialog wrapper
Confirmation content is visible to QA without raw primitive props.
centerdialog
Popover wrapper
Contextual details render through the curated showcase surface.
Popover wrapper
Contextual details render through the curated showcase surface.
centerdialog
Tooltip wrapper
Short help text is represented as accessible wrapper evidence.
Tooltip wrapper
Short help text is represented as accessible wrapper evidence.
toptooltip
Dropdown menu wrapper
Menu actions stay as simple CMS-authored items.
Dropdown menu wrapper
Menu actions stay as simple CMS-authored items.
InspectOpen the QA trace.DuplicateCreate a draft variant.
Accordion wrapper
Grouped disclosure content renders through a semantic summary surface.
Toggle Accordion wrapper
ContractContent remains declarative.
RuntimeThe shared wrapper owns the primitive behavior.
Collapsible wrapper
Single-section disclosure behavior stays owned by the runtime.
Toggle Collapsible wrapper
ContractContent remains declarative.
RuntimeThe shared wrapper owns the primitive behavior.
Carousel wrapper
Sequential cards are represented as bounded wrapper previews.
01Intro02Proof03Action
Toast wrapper
Transient feedback can be themed without exposing primitive props.
Toast wrapperTransient feedback can be themed without exposing primitive props.
Sonner wrapper
Notification texture remains an internal implementation detail.
Sonner wrapperNotification texture remains an internal implementation detail.
Empty state wrapper
No-data states use contract-authored copy and runtime styling.
Empty state wrapperNo-data states use contract-authored copy and runtime styling.
Skeleton wrapper
Loading placeholders are theme-aware but not CMS primitives.
Alert wrapper
Inline status messages stay themeable and contract-driven.
Alert wrapperInline status messages stay themeable and contract-driven.
Aspect ratio wrapper
Media boxes preserve stable responsive geometry.
16:9
Button group wrapper
Grouped actions remain a wrapper concern.
Chart wrapper
Chart texture is previewed without exposing chart internals.
1234
Command wrapper
Command search stays a curated operator surface.
ContractRuntimeQA
Context menu wrapper
Contextual actions render as semantic menus.
ContractRuntimeQA
Data table wrapper
Operator rows stay contract-backed.
| Layer | Status |
|---|---|
| Contract | wrapped |
| Runtime | wrapped |
| QA | wrapped |
Direction wrapper
RTL/LTR treatment is validated as implementation evidence.
RTLLTR safe
Hover card wrapper
Supplemental details stay in a bounded preview.
Hover card wrapperSupplemental details stay in a bounded preview.
Item wrapper
List item anatomy remains consistent across themes.
- Contract
- Runtime
- QA
Keyboard hint wrapper
Keyboard affordances stay accessible and themeable.
CmdKKeyboard hint wrapper
Menubar wrapper
Menu navigation stays semantic.
ContractRuntimeQA
Native select wrapper
Native selects route through the CMS form-template pattern.
Navigation menu wrapper
Navigation menus remain curated site chrome behavior.
Resizable wrapper
Split panes are represented without raw primitive props.
PrimaryDetail
Scroll area wrapper
Overflow content gets bounded responsive treatment.
ContractRuntimeQAContractRuntimeQA
Sidebar wrapper
Application sidebars stay a public layout wrapper.
Spinner wrapper
Loading feedback is visible through stable status evidence.
Spinner wrapper
Table wrapper
Simple tabular data stays contract-first.
| Layer | Status |
|---|---|
| Contract | wrapped |
| Runtime | wrapped |
| QA | wrapped |
Wrapper-ready layouts
Bento blocks prove shadcn-like structure can stay contract-first.
Card
Product-level card
The CMS captures title, copy, span, and badges instead of raw component props.
CMS publicWrapper
Metric
Business readable
Editors can reason in blocks, not UI library internals.
Accessible
Theme
Style from JSON
Color, font, scale, and texture still flow from the theme object.
Themeable
Mixed shadcn-styled Ensemble blocks
No raw shadcn primitive is public by default.
Public blocks map to implementation components.
Keep CMS authoring simple
Component-library detail stays behind explicit Ensemble contracts.