@xmachines/docs 7.0.0 → 7.1.0

package/examples/@xmachines/play-dom-demo/README.md

@@ -1,162 +0,0 @@
-[Examples](../../README.md) / @xmachines/play-dom-demo
-
-# @xmachines/play-dom-demo
-
-Vanilla DOM renderer demo for [`@xmachines/play-dom`](../../../api/@xmachines/play-dom/README.md) — actor + `createPlayUI` without a router.
-
-[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
-
-## What This Demonstrates
-
-- Shared auth machine reused without framework-specific business logic
-- `createPlayUI` wiring `PlayRenderer`-equivalent DOM rendering without a framework
-- Auth machine states (home → login → dashboard) drive DOM updates via atom watchers
-- `watchAtom` for reactive nav visibility and debug panel updates
-- Non-browser invariant tests plus browser renderer coverage
-- Stately inspector attached at creation via `options.inspect` — the debug panel's **Show Inspector** button opens the live machine in its own window
-- json-render 0.20 showcase pages driven purely by spec:
-    - **Overview** — two data planes side by side: `/context/tasks` (machine context via the read-only `/context` projection; `repeat` + `key`, `$item`-filtered lists, per-row actions sending inspectable machine events) next to ephemeral store state (`pushState`/`removeState`/`setState` built-ins driving filter chips and toggles that survive context updates)
-    - **Stats** — nested repeats (`repeat.statePath: { $item: "members" }`) over `/context/teams`
-    - **Settings** — declarative field validation, the `validateForm` built-in, a confirm-gated `resetForm` host action, and `onSuccess`/`onError` chains
-    - **Contact** — a chained named action: submit validates, then routes home on success or writes `"$error.message"` to state on failure
-
-## Running the Demo
-
-From the repository root:
-
-```bash
-pnpm install
-pnpm --filter @xmachines/play-dom-demo run dev
-```
-
-Then open `http://localhost:3000`.
-
-## Step-by-Step Code Flow
-
-Use this order to understand the implementation:
-
-1. `src/main.ts` creates the page's inspector with `createDemoInspector()`, calls `definePlayer({ machine: authMachine, options: { inspect: inspector.inspect }, actor: compose(PlayerActor, withRouting, withView) })`, and starts the actor.
-2. `initShell(actor, app, inspector)` from `src/components/Shell.ts` builds the HTML scaffold, mounts a reactive `NavBar`, wires the debug panel, and returns a disconnect function.
-3. `defineRegistry(authCatalog, { components, actions })` builds the typed `registryResult` — real async action handlers dispatching to `actor.send()`.
-4. `createPlayUI(registryResult)` produces a `mount` function; `mount(actor, container)` wires the registry to the actor — view switches happen automatically when `actor.currentView` changes.
-5. `createNavBar(actor, headerEl)` in `src/components/NavBar.ts` uses `watchAtom(actor.state, ...)` to update nav button visibility based on auth state.
-6. `createDebugPanel(actor, shell, inspector)` in `src/components/DebugPanel.ts` uses `watchAtom(actor.state, ...)` and `watchAtom(actor.currentRoute, ...)` to drive live debug panel updates, and renders the **Show Inspector** button that calls `inspector.show()`.
-7. Browser tests in `test/browser/` validate startup rendering and auth interactions.
-
-```ts fragment
-// src/main.ts (shape)
-const inspector = createDemoInspector();
-const createPlayer = definePlayer({
-	machine: authMachine,
-	options: { inspect: inspector.inspect },
-	actor: compose(PlayerActor, withRouting, withView),
-});
-const actor = createPlayer();
-actor.start();
-
-const app = document.getElementById("app");
-if (!app) throw new Error("Root element not found");
-
-// The shell and the actor live as long as the page, so the demo never tears them down:
-// the browser frees them with the page. `initShell` returns a disconnect function for a
-// host that removes the shell before the page ends, and the browser tests call it.
-initShell(actor, app, inspector);
-```
-
-```ts fragment
-// src/components/Shell.ts (shape)
-const registryResult = defineRegistry(authCatalog, {
-	components: demoComponents, // one shared map — Home…NavBar plus the 0.20 Panel/Field/Button leaves
-	actions: createAuthActionHandlers(actor), // login/logout/route + task events + form actions
-});
-
-const disconnectNavBar = createNavBar(actor, headerEl);
-const mount = createPlayUI(registryResult, { onConfirm: createConfirmDialog });
-const disconnectRenderer = mount(actor, viewContent);
-const disconnectDebugPanel = createDebugPanel(actor, shell, inspector);
-
-return () => {
-	disconnectNavBar();
-	disconnectRenderer();
-	disconnectDebugPanel();
-};
-```
-
-## Key Files
-
-- `src/main.ts` - actor creation and shell bootstrap
-- `src/components/Shell.ts` - DOM scaffold, `DomRegistry` construction, `createPlayUI` wiring, `createNavBar`, and `createDebugPanel`
-- `src/components/NavBar.ts` - reactive nav bar using `watchAtom(actor.state, ...)` for auth-driven button visibility
-- `src/components/DebugPanel.ts` - live debug footer using `watchAtom` on both `actor.state` and `actor.currentRoute`, plus the **Show Inspector** button
-- `test/library-pattern.test.ts` - architecture boundary and invariant assertions
-- `test/browser/renderer-demo.browser.test.ts` - browser-mode renderer coverage
-
-## State Machine & Architecture Details
-
-The demo utilizes XMachines architectural invariants:
-
-1. **Actor Authority:** Navigation buttons dispatch `play.route` events to the actor. The actor evaluates guards and transitions to the correct state — the DOM never decides which view to show.
-2. **Passive Infrastructure:** `createPlayUI` and `watchAtom` only react to actor atoms. They do not hold business state or make routing decisions.
-3. **Atom-Only Reactivity:** `watchAtom` (from [`@xmachines/play-atom`](../../../api/@xmachines/play-atom/README.md)) wraps the canonical atoms watcher lifecycle, keeping all reactivity in the actor atom layer rather than in ad-hoc DOM event listeners.
-
-## Watcher Lifecycle and Cleanup Contract
-
-This demo follows the canonical watcher lifecycle:
-
-1. The atom notifies the subscription, synchronously, from the `set` that changed it
-2. `watchAtom` queues one microtask, and it drops each duplicate notification of that batch
-3. The microtask reads the actor atoms and projects DOM state
-
-One subscription lives for the whole watch, and no caller arms a watcher again. Cleanup is explicit: the disconnect function that `initShell` returns calls `disconnectNavBar()`, `disconnectRenderer()`, and `disconnectDebugPanel()`. This demo does not call that function at the end of the page, because the browser frees the page. The browser tests call it, and then they call `actor.stop()`. Do not tear down on `beforeunload`: that event also fires when the page goes into the back/forward cache, and Back then shows a page that does not respond.
-
-## Adapter Boundaries
-
-`createPlayUI` (from [`@xmachines/play-dom`](../../../api/@xmachines/play-dom/README.md)) is passive infrastructure. It translates actor view atoms into DOM mutations but holds no business logic. The `DomRegistry` maps catalog component keys to factory functions — the actor owns which key is active.
-
-## Available Scripts
-
-These commands are defined in `package.json`:
-
-| Command                                                   | Description                                    |
-| --------------------------------------------------------- | ---------------------------------------------- |
-| `pnpm --filter @xmachines/play-dom-demo run dev`          | Start Vite dev server (http://localhost:3000/) |
-| `pnpm --filter @xmachines/play-dom-demo run build`        | Build production bundle                        |
-| `pnpm --filter @xmachines/play-dom-demo run preview`      | Preview built bundle                           |
-| `pnpm --filter @xmachines/play-dom-demo run test`         | Run Vitest test suite                          |
-| `pnpm --filter @xmachines/play-dom-demo run test:browser` | Run browser-focused Vitest suite               |
-
-## Learn More
-
-- [Play DOM](../../../api/@xmachines/play-dom/README.md)
-- [Play DOM Router](../play-dom-router-demo/README.md)
-- [Inspecting a Running Actor](../../../guides/inspector.md)
-
-## Type Aliases
-
-- [AuthCatalog](type-aliases/AuthCatalog.md)
-
-## Variables
-
-- [About](variables/About.md)
-- [authCatalog](variables/authCatalog.md)
-- [Button](variables/Button.md)
-- [Contact](variables/Contact.md)
-- [Dashboard](variables/Dashboard.md)
-- [demoComponents](variables/demoComponents.md)
-- [Field](variables/Field.md)
-- [Home](variables/Home.md)
-- [Login](variables/Login.md)
-- [NavBarView](variables/NavBarView.md)
-- [Navigation](variables/Navigation.md)
-- [Overview](variables/Overview.md)
-- [Panel](variables/Panel.md)
-- [Profile](variables/Profile.md)
-- [Settings](variables/Settings.md)
-- [Stats](variables/Stats.md)
-
-## Functions
-
-- [createAuthActionHandlers](functions/createAuthActionHandlers.md)
-- [createConfirmDialog](functions/createConfirmDialog.md)
-- [createNavBar](functions/createNavBar.md)
-- [initShell](functions/initShell.md)

package/examples/@xmachines/play-dom-demo/functions/createAuthActionHandlers.md

@@ -1,35 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-dom-demo](../README.md) / createAuthActionHandlers
-
-# Function: createAuthActionHandlers()
-
-```ts
-function createAuthActionHandlers(actor): object;
-```
-
-Defined in: [packages/play-actor/examples/shared/src/actions.ts:48](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-actor/examples/shared/src/actions.ts#L48)
-
-Build the demo action handler map for one actor.
-
-Returned functions use the `(params, setState) => Promise<void>` shape every
-framework's `defineRegistry` accepts; spread the result into its `actions`.
-
-## Parameters
-
-| Parameter | Type        |
-| --------- | ----------- |
-| `actor`   | `AuthActor` |
-
-## Returns
-
-`object`
-
-| Name             | Type                                                    | Defined in                                                                                                                                                               |
-| ---------------- | ------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ |
-| `addTask()`      | (`params?`) => `Promise`\<`void`\>                      | [packages/play-actor/examples/shared/src/actions.ts:65](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-actor/examples/shared/src/actions.ts#L65) |
-| `completeTask()` | (`params`, `_setState`, `state`) => `Promise`\<`void`\> | [packages/play-actor/examples/shared/src/actions.ts:72](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-actor/examples/shared/src/actions.ts#L72) |
-| `login()`        | (`params?`) => `Promise`\<`void`\>                      | [packages/play-actor/examples/shared/src/actions.ts:50](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-actor/examples/shared/src/actions.ts#L50) |
-| `logout()`       | () => `Promise`\<`void`\>                               | [packages/play-actor/examples/shared/src/actions.ts:54](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-actor/examples/shared/src/actions.ts#L54) |
-| `removeTask()`   | (`params`, `_setState`, `state`) => `Promise`\<`void`\> | [packages/play-actor/examples/shared/src/actions.ts:81](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-actor/examples/shared/src/actions.ts#L81) |
-| `resetForm()`    | (`params`, `setState`) => `Promise`\<`void`\>           | [packages/play-actor/examples/shared/src/actions.ts:99](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-actor/examples/shared/src/actions.ts#L99) |
-| `route()`        | (`params?`) => `Promise`\<`void`\>                      | [packages/play-actor/examples/shared/src/actions.ts:55](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-actor/examples/shared/src/actions.ts#L55) |
-| `submitForm()`   | (`params?`) => `Promise`\<`void`\>                      | [packages/play-actor/examples/shared/src/actions.ts:92](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-actor/examples/shared/src/actions.ts#L92) |

package/examples/@xmachines/play-dom-demo/functions/createConfirmDialog.md

@@ -1,27 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-dom-demo](../README.md) / createConfirmDialog
-
-# Function: createConfirmDialog()
-
-```ts
-function createConfirmDialog(confirm): Promise<boolean>;
-```
-
-Defined in: [packages/play-dom/examples/demo/src/components/ConfirmDialog.ts:12](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-dom/examples/demo/src/components/ConfirmDialog.ts#L12)
-
-ConfirmDialog — the DOM demo's onConfirm implementation.
-
-The DOM package ships no dialog of its own (it only exposes `ctx.onConfirm`),
-so the demo renders one. The buttons carry the spec's
-`confirmLabel`/`cancelLabel` verbatim — the same text the framework
-renderers' ConfirmDialogManager shows — so the shared browser suite drives
-every demo's dialog by label text.
-
-## Parameters
-
-| Parameter | Type            |
-| --------- | --------------- |
-| `confirm` | `ActionConfirm` |
-
-## Returns
-
-`Promise`\<`boolean`\>

package/examples/@xmachines/play-dom-demo/functions/createNavBar.md

@@ -1,24 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-dom-demo](../README.md) / createNavBar
-
-# Function: createNavBar()
-
-```ts
-function createNavBar(actor, container): () => void;
-```
-
-Defined in: [packages/play-dom/examples/demo/src/components/NavBar.ts:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-dom/examples/demo/src/components/NavBar.ts#L9)
-
-NavBar — App-shell navigation factory. Mounts a reactive nav into
-`container`, observes actor.state via watchAtom, and updates button
-visibility based on auth state. Returns a disconnect function.
-
-## Parameters
-
-| Parameter   | Type          |
-| ----------- | ------------- |
-| `actor`     | `AuthActor`   |
-| `container` | `HTMLElement` |
-
-## Returns
-
-() => `void`

package/examples/@xmachines/play-dom-demo/functions/initShell.md

@@ -1,25 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-dom-demo](../README.md) / initShell
-
-# Function: initShell()
-
-```ts
-function initShell(actor, appElement, inspector): () => void;
-```
-
-Defined in: [packages/play-dom/examples/demo/src/components/Shell.ts:18](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-dom/examples/demo/src/components/Shell.ts#L18)
-
-Shell — DOM shell layout factory. Renders demo chrome (header + main +
-debug panel), mounts NavBar, connects DOM renderer, and wires DebugPanel.
-Returns a disconnect function.
-
-## Parameters
-
-| Parameter    | Type            |
-| ------------ | --------------- |
-| `actor`      | `AuthActor`     |
-| `appElement` | `HTMLElement`   |
-| `inspector`  | `DemoInspector` |
-
-## Returns
-
-() => `void`

package/examples/@xmachines/play-dom-demo/type-aliases/AuthCatalog.md

@@ -1,9 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-dom-demo](../README.md) / AuthCatalog
-
-# Type Alias: AuthCatalog
-
-```ts
-type AuthCatalog = typeof authCatalog;
-```
-
-Defined in: [packages/play-dom/examples/demo/src/catalog.ts:6](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-dom/examples/demo/src/catalog.ts#L6)

package/examples/@xmachines/play-dom-demo/variables/About.md

@@ -1,12 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-dom-demo](../README.md) / About
-
-# Variable: About
-
-```ts
-const About: ComponentFn<AuthCatalog, "About">;
-```
-
-Defined in: [packages/play-dom/examples/demo/src/components/About.ts:8](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-dom/examples/demo/src/components/About.ts#L8)
-
-About — Public information page. Catalog-typed DOM component
-(ComponentFn<AuthCatalog, 'About'>). Renders static content from props.

package/examples/@xmachines/play-dom-demo/variables/Button.md

@@ -1,12 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-dom-demo](../README.md) / Button
-
-# Variable: Button
-
-```ts
-const Button: ComponentFn<AuthCatalog, "Button">;
-```
-
-Defined in: [packages/play-dom/examples/demo/src/components/Button.ts:8](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-dom/examples/demo/src/components/Button.ts#L8)
-
-Button — emits `press`; the spec's `on.press` binding decides what happens
-(a host action sending a machine event, or a built-in like setState).

package/examples/@xmachines/play-dom-demo/variables/Contact.md

@@ -1,12 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-dom-demo](../README.md) / Contact
-
-# Variable: Contact
-
-```ts
-const Contact: ComponentFn<AuthCatalog, "Contact">;
-```
-
-Defined in: [packages/play-dom/examples/demo/src/components/Contact.ts:8](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-dom/examples/demo/src/components/Contact.ts#L8)
-
-Contact — Public contact page. Catalog-typed DOM component
-(ComponentFn<AuthCatalog, 'Contact'>). Renders static content from props.

package/examples/@xmachines/play-dom-demo/variables/Dashboard.md

@@ -1,13 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-dom-demo](../README.md) / Dashboard
-
-# Variable: Dashboard
-
-```ts
-const Dashboard: ComponentFn<AuthCatalog, "Dashboard">;
-```
-
-Defined in: [packages/play-dom/examples/demo/src/components/Dashboard.ts:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-dom/examples/demo/src/components/Dashboard.ts#L9)
-
-Dashboard — Protected authenticated home. Catalog-typed DOM component
-(ComponentFn<AuthCatalog, 'Dashboard'>). Renders welcome message; logout
-button emits 'logout' action.

package/examples/@xmachines/play-dom-demo/variables/Field.md

@@ -1,19 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-dom-demo](../README.md) / Field
-
-# Variable: Field
-
-```ts
-const Field: ComponentFn<AuthCatalog, "Field">;
-```
-
-Defined in: [packages/play-dom/examples/demo/src/components/Field.ts:15](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-dom/examples/demo/src/components/Field.ts#L15)
-
-Field — labelled input with two-way $bindState binding and declarative
-validation checks.
-
-ctx.validation.registerField registers the bound state path with the DOM
-renderer's validation registry so the `validateForm` built-in sees it (the
-incremental renderer releases the registration when the element unmounts).
-Error DISPLAY deliberately reads `props.formErrors` — the result
-validateForm wrote to state — so every renderer surfaces errors at the same
-moment: after submit.

package/examples/@xmachines/play-dom-demo/variables/Home.md

@@ -1,13 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-dom-demo](../README.md) / Home
-
-# Variable: Home
-
-```ts
-const Home: ComponentFn<AuthCatalog, "Home">;
-```
-
-Defined in: [packages/play-dom/examples/demo/src/components/Home.ts:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-dom/examples/demo/src/components/Home.ts#L9)
-
-Home — Public landing page. Catalog-typed DOM component
-(ComponentFn<AuthCatalog, 'Home'>). Renders static welcome content from
-props.

package/examples/@xmachines/play-dom-demo/variables/Login.md

@@ -1,13 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-dom-demo](../README.md) / Login
-
-# Variable: Login
-
-```ts
-const Login: ComponentFn<AuthCatalog, "Login">;
-```
-
-Defined in: [packages/play-dom/examples/demo/src/components/Login.ts:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-dom/examples/demo/src/components/Login.ts#L9)
-
-Login — Authentication form. Catalog-typed DOM component
-(ComponentFn<AuthCatalog, 'Login'>). Binds username input to ctx.store via
-$bindState; emits 'submit' on form submit.

package/examples/@xmachines/play-dom-demo/variables/NavBarView.md

@@ -1,16 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-dom-demo](../README.md) / NavBarView
-
-# Variable: NavBarView
-
-```ts
-const NavBarView: ComponentFn<AuthCatalog, "NavBar">;
-```
-
-Defined in: [packages/play-dom/examples/demo/src/components/NavBarView.ts:12](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-dom/examples/demo/src/components/NavBarView.ts#L12)
-
-NavBarView — Catalog-typed NavBar component for DOM renderer.
-
-Receives props from spec (isAuthenticated, username) and renders a static nav element.
-Used in the defineRegistry components map.
-
-The actor-driven NavBar (createNavBar) is mounted at the shell level.

package/examples/@xmachines/play-dom-demo/variables/Navigation.md

@@ -1,13 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-dom-demo](../README.md) / Navigation
-
-# Variable: Navigation
-
-```ts
-const Navigation: ComponentFn<AuthCatalog, "Navigation">;
-```
-
-Defined in: [packages/play-dom/examples/demo/src/components/Navigation.ts:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-dom/examples/demo/src/components/Navigation.ts#L9)
-
-Navigation — Navigation status display. Catalog-typed DOM component
-(ComponentFn<AuthCatalog, 'Navigation'>). Renders current path and auth
-status from props.

package/examples/@xmachines/play-dom-demo/variables/Overview.md

@@ -1,13 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-dom-demo](../README.md) / Overview
-
-# Variable: Overview
-
-```ts
-const Overview: ComponentFn<AuthCatalog, "Overview">;
-```
-
-Defined in: [packages/play-dom/examples/demo/src/components/Overview.ts:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-dom/examples/demo/src/components/Overview.ts#L9)
-
-Overview — Dashboard overview child route. Catalog-typed DOM component
-(ComponentFn<AuthCatalog, 'Overview'>). Relative route resolves to
-/dashboard/overview. Logout and goToStats buttons emit actions.

package/examples/@xmachines/play-dom-demo/variables/Panel.md

@@ -1,14 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-dom-demo](../README.md) / Panel
-
-# Variable: Panel
-
-```ts
-const Panel: ComponentFn<AuthCatalog, "Panel">;
-```
-
-Defined in: [packages/play-dom/examples/demo/src/components/Panel.ts:10](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-dom/examples/demo/src/components/Panel.ts#L10)
-
-Panel — generic container leaf for the 0.20 showcase.
-Renders an optional title and note, then appends its rendered spec
-`children` — repeat containers render ONCE and their children render per
-item, so a Panel is both the list shell and the row.

package/examples/@xmachines/play-dom-demo/variables/Profile.md

@@ -1,13 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-dom-demo](../README.md) / Profile
-
-# Variable: Profile
-
-```ts
-const Profile: ComponentFn<AuthCatalog, "Profile">;
-```
-
-Defined in: [packages/play-dom/examples/demo/src/components/Profile.ts:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-dom/examples/demo/src/components/Profile.ts#L9)
-
-Profile — Protected user profile page. Catalog-typed DOM component
-(ComponentFn<AuthCatalog, 'Profile'>). Renders username from route params
-filled into props.

package/examples/@xmachines/play-dom-demo/variables/Settings.md

@@ -1,13 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-dom-demo](../README.md) / Settings
-
-# Variable: Settings
-
-```ts
-const Settings: ComponentFn<AuthCatalog, "Settings">;
-```
-
-Defined in: [packages/play-dom/examples/demo/src/components/Settings.ts:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-dom/examples/demo/src/components/Settings.ts#L9)
-
-Settings — Protected settings page. Catalog-typed DOM component
-(ComponentFn<AuthCatalog, 'Settings'>). Renders active section and username
-from props.

package/examples/@xmachines/play-dom-demo/variables/Stats.md

@@ -1,13 +0,0 @@
-[Examples](../../../README.md) / [@xmachines/play-dom-demo](../README.md) / Stats
-
-# Variable: Stats
-
-```ts
-const Stats: ComponentFn<AuthCatalog, "Stats">;
-```
-
-Defined in: [packages/play-dom/examples/demo/src/components/Stats.ts:9](https://gitlab.com/xmachin-es/xmachines-js/-/blob/v7.0.0/packages/play-dom/examples/demo/src/components/Stats.ts#L9)
-
-Stats — Dashboard stats child route. Catalog-typed DOM component
-(ComponentFn<AuthCatalog, 'Stats'>). Relative route resolves to
-/dashboard/stats. goToOverview button emits action.