schema-components 1.12.11 → 1.13.0

package/dist/html/renderers.mjs

@@ -0,0 +1,406 @@
+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 dot-separated path into a valid, `sc-` prefixed HTML ID.
+* Dots in paths (from nested objects) become hyphens.
+*/
+function fieldId(path) {
+	return `sc-${path.replace(/\./g, "-")}`;
+}
+function renderStringHtml(props) {
+	if (props.readOnly) return serialize(renderStringReadOnly(props));
+	return serialize(renderStringEditable(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",
+		...ariaReadonlyAttrs()
+	}, "—");
+	const format = props.constraints.format;
+	if (format === "email") return h("a", {
+		class: "sc-value",
+		href: `mailto:${strValue}`,
+		...ariaReadonlyAttrs()
+	}, strValue);
+	if (format === "uri" || format === "url") return h("a", {
+		class: "sc-value",
+		href: strValue,
+		...ariaReadonlyAttrs()
+	}, strValue);
+	return h("span", {
+		class: "sc-value",
+		...ariaReadonlyAttrs()
+	}, strValue);
+}
+function renderStringEditable(props) {
+	const strValue = typeof props.value === "string" ? props.value : "";
+	const format = props.constraints.format;
+	const inputType = dateInputType(format) ?? (format === "email" ? "email" : format === "uri" ? "url" : "text");
+	const id = fieldId(props.path);
+	const attrs = {
+		class: "sc-input",
+		id,
+		type: inputType,
+		name: id
+	};
+	if (!props.writeOnly) attrs.value = strValue;
+	if (typeof props.meta.description === "string") attrs.placeholder = props.meta.description;
+	if (props.constraints.minLength !== void 0) attrs.minlength = String(props.constraints.minLength);
+	if (props.constraints.maxLength !== void 0) attrs.maxlength = String(props.constraints.maxLength);
+	Object.assign(attrs, ariaRequiredAttrs(props.tree));
+	Object.assign(attrs, ariaDescribedByAttrs(id, props.constraints));
+	return h("input", attrs);
+}
+function renderNumberHtml(props) {
+	if (props.readOnly) return serialize(renderNumberReadOnly(props));
+	return serialize(renderNumberEditable(props));
+}
+function renderNumberReadOnly(props) {
+	if (typeof props.value !== "number") return h("span", {
+		class: "sc-value sc-value--empty",
+		...ariaReadonlyAttrs()
+	}, "—");
+	return h("span", {
+		class: "sc-value",
+		...ariaReadonlyAttrs()
+	}, props.value.toLocaleString());
+}
+function renderNumberEditable(props) {
+	const numValue = typeof props.value === "number" ? String(props.value) : "";
+	const id = fieldId(props.path);
+	const attrs = {
+		class: "sc-input",
+		id,
+		type: "number",
+		name: id
+	};
+	if (!props.writeOnly) attrs.value = numValue;
+	if (props.constraints.minimum !== void 0) attrs.min = String(props.constraints.minimum);
+	if (props.constraints.maximum !== void 0) attrs.max = String(props.constraints.maximum);
+	Object.assign(attrs, ariaRequiredAttrs(props.tree));
+	Object.assign(attrs, ariaDescribedByAttrs(id, props.constraints));
+	return h("input", attrs);
+}
+function renderBooleanHtml(props) {
+	if (props.readOnly) return serialize(renderBooleanReadOnly(props));
+	return serialize(renderBooleanEditable(props));
+}
+function renderBooleanReadOnly(props) {
+	if (typeof props.value !== "boolean") return h("span", {
+		class: "sc-value sc-value--empty",
+		...ariaReadonlyAttrs()
+	}, "—");
+	return h("span", {
+		class: "sc-value sc-value--boolean",
+		...ariaReadonlyAttrs()
+	}, props.value ? "Yes" : "No");
+}
+function renderBooleanEditable(props) {
+	const id = fieldId(props.path);
+	const attrs = {
+		class: "sc-input",
+		id,
+		type: "checkbox",
+		name: id
+	};
+	if (!props.writeOnly && props.value === true) attrs.checked = true;
+	Object.assign(attrs, ariaRequiredAttrs(props.tree));
+	Object.assign(attrs, ariaLabelAttrs(props.meta.description));
+	return h("input", attrs);
+}
+function renderEnumHtml(props) {
+	if (props.readOnly) return serialize(renderEnumReadOnly(props));
+	return serialize(renderEnumEditable(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",
+		...ariaReadonlyAttrs()
+	}, "—");
+	return h("span", {
+		class: "sc-value",
+		...ariaReadonlyAttrs()
+	}, enumValue);
+}
+function renderEnumEditable(props) {
+	const enumValue = typeof props.value === "string" ? props.value : "";
+	const id = fieldId(props.path);
+	const selectedValue = props.writeOnly ? "" : enumValue;
+	const optionNodes = [h("option", { value: "" }, "Select…"), ...(props.enumValues ?? []).map((v) => {
+		const display = v === null ? "null" : typeof v === "string" ? v : String(v);
+		const attrs = { value: display };
+		if (display === selectedValue) attrs.selected = true;
+		return h("option", attrs, display);
+	})];
+	const selectAttrs = {
+		class: "sc-input",
+		id,
+		name: id
+	};
+	Object.assign(selectAttrs, ariaRequiredAttrs(props.tree));
+	return h("select", selectAttrs, ...optionNodes);
+}
+function renderObjectHtml(props) {
+	return serialize(renderObjectNode(props));
+}
+function renderObjectNode(props) {
+	const fields = props.fields;
+	if (fields === void 0) return "";
+	const isRecord = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
+	const obj = isRecord(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 = Object.entries(fields).sort((a, b) => {
+		return (typeof a[1].meta.order === "number" ? a[1].meta.order : Infinity) - (typeof b[1].meta.order === "number" ? b[1].meta.order : Infinity);
+	}).filter(([, field]) => field.meta.visible !== false);
+	if (props.readOnly) {
+		const children = [];
+		if (legend !== void 0) children.push(legend);
+		for (const [key, field] of sortedEntries) {
+			const label = typeof field.meta.description === "string" ? field.meta.description : key;
+			const childValue = obj[key];
+			const childHtml = props.renderChild(field, childValue, props.path ? `${props.path}.${key}` : key);
+			children.push(h("dt", { class: "sc-label" }, label));
+			children.push(h("dd", { class: "sc-value" }, raw(childHtml)));
+		}
+		const dlAttrs = { class: "sc-object" };
+		Object.assign(dlAttrs, ariaLabelAttrs(descriptionText));
+		return h("dl", dlAttrs, ...children);
+	}
+	const children = [];
+	if (legend !== void 0) children.push(legend);
+	for (const [key, field] of sortedEntries) {
+		const label = typeof field.meta.description === "string" ? field.meta.description : key;
+		const fieldId = buildInputId(props.path, key);
+		const childPath = props.path ? `${props.path}.${key}` : key;
+		const childValue = obj[key];
+		const childHtml = props.renderChild(field, childValue, childPath);
+		const required = requiredIndicator(field);
+		const labelContent = [label];
+		if (required !== void 0) labelContent.push(required);
+		const fieldChildren = [h("label", {
+			class: "sc-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));
+	}
+	const fieldsetAttrs = { class: "sc-object" };
+	Object.assign(fieldsetAttrs, ariaLabelAttrs(descriptionText));
+	return h("fieldset", fieldsetAttrs, ...children);
+}
+function renderArrayHtml(props) {
+	return serialize(renderArrayNode(props));
+}
+function renderArrayNode(props) {
+	const arr = Array.isArray(props.value) ? props.value : [];
+	const element = props.element;
+	if (element === void 0) return "";
+	const items = arr.map((item) => {
+		return h("li", { class: "sc-item" }, raw(props.renderChild(element, item)));
+	});
+	if (props.readOnly) return h("ul", { class: "sc-array" }, ...items);
+	return h("div", { class: "sc-array" }, ...arr.map((item) => {
+		return h("div", {}, raw(props.renderChild(element, item)));
+	}));
+}
+function renderRecordHtml(props) {
+	return serialize(renderRecordNode(props));
+}
+function renderRecordNode(props) {
+	const isRecord = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
+	const obj = isRecord(props.value) ? props.value : {};
+	const valueType = props.valueType;
+	if (valueType === void 0) return "";
+	const attrs = {
+		class: "sc-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)));
+		}
+		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)));
+	}
+	return h("div", attrs, ...children);
+}
+function renderLiteralHtml(props) {
+	const values = props.literalValues;
+	if (values === void 0 || 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(", ")));
+}
+function renderUnionHtml(props) {
+	const options = props.options;
+	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)));
+	}
+	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" }, "—"));
+}
+function renderDiscriminatedUnionHtml(props) {
+	const options = props.options;
+	const discriminator = props.discriminator;
+	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)));
+	}
+	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 activeOption = options[activeIndex];
+	if (props.readOnly) {
+		if (activeOption !== void 0) return props.renderChild(activeOption, props.value);
+		return serialize(h("span", { class: "sc-value sc-value--empty" }, "—"));
+	}
+	const panelId = `sc-${props.path}-panel`;
+	const children = [h("div", {
+		role: "tablist",
+		class: "sc-tabs",
+		"aria-label": "Select variant"
+	}, ...options.map((_opt, i) => {
+		return h("button", {
+			type: "button",
+			role: "tab",
+			class: i === activeIndex ? "sc-tab sc-tab--active" : "sc-tab",
+			id: `sc-${props.path}-tab-${String(i)}`,
+			"aria-selected": i === activeIndex ? "true" : void 0,
+			"aria-controls": panelId,
+			tabindex: i === activeIndex ? "0" : "-1"
+		}, optionLabels[i]);
+	}))];
+	if (activeOption !== void 0) {
+		const childHtml = props.renderChild(activeOption, props.value);
+		children.push(h("div", {
+			role: "tabpanel",
+			id: panelId,
+			"aria-labelledby": `sc-${props.path}-tab-${String(activeIndex)}`
+		}, raw(childHtml)));
+	}
+	return serialize(h("div", { class: "sc-discriminated-union" }, ...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",
+		id,
+		...ariaReadonlyAttrs()
+	}, "File field"));
+	const attrs = {
+		class: "sc-input",
+		id,
+		type: "file",
+		name: id
+	};
+	if (accept !== void 0) attrs.accept = accept;
+	Object.assign(attrs, ariaRequiredAttrs(props.tree));
+	if (typeof props.meta.description === "string") Object.assign(attrs, ariaLabelAttrs(props.meta.description));
+	return serialize(h("input", attrs));
+}
+function renderRecursiveHtml(props) {
+	const refTarget = props.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)));
+	}
+	const strValue = typeof props.value === "string" ? props.value : "";
+	const attrs = {
+		class: "sc-input",
+		type: "text",
+		name: props.path
+	};
+	if (!props.writeOnly) attrs.value = strValue;
+	return serialize(h("input", attrs));
+}
+function renderTupleHtml(props) {
+	const arr = Array.isArray(props.value) ? props.value : [];
+	const prefixItems = props.prefixItems;
+	if (prefixItems === void 0) return renderUnknownHtml(props);
+	const children = [];
+	for (let i = 0; i < prefixItems.length; i++) {
+		const itemValue = arr[i];
+		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)));
+	}
+	return serialize(h("div", { class: "sc-tuple" }, ...children));
+}
+function renderConditionalHtml(props) {
+	const children = [];
+	if (props.ifClause !== void 0) children.push(h("div", { class: "sc-conditional-if" }, raw("if: ...")));
+	if (props.thenClause !== void 0) children.push(h("div", { class: "sc-conditional-then" }, raw("then: ...")));
+	if (props.elseClause !== void 0) children.push(h("div", { class: "sc-conditional-else" }, raw("else: ...")));
+	return serialize(h("div", { class: "sc-conditional" }, ...children));
+}
+function renderNegationHtml(props) {
+	return serialize(h("div", { class: "sc-negation" }, raw("not: ...")));
+}
+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,
+	boolean: renderBooleanHtml,
+	enum: renderEnumHtml,
+	object: renderObjectHtml,
+	array: renderArrayHtml,
+	tuple: renderTupleHtml,
+	record: renderRecordHtml,
+	literal: renderLiteralHtml,
+	union: renderUnionHtml,
+	discriminatedUnion: renderDiscriminatedUnionHtml,
+	conditional: renderConditionalHtml,
+	negation: renderNegationHtml,
+	recursive: renderRecursiveHtml,
+	file: renderFileHtml,
+	unknown: renderUnknownHtml
+};
+//#endregion
+export { dateInputType, defaultHtmlResolver, fieldId, matchUnionOption };

