@jinmi/ui 0.0.0-stage → 6.0.2

package/es/base-ui/FormKit/engine/tanstack.mjs

@@ -0,0 +1,293 @@
+import isEqual from "fast-deep-equal";
+import { FormApi, getBy, setBy } from "@tanstack/form-core";
+//#region src/base-ui/FormKit/engine/tanstack.ts
+const toEnginePath = (path) => path.replaceAll(/\.(\d+)(?=\.|$)/g, "[$1]");
+const isSameOrNested = (a, b) => a === b || a.startsWith(`${b}.`) || b.startsWith(`${a}.`);
+const isUnder = (path, root) => path === root || path.startsWith(`${root}.`);
+const createTanstackEngine = (initialValues) => {
+	const form = new FormApi({ defaultValues: initialValues });
+	const fields = /* @__PURE__ */ new Map();
+	const fieldErrors = /* @__PURE__ */ new Map();
+	const formErrors = /* @__PURE__ */ new Map();
+	const serverErrors = /* @__PURE__ */ new Map();
+	const validating = /* @__PURE__ */ new Set();
+	const touched = /* @__PURE__ */ new Set();
+	const listeners = /* @__PURE__ */ new Set();
+	const valueListeners = /* @__PURE__ */ new Set();
+	const snapshots = /* @__PURE__ */ new Map();
+	let formValidator;
+	let baseline = initialValues;
+	let dirtyCache;
+	let inflightSubmit;
+	let submitting = false;
+	let submitCount = 0;
+	let status = {
+		dirty: false,
+		submitCount: 0,
+		submitting: false
+	};
+	const notify = () => {
+		for (const listener of listeners) listener();
+	};
+	const storeSubscription = form.store.subscribe(notify);
+	const getValue = (path) => form.getFieldValue(toEnginePath(path));
+	const getValues = () => form.state.values;
+	const isTouched = (path) => {
+		for (const entry of touched) if (isSameOrNested(entry, path)) return true;
+		return false;
+	};
+	const errorOf = (path) => serverErrors.get(path) ?? fieldErrors.get(path) ?? formErrors.get(path);
+	const getField = (path) => {
+		const next = {
+			error: errorOf(path),
+			touched: isTouched(path),
+			validating: validating.has(path),
+			value: getValue(path)
+		};
+		const prev = snapshots.get(path);
+		if (prev && prev.error === next.error && prev.touched === next.touched && prev.validating === next.validating && Object.is(prev.value, next.value)) return prev;
+		snapshots.set(path, next);
+		return next;
+	};
+	const getStatus = () => {
+		const values = getValues();
+		if (dirtyCache?.values !== values || dirtyCache.baseline !== baseline) dirtyCache = {
+			baseline,
+			dirty: !isEqual(values, baseline),
+			values
+		};
+		const { dirty } = dirtyCache;
+		if (status.dirty !== dirty || status.submitting !== submitting || status.submitCount !== submitCount) status = {
+			dirty,
+			submitCount,
+			submitting
+		};
+		return status;
+	};
+	const shouldValidate = (path, trigger) => {
+		const mode = fields.get(path)?.registration.validateOn ?? "auto";
+		if (trigger === "submit") return true;
+		if (mode === "change") return true;
+		if (mode === "blur") return trigger === "blur";
+		if (mode === "submit") return false;
+		return trigger === "blur" || errorOf(path) !== void 0;
+	};
+	const setOrDelete = (map, path, error) => {
+		if (error === void 0) map.delete(path);
+		else map.set(path, error);
+	};
+	const runField = (path, withFormValidator) => {
+		const runtime = fields.get(path);
+		if (!runtime) return Promise.resolve();
+		runtime.token += 1;
+		const token = runtime.token;
+		const { validate } = runtime.registration;
+		if (!validate && !(withFormValidator && formValidator)) return Promise.resolve();
+		validating.add(path);
+		notify();
+		return (async () => {
+			const values = getValues();
+			const [fieldError, formResult] = await Promise.all([validate?.(getValue(path), values), withFormValidator ? formValidator?.(values) : void 0]);
+			if (runtime.token !== token || fields.get(path) !== runtime) return;
+			setOrDelete(fieldErrors, path, fieldError);
+			if (withFormValidator) setOrDelete(formErrors, path, formResult?.[path]);
+			validating.delete(path);
+			notify();
+		})();
+	};
+	const schedule = (path, trigger) => {
+		const runtime = fields.get(path);
+		if (!runtime || !shouldValidate(path, trigger)) return;
+		clearTimeout(runtime.timer);
+		const debounceMs = runtime.registration.debounceMs ?? 0;
+		if (trigger === "change" && debounceMs > 0) {
+			runtime.token += 1;
+			runtime.timer = setTimeout(() => void runField(path, true), debounceMs);
+			return;
+		}
+		runField(path, true);
+	};
+	const clearErrorsUnder = (path, inclusive = false) => {
+		for (const map of [
+			fieldErrors,
+			formErrors,
+			serverErrors
+		]) for (const key of map.keys()) if (inclusive ? isUnder(key, path) : key.startsWith(`${path}.`)) map.delete(key);
+	};
+	const resetTo = (values) => {
+		clearRuntimeState();
+		baseline = values;
+		form.reset(values);
+		notify();
+	};
+	const emitValueChange = (path, source) => {
+		for (const listener of valueListeners) listener({
+			path,
+			source
+		});
+	};
+	const afterUserChange = (path) => {
+		touched.add(path);
+		serverErrors.delete(path);
+		schedule(path, "change");
+		for (const [other, runtime] of fields) if (other !== path && runtime.registration.deps?.includes(path) && isTouched(other)) runField(other, true);
+		notify();
+	};
+	const validate = async (paths) => {
+		const values = getValues();
+		const formResult = (formValidator ? await formValidator(values) : void 0) ?? {};
+		const targets = paths ?? [.../* @__PURE__ */ new Set([...fields.keys(), ...Object.keys(formResult)])];
+		await Promise.all(targets.map((path) => runField(path, false)));
+		for (const path of targets) setOrDelete(formErrors, path, formResult[path]);
+		notify();
+		const errors = {};
+		for (const path of targets) {
+			const error = errorOf(path);
+			if (error !== void 0) errors[path] = error;
+		}
+		return {
+			errors,
+			valid: Object.keys(errors).length === 0
+		};
+	};
+	const clearRuntimeState = () => {
+		for (const runtime of fields.values()) {
+			clearTimeout(runtime.timer);
+			runtime.token += 1;
+		}
+		fieldErrors.clear();
+		formErrors.clear();
+		serverErrors.clear();
+		validating.clear();
+		touched.clear();
+	};
+	const runSubmit = async (onSubmit) => {
+		submitCount += 1;
+		serverErrors.clear();
+		for (const path of fields.keys()) touched.add(path);
+		let values;
+		let result;
+		do {
+			values = getValues();
+			result = await validate();
+		} while (values !== getValues());
+		if (!result.valid) {
+			notify();
+			return result;
+		}
+		submitting = true;
+		notify();
+		try {
+			await onSubmit?.(values);
+			if (serverErrors.size > 0) return {
+				errors: Object.fromEntries(serverErrors),
+				valid: false
+			};
+			resetTo(getValues());
+		} finally {
+			submitting = false;
+			notify();
+		}
+		return result;
+	};
+	return {
+		blurField: (path) => {
+			touched.add(path);
+			schedule(path, "blur");
+			notify();
+		},
+		destroy: () => {
+			for (const runtime of fields.values()) clearTimeout(runtime.timer);
+			storeSubscription.unsubscribe();
+			listeners.clear();
+			valueListeners.clear();
+		},
+		getField,
+		getStatus,
+		getValue,
+		getValues,
+		isTouched,
+		moveItem: (path, from, to) => {
+			form.moveFieldValues(toEnginePath(path), from, to);
+			touched.add(path);
+			clearErrorsUnder(path);
+			emitValueChange(path, "user");
+			notify();
+		},
+		onValueChange: (listener) => {
+			valueListeners.add(listener);
+			return () => valueListeners.delete(listener);
+		},
+		pushItem: (path, item) => {
+			form.pushFieldValue(toEnginePath(path), item);
+			touched.add(path);
+			emitValueChange(path, "user");
+			notify();
+		},
+		registerField: (path, registration) => {
+			const runtime = {
+				registration,
+				token: 0
+			};
+			fields.set(path, runtime);
+			return () => {
+				if (fields.get(path) !== runtime) return;
+				clearTimeout(runtime.timer);
+				fields.delete(path);
+				fieldErrors.delete(path);
+				validating.delete(path);
+				snapshots.delete(path);
+				notify();
+			};
+		},
+		removeItem: (path, index) => {
+			form.removeFieldValue(toEnginePath(path), index);
+			touched.add(path);
+			clearErrorsUnder(path);
+			emitValueChange(path, "user");
+			notify();
+		},
+		reset: (values) => resetTo(values ?? baseline),
+		resetField: (path) => {
+			for (const [key, runtime] of fields) {
+				if (!isUnder(key, path)) continue;
+				clearTimeout(runtime.timer);
+				runtime.token += 1;
+				validating.delete(key);
+			}
+			for (const entry of touched) if (isUnder(entry, path)) touched.delete(entry);
+			clearErrorsUnder(path, true);
+			form.setFieldValue(toEnginePath(path), getBy(baseline, toEnginePath(path)), { dontUpdateMeta: true });
+			emitValueChange(path, "api");
+			notify();
+		},
+		setErrors: (errors) => {
+			for (const [path, error] of Object.entries(errors)) setOrDelete(serverErrors, path, error);
+			notify();
+		},
+		setFormValidator: (validator) => {
+			formValidator = validator;
+		},
+		setValue: (path, value, source) => {
+			form.setFieldValue(toEnginePath(path), value, { dontUpdateMeta: true });
+			if (source === "api") baseline = setBy(baseline, toEnginePath(path), () => value);
+			emitValueChange(path, source);
+			if (source === "user") afterUserChange(path);
+		},
+		submit: (onSubmit) => {
+			inflightSubmit ??= runSubmit(onSubmit).finally(() => {
+				inflightSubmit = void 0;
+			});
+			return inflightSubmit;
+		},
+		subscribe: (listener) => {
+			listeners.add(listener);
+			return () => listeners.delete(listener);
+		},
+		validate
+	};
+};
+//#endregion
+export { createTanstackEngine };
+
+//# sourceMappingURL=tanstack.mjs.map

