Gantt Timeline Engine, InputGroup, ButtonGroup, NativeSelect, IconStack & Structured Item Rows
Shipped the interactive Gantt chart primitive with multi-scale timeline, collapsible task tree, progress fill %, and milestone diamonds. Extended core primitives with InputGroup (prefix/suffix addons and integrated buttons), ButtonGroup (segmented toolbars and split action buttons), NativeSelect (zero-JS styled HTML select), IconStack (2.5D layered isometric icons), and compound ListItem slots (Media, Content, Title, Description, Actions). Full dual-framework parity across Vue 3.5 and React 19.
"Expanding UIPKGE capabilities for enterprise planning, sophisticated form controls, and structured list layouts. Every new primitive and extension maintains zero unnecessary package bloat by seamlessly integrating with existing core components."
- ✓ New Primitive: gantt — Multi-scale interactive project timeline with task tree, zoom levels (day/week/month/year), progress bars, and milestone diamonds
- ✓ New Component: input-group — Composite container with prefix/suffix addons, currency selectors, and integrated action buttons
- ✓ New Component: button-group — Segmented toolbars, split action buttons ([Save | ▼]), and seamless 1px border collapsing
- ✓ New Component: native-select — Zero-JS styled HTML5 select with custom chevron for mobile performance and dense modal forms
- ✓ New Component: icon-stack — 2.5D layered isometric container for elevated empty states and feature hero cards
- ✓ Extended list & item: Added compound ListItemMedia, ListItemContent, ListItemTitle, ListItemDescription, and ListItemActions for structured rows
- ✓ Full Dual-Framework Parity: All additions and extensions released simultaneously in Vue 3.5 SFC and React 19 mirrors
Components Released (6)
registry:ui / chartInteractive project scheduling timeline with task tree, progress bars, and milestones.
Composite input group container with prefix/suffix addons, currency pickers, and integrated action buttons.
Segmented button toolbar and split action buttons with collapsed borders.
Zero-JS styled native HTML select with custom chevron for fast/mobile forms.
2.5D layered isometric icon surface container and 6 new surface tile variants.
Compound ListItemMedia, ListItemContent, ListItemTitle, ListItemDescription, and ListItemActions.
Adheres strictly to the DECISIONS.md Zero-Redundancy Principle: rather than creating 6 isolated micro-packages, related capabilities are merged into parent primitives (input, button, select, icon-box, list) with single-command distribution.
View Key Git Commits (6) ▼
3f81e9b2 feat(registry): add Gantt chart primitive with multi-scale timeline and task tree 2026-08-16 7a29dc14 feat(input): add InputGroup, InputGroupAddon, InputGroupButton compound primitives 2026-08-16 91bc402e feat(button): add ButtonGroup primitive for segmented toolbars and split buttons 2026-08-16 b567de91 feat(select): add NativeSelect zero-JS styled HTML select 2026-08-16 e89a3f20 feat(icon-box): add IconStack 2.5D isometric container and surface tile variants 2026-08-16 d40c812a feat(list): add compound ListItemMedia, ListItemContent, ListItemActions subcomponents 2026-08-16