package/dist/html/streamRenderers.d.mts

@@ -0,0 +1,13 @@
+import { j as WalkedField } from "../types-ag2jYLqQ.mjs";
+import { o as HtmlResolver } from "../renderer-DseHeliw.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>;
+//#endregion
+export { matchUnionOption, renderFieldSync, renderLeaf, streamField, yieldClose, yieldOpen };

package/dist/html/streamRenderers.mjs

@@ -0,0 +1,243 @@
+import { isObject } from "../core/guards.mjs";
+import { getHtmlRenderFn } from "../core/renderer.mjs";
+import { VOID_ELEMENTS, h, raw, serialize, serializeAttributes } from "./html.mjs";
+import { ariaLabelAttrs, buildHintElement, buildInputId, requiredIndicator } from "./a11y.mjs";
+//#region src/html/streamRenderers.ts
+function yieldOpen(el) {
+	const attrStr = serializeAttributes(el.attributes);
+	if (el.children.length === 0 && VOID_ELEMENTS.has(el.tag)) return `<${el.tag}${attrStr}>`;
+	return `<${el.tag}${attrStr}>`;
+}
+function yieldClose(el) {
+	if (VOID_ELEMENTS.has(el.tag)) return "";
+	return `</${el.tag}>`;
+}
+function renderLeaf(tree, value, mergedResolver, path) {
+	const renderFn = getHtmlRenderFn(tree.type, mergedResolver);
+	if (renderFn !== void 0) {
+		const props = {
+			value,
+			readOnly: tree.editability === "presentation",
+			writeOnly: tree.editability === "input",
+			meta: tree.meta,
+			constraints: tree.constraints,
+			path,
+			tree,
+			renderChild: () => ""
+		};
+		if (tree.type === "enum") props.enumValues = tree.enumValues;
+		if (tree.type === "literal") props.literalValues = tree.literalValues;
+		if (tree.type === "array" && tree.element !== void 0) props.element = tree.element;
+		if (tree.type === "object") props.fields = tree.fields;
+		if (tree.type === "union") props.options = tree.options;
+		if (tree.type === "discriminatedUnion") props.discriminator = tree.discriminator;
+		if (tree.type === "record") props.keyType = tree.keyType;
+		if (tree.type === "record") props.valueType = tree.valueType;
+		return renderFn(props);
+	}
+	if (value === void 0 || value === null) return serialize(h("span", { class: "sc-value sc-value--empty" }, "—"));
+	return serialize(h("span", { class: "sc-value" }, typeof value === "string" ? value : JSON.stringify(value)));
+}
+function renderFieldSync(tree, value, mergedResolver, path, rawResolver) {
+	return [...streamField(tree, value, mergedResolver, path, rawResolver)].join("");
+}
+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");
+}
+function* streamField(tree, value, mergedResolver, path, rawResolver) {
+	const effectiveValue = value ?? tree.defaultValue;
+	const type = tree.type;
+	if (type === "string" || type === "number" || type === "boolean" || type === "enum" || type === "literal" || type === "file" || type === "unknown") {
+		yield renderLeaf(tree, effectiveValue, mergedResolver, path);
+		return;
+	}
+	if (type === "union") {
+		yield* streamUnion(tree, effectiveValue, mergedResolver, path, rawResolver);
+		return;
+	}
+	if (type === "discriminatedUnion") {
+		yield* streamDiscriminatedUnion(tree, value, mergedResolver, path, rawResolver);
+		return;
+	}
+	if (type === "object") {
+		yield* streamObject(tree, value, mergedResolver, path, rawResolver);
+		return;
+	}
+	if (type === "array") {
+		yield* streamArray(tree, value, mergedResolver, path, rawResolver);
+		return;
+	}
+	if (type === "record") {
+		yield* streamRecord(tree, value, mergedResolver, path, rawResolver);
+		return;
+	}
+	yield renderLeaf(tree, value, mergedResolver, path);
+}
+function* streamObject(tree, value, mergedResolver, path, rawResolver) {
+	if (tree.type !== "object") return;
+	const fields = tree.fields;
+	const obj = isObject(value) ? value : {};
+	const readOnly = tree.editability === "presentation";
+	const descriptionText = typeof tree.meta.description === "string" ? tree.meta.description : void 0;
+	const labelAttrs = ariaLabelAttrs(descriptionText);
+	if (readOnly) {
+		const dlAttrs = { class: "sc-object" };
+		Object.assign(dlAttrs, labelAttrs);
+		const dl = h("dl", dlAttrs);
+		const legend = descriptionText !== void 0 ? serialize(h("legend", {}, descriptionText)) : "";
+		yield `${yieldOpen(dl)}${legend}`;
+		for (const [key, field] of Object.entries(fields)) {
+			const label = typeof field.meta.description === "string" ? field.meta.description : key;
+			const childValue = obj[key];
+			const childHtml = renderFieldSync(field, childValue, mergedResolver, key, rawResolver);
+			yield `${serialize(h("dt", { class: "sc-label" }, label))}${serialize(h("dd", { class: "sc-value" }, raw(childHtml)))}`;
+		}
+		yield yieldClose(dl);
+	} else {
+		const fieldsetAttrs = { class: "sc-object" };
+		Object.assign(fieldsetAttrs, labelAttrs);
+		const fieldset = h("fieldset", fieldsetAttrs);
+		const legend = descriptionText !== void 0 ? serialize(h("legend", {}, descriptionText)) : "";
+		yield `${yieldOpen(fieldset)}${legend}`;
+		for (const [key, field] of Object.entries(fields)) {
+			const label = typeof field.meta.description === "string" ? field.meta.description : key;
+			const fieldId = buildInputId(path, key);
+			const childValue = obj[key];
+			const childChunks = [...streamField(field, childValue, mergedResolver, key, rawResolver)].join("");
+			const required = requiredIndicator(field);
+			const labelContent = [label];
+			if (required !== void 0) labelContent.push(required);
+			const fieldChildren = [h("label", {
+				class: "sc-label",
+				for: fieldId
+			}, ...labelContent), raw(childChunks)];
+			const hint = buildHintElement(key, field.constraints);
+			if (hint !== void 0) fieldChildren.push(hint);
+			yield serialize(h("div", { class: "sc-field" }, ...fieldChildren));
+		}
+		yield yieldClose(fieldset);
+	}
+}
+function* streamArray(tree, value, mergedResolver, path, rawResolver) {
+	const arr = Array.isArray(value) ? value : [];
+	if (tree.type !== "array") return;
+	const element = tree.element;
+	if (element === void 0) return;
+	const readOnly = tree.editability === "presentation";
+	const elementPath = typeof element.meta.description === "string" ? element.meta.description : "";
+	if (readOnly) {
+		const ul = h("ul", { class: "sc-array" });
+		yield yieldOpen(ul);
+		for (const item of arr) yield serialize(h("li", { class: "sc-item" }, raw(renderFieldSync(element, item, mergedResolver, elementPath, rawResolver))));
+		yield yieldClose(ul);
+	} else {
+		const div = h("div", { class: "sc-array" });
+		yield yieldOpen(div);
+		for (const item of arr) yield serialize(h("div", {}, raw(renderFieldSync(element, item, mergedResolver, elementPath, rawResolver))));
+		yield yieldClose(div);
+	}
+}
+function* streamRecord(tree, value, mergedResolver, path, rawResolver) {
+	const obj = isObject(value) ? value : {};
+	if (tree.type !== "record") return;
+	const valueType = tree.valueType;
+	const readOnly = tree.editability === "presentation";
+	const attrs = {
+		class: "sc-record",
+		role: "group"
+	};
+	if (readOnly) {
+		const dl = h("dl", attrs);
+		yield yieldOpen(dl);
+		for (const [key, val] of Object.entries(obj)) {
+			const childHtml = renderFieldSync(valueType, val, mergedResolver, key, rawResolver);
+			yield `${serialize(h("dt", { class: "sc-label" }, key))}${serialize(h("dd", { class: "sc-value" }, raw(childHtml)))}`;
+		}
+		yield yieldClose(dl);
+	} else {
+		const container = h("div", attrs);
+		yield yieldOpen(container);
+		for (const [key, val] of Object.entries(obj)) {
+			const childHtml = renderFieldSync(valueType, val, mergedResolver, key, rawResolver);
+			yield serialize(h("div", { class: "sc-field" }, h("label", { class: "sc-label" }, key), raw(childHtml)));
+		}
+		yield yieldClose(container);
+	}
+}
+function* streamUnion(tree, value, mergedResolver, path, rawResolver) {
+	const options = tree.type === "union" ? tree.options : void 0;
+	if (options === void 0 || options.length === 0) {
+		if (value === void 0 || value === null) yield serialize(h("span", { class: "sc-value sc-value--empty" }, "—"));
+		else yield serialize(h("span", { class: "sc-value" }, JSON.stringify(value)));
+		return;
+	}
+	const target = matchUnionOption(options, value) ?? options[0];
+	if (target !== void 0) yield* streamField(target, value, mergedResolver, typeof target.meta.description === "string" ? target.meta.description : "", rawResolver);
+	else yield serialize(h("span", { class: "sc-value sc-value--empty" }, "—"));
+}
+function* streamDiscriminatedUnion(tree, value, mergedResolver, path, rawResolver) {
+	const options = tree.type === "discriminatedUnion" ? tree.options : void 0;
+	const discriminator = tree.type === "discriminatedUnion" ? tree.discriminator : void 0;
+	if (options === void 0 || options.length === 0) {
+		if (value === void 0 || value === null) yield serialize(h("span", { class: "sc-value sc-value--empty" }, "—"));
+		else yield serialize(h("span", { class: "sc-value" }, JSON.stringify(value)));
+		return;
+	}
+	const isRecord = (v) => typeof v === "object" && v !== null && !Array.isArray(v);
+	const obj = isRecord(value) ? 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 activeOption = options[activeIndex];
+	if (tree.editability === "presentation") {
+		if (activeOption !== void 0) yield* streamField(activeOption, value, mergedResolver, typeof activeOption.meta.description === "string" ? activeOption.meta.description : "", rawResolver);
+		return;
+	}
+	const panelId = `sc-${path}-panel`;
+	const wrapper = h("div", { class: "sc-discriminated-union" });
+	yield yieldOpen(wrapper);
+	yield serialize(h("div", {
+		role: "tablist",
+		class: "sc-tabs",
+		"aria-label": "Select variant"
+	}, ...options.map((_opt, i) => {
+		return h("button", {
+			type: "button",
+			role: "tab",
+			class: i === activeIndex ? "sc-tab sc-tab--active" : "sc-tab",
+			id: `sc-${path}-tab-${String(i)}`,
+			"aria-selected": i === activeIndex ? "true" : void 0,
+			"aria-controls": panelId,
+			tabindex: i === activeIndex ? "0" : "-1"
+		}, optionLabels[i]);
+	})));
+	const panelOpen = h("div", {
+		role: "tabpanel",
+		id: panelId,
+		"aria-labelledby": `sc-${path}-tab-${String(activeIndex)}`
+	});
+	yield yieldOpen(panelOpen);
+	if (activeOption !== void 0) yield* streamField(activeOption, value, mergedResolver, typeof activeOption.meta.description === "string" ? activeOption.meta.description : "", rawResolver);
+	yield yieldClose(panelOpen);
+	yield yieldClose(wrapper);
+}
+//#endregion
+export { matchUnionOption, renderFieldSync, renderLeaf, streamField, yieldClose, yieldOpen };

package/dist/openapi/components.d.mts

@@ -1,4 +1,5 @@
-import { c as InferResponseFields, m as SchemaMeta, o as InferParameterOverrides, r as FieldOverride, s as InferRequestBodyFields } from "../types-BJzEgJdX.mjs";
+import { u as FieldOverride, w as SchemaMeta } from "../types-ag2jYLqQ.mjs";
+import { i as InferResponseFields, n as InferParameterOverrides, r as InferRequestBodyFields } from "../typeInference-CRPqVwKu.mjs";
 import { WidgetMap } from "../react/SchemaComponent.mjs";
 import { ReactNode } from "react";