package/es/base-ui/FormKit/engine/tanstack.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"tanstack.mjs","names":[],"sources":["../../../../src/base-ui/FormKit/engine/tanstack.ts"],"sourcesContent":["import { FormApi, getBy, setBy } from '@tanstack/form-core';\r\nimport isEqual from 'fast-deep-equal';\r\n\r\nimport type {\r\n  ChangeSource,\r\n  CreateEngine,\r\n  FieldRegistration,\r\n  FieldSnapshot,\r\n  FormEngine,\r\n  FormStatus,\r\n  FormValidator,\r\n  ValidateResult,\r\n  ValidateTrigger,\r\n  ValueChange,\r\n} from './types';\r\n\r\nconst toEnginePath = (path: string) => path.replaceAll(/\\.(\\d+)(?=\\.|$)/g, '[$1]');\r\n\r\nconst isSameOrNested = (a: string, b: string) =>\r\n  a === b || a.startsWith(`${b}.`) || b.startsWith(`${a}.`);\r\n\r\nconst isUnder = (path: string, root: string) => path === root || path.startsWith(`${root}.`);\r\n\r\ninterface FieldRuntime {\r\n  registration: FieldRegistration;\r\n  timer?: ReturnType<typeof setTimeout>;\r\n  token: number;\r\n}\r\n\r\nexport const createTanstackEngine: CreateEngine = (initialValues) => {\r\n  const form = new FormApi({ defaultValues: initialValues });\r\n\r\n  const fields = new Map<string, FieldRuntime>();\r\n  const fieldErrors = new Map<string, string>();\r\n  const formErrors = new Map<string, string>();\r\n  const serverErrors = new Map<string, string>();\r\n  const validating = new Set<string>();\r\n  const touched = new Set<string>();\r\n  const listeners = new Set<() => void>();\r\n  const valueListeners = new Set<(change: ValueChange) => void>();\r\n  const snapshots = new Map<string, FieldSnapshot>();\r\n\r\n  let formValidator: FormValidator | undefined;\r\n  let baseline = initialValues;\r\n  let dirtyCache: { baseline: unknown; dirty: boolean; values: unknown } | undefined;\r\n  let inflightSubmit: Promise<ValidateResult> | undefined;\r\n  let submitting = false;\r\n  let submitCount = 0;\r\n  let status: FormStatus = { dirty: false, submitCount: 0, submitting: false };\r\n\r\n  const notify = () => {\r\n    for (const listener of listeners) listener();\r\n  };\r\n  const storeSubscription = form.store.subscribe(notify);\r\n\r\n  const getValue = (path: string) => form.getFieldValue(toEnginePath(path) as never) as unknown;\r\n  const getValues = () => form.state.values as Record<string, unknown>;\r\n  const isTouched = (path: string) => {\r\n    for (const entry of touched) if (isSameOrNested(entry, path)) return true;\r\n    return false;\r\n  };\r\n  const errorOf = (path: string) =>\r\n    serverErrors.get(path) ?? fieldErrors.get(path) ?? formErrors.get(path);\r\n\r\n  const getField = (path: string): FieldSnapshot => {\r\n    const next: FieldSnapshot = {\r\n      error: errorOf(path),\r\n      touched: isTouched(path),\r\n      validating: validating.has(path),\r\n      value: getValue(path),\r\n    };\r\n    const prev = snapshots.get(path);\r\n    if (\r\n      prev &&\r\n      prev.error === next.error &&\r\n      prev.touched === next.touched &&\r\n      prev.validating === next.validating &&\r\n      Object.is(prev.value, next.value)\r\n    )\r\n      return prev;\r\n    snapshots.set(path, next);\r\n    return next;\r\n  };\r\n\r\n  const getStatus = (): FormStatus => {\r\n    const values = getValues();\r\n    if (dirtyCache?.values !== values || dirtyCache.baseline !== baseline)\r\n      dirtyCache = { baseline, dirty: !isEqual(values, baseline), values };\r\n    const { dirty } = dirtyCache;\r\n    if (\r\n      status.dirty !== dirty ||\r\n      status.submitting !== submitting ||\r\n      status.submitCount !== submitCount\r\n    )\r\n      status = { dirty, submitCount, submitting };\r\n    return status;\r\n  };\r\n\r\n  const shouldValidate = (path: string, trigger: ValidateTrigger) => {\r\n    const mode = fields.get(path)?.registration.validateOn ?? 'auto';\r\n    if (trigger === 'submit') return true;\r\n    if (mode === 'change') return true;\r\n    if (mode === 'blur') return trigger === 'blur';\r\n    if (mode === 'submit') return false;\r\n    return trigger === 'blur' || errorOf(path) !== undefined;\r\n  };\r\n\r\n  const setOrDelete = (map: Map<string, string>, path: string, error: string | undefined) => {\r\n    if (error === undefined) map.delete(path);\r\n    else map.set(path, error);\r\n  };\r\n\r\n  const runField = (path: string, withFormValidator: boolean): Promise<void> => {\r\n    const runtime = fields.get(path);\r\n    if (!runtime) return Promise.resolve();\r\n    runtime.token += 1;\r\n    const token = runtime.token;\r\n    const { validate } = runtime.registration;\r\n    if (!validate && !(withFormValidator && formValidator)) return Promise.resolve();\r\n\r\n    validating.add(path);\r\n    notify();\r\n    return (async () => {\r\n      const values = getValues();\r\n      const [fieldError, formResult] = await Promise.all([\r\n        validate?.(getValue(path), values),\r\n        withFormValidator ? formValidator?.(values) : undefined,\r\n      ]);\r\n      if (runtime.token !== token || fields.get(path) !== runtime) return;\r\n      setOrDelete(fieldErrors, path, fieldError);\r\n      if (withFormValidator) setOrDelete(formErrors, path, formResult?.[path]);\r\n      validating.delete(path);\r\n      notify();\r\n    })();\r\n  };\r\n\r\n  const schedule = (path: string, trigger: ValidateTrigger) => {\r\n    const runtime = fields.get(path);\r\n    if (!runtime || !shouldValidate(path, trigger)) return;\r\n    clearTimeout(runtime.timer);\r\n    const debounceMs = runtime.registration.debounceMs ?? 0;\r\n    if (trigger === 'change' && debounceMs > 0) {\r\n      runtime.token += 1;\r\n      runtime.timer = setTimeout(() => void runField(path, true), debounceMs);\r\n      return;\r\n    }\r\n    void runField(path, true);\r\n  };\r\n\r\n  const clearErrorsUnder = (path: string, inclusive = false) => {\r\n    for (const map of [fieldErrors, formErrors, serverErrors])\r\n      for (const key of map.keys())\r\n        if (inclusive ? isUnder(key, path) : key.startsWith(`${path}.`)) map.delete(key);\r\n  };\r\n\r\n  const resetTo = (values: Record<string, unknown>) => {\r\n    clearRuntimeState();\r\n    baseline = values;\r\n    form.reset(values);\r\n    notify();\r\n  };\r\n\r\n  const emitValueChange = (path: string, source: ChangeSource) => {\r\n    for (const listener of valueListeners) listener({ path, source });\r\n  };\r\n\r\n  const afterUserChange = (path: string) => {\r\n    touched.add(path);\r\n    serverErrors.delete(path);\r\n    schedule(path, 'change');\r\n    for (const [other, runtime] of fields) {\r\n      if (other !== path && runtime.registration.deps?.includes(path) && isTouched(other))\r\n        void runField(other, true);\r\n    }\r\n    notify();\r\n  };\r\n\r\n  const validate = async (paths?: string[]): Promise<ValidateResult> => {\r\n    const values = getValues();\r\n    const formResult = (formValidator ? await formValidator(values) : undefined) ?? {};\r\n    const targets = paths ?? [...new Set([...fields.keys(), ...Object.keys(formResult)])];\r\n    await Promise.all(targets.map((path) => runField(path, false)));\r\n    for (const path of targets) setOrDelete(formErrors, path, formResult[path]);\r\n    notify();\r\n    const errors: Record<string, string> = {};\r\n    for (const path of targets) {\r\n      const error = errorOf(path);\r\n      if (error !== undefined) errors[path] = error;\r\n    }\r\n    return { errors, valid: Object.keys(errors).length === 0 };\r\n  };\r\n\r\n  const clearRuntimeState = () => {\r\n    for (const runtime of fields.values()) {\r\n      clearTimeout(runtime.timer);\r\n      runtime.token += 1;\r\n    }\r\n    fieldErrors.clear();\r\n    formErrors.clear();\r\n    serverErrors.clear();\r\n    validating.clear();\r\n    touched.clear();\r\n  };\r\n\r\n  const runSubmit = async (onSubmit?: (values: Record<string, unknown>) => unknown) => {\r\n    submitCount += 1;\r\n    serverErrors.clear();\r\n    for (const path of fields.keys()) touched.add(path);\r\n    let values: Record<string, unknown>;\r\n    let result: ValidateResult;\r\n    do {\r\n      values = getValues();\r\n      result = await validate();\r\n      // Async validators must finish against unchanged values before submission.\r\n    } while (values !== getValues());\r\n    if (!result.valid) {\r\n      notify();\r\n      return result;\r\n    }\r\n    submitting = true;\r\n    notify();\r\n    try {\r\n      await onSubmit?.(values);\r\n      if (serverErrors.size > 0) return { errors: Object.fromEntries(serverErrors), valid: false };\r\n      resetTo(getValues());\r\n    } finally {\r\n      submitting = false;\r\n      notify();\r\n    }\r\n    return result;\r\n  };\r\n\r\n  const engine: FormEngine = {\r\n    blurField: (path) => {\r\n      touched.add(path);\r\n      schedule(path, 'blur');\r\n      notify();\r\n    },\r\n    destroy: () => {\r\n      for (const runtime of fields.values()) clearTimeout(runtime.timer);\r\n      storeSubscription.unsubscribe();\r\n      listeners.clear();\r\n      valueListeners.clear();\r\n    },\r\n    getField,\r\n    getStatus,\r\n    getValue,\r\n    getValues,\r\n    isTouched,\r\n    moveItem: (path, from, to) => {\r\n      form.moveFieldValues(toEnginePath(path) as never, from, to);\r\n      touched.add(path);\r\n      clearErrorsUnder(path);\r\n      emitValueChange(path, 'user');\r\n      notify();\r\n    },\r\n    onValueChange: (listener) => {\r\n      valueListeners.add(listener);\r\n      return () => valueListeners.delete(listener);\r\n    },\r\n    pushItem: (path, item) => {\r\n      form.pushFieldValue(toEnginePath(path) as never, item as never);\r\n      touched.add(path);\r\n      emitValueChange(path, 'user');\r\n      notify();\r\n    },\r\n    registerField: (path, registration) => {\r\n      const runtime: FieldRuntime = { registration, token: 0 };\r\n      fields.set(path, runtime);\r\n      return () => {\r\n        if (fields.get(path) !== runtime) return;\r\n        clearTimeout(runtime.timer);\r\n        fields.delete(path);\r\n        fieldErrors.delete(path);\r\n        validating.delete(path);\r\n        snapshots.delete(path);\r\n        notify();\r\n      };\r\n    },\r\n    removeItem: (path, index) => {\r\n      void form.removeFieldValue(toEnginePath(path) as never, index);\r\n      touched.add(path);\r\n      clearErrorsUnder(path);\r\n      emitValueChange(path, 'user');\r\n      notify();\r\n    },\r\n    reset: (values) => resetTo(values ?? baseline),\r\n    resetField: (path) => {\r\n      for (const [key, runtime] of fields) {\r\n        if (!isUnder(key, path)) continue;\r\n        clearTimeout(runtime.timer);\r\n        runtime.token += 1;\r\n        validating.delete(key);\r\n      }\r\n      for (const entry of touched) if (isUnder(entry, path)) touched.delete(entry);\r\n      clearErrorsUnder(path, true);\r\n      form.setFieldValue(toEnginePath(path) as never, getBy(baseline, toEnginePath(path)), {\r\n        dontUpdateMeta: true,\r\n      });\r\n      emitValueChange(path, 'api');\r\n      notify();\r\n    },\r\n    setErrors: (errors) => {\r\n      for (const [path, error] of Object.entries(errors)) setOrDelete(serverErrors, path, error);\r\n      notify();\r\n    },\r\n    setFormValidator: (validator) => {\r\n      formValidator = validator;\r\n    },\r\n    setValue: (path, value, source) => {\r\n      form.setFieldValue(toEnginePath(path) as never, value as never, { dontUpdateMeta: true });\r\n      if (source === 'api') baseline = setBy(baseline, toEnginePath(path), () => value);\r\n      emitValueChange(path, source);\r\n      if (source === 'user') afterUserChange(path);\r\n    },\r\n    submit: (onSubmit) => {\r\n      inflightSubmit ??= runSubmit(onSubmit).finally(() => {\r\n        inflightSubmit = undefined;\r\n      });\r\n      return inflightSubmit;\r\n    },\r\n    subscribe: (listener) => {\r\n      listeners.add(listener);\r\n      return () => listeners.delete(listener);\r\n    },\r\n    validate,\r\n  };\r\n\r\n  return engine;\r\n};\r\n"],"mappings":"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"}

