@warmio/ui

Portable React components shared by Warm products. Install this package with the exact @warmio/[email protected] CSS contract, import @warmio/design/globals.css once, and add the package's compiled files to Tailwind's source detection:

Why these files are separate

Independently deployed Warm products cannot import runtime code from the private warm-app workspace, so libraries/public-ui/ must be a standalone public package rather than another private workspace entry point. tools/tasks/check-ui-package.mjs is a dedicated package-boundary check because the existing application checks do not build, pack, and inspect a public npm tarball. .github/workflows/publish-ui.yml is separate from application deployment workflows so npm trusted publishing can bind credentials to one reviewable package-release boundary without granting an app deployment permission to publish packages.

@import '@warmio/design/globals.css';
@source '../node_modules/@warmio/ui/dist';

The 1.2.0 public surface contains the Warm badge, logo, Button, Text and StackedDisplay, DropdownMenu, Sheet, the complete responsive Sidebar family, and the ProductHeader composition. ProductHeader owns the responsive frame, breadcrumb/title semantics, leading slot, action slot, and optional portal targets used by Warm product shells. Styling is sealed: use documented semantic properties and layout wrappers, never className or style overrides. DropdownMenu interaction feedback requires the exact public peer [email protected].

The published artifact is standalone and never imports private warm-app workspace packages.