@formadapter/html 0.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Ludicrous
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,70 @@
+# `@formadapter/html`
+
+The accessible, unstyled native HTML adapter for FormAdapter. Use it as a
+ready-to-render default or as the foundation for your own design system.
+
+```sh
+bun add @formadapter/react @formadapter/html zod
+```
+
+## Set the adapter once
+
+```tsx
+"use client";
+
+import { HTMLProvider } from "@formadapter/html";
+
+export function Providers({ children }: { children: React.ReactNode }) {
+  return <HTMLProvider>{children}</HTMLProvider>;
+}
+```
+
+Forms created with `createForm` from `@formadapter/react` use the nearest
+provider. A nested provider replaces its parent adapter for that subtree.
+
+For an HTML fallback that works without a provider, import the adapter-bound
+factory instead. A nearest provider still overrides that fallback:
+
+```tsx
+import { createForm } from "@formadapter/html";
+import { z } from "zod";
+
+const Contact = createForm(z.object({
+  email: z.email(),
+  message: z.string(),
+})).configure({
+  fields: { message: { control: "textarea" } },
+});
+
+export function ContactForm() {
+  return <Contact.Form onSubmit={(values) => console.log(values)} />;
+}
+```
+
+The adapter covers every built-in control and every visible slot: nested
+groups, arrays, error summaries, form messages, unsupported schema nodes, and
+wizards. It emits semantic HTML and accessibility attributes without classes
+or layout styles. Classes, styles, and safe native attributes configured on
+fields pass through untouched.
+
+## Build your design system
+
+Extend the complete adapter and replace only the pieces your system owns:
+
+```tsx
+import { htmlAdapter } from "@formadapter/html";
+
+export const productAdapter = htmlAdapter.extend({
+  name: "Product UI",
+  slots: { Button: ProductButton },
+  controls: { custom: { rating: RatingControl } },
+});
+```
+
+`extend` returns a new complete adapter and never mutates `htmlAdapter`.
+Individual controls and slots are exported for direct reuse.
+
+The framework-free control normalization helpers used by native adapters are
+available from `@formadapter/html/native`. This keeps the root component API
+small while giving custom native renderers one tested implementation for input
+types, values, safe `controlProps`, and typed option serialization.

package/dist/index.d.ts

@@ -0,0 +1,210 @@
+'use client';
+import { ArrayItemSlotProps, ArraySlotProps, ButtonSlotProps, ControlProps, CreateForm, ErrorSummarySlotProps, FieldSlotProps, FormAdapter, FormMessageSlotProps, FormSlotProps, GroupSlotProps, UnsupportedSlotProps, WizardSlotProps } from "@formadapter/react";
+import { ReactNode } from "react";
+
+//#region src/adapter.d.ts
+declare const htmlAdapter: FormAdapter<Record<never, never>>;
+//#endregion
+//#region src/provider.d.ts
+interface HTMLProviderProps {
+  readonly children: ReactNode;
+}
+/** Client boundary that keeps the function-rich adapter out of server props. */
+declare function HTMLProvider({
+  children
+}: HTMLProviderProps): ReactNode;
+//#endregion
+//#region src/controls/checkbox.d.ts
+declare function Checkbox({
+  controlRef,
+  disabled,
+  field,
+  id,
+  inputProps,
+  name,
+  onBlur,
+  onValueChange,
+  readOnly,
+  required,
+  value
+}: ControlProps): ReactNode;
+//#endregion
+//#region src/controls/file.d.ts
+declare function File({
+  controlRef,
+  disabled,
+  field,
+  id,
+  inputProps,
+  name,
+  onBlur,
+  onValueChange,
+  readOnly,
+  required,
+  value
+}: ControlProps): ReactNode;
+//#endregion
+//#region src/controls/input.d.ts
+declare function Input({
+  controlRef,
+  disabled,
+  field,
+  id,
+  inputProps,
+  name,
+  onBlur,
+  onValueChange,
+  readOnly,
+  required,
+  value
+}: ControlProps): ReactNode;
+//#endregion
+//#region src/controls/radio.d.ts
+declare function Radio({
+  controlRef,
+  disabled,
+  field,
+  id,
+  inputProps,
+  name,
+  onBlur,
+  onValueChange,
+  readOnly,
+  required,
+  value
+}: ControlProps): ReactNode;
+//#endregion
+//#region src/controls/select.d.ts
+declare function Select({
+  controlRef,
+  disabled,
+  field,
+  id,
+  inputProps,
+  name,
+  onBlur,
+  onValueChange,
+  readOnly,
+  required,
+  value
+}: ControlProps): ReactNode;
+//#endregion
+//#region src/controls/textarea.d.ts
+declare function Textarea({
+  controlRef,
+  disabled,
+  field,
+  id,
+  inputProps,
+  name,
+  onBlur,
+  onValueChange,
+  readOnly,
+  required,
+  value
+}: ControlProps): ReactNode;
+//#endregion
+//#region src/slots/array.d.ts
+declare function Array({
+  actions,
+  children,
+  disabled,
+  error,
+  errorId,
+  field,
+  itemCount,
+  readOnly,
+  required,
+  ...props
+}: ArraySlotProps): ReactNode;
+//#endregion
+//#region src/slots/array-item.d.ts
+declare function ArrayItem({
+  actions,
+  children,
+  field,
+  index,
+  label,
+  ...props
+}: ArrayItemSlotProps): ReactNode;
+//#endregion
+//#region src/slots/button.d.ts
+declare function Button({
+  ariaLabel,
+  children,
+  disabled,
+  intent,
+  onClick,
+  pending,
+  type
+}: ButtonSlotProps): ReactNode;
+//#endregion
+//#region src/slots/error-summary.d.ts
+declare function ErrorSummary({
+  errors,
+  items,
+  onSelect,
+  title
+}: ErrorSummarySlotProps): ReactNode;
+//#endregion
+//#region src/slots/field.d.ts
+declare function Field({
+  children,
+  controlId,
+  descriptionId,
+  error,
+  errorId,
+  field,
+  invalid,
+  required,
+  validating,
+  ...props
+}: FieldSlotProps): ReactNode;
+//#endregion
+//#region src/slots/form.d.ts
+declare function Form({
+  children,
+  ...props
+}: FormSlotProps): ReactNode;
+//#endregion
+//#region src/slots/form-message.d.ts
+declare function FormMessage({
+  kind,
+  message
+}: FormMessageSlotProps): ReactNode;
+//#endregion
+//#region src/slots/group.d.ts
+declare function Group({
+  children,
+  disabled,
+  error,
+  errorId,
+  field,
+  readOnly,
+  required,
+  ...props
+}: GroupSlotProps): ReactNode;
+//#endregion
+//#region src/slots/unsupported.d.ts
+declare function Unsupported({
+  field,
+  reason
+}: UnsupportedSlotProps): ReactNode;
+//#endregion
+//#region src/slots/wizard.d.ts
+declare function Wizard({
+  children,
+  currentStep,
+  description,
+  navigation,
+  steps,
+  title,
+  totalSteps,
+  ...props
+}: WizardSlotProps): ReactNode;
+//#endregion
+//#region src/index.d.ts
+declare const createForm: CreateForm<typeof htmlAdapter>;
+//#endregion
+export { Array, ArrayItem, Button, Checkbox, ErrorSummary, Field, File, Form, FormMessage, Group, HTMLProvider, type HTMLProviderProps, Input, Radio, Select, Textarea, Unsupported, Wizard, createForm, htmlAdapter };
+//# sourceMappingURL=index.d.ts.map

package/dist/index.js

