Changelog

Phase 4 — AntD Migration + Quality

• Enhanced CI/CD: lint, format, typecheck, build, test, Storybook build, bundle size checks
• Bundle size budget checker for all 8 packages
• Integration guide for consuming applications
• Chromatic visual regression configured in CI
• Templates smoke tests added (301 total tests)
• CLAUDE.md project conventions

Phase 3 — Metronic Parity

• MetronicLayout component with 8 variants covering all 10 Metronic demo layouts
• 70 Storybook stories for all component groups
• Gallery app with runtime variant switcher
• Storybook a11y addon + axe-playwright test runner
• GTCX content scrubbed from all rendered UI

Layout Variants Added

• sidebar — 280px sidebar + 70px header (Layout 1)
• horizontal — full-width header + navbar (Layout 2)
• mini-sidebar — 58px icon sidebar + navbar (Layout 3)
• card-sidebar — sidebar + muted bg + card content (Layouts 4/6/8)
• content-sidebar — sticky header + tabs + in-flow sidebar (Layout 5)
• top-only — 100px header only (Layout 7)
• mega-menu — header + mega-menu navbar (Layout 9)
• dark-sidebar — 270px dark sidebar (Layout 10)

Phase 2 — Component Library

• 53+ React components + 9 hooks across 7 categories
• All built on Ant Design 5 with React.forwardRef, displayName, typed props
• Quality audit: a11y attributes, keyboard support, pill variants, file upload feedback
• 286 tests across 6 packages

Phase 1 — Foundation

• Token system: primitives, semantic, dark theme, breakpoints, z-index, transitions
• Theme engine: createAntdTheme(), GtcxConfigProvider
• Utilities: cn(), debounce(), throttle(), timeAgo(), formatDate()
• 15 page templates: Dashboard, List, Detail, Wizard, Settings, Error, AuthShell, Profile, Billing, Security, Members, Notifications, Activity, Invite, Projects
• i18n engine: 29 languages, 7 cultural contexts, RTL support
• Accessibility: WCAG contrast, focus trap, reduced motion, announcer
• 266 tests across 6 packages