package/es/base-ui/FormKit/engine/types.d.mts

@@ -0,0 +1,6 @@
+//#region src/base-ui/FormKit/engine/types.d.ts
+type ValidateTrigger = 'change' | 'blur' | 'submit';
+type ValidateOn = 'auto' | ValidateTrigger;
+//#endregion
+export { ValidateOn, ValidateTrigger };
+//# sourceMappingURL=types.d.mts.map

package/es/base-ui/FormKit/index.d.mts

@@ -0,0 +1,31 @@
+import { FlexBasicProps } from "../../Flex/type.mjs";
+import "../../index.mjs";
+import { FormDividerProps, FormFlatGroupProps, FormGroupProps, FormSubmitFooterProps, FormTitleProps } from "../Form/type.mjs";
+import { FieldValidate, StandardSchema } from "./schema.mjs";
+import { DeepPartial, FieldBinding, FieldPath, FieldPathValue, FieldRenderProps, FormFieldProps, FormGroupItem, FormInstance, FormProps, FormValidateResult, FormValues, SetValueOptions, UseFormOptions } from "./type.mjs";
+import "../index.mjs";
+import FormList, { FormListColumn, FormListField, FormListProps, FormListRenderProps } from "./List.mjs";
+import _default from "./Field.mjs";
+import SubmitFooter from "./SubmitFooter.mjs";
+import { useFormInstance } from "./context.mjs";
+import { useForm } from "./useForm.mjs";
+import { useWatch } from "./useWatch.mjs";
+//#region src/base-ui/FormKit/index.d.ts
+declare const Form: {
+  <T extends FormValues>({ activeKey, children, className, classNames, collapsible, defaultActiveKey, footer, form, gap, itemMinWidth, items, itemsType, layout, onCollapse, ref, style, styles: customStyles, variant, ...rest }: FormProps<T>): import("react").JSX.Element;
+  displayName: string;
+} & {
+  Divider: import("react").FC<FormDividerProps>;
+  Field: (<T extends FormValues = FormValues>(props: FormFieldProps<T>) => import("react").ReactNode) & {
+    displayName?: string;
+  };
+  FlatGroup: import("react").NamedExoticComponent<FormFlatGroupProps>;
+  Footer: import("react").FC<FlexBasicProps>;
+  Group: import("react").NamedExoticComponent<FormGroupProps>;
+  List: import("react").NamedExoticComponent<FormListProps>;
+  SubmitFooter: import("react").NamedExoticComponent<FormSubmitFooterProps>;
+  Title: import("react").FC<FormTitleProps>;
+};
+//#endregion
+export { type DeepPartial, type FieldBinding, type FieldPath, type FieldPathValue, type FieldRenderProps, type FieldValidate, Form, Form as default, _default as FormField, type FormFieldProps, type FormGroupItem, type FormInstance, FormList, type FormListColumn, type FormListField, type FormListProps, type FormListRenderProps, type FormProps, SubmitFooter as FormSubmitFooter, type FormValidateResult, type FormValues, type SetValueOptions, type StandardSchema, type UseFormOptions, useForm, useFormInstance, useWatch };
+//# sourceMappingURL=index.d.mts.map

