@xmachines/play-vue 1.0.0-beta.31 → 1.0.0-beta.32

package/dist/define-registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"define-registry.d.ts","sourceRoot":"","sources":["../src/define-registry.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AAEH,OAAO,EAAK,KAAK,SAAS,EAAE,MAAM,KAAK,CAAC;AACxC,OAAO,EACN,cAAc,IAAI,kBAAkB,EAEpC,KAAK,WAAW,EAEhB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAyBzE,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,OAAO,EAAE,CAAC,SAAS,MAAM,sBAAsB,CAAC,CAAC,CAAC,IACpF,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,GACjB,SAAS,CAAC;AAEb,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,OAAO,IAAI;KAC7C,CAAC,IAAI,MAAM,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC;CAC7D,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,OAAO,IAAI,IAAI,CAC1D,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3C,YAAY,CACZ,GAAG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;CAC9B,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,OAAO,EAC/C,OAAO,EAAE,CAAC,EACV,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAC/B,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAa1C"}
+{"version":3,"file":"define-registry.d.ts","sourceRoot":"","sources":["../src/define-registry.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AAEH,OAAO,EAAK,KAAK,SAAS,EAAE,MAAM,KAAK,CAAC;AACxC,OAAO,EACN,cAAc,IAAI,kBAAkB,EAEpC,KAAK,WAAW,EAEhB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,OAAO,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AA+BzE,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,OAAO,EAAE,CAAC,SAAS,MAAM,sBAAsB,CAAC,CAAC,CAAC,IACpF,WAAW,CAAC,CAAC,EAAE,CAAC,CAAC,GACjB,SAAS,CAAC;AAEb,MAAM,MAAM,aAAa,CAAC,CAAC,SAAS,OAAO,IAAI;KAC7C,CAAC,IAAI,MAAM,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,EAAE,CAAC,CAAC;CAC7D,CAAC;AAEF,MAAM,MAAM,qBAAqB,CAAC,CAAC,SAAS,OAAO,IAAI,IAAI,CAC1D,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3C,YAAY,CACZ,GAAG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;CAC9B,CAAC;AAEF;;;;;;;;;;GAUG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,OAAO,EAC/C,OAAO,EAAE,CAAC,EACV,OAAO,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAC/B,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC,CAAC,CAAC,CAa1C"}

package/dist/define-registry.js

@@ -2,7 +2,7 @@ import { defineRegistry as e } from "./node_modules/@json-render/vue/dist/index.
 import { h as t } from "vue";
 //#region src/define-registry.ts
 function n(e) {
-	return typeof e == "object" && !!e;
+	return typeof e != "object" || !e ? !1 : "__vccOpts" in e ? !0 : typeof e != "function" && ("setup" in e || "render" in e);
 }
 function r(e) {
 	return (n) => t(e, n);

package/dist/define-registry.js.map

@@ -1 +1 @@
-{"version":3,"file":"define-registry.js","names":[],"sources":["../src/define-registry.ts"],"sourcesContent":["/**\n * `defineRegistry` wrapper for @xmachines/play-vue.\n *\n * Wraps `defineRegistry` from `@json-render/vue` with automatic SFC support.\n *\n * ## Vue-specific — React and Solid do not need this\n *\n * In React, `useContext()` works anywhere inside the component call tree.\n * In Solid, `useContext()` works inside reactive computations and component renders.\n * Neither has the strict \"synchronous setup() only\" constraint that Vue's `inject()`\n * imposes — so their `defineRegistry` implementations call `componentFn(ctx)` directly\n * with no wrapping needed.\n *\n * For the DOM renderer, there is no component system at all — just render functions\n * returning `HTMLElement` — so injection context is not applicable.\n *\n * Only Vue requires this adapter.\n *\n * ## Why this wrapper exists\n *\n * `@json-render/vue`'s `defineRegistry` calls each registered component as a plain\n * function: `componentFn(ctx)`. A `.vue` SFC (output of `defineComponent` or\n * `<script setup>`) is an **object**, not a function — calling it throws.\n *\n * More fundamentally, `defineRegistry` calls components inside its own render\n * function (the return value of `setup()`). Vue's `inject()` — and composables built\n * on it: `useStateBinding`, `useStateStore` — only work during synchronous `setup()`\n * execution, not inside render functions. Plain `.ts` `ComponentFn` files cannot\n * call any Vue composable for this reason.\n *\n * This wrapper auto-detects Vue SFCs in the `components` map and wraps them via\n * `h(SFC, ctx)`. The SFC renders as a child component with its own `setup()`,\n * giving full access to composables inside `<script setup>`.\n *\n * ## Usage\n *\n * Import `defineRegistry` from `@xmachines/play-vue` instead of `@json-render/vue`:\n *\n * ```ts\n * import { defineRegistry } from \"@xmachines/play-vue\";\n * // not: import { defineRegistry } from \"@json-render/vue\";\n *\n * import LoginSFC from \"./views/Login.vue\";\n * import DashboardSFC from \"./views/Dashboard.vue\";\n *\n * const { registry } = defineRegistry(catalog, {\n *   components: {\n *     Login: LoginSFC,       // .vue SFC — auto-wrapped\n *     Dashboard: DashboardSFC, // .vue SFC — auto-wrapped\n *   },\n * });\n * ```\n *\n * Plain `ComponentFn` functions still work and are passed through unchanged.\n * Mixing SFCs and plain functions in the same registry is supported.\n */\n\nimport { h, type Component } from \"vue\";\nimport {\n\tdefineRegistry as defineRegistryBase,\n\ttype ComponentContext,\n\ttype ComponentFn,\n\ttype Components,\n} from \"@json-render/vue\";\nimport type { Catalog, InferCatalogComponents } from \"@json-render/core\";\n\n/**\n * Detect whether a value is a Vue component object (SFC) rather than a plain\n * `ComponentFn` function.\n *\n * Vue SFCs produced by `defineComponent` or `<script setup>` compilation are\n * plain objects (not callable). A `ComponentFn` is always a plain function.\n */\nfunction isVueSFC(value: unknown): value is Component {\n\treturn typeof value === \"object\" && value !== null;\n}\n\n/**\n * Wrap a Vue SFC as a `ComponentFn` by rendering it via `h()`.\n *\n * The SFC receives the full `ComponentContext` as its props and renders in its\n * own child component `setup()`, where Vue composables work correctly.\n */\nfunction wrapSFC<C extends Catalog, K extends keyof InferCatalogComponents<C>>(\n\tcomponent: Component,\n): ComponentFn<C, K> {\n\treturn (ctx: ComponentContext<C, K>) => h(component, ctx);\n}\n\nexport type ComponentEntry<C extends Catalog, K extends keyof InferCatalogComponents<C>> =\n\t| ComponentFn<C, K>\n\t| Component;\n\nexport type ComponentsMap<C extends Catalog> = {\n\t[K in keyof InferCatalogComponents<C>]?: ComponentEntry<C, K>;\n};\n\nexport type DefineRegistryOptions<C extends Catalog> = Omit<\n\tParameters<typeof defineRegistryBase<C>>[1],\n\t\"components\"\n> & {\n\tcomponents?: ComponentsMap<C>;\n};\n\n/**\n * Create a component registry, automatically wrapping `.vue` SFCs so they work\n * correctly with `@json-render/vue`'s rendering pipeline.\n *\n * Drop-in replacement for `defineRegistry` from `@json-render/vue`. Import from\n * `@xmachines/play-vue` to get SFC support for free.\n *\n * @param catalog - The json-render catalog defining component prop shapes.\n * @param options - Registry options. `components` entries may be `.vue` SFCs\n *   (objects) or plain `ComponentFn` functions — both are handled automatically.\n */\nexport function defineRegistry<C extends Catalog>(\n\tcatalog: C,\n\toptions: DefineRegistryOptions<C>,\n): ReturnType<typeof defineRegistryBase<C>> {\n\tconst wrappedComponents = {} as Components<C>;\n\n\tfor (const [key, component] of Object.entries(options.components ?? {})) {\n\t\tif (component === undefined) continue;\n\t\tconst k = key as keyof InferCatalogComponents<C>;\n\t\twrappedComponents[k] = isVueSFC(component)\n\t\t\t? wrapSFC(component as Component)\n\t\t\t: (component as ComponentFn<C, typeof k>);\n\t}\n\n\tconst baseOptions = options as Parameters<typeof defineRegistryBase<C>>[1];\n\treturn defineRegistryBase(catalog, { ...baseOptions, components: wrappedComponents });\n}\n"],"mappings":";;;AAyEA,SAAS,EAAS,GAAoC;AACrD,QAAO,OAAO,KAAU,cAAY;;AASrC,SAAS,EACR,GACoB;AACpB,SAAQ,MAAgC,EAAE,GAAW,EAAI;;AA6B1D,SAAgB,EACf,GACA,GAC2C;CAC3C,IAAM,IAAoB,EAAE;AAE5B,MAAK,IAAM,CAAC,GAAK,MAAc,OAAO,QAAQ,EAAQ,cAAc,EAAE,CAAC,EAAE;AACxE,MAAI,MAAc,KAAA,EAAW;EAC7B,IAAM,IAAI;AACV,IAAkB,KAAK,EAAS,EAAU,GACvC,EAAQ,EAAuB,GAC9B;;AAIL,QAAO,EAAmB,GAAS;EAAE,GADjB;EACiC,YAAY;EAAmB,CAAC"}
+{"version":3,"file":"define-registry.js","names":[],"sources":["../src/define-registry.ts"],"sourcesContent":["/**\n * `defineRegistry` wrapper for @xmachines/play-vue.\n *\n * Wraps `defineRegistry` from `@json-render/vue` with automatic SFC support.\n *\n * ## Vue-specific — React and Solid do not need this\n *\n * In React, `useContext()` works anywhere inside the component call tree.\n * In Solid, `useContext()` works inside reactive computations and component renders.\n * Neither has the strict \"synchronous setup() only\" constraint that Vue's `inject()`\n * imposes — so their `defineRegistry` implementations call `componentFn(ctx)` directly\n * with no wrapping needed.\n *\n * For the DOM renderer, there is no component system at all — just render functions\n * returning `HTMLElement` — so injection context is not applicable.\n *\n * Only Vue requires this adapter.\n *\n * ## Why this wrapper exists\n *\n * `@json-render/vue`'s `defineRegistry` calls each registered component as a plain\n * function: `componentFn(ctx)`. A `.vue` SFC (output of `defineComponent` or\n * `<script setup>`) is an **object**, not a function — calling it throws.\n *\n * More fundamentally, `defineRegistry` calls components inside its own render\n * function (the return value of `setup()`). Vue's `inject()` — and composables built\n * on it: `useStateBinding`, `useStateStore` — only work during synchronous `setup()`\n * execution, not inside render functions. Plain `.ts` `ComponentFn` files cannot\n * call any Vue composable for this reason.\n *\n * This wrapper auto-detects Vue SFCs in the `components` map and wraps them via\n * `h(SFC, ctx)`. The SFC renders as a child component with its own `setup()`,\n * giving full access to composables inside `<script setup>`.\n *\n * ## Usage\n *\n * Import `defineRegistry` from `@xmachines/play-vue` instead of `@json-render/vue`:\n *\n * ```ts\n * import { defineRegistry } from \"@xmachines/play-vue\";\n * // not: import { defineRegistry } from \"@json-render/vue\";\n *\n * import LoginSFC from \"./views/Login.vue\";\n * import DashboardSFC from \"./views/Dashboard.vue\";\n *\n * const { registry } = defineRegistry(catalog, {\n *   components: {\n *     Login: LoginSFC,       // .vue SFC — auto-wrapped\n *     Dashboard: DashboardSFC, // .vue SFC — auto-wrapped\n *   },\n * });\n * ```\n *\n * Plain `ComponentFn` functions still work and are passed through unchanged.\n * Mixing SFCs and plain functions in the same registry is supported.\n */\n\nimport { h, type Component } from \"vue\";\nimport {\n\tdefineRegistry as defineRegistryBase,\n\ttype ComponentContext,\n\ttype ComponentFn,\n\ttype Components,\n} from \"@json-render/vue\";\nimport type { Catalog, InferCatalogComponents } from \"@json-render/core\";\n\n/**\n * Detect whether a value is a Vue component object (SFC) rather than a plain\n * `ComponentFn` function.\n *\n * Vue SFCs produced by `defineComponent` or `<script setup>` compilation are\n * plain objects (not callable). A `ComponentFn` is always a plain function.\n */\nfunction isVueSFC(value: unknown): value is Component {\n\tif (typeof value !== \"object\" || value === null) return false;\n\t// __vccOpts is set by vite-plugin-vue / vue-loader on every <script setup> SFC.\n\tif (\"__vccOpts\" in value) return true;\n\t// defineComponent() output has setup or render, but plain POJOs with those\n\t// keys should not be treated as components. Require the value to not be a function\n\t// (ComponentFn is a function, Vue SFCs are objects).\n\treturn typeof value !== \"function\" && (\"setup\" in value || \"render\" in value);\n}\n\n/**\n * Wrap a Vue SFC as a `ComponentFn` by rendering it via `h()`.\n *\n * The SFC receives the full `ComponentContext` as its props and renders in its\n * own child component `setup()`, where Vue composables work correctly.\n */\nfunction wrapSFC<C extends Catalog, K extends keyof InferCatalogComponents<C>>(\n\tcomponent: Component,\n): ComponentFn<C, K> {\n\treturn (ctx: ComponentContext<C, K>) => h(component, ctx);\n}\n\nexport type ComponentEntry<C extends Catalog, K extends keyof InferCatalogComponents<C>> =\n\t| ComponentFn<C, K>\n\t| Component;\n\nexport type ComponentsMap<C extends Catalog> = {\n\t[K in keyof InferCatalogComponents<C>]?: ComponentEntry<C, K>;\n};\n\nexport type DefineRegistryOptions<C extends Catalog> = Omit<\n\tParameters<typeof defineRegistryBase<C>>[1],\n\t\"components\"\n> & {\n\tcomponents?: ComponentsMap<C>;\n};\n\n/**\n * Create a component registry, automatically wrapping `.vue` SFCs so they work\n * correctly with `@json-render/vue`'s rendering pipeline.\n *\n * Drop-in replacement for `defineRegistry` from `@json-render/vue`. Import from\n * `@xmachines/play-vue` to get SFC support for free.\n *\n * @param catalog - The json-render catalog defining component prop shapes.\n * @param options - Registry options. `components` entries may be `.vue` SFCs\n *   (objects) or plain `ComponentFn` functions — both are handled automatically.\n */\nexport function defineRegistry<C extends Catalog>(\n\tcatalog: C,\n\toptions: DefineRegistryOptions<C>,\n): ReturnType<typeof defineRegistryBase<C>> {\n\tconst wrappedComponents = {} as Components<C>;\n\n\tfor (const [key, component] of Object.entries(options.components ?? {})) {\n\t\tif (component === undefined) continue;\n\t\tconst k = key as keyof InferCatalogComponents<C>;\n\t\twrappedComponents[k] = isVueSFC(component)\n\t\t\t? wrapSFC(component as Component)\n\t\t\t: (component as ComponentFn<C, typeof k>);\n\t}\n\n\tconst baseOptions = options as Parameters<typeof defineRegistryBase<C>>[1];\n\treturn defineRegistryBase(catalog, { ...baseOptions, components: wrappedComponents });\n}\n"],"mappings":";;;AAyEA,SAAS,EAAS,GAAoC;AAOrD,QANI,OAAO,KAAU,aAAY,IAAuB,KAEpD,eAAe,IAAc,KAI1B,OAAO,KAAU,eAAe,WAAW,KAAS,YAAY;;AASxE,SAAS,EACR,GACoB;AACpB,SAAQ,MAAgC,EAAE,GAAW,EAAI;;AA6B1D,SAAgB,EACf,GACA,GAC2C;CAC3C,IAAM,IAAoB,EAAE;AAE5B,MAAK,IAAM,CAAC,GAAK,MAAc,OAAO,QAAQ,EAAQ,cAAc,EAAE,CAAC,EAAE;AACxE,MAAI,MAAc,KAAA,EAAW;EAC7B,IAAM,IAAI;AACV,IAAkB,KAAK,EAAS,EAAU,GACvC,EAAQ,EAAuB,GAC9B;;AAIL,QAAO,EAAmB,GAAS;EAAE,GADjB;EACiC,YAAY;EAAmB,CAAC"}

package/dist/node_modules/@json-render/core/dist/index.js

@@ -84,102 +84,142 @@ function k(e) {
 function A(e) {
 	return typeof e == "object" && !!e && "$bindItem" in e && typeof e.$bindItem == "string";
 }
-function j(e) {
+function te(e) {
 	return typeof e == "object" && !!e && "$cond" in e && "$then" in e && "$else" in e;
 }
-function te(e) {
+function ne(e) {
 	return typeof e == "object" && !!e && "$computed" in e && typeof e.$computed == "string";
 }
-function ne(e) {
+function re(e) {
 	return typeof e == "object" && !!e && "$template" in e && typeof e.$template == "string";
 }
-var re = 100, M = /* @__PURE__ */ new Set(), N = 100, P = /* @__PURE__ */ new Set();
-function F(e, t) {
+var ie = 100, j = /* @__PURE__ */ new Set();
+function M(e, t) {
 	if (t.repeatBasePath == null) {
 		console.warn(`$bindItem used outside repeat scope: "${e}"`);
 		return;
 	}
 	return e === "" ? t.repeatBasePath : t.repeatBasePath + "/" + e;
 }
-function I(e, t) {
+function N(e, t) {
 	if (e == null) return e;
 	if (ee(e)) return p(t.stateModel, e.$state);
 	if (D(e)) return t.repeatItem === void 0 ? void 0 : e.$item === "" ? t.repeatItem : p(t.repeatItem, e.$item);
 	if (O(e)) return t.repeatIndex;
 	if (k(e)) return p(t.stateModel, e.$bindState);
 	if (A(e)) {
-		let n = F(e.$bindItem, t);
+		let n = M(e.$bindItem, t);
 		return n === void 0 ? void 0 : p(t.stateModel, n);
 	}
-	if (j(e)) return I(E(e.$cond, t) ? e.$then : e.$else, t);
-	if (te(e)) {
+	if (te(e)) return N(E(e.$cond, t) ? e.$then : e.$else, t);
+	if (ne(e)) {
 		let n = t.functions?.[e.$computed];
 		if (!n) {
-			M.has(e.$computed) || (M.size < re && M.add(e.$computed), console.warn(`Unknown $computed function: "${e.$computed}"`));
+			j.has(e.$computed) || (j.size < ie && j.add(e.$computed), console.warn(`Unknown $computed function: "${e.$computed}"`));
 			return;
 		}
 		let r = {};
-		if (e.args) for (let [n, i] of Object.entries(e.args)) r[n] = I(i, t);
+		if (e.args) for (let [n, i] of Object.entries(e.args)) r[n] = N(i, t);
 		return n(r);
 	}
-	if (ne(e)) return e.$template.replace(/\$\{([^}]+)\}/g, (e, n) => {
-		let r = n;
-		r.startsWith("/") || (P.has(r) || (P.size < N && P.add(r), console.warn(`$template path "${r}" should be a JSON Pointer starting with "/". Automatically resolving as "/${r}".`)), r = "/" + r);
-		let i = p(t.stateModel, r);
-		return i == null ? "" : String(i);
+	if (re(e)) return e.$template.replace(/\$\{([^}]+)\}/g, (e, n) => {
+		if (n.startsWith("/")) {
+			let e = p(t.stateModel, n);
+			return e == null ? "" : String(e);
+		}
+		if (t.repeatItem !== void 0) {
+			let e = p(t.repeatItem, n);
+			if (e != null) return String(e);
+		}
+		let r = p(t.stateModel, "/" + n);
+		return r == null ? "" : String(r);
 	});
-	if (Array.isArray(e)) return e.map((e) => I(e, t));
+	if (Array.isArray(e)) return e.map((e) => N(e, t));
 	if (typeof e == "object") {
 		let n = {};
-		for (let [r, i] of Object.entries(e)) n[r] = I(i, t);
+		for (let [r, i] of Object.entries(e)) n[r] = N(i, t);
 		return n;
 	}
 	return e;
 }
-function ie(e, t) {
+function ae(e, t) {
 	let n = {};
-	for (let [r, i] of Object.entries(e)) n[r] = I(i, t);
+	for (let [r, i] of Object.entries(e)) n[r] = N(i, t);
 	return n;
 }
-function ae(e, t) {
+function oe(e, t) {
 	let n;
 	for (let [r, i] of Object.entries(e)) if (k(i)) n ||= {}, n[r] = i.$bindState;
 	else if (A(i)) {
-		let e = F(i.$bindItem, t);
+		let e = M(i.$bindItem, t);
 		e !== void 0 && (n ||= {}, n[r] = e);
 	}
 	return n;
 }
-function oe(e, t) {
-	return D(e) ? F(e.$item, t) : O(e) ? t.repeatIndex : I(e, t);
+function se(e, t) {
+	return D(e) ? M(e.$item, t) : O(e) ? t.repeatIndex : N(e, t);
+}
+var P = /* @__PURE__ */ new Set();
+function ce(e) {
+	for (let t of P) {
+		let n = t.onDispatch;
+		if (n) try {
+			n(e);
+		} catch (e) {
+			process.env.NODE_ENV !== "production" && console.error("[json-render] action observer threw in onDispatch:", e);
+		}
+	}
+}
+function le(e) {
+	for (let t of P) {
+		let n = t.onSettle;
+		if (n) try {
+			n(e);
+		} catch (e) {
+			process.env.NODE_ENV !== "production" && console.error("[json-render] action observer threw in onSettle:", e);
+		}
+	}
+}
+var F = 0;
+function ue() {
+	return F += 1, `${Date.now()}-${F}`;
+}
+var de = 0, I = /* @__PURE__ */ new Set();
+function fe() {
+	return de > 0;
+}
+function L(e) {
+	return I.add(e), () => {
+		I.delete(e);
+	};
 }
-var se = s({
+var R = s({
 	title: l(),
 	message: l(),
 	confirmLabel: l().optional(),
 	cancelLabel: l().optional(),
 	variant: e(["default", "danger"]).optional()
-}), ce = u([
+}), z = u([
 	s({ navigate: l() }),
 	s({ set: c(l(), d()) }),
 	s({ action: l() })
-]), le = u([s({ set: c(l(), d()) }), s({ action: l() })]);
+]), B = u([s({ set: c(l(), d()) }), s({ action: l() })]);
 s({
 	action: l(),
 	params: c(l(), f).optional(),
-	confirm: se.optional(),
-	onSuccess: ce.optional(),
-	onError: le.optional(),
+	confirm: R.optional(),
+	onSuccess: z.optional(),
+	onError: B.optional(),
 	preventDefault: r().optional()
 });
-function ue(e, t) {
+function V(e, t) {
 	let n = {};
 	if (e.params) for (let [r, i] of Object.entries(e.params)) n[r] = m(i, t);
 	let r = e.confirm;
 	return r &&= {
 		...r,
-		message: L(r.message, t),
-		title: L(r.title, t)
+		message: H(r.message, t),
+		title: H(r.title, t)
 	}, {
 		action: e.action,
 		params: n,
@@ -188,13 +228,13 @@ function ue(e, t) {
 		onError: e.onError
 	};
 }
-function L(e, t) {
+function H(e, t) {
 	return e.replace(/\$\{([^}]+)\}/g, (e, n) => {
 		let r = m({ $state: n }, t);
 		return String(r ?? "");
 	});
 }
-async function R(e) {
+async function pe(e) {
 	let { action: t, handler: n, setState: r, navigate: i, executeAction: a } = e;
 	try {
 		if (await n(t.params), t.onSuccess) if ("navigate" in t.onSuccess && i) i(t.onSuccess.navigate);
@@ -219,7 +259,7 @@ s({
 	]).optional(),
 	enabled: v.optional()
 });
-var z = (e, t) => e === t?.other, B = {
+var U = (e, t) => e === t?.other, me = {
 	required: (e) => e == null ? !1 : typeof e == "string" ? e.trim().length > 0 : Array.isArray(e) ? e.length > 0 : !0,
 	email: (e) => typeof e == "string" ? /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e) : !1,
 	minLength: (e, t) => {
@@ -261,8 +301,8 @@ var z = (e, t) => e === t?.other, B = {
 			return !1;
 		}
 	},
-	matches: z,
-	equalTo: z,
+	matches: U,
+	equalTo: U,
 	lessThan: (e, t) => {
 		let n = t?.other;
 		if (e == null || n == null || e === "" || n === "") return !1;
@@ -279,10 +319,10 @@ var z = (e, t) => e === t?.other, B = {
 	},
 	requiredIf: (e, t) => t?.field ? e == null ? !1 : typeof e == "string" ? e.trim().length > 0 : Array.isArray(e) ? e.length > 0 : !0 : !0
 };
-function V(e, t) {
+function he(e, t) {
 	let { value: n, stateModel: r, customFunctions: i } = t, a = {};
-	if (e.args) for (let [t, n] of Object.entries(e.args)) a[t] = I(n, { stateModel: r });
-	let o = B[e.type] ?? i?.[e.type];
+	if (e.args) for (let [t, n] of Object.entries(e.args)) a[t] = N(n, { stateModel: r });
+	let o = me[e.type] ?? i?.[e.type];
 	if (!o) return console.warn(`Unknown validation function: ${e.type}`), {
 		type: e.type,
 		valid: !0,
@@ -295,7 +335,7 @@ function V(e, t) {
 		message: e.message
 	};
 }
-function H(e, t) {
+function ge(e, t) {
 	let n = [], r = [];
 	if (e.enabled && !E(e.enabled, { stateModel: t.stateModel })) return {
 		valid: !0,
@@ -303,7 +343,7 @@ function H(e, t) {
 		checks: []
 	};
 	if (e.checks) for (let i of e.checks) {
-		let e = V(i, t);
+		let e = he(i, t);
 		n.push(e), e.valid || r.push(e.message);
 	}
 	return {
@@ -312,11 +352,11 @@ function H(e, t) {
 		checks: n
 	};
 }
-var U = ["patch"];
-function de(e) {
-	return e?.modes?.length ? e.modes : U;
+var _e = ["patch"];
+function ve(e) {
+	return e?.modes?.length ? e.modes : _e;
 }
-function fe() {
+function ye() {
 	return [
 		"PATCH MODE (RFC 6902 JSON Patch):",
 		"Output one JSON object per line. Each line is a patch operation.",
@@ -326,7 +366,7 @@ function fe() {
 		"Only output patches for what needs to change."
 	].join("\n");
 }
-function pe() {
+function be() {
 	return [
 		"MERGE MODE (RFC 7396 JSON Merge Patch):",
 		"Output a single JSON object on one line with __json_edit set to true.",
@@ -340,7 +380,7 @@ function pe() {
 		"{\"__json_edit\":true,\"elements\":{\"old-widget\":null}}"
 	].join("\n");
 }
-function me() {
+function xe() {
 	return [
 		"DIFF MODE (unified diff):",
 		"Output a unified diff inside a ```diff code fence.",
@@ -356,7 +396,7 @@ function me() {
 		"```"
 	].join("\n");
 }
-function he() {
+function Se() {
 	return [
 		"PATCH MODE (RFC 6902 JSON Patch):",
 		"Output RFC 6902 JSON Patch lines inside a ```yaml-patch code fence.",
@@ -369,7 +409,7 @@ function he() {
 		"```"
 	].join("\n");
 }
-function ge() {
+function Ce() {
 	return [
 		"MERGE MODE (RFC 7396 JSON Merge Patch):",
 		"Output only the changed parts in a ```yaml-edit code fence.",
@@ -395,7 +435,7 @@ function ge() {
 		"```"
 	].join("\n");
 }
-function _e() {
+function we() {
 	return [
 		"DIFF MODE (unified diff):",
 		"Output a unified diff inside a ```diff code fence.",
@@ -411,44 +451,44 @@ function _e() {
 		"```"
 	].join("\n");
 }
-function ve(e) {
+function Te(e) {
 	if (e.length === 1) return "";
 	let t = ["Choose the best edit strategy for the requested change:"];
 	return e.includes("patch") && t.push("- PATCH: best for precise, targeted single-field updates"), e.includes("merge") && t.push("- MERGE: best for structural changes (add/remove elements, reparent children, update multiple props at once)"), e.includes("diff") && t.push("- DIFF: best for small text-level changes when you can see the exact lines to change"), t.join("\n");
 }
-function ye(e, t) {
-	let n = de(e), r = [];
+function Ee(e, t) {
+	let n = ve(e), r = [];
 	r.push("EDITING EXISTING SPECS:"), r.push("");
-	let i = ve(n);
+	let i = Te(n);
 	i && (r.push(i), r.push(""));
 	for (let e of n) {
 		if (t === "json") switch (e) {
 			case "patch":
-				r.push(fe());
+				r.push(ye());
 				break;
 			case "merge":
-				r.push(pe());
+				r.push(be());
 				break;
 			case "diff":
-				r.push(me());
+				r.push(xe());
 				break;
 		}
 		else switch (e) {
 			case "patch":
-				r.push(he());
+				r.push(Se());
 				break;
 			case "merge":
-				r.push(ge());
+				r.push(Ce());
 				break;
 			case "diff":
-				r.push(_e());
+				r.push(we());
 				break;
 		}
 		r.push("");
 	}
 	return r.join("\n");
 }
-function be() {
+function De() {
 	return {
 		string: () => ({ kind: "string" }),
 		number: () => ({ kind: "number" }),
@@ -482,26 +522,26 @@ function be() {
 		optional: () => ({ optional: !0 })
 	};
 }
-function xe(e, t) {
+function Oe(e, t) {
 	return {
-		definition: e(be()),
+		definition: e(De()),
 		promptTemplate: t?.promptTemplate,
 		defaultRules: t?.defaultRules,
 		builtInActions: t?.builtInActions,
 		createCatalog(e) {
-			return Se(this, e);
+			return ke(this, e);
 		}
 	};
 }
-function Se(e, t) {
-	let n = t.components, r = t.actions, i = n ? Object.keys(n) : [], a = r ? Object.keys(r) : [], o = Ce(e.definition, t);
+function ke(e, t) {
+	let n = t.components, r = t.actions, i = n ? Object.keys(n) : [], a = r ? Object.keys(r) : [], o = Ae(e.definition, t);
 	return {
 		schema: e,
 		data: t,
 		componentNames: i,
 		actionNames: a,
 		prompt(e = {}) {
-			return G(this, e);
+			return Me(this, e);
 		},
 		jsonSchema(e = {}) {
 			return $(o, e.strict ?? !1);
@@ -524,7 +564,7 @@ function Se(e, t) {
 		}
 	};
 }
-function Ce(e, t) {
+function Ae(e, t) {
 	return W(e.spec, t);
 }
 function W(i, u) {
@@ -547,29 +587,29 @@ function W(i, u) {
 			return c(l(), e);
 		}
 		case "ref": {
-			let t = i.inner, n = we(t, u);
+			let t = i.inner, n = je(t, u);
 			return n.length === 0 ? l() : n.length === 1 ? a(n[0]) : e(n);
 		}
 		case "propsOf": {
-			let e = i.inner, t = Te(e, u);
+			let e = i.inner, t = G(e, u);
 			return t.length === 0 ? c(l(), d()) : t.length === 1 ? t[0] : c(l(), d());
 		}
 		default: return d();
 	}
 }
-function we(e, t) {
+function je(e, t) {
 	let n = e.split("."), r = { catalog: t };
 	for (let e of n) if (r && typeof r == "object") r = r[e];
 	else return [];
 	return r && typeof r == "object" ? Object.keys(r) : [];
 }
-function Te(e, t) {
+function G(e, t) {
 	let n = e.split("."), r = { catalog: t };
 	for (let e of n) if (r && typeof r == "object") r = r[e];
 	else return [];
 	return r && typeof r == "object" ? Object.values(r).map((e) => e.props).filter((e) => e !== void 0) : [];
 }
-function G(e, t) {
+function Me(e, t) {
 	if (e.schema.promptTemplate) {
 		let n = {
 			catalog: e.data,
@@ -582,7 +622,7 @@ function G(e, t) {
 	}
 	let { system: n = "You are a UI generator that outputs JSON.", customRules: r = [], mode: i = "standalone" } = t, a = i === "chat" ? (console.warn("[json-render] mode \"chat\" is deprecated, use \"inline\" instead"), "inline") : i === "generate" ? (console.warn("[json-render] mode \"generate\" is deprecated, use \"standalone\" instead"), "standalone") : i, o = [];
 	o.push(n), o.push(""), a === "inline" ? (o.push("OUTPUT FORMAT (text + JSONL, RFC 6902 JSON Patch):"), o.push("You respond conversationally. When generating UI, first write a brief explanation (1-3 sentences), then output JSONL patch lines wrapped in a ```spec code fence."), o.push("The JSONL lines use RFC 6902 JSON Patch operations to build a UI tree. Always wrap them in a ```spec fence block:"), o.push("  ```spec"), o.push("  {\"op\":\"add\",\"path\":\"/root\",\"value\":\"main\"}"), o.push("  {\"op\":\"add\",\"path\":\"/elements/main\",\"value\":{\"type\":\"Card\",\"props\":{\"title\":\"Hello\"},\"children\":[]}}"), o.push("  ```"), o.push("If the user's message does not require a UI (e.g. a greeting or clarifying question), respond with text only — no JSONL.")) : (o.push("OUTPUT FORMAT (JSONL, RFC 6902 JSON Patch):"), o.push("Output JSONL (one JSON object per line) using RFC 6902 JSON Patch operations to build a UI tree.")), o.push("Each line is a JSON patch operation (add, remove, replace). Start with /root, then stream /elements and /state patches interleaved so the UI fills in progressively as it streams."), o.push(""), o.push("Example output (each line is a separate JSON object):"), o.push("");
-	let s = e.data.components, c = e.componentNames, l = c[0] || "Component", u = c.length > 1 ? c[1] : l, d = s?.[l], f = s?.[u], p = d ? K(d) : {}, m = f ? K(f) : {}, h = f?.props ? Ee(f.props) : null, g = h ? {
+	let s = e.data.components, c = e.componentNames, l = c[0] || "Component", u = c.length > 1 ? c[1] : l, d = s?.[l], f = s?.[u], p = d ? K(d) : {}, m = f ? K(f) : {}, h = f?.props ? Ne(f.props) : null, g = h ? {
 		...m,
 		[h]: { $item: "title" }
 	} : m, _ = [
@@ -699,7 +739,7 @@ Note: state patches appear right after the elements that use them, so the UI fil
 			eq: "home"
 		},
 		children: ["..."]
-	})}`), o.push("- `{ \"$state\": \"/path\" }` - visible when state at path is truthy"), o.push("- `{ \"$state\": \"/path\", \"not\": true }` - visible when state at path is falsy"), o.push("- `{ \"$state\": \"/path\", \"eq\": \"value\" }` - visible when state equals value"), o.push("- `{ \"$state\": \"/path\", \"neq\": \"value\" }` - visible when state does not equal value"), o.push("- `{ \"$state\": \"/path\", \"gt\": N }` / `gte` / `lt` / `lte` - numeric comparisons"), o.push("- Use ONE operator per condition (eq, neq, gt, gte, lt, lte). Do not combine multiple operators."), o.push("- Any condition can add `\"not\": true` to invert its result"), o.push("- `[condition, condition]` - all conditions must be true (implicit AND)"), o.push("- `{ \"$and\": [condition, condition] }` - explicit AND (use when nesting inside $or)"), o.push("- `{ \"$or\": [condition, condition] }` - at least one must be true (OR)"), o.push("- `true` / `false` - always visible/hidden"), o.push(""), o.push("Use a component with on.press bound to setState to update state and drive visibility."), o.push(`Example: A ${l} with on: { "press": { "action": "setState", "params": { "statePath": "/activeTab", "value": "home" } } } sets state, then a container with visible: { "$state": "/activeTab", "eq": "home" } shows only when that tab is active.`), o.push(""), o.push("For tab patterns where the first/default tab should be visible when no tab is selected yet, use $or to handle both cases: visible: { \"$or\": [{ \"$state\": \"/activeTab\", \"eq\": \"home\" }, { \"$state\": \"/activeTab\", \"not\": true }] }. This ensures the first tab is visible both when explicitly selected AND when /activeTab is not yet set."), o.push(""), o.push("DYNAMIC PROPS:"), o.push("Any prop value can be a dynamic expression that resolves based on state. Three forms are supported:"), o.push(""), o.push("1. Read-only state: `{ \"$state\": \"/statePath\" }` - resolves to the value at that state path (one-way read)."), o.push("   Example: `\"color\": { \"$state\": \"/theme/primary\" }` reads the color from state."), o.push(""), o.push("2. Two-way binding: `{ \"$bindState\": \"/statePath\" }` - resolves to the value at the state path AND enables write-back. Use on form input props (value, checked, pressed, etc.)."), o.push("   Example: `\"value\": { \"$bindState\": \"/form/email\" }` binds the input value to /form/email."), o.push("   Inside repeat scopes: `\"checked\": { \"$bindItem\": \"completed\" }` binds to the current item's completed field."), o.push(""), o.push("3. Conditional: `{ \"$cond\": <condition>, \"$then\": <value>, \"$else\": <value> }` - evaluates the condition (same syntax as visibility conditions) and picks the matching value."), o.push("   Example: `\"color\": { \"$cond\": { \"$state\": \"/activeTab\", \"eq\": \"home\" }, \"$then\": \"#007AFF\", \"$else\": \"#8E8E93\" }`"), o.push(""), o.push("Use $bindState for form inputs (text fields, checkboxes, selects, sliders, etc.) and $state for read-only data display. Inside repeat scopes, use $bindItem for form inputs bound to the current item. Use dynamic props instead of duplicating elements with opposing visible conditions when only prop values differ."), o.push(""), o.push("4. Template: `{ \"$template\": \"Hello, ${/name}!\" }` - interpolates `${/path}` references in the string with values from the state model."), o.push("   Example: `\"label\": { \"$template\": \"Items: ${/cart/count} | Total: ${/cart/total}\" }` renders \"Items: 3 | Total: 42.00\" when /cart/count is 3 and /cart/total is 42.00."), o.push("");
+	})}`), o.push("- `{ \"$state\": \"/path\" }` - visible when state at path is truthy"), o.push("- `{ \"$state\": \"/path\", \"not\": true }` - visible when state at path is falsy"), o.push("- `{ \"$state\": \"/path\", \"eq\": \"value\" }` - visible when state equals value"), o.push("- `{ \"$state\": \"/path\", \"neq\": \"value\" }` - visible when state does not equal value"), o.push("- `{ \"$state\": \"/path\", \"gt\": N }` / `gte` / `lt` / `lte` - numeric comparisons"), o.push("- Use ONE operator per condition (eq, neq, gt, gte, lt, lte). Do not combine multiple operators."), o.push("- Any condition can add `\"not\": true` to invert its result"), o.push("- `[condition, condition]` - all conditions must be true (implicit AND)"), o.push("- `{ \"$and\": [condition, condition] }` - explicit AND (use when nesting inside $or)"), o.push("- `{ \"$or\": [condition, condition] }` - at least one must be true (OR)"), o.push("- `true` / `false` - always visible/hidden"), o.push(""), o.push("Use a component with on.press bound to setState to update state and drive visibility."), o.push(`Example: A ${l} with on: { "press": { "action": "setState", "params": { "statePath": "/activeTab", "value": "home" } } } sets state, then a container with visible: { "$state": "/activeTab", "eq": "home" } shows only when that tab is active.`), o.push(""), o.push("For tab patterns where the first/default tab should be visible when no tab is selected yet, use $or to handle both cases: visible: { \"$or\": [{ \"$state\": \"/activeTab\", \"eq\": \"home\" }, { \"$state\": \"/activeTab\", \"not\": true }] }. This ensures the first tab is visible both when explicitly selected AND when /activeTab is not yet set."), o.push(""), o.push("DYNAMIC PROPS:"), o.push("Any prop value can be a dynamic expression that resolves based on state. Three forms are supported:"), o.push(""), o.push("1. Read-only state: `{ \"$state\": \"/statePath\" }` - resolves to the value at that state path (one-way read)."), o.push("   Example: `\"color\": { \"$state\": \"/theme/primary\" }` reads the color from state."), o.push(""), o.push("2. Two-way binding: `{ \"$bindState\": \"/statePath\" }` - resolves to the value at the state path AND enables write-back. Use on form input props (value, checked, pressed, etc.)."), o.push("   Example: `\"value\": { \"$bindState\": \"/form/email\" }` binds the input value to /form/email."), o.push("   Inside repeat scopes: `\"checked\": { \"$bindItem\": \"completed\" }` binds to the current item's completed field."), o.push(""), o.push("3. Conditional: `{ \"$cond\": <condition>, \"$then\": <value>, \"$else\": <value> }` - evaluates the condition (same syntax as visibility conditions) and picks the matching value."), o.push("   Example: `\"color\": { \"$cond\": { \"$state\": \"/activeTab\", \"eq\": \"home\" }, \"$then\": \"#007AFF\", \"$else\": \"#8E8E93\" }`"), o.push(""), o.push("Use $bindState for form inputs (text fields, checkboxes, selects, sliders, etc.) and $state for read-only data display. Inside repeat scopes, use $bindItem for form inputs bound to the current item. Use dynamic props instead of duplicating elements with opposing visible conditions when only prop values differ."), o.push(""), o.push("4. Template: `{ \"$template\": \"Hello, ${/name}!\" }` - interpolates references in the string. Absolute paths like `${/path}` resolve against the state model. Bare names like `${field}` resolve against the current repeat item first, then fall back to the state model at `/<field>`."), o.push("   Example: `\"label\": { \"$template\": \"Items: ${/cart/count} | Total: ${/cart/total}\" }` renders \"Items: 3 | Total: 42.00\" when /cart/count is 3 and /cart/total is 42.00. Inside a repeat, `{ \"$template\": \"${name} - ${email}\" }` reads name and email from each item."), o.push("");
 	let C = e.data.functions;
 	if (C && Object.keys(C).length > 0) {
 		o.push("5. Computed: `{ \"$computed\": \"<functionName>\", \"args\": { \"key\": <expression> } }` - calls a registered function with resolved args and returns the result."), o.push("   Example: `\"value\": { \"$computed\": \"fullName\", \"args\": { \"first\": { \"$state\": \"/form/firstName\" }, \"last\": { \"$state\": \"/form/lastName\" } } }`"), o.push("   Available functions:");
@@ -723,7 +763,7 @@ Note: state patches appear right after the elements that use them, so the UI fil
 		children: []
 	})}`), o.push(""), o.push("Use `watch` for cascading dependencies where changing one field should trigger side effects (loading data, resetting dependent fields, computing derived values)."), o.push("IMPORTANT: `watch` is a top-level field on the element (sibling of type/props/children), NOT inside props. Watchers only fire when the value changes, not on initial render."), o.push(""));
 	let w = t.editModes;
-	w && w.length > 0 && o.push(ye({ modes: w }, "json")), o.push("RULES:");
+	w && w.length > 0 && o.push(Ee({ modes: w }, "json")), o.push("RULES:");
 	let T = a === "inline" ? [
 		"When generating UI, wrap all JSONL patches in a ```spec code fence - one JSON object per line inside the fence",
 		"Write a brief conversational response before any JSONL output",
@@ -807,7 +847,7 @@ function J(e) {
 		default: return "...";
 	}
 }
-function Ee(e) {
+function Ne(e) {
 	if (!e || !e._def) return null;
 	let t = e._def, n = Y(e);
 	if (n !== "ZodObject" && n !== "object") return null;
@@ -835,7 +875,10 @@ function X(e) {
 		case "ZodBoolean":
 		case "boolean": return "boolean";
 		case "ZodLiteral":
-		case "literal": return JSON.stringify(t.value);
+		case "literal": {
+			let e = t.values?.[0] ?? t.value;
+			return JSON.stringify(e);
+		}
 		case "ZodEnum":
 		case "enum": {
 			let e;
@@ -869,6 +912,16 @@ function X(e) {
 			let e = t.options;
 			return e ? e.map((e) => X(e)).join(" | ") : "unknown";
 		}
+		case "ZodRecord":
+		case "record": {
+			let e = t.keyType ?? void 0, n = t.valueType ?? t.element ?? void 0;
+			return `Record<${e ? X(e) : "string"}, ${n ? X(n) : "unknown"}>`;
+		}
+		case "ZodDefault":
+		case "default": {
+			let e = t.innerType ?? t.wrapped;
+			return e ? X(e) : "unknown";
+		}
 		default: return "unknown";
 	}
 }
@@ -951,6 +1004,6 @@ function $(e, t = !1) {
 	}
 }
 //#endregion
-export { xe as defineSchema, E as evaluateVisibility, R as executeAction, ue as resolveAction, oe as resolveActionParam, ae as resolveBindings, ie as resolveElementProps, H as runValidation };
+export { Oe as defineSchema, E as evaluateVisibility, pe as executeAction, fe as isDevtoolsActive, ue as nextActionDispatchId, ce as notifyActionDispatch, le as notifyActionSettle, V as resolveAction, se as resolveActionParam, oe as resolveBindings, ae as resolveElementProps, ge as runValidation, L as subscribeDevtoolsActive };
 
 //# sourceMappingURL=index.js.map