schema-components 1.16.3 → 1.18.0

package/dist/themes/mantine.mjs

@@ -1,5 +1,5 @@
 import { isObject } from "../core/guards.mjs";
-import { toReactNode } from "../react/headlessRenderers.mjs";
+import { inputId, toReactNode } from "../react/headlessRenderers.mjs";
 import { headlessResolver } from "../react/headless.mjs";
 import { jsx } from "react/jsx-runtime";
 //#region src/themes/mantine.tsx
@@ -17,9 +17,14 @@ let MantineSwitch = (props) => /* @__PURE__ */ jsx("input", {
 });
 let MantineSelect = (props) => /* @__PURE__ */ jsx("select", { ...props });
 let MantineFieldset = (props) => /* @__PURE__ */ jsx("fieldset", { ...props });
+let MantineText = (props) => /* @__PURE__ */ jsx("span", { ...props });
 /**
 * Register real Mantine components for the resolver to use.
 * Call once at app startup before rendering.
+*
+* `Text` is required so read-only scalars render as a styled Mantine
+* `<Text>` element instead of a bare `<span>`, matching the visual
+* weight of the editable variants.
 */
 function registerMantineComponents(components) {
 	MantineTextInput = components.TextInput;
@@ -27,12 +32,18 @@ function registerMantineComponents(components) {
 	MantineSwitch = components.Switch;
 	MantineSelect = components.Select;
 	MantineFieldset = components.Fieldset;
+	MantineText = components.Text;
 }
 function renderStringInput(props) {
 	const strValue = typeof props.value === "string" ? props.value : "";
 	const label = getLabel(props);
-	if (props.readOnly) return /* @__PURE__ */ jsx("span", { children: strValue || "—" });
+	const id = inputId(props.path);
+	if (props.readOnly) return /* @__PURE__ */ jsx(MantineText, {
+		id,
+		children: strValue || "—"
+	});
 	return /* @__PURE__ */ jsx(MantineTextInput, {
+		id,
 		label,
 		value: props.writeOnly ? "" : strValue,
 		onChange: (e) => {
@@ -42,11 +53,19 @@ function renderStringInput(props) {
 }
 function renderNumberInput(props) {
 	const label = getLabel(props);
+	const id = inputId(props.path);
 	if (props.readOnly) {
-		if (typeof props.value !== "number") return /* @__PURE__ */ jsx("span", { children: "—" });
-		return /* @__PURE__ */ jsx("span", { children: props.value.toLocaleString() });
+		if (typeof props.value !== "number") return /* @__PURE__ */ jsx(MantineText, {
+			id,
+			children: "—"
+		});
+		return /* @__PURE__ */ jsx(MantineText, {
+			id,
+			children: props.value.toLocaleString()
+		});
 	}
 	return /* @__PURE__ */ jsx(MantineNumberInput, {
+		id,
 		label,
 		value: props.writeOnly ? void 0 : typeof props.value === "number" ? props.value : void 0,
 		onChange: (v) => {
@@ -56,11 +75,19 @@ function renderNumberInput(props) {
 }
 function renderBooleanInput(props) {
 	const label = getLabel(props);
+	const id = inputId(props.path);
 	if (props.readOnly) {
-		if (typeof props.value !== "boolean") return /* @__PURE__ */ jsx("span", { children: "—" });
-		return /* @__PURE__ */ jsx("span", { children: props.value ? "Yes" : "No" });
+		if (typeof props.value !== "boolean") return /* @__PURE__ */ jsx(MantineText, {
+			id,
+			children: "—"
+		});
+		return /* @__PURE__ */ jsx(MantineText, {
+			id,
+			children: props.value ? "Yes" : "No"
+		});
 	}
 	return /* @__PURE__ */ jsx(MantineSwitch, {
+		id,
 		label,
 		checked: props.writeOnly ? false : props.value === true,
 		onChange: (e) => {
@@ -71,22 +98,28 @@ function renderBooleanInput(props) {
 function renderEnumInput(props) {
 	const enumValue = typeof props.value === "string" ? props.value : "";
 	const label = getLabel(props);
-	if (props.readOnly) return /* @__PURE__ */ jsx("span", { children: enumValue || "—" });
+	const id = inputId(props.path);
+	if (props.readOnly) return /* @__PURE__ */ jsx(MantineText, {
+		id,
+		children: enumValue || "—"
+	});
+	const enumValues = props.tree.type === "enum" ? props.tree.enumValues : [];
 	return /* @__PURE__ */ jsx(MantineSelect, {
+		id,
 		label,
 		value: props.writeOnly ? null : enumValue || null,
 		onChange: (v) => {
 			if (typeof v === "string") props.onChange(v);
 		},
-		data: (props.enumValues ?? []).map((v) => ({
+		data: enumValues.map((v) => ({
 			value: v,
 			label: v
 		}))
 	});
 }
 function renderObjectContainer(props) {
-	const fields = props.fields;
-	if (fields === void 0) return null;
+	if (props.tree.type !== "object") return null;
+	const fields = props.tree.fields;
 	const obj = isObject(props.value) ? props.value : {};
 	return /* @__PURE__ */ jsx(MantineFieldset, {
 		legend: getLabel(props),
@@ -100,7 +133,7 @@ function renderObjectContainer(props) {
 			};
 			return /* @__PURE__ */ jsx("div", {
 				style: { marginBottom: "0.5rem" },
-				children: toReactNode(props.renderChild(field, childValue, childOnChange))
+				children: toReactNode(props.renderChild(field, childValue, childOnChange, key))
 			}, key);
 		})
 	});

package/dist/themes/mui.d.mts

@@ -1,4 +1,4 @@
-import { r as ComponentResolver } from "../renderer-BdSqllx5.mjs";
+import { r as ComponentResolver } from "../renderer-DXo-rXHJ.mjs";
 
 //#region src/themes/mui.d.ts
 /**

package/dist/themes/mui.mjs

@@ -1,8 +1,8 @@
 import { isObject } from "../core/guards.mjs";
-import { toReactNode } from "../react/headlessRenderers.mjs";
+import { inputId, toReactNode } from "../react/headlessRenderers.mjs";
 import { headlessResolver } from "../react/headless.mjs";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { isValidElement } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/themes/mui.tsx
 function ariaRequired(tree) {
 	return { required: tree.isOptional === false };
@@ -10,11 +10,14 @@ function ariaRequired(tree) {
 function renderStringInput(props) {
 	const strValue = typeof props.value === "string" ? props.value : "";
 	const label = typeof props.meta.description === "string" ? props.meta.description : void 0;
+	const id = inputId(props.path);
 	if (props.readOnly) return /* @__PURE__ */ jsx(MuiTypography, {
+		id,
 		variant: "body2",
 		children: strValue || "—"
 	});
 	return /* @__PURE__ */ jsx(MuiTextField, {
+		id,
 		label,
 		type: props.constraints.format === "email" ? "email" : props.constraints.format === "uri" ? "url" : "text",
 		value: props.writeOnly ? "" : strValue,
@@ -33,17 +36,21 @@ function renderStringInput(props) {
 }
 function renderNumberInput(props) {
 	const label = typeof props.meta.description === "string" ? props.meta.description : void 0;
+	const id = inputId(props.path);
 	if (props.readOnly) {
 		if (typeof props.value !== "number") return /* @__PURE__ */ jsx(MuiTypography, {
+			id,
 			variant: "body2",
 			children: "—"
 		});
 		return /* @__PURE__ */ jsx(MuiTypography, {
+			id,
 			variant: "body2",
 			children: props.value.toLocaleString()
 		});
 	}
 	return /* @__PURE__ */ jsx(MuiTextField, {
+		id,
 		label,
 		type: "number",
 		value: props.writeOnly ? "" : typeof props.value === "number" ? props.value : "",
@@ -62,18 +69,22 @@ function renderNumberInput(props) {
 }
 function renderBooleanInput(props) {
 	const label = typeof props.meta.description === "string" ? props.meta.description : void 0;
+	const id = inputId(props.path);
 	if (props.readOnly) {
 		if (typeof props.value !== "boolean") return /* @__PURE__ */ jsx(MuiTypography, {
+			id,
 			variant: "body2",
 			children: "—"
 		});
 		return /* @__PURE__ */ jsx(MuiTypography, {
+			id,
 			variant: "body2",
 			children: props.value ? "Yes" : "No"
 		});
 	}
 	return /* @__PURE__ */ jsx(MuiFormControlLabel, {
 		control: /* @__PURE__ */ jsx(MuiCheckbox, {
+			id,
 			checked: props.writeOnly ? false : props.value === true,
 			onChange: (e) => {
 				props.onChange(e.target.checked);
@@ -85,11 +96,14 @@ function renderBooleanInput(props) {
 function renderEnumInput(props) {
 	const enumValue = typeof props.value === "string" ? props.value : "";
 	const label = typeof props.meta.description === "string" ? props.meta.description : void 0;
+	const id = inputId(props.path);
 	if (props.readOnly) return /* @__PURE__ */ jsx(MuiTypography, {
+		id,
 		variant: "body2",
 		children: enumValue || "—"
 	});
 	return /* @__PURE__ */ jsxs(MuiTextField, {
+		id,
 		select: true,
 		label,
 		value: props.writeOnly ? "" : enumValue,
@@ -103,15 +117,15 @@ function renderEnumInput(props) {
 		children: [/* @__PURE__ */ jsxs(MuiMenuItem, {
 			value: "",
 			children: ["Select", "…"]
-		}), (props.enumValues ?? []).map((v) => /* @__PURE__ */ jsx(MuiMenuItem, {
+		}), (props.tree.type === "enum" ? props.tree.enumValues : []).map((v) => /* @__PURE__ */ jsx(MuiMenuItem, {
 			value: v,
 			children: v
 		}, v))]
 	});
 }
 function renderObjectContainer(props) {
-	const fields = props.fields;
-	if (fields === void 0) return null;
+	if (props.tree.type !== "object") return null;
+	const fields = props.tree.fields;
 	const obj = isObject(props.value) ? props.value : {};
 	return /* @__PURE__ */ jsxs(MuiBox, {
 		sx: {
@@ -130,13 +144,14 @@ function renderObjectContainer(props) {
 				updated[key] = v;
 				props.onChange(updated);
 			};
-			return /* @__PURE__ */ jsx("div", { children: toReactNode(props.renderChild(field, childValue, childOnChange)) }, key);
+			return /* @__PURE__ */ jsx("div", { children: toReactNode(props.renderChild(field, childValue, childOnChange, key)) }, key);
 		})]
 	});
 }
 function renderArrayContainer(props) {
 	const arr = Array.isArray(props.value) ? props.value : [];
-	const element = props.element;
+	if (props.tree.type !== "array") return null;
+	const element = props.tree.element;
 	if (element === void 0) return null;
 	return /* @__PURE__ */ jsx(MuiBox, {
 		sx: {
@@ -150,7 +165,7 @@ function renderArrayContainer(props) {
 				next[i] = v;
 				props.onChange(next);
 			};
-			return /* @__PURE__ */ jsx("div", { children: toReactNode(props.renderChild(element, item, childOnChange)) }, String(i));
+			return /* @__PURE__ */ jsx("div", { children: toReactNode(props.renderChild(element, item, childOnChange, `[${String(i)}]`)) }, String(i));
 		})
 	});
 }

package/dist/themes/radix.d.mts

@@ -1,4 +1,4 @@
-import { r as ComponentResolver } from "../renderer-BdSqllx5.mjs";
+import { r as ComponentResolver } from "../renderer-DXo-rXHJ.mjs";
 
 //#region src/themes/radix.d.ts
 /**

package/dist/themes/radix.mjs

@@ -1,5 +1,5 @@
 import { isObject } from "../core/guards.mjs";
-import { toReactNode } from "../react/headlessRenderers.mjs";
+import { inputId, toReactNode } from "../react/headlessRenderers.mjs";
 import { headlessResolver } from "../react/headless.mjs";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 //#region src/themes/radix.tsx
@@ -41,13 +41,19 @@ function registerRadixComponents(components) {
 function renderStringInput(props) {
 	const strValue = typeof props.value === "string" ? props.value : "";
 	const label = getLabel(props);
-	if (props.readOnly) return /* @__PURE__ */ jsx(RadixText, { children: strValue || "—" });
+	const id = inputId(props.path);
+	if (props.readOnly) return /* @__PURE__ */ jsx(RadixText, {
+		id,
+		children: strValue || "—"
+	});
 	return /* @__PURE__ */ jsxs(RadixBox, { children: [label !== void 0 && /* @__PURE__ */ jsx(RadixText, {
 		as: "label",
 		size: "2",
 		weight: "medium",
+		htmlFor: id,
 		children: label
 	}), /* @__PURE__ */ jsx(RadixTextField, {
+		id,
 		type: props.constraints.format === "email" ? "email" : props.constraints.format === "uri" ? "url" : "text",
 		value: props.writeOnly ? "" : strValue,
 		onChange: (e) => {
@@ -58,16 +64,25 @@ function renderStringInput(props) {
 }
 function renderNumberInput(props) {
 	const label = getLabel(props);
+	const id = inputId(props.path);
 	if (props.readOnly) {
-		if (typeof props.value !== "number") return /* @__PURE__ */ jsx(RadixText, { children: "—" });
-		return /* @__PURE__ */ jsx(RadixText, { children: props.value.toLocaleString() });
+		if (typeof props.value !== "number") return /* @__PURE__ */ jsx(RadixText, {
+			id,
+			children: "—"
+		});
+		return /* @__PURE__ */ jsx(RadixText, {
+			id,
+			children: props.value.toLocaleString()
+		});
 	}
 	return /* @__PURE__ */ jsxs(RadixBox, { children: [label !== void 0 && /* @__PURE__ */ jsx(RadixText, {
 		as: "label",
 		size: "2",
 		weight: "medium",
+		htmlFor: id,
 		children: label
 	}), /* @__PURE__ */ jsx(RadixTextField, {
+		id,
 		type: "number",
 		value: props.writeOnly ? "" : typeof props.value === "number" ? props.value : "",
 		onChange: (e) => {
@@ -78,20 +93,29 @@ function renderNumberInput(props) {
 }
 function renderBooleanInput(props) {
 	const label = getLabel(props);
+	const id = inputId(props.path);
 	if (props.readOnly) {
-		if (typeof props.value !== "boolean") return /* @__PURE__ */ jsx(RadixText, { children: "—" });
-		return /* @__PURE__ */ jsx(RadixText, { children: props.value ? "Yes" : "No" });
+		if (typeof props.value !== "boolean") return /* @__PURE__ */ jsx(RadixText, {
+			id,
+			children: "—"
+		});
+		return /* @__PURE__ */ jsx(RadixText, {
+			id,
+			children: props.value ? "Yes" : "No"
+		});
 	}
 	return /* @__PURE__ */ jsxs(RadixFlex, {
 		align: "center",
 		gap: "2",
 		children: [/* @__PURE__ */ jsx(RadixCheckbox, {
+			id,
 			checked: props.writeOnly ? false : props.value === true,
 			onCheckedChange: (checked) => {
 				if (typeof checked === "boolean") props.onChange(checked);
 			}
 		}), label !== void 0 && /* @__PURE__ */ jsx(RadixText, {
 			as: "label",
+			htmlFor: id,
 			children: label
 		})]
 	});
@@ -99,26 +123,34 @@ function renderBooleanInput(props) {
 function renderEnumInput(props) {
 	const enumValue = typeof props.value === "string" ? props.value : "";
 	const label = getLabel(props);
-	if (props.readOnly) return /* @__PURE__ */ jsx(RadixText, { children: enumValue || "—" });
+	const id = inputId(props.path);
+	if (props.readOnly) return /* @__PURE__ */ jsx(RadixText, {
+		id,
+		children: enumValue || "—"
+	});
 	return /* @__PURE__ */ jsxs(RadixBox, { children: [label !== void 0 && /* @__PURE__ */ jsx(RadixText, {
 		as: "label",
 		size: "2",
 		weight: "medium",
+		htmlFor: id,
 		children: label
 	}), /* @__PURE__ */ jsxs(RadixSelectRoot, {
 		value: props.writeOnly ? "" : enumValue,
 		onValueChange: (value) => {
 			props.onChange(value);
 		},
-		children: [/* @__PURE__ */ jsx(RadixSelectTrigger, { mt: "1" }), /* @__PURE__ */ jsx(RadixSelectContent, { children: (props.enumValues ?? []).map((value) => /* @__PURE__ */ jsx(RadixSelectItem, {
+		children: [/* @__PURE__ */ jsx(RadixSelectTrigger, {
+			id,
+			mt: "1"
+		}), /* @__PURE__ */ jsx(RadixSelectContent, { children: (props.tree.type === "enum" ? props.tree.enumValues : []).map((value) => /* @__PURE__ */ jsx(RadixSelectItem, {
 			value,
 			children: value
 		}, value)) })]
 	})] });
 }
 function renderObjectContainer(props) {
-	const fields = props.fields;
-	if (fields === void 0) return null;
+	if (props.tree.type !== "object") return null;
+	const fields = props.tree.fields;
 	const obj = isObject(props.value) ? props.value : {};
 	return /* @__PURE__ */ jsxs(RadixBox, { children: [typeof props.meta.description === "string" && /* @__PURE__ */ jsx(RadixText, {
 		as: "div",
@@ -137,7 +169,7 @@ function renderObjectContainer(props) {
 				updated[key] = v;
 				props.onChange(updated);
 			};
-			return /* @__PURE__ */ jsx(RadixBox, { children: toReactNode(props.renderChild(field, childValue, childOnChange)) }, key);
+			return /* @__PURE__ */ jsx(RadixBox, { children: toReactNode(props.renderChild(field, childValue, childOnChange, key)) }, key);
 		})
 	})] });
 }

package/dist/themes/shadcn.d.mts

@@ -1,4 +1,4 @@
-import { r as ComponentResolver } from "../renderer-BdSqllx5.mjs";
+import { r as ComponentResolver } from "../renderer-DXo-rXHJ.mjs";
 
 //#region src/themes/shadcn.d.ts
 declare const shadcnResolver: ComponentResolver;

package/dist/themes/shadcn.mjs

@@ -1,5 +1,5 @@
 import { toRecord } from "../core/guards.mjs";
-import { toReactNode } from "../react/headlessRenderers.mjs";
+import { inputId, toReactNode } from "../react/headlessRenderers.mjs";
 import { headlessResolver } from "../react/headless.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 //#region src/themes/shadcn.tsx
@@ -11,12 +11,15 @@ function buildClassNames(...classes) {
 }
 function renderStringInput(props) {
 	const strValue = typeof props.value === "string" ? props.value : "";
+	const id = inputId(props.path);
 	const className = buildClassNames("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors", "file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50");
 	if (props.readOnly) return /* @__PURE__ */ jsx("span", {
+		id,
 		className: "text-sm",
 		children: strValue || "—"
 	});
 	if (props.writeOnly) return /* @__PURE__ */ jsx("input", {
+		id,
 		type: props.constraints.format === "email" ? "email" : "text",
 		className,
 		placeholder: typeof props.meta.description === "string" ? props.meta.description : void 0,
@@ -26,6 +29,7 @@ function renderStringInput(props) {
 		}
 	});
 	return /* @__PURE__ */ jsx("input", {
+		id,
 		type: props.constraints.format === "email" ? "email" : "text",
 		className,
 		value: strValue,
@@ -38,18 +42,22 @@ function renderStringInput(props) {
 	});
 }
 function renderNumberInput(props) {
+	const id = inputId(props.path);
 	const className = buildClassNames("flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors", "placeholder:text-muted-foreground", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50");
 	if (props.readOnly) {
 		if (typeof props.value !== "number") return /* @__PURE__ */ jsx("span", {
+			id,
 			className: "text-sm",
 			children: "—"
 		});
 		return /* @__PURE__ */ jsx("span", {
+			id,
 			className: "text-sm",
 			children: props.value.toLocaleString()
 		});
 	}
 	return /* @__PURE__ */ jsx("input", {
+		id,
 		type: "number",
 		className,
 		value: props.writeOnly ? "" : typeof props.value === "number" ? props.value : "",
@@ -61,18 +69,22 @@ function renderNumberInput(props) {
 	});
 }
 function renderBooleanInput(props) {
+	const id = inputId(props.path);
 	const className = buildClassNames("h-4 w-4 rounded border border-primary shadow", "focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50");
 	if (props.readOnly) {
 		if (typeof props.value !== "boolean") return /* @__PURE__ */ jsx("span", {
+			id,
 			className: "text-sm",
 			children: "—"
 		});
 		return /* @__PURE__ */ jsx("span", {
+			id,
 			className: "text-sm",
 			children: props.value ? "Yes" : "No"
 		});
 	}
 	return /* @__PURE__ */ jsx("input", {
+		id,
 		type: "checkbox",
 		className,
 		checked: props.writeOnly ? false : props.value === true,
@@ -82,8 +94,8 @@ function renderBooleanInput(props) {
 	});
 }
 function renderObjectContainer(props) {
-	const fields = props.fields;
-	if (fields === void 0) return null;
+	if (props.tree.type !== "object") return null;
+	const fields = props.tree.fields;
 	const obj = typeof props.value === "object" && props.value !== null && !Array.isArray(props.value) ? props.value : {};
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-4",
@@ -92,6 +104,7 @@ function renderObjectContainer(props) {
 			children: props.meta.description
 		}), Object.entries(fields).map(([key, field]) => {
 			const childValue = toRecord(obj)[key];
+			const childId = inputId(`${props.path}.${key}`);
 			const childOnChange = (v) => {
 				const updated = {};
 				for (const [k, val] of Object.entries(obj)) updated[k] = val;
@@ -101,16 +114,18 @@ function renderObjectContainer(props) {
 			return /* @__PURE__ */ jsxs("div", {
 				className: "space-y-1",
 				children: [/* @__PURE__ */ jsx("label", {
+					htmlFor: childId,
 					className: "text-sm font-medium leading-none",
 					children: field.meta.description ?? key
-				}), toReactNode(props.renderChild(field, childValue, childOnChange))]
+				}), toReactNode(props.renderChild(field, childValue, childOnChange, key))]
 			}, key);
 		})]
 	});
 }
 function renderArrayContainer(props) {
 	const arr = Array.isArray(props.value) ? props.value : [];
-	const element = props.element;
+	if (props.tree.type !== "array") return null;
+	const element = props.tree.element;
 	if (element === void 0) return null;
 	return /* @__PURE__ */ jsx("div", {
 		className: "space-y-2",
@@ -120,33 +135,36 @@ function renderArrayContainer(props) {
 				next[i] = v;
 				props.onChange(next);
 			};
-			return /* @__PURE__ */ jsx("div", { children: toReactNode(props.renderChild(element, item, childOnChange)) }, String(i));
+			return /* @__PURE__ */ jsx("div", { children: toReactNode(props.renderChild(element, item, childOnChange, `[${String(i)}]`)) }, String(i));
 		})
 	});
 }
 function renderEnumInput(props) {
+	const id = inputId(props.path);
 	const className = buildClassNames("flex h-9 w-full items-center justify-between rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-sm", "focus:outline-none focus:ring-1 focus:ring-ring", "disabled:cursor-not-allowed disabled:opacity-50");
 	const enumValue = typeof props.value === "string" ? props.value : "";
 	if (props.readOnly) return /* @__PURE__ */ jsx("span", {
+		id,
 		className: "text-sm",
 		children: enumValue || "—"
 	});
 	return /* @__PURE__ */ jsxs("select", {
+		id,
 		className,
 		value: props.writeOnly ? "" : enumValue,
 		onChange: (e) => {
 			props.onChange(e.target.value);
 		},
-		children: [/* @__PURE__ */ jsx("option", {
+		children: [/* @__PURE__ */ jsxs("option", {
 			value: "",
-			children: "Select\\u2026"
-		}), props.enumValues?.map((v) => {
+			children: ["Select", "…"]
+		}), props.tree.type === "enum" ? props.tree.enumValues.map((v) => {
 			const display = v === null ? "null" : typeof v === "string" ? v : String(v);
 			return /* @__PURE__ */ jsx("option", {
 				value: display,
 				children: display
 			}, display);
-		})]
+		}) : null]
 	});
 }
 function buildResolver() {

package/dist/{typeInference-k7FXfTVO.d.mts → typeInference-5JiqIZ8t.d.mts}

@@ -84,26 +84,71 @@ type UnsafeFields = Record<string, FieldOverride> & {
  * Returns the original type when the schema is non-recursive.
  */
 type DetectRecursiveFallback<T> = unknown extends T ? __SchemaInferenceFellBack : T;
+/**
+ * Type-level recursion bound for $ref resolution.
+ *
+ * The TypeScript type system imposes its own recursion limit; without an
+ * explicit bound a cyclic schema graph would exhaust it and degrade to
+ * `any`/`unknown` silently. Ten levels is the runtime walker's parallel
+ * — see `countDistinctRefs` in `ref.ts` (lines 52-55), which derives its
+ * bound from the number of distinct `$ref` strings in the document.
+ *
+ * A fixed bound is used here rather than a derived one because the type
+ * system has no way to count distinct strings across a recursive `Defs`
+ * map without itself recursing — which is the problem the bound exists
+ * to solve. Ten covers every realistic schema graph encountered in
+ * practice; deeper graphs surface as `__SchemaInferenceFellBack` so
+ * consumers can detect the limit explicitly.
+ */
+type DEFAULT_MAX_DEPTH = 10;
 /**
  * Resolve a $ref against the local definitions context.
+ *
+ * SOURCE-OF-TRUTH: mirrors runtime `resolveRef` in
+ * `packages/core/src/core/ref.ts` (line 90). Any change to the runtime
+ * ref-resolution rules (new ref forms, different cycle handling) must be
+ * reflected here and pinned in
+ * `packages/core/tests/typeInference-walker-parity.test.ts`.
+ *
  * Supports:
  * - `#` (root)
  * - `#/$defs/Name` and `#/definitions/Name` (named definitions)
  * - `#SomeName` ($anchor, $dynamicAnchor resolved from definitions)
  */
-type ResolveSchemaRef<R extends string, Defs extends Record<string, unknown>, Depth extends number = 0> = Depth extends 10 ? __SchemaInferenceFellBack : R extends "#" ? unknown : R extends `#/$defs/${infer Name}` ? Name extends keyof Defs ? DetectRecursiveFallback<FromJSONSchema<Defs[Name], Defs>> : unknown : R extends `#/definitions/${infer Name}` ? Name extends keyof Defs ? DetectRecursiveFallback<FromJSONSchema<Defs[Name], Defs>> : unknown : R extends `#${infer AnchorName}` ? AnchorName extends keyof Defs ? DetectRecursiveFallback<FromJSONSchema<Defs[AnchorName], Defs>> : unknown : unknown;
+type ResolveSchemaRef<R extends string, Defs extends Record<string, unknown>, Depth extends number = 0> = Depth extends DEFAULT_MAX_DEPTH ? __SchemaInferenceFellBack : R extends "#" ? unknown : R extends `#/$defs/${infer Name}` ? Name extends keyof Defs ? DetectRecursiveFallback<FromJSONSchema<Defs[Name], Defs>> : unknown : R extends `#/definitions/${infer Name}` ? Name extends keyof Defs ? DetectRecursiveFallback<FromJSONSchema<Defs[Name], Defs>> : unknown : R extends `#${infer AnchorName}` ? AnchorName extends keyof Defs ? DetectRecursiveFallback<FromJSONSchema<Defs[AnchorName], Defs>> : unknown : unknown;
 /**
  * Merge an allOf array into an intersection type.
  */
 type AllOfToType<A, Defs extends Record<string, unknown>> = A extends readonly unknown[] ? UnionToIntersection<FromJSONSchema<A[number], Defs>> : unknown;
 /**
  * Convert an anyOf/oneOf array into a union type.
- * Filters out `{ type: "null" }` members and instead makes the result nullable
- * when at least one null member is present -- mirrors the walker's normaliseAnyOf.
+ *
+ * SOURCE-OF-TRUTH: mirrors runtime `walkUnion` (and the
+ * `walkDiscriminatedUnion` fast path) in
+ * `packages/core/src/core/walker.ts` (lines 723-752), together with
+ * `detectDiscriminated` and `normaliseAnyOf` in
+ * `packages/core/src/core/merge.ts` (lines 190-260).
+ *
+ * Deliberate divergence: the walker collapses qualifying `oneOf` members
+ * into a `discriminatedUnion` field at runtime. The type-level helper
+ * produces a plain TypeScript union because a discriminated union and a
+ * plain union over the same members are structurally indistinguishable
+ * at the type level. Parity is pinned in
+ * `packages/core/tests/typeInference-walker-parity.test.ts`.
+ *
+ * Filters out `{ type: "null" }` members and instead makes the result
+ * nullable when at least one null member is present — mirrors the
+ * walker's `normaliseAnyOf`.
  */
 type UnionOfMembers<A, Defs extends Record<string, unknown>> = A extends readonly unknown[] ? HasNullMember<A> extends true ? Exclude<FromJSONSchema<A[number], Defs>, null> | null : FromJSONSchema<A[number], Defs> : unknown;
 /**
  * Check whether an anyOf/oneOf array contains a `{ type: "null" }` member.
+ *
+ * SOURCE-OF-TRUTH: mirrors runtime `normaliseAnyOf` in
+ * `packages/core/src/core/merge.ts` (lines 190-209). Both implementations
+ * only recognise schema-shaped null members (`{ type: "null" }`); a bare
+ * `null` literal in the array is treated as non-nullable. Parity is
+ * pinned in `packages/core/tests/typeInference-walker-parity.test.ts`.
  */
 type HasNullMember<A> = A extends readonly unknown[] ? null extends A[number] ? false : {
   type: "null";
@@ -214,6 +259,14 @@ type UnionToIntersection<U> = (U extends unknown ? (k: U) => void : never) exten
 /**
  * Resolves an OpenAPI `ref` string to its JSON Schema, then parses it.
  *
+ * SOURCE-OF-TRUTH: mirrors runtime `resolveRef` in
+ * `packages/core/src/core/ref.ts` (line 90), which is invoked by the
+ * walker entry point in `packages/core/src/core/walker.ts` (lines
+ * 144-154) for OpenAPI documents. Any change to the runtime ref-resolution
+ * rules (new ref forms, different cycle handling, JSON Pointer decoding)
+ * must be reflected here and pinned in
+ * `packages/core/tests/typeInference-walker-parity.test.ts`.
+ *
  * Handles:
  * - `#/components/schemas/Name` (OpenAPI 3.x)
  * - `#/definitions/Name` (Swagger 2.0)
@@ -332,4 +385,4 @@ type PathOfType<T, Prefix extends string = ""> = IsNarrowObject<T> extends true
  */
 type TypeAtPath<T, P extends string> = P extends `${infer Key}.${infer Rest}` ? Key extends keyof T ? TypeAtPath<T[Key], Rest> : unknown : P extends keyof T ? T[P] : unknown;
 //#endregion
-export { OpenAPIRequestBodyType as a, ResolveOpenAPIRef as c, __SchemaInferenceFellBack as d, InferResponseFields as i, TypeAtPath as l, InferParameterOverrides as n, OpenAPIResponseType as o, InferRequestBodyFields as r, PathOfType as s, FromJSONSchema as t, UnsafeFields as u };
+export { InferResponseFields as a, PathOfType as c, UnsafeFields as d, __SchemaInferenceFellBack as f, InferRequestBodyFields as i, ResolveOpenAPIRef as l, FromJSONSchema as n, OpenAPIRequestBodyType as o, InferParameterOverrides as r, OpenAPIResponseType as s, DEFAULT_MAX_DEPTH as t, TypeAtPath as u };