package/es/base-ui/FormKit/index.mjs

@@ -0,0 +1,28 @@
+"use client";
+import FormDivider from "../Form/components/FormDivider.mjs";
+import FormTitle from "../Form/components/FormTitle.mjs";
+import FormFlatGroup from "../Form/components/FormFlatGroup.mjs";
+import FormFooter from "../Form/components/FormFooter.mjs";
+import FormGroup from "../Form/components/FormGroup.mjs";
+import { useFormInstance } from "./context.mjs";
+import FormField from "./Field.mjs";
+import Form$1 from "./Form.mjs";
+import FormList from "./List.mjs";
+import SubmitFooter from "./SubmitFooter.mjs";
+import { useForm } from "./useForm.mjs";
+import { useWatch } from "./useWatch.mjs";
+//#region src/base-ui/FormKit/index.ts
+const Form = Object.assign(Form$1, {
+	Divider: FormDivider,
+	Field: FormField,
+	FlatGroup: FormFlatGroup,
+	Footer: FormFooter,
+	Group: FormGroup,
+	List: FormList,
+	SubmitFooter,
+	Title: FormTitle
+});
+//#endregion
+export { Form, Form as default, FormField, FormList, SubmitFooter as FormSubmitFooter, useForm, useFormInstance, useWatch };
+
+//# sourceMappingURL=index.mjs.map

