Installation
Install the package and import the shared stylesheet once in your application.
Configure and use it
This is the smallest useful starting point. Copy it into the indicated application file or run it from the project root, then adjust the documented values for your product.
bun add @wrnexus/ui@0.8.7
bunx wrnexus typecheck .
bunx wrnexus inspect packages .
bunx wrnexus build .What changes after this
The UI package becomes discoverable by development, type-check, and production builds without manually copying component CSS.
Prerequisites
Use Bun 1.3 or newer and a WRNexus application whose framework packages share the same version. Private-preview installs require npm credentials with access to the @wrnexus scope.
Install the UI package
Add @wrnexus/ui to the application. The dev server and production builder discover its component directory, styles, tokens, and metadata automatically.
Verify discovery
Run the type checker and inspect packages. A healthy application reports valid application types and lists @wrnexus/ui among its resolved packages.
Production check
Build once before deployment. Confirm the report lists UI components, the selected active theme, and the application stylesheet without loading the complete theme matrix.
Verify the result
Type-check the application, inspect the resolved package and styles, and build the production artifact. Test the page at a narrow viewport, with keyboard navigation, and in both color modes before shipping.
bunx wrnexus typecheck .
bunx wrnexus inspect packages .
bunx wrnexus inspect styles .
bunx wrnexus build .Expected result
The commands exit successfully, the build reports the installed UI components and active theme, and the rendered page remains usable before and after hydration.