@lssm/lib.design-system 1.2.0

package/dist/components/templates/lists/ListPageTemplate/index.mobile.js

@@ -0,0 +1,33 @@
+import { FiltersToolbar } from "../../../molecules/FiltersToolbar.mobile.js";
+import { FlatListScreen } from "../../../native/FlatListScreen.mobile.js";
+import { EmptyDataList } from "../../../organisms/EmptyDataList.mobile.js";
+import { PageHeaderResponsive } from "../../../organisms/PageHeaderResponsive.mobile.js";
+import "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/templates/lists/ListPageTemplate/index.mobile.tsx
+function ListPageTemplate({ children, title, description, breadcrumb, actions, searchPlaceholder, searchValue, onSearchChange, onSearchSubmit, isLoading, data, renderItem, emptyProps }) {
+	return /* @__PURE__ */ jsx(FlatListScreen, {
+		refreshing: isLoading,
+		header: /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(PageHeaderResponsive, {
+			title,
+			subtitle: description,
+			breadcrumb,
+			actions
+		}), /* @__PURE__ */ jsx(FiltersToolbar, {
+			searchPlaceholder,
+			searchValue,
+			onSearchChange,
+			onSearchSubmit
+		})] }),
+		data: data ?? [],
+		renderItem,
+		showsVerticalScrollIndicator: false,
+		padding: "md",
+		emptyComponent: emptyProps ? /* @__PURE__ */ jsx(EmptyDataList, { ...emptyProps }) : void 0
+	});
+}
+
+//#endregion
+export { ListPageTemplate };
+//# sourceMappingURL=index.mobile.js.map