package/es/base-ui/FormKit/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","names":["FormParent","FormSubmitFooter"],"sources":["../../../src/base-ui/FormKit/index.ts"],"sourcesContent":["'use client';\r\n\r\nimport FormDivider from '../Form/components/FormDivider';\r\nimport FormFlatGroup from '../Form/components/FormFlatGroup';\r\nimport FormFooter from '../Form/components/FormFooter';\r\nimport FormGroup from '../Form/components/FormGroup';\r\nimport FormTitle from '../Form/components/FormTitle';\r\nimport FormField from './Field';\r\nimport FormParent from './Form';\r\nimport FormList from './List';\r\nimport FormSubmitFooter from './SubmitFooter';\r\n\r\nexport const Form = Object.assign(FormParent, {\r\n  Divider: FormDivider,\r\n  Field: FormField,\r\n  FlatGroup: FormFlatGroup,\r\n  Footer: FormFooter,\r\n  Group: FormGroup,\r\n  List: FormList,\r\n  SubmitFooter: FormSubmitFooter,\r\n  Title: FormTitle,\r\n});\r\n\r\nexport { useFormInstance } from './context';\r\nexport type { FormListColumn, FormListField, FormListProps, FormListRenderProps } from './List';\r\nexport type {\r\n  DeepPartial,\r\n  FieldBinding,\r\n  FieldPath,\r\n  FieldPathValue,\r\n  FieldRenderProps,\r\n  FieldValidate,\r\n  FormFieldProps,\r\n  FormGroupItem,\r\n  FormInstance,\r\n  FormProps,\r\n  FormValidateResult,\r\n  FormValues,\r\n  SetValueOptions,\r\n  StandardSchema,\r\n  UseFormOptions,\r\n} from './type';\r\nexport { useForm } from './useForm';\r\nexport { useWatch } from './useWatch';\r\nexport { FormField, FormList, FormSubmitFooter };\r\n\r\nexport default Form;\r\n"],"mappings":";;;;;;;;;;;;;;AAYA,MAAa,OAAO,OAAO,OAAOA,QAAY;CAC5C,SAAS;CACT,OAAO;CACP,WAAW;CACX,QAAQ;CACR,OAAO;CACP,MAAM;CACQC;CACd,OAAO;AACT,CAAC"}

