@formadapter/shadcn 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,63 @@
+# `@formadapter/shadcn`
+
+Connect FormAdapter to the shadcn/ui components your application owns. Nothing
+is styled or copied by this package: pass your generated components once and
+FormAdapter renders those exact components.
+
+```sh
+bun add @formadapter/react @formadapter/shadcn
+bunx shadcn@latest add alert button checkbox field input native-select progress radio-group spinner textarea
+```
+
+Use the entry point matching the primitives selected in `components.json`:
+
+```tsx
+"use client";
+
+import { createShadcn } from "@formadapter/shadcn/baseui";
+// For Radix UI instead:
+// import { createShadcn } from "@formadapter/shadcn/radix";
+
+import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
+import { Button } from "@/components/ui/button";
+import { Checkbox } from "@/components/ui/checkbox";
+import {
+  Field, FieldContent, FieldDescription, FieldError, FieldGroup,
+  FieldLabel, FieldLegend, FieldSet, FieldTitle,
+} from "@/components/ui/field";
+import { Input } from "@/components/ui/input";
+import { NativeSelect, NativeSelectOption } from "@/components/ui/native-select";
+import { Progress } from "@/components/ui/progress";
+import { RadioGroup, RadioGroupItem } from "@/components/ui/radio-group";
+import { Spinner } from "@/components/ui/spinner";
+import { Textarea } from "@/components/ui/textarea";
+
+export const shadcn = createShadcn({
+  Alert, AlertDescription, AlertTitle, Button, Checkbox,
+  Field, FieldContent, FieldDescription, FieldError, FieldGroup,
+  FieldLabel, FieldLegend, FieldSet, FieldTitle,
+  Input, NativeSelect, NativeSelectOption, Progress,
+  RadioGroup, RadioGroupItem, Spinner, Textarea,
+});
+
+export const ShadcnProvider = shadcn.Provider;
+```
+
+Mount the returned provider once. Neutral forms created with
+`@formadapter/react` use the nearest provider:
+
+```tsx
+<ShadcnProvider>
+  <App />
+</ShadcnProvider>
+```
+
+The setup also returns `adapter` for scoped extensions and an adapter-bound
+`createForm` for forms that should not depend on a provider:
+
+```tsx
+export const { adapter, createForm } = shadcn;
+```
+
+Do not import CSS from `@formadapter/shadcn`. Your generated components and
+existing shadcn theme remain the only styling source.

package/dist/baseui.d.ts

@@ -0,0 +1,8 @@
+'use client';
+import { n as ShadcnSetup, r as BaseUIShadcnComponents, t as ShadcnProviderProps } from "./factory-FVm6mlf3.js";
+
+//#region src/baseui.d.ts
+declare function createShadcn(components: BaseUIShadcnComponents): ShadcnSetup;
+//#endregion
+export { type BaseUIShadcnComponents, type ShadcnProviderProps, type ShadcnSetup, createShadcn };
+//# sourceMappingURL=baseui.d.ts.map

package/dist/baseui.js

@@ -0,0 +1,89 @@
+'use client';
+import { t as createShadcnSetup } from "./factory-CI0_tPhU.js";
+import { nativeControlProps, optionForValue, selectedOptionValue, serializedOptionValue } from "@formadapter/html/native";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/baseui-controls.tsx
+function requiresCheckedValue(field) {
+	return typeof field.source === "object" && field.source !== null && field.source.const === true;
+}
+function createBaseUIChoiceControls(components) {
+	const { Checkbox, Field, FieldLabel, RadioGroup, RadioGroupItem } = components;
+	function CheckboxControl({ controlRef, disabled, field, id, inputProps, invalid, name, onBlur, onValueChange, readOnly, required, value }) {
+		const configured = nativeControlProps(field);
+		return /* @__PURE__ */ jsx(Checkbox, {
+			...configured.props,
+			...inputProps,
+			"aria-invalid": invalid || void 0,
+			"aria-readonly": readOnly || void 0,
+			checked: value === true,
+			className: configured.className,
+			disabled,
+			id,
+			inputRef: controlRef,
+			name,
+			onBlur,
+			onCheckedChange: (checked) => {
+				if (!readOnly) onValueChange(checked);
+			},
+			readOnly,
+			required: required && requiresCheckedValue(field),
+			style: configured.style,
+			value: "true"
+		});
+	}
+	function RadioControl({ controlRef, disabled, field, id, inputProps, invalid, name, onBlur, onValueChange, readOnly, required, value }) {
+		const options = field.options ?? [];
+		const configured = nativeControlProps(field);
+		return /* @__PURE__ */ jsx(RadioGroup, {
+			...configured.props,
+			...inputProps,
+			"aria-invalid": invalid || void 0,
+			"aria-label": inputProps["aria-label"] ?? field.label,
+			"aria-readonly": readOnly || void 0,
+			className: configured.className,
+			disabled,
+			name,
+			onBlur,
+			onValueChange: (nextValue) => {
+				if (readOnly) return;
+				const selected = optionForValue(options, nextValue);
+				if (selected) onValueChange(selected.value);
+			},
+			readOnly,
+			ref: options.length === 0 ? controlRef : void 0,
+			required,
+			style: configured.style,
+			tabIndex: options.length === 0 ? -1 : void 0,
+			value: selectedOptionValue(options, value),
+			children: options.map((option, index) => {
+				const optionId = index === 0 ? id : `${id}-${index}`;
+				return /* @__PURE__ */ jsxs(Field, {
+					orientation: "horizontal",
+					children: [/* @__PURE__ */ jsx(RadioGroupItem, {
+						"aria-invalid": invalid || void 0,
+						disabled,
+						id: optionId,
+						inputRef: index === 0 ? controlRef : void 0,
+						value: serializedOptionValue(option.value)
+					}), /* @__PURE__ */ jsx(FieldLabel, {
+						htmlFor: optionId,
+						children: option.label
+					})]
+				}, optionId);
+			})
+		});
+	}
+	return {
+		checkbox: CheckboxControl,
+		radio: RadioControl
+	};
+}
+//#endregion
+//#region src/baseui.ts
+function createShadcn(components) {
+	return createShadcnSetup("shadcn/ui (Base UI)", components, createBaseUIChoiceControls(components));
+}
+//#endregion
+export { createShadcn };
+
+//# sourceMappingURL=baseui.js.map

