@contractspec/lib.contracts 1.56.1 → 1.58.0

package/dist/client/react/form-render.js

@@ -1,301 +1,681 @@
-'use client';
+// @bun
+var __defProp = Object.defineProperty;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __moduleCache = /* @__PURE__ */ new WeakMap;
+var __toCommonJS = (from) => {
+  var entry = __moduleCache.get(from), desc;
+  if (entry)
+    return entry;
+  entry = __defProp({}, "__esModule", { value: true });
+  if (from && typeof from === "object" || typeof from === "function")
+    __getOwnPropNames(from).map((key) => !__hasOwnProp.call(entry, key) && __defProp(entry, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    }));
+  __moduleCache.set(from, entry);
+  return entry;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, {
+      get: all[name],
+      enumerable: true,
+      configurable: true,
+      set: (newValue) => all[name] = () => newValue
+    });
+};
+var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
+var __require = import.meta.require;
 
-import { buildZodWithRelations, evalPredicate } from "../../forms/forms.js";
-import "../../forms/index.js";
+// src/registry-utils.ts
+var exports_registry_utils = {};
+__export(exports_registry_utils, {
+  groupByToArray: () => groupByToArray,
+  groupByMultiple: () => groupByMultiple,
+  groupBy: () => groupBy,
+  getUniqueTags: () => getUniqueTags,
+  getUniqueOwners: () => getUniqueOwners,
+  getUniqueDomains: () => getUniqueDomains,
+  filterBy: () => filterBy,
+  GroupingStrategies: () => GroupingStrategies
+});
+function filterBy(items, filter) {
+  return items.filter((item) => {
+    if (filter.tags?.length) {
+      const hasMatchingTag = filter.tags.some((tag) => item.meta.tags?.includes(tag));
+      if (!hasMatchingTag)
+        return false;
+    }
+    if (filter.owners?.length) {
+      const hasMatchingOwner = filter.owners.some((owner) => item.meta.owners?.includes(owner));
+      if (!hasMatchingOwner)
+        return false;
+    }
+    if (filter.stability?.length) {
+      if (!filter.stability.includes(item.meta.stability ?? "stable")) {
+        return false;
+      }
+    }
+    if (filter.domain) {
+      const itemDomain = GroupingStrategies.byDomain(item);
+      if (itemDomain !== filter.domain)
+        return false;
+    }
+    if (filter.keyPattern) {
+      const name = item.meta.key ?? item.meta.key ?? "";
+      const pattern = filter.keyPattern.replace(/\*/g, ".*").replace(/\?/g, ".");
+      const regex = new RegExp(`^${pattern}$`, "i");
+      if (!regex.test(name))
+        return false;
+    }
+    return true;
+  });
+}
+function groupBy(items, keyFn) {
+  const groups = new Map;
+  for (const item of items) {
+    const key = keyFn(item);
+    const existing = groups.get(key);
+    if (existing) {
+      existing.push(item);
+    } else {
+      groups.set(key, [item]);
+    }
+  }
+  return groups;
+}
+function groupByToArray(items, keyFn) {
+  const map = groupBy(items, keyFn);
+  return Array.from(map.entries()).map(([key, items2]) => ({ key, items: items2 }));
+}
+function groupByMultiple(items, keysFn) {
+  const groups = new Map;
+  for (const item of items) {
+    const keys = keysFn(item);
+    for (const key of keys) {
+      const existing = groups.get(key);
+      if (existing) {
+        existing.push(item);
+      } else {
+        groups.set(key, [item]);
+      }
+    }
+  }
+  return groups;
+}
+function getUniqueTags(items) {
+  const tags = new Set;
+  for (const item of items) {
+    for (const tag of item.meta.tags ?? []) {
+      tags.add(tag);
+    }
+  }
+  return Array.from(tags).sort();
+}
+function getUniqueOwners(items) {
+  const owners = new Set;
+  for (const item of items) {
+    for (const owner of item.meta.owners ?? []) {
+      owners.add(owner);
+    }
+  }
+  return Array.from(owners).sort();
+}
+function getUniqueDomains(items) {
+  const domains = new Set;
+  for (const item of items) {
+    domains.add(GroupingStrategies.byDomain(item));
+  }
+  return Array.from(domains).sort();
+}
+var GroupingStrategies;
+var init_registry_utils = __esm(() => {
+  GroupingStrategies = {
+    byTag: (item) => item.meta.tags?.[0] ?? "untagged",
+    byAllTags: (item) => item.meta.tags?.length ? item.meta.tags : ["untagged"],
+    byOwner: (item) => item.meta.owners?.[0] ?? "unowned",
+    byDomain: (item) => {
+      const name = item.meta.key ?? item.meta.key ?? "";
+      return name.split(".")[0] ?? "default";
+    },
+    byStability: (item) => item.meta.stability ?? "stable",
+    byUrlPath: (level) => (item) => {
+      if (!item.path)
+        return "root";
+      const segments = item.path.split("/").filter(Boolean);
+      return segments.slice(0, level).join("/") || "root";
+    }
+  };
+});
+
+// src/forms/forms.ts
+import { compareVersions } from "compare-versions";
+function formKey(meta) {
+  return `${meta.key}.v${meta.version}`;
+}
+
+class FormRegistry {
+  items = new Map;
+  register(spec) {
+    const key = formKey(spec.meta);
+    if (this.items.has(key))
+      throw new Error(`Duplicate form ${key}`);
+    this.items.set(key, spec);
+    return this;
+  }
+  list() {
+    return [...this.items.values()];
+  }
+  get(key, version) {
+    if (version != null)
+      return this.items.get(`${key}.v${version}`);
+    let candidate;
+    for (const [k, v] of this.items.entries()) {
+      if (v.meta.key !== key)
+        continue;
+      if (!candidate || compareVersions(v.meta.version, candidate.meta.version) > 0) {
+        candidate = v;
+      }
+    }
+    return candidate;
+  }
+  filter(criteria) {
+    const { filterBy: filterBy2 } = (init_registry_utils(), __toCommonJS(exports_registry_utils));
+    return filterBy2(this.list(), criteria);
+  }
+  listByTag(tag) {
+    return this.list().filter((f) => f.meta.tags?.includes(tag));
+  }
+  listByOwner(owner) {
+    return this.list().filter((f) => f.meta.owners?.includes(owner));
+  }
+  groupBy(keyFn) {
+    const { groupBy: groupBy2 } = (init_registry_utils(), __toCommonJS(exports_registry_utils));
+    return groupBy2(this.list(), keyFn);
+  }
+  getUniqueTags() {
+    const { getUniqueTags: getUniqueTags2 } = (init_registry_utils(), __toCommonJS(exports_registry_utils));
+    return getUniqueTags2(this.list());
+  }
+}
+function getAtPath(values, path) {
+  if (!path)
+    return;
+  const segs = path.replace(/\[(\d+)\]/g, ".$1").split(".").filter(Boolean);
+  let cur = values;
+  for (const s of segs) {
+    if (cur == null)
+      return;
+    if (cur && typeof cur === "object" && s in cur) {
+      cur = cur[s];
+    } else {
+      return;
+    }
+  }
+  return cur;
+}
+function evalPredicate(values, pred) {
+  if (!pred)
+    return true;
+  if (pred.not)
+    return !evalPredicate(values, pred.not);
+  if (pred.all && pred.all.length)
+    return pred.all.every((p) => evalPredicate(values, p));
+  if (pred.anyOf && pred.anyOf.length)
+    return pred.anyOf.some((p) => evalPredicate(values, p));
+  if (pred.when) {
+    const { path, op = "truthy", value } = pred.when;
+    const v = getAtPath(values, path);
+    switch (op) {
+      case "equals":
+        return v === value;
+      case "notEquals":
+        return v !== value;
+      case "in":
+        return Array.isArray(value) && value.includes(v);
+      case "notIn":
+        return Array.isArray(value) && !value.includes(v);
+      case "gt":
+        return Number(v) > Number(value);
+      case "gte":
+        return Number(v) >= Number(value);
+      case "lt":
+        return Number(v) < Number(value);
+      case "lte":
+        return Number(v) <= Number(value);
+      case "empty":
+        return v == null || (Array.isArray(v) ? v.length === 0 : String(v).length === 0);
+      case "lengthGt":
+        return (Array.isArray(v) || typeof v === "string") && v.length > Number(value ?? 0);
+      case "lengthGte":
+        return (Array.isArray(v) || typeof v === "string") && v.length >= Number(value ?? 0);
+      case "lengthLt":
+        return (Array.isArray(v) || typeof v === "string") && v.length < Number(value ?? 0);
+      case "lengthLte":
+        return (Array.isArray(v) || typeof v === "string") && v.length <= Number(value ?? 0);
+      case "truthy":
+      default:
+        return Boolean(v);
+    }
+  }
+  return true;
+}
+function buildZodWithRelations(spec, handlers) {
+  const base = spec.model.getZod();
+  return base.superRefine((values, ctx) => {
+    const visit = (field, parentPath) => {
+      const path = field.name ? parentPath ? `${parentPath}.${field.name}` : field.name : parentPath ?? "";
+      if (field.requiredWhen) {
+        const should = evalPredicate(values, field.requiredWhen);
+        if (should) {
+          const v = getAtPath(values, path);
+          const empty = v == null || typeof v === "string" && v.trim().length === 0 || Array.isArray(v) && v.length === 0;
+          if (empty)
+            ctx.addIssue({
+              code: "custom",
+              path: path.split("."),
+              message: "required"
+            });
+        }
+      }
+      if (field.kind === "array") {
+        const arr = getAtPath(values, path);
+        if (field.min != null && Array.isArray(arr) && arr.length < field.min) {
+          ctx.addIssue({
+            code: "custom",
+            path: path.split("."),
+            message: `min:${field.min}`
+          });
+        }
+        if (field.max != null && Array.isArray(arr) && arr.length > field.max) {
+          ctx.addIssue({
+            code: "custom",
+            path: path.split("."),
+            message: `max:${field.max}`
+          });
+        }
+        visit(field.of, path);
+      } else if (field.kind === "group") {
+        for (const child of field.fields)
+          visit(child, path);
+      }
+    };
+    for (const f of spec.fields)
+      visit(f);
+    if (spec.constraints && handlers) {
+      for (const c of spec.constraints) {
+        const fn = handlers[c.key];
+        if (!fn)
+          continue;
+        const res = fn(values, c.paths, c.args);
+        if (!res.ok) {
+          ctx.addIssue({
+            code: "custom",
+            path: (res.path ?? c.paths[0] ?? "").split(".").filter(Boolean),
+            message: res.message ?? c.messageI18n
+          });
+        }
+      }
+    }
+  });
+}
+function defineFormSpec(spec) {
+  return spec;
+}
+// src/client/react/form-render.tsx
 import React, { useEffect, useMemo, useState } from "react";
