schema-components 1.21.0 → 1.23.0

package/dist/html/renderers.mjs

@@ -1,20 +1,64 @@
+import { isObject } from "../core/guards.mjs";
+import { dateInputType } from "../core/formats.mjs";
 import { isSafeHyperlink, isSafeMailtoAddress } from "../core/uri.mjs";
+import { SC_CLASSES } from "../core/cssClasses.mjs";
 import { sortFieldsByOrder } from "../core/fieldOrder.mjs";
+import { fieldDomId, panelIdFor, tabIdFor } from "../core/idPath.mjs";
+import { matchUnionOption, resolveDiscriminatedActive } from "../core/unionMatch.mjs";
+import { displayJsonValue } from "../core/walkBuilders.mjs";
 import { h, raw, serialize } from "./html.mjs";
 import { ariaDescribedByAttrs, ariaLabelAttrs, ariaReadonlyAttrs, ariaRequiredAttrs, buildHintElement, buildInputId, requiredIndicator } from "./a11y.mjs";
 //#region src/html/renderers.ts
-function dateInputType(format) {
-	if (format === "date") return "date";
-	if (format === "time") return "time";
-	if (format === "date-time" || format === "datetime") return "datetime-local";
-}
 /**
-* Normalise a structural path into a valid, `sc-` prefixed HTML ID.
-* Dots (object nesting) and brackets (array indices) become hyphens so
-* the id remains a valid CSS selector and predictable in test queries.
+* Thin wrapper over `fieldDomId` from `core/idPath.ts`. Every render
+* pipeline must derive ids from the same canonical normaliser so that
+* `aria-controls`, `aria-labelledby`, and `htmlFor` references resolve
+* consistently across the React, sync-HTML, and streaming-HTML outputs.
+*
+* The wrapper tolerates an empty path here (returning `sc-`) for the
+* sole reason that a leaf renderer at the schema root would otherwise
+* throw — `renderToHtml(z.string())` is a rare but valid call shape.
+* Container renderers thread a non-empty path through `renderChild`, so
+* the empty-id fallback can never produce sibling collisions inside a
+* structured form.
+*
+* TODO(round7-integration): once `renderToHtml` always threads a stable
+* root path (e.g. `"$"`) into the leaf renderers, drop this wrapper and
+* call `fieldDomId` directly so the throw fires as designed.
 */
 function fieldId(path) {
-	return `sc-${path.replace(/[.[\]]+/g, "-").replace(/-+$/g, "")}`;
+	if (path.length === 0) return "sc-";
+	return fieldDomId(path);
+}
+/**
+* Tab-panel id for a discriminated union at `path`. Delegates to the
+* canonical `panelIdFor` from `core/idPath.ts` for the normal case so
+* the sync, streaming, and React renderers all emit identical ids; falls
+* back to a structurally-equivalent string when the renderer is invoked
+* with an empty root path (a discriminated union at the schema root —
+* see the `fieldId` doc comment for the wider context).
+*
+* Exported because `streamRenderers.ts` needs to derive identical ids
+* — the panel id on the `<div role="tabpanel">` must match the
+* `aria-controls` on every tab regardless of which pipeline rendered it.
+*
+* TODO(round7-integration): drop the empty-path branch once `renderToHtml`
+* threads a stable root path so `panelIdFor` can be called directly.
+*/
+function panelId(path) {
+	if (path.length === 0) return `${fieldId(path)}-panel`;
+	return panelIdFor(path);
+}
+/**
+* Tab id for tab `i` within a discriminated union at `path`. Mirror of
+* `panelId` above — see its comment.
+*
+* TODO(round7-integration): drop the empty-path branch once `renderToHtml`
+* threads a stable root path so `tabIdFor` can be called directly.
+*/
+function tabId(path, i) {
+	if (path.length === 0) return `${fieldId(path)}-tab-${String(i)}`;
+	return tabIdFor(path, i);
 }
 function renderStringHtml(props) {
 	if (props.readOnly) return serialize(renderStringReadOnly(props));
@@ -23,22 +67,22 @@ function renderStringHtml(props) {
 function renderStringReadOnly(props) {
 	const strValue = typeof props.value === "string" ? props.value : void 0;
 	if (strValue === void 0 || strValue.length === 0) return h("span", {
-		class: "sc-value sc-value--empty",
+		class: SC_CLASSES.valueEmpty,
 		...ariaReadonlyAttrs()
 	}, "—");
 	const format = props.constraints.format;
 	if (format === "email" && isSafeMailtoAddress(strValue)) return h("a", {
-		class: "sc-value",
+		class: SC_CLASSES.value,
 		href: `mailto:${strValue}`,
 		...ariaReadonlyAttrs()
 	}, strValue);
 	if ((format === "uri" || format === "url") && isSafeHyperlink(strValue)) return h("a", {
-		class: "sc-value",
+		class: SC_CLASSES.value,
 		href: strValue,
 		...ariaReadonlyAttrs()
 	}, strValue);
 	return h("span", {
-		class: "sc-value",
+		class: SC_CLASSES.value,
 		...ariaReadonlyAttrs()
 	}, strValue);
 }
@@ -48,7 +92,7 @@ function renderStringEditable(props) {
 	const inputType = dateInputType(format) ?? (format === "email" ? "email" : format === "uri" ? "url" : "text");
 	const id = fieldId(props.path);
 	const attrs = {
-		class: "sc-input",
+		class: SC_CLASSES.input,
 		id,
 		type: inputType,
 		name: id
@@ -67,11 +111,11 @@ function renderNumberHtml(props) {
 }
 function renderNumberReadOnly(props) {
 	if (typeof props.value !== "number") return h("span", {
-		class: "sc-value sc-value--empty",
+		class: SC_CLASSES.valueEmpty,
 		...ariaReadonlyAttrs()
 	}, "—");
 	return h("span", {
-		class: "sc-value",
+		class: SC_CLASSES.value,
 		...ariaReadonlyAttrs()
 	}, props.value.toLocaleString());
 }
@@ -79,7 +123,7 @@ function renderNumberEditable(props) {
 	const numValue = typeof props.value === "number" ? String(props.value) : "";
 	const id = fieldId(props.path);
 	const attrs = {
-		class: "sc-input",
+		class: SC_CLASSES.input,
 		id,
 		type: "number",
 		name: id
@@ -97,7 +141,7 @@ function renderBooleanHtml(props) {
 }
 function renderBooleanReadOnly(props) {
 	if (typeof props.value !== "boolean") return h("span", {
-		class: "sc-value sc-value--empty",
+		class: SC_CLASSES.valueEmpty,
 		...ariaReadonlyAttrs()
 	}, "—");
 	return h("span", {
@@ -108,7 +152,7 @@ function renderBooleanReadOnly(props) {
 function renderBooleanEditable(props) {
 	const id = fieldId(props.path);
 	const attrs = {
-		class: "sc-input",
+		class: SC_CLASSES.input,
 		id,
 		type: "checkbox",
 		name: id
@@ -125,11 +169,11 @@ function renderEnumHtml(props) {
 function renderEnumReadOnly(props) {
 	const enumValue = typeof props.value === "string" ? props.value : "";
 	if (enumValue.length === 0) return h("span", {
-		class: "sc-value sc-value--empty",
+		class: SC_CLASSES.valueEmpty,
 		...ariaReadonlyAttrs()
 	}, "—");
 	return h("span", {
-		class: "sc-value",
+		class: SC_CLASSES.value,
 		...ariaReadonlyAttrs()
 	}, enumValue);
 }
@@ -138,14 +182,14 @@ function renderEnumEditable(props) {
 	const id = fieldId(props.path);
 	const selectedValue = props.writeOnly ? "" : enumValue;
 	const enumValues = props.tree.type === "enum" ? props.tree.enumValues : [];
-	const optionNodes = [h("option", { value: "" }, "Select…"), ...enumValues.map((v) => {
-		const display = v === null ? "null" : typeof v === "string" ? v : String(v);
+	const optionNodes = [h("option", { value: "" }, `Select…`), ...enumValues.map((v) => {
+		const display = displayJsonValue(v);
 		const attrs = { value: display };
 		if (display === selectedValue) attrs.selected = true;
 		return h("option", attrs, display);
 	})];
 	const selectAttrs = {
-		class: "sc-input",
+		class: SC_CLASSES.input,
 		id,
 		name: id
 	};
@@ -158,8 +202,7 @@ function renderObjectHtml(props) {
 function renderObjectNode(props) {
 	if (props.tree.type !== "object") return "";
 	const fields = props.tree.fields;
-	const isRecord = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
-	const obj = isRecord(props.value) ? props.value : {};
+	const obj = isObject(props.value) ? props.value : {};
 	const descriptionText = typeof props.meta.description === "string" ? props.meta.description : void 0;
 	const legend = descriptionText !== void 0 ? h("legend", {}, descriptionText) : void 0;
 	const sortedEntries = sortFieldsByOrder(fields).filter(([, field]) => field.meta.visible !== false);
@@ -170,10 +213,10 @@ function renderObjectNode(props) {
 			const label = typeof field.meta.description === "string" ? field.meta.description : key;
 			const childValue = obj[key];
 			const childHtml = props.renderChild(field, childValue, key);
-			children.push(h("dt", { class: "sc-label" }, label));
-			children.push(h("dd", { class: "sc-value" }, raw(childHtml)));
+			children.push(h("dt", { class: SC_CLASSES.label }, label));
+			children.push(h("dd", { class: SC_CLASSES.value }, raw(childHtml)));
 		}
-		const dlAttrs = { class: "sc-object" };
+		const dlAttrs = { class: SC_CLASSES.object };
 		Object.assign(dlAttrs, ariaLabelAttrs(descriptionText));
 		return h("dl", dlAttrs, ...children);
 	}
@@ -188,14 +231,14 @@ function renderObjectNode(props) {
 		const labelContent = [label];
 		if (required !== void 0) labelContent.push(required);
 		const fieldChildren = [h("label", {
-			class: "sc-label",
+			class: SC_CLASSES.label,
 			for: fieldId
 		}, ...labelContent), raw(childHtml)];
 		const hint = buildHintElement(fieldId, field.constraints);
 		if (hint !== void 0) fieldChildren.push(hint);
-		children.push(h("div", { class: "sc-field" }, ...fieldChildren));
+		children.push(h("div", { class: SC_CLASSES.field }, ...fieldChildren));
 	}
-	const fieldsetAttrs = { class: "sc-object" };
+	const fieldsetAttrs = { class: SC_CLASSES.object };
 	Object.assign(fieldsetAttrs, ariaLabelAttrs(descriptionText));
 	return h("fieldset", fieldsetAttrs, ...children);
 }
@@ -207,124 +250,111 @@ function renderArrayNode(props) {
 	const element = props.tree.type === "array" ? props.tree.element : void 0;
 	if (element === void 0) return "";
 	const childHtmls = arr.map((item, i) => props.renderChild(element, item, `[${String(i)}]`));
-	if (props.readOnly) return h("ul", { class: "sc-array" }, ...childHtmls.map((childHtml) => h("li", { class: "sc-item" }, raw(childHtml))));
-	return h("div", { class: "sc-array" }, ...childHtmls.map((childHtml) => h("div", {}, raw(childHtml))));
+	if (props.readOnly) {
+		const items = childHtmls.map((childHtml) => h("li", { class: "sc-item" }, raw(childHtml)));
+		return h("ul", { class: SC_CLASSES.array }, ...items);
+	}
+	const divItems = childHtmls.map((childHtml) => h("div", {}, raw(childHtml)));
+	return h("div", { class: SC_CLASSES.array }, ...divItems);
 }
 function renderRecordHtml(props) {
 	return serialize(renderRecordNode(props));
 }
 function renderRecordNode(props) {
 	if (props.tree.type !== "record") return "";
-	const isRecord = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
-	const obj = isRecord(props.value) ? props.value : {};
+	const obj = isObject(props.value) ? props.value : {};
 	const valueType = props.tree.valueType;
 	const attrs = {
-		class: "sc-record",
+		class: SC_CLASSES.record,
 		role: "group"
 	};
 	if (props.readOnly) {
 		const children = [];
 		for (const [key, val] of Object.entries(obj)) {
 			const childHtml = props.renderChild(valueType, val, key);
-			children.push(h("dt", { class: "sc-label" }, key));
-			children.push(h("dd", { class: "sc-value" }, raw(childHtml)));
+			children.push(h("dt", { class: SC_CLASSES.label }, key));
+			children.push(h("dd", { class: SC_CLASSES.value }, raw(childHtml)));
 		}
 		return h("dl", attrs, ...children);
 	}
 	const children = [];
 	for (const [key, val] of Object.entries(obj)) {
 		const childHtml = props.renderChild(valueType, val, key);
-		children.push(h("div", { class: "sc-field" }, h("label", { class: "sc-label" }, key), raw(childHtml)));
+		children.push(h("div", { class: SC_CLASSES.field }, h("label", { class: SC_CLASSES.label }, key), raw(childHtml)));
 	}
 	return h("div", attrs, ...children);
 }
 function renderLiteralHtml(props) {
-	if (props.tree.type !== "literal") return serialize(h("span", { class: "sc-value sc-value--empty" }, "—"));
+	if (props.tree.type !== "literal") return serialize(h("span", { class: SC_CLASSES.valueEmpty }, "—"));
 	const values = props.tree.literalValues;
-	if (values.length === 0) return serialize(h("span", { class: "sc-value sc-value--empty" }, "—"));
-	return serialize(h("span", { class: "sc-value" }, values.map((v) => v === null ? "null" : String(v)).join(", ")));
+	if (values.length === 0) return serialize(h("span", { class: SC_CLASSES.valueEmpty }, "—"));
+	const display = values.map((v) => displayJsonValue(v)).join(", ");
+	return serialize(h("span", { class: SC_CLASSES.value }, display));
 }
 function renderUnionHtml(props) {
 	const options = props.tree.type === "union" || props.tree.type === "discriminatedUnion" ? props.tree.options : void 0;
 	if (options === void 0 || options.length === 0) {
-		if (props.value === void 0 || props.value === null) return serialize(h("span", { class: "sc-value sc-value--empty" }, "—"));
-		return serialize(h("span", { class: "sc-value" }, JSON.stringify(props.value)));
+		if (props.value === void 0 || props.value === null) return serialize(h("span", { class: SC_CLASSES.valueEmpty }, "—"));
+		return serialize(h("span", { class: SC_CLASSES.value }, JSON.stringify(props.value)));
 	}
 	const matched = matchUnionOption(options, props.value);
 	if (matched !== void 0) return props.renderChild(matched, props.value);
 	const firstOption = options[0];
 	if (firstOption !== void 0) return props.renderChild(firstOption, props.value);
-	return serialize(h("span", { class: "sc-value sc-value--empty" }, "—"));
+	return serialize(h("span", { class: SC_CLASSES.valueEmpty }, "—"));
 }
 function renderDiscriminatedUnionHtml(props) {
-	const options = props.tree.type === "discriminatedUnion" ? props.tree.options : void 0;
-	const discriminator = props.tree.type === "discriminatedUnion" ? props.tree.discriminator : void 0;
-	if (options === void 0 || options.length === 0) {
-		if (props.value === void 0 || props.value === null) return serialize(h("span", { class: "sc-value sc-value--empty" }, "—"));
-		return serialize(h("span", { class: "sc-value" }, JSON.stringify(props.value)));
+	if (props.tree.type !== "discriminatedUnion") {
+		if (props.value === void 0 || props.value === null) return serialize(h("span", { class: SC_CLASSES.valueEmpty }, "—"));
+		return serialize(h("span", { class: SC_CLASSES.value }, JSON.stringify(props.value)));
 	}
-	const isRecord = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
-	const obj = isRecord(props.value) ? props.value : {};
-	const discKey = discriminator ?? "";
-	const currentDiscriminatorValue = typeof obj[discKey] === "string" ? obj[discKey] : void 0;
-	const optionLabels = options.map((opt) => {
-		if (opt.type === "object") {
-			const discriminatorField = opt.fields[discKey];
-			if (discriminatorField?.type === "literal") {
-				const constVal = discriminatorField.literalValues[0];
-				if (typeof constVal === "string") return constVal;
-			}
-		}
-		return typeof opt.meta.title === "string" ? opt.meta.title : opt.type;
-	});
-	let activeIndex = 0;
-	if (currentDiscriminatorValue !== void 0) {
-		const found = optionLabels.indexOf(currentDiscriminatorValue);
-		if (found !== -1) activeIndex = found;
+	const { options, discriminator } = props.tree;
+	if (options.length === 0) {
+		if (props.value === void 0 || props.value === null) return serialize(h("span", { class: SC_CLASSES.valueEmpty }, "—"));
+		return serialize(h("span", { class: SC_CLASSES.value }, JSON.stringify(props.value)));
 	}
-	const activeOption = options[activeIndex];
+	const { optionLabels, activeIndex, activeOption } = resolveDiscriminatedActive(options, discriminator, isObject(props.value) ? props.value : void 0);
 	if (props.readOnly) {
 		if (activeOption !== void 0) return props.renderChild(activeOption, props.value);
-		return serialize(h("span", { class: "sc-value sc-value--empty" }, "—"));
+		return serialize(h("span", { class: SC_CLASSES.valueEmpty }, "—"));
 	}
-	const baseId = fieldId(props.path);
-	const panelId = `${baseId}-panel`;
-	const tabId = (i) => `${baseId}-tab-${String(i)}`;
-	const children = [h("div", {
-		role: "tablist",
-		class: "sc-tabs",
-		"aria-label": "Select variant"
-	}, ...options.map((_opt, i) => {
+	const tabPanelId = panelId(props.path);
+	const tabButtons = options.map((_opt, i) => {
 		return h("button", {
 			type: "button",
 			role: "tab",
-			class: i === activeIndex ? "sc-tab sc-tab--active" : "sc-tab",
-			id: tabId(i),
+			class: i === activeIndex ? SC_CLASSES.tabActive : SC_CLASSES.tab,
+			id: tabId(props.path, i),
 			"aria-selected": i === activeIndex ? "true" : void 0,
-			"aria-controls": panelId,
+			"aria-controls": tabPanelId,
 			tabindex: i === activeIndex ? "0" : "-1"
 		}, optionLabels[i]);
-	}))];
+	});
+	const children = [h("div", {
+		role: "tablist",
+		class: SC_CLASSES.tabs,
+		"aria-label": "Select variant"
+	}, ...tabButtons)];
 	if (activeOption !== void 0) {
 		const childHtml = props.renderChild(activeOption, props.value);
 		children.push(h("div", {
 			role: "tabpanel",
-			id: panelId,
-			"aria-labelledby": tabId(activeIndex)
+			id: tabPanelId,
+			"aria-labelledby": tabId(props.path, activeIndex)
 		}, raw(childHtml)));
 	}
-	return serialize(h("div", { class: "sc-discriminated-union" }, ...children));
+	return serialize(h("div", { class: SC_CLASSES.discriminatedUnion }, ...children));
 }
 function renderFileHtml(props) {
 	const id = fieldId(props.path);
 	const accept = props.constraints.mimeTypes?.join(",");
 	if (props.readOnly) return serialize(h("span", {
-		class: "sc-value",
+		class: SC_CLASSES.value,
 		id,
 		...ariaReadonlyAttrs()
 	}, "File field"));
 	const attrs = {
-		class: "sc-input",
+		class: SC_CLASSES.input,
 		id,
 		type: "file",
 		name: id
@@ -334,21 +364,18 @@ function renderFileHtml(props) {
 	if (typeof props.meta.description === "string") Object.assign(attrs, ariaLabelAttrs(props.meta.description));
 	return serialize(h("input", attrs));
 }
-function renderRecursiveHtml(props) {
-	const refTarget = props.tree.type === "recursive" ? props.tree.refTarget : "";
-	return serialize(h("fieldset", { class: "sc-recursive" }, `↻ ${typeof props.meta.description === "string" ? props.meta.description : refTarget} (recursive)`));
-}
 function renderUnknownHtml(props) {
 	if (props.readOnly) {
-		if (props.value === void 0 || props.value === null) return serialize(h("span", { class: "sc-value sc-value--empty" }, "—"));
-		if (typeof props.value === "string") return serialize(h("span", { class: "sc-value" }, props.value));
-		return serialize(h("span", { class: "sc-value" }, JSON.stringify(props.value)));
+		if (props.value === void 0 || props.value === null) return serialize(h("span", { class: SC_CLASSES.valueEmpty }, "—"));
+		if (typeof props.value === "string") return serialize(h("span", { class: SC_CLASSES.value }, props.value));
+		return serialize(h("span", { class: SC_CLASSES.value }, JSON.stringify(props.value)));
 	}
 	const strValue = typeof props.value === "string" ? props.value : "";
+	const name = props.path;
 	const attrs = {
-		class: "sc-input",
+		class: SC_CLASSES.input,
 		type: "text",
-		name: props.path
+		name
 	};
 	if (!props.writeOnly) attrs.value = strValue;
 	return serialize(h("input", attrs));
@@ -364,26 +391,26 @@ function renderTupleHtml(props) {
 		const element = prefixItems[i];
 		if (element === void 0) continue;
 		const childHtml = props.renderChild(element, itemValue, `[${String(i)}]`);
-		children.push(h("div", { class: "sc-tuple-item" }, h("span", { class: "sc-tuple-index" }, String(i)), raw(childHtml)));
+		children.push(h("div", { class: SC_CLASSES.tupleItem }, h("span", { class: SC_CLASSES.tupleIndex }, String(i)), raw(childHtml)));
 	}
 	if (restItems !== void 0) for (let i = prefixItems.length; i < arr.length; i++) {
 		const itemValue = arr[i];
 		const childHtml = props.renderChild(restItems, itemValue, `[${String(i)}]`);
-		children.push(h("div", { class: "sc-tuple-item sc-tuple-rest" }, h("span", { class: "sc-tuple-index" }, String(i)), raw(childHtml)));
+		children.push(h("div", { class: `${SC_CLASSES.tupleItem} ${SC_CLASSES.tupleRest}` }, h("span", { class: SC_CLASSES.tupleIndex }, String(i)), raw(childHtml)));
 	}
-	return serialize(h("div", { class: "sc-tuple" }, ...children));
+	return serialize(h("div", { class: SC_CLASSES.tuple }, ...children));
 }
 function renderConditionalHtml(props) {
 	const children = [];
 	if (props.tree.type === "conditional") {
-		children.push(h("div", { class: "sc-conditional-if" }, raw("if: ...")));
-		if (props.tree.thenClause !== void 0) children.push(h("div", { class: "sc-conditional-then" }, raw("then: ...")));
-		if (props.tree.elseClause !== void 0) children.push(h("div", { class: "sc-conditional-else" }, raw("else: ...")));
+		children.push(h("div", { class: SC_CLASSES.conditionalIf }, raw("if: ...")));
+		if (props.tree.thenClause !== void 0) children.push(h("div", { class: SC_CLASSES.conditionalThen }, raw("then: ...")));
+		if (props.tree.elseClause !== void 0) children.push(h("div", { class: SC_CLASSES.conditionalElse }, raw("else: ...")));
 	}
-	return serialize(h("div", { class: "sc-conditional" }, ...children));
+	return serialize(h("div", { class: SC_CLASSES.conditional }, ...children));
 }
 function renderNegationHtml(props) {
-	return serialize(h("div", { class: "sc-negation" }, raw("not: ...")));
+	return serialize(h("div", { class: SC_CLASSES.negation }, raw("not: ...")));
 }
 /**
 * Render a null field — `z.null()` or `{ type: "null" }`.
@@ -391,9 +418,10 @@ function renderNegationHtml(props) {
 * The only valid value is `null`, so render an em-dash placeholder.
 */
 function renderNullHtml(props) {
+	const id = fieldId(props.path);
 	return serialize(h("span", {
-		class: "sc-value sc-value--empty",
-		id: fieldId(props.path),
+		class: SC_CLASSES.valueEmpty,
+		id,
 		...ariaReadonlyAttrs()
 	}, "—"));
 }
@@ -411,13 +439,6 @@ function renderNeverHtml(props) {
 		...ariaReadonlyAttrs()
 	}, h("em", {}, "never matches")));
 }
-function matchUnionOption(options, value) {
-	if (typeof value === "string") return options.find((o) => o.type === "string" || o.type === "enum");
-	if (typeof value === "number") return options.find((o) => o.type === "number");
-	if (typeof value === "boolean") return options.find((o) => o.type === "boolean");
-	if (Array.isArray(value)) return options.find((o) => o.type === "array");
-	if (typeof value === "object" && value !== null) return options.find((o) => o.type === "object");
-}
 const defaultHtmlResolver = {
 	string: renderStringHtml,
 	number: renderNumberHtml,
@@ -433,10 +454,9 @@ const defaultHtmlResolver = {
 	discriminatedUnion: renderDiscriminatedUnionHtml,
 	conditional: renderConditionalHtml,
 	negation: renderNegationHtml,
-	recursive: renderRecursiveHtml,
 	file: renderFileHtml,
 	never: renderNeverHtml,
 	unknown: renderUnknownHtml
 };
 //#endregion
-export { dateInputType, defaultHtmlResolver, fieldId, matchUnionOption };
+export { dateInputType, defaultHtmlResolver, fieldId, matchUnionOption, panelId, tabId };

package/dist/html/streamRenderers.d.mts

@@ -1,13 +1,13 @@
-import { M as WalkedField } from "../types-BnxPEElk.mjs";
-import { o as HtmlResolver } from "../renderer-DI6ZYf7a.mjs";
+import { j as WalkedField } from "../types-BTB73MB8.mjs";
+import { i as DiagnosticsOptions } from "../diagnostics-BS2kaUyE.mjs";
+import { o as HtmlResolver } from "../renderer-CXJ8y0qw.mjs";
 import { HtmlElement } from "./html.mjs";
 
 //#region src/html/streamRenderers.d.ts
 declare function yieldOpen(el: HtmlElement): string;
 declare function yieldClose(el: HtmlElement): string;
 declare function renderLeaf(tree: WalkedField, value: unknown, mergedResolver: HtmlResolver, path: string): string;
-declare function renderFieldSync(tree: WalkedField, value: unknown, mergedResolver: HtmlResolver, path: string, rawResolver: HtmlResolver): string;
-declare function matchUnionOption(options: WalkedField[], value: unknown): WalkedField | undefined;
-declare function streamField(tree: WalkedField, value: unknown, mergedResolver: HtmlResolver, path: string, rawResolver: HtmlResolver): Iterable<string, void, undefined>;
+declare function renderFieldSync(tree: WalkedField, value: unknown, mergedResolver: HtmlResolver, path: string, rawResolver: HtmlResolver, currentDepth: number, diagnostics: DiagnosticsOptions | undefined): string;
+declare function streamField(tree: WalkedField, value: unknown, mergedResolver: HtmlResolver, path: string, rawResolver: HtmlResolver, currentDepth?: number, diagnostics?: DiagnosticsOptions): Iterable<string, void, undefined>;
 //#endregion
-export { matchUnionOption, renderFieldSync, renderLeaf, streamField, yieldClose, yieldOpen };
+export { renderFieldSync, renderLeaf, streamField, yieldClose, yieldOpen };