package/dist/baseui.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseui.js","names":[],"sources":["../src/baseui-controls.tsx","../src/baseui.ts"],"sourcesContent":["import {\n  nativeControlProps,\n  optionForValue,\n  selectedOptionValue,\n  serializedOptionValue,\n} from \"@formadapter/html/native\";\nimport type { ControlProps } from \"@formadapter/react\";\n\nimport type { BaseUIShadcnComponents } from \"./components\";\nimport type { ChoiceControls } from \"./factory\";\n\nfunction requiresCheckedValue(field: ControlProps[\"field\"]): boolean {\n  return typeof field.source === \"object\" && field.source !== null &&\n    field.source.const === true;\n}\n\nexport function createBaseUIChoiceControls(\n  components: BaseUIShadcnComponents,\n): ChoiceControls {\n  const {\n    Checkbox,\n    Field,\n    FieldLabel,\n    RadioGroup,\n    RadioGroupItem,\n  } = components;\n\n  function CheckboxControl({\n    controlRef,\n    disabled,\n    field,\n    id,\n    inputProps,\n    invalid,\n    name,\n    onBlur,\n    onValueChange,\n    readOnly,\n    required,\n    value,\n  }: ControlProps): React.JSX.Element {\n    const configured = nativeControlProps<Record<string, unknown>>(field);\n\n    return (\n      <Checkbox\n        {...configured.props}\n        {...inputProps}\n        aria-invalid={invalid || undefined}\n        aria-readonly={readOnly || undefined}\n        checked={value === true}\n        className={configured.className}\n        disabled={disabled}\n        id={id}\n        inputRef={controlRef}\n        name={name}\n        onBlur={onBlur}\n        onCheckedChange={(checked) => {\n          if (!readOnly) onValueChange(checked);\n        }}\n        readOnly={readOnly}\n        required={required && requiresCheckedValue(field)}\n        style={configured.style}\n        value=\"true\"\n      />\n    );\n  }\n\n  function RadioControl({\n    controlRef,\n    disabled,\n    field,\n    id,\n    inputProps,\n    invalid,\n    name,\n    onBlur,\n    onValueChange,\n    readOnly,\n    required,\n    value,\n  }: ControlProps): React.JSX.Element {\n    const options = field.options ?? [];\n    const configured = nativeControlProps<Record<string, unknown>>(field);\n\n    return (\n      <RadioGroup\n        {...configured.props}\n        {...inputProps}\n        aria-invalid={invalid || undefined}\n        aria-label={inputProps[\"aria-label\"] ?? field.label}\n        aria-readonly={readOnly || undefined}\n        className={configured.className}\n        disabled={disabled}\n        name={name}\n        onBlur={onBlur}\n        onValueChange={(nextValue) => {\n          if (readOnly) return;\n          const selected = optionForValue(options, nextValue);\n          if (selected) onValueChange(selected.value);\n        }}\n        readOnly={readOnly}\n        ref={options.length === 0 ? controlRef : undefined}\n        required={required}\n        style={configured.style}\n        tabIndex={options.length === 0 ? -1 : undefined}\n        value={selectedOptionValue(options, value)}\n      >\n        {options.map((option, index) => {\n          const optionId = index === 0 ? id : `${id}-${index}`;\n          return (\n            <Field key={optionId} orientation=\"horizontal\">\n              <RadioGroupItem\n                aria-invalid={invalid || undefined}\n                disabled={disabled}\n                id={optionId}\n                inputRef={index === 0 ? controlRef : undefined}\n                value={serializedOptionValue(option.value)}\n              />\n              <FieldLabel htmlFor={optionId}>{option.label}</FieldLabel>\n            </Field>\n          );\n        })}\n      </RadioGroup>\n    );\n  }\n\n  return { checkbox: CheckboxControl, radio: RadioControl };\n}\n","import type { BaseUIShadcnComponents } from \"./components\";\nimport { createBaseUIChoiceControls } from \"./baseui-controls\";\nimport { createShadcnSetup, type ShadcnSetup } from \"./factory\";\n\nexport type { BaseUIShadcnComponents } from \"./components\";\nexport type { ShadcnProviderProps, ShadcnSetup } from \"./factory\";\n\nexport function createShadcn(\n  components: BaseUIShadcnComponents,\n): ShadcnSetup {\n  return createShadcnSetup(\n    \"shadcn/ui (Base UI)\",\n    components,\n    createBaseUIChoiceControls(components),\n  );\n}\n"],"mappings":";;;;;AAWA,SAAS,qBAAqB,OAAuC;AACnE,QAAO,OAAO,MAAM,WAAW,YAAY,MAAM,WAAW,QAC1D,MAAM,OAAO,UAAU;;AAG3B,SAAgB,2BACd,YACgB;CAChB,MAAM,EACJ,UACA,OACA,YACA,YACA,mBACE;CAEJ,SAAS,gBAAgB,EACvB,YACA,UACA,OACA,IACA,YACA,SACA,MACA,QACA,eACA,UACA,UACA,SACkC;EAClC,MAAM,aAAa,mBAA4C,MAAM;AAErE,SACE,oBAAC,UAAD;GACE,GAAI,WAAW;GACf,GAAI;GACJ,gBAAc,WAAW,KAAA;GACzB,iBAAe,YAAY,KAAA;GAC3B,SAAS,UAAU;GACnB,WAAW,WAAW;GACZ;GACN;GACJ,UAAU;GACJ;GACE;GACR,kBAAkB,YAAY;AAC5B,QAAI,CAAC,SAAU,eAAc,QAAQ;;GAE7B;GACV,UAAU,YAAY,qBAAqB,MAAM;GACjD,OAAO,WAAW;GAClB,OAAM;GACN,CAAA;;CAIN,SAAS,aAAa,EACpB,YACA,UACA,OACA,IACA,YACA,SACA,MACA,QACA,eACA,UACA,UACA,SACkC;EAClC,MAAM,UAAU,MAAM,WAAW,EAAE;EACnC,MAAM,aAAa,mBAA4C,MAAM;AAErE,SACE,oBAAC,YAAD;GACE,GAAI,WAAW;GACf,GAAI;GACJ,gBAAc,WAAW,KAAA;GACzB,cAAY,WAAW,iBAAiB,MAAM;GAC9C,iBAAe,YAAY,KAAA;GAC3B,WAAW,WAAW;GACZ;GACJ;GACE;GACR,gBAAgB,cAAc;AAC5B,QAAI,SAAU;IACd,MAAM,WAAW,eAAe,SAAS,UAAU;AACnD,QAAI,SAAU,eAAc,SAAS,MAAM;;GAEnC;GACV,KAAK,QAAQ,WAAW,IAAI,aAAa,KAAA;GAC/B;GACV,OAAO,WAAW;GAClB,UAAU,QAAQ,WAAW,IAAI,KAAK,KAAA;GACtC,OAAO,oBAAoB,SAAS,MAAM;aAEzC,QAAQ,KAAK,QAAQ,UAAU;IAC9B,MAAM,WAAW,UAAU,IAAI,KAAK,GAAG,GAAG,GAAG;AAC7C,WACE,qBAAC,OAAD;KAAsB,aAAY;eAAlC,CACE,oBAAC,gBAAD;MACE,gBAAc,WAAW,KAAA;MACf;MACV,IAAI;MACJ,UAAU,UAAU,IAAI,aAAa,KAAA;MACrC,OAAO,sBAAsB,OAAO,MAAM;MAC1C,CAAA,EACF,oBAAC,YAAD;MAAY,SAAS;gBAAW,OAAO;MAAmB,CAAA,CACpD;OATI,SASJ;KAEV;GACS,CAAA;;AAIjB,QAAO;EAAE,UAAU;EAAiB,OAAO;EAAc;;;;ACvH3D,SAAgB,aACd,YACa;AACb,QAAO,kBACL,uBACA,YACA,2BAA2B,WAAW,CACvC"}

package/dist/factory-CI0_tPhU.js

