@lssm/lib.design-system 0.0.0-canary-20251217062139 → 0.0.0-canary-20251217072406

package/dist/components/molecules/Breadcrumbs.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from "react";
-import * as react_jsx_runtime44 from "react/jsx-runtime";
+import * as react_jsx_runtime43 from "react/jsx-runtime";
 
 //#region src/components/molecules/Breadcrumbs.d.ts
 interface BreadcrumbItemDef {
@@ -10,6 +10,6 @@ declare function Breadcrumbs({
   items
 }: {
   items: BreadcrumbItemDef[];
-}): react_jsx_runtime44.JSX.Element | null;
+}): react_jsx_runtime43.JSX.Element | null;
 //#endregion
 export { Breadcrumbs };

package/dist/components/molecules/CommandSearchTrigger.d.ts

@@ -1,6 +1,6 @@
 import { CommandPalette } from "./CommandPalette.js";
 import * as React$1 from "react";
-import * as react_jsx_runtime43 from "react/jsx-runtime";
+import * as react_jsx_runtime44 from "react/jsx-runtime";
 
 //#region src/components/molecules/CommandSearchTrigger.d.ts
 declare function CommandSearchTrigger({
@@ -13,6 +13,6 @@ declare function CommandSearchTrigger({
   className?: string;
   placeholder?: string;
   compact?: boolean;
-}): react_jsx_runtime43.JSX.Element;
+}): react_jsx_runtime44.JSX.Element;
 //#endregion
 export { CommandSearchTrigger };

package/dist/contracts/dist/client/react/drivers/shadcn.js

@@ -1,7 +1,11 @@
 //#region ../contracts/dist/client/react/drivers/shadcn.js
-function e(e$1) {
-	return e$1;
+/**
+* Create a shadcn/ui driver by mapping required slots to components.
+* Host apps should import their shadcn primitives and pass them here.
+*/
+function shadcnDriver(slots) {
+	return slots;
 }
 
 //#endregion
-export { e };
+export { shadcnDriver };

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

@@ -1,261 +1,298 @@
-import { i, r } from "../../forms.js";
+import { buildZodWithRelations, evalPredicate } from "../../forms.js";
 import React, { useEffect, useMemo, useState } from "react";
 import { Controller, useFieldArray, useForm } from "react-hook-form";
 import { zodResolver } from "@hookform/resolvers/zod";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 
 //#region ../contracts/dist/client/react/form-render.js
-function p(e) {
-	if (e) return Array.isArray(e) ? {
-		kind: `static`,
-		options: e
-	} : e;
+function toOptionsArray(src) {
+	if (!src) return void 0;
+	if (Array.isArray(src)) return {
+		kind: "static",
+		options: src
+	};
+	return src;
 }
-function m(e, t) {
-	if (!t) return;
-	let n = t.replace(/\[(\d+)\]/g, `.$1`).split(`.`).filter(Boolean), r$1 = e;
-	for (let e$1 of n) {
-		if (r$1 == null) return;
-		r$1 = r$1[e$1];
+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 r$1;
+	return cur;
 }
-function h(e, t) {
-	if (!t || t.length === 0) return `[]`;
+function makeDepsKey(values, deps) {
+	if (!deps || deps.length === 0) return "[]";
 	try {
-		return JSON.stringify(t.map((t$1) => m(e, t$1)));
+		return JSON.stringify(deps.map((d) => getAtPath(values, d)));
 	} catch {
-		return `[]`;
+		return "[]";
 	}
 }
-function g(e, t, n) {
-	let [o, s] = useState([]);
-	return useEffect(() => {
-		let r$1 = !0;
-		return (async () => {
-			if (!t) return s([]);
-			if (t.kind === `static`) return s([...t.options ?? []]);
-			let i$1 = n?.[t.resolverKey];
-			if (!i$1) return s([]);
-			let a = await i$1(e, t.args);
-			r$1 && s([...a ?? []]);
-		})(), () => {
-			r$1 = !1;
+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 ?? []]);
 		};
-	}, [useMemo(() => t ? t.kind === `static` ? JSON.stringify(t.options ?? []) : h(e, t.deps) : `nil`, [t, e]), t && t.resolverKey]), o;
+		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.resolverKey]);
+	return opts;
 }
