complete UI CSS ownership remediation

examples/basic-app/app/example.test.ts

@@ -98,6 +98,17 @@ describe("full app", () => {
     expect(html).not.toContain("Card title");
   });
 
+  test("shared UI foundations render on demand instead of shipping in ui.css", async () => {
+    const fieldResponse = await app.fetch("/modal");
+    expect(fieldResponse.status).toBe(200);
+    const fieldHtml = await fieldResponse.text();
+    expect(fieldHtml).toContain('data-wrnexus-style-owner="FieldStyles"');
+    expect(fieldHtml).toContain('data-wrnexus-style-owner="ComponentBaseStyles"');
+    const selectResponse = await app.fetch("/test");
+    expect(selectResponse.status).toBe(200);
+    expect(await selectResponse.text()).toContain('data-wrnexus-style-owner="SelectStyles"');
+  });
+
   test("platform showcase uses the public layout and styled reactive primitives", async () => {
     const res = await app.fetch("/platform-showcase");
     expect(res.status).toBe(200);

examples/basic-app/app/pages/modal.wrn

@@ -1,3 +1,7 @@
+import Input from "@wrnexus/ui/components/input.wrn"
+import Modal from "@wrnexus/ui/components/Modal.wrn"
+import Toaster from "@wrnexus/ui/components/Toaster.wrn"
+
 // Modal demo page. Route: /modal
 //
 // Five real-world use cases for the shared @wrnexus/ui Modal component — each
@@ -9,13 +13,6 @@
 // this page. Any client expression can raise one with the runtime global —
 // toast("..."), toast.success(...), toast.error(...) — so pages never
 // hand-roll a status banner and never reach for a blocking alert().
-//
-// No import here on purpose: component tags resolve by directory scan, and
-// @wrnexus/ui's index.ts intentionally has no runtime exports (registry.ts
-// holds the server-only filesystem helpers instead) — an explicit
-// `import { Modal } from "@wrnexus/ui"` fails to bundle since there's no
-// matching export. The WRN-IMPORT-IMPLICIT warning this triggers is safe to
-// ignore for component tags.
 page ModalPage {
 
   state noteText = "Remember to ship the release notes"

examples/basic-app/app/pages/test.wrn

@@ -1,3 +1,6 @@
+import AdvancedSelect from "@wrnexus/ui/components/AdvancedSelect.wrn"
+import ComboBox from "@wrnexus/ui/components/Combobox.wrn"
+
 // Component event test page. Route: /test
 //
 // Events bubble from the exact ComboBox or AdvancedSelect that emitted them.