package/dist/components/templates/lists/ListPageTemplate/index.mobile.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mobile.js","names":[],"sources":["../../../../../src/components/templates/lists/ListPageTemplate/index.mobile.tsx"],"sourcesContent":["import * as React from 'react';\nimport type { ListRenderItem } from 'react-native';\nimport { FiltersToolbar } from '../../../molecules/FiltersToolbar.mobile';\nimport { PageHeaderResponsive } from '../../../organisms/PageHeaderResponsive.mobile';\nimport { FlatListScreen } from '../../../native/FlatListScreen.mobile';\nimport type { ListPageTemplateProps } from './types';\nimport { EmptyDataList } from '../../../organisms/EmptyDataList.mobile';\n\nexport * from './types';\n\nexport function ListPageTemplate<T = any>({\n  children,\n  title,\n  description,\n  breadcrumb,\n  actions,\n  searchPlaceholder,\n  searchValue,\n  onSearchChange,\n  onSearchSubmit,\n  isLoading,\n  data,\n  renderItem,\n  emptyProps,\n}: ListPageTemplateProps<T>) {\n  const header = (\n    <>\n      <PageHeaderResponsive\n        title={title}\n        subtitle={description}\n        breadcrumb={breadcrumb}\n        actions={actions}\n      />\n      <FiltersToolbar\n        searchPlaceholder={searchPlaceholder}\n        searchValue={searchValue}\n        onSearchChange={onSearchChange}\n        onSearchSubmit={onSearchSubmit}\n      />\n    </>\n  );\n\n  return (\n    <FlatListScreen\n      refreshing={isLoading}\n      header={header}\n      data={data ?? []}\n      renderItem={renderItem as unknown as ListRenderItem<T>}\n      showsVerticalScrollIndicator={false}\n      padding=\"md\"\n      emptyComponent={\n        emptyProps ? <EmptyDataList {...emptyProps} /> : undefined\n      }\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAUA,SAAgB,iBAA0B,EACxC,UACA,OACA,aACA,YACA,SACA,mBACA,aACA,gBACA,gBACA,WACA,MACA,YACA,cAC2B;AAkB3B,QACE,oBAAC;EACC,YAAY;EACZ,QAnBF,4CACE,oBAAC;GACQ;GACP,UAAU;GACE;GACH;IACT,EACF,oBAAC;GACoB;GACN;GACG;GACA;IAChB,IACD;EAOD,MAAM,QAAQ,EAAE;EACJ;EACZ,8BAA8B;EAC9B,SAAQ;EACR,gBACE,aAAa,oBAAC,iBAAc,GAAI,aAAc,GAAG;GAEnD"}

package/dist/components/templates/lists/ListPageTemplate/index.web.d.ts

@@ -0,0 +1,23 @@
+import { ListPageTemplateProps } from "./types.js";
+import * as react_jsx_runtime108 from "react/jsx-runtime";
+
+//#region src/components/templates/lists/ListPageTemplate/index.web.d.ts
+declare function ListPageTemplate<T = any>({
+  children,
+  title,
+  description,
+  breadcrumb,
+  actions,
+  className,
+  searchPlaceholder,
+  searchValue,
+  onSearchChange,
+  onSearchSubmit,
+  isLoading,
+  data,
+  renderItem,
+  emptyProps
+}: ListPageTemplateProps<T>): react_jsx_runtime108.JSX.Element;
+//#endregion
+export { ListPageTemplate, ListPageTemplateProps };
+//# sourceMappingURL=index.web.d.ts.map

package/dist/components/templates/lists/ListPageTemplate/index.web.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.d.ts","names":[],"sources":["../../../../../src/components/templates/lists/ListPageTemplate/index.web.tsx"],"sourcesContent":[],"mappings":";;;;iBAegB;;;;;;;;;;;;;;;GAeb,sBAAsB,KAAE,oBAAA,CAAA,GAAA,CAAA"}

package/dist/components/templates/lists/ListPageTemplate/index.web.js

@@ -0,0 +1,54 @@
+import { cn, init_utils } from "../../../../ui-kit-web/dist/ui/utils.js";
+import { Skeleton } from "../../../../ui-kit-web/dist/ui/skeleton.js";
+import { Card, CardContent } from "../../../../ui-kit-web/dist/ui/card.js";
+import { PageHeaderResponsive } from "../../../organisms/PageHeaderResponsive.js";
+import { FiltersToolbar } from "../../../molecules/FiltersToolbar.mobile.js";
+import { AiLinkButton } from "../../../molecules/AiLinkButton.js";
+import { EmptyDataList } from "../../../organisms/EmptyDataList.js";
+import * as React$1 from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { cva } from "class-variance-authority";
+
+//#region src/components/templates/lists/ListPageTemplate/index.web.tsx
+init_utils();
+const containerVariants = cva("space-y-4 md:space-y-6");
+function ListPageTemplate({ children, title, description, breadcrumb, actions, className, searchPlaceholder, searchValue, onSearchChange, onSearchSubmit, isLoading, data, renderItem, emptyProps }) {
+	const mdHref = React$1.useMemo(() => {
+		if (typeof window === "undefined") return void 0;
+		const url = new URL(window.location.href);
+		url.pathname = url.pathname.replace(/\/$/, "") + ".md";
+		return url.toString();
+	}, []);
+	const renderEmpty = () => {
+		return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(EmptyDataList, { ...emptyProps }) }) });
+	};
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(containerVariants(), className),
+		children: [
+			/* @__PURE__ */ jsx(PageHeaderResponsive, {
+				title,
+				subtitle: description,
+				breadcrumb,
+				actions: /* @__PURE__ */ jsxs(Fragment, { children: [actions, mdHref && /* @__PURE__ */ jsx(AiLinkButton, { href: mdHref })] })
+			}),
+			/* @__PURE__ */ jsx(FiltersToolbar, {
+				searchPlaceholder,
+				searchValue,
+				onSearchChange,
+				onSearchSubmit
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "space-y-2",
+				children: [data?.map((item, index) => /* @__PURE__ */ jsx("div", { children: renderItem({
+					item,
+					index
+				}) }, index)), !data?.length && (isLoading ? Array.from({ length: 10 }).map((_, index) => /* @__PURE__ */ jsx(Skeleton, { className: "h-20 w-full rounded-md" }, index)) : renderEmpty())]
+			}),
+			children
+		]
+	});
+}
+
+//#endregion
+export { ListPageTemplate };
+//# sourceMappingURL=index.web.js.map