-function _(e, t, n) {
-	if (!t) return e ?? ``;
-	let r$1 = typeof n == `number` ? `${t.replace(/^\$index$/, String(n))}` : t;
-	return e ? `${e}${typeof n == `number` ? `.${n}` : ``}.${r$1}`.replace(/\.+/g, `.`) : r$1;
+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;
 }
-function v(r$1) {
-	let a = r$1, { driver: m$1 } = a;
-	function h$1(r$2) {
-		let { spec: a$1, options: h$2, merged: v$1 } = r$2, y = useMemo(() => i(a$1), [a$1]), b = useForm({
-			...v$1.formOptions,
-			resolver: zodResolver(y),
-			defaultValues: h$2?.defaultValues
-		}), x = b.watch(), S = (e, r$3, i$1) => {
-			let a$2 = m$1.Field, s = m$1.FieldLabel, c = m$1.FieldDescription, l = m$1.FieldError, h$3 = _(r$3, e.name, i$1), y$1 = r(x, e.visibleWhen), w$1 = r(x, e.enabledWhen), T$1 = !!b.getFieldState(h$3)?.invalid;
-			if (!y$1) return null;
-			let E = h$3?.replace(/\./g, `-`), D = {
-				"data-invalid": T$1,
-				hidden: !y$1,
-				disabled: !w$1
-			}, O = e.labelI18n ? jsx(s, {
-				htmlFor: E,
-				children: e.labelI18n
-			}) : null, k = e.descriptionI18n ? jsx(c, { children: e.descriptionI18n }) : null;
-			if (e.kind === `group`) {
-				let t = e.fields.map((e$1, t$1) => jsx(React.Fragment, { children: S(e$1, h$3, i$1) }, `${h$3}-${t$1}`));
-				return jsxs(a$2, {
-					...D,
+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: [
-						O,
-						t,
-						k
+						labelNode,
+						children,
+						descNode
 					]
 				});
 			}
-			return e.kind === `array` ? C(e, r$3) : jsx(Controller, {
-				name: h$3,
-				control: b.control,
-				render: ({ field: t, fieldState: n }) => {
-					let r$4 = n.error ? [n.error] : [], i$2 = n.invalid || void 0;
-					if (e.kind === `text`) {
-						let o = m$1.Input;
-						return jsxs(a$2, {
-							...D,
+			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 Input = driver.Input;
+						return /* @__PURE__ */ jsxs(DriverField, {
+							...commonWrapProps,
 							children: [
-								O,
-								jsx(o, {
-									id: E,
-									"aria-invalid": i$2,
-									placeholder: e.placeholderI18n,
-									autoComplete: e.autoComplete,
-									inputMode: e.inputMode,
-									maxLength: e.maxLength,
-									minLength: e.minLength,
-									disabled: !w$1,
-									...t,
-									...e.uiProps,
-									keyboard: e.keyboard,
-									autoComplete: e.keyboard?.autoComplete ?? e.autoComplete
+								labelNode,
+								/* @__PURE__ */ jsx(Input, {
+									id,
+									"aria-invalid": ariaInvalid,
+									placeholder: f.placeholderI18n,
+									autoComplete: f.autoComplete,
+									inputMode: f.inputMode,
+									maxLength: f.maxLength,
+									minLength: f.minLength,
+									disabled: !enabled,
+									...field,
+									...f.uiProps,
+									keyboard: f.keyboard,
+									autoComplete: f.keyboard?.autoComplete ?? f.autoComplete
 								}),
-								k,
-								n.invalid ? jsx(l, { errors: r$4 }) : null
+								descNode,
+								fieldState.invalid ? /* @__PURE__ */ jsx(DriverError, { errors: err }) : null
 							]
 						});
 					}
-					if (e.kind === `textarea`) {
-						let o = m$1.Textarea;
-						return jsxs(a$2, {
-							...D,
+					if (f.kind === "textarea") {
+						const Textarea = driver.Textarea;
+						return /* @__PURE__ */ jsxs(DriverField, {
+							...commonWrapProps,
 							children: [
-								O,
-								jsx(o, {
-									id: E,
-									"aria-invalid": i$2,
-									placeholder: e.placeholderI18n,
-									rows: e.rows,
-									maxLength: e.maxLength,
-									disabled: !w$1,
-									...t,
-									...e.uiProps,
-									keyboard: e.keyboard,
-									autoComplete: e.keyboard?.autoComplete ?? e.autoComplete
+								labelNode,
+								/* @__PURE__ */ jsx(Textarea, {
+									id,
+									"aria-invalid": ariaInvalid,
+									placeholder: f.placeholderI18n,
+									rows: f.rows,
+									maxLength: f.maxLength,
+									disabled: !enabled,
+									...field,
+									...f.uiProps,
+									keyboard: f.keyboard,
+									autoComplete: f.keyboard?.autoComplete ?? f.autoComplete
 								}),
-								k,
-								n.invalid ? jsx(l, { errors: r$4 }) : null
+								descNode,
+								fieldState.invalid ? /* @__PURE__ */ jsx(DriverError, { errors: err }) : null
 							]
 						});
 					}
-					if (e.kind === `select`) {
-						let o = m$1.Select, s$1 = g(x, p(e.options), v$1.resolvers);
-						return jsxs(a$2, {
-							...D,
+					if (f.kind === "select") {
+						const Select = driver.Select;
+						const opts = useResolvedOptions(values, toOptionsArray(f.options), merged.resolvers);
+						return /* @__PURE__ */ jsxs(DriverField, {
+							...commonWrapProps,
 							children: [
-								O,
-								jsx(o, {
-									id: E,
-									name: h$3,
-									"aria-invalid": i$2,
-									disabled: !w$1,
-									value: t.value,
-									onChange: (e$1) => t.onChange(e$1),
-									options: s$1,
-									...e.uiProps
+								labelNode,
+								/* @__PURE__ */ jsx(Select, {
+									id,
+									name,
+									"aria-invalid": ariaInvalid,
+									disabled: !enabled,
+									value: field.value,
+									onChange: (v) => field.onChange(v),
+									options: opts,
+									...f.uiProps
 								}),
-								k,
-								n.invalid ? jsx(l, { errors: r$4 }) : null
+								descNode,
+								fieldState.invalid ? /* @__PURE__ */ jsx(DriverError, { errors: err }) : null
 							]
 						});
 					}
-					if (e.kind === `checkbox`) {
-						let i$3 = m$1.Checkbox;
-						return jsxs(a$2, {
-							...D,
+					if (f.kind === "checkbox") {
+						const Checkbox = driver.Checkbox;
+						return /* @__PURE__ */ jsxs(DriverField, {
+							...commonWrapProps,
 							children: [
-								O,
-								jsx(i$3, {
-									id: E,
-									name: h$3,
-									disabled: !w$1,
-									checked: !!t.value,
-									onCheckedChange: (e$1) => t.onChange(e$1),
-									...e.uiProps
+								labelNode,
+								/* @__PURE__ */ jsx(Checkbox, {
+									id,
+									name,
+									disabled: !enabled,
+									checked: !!field.value,
+									onCheckedChange: (v) => field.onChange(v),
+									...f.uiProps
 								}),
-								k,
-								n.invalid ? jsx(l, { errors: r$4 }) : null
+								descNode,
+								fieldState.invalid ? /* @__PURE__ */ jsx(DriverError, { errors: err }) : null
 							]
 						});
 					}
-					if (e.kind === `radio`) {
-						let i$3 = m$1.RadioGroup, o = g(x, p(e.options), v$1.resolvers);
-						return jsxs(a$2, {
-							...D,
+					if (f.kind === "radio") {
+						const RadioGroup = driver.RadioGroup;
+						const opts = useResolvedOptions(values, toOptionsArray(f.options), merged.resolvers);
+						return /* @__PURE__ */ jsxs(DriverField, {
+							...commonWrapProps,
 							children: [
-								O,
-								jsx(i$3, {
-									id: E,
-									name: h$3,
-									disabled: !w$1,
-									value: t.value,
-									onValueChange: (e$1) => t.onChange(e$1),
-									options: o,
-									...e.uiProps
+								labelNode,
+								/* @__PURE__ */ jsx(RadioGroup, {
+									id,
+									name,
+									disabled: !enabled,
+									value: field.value,
+									onValueChange: (v) => field.onChange(v),
+									options: opts,
+									...f.uiProps
 								}),
-								k,
-								n.invalid ? jsx(l, { errors: r$4 }) : null
+								descNode,
+								fieldState.invalid ? /* @__PURE__ */ jsx(DriverError, { errors: err }) : null
 							]
 						});
 					}
-					if (e.kind === `switch`) {
-						let i$3 = m$1.Switch;
-						return jsxs(a$2, {
-							...D,
+					if (f.kind === "switch") {
+						const Switch = driver.Switch;
+						return /* @__PURE__ */ jsxs(DriverField, {
+							...commonWrapProps,
 							children: [
-								O,
-								jsx(i$3, {
-									id: E,
-									name: h$3,
-									disabled: !w$1,
-									checked: !!t.value,
-									onCheckedChange: (e$1) => t.onChange(e$1),
-									...e.uiProps
+								labelNode,
+								/* @__PURE__ */ jsx(Switch, {
+									id,
+									name,
+									disabled: !enabled,
+									checked: !!field.value,
+									onCheckedChange: (v) => field.onChange(v),
+									...f.uiProps
 								}),
-								k,
-								n.invalid ? jsx(l, { errors: r$4 }) : null
+								descNode,
+								fieldState.invalid ? /* @__PURE__ */ jsx(DriverError, { errors: err }) : null
 							]
 						});
 					}
-					return jsx(Fragment, {});
+					return /* @__PURE__ */ jsx(Fragment, {});
 				}
-			}, h$3);
-		}, C = (e, t) => {
-			let n = _(t, e.name), { fields: r$3, append: i$1, remove: a$2 } = useFieldArray({
-				control: b.control,
-				name: n
-			}), o = e.max == null || r$3.length < e.max, c = (t$1) => (e.min == null ? r$3.length > 0 : r$3.length > e.min) && t$1 >= 0, l = m$1.Button, u = m$1.FieldLabel;
-			return jsxs(`div`, { children: [
-				e.labelI18n ? jsx(u, { children: e.labelI18n }) : null,
-				r$3.map((t$1, r$4) => jsxs(`div`, { children: [S(e.of, n, r$4), c(r$4) ? jsx(l, {
-					type: `button`,
-					variant: `ghost`,
-					size: `sm`,
-					onClick: () => a$2(r$4),
-					children: `Remove`
-				}) : null] }, t$1.id ?? r$4)),
-				o ? jsx(l, {
-					type: `button`,
-					variant: `outline`,
-					size: `sm`,
-					onClick: () => i$1({}),
-					children: `Add`
+			}, 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
-			] }, n);
-		}, w = async (e) => {
-			let t = a$1.actions?.[0]?.key ?? `submit`;
-			if (v$1.onSubmitOverride) return v$1.onSubmitOverride(e, t);
-		}, T = m$1.Button;
-		return jsxs(`form`, {
-			onSubmit: b.handleSubmit(w),
-			children: [(a$1.fields || []).map((e, t) => jsx(React.Fragment, { children: S(e) }, t)), a$1.actions && a$1.actions.length ? jsx(`div`, { children: a$1.actions.map((e) => jsx(T, {
-				type: `submit`,
-				children: e.labelI18n
-			}, e.key)) }) : 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: (e, t) => jsx(h$1, {
-		spec: e,
-		options: t,
+	return { render: (spec, options) => /* @__PURE__ */ jsx(InternalForm, {
+		spec,
+		options,
 		merged: {
-			...a,
-			...t?.overrides ?? {}
+			...conf,
+			...options?.overrides ?? {}
 		}
 	}) };
 }
 
 //#endregion
-export { v };
+export { createFormRenderer };

package/dist/contracts/dist/forms.js

@@ -1,78 +1,88 @@
 //#region ../contracts/dist/forms.js
-function n(e, t) {
-	if (!t) return;
-	let n$1 = t.replace(/\[(\d+)\]/g, `.$1`).split(`.`).filter(Boolean), r$1 = e;
-	for (let e$1 of n$1) {
-		if (r$1 == null) return;
-		r$1 = r$1[e$1];
+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 r$1;
+	return cur;
 }
-function r(e, t) {
-	if (!t) return !0;
-	if (t.not) return !r(e, t.not);
-	if (t.all && t.all.length) return t.all.every((t$1) => r(e, t$1));
-	if (t.any && t.any.length) return t.any.some((t$1) => r(e, t$1));
-	if (t.when) {
-		let { path: r$1, op: i$1 = `truthy`, value: a } = t.when, o = n(e, r$1);
-		switch (i$1) {
-			case `equals`: return o === a;
-			case `notEquals`: return o !== a;
-			case `in`: return Array.isArray(a) && a.includes(o);
-			case `notIn`: return Array.isArray(a) && !a.includes(o);
-			case `gt`: return Number(o) > Number(a);
-			case `gte`: return Number(o) >= Number(a);
-			case `lt`: return Number(o) < Number(a);
-			case `lte`: return Number(o) <= Number(a);
-			case `empty`: return o == null || (Array.isArray(o) ? o.length === 0 : String(o).length === 0);
-			case `lengthGt`: return (Array.isArray(o) || typeof o == `string`) && o.length > Number(a ?? 0);
-			case `lengthGte`: return (Array.isArray(o) || typeof o == `string`) && o.length >= Number(a ?? 0);
-			case `lengthLt`: return (Array.isArray(o) || typeof o == `string`) && o.length < Number(a ?? 0);
-			case `lengthLte`: return (Array.isArray(o) || typeof o == `string`) && o.length <= Number(a ?? 0);
-			case `truthy`:
-			default: return !!o;
+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.any && pred.any.length) return pred.any.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 !0;
+	return true;
 }
-function i(e, t) {
-	return e.model.getZod().superRefine((i$1, a) => {
-		let o = (e$1, t$1) => {
-			let s = e$1.name ? t$1 ? `${t$1}.${e$1.name}` : e$1.name : t$1 ?? ``;
-			if (e$1.requiredWhen && r(i$1, e$1.requiredWhen)) {
-				let e$2 = n(i$1, s);
-				(e$2 == null || typeof e$2 == `string` && e$2.trim().length === 0 || Array.isArray(e$2) && e$2.length === 0) && a.addIssue({
-					code: `custom`,
-					path: s.split(`.`),
-					message: `required`
-				});
+/**
+* Wrap the base zod schema with relation-driven refinements (requiredWhen, array min/max)
+* and optional custom constraints. Call this when wiring RHF resolver.
+*/
+function buildZodWithRelations(spec, handlers) {
+	return spec.model.getZod().superRefine((values, ctx) => {
+		const visit = (field, parentPath) => {
+			const path = field.name ? parentPath ? `${parentPath}.${field.name}` : field.name : parentPath ?? "";
+			if (field.requiredWhen) {
+				if (evalPredicate(values, field.requiredWhen)) {
+					const v = getAtPath(values, path);
+					if (v == null || typeof v === "string" && v.trim().length === 0 || Array.isArray(v) && v.length === 0) ctx.addIssue({
+						code: "custom",
+						path: path.split("."),
+						message: "required"
+					});
+				}
 			}
-			if (e$1.kind === `array`) {
-				let t$2 = n(i$1, s);
-				e$1.min != null && Array.isArray(t$2) && t$2.length < e$1.min && a.addIssue({
-					code: `custom`,
-					path: s.split(`.`),
-					message: `min:${e$1.min}`
-				}), e$1.max != null && Array.isArray(t$2) && t$2.length > e$1.max && a.addIssue({
-					code: `custom`,
-					path: s.split(`.`),
-					message: `max:${e$1.max}`
-				}), o(e$1.of, s);
-			} else if (e$1.kind === `group`) for (let t$2 of e$1.fields) o(t$2, s);
+			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 (let t$1 of e.fields) o(t$1);
-		if (e.constraints && t) for (let n$1 of e.constraints) {
-			let e$1 = t[n$1.key];
-			if (!e$1) continue;
-			let r$1 = e$1(i$1, n$1.paths, n$1.args);
-			r$1.ok || a.addIssue({
-				code: `custom`,
-				path: (r$1.path ?? n$1.paths[0] ?? ``).split(`.`).filter(Boolean),
-				message: r$1.message ?? n$1.messageI18n
+		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
 			});
 		}
 	});
 }
 
 //#endregion
-export { i, r };
+export { buildZodWithRelations, evalPredicate };

package/dist/renderers/form-contract.js

@@ -1,7 +1,7 @@
 'use client';
 
-import { v } from "../contracts/dist/client/react/form-render.js";
-import { e } from "../contracts/dist/client/react/drivers/shadcn.js";
+import { createFormRenderer } from "../contracts/dist/client/react/form-render.js";
+import { shadcnDriver } from "../contracts/dist/client/react/drivers/shadcn.js";
 import { Label } from "../ui-kit-web/dist/ui/label.js";
 import { Field, FieldDescription, FieldError, FieldGroup, FieldLabel } from "../ui-kit-web/dist/ui/field.js";
 import { Button } from "../components/atoms/Button.js";
@@ -19,7 +19,7 @@ const Select$1 = (props) => {
 	const { options, value, onChange, ...rest } = props;
 	return /* @__PURE__ */ jsxs(Select, {
 		value: value ?? "",
-		onValueChange: (v$1) => onChange?.(v$1),
+		onValueChange: (v) => onChange?.(v),
 		...rest,
 		children: [/* @__PURE__ */ jsx(SelectTrigger, {
 			className: "w-[180px]",
@@ -33,7 +33,7 @@ const Select$1 = (props) => {
 };
 const Checkbox$1 = (props) => /* @__PURE__ */ jsx(Checkbox, {
 	checked: !!props.checked,
-	onCheckedChange: (v$1) => props.onCheckedChange?.(v$1),
+	onCheckedChange: (v) => props.onCheckedChange?.(v),
 	...props
 });
 const RadioGroup$1 = (props) => /* @__PURE__ */ jsx(RadioGroup, {
@@ -51,10 +51,10 @@ const RadioGroup$1 = (props) => /* @__PURE__ */ jsx(RadioGroup, {
 });
 const Switch$1 = (props) => /* @__PURE__ */ jsx(Switch, {
 	checked: !!props.checked,
-	onCheckedChange: (v$1) => props.onCheckedChange?.(v$1),
+	onCheckedChange: (v) => props.onCheckedChange?.(v),
 	...props
 });
-const formRenderer = v({ driver: e({
+const formRenderer = createFormRenderer({ driver: shadcnDriver({
 	Field,
 	FieldLabel,
 	FieldDescription,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lssm/lib.design-system",
-  "version": "0.0.0-canary-20251217062139",
+  "version": "0.0.0-canary-20251217072406",
   "scripts": {
     "publish:pkg": "bun publish --tolerate-republish --ignore-scripts --verbose",
     "publish:pkg:canary": "bun publish:pkg --tag canary",
@@ -21,10 +21,10 @@
   "tree-shake": true,
   "dependencies": {
     "@hookform/resolvers": "5.2.2",
-    "@lssm/lib.ai-agent": "0.0.0-canary-20251217062139",
-    "@lssm/lib.contracts": "0.0.0-canary-20251217062139",
-    "@lssm/lib.ui-kit": "0.0.0-canary-20251217062139",
-    "@lssm/lib.ui-kit-web": "0.0.0-canary-20251217062139",
+    "@lssm/lib.ai-agent": "0.0.0-canary-20251217072406",
+    "@lssm/lib.contracts": "0.0.0-canary-20251217072406",
+    "@lssm/lib.ui-kit": "0.0.0-canary-20251217072406",
+    "@lssm/lib.ui-kit-web": "0.0.0-canary-20251217072406",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "lucide-react": "^0.535.0",
@@ -35,8 +35,8 @@
     "zod": "^4.1.13"
   },
   "devDependencies": {
-    "@lssm/tool.typescript": "0.0.0-canary-20251217062139",
-    "@lssm/tool.tsdown": "0.0.0-canary-20251217062139",
+    "@lssm/tool.typescript": "0.0.0-canary-20251217072406",
+    "@lssm/tool.tsdown": "0.0.0-canary-20251217072406",
     "@types/node": "^24.9.0",
     "@types/react-dom": "^19.0.14",
     "postcss": "^8.5",