-import { Controller, useFieldArray, useForm } from "react-hook-form";
+import {
+  Controller,
+  useFieldArray,
+  useForm
+} from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-
-//#region src/client/react/form-render.tsx
+import { jsxDEV, Fragment } from "react/jsx-dev-runtime";
+"use client";
 function toOptionsArray(src) {
-	if (!src) return void 0;
-	if (Array.isArray(src)) return {
-		kind: "static",
-		options: src
-	};
-	return src;
+  if (!src)
+    return;
+  if (Array.isArray(src))
+    return { kind: "static", options: src };
+  return src;
 }
-function getAtPath(values, path) {
-	if (!path) return void 0;
-	const segs = path.replace(/\[(\d+)\]/g, ".$1").split(".").filter(Boolean);
-	let cur = values;
-	for (const s of segs) {
-		if (cur == null) return void 0;
-		cur = cur[s];
-	}
-	return cur;
+function getAtPath2(values, path) {
+  if (!path)
+    return;
+  const segs = path.replace(/\[(\d+)\]/g, ".$1").split(".").filter(Boolean);
+  let cur = values;
+  for (const s of segs) {
+    if (cur == null)
+      return;
+    cur = cur[s];
+  }
+  return cur;
 }
 function makeDepsKey(values, deps) {
-	if (!deps || deps.length === 0) return "[]";
-	try {
-		return JSON.stringify(deps.map((d) => getAtPath(values, d)));
-	} catch {
-		return "[]";
-	}
+  if (!deps || deps.length === 0)
+    return "[]";
+  try {
+    return JSON.stringify(deps.map((d) => getAtPath2(values, d)));
+  } catch {
+    return "[]";
+  }
 }
 function useResolvedOptions(values, source, resolvers) {
-	const [opts, setOpts] = useState([]);
-	useEffect(() => {
-		let mounted = true;
-		const run = async () => {
-			if (!source) return setOpts([]);
-			if (source.kind === "static") return setOpts([...source.options ?? []]);
-			const fn = resolvers?.[source.resolverKey];
-			if (!fn) return setOpts([]);
-			const res = await fn(values, source.args);
-			if (mounted) setOpts([...res ?? []]);
-		};
-		run();
-		return () => {
-			mounted = false;
-		};
-	}, [useMemo(() => {
-		if (!source) return "nil";
-		if (source.kind === "static") return JSON.stringify(source.options ?? []);
-		return makeDepsKey(values, source.deps);
-	}, [source, values]), source && source.kind === "resolver" ? source.resolverKey : void 0]);
-	return opts;
+  const [opts, setOpts] = useState([]);
+  const depKey = useMemo(() => {
+    if (!source)
+      return "nil";
+    if (source.kind === "static")
+      return JSON.stringify(source.options ?? []);
+    return makeDepsKey(values, source.deps);
+  }, [source, values]);
+  useEffect(() => {
+    let mounted = true;
+    const run = async () => {
+      if (!source)
+        return setOpts([]);
+      if (source.kind === "static")
+        return setOpts([...source.options ?? []]);
+      const fn = resolvers?.[source.resolverKey];
+      if (!fn)
+        return setOpts([]);
+      const res = await fn(values, source.args);
+      if (mounted)
+        setOpts([...res ?? []]);
+    };
+    run();
+    return () => {
+      mounted = false;
+    };
+  }, [
+    depKey,
+    source && source.kind === "resolver" ? source.resolverKey : undefined
+  ]);
+  return opts;
 }
 function fieldPath(parent, name, arrayIndex) {
-	if (!name) return parent ?? "";
-	const child = typeof arrayIndex === "number" ? `${name.replace(/^\$index$/, String(arrayIndex))}` : name;
-	return parent ? `${parent}${typeof arrayIndex === "number" ? `.${arrayIndex}` : ""}.${child}`.replace(/\.+/g, ".") : child;
+  if (!name)
+    return parent ?? "";
+  const child = typeof arrayIndex === "number" ? `${name.replace(/^\$index$/, String(arrayIndex))}` : name;
+  return parent ? `${parent}${typeof arrayIndex === "number" ? `.${arrayIndex}` : ""}.${child}`.replace(/\.+/g, ".") : child;
 }
 function createFormRenderer(base) {
-	const conf = base;
-	const { driver } = conf;
-	function InternalForm(props) {
-		const { spec, options, merged } = props;
-		const baseZod = useMemo(() => buildZodWithRelations(spec), [spec]);
-		const form = useForm({
-			...merged.formOptions,
-			resolver: zodResolver(baseZod),
-			defaultValues: options?.defaultValues
-		});
-		const values = form.watch();
-		const renderOne = (f, parent, arrayIndex) => {
-			const DriverField = driver.Field;
-			const DriverLabel = driver.FieldLabel;
-			const DriverDesc = driver.FieldDescription;
-			const DriverError = driver.FieldError;
-			const name = fieldPath(parent, f.name, arrayIndex);
-			const visible = evalPredicate(values, f.visibleWhen);
-			const enabled = evalPredicate(values, f.enabledWhen);
-			const invalid = Boolean(form.getFieldState(name)?.invalid);
-			if (!visible) return null;
-			const id = name?.replace(/\./g, "-");
-			const commonWrapProps = {
-				"data-invalid": invalid,
-				hidden: !visible,
-				disabled: !enabled
-			};
-			const labelNode = f.labelI18n ? /* @__PURE__ */ jsx(DriverLabel, {
-				htmlFor: id,
-				children: f.labelI18n
-			}) : null;
-			const descNode = f.descriptionI18n ? /* @__PURE__ */ jsx(DriverDesc, { children: f.descriptionI18n }) : null;
-			if (f.kind === "group") {
-				const children = f.fields.map((c, i) => /* @__PURE__ */ jsx(React.Fragment, { children: renderOne(c, name, arrayIndex) }, `${name}-${i}`));
-				return /* @__PURE__ */ jsxs(DriverField, {
-					...commonWrapProps,
-					children: [
-						labelNode,
-						children,
-						descNode
-					]
-				});
-			}
-			if (f.kind === "array") return renderArray(f, parent);
-			return /* @__PURE__ */ jsx(Controller, {
-				name,
-				control: form.control,
-				render: ({ field, fieldState }) => {
-					const err = fieldState.error ? [fieldState.error] : [];
-					const ariaInvalid = fieldState.invalid || void 0;
-					if (f.kind === "text") {
-						const textField = f;
-						const Input = driver.Input;
-						return /* @__PURE__ */ jsxs(DriverField, {
-							...commonWrapProps,
-							children: [
-								labelNode,
-								/* @__PURE__ */ jsx(Input, {
-									id,
-									"aria-invalid": ariaInvalid,
-									placeholder: f.placeholderI18n,
-									autoComplete: textField.autoComplete,
-									inputMode: textField.inputMode,
-									maxLength: textField.maxLength,
-									minLength: textField.minLength,
-									disabled: !enabled,
-									...field,
-									...f.uiProps
-								}),
-								descNode,
-								fieldState.invalid ? /* @__PURE__ */ jsx(DriverError, { errors: err }) : null
-							]
-						});
-					}
-					if (f.kind === "textarea") {
-						const textareaField = f;
-						const Textarea = driver.Textarea;
-						return /* @__PURE__ */ jsxs(DriverField, {
-							...commonWrapProps,
-							children: [
-								labelNode,
-								/* @__PURE__ */ jsx(Textarea, {
-									id,
-									"aria-invalid": ariaInvalid,
-									placeholder: f.placeholderI18n,
-									rows: textareaField.rows,
-									maxLength: textareaField.maxLength,
-									disabled: !enabled,
-									...field,
-									...f.uiProps
-								}),
-								descNode,
-								fieldState.invalid ? /* @__PURE__ */ jsx(DriverError, { errors: err }) : null
-							]
-						});
-					}
-					if (f.kind === "select") {
-						const selectField = f;
-						const Select = driver.Select;
-						const opts = useResolvedOptions(values, toOptionsArray(selectField.options), merged.resolvers);
-						return /* @__PURE__ */ jsxs(DriverField, {
-							...commonWrapProps,
-							children: [
-								labelNode,
-								/* @__PURE__ */ jsx(Select, {
-									id,
-									name,
-									"aria-invalid": ariaInvalid,
-									disabled: !enabled,
-									value: field.value,
-									onChange: (v) => field.onChange(v),
-									options: opts,
-									...f.uiProps
-								}),
-								descNode,
-								fieldState.invalid ? /* @__PURE__ */ jsx(DriverError, { errors: err }) : null
-							]
-						});
-					}
-					if (f.kind === "checkbox") {
-						const Checkbox = driver.Checkbox;
-						return /* @__PURE__ */ jsxs(DriverField, {
-							...commonWrapProps,
-							children: [
-								labelNode,
-								/* @__PURE__ */ jsx(Checkbox, {
-									id,
-									name,
-									disabled: !enabled,
-									checked: !!field.value,
-									onCheckedChange: (v) => field.onChange(v),
-									...f.uiProps
-								}),
-								descNode,
-								fieldState.invalid ? /* @__PURE__ */ jsx(DriverError, { errors: err }) : null
-							]
-						});
-					}
-					if (f.kind === "radio") {
-						const radioField = f;
-						const RadioGroup = driver.RadioGroup;
-						const opts = useResolvedOptions(values, toOptionsArray(radioField.options), merged.resolvers);
-						return /* @__PURE__ */ jsxs(DriverField, {
-							...commonWrapProps,
-							children: [
-								labelNode,
-								/* @__PURE__ */ jsx(RadioGroup, {
-									id,
-									name,
-									disabled: !enabled,
-									value: field.value,
-									onValueChange: (v) => field.onChange(v),
-									options: opts,
-									...f.uiProps
-								}),
-								descNode,
-								fieldState.invalid ? /* @__PURE__ */ jsx(DriverError, { errors: err }) : null
-							]
-						});
-					}
-					if (f.kind === "switch") {
-						const Switch = driver.Switch;
-						return /* @__PURE__ */ jsxs(DriverField, {
-							...commonWrapProps,
-							children: [
-								labelNode,
-								/* @__PURE__ */ jsx(Switch, {
-									id,
-									name,
-									disabled: !enabled,
-									checked: !!field.value,
-									onCheckedChange: (v) => field.onChange(v),
-									...f.uiProps
-								}),
-								descNode,
-								fieldState.invalid ? /* @__PURE__ */ jsx(DriverError, { errors: err }) : null
-							]
-						});
-					}
-					return /* @__PURE__ */ jsx(Fragment, {});
-				}
-			}, name);
-		};
-		const renderArray = (f, parent) => {
-			const name = fieldPath(parent, f.name);
-			const { fields, append, remove } = useFieldArray({
-				control: form.control,
-				name
-			});
-			const canAdd = f.max == null || fields.length < f.max;
-			const canRemove = (idx) => (f.min == null ? fields.length > 0 : fields.length > f.min) && idx >= 0;
-			const Button$1 = driver.Button;
-			const Label = driver.FieldLabel;
-			return /* @__PURE__ */ jsxs("div", { children: [
-				f.labelI18n ? /* @__PURE__ */ jsx(Label, { children: f.labelI18n }) : null,
-				fields.map((row, idx) => /* @__PURE__ */ jsxs("div", { children: [renderOne(f.of, name, idx), canRemove(idx) ? /* @__PURE__ */ jsx(Button$1, {
-					type: "button",
-					variant: "ghost",
-					size: "sm",
-					onClick: () => remove(idx),
-					children: "Remove"
-				}) : null] }, row.id ?? idx)),
-				canAdd ? /* @__PURE__ */ jsx(Button$1, {
-					type: "button",
-					variant: "outline",
-					size: "sm",
-					onClick: () => append({}),
-					children: "Add"
-				}) : null
-			] }, name);
-		};
-		const onSubmit = async (data) => {
-			const actionKey = spec.actions?.[0]?.key ?? "submit";
-			if (merged.onSubmitOverride) return merged.onSubmitOverride(data, actionKey);
-		};
-		const Button = driver.Button;
-		return /* @__PURE__ */ jsxs("form", {
-			onSubmit: form.handleSubmit(onSubmit),
-			children: [(spec.fields || []).map((f, i) => /* @__PURE__ */ jsx(React.Fragment, { children: renderOne(f) }, i)), spec.actions && spec.actions.length ? /* @__PURE__ */ jsx("div", { children: spec.actions.map((a) => /* @__PURE__ */ jsx(Button, {
-				type: "submit",
-				children: a.labelI18n
-			}, a.key)) }) : null]
-		});
-	}
-	return { render: (spec, options) => /* @__PURE__ */ jsx(InternalForm, {
-		spec,
-		options,
-		merged: {
-			...conf,
-			...options?.overrides ?? {}
-		}
-	}) };
+  const conf = base;
+  const { driver } = conf;
+  function InternalForm(props) {
+    const { spec, options, merged } = props;
+    const baseZod = useMemo(() => buildZodWithRelations(spec), [spec]);
+    const form = useForm({
+      ...merged.formOptions,
+      resolver: zodResolver(baseZod),
+      defaultValues: options?.defaultValues
+    });
+    const values = form.watch();
+    const renderOne = (f, parent, arrayIndex) => {
+      const DriverField = driver.Field;
+      const DriverLabel = driver.FieldLabel;
+      const DriverDesc = driver.FieldDescription;
+      const DriverError = driver.FieldError;
+      const name = fieldPath(parent, f.name, arrayIndex);
+      const visible = evalPredicate(values, f.visibleWhen);
+      const enabled = evalPredicate(values, f.enabledWhen);
+      const invalid = Boolean(form.getFieldState(name)?.invalid);
+      if (!visible)
+        return null;
+      const id = name?.replace(/\./g, "-");
+      const commonWrapProps = {
+        "data-invalid": invalid,
+        hidden: !visible,
+        disabled: !enabled
+      };
+      const labelNode = f.labelI18n ? /* @__PURE__ */ jsxDEV(DriverLabel, {
+        htmlFor: id,
+        children: f.labelI18n
+      }, undefined, false, undefined, this) : null;
+      const descNode = f.descriptionI18n ? /* @__PURE__ */ jsxDEV(DriverDesc, {
+        children: f.descriptionI18n
+      }, undefined, false, undefined, this) : null;
+      if (f.kind === "group") {
+        const children = f.fields.map((c, i) => /* @__PURE__ */ jsxDEV(React.Fragment, {
+          children: renderOne(c, name, arrayIndex)
+        }, `${name}-${i}`, false, undefined, this));
+        return /* @__PURE__ */ jsxDEV(DriverField, {
+          ...commonWrapProps,
+          children: [
+            labelNode,
+            children,
+            descNode
+          ]
+        }, undefined, true, undefined, this);
+      }
+      if (f.kind === "array") {
+        return renderArray(f, parent);
+      }
+      return /* @__PURE__ */ jsxDEV(Controller, {
+        name,
+        control: form.control,
+        render: ({ field, fieldState }) => {
+          const err = fieldState.error ? [fieldState.error] : [];
+          const ariaInvalid = fieldState.invalid || undefined;
+          if (f.kind === "text") {
+            const textField = f;
+            const Input = driver.Input;
+            return /* @__PURE__ */ jsxDEV(DriverField, {
+              ...commonWrapProps,
+              children: [
+                labelNode,
+                /* @__PURE__ */ jsxDEV(Input, {
+                  id,
+                  "aria-invalid": ariaInvalid,
+                  placeholder: f.placeholderI18n,
+                  autoComplete: textField.autoComplete,
+                  inputMode: textField.inputMode,
+                  maxLength: textField.maxLength,
+                  minLength: textField.minLength,
+                  disabled: !enabled,
+                  ...field,
+                  ...f.uiProps
+                }, undefined, false, undefined, this),
+                descNode,
+                fieldState.invalid ? /* @__PURE__ */ jsxDEV(DriverError, {
+                  errors: err
+                }, undefined, false, undefined, this) : null
+              ]
+            }, undefined, true, undefined, this);
+          }
+          if (f.kind === "textarea") {
+            const textareaField = f;
+            const Textarea = driver.Textarea;
+            return /* @__PURE__ */ jsxDEV(DriverField, {
+              ...commonWrapProps,
+              children: [
+                labelNode,
+                /* @__PURE__ */ jsxDEV(Textarea, {
+                  id,
+                  "aria-invalid": ariaInvalid,
+                  placeholder: f.placeholderI18n,
+                  rows: textareaField.rows,
+                  maxLength: textareaField.maxLength,
+                  disabled: !enabled,
+                  ...field,
+                  ...f.uiProps
+                }, undefined, false, undefined, this),
+                descNode,
+                fieldState.invalid ? /* @__PURE__ */ jsxDEV(DriverError, {
+                  errors: err
+                }, undefined, false, undefined, this) : null
+              ]
+            }, undefined, true, undefined, this);
+          }
+          if (f.kind === "select") {
+            const selectField = f;
+            const Select = driver.Select;
+            const src = toOptionsArray(selectField.options);
+            const opts = useResolvedOptions(values, src, merged.resolvers);
+            return /* @__PURE__ */ jsxDEV(DriverField, {
+              ...commonWrapProps,
+              children: [
+                labelNode,
+                /* @__PURE__ */ jsxDEV(Select, {
+                  id,
+                  name,
+                  "aria-invalid": ariaInvalid,
+                  disabled: !enabled,
+                  value: field.value,
+                  onChange: (v) => field.onChange(v),
+                  options: opts,
+                  ...f.uiProps
+                }, undefined, false, undefined, this),
+                descNode,
+                fieldState.invalid ? /* @__PURE__ */ jsxDEV(DriverError, {
+                  errors: err
+                }, undefined, false, undefined, this) : null
+              ]
+            }, undefined, true, undefined, this);
+          }
+          if (f.kind === "checkbox") {
+            const Checkbox = driver.Checkbox;
+            return /* @__PURE__ */ jsxDEV(DriverField, {
+              ...commonWrapProps,
+              children: [
+                labelNode,
+                /* @__PURE__ */ jsxDEV(Checkbox, {
+                  id,
+                  name,
+                  disabled: !enabled,
+                  checked: !!field.value,
+                  onCheckedChange: (v) => field.onChange(v),
+                  ...f.uiProps
+                }, undefined, false, undefined, this),
+                descNode,
+                fieldState.invalid ? /* @__PURE__ */ jsxDEV(DriverError, {
+                  errors: err
+                }, undefined, false, undefined, this) : null
+              ]
+            }, undefined, true, undefined, this);
+          }
+          if (f.kind === "radio") {
+            const radioField = f;
+            const RadioGroup = driver.RadioGroup;
+            const src = toOptionsArray(radioField.options);
+            const opts = useResolvedOptions(values, src, merged.resolvers);
+            return /* @__PURE__ */ jsxDEV(DriverField, {
+              ...commonWrapProps,
+              children: [
+                labelNode,
+                /* @__PURE__ */ jsxDEV(RadioGroup, {
+                  id,
+                  name,
+                  disabled: !enabled,
+                  value: field.value,
+                  onValueChange: (v) => field.onChange(v),
+                  options: opts,
+                  ...f.uiProps
+                }, undefined, false, undefined, this),
+                descNode,
+                fieldState.invalid ? /* @__PURE__ */ jsxDEV(DriverError, {
+                  errors: err
+                }, undefined, false, undefined, this) : null
+              ]
+            }, undefined, true, undefined, this);
+          }
+          if (f.kind === "switch") {
+            const Switch = driver.Switch;
+            return /* @__PURE__ */ jsxDEV(DriverField, {
+              ...commonWrapProps,
+              children: [
+                labelNode,
+                /* @__PURE__ */ jsxDEV(Switch, {
+                  id,
+                  name,
+                  disabled: !enabled,
+                  checked: !!field.value,
+                  onCheckedChange: (v) => field.onChange(v),
+                  ...f.uiProps
+                }, undefined, false, undefined, this),
+                descNode,
+                fieldState.invalid ? /* @__PURE__ */ jsxDEV(DriverError, {
+                  errors: err
+                }, undefined, false, undefined, this) : null
+              ]
+            }, undefined, true, undefined, this);
+          }
+          return /* @__PURE__ */ jsxDEV(Fragment, {}, undefined, false, undefined, this);
+        }
+      }, name, false, undefined, this);
+    };
+    const renderArray = (f, parent) => {
+      const name = fieldPath(parent, f.name);
+      const { fields, append, remove } = useFieldArray({
+        control: form.control,
+        name
+      });
+      const canAdd = f.max == null || fields.length < f.max;
+      const canRemove = (idx) => (f.min == null ? fields.length > 0 : fields.length > f.min) && idx >= 0;
+      const Button2 = driver.Button;
+      const Label = driver.FieldLabel;
+      return /* @__PURE__ */ jsxDEV("div", {
+        children: [
+          f.labelI18n ? /* @__PURE__ */ jsxDEV(Label, {
+            children: f.labelI18n
+          }, undefined, false, undefined, this) : null,
+          fields.map((row, idx) => /* @__PURE__ */ jsxDEV("div", {
+            children: [
+              renderOne(f.of, name, idx),
+              canRemove(idx) ? /* @__PURE__ */ jsxDEV(Button2, {
+                type: "button",
+                variant: "ghost",
+                size: "sm",
+                onClick: () => remove(idx),
+                children: "Remove"
+              }, undefined, false, undefined, this) : null
+            ]
+          }, row.id ?? idx, true, undefined, this)),
+          canAdd ? /* @__PURE__ */ jsxDEV(Button2, {
+            type: "button",
+            variant: "outline",
+            size: "sm",
+            onClick: () => append({}),
+            children: "Add"
+          }, undefined, false, undefined, this) : null
+        ]
+      }, name, true, undefined, this);
+    };
+    const onSubmit = async (data) => {
+      const actionKey = spec.actions?.[0]?.key ?? "submit";
+      if (merged.onSubmitOverride) {
+        return merged.onSubmitOverride(data, actionKey);
+      }
+    };
+    const Button = driver.Button;
+    return /* @__PURE__ */ jsxDEV("form", {
+      onSubmit: form.handleSubmit(onSubmit),
+      children: [
+        (spec.fields || []).map((f, i) => /* @__PURE__ */ jsxDEV(React.Fragment, {
+          children: renderOne(f)
+        }, i, false, undefined, this)),
+        spec.actions && spec.actions.length ? /* @__PURE__ */ jsxDEV("div", {
+          children: spec.actions.map((a) => /* @__PURE__ */ jsxDEV(Button, {
+            type: "submit",
+            children: a.labelI18n
+          }, a.key, false, undefined, this))
+        }, undefined, false, undefined, this) : null
+      ]
+    }, undefined, true, undefined, this);
+  }
+  return {
+    render: (spec, options) => /* @__PURE__ */ jsxDEV(InternalForm, {
+      spec,
+      options,
+      merged: {
+        ...conf,
+        ...options?.overrides ?? {}
+      }
+    }, undefined, false, undefined, this)
+  };
 }
-
-//#endregion
-export { createFormRenderer };
+export {
+  createFormRenderer
+};