package/dist/components/templates/lists/ListPageTemplate/index.web.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.web.js","names":["React"],"sources":["../../../../../src/components/templates/lists/ListPageTemplate/index.web.tsx"],"sourcesContent":["import * as React from 'react';\nimport { cva } from 'class-variance-authority';\nimport { cn } from '@lssm/lib.ui-kit-web/ui/utils';\nimport { PageHeaderResponsive } from '../../../organisms/PageHeaderResponsive';\nimport { FiltersToolbar } from '../../../molecules/FiltersToolbar.mobile';\nimport { AiLinkButton } from '../../../molecules/AiLinkButton';\nimport type { ListPageTemplateProps } from './types';\nimport { Skeleton } from '@lssm/lib.ui-kit-web/ui/skeleton';\nimport { Card, CardContent } from '@lssm/lib.ui-kit-web/ui/card';\nimport { EmptyDataList } from '../../../organisms/EmptyDataList';\n\nconst containerVariants = cva('space-y-4 md:space-y-6');\n\nexport * from './types';\n\nexport function ListPageTemplate<T = any>({\n  children,\n  title,\n  description,\n  breadcrumb,\n  actions,\n  className,\n  searchPlaceholder,\n  searchValue,\n  onSearchChange,\n  onSearchSubmit,\n  isLoading,\n  data,\n  renderItem,\n  emptyProps,\n}: ListPageTemplateProps<T>) {\n  const mdHref = React.useMemo(() => {\n    if (typeof window === 'undefined') return undefined;\n    const url = new URL(window.location.href);\n    url.pathname = url.pathname.replace(/\\/$/, '') + '.md';\n    return url.toString();\n  }, []);\n\n  const renderEmpty = () => {\n    return (\n      <Card>\n        <CardContent>\n          <EmptyDataList {...emptyProps} />\n        </CardContent>\n      </Card>\n    );\n  };\n\n  return (\n    <div className={cn(containerVariants(), className)}>\n      <PageHeaderResponsive\n        title={title}\n        subtitle={description}\n        breadcrumb={breadcrumb}\n        actions={\n          <>\n            {actions}\n            {mdHref && <AiLinkButton href={mdHref} />}\n          </>\n        }\n      />\n      <FiltersToolbar\n        searchPlaceholder={searchPlaceholder}\n        searchValue={searchValue}\n        onSearchChange={onSearchChange}\n        onSearchSubmit={onSearchSubmit}\n      />\n      <div className=\"space-y-2\">\n        {data?.map((item, index) => (\n          <div key={index}>{renderItem({ item, index })}</div>\n        ))}\n        {!data?.length &&\n          (isLoading\n            ? Array.from({ length: 10 }).map((_, index) => (\n                <Skeleton key={index} className=\"h-20 w-full rounded-md\" />\n              ))\n            : renderEmpty())}\n      </div>\n\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;YAEmD;AASnD,MAAM,oBAAoB,IAAI,yBAAyB;AAIvD,SAAgB,iBAA0B,EACxC,UACA,OACA,aACA,YACA,SACA,WACA,mBACA,aACA,gBACA,gBACA,WACA,MACA,YACA,cAC2B;CAC3B,MAAM,SAASA,QAAM,cAAc;AACjC,MAAI,OAAO,WAAW,YAAa,QAAO;EAC1C,MAAM,MAAM,IAAI,IAAI,OAAO,SAAS,KAAK;AACzC,MAAI,WAAW,IAAI,SAAS,QAAQ,OAAO,GAAG,GAAG;AACjD,SAAO,IAAI,UAAU;IACpB,EAAE,CAAC;CAEN,MAAM,oBAAoB;AACxB,SACE,oBAAC,kBACC,oBAAC,yBACC,oBAAC,iBAAc,GAAI,aAAc,GACrB,GACT;;AAIX,QACE,qBAAC;EAAI,WAAW,GAAG,mBAAmB,EAAE,UAAU;;GAChD,oBAAC;IACQ;IACP,UAAU;IACE;IACZ,SACE,4CACG,SACA,UAAU,oBAAC,gBAAa,MAAM,SAAU,IACxC;KAEL;GACF,oBAAC;IACoB;IACN;IACG;IACA;KAChB;GACF,qBAAC;IAAI,WAAU;eACZ,MAAM,KAAK,MAAM,UAChB,oBAAC,mBAAiB,WAAW;KAAE;KAAM;KAAO,CAAC,IAAnC,MAA0C,CACpD,EACD,CAAC,MAAM,WACL,YACG,MAAM,KAAK,EAAE,QAAQ,IAAI,CAAC,CAAC,KAAK,GAAG,UACjC,oBAAC,YAAqB,WAAU,4BAAjB,MAA4C,CAC3D,GACF,aAAa;KACf;GAEL;;GACG"}

package/dist/components/templates/lists/ListPageTemplate/types.d.ts

@@ -0,0 +1,26 @@
+import { EmptyDataListProps } from "../../../organisms/EmptyDataList.types.js";
+import * as React$1 from "react";
+
+//#region src/components/templates/lists/ListPageTemplate/types.d.ts
+interface ListPageTemplateProps<T = any> {
+  children?: React$1.ReactNode;
+  title: React$1.ReactNode;
+  description?: React$1.ReactNode;
+  breadcrumb?: React$1.ReactNode;
+  actions?: React$1.ReactNode;
+  className?: string;
+  searchPlaceholder?: string;
+  searchValue?: string;
+  onSearchChange?: (v: string) => void;
+  onSearchSubmit?: () => void;
+  isLoading?: boolean;
+  data: T[] | null;
+  renderItem: (args: {
+    item: T;
+    index: number;
+  }) => React$1.ReactNode;
+  emptyProps: EmptyDataListProps;
+}
+//#endregion
+export { ListPageTemplateProps };
+//# sourceMappingURL=types.d.ts.map

package/dist/components/templates/lists/ListPageTemplate/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","names":[],"sources":["../../../../../src/components/templates/lists/ListPageTemplate/types.ts"],"sourcesContent":[],"mappings":";;;;UAGiB;aACJ,OAAA,CAAM;EADF,KAAA,EAER,OAAA,CAAM,SAFE;EACJ,WAAM,CAAA,EAEH,OAAA,CAAM,SAFH;EACV,UAAM,CAAA,EAEA,OAAA,CAAM,SAFN;EACC,OAAM,CAAA,EAEV,OAAA,CAAM,SAFI;EACP,SAAM,CAAA,EAAA,MAAA;EACT,iBAAM,CAAA,EAAA,MAAA;EASV,WAAA,CAAA,EAAA,MAAA;EACqB,cAAA,CAAA,EAAA,CAAA,CAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAuB,cAAM,CAAA,EAAA,GAAA,GAAA,IAAA;EAC5C,SAAA,CAAA,EAAA,OAAA;EAAkB,IAAA,EAFxB,CAEwB,EAAA,GAAA,IAAA;;UADH;;QAAuB,OAAA,CAAM;cAC5C"}

package/dist/components/templates/lists/ListPageTemplate/types.js

@@ -0,0 +1,3 @@
+import "react";
+
+export {  };

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

@@ -0,0 +1,12 @@
+//#region ../contracts/src/client/react/drivers/shadcn.ts
+/**
+* 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 { shadcnDriver };
+//# sourceMappingURL=shadcn.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shadcn.js","names":[],"sources":["../../../../../../../contracts/src/client/react/drivers/shadcn.ts"],"sourcesContent":["import type { DriverSlots } from '../form-render';\n\n/**\n * Create a shadcn/ui driver by mapping required slots to components.\n * Host apps should import their shadcn primitives and pass them here.\n */\nexport function shadcnDriver(slots: DriverSlots): DriverSlots {\n  return slots;\n}\n\nexport type ShadcnDriver = ReturnType<typeof shadcnDriver>;\n"],"mappings":";;;;;AAMA,SAAgB,aAAa,OAAiC;AAC5D,QAAO"}

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

@@ -0,0 +1,299 @@
+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/src/client/react/form-render.tsx
+function toOptionsArray(src) {
+	if (!src) return void 0;
+	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 makeDepsKey(values, deps) {
+	if (!deps || deps.length === 0) return "[]";
+	try {
+		return JSON.stringify(deps.map((d) => getAtPath(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.resolverKey]);
+	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;
+}
+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 Input = driver.Input;
+						return /* @__PURE__ */ jsxs(DriverField, {
+							...commonWrapProps,
+							children: [
+								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
+								}),
+								descNode,
+								fieldState.invalid ? /* @__PURE__ */ jsx(DriverError, { errors: err }) : null
+							]
+						});
+					}
+					if (f.kind === "textarea") {
+						const Textarea = driver.Textarea;
+						return /* @__PURE__ */ jsxs(DriverField, {
+							...commonWrapProps,
+							children: [
+								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
+								}),
+								descNode,
+								fieldState.invalid ? /* @__PURE__ */ jsx(DriverError, { errors: err }) : null
+							]
+						});
+					}
+					if (f.kind === "select") {
+						const Select = driver.Select;
+						const opts = useResolvedOptions(values, toOptionsArray(f.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 RadioGroup = driver.RadioGroup;
+						const opts = useResolvedOptions(values, toOptionsArray(f.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 ?? {}
+		}
+	}) };
+}
+
+//#endregion
+export { createFormRenderer };
+//# sourceMappingURL=form-render.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"form-render.js","names":["cur: any","Button"],"sources":["../../../../../../contracts/src/client/react/form-render.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { Controller, useFieldArray, useForm } from 'react-hook-form';\nimport { zodResolver } from '@hookform/resolvers/zod';\nimport type {\n  ArrayFieldSpec,\n  FieldSpec,\n  FormOption,\n  FormSpec,\n  OptionsSource,\n  FormValuesFor,\n} from '../../forms';\nimport { buildZodWithRelations, evalPredicate } from '../../forms';\nimport type { AnySchemaModel } from '@lssm/lib.schema';\n\n// Minimal, library-agnostic driver slots. Hosts can provide any UI lib via this interface.\nexport interface DriverSlots {\n  Field: React.ComponentType<\n    React.PropsWithChildren<{\n      'data-invalid'?: boolean;\n      hidden?: boolean;\n      disabled?: boolean;\n    }>\n  >;\n  FieldLabel: React.ComponentType<\n    React.PropsWithChildren<{ htmlFor?: string }>\n  >;\n  FieldDescription: React.ComponentType<React.PropsWithChildren<{}>>;\n  FieldError: React.ComponentType<{ errors: { message?: string }[] }>;\n  FieldGroup?: React.ComponentType<\n    React.PropsWithChildren<{ className?: string }>\n  >;\n  FieldSet?: React.ComponentType<\n    React.PropsWithChildren<{ className?: string }>\n  >;\n  FieldLegend?: React.ComponentType<\n    React.PropsWithChildren<{ variant?: 'label' | 'default' }>\n  >;\n\n  Input: React.ComponentType<React.InputHTMLAttributes<HTMLInputElement>>;\n  Textarea: React.ComponentType<\n    React.TextareaHTMLAttributes<HTMLTextAreaElement>\n  >;\n  // Select receives resolved options for simplicity\n  Select: React.ComponentType<\n    {\n      id?: string;\n      name?: string;\n      value?: unknown;\n      onChange?: (v: any) => void;\n      disabled?: boolean;\n      'aria-invalid'?: boolean;\n      options: FormOption[];\n    } & Record<string, unknown>\n  >;\n  Checkbox: React.ComponentType<\n    {\n      id?: string;\n      name?: string;\n      checked?: boolean;\n      onCheckedChange?: (v: boolean) => void;\n      disabled?: boolean;\n    } & Record<string, unknown>\n  >;\n  RadioGroup: React.ComponentType<\n    {\n      id?: string;\n      name?: string;\n      value?: unknown;\n      onValueChange?: (v: any) => void;\n      disabled?: boolean;\n      options: FormOption[];\n    } & Record<string, unknown>\n  >;\n  Switch: React.ComponentType<\n    {\n      id?: string;\n      name?: string;\n      checked?: boolean;\n      onCheckedChange?: (v: boolean) => void;\n      disabled?: boolean;\n    } & Record<string, unknown>\n  >;\n  Button: React.ComponentType<\n    React.PropsWithChildren<{\n      type?: 'button' | 'submit' | 'reset';\n      variant?: string;\n      size?: string;\n      onClick?: () => void;\n      disabled?: boolean;\n    }>\n  >;\n}\n\nexport type ResolverMap<TValues> = Record<\n  string,\n  (values: TValues, args?: any) => Promise<FormOption[]> | FormOption[]\n>;\nexport type ComputationMap<TValues> = Record<string, (values: TValues) => any>;\n\nexport interface CreateRendererOptions<TValues = any> {\n  driver: DriverSlots;\n  formOptions?: Record<string, unknown>;\n  onSubmitOverride?: (\n    values: TValues,\n    actionKey: string\n  ) => Promise<void> | void;\n  activeFlags?: string[];\n  resolvers?: ResolverMap<TValues>;\n  computations?: ComputationMap<TValues>;\n  unmountStrategy?: 'keep' | 'clear';\n}\n\nexport interface RenderOptions<TValues = any> {\n  defaultValues?: Partial<TValues>;\n  overrides?: Partial<CreateRendererOptions<TValues>>;\n}\n\nfunction toOptionsArray(\n  src: OptionsSource | FormOption[] | undefined\n): OptionsSource | undefined {\n  if (!src) return undefined;\n  if (Array.isArray(src)) return { kind: 'static', options: src };\n  return src;\n}\n\nfunction getAtPath(values: unknown, path: string): unknown {\n  if (!path) return undefined;\n  const segs = path\n    .replace(/\\[(\\d+)\\]/g, '.$1')\n    .split('.')\n    .filter(Boolean);\n  let cur: any = values;\n  for (const s of segs) {\n    if (cur == null) return undefined;\n    cur = cur[s as keyof typeof cur];\n  }\n  return cur;\n}\n\nfunction makeDepsKey(values: unknown, deps: string[] | undefined) {\n  if (!deps || deps.length === 0) return '[]';\n  try {\n    return JSON.stringify(deps.map((d) => getAtPath(values, d)));\n  } catch {\n    return '[]';\n  }\n}\n\nfunction useResolvedOptions<TValues>(\n  values: TValues,\n  source: OptionsSource | undefined,\n  resolvers?: ResolverMap<TValues>\n): FormOption[] {\n  const [opts, setOpts] = useState<FormOption[]>([]);\n  const depKey = useMemo(() => {\n    if (!source) return 'nil';\n    if (source.kind === 'static') return JSON.stringify(source.options ?? []);\n    return makeDepsKey(values, source.deps);\n  }, [source, values]);\n\n  useEffect(() => {\n    let mounted = true;\n    const run = async () => {\n      if (!source) return setOpts([]);\n      if (source.kind === 'static') return setOpts([...(source.options ?? [])]);\n      const fn = resolvers?.[source.resolverKey];\n      if (!fn) return setOpts([]);\n      const res = await fn(values as any, source.args);\n      if (mounted) setOpts([...(res ?? [])]);\n    };\n    run();\n    return () => {\n      mounted = false;\n    };\n  }, [depKey, source && (source as any).resolverKey]);\n  return opts;\n}\n\nfunction fieldPath(\n  parent: string | undefined,\n  name?: string,\n  arrayIndex?: number\n) {\n  if (!name) return parent ?? '';\n  const child =\n    typeof arrayIndex === 'number'\n      ? `${name.replace(/^\\$index$/, String(arrayIndex))}`\n      : name;\n  return parent\n    ? `${parent}${typeof arrayIndex === 'number' ? `.${arrayIndex}` : ''}.${child}`.replace(\n        /\\.+/g,\n        '.'\n      )\n    : child;\n}\n\nexport function createFormRenderer<M extends AnySchemaModel = AnySchemaModel>(\n  base: CreateRendererOptions<FormValuesFor<M>>\n) {\n  const conf = base;\n  const { driver } = conf;\n\n  function InternalForm(props: {\n    spec: FormSpec<M>;\n    options?: RenderOptions<FormValuesFor<M>>;\n    merged: CreateRendererOptions<FormValuesFor<M>>;\n  }): React.ReactElement {\n    const { spec, options, merged } = props;\n    const baseZod = useMemo(() => buildZodWithRelations(spec), [spec]);\n    const form = useForm<FormValuesFor<M>>({\n      ...merged.formOptions,\n      resolver: zodResolver(baseZod as any),\n      defaultValues: options?.defaultValues as any,\n    });\n\n    const values = form.watch();\n\n    const renderOne = (\n      f: FieldSpec,\n      parent?: string,\n      arrayIndex?: number\n    ): React.ReactElement | null => {\n      const DriverField = driver.Field;\n      const DriverLabel = driver.FieldLabel;\n      const DriverDesc = driver.FieldDescription;\n      const DriverError = driver.FieldError;\n      const name = fieldPath(parent, f.name, arrayIndex);\n      const visible = evalPredicate(values, f.visibleWhen);\n      const enabled = evalPredicate(values, f.enabledWhen);\n      const invalid = Boolean(form.getFieldState(name as any)?.invalid);\n\n      if (!visible) return null;\n\n      const id = name?.replace(/\\./g, '-');\n\n      const commonWrapProps = {\n        'data-invalid': invalid,\n        hidden: !visible,\n        disabled: !enabled,\n      } as any;\n      const labelNode = f.labelI18n ? (\n        <DriverLabel htmlFor={id}>{f.labelI18n}</DriverLabel>\n      ) : null;\n      const descNode = f.descriptionI18n ? (\n        <DriverDesc>{f.descriptionI18n}</DriverDesc>\n      ) : null;\n\n      if (f.kind === 'group') {\n        const children = f.fields.map((c: FieldSpec, i: number) => (\n          <React.Fragment key={`${name}-${i}`}>\n            {renderOne(c, name, arrayIndex)}\n          </React.Fragment>\n        ));\n        return (\n          <DriverField {...commonWrapProps}>\n            {labelNode}\n            {children}\n            {descNode}\n          </DriverField>\n        );\n      }\n\n      if (f.kind === 'array') {\n        return renderArray(f as ArrayFieldSpec, parent);\n      }\n\n      // Leaf controls\n      return (\n        <Controller\n          key={name}\n          name={name as any}\n          control={form.control}\n          render={({ field, fieldState }) => {\n            const err = fieldState.error ? [fieldState.error] : [];\n            const ariaInvalid = fieldState.invalid || undefined;\n\n            if (f.kind === 'text') {\n              const Input = driver.Input;\n              return (\n                <DriverField {...commonWrapProps}>\n                  {labelNode}\n                  <Input\n                    id={id}\n                    aria-invalid={ariaInvalid}\n                    placeholder={f.placeholderI18n}\n                    autoComplete={(f as any).autoComplete as any}\n                    inputMode={(f as any).inputMode as any}\n                    maxLength={(f as any).maxLength as any}\n                    minLength={(f as any).minLength as any}\n                    disabled={!enabled}\n                    {...field}\n                    {...(f.uiProps as any)}\n                    // Pass keyboard/autocomplete hints down for adapters that support them\n                    {...({\n                      keyboard: (f as any).keyboard,\n                      autoComplete:\n                        (f as any).keyboard?.autoComplete ??\n                        (f as any).autoComplete,\n                    } as any)}\n                  />\n                  {descNode}\n                  {fieldState.invalid ? (\n                    <DriverError errors={err as any} />\n                  ) : null}\n                </DriverField>\n              );\n            }\n            if (f.kind === 'textarea') {\n              const Textarea = driver.Textarea;\n              return (\n                <DriverField {...commonWrapProps}>\n                  {labelNode}\n                  <Textarea\n                    id={id}\n                    aria-invalid={ariaInvalid}\n                    placeholder={f.placeholderI18n}\n                    rows={(f as any).rows as any}\n                    maxLength={(f as any).maxLength as any}\n                    disabled={!enabled}\n                    {...field}\n                    {...(f.uiProps as any)}\n                    {...({\n                      keyboard: (f as any).keyboard,\n                      autoComplete:\n                        (f as any).keyboard?.autoComplete ??\n                        (f as any).autoComplete,\n                    } as any)}\n                  />\n                  {descNode}\n                  {fieldState.invalid ? (\n                    <DriverError errors={err as any} />\n                  ) : null}\n                </DriverField>\n              );\n            }\n            if (f.kind === 'select') {\n              const Select = driver.Select;\n              const src = toOptionsArray((f as any).options);\n              const opts = useResolvedOptions(values, src, merged.resolvers);\n              return (\n                <DriverField {...commonWrapProps}>\n                  {labelNode}\n                  <Select\n                    id={id}\n                    name={name}\n                    aria-invalid={ariaInvalid}\n                    disabled={!enabled}\n                    value={field.value}\n                    onChange={(v: any) => field.onChange(v)}\n                    options={opts}\n                    {...(f.uiProps as any)}\n                  />\n                  {descNode}\n                  {fieldState.invalid ? (\n                    <DriverError errors={err as any} />\n                  ) : null}\n                </DriverField>\n              );\n            }\n            if (f.kind === 'checkbox') {\n              const Checkbox = driver.Checkbox;\n              return (\n                <DriverField {...commonWrapProps}>\n                  {labelNode}\n                  <Checkbox\n                    id={id}\n                    name={name}\n                    disabled={!enabled}\n                    checked={!!field.value}\n                    onCheckedChange={(v: boolean) => field.onChange(v)}\n                    {...(f.uiProps as any)}\n                  />\n                  {descNode}\n                  {fieldState.invalid ? (\n                    <DriverError errors={err as any} />\n                  ) : null}\n                </DriverField>\n              );\n            }\n            if (f.kind === 'radio') {\n              const RadioGroup = driver.RadioGroup;\n              const src = toOptionsArray((f as any).options);\n              const opts = useResolvedOptions(values, src, merged.resolvers);\n              return (\n                <DriverField {...commonWrapProps}>\n                  {labelNode}\n                  <RadioGroup\n                    id={id}\n                    name={name}\n                    disabled={!enabled}\n                    value={field.value}\n                    onValueChange={(v: any) => field.onChange(v)}\n                    options={opts}\n                    {...(f.uiProps as any)}\n                  />\n                  {descNode}\n                  {fieldState.invalid ? (\n                    <DriverError errors={err as any} />\n                  ) : null}\n                </DriverField>\n              );\n            }\n            if (f.kind === 'switch') {\n              const Switch = driver.Switch;\n              return (\n                <DriverField {...commonWrapProps}>\n                  {labelNode}\n                  <Switch\n                    id={id}\n                    name={name}\n                    disabled={!enabled}\n                    checked={!!field.value}\n                    onCheckedChange={(v: boolean) => field.onChange(v)}\n                    {...(f.uiProps as any)}\n                  />\n                  {descNode}\n                  {fieldState.invalid ? (\n                    <DriverError errors={err as any} />\n                  ) : null}\n                </DriverField>\n              );\n            }\n            return <></>;\n          }}\n        />\n      );\n    };\n\n    const renderArray = (f: ArrayFieldSpec, parent?: string) => {\n      const name = fieldPath(parent, f.name);\n      const { fields, append, remove } = useFieldArray({\n        control: form.control as any,\n        name: name as any,\n      });\n      const canAdd = f.max == null || fields.length < f.max;\n      const canRemove = (idx: number) =>\n        (f.min == null ? fields.length > 0 : fields.length > f.min) && idx >= 0;\n      const Button = driver.Button;\n      const Label = driver.FieldLabel;\n      return (\n        <div key={name}>\n          {f.labelI18n ? <Label>{f.labelI18n}</Label> : null}\n          {fields.map((row, idx) => (\n            <div key={row.id ?? idx}>\n              {renderOne(f.of as FieldSpec, name, idx)}\n              {canRemove(idx) ? (\n                <Button\n                  type=\"button\"\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  onClick={() => remove(idx)}\n                >\n                  Remove\n                </Button>\n              ) : null}\n            </div>\n          ))}\n          {canAdd ? (\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              size=\"sm\"\n              onClick={() => append({})}\n            >\n              Add\n            </Button>\n          ) : null}\n        </div>\n      );\n    };\n\n    const onSubmit = async (data: FormValuesFor<M>) => {\n      const actionKey = spec.actions?.[0]?.key ?? 'submit';\n      if (merged.onSubmitOverride) {\n        return merged.onSubmitOverride(data, actionKey);\n      }\n      // default: noop\n    };\n\n    const Button = driver.Button;\n    return (\n      <form onSubmit={form.handleSubmit(onSubmit)}>\n        {(spec.fields || []).map((f: FieldSpec, i: number) => (\n          <React.Fragment key={i}>{renderOne(f)}</React.Fragment>\n        ))}\n        {spec.actions && spec.actions.length ? (\n          <div>\n            {spec.actions.map((a: { key: string; labelI18n: string }) => (\n              <Button key={a.key} type=\"submit\">\n                {a.labelI18n}\n              </Button>\n            ))}\n          </div>\n        ) : null}\n      </form>\n    );\n  }\n\n  return {\n    render: (spec: FormSpec<M>, options?: RenderOptions<FormValuesFor<M>>) => (\n      <InternalForm\n        spec={spec}\n        options={options}\n        merged={{\n          ...conf,\n          ...(options?.overrides ?? {}),\n        }}\n      />\n    ),\n  };\n}\n"],"mappings":"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"}

package/dist/contracts/src/forms.js

@@ -0,0 +1,89 @@
+//#region ../contracts/src/forms.ts
+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 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 true;
+}
+/**
+* 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 (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
+			});
+		}
+	});
+}
+
+//#endregion
+export { buildZodWithRelations, evalPredicate };
+//# sourceMappingURL=forms.js.map