@neutro/form 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 agnostic-web
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/adapters/angular.cjs

@@ -0,0 +1,66 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/adapters/angular.ts
+var angular_exports = {};
+__export(angular_exports, {
+  useAngularForm: () => useAngularForm,
+  useAngularFormPath: () => useAngularFormPath
+});
+module.exports = __toCommonJS(angular_exports);
+
+// ../adapters/angular/dist/index.js
+var import_core = require("@angular/core");
+function useAngularForm(form) {
+  const formSignal = (0, import_core.signal)(form.getState());
+  const unsubscribe = form.subscribe((s) => {
+    formSignal.set(s);
+  });
+  (0, import_core.inject)(import_core.DestroyRef).onDestroy(unsubscribe);
+  return {
+    state: formSignal.asReadonly(),
+    get: form.get,
+    set: form.set,
+    connect: form.connect,
+    submit: form.submit,
+    handleSubmit: form.handleSubmit,
+    reset: form.reset,
+    batch: form.batch,
+    arrayAppend: form.arrayAppend,
+    arrayInsert: form.arrayInsert,
+    arrayRemove: form.arrayRemove,
+    arrayMove: form.arrayMove,
+    arraySwap: form.arraySwap
+  };
+}
+function useAngularFormPath(form, path) {
+  const value = (0, import_core.signal)(form.get(path));
+  const fieldState = (0, import_core.signal)(null);
+  const unsubscribe = form.subscribeToPath(path, (v, fs) => {
+    value.set(v);
+    fieldState.set(fs);
+  });
+  (0, import_core.inject)(import_core.DestroyRef).onDestroy(unsubscribe);
+  return { value: value.asReadonly(), fieldState: fieldState.asReadonly() };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useAngularForm,
+  useAngularFormPath
+});

package/dist/adapters/angular.d.cts

@@ -0,0 +1,6 @@
+export * from '@neutro/form-angular';
+import '@neutro/form-react';
+import '@neutro/form-solid';
+import '@neutro/form-svelte';
+import '@neutro/form-vue';
+import '@neutro/form-core';

package/dist/adapters/angular.d.ts

@@ -0,0 +1,6 @@
+export * from '@neutro/form-angular';
+import '@neutro/form-react';
+import '@neutro/form-solid';
+import '@neutro/form-svelte';
+import '@neutro/form-vue';
+import '@neutro/form-core';

package/dist/adapters/angular.js

@@ -0,0 +1,38 @@
+// ../adapters/angular/dist/index.js
+import { signal, DestroyRef, inject } from "@angular/core";
+function useAngularForm(form) {
+  const formSignal = signal(form.getState());
+  const unsubscribe = form.subscribe((s) => {
+    formSignal.set(s);
+  });
+  inject(DestroyRef).onDestroy(unsubscribe);
+  return {
+    state: formSignal.asReadonly(),
+    get: form.get,
+    set: form.set,
+    connect: form.connect,
+    submit: form.submit,
+    handleSubmit: form.handleSubmit,
+    reset: form.reset,
+    batch: form.batch,
+    arrayAppend: form.arrayAppend,
+    arrayInsert: form.arrayInsert,
+    arrayRemove: form.arrayRemove,
+    arrayMove: form.arrayMove,
+    arraySwap: form.arraySwap
+  };
+}
+function useAngularFormPath(form, path) {
+  const value = signal(form.get(path));
+  const fieldState = signal(null);
+  const unsubscribe = form.subscribeToPath(path, (v, fs) => {
+    value.set(v);
+    fieldState.set(fs);
+  });
+  inject(DestroyRef).onDestroy(unsubscribe);
+  return { value: value.asReadonly(), fieldState: fieldState.asReadonly() };
+}
+export {
+  useAngularForm,
+  useAngularFormPath
+};

package/dist/adapters/react.cjs

