@ilha/router 0.8.8 → 0.8.9

package/README.md

@@ -645,6 +645,8 @@ Wraps a page island with a layout handler. Used internally by the Vite plugin co
 
 On client hydration, `wrapLayout` mounts the full layout island (layout child slots `p:*` and the keyed page slot `k:page`) from existing SSR DOM — it does not re-render layout markup from serialized props. Interactive components in `+layout.tsx` (state, event handlers, nested islands) hydrate the same way as the page.
 
+**Nested islands under layouts are fully supported.** JSX children and callback props (`setPage`, etc.) are passed through the live slot map on every parent render — not recovered from `data-ilha-props` JSON. Compound children (e.g. Areia `<Pagination>` with `Pagination.Info` / `Controls`) mount into the slot host as real DOM; you do not need `.Static` or to lift controls into the layout.
+
 With **nested** layouts (codegen: `wrapLayout(outer, wrapLayout(inner, page))`), `renderHydratable()` composes layout markup by awaiting the **leaf** page’s `hydratable()` envelope and injecting that HTML into each layout’s `k:page` slot (outer slot receives the inner layout tree; the innermost slot receives the page). Page state snapshots always come from the leaf page island.
 
 ```ts

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ilha/router",
-  "version": "0.8.8",
+  "version": "0.8.9",
   "description": "A tiny SPA router for Ilha",
   "keywords": [
     "frontend",
@@ -68,10 +68,10 @@
     "unplugin": "3.3.0"
   },
   "devDependencies": {
-    "ilha": "0.9.4",
+    "ilha": "0.9.5",
     "vite": "^8.1.3"
   },
   "peerDependencies": {
-    "ilha": ">=0.9.4"
+    "ilha": ">=0.9.5"
   }
 }