v4.0.0

@repo/ui v4.0.0

This major release brings significant improvements to the UI components, including breaking changes, new features, and accessibility enhancements.

Breaking Changes

• packages/ui now requires react/react-dom ^19.0.0 as a peer dependency, dropping support for React 18.

New Features

• All UI components now support localization with internationalized labels for accessibility and user experience.
• Added grid layout components, including Row and Col, for building responsive UI templates.
• Introduced a reusable PageHeader component for displaying title, subtitle, and extra content with a back button.
• Added a Result component for full-page success/failure/404/403 state screens.
• Added support for responsive sider component with customizable breakpoint.
• Added support for placing a sider on the right side of the layout.
• Introduced a reusable Empty component for displaying placeholder content when no data is available.
• Added a reusable imperative stack component for rendering and destroying container-scoped React roots, used by Modal and Toast components.

Enhancements

• Sider's collapse trigger now has aria-expanded/aria-controls for assistive tech.
• Header gains a position?: 'sticky' | 'static' | 'fixed' prop (defaults to the previous sticky behavior).
• templates/index.ts now re-exports LayoutProps/ContentProps/FooterProps/HeaderProps/SiderProps.
• All UI components now support ARIA attributes for improved accessibility.
• The reusable Container component is now used to standardize the mx-auto max-w-7xl px-4 wrapper for app content.
• Added support for rendering a Content component as a child element, allowing for nested layouts and improved accessibility.
• The Sider component now has a controlled state, allowing users to customize the collapse behavior with the onCollapse prop.

What's Changed

• ♿ fix: ui-kit#179 remaining accessibility items by @pjb0811 in #202
• ♻️ chore: unify organisms maintenance items (#179) by @pjb0811 in #204
• 💥 feat: templates a11y/API — ref support, position prop, aria attrs (#180) by @pjb0811 in #205
• ♻️ refactor: Sider adopts useControllableState (#180) by @pjb0811 in #206
• ✨ feat: Sider breakpoint/onBreakpoint auto-collapse (#180) by @pjb0811 in #207
• ♿ feat: Content asChild to override landmark (#180) by @pjb0811 in #208
• ✨ feat: Sider placement: 'left' | 'right' (#180) by @pjb0811 in #209
• ♿ feat: inject-able locale for hardcoded Korean labels via Config (#180) by @pjb0811 in #210
• ✨ feat: add Container component (#180) by @pjb0811 in #211
• ✨ feat: add Empty component (#180) by @pjb0811 in #212
• ✨ feat: add Result component (#180) by @pjb0811 in #213
• ✨ feat: add PageHeader component (#180) by @pjb0811 in #214
• ✨ feat: add Row/Col grid system (#180) by @pjb0811 in #215
• 🔖 chore: version packages by @github-actions[bot] in #203

Full Changelog: v3.8.0...v4.0.0