@@ -0,0 +1,82 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/adapters/react.ts
+var react_exports = {};
+__export(react_exports, {
+  useForm: () => useForm,
+  useFormConnect: () => useFormConnect,
+  useFormPath: () => useFormPath
+});
+module.exports = __toCommonJS(react_exports);
+
+// ../adapters/react/dist/index.js
+var import_react = require("react");
+function useForm(form) {
+  const state = (0, import_react.useSyncExternalStore)(form.subscribe, form.getState, form.getState);
+  return {
+    ...state,
+    get: form.get,
+    set: form.set,
+    connect: form.connect,
+    submit: form.submit,
+    handleSubmit: form.handleSubmit,
+    reset: form.reset,
+    batch: form.batch,
+    subscribeToPath: form.subscribeToPath,
+    validate: form.validate,
+    getPayload: form.getPayload,
+    getConnectedCount: form.getConnectedCount,
+    destroy: form.destroy,
+    arrayAppend: form.arrayAppend,
+    arrayInsert: form.arrayInsert,
+    arrayRemove: form.arrayRemove,
+    arrayMove: form.arrayMove,
+    arraySwap: form.arraySwap
+  };
+}
+function useFormPath(form, path) {
+  const subscribe = (0, import_react.useCallback)(
+    (onStoreChange) => form.subscribeToPath(path, () => onStoreChange()),
+    [form, path]
+  );
+  const getSnapshot = (0, import_react.useCallback)(() => form.get(path), [form, path]);
+  return (0, import_react.useSyncExternalStore)(subscribe, getSnapshot, getSnapshot);
+}
+function useFormConnect(form) {
+  const cleanups = (0, import_react.useRef)(/* @__PURE__ */ new Map());
+  return (0, import_react.useCallback)(
+    (path, options) => (el) => {
+      if (el) {
+        cleanups.current.get(path)?.();
+        cleanups.current.set(path, form.connect(path, el, options));
+      } else {
+        cleanups.current.get(path)?.();
+        cleanups.current.delete(path);
+      }
+    },
+    [form]
+  );
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useForm,
+  useFormConnect,
+  useFormPath
+});

package/dist/adapters/react.d.cts

@@ -0,0 +1 @@
+export * from '@neutro/form-react';

package/dist/adapters/react.d.ts

@@ -0,0 +1 @@
+export * from '@neutro/form-react';

package/dist/adapters/react.js

@@ -0,0 +1,53 @@
+// ../adapters/react/dist/index.js
+import { useSyncExternalStore, useCallback, useRef } from "react";
+function useForm(form) {
+  const state = useSyncExternalStore(form.subscribe, form.getState, form.getState);
+  return {
+    ...state,
+    get: form.get,
+    set: form.set,
+    connect: form.connect,
+    submit: form.submit,
+    handleSubmit: form.handleSubmit,
+    reset: form.reset,
+    batch: form.batch,
+    subscribeToPath: form.subscribeToPath,
+    validate: form.validate,
+    getPayload: form.getPayload,
+    getConnectedCount: form.getConnectedCount,
+    destroy: form.destroy,
+    arrayAppend: form.arrayAppend,
+    arrayInsert: form.arrayInsert,
+    arrayRemove: form.arrayRemove,
+    arrayMove: form.arrayMove,
+    arraySwap: form.arraySwap
+  };
+}
+function useFormPath(form, path) {
+  const subscribe = useCallback(
+    (onStoreChange) => form.subscribeToPath(path, () => onStoreChange()),
+    [form, path]
+  );
+  const getSnapshot = useCallback(() => form.get(path), [form, path]);
+  return useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+}
+function useFormConnect(form) {
+  const cleanups = useRef(/* @__PURE__ */ new Map());
+  return useCallback(
+    (path, options) => (el) => {
+      if (el) {
+        cleanups.current.get(path)?.();
+        cleanups.current.set(path, form.connect(path, el, options));
+      } else {
+        cleanups.current.get(path)?.();
+        cleanups.current.delete(path);
+      }
+    },
+    [form]
+  );
+}
+export {
+  useForm,
+  useFormConnect,
+  useFormPath
+};

package/dist/adapters/solid.cjs

@@ -0,0 +1,69 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/adapters/solid.ts
+var solid_exports = {};
+__export(solid_exports, {
+  useSolidForm: () => useSolidForm,
+  useSolidFormPath: () => useSolidFormPath
+});
+module.exports = __toCommonJS(solid_exports);
+
+// ../adapters/solid/dist/index.js
+var import_solid_js = require("solid-js");
+var import_store = require("solid-js/store");
+function useSolidForm(form) {
+  const [state, setState] = (0, import_store.createStore)(form.getState());
+  const unsubscribe = form.subscribe((s) => {
+    setState((0, import_store.reconcile)(s));
+  });
+  (0, import_solid_js.onCleanup)(unsubscribe);
+  return [
+    state,
+    {
+      get: form.get,
+      set: form.set,
+      connect: form.connect,
+      submit: form.submit,
+      handleSubmit: form.handleSubmit,
+      reset: form.reset,
+      batch: form.batch,
+      arrayAppend: form.arrayAppend,
+      arrayInsert: form.arrayInsert,
+      arrayRemove: form.arrayRemove,
+      arrayMove: form.arrayMove,
+      arraySwap: form.arraySwap
+    }
+  ];
+}
+function useSolidFormPath(form, path) {
+  const [value, setValue] = (0, import_solid_js.createSignal)(form.get(path()));
+  const [fieldState, setFieldState] = (0, import_solid_js.createSignal)(null);
+  const unsubscribe = form.subscribeToPath(path(), (v, fs) => {
+    setValue(() => v);
+    setFieldState(() => fs);
+  });
+  (0, import_solid_js.onCleanup)(unsubscribe);
+  return { value, fieldState };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSolidForm,
+  useSolidFormPath
+});

