Variable: demoComponents

Examples / @xmachines/play-solid-demo / demoComponents

const demoComponents: object;

Defined in: packages/play-solid/examples/demo/src/components/demo-components.ts:20

demoComponents — the full catalog component map, shared with the router demos.

Type Declaration

Name	Type	Default value	Defined in
About	ComponentFn<Catalog<{ catalog: SchemaType<"object", { actions: SchemaType<"map", { description: SchemaType<"string", unknown>; params: SchemaType<"zod", unknown>; }>; components: SchemaType<"map", { description: SchemaType<"string", unknown>; example: SchemaType<"any", unknown>; props: SchemaType<"zod", unknown>; slots: SchemaType<"array", SchemaType<"string", unknown>>; }>; }>; spec: SchemaType<"object", { elements: SchemaType<"record", SchemaType<"object", { children: SchemaType<"array", SchemaType<…, …>>; props: SchemaType<"propsOf", string>; repeat: { inner?: unknown; kind: "any"; optional: true; }; type: SchemaType<"ref", string>; visible: { inner?: unknown; kind: "any"; optional: true; }; }>>; root: SchemaType<"string", unknown>; }>; }, { actions: { addTask: { description: "Add a task (sends task.add to the machine)"; params: ZodObject<{ title: ZodString; }, $strip>; }; completeTask: { description: "Mark a task done (sends task.complete to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; login: { description: "Login with username"; params: ZodObject<{ username: ZodString; }, $strip>; }; logout: { description: "Logout and return to home"; }; removeTask: { description: "Remove a task (sends task.remove to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; resetForm: { description: "Reset a demo form to its defaults (confirm-gated in the spec)"; params: ZodObject<{ form: ZodString; }, $strip>; }; route: { description: "Navigate to a route by path (e.g. '#home', '#login', '#dashboard')"; params: ZodObject<{ params: ZodOptional<ZodRecord<ZodString, ZodString>>; to: ZodString; }, $strip>; }; submitForm: { description: "Submit a demo form; rejects when the form did not pass validation"; params: ZodObject<{ form: ZodString; valid: ZodOptional<ZodNullable<ZodBoolean>>; }, $strip>; }; }; components: { About: { props: ZodObject<{ title: ZodString; }, $strip>; }; Button: { props: ZodObject<{ disabled: ZodOptional<ZodBoolean>; label: ZodString; testId: ZodOptional<ZodString>; variant: ZodOptional<ZodEnum<{ danger: …; primary: …; secondary: …; }>>; }, $strip>; }; Contact: { props: ZodObject<{ title: ZodString; }, $strip>; }; Dashboard: { props: ZodObject<{ username: ZodString; welcome: ZodBoolean; }, $strip>; }; Field: { props: ZodObject<{ checks: ZodOptional<ZodArray<ZodCustom<…, …>>>; formErrors: ZodOptional<ZodRecord<ZodString, ZodArray<…>>>; inputType: ZodOptional<ZodEnum<{ email: …; text: …; textarea: …; }>>; label: ZodString; placeholder: ZodOptional<ZodString>; testId: ZodOptional<ZodString>; value: ZodOptional<ZodString>; }, $strip>; }; Home: { props: ZodObject<{ title: ZodString; }, $strip>; }; Login: { props: ZodObject<{ title: ZodString; username: ZodOptional<ZodString>; }, $strip>; }; NavBar: { props: ZodObject<{ isAuthenticated: ZodBoolean; username: ZodNullable<ZodString>; }, $strip>; }; Navigation: { props: ZodObject<{ currentPath: ZodString; isAuthenticated: ZodBoolean; }, $strip>; }; Overview: { props: ZodObject<{ title: ZodString; }, $strip>; }; Panel: { props: ZodObject<{ note: ZodOptional<ZodUnion<readonly […, …, …, …]>>; testId: ZodOptional<ZodString>; title: ZodOptional<ZodUnion<readonly […, …]>>; tone: ZodOptional<ZodEnum<{ danger: …; default: …; muted: …; success: …; }>>; }, $strip>; }; Profile: { props: ZodObject<{ username: ZodString; }, $strip>; }; Settings: { props: ZodObject<{ section: ZodOptional<ZodString>; username: ZodString; }, $strip>; }; Stats: { props: ZodObject<{ title: ZodString; }, $strip>; }; }; }>, "About">	-	packages/play-solid/examples/demo/src/components/demo-components.ts:22
Button	ComponentFn<Catalog<{ catalog: SchemaType<"object", { actions: SchemaType<"map", { description: SchemaType<"string", unknown>; params: SchemaType<"zod", unknown>; }>; components: SchemaType<"map", { description: SchemaType<"string", unknown>; example: SchemaType<"any", unknown>; props: SchemaType<"zod", unknown>; slots: SchemaType<"array", SchemaType<"string", unknown>>; }>; }>; spec: SchemaType<"object", { elements: SchemaType<"record", SchemaType<"object", { children: SchemaType<"array", SchemaType<…, …>>; props: SchemaType<"propsOf", string>; repeat: { inner?: unknown; kind: "any"; optional: true; }; type: SchemaType<"ref", string>; visible: { inner?: unknown; kind: "any"; optional: true; }; }>>; root: SchemaType<"string", unknown>; }>; }, { actions: { addTask: { description: "Add a task (sends task.add to the machine)"; params: ZodObject<{ title: ZodString; }, $strip>; }; completeTask: { description: "Mark a task done (sends task.complete to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; login: { description: "Login with username"; params: ZodObject<{ username: ZodString; }, $strip>; }; logout: { description: "Logout and return to home"; }; removeTask: { description: "Remove a task (sends task.remove to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; resetForm: { description: "Reset a demo form to its defaults (confirm-gated in the spec)"; params: ZodObject<{ form: ZodString; }, $strip>; }; route: { description: "Navigate to a route by path (e.g. '#home', '#login', '#dashboard')"; params: ZodObject<{ params: ZodOptional<ZodRecord<ZodString, ZodString>>; to: ZodString; }, $strip>; }; submitForm: { description: "Submit a demo form; rejects when the form did not pass validation"; params: ZodObject<{ form: ZodString; valid: ZodOptional<ZodNullable<ZodBoolean>>; }, $strip>; }; }; components: { About: { props: ZodObject<{ title: ZodString; }, $strip>; }; Button: { props: ZodObject<{ disabled: ZodOptional<ZodBoolean>; label: ZodString; testId: ZodOptional<ZodString>; variant: ZodOptional<ZodEnum<{ danger: …; primary: …; secondary: …; }>>; }, $strip>; }; Contact: { props: ZodObject<{ title: ZodString; }, $strip>; }; Dashboard: { props: ZodObject<{ username: ZodString; welcome: ZodBoolean; }, $strip>; }; Field: { props: ZodObject<{ checks: ZodOptional<ZodArray<ZodCustom<…, …>>>; formErrors: ZodOptional<ZodRecord<ZodString, ZodArray<…>>>; inputType: ZodOptional<ZodEnum<{ email: …; text: …; textarea: …; }>>; label: ZodString; placeholder: ZodOptional<ZodString>; testId: ZodOptional<ZodString>; value: ZodOptional<ZodString>; }, $strip>; }; Home: { props: ZodObject<{ title: ZodString; }, $strip>; }; Login: { props: ZodObject<{ title: ZodString; username: ZodOptional<ZodString>; }, $strip>; }; NavBar: { props: ZodObject<{ isAuthenticated: ZodBoolean; username: ZodNullable<ZodString>; }, $strip>; }; Navigation: { props: ZodObject<{ currentPath: ZodString; isAuthenticated: ZodBoolean; }, $strip>; }; Overview: { props: ZodObject<{ title: ZodString; }, $strip>; }; Panel: { props: ZodObject<{ note: ZodOptional<ZodUnion<readonly […, …, …, …]>>; testId: ZodOptional<ZodString>; title: ZodOptional<ZodUnion<readonly […, …]>>; tone: ZodOptional<ZodEnum<{ danger: …; default: …; muted: …; success: …; }>>; }, $strip>; }; Profile: { props: ZodObject<{ username: ZodString; }, $strip>; }; Settings: { props: ZodObject<{ section: ZodOptional<ZodString>; username: ZodString; }, $strip>; }; Stats: { props: ZodObject<{ title: ZodString; }, $strip>; }; }; }>, "Button">	-	packages/play-solid/examples/demo/src/components/demo-components.ts:34
Contact	ComponentFn<Catalog<{ catalog: SchemaType<"object", { actions: SchemaType<"map", { description: SchemaType<"string", unknown>; params: SchemaType<"zod", unknown>; }>; components: SchemaType<"map", { description: SchemaType<"string", unknown>; example: SchemaType<"any", unknown>; props: SchemaType<"zod", unknown>; slots: SchemaType<"array", SchemaType<"string", unknown>>; }>; }>; spec: SchemaType<"object", { elements: SchemaType<"record", SchemaType<"object", { children: SchemaType<"array", SchemaType<…, …>>; props: SchemaType<"propsOf", string>; repeat: { inner?: unknown; kind: "any"; optional: true; }; type: SchemaType<"ref", string>; visible: { inner?: unknown; kind: "any"; optional: true; }; }>>; root: SchemaType<"string", unknown>; }>; }, { actions: { addTask: { description: "Add a task (sends task.add to the machine)"; params: ZodObject<{ title: ZodString; }, $strip>; }; completeTask: { description: "Mark a task done (sends task.complete to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; login: { description: "Login with username"; params: ZodObject<{ username: ZodString; }, $strip>; }; logout: { description: "Logout and return to home"; }; removeTask: { description: "Remove a task (sends task.remove to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; resetForm: { description: "Reset a demo form to its defaults (confirm-gated in the spec)"; params: ZodObject<{ form: ZodString; }, $strip>; }; route: { description: "Navigate to a route by path (e.g. '#home', '#login', '#dashboard')"; params: ZodObject<{ params: ZodOptional<ZodRecord<ZodString, ZodString>>; to: ZodString; }, $strip>; }; submitForm: { description: "Submit a demo form; rejects when the form did not pass validation"; params: ZodObject<{ form: ZodString; valid: ZodOptional<ZodNullable<ZodBoolean>>; }, $strip>; }; }; components: { About: { props: ZodObject<{ title: ZodString; }, $strip>; }; Button: { props: ZodObject<{ disabled: ZodOptional<ZodBoolean>; label: ZodString; testId: ZodOptional<ZodString>; variant: ZodOptional<ZodEnum<{ danger: …; primary: …; secondary: …; }>>; }, $strip>; }; Contact: { props: ZodObject<{ title: ZodString; }, $strip>; }; Dashboard: { props: ZodObject<{ username: ZodString; welcome: ZodBoolean; }, $strip>; }; Field: { props: ZodObject<{ checks: ZodOptional<ZodArray<ZodCustom<…, …>>>; formErrors: ZodOptional<ZodRecord<ZodString, ZodArray<…>>>; inputType: ZodOptional<ZodEnum<{ email: …; text: …; textarea: …; }>>; label: ZodString; placeholder: ZodOptional<ZodString>; testId: ZodOptional<ZodString>; value: ZodOptional<ZodString>; }, $strip>; }; Home: { props: ZodObject<{ title: ZodString; }, $strip>; }; Login: { props: ZodObject<{ title: ZodString; username: ZodOptional<ZodString>; }, $strip>; }; NavBar: { props: ZodObject<{ isAuthenticated: ZodBoolean; username: ZodNullable<ZodString>; }, $strip>; }; Navigation: { props: ZodObject<{ currentPath: ZodString; isAuthenticated: ZodBoolean; }, $strip>; }; Overview: { props: ZodObject<{ title: ZodString; }, $strip>; }; Panel: { props: ZodObject<{ note: ZodOptional<ZodUnion<readonly […, …, …, …]>>; testId: ZodOptional<ZodString>; title: ZodOptional<ZodUnion<readonly […, …]>>; tone: ZodOptional<ZodEnum<{ danger: …; default: …; muted: …; success: …; }>>; }, $strip>; }; Profile: { props: ZodObject<{ username: ZodString; }, $strip>; }; Settings: { props: ZodObject<{ section: ZodOptional<ZodString>; username: ZodString; }, $strip>; }; Stats: { props: ZodObject<{ title: ZodString; }, $strip>; }; }; }>, "Contact">	-	packages/play-solid/examples/demo/src/components/demo-components.ts:23
Dashboard	ComponentFn<Catalog<{ catalog: SchemaType<"object", { actions: SchemaType<"map", { description: SchemaType<"string", unknown>; params: SchemaType<"zod", unknown>; }>; components: SchemaType<"map", { description: SchemaType<"string", unknown>; example: SchemaType<"any", unknown>; props: SchemaType<"zod", unknown>; slots: SchemaType<"array", SchemaType<"string", unknown>>; }>; }>; spec: SchemaType<"object", { elements: SchemaType<"record", SchemaType<"object", { children: SchemaType<"array", SchemaType<…, …>>; props: SchemaType<"propsOf", string>; repeat: { inner?: unknown; kind: "any"; optional: true; }; type: SchemaType<"ref", string>; visible: { inner?: unknown; kind: "any"; optional: true; }; }>>; root: SchemaType<"string", unknown>; }>; }, { actions: { addTask: { description: "Add a task (sends task.add to the machine)"; params: ZodObject<{ title: ZodString; }, $strip>; }; completeTask: { description: "Mark a task done (sends task.complete to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; login: { description: "Login with username"; params: ZodObject<{ username: ZodString; }, $strip>; }; logout: { description: "Logout and return to home"; }; removeTask: { description: "Remove a task (sends task.remove to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; resetForm: { description: "Reset a demo form to its defaults (confirm-gated in the spec)"; params: ZodObject<{ form: ZodString; }, $strip>; }; route: { description: "Navigate to a route by path (e.g. '#home', '#login', '#dashboard')"; params: ZodObject<{ params: ZodOptional<ZodRecord<ZodString, ZodString>>; to: ZodString; }, $strip>; }; submitForm: { description: "Submit a demo form; rejects when the form did not pass validation"; params: ZodObject<{ form: ZodString; valid: ZodOptional<ZodNullable<ZodBoolean>>; }, $strip>; }; }; components: { About: { props: ZodObject<{ title: ZodString; }, $strip>; }; Button: { props: ZodObject<{ disabled: ZodOptional<ZodBoolean>; label: ZodString; testId: ZodOptional<ZodString>; variant: ZodOptional<ZodEnum<{ danger: …; primary: …; secondary: …; }>>; }, $strip>; }; Contact: { props: ZodObject<{ title: ZodString; }, $strip>; }; Dashboard: { props: ZodObject<{ username: ZodString; welcome: ZodBoolean; }, $strip>; }; Field: { props: ZodObject<{ checks: ZodOptional<ZodArray<ZodCustom<…, …>>>; formErrors: ZodOptional<ZodRecord<ZodString, ZodArray<…>>>; inputType: ZodOptional<ZodEnum<{ email: …; text: …; textarea: …; }>>; label: ZodString; placeholder: ZodOptional<ZodString>; testId: ZodOptional<ZodString>; value: ZodOptional<ZodString>; }, $strip>; }; Home: { props: ZodObject<{ title: ZodString; }, $strip>; }; Login: { props: ZodObject<{ title: ZodString; username: ZodOptional<ZodString>; }, $strip>; }; NavBar: { props: ZodObject<{ isAuthenticated: ZodBoolean; username: ZodNullable<ZodString>; }, $strip>; }; Navigation: { props: ZodObject<{ currentPath: ZodString; isAuthenticated: ZodBoolean; }, $strip>; }; Overview: { props: ZodObject<{ title: ZodString; }, $strip>; }; Panel: { props: ZodObject<{ note: ZodOptional<ZodUnion<readonly […, …, …, …]>>; testId: ZodOptional<ZodString>; title: ZodOptional<ZodUnion<readonly […, …]>>; tone: ZodOptional<ZodEnum<{ danger: …; default: …; muted: …; success: …; }>>; }, $strip>; }; Profile: { props: ZodObject<{ username: ZodString; }, $strip>; }; Settings: { props: ZodObject<{ section: ZodOptional<ZodString>; username: ZodString; }, $strip>; }; Stats: { props: ZodObject<{ title: ZodString; }, $strip>; }; }; }>, "Dashboard">	-	packages/play-solid/examples/demo/src/components/demo-components.ts:25
Field	ComponentFn<Catalog<{ catalog: SchemaType<"object", { actions: SchemaType<"map", { description: SchemaType<"string", unknown>; params: SchemaType<"zod", unknown>; }>; components: SchemaType<"map", { description: SchemaType<"string", unknown>; example: SchemaType<"any", unknown>; props: SchemaType<"zod", unknown>; slots: SchemaType<"array", SchemaType<"string", unknown>>; }>; }>; spec: SchemaType<"object", { elements: SchemaType<"record", SchemaType<"object", { children: SchemaType<"array", SchemaType<…, …>>; props: SchemaType<"propsOf", string>; repeat: { inner?: unknown; kind: "any"; optional: true; }; type: SchemaType<"ref", string>; visible: { inner?: unknown; kind: "any"; optional: true; }; }>>; root: SchemaType<"string", unknown>; }>; }, { actions: { addTask: { description: "Add a task (sends task.add to the machine)"; params: ZodObject<{ title: ZodString; }, $strip>; }; completeTask: { description: "Mark a task done (sends task.complete to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; login: { description: "Login with username"; params: ZodObject<{ username: ZodString; }, $strip>; }; logout: { description: "Logout and return to home"; }; removeTask: { description: "Remove a task (sends task.remove to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; resetForm: { description: "Reset a demo form to its defaults (confirm-gated in the spec)"; params: ZodObject<{ form: ZodString; }, $strip>; }; route: { description: "Navigate to a route by path (e.g. '#home', '#login', '#dashboard')"; params: ZodObject<{ params: ZodOptional<ZodRecord<ZodString, ZodString>>; to: ZodString; }, $strip>; }; submitForm: { description: "Submit a demo form; rejects when the form did not pass validation"; params: ZodObject<{ form: ZodString; valid: ZodOptional<ZodNullable<ZodBoolean>>; }, $strip>; }; }; components: { About: { props: ZodObject<{ title: ZodString; }, $strip>; }; Button: { props: ZodObject<{ disabled: ZodOptional<ZodBoolean>; label: ZodString; testId: ZodOptional<ZodString>; variant: ZodOptional<ZodEnum<{ danger: …; primary: …; secondary: …; }>>; }, $strip>; }; Contact: { props: ZodObject<{ title: ZodString; }, $strip>; }; Dashboard: { props: ZodObject<{ username: ZodString; welcome: ZodBoolean; }, $strip>; }; Field: { props: ZodObject<{ checks: ZodOptional<ZodArray<ZodCustom<…, …>>>; formErrors: ZodOptional<ZodRecord<ZodString, ZodArray<…>>>; inputType: ZodOptional<ZodEnum<{ email: …; text: …; textarea: …; }>>; label: ZodString; placeholder: ZodOptional<ZodString>; testId: ZodOptional<ZodString>; value: ZodOptional<ZodString>; }, $strip>; }; Home: { props: ZodObject<{ title: ZodString; }, $strip>; }; Login: { props: ZodObject<{ title: ZodString; username: ZodOptional<ZodString>; }, $strip>; }; NavBar: { props: ZodObject<{ isAuthenticated: ZodBoolean; username: ZodNullable<ZodString>; }, $strip>; }; Navigation: { props: ZodObject<{ currentPath: ZodString; isAuthenticated: ZodBoolean; }, $strip>; }; Overview: { props: ZodObject<{ title: ZodString; }, $strip>; }; Panel: { props: ZodObject<{ note: ZodOptional<ZodUnion<readonly […, …, …, …]>>; testId: ZodOptional<ZodString>; title: ZodOptional<ZodUnion<readonly […, …]>>; tone: ZodOptional<ZodEnum<{ danger: …; default: …; muted: …; success: …; }>>; }, $strip>; }; Profile: { props: ZodObject<{ username: ZodString; }, $strip>; }; Settings: { props: ZodObject<{ section: ZodOptional<ZodString>; username: ZodString; }, $strip>; }; Stats: { props: ZodObject<{ title: ZodString; }, $strip>; }; }; }>, "Field">	-	packages/play-solid/examples/demo/src/components/demo-components.ts:33
Home	ComponentFn<Catalog<{ catalog: SchemaType<"object", { actions: SchemaType<"map", { description: SchemaType<"string", unknown>; params: SchemaType<"zod", unknown>; }>; components: SchemaType<"map", { description: SchemaType<"string", unknown>; example: SchemaType<"any", unknown>; props: SchemaType<"zod", unknown>; slots: SchemaType<"array", SchemaType<"string", unknown>>; }>; }>; spec: SchemaType<"object", { elements: SchemaType<"record", SchemaType<"object", { children: SchemaType<"array", SchemaType<…, …>>; props: SchemaType<"propsOf", string>; repeat: { inner?: unknown; kind: "any"; optional: true; }; type: SchemaType<"ref", string>; visible: { inner?: unknown; kind: "any"; optional: true; }; }>>; root: SchemaType<"string", unknown>; }>; }, { actions: { addTask: { description: "Add a task (sends task.add to the machine)"; params: ZodObject<{ title: ZodString; }, $strip>; }; completeTask: { description: "Mark a task done (sends task.complete to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; login: { description: "Login with username"; params: ZodObject<{ username: ZodString; }, $strip>; }; logout: { description: "Logout and return to home"; }; removeTask: { description: "Remove a task (sends task.remove to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; resetForm: { description: "Reset a demo form to its defaults (confirm-gated in the spec)"; params: ZodObject<{ form: ZodString; }, $strip>; }; route: { description: "Navigate to a route by path (e.g. '#home', '#login', '#dashboard')"; params: ZodObject<{ params: ZodOptional<ZodRecord<ZodString, ZodString>>; to: ZodString; }, $strip>; }; submitForm: { description: "Submit a demo form; rejects when the form did not pass validation"; params: ZodObject<{ form: ZodString; valid: ZodOptional<ZodNullable<ZodBoolean>>; }, $strip>; }; }; components: { About: { props: ZodObject<{ title: ZodString; }, $strip>; }; Button: { props: ZodObject<{ disabled: ZodOptional<ZodBoolean>; label: ZodString; testId: ZodOptional<ZodString>; variant: ZodOptional<ZodEnum<{ danger: …; primary: …; secondary: …; }>>; }, $strip>; }; Contact: { props: ZodObject<{ title: ZodString; }, $strip>; }; Dashboard: { props: ZodObject<{ username: ZodString; welcome: ZodBoolean; }, $strip>; }; Field: { props: ZodObject<{ checks: ZodOptional<ZodArray<ZodCustom<…, …>>>; formErrors: ZodOptional<ZodRecord<ZodString, ZodArray<…>>>; inputType: ZodOptional<ZodEnum<{ email: …; text: …; textarea: …; }>>; label: ZodString; placeholder: ZodOptional<ZodString>; testId: ZodOptional<ZodString>; value: ZodOptional<ZodString>; }, $strip>; }; Home: { props: ZodObject<{ title: ZodString; }, $strip>; }; Login: { props: ZodObject<{ title: ZodString; username: ZodOptional<ZodString>; }, $strip>; }; NavBar: { props: ZodObject<{ isAuthenticated: ZodBoolean; username: ZodNullable<ZodString>; }, $strip>; }; Navigation: { props: ZodObject<{ currentPath: ZodString; isAuthenticated: ZodBoolean; }, $strip>; }; Overview: { props: ZodObject<{ title: ZodString; }, $strip>; }; Panel: { props: ZodObject<{ note: ZodOptional<ZodUnion<readonly […, …, …, …]>>; testId: ZodOptional<ZodString>; title: ZodOptional<ZodUnion<readonly […, …]>>; tone: ZodOptional<ZodEnum<{ danger: …; default: …; muted: …; success: …; }>>; }, $strip>; }; Profile: { props: ZodObject<{ username: ZodString; }, $strip>; }; Settings: { props: ZodObject<{ section: ZodOptional<ZodString>; username: ZodString; }, $strip>; }; Stats: { props: ZodObject<{ title: ZodString; }, $strip>; }; }; }>, "Home">	-	packages/play-solid/examples/demo/src/components/demo-components.ts:21
Login	ComponentFn<Catalog<{ catalog: SchemaType<"object", { actions: SchemaType<"map", { description: SchemaType<"string", unknown>; params: SchemaType<"zod", unknown>; }>; components: SchemaType<"map", { description: SchemaType<"string", unknown>; example: SchemaType<"any", unknown>; props: SchemaType<"zod", unknown>; slots: SchemaType<"array", SchemaType<"string", unknown>>; }>; }>; spec: SchemaType<"object", { elements: SchemaType<"record", SchemaType<"object", { children: SchemaType<"array", SchemaType<…, …>>; props: SchemaType<"propsOf", string>; repeat: { inner?: unknown; kind: "any"; optional: true; }; type: SchemaType<"ref", string>; visible: { inner?: unknown; kind: "any"; optional: true; }; }>>; root: SchemaType<"string", unknown>; }>; }, { actions: { addTask: { description: "Add a task (sends task.add to the machine)"; params: ZodObject<{ title: ZodString; }, $strip>; }; completeTask: { description: "Mark a task done (sends task.complete to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; login: { description: "Login with username"; params: ZodObject<{ username: ZodString; }, $strip>; }; logout: { description: "Logout and return to home"; }; removeTask: { description: "Remove a task (sends task.remove to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; resetForm: { description: "Reset a demo form to its defaults (confirm-gated in the spec)"; params: ZodObject<{ form: ZodString; }, $strip>; }; route: { description: "Navigate to a route by path (e.g. '#home', '#login', '#dashboard')"; params: ZodObject<{ params: ZodOptional<ZodRecord<ZodString, ZodString>>; to: ZodString; }, $strip>; }; submitForm: { description: "Submit a demo form; rejects when the form did not pass validation"; params: ZodObject<{ form: ZodString; valid: ZodOptional<ZodNullable<ZodBoolean>>; }, $strip>; }; }; components: { About: { props: ZodObject<{ title: ZodString; }, $strip>; }; Button: { props: ZodObject<{ disabled: ZodOptional<ZodBoolean>; label: ZodString; testId: ZodOptional<ZodString>; variant: ZodOptional<ZodEnum<{ danger: …; primary: …; secondary: …; }>>; }, $strip>; }; Contact: { props: ZodObject<{ title: ZodString; }, $strip>; }; Dashboard: { props: ZodObject<{ username: ZodString; welcome: ZodBoolean; }, $strip>; }; Field: { props: ZodObject<{ checks: ZodOptional<ZodArray<ZodCustom<…, …>>>; formErrors: ZodOptional<ZodRecord<ZodString, ZodArray<…>>>; inputType: ZodOptional<ZodEnum<{ email: …; text: …; textarea: …; }>>; label: ZodString; placeholder: ZodOptional<ZodString>; testId: ZodOptional<ZodString>; value: ZodOptional<ZodString>; }, $strip>; }; Home: { props: ZodObject<{ title: ZodString; }, $strip>; }; Login: { props: ZodObject<{ title: ZodString; username: ZodOptional<ZodString>; }, $strip>; }; NavBar: { props: ZodObject<{ isAuthenticated: ZodBoolean; username: ZodNullable<ZodString>; }, $strip>; }; Navigation: { props: ZodObject<{ currentPath: ZodString; isAuthenticated: ZodBoolean; }, $strip>; }; Overview: { props: ZodObject<{ title: ZodString; }, $strip>; }; Panel: { props: ZodObject<{ note: ZodOptional<ZodUnion<readonly […, …, …, …]>>; testId: ZodOptional<ZodString>; title: ZodOptional<ZodUnion<readonly […, …]>>; tone: ZodOptional<ZodEnum<{ danger: …; default: …; muted: …; success: …; }>>; }, $strip>; }; Profile: { props: ZodObject<{ username: ZodString; }, $strip>; }; Settings: { props: ZodObject<{ section: ZodOptional<ZodString>; username: ZodString; }, $strip>; }; Stats: { props: ZodObject<{ title: ZodString; }, $strip>; }; }; }>, "Login">	-	packages/play-solid/examples/demo/src/components/demo-components.ts:24
NavBar	ComponentFn<Catalog<{ catalog: SchemaType<"object", { actions: SchemaType<"map", { description: SchemaType<"string", unknown>; params: SchemaType<"zod", unknown>; }>; components: SchemaType<"map", { description: SchemaType<"string", unknown>; example: SchemaType<"any", unknown>; props: SchemaType<"zod", unknown>; slots: SchemaType<"array", SchemaType<"string", unknown>>; }>; }>; spec: SchemaType<"object", { elements: SchemaType<"record", SchemaType<"object", { children: SchemaType<"array", SchemaType<…, …>>; props: SchemaType<"propsOf", string>; repeat: { inner?: unknown; kind: "any"; optional: true; }; type: SchemaType<"ref", string>; visible: { inner?: unknown; kind: "any"; optional: true; }; }>>; root: SchemaType<"string", unknown>; }>; }, { actions: { addTask: { description: "Add a task (sends task.add to the machine)"; params: ZodObject<{ title: ZodString; }, $strip>; }; completeTask: { description: "Mark a task done (sends task.complete to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; login: { description: "Login with username"; params: ZodObject<{ username: ZodString; }, $strip>; }; logout: { description: "Logout and return to home"; }; removeTask: { description: "Remove a task (sends task.remove to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; resetForm: { description: "Reset a demo form to its defaults (confirm-gated in the spec)"; params: ZodObject<{ form: ZodString; }, $strip>; }; route: { description: "Navigate to a route by path (e.g. '#home', '#login', '#dashboard')"; params: ZodObject<{ params: ZodOptional<ZodRecord<ZodString, ZodString>>; to: ZodString; }, $strip>; }; submitForm: { description: "Submit a demo form; rejects when the form did not pass validation"; params: ZodObject<{ form: ZodString; valid: ZodOptional<ZodNullable<ZodBoolean>>; }, $strip>; }; }; components: { About: { props: ZodObject<{ title: ZodString; }, $strip>; }; Button: { props: ZodObject<{ disabled: ZodOptional<ZodBoolean>; label: ZodString; testId: ZodOptional<ZodString>; variant: ZodOptional<ZodEnum<{ danger: …; primary: …; secondary: …; }>>; }, $strip>; }; Contact: { props: ZodObject<{ title: ZodString; }, $strip>; }; Dashboard: { props: ZodObject<{ username: ZodString; welcome: ZodBoolean; }, $strip>; }; Field: { props: ZodObject<{ checks: ZodOptional<ZodArray<ZodCustom<…, …>>>; formErrors: ZodOptional<ZodRecord<ZodString, ZodArray<…>>>; inputType: ZodOptional<ZodEnum<{ email: …; text: …; textarea: …; }>>; label: ZodString; placeholder: ZodOptional<ZodString>; testId: ZodOptional<ZodString>; value: ZodOptional<ZodString>; }, $strip>; }; Home: { props: ZodObject<{ title: ZodString; }, $strip>; }; Login: { props: ZodObject<{ title: ZodString; username: ZodOptional<ZodString>; }, $strip>; }; NavBar: { props: ZodObject<{ isAuthenticated: ZodBoolean; username: ZodNullable<ZodString>; }, $strip>; }; Navigation: { props: ZodObject<{ currentPath: ZodString; isAuthenticated: ZodBoolean; }, $strip>; }; Overview: { props: ZodObject<{ title: ZodString; }, $strip>; }; Panel: { props: ZodObject<{ note: ZodOptional<ZodUnion<readonly […, …, …, …]>>; testId: ZodOptional<ZodString>; title: ZodOptional<ZodUnion<readonly […, …]>>; tone: ZodOptional<ZodEnum<{ danger: …; default: …; muted: …; success: …; }>>; }, $strip>; }; Profile: { props: ZodObject<{ username: ZodString; }, $strip>; }; Settings: { props: ZodObject<{ section: ZodOptional<ZodString>; username: ZodString; }, $strip>; }; Stats: { props: ZodObject<{ title: ZodString; }, $strip>; }; }; }>, "NavBar">	NavBarView	packages/play-solid/examples/demo/src/components/demo-components.ts:31
Navigation	ComponentFn<Catalog<{ catalog: SchemaType<"object", { actions: SchemaType<"map", { description: SchemaType<"string", unknown>; params: SchemaType<"zod", unknown>; }>; components: SchemaType<"map", { description: SchemaType<"string", unknown>; example: SchemaType<"any", unknown>; props: SchemaType<"zod", unknown>; slots: SchemaType<"array", SchemaType<"string", unknown>>; }>; }>; spec: SchemaType<"object", { elements: SchemaType<"record", SchemaType<"object", { children: SchemaType<"array", SchemaType<…, …>>; props: SchemaType<"propsOf", string>; repeat: { inner?: unknown; kind: "any"; optional: true; }; type: SchemaType<"ref", string>; visible: { inner?: unknown; kind: "any"; optional: true; }; }>>; root: SchemaType<"string", unknown>; }>; }, { actions: { addTask: { description: "Add a task (sends task.add to the machine)"; params: ZodObject<{ title: ZodString; }, $strip>; }; completeTask: { description: "Mark a task done (sends task.complete to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; login: { description: "Login with username"; params: ZodObject<{ username: ZodString; }, $strip>; }; logout: { description: "Logout and return to home"; }; removeTask: { description: "Remove a task (sends task.remove to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; resetForm: { description: "Reset a demo form to its defaults (confirm-gated in the spec)"; params: ZodObject<{ form: ZodString; }, $strip>; }; route: { description: "Navigate to a route by path (e.g. '#home', '#login', '#dashboard')"; params: ZodObject<{ params: ZodOptional<ZodRecord<ZodString, ZodString>>; to: ZodString; }, $strip>; }; submitForm: { description: "Submit a demo form; rejects when the form did not pass validation"; params: ZodObject<{ form: ZodString; valid: ZodOptional<ZodNullable<ZodBoolean>>; }, $strip>; }; }; components: { About: { props: ZodObject<{ title: ZodString; }, $strip>; }; Button: { props: ZodObject<{ disabled: ZodOptional<ZodBoolean>; label: ZodString; testId: ZodOptional<ZodString>; variant: ZodOptional<ZodEnum<{ danger: …; primary: …; secondary: …; }>>; }, $strip>; }; Contact: { props: ZodObject<{ title: ZodString; }, $strip>; }; Dashboard: { props: ZodObject<{ username: ZodString; welcome: ZodBoolean; }, $strip>; }; Field: { props: ZodObject<{ checks: ZodOptional<ZodArray<ZodCustom<…, …>>>; formErrors: ZodOptional<ZodRecord<ZodString, ZodArray<…>>>; inputType: ZodOptional<ZodEnum<{ email: …; text: …; textarea: …; }>>; label: ZodString; placeholder: ZodOptional<ZodString>; testId: ZodOptional<ZodString>; value: ZodOptional<ZodString>; }, $strip>; }; Home: { props: ZodObject<{ title: ZodString; }, $strip>; }; Login: { props: ZodObject<{ title: ZodString; username: ZodOptional<ZodString>; }, $strip>; }; NavBar: { props: ZodObject<{ isAuthenticated: ZodBoolean; username: ZodNullable<ZodString>; }, $strip>; }; Navigation: { props: ZodObject<{ currentPath: ZodString; isAuthenticated: ZodBoolean; }, $strip>; }; Overview: { props: ZodObject<{ title: ZodString; }, $strip>; }; Panel: { props: ZodObject<{ note: ZodOptional<ZodUnion<readonly […, …, …, …]>>; testId: ZodOptional<ZodString>; title: ZodOptional<ZodUnion<readonly […, …]>>; tone: ZodOptional<ZodEnum<{ danger: …; default: …; muted: …; success: …; }>>; }, $strip>; }; Profile: { props: ZodObject<{ username: ZodString; }, $strip>; }; Settings: { props: ZodObject<{ section: ZodOptional<ZodString>; username: ZodString; }, $strip>; }; Stats: { props: ZodObject<{ title: ZodString; }, $strip>; }; }; }>, "Navigation">	-	packages/play-solid/examples/demo/src/components/demo-components.ts:30
Overview	ComponentFn<Catalog<{ catalog: SchemaType<"object", { actions: SchemaType<"map", { description: SchemaType<"string", unknown>; params: SchemaType<"zod", unknown>; }>; components: SchemaType<"map", { description: SchemaType<"string", unknown>; example: SchemaType<"any", unknown>; props: SchemaType<"zod", unknown>; slots: SchemaType<"array", SchemaType<"string", unknown>>; }>; }>; spec: SchemaType<"object", { elements: SchemaType<"record", SchemaType<"object", { children: SchemaType<"array", SchemaType<…, …>>; props: SchemaType<"propsOf", string>; repeat: { inner?: unknown; kind: "any"; optional: true; }; type: SchemaType<"ref", string>; visible: { inner?: unknown; kind: "any"; optional: true; }; }>>; root: SchemaType<"string", unknown>; }>; }, { actions: { addTask: { description: "Add a task (sends task.add to the machine)"; params: ZodObject<{ title: ZodString; }, $strip>; }; completeTask: { description: "Mark a task done (sends task.complete to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; login: { description: "Login with username"; params: ZodObject<{ username: ZodString; }, $strip>; }; logout: { description: "Logout and return to home"; }; removeTask: { description: "Remove a task (sends task.remove to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; resetForm: { description: "Reset a demo form to its defaults (confirm-gated in the spec)"; params: ZodObject<{ form: ZodString; }, $strip>; }; route: { description: "Navigate to a route by path (e.g. '#home', '#login', '#dashboard')"; params: ZodObject<{ params: ZodOptional<ZodRecord<ZodString, ZodString>>; to: ZodString; }, $strip>; }; submitForm: { description: "Submit a demo form; rejects when the form did not pass validation"; params: ZodObject<{ form: ZodString; valid: ZodOptional<ZodNullable<ZodBoolean>>; }, $strip>; }; }; components: { About: { props: ZodObject<{ title: ZodString; }, $strip>; }; Button: { props: ZodObject<{ disabled: ZodOptional<ZodBoolean>; label: ZodString; testId: ZodOptional<ZodString>; variant: ZodOptional<ZodEnum<{ danger: …; primary: …; secondary: …; }>>; }, $strip>; }; Contact: { props: ZodObject<{ title: ZodString; }, $strip>; }; Dashboard: { props: ZodObject<{ username: ZodString; welcome: ZodBoolean; }, $strip>; }; Field: { props: ZodObject<{ checks: ZodOptional<ZodArray<ZodCustom<…, …>>>; formErrors: ZodOptional<ZodRecord<ZodString, ZodArray<…>>>; inputType: ZodOptional<ZodEnum<{ email: …; text: …; textarea: …; }>>; label: ZodString; placeholder: ZodOptional<ZodString>; testId: ZodOptional<ZodString>; value: ZodOptional<ZodString>; }, $strip>; }; Home: { props: ZodObject<{ title: ZodString; }, $strip>; }; Login: { props: ZodObject<{ title: ZodString; username: ZodOptional<ZodString>; }, $strip>; }; NavBar: { props: ZodObject<{ isAuthenticated: ZodBoolean; username: ZodNullable<ZodString>; }, $strip>; }; Navigation: { props: ZodObject<{ currentPath: ZodString; isAuthenticated: ZodBoolean; }, $strip>; }; Overview: { props: ZodObject<{ title: ZodString; }, $strip>; }; Panel: { props: ZodObject<{ note: ZodOptional<ZodUnion<readonly […, …, …, …]>>; testId: ZodOptional<ZodString>; title: ZodOptional<ZodUnion<readonly […, …]>>; tone: ZodOptional<ZodEnum<{ danger: …; default: …; muted: …; success: …; }>>; }, $strip>; }; Profile: { props: ZodObject<{ username: ZodString; }, $strip>; }; Settings: { props: ZodObject<{ section: ZodOptional<ZodString>; username: ZodString; }, $strip>; }; Stats: { props: ZodObject<{ title: ZodString; }, $strip>; }; }; }>, "Overview">	-	packages/play-solid/examples/demo/src/components/demo-components.ts:26
Panel	ComponentFn<Catalog<{ catalog: SchemaType<"object", { actions: SchemaType<"map", { description: SchemaType<"string", unknown>; params: SchemaType<"zod", unknown>; }>; components: SchemaType<"map", { description: SchemaType<"string", unknown>; example: SchemaType<"any", unknown>; props: SchemaType<"zod", unknown>; slots: SchemaType<"array", SchemaType<"string", unknown>>; }>; }>; spec: SchemaType<"object", { elements: SchemaType<"record", SchemaType<"object", { children: SchemaType<"array", SchemaType<…, …>>; props: SchemaType<"propsOf", string>; repeat: { inner?: unknown; kind: "any"; optional: true; }; type: SchemaType<"ref", string>; visible: { inner?: unknown; kind: "any"; optional: true; }; }>>; root: SchemaType<"string", unknown>; }>; }, { actions: { addTask: { description: "Add a task (sends task.add to the machine)"; params: ZodObject<{ title: ZodString; }, $strip>; }; completeTask: { description: "Mark a task done (sends task.complete to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; login: { description: "Login with username"; params: ZodObject<{ username: ZodString; }, $strip>; }; logout: { description: "Logout and return to home"; }; removeTask: { description: "Remove a task (sends task.remove to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; resetForm: { description: "Reset a demo form to its defaults (confirm-gated in the spec)"; params: ZodObject<{ form: ZodString; }, $strip>; }; route: { description: "Navigate to a route by path (e.g. '#home', '#login', '#dashboard')"; params: ZodObject<{ params: ZodOptional<ZodRecord<ZodString, ZodString>>; to: ZodString; }, $strip>; }; submitForm: { description: "Submit a demo form; rejects when the form did not pass validation"; params: ZodObject<{ form: ZodString; valid: ZodOptional<ZodNullable<ZodBoolean>>; }, $strip>; }; }; components: { About: { props: ZodObject<{ title: ZodString; }, $strip>; }; Button: { props: ZodObject<{ disabled: ZodOptional<ZodBoolean>; label: ZodString; testId: ZodOptional<ZodString>; variant: ZodOptional<ZodEnum<{ danger: …; primary: …; secondary: …; }>>; }, $strip>; }; Contact: { props: ZodObject<{ title: ZodString; }, $strip>; }; Dashboard: { props: ZodObject<{ username: ZodString; welcome: ZodBoolean; }, $strip>; }; Field: { props: ZodObject<{ checks: ZodOptional<ZodArray<ZodCustom<…, …>>>; formErrors: ZodOptional<ZodRecord<ZodString, ZodArray<…>>>; inputType: ZodOptional<ZodEnum<{ email: …; text: …; textarea: …; }>>; label: ZodString; placeholder: ZodOptional<ZodString>; testId: ZodOptional<ZodString>; value: ZodOptional<ZodString>; }, $strip>; }; Home: { props: ZodObject<{ title: ZodString; }, $strip>; }; Login: { props: ZodObject<{ title: ZodString; username: ZodOptional<ZodString>; }, $strip>; }; NavBar: { props: ZodObject<{ isAuthenticated: ZodBoolean; username: ZodNullable<ZodString>; }, $strip>; }; Navigation: { props: ZodObject<{ currentPath: ZodString; isAuthenticated: ZodBoolean; }, $strip>; }; Overview: { props: ZodObject<{ title: ZodString; }, $strip>; }; Panel: { props: ZodObject<{ note: ZodOptional<ZodUnion<readonly […, …, …, …]>>; testId: ZodOptional<ZodString>; title: ZodOptional<ZodUnion<readonly […, …]>>; tone: ZodOptional<ZodEnum<{ danger: …; default: …; muted: …; success: …; }>>; }, $strip>; }; Profile: { props: ZodObject<{ username: ZodString; }, $strip>; }; Settings: { props: ZodObject<{ section: ZodOptional<ZodString>; username: ZodString; }, $strip>; }; Stats: { props: ZodObject<{ title: ZodString; }, $strip>; }; }; }>, "Panel">	-	packages/play-solid/examples/demo/src/components/demo-components.ts:32
Profile	ComponentFn<Catalog<{ catalog: SchemaType<"object", { actions: SchemaType<"map", { description: SchemaType<"string", unknown>; params: SchemaType<"zod", unknown>; }>; components: SchemaType<"map", { description: SchemaType<"string", unknown>; example: SchemaType<"any", unknown>; props: SchemaType<"zod", unknown>; slots: SchemaType<"array", SchemaType<"string", unknown>>; }>; }>; spec: SchemaType<"object", { elements: SchemaType<"record", SchemaType<"object", { children: SchemaType<"array", SchemaType<…, …>>; props: SchemaType<"propsOf", string>; repeat: { inner?: unknown; kind: "any"; optional: true; }; type: SchemaType<"ref", string>; visible: { inner?: unknown; kind: "any"; optional: true; }; }>>; root: SchemaType<"string", unknown>; }>; }, { actions: { addTask: { description: "Add a task (sends task.add to the machine)"; params: ZodObject<{ title: ZodString; }, $strip>; }; completeTask: { description: "Mark a task done (sends task.complete to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; login: { description: "Login with username"; params: ZodObject<{ username: ZodString; }, $strip>; }; logout: { description: "Logout and return to home"; }; removeTask: { description: "Remove a task (sends task.remove to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; resetForm: { description: "Reset a demo form to its defaults (confirm-gated in the spec)"; params: ZodObject<{ form: ZodString; }, $strip>; }; route: { description: "Navigate to a route by path (e.g. '#home', '#login', '#dashboard')"; params: ZodObject<{ params: ZodOptional<ZodRecord<ZodString, ZodString>>; to: ZodString; }, $strip>; }; submitForm: { description: "Submit a demo form; rejects when the form did not pass validation"; params: ZodObject<{ form: ZodString; valid: ZodOptional<ZodNullable<ZodBoolean>>; }, $strip>; }; }; components: { About: { props: ZodObject<{ title: ZodString; }, $strip>; }; Button: { props: ZodObject<{ disabled: ZodOptional<ZodBoolean>; label: ZodString; testId: ZodOptional<ZodString>; variant: ZodOptional<ZodEnum<{ danger: …; primary: …; secondary: …; }>>; }, $strip>; }; Contact: { props: ZodObject<{ title: ZodString; }, $strip>; }; Dashboard: { props: ZodObject<{ username: ZodString; welcome: ZodBoolean; }, $strip>; }; Field: { props: ZodObject<{ checks: ZodOptional<ZodArray<ZodCustom<…, …>>>; formErrors: ZodOptional<ZodRecord<ZodString, ZodArray<…>>>; inputType: ZodOptional<ZodEnum<{ email: …; text: …; textarea: …; }>>; label: ZodString; placeholder: ZodOptional<ZodString>; testId: ZodOptional<ZodString>; value: ZodOptional<ZodString>; }, $strip>; }; Home: { props: ZodObject<{ title: ZodString; }, $strip>; }; Login: { props: ZodObject<{ title: ZodString; username: ZodOptional<ZodString>; }, $strip>; }; NavBar: { props: ZodObject<{ isAuthenticated: ZodBoolean; username: ZodNullable<ZodString>; }, $strip>; }; Navigation: { props: ZodObject<{ currentPath: ZodString; isAuthenticated: ZodBoolean; }, $strip>; }; Overview: { props: ZodObject<{ title: ZodString; }, $strip>; }; Panel: { props: ZodObject<{ note: ZodOptional<ZodUnion<readonly […, …, …, …]>>; testId: ZodOptional<ZodString>; title: ZodOptional<ZodUnion<readonly […, …]>>; tone: ZodOptional<ZodEnum<{ danger: …; default: …; muted: …; success: …; }>>; }, $strip>; }; Profile: { props: ZodObject<{ username: ZodString; }, $strip>; }; Settings: { props: ZodObject<{ section: ZodOptional<ZodString>; username: ZodString; }, $strip>; }; Stats: { props: ZodObject<{ title: ZodString; }, $strip>; }; }; }>, "Profile">	-	packages/play-solid/examples/demo/src/components/demo-components.ts:28
Settings	ComponentFn<Catalog<{ catalog: SchemaType<"object", { actions: SchemaType<"map", { description: SchemaType<"string", unknown>; params: SchemaType<"zod", unknown>; }>; components: SchemaType<"map", { description: SchemaType<"string", unknown>; example: SchemaType<"any", unknown>; props: SchemaType<"zod", unknown>; slots: SchemaType<"array", SchemaType<"string", unknown>>; }>; }>; spec: SchemaType<"object", { elements: SchemaType<"record", SchemaType<"object", { children: SchemaType<"array", SchemaType<…, …>>; props: SchemaType<"propsOf", string>; repeat: { inner?: unknown; kind: "any"; optional: true; }; type: SchemaType<"ref", string>; visible: { inner?: unknown; kind: "any"; optional: true; }; }>>; root: SchemaType<"string", unknown>; }>; }, { actions: { addTask: { description: "Add a task (sends task.add to the machine)"; params: ZodObject<{ title: ZodString; }, $strip>; }; completeTask: { description: "Mark a task done (sends task.complete to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; login: { description: "Login with username"; params: ZodObject<{ username: ZodString; }, $strip>; }; logout: { description: "Logout and return to home"; }; removeTask: { description: "Remove a task (sends task.remove to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; resetForm: { description: "Reset a demo form to its defaults (confirm-gated in the spec)"; params: ZodObject<{ form: ZodString; }, $strip>; }; route: { description: "Navigate to a route by path (e.g. '#home', '#login', '#dashboard')"; params: ZodObject<{ params: ZodOptional<ZodRecord<ZodString, ZodString>>; to: ZodString; }, $strip>; }; submitForm: { description: "Submit a demo form; rejects when the form did not pass validation"; params: ZodObject<{ form: ZodString; valid: ZodOptional<ZodNullable<ZodBoolean>>; }, $strip>; }; }; components: { About: { props: ZodObject<{ title: ZodString; }, $strip>; }; Button: { props: ZodObject<{ disabled: ZodOptional<ZodBoolean>; label: ZodString; testId: ZodOptional<ZodString>; variant: ZodOptional<ZodEnum<{ danger: …; primary: …; secondary: …; }>>; }, $strip>; }; Contact: { props: ZodObject<{ title: ZodString; }, $strip>; }; Dashboard: { props: ZodObject<{ username: ZodString; welcome: ZodBoolean; }, $strip>; }; Field: { props: ZodObject<{ checks: ZodOptional<ZodArray<ZodCustom<…, …>>>; formErrors: ZodOptional<ZodRecord<ZodString, ZodArray<…>>>; inputType: ZodOptional<ZodEnum<{ email: …; text: …; textarea: …; }>>; label: ZodString; placeholder: ZodOptional<ZodString>; testId: ZodOptional<ZodString>; value: ZodOptional<ZodString>; }, $strip>; }; Home: { props: ZodObject<{ title: ZodString; }, $strip>; }; Login: { props: ZodObject<{ title: ZodString; username: ZodOptional<ZodString>; }, $strip>; }; NavBar: { props: ZodObject<{ isAuthenticated: ZodBoolean; username: ZodNullable<ZodString>; }, $strip>; }; Navigation: { props: ZodObject<{ currentPath: ZodString; isAuthenticated: ZodBoolean; }, $strip>; }; Overview: { props: ZodObject<{ title: ZodString; }, $strip>; }; Panel: { props: ZodObject<{ note: ZodOptional<ZodUnion<readonly […, …, …, …]>>; testId: ZodOptional<ZodString>; title: ZodOptional<ZodUnion<readonly […, …]>>; tone: ZodOptional<ZodEnum<{ danger: …; default: …; muted: …; success: …; }>>; }, $strip>; }; Profile: { props: ZodObject<{ username: ZodString; }, $strip>; }; Settings: { props: ZodObject<{ section: ZodOptional<ZodString>; username: ZodString; }, $strip>; }; Stats: { props: ZodObject<{ title: ZodString; }, $strip>; }; }; }>, "Settings">	-	packages/play-solid/examples/demo/src/components/demo-components.ts:29
Stats	ComponentFn<Catalog<{ catalog: SchemaType<"object", { actions: SchemaType<"map", { description: SchemaType<"string", unknown>; params: SchemaType<"zod", unknown>; }>; components: SchemaType<"map", { description: SchemaType<"string", unknown>; example: SchemaType<"any", unknown>; props: SchemaType<"zod", unknown>; slots: SchemaType<"array", SchemaType<"string", unknown>>; }>; }>; spec: SchemaType<"object", { elements: SchemaType<"record", SchemaType<"object", { children: SchemaType<"array", SchemaType<…, …>>; props: SchemaType<"propsOf", string>; repeat: { inner?: unknown; kind: "any"; optional: true; }; type: SchemaType<"ref", string>; visible: { inner?: unknown; kind: "any"; optional: true; }; }>>; root: SchemaType<"string", unknown>; }>; }, { actions: { addTask: { description: "Add a task (sends task.add to the machine)"; params: ZodObject<{ title: ZodString; }, $strip>; }; completeTask: { description: "Mark a task done (sends task.complete to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; login: { description: "Login with username"; params: ZodObject<{ username: ZodString; }, $strip>; }; logout: { description: "Logout and return to home"; }; removeTask: { description: "Remove a task (sends task.remove to the machine)"; params: ZodObject<{ id: ZodString; }, $strip>; }; resetForm: { description: "Reset a demo form to its defaults (confirm-gated in the spec)"; params: ZodObject<{ form: ZodString; }, $strip>; }; route: { description: "Navigate to a route by path (e.g. '#home', '#login', '#dashboard')"; params: ZodObject<{ params: ZodOptional<ZodRecord<ZodString, ZodString>>; to: ZodString; }, $strip>; }; submitForm: { description: "Submit a demo form; rejects when the form did not pass validation"; params: ZodObject<{ form: ZodString; valid: ZodOptional<ZodNullable<ZodBoolean>>; }, $strip>; }; }; components: { About: { props: ZodObject<{ title: ZodString; }, $strip>; }; Button: { props: ZodObject<{ disabled: ZodOptional<ZodBoolean>; label: ZodString; testId: ZodOptional<ZodString>; variant: ZodOptional<ZodEnum<{ danger: …; primary: …; secondary: …; }>>; }, $strip>; }; Contact: { props: ZodObject<{ title: ZodString; }, $strip>; }; Dashboard: { props: ZodObject<{ username: ZodString; welcome: ZodBoolean; }, $strip>; }; Field: { props: ZodObject<{ checks: ZodOptional<ZodArray<ZodCustom<…, …>>>; formErrors: ZodOptional<ZodRecord<ZodString, ZodArray<…>>>; inputType: ZodOptional<ZodEnum<{ email: …; text: …; textarea: …; }>>; label: ZodString; placeholder: ZodOptional<ZodString>; testId: ZodOptional<ZodString>; value: ZodOptional<ZodString>; }, $strip>; }; Home: { props: ZodObject<{ title: ZodString; }, $strip>; }; Login: { props: ZodObject<{ title: ZodString; username: ZodOptional<ZodString>; }, $strip>; }; NavBar: { props: ZodObject<{ isAuthenticated: ZodBoolean; username: ZodNullable<ZodString>; }, $strip>; }; Navigation: { props: ZodObject<{ currentPath: ZodString; isAuthenticated: ZodBoolean; }, $strip>; }; Overview: { props: ZodObject<{ title: ZodString; }, $strip>; }; Panel: { props: ZodObject<{ note: ZodOptional<ZodUnion<readonly […, …, …, …]>>; testId: ZodOptional<ZodString>; title: ZodOptional<ZodUnion<readonly […, …]>>; tone: ZodOptional<ZodEnum<{ danger: …; default: …; muted: …; success: …; }>>; }, $strip>; }; Profile: { props: ZodObject<{ username: ZodString; }, $strip>; }; Settings: { props: ZodObject<{ section: ZodOptional<ZodString>; username: ZodString; }, $strip>; }; Stats: { props: ZodObject<{ title: ZodString; }, $strip>; }; }; }>, "Stats">	-	packages/play-solid/examples/demo/src/components/demo-components.ts:27