@@ -0,0 +1,597 @@
+'use client';
+import { FormAdapterProvider, createAdapter, createFormFactory } from "@formadapter/react";
+import { optionForSerializedValue, serializeOptionValue } from "@formadapter/core";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useId, useRef } from "react";
+//#region src/controls/shared.ts
+const RESERVED_CONTROL_PROPS = new Set([
+	"aria-describedby",
+	"aria-invalid",
+	"aria-label",
+	"checked",
+	"children",
+	"className",
+	"constructor",
+	"controlRef",
+	"dangerouslySetInnerHTML",
+	"defaultChecked",
+	"defaultValue",
+	"disabled",
+	"id",
+	"key",
+	"multiple",
+	"name",
+	"onBlur",
+	"onChange",
+	"onInput",
+	"__proto__",
+	"prototype",
+	"readOnly",
+	"ref",
+	"required",
+	"style",
+	"type",
+	"value"
+]);
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+/** Keeps runtime-owned form props authoritative while allowing native options. */
+function nativeControlProps(field) {
+	const configured = field.config.controlProps;
+	if (!isRecord(configured)) return { props: {} };
+	const props = {};
+	for (const [key, value] of Object.entries(configured)) if (!RESERVED_CONTROL_PROPS.has(key) && value !== void 0) props[key] = value;
+	return {
+		...typeof configured.className === "string" ? { className: configured.className } : {},
+		props,
+		...isRecord(configured.style) ? { style: configured.style } : {}
+	};
+}
+function inputType(field) {
+	if (field.inputType) return field.inputType;
+	switch (field.control) {
+		case "date":
+		case "datetime-local":
+		case "email":
+		case "hidden":
+		case "number":
+		case "password":
+		case "range":
+		case "search":
+		case "tel":
+		case "text":
+		case "time":
+		case "url": return field.control;
+	}
+	if (field.dataType === "number" || field.dataType === "integer") return "number";
+	switch (field.constraints.format) {
+		case "date": return "date";
+		case "date-time": return "text";
+		case "email": return "email";
+		case "password": return "password";
+		case "tel": return "tel";
+		case "time": return "time";
+		case "uri":
+		case "url": return "url";
+		default: return "text";
+	}
+}
+function formatDate(value, type) {
+	const pad = (part) => String(part).padStart(2, "0");
+	const date = `${value.getFullYear()}-${pad(value.getMonth() + 1)}-${pad(value.getDate())}`;
+	const time = `${pad(value.getHours())}:${pad(value.getMinutes())}`;
+	if (type === "date") return date;
+	if (type === "datetime-local") return `${date}T${time}`;
+	if (type === "time") return time;
+	return value.toISOString();
+}
+function inputValue(value, type = "text") {
+	if (value === void 0 || value === null) return "";
+	if (typeof value === "string" || typeof value === "number") return value;
+	if (value instanceof Date) return formatDate(value, type);
+	return String(value);
+}
+function changedInputValue(field, rawValue, valueAsNumber) {
+	if (rawValue === "") return "";
+	if (field.dataType === "number" || field.dataType === "integer") return Number.isNaN(valueAsNumber) ? rawValue : valueAsNumber;
+	return rawValue;
+}
+function serializedOptionValue(value) {
+	return serializeOptionValue(value);
+}
+function optionForValue(options, rawValue) {
+	return optionForSerializedValue(options, rawValue);
+}
+function selectedOptionValue(options, value) {
+	const selected = options.find((option) => Object.is(option.value, value));
+	return selected ? serializedOptionValue(selected.value) : "";
+}
+//#endregion
+//#region src/controls/checkbox.tsx
+function requiresCheckedValue(field) {
+	return typeof field.source === "object" && field.source !== null && field.source.const === true;
+}
+function Checkbox({ controlRef, disabled, field, id, inputProps, name, onBlur, onValueChange, readOnly, required, value }) {
+	const configured = nativeControlProps(field);
+	return /* @__PURE__ */ jsx("input", {
+		...configured.props,
+		...inputProps,
+		"aria-readonly": readOnly || void 0,
+		checked: value === true,
+		className: configured.className,
+		disabled: disabled || readOnly,
+		id,
+		name,
+		onBlur,
+		onChange: (event) => {
+			if (!readOnly) onValueChange(event.currentTarget.checked);
+		},
+		readOnly,
+		ref: controlRef,
+		required: required && requiresCheckedValue(field),
+		style: configured.style,
+		type: "checkbox",
+		value: "true"
+	});
+}
+//#endregion
+//#region src/controls/file.tsx
+function isFileMetadata(value) {
+	return typeof value === "object" && value !== null && typeof value.lastModified === "number" && typeof value.name === "string" && typeof value.size === "number" && typeof value.type === "string";
+}
+function controlledFiles(value) {
+	if (isFileMetadata(value)) return [value];
+	if (typeof FileList !== "undefined" && value instanceof FileList) return Array.from(value).filter(isFileMetadata);
+	if (!Array.isArray(value)) return [];
+	return value.filter(isFileMetadata);
+}
+function nativeFilesMatch(value, files) {
+	const controlled = controlledFiles(value);
+	if (controlled.length === 0 || files?.length !== controlled.length) return false;
+	return controlled.every((file, index) => {
+		const nativeFile = files.item(index);
+		return nativeFile !== null && (Object.is(file, nativeFile) || file.name === nativeFile.name && file.size === nativeFile.size && file.type === nativeFile.type && file.lastModified === nativeFile.lastModified);
+	});
+}
+function File({ controlRef, disabled, field, id, inputProps, name, onBlur, onValueChange, readOnly, required, value }) {
+	const configured = nativeControlProps(field);
+	const input = useRef(null);
+	const setControlRef = useCallback((instance) => {
+		input.current = instance;
+		controlRef(instance);
+	}, [controlRef]);
+	useEffect(() => {
+		const current = input.current;
+		if (current?.value && !nativeFilesMatch(value, current.files)) current.value = "";
+	}, [value]);
+	return /* @__PURE__ */ jsx("input", {
+		...configured.props,
+		...inputProps,
+		accept: field.constraints.accept ?? field.constraints.contentMediaType ?? configured.props.accept,
+		className: configured.className,
+		disabled: disabled || readOnly,
+		id,
+		multiple: field.config.multiple || field.constraints.multiple,
+		name,
+		onBlur,
+		onChange: (event) => {
+			const files = event.currentTarget.files;
+			onValueChange(field.config.multiple || field.constraints.multiple ? Array.from(files ?? []) : files?.[0] ?? "");
+		},
+		ref: setControlRef,
+		required,
+		style: configured.style,
+		type: "file"
+	});
+}
+//#endregion
+//#region src/controls/input.tsx
+function Input({ controlRef, disabled, field, id, inputProps, name, onBlur, onValueChange, readOnly, required, value }) {
+	const configured = nativeControlProps(field);
+	const type = inputType(field);
+	return /* @__PURE__ */ jsx("input", {
+		...configured.props,
+		...inputProps,
+		className: configured.className,
+		disabled: disabled || readOnly && type === "range",
+		id,
+		max: field.constraints.maximum,
+		maxLength: field.constraints.maxLength,
+		min: field.constraints.minimum,
+		minLength: field.constraints.minLength,
+		name,
+		onBlur,
+		onChange: (event) => {
+			if (readOnly) return;
+			onValueChange(changedInputValue(field, event.currentTarget.value, event.currentTarget.valueAsNumber));
+		},
+		pattern: field.constraints.pattern,
+		placeholder: field.config.placeholder ?? configured.props.placeholder,
+		readOnly,
+		ref: controlRef,
+		required,
+		step: field.constraints.multipleOf ?? (field.dataType === "integer" ? 1 : field.dataType === "number" ? "any" : void 0),
+		style: configured.style,
+		type,
+		value: inputValue(value, type)
+	});
+}
+//#endregion
+//#region src/controls/radio.tsx
+function Radio({ controlRef, disabled, field, id, inputProps, name, onBlur, onValueChange, readOnly, required, value }) {
+	const configured = nativeControlProps(field);
+	const options = field.options ?? [];
+	return /* @__PURE__ */ jsx("div", {
+		...inputProps,
+		"aria-label": inputProps["aria-label"] ?? field.label,
+		"aria-readonly": readOnly || void 0,
+		"aria-required": required || void 0,
+		ref: options.length === 0 ? controlRef : void 0,
+		role: "radiogroup",
+		tabIndex: options.length === 0 ? -1 : void 0,
+		children: options.map((option, index) => {
+			const optionId = index === 0 ? id : `${id}-${index}`;
+			return /* @__PURE__ */ jsxs("label", {
+				htmlFor: optionId,
+				children: [/* @__PURE__ */ jsx("input", {
+					...configured.props,
+					checked: Object.is(value, option.value),
+					className: configured.className,
+					disabled: disabled || readOnly,
+					id: optionId,
+					name,
+					onBlur,
+					onChange: () => {
+						if (!readOnly) onValueChange(option.value);
+					},
+					readOnly,
+					ref: index === 0 ? controlRef : void 0,
+					required,
+					style: configured.style,
+					type: "radio",
+					value: serializedOptionValue(option.value)
+				}), /* @__PURE__ */ jsx("span", { children: option.label })]
+			}, optionId);
+		})
+	});
+}
+//#endregion
+//#region src/controls/select.tsx
+function Select({ controlRef, disabled, field, id, inputProps, name, onBlur, onValueChange, readOnly, required, value }) {
+	const configured = nativeControlProps(field);
+	const options = field.options ?? [];
+	const placeholder = field.config.placeholder ?? "Select an option";
+	return /* @__PURE__ */ jsxs("select", {
+		...configured.props,
+		...inputProps,
+		"aria-readonly": readOnly || void 0,
+		className: configured.className,
+		disabled: disabled || readOnly,
+		id,
+		name,
+		onBlur,
+		onChange: (event) => {
+			if (readOnly) return;
+			const selected = optionForValue(options, event.currentTarget.value);
+			onValueChange(selected ? selected.value : "");
+		},
+		ref: controlRef,
+		required,
+		style: configured.style,
+		value: selectedOptionValue(options, value),
+		children: [/* @__PURE__ */ jsx("option", {
+			disabled: required,
+			value: "",
+			children: placeholder
+		}), options.map((option, index) => /* @__PURE__ */ jsx("option", {
+			value: serializedOptionValue(option.value),
+			children: option.label
+		}, `${serializedOptionValue(option.value)}-${index}`))]
+	});
+}
+//#endregion
+//#region src/controls/textarea.tsx
+function Textarea({ controlRef, disabled, field, id, inputProps, name, onBlur, onValueChange, readOnly, required, value }) {
+	const configured = nativeControlProps(field);
+	return /* @__PURE__ */ jsx("textarea", {
+		...configured.props,
+		...inputProps,
+		className: configured.className,
+		disabled,
+		id,
+		maxLength: field.constraints.maxLength,
+		minLength: field.constraints.minLength,
+		name,
+		onBlur,
+		onChange: (event) => {
+			if (!readOnly) onValueChange(event.currentTarget.value);
+		},
+		placeholder: field.config.placeholder ?? configured.props.placeholder,
+		readOnly,
+		ref: controlRef,
+		required,
+		style: configured.style,
+		value: inputValue(value)
+	});
+}
+//#endregion
+//#region src/slots/array.tsx
+function Array$1({ actions, children, disabled, error, errorId, field, itemCount, readOnly, required, ...props }) {
+	const descriptionId = useId();
+	const describedBy = [
+		props["aria-describedby"],
+		field.description ? descriptionId : void 0,
+		error ? errorId : void 0
+	].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ jsxs("fieldset", {
+		...props,
+		"aria-describedby": describedBy,
+		"aria-disabled": disabled || void 0,
+		"aria-invalid": error ? true : void 0,
+		"data-field-path": field.path,
+		"data-invalid": error ? true : void 0,
+		"data-item-count": itemCount,
+		"data-readonly": readOnly || void 0,
+		children: [
+			/* @__PURE__ */ jsxs("legend", { children: [field.label, required ? /* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				children: " *"
+			}) : null] }),
+			field.description ? /* @__PURE__ */ jsx("p", {
+				id: descriptionId,
+				children: field.description
+			}) : null,
+			children,
+			actions,
+			error ? /* @__PURE__ */ jsx("p", {
+				id: errorId,
+				role: "alert",
+				children: error
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/slots/array-item.tsx
+function ArrayItem({ actions, children, field, index, label, ...props }) {
+	const labelId = useId();
+	return /* @__PURE__ */ jsxs("div", {
+		...props,
+		"aria-labelledby": props["aria-labelledby"] ?? labelId,
+		"data-array-path": field.path,
+		"data-item-index": index,
+		role: props.role ?? "group",
+		children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("span", {
+			id: labelId,
+			children: label
+		}), actions] }), children]
+	});
+}
+//#endregion
+//#region src/slots/button.tsx
+function Button({ ariaLabel, children, disabled, intent, onClick, pending, type }) {
+	return /* @__PURE__ */ jsx("button", {
+		"aria-busy": pending || void 0,
+		"aria-label": ariaLabel,
+		"data-intent": intent,
+		disabled,
+		onClick,
+		type,
+		children
+	});
+}
+//#endregion
+//#region src/slots/error-summary.tsx
+function ErrorSummary({ errors, items, onSelect, title }) {
+	const resolvedItems = items ?? errors.map((message) => ({ message }));
+	if (resolvedItems.length === 0) return null;
+	return /* @__PURE__ */ jsxs("div", {
+		role: "alert",
+		children: [/* @__PURE__ */ jsx("strong", { children: title }), /* @__PURE__ */ jsx("ul", { children: resolvedItems.map((item, index) => {
+			const focusPath = item.focusPath;
+			return /* @__PURE__ */ jsx("li", { children: focusPath && onSelect ? /* @__PURE__ */ jsx("button", {
+				onClick: () => onSelect(focusPath),
+				type: "button",
+				children: item.message
+			}) : item.message }, `${item.path ?? "form"}-${item.message}-${index}`);
+		}) })]
+	});
+}
+//#endregion
+//#region src/slots/field.tsx
+function FieldLabel({ label, required }) {
+	return /* @__PURE__ */ jsxs("span", { children: [label, required ? /* @__PURE__ */ jsx("span", {
+		"aria-hidden": "true",
+		children: " *"
+	}) : null] });
+}
+function Field({ children, controlId, descriptionId, error, errorId, field, invalid, required, validating, ...props }) {
+	if (field.control === "hidden" || field.inputType === "hidden") return children;
+	const label = /* @__PURE__ */ jsx(FieldLabel, {
+		label: field.label,
+		required
+	});
+	return /* @__PURE__ */ jsxs("div", {
+		...props,
+		"data-field-path": field.path,
+		"data-invalid": invalid || void 0,
+		"data-validating": validating || void 0,
+		children: [
+			field.control === "checkbox" ? /* @__PURE__ */ jsxs("label", {
+				htmlFor: controlId,
+				children: [children, label]
+			}) : /* @__PURE__ */ jsxs(Fragment, { children: [field.control === "radio" ? /* @__PURE__ */ jsx("div", { children: label }) : /* @__PURE__ */ jsx("label", {
+				htmlFor: controlId,
+				children: label
+			}), children] }),
+			field.description ? /* @__PURE__ */ jsx("p", {
+				id: descriptionId,
+				children: field.description
+			}) : null,
+			validating ? /* @__PURE__ */ jsx("output", {
+				"aria-live": "polite",
+				children: "Checking…"
+			}) : null,
+			error ? /* @__PURE__ */ jsx("p", {
+				id: errorId,
+				role: "alert",
+				children: error
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/slots/form.tsx
+function Form({ children, ...props }) {
+	return /* @__PURE__ */ jsx("form", {
+		...props,
+		children
+	});
+}
+//#endregion
+//#region src/slots/form-message.tsx
+function FormMessage({ kind, message }) {
+	return /* @__PURE__ */ jsx("div", {
+		"data-kind": kind,
+		role: kind === "error" ? "alert" : "status",
+		children: message
+	});
+}
+//#endregion
+//#region src/slots/group.tsx
+function Group({ children, disabled, error, errorId, field, readOnly, required, ...props }) {
+	const descriptionId = useId();
+	const describedBy = [
+		props["aria-describedby"],
+		field.description ? descriptionId : void 0,
+		error ? errorId : void 0
+	].filter(Boolean).join(" ") || void 0;
+	return /* @__PURE__ */ jsxs("fieldset", {
+		...props,
+		"aria-describedby": describedBy,
+		"aria-disabled": disabled || void 0,
+		"aria-invalid": error ? true : void 0,
+		"data-field-path": field.path,
+		"data-invalid": error ? true : void 0,
+		"data-readonly": readOnly || void 0,
+		children: [
+			/* @__PURE__ */ jsxs("legend", { children: [field.label, required ? /* @__PURE__ */ jsx("span", {
+				"aria-hidden": "true",
+				children: " *"
+			}) : null] }),
+			field.description ? /* @__PURE__ */ jsx("p", {
+				id: descriptionId,
+				children: field.description
+			}) : null,
+			children,
+			error ? /* @__PURE__ */ jsx("p", {
+				id: errorId,
+				role: "alert",
+				children: error
+			}) : null
+		]
+	});
+}
+//#endregion
+//#region src/slots/unsupported.tsx
+function Unsupported({ field, reason }) {
+	return /* @__PURE__ */ jsxs("div", {
+		role: "alert",
+		children: [/* @__PURE__ */ jsx("strong", { children: field.label }), /* @__PURE__ */ jsx("p", { children: reason })]
+	});
+}
+//#endregion
+//#region src/slots/wizard.tsx
+function Wizard({ children, currentStep, description, navigation, steps, title, totalSteps, ...props }) {
+	const headingId = useId();
+	const heading = useRef(null);
+	const previousStep = useRef(currentStep);
+	useEffect(() => {
+		if (previousStep.current !== currentStep) heading.current?.focus();
+		previousStep.current = currentStep;
+	}, [currentStep]);
+	return /* @__PURE__ */ jsxs("section", {
+		...props,
+		"aria-labelledby": props["aria-labelledby"] ?? headingId,
+		"data-step-count": steps?.length,
+		children: [
+			/* @__PURE__ */ jsxs("p", {
+				"aria-live": "polite",
+				children: [
+					"Step ",
+					currentStep,
+					" of ",
+					totalSteps
+				]
+			}),
+			/* @__PURE__ */ jsx("h2", {
+				id: headingId,
+				ref: heading,
+				tabIndex: -1,
+				children: title
+			}),
+			description ? /* @__PURE__ */ jsx("p", { children: description }) : null,
+			/* @__PURE__ */ jsx("progress", {
+				"aria-label": `Step ${currentStep} of ${totalSteps}`,
+				max: totalSteps,
+				value: currentStep
+			}),
+			steps && steps.length > 0 ? /* @__PURE__ */ jsx("ol", {
+				"aria-label": "Form steps",
+				children: steps.map((step) => /* @__PURE__ */ jsx("li", {
+					"aria-current": step.current ? "step" : void 0,
+					"data-completed": step.completed || void 0,
+					children: step.title
+				}, step.id))
+			}) : null,
+			/* @__PURE__ */ jsx("div", { children }),
+			/* @__PURE__ */ jsx("nav", {
+				"aria-label": "Wizard navigation",
+				children: navigation
+			})
+		]
+	});
+}
+//#endregion
+//#region src/adapter.ts
+const htmlAdapter = createAdapter({
+	name: "HTML",
+	controls: {
+		checkbox: Checkbox,
+		custom: {},
+		file: File,
+		input: Input,
+		radio: Radio,
+		select: Select,
+		textarea: Textarea
+	},
+	slots: {
+		Array: Array$1,
+		ArrayItem,
+		Button,
+		ErrorSummary,
+		Field,
+		Form,
+		FormMessage,
+		Group,
+		Unsupported,
+		Wizard
+	}
+});
+//#endregion
+//#region src/provider.tsx
+/** Client boundary that keeps the function-rich adapter out of server props. */
+function HTMLProvider({ children }) {
+	return /* @__PURE__ */ jsx(FormAdapterProvider, {
+		adapter: htmlAdapter,
+		children
+	});
+}
+//#endregion
+//#region src/index.ts
+const createForm = createFormFactory(htmlAdapter);
+//#endregion
+export { Array$1 as Array, ArrayItem, Button, Checkbox, ErrorSummary, Field, File, Form, FormMessage, Group, HTMLProvider, Input, Radio, Select, Textarea, Unsupported, Wizard, createForm, htmlAdapter };
+
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["Array"],"sources":["../src/controls/shared.ts","../src/controls/checkbox.tsx","../src/controls/file.tsx","../src/controls/input.tsx","../src/controls/radio.tsx","../src/controls/select.tsx","../src/controls/textarea.tsx","../src/slots/array.tsx","../src/slots/array-item.tsx","../src/slots/button.tsx","../src/slots/error-summary.tsx","../src/slots/field.tsx","../src/slots/form.tsx","../src/slots/form-message.tsx","../src/slots/group.tsx","../src/slots/unsupported.tsx","../src/slots/wizard.tsx","../src/adapter.ts","../src/provider.tsx","../src/index.ts"],"sourcesContent":["import type {\n  CSSProperties,\n  HTMLInputTypeAttribute,\n} from \"react\";\n\nimport type {\n  FormOption,\n  ScalarField,\n} from \"@formadapter/core\";\nimport {\n  optionForSerializedValue,\n  serializeOptionValue,\n} from \"@formadapter/core\";\n\ntype NativeScalarField = ScalarField<string, unknown>;\n\nconst RESERVED_CONTROL_PROPS = new Set([\n  \"aria-describedby\",\n  \"aria-invalid\",\n  \"aria-label\",\n  \"checked\",\n  \"children\",\n  \"className\",\n  \"constructor\",\n  \"controlRef\",\n  \"dangerouslySetInnerHTML\",\n  \"defaultChecked\",\n  \"defaultValue\",\n  \"disabled\",\n  \"id\",\n  \"key\",\n  \"multiple\",\n  \"name\",\n  \"onBlur\",\n  \"onChange\",\n  \"onInput\",\n  \"__proto__\",\n  \"prototype\",\n  \"readOnly\",\n  \"ref\",\n  \"required\",\n  \"style\",\n  \"type\",\n  \"value\",\n]);\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n\nexport interface NativeControlProps<TProps extends object> {\n  readonly className?: string | undefined;\n  readonly props: TProps;\n  readonly style?: CSSProperties | undefined;\n}\n\n/** Keeps runtime-owned form props authoritative while allowing native options. */\nexport function nativeControlProps<TProps extends object>(\n  field: NativeScalarField,\n): NativeControlProps<TProps> {\n  const configured = field.config.controlProps;\n  if (!isRecord(configured)) return { props: {} as TProps };\n\n  const props: Record<string, unknown> = {};\n  for (const [key, value] of Object.entries(configured)) {\n    if (!RESERVED_CONTROL_PROPS.has(key) && value !== undefined) {\n      props[key] = value;\n    }\n  }\n\n  return {\n    ...(typeof configured.className === \"string\"\n      ? { className: configured.className }\n      : {}),\n    props: props as TProps,\n    ...(isRecord(configured.style)\n      ? { style: configured.style as CSSProperties }\n      : {}),\n  };\n}\n\nexport function inputType(field: NativeScalarField): HTMLInputTypeAttribute {\n  if (field.inputType) return field.inputType;\n\n  switch (field.control) {\n    case \"date\":\n    case \"datetime-local\":\n    case \"email\":\n    case \"hidden\":\n    case \"number\":\n    case \"password\":\n    case \"range\":\n    case \"search\":\n    case \"tel\":\n    case \"text\":\n    case \"time\":\n    case \"url\":\n      return field.control;\n  }\n\n  if (field.dataType === \"number\" || field.dataType === \"integer\") {\n    return \"number\";\n  }\n\n  switch (field.constraints.format) {\n    case \"date\":\n      return \"date\";\n    case \"date-time\":\n      return \"text\";\n    case \"email\":\n      return \"email\";\n    case \"password\":\n      return \"password\";\n    case \"tel\":\n      return \"tel\";\n    case \"time\":\n      return \"time\";\n    case \"uri\":\n    case \"url\":\n      return \"url\";\n    default:\n      return \"text\";\n  }\n}\n\nfunction formatDate(value: Date, type: HTMLInputTypeAttribute): string {\n  const pad = (part: number): string => String(part).padStart(2, \"0\");\n  const date = `${value.getFullYear()}-${pad(value.getMonth() + 1)}-${pad(value.getDate())}`;\n  const time = `${pad(value.getHours())}:${pad(value.getMinutes())}`;\n  if (type === \"date\") return date;\n  if (type === \"datetime-local\") return `${date}T${time}`;\n  if (type === \"time\") return time;\n  return value.toISOString();\n}\n\nexport function inputValue(\n  value: unknown,\n  type: HTMLInputTypeAttribute = \"text\",\n): string | number {\n  if (value === undefined || value === null) return \"\";\n  if (typeof value === \"string\" || typeof value === \"number\") return value;\n  if (value instanceof Date) return formatDate(value, type);\n  return String(value);\n}\n\nexport function changedInputValue(\n  field: NativeScalarField,\n  rawValue: string,\n  valueAsNumber: number,\n): unknown {\n  if (rawValue === \"\") return \"\";\n  if (field.dataType === \"number\" || field.dataType === \"integer\") {\n    return Number.isNaN(valueAsNumber) ? rawValue : valueAsNumber;\n  }\n  return rawValue;\n}\n\nexport function serializedOptionValue(value: FormOption[\"value\"]): string {\n  return serializeOptionValue(value);\n}\n\nexport function optionForValue(\n  options: readonly FormOption[],\n  rawValue: string,\n): FormOption | undefined {\n  return optionForSerializedValue(options, rawValue);\n}\n\nexport function selectedOptionValue(\n  options: readonly FormOption[],\n  value: unknown,\n): string {\n  const selected = options.find((option) => Object.is(option.value, value));\n  return selected ? serializedOptionValue(selected.value) : \"\";\n}\n","import type {\n  InputHTMLAttributes,\n  ReactNode,\n} from \"react\";\n\nimport type { ControlProps } from \"@formadapter/react\";\n\nimport { nativeControlProps } from \"./shared\";\n\nfunction requiresCheckedValue(field: ControlProps[\"field\"]): boolean {\n  return typeof field.source === \"object\" &&\n    field.source !== null &&\n    field.source.const === true;\n}\n\nexport function Checkbox({\n  controlRef,\n  disabled,\n  field,\n  id,\n  inputProps,\n  name,\n  onBlur,\n  onValueChange,\n  readOnly,\n  required,\n  value,\n}: ControlProps): ReactNode {\n  const configured = nativeControlProps<InputHTMLAttributes<HTMLInputElement>>(\n    field,\n  );\n\n  return (\n    <input\n      {...configured.props}\n      {...inputProps}\n      aria-readonly={readOnly || undefined}\n      checked={value === true}\n      className={configured.className}\n      disabled={disabled || readOnly}\n      id={id}\n      name={name}\n      onBlur={onBlur}\n      onChange={(event) => {\n        if (!readOnly) onValueChange(event.currentTarget.checked);\n      }}\n      readOnly={readOnly}\n      ref={controlRef}\n      required={required && requiresCheckedValue(field)}\n      style={configured.style}\n      type=\"checkbox\"\n      value=\"true\"\n    />\n  );\n}\n","import {\n  useCallback,\n  useEffect,\n  useRef,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from \"react\";\n\nimport type { ControlProps } from \"@formadapter/react\";\n\nimport { nativeControlProps } from \"./shared\";\n\ninterface FileMetadata {\n  readonly lastModified: number;\n  readonly name: string;\n  readonly size: number;\n  readonly type: string;\n}\n\nfunction isFileMetadata(value: unknown): value is FileMetadata {\n  return typeof value === \"object\" && value !== null &&\n    typeof (value as Partial<FileMetadata>).lastModified === \"number\" &&\n    typeof (value as Partial<FileMetadata>).name === \"string\" &&\n    typeof (value as Partial<FileMetadata>).size === \"number\" &&\n    typeof (value as Partial<FileMetadata>).type === \"string\";\n}\n\nfunction controlledFiles(value: unknown): readonly FileMetadata[] {\n  if (isFileMetadata(value)) return [value];\n  if (typeof FileList !== \"undefined\" && value instanceof FileList) {\n    return Array.from(value).filter(isFileMetadata);\n  }\n  if (!Array.isArray(value)) return [];\n  return value.filter(isFileMetadata);\n}\n\nfunction nativeFilesMatch(\n  value: unknown,\n  files: FileList | null,\n): boolean {\n  const controlled = controlledFiles(value);\n  if (controlled.length === 0 || files?.length !== controlled.length) {\n    return false;\n  }\n  return controlled.every((file, index) => {\n    const nativeFile = files.item(index);\n    return nativeFile !== null &&\n      (Object.is(file, nativeFile) ||\n        (file.name === nativeFile.name &&\n          file.size === nativeFile.size &&\n          file.type === nativeFile.type &&\n          file.lastModified === nativeFile.lastModified));\n  });\n}\n\nexport function File({\n  controlRef,\n  disabled,\n  field,\n  id,\n  inputProps,\n  name,\n  onBlur,\n  onValueChange,\n  readOnly,\n  required,\n  value,\n}: ControlProps): ReactNode {\n  const configured = nativeControlProps<InputHTMLAttributes<HTMLInputElement>>(\n    field,\n  );\n  const input = useRef<HTMLInputElement | null>(null);\n  const setControlRef = useCallback((instance: HTMLInputElement | null) => {\n    input.current = instance;\n    controlRef(instance);\n  }, [controlRef]);\n\n  useEffect(() => {\n    const current = input.current;\n    if (current?.value && !nativeFilesMatch(value, current.files)) {\n      // Browsers forbid assigning a non-empty selection. Clear stale native\n      // text rather than displaying file A while form state contains file B.\n      current.value = \"\";\n    }\n  }, [value]);\n\n  return (\n    <input\n      {...configured.props}\n      {...inputProps}\n      accept={\n        field.constraints.accept ??\n        field.constraints.contentMediaType ??\n        configured.props.accept\n      }\n      className={configured.className}\n      disabled={disabled || readOnly}\n      id={id}\n      multiple={field.config.multiple || field.constraints.multiple}\n      name={name}\n      onBlur={onBlur}\n      onChange={(event) => {\n        const files = event.currentTarget.files;\n        onValueChange(\n          field.config.multiple || field.constraints.multiple\n            ? Array.from(files ?? [])\n            : files?.[0] ?? \"\",\n        );\n      }}\n      ref={setControlRef}\n      required={required}\n      style={configured.style}\n      type=\"file\"\n    />\n  );\n}\n","import type {\n  InputHTMLAttributes,\n  ReactNode,\n} from \"react\";\n\nimport type { ControlProps } from \"@formadapter/react\";\n\nimport {\n  changedInputValue,\n  inputType,\n  inputValue,\n  nativeControlProps,\n} from \"./shared\";\n\nexport function Input({\n  controlRef,\n  disabled,\n  field,\n  id,\n  inputProps,\n  name,\n  onBlur,\n  onValueChange,\n  readOnly,\n  required,\n  value,\n}: ControlProps): ReactNode {\n  const configured = nativeControlProps<InputHTMLAttributes<HTMLInputElement>>(\n    field,\n  );\n  const type = inputType(field);\n\n  return (\n    <input\n      {...configured.props}\n      {...inputProps}\n      className={configured.className}\n      disabled={disabled || (readOnly && type === \"range\")}\n      id={id}\n      max={field.constraints.maximum}\n      maxLength={field.constraints.maxLength}\n      min={field.constraints.minimum}\n      minLength={field.constraints.minLength}\n      name={name}\n      onBlur={onBlur}\n      onChange={(event) => {\n        if (readOnly) return;\n        onValueChange(\n          changedInputValue(\n            field,\n            event.currentTarget.value,\n            event.currentTarget.valueAsNumber,\n          ),\n        );\n      }}\n      pattern={field.constraints.pattern}\n      placeholder={field.config.placeholder ?? configured.props.placeholder}\n      readOnly={readOnly}\n      ref={controlRef}\n      required={required}\n      step={\n        field.constraints.multipleOf ??\n        (field.dataType === \"integer\"\n          ? 1\n          : field.dataType === \"number\"\n            ? \"any\"\n            : undefined)\n      }\n      style={configured.style}\n      type={type}\n      value={inputValue(value, type)}\n    />\n  );\n}\n","import type {\n  InputHTMLAttributes,\n  ReactNode,\n} from \"react\";\n\nimport type { ControlProps } from \"@formadapter/react\";\n\nimport {\n  nativeControlProps,\n  serializedOptionValue,\n} from \"./shared\";\n\nexport function Radio({\n  controlRef,\n  disabled,\n  field,\n  id,\n  inputProps,\n  name,\n  onBlur,\n  onValueChange,\n  readOnly,\n  required,\n  value,\n}: ControlProps): ReactNode {\n  const configured = nativeControlProps<InputHTMLAttributes<HTMLInputElement>>(\n    field,\n  );\n  const options = field.options ?? [];\n\n  return (\n    <div\n      {...inputProps}\n      aria-label={inputProps[\"aria-label\"] ?? field.label}\n      aria-readonly={readOnly || undefined}\n      aria-required={required || undefined}\n      ref={options.length === 0 ? controlRef : undefined}\n      role=\"radiogroup\"\n      tabIndex={options.length === 0 ? -1 : undefined}\n    >\n      {options.map((option, index) => {\n        const optionId = index === 0 ? id : `${id}-${index}`;\n        return (\n          <label htmlFor={optionId} key={optionId}>\n            <input\n              {...configured.props}\n              checked={Object.is(value, option.value)}\n              className={configured.className}\n              disabled={disabled || readOnly}\n              id={optionId}\n              name={name}\n              onBlur={onBlur}\n              onChange={() => {\n                if (!readOnly) onValueChange(option.value);\n              }}\n              readOnly={readOnly}\n              ref={index === 0 ? controlRef : undefined}\n              required={required}\n              style={configured.style}\n              type=\"radio\"\n              value={serializedOptionValue(option.value)}\n            />\n            <span>{option.label}</span>\n          </label>\n        );\n      })}\n    </div>\n  );\n}\n","import type {\n  ReactNode,\n  SelectHTMLAttributes,\n} from \"react\";\n\nimport type { ControlProps } from \"@formadapter/react\";\n\nimport {\n  nativeControlProps,\n  optionForValue,\n  selectedOptionValue,\n  serializedOptionValue,\n} from \"./shared\";\n\nexport function Select({\n  controlRef,\n  disabled,\n  field,\n  id,\n  inputProps,\n  name,\n  onBlur,\n  onValueChange,\n  readOnly,\n  required,\n  value,\n}: ControlProps): ReactNode {\n  const configured =\n    nativeControlProps<SelectHTMLAttributes<HTMLSelectElement>>(field);\n  const options = field.options ?? [];\n  const placeholder = field.config.placeholder ?? \"Select an option\";\n\n  return (\n    <select\n      {...configured.props}\n      {...inputProps}\n      aria-readonly={readOnly || undefined}\n      className={configured.className}\n      disabled={disabled || readOnly}\n      id={id}\n      name={name}\n      onBlur={onBlur}\n      onChange={(event) => {\n        if (readOnly) return;\n        const selected = optionForValue(options, event.currentTarget.value);\n        onValueChange(selected ? selected.value : \"\");\n      }}\n      ref={controlRef}\n      required={required}\n      style={configured.style}\n      value={selectedOptionValue(options, value)}\n    >\n      <option disabled={required} value=\"\">\n        {placeholder}\n      </option>\n      {options.map((option, index) => (\n        <option\n          key={`${serializedOptionValue(option.value)}-${index}`}\n          value={serializedOptionValue(option.value)}\n        >\n          {option.label}\n        </option>\n      ))}\n    </select>\n  );\n}\n","import type {\n  ReactNode,\n  TextareaHTMLAttributes,\n} from \"react\";\n\nimport type { ControlProps } from \"@formadapter/react\";\n\nimport {\n  inputValue,\n  nativeControlProps,\n} from \"./shared\";\n\nexport function Textarea({\n  controlRef,\n  disabled,\n  field,\n  id,\n  inputProps,\n  name,\n  onBlur,\n  onValueChange,\n  readOnly,\n  required,\n  value,\n}: ControlProps): ReactNode {\n  const configured =\n    nativeControlProps<TextareaHTMLAttributes<HTMLTextAreaElement>>(field);\n\n  return (\n    <textarea\n      {...configured.props}\n      {...inputProps}\n      className={configured.className}\n      disabled={disabled}\n      id={id}\n      maxLength={field.constraints.maxLength}\n      minLength={field.constraints.minLength}\n      name={name}\n      onBlur={onBlur}\n      onChange={(event) => {\n        if (!readOnly) onValueChange(event.currentTarget.value);\n      }}\n      placeholder={field.config.placeholder ?? configured.props.placeholder}\n      readOnly={readOnly}\n      ref={controlRef}\n      required={required}\n      style={configured.style}\n      value={inputValue(value)}\n    />\n  );\n}\n","import { useId, type ReactNode } from \"react\";\n\nimport type { ArraySlotProps } from \"@formadapter/react\";\n\nexport function Array({\n  actions,\n  children,\n  disabled,\n  error,\n  errorId,\n  field,\n  itemCount,\n  readOnly,\n  required,\n  ...props\n}: ArraySlotProps): ReactNode {\n  const descriptionId = useId();\n  const describedBy = [\n    props[\"aria-describedby\"],\n    field.description ? descriptionId : undefined,\n    error ? errorId : undefined,\n  ].filter(Boolean).join(\" \") || undefined;\n\n  return (\n    <fieldset\n      {...props}\n      aria-describedby={describedBy}\n      aria-disabled={disabled || undefined}\n      aria-invalid={error ? true : undefined}\n      data-field-path={field.path}\n      data-invalid={error ? true : undefined}\n      data-item-count={itemCount}\n      data-readonly={readOnly || undefined}\n    >\n      <legend>\n        {field.label}\n        {required ? <span aria-hidden=\"true\"> *</span> : null}\n      </legend>\n      {field.description ? <p id={descriptionId}>{field.description}</p> : null}\n      {children}\n      {actions}\n      {error ? <p id={errorId} role=\"alert\">{error}</p> : null}\n    </fieldset>\n  );\n}\n","import { useId, type ReactNode } from \"react\";\n\nimport type { ArrayItemSlotProps } from \"@formadapter/react\";\n\nexport function ArrayItem({\n  actions,\n  children,\n  field,\n  index,\n  label,\n  ...props\n}: ArrayItemSlotProps): ReactNode {\n  const labelId = useId();\n\n  return (\n    <div\n      {...props}\n      aria-labelledby={props[\"aria-labelledby\"] ?? labelId}\n      data-array-path={field.path}\n      data-item-index={index}\n      role={props.role ?? \"group\"}\n    >\n      <div>\n        <span id={labelId}>{label}</span>\n        {actions}\n      </div>\n      {children}\n    </div>\n  );\n}\n","import type { ReactNode } from \"react\";\n\nimport type { ButtonSlotProps } from \"@formadapter/react\";\n\nexport function Button({\n  ariaLabel,\n  children,\n  disabled,\n  intent,\n  onClick,\n  pending,\n  type,\n}: ButtonSlotProps): ReactNode {\n  return (\n    <button\n      aria-busy={pending || undefined}\n      aria-label={ariaLabel}\n      data-intent={intent}\n      disabled={disabled}\n      onClick={onClick}\n      type={type}\n    >\n      {children}\n    </button>\n  );\n}\n","import type { ReactNode } from \"react\";\n\nimport type { ErrorSummarySlotProps } from \"@formadapter/react\";\n\nexport function ErrorSummary({\n  errors,\n  items,\n  onSelect,\n  title,\n}: ErrorSummarySlotProps): ReactNode {\n  const resolvedItems: NonNullable<ErrorSummarySlotProps[\"items\"]> =\n    items ?? errors.map((message) => ({ message }));\n\n  if (resolvedItems.length === 0) return null;\n\n  return (\n    <div role=\"alert\">\n      <strong>{title}</strong>\n      <ul>\n        {resolvedItems.map((item, index) => {\n          const focusPath = item.focusPath;\n          return (\n            <li key={`${item.path ?? \"form\"}-${item.message}-${index}`}>\n              {focusPath && onSelect ? (\n                <button onClick={() => onSelect(focusPath)} type=\"button\">\n                  {item.message}\n                </button>\n              ) : item.message}\n            </li>\n          );\n        })}\n      </ul>\n    </div>\n  );\n}\n","import type { ReactNode } from \"react\";\n\nimport type { FieldSlotProps } from \"@formadapter/react\";\n\ninterface FieldLabelProps {\n  readonly label: string;\n  readonly required: boolean;\n}\n\nfunction FieldLabel({ label, required }: FieldLabelProps): ReactNode {\n  return (\n    <span>\n      {label}\n      {required ? <span aria-hidden=\"true\"> *</span> : null}\n    </span>\n  );\n}\n\nexport function Field({\n  children,\n  controlId,\n  descriptionId,\n  error,\n  errorId,\n  field,\n  invalid,\n  required,\n  validating,\n  ...props\n}: FieldSlotProps): ReactNode {\n  if (field.control === \"hidden\" || field.inputType === \"hidden\") {\n    return children;\n  }\n\n  const label = <FieldLabel label={field.label} required={required} />;\n\n  return (\n    <div\n      {...props}\n      data-field-path={field.path}\n      data-invalid={invalid || undefined}\n      data-validating={validating || undefined}\n    >\n      {field.control === \"checkbox\" ? (\n        <label htmlFor={controlId}>\n          {children}\n          {label}\n        </label>\n      ) : (\n        <>\n          {field.control === \"radio\" ? (\n            <div>{label}</div>\n          ) : (\n            <label htmlFor={controlId}>{label}</label>\n          )}\n          {children}\n        </>\n      )}\n      {field.description ? (\n        <p id={descriptionId}>{field.description}</p>\n      ) : null}\n      {validating ? <output aria-live=\"polite\">Checking…</output> : null}\n      {error ? <p id={errorId} role=\"alert\">{error}</p> : null}\n    </div>\n  );\n}\n","import type { ReactNode } from \"react\";\n\nimport type { FormSlotProps } from \"@formadapter/react\";\n\nexport function Form({ children, ...props }: FormSlotProps): ReactNode {\n  return <form {...props}>{children}</form>;\n}\n","import type { ReactNode } from \"react\";\n\nimport type { FormMessageSlotProps } from \"@formadapter/react\";\n\nexport function FormMessage({\n  kind,\n  message,\n}: FormMessageSlotProps): ReactNode {\n  return (\n    <div\n      data-kind={kind}\n      role={kind === \"error\" ? \"alert\" : \"status\"}\n    >\n      {message}\n    </div>\n  );\n}\n","import { useId, type ReactNode } from \"react\";\n\nimport type { GroupSlotProps } from \"@formadapter/react\";\n\nexport function Group({\n  children,\n  disabled,\n  error,\n  errorId,\n  field,\n  readOnly,\n  required,\n  ...props\n}: GroupSlotProps): ReactNode {\n  const descriptionId = useId();\n  const describedBy = [\n    props[\"aria-describedby\"],\n    field.description ? descriptionId : undefined,\n    error ? errorId : undefined,\n  ].filter(Boolean).join(\" \") || undefined;\n\n  return (\n    <fieldset\n      {...props}\n      aria-describedby={describedBy}\n      aria-disabled={disabled || undefined}\n      aria-invalid={error ? true : undefined}\n      data-field-path={field.path}\n      data-invalid={error ? true : undefined}\n      data-readonly={readOnly || undefined}\n    >\n      <legend>\n        {field.label}\n        {required ? <span aria-hidden=\"true\"> *</span> : null}\n      </legend>\n      {field.description ? <p id={descriptionId}>{field.description}</p> : null}\n      {children}\n      {error ? <p id={errorId} role=\"alert\">{error}</p> : null}\n    </fieldset>\n  );\n}\n","import type { ReactNode } from \"react\";\n\nimport type { UnsupportedSlotProps } from \"@formadapter/react\";\n\nexport function Unsupported({\n  field,\n  reason,\n}: UnsupportedSlotProps): ReactNode {\n  return (\n    <div role=\"alert\">\n      <strong>{field.label}</strong>\n      <p>{reason}</p>\n    </div>\n  );\n}\n","import {\n  useEffect,\n  useId,\n  useRef,\n  type ReactNode,\n} from \"react\";\n\nimport type { WizardSlotProps } from \"@formadapter/react\";\n\nexport function Wizard({\n  children,\n  currentStep,\n  description,\n  navigation,\n  steps,\n  title,\n  totalSteps,\n  ...props\n}: WizardSlotProps): ReactNode {\n  const headingId = useId();\n  const heading = useRef<HTMLHeadingElement | null>(null);\n  const previousStep = useRef(currentStep);\n\n  useEffect(() => {\n    if (previousStep.current !== currentStep) heading.current?.focus();\n    previousStep.current = currentStep;\n  }, [currentStep]);\n\n  return (\n    <section\n      {...props}\n      aria-labelledby={props[\"aria-labelledby\"] ?? headingId}\n      data-step-count={steps?.length}\n    >\n      <p aria-live=\"polite\">Step {currentStep} of {totalSteps}</p>\n      <h2 id={headingId} ref={heading} tabIndex={-1}>{title}</h2>\n      {description ? <p>{description}</p> : null}\n      <progress\n        aria-label={`Step ${currentStep} of ${totalSteps}`}\n        max={totalSteps}\n        value={currentStep}\n      />\n      {steps && steps.length > 0 ? (\n        <ol aria-label=\"Form steps\">\n          {steps.map((step) => (\n            <li\n              aria-current={step.current ? \"step\" : undefined}\n              data-completed={step.completed || undefined}\n              key={step.id}\n            >\n              {step.title}\n            </li>\n          ))}\n        </ol>\n      ) : null}\n      <div>{children}</div>\n      <nav aria-label=\"Wizard navigation\">{navigation}</nav>\n    </section>\n  );\n}\n","import {\n  createAdapter,\n  type FormAdapter,\n} from \"@formadapter/react\";\n\nimport { Checkbox } from \"./controls/checkbox\";\nimport { File } from \"./controls/file\";\nimport { Input } from \"./controls/input\";\nimport { Radio } from \"./controls/radio\";\nimport { Select } from \"./controls/select\";\nimport { Textarea } from \"./controls/textarea\";\nimport { Array } from \"./slots/array\";\nimport { ArrayItem } from \"./slots/array-item\";\nimport { Button } from \"./slots/button\";\nimport { ErrorSummary } from \"./slots/error-summary\";\nimport { Field } from \"./slots/field\";\nimport { Form } from \"./slots/form\";\nimport { FormMessage } from \"./slots/form-message\";\nimport { Group } from \"./slots/group\";\nimport { Unsupported } from \"./slots/unsupported\";\nimport { Wizard } from \"./slots/wizard\";\n\nexport const htmlAdapter: FormAdapter<Record<never, never>> = createAdapter({\n  name: \"HTML\",\n  controls: {\n    checkbox: Checkbox,\n    custom: {},\n    file: File,\n    input: Input,\n    radio: Radio,\n    select: Select,\n    textarea: Textarea,\n  },\n  slots: {\n    Array,\n    ArrayItem,\n    Button,\n    ErrorSummary,\n    Field,\n    Form,\n    FormMessage,\n    Group,\n    Unsupported,\n    Wizard,\n  },\n});\n","\"use client\";\n\nimport type { ReactNode } from \"react\";\n\nimport { FormAdapterProvider } from \"@formadapter/react\";\n\nimport { htmlAdapter } from \"./adapter\";\n\nexport interface HTMLProviderProps {\n  readonly children: ReactNode;\n}\n\n/** Client boundary that keeps the function-rich adapter out of server props. */\nexport function HTMLProvider({ children }: HTMLProviderProps): ReactNode {\n  return (\n    <FormAdapterProvider adapter={htmlAdapter}>\n      {children}\n    </FormAdapterProvider>\n  );\n}\n","import {\n  createFormFactory,\n  type CreateForm,\n} from \"@formadapter/react\";\n\nimport { htmlAdapter } from \"./adapter\";\n\nexport { htmlAdapter } from \"./adapter\";\nexport { HTMLProvider } from \"./provider\";\nexport type { HTMLProviderProps } from \"./provider\";\nexport { Checkbox } from \"./controls/checkbox\";\nexport { File } from \"./controls/file\";\nexport { Input } from \"./controls/input\";\nexport { Radio } from \"./controls/radio\";\nexport { Select } from \"./controls/select\";\nexport { Textarea } from \"./controls/textarea\";\nexport { Array } from \"./slots/array\";\nexport { ArrayItem } from \"./slots/array-item\";\nexport { Button } from \"./slots/button\";\nexport { ErrorSummary } from \"./slots/error-summary\";\nexport { Field } from \"./slots/field\";\nexport { Form } from \"./slots/form\";\nexport { FormMessage } from \"./slots/form-message\";\nexport { Group } from \"./slots/group\";\nexport { Unsupported } from \"./slots/unsupported\";\nexport { Wizard } from \"./slots/wizard\";\n\nexport const createForm: CreateForm<typeof htmlAdapter> =\n  createFormFactory(htmlAdapter);\n"],"mappings":"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"}

package/dist/native.d.ts

@@ -0,0 +1,21 @@
+import { FormOption, ScalarField } from "@formadapter/core";
+import { CSSProperties, HTMLInputTypeAttribute } from "react";
+
+//#region src/controls/shared.d.ts
+type NativeScalarField = ScalarField<string, unknown>;
+interface NativeControlProps<TProps extends object> {
+  readonly className?: string | undefined;
+  readonly props: TProps;
+  readonly style?: CSSProperties | undefined;
+}
+/** Keeps runtime-owned form props authoritative while allowing native options. */
+declare function nativeControlProps<TProps extends object>(field: NativeScalarField): NativeControlProps<TProps>;
+declare function inputType(field: NativeScalarField): HTMLInputTypeAttribute;
+declare function inputValue(value: unknown, type?: HTMLInputTypeAttribute): string | number;
+declare function changedInputValue(field: NativeScalarField, rawValue: string, valueAsNumber: number): unknown;
+declare function serializedOptionValue(value: FormOption["value"]): string;
+declare function optionForValue(options: readonly FormOption[], rawValue: string): FormOption | undefined;
+declare function selectedOptionValue(options: readonly FormOption[], value: unknown): string;
+//#endregion
+export { type NativeControlProps, changedInputValue, inputType, inputValue, nativeControlProps, optionForValue, selectedOptionValue, serializedOptionValue };
+//# sourceMappingURL=native.d.ts.map

package/dist/native.js

@@ -0,0 +1,109 @@
+import { optionForSerializedValue, serializeOptionValue } from "@formadapter/core";
+//#region src/controls/shared.ts
+const RESERVED_CONTROL_PROPS = new Set([
+	"aria-describedby",
+	"aria-invalid",
+	"aria-label",
+	"checked",
+	"children",
+	"className",
+	"constructor",
+	"controlRef",
+	"dangerouslySetInnerHTML",
+	"defaultChecked",
+	"defaultValue",
+	"disabled",
+	"id",
+	"key",
+	"multiple",
+	"name",
+	"onBlur",
+	"onChange",
+	"onInput",
+	"__proto__",
+	"prototype",
+	"readOnly",
+	"ref",
+	"required",
+	"style",
+	"type",
+	"value"
+]);
+function isRecord(value) {
+	return typeof value === "object" && value !== null && !Array.isArray(value);
+}
+/** Keeps runtime-owned form props authoritative while allowing native options. */
+function nativeControlProps(field) {
+	const configured = field.config.controlProps;
+	if (!isRecord(configured)) return { props: {} };
+	const props = {};
+	for (const [key, value] of Object.entries(configured)) if (!RESERVED_CONTROL_PROPS.has(key) && value !== void 0) props[key] = value;
+	return {
+		...typeof configured.className === "string" ? { className: configured.className } : {},
+		props,
+		...isRecord(configured.style) ? { style: configured.style } : {}
+	};
+}
+function inputType(field) {
+	if (field.inputType) return field.inputType;
+	switch (field.control) {
+		case "date":
+		case "datetime-local":
+		case "email":
+		case "hidden":
+		case "number":
+		case "password":
+		case "range":
+		case "search":
+		case "tel":
+		case "text":
+		case "time":
+		case "url": return field.control;
+	}
+	if (field.dataType === "number" || field.dataType === "integer") return "number";
+	switch (field.constraints.format) {
+		case "date": return "date";
+		case "date-time": return "text";
+		case "email": return "email";
+		case "password": return "password";
+		case "tel": return "tel";
+		case "time": return "time";
+		case "uri":
+		case "url": return "url";
+		default: return "text";
+	}
+}
+function formatDate(value, type) {
+	const pad = (part) => String(part).padStart(2, "0");
+	const date = `${value.getFullYear()}-${pad(value.getMonth() + 1)}-${pad(value.getDate())}`;
+	const time = `${pad(value.getHours())}:${pad(value.getMinutes())}`;
+	if (type === "date") return date;
+	if (type === "datetime-local") return `${date}T${time}`;
+	if (type === "time") return time;
+	return value.toISOString();
+}
+function inputValue(value, type = "text") {
+	if (value === void 0 || value === null) return "";
+	if (typeof value === "string" || typeof value === "number") return value;
+	if (value instanceof Date) return formatDate(value, type);
+	return String(value);
+}
+function changedInputValue(field, rawValue, valueAsNumber) {
+	if (rawValue === "") return "";
+	if (field.dataType === "number" || field.dataType === "integer") return Number.isNaN(valueAsNumber) ? rawValue : valueAsNumber;
+	return rawValue;
+}
+function serializedOptionValue(value) {
+	return serializeOptionValue(value);
+}
+function optionForValue(options, rawValue) {
+	return optionForSerializedValue(options, rawValue);
+}
+function selectedOptionValue(options, value) {
+	const selected = options.find((option) => Object.is(option.value, value));
+	return selected ? serializedOptionValue(selected.value) : "";
+}
+//#endregion
+export { changedInputValue, inputType, inputValue, nativeControlProps, optionForValue, selectedOptionValue, serializedOptionValue };
+
+//# sourceMappingURL=native.js.map

package/dist/native.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"native.js","names":[],"sources":["../src/controls/shared.ts"],"sourcesContent":["import type {\n  CSSProperties,\n  HTMLInputTypeAttribute,\n} from \"react\";\n\nimport type {\n  FormOption,\n  ScalarField,\n} from \"@formadapter/core\";\nimport {\n  optionForSerializedValue,\n  serializeOptionValue,\n} from \"@formadapter/core\";\n\ntype NativeScalarField = ScalarField<string, unknown>;\n\nconst RESERVED_CONTROL_PROPS = new Set([\n  \"aria-describedby\",\n  \"aria-invalid\",\n  \"aria-label\",\n  \"checked\",\n  \"children\",\n  \"className\",\n  \"constructor\",\n  \"controlRef\",\n  \"dangerouslySetInnerHTML\",\n  \"defaultChecked\",\n  \"defaultValue\",\n  \"disabled\",\n  \"id\",\n  \"key\",\n  \"multiple\",\n  \"name\",\n  \"onBlur\",\n  \"onChange\",\n  \"onInput\",\n  \"__proto__\",\n  \"prototype\",\n  \"readOnly\",\n  \"ref\",\n  \"required\",\n  \"style\",\n  \"type\",\n  \"value\",\n]);\n\nfunction isRecord(value: unknown): value is Readonly<Record<string, unknown>> {\n  return typeof value === \"object\" && value !== null && !Array.isArray(value);\n}\n\nexport interface NativeControlProps<TProps extends object> {\n  readonly className?: string | undefined;\n  readonly props: TProps;\n  readonly style?: CSSProperties | undefined;\n}\n\n/** Keeps runtime-owned form props authoritative while allowing native options. */\nexport function nativeControlProps<TProps extends object>(\n  field: NativeScalarField,\n): NativeControlProps<TProps> {\n  const configured = field.config.controlProps;\n  if (!isRecord(configured)) return { props: {} as TProps };\n\n  const props: Record<string, unknown> = {};\n  for (const [key, value] of Object.entries(configured)) {\n    if (!RESERVED_CONTROL_PROPS.has(key) && value !== undefined) {\n      props[key] = value;\n    }\n  }\n\n  return {\n    ...(typeof configured.className === \"string\"\n      ? { className: configured.className }\n      : {}),\n    props: props as TProps,\n    ...(isRecord(configured.style)\n      ? { style: configured.style as CSSProperties }\n      : {}),\n  };\n}\n\nexport function inputType(field: NativeScalarField): HTMLInputTypeAttribute {\n  if (field.inputType) return field.inputType;\n\n  switch (field.control) {\n    case \"date\":\n    case \"datetime-local\":\n    case \"email\":\n    case \"hidden\":\n    case \"number\":\n    case \"password\":\n    case \"range\":\n    case \"search\":\n    case \"tel\":\n    case \"text\":\n    case \"time\":\n    case \"url\":\n      return field.control;\n  }\n\n  if (field.dataType === \"number\" || field.dataType === \"integer\") {\n    return \"number\";\n  }\n\n  switch (field.constraints.format) {\n    case \"date\":\n      return \"date\";\n    case \"date-time\":\n      return \"text\";\n    case \"email\":\n      return \"email\";\n    case \"password\":\n      return \"password\";\n    case \"tel\":\n      return \"tel\";\n    case \"time\":\n      return \"time\";\n    case \"uri\":\n    case \"url\":\n      return \"url\";\n    default:\n      return \"text\";\n  }\n}\n\nfunction formatDate(value: Date, type: HTMLInputTypeAttribute): string {\n  const pad = (part: number): string => String(part).padStart(2, \"0\");\n  const date = `${value.getFullYear()}-${pad(value.getMonth() + 1)}-${pad(value.getDate())}`;\n  const time = `${pad(value.getHours())}:${pad(value.getMinutes())}`;\n  if (type === \"date\") return date;\n  if (type === \"datetime-local\") return `${date}T${time}`;\n  if (type === \"time\") return time;\n  return value.toISOString();\n}\n\nexport function inputValue(\n  value: unknown,\n  type: HTMLInputTypeAttribute = \"text\",\n): string | number {\n  if (value === undefined || value === null) return \"\";\n  if (typeof value === \"string\" || typeof value === \"number\") return value;\n  if (value instanceof Date) return formatDate(value, type);\n  return String(value);\n}\n\nexport function changedInputValue(\n  field: NativeScalarField,\n  rawValue: string,\n  valueAsNumber: number,\n): unknown {\n  if (rawValue === \"\") return \"\";\n  if (field.dataType === \"number\" || field.dataType === \"integer\") {\n    return Number.isNaN(valueAsNumber) ? rawValue : valueAsNumber;\n  }\n  return rawValue;\n}\n\nexport function serializedOptionValue(value: FormOption[\"value\"]): string {\n  return serializeOptionValue(value);\n}\n\nexport function optionForValue(\n  options: readonly FormOption[],\n  rawValue: string,\n): FormOption | undefined {\n  return optionForSerializedValue(options, rawValue);\n}\n\nexport function selectedOptionValue(\n  options: readonly FormOption[],\n  value: unknown,\n): string {\n  const selected = options.find((option) => Object.is(option.value, value));\n  return selected ? serializedOptionValue(selected.value) : \"\";\n}\n"],"mappings":"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"}

package/package.json

@@ -0,0 +1,71 @@
+{
+  "name": "@formadapter/html",
+  "version": "0.0.0",
+  "description": "Accessible, unstyled native HTML renderer for FormAdapter.",
+  "keywords": [
+    "forms",
+    "html",
+    "react",
+    "schema",
+    "typescript"
+  ],
+  "homepage": "https://formadapter.com",
+  "bugs": {
+    "url": "https://github.com/ludicroushq/formadapter/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ludicroushq/formadapter.git",
+    "directory": "packages/html"
+  },
+  "license": "MIT",
+  "author": "ludicrous",
+  "type": "module",
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    },
+    "./native": {
+      "types": "./dist/native.d.ts",
+      "import": "./dist/native.js",
+      "default": "./dist/native.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "dependencies": {
+    "@formadapter/core": "^0.0.0",
+    "@formadapter/react": "^0.0.0"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0"
+  },
+  "devDependencies": {
+    "@types/react": "^19.2.17",
+    "@types/react-dom": "^19.2.3",
+    "react": "19.2.7",
+    "react-dom": "19.2.7",
+    "zod": "^4.4.3"
+  },
+  "scripts": {
+    "build": "tsdown",
+    "clean": "rm -rf dist tsconfig.tsbuildinfo .turbo",
+    "dev": "tsdown --watch",
+    "test": "vitest run --config vitest.config.ts",
+    "test:coverage": "vitest run --config vitest.config.ts --coverage",
+    "typecheck": "tsc --project tsconfig.json --noEmit"
+  }
+}