package/dist/adapters/solid.d.cts

@@ -0,0 +1 @@
+export * from '@neutro/form-solid';

package/dist/adapters/solid.d.ts

@@ -0,0 +1 @@
+export * from '@neutro/form-solid';

package/dist/adapters/solid.js

@@ -0,0 +1,41 @@
+// ../adapters/solid/dist/index.js
+import { createSignal, onCleanup } from "solid-js";
+import { createStore, reconcile } from "solid-js/store";
+function useSolidForm(form) {
+  const [state, setState] = createStore(form.getState());
+  const unsubscribe = form.subscribe((s) => {
+    setState(reconcile(s));
+  });
+  onCleanup(unsubscribe);
+  return [
+    state,
+    {
+      get: form.get,
+      set: form.set,
+      connect: form.connect,
+      submit: form.submit,
+      handleSubmit: form.handleSubmit,
+      reset: form.reset,
+      batch: form.batch,
+      arrayAppend: form.arrayAppend,
+      arrayInsert: form.arrayInsert,
+      arrayRemove: form.arrayRemove,
+      arrayMove: form.arrayMove,
+      arraySwap: form.arraySwap
+    }
+  ];
+}
+function useSolidFormPath(form, path) {
+  const [value, setValue] = createSignal(form.get(path()));
+  const [fieldState, setFieldState] = createSignal(null);
+  const unsubscribe = form.subscribeToPath(path(), (v, fs) => {
+    setValue(() => v);
+    setFieldState(() => fs);
+  });
+  onCleanup(unsubscribe);
+  return { value, fieldState };
+}
+export {
+  useSolidForm,
+  useSolidFormPath
+};

package/dist/adapters/svelte.cjs

@@ -0,0 +1,62 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/adapters/svelte.ts
+var svelte_exports = {};
+__export(svelte_exports, {
+  useSvelteForm: () => useSvelteForm,
+  useSvelteFormPath: () => useSvelteFormPath
+});
+module.exports = __toCommonJS(svelte_exports);
+
+// ../adapters/svelte/dist/index.js
+var import_store = require("svelte/store");
+function useSvelteForm(form) {
+  const state = (0, import_store.readable)(
+    form.getState(),
+    (set) => form.subscribe((s) => set(s))
+  );
+  return {
+    state,
+    get: form.get,
+    set: form.set,
+    connect: form.connect,
+    submit: form.submit,
+    handleSubmit: form.handleSubmit,
+    reset: form.reset,
+    batch: form.batch,
+    arrayAppend: form.arrayAppend,
+    arrayInsert: form.arrayInsert,
+    arrayRemove: form.arrayRemove,
+    arrayMove: form.arrayMove,
+    arraySwap: form.arraySwap
+  };
+}
+function useSvelteFormPath(form, path) {
+  const field = (0, import_store.readable)(
+    { value: form.get(path), fieldState: null },
+    (set) => form.subscribeToPath(path, (v, fs) => set({ value: v, fieldState: fs }))
+  );
+  return field;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useSvelteForm,
+  useSvelteFormPath
+});

package/dist/adapters/svelte.d.cts

@@ -0,0 +1 @@
+export * from '@neutro/form-svelte';

package/dist/adapters/svelte.d.ts

@@ -0,0 +1 @@
+export * from '@neutro/form-svelte';

package/dist/adapters/svelte.js

@@ -0,0 +1,34 @@
+// ../adapters/svelte/dist/index.js
+import { readable } from "svelte/store";
+function useSvelteForm(form) {
+  const state = readable(
+    form.getState(),
+    (set) => form.subscribe((s) => set(s))
+  );
+  return {
+    state,
+    get: form.get,
+    set: form.set,
+    connect: form.connect,
+    submit: form.submit,
+    handleSubmit: form.handleSubmit,
+    reset: form.reset,
+    batch: form.batch,
+    arrayAppend: form.arrayAppend,
+    arrayInsert: form.arrayInsert,
+    arrayRemove: form.arrayRemove,
+    arrayMove: form.arrayMove,
+    arraySwap: form.arraySwap
+  };
+}
+function useSvelteFormPath(form, path) {
+  const field = readable(
+    { value: form.get(path), fieldState: null },
+    (set) => form.subscribeToPath(path, (v, fs) => set({ value: v, fieldState: fs }))
+  );
+  return field;
+}
+export {
+  useSvelteForm,
+  useSvelteFormPath
+};

