npm - @xmachines/docs - Versions diffs - 1.0.0-beta.30 → 1.0.0-beta.32 - Mend

@xmachines/docs 1.0.0-beta.30 → 1.0.0-beta.32

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (289) hide show

package/api/@xmachines/play-dom/classes/PlayRenderer.md CHANGED Viewed

@@ -2,21 +2,29 @@
 # Class: PlayRenderer
-Defined in: [PlayRenderer.ts:40](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/PlayRenderer.ts#L40)
+Defined in: [PlayRenderer.ts:60](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/PlayRenderer.ts#L60)
 PlayRenderer connects an actor's currentView signal to the DOM renderer.
 Usage:
 ```typescript
-const renderer = new PlayRenderer(container, actor, registry, { actions: { ... } });
+const { registry, handlers } = defineRegistry(catalog, { components, actions });
+const resolvedHandlers = handlers(
+	() => undefined,
+	() => ({}),
+);
+const renderer = new PlayRenderer(container, actor, registry, { handlers: resolvedHandlers });
 renderer.connect();
 // Controlled mode — bring your own store:
 import { createAtom } from "@xstate/store";
 import { xstateStoreStateStore } from "@json-render/xstate";
 const store = xstateStoreStateStore({ atom: createAtom({ username: "" }) });
-const renderer = new PlayRenderer(container, actor, registry, { store, actions: { ... } });
+const renderer = new PlayRenderer(container, actor, registry, {
+	store,
+	handlers: resolvedHandlers,
+});
 // Later:
 renderer.disconnect();
@@ -34,16 +42,16 @@ new PlayRenderer(
    options?): PlayRenderer;
 ```
-Defined in: [PlayRenderer.ts:52](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/PlayRenderer.ts#L52)
+Defined in: [PlayRenderer.ts:72](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/PlayRenderer.ts#L72)
 #### Parameters
-| Parameter   | Type                                                                                                                                                                                                                                                             | Description                                                                                                                                                                                                                   |
-| ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `container` | `HTMLElement`                                                                                                                                                                                                                                                    | The `HTMLElement` to render into. Cleared and repopulated on every view transition.                                                                                                                                           |
-| `actor`     | [`AbstractActor`](../../play-actor/classes/AbstractActor.md)\<[`AnyActorLogic`](https://www.jsdocs.io/package/xstate#AnyActorLogic), [`EventObject`](https://www.jsdocs.io/package/xstate#EventObject)\> & [`Viewable`](../../play-actor/interfaces/Viewable.md) | Actor instance providing the `currentView` signal (must implement `Viewable`).                                                                                                                                                |
-| `registry`  | [`DomRegistry`](../type-aliases/DomRegistry.md)                                                                                                                                                                                                                  | Map of component type names to `DomComponentRenderer` functions.                                                                                                                                                              |
-| `options`   | [`PlayDomOptions`](../interfaces/PlayDomOptions.md)                                                                                                                                                                                                              | Optional configuration: `actions` map (action name → XState event type) and optional external `store` (controlled mode — when omitted, a fresh `@xstate/store` atom is created per view transition seeded from `spec.state`). |
+| Parameter   | Type                                                                                                                                                                                                                                                             | Description                                                                                                                                                                                                                |
+| ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `container` | `HTMLElement`                                                                                                                                                                                                                                                    | The `HTMLElement` to render into. Cleared and repopulated on every view transition.                                                                                                                                        |
+| `actor`     | [`AbstractActor`](../../play-actor/classes/AbstractActor.md)\<[`AnyActorLogic`](https://www.jsdocs.io/package/xstate#AnyActorLogic), [`EventObject`](https://www.jsdocs.io/package/xstate#EventObject)\> & [`Viewable`](../../play-actor/interfaces/Viewable.md) | Actor instance providing the `currentView` signal (must implement `Viewable`).                                                                                                                                             |
+| `registry`  | [`DomRegistry`](../type-aliases/DomRegistry.md)                                                                                                                                                                                                                  | Map of component type names to `DomComponentRenderer` functions.                                                                                                                                                           |
+| `options`   | [`PlayDomOptions`](../interfaces/PlayDomOptions.md)                                                                                                                                                                                                              | Optional configuration: `handlers` map (action name → async handler) and optional external `store` (controlled mode — when omitted, a fresh `@xstate/store` atom is created per view transition seeded from `spec.state`). |
 #### Returns
@@ -57,7 +65,7 @@ Defined in: [PlayRenderer.ts:52](https://gitlab.com/xmachin-es/xmachines-js/-/bl
 connect(): void;
 ```
-Defined in: [PlayRenderer.ts:63](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/PlayRenderer.ts#L63)
+Defined in: [PlayRenderer.ts:83](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/PlayRenderer.ts#L83)
 Start watching actor.currentView and render to container.
 Renders the initial view synchronously, then subscribes to signal changes.
@@ -74,7 +82,7 @@ Renders the initial view synchronously, then subscribes to signal changes.
 disconnect(): void;
 ```
-Defined in: [PlayRenderer.ts:71](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/PlayRenderer.ts#L71)
+Defined in: [PlayRenderer.ts:91](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/PlayRenderer.ts#L91)
 Stop watching and clear the container.

package/api/@xmachines/play-dom/functions/connectRenderer.md CHANGED Viewed

@@ -6,7 +6,7 @@
 function connectRenderer(options): () => void;
 ```
-Defined in: [connect-renderer.ts:46](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/connect-renderer.ts#L46)
+Defined in: [connect-renderer.ts:46](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/connect-renderer.ts#L46)
 Connect a signal-driven DOM renderer to an actor's currentView signal.

package/api/@xmachines/play-dom/functions/defineRegistry.md CHANGED Viewed

@@ -6,25 +6,10 @@
 function defineRegistry<C>(_catalog, options): DefineRegistryResult;
 ```
-Defined in: [json-render/types.ts:351](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L351)
+Defined in: [json-render/types.ts:213](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L213)
 Build a `DomRegistry` from a catalog and component/action options.
-Mirrors the `defineRegistry(catalog, options)` API from @json-render/react,
-/solid, /svelte, /vue. The catalog parameter is used for TypeScript inference
-only (the same as in the framework renderers — it is not used at runtime).
-Each component in `options.components` is wrapped in a `DomComponentRenderer`
-adapter that:
-- Resolves props and two-way binding paths via `@json-render/core`
-- Builds `emit(event)` and `on(event)` closures over the element's `on` map
-- Renders child elements via `ctx.renderChildren`
-- Passes the assembled `ComponentContext` to your `ComponentFn`
-The `actions` map is passed through as `actorActions` so the caller does not
-need to manage it separately.
 ## Type Parameters
 | Type Parameter                                                                                                                       |
@@ -47,15 +32,17 @@ need to manage it separately.
 ```ts
 import { defineRegistry } from "@xmachines/play-dom";
 import { authCatalog } from "@xmachines/play-actor-shared";
-import { Home, Login, Dashboard } from "./components/index.js";
-const { registry, actorActions } = defineRegistry(authCatalog, {
+const registryResult = defineRegistry(authCatalog, {
   components: { Home, Login, Dashboard, ... },
   actions: {
-    login: "auth.login",
-    logout: "auth.logout",
+    login: async ({ username }) => actor.send({ type: 'auth.login', username }),
+    logout: async () => actor.send({ type: 'auth.logout' }),
+    route: async ({ to, params }) => actor.send({ type: 'play.route', to, params }),
   },
 });
-connectRenderer({ actor, registry, container, actions: actorActions });
+const { registry, handlers } = registryResult;
+const resolvedHandlers = handlers(() => undefined, () => ({}));
+connectRenderer({ actor, registry, container, handlers: resolvedHandlers });
 ```

package/api/@xmachines/play-dom/functions/renderSpec.md CHANGED Viewed

@@ -3,10 +3,10 @@
 # Function: renderSpec()
 ```ts
-function renderSpec(spec, store, registry, send, actorActions): Node | null;
+function renderSpec(spec, store, registry, send, handlers): Node | null;
 ```
-Defined in: [json-render/renderer.ts:54](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/renderer.ts#L54)
+Defined in: [json-render/renderer.ts:53](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/renderer.ts#L53)
 Render a Spec tree into DOM nodes using the provided `DomRegistry`.
@@ -19,13 +19,13 @@ built by `defineRegistry` — this function only orchestrates the traversal.
 ## Parameters
-| Parameter      | Type                                            | Description                                          |
-| -------------- | ----------------------------------------------- | ---------------------------------------------------- |
-| `spec`         | `Spec`                                          | The json-render `Spec` describing the UI tree.       |
-| `store`        | `StateStore`                                    | Live `StateStore` bound to `spec.state`.             |
-| `registry`     | [`DomRegistry`](../type-aliases/DomRegistry.md) | Map of element type names → `DomComponentRenderer`.  |
-| `send`         | (`event`) => `void`                             | Dispatcher for interaction events (e.g. actor.send). |
-| `actorActions` | `Record`\<`string`, `string`\>                  | Map of catalog action names → event type strings.    |
+| Parameter  | Type                                            | Description                                                  |
+| ---------- | ----------------------------------------------- | ------------------------------------------------------------ |
+| `spec`     | `Spec`                                          | The json-render `Spec` describing the UI tree.               |
+| `store`    | `StateStore`                                    | Live `StateStore` bound to `spec.state`.                     |
+| `registry` | [`DomRegistry`](../type-aliases/DomRegistry.md) | Map of element type names → `DomComponentRenderer`.          |
+| `send`     | (`event`) => `void`                             | Dispatcher for interaction events (e.g. actor.send).         |
+| `handlers` | `Record`\<`string`, `ActionHandler`\>           | Map of catalog action names → async ActionHandler functions. |
 ## Returns
@@ -37,9 +37,11 @@ or has no registered renderer.
 ## Example
 ```ts
-const node = renderSpec(spec, store, registry, actor.send.bind(actor), {
-	login: "auth.login",
-	logout: "auth.logout",
-});
+const { registry, handlers } = defineRegistry(catalog, { components, actions });
+const resolvedHandlers = handlers(
+	() => undefined,
+	() => ({}),
+);
+const node = renderSpec(spec, store, registry, actor.send.bind(actor), resolvedHandlers);
 if (node) container.appendChild(node);
 ```

package/api/@xmachines/play-dom/interfaces/ComponentContext.md CHANGED Viewed

@@ -2,46 +2,7 @@
 # Interface: ComponentContext\<C, K\>
-Defined in: [json-render/types.ts:152](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L152)
-Catalog-typed context passed to each DOM component function.
-Mirrors the `ComponentContext<C, K>` shape from @json-render/react, /solid,
-/svelte, /vue with three DOM-specific adaptations:
-- `children` is `Node[]` instead of a framework node/snippet/slot
-- `bindings` is `Record<string, string> | undefined` (path strings for DOM
-  consumers that implement their own two-way binding, e.g. input value ↔ store)
-- `ctx` (low-level `DomRenderContext`) is exposed for advanced use cases
-  (framework renderers do not expose this)
-## Example
-```ts
-const Login: ComponentFn<AuthCatalog, "Login"> = ({ props, emit, on, bindings }) => {
-	const section = document.createElement("section");
-	const input = document.createElement("input");
-	input.value = props.username ?? "";
-	// Two-way binding: write back to state store when input changes
-	if (bindings?.username) {
-		input.addEventListener("input", () => {
-			// bindings.username contains the store path e.g. "/username"
-		});
-	}
-	const btn = document.createElement("button");
-	const handle = on("submit");
-	btn.addEventListener("click", (e) => {
-		if (handle.shouldPreventDefault) e.preventDefault();
-		handle.emit();
-	});
-	section.append(input, btn);
-	return section;
-};
-```
+Defined in: [json-render/types.ts:78](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L78)
 ## Type Parameters
@@ -52,11 +13,11 @@ const Login: ComponentFn<AuthCatalog, "Login"> = ({ props, emit, on, bindings })
 ## Properties
-| Property                                  | Type                                          | Description                                                                                                                                                                                                                                                                                                                                                              | Defined in                                                                                                                                   |
-| ----------------------------------------- | --------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------- |
-| <a id="property-bindings"></a> `bindings` | `Record`\<`string`, `string`\> \| `undefined` | Two-way binding paths resolved from `$bindState` / `$bindItem` prop expressions. Keys match prop names that had `$bindState`/`$bindItem` expressions in the spec; values are the absolute state-store paths to write back to on user input. `undefined` when no bindings were found for this element.                                                                    | [json-render/types.ts:168](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L168) |
-| <a id="property-children"></a> `children` | `Node`[]                                      | Rendered child nodes from the spec's `children` list. Append these into the returned element where children should appear.                                                                                                                                                                                                                                               | [json-render/types.ts:159](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L159) |
-| <a id="property-ctx"></a> `ctx`           | [`DomRenderContext`](DomRenderContext.md)     | Low-level render context. Exposes `send`, `store`, `actorActions`, and `renderChildren` for advanced use cases. Framework renderers do not expose this field — prefer `emit`/`on` for event dispatch and `children` for child rendering.                                                                                                                                 | [json-render/types.ts:206](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L206) |
-| <a id="property-emit"></a> `emit`         | (`event`) => `void`                           | Dispatch a named event defined in the spec's `on` map. Resolves the catalog action binding, applies param expressions against the current state store, and calls `send()` with the mapped XState event type. **Example** `btn.addEventListener("click", () => emit("submit"));`                                                                                          | [json-render/types.ts:180](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L180) |
-| <a id="property-on"></a> `on`             | (`event`) => [`EventHandle`](EventHandle.md)  | Get an `EventHandle` for a named event from the spec's `on` map. Use when you need `shouldPreventDefault` or want to check whether an `on` binding exists before attaching a listener. **Example** `const handle = on("submit"); if (handle.bound) { form.addEventListener("submit", (e) => { if (handle.shouldPreventDefault) e.preventDefault(); handle.emit(); }); }` | [json-render/types.ts:198](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L198) |
-| <a id="property-props"></a> `props`       | `InferComponentProps`\<`C`, `K`\>             | Catalog-typed, store-resolved props for this component.                                                                                                                                                                                                                                                                                                                  | [json-render/types.ts:154](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L154) |
+| Property                                  | Type                                          | Description                                                                      | Defined in                                                                                                                                   |
+| ----------------------------------------- | --------------------------------------------- | -------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- |
+| <a id="property-bindings"></a> `bindings` | `Record`\<`string`, `string`\> \| `undefined` | Two-way binding paths resolved from `$bindState` / `$bindItem` prop expressions. | [json-render/types.ts:88](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L88)   |
+| <a id="property-children"></a> `children` | `Node`[]                                      | Rendered child nodes from the spec's `children` list.                            | [json-render/types.ts:84](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L84)   |
+| <a id="property-ctx"></a> `ctx`           | [`DomRenderContext`](DomRenderContext.md)     | Low-level render context.                                                        | [json-render/types.ts:100](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L100) |
+| <a id="property-emit"></a> `emit`         | (`event`) => `void`                           | Dispatch a named event defined in the spec's `on` map.                           | [json-render/types.ts:92](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L92)   |
+| <a id="property-on"></a> `on`             | (`event`) => [`EventHandle`](EventHandle.md)  | Get an `EventHandle` for a named event from the spec's `on` map.                 | [json-render/types.ts:96](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L96)   |
+| <a id="property-props"></a> `props`       | `InferComponentProps`\<`C`, `K`\>             | Catalog-typed, store-resolved props for this component.                          | [json-render/types.ts:80](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L80)   |

package/api/@xmachines/play-dom/interfaces/ConnectRendererOptions.md CHANGED Viewed

@@ -2,7 +2,7 @@
 # Interface: ConnectRendererOptions
-Defined in: [xm-types.ts:35](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/xm-types.ts#L35)
+Defined in: [xm-types.ts:38](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/xm-types.ts#L38)
 Options for connectRenderer() — backward compat API.
@@ -10,9 +10,9 @@ Options for connectRenderer() — backward compat API.
 | Property                                    | Type                                                                                                                                                                                                                                                             | Description                                                                                                                                                                                                                                                   | Defined in                                                                                                               |
 | ------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------ |
-| <a id="property-actions"></a> `actions?`    | `Record`\<`string`, `string`\>                                                                                                                                                                                                                                   | Map of json-render actionName → XState event type                                                                                                                                                                                                             | [xm-types.ts:49](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/xm-types.ts#L49) |
-| <a id="property-actor"></a> `actor`         | [`AbstractActor`](../../play-actor/classes/AbstractActor.md)\<[`AnyActorLogic`](https://www.jsdocs.io/package/xstate#AnyActorLogic), [`EventObject`](https://www.jsdocs.io/package/xstate#EventObject)\> & [`Viewable`](../../play-actor/interfaces/Viewable.md) | Actor instance with currentView signal (requires Viewable capability)                                                                                                                                                                                         | [xm-types.ts:37](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/xm-types.ts#L37) |
-| <a id="property-container"></a> `container` | `HTMLElement`                                                                                                                                                                                                                                                    | Container element to render into                                                                                                                                                                                                                              | [xm-types.ts:43](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/xm-types.ts#L43) |
-| <a id="property-fallback"></a> `fallback?`  | `HTMLElement` \| `null`                                                                                                                                                                                                                                          | Optional element shown when currentView is null (defaults to nothing — clears container)                                                                                                                                                                      | [xm-types.ts:46](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/xm-types.ts#L46) |
-| <a id="property-registry"></a> `registry`   | [`DomRegistry`](../type-aliases/DomRegistry.md)                                                                                                                                                                                                                  | Registry of component renderers — replaces old `components` map                                                                                                                                                                                               | [xm-types.ts:40](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/xm-types.ts#L40) |
-| <a id="property-store"></a> `store?`        | `StateStore`                                                                                                                                                                                                                                                     | Optional external StateStore (e.g. from `xstateStoreStateStore` in @json-render/xstate). When provided, PlayRenderer operates in controlled mode — spec.state is ignored. When omitted, a fresh @xstate/store atom is created internally per view transition. | [xm-types.ts:56](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/xm-types.ts#L56) |
+| <a id="property-actor"></a> `actor`         | [`AbstractActor`](../../play-actor/classes/AbstractActor.md)\<[`AnyActorLogic`](https://www.jsdocs.io/package/xstate#AnyActorLogic), [`EventObject`](https://www.jsdocs.io/package/xstate#EventObject)\> & [`Viewable`](../../play-actor/interfaces/Viewable.md) | Actor instance with currentView signal (requires Viewable capability)                                                                                                                                                                                         | [xm-types.ts:40](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/xm-types.ts#L40) |
+| <a id="property-container"></a> `container` | `HTMLElement`                                                                                                                                                                                                                                                    | Container element to render into                                                                                                                                                                                                                              | [xm-types.ts:46](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/xm-types.ts#L46) |
+| <a id="property-fallback"></a> `fallback?`  | `HTMLElement` \| `null`                                                                                                                                                                                                                                          | Optional element shown when currentView is null (defaults to nothing — clears container)                                                                                                                                                                      | [xm-types.ts:49](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/xm-types.ts#L49) |
+| <a id="property-handlers"></a> `handlers?`  | `Record`\<`string`, `ActionHandler`\>                                                                                                                                                                                                                            | Map of catalog action name → async ActionHandler function. Replaces the old `actions: Record<string, string>` string-map approach.                                                                                                                            | [xm-types.ts:55](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/xm-types.ts#L55) |
+| <a id="property-registry"></a> `registry`   | [`DomRegistry`](../type-aliases/DomRegistry.md)                                                                                                                                                                                                                  | Registry of component renderers — replaces old `components` map                                                                                                                                                                                               | [xm-types.ts:43](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/xm-types.ts#L43) |
+| <a id="property-store"></a> `store?`        | `StateStore`                                                                                                                                                                                                                                                     | Optional external StateStore (e.g. from `xstateStoreStateStore` in @json-render/xstate). When provided, PlayRenderer operates in controlled mode — spec.state is ignored. When omitted, a fresh @xstate/store atom is created internally per view transition. | [xm-types.ts:62](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/xm-types.ts#L62) |

package/api/@xmachines/play-dom/interfaces/DefineRegistryOptions.md CHANGED Viewed

@@ -2,14 +2,12 @@
 # Interface: DefineRegistryOptions\<C\>
-Defined in: [json-render/types.ts:275](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L275)
+Defined in: [json-render/types.ts:144](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L144)
 Options for `defineRegistry`.
-Mirrors `DefineRegistryOptions<C>` from @json-render/react, /solid, /svelte, /vue
-with one intentional difference: `actions` is a `Record<string, string>` event-type
-map rather than async handler functions, because the DOM renderer dispatches events
-directly via `send()` to an XState actor instead of calling framework action handlers.
+Mirrors `DefineRegistryOptions<C>` from @json-render/react, /solid, /svelte, /vue.
+`actions` accepts catalog-typed async handler functions — params are fully typed.
 ## Type Parameters
@@ -19,7 +17,7 @@ directly via `send()` to an XState actor instead of calling framework action han
 ## Properties
-| Property                                       | Type                                                                                                                                                             | Description                                                                                                                                                                                                                                                                                                                                                                                                                                                          | Defined in                                                                                                                                   |
-| ---------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- |
-| <a id="property-actions"></a> `actions?`       | `InferCatalogActions`\<`C`\> _extends_ `Record`\<`string`, `never`\> ? `Record`\<`string`, `string`\> : `Record`\<keyof `InferCatalogActions`\<`C`\>, `string`\> | Map of catalog action name → XState event type string. When a spec element fires `emit("login")`, the DOM renderer looks up `actions.login` (e.g. `"auth.login"`) and calls `send({ type: "auth.login", ...params })`. In the framework renderers this field holds async handler functions. In the DOM renderer it is a simpler string map because routing to the actor is handled by the XMachines play-dom layer rather than inside the json-render action system. | [json-render/types.ts:291](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L291) |
-| <a id="property-components"></a> `components?` | [`ComponentRegistry`](../type-aliases/ComponentRegistry.md)\<`C`\>                                                                                               | Catalog-typed component implementations. Each key must match a component declared in the catalog.                                                                                                                                                                                                                                                                                                                                                                    | [json-render/types.ts:280](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L280) |
+| Property                                       | Type                                                               | Description                                                                                                                                                                                                                                                                                                                                  | Defined in                                                                                                                                   |
+| ---------------------------------------------- | ------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- |
+| <a id="property-actions"></a> `actions?`       | [`Actions`](../type-aliases/Actions.md)\<`C`\>                     | Map of catalog action name → catalog-typed async handler function. Each handler receives params typed to the action's schema (or `undefined`). Guard against undefined before accessing params: **Example** `actions: { login: async (params) => { if (!params) return; actor.send({ type: 'auth.login', username: params.username }); }, }` | [json-render/types.ts:165](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L165) |
+| <a id="property-components"></a> `components?` | [`ComponentRegistry`](../type-aliases/ComponentRegistry.md)\<`C`\> | Catalog-typed component implementations.                                                                                                                                                                                                                                                                                                     | [json-render/types.ts:148](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L148) |

package/api/@xmachines/play-dom/interfaces/DefineRegistryResult.md CHANGED Viewed

@@ -2,17 +2,16 @@
 # Interface: DefineRegistryResult
-Defined in: [json-render/types.ts:303](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L303)
+Defined in: [json-render/types.ts:174](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L174)
 Result returned by `defineRegistry`.
-Mirrors the `{ registry }` field from @json-render/react, /solid, /svelte, /vue.
-The DOM result also exposes `actorActions` — the resolved event-type map — so
-callers can pass it directly to `connectRenderer` or `PlayRenderer`.
+Matches `DefineRegistryResult` from @json-render/react, /solid, /svelte, /vue —
+returns `{ registry, handlers }` instead of the old `{ registry, actorActions }`.
 ## Properties
-| Property                                          | Type                                            | Description                                                                                                                                                                                             | Defined in                                                                                                                                   |
-| ------------------------------------------------- | ----------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------------------------------------------- |
-| <a id="property-actoractions"></a> `actorActions` | `Record`\<`string`, `string`\>                  | Resolved map of catalog action name → XState event type string. Pass to `connectRenderer({ ..., actions: actorActions })` or `new PlayRenderer(container, actor, registry, { actions: actorActions })`. | [json-render/types.ts:314](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L314) |
-| <a id="property-registry"></a> `registry`         | [`DomRegistry`](../type-aliases/DomRegistry.md) | The built `DomRegistry`, ready to pass to `connectRenderer` or `PlayRenderer`.                                                                                                                          | [json-render/types.ts:307](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L307) |
+| Property                                  | Type                                                                 | Description                                                                                                                                                                                                                                | Defined in                                                                                                                                   |
+| ----------------------------------------- | -------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------- |
+| <a id="property-handlers"></a> `handlers` | (`getSetState`, `getState`) => `Record`\<`string`, `ActionHandler`\> | Create ActionProvider-compatible handlers. Accepts getter functions so handlers always read the latest state. For DOM rendering, pass `() => undefined, () => ({})` since DOM actions dispatch directly to actor without needing setState. | [json-render/types.ts:185](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L185) |
+| <a id="property-registry"></a> `registry` | [`DomRegistry`](../type-aliases/DomRegistry.md)                      | The built `DomRegistry`, ready to pass to `connectRenderer` or `PlayRenderer`.                                                                                                                                                             | [json-render/types.ts:178](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L178) |

package/api/@xmachines/play-dom/interfaces/DomRenderContext.md CHANGED Viewed

@@ -2,20 +2,17 @@
 # Interface: DomRenderContext
-Defined in: [json-render/types.ts:68](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L68)
+Defined in: [json-render/types.ts:52](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L52)
 Low-level render context passed to each `DomComponentRenderer`.
-This is the raw renderer-level interface. Most component authors should use
-the higher-level `ComponentContext<C, K>` provided by `defineRegistry`.
 ## Properties
-| Property                                                 | Type                           | Description                                                                                                                                                                                                                                             | Defined in                                                                                                                                 |
-| -------------------------------------------------------- | ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------ |
-| <a id="property-actoractions"></a> `actorActions`        | `Record`\<`string`, `string`\> | Map of json-render catalog action names → dispatch event type strings.                                                                                                                                                                                  | [json-render/types.ts:76](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L76) |
-| <a id="property-elementbindings"></a> `elementBindings?` | `Record`\<`string`, `string`\> | Pre-computed two-way binding paths for this element's props. Resolved from raw props before `resolveElementProps` runs — the resolved props no longer contain `$bindState`/`$bindItem` expressions. `undefined` when no binding expressions were found. | [json-render/types.ts:85](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L85) |
-| <a id="property-renderchildren"></a> `renderChildren`    | (`keys`) => `Node`[]           | Render a list of child element keys into DOM nodes.                                                                                                                                                                                                     | [json-render/types.ts:78](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L78) |
-| <a id="property-send"></a> `send`                        | (`event`) => `void`            | Dispatch an event (e.g. to an XState actor).                                                                                                                                                                                                            | [json-render/types.ts:74](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L74) |
-| <a id="property-spec"></a> `spec`                        | `Spec`                         | Full spec tree for this render pass.                                                                                                                                                                                                                    | [json-render/types.ts:70](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L70) |
-| <a id="property-store"></a> `store`                      | `StateStore`                   | Live state store bound to `spec.state`.                                                                                                                                                                                                                 | [json-render/types.ts:72](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L72) |
+| Property                                                 | Type                                  | Description                                                              | Defined in                                                                                                                                 |
+| -------------------------------------------------------- | ------------------------------------- | ------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------ |
+| <a id="property-elementbindings"></a> `elementBindings?` | `Record`\<`string`, `string`\>        | Pre-computed two-way binding paths for this element's props.             | [json-render/types.ts:66](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L66) |
+| <a id="property-handlers"></a> `handlers`                | `Record`\<`string`, `ActionHandler`\> | Map of json-render catalog action names → async ActionHandler functions. | [json-render/types.ts:60](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L60) |
+| <a id="property-renderchildren"></a> `renderChildren`    | (`keys`) => `Node`[]                  | Render a list of child element keys into DOM nodes.                      | [json-render/types.ts:62](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L62) |
+| <a id="property-send"></a> `send`                        | (`event`) => `void`                   | Dispatch an event (e.g. to an XState actor).                             | [json-render/types.ts:58](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L58) |
+| <a id="property-spec"></a> `spec`                        | `Spec`                                | Full spec tree for this render pass.                                     | [json-render/types.ts:54](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L54) |
+| <a id="property-store"></a> `store`                      | `StateStore`                          | Live state store bound to `spec.state`.                                  | [json-render/types.ts:56](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L56) |

package/api/@xmachines/play-dom/interfaces/EventHandle.md CHANGED Viewed

@@ -2,28 +2,14 @@
 # Interface: EventHandle
-Defined in: [json-render/types.ts:48](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L48)
+Defined in: [json-render/types.ts:36](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L36)
 Handle returned by `ComponentContext.on(eventName)`.
-Matches the `EventHandle` interface from @json-render/react, /solid, /svelte, /vue.
-## Example
-```ts
-const handle = on("submit");
-if (handle.bound) {
-	btn.addEventListener("click", (e) => {
-		if (handle.shouldPreventDefault) e.preventDefault();
-		handle.emit();
-	});
-}
-```
 ## Properties
-| Property                                                          | Type         | Description                                                                                                                  | Defined in                                                                                                                                 |
-| ----------------------------------------------------------------- | ------------ | ---------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------ |
-| <a id="property-bound"></a> `bound`                               | `boolean`    | `true` if an `on` binding exists for this event name; `false` otherwise.                                                     | [json-render/types.ts:57](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L57) |
-| <a id="property-emit"></a> `emit`                                 | () => `void` | Fire the bound action, resolving params from the current state store.                                                        | [json-render/types.ts:50](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L50) |
-| <a id="property-shouldpreventdefault"></a> `shouldPreventDefault` | `boolean`    | Whether any binding for this event has `preventDefault: true`. Use to call `e.preventDefault()` on the triggering DOM event. | [json-render/types.ts:55](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L55) |
+| Property                                                          | Type         | Description                                                              | Defined in                                                                                                                                 |
+| ----------------------------------------------------------------- | ------------ | ------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------ |
+| <a id="property-bound"></a> `bound`                               | `boolean`    | `true` if an `on` binding exists for this event name; `false` otherwise. | [json-render/types.ts:44](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L44) |
+| <a id="property-emit"></a> `emit`                                 | () => `void` | Fire the bound action, resolving params from the current state store.    | [json-render/types.ts:38](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L38) |
+| <a id="property-shouldpreventdefault"></a> `shouldPreventDefault` | `boolean`    | Whether any binding for this event has `preventDefault: true`.           | [json-render/types.ts:42](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L42) |

package/api/@xmachines/play-dom/interfaces/PlayDomOptions.md CHANGED Viewed

@@ -2,13 +2,13 @@
 # Interface: PlayDomOptions
-Defined in: [xm-types.ts:18](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/xm-types.ts#L18)
+Defined in: [xm-types.ts:18](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/xm-types.ts#L18)
 Options for PlayRenderer.
 ## Properties
-| Property                                 | Type                           | Description                                                                                                                                                                                                                                                                                                                                                         | Defined in                                                                                                               |
-| ---------------------------------------- | ------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------ |
-| <a id="property-actions"></a> `actions?` | `Record`\<`string`, `string`\> | Map of json-render actionName → XState event type                                                                                                                                                                                                                                                                                                                   | [xm-types.ts:20](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/xm-types.ts#L20) |
-| <a id="property-store"></a> `store?`     | `StateStore`                   | Optional external StateStore (e.g. from `xstateStoreStateStore` in @json-render/xstate). When provided, PlayRenderer operates in controlled mode — spec.state is ignored and this store is the single source of truth for UI state (form values, etc.). When omitted, a fresh @xstate/store atom is created internally per view transition, seeded from spec.state. | [xm-types.ts:29](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/xm-types.ts#L29) |
+| Property                                   | Type                                  | Description                                                                                                                                                                                                                                                                                                                                                         | Defined in                                                                                                               |
+| ------------------------------------------ | ------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------ |
+| <a id="property-handlers"></a> `handlers?` | `Record`\<`string`, `ActionHandler`\> | Map of catalog action name → async ActionHandler function. Replaces the old `actions: Record<string, string>` string-map approach.                                                                                                                                                                                                                                  | [xm-types.ts:23](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/xm-types.ts#L23) |
+| <a id="property-store"></a> `store?`       | `StateStore`                          | Optional external StateStore (e.g. from `xstateStoreStateStore` in @json-render/xstate). When provided, PlayRenderer operates in controlled mode — spec.state is ignored and this store is the single source of truth for UI state (form values, etc.). When omitted, a fresh @xstate/store atom is created internally per view transition, seeded from spec.state. | [xm-types.ts:32](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/xm-types.ts#L32) |

package/api/@xmachines/play-dom/type-aliases/ActionFn.md ADDED Viewed

@@ -0,0 +1,30 @@
+[Documentation](../../../README.md) / [@xmachines/play-dom](../README.md) / ActionFn
+# Type Alias: ActionFn\<C, K\>
+```ts
+type ActionFn<C, K> = (params) => Promise<void>;
+```
+Defined in: [json-render/types.ts:126](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L126)
+Catalog-typed action function — mirrors `ActionFn<C, K>` from @json-render/react, /solid, /vue.
+`params` is typed to the exact param schema defined in the catalog, or `undefined` if no spec
+provided params. The handler must guard against undefined before accessing params.
+## Type Parameters
+| Type Parameter                                   |
+| ------------------------------------------------ |
+| `C` _extends_ `Catalog`                          |
+| `K` _extends_ keyof `InferCatalogActions`\<`C`\> |
+## Parameters
+| Parameter | Type                                           |
+| --------- | ---------------------------------------------- |
+| `params`  | `InferActionParams`\<`C`, `K`\> \| `undefined` |
+## Returns
+`Promise`\<`void`\>

package/api/@xmachines/play-dom/type-aliases/Actions.md ADDED Viewed

@@ -0,0 +1,18 @@
+[Documentation](../../../README.md) / [@xmachines/play-dom](../README.md) / Actions
+# Type Alias: Actions\<C\>
+```ts
+type Actions<C> = { [K in keyof InferCatalogActions<C>]: ActionFn<C, K> };
+```
+Defined in: [json-render/types.ts:134](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L134)
+Map of catalog-typed action handler functions.
+Each key is a catalog action name; each value is an `ActionFn<C, K>` for that action.
+## Type Parameters
+| Type Parameter          |
+| ----------------------- |
+| `C` _extends_ `Catalog` |

package/api/@xmachines/play-dom/type-aliases/ComponentFn.md CHANGED Viewed

@@ -6,15 +6,7 @@
 type ComponentFn<C, K> = (ctx) => HTMLElement | Text | null;
 ```
-Defined in: [json-render/types.ts:238](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.30/packages/play-dom/src/json-render/types.ts#L238)
-Catalog-typed DOM component function.
-The DOM equivalent of `ComponentFn<C, K>` from @json-render/react, /solid,
-/svelte, /vue. The only structural difference is the return type:
-`HTMLElement | Text | null` instead of a framework node.
-Pass implementations to `defineRegistry` — do not call directly.
+Defined in: [json-render/types.ts:105](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v1.0.0-beta.32/packages/play-dom/src/json-render/types.ts#L105)
 ## Type Parameters
@@ -32,22 +24,3 @@ Pass implementations to `defineRegistry` — do not call directly.
 ## Returns
 `HTMLElement` \| `Text` \| `null`
-## Example
-```ts
-import type { ComponentFn } from "@xmachines/play-dom";
-import type { AuthCatalog } from "@xmachines/play-actor-shared";
-export const Home: ComponentFn<AuthCatalog, "Home"> = ({ props, children }) => {
-	const section = document.createElement("section");
-	section.setAttribute("data-page", "home");
-	const h2 = document.createElement("h2");
-	h2.textContent = props.title;
-	section.appendChild(h2);
-	children.forEach((child) => section.appendChild(child));
-	return section;
-};
-```