Refresh UI components and showcase; release updated framework packages

packages/styles/README.md

@@ -27,6 +27,16 @@ Part of the **WrNexus** framework — an SSR-first, Bun-native full-stack web fr
 
 ## Overview
 
+### Production CSS inlining
+
+`styles.inlineMaxBytes` controls the maximum uncompressed size of the combined
+production stylesheet to embed in the document. The default is 4096 bytes; `0`
+disables inlining. A measured first-visit optimization can use, for example,
+`styles: { inlineMaxBytes: 128 * 1024 }`. Larger limits remove a blocking stylesheet
+request but repeat the CSS in each HTML response. Stylesheets containing relative
+asset URLs stay external so their URL base does not change. Theme switching and
+the separately served stylesheet remain available.
+
 This package owns three server-side concerns that shape every page a WrNexus app renders:
 
 1. **Global stylesheet pipeline** — finds `app/styles/global.css` (or aggregates `app/styles/*.css`), bundles it with Bun's CSS bundler (which resolves `@import`, including from `node_modules`), and produces one stylesheet that is `<link>`ed into every page's `<head>`. Because it is a plain global sheet, it styles server-rendered markup and hydrated client islands identically. A custom `process` hook lets you swap in Tailwind / PostCSS / Sass.