package/dist/adapters/vue.cjs

@@ -0,0 +1,78 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/adapters/vue.ts
+var vue_exports = {};
+__export(vue_exports, {
+  useVueForm: () => useVueForm,
+  useVueFormPath: () => useVueFormPath
+});
+module.exports = __toCommonJS(vue_exports);
+
+// ../adapters/vue/dist/index.js
+var import_vue = require("vue");
+function useVueForm(form) {
+  const state = (0, import_vue.shallowRef)(form.getState());
+  const unsubscribe = form.subscribe((s) => {
+    state.value = s;
+  });
+  (0, import_vue.onUnmounted)(unsubscribe);
+  return {
+    state: (0, import_vue.readonly)(state),
+    get: form.get,
+    set: form.set,
+    connect: form.connect,
+    submit: form.submit,
+    handleSubmit: form.handleSubmit,
+    reset: form.reset,
+    batch: form.batch,
+    arrayAppend: form.arrayAppend,
+    arrayInsert: form.arrayInsert,
+    arrayRemove: form.arrayRemove,
+    arrayMove: form.arrayMove,
+    arraySwap: form.arraySwap
+  };
+}
+function useVueFormPath(form, path) {
+  const value = (0, import_vue.shallowRef)(form.get((0, import_vue.unref)(path)));
+  const fieldState = (0, import_vue.shallowRef)(null);
+  let unsubscribe = form.subscribeToPath((0, import_vue.unref)(path), (v, fs) => {
+    value.value = v;
+    fieldState.value = fs;
+  });
+  (0, import_vue.watch)(
+    () => (0, import_vue.unref)(path),
+    (newPath) => {
+      unsubscribe();
+      value.value = form.get(newPath);
+      fieldState.value = null;
+      unsubscribe = form.subscribeToPath(newPath, (v, fs) => {
+        value.value = v;
+        fieldState.value = fs;
+      });
+    }
+  );
+  (0, import_vue.onUnmounted)(() => unsubscribe());
+  return { value: (0, import_vue.readonly)(value), fieldState: (0, import_vue.readonly)(fieldState) };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useVueForm,
+  useVueFormPath
+});

package/dist/adapters/vue.d.cts

@@ -0,0 +1 @@
+export * from '@neutro/form-vue';

package/dist/adapters/vue.d.ts

@@ -0,0 +1 @@
+export * from '@neutro/form-vue';

package/dist/adapters/vue.js

@@ -0,0 +1,50 @@
+// ../adapters/vue/dist/index.js
+import { shallowRef, readonly, unref, watch, onUnmounted } from "vue";
+function useVueForm(form) {
+  const state = shallowRef(form.getState());
+  const unsubscribe = form.subscribe((s) => {
+    state.value = s;
+  });
+  onUnmounted(unsubscribe);
+  return {
+    state: readonly(state),
+    get: form.get,
+    set: form.set,
+    connect: form.connect,
+    submit: form.submit,
+    handleSubmit: form.handleSubmit,
+    reset: form.reset,
+    batch: form.batch,
+    arrayAppend: form.arrayAppend,
+    arrayInsert: form.arrayInsert,
+    arrayRemove: form.arrayRemove,
+    arrayMove: form.arrayMove,
+    arraySwap: form.arraySwap
+  };
+}
+function useVueFormPath(form, path) {
+  const value = shallowRef(form.get(unref(path)));
+  const fieldState = shallowRef(null);
+  let unsubscribe = form.subscribeToPath(unref(path), (v, fs) => {
+    value.value = v;
+    fieldState.value = fs;
+  });
+  watch(
+    () => unref(path),
+    (newPath) => {
+      unsubscribe();
+      value.value = form.get(newPath);
+      fieldState.value = null;
+      unsubscribe = form.subscribeToPath(newPath, (v, fs) => {
+        value.value = v;
+        fieldState.value = fs;
+      });
+    }
+  );
+  onUnmounted(() => unsubscribe());
+  return { value: readonly(value), fieldState: readonly(fieldState) };
+}
+export {
+  useVueForm,
+  useVueFormPath
+};