@@ -0,0 +1,443 @@
+'use client';
+import { changedInputValue, inputType, inputValue, nativeControlProps, optionForValue, selectedOptionValue, serializedOptionValue } from "@formadapter/html/native";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { FormAdapterProvider, createAdapter, createFormFactory } from "@formadapter/react";
+import { useCallback, useEffect, useId, useRef } from "react";
+//#region src/native-controls.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 createNativeControls(components) {
+	const { Input: ShadcnInput, NativeSelect, NativeSelectOption, Textarea: ShadcnTextarea } = components;
+	function InputControl({ controlRef, disabled, field, id, inputProps, name, onBlur, onValueChange, readOnly, required, value }) {
+		const configured = nativeControlProps(field);
+		const type = inputType(field);
+		return /* @__PURE__ */ jsx(ShadcnInput, {
+			...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)
+		});
+	}
+	function TextareaControl({ controlRef, disabled, field, id, inputProps, name, onBlur, onValueChange, readOnly, required, value }) {
+		const configured = nativeControlProps(field);
+		return /* @__PURE__ */ jsx(ShadcnTextarea, {
+			...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)
+		});
+	}
+	function SelectControl({ controlRef, disabled, field, id, inputProps, name, onBlur, onValueChange, readOnly, required, value }) {
+		const configured = nativeControlProps(field);
+		const { size: _configuredSize, ...configuredProps } = configured.props;
+		const options = field.options ?? [];
+		const placeholder = field.config.placeholder ?? "Select an option";
+		return /* @__PURE__ */ jsxs(NativeSelect, {
+			...configuredProps,
+			...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(NativeSelectOption, {
+				disabled: required,
+				value: "",
+				children: placeholder
+			}), options.map((option, index) => /* @__PURE__ */ jsx(NativeSelectOption, {
+				value: serializedOptionValue(option.value),
+				children: option.label
+			}, `${serializedOptionValue(option.value)}-${index}`))]
+		});
+	}
+	function FileControl({ 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(ShadcnInput, {
+			...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"
+		});
+	}
+	return {
+		file: FileControl,
+		input: InputControl,
+		select: SelectControl,
+		textarea: TextareaControl
+	};
+}
+//#endregion
+//#region src/slots.tsx
+function requiredLabel(label, required) {
+	return /* @__PURE__ */ jsxs(Fragment, { children: [label, required ? /* @__PURE__ */ jsx("span", {
+		"aria-hidden": "true",
+		children: " *"
+	}) : null] });
+}
+function buttonVariant(intent) {
+	if (intent === "remove") return "destructive";
+	if (intent === "move-up" || intent === "move-down" || intent === "previous") return "outline";
+	return "default";
+}
+function createSlots(components) {
+	const { Alert, AlertDescription, AlertTitle, Button: ShadcnButton, Field: ShadcnField, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSet, FieldTitle, Progress, Spinner } = components;
+	function Form({ children, ...props }) {
+		return /* @__PURE__ */ jsx("form", {
+			...props,
+			"data-slot": "form",
+			children
+		});
+	}
+	function Field({ children, controlId, descriptionId, error, errorId, field, invalid, required, validating, ...props }) {
+		if (field.control === "hidden" || field.inputType === "hidden") return children;
+		const checkbox = field.control === "checkbox";
+		return /* @__PURE__ */ jsxs(ShadcnField, {
+			...props,
+			"data-field-path": field.path,
+			"data-invalid": invalid || void 0,
+			"data-validating": validating || void 0,
+			orientation: checkbox ? "horizontal" : "vertical",
+			children: [
+				checkbox ? /* @__PURE__ */ jsxs(FieldLabel, {
+					htmlFor: controlId,
+					children: [children, requiredLabel(field.label, required)]
+				}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(FieldLabel, {
+					htmlFor: controlId,
+					children: requiredLabel(field.label, required)
+				}), children] }),
+				field.description ? /* @__PURE__ */ jsx(FieldDescription, {
+					id: descriptionId,
+					children: field.description
+				}) : null,
+				validating ? /* @__PURE__ */ jsx(FieldDescription, { children: /* @__PURE__ */ jsx("output", { children: "Checking…" }) }) : null,
+				error ? /* @__PURE__ */ jsx(FieldError, {
+					id: errorId,
+					children: error
+				}) : null
+			]
+		});
+	}
+	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,
+			disabled,
+			children: [
+				/* @__PURE__ */ jsx(FieldLegend, { children: requiredLabel(field.label, required) }),
+				field.description ? /* @__PURE__ */ jsx(FieldDescription, {
+					id: descriptionId,
+					children: field.description
+				}) : null,
+				/* @__PURE__ */ jsx(FieldGroup, { children }),
+				error ? /* @__PURE__ */ jsx(FieldError, {
+					id: errorId,
+					children: error
+				}) : null
+			]
+		});
+	}
+	function Array({ 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,
+			disabled,
+			children: [
+				/* @__PURE__ */ jsx(FieldLegend, { children: requiredLabel(field.label, required) }),
+				field.description ? /* @__PURE__ */ jsx(FieldDescription, {
+					id: descriptionId,
+					children: field.description
+				}) : null,
+				/* @__PURE__ */ jsx(FieldGroup, {
+					"data-slot": "array-items",
+					children
+				}),
+				/* @__PURE__ */ jsx(ShadcnField, {
+					"data-slot": "array-actions",
+					orientation: "horizontal",
+					children: actions
+				}),
+				error ? /* @__PURE__ */ jsx(FieldError, {
+					id: errorId,
+					children: error
+				}) : null
+			]
+		});
+	}
+	function ArrayItem({ actions, children, field, index, label, ...props }) {
+		const labelId = useId();
+		return /* @__PURE__ */ jsxs(ShadcnField, {
+			...props,
+			"aria-labelledby": props["aria-labelledby"] ?? labelId,
+			"data-array-path": field.path,
+			"data-item-index": index,
+			role: props.role ?? "group",
+			children: [/* @__PURE__ */ jsxs(ShadcnField, {
+				orientation: "horizontal",
+				children: [/* @__PURE__ */ jsx(FieldTitle, {
+					id: labelId,
+					children: label
+				}), /* @__PURE__ */ jsx("div", {
+					"data-slot": "array-item-actions",
+					children: actions
+				})]
+			}), /* @__PURE__ */ jsx(FieldContent, { children })]
+		});
+	}
+	function Button({ ariaLabel, children, disabled, intent, onClick, pending, type }) {
+		return /* @__PURE__ */ jsxs(ShadcnButton, {
+			"aria-busy": pending || void 0,
+			"aria-label": ariaLabel,
+			"data-intent": intent,
+			disabled,
+			onClick,
+			type,
+			variant: buttonVariant(intent),
+			children: [pending ? /* @__PURE__ */ jsx(Spinner, {
+				"aria-hidden": "true",
+				"data-icon": "inline-start"
+			}) : null, children]
+		});
+	}
+	function ErrorSummary({ errors, items, onSelect, title }) {
+		const resolvedItems = items ?? errors.map((message) => ({ message }));
+		if (resolvedItems.length === 0) return null;
+		return /* @__PURE__ */ jsxs(Alert, {
+			role: "alert",
+			variant: "destructive",
+			children: [/* @__PURE__ */ jsx(AlertTitle, { children: title }), /* @__PURE__ */ jsx(AlertDescription, { children: /* @__PURE__ */ jsx("ul", { children: resolvedItems.map((item, index) => {
+				const focusPath = item.focusPath;
+				return /* @__PURE__ */ jsx("li", { children: focusPath && onSelect ? /* @__PURE__ */ jsx(ShadcnButton, {
+					"data-intent": "error-link",
+					onClick: () => onSelect(focusPath),
+					type: "button",
+					variant: "link",
+					children: item.message
+				}) : item.message }, `${item.path ?? "form"}-${item.message}-${index}`);
+			}) }) })]
+		});
+	}
+	function FormMessage({ kind, message }) {
+		return /* @__PURE__ */ jsx(Alert, {
+			"data-kind": kind,
+			role: kind === "error" ? "alert" : "status",
+			variant: kind === "error" ? "destructive" : "default",
+			children: /* @__PURE__ */ jsx(AlertDescription, { children: message })
+		});
+	}
+	function Unsupported({ field, reason }) {
+		return /* @__PURE__ */ jsxs(Alert, {
+			role: "alert",
+			children: [/* @__PURE__ */ jsx(AlertTitle, { children: field.label }), /* @__PURE__ */ jsx(AlertDescription, { children: reason })]
+		});
+	}
+	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,
+			"data-slot": "wizard",
+			children: [
+				steps && steps.length > 0 ? /* @__PURE__ */ jsx("ol", {
+					"aria-label": "Form steps",
+					"data-slot": "wizard-steps",
+					children: steps.map((step, index) => /* @__PURE__ */ jsxs("li", {
+						"aria-label": `${step.title}${step.completed ? ", completed" : ""}`,
+						"aria-current": step.current ? "step" : void 0,
+						"data-completed": step.completed || void 0,
+						children: [/* @__PURE__ */ jsx("span", {
+							"aria-hidden": "true",
+							children: index + 1
+						}), /* @__PURE__ */ jsx("span", {
+							"aria-hidden": "true",
+							children: step.title
+						})]
+					}, step.id))
+				}) : null,
+				/* @__PURE__ */ jsxs("div", { 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
+				}),
+				/* @__PURE__ */ jsx(FieldGroup, { children }),
+				/* @__PURE__ */ jsx("nav", {
+					"aria-label": "Wizard navigation",
+					children: navigation
+				})
+			]
+		});
+	}
+	return {
+		Array,
+		ArrayItem,
+		Button,
+		ErrorSummary,
+		Field,
+		Form,
+		FormMessage,
+		Group,
+		Unsupported,
+		Wizard
+	};
+}
+//#endregion
+//#region src/factory.tsx
+function createShadcnSetup(name, components, choices) {
+	const native = createNativeControls(components);
+	const adapter = createAdapter({
+		name,
+		controls: {
+			checkbox: choices.checkbox,
+			custom: {},
+			file: native.file,
+			input: native.input,
+			radio: choices.radio,
+			select: native.select,
+			textarea: native.textarea
+		},
+		slots: createSlots(components)
+	});
+	function Provider({ children }) {
+		return /* @__PURE__ */ jsx(FormAdapterProvider, {
+			adapter,
+			children
+		});
+	}
+	return {
+		adapter,
+		createForm: createFormFactory(adapter),
+		Provider
+	};
+}
+//#endregion
+export { createShadcnSetup as t };
+
+//# sourceMappingURL=factory-CI0_tPhU.js.map