package/es/base-ui/FormKit/instance.mjs

@@ -0,0 +1,67 @@
+import { createTanstackEngine } from "./engine/tanstack.mjs";
+import { schemaToFormValidator } from "./schema.mjs";
+//#region src/base-ui/FormKit/instance.ts
+const internals = /* @__PURE__ */ new WeakMap();
+const getInternals = (form) => {
+	const found = internals.get(form);
+	if (!found) throw new Error("[@jinmi/ui/base-ui/form] form was not created by useForm");
+	return found;
+};
+const isPlainObject = (value) => {
+	if (typeof value !== "object" || value === null) return false;
+	const proto = Object.getPrototypeOf(value);
+	return proto === Object.prototype || proto === null;
+};
+const leafPaths = (value, prefix = "") => {
+	if (!isPlainObject(value) || prefix && Object.keys(value).length === 0) return prefix ? [prefix] : [];
+	return Object.entries(value).flatMap(([key, child]) => leafPaths(child, prefix ? `${prefix}.${key}` : key));
+};
+const getIn = (value, path) => path.split(".").reduce((acc, key) => acc == null ? void 0 : acc[key], value);
+const setIn = (target, path, value) => {
+	const keys = path.split(".");
+	let cursor = target;
+	keys.slice(0, -1).forEach((key) => {
+		if (!isPlainObject(cursor[key])) cursor[key] = {};
+		cursor = cursor[key];
+	});
+	cursor[keys.at(-1)] = value;
+};
+const createFormInstance = ({ initialValues, schema, validateOn }) => {
+	const engine = createTanstackEngine(initialValues);
+	if (schema) engine.setFormValidator(schemaToFormValidator(schema));
+	const source = (options) => options?.asUser ? "user" : "api";
+	const form = {
+		getValue: ((name) => engine.getValue(name)),
+		getValues: () => engine.getValues(),
+		isDirty: () => engine.getStatus().dirty,
+		isTouched: (name) => engine.isTouched(name),
+		reset: (values) => engine.reset(values),
+		resetField: (name) => engine.resetField(name),
+		setErrors: (errors) => engine.setErrors(errors),
+		setSchema: (next) => engine.setFormValidator(next ? schemaToFormValidator(next) : void 0),
+		setValue: ((name, value, options) => engine.setValue(name, value, source(options))),
+		setValues: (values, options) => {
+			for (const path of leafPaths(values)) engine.setValue(path, getIn(values, path), source(options));
+		},
+		submit: () => engine.submit((values) => internals.get(form)?.onSubmit?.(values)),
+		subscribe: (selector, callback) => {
+			let selected = selector(engine.getValues());
+			return engine.subscribe(() => {
+				const next = selector(engine.getValues());
+				if (Object.is(next, selected)) return;
+				selected = next;
+				callback(next);
+			});
+		},
+		validate: (names) => engine.validate(names)
+	};
+	internals.set(form, {
+		engine,
+		validateOn
+	});
+	return form;
+};
+//#endregion
+export { createFormInstance, getIn, getInternals, leafPaths, setIn };
+
+//# sourceMappingURL=instance.mjs.map

package/es/base-ui/FormKit/instance.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"instance.mjs","names":[],"sources":["../../../src/base-ui/FormKit/instance.ts"],"sourcesContent":["import { createTanstackEngine } from './engine/tanstack';\nimport type { FormEngine, ValidateOn } from './engine/types';\nimport { schemaToFormValidator } from './schema';\nimport type { FormInstance, FormValues } from './type';\n\ninterface InstanceInternals {\n  engine: FormEngine;\n  onSubmit?: (values: FormValues) => unknown;\n  validateOn: ValidateOn;\n}\n\nconst internals = new WeakMap<object, InstanceInternals>();\n\nexport const getInternals = (form: object): InstanceInternals => {\n  const found = internals.get(form);\n  if (!found) throw new Error('[@jinmi/ui/base-ui/form] form was not created by useForm');\n  return found;\n};\n\nconst isPlainObject = (value: unknown): value is Record<string, unknown> => {\n  if (typeof value !== 'object' || value === null) return false;\n  const proto = Object.getPrototypeOf(value);\n  return proto === Object.prototype || proto === null;\n};\n\nexport const leafPaths = (value: unknown, prefix = ''): string[] => {\n  if (!isPlainObject(value) || (prefix && Object.keys(value).length === 0))\n    return prefix ? [prefix] : [];\n  return Object.entries(value).flatMap(([key, child]) =>\n    leafPaths(child, prefix ? `${prefix}.${key}` : key),\n  );\n};\n\nexport const getIn = (value: unknown, path: string): unknown =>\n  path\n    .split('.')\n    .reduce<unknown>((acc, key) => (acc == null ? undefined : (acc as any)[key]), value);\n\nexport const setIn = (target: Record<string, unknown>, path: string, value: unknown) => {\n  const keys = path.split('.');\n  let cursor: Record<string, unknown> = target;\n  keys.slice(0, -1).forEach((key) => {\n    if (!isPlainObject(cursor[key])) cursor[key] = {};\n    cursor = cursor[key] as Record<string, unknown>;\n  });\n  cursor[keys.at(-1)!] = value;\n};\n\ninterface CreateOptions {\n  initialValues: FormValues;\n  schema?: Parameters<typeof schemaToFormValidator>[0];\n  validateOn: ValidateOn;\n}\n\nexport const createFormInstance = <T extends FormValues>({\n  initialValues,\n  schema,\n  validateOn,\n}: CreateOptions): FormInstance<T> => {\n  const engine = createTanstackEngine(initialValues);\n  if (schema) engine.setFormValidator(schemaToFormValidator(schema));\n  const source = (options?: { asUser?: boolean }) => (options?.asUser ? 'user' : 'api');\n\n  const form: FormInstance<T> = {\n    getValue: ((name: string) => engine.getValue(name)) as FormInstance<T>['getValue'],\n    getValues: () => engine.getValues() as T,\n    isDirty: () => engine.getStatus().dirty,\n    isTouched: (name) => engine.isTouched(name),\n    reset: (values) => engine.reset(values),\n    resetField: (name) => engine.resetField(name),\n    setErrors: (errors) => engine.setErrors(errors as Record<string, string | undefined>),\n    setSchema: (next) => engine.setFormValidator(next ? schemaToFormValidator(next) : undefined),\n    setValue: ((name: string, value: unknown, options?: { asUser?: boolean }) =>\n      engine.setValue(name, value, source(options))) as FormInstance<T>['setValue'],\n    setValues: (values, options) => {\n      for (const path of leafPaths(values))\n        engine.setValue(path, getIn(values, path), source(options));\n    },\n    submit: () =>\n      engine.submit((values) => internals.get(form)?.onSubmit?.(values)) as ReturnType<\n        FormInstance<T>['submit']\n      >,\n    subscribe: (selector, callback) => {\n      let selected = selector(engine.getValues() as T);\n      return engine.subscribe(() => {\n        const next = selector(engine.getValues() as T);\n        if (Object.is(next, selected)) return;\n        selected = next;\n        callback(next);\n      });\n    },\n    validate: (names) => engine.validate(names) as ReturnType<FormInstance<T>['validate']>,\n  };\n\n  internals.set(form, { engine, validateOn });\n  return form;\n};\n"],"mappings":";;;AAWA,MAAM,4BAAY,IAAI,QAAmC;AAEzD,MAAa,gBAAgB,SAAoC;CAC/D,MAAM,QAAQ,UAAU,IAAI,IAAI;CAChC,IAAI,CAAC,OAAO,MAAM,IAAI,MAAM,0DAA0D;CACtF,OAAO;AACT;AAEA,MAAM,iBAAiB,UAAqD;CAC1E,IAAI,OAAO,UAAU,YAAY,UAAU,MAAM,OAAO;CACxD,MAAM,QAAQ,OAAO,eAAe,KAAK;CACzC,OAAO,UAAU,OAAO,aAAa,UAAU;AACjD;AAEA,MAAa,aAAa,OAAgB,SAAS,OAAiB;CAClE,IAAI,CAAC,cAAc,KAAK,KAAM,UAAU,OAAO,KAAK,KAAK,CAAC,CAAC,WAAW,GACpE,OAAO,SAAS,CAAC,MAAM,IAAI,CAAC;CAC9B,OAAO,OAAO,QAAQ,KAAK,CAAC,CAAC,SAAS,CAAC,KAAK,WAC1C,UAAU,OAAO,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,CACpD;AACF;AAEA,MAAa,SAAS,OAAgB,SACpC,KACG,MAAM,GAAG,CAAC,CACV,QAAiB,KAAK,QAAS,OAAO,OAAO,KAAA,IAAa,IAAY,MAAO,KAAK;AAEvF,MAAa,SAAS,QAAiC,MAAc,UAAmB;CACtF,MAAM,OAAO,KAAK,MAAM,GAAG;CAC3B,IAAI,SAAkC;CACtC,KAAK,MAAM,GAAG,EAAE,CAAC,CAAC,SAAS,QAAQ;EACjC,IAAI,CAAC,cAAc,OAAO,IAAI,GAAG,OAAO,OAAO,CAAC;EAChD,SAAS,OAAO;CAClB,CAAC;CACD,OAAO,KAAK,GAAG,EAAE,KAAM;AACzB;AAQA,MAAa,sBAA4C,EACvD,eACA,QACA,iBACoC;CACpC,MAAM,SAAS,qBAAqB,aAAa;CACjD,IAAI,QAAQ,OAAO,iBAAiB,sBAAsB,MAAM,CAAC;CACjE,MAAM,UAAU,YAAoC,SAAS,SAAS,SAAS;CAE/E,MAAM,OAAwB;EAC5B,YAAY,SAAiB,OAAO,SAAS,IAAI;EACjD,iBAAiB,OAAO,UAAU;EAClC,eAAe,OAAO,UAAU,CAAC,CAAC;EAClC,YAAY,SAAS,OAAO,UAAU,IAAI;EAC1C,QAAQ,WAAW,OAAO,MAAM,MAAM;EACtC,aAAa,SAAS,OAAO,WAAW,IAAI;EAC5C,YAAY,WAAW,OAAO,UAAU,MAA4C;EACpF,YAAY,SAAS,OAAO,iBAAiB,OAAO,sBAAsB,IAAI,IAAI,KAAA,CAAS;EAC3F,YAAY,MAAc,OAAgB,YACxC,OAAO,SAAS,MAAM,OAAO,OAAO,OAAO,CAAC;EAC9C,YAAY,QAAQ,YAAY;GAC9B,KAAK,MAAM,QAAQ,UAAU,MAAM,GACjC,OAAO,SAAS,MAAM,MAAM,QAAQ,IAAI,GAAG,OAAO,OAAO,CAAC;EAC9D;EACA,cACE,OAAO,QAAQ,WAAW,UAAU,IAAI,IAAI,CAAC,EAAE,WAAW,MAAM,CAAC;EAGnE,YAAY,UAAU,aAAa;GACjC,IAAI,WAAW,SAAS,OAAO,UAAU,CAAM;GAC/C,OAAO,OAAO,gBAAgB;IAC5B,MAAM,OAAO,SAAS,OAAO,UAAU,CAAM;IAC7C,IAAI,OAAO,GAAG,MAAM,QAAQ,GAAG;IAC/B,WAAW;IACX,SAAS,IAAI;GACf,CAAC;EACH;EACA,WAAW,UAAU,OAAO,SAAS,KAAK;CAC5C;CAEA,UAAU,IAAI,MAAM;EAAE;EAAQ;CAAW,CAAC;CAC1C,OAAO;AACT"}

package/es/base-ui/FormKit/schema.d.mts