package/dist/factory-CI0_tPhU.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"factory-CI0_tPhU.js","names":[],"sources":["../src/native-controls.tsx","../src/slots.tsx","../src/factory.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useRef,\n  type ChangeEvent,\n  type InputHTMLAttributes,\n  type SelectHTMLAttributes,\n  type TextareaHTMLAttributes,\n} from \"react\";\n\nimport {\n  changedInputValue,\n  inputType,\n  inputValue,\n  nativeControlProps,\n  optionForValue,\n  selectedOptionValue,\n  serializedOptionValue,\n} from \"@formadapter/html/native\";\nimport type { ControlComponent, ControlProps } from \"@formadapter/react\";\n\nimport type { CommonShadcnComponents } from \"./components\";\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(value: unknown, files: FileList | null): 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 interface NativeControls {\n  readonly file: ControlComponent;\n  readonly input: ControlComponent;\n  readonly select: ControlComponent;\n  readonly textarea: ControlComponent;\n}\n\nexport function createNativeControls(\n  components: CommonShadcnComponents,\n): NativeControls {\n  const {\n    Input: ShadcnInput,\n    NativeSelect,\n    NativeSelectOption,\n    Textarea: ShadcnTextarea,\n  } = components;\n\n  function InputControl({\n    controlRef,\n    disabled,\n    field,\n    id,\n    inputProps,\n    name,\n    onBlur,\n    onValueChange,\n    readOnly,\n    required,\n    value,\n  }: ControlProps): React.JSX.Element {\n    const configured = nativeControlProps<InputHTMLAttributes<HTMLInputElement>>(\n      field,\n    );\n    const type = inputType(field);\n\n    return (\n      <ShadcnInput\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: ChangeEvent<HTMLInputElement>) => {\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\n  function TextareaControl({\n    controlRef,\n    disabled,\n    field,\n    id,\n    inputProps,\n    name,\n    onBlur,\n    onValueChange,\n    readOnly,\n    required,\n    value,\n  }: ControlProps): React.JSX.Element {\n    const configured =\n      nativeControlProps<TextareaHTMLAttributes<HTMLTextAreaElement>>(field);\n\n    return (\n      <ShadcnTextarea\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: ChangeEvent<HTMLTextAreaElement>) => {\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\n  function SelectControl({\n    controlRef,\n    disabled,\n    field,\n    id,\n    inputProps,\n    name,\n    onBlur,\n    onValueChange,\n    readOnly,\n    required,\n    value,\n  }: ControlProps): React.JSX.Element {\n    const configured =\n      nativeControlProps<SelectHTMLAttributes<HTMLSelectElement>>(field);\n    const { size: _configuredSize, ...configuredProps } = configured.props;\n    const options = field.options ?? [];\n    const placeholder = field.config.placeholder ?? \"Select an option\";\n\n    return (\n      <NativeSelect\n        {...configuredProps}\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: ChangeEvent<HTMLSelectElement>) => {\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        <NativeSelectOption disabled={required} value=\"\">\n          {placeholder}\n        </NativeSelectOption>\n        {options.map((option, index) => (\n          <NativeSelectOption\n            key={`${serializedOptionValue(option.value)}-${index}`}\n            value={serializedOptionValue(option.value)}\n          >\n            {option.label}\n          </NativeSelectOption>\n        ))}\n      </NativeSelect>\n    );\n  }\n\n  function FileControl({\n    controlRef,\n    disabled,\n    field,\n    id,\n    inputProps,\n    name,\n    onBlur,\n    onValueChange,\n    readOnly,\n    required,\n    value,\n  }: ControlProps): React.JSX.Element {\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        current.value = \"\";\n      }\n    }, [value]);\n\n    return (\n      <ShadcnInput\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: ChangeEvent<HTMLInputElement>) => {\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\n  return {\n    file: FileControl,\n    input: InputControl,\n    select: SelectControl,\n    textarea: TextareaControl,\n  };\n}\n","import {\n  useEffect,\n  useId,\n  useRef,\n  type ReactNode,\n} from \"react\";\n\nimport type {\n  ArrayItemSlotProps,\n  ArraySlotProps,\n  ButtonIntent,\n  ButtonSlotProps,\n  ErrorSummarySlotProps,\n  FieldSlotProps,\n  FormAdapterSlots,\n  FormMessageSlotProps,\n  FormSlotProps,\n  GroupSlotProps,\n  UnsupportedSlotProps,\n  WizardSlotProps,\n} from \"@formadapter/react\";\n\nimport type { CommonShadcnComponents } from \"./components\";\n\nfunction requiredLabel(label: string, required: boolean): ReactNode {\n  return (\n    <>\n      {label}\n      {required ? <span aria-hidden=\"true\"> *</span> : null}\n    </>\n  );\n}\n\nfunction buttonVariant(\n  intent: ButtonIntent,\n): \"default\" | \"destructive\" | \"outline\" {\n  if (intent === \"remove\") return \"destructive\";\n  if (intent === \"move-up\" || intent === \"move-down\" || intent === \"previous\") {\n    return \"outline\";\n  }\n  return \"default\";\n}\n\nexport function createSlots(\n  components: CommonShadcnComponents,\n): FormAdapterSlots {\n  const {\n    Alert,\n    AlertDescription,\n    AlertTitle,\n    Button: ShadcnButton,\n    Field: ShadcnField,\n    FieldContent,\n    FieldDescription,\n    FieldError,\n    FieldGroup,\n    FieldLabel,\n    FieldLegend,\n    FieldSet,\n    FieldTitle,\n    Progress,\n    Spinner,\n  } = components;\n\n  function Form({ children, ...props }: FormSlotProps): ReactNode {\n    return (\n      <form {...props} data-slot=\"form\">\n        {children}\n      </form>\n    );\n  }\n\n  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 checkbox = field.control === \"checkbox\";\n\n    return (\n      <ShadcnField\n        {...props}\n        data-field-path={field.path}\n        data-invalid={invalid || undefined}\n        data-validating={validating || undefined}\n        orientation={checkbox ? \"horizontal\" : \"vertical\"}\n      >\n        {checkbox ? (\n          <FieldLabel htmlFor={controlId}>\n            {children}\n            {requiredLabel(field.label, required)}\n          </FieldLabel>\n        ) : (\n          <>\n            <FieldLabel htmlFor={controlId}>\n              {requiredLabel(field.label, required)}\n            </FieldLabel>\n            {children}\n          </>\n        )}\n        {field.description ? (\n          <FieldDescription id={descriptionId}>\n            {field.description}\n          </FieldDescription>\n        ) : null}\n        {validating ? (\n          <FieldDescription>\n            <output>Checking…</output>\n          </FieldDescription>\n        ) : null}\n        {error ? <FieldError id={errorId}>{error}</FieldError> : null}\n      </ShadcnField>\n    );\n  }\n\n  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        disabled={disabled}\n      >\n        <FieldLegend>{requiredLabel(field.label, required)}</FieldLegend>\n        {field.description ? (\n          <FieldDescription id={descriptionId}>\n            {field.description}\n          </FieldDescription>\n        ) : null}\n        <FieldGroup>{children}</FieldGroup>\n        {error ? <FieldError id={errorId}>{error}</FieldError> : null}\n      </FieldSet>\n    );\n  }\n\n  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        disabled={disabled}\n      >\n        <FieldLegend>{requiredLabel(field.label, required)}</FieldLegend>\n        {field.description ? (\n          <FieldDescription id={descriptionId}>\n            {field.description}\n          </FieldDescription>\n        ) : null}\n        <FieldGroup data-slot=\"array-items\">{children}</FieldGroup>\n        <ShadcnField data-slot=\"array-actions\" orientation=\"horizontal\">\n          {actions}\n        </ShadcnField>\n        {error ? <FieldError id={errorId}>{error}</FieldError> : null}\n      </FieldSet>\n    );\n  }\n\n  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      <ShadcnField\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        <ShadcnField orientation=\"horizontal\">\n          <FieldTitle id={labelId}>{label}</FieldTitle>\n          <div data-slot=\"array-item-actions\">{actions}</div>\n        </ShadcnField>\n        <FieldContent>{children}</FieldContent>\n      </ShadcnField>\n    );\n  }\n\n  function Button({\n    ariaLabel,\n    children,\n    disabled,\n    intent,\n    onClick,\n    pending,\n    type,\n  }: ButtonSlotProps): ReactNode {\n    return (\n      <ShadcnButton\n        aria-busy={pending || undefined}\n        aria-label={ariaLabel}\n        data-intent={intent}\n        disabled={disabled}\n        onClick={onClick}\n        type={type}\n        variant={buttonVariant(intent)}\n      >\n        {pending ? <Spinner aria-hidden=\"true\" data-icon=\"inline-start\" /> : null}\n        {children}\n      </ShadcnButton>\n    );\n  }\n\n  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      <Alert role=\"alert\" variant=\"destructive\">\n        <AlertTitle>{title}</AlertTitle>\n        <AlertDescription>\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                    <ShadcnButton\n                      data-intent=\"error-link\"\n                      onClick={() => onSelect(focusPath)}\n                      type=\"button\"\n                      variant=\"link\"\n                    >\n                      {item.message}\n                    </ShadcnButton>\n                  ) : item.message}\n                </li>\n              );\n            })}\n          </ul>\n        </AlertDescription>\n      </Alert>\n    );\n  }\n\n  function FormMessage({ kind, message }: FormMessageSlotProps): ReactNode {\n    return (\n      <Alert\n        data-kind={kind}\n        role={kind === \"error\" ? \"alert\" : \"status\"}\n        variant={kind === \"error\" ? \"destructive\" : \"default\"}\n      >\n        <AlertDescription>{message}</AlertDescription>\n      </Alert>\n    );\n  }\n\n  function Unsupported({ field, reason }: UnsupportedSlotProps): ReactNode {\n    return (\n      <Alert role=\"alert\">\n        <AlertTitle>{field.label}</AlertTitle>\n        <AlertDescription>{reason}</AlertDescription>\n      </Alert>\n    );\n  }\n\n  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        data-slot=\"wizard\"\n      >\n        {steps && steps.length > 0 ? (\n          <ol aria-label=\"Form steps\" data-slot=\"wizard-steps\">\n            {steps.map((step, index) => (\n              <li\n                aria-label={`${step.title}${step.completed ? \", completed\" : \"\"}`}\n                aria-current={step.current ? \"step\" : undefined}\n                data-completed={step.completed || undefined}\n                key={step.id}\n              >\n                <span aria-hidden=\"true\">{index + 1}</span>\n                <span aria-hidden=\"true\">{step.title}</span>\n              </li>\n            ))}\n          </ol>\n        ) : null}\n        <div>\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        </div>\n        <Progress\n          aria-label={`Step ${currentStep} of ${totalSteps}`}\n          max={totalSteps}\n          value={currentStep}\n        />\n        <FieldGroup>{children}</FieldGroup>\n        <nav aria-label=\"Wizard navigation\">{navigation}</nav>\n      </section>\n    );\n  }\n\n  return {\n    Array,\n    ArrayItem,\n    Button,\n    ErrorSummary,\n    Field,\n    Form,\n    FormMessage,\n    Group,\n    Unsupported,\n    Wizard,\n  };\n}\n","import type { ComponentType, ReactNode } from \"react\";\n\nimport {\n  createAdapter,\n  createFormFactory,\n  FormAdapterProvider,\n  type ControlComponent,\n  type CreateForm,\n  type FormAdapter,\n} from \"@formadapter/react\";\n\nimport type { CommonShadcnComponents } from \"./components\";\nimport { createNativeControls } from \"./native-controls\";\nimport { createSlots } from \"./slots\";\n\ntype EmptyControls = Record<never, never>;\ntype ShadcnFormAdapter = FormAdapter<EmptyControls>;\n\nexport interface ShadcnProviderProps {\n  readonly children: ReactNode;\n}\n\nexport interface ShadcnSetup {\n  readonly adapter: ShadcnFormAdapter;\n  readonly createForm: CreateForm<ShadcnFormAdapter>;\n  readonly Provider: ComponentType<ShadcnProviderProps>;\n}\n\nexport interface ChoiceControls {\n  readonly checkbox: ControlComponent;\n  readonly radio: ControlComponent;\n}\n\nexport function createShadcnSetup(\n  name: string,\n  components: CommonShadcnComponents,\n  choices: ChoiceControls,\n): ShadcnSetup {\n  const native = createNativeControls(components);\n  const adapter: ShadcnFormAdapter = createAdapter({\n    name,\n    controls: {\n      checkbox: choices.checkbox,\n      custom: {},\n      file: native.file,\n      input: native.input,\n      radio: choices.radio,\n      select: native.select,\n      textarea: native.textarea,\n    },\n    slots: createSlots(components),\n  });\n\n  function Provider({ children }: ShadcnProviderProps): ReactNode {\n    return (\n      <FormAdapterProvider adapter={adapter}>\n        {children}\n      </FormAdapterProvider>\n    );\n  }\n\n  return {\n    adapter,\n    createForm: createFormFactory(adapter),\n    Provider,\n  };\n}\n"],"mappings":"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"}