@@ -0,0 +1,33 @@
+//#region src/base-ui/FormKit/schema.d.ts
+interface StandardSchemaIssue {
+  message: string;
+  path?: ReadonlyArray<PropertyKey | {
+    key: PropertyKey;
+  }>;
+}
+interface StandardSchema<Input = unknown, Output = Input> {
+  readonly '~standard': {
+    readonly types?: {
+      readonly input: Input;
+      readonly output: Output;
+    };
+    readonly validate: (value: unknown) => {
+      readonly issues?: undefined;
+      readonly value: Output;
+    } | {
+      readonly issues: ReadonlyArray<StandardSchemaIssue>;
+    } | Promise<{
+      readonly issues?: undefined;
+      readonly value: Output;
+    } | {
+      readonly issues: ReadonlyArray<StandardSchemaIssue>;
+    }>;
+    readonly vendor: string;
+    readonly version: 1;
+  };
+}
+type InferSchemaInput<S> = S extends StandardSchema<infer I, any> ? I : never;
+type FieldValidate = StandardSchema | ((value: any, values: any) => string | undefined | Promise<string | undefined>);
+//#endregion
+export { FieldValidate, InferSchemaInput, StandardSchema, StandardSchemaIssue };
+//# sourceMappingURL=schema.d.mts.map

package/es/base-ui/FormKit/schema.mjs

@@ -0,0 +1,23 @@
+//#region src/base-ui/FormKit/schema.ts
+const isStandardSchema = (value) => typeof value === "object" && value !== null && "~standard" in value;
+const issuePath = (issue) => (issue.path ?? []).map((segment) => String(typeof segment === "object" ? segment.key : segment)).join(".");
+const schemaToFormValidator = (schema) => async (values) => {
+	const result = await schema["~standard"].validate(values);
+	if (!result.issues) return void 0;
+	const errors = {};
+	for (const issue of result.issues) {
+		const path = issuePath(issue);
+		if (errors[path] === void 0) errors[path] = issue.message;
+	}
+	return errors;
+};
+const toFieldValidator = (validate) => {
+	if (!isStandardSchema(validate)) return validate;
+	return async (value) => {
+		return (await validate["~standard"].validate(value)).issues?.[0]?.message;
+	};
+};
+//#endregion
+export { isStandardSchema, schemaToFormValidator, toFieldValidator };
+
+//# sourceMappingURL=schema.mjs.map

package/es/base-ui/FormKit/schema.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.mjs","names":[],"sources":["../../../src/base-ui/FormKit/schema.ts"],"sourcesContent":["import type { FieldValidator, FormValidator } from './engine/types';\r\n\r\nexport interface StandardSchemaIssue {\r\n  message: string;\r\n  path?: ReadonlyArray<PropertyKey | { key: PropertyKey }>;\r\n}\r\n\r\nexport interface StandardSchema<Input = unknown, Output = Input> {\r\n  readonly '~standard': {\r\n    readonly types?: { readonly input: Input; readonly output: Output };\r\n    readonly validate: (\r\n      value: unknown,\r\n    ) =>\r\n      | { readonly issues?: undefined; readonly value: Output }\r\n      | { readonly issues: ReadonlyArray<StandardSchemaIssue> }\r\n      | Promise<\r\n          | { readonly issues?: undefined; readonly value: Output }\r\n          | { readonly issues: ReadonlyArray<StandardSchemaIssue> }\r\n        >;\r\n    readonly vendor: string;\r\n    readonly version: 1;\r\n  };\r\n}\r\n\r\nexport type InferSchemaInput<S> = S extends StandardSchema<infer I, any> ? I : never;\r\n\r\nexport type FieldValidate =\r\n  StandardSchema | ((value: any, values: any) => string | undefined | Promise<string | undefined>);\r\n\r\nexport const isStandardSchema = (value: unknown): value is StandardSchema =>\r\n  typeof value === 'object' && value !== null && '~standard' in value;\r\n\r\nconst issuePath = (issue: StandardSchemaIssue) =>\r\n  (issue.path ?? [])\r\n    .map((segment) => String(typeof segment === 'object' ? segment.key : segment))\r\n    .join('.');\r\n\r\nexport const schemaToFormValidator =\r\n  (schema: StandardSchema): FormValidator =>\r\n  async (values) => {\r\n    const result = await schema['~standard'].validate(values);\r\n    if (!result.issues) return undefined;\r\n    const errors: Record<string, string> = {};\r\n    for (const issue of result.issues) {\r\n      const path = issuePath(issue);\r\n      if (errors[path] === undefined) errors[path] = issue.message;\r\n    }\r\n    return errors;\r\n  };\r\n\r\nexport const toFieldValidator = (validate: FieldValidate): FieldValidator => {\r\n  if (!isStandardSchema(validate)) return validate;\r\n  return async (value) => {\r\n    const result = await validate['~standard'].validate(value);\r\n    return result.issues?.[0]?.message;\r\n  };\r\n};\r\n"],"mappings":";AA6BA,MAAa,oBAAoB,UAC/B,OAAO,UAAU,YAAY,UAAU,QAAQ,eAAe;AAEhE,MAAM,aAAa,WAChB,MAAM,QAAQ,CAAC,EAAA,CACb,KAAK,YAAY,OAAO,OAAO,YAAY,WAAW,QAAQ,MAAM,OAAO,CAAC,CAAC,CAC7E,KAAK,GAAG;AAEb,MAAa,yBACV,WACD,OAAO,WAAW;CAChB,MAAM,SAAS,MAAM,OAAO,YAAY,CAAC,SAAS,MAAM;CACxD,IAAI,CAAC,OAAO,QAAQ,OAAO,KAAA;CAC3B,MAAM,SAAiC,CAAC;CACxC,KAAK,MAAM,SAAS,OAAO,QAAQ;EACjC,MAAM,OAAO,UAAU,KAAK;EAC5B,IAAI,OAAO,UAAU,KAAA,GAAW,OAAO,QAAQ,MAAM;CACvD;CACA,OAAO;AACT;AAEF,MAAa,oBAAoB,aAA4C;CAC3E,IAAI,CAAC,iBAAiB,QAAQ,GAAG,OAAO;CACxC,OAAO,OAAO,UAAU;EAEtB,QAAO,MADc,SAAS,YAAY,CAAC,SAAS,KAAK,EAAA,CAC3C,SAAS,EAAE,EAAE;CAC7B;AACF"}