package/dist/factory-FVm6mlf3.d.ts

@@ -0,0 +1,151 @@
+'use client';
+import { CreateForm, FormAdapter } from "@formadapter/react";
+import { CSSProperties, ComponentPropsWithRef, ComponentType, ElementType, FocusEventHandler, ReactNode, Ref } from "react";
+
+//#region src/components.d.ts
+type ButtonProps = {
+  readonly "aria-busy"?: boolean | undefined;
+  readonly "aria-label"?: string | undefined;
+  readonly children?: ReactNode | undefined;
+  readonly "data-intent"?: string | undefined;
+  readonly disabled?: boolean | undefined;
+  readonly onClick?: (() => void) | undefined;
+  readonly type?: "button" | "submit" | undefined;
+  readonly variant: "default" | "destructive" | "outline" | "link";
+};
+type InputProps = Omit<ComponentPropsWithRef<"input">, "size">;
+type TextareaProps = ComponentPropsWithRef<"textarea">;
+type NativeSelectProps = Omit<ComponentPropsWithRef<"select">, "size">;
+type NativeSelectOptionProps = ComponentPropsWithRef<"option">;
+type FieldProps = ComponentPropsWithRef<"div"> & {
+  readonly orientation?: "vertical" | "horizontal";
+};
+type FieldContentProps = ComponentPropsWithRef<"div">;
+type FieldDescriptionProps = ComponentPropsWithRef<"p">;
+type FieldErrorProps = ComponentPropsWithRef<"div">;
+type FieldGroupProps = ComponentPropsWithRef<"div">;
+type FieldLabelProps = ComponentPropsWithRef<"label">;
+type FieldLegendProps = ComponentPropsWithRef<"legend">;
+type FieldSetProps = ComponentPropsWithRef<"fieldset">;
+type FieldTitleProps = ComponentPropsWithRef<"div">;
+type AlertProps = ComponentPropsWithRef<"div"> & {
+  readonly variant?: "default" | "destructive";
+};
+type AlertDescriptionProps = ComponentPropsWithRef<"div">;
+type AlertTitleProps = ComponentPropsWithRef<"div">;
+type SpinnerProps = ComponentPropsWithRef<"svg">;
+type ProgressProps = {
+  readonly "aria-label"?: string | undefined;
+  readonly max: number;
+  readonly value: number;
+};
+interface CommonShadcnComponents {
+  readonly Alert: ElementType<AlertProps>;
+  readonly AlertDescription: ElementType<AlertDescriptionProps>;
+  readonly AlertTitle: ElementType<AlertTitleProps>;
+  readonly Button: ElementType<ButtonProps>;
+  readonly Field: ElementType<FieldProps>;
+  readonly FieldContent: ElementType<FieldContentProps>;
+  readonly FieldDescription: ElementType<FieldDescriptionProps>;
+  readonly FieldError: ElementType<FieldErrorProps>;
+  readonly FieldGroup: ElementType<FieldGroupProps>;
+  readonly FieldLabel: ElementType<FieldLabelProps>;
+  readonly FieldLegend: ElementType<FieldLegendProps>;
+  readonly FieldSet: ElementType<FieldSetProps>;
+  readonly FieldTitle: ElementType<FieldTitleProps>;
+  readonly Input: ElementType<InputProps>;
+  readonly NativeSelect: ElementType<NativeSelectProps>;
+  readonly NativeSelectOption: ElementType<NativeSelectOptionProps>;
+  readonly Progress: ElementType<ProgressProps>;
+  readonly Spinner: ElementType<SpinnerProps>;
+  readonly Textarea: ElementType<TextareaProps>;
+}
+type AccessiblePrimitiveProps = {
+  readonly "aria-describedby"?: string | undefined;
+  readonly "aria-invalid"?: true | undefined;
+  readonly "aria-label"?: string | undefined;
+  readonly "aria-readonly"?: boolean | undefined;
+  readonly className?: string | undefined;
+  readonly style?: CSSProperties | undefined;
+};
+type BaseUICheckboxProps = AccessiblePrimitiveProps & {
+  readonly checked: boolean;
+  readonly disabled: boolean;
+  readonly id: string;
+  readonly inputRef: Ref<HTMLInputElement>;
+  readonly name: string;
+  readonly onBlur: FocusEventHandler<HTMLElement>;
+  readonly onCheckedChange: (checked: boolean) => void;
+  readonly readOnly: boolean;
+  readonly required: boolean;
+  readonly tabIndex?: number | undefined;
+  readonly value: string;
+};
+type BaseUIRadioGroupProps = AccessiblePrimitiveProps & {
+  readonly disabled: boolean;
+  readonly name: string;
+  readonly onBlur: FocusEventHandler<HTMLElement>;
+  readonly onValueChange: (value: string) => void;
+  readonly readOnly: boolean;
+  readonly ref?: Ref<HTMLDivElement> | undefined;
+  readonly required: boolean;
+  readonly tabIndex?: number | undefined;
+  readonly value: string;
+};
+type BaseUIRadioGroupItemProps = AccessiblePrimitiveProps & {
+  readonly disabled: boolean;
+  readonly id: string;
+  readonly inputRef?: Ref<HTMLInputElement> | undefined;
+  readonly value: string;
+};
+interface BaseUIShadcnComponents extends CommonShadcnComponents {
+  readonly Checkbox: ElementType<BaseUICheckboxProps>;
+  readonly RadioGroup: ElementType<BaseUIRadioGroupProps>;
+  readonly RadioGroupItem: ElementType<BaseUIRadioGroupItemProps>;
+}
+type RadixCheckboxProps = AccessiblePrimitiveProps & {
+  readonly checked: boolean;
+  readonly disabled: boolean;
+  readonly id: string;
+  readonly name: string;
+  readonly onBlur: FocusEventHandler<HTMLButtonElement>;
+  readonly onCheckedChange: (checked: boolean | "indeterminate") => void;
+  readonly ref: Ref<HTMLButtonElement>;
+  readonly required: boolean;
+  readonly value: string;
+};
+type RadixRadioGroupProps = AccessiblePrimitiveProps & {
+  readonly disabled: boolean;
+  readonly name: string;
+  readonly onBlur: FocusEventHandler<HTMLDivElement>;
+  readonly onValueChange: (value: string) => void;
+  readonly ref?: Ref<HTMLDivElement> | undefined;
+  readonly required: boolean;
+  readonly value: string;
+};
+type RadixRadioGroupItemProps = AccessiblePrimitiveProps & {
+  readonly disabled: boolean;
+  readonly id: string;
+  readonly ref?: Ref<HTMLButtonElement> | undefined;
+  readonly value: string;
+};
+interface RadixShadcnComponents extends CommonShadcnComponents {
+  readonly Checkbox: ElementType<RadixCheckboxProps>;
+  readonly RadioGroup: ElementType<RadixRadioGroupProps>;
+  readonly RadioGroupItem: ElementType<RadixRadioGroupItemProps>;
+}
+//#endregion
+//#region src/factory.d.ts
+type EmptyControls = Record<never, never>;
+type ShadcnFormAdapter = FormAdapter<EmptyControls>;
+interface ShadcnProviderProps {
+  readonly children: ReactNode;
+}
+interface ShadcnSetup {
+  readonly adapter: ShadcnFormAdapter;
+  readonly createForm: CreateForm<ShadcnFormAdapter>;
+  readonly Provider: ComponentType<ShadcnProviderProps>;
+}
+//#endregion
+export { RadixShadcnComponents as a, CommonShadcnComponents as i, ShadcnSetup as n, BaseUIShadcnComponents as r, ShadcnProviderProps as t };
+//# sourceMappingURL=factory-FVm6mlf3.d.ts.map

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+'use client';
+import { a as RadixShadcnComponents, i as CommonShadcnComponents, n as ShadcnSetup, r as BaseUIShadcnComponents, t as ShadcnProviderProps } from "./factory-FVm6mlf3.js";
+export { type BaseUIShadcnComponents, type CommonShadcnComponents, type RadixShadcnComponents, type ShadcnProviderProps, type ShadcnSetup };

package/dist/index.js

@@ -0,0 +1 @@
+'use client';

package/dist/radix.d.ts

@@ -0,0 +1,8 @@
+'use client';
+import { a as RadixShadcnComponents, n as ShadcnSetup, t as ShadcnProviderProps } from "./factory-FVm6mlf3.js";
+
+//#region src/radix.d.ts
+declare function createShadcn(components: RadixShadcnComponents): ShadcnSetup;
+//#endregion
+export { type RadixShadcnComponents, type ShadcnProviderProps, type ShadcnSetup, createShadcn };
+//# sourceMappingURL=radix.d.ts.map

package/dist/radix.js

@@ -0,0 +1,88 @@
+'use client';
+import { t as createShadcnSetup } from "./factory-CI0_tPhU.js";
+import { nativeControlProps, optionForValue, selectedOptionValue, serializedOptionValue } from "@formadapter/html/native";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/radix-controls.tsx
+function requiresCheckedValue(field) {
+	return typeof field.source === "object" && field.source !== null && field.source.const === true;
+}
+function createRadixChoiceControls(components) {
+	const { Checkbox, Field, FieldLabel, RadioGroup, RadioGroupItem } = components;
+	function CheckboxControl({ controlRef, disabled, field, id, inputProps, invalid, name, onBlur, onValueChange, readOnly, required, value }) {
+		const configured = nativeControlProps(field);
+		return /* @__PURE__ */ jsx(Checkbox, {
+			...configured.props,
+			...inputProps,
+			"aria-invalid": invalid || void 0,
+			"aria-readonly": readOnly || void 0,
+			checked: value === true,
+			className: configured.className,
+			disabled: disabled || readOnly,
+			id,
+			name,
+			onBlur,
+			onCheckedChange: (checked) => {
+				if (!readOnly) onValueChange(checked === true);
+			},
+			ref: controlRef,
+			required: required && requiresCheckedValue(field),
+			style: configured.style,
+			value: "true"
+		});
+	}
+	function RadioControl({ controlRef, disabled, field, id, inputProps, invalid, name, onBlur, onValueChange, readOnly, required, value }) {
+		const options = field.options ?? [];
+		const unavailable = disabled || readOnly;
+		const configured = nativeControlProps(field);
+		return /* @__PURE__ */ jsx(RadioGroup, {
+			...configured.props,
+			...inputProps,
+			"aria-invalid": invalid || void 0,
+			"aria-label": inputProps["aria-label"] ?? field.label,
+			"aria-readonly": readOnly || void 0,
+			className: configured.className,
+			disabled: unavailable,
+			name,
+			onBlur,
+			onValueChange: (nextValue) => {
+				if (readOnly) return;
+				const selected = optionForValue(options, nextValue);
+				if (selected) onValueChange(selected.value);
+			},
+			ref: options.length === 0 ? controlRef : void 0,
+			required,
+			style: configured.style,
+			tabIndex: options.length === 0 ? -1 : void 0,
+			value: selectedOptionValue(options, value),
+			children: options.map((option, index) => {
+				const optionId = index === 0 ? id : `${id}-${index}`;
+				return /* @__PURE__ */ jsxs(Field, {
+					orientation: "horizontal",
+					children: [/* @__PURE__ */ jsx(RadioGroupItem, {
+						"aria-invalid": invalid || void 0,
+						disabled: unavailable,
+						id: optionId,
+						ref: index === 0 ? controlRef : void 0,
+						value: serializedOptionValue(option.value)
+					}), /* @__PURE__ */ jsx(FieldLabel, {
+						htmlFor: optionId,
+						children: option.label
+					})]
+				}, optionId);
+			})
+		});
+	}
+	return {
+		checkbox: CheckboxControl,
+		radio: RadioControl
+	};
+}
+//#endregion
+//#region src/radix.ts
+function createShadcn(components) {
+	return createShadcnSetup("shadcn/ui (Radix UI)", components, createRadixChoiceControls(components));
+}
+//#endregion
+export { createShadcn };
+
+//# sourceMappingURL=radix.js.map

package/dist/radix.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"radix.js","names":[],"sources":["../src/radix-controls.tsx","../src/radix.ts"],"sourcesContent":["import {\n  nativeControlProps,\n  optionForValue,\n  selectedOptionValue,\n  serializedOptionValue,\n} from \"@formadapter/html/native\";\nimport type { ControlProps } from \"@formadapter/react\";\n\nimport type { RadixShadcnComponents } from \"./components\";\nimport type { ChoiceControls } from \"./factory\";\n\nfunction requiresCheckedValue(field: ControlProps[\"field\"]): boolean {\n  return typeof field.source === \"object\" && field.source !== null &&\n    field.source.const === true;\n}\n\nexport function createRadixChoiceControls(\n  components: RadixShadcnComponents,\n): ChoiceControls {\n  const {\n    Checkbox,\n    Field,\n    FieldLabel,\n    RadioGroup,\n    RadioGroupItem,\n  } = components;\n\n  function CheckboxControl({\n    controlRef,\n    disabled,\n    field,\n    id,\n    inputProps,\n    invalid,\n    name,\n    onBlur,\n    onValueChange,\n    readOnly,\n    required,\n    value,\n  }: ControlProps): React.JSX.Element {\n    const configured = nativeControlProps<Record<string, unknown>>(field);\n\n    return (\n      <Checkbox\n        {...configured.props}\n        {...inputProps}\n        aria-invalid={invalid || undefined}\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        onCheckedChange={(checked) => {\n          if (!readOnly) onValueChange(checked === true);\n        }}\n        ref={controlRef}\n        required={required && requiresCheckedValue(field)}\n        style={configured.style}\n        value=\"true\"\n      />\n    );\n  }\n\n  function RadioControl({\n    controlRef,\n    disabled,\n    field,\n    id,\n    inputProps,\n    invalid,\n    name,\n    onBlur,\n    onValueChange,\n    readOnly,\n    required,\n    value,\n  }: ControlProps): React.JSX.Element {\n    const options = field.options ?? [];\n    const unavailable = disabled || readOnly;\n    const configured = nativeControlProps<Record<string, unknown>>(field);\n\n    return (\n      <RadioGroup\n        {...configured.props}\n        {...inputProps}\n        aria-invalid={invalid || undefined}\n        aria-label={inputProps[\"aria-label\"] ?? field.label}\n        aria-readonly={readOnly || undefined}\n        className={configured.className}\n        disabled={unavailable}\n        name={name}\n        onBlur={onBlur}\n        onValueChange={(nextValue) => {\n          if (readOnly) return;\n          const selected = optionForValue(options, nextValue);\n          if (selected) onValueChange(selected.value);\n        }}\n        ref={options.length === 0 ? controlRef : undefined}\n        required={required}\n        style={configured.style}\n        tabIndex={options.length === 0 ? -1 : undefined}\n        value={selectedOptionValue(options, value)}\n      >\n        {options.map((option, index) => {\n          const optionId = index === 0 ? id : `${id}-${index}`;\n          return (\n            <Field key={optionId} orientation=\"horizontal\">\n              <RadioGroupItem\n                aria-invalid={invalid || undefined}\n                disabled={unavailable}\n                id={optionId}\n                ref={index === 0 ? controlRef : undefined}\n                value={serializedOptionValue(option.value)}\n              />\n              <FieldLabel htmlFor={optionId}>{option.label}</FieldLabel>\n            </Field>\n          );\n        })}\n      </RadioGroup>\n    );\n  }\n\n  return { checkbox: CheckboxControl, radio: RadioControl };\n}\n","import type { RadixShadcnComponents } from \"./components\";\nimport { createShadcnSetup, type ShadcnSetup } from \"./factory\";\nimport { createRadixChoiceControls } from \"./radix-controls\";\n\nexport type { RadixShadcnComponents } from \"./components\";\nexport type { ShadcnProviderProps, ShadcnSetup } from \"./factory\";\n\nexport function createShadcn(\n  components: RadixShadcnComponents,\n): ShadcnSetup {\n  return createShadcnSetup(\n    \"shadcn/ui (Radix UI)\",\n    components,\n    createRadixChoiceControls(components),\n  );\n}\n"],"mappings":";;;;;AAWA,SAAS,qBAAqB,OAAuC;AACnE,QAAO,OAAO,MAAM,WAAW,YAAY,MAAM,WAAW,QAC1D,MAAM,OAAO,UAAU;;AAG3B,SAAgB,0BACd,YACgB;CAChB,MAAM,EACJ,UACA,OACA,YACA,YACA,mBACE;CAEJ,SAAS,gBAAgB,EACvB,YACA,UACA,OACA,IACA,YACA,SACA,MACA,QACA,eACA,UACA,UACA,SACkC;EAClC,MAAM,aAAa,mBAA4C,MAAM;AAErE,SACE,oBAAC,UAAD;GACE,GAAI,WAAW;GACf,GAAI;GACJ,gBAAc,WAAW,KAAA;GACzB,iBAAe,YAAY,KAAA;GAC3B,SAAS,UAAU;GACnB,WAAW,WAAW;GACtB,UAAU,YAAY;GAClB;GACE;GACE;GACR,kBAAkB,YAAY;AAC5B,QAAI,CAAC,SAAU,eAAc,YAAY,KAAK;;GAEhD,KAAK;GACL,UAAU,YAAY,qBAAqB,MAAM;GACjD,OAAO,WAAW;GAClB,OAAM;GACN,CAAA;;CAIN,SAAS,aAAa,EACpB,YACA,UACA,OACA,IACA,YACA,SACA,MACA,QACA,eACA,UACA,UACA,SACkC;EAClC,MAAM,UAAU,MAAM,WAAW,EAAE;EACnC,MAAM,cAAc,YAAY;EAChC,MAAM,aAAa,mBAA4C,MAAM;AAErE,SACE,oBAAC,YAAD;GACE,GAAI,WAAW;GACf,GAAI;GACJ,gBAAc,WAAW,KAAA;GACzB,cAAY,WAAW,iBAAiB,MAAM;GAC9C,iBAAe,YAAY,KAAA;GAC3B,WAAW,WAAW;GACtB,UAAU;GACJ;GACE;GACR,gBAAgB,cAAc;AAC5B,QAAI,SAAU;IACd,MAAM,WAAW,eAAe,SAAS,UAAU;AACnD,QAAI,SAAU,eAAc,SAAS,MAAM;;GAE7C,KAAK,QAAQ,WAAW,IAAI,aAAa,KAAA;GAC/B;GACV,OAAO,WAAW;GAClB,UAAU,QAAQ,WAAW,IAAI,KAAK,KAAA;GACtC,OAAO,oBAAoB,SAAS,MAAM;aAEzC,QAAQ,KAAK,QAAQ,UAAU;IAC9B,MAAM,WAAW,UAAU,IAAI,KAAK,GAAG,GAAG,GAAG;AAC7C,WACE,qBAAC,OAAD;KAAsB,aAAY;eAAlC,CACE,oBAAC,gBAAD;MACE,gBAAc,WAAW,KAAA;MACzB,UAAU;MACV,IAAI;MACJ,KAAK,UAAU,IAAI,aAAa,KAAA;MAChC,OAAO,sBAAsB,OAAO,MAAM;MAC1C,CAAA,EACF,oBAAC,YAAD;MAAY,SAAS;gBAAW,OAAO;MAAmB,CAAA,CACpD;OATI,SASJ;KAEV;GACS,CAAA;;AAIjB,QAAO;EAAE,UAAU;EAAiB,OAAO;EAAc;;;;ACtH3D,SAAgB,aACd,YACa;AACb,QAAO,kBACL,wBACA,YACA,0BAA0B,WAAW,CACtC"}

package/package.json

@@ -0,0 +1,78 @@
+{
+  "name": "@formadapter/shadcn",
+  "version": "0.0.0",
+  "description": "Typed Base UI and Radix bridges from FormAdapter to your shadcn/ui components.",
+  "keywords": [
+    "forms",
+    "react",
+    "schema",
+    "shadcn",
+    "tailwindcss",
+    "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/shadcn"
+  },
+  "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"
+    },
+    "./baseui": {
+      "types": "./dist/baseui.d.ts",
+      "import": "./dist/baseui.js",
+      "default": "./dist/baseui.js"
+    },
+    "./radix": {
+      "types": "./dist/radix.d.ts",
+      "import": "./dist/radix.js",
+      "default": "./dist/radix.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "dependencies": {
+    "@formadapter/html": "^0.0.0",
+    "@formadapter/react": "^0.0.0"
+  },
+  "peerDependencies": {
+    "react": "^19.0.0"
+  },
+  "devDependencies": {
+    "@formadapter/core": "^0.0.0",
+    "@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"
+  }
+}