cross-state 0.24.0 → 0.25.1

package/dist/cjs/react/index.cjs

@@ -6,6 +6,36 @@ const store = require("../store.cjs");
 const hash = require("../hash.cjs");
 const jsxRuntime = require("react/jsx-runtime");
 const urlStore = require("../urlStore.cjs");
+function CustomInput({ name, children, ...props }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ...props,
+      style: {
+        position: "relative",
+        ...props.style
+      },
+      children: [
+        children,
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            name,
+            style: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              opacity: 0,
+              width: "100%",
+              height: "100%",
+              pointerEvents: "none"
+            }
+          }
+        )
+      ]
+    }
+  );
+}
 function getWildCardMatches(object, path) {
   const matches = {};
   const [first, second, ...rest] = store.castArrayPath(path);
@@ -29,56 +59,6 @@ function getWildCardMatches(object, path) {
   }
   return matches;
 }
-function FormForEach({ name, renderElement, children }) {
-  const form = this.useForm();
-  const names = this.useFormState(() => {
-    const field = form.getField(name);
-    return field.names;
-  });
-  const add = require$$0.useCallback(
-    (...args) => {
-      const field = form.getField(name);
-      field.add(...args);
-    },
-    [form]
-  );
-  const remove = require$$0.useCallback(
-    (key) => {
-      const field = form.getField(name);
-      field.remove(key);
-    },
-    [form]
-  );
-  const setValue = require$$0.useCallback(
-    (value) => {
-      const field = form.getField(name);
-      field.setValue(value);
-    },
-    [form]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    renderElement && names.map((name2, index) => {
-      const key = name2.split(".").pop();
-      return /* @__PURE__ */ jsxRuntime.jsx(require$$0.Fragment, { children: renderElement({
-        name: name2,
-        key,
-        index,
-        remove: () => remove(index)
-      }) }, key);
-    }),
-    children == null ? void 0 : children({
-      names,
-      add,
-      remove,
-      setValue
-    })
-  ] });
-}
-function FormError({ name }) {
-  const hasTriggeredValidations = this.useFormState((form) => form.hasTriggeredValidations);
-  const { errors } = this.useField(name);
-  return hasTriggeredValidations ? /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: errors.join(", ") }) : null;
-}
 function FormField({
   // id,
   name,
@@ -91,18 +71,8 @@ function FormField({
   deserialize = (x) => x,
   ...restProps
 }) {
-  const id = "";
-  const { options } = this.useForm();
-  const { value, setValue, errors } = this.useField(name);
-  const errorString = errors.map((error) => {
-    var _a;
-    return ((_a = options.localizeError) == null ? void 0 : _a.call(options, error, name)) ?? error;
-  }).join("\n");
+  const { value, setValue } = this.useField(name);
   const [localValue, setLocalValue] = require$$0.useState();
-  const _id = require$$0.useMemo(
-    () => `f${Math.random().toString(36).slice(2, 15)}${Math.random().toString(36).slice(2, 15)}`,
-    [id]
-  );
   require$$0.useEffect(() => {
     if (localValue === void 0 || !commitDebounce) {
       return;
@@ -113,18 +83,8 @@ function FormField({
     }, commitDebounce);
     return () => clearTimeout(timeout);
   }, [localValue, commitDebounce]);
-  require$$0.useEffect(() => {
-    const element = document.querySelector(
-      [`#${_id} input`, `#${_id} select`, `#${_id} textarea`, `#${_id}`].join(",")
-    );
-    if (!(element instanceof HTMLInputElement || element instanceof HTMLSelectElement || element instanceof HTMLTextAreaElement)) {
-      return;
-    }
-    element.setCustomValidity(errorString);
-  }, [_id, errorString]);
   const props = {
     ...restProps,
-    id: _id,
     name,
     value: localValue ?? serialize(value),
     onChange: (event, ...moreArgs) => {
@@ -157,6 +117,51 @@ function FormField({
   }
   return null;
 }
+function FormForEach({ name, renderElement, children }) {
+  const form = this.useForm();
+  const names = this.useFormState(() => {
+    const field = form.getField(name);
+    return field.names;
+  });
+  const add = require$$0.useCallback(
+    (...args) => {
+      const field = form.getField(name);
+      field.add(...args);
+    },
+    [form]
+  );
+  const remove = require$$0.useCallback(
+    (key) => {
+      const field = form.getField(name);
+      field.remove(key);
+    },
+    [form]
+  );
+  const setValue = require$$0.useCallback(
+    (value) => {
+      const field = form.getField(name);
+      field.setValue(value);
+    },
+    [form]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    renderElement && names.map((name2, index) => {
+      const key = name2.split(".").pop();
+      return /* @__PURE__ */ jsxRuntime.jsx(require$$0.Fragment, { children: renderElement({
+        name: name2,
+        key,
+        index,
+        remove: () => remove(index)
+      }) }, key);
+    }),
+    children == null ? void 0 : children({
+      names,
+      add,
+      remove,
+      setValue
+    })
+  ] });
+}
 function useFormAutosave(form) {
   var _a;
   const { formState, options, getDraft } = form;
@@ -215,7 +220,6 @@ function FormContainer({
   ...formProps
 }) {
   const formInstance = form.useForm();
-  const errors = formInstance.getErrors();
   const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);
   return /* @__PURE__ */ jsxRuntime.jsx(
     "form",
@@ -224,22 +228,30 @@ function FormContainer({
       ...formProps,
       className: [formProps.className, hasTriggeredValidations ? "validated" : void 0].filter(Boolean).join(" "),
       onSubmit: (event) => {
-        var _a;
+        var _a, _b;
         event.preventDefault();
         const isValid = formInstance.validate();
+        const errors = formInstance.getErrors();
+        for (const element of Array.from(event.currentTarget.elements)) {
+          if ("name" in element && "setCustomValidity" in element) {
+            element.setCustomValidity(
+              ((_a = errors.get(element.name)) == null ? void 0 : _a.join("\n")) ?? ""
+            );
+          }
+        }
         let button;
         if (event.nativeEvent instanceof SubmitEvent && (button = event.nativeEvent.submitter) && (button instanceof HTMLButtonElement || button instanceof HTMLInputElement) && button.setCustomValidity) {
           const errorString = [...errors.entries()].flatMap(
             ([field, errors2]) => errors2.map((error) => {
-              var _a2, _b;
-              return ((_b = (_a2 = formInstance.options).localizeError) == null ? void 0 : _b.call(_a2, error, field)) ?? error;
+              var _a2, _b2;
+              return ((_b2 = (_a2 = formInstance.options).localizeError) == null ? void 0 : _b2.call(_a2, error, field)) ?? error;
             })
           ).join("\n");
           button.setCustomValidity(errorString);
         }
         event.currentTarget.reportValidity();
         if (isValid) {
-          (_a = formProps.onSubmit) == null ? void 0 : _a.call(formProps, event, {
+          (_b = formProps.onSubmit) == null ? void 0 : _b.call(formProps, event, {
             ...formInstance,
             ...formInstance.derivedState.get()
           });
@@ -491,9 +503,6 @@ class Form {
   ForEach(props) {
     return Reflect.apply(FormForEach, this, [props]);
   }
-  Error({ name }) {
-    return Reflect.apply(FormError, this, [{ name }]);
-  }
 }
 function createForm(options) {
   return new Form(options);
@@ -562,6 +571,7 @@ exports.useCache = scope.useCache;
 exports.useProp = scope.useProp;
 exports.useScope = scope.useScope;
 exports.useStore = scope.useStore;
+exports.CustomInput = CustomInput;
 exports.Form = Form;
 exports.createForm = createForm;
 exports.read = read;

package/dist/cjs/react/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/lib/wildcardMatch.ts","../../../src/react/form/formForEach.tsx","../../../src/react/form/formError.tsx","../../../src/react/form/formField.tsx","../../../src/react/form/useFormAutosave.ts","../../../src/react/form/form.tsx","../../../src/react/read.ts","../../../src/react/useDecoupledState.ts","../../../src/lib/castArray.ts","../../../src/react/useUrlParamScope.ts"],"sourcesContent":["import { type KeyType } from './path';\nimport { castArrayPath } from './propAccess';\n\nexport function wildcardMatch(s: KeyType[] | string, w: KeyType[] | string): boolean {\n  if (typeof s === 'string') {\n    s = castArrayPath(s);\n  }\n\n  if (typeof w === 'string') {\n    w = castArrayPath(w);\n  }\n\n  return s.length === w.length && s.every((s, i) => w[i] === '*' || s === w[i]);\n}\n\nexport function getWildCardMatches(\n  object: any,\n  path: [KeyType, ...KeyType[]] | string,\n): Record<KeyType, any> {\n  const matches: Record<KeyType, any> = {};\n  const [first, second, ...rest] = castArrayPath(path);\n\n  if (first === undefined) {\n    throw new Error('Path is empty');\n  }\n\n  if (!(object instanceof Object)) {\n    throw new Error('Object is not an object');\n  }\n\n  for (const [key, value] of Object.entries(object)) {\n    if (first !== '*' && first !== key) {\n      continue;\n    }\n\n    if (second === undefined) {\n      matches[key] = value;\n      continue;\n    }\n\n    for (const [subKey, subValue] of Object.entries(getWildCardMatches(value, [second, ...rest]))) {\n      matches[`${key}.${subKey}`] = subValue;\n    }\n  }\n\n  return matches;\n}\n","import { type GetKeys, type Join, type PathAsString, type Value } from '@lib/path';\nimport { Fragment, useCallback, type ReactNode } from 'react';\nimport { type FieldHelperMethods, type Form } from './form';\n\nexport type ForEachPath<T> = PathAsString<T>;\n\nexport type ElementName<TDraft, TPath extends PathAsString<TDraft>> = Join<\n  TPath,\n  GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)\n>;\n\nexport interface FormForEachProps<TDraft, TPath extends ForEachPath<TDraft>> {\n  name: TPath;\n  renderElement?: (props: {\n    name: ElementName<TDraft, TPath>;\n    key: `${GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)}`;\n    index: number;\n    remove: () => void;\n  }) => ReactNode;\n  children?: (\n    props: {\n      setValue: (\n        value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n      ) => void;\n    } & FieldHelperMethods<TDraft, TPath>,\n  ) => ReactNode;\n}\n\nexport function FormForEach<TDraft, TPath extends ForEachPath<TDraft>>(\n  this: Form<TDraft, any>,\n  { name, renderElement, children }: FormForEachProps<TDraft, TPath>,\n) {\n  const form = this.useForm();\n\n  const names = this.useFormState(() => {\n    const field = form.getField(name) as any;\n    return field.names as any[];\n  });\n\n  const add = useCallback(\n    (...args: any[]) => {\n      const field = form.getField(name) as any;\n      field.add(...args);\n    },\n    [form],\n  );\n\n  const remove = useCallback(\n    (key: any) => {\n      const field = form.getField(name) as any;\n      field.remove(key);\n    },\n    [form],\n  );\n\n  const setValue = useCallback(\n    (value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>)) => {\n      const field = form.getField(name) as any;\n      field.setValue(value);\n    },\n    [form],\n  );\n\n  return (\n    <>\n      {renderElement &&\n        names.map((name, index) => {\n          const key = name.split('.').pop();\n\n          return (\n            <Fragment key={key}>\n              {renderElement({\n                name,\n                key,\n                index,\n                remove: () => remove(index),\n              })}\n            </Fragment>\n          );\n        })}\n\n      {children?.({\n        names,\n        add,\n        remove,\n        setValue,\n      } as any)}\n    </>\n  );\n}\n","import { type Form } from './form';\nimport { type PathAsString } from '@lib/path';\n\nexport type FormErrorProps<TDraft, TPath extends PathAsString<TDraft>> = {\n  name: TPath;\n};\n\nexport function FormError<TDraft, TPath extends PathAsString<TDraft>>(\n  this: Form<TDraft, any>,\n  { name }: FormErrorProps<TDraft, TPath>,\n) {\n  const hasTriggeredValidations = this.useFormState((form) => form.hasTriggeredValidations);\n  const { errors } = this.useField(name);\n\n  return hasTriggeredValidations ? <>{errors.join(', ')}</> : null;\n}\n","import { type PathAsString } from '@index';\nimport { type Value } from '@lib/path';\nimport {\n  createElement,\n  useEffect,\n  useMemo,\n  useState,\n  type Component,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport { type Form } from './form';\n\nexport interface FormFieldComponentProps<TValue, TPath> {\n  id: string;\n  name: TPath;\n  value: TValue;\n  onChange: (event: { target: { value: TValue } } | TValue | undefined, ...args: any[]) => void;\n  onBlur: (...args: any[]) => void;\n}\n\ntype NativeInputType = 'input' | 'select' | 'textarea';\n\ntype PartialComponentType<P> =\n  | (new (props: P, context?: any) => Component<P, any>)\n  | ((props: P, context?: any) => ReactNode);\n\nexport type FormFieldComponent = NativeInputType | PartialComponentType<any>;\n\ntype FieldValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T>['value'];\n\ntype FieldChangeValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T> extends {\n  onChange?: (update: infer U) => void;\n}\n  ? U extends { target: { value: infer V } }\n    ? V\n    : U\n  : never;\n\ntype MakeOptional<T, Keys extends string> = Omit<T, Keys> & Partial<Pick<T, Keys & keyof T>>;\n\nexport type FormFieldProps<TDraft, TPath extends PathAsString<TDraft>> = {\n  name: TPath;\n  commitOnBlur?: boolean;\n  commitDebounce?: number;\n};\n\nexport type FormFieldPropsWithRender<TDraft, TPath extends PathAsString<TDraft>> = FormFieldProps<\n  TDraft,\n  TPath\n> & {\n  component?: undefined;\n  render: (props: FormFieldComponentProps<Value<TDraft, TPath>, TPath>) => ReactNode;\n  inputFilter?: undefined;\n  serialize?: undefined;\n  deserialize?: undefined;\n  onChange?: undefined;\n  onBlur?: undefined;\n};\n\nexport type FormFieldPropsWithComponent<\n  TDraft,\n  TPath extends PathAsString<TDraft>,\n  TComponent extends FormFieldComponent,\n> = FormFieldProps<TDraft, TPath> & {\n  component?: TComponent;\n  render?: undefined;\n  inputFilter?: (value: FieldChangeValue<TComponent>) => boolean;\n} & MakeOptional<\n    Omit<ComponentPropsWithoutRef<TComponent>, 'id' | 'name' | 'value'>,\n    'onChange' | 'onBlur'\n  > &\n  (Value<TDraft, TPath> extends FieldValue<TComponent>\n    ? { serialize?: (value: Value<TDraft, TPath>) => FieldValue<TComponent> }\n    : { serialize: (value: Value<TDraft, TPath>) => FieldValue<TComponent> }) &\n  (FieldChangeValue<TComponent> extends Value<TDraft, TPath>\n    ? { deserialize?: (value: FieldChangeValue<TComponent>) => Value<TDraft, TPath> }\n    : { deserialize: (value: FieldChangeValue<TComponent>) => Value<TDraft, TPath> });\n\nexport function FormField<\n  TDraft,\n  TPath extends PathAsString<TDraft>,\n  TComponent extends FormFieldComponent,\n>(\n  this: Form<TDraft, any>,\n  {\n    // id,\n    name,\n    component,\n    commitOnBlur,\n    commitDebounce,\n    render,\n    inputFilter,\n    serialize = (x) => x as FieldValue<TComponent>,\n    deserialize = (x) => x as Value<TDraft, TPath>,\n    ...restProps\n  }:\n    | FormFieldPropsWithRender<TDraft, TPath>\n    | FormFieldPropsWithComponent<TDraft, TPath, TComponent>,\n) {\n  type T = FieldChangeValue<TComponent>;\n  const id = '';\n\n  const { options } = this.useForm();\n  const { value, setValue, errors } = this.useField(name);\n  const errorString = errors\n    .map((error) => options.localizeError?.(error, name) ?? error)\n    .join('\\n');\n\n  const [localValue, setLocalValue] = useState<T>();\n  const _id = useMemo(\n    () =>\n      id || `f${Math.random().toString(36).slice(2, 15)}${Math.random().toString(36).slice(2, 15)}`,\n\n    [id],\n  );\n\n  useEffect(() => {\n    if (localValue === undefined || !commitDebounce) {\n      return;\n    }\n\n    const timeout = setTimeout(() => {\n      setValue(deserialize(localValue));\n      setLocalValue(undefined);\n    }, commitDebounce);\n\n    return () => clearTimeout(timeout);\n  }, [localValue, commitDebounce]);\n\n  useEffect(() => {\n    const element = document.querySelector(\n      [`#${_id} input`, `#${_id} select`, `#${_id} textarea`, `#${_id}`].join(','),\n    );\n\n    if (\n      !(\n        element instanceof HTMLInputElement ||\n        element instanceof HTMLSelectElement ||\n        element instanceof HTMLTextAreaElement\n      )\n    ) {\n      return;\n    }\n\n    element.setCustomValidity(errorString);\n  }, [_id, errorString]);\n\n  const props = {\n    ...restProps,\n    id: _id,\n    name,\n    value: localValue ?? serialize(value as Value<TDraft, TPath>),\n    onChange: (event: { target: { value: T } } | T, ...moreArgs: any[]) => {\n      const value =\n        typeof event === 'object' && event !== null && 'target' in event\n          ? event.target.value\n          : event;\n\n      if (inputFilter && !inputFilter(value)) {\n        return;\n      }\n\n      if (commitOnBlur || commitDebounce) {\n        setLocalValue(value);\n      } else {\n        setValue(deserialize(value));\n      }\n\n      restProps.onChange?.(event, ...moreArgs);\n    },\n    onBlur(...args: any[]) {\n      if (localValue !== undefined) {\n        setValue(deserialize(localValue));\n        setLocalValue(undefined);\n      }\n\n      restProps.onBlur?.apply(null, args);\n    },\n  };\n\n  if (render) {\n    return render(props as FormFieldComponentProps<Value<TDraft, TPath>, TPath>) ?? null;\n  }\n\n  if (component) {\n    return createElement(component, props);\n  }\n\n  return null;\n}\n","import type { Duration } from '@core';\nimport { calcDuration } from '@lib/calcDuration';\nimport { debounce } from '@lib/debounce';\nimport { queue } from '@lib/queue';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport type { FormContext } from './form';\nimport type { MaybePromise } from '@lib/maybePromise';\nimport { deepEqual } from '@lib/equals';\n\nexport interface FormAutosaveOptions<TDraft, TOriginal> {\n  save: (draft: TDraft, form: FormContext<TDraft, TOriginal>) => MaybePromise<void>;\n  debounce?: Duration;\n  resetAfterSave?: boolean;\n}\n\nexport function useFormAutosave<TDraft, TOriginal extends TDraft>(\n  form: FormContext<TDraft, TOriginal>,\n) {\n  const { formState, options, getDraft } = form;\n  const debounceTime = calcDuration(options.autoSave?.debounce ?? 2_000);\n  const latestRef = useRef({ options });\n  const lastValue = useRef<TDraft>();\n  const q = useMemo(() => queue(), []);\n\n  const run = useMemo(\n    () =>\n      debounce(async () => {\n        const { options } = latestRef.current;\n        const save = options.autoSave?.save;\n        const draft = getDraft();\n\n        lastValue.current = draft;\n\n        q.clear();\n\n        q(async () => {\n          try {\n            formState.set('saveInProgress', true);\n            await save?.(draft, form);\n\n            if (q.size === 0 && options.autoSave?.resetAfterSave) {\n              form.reset();\n            }\n          } finally {\n            formState.set('saveInProgress', false);\n\n            if (q.size === 0) {\n              formState.set('saveScheduled', false);\n            }\n          }\n        });\n      }, debounceTime),\n    [formState, debounceTime],\n  );\n\n  useEffect(() => {\n    if (!options.autoSave?.save) {\n      return;\n    }\n\n    return formState\n      .map((state) => state.draft)\n      .subscribe(\n        () => {\n          if (deepEqual(getDraft(), lastValue.current)) {\n            return;\n          }\n\n          run();\n          formState.set('saveScheduled', true);\n        },\n        { runNow: false },\n      );\n  }, [formState]);\n\n  useEffect(() => {\n    latestRef.current = { options };\n  });\n}\n","import { connectUrl, createStore, type Store, type UrlStoreOptions } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { deepEqual } from '@lib/equals';\nimport { hash } from '@lib/hash';\nimport {\n  type Path,\n  type PathAsString,\n  type Value,\n  type WildcardPathAsString,\n  type WildcardValue,\n} from '@lib/path';\nimport { get, join } from '@lib/propAccess';\nimport { getWildCardMatches } from '@lib/wildcardMatch';\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  type HTMLProps,\n  type ReactNode,\n  type FormEvent,\n} from 'react';\nimport { useStore, type UseStoreOptions } from '../useStore';\nimport {\n  FormForEach,\n  type ForEachPath,\n  type FormForEachProps,\n  type ElementName,\n} from './formForEach';\nimport { FormError, type FormErrorProps } from './formError';\nimport {\n  FormField,\n  type FormFieldComponent,\n  type FormFieldPropsWithComponent,\n  type FormFieldPropsWithRender,\n} from './formField';\nimport { useFormAutosave, type FormAutosaveOptions } from './useFormAutosave';\nimport type { Object_ } from '@lib/typeHelpers';\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Form types\n/// /////////////////////////////////////////////////////////////////////////////\n\nexport type Transform<TDraft> = Path<TDraft> | '' extends infer TPath\n  ? TPath extends TPath\n    ? {\n        update: (value: Value<TDraft, TPath>, store: Store<TDraft>) => void | TDraft;\n      } & (TPath extends '' ? { trigger?: '' } : { trigger: TPath })\n    : never\n  : never;\n\nexport interface FormOptions<TDraft, TOriginal> {\n  defaultValue: TDraft;\n  validations?: Validations<TDraft, TOriginal>;\n  localizeError?: (error: string, field: string) => string | undefined;\n  urlState?: boolean | UrlStoreOptions<TDraft>;\n  autoSave?: FormAutosaveOptions<TDraft, TOriginal>;\n  transform?: Transform<TDraft>[];\n}\n\nexport type Validations<TDraft, TOriginal> = {\n  [TPath in WildcardPathAsString<TDraft>]?: Record<string, Validation<TDraft, TOriginal, TPath>>;\n} & Record<string, Record<string, Validation<TDraft, TOriginal, any>>>;\n\nexport type Validation<TDraft, TOriginal, TPath> = (\n  value: WildcardValue<TDraft, TPath>,\n  context: {\n    draft: TDraft;\n    original: TOriginal;\n    field: PathAsString<TDraft> | '';\n  },\n) => boolean;\n\nexport type Field<TDraft, TOriginal, TPath extends PathAsString<TDraft>> = {\n  originalValue: Value<TOriginal, TPath> | undefined;\n  value: Value<TDraft, TPath>;\n  setValue: (\n    value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n  ) => void;\n  hasChange: boolean;\n  errors: string[];\n} & (Value<TDraft, TPath> extends Object_ ? FieldHelperMethods<TDraft, TPath> : {});\n\nexport type FieldHelperMethods<TDraft, TPath extends PathAsString<TDraft>> = {\n  names: ElementName<TDraft, TPath>[];\n  add: NonNullable<Value<TDraft, TPath>> extends readonly (infer T)[]\n    ? (element: T) => void\n    : NonNullable<Value<TDraft, TPath>> extends Record<infer K, infer V>\n    ? (key: K, value: V) => void\n    : never;\n  remove: Value<TDraft, TPath> extends readonly any[]\n    ? (index: number) => void\n    : (key: string) => void;\n};\n\nexport interface FormState<TDraft> {\n  draft: TDraft | undefined;\n  hasTriggeredValidations: boolean;\n  saveScheduled: boolean;\n  saveInProgress: boolean;\n}\n\nexport interface FormDerivedState<TDraft> {\n  draft: TDraft;\n  hasTriggeredValidations: boolean;\n  saveScheduled: boolean;\n  saveInProgress: boolean;\n  hasChanges: boolean;\n  errors: Map<string, string[]>;\n  isValid: boolean;\n}\n\nexport interface FormContext<TDraft, TOriginal> {\n  formState: Store<FormState<TDraft>>;\n  derivedState: Store<FormDerivedState<TDraft>>;\n  options: FormOptions<TDraft, TOriginal>;\n  original: TOriginal | undefined;\n  getField: <TPath extends PathAsString<TDraft>>(path: TPath) => Field<TDraft, TOriginal, TPath>;\n  getDraft: () => TDraft;\n  hasTriggeredValidations: () => boolean;\n  hasChanges: () => boolean;\n  getErrors: () => Map<string, string[]>;\n  isValid: () => boolean;\n  validate: () => boolean;\n  reset: () => void;\n}\n\nexport interface FormInstance<TDraft, TOriginal>\n  extends FormDerivedState<TDraft>,\n    Pick<FormContext<TDraft, TOriginal>, 'options' | 'original' | 'getField'> {}\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Implementation\n/// /////////////////////////////////////////////////////////////////////////////\n\nfunction FormContainer({\n  form,\n  ...formProps\n}: {\n  form: Form<any, any>;\n  onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<any, any>) => void;\n} & Omit<HTMLProps<HTMLFormElement>, 'form' | 'onSubmit'>) {\n  const formInstance = form.useForm();\n  const errors = formInstance.getErrors();\n  const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);\n\n  return (\n    <form\n      noValidate\n      {...formProps}\n      className={[formProps.className, hasTriggeredValidations ? 'validated' : undefined]\n        .filter(Boolean)\n        .join(' ')}\n      onSubmit={(event) => {\n        event.preventDefault();\n\n        const isValid = formInstance.validate();\n\n        let button;\n\n        if (\n          event.nativeEvent instanceof SubmitEvent &&\n          (button = event.nativeEvent.submitter) &&\n          (button instanceof HTMLButtonElement || button instanceof HTMLInputElement) &&\n          button.setCustomValidity\n        ) {\n          const errorString = [...errors.entries()]\n            .flatMap(([field, errors]) =>\n              errors.map((error) => {\n                return formInstance.options.localizeError?.(error, field) ?? error;\n              }),\n            )\n            .join('\\n');\n\n          button.setCustomValidity(errorString);\n        }\n\n        event.currentTarget.reportValidity();\n\n        if (isValid) {\n          formProps.onSubmit?.(event, {\n            ...formInstance,\n            ...formInstance.derivedState.get(),\n          });\n        }\n      }}\n    />\n  );\n}\n\nfunction getField<TDraft, TOriginal extends TDraft, TPath extends PathAsString<TDraft>>(\n  derivedState: Store<FormDerivedState<TDraft>>,\n  original: TOriginal | undefined,\n  path: TPath,\n): Field<TDraft, TOriginal, TPath> {\n  return {\n    get originalValue() {\n      return original !== undefined ? get(original as any, path as any) : undefined;\n    },\n\n    get value() {\n      const { draft } = derivedState.get();\n      return get(draft, path);\n    },\n\n    setValue(update: any) {\n      derivedState.set(join('draft', path) as any, update);\n    },\n\n    get hasChange() {\n      return !deepEqual(this.originalValue, this.value);\n    },\n\n    get errors() {\n      const { errors } = derivedState.get();\n      return errors.get(path) ?? [];\n    },\n\n    get names(): any {\n      const { value } = this;\n\n      if (Array.isArray(value)) {\n        return value.map((_, index) => join(path, String(index)));\n      }\n\n      if (value instanceof Object) {\n        return Object.keys(value).map((key) => join(path, key));\n      }\n\n      return [];\n    },\n\n    add(...args: any[]) {\n      this.setValue((value: any) => {\n        if (args.length === 1) {\n          return [...(value ?? []), args[0]];\n        }\n\n        return {\n          ...value,\n          [args[0]]: args[1],\n        };\n      });\n    },\n\n    remove(key: any) {\n      this.setValue((value: any) => {\n        if (!value) {\n          return value;\n        }\n\n        if (Array.isArray(value)) {\n          return value.filter((_, index) => index !== key);\n        }\n\n        if (value instanceof Object) {\n          const { [key]: _, ...rest } = value;\n          return rest;\n        }\n\n        return value;\n      });\n    },\n  } as any;\n}\n\nfunction getErrors<TDraft, TOriginal>(\n  draft: TDraft,\n  original: TOriginal | undefined,\n  validations: FormOptions<TDraft, TOriginal>['validations'],\n) {\n  const errors = new Map<string, string[]>();\n\n  for (const [path, block] of Object.entries(validations ?? {})) {\n    for (const [validationName, validate] of Object.entries(\n      block as Record<string, Validation<any, any, any>>,\n    )) {\n      let matched = false;\n\n      for (const [field, value] of Object.entries(getWildCardMatches(draft, path))) {\n        matched = true;\n        if (!validate(value, { draft, original, field })) {\n          const fieldErrors = errors.get(field) ?? [];\n          fieldErrors.push(validationName);\n          errors.set(field, fieldErrors);\n        }\n      }\n\n      if (!matched && !path.includes('*')) {\n        if (!validate(undefined, { draft, original, field: path })) {\n          const fieldErrors = errors.get(path) ?? [];\n          fieldErrors.push(validationName);\n          errors.set(path, fieldErrors);\n        }\n      }\n    }\n  }\n\n  return errors;\n}\n\nexport class Form<TDraft, TOriginal extends TDraft = TDraft> {\n  context = createContext<FormContext<TDraft, TOriginal> | null>(null);\n\n  constructor(public readonly options: FormOptions<TDraft, TOriginal>) {\n    autobind(Form);\n  }\n\n  useForm(): FormContext<TDraft, TOriginal> {\n    const context = useContext(this.context);\n\n    if (!context) {\n      throw new Error('Form context not found');\n    }\n\n    return context;\n  }\n\n  useFormState<S>(\n    selector: (state: FormInstance<TDraft, TOriginal>) => S,\n    useStoreOptions?: UseStoreOptions,\n  ) {\n    const form = this.useForm();\n\n    return useStore(\n      form.derivedState.map((state) =>\n        selector({\n          ...form,\n          ...state,\n        }),\n      ),\n      useStoreOptions,\n    );\n  }\n\n  useField<TPath extends PathAsString<TDraft>>(path: TPath, useStoreOptions?: UseStoreOptions) {\n    return this.useFormState((form) => form.getField(path), useStoreOptions);\n  }\n\n  // ///////////////////////////////////////////////////////////////////////////\n  // React Components\n  // ///////////////////////////////////////////////////////////////////////////\n\n  Form({\n    original,\n    defaultValue,\n    validations,\n    localizeError,\n    urlState,\n    autoSave,\n    transform,\n    ...formProps\n  }: {\n    original?: TOriginal;\n    onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<TDraft, TOriginal>) => void;\n  } & Partial<FormOptions<TDraft, TOriginal>> &\n    Omit<HTMLProps<HTMLFormElement>, 'defaultValue' | 'autoSave' | 'onSubmit'>) {\n    const options: FormOptions<TDraft, TOriginal> = {\n      defaultValue: { ...this.options.defaultValue, ...defaultValue },\n      validations: { ...this.options.validations, ...validations } as Validations<\n        TDraft,\n        TOriginal\n      >,\n      localizeError: localizeError ?? this.options.localizeError,\n      autoSave: autoSave ?? this.options.autoSave,\n      transform: transform ?? this.options.transform,\n    };\n\n    const formState = useMemo(() => {\n      return createStore<FormState<TDraft>>({\n        draft: undefined,\n        hasTriggeredValidations: false,\n        saveScheduled: false,\n        saveInProgress: false,\n      });\n    }, []);\n\n    const derivedState = useMemo(() => {\n      return formState.map<FormDerivedState<TDraft>>(\n        (state) => {\n          const {\n            draft = original ?? options.defaultValue,\n            hasTriggeredValidations,\n            saveScheduled,\n            saveInProgress,\n          } = state;\n          const errors = getErrors(draft, original, options.validations);\n\n          return {\n            draft,\n            hasTriggeredValidations,\n            saveScheduled,\n            saveInProgress,\n            hasChanges: !!draft && !deepEqual(draft, original),\n            errors,\n            isValid: errors.size === 0,\n          };\n        },\n        (newState) => ({\n          draft: newState.draft,\n          hasTriggeredValidations: newState.hasTriggeredValidations,\n          saveScheduled: newState.saveScheduled,\n          saveInProgress: newState.saveInProgress,\n        }),\n      );\n    }, [formState, original, options.validations, options.defaultValue]);\n\n    const context = useMemo(() => {\n      return {\n        formState,\n        derivedState,\n        options,\n        original,\n\n        getField(path) {\n          return getField(derivedState, original, path);\n        },\n\n        getDraft() {\n          return formState.get().draft ?? original ?? options.defaultValue;\n        },\n\n        hasTriggeredValidations() {\n          return formState.get().hasTriggeredValidations;\n        },\n\n        hasChanges() {\n          return derivedState.get().hasChanges;\n        },\n\n        getErrors() {\n          return derivedState.get().errors;\n        },\n\n        isValid() {\n          return derivedState.get().isValid;\n        },\n\n        validate() {\n          formState.set('hasTriggeredValidations', true);\n          return derivedState.get().isValid;\n        },\n\n        reset() {\n          formState.set('draft', undefined);\n          formState.set('hasTriggeredValidations', false);\n        },\n      } satisfies FormContext<TDraft, TOriginal>;\n    }, [formState, derivedState, original, defaultValue, validations, localizeError, urlState]);\n\n    useEffect(() => {\n      if (urlState) {\n        return connectUrl(\n          formState.map('draft'),\n          typeof urlState === 'object' ? urlState : { key: 'form' },\n        );\n      }\n\n      return undefined;\n    }, [formState, hash(urlState)]);\n\n    useEffect(() => {\n      const handles = options.transform?.map(({ trigger, update }) => {\n        const draft = derivedState.map('draft');\n        const triggerStore = trigger ? draft.map(trigger as any) : draft;\n\n        return triggerStore.subscribe(() => {\n          const value = trigger ? get(draft.get(), trigger as any) : draft.get();\n          const result = update(value as any, draft);\n\n          if (result !== undefined) {\n            draft.set(result);\n          }\n        });\n      });\n\n      return () => {\n        handles?.forEach((handle) => handle());\n      };\n    }, [options.transform]);\n\n    useFormAutosave(context);\n\n    return (\n      <this.context.Provider value={context}>\n        <FormContainer {...formProps} form={this} />\n      </this.context.Provider>\n    );\n  }\n\n  FormState<S>({\n    selector,\n    children,\n  }: {\n    selector: (form: FormInstance<TDraft, TOriginal>) => S;\n    children: (selectedState: S) => ReactNode;\n  }) {\n    const selectedState = this.useFormState(selector);\n    return <>{children(selectedState)}</>;\n  }\n\n  Field<TPath extends PathAsString<TDraft>>(\n    props: FormFieldPropsWithRender<TDraft, TPath>,\n  ): JSX.Element;\n\n  Field<\n    const TPath extends PathAsString<TDraft>,\n    const TComponent extends FormFieldComponent = 'input',\n  >(props: FormFieldPropsWithComponent<TDraft, TPath, TComponent>): JSX.Element;\n\n  Field(props: any): JSX.Element {\n    return Reflect.apply(FormField, this, [{ component: 'input', ...props }]);\n  }\n\n  ForEach<TPath extends ForEachPath<TDraft>>(props: FormForEachProps<TDraft, TPath>) {\n    return Reflect.apply(FormForEach, this, [props]);\n  }\n\n  Error<TPath extends PathAsString<TDraft>>({ name }: FormErrorProps<TDraft, TPath>) {\n    return Reflect.apply(FormError, this, [{ name }]);\n  }\n}\n\nexport function createForm<TDraft, TOriginal extends TDraft = TDraft>(\n  options: FormOptions<TDraft, TOriginal>,\n) {\n  return new Form(options);\n}\n","import { useCache } from './useCache';\nimport type { UseStoreOptions } from './useStore';\nimport type { Cache } from '@core';\n\nexport function read<T>(cache: Cache<T>, options?: UseStoreOptions): T {\n  const { status, value, error } = useCache(cache, options);\n\n  if (status === 'value') {\n    return value;\n  }\n\n  if (status === 'error') {\n    throw error;\n  }\n\n  throw cache.state.once((state) => state.status !== 'pending');\n}\n","import { startTransition, useEffect, useMemo, useRef, useState } from 'react';\nimport { type Duration } from '@core';\nimport { debounce } from '@lib/debounce';\nimport { hash } from '@lib/hash';\nimport { throttle } from '@lib/throttle';\n\nexport interface UseDecoupledStateOptions<T> {\n  debounce?: Duration;\n  throttle?: Duration;\n  onCommit?: (value: T) => void;\n}\n\nexport function useDecoupledState<T>(\n  value: T,\n  onChange: (value: T) => void,\n  options: UseDecoupledStateOptions<T> = {},\n): [state: T, setState: (value: T) => void] {\n  const [dirty, setDirty] = useState<{ v: T }>();\n  const ref = useRef({ onChange, onCommit: options.onCommit });\n\n  useEffect(() => {\n    ref.current = { onChange, onCommit: options.onCommit };\n  }, [onChange]);\n\n  const update = useMemo(() => {\n    const { onChange, onCommit } = ref.current;\n\n    const update = (value: T) => {\n      onChange(value);\n      setDirty(undefined);\n      onCommit?.(value);\n    };\n\n    let delayedUpdate: (value: T) => void;\n\n    if (options.debounce) {\n      delayedUpdate = debounce(update, options.debounce);\n    } else if (options.throttle) {\n      delayedUpdate = throttle(update, options.throttle);\n    } else {\n      delayedUpdate = (value) => startTransition(() => update(value));\n    }\n\n    return (value: T) => {\n      setDirty({ v: value });\n      delayedUpdate(value);\n    };\n  }, [hash([options.debounce, options.throttle])]);\n\n  return [dirty ? dirty.v : value, update];\n}\n","export function castArray<T>(value: T | T[]): T[] {\n  return Array.isArray(value) ? value : [value];\n}\n","import { type ReactNode, useEffect } from 'react';\nimport { castArray } from '@lib/castArray';\nimport { hash } from '@lib/hash';\n\nexport function useUrlParamScope({\n  key,\n  type = 'search',\n}: {\n  key: string | string[];\n  type?: 'search' | 'hash';\n}) {\n  useEffect(\n    () => () => {\n      const url = new URL(window.location.href);\n      const parameters = new URLSearchParams(url[type].slice(1));\n\n      for (const _key of castArray(key)) {\n        parameters.delete(_key);\n      }\n\n      url[type] = parameters.toString();\n      window.history.replaceState(null, '', url.toString());\n    },\n    [hash(key), type],\n  );\n}\n"],"names":["castArrayPath","useCallback","jsxs","Fragment","name","jsx","useState","useMemo","useEffect","value","createElement","calcDuration","useRef","queue","debounce","options","_a","deepEqual","errors","get","join","createContext","autobind","useContext","useStore","createStore","connectUrl","hash","useCache","onChange","update","throttle","startTransition"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../../src/react/form/customInput.tsx","../../../src/lib/wildcardMatch.ts","../../../src/react/form/formField.tsx","../../../src/react/form/formForEach.tsx","../../../src/react/form/useFormAutosave.ts","../../../src/react/form/form.tsx","../../../src/react/read.ts","../../../src/react/useDecoupledState.ts","../../../src/lib/castArray.ts","../../../src/react/useUrlParamScope.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface CustomInputProps extends React.HTMLAttributes<HTMLDivElement> {\n  name: string;\n  children?: ReactNode;\n}\n\nexport function CustomInput({ name, children, ...props }: CustomInputProps) {\n  return (\n    <div\n      {...props}\n      style={{\n        position: 'relative',\n        ...props.style,\n      }}\n    >\n      {children}\n\n      <input\n        name={name}\n        style={{\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          opacity: 0,\n          width: '100%',\n          height: '100%',\n          pointerEvents: 'none',\n        }}\n      />\n    </div>\n  );\n}\n","import { type KeyType } from './path';\nimport { castArrayPath } from './propAccess';\n\nexport function wildcardMatch(s: KeyType[] | string, w: KeyType[] | string): boolean {\n  if (typeof s === 'string') {\n    s = castArrayPath(s);\n  }\n\n  if (typeof w === 'string') {\n    w = castArrayPath(w);\n  }\n\n  return s.length === w.length && s.every((s, i) => w[i] === '*' || s === w[i]);\n}\n\nexport function getWildCardMatches(\n  object: any,\n  path: [KeyType, ...KeyType[]] | string,\n): Record<KeyType, any> {\n  const matches: Record<KeyType, any> = {};\n  const [first, second, ...rest] = castArrayPath(path);\n\n  if (first === undefined) {\n    throw new Error('Path is empty');\n  }\n\n  if (!(object instanceof Object)) {\n    throw new Error('Object is not an object');\n  }\n\n  for (const [key, value] of Object.entries(object)) {\n    if (first !== '*' && first !== key) {\n      continue;\n    }\n\n    if (second === undefined) {\n      matches[key] = value;\n      continue;\n    }\n\n    for (const [subKey, subValue] of Object.entries(getWildCardMatches(value, [second, ...rest]))) {\n      matches[`${key}.${subKey}`] = subValue;\n    }\n  }\n\n  return matches;\n}\n","import { type PathAsString } from '@index';\nimport { type Value } from '@lib/path';\nimport {\n  createElement,\n  useEffect,\n  useMemo,\n  useState,\n  type Component,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport { type Form } from './form';\n\nexport interface FormFieldComponentProps<TValue, TPath> {\n  name: TPath;\n  value: TValue;\n  onChange: (event: { target: { value: TValue } } | TValue | undefined, ...args: any[]) => void;\n  onBlur: (...args: any[]) => void;\n}\n\ntype NativeInputType = 'input' | 'select' | 'textarea';\n\ntype PartialComponentType<P> =\n  | (new (props: P, context?: any) => Component<P, any>)\n  | ((props: P, context?: any) => ReactNode);\n\nexport type FormFieldComponent = NativeInputType | PartialComponentType<any>;\n\ntype FieldValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T>['value'];\n\ntype FieldChangeValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T> extends {\n  onChange?: (update: infer U) => void;\n}\n  ? U extends { target: { value: infer V } }\n    ? V\n    : U\n  : never;\n\ntype MakeOptional<T, Keys extends string> = Omit<T, Keys> & Partial<Pick<T, Keys & keyof T>>;\n\nexport type FormFieldProps<TDraft, TPath extends PathAsString<TDraft>> = {\n  name: TPath;\n  commitOnBlur?: boolean;\n  commitDebounce?: number;\n};\n\nexport type FormFieldPropsWithRender<TDraft, TPath extends PathAsString<TDraft>> = FormFieldProps<\n  TDraft,\n  TPath\n> & {\n  component?: undefined;\n  render: (props: FormFieldComponentProps<Value<TDraft, TPath>, TPath>) => ReactNode;\n  inputFilter?: undefined;\n  serialize?: undefined;\n  deserialize?: undefined;\n  onChange?: undefined;\n  onBlur?: undefined;\n};\n\nexport type FormFieldPropsWithComponent<\n  TDraft,\n  TPath extends PathAsString<TDraft>,\n  TComponent extends FormFieldComponent,\n> = FormFieldProps<TDraft, TPath> & {\n  component?: TComponent;\n  render?: undefined;\n  inputFilter?: (value: FieldChangeValue<TComponent>) => boolean;\n} & MakeOptional<\n    Omit<ComponentPropsWithoutRef<TComponent>, 'id' | 'name' | 'value'>,\n    'onChange' | 'onBlur'\n  > &\n  (Value<TDraft, TPath> extends FieldValue<TComponent>\n    ? { serialize?: (value: Value<TDraft, TPath>) => FieldValue<TComponent> }\n    : { serialize: (value: Value<TDraft, TPath>) => FieldValue<TComponent> }) &\n  (FieldChangeValue<TComponent> extends Value<TDraft, TPath>\n    ? { deserialize?: (value: FieldChangeValue<TComponent>) => Value<TDraft, TPath> }\n    : { deserialize: (value: FieldChangeValue<TComponent>) => Value<TDraft, TPath> });\n\nexport function FormField<\n  TDraft,\n  TPath extends PathAsString<TDraft>,\n  TComponent extends FormFieldComponent,\n>(\n  this: Form<TDraft, any>,\n  {\n    // id,\n    name,\n    component,\n    commitOnBlur,\n    commitDebounce,\n    render,\n    inputFilter,\n    serialize = (x) => x as FieldValue<TComponent>,\n    deserialize = (x) => x as Value<TDraft, TPath>,\n    ...restProps\n  }:\n    | FormFieldPropsWithRender<TDraft, TPath>\n    | FormFieldPropsWithComponent<TDraft, TPath, TComponent>,\n) {\n  type T = FieldChangeValue<TComponent>;\n\n  const { value, setValue } = this.useField(name);\n  const [localValue, setLocalValue] = useState<T>();\n\n  useEffect(() => {\n    if (localValue === undefined || !commitDebounce) {\n      return;\n    }\n\n    const timeout = setTimeout(() => {\n      setValue(deserialize(localValue));\n      setLocalValue(undefined);\n    }, commitDebounce);\n\n    return () => clearTimeout(timeout);\n  }, [localValue, commitDebounce]);\n\n  const props = {\n    ...restProps,\n    name,\n    value: localValue ?? serialize(value as Value<TDraft, TPath>),\n    onChange: (event: { target: { value: T } } | T, ...moreArgs: any[]) => {\n      const value =\n        typeof event === 'object' && event !== null && 'target' in event\n          ? event.target.value\n          : event;\n\n      if (inputFilter && !inputFilter(value)) {\n        return;\n      }\n\n      if (commitOnBlur || commitDebounce) {\n        setLocalValue(value);\n      } else {\n        setValue(deserialize(value));\n      }\n\n      restProps.onChange?.(event, ...moreArgs);\n    },\n    onBlur(...args: any[]) {\n      if (localValue !== undefined) {\n        setValue(deserialize(localValue));\n        setLocalValue(undefined);\n      }\n\n      restProps.onBlur?.apply(null, args);\n    },\n  };\n\n  if (render) {\n    return render(props as FormFieldComponentProps<Value<TDraft, TPath>, TPath>) ?? null;\n  }\n\n  if (component) {\n    return createElement(component, props);\n  }\n\n  return null;\n}\n","import { type GetKeys, type Join, type PathAsString, type Value } from '@lib/path';\nimport { Fragment, useCallback, type ReactNode } from 'react';\nimport { type FieldHelperMethods, type Form } from './form';\n\nexport type ForEachPath<T> = PathAsString<T>;\n\nexport type ElementName<TDraft, TPath extends PathAsString<TDraft>> = Join<\n  TPath,\n  GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)\n>;\n\nexport interface FormForEachProps<TDraft, TPath extends ForEachPath<TDraft>> {\n  name: TPath;\n  renderElement?: (props: {\n    name: ElementName<TDraft, TPath>;\n    key: `${GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)}`;\n    index: number;\n    remove: () => void;\n  }) => ReactNode;\n  children?: (\n    props: {\n      setValue: (\n        value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n      ) => void;\n    } & FieldHelperMethods<TDraft, TPath>,\n  ) => ReactNode;\n}\n\nexport function FormForEach<TDraft, TPath extends ForEachPath<TDraft>>(\n  this: Form<TDraft, any>,\n  { name, renderElement, children }: FormForEachProps<TDraft, TPath>,\n) {\n  const form = this.useForm();\n\n  const names = this.useFormState(() => {\n    const field = form.getField(name) as any;\n    return field.names as any[];\n  });\n\n  const add = useCallback(\n    (...args: any[]) => {\n      const field = form.getField(name) as any;\n      field.add(...args);\n    },\n    [form],\n  );\n\n  const remove = useCallback(\n    (key: any) => {\n      const field = form.getField(name) as any;\n      field.remove(key);\n    },\n    [form],\n  );\n\n  const setValue = useCallback(\n    (value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>)) => {\n      const field = form.getField(name) as any;\n      field.setValue(value);\n    },\n    [form],\n  );\n\n  return (\n    <>\n      {renderElement &&\n        names.map((name, index) => {\n          const key = name.split('.').pop();\n\n          return (\n            <Fragment key={key}>\n              {renderElement({\n                name,\n                key,\n                index,\n                remove: () => remove(index),\n              })}\n            </Fragment>\n          );\n        })}\n\n      {children?.({\n        names,\n        add,\n        remove,\n        setValue,\n      } as any)}\n    </>\n  );\n}\n","import type { Duration } from '@core';\nimport { calcDuration } from '@lib/calcDuration';\nimport { debounce } from '@lib/debounce';\nimport { queue } from '@lib/queue';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport type { FormContext } from './form';\nimport type { MaybePromise } from '@lib/maybePromise';\nimport { deepEqual } from '@lib/equals';\n\nexport interface FormAutosaveOptions<TDraft, TOriginal> {\n  save: (draft: TDraft, form: FormContext<TDraft, TOriginal>) => MaybePromise<void>;\n  debounce?: Duration;\n  resetAfterSave?: boolean;\n}\n\nexport function useFormAutosave<TDraft, TOriginal extends TDraft>(\n  form: FormContext<TDraft, TOriginal>,\n) {\n  const { formState, options, getDraft } = form;\n  const debounceTime = calcDuration(options.autoSave?.debounce ?? 2_000);\n  const latestRef = useRef({ options });\n  const lastValue = useRef<TDraft>();\n  const q = useMemo(() => queue(), []);\n\n  const run = useMemo(\n    () =>\n      debounce(async () => {\n        const { options } = latestRef.current;\n        const save = options.autoSave?.save;\n        const draft = getDraft();\n\n        lastValue.current = draft;\n\n        q.clear();\n\n        q(async () => {\n          try {\n            formState.set('saveInProgress', true);\n            await save?.(draft, form);\n\n            if (q.size === 0 && options.autoSave?.resetAfterSave) {\n              form.reset();\n            }\n          } finally {\n            formState.set('saveInProgress', false);\n\n            if (q.size === 0) {\n              formState.set('saveScheduled', false);\n            }\n          }\n        });\n      }, debounceTime),\n    [formState, debounceTime],\n  );\n\n  useEffect(() => {\n    if (!options.autoSave?.save) {\n      return;\n    }\n\n    return formState\n      .map((state) => state.draft)\n      .subscribe(\n        () => {\n          if (deepEqual(getDraft(), lastValue.current)) {\n            return;\n          }\n\n          run();\n          formState.set('saveScheduled', true);\n        },\n        { runNow: false },\n      );\n  }, [formState]);\n\n  useEffect(() => {\n    latestRef.current = { options };\n  });\n}\n","import { connectUrl, createStore, type Store, type UrlStoreOptions } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { deepEqual } from '@lib/equals';\nimport { hash } from '@lib/hash';\nimport {\n  type Path,\n  type PathAsString,\n  type Value,\n  type WildcardPathAsString,\n  type WildcardValue,\n} from '@lib/path';\nimport { get, join } from '@lib/propAccess';\nimport type { Object_ } from '@lib/typeHelpers';\nimport { getWildCardMatches } from '@lib/wildcardMatch';\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  type FormEvent,\n  type HTMLProps,\n  type ReactNode,\n} from 'react';\nimport { useStore, type UseStoreOptions } from '../useStore';\nimport {\n  FormField,\n  type FormFieldComponent,\n  type FormFieldPropsWithComponent,\n  type FormFieldPropsWithRender,\n} from './formField';\nimport {\n  FormForEach,\n  type ElementName,\n  type ForEachPath,\n  type FormForEachProps,\n} from './formForEach';\nimport { useFormAutosave, type FormAutosaveOptions } from './useFormAutosave';\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Form types\n/// /////////////////////////////////////////////////////////////////////////////\n\nexport type Transform<TDraft> = Path<TDraft> | '' extends infer TPath\n  ? TPath extends TPath\n    ? {\n        update: (value: Value<TDraft, TPath>, store: Store<TDraft>) => void | TDraft;\n      } & (TPath extends '' ? { trigger?: '' } : { trigger: TPath })\n    : never\n  : never;\n\nexport interface FormOptions<TDraft, TOriginal> {\n  defaultValue: TDraft;\n  validations?: Validations<TDraft, TOriginal>;\n  localizeError?: (error: string, field: string) => string | undefined;\n  urlState?: boolean | UrlStoreOptions<TDraft>;\n  autoSave?: FormAutosaveOptions<TDraft, TOriginal>;\n  transform?: Transform<TDraft>[];\n}\n\nexport type Validations<TDraft, TOriginal> = {\n  [TPath in WildcardPathAsString<TDraft>]?: Record<string, Validation<TDraft, TOriginal, TPath>>;\n} & Record<string, Record<string, Validation<TDraft, TOriginal, any>>>;\n\nexport type Validation<TDraft, TOriginal, TPath> = (\n  value: WildcardValue<TDraft, TPath>,\n  context: {\n    draft: TDraft;\n    original: TOriginal;\n    field: PathAsString<TDraft> | '';\n  },\n) => boolean;\n\nexport type Field<TDraft, TOriginal, TPath extends PathAsString<TDraft>> = {\n  originalValue: Value<TOriginal, TPath> | undefined;\n  value: Value<TDraft, TPath>;\n  setValue: (\n    value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n  ) => void;\n  hasChange: boolean;\n  errors: string[];\n} & (Value<TDraft, TPath> extends Object_ ? FieldHelperMethods<TDraft, TPath> : {});\n\nexport type FieldHelperMethods<TDraft, TPath extends PathAsString<TDraft>> = {\n  names: ElementName<TDraft, TPath>[];\n  add: NonNullable<Value<TDraft, TPath>> extends readonly (infer T)[]\n    ? (element: T) => void\n    : NonNullable<Value<TDraft, TPath>> extends Record<infer K, infer V>\n    ? (key: K, value: V) => void\n    : never;\n  remove: Value<TDraft, TPath> extends readonly any[]\n    ? (index: number) => void\n    : (key: string) => void;\n};\n\nexport interface FormState<TDraft> {\n  draft: TDraft | undefined;\n  hasTriggeredValidations: boolean;\n  saveScheduled: boolean;\n  saveInProgress: boolean;\n}\n\nexport interface FormDerivedState<TDraft> {\n  draft: TDraft;\n  hasTriggeredValidations: boolean;\n  saveScheduled: boolean;\n  saveInProgress: boolean;\n  hasChanges: boolean;\n  errors: Map<string, string[]>;\n  isValid: boolean;\n}\n\nexport interface FormContext<TDraft, TOriginal> {\n  formState: Store<FormState<TDraft>>;\n  derivedState: Store<FormDerivedState<TDraft>>;\n  options: FormOptions<TDraft, TOriginal>;\n  original: TOriginal | undefined;\n  getField: <TPath extends PathAsString<TDraft>>(path: TPath) => Field<TDraft, TOriginal, TPath>;\n  getDraft: () => TDraft;\n  hasTriggeredValidations: () => boolean;\n  hasChanges: () => boolean;\n  getErrors: () => Map<string, string[]>;\n  isValid: () => boolean;\n  validate: () => boolean;\n  reset: () => void;\n}\n\nexport interface FormInstance<TDraft, TOriginal>\n  extends FormDerivedState<TDraft>,\n    Pick<FormContext<TDraft, TOriginal>, 'options' | 'original' | 'getField'> {}\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Implementation\n/// /////////////////////////////////////////////////////////////////////////////\n\nfunction FormContainer({\n  form,\n  ...formProps\n}: {\n  form: Form<any, any>;\n  onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<any, any>) => void;\n} & Omit<HTMLProps<HTMLFormElement>, 'form' | 'onSubmit'>) {\n  const formInstance = form.useForm();\n\n  const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);\n\n  return (\n    <form\n      noValidate\n      {...formProps}\n      className={[formProps.className, hasTriggeredValidations ? 'validated' : undefined]\n        .filter(Boolean)\n        .join(' ')}\n      onSubmit={(event) => {\n        event.preventDefault();\n\n        const isValid = formInstance.validate();\n        const errors = formInstance.getErrors();\n\n        for (const element of Array.from(event.currentTarget.elements)) {\n          if ('name' in element && 'setCustomValidity' in element) {\n            (element as HTMLObjectElement).setCustomValidity(\n              errors.get((element as HTMLObjectElement).name)?.join('\\n') ?? '',\n            );\n          }\n        }\n\n        let button;\n\n        if (\n          event.nativeEvent instanceof SubmitEvent &&\n          (button = event.nativeEvent.submitter) &&\n          (button instanceof HTMLButtonElement || button instanceof HTMLInputElement) &&\n          button.setCustomValidity\n        ) {\n          const errorString = [...errors.entries()]\n            .flatMap(([field, errors]) =>\n              errors.map((error) => {\n                return formInstance.options.localizeError?.(error, field) ?? error;\n              }),\n            )\n            .join('\\n');\n\n          button.setCustomValidity(errorString);\n        }\n\n        event.currentTarget.reportValidity();\n\n        if (isValid) {\n          formProps.onSubmit?.(event, {\n            ...formInstance,\n            ...formInstance.derivedState.get(),\n          });\n        }\n      }}\n    />\n  );\n}\n\nfunction getField<TDraft, TOriginal extends TDraft, TPath extends PathAsString<TDraft>>(\n  derivedState: Store<FormDerivedState<TDraft>>,\n  original: TOriginal | undefined,\n  path: TPath,\n): Field<TDraft, TOriginal, TPath> {\n  return {\n    get originalValue() {\n      return original !== undefined ? get(original as any, path as any) : undefined;\n    },\n\n    get value() {\n      const { draft } = derivedState.get();\n      return get(draft, path);\n    },\n\n    setValue(update: any) {\n      derivedState.set(join('draft', path) as any, update);\n    },\n\n    get hasChange() {\n      return !deepEqual(this.originalValue, this.value);\n    },\n\n    get errors() {\n      const { errors } = derivedState.get();\n      return errors.get(path) ?? [];\n    },\n\n    get names(): any {\n      const { value } = this;\n\n      if (Array.isArray(value)) {\n        return value.map((_, index) => join(path, String(index)));\n      }\n\n      if (value instanceof Object) {\n        return Object.keys(value).map((key) => join(path, key));\n      }\n\n      return [];\n    },\n\n    add(...args: any[]) {\n      this.setValue((value: any) => {\n        if (args.length === 1) {\n          return [...(value ?? []), args[0]];\n        }\n\n        return {\n          ...value,\n          [args[0]]: args[1],\n        };\n      });\n    },\n\n    remove(key: any) {\n      this.setValue((value: any) => {\n        if (!value) {\n          return value;\n        }\n\n        if (Array.isArray(value)) {\n          return value.filter((_, index) => index !== key);\n        }\n\n        if (value instanceof Object) {\n          const { [key]: _, ...rest } = value;\n          return rest;\n        }\n\n        return value;\n      });\n    },\n  } as any;\n}\n\nfunction getErrors<TDraft, TOriginal>(\n  draft: TDraft,\n  original: TOriginal | undefined,\n  validations: FormOptions<TDraft, TOriginal>['validations'],\n) {\n  const errors = new Map<string, string[]>();\n\n  for (const [path, block] of Object.entries(validations ?? {})) {\n    for (const [validationName, validate] of Object.entries(\n      block as Record<string, Validation<any, any, any>>,\n    )) {\n      let matched = false;\n\n      for (const [field, value] of Object.entries(getWildCardMatches(draft, path))) {\n        matched = true;\n        if (!validate(value, { draft, original, field })) {\n          const fieldErrors = errors.get(field) ?? [];\n          fieldErrors.push(validationName);\n          errors.set(field, fieldErrors);\n        }\n      }\n\n      if (!matched && !path.includes('*')) {\n        if (!validate(undefined, { draft, original, field: path })) {\n          const fieldErrors = errors.get(path) ?? [];\n          fieldErrors.push(validationName);\n          errors.set(path, fieldErrors);\n        }\n      }\n    }\n  }\n\n  return errors;\n}\n\nexport class Form<TDraft, TOriginal extends TDraft = TDraft> {\n  context = createContext<FormContext<TDraft, TOriginal> | null>(null);\n\n  constructor(public readonly options: FormOptions<TDraft, TOriginal>) {\n    autobind(Form);\n  }\n\n  useForm(): FormContext<TDraft, TOriginal> {\n    const context = useContext(this.context);\n\n    if (!context) {\n      throw new Error('Form context not found');\n    }\n\n    return context;\n  }\n\n  useFormState<S>(\n    selector: (state: FormInstance<TDraft, TOriginal>) => S,\n    useStoreOptions?: UseStoreOptions,\n  ) {\n    const form = this.useForm();\n\n    return useStore(\n      form.derivedState.map((state) =>\n        selector({\n          ...form,\n          ...state,\n        }),\n      ),\n      useStoreOptions,\n    );\n  }\n\n  useField<TPath extends PathAsString<TDraft>>(path: TPath, useStoreOptions?: UseStoreOptions) {\n    return this.useFormState((form) => form.getField(path), useStoreOptions);\n  }\n\n  // ///////////////////////////////////////////////////////////////////////////\n  // React Components\n  // ///////////////////////////////////////////////////////////////////////////\n\n  Form({\n    original,\n    defaultValue,\n    validations,\n    localizeError,\n    urlState,\n    autoSave,\n    transform,\n    ...formProps\n  }: {\n    original?: TOriginal;\n    onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<TDraft, TOriginal>) => void;\n  } & Partial<FormOptions<TDraft, TOriginal>> &\n    Omit<HTMLProps<HTMLFormElement>, 'defaultValue' | 'autoSave' | 'onSubmit'>) {\n    const options: FormOptions<TDraft, TOriginal> = {\n      defaultValue: { ...this.options.defaultValue, ...defaultValue },\n      validations: { ...this.options.validations, ...validations } as Validations<\n        TDraft,\n        TOriginal\n      >,\n      localizeError: localizeError ?? this.options.localizeError,\n      autoSave: autoSave ?? this.options.autoSave,\n      transform: transform ?? this.options.transform,\n    };\n\n    const formState = useMemo(() => {\n      return createStore<FormState<TDraft>>({\n        draft: undefined,\n        hasTriggeredValidations: false,\n        saveScheduled: false,\n        saveInProgress: false,\n      });\n    }, []);\n\n    const derivedState = useMemo(() => {\n      return formState.map<FormDerivedState<TDraft>>(\n        (state) => {\n          const {\n            draft = original ?? options.defaultValue,\n            hasTriggeredValidations,\n            saveScheduled,\n            saveInProgress,\n          } = state;\n          const errors = getErrors(draft, original, options.validations);\n\n          return {\n            draft,\n            hasTriggeredValidations,\n            saveScheduled,\n            saveInProgress,\n            hasChanges: !!draft && !deepEqual(draft, original),\n            errors,\n            isValid: errors.size === 0,\n          };\n        },\n        (newState) => ({\n          draft: newState.draft,\n          hasTriggeredValidations: newState.hasTriggeredValidations,\n          saveScheduled: newState.saveScheduled,\n          saveInProgress: newState.saveInProgress,\n        }),\n      );\n    }, [formState, original, options.validations, options.defaultValue]);\n\n    const context = useMemo(() => {\n      return {\n        formState,\n        derivedState,\n        options,\n        original,\n\n        getField(path) {\n          return getField(derivedState, original, path);\n        },\n\n        getDraft() {\n          return formState.get().draft ?? original ?? options.defaultValue;\n        },\n\n        hasTriggeredValidations() {\n          return formState.get().hasTriggeredValidations;\n        },\n\n        hasChanges() {\n          return derivedState.get().hasChanges;\n        },\n\n        getErrors() {\n          return derivedState.get().errors;\n        },\n\n        isValid() {\n          return derivedState.get().isValid;\n        },\n\n        validate() {\n          formState.set('hasTriggeredValidations', true);\n          return derivedState.get().isValid;\n        },\n\n        reset() {\n          formState.set('draft', undefined);\n          formState.set('hasTriggeredValidations', false);\n        },\n      } satisfies FormContext<TDraft, TOriginal>;\n    }, [formState, derivedState, original, defaultValue, validations, localizeError, urlState]);\n\n    useEffect(() => {\n      if (urlState) {\n        return connectUrl(\n          formState.map('draft'),\n          typeof urlState === 'object' ? urlState : { key: 'form' },\n        );\n      }\n\n      return undefined;\n    }, [formState, hash(urlState)]);\n\n    useEffect(() => {\n      const handles = options.transform?.map(({ trigger, update }) => {\n        const draft = derivedState.map('draft');\n        const triggerStore = trigger ? draft.map(trigger as any) : draft;\n\n        return triggerStore.subscribe(() => {\n          const value = trigger ? get(draft.get(), trigger as any) : draft.get();\n          const result = update(value as any, draft);\n\n          if (result !== undefined) {\n            draft.set(result);\n          }\n        });\n      });\n\n      return () => {\n        handles?.forEach((handle) => handle());\n      };\n    }, [options.transform]);\n\n    useFormAutosave(context);\n\n    return (\n      <this.context.Provider value={context}>\n        <FormContainer {...formProps} form={this} />\n      </this.context.Provider>\n    );\n  }\n\n  FormState<S>({\n    selector,\n    children,\n  }: {\n    selector: (form: FormInstance<TDraft, TOriginal>) => S;\n    children: (selectedState: S) => ReactNode;\n  }) {\n    const selectedState = this.useFormState(selector);\n    return <>{children(selectedState)}</>;\n  }\n\n  Field<TPath extends PathAsString<TDraft>>(\n    props: FormFieldPropsWithRender<TDraft, TPath>,\n  ): JSX.Element;\n\n  Field<\n    const TPath extends PathAsString<TDraft>,\n    const TComponent extends FormFieldComponent = 'input',\n  >(props: FormFieldPropsWithComponent<TDraft, TPath, TComponent>): JSX.Element;\n\n  Field(props: any): JSX.Element {\n    return Reflect.apply(FormField, this, [{ component: 'input', ...props }]);\n  }\n\n  ForEach<TPath extends ForEachPath<TDraft>>(props: FormForEachProps<TDraft, TPath>) {\n    return Reflect.apply(FormForEach, this, [props]);\n  }\n}\n\nexport function createForm<TDraft, TOriginal extends TDraft = TDraft>(\n  options: FormOptions<TDraft, TOriginal>,\n) {\n  return new Form(options);\n}\n","import { useCache } from './useCache';\nimport type { UseStoreOptions } from './useStore';\nimport type { Cache } from '@core';\n\nexport function read<T>(cache: Cache<T>, options?: UseStoreOptions): T {\n  const { status, value, error } = useCache(cache, options);\n\n  if (status === 'value') {\n    return value;\n  }\n\n  if (status === 'error') {\n    throw error;\n  }\n\n  throw cache.state.once((state) => state.status !== 'pending');\n}\n","import { startTransition, useEffect, useMemo, useRef, useState } from 'react';\nimport { type Duration } from '@core';\nimport { debounce } from '@lib/debounce';\nimport { hash } from '@lib/hash';\nimport { throttle } from '@lib/throttle';\n\nexport interface UseDecoupledStateOptions<T> {\n  debounce?: Duration;\n  throttle?: Duration;\n  onCommit?: (value: T) => void;\n}\n\nexport function useDecoupledState<T>(\n  value: T,\n  onChange: (value: T) => void,\n  options: UseDecoupledStateOptions<T> = {},\n): [state: T, setState: (value: T) => void] {\n  const [dirty, setDirty] = useState<{ v: T }>();\n  const ref = useRef({ onChange, onCommit: options.onCommit });\n\n  useEffect(() => {\n    ref.current = { onChange, onCommit: options.onCommit };\n  }, [onChange]);\n\n  const update = useMemo(() => {\n    const { onChange, onCommit } = ref.current;\n\n    const update = (value: T) => {\n      onChange(value);\n      setDirty(undefined);\n      onCommit?.(value);\n    };\n\n    let delayedUpdate: (value: T) => void;\n\n    if (options.debounce) {\n      delayedUpdate = debounce(update, options.debounce);\n    } else if (options.throttle) {\n      delayedUpdate = throttle(update, options.throttle);\n    } else {\n      delayedUpdate = (value) => startTransition(() => update(value));\n    }\n\n    return (value: T) => {\n      setDirty({ v: value });\n      delayedUpdate(value);\n    };\n  }, [hash([options.debounce, options.throttle])]);\n\n  return [dirty ? dirty.v : value, update];\n}\n","export function castArray<T>(value: T | T[]): T[] {\n  return Array.isArray(value) ? value : [value];\n}\n","import { type ReactNode, useEffect } from 'react';\nimport { castArray } from '@lib/castArray';\nimport { hash } from '@lib/hash';\n\nexport function useUrlParamScope({\n  key,\n  type = 'search',\n}: {\n  key: string | string[];\n  type?: 'search' | 'hash';\n}) {\n  useEffect(\n    () => () => {\n      const url = new URL(window.location.href);\n      const parameters = new URLSearchParams(url[type].slice(1));\n\n      for (const _key of castArray(key)) {\n        parameters.delete(_key);\n      }\n\n      url[type] = parameters.toString();\n      window.history.replaceState(null, '', url.toString());\n    },\n    [hash(key), type],\n  );\n}\n"],"names":["jsxs","jsx","castArrayPath","useState","useEffect","value","createElement","useCallback","Fragment","name","calcDuration","useRef","useMemo","queue","debounce","options","_a","deepEqual","errors","_b","get","join","createContext","autobind","useContext","useStore","createStore","connectUrl","hash","useCache","onChange","update","throttle","startTransition"],"mappings":"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"}

package/dist/es/react/index.mjs

@@ -1,10 +1,40 @@
 import { d as useStore, u as useCache } from "../scope.mjs";
 import { S, r, e, a } from "../scope.mjs";
-import { useCallback, Fragment as Fragment$1, useState, useMemo, useEffect, createElement, useRef, createContext, useContext, startTransition } from "react";
+import { useState, useEffect, createElement, useCallback, Fragment as Fragment$1, useRef, useMemo, createContext, useContext, startTransition } from "react";
 import { e as castArrayPath, b as calcDuration, q as queue, l as debounce, d as deepEqual, a as autobind, c as createStore, g as get, n as join, t as throttle } from "../store.mjs";
 import { h as hash } from "../hash.mjs";
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { c as connectUrl } from "../urlStore.mjs";
+function CustomInput({ name, children, ...props }) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      ...props,
+      style: {
+        position: "relative",
+        ...props.style
+      },
+      children: [
+        children,
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            name,
+            style: {
+              position: "absolute",
+              top: 0,
+              left: 0,
+              opacity: 0,
+              width: "100%",
+              height: "100%",
+              pointerEvents: "none"
+            }
+          }
+        )
+      ]
+    }
+  );
+}
 function getWildCardMatches(object, path) {
   const matches = {};
   const [first, second, ...rest] = castArrayPath(path);
@@ -28,56 +58,6 @@ function getWildCardMatches(object, path) {
   }
   return matches;
 }
-function FormForEach({ name, renderElement, children }) {
-  const form = this.useForm();
-  const names = this.useFormState(() => {
-    const field = form.getField(name);
-    return field.names;
-  });
-  const add = useCallback(
-    (...args) => {
-      const field = form.getField(name);
-      field.add(...args);
-    },
-    [form]
-  );
-  const remove = useCallback(
-    (key) => {
-      const field = form.getField(name);
-      field.remove(key);
-    },
-    [form]
-  );
-  const setValue = useCallback(
-    (value) => {
-      const field = form.getField(name);
-      field.setValue(value);
-    },
-    [form]
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    renderElement && names.map((name2, index) => {
-      const key = name2.split(".").pop();
-      return /* @__PURE__ */ jsx(Fragment$1, { children: renderElement({
-        name: name2,
-        key,
-        index,
-        remove: () => remove(index)
-      }) }, key);
-    }),
-    children == null ? void 0 : children({
-      names,
-      add,
-      remove,
-      setValue
-    })
-  ] });
-}
-function FormError({ name }) {
-  const hasTriggeredValidations = this.useFormState((form) => form.hasTriggeredValidations);
-  const { errors } = this.useField(name);
-  return hasTriggeredValidations ? /* @__PURE__ */ jsx(Fragment, { children: errors.join(", ") }) : null;
-}
 function FormField({
   // id,
   name,
@@ -90,18 +70,8 @@ function FormField({
   deserialize = (x) => x,
   ...restProps
 }) {
-  const id = "";
-  const { options } = this.useForm();
-  const { value, setValue, errors } = this.useField(name);
-  const errorString = errors.map((error) => {
-    var _a;
-    return ((_a = options.localizeError) == null ? void 0 : _a.call(options, error, name)) ?? error;
-  }).join("\n");
+  const { value, setValue } = this.useField(name);
   const [localValue, setLocalValue] = useState();
-  const _id = useMemo(
-    () => `f${Math.random().toString(36).slice(2, 15)}${Math.random().toString(36).slice(2, 15)}`,
-    [id]
-  );
   useEffect(() => {
     if (localValue === void 0 || !commitDebounce) {
       return;
@@ -112,18 +82,8 @@ function FormField({
     }, commitDebounce);
     return () => clearTimeout(timeout);
   }, [localValue, commitDebounce]);
-  useEffect(() => {
-    const element = document.querySelector(
-      [`#${_id} input`, `#${_id} select`, `#${_id} textarea`, `#${_id}`].join(",")
-    );
-    if (!(element instanceof HTMLInputElement || element instanceof HTMLSelectElement || element instanceof HTMLTextAreaElement)) {
-      return;
-    }
-    element.setCustomValidity(errorString);
-  }, [_id, errorString]);
   const props = {
     ...restProps,
-    id: _id,
     name,
     value: localValue ?? serialize(value),
     onChange: (event, ...moreArgs) => {
@@ -156,6 +116,51 @@ function FormField({
   }
   return null;
 }
+function FormForEach({ name, renderElement, children }) {
+  const form = this.useForm();
+  const names = this.useFormState(() => {
+    const field = form.getField(name);
+    return field.names;
+  });
+  const add = useCallback(
+    (...args) => {
+      const field = form.getField(name);
+      field.add(...args);
+    },
+    [form]
+  );
+  const remove = useCallback(
+    (key) => {
+      const field = form.getField(name);
+      field.remove(key);
+    },
+    [form]
+  );
+  const setValue = useCallback(
+    (value) => {
+      const field = form.getField(name);
+      field.setValue(value);
+    },
+    [form]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    renderElement && names.map((name2, index) => {
+      const key = name2.split(".").pop();
+      return /* @__PURE__ */ jsx(Fragment$1, { children: renderElement({
+        name: name2,
+        key,
+        index,
+        remove: () => remove(index)
+      }) }, key);
+    }),
+    children == null ? void 0 : children({
+      names,
+      add,
+      remove,
+      setValue
+    })
+  ] });
+}
 function useFormAutosave(form) {
   var _a;
   const { formState, options, getDraft } = form;
@@ -214,7 +219,6 @@ function FormContainer({
   ...formProps
 }) {
   const formInstance = form.useForm();
-  const errors = formInstance.getErrors();
   const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);
   return /* @__PURE__ */ jsx(
     "form",
@@ -223,22 +227,30 @@ function FormContainer({
       ...formProps,
       className: [formProps.className, hasTriggeredValidations ? "validated" : void 0].filter(Boolean).join(" "),
       onSubmit: (event) => {
-        var _a;
+        var _a, _b;
         event.preventDefault();
         const isValid = formInstance.validate();
+        const errors = formInstance.getErrors();
+        for (const element of Array.from(event.currentTarget.elements)) {
+          if ("name" in element && "setCustomValidity" in element) {
+            element.setCustomValidity(
+              ((_a = errors.get(element.name)) == null ? void 0 : _a.join("\n")) ?? ""
+            );
+          }
+        }
         let button;
         if (event.nativeEvent instanceof SubmitEvent && (button = event.nativeEvent.submitter) && (button instanceof HTMLButtonElement || button instanceof HTMLInputElement) && button.setCustomValidity) {
           const errorString = [...errors.entries()].flatMap(
             ([field, errors2]) => errors2.map((error) => {
-              var _a2, _b;
-              return ((_b = (_a2 = formInstance.options).localizeError) == null ? void 0 : _b.call(_a2, error, field)) ?? error;
+              var _a2, _b2;
+              return ((_b2 = (_a2 = formInstance.options).localizeError) == null ? void 0 : _b2.call(_a2, error, field)) ?? error;
             })
           ).join("\n");
           button.setCustomValidity(errorString);
         }
         event.currentTarget.reportValidity();
         if (isValid) {
-          (_a = formProps.onSubmit) == null ? void 0 : _a.call(formProps, event, {
+          (_b = formProps.onSubmit) == null ? void 0 : _b.call(formProps, event, {
             ...formInstance,
             ...formInstance.derivedState.get()
           });
@@ -490,9 +502,6 @@ class Form {
   ForEach(props) {
     return Reflect.apply(FormForEach, this, [props]);
   }
-  Error({ name }) {
-    return Reflect.apply(FormError, this, [{ name }]);
-  }
 }
 function createForm(options) {
   return new Form(options);
@@ -556,6 +565,7 @@ function useUrlParamScope({
   );
 }
 export {
+  CustomInput,
   Form,
   S as ScopeProvider,
   createForm,

package/dist/es/react/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../src/lib/wildcardMatch.ts","../../../src/react/form/formForEach.tsx","../../../src/react/form/formError.tsx","../../../src/react/form/formField.tsx","../../../src/react/form/useFormAutosave.ts","../../../src/react/form/form.tsx","../../../src/react/read.ts","../../../src/react/useDecoupledState.ts","../../../src/lib/castArray.ts","../../../src/react/useUrlParamScope.ts"],"sourcesContent":["import { type KeyType } from './path';\nimport { castArrayPath } from './propAccess';\n\nexport function wildcardMatch(s: KeyType[] | string, w: KeyType[] | string): boolean {\n  if (typeof s === 'string') {\n    s = castArrayPath(s);\n  }\n\n  if (typeof w === 'string') {\n    w = castArrayPath(w);\n  }\n\n  return s.length === w.length && s.every((s, i) => w[i] === '*' || s === w[i]);\n}\n\nexport function getWildCardMatches(\n  object: any,\n  path: [KeyType, ...KeyType[]] | string,\n): Record<KeyType, any> {\n  const matches: Record<KeyType, any> = {};\n  const [first, second, ...rest] = castArrayPath(path);\n\n  if (first === undefined) {\n    throw new Error('Path is empty');\n  }\n\n  if (!(object instanceof Object)) {\n    throw new Error('Object is not an object');\n  }\n\n  for (const [key, value] of Object.entries(object)) {\n    if (first !== '*' && first !== key) {\n      continue;\n    }\n\n    if (second === undefined) {\n      matches[key] = value;\n      continue;\n    }\n\n    for (const [subKey, subValue] of Object.entries(getWildCardMatches(value, [second, ...rest]))) {\n      matches[`${key}.${subKey}`] = subValue;\n    }\n  }\n\n  return matches;\n}\n","import { type GetKeys, type Join, type PathAsString, type Value } from '@lib/path';\nimport { Fragment, useCallback, type ReactNode } from 'react';\nimport { type FieldHelperMethods, type Form } from './form';\n\nexport type ForEachPath<T> = PathAsString<T>;\n\nexport type ElementName<TDraft, TPath extends PathAsString<TDraft>> = Join<\n  TPath,\n  GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)\n>;\n\nexport interface FormForEachProps<TDraft, TPath extends ForEachPath<TDraft>> {\n  name: TPath;\n  renderElement?: (props: {\n    name: ElementName<TDraft, TPath>;\n    key: `${GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)}`;\n    index: number;\n    remove: () => void;\n  }) => ReactNode;\n  children?: (\n    props: {\n      setValue: (\n        value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n      ) => void;\n    } & FieldHelperMethods<TDraft, TPath>,\n  ) => ReactNode;\n}\n\nexport function FormForEach<TDraft, TPath extends ForEachPath<TDraft>>(\n  this: Form<TDraft, any>,\n  { name, renderElement, children }: FormForEachProps<TDraft, TPath>,\n) {\n  const form = this.useForm();\n\n  const names = this.useFormState(() => {\n    const field = form.getField(name) as any;\n    return field.names as any[];\n  });\n\n  const add = useCallback(\n    (...args: any[]) => {\n      const field = form.getField(name) as any;\n      field.add(...args);\n    },\n    [form],\n  );\n\n  const remove = useCallback(\n    (key: any) => {\n      const field = form.getField(name) as any;\n      field.remove(key);\n    },\n    [form],\n  );\n\n  const setValue = useCallback(\n    (value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>)) => {\n      const field = form.getField(name) as any;\n      field.setValue(value);\n    },\n    [form],\n  );\n\n  return (\n    <>\n      {renderElement &&\n        names.map((name, index) => {\n          const key = name.split('.').pop();\n\n          return (\n            <Fragment key={key}>\n              {renderElement({\n                name,\n                key,\n                index,\n                remove: () => remove(index),\n              })}\n            </Fragment>\n          );\n        })}\n\n      {children?.({\n        names,\n        add,\n        remove,\n        setValue,\n      } as any)}\n    </>\n  );\n}\n","import { type Form } from './form';\nimport { type PathAsString } from '@lib/path';\n\nexport type FormErrorProps<TDraft, TPath extends PathAsString<TDraft>> = {\n  name: TPath;\n};\n\nexport function FormError<TDraft, TPath extends PathAsString<TDraft>>(\n  this: Form<TDraft, any>,\n  { name }: FormErrorProps<TDraft, TPath>,\n) {\n  const hasTriggeredValidations = this.useFormState((form) => form.hasTriggeredValidations);\n  const { errors } = this.useField(name);\n\n  return hasTriggeredValidations ? <>{errors.join(', ')}</> : null;\n}\n","import { type PathAsString } from '@index';\nimport { type Value } from '@lib/path';\nimport {\n  createElement,\n  useEffect,\n  useMemo,\n  useState,\n  type Component,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport { type Form } from './form';\n\nexport interface FormFieldComponentProps<TValue, TPath> {\n  id: string;\n  name: TPath;\n  value: TValue;\n  onChange: (event: { target: { value: TValue } } | TValue | undefined, ...args: any[]) => void;\n  onBlur: (...args: any[]) => void;\n}\n\ntype NativeInputType = 'input' | 'select' | 'textarea';\n\ntype PartialComponentType<P> =\n  | (new (props: P, context?: any) => Component<P, any>)\n  | ((props: P, context?: any) => ReactNode);\n\nexport type FormFieldComponent = NativeInputType | PartialComponentType<any>;\n\ntype FieldValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T>['value'];\n\ntype FieldChangeValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T> extends {\n  onChange?: (update: infer U) => void;\n}\n  ? U extends { target: { value: infer V } }\n    ? V\n    : U\n  : never;\n\ntype MakeOptional<T, Keys extends string> = Omit<T, Keys> & Partial<Pick<T, Keys & keyof T>>;\n\nexport type FormFieldProps<TDraft, TPath extends PathAsString<TDraft>> = {\n  name: TPath;\n  commitOnBlur?: boolean;\n  commitDebounce?: number;\n};\n\nexport type FormFieldPropsWithRender<TDraft, TPath extends PathAsString<TDraft>> = FormFieldProps<\n  TDraft,\n  TPath\n> & {\n  component?: undefined;\n  render: (props: FormFieldComponentProps<Value<TDraft, TPath>, TPath>) => ReactNode;\n  inputFilter?: undefined;\n  serialize?: undefined;\n  deserialize?: undefined;\n  onChange?: undefined;\n  onBlur?: undefined;\n};\n\nexport type FormFieldPropsWithComponent<\n  TDraft,\n  TPath extends PathAsString<TDraft>,\n  TComponent extends FormFieldComponent,\n> = FormFieldProps<TDraft, TPath> & {\n  component?: TComponent;\n  render?: undefined;\n  inputFilter?: (value: FieldChangeValue<TComponent>) => boolean;\n} & MakeOptional<\n    Omit<ComponentPropsWithoutRef<TComponent>, 'id' | 'name' | 'value'>,\n    'onChange' | 'onBlur'\n  > &\n  (Value<TDraft, TPath> extends FieldValue<TComponent>\n    ? { serialize?: (value: Value<TDraft, TPath>) => FieldValue<TComponent> }\n    : { serialize: (value: Value<TDraft, TPath>) => FieldValue<TComponent> }) &\n  (FieldChangeValue<TComponent> extends Value<TDraft, TPath>\n    ? { deserialize?: (value: FieldChangeValue<TComponent>) => Value<TDraft, TPath> }\n    : { deserialize: (value: FieldChangeValue<TComponent>) => Value<TDraft, TPath> });\n\nexport function FormField<\n  TDraft,\n  TPath extends PathAsString<TDraft>,\n  TComponent extends FormFieldComponent,\n>(\n  this: Form<TDraft, any>,\n  {\n    // id,\n    name,\n    component,\n    commitOnBlur,\n    commitDebounce,\n    render,\n    inputFilter,\n    serialize = (x) => x as FieldValue<TComponent>,\n    deserialize = (x) => x as Value<TDraft, TPath>,\n    ...restProps\n  }:\n    | FormFieldPropsWithRender<TDraft, TPath>\n    | FormFieldPropsWithComponent<TDraft, TPath, TComponent>,\n) {\n  type T = FieldChangeValue<TComponent>;\n  const id = '';\n\n  const { options } = this.useForm();\n  const { value, setValue, errors } = this.useField(name);\n  const errorString = errors\n    .map((error) => options.localizeError?.(error, name) ?? error)\n    .join('\\n');\n\n  const [localValue, setLocalValue] = useState<T>();\n  const _id = useMemo(\n    () =>\n      id || `f${Math.random().toString(36).slice(2, 15)}${Math.random().toString(36).slice(2, 15)}`,\n\n    [id],\n  );\n\n  useEffect(() => {\n    if (localValue === undefined || !commitDebounce) {\n      return;\n    }\n\n    const timeout = setTimeout(() => {\n      setValue(deserialize(localValue));\n      setLocalValue(undefined);\n    }, commitDebounce);\n\n    return () => clearTimeout(timeout);\n  }, [localValue, commitDebounce]);\n\n  useEffect(() => {\n    const element = document.querySelector(\n      [`#${_id} input`, `#${_id} select`, `#${_id} textarea`, `#${_id}`].join(','),\n    );\n\n    if (\n      !(\n        element instanceof HTMLInputElement ||\n        element instanceof HTMLSelectElement ||\n        element instanceof HTMLTextAreaElement\n      )\n    ) {\n      return;\n    }\n\n    element.setCustomValidity(errorString);\n  }, [_id, errorString]);\n\n  const props = {\n    ...restProps,\n    id: _id,\n    name,\n    value: localValue ?? serialize(value as Value<TDraft, TPath>),\n    onChange: (event: { target: { value: T } } | T, ...moreArgs: any[]) => {\n      const value =\n        typeof event === 'object' && event !== null && 'target' in event\n          ? event.target.value\n          : event;\n\n      if (inputFilter && !inputFilter(value)) {\n        return;\n      }\n\n      if (commitOnBlur || commitDebounce) {\n        setLocalValue(value);\n      } else {\n        setValue(deserialize(value));\n      }\n\n      restProps.onChange?.(event, ...moreArgs);\n    },\n    onBlur(...args: any[]) {\n      if (localValue !== undefined) {\n        setValue(deserialize(localValue));\n        setLocalValue(undefined);\n      }\n\n      restProps.onBlur?.apply(null, args);\n    },\n  };\n\n  if (render) {\n    return render(props as FormFieldComponentProps<Value<TDraft, TPath>, TPath>) ?? null;\n  }\n\n  if (component) {\n    return createElement(component, props);\n  }\n\n  return null;\n}\n","import type { Duration } from '@core';\nimport { calcDuration } from '@lib/calcDuration';\nimport { debounce } from '@lib/debounce';\nimport { queue } from '@lib/queue';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport type { FormContext } from './form';\nimport type { MaybePromise } from '@lib/maybePromise';\nimport { deepEqual } from '@lib/equals';\n\nexport interface FormAutosaveOptions<TDraft, TOriginal> {\n  save: (draft: TDraft, form: FormContext<TDraft, TOriginal>) => MaybePromise<void>;\n  debounce?: Duration;\n  resetAfterSave?: boolean;\n}\n\nexport function useFormAutosave<TDraft, TOriginal extends TDraft>(\n  form: FormContext<TDraft, TOriginal>,\n) {\n  const { formState, options, getDraft } = form;\n  const debounceTime = calcDuration(options.autoSave?.debounce ?? 2_000);\n  const latestRef = useRef({ options });\n  const lastValue = useRef<TDraft>();\n  const q = useMemo(() => queue(), []);\n\n  const run = useMemo(\n    () =>\n      debounce(async () => {\n        const { options } = latestRef.current;\n        const save = options.autoSave?.save;\n        const draft = getDraft();\n\n        lastValue.current = draft;\n\n        q.clear();\n\n        q(async () => {\n          try {\n            formState.set('saveInProgress', true);\n            await save?.(draft, form);\n\n            if (q.size === 0 && options.autoSave?.resetAfterSave) {\n              form.reset();\n            }\n          } finally {\n            formState.set('saveInProgress', false);\n\n            if (q.size === 0) {\n              formState.set('saveScheduled', false);\n            }\n          }\n        });\n      }, debounceTime),\n    [formState, debounceTime],\n  );\n\n  useEffect(() => {\n    if (!options.autoSave?.save) {\n      return;\n    }\n\n    return formState\n      .map((state) => state.draft)\n      .subscribe(\n        () => {\n          if (deepEqual(getDraft(), lastValue.current)) {\n            return;\n          }\n\n          run();\n          formState.set('saveScheduled', true);\n        },\n        { runNow: false },\n      );\n  }, [formState]);\n\n  useEffect(() => {\n    latestRef.current = { options };\n  });\n}\n","import { connectUrl, createStore, type Store, type UrlStoreOptions } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { deepEqual } from '@lib/equals';\nimport { hash } from '@lib/hash';\nimport {\n  type Path,\n  type PathAsString,\n  type Value,\n  type WildcardPathAsString,\n  type WildcardValue,\n} from '@lib/path';\nimport { get, join } from '@lib/propAccess';\nimport { getWildCardMatches } from '@lib/wildcardMatch';\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  type HTMLProps,\n  type ReactNode,\n  type FormEvent,\n} from 'react';\nimport { useStore, type UseStoreOptions } from '../useStore';\nimport {\n  FormForEach,\n  type ForEachPath,\n  type FormForEachProps,\n  type ElementName,\n} from './formForEach';\nimport { FormError, type FormErrorProps } from './formError';\nimport {\n  FormField,\n  type FormFieldComponent,\n  type FormFieldPropsWithComponent,\n  type FormFieldPropsWithRender,\n} from './formField';\nimport { useFormAutosave, type FormAutosaveOptions } from './useFormAutosave';\nimport type { Object_ } from '@lib/typeHelpers';\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Form types\n/// /////////////////////////////////////////////////////////////////////////////\n\nexport type Transform<TDraft> = Path<TDraft> | '' extends infer TPath\n  ? TPath extends TPath\n    ? {\n        update: (value: Value<TDraft, TPath>, store: Store<TDraft>) => void | TDraft;\n      } & (TPath extends '' ? { trigger?: '' } : { trigger: TPath })\n    : never\n  : never;\n\nexport interface FormOptions<TDraft, TOriginal> {\n  defaultValue: TDraft;\n  validations?: Validations<TDraft, TOriginal>;\n  localizeError?: (error: string, field: string) => string | undefined;\n  urlState?: boolean | UrlStoreOptions<TDraft>;\n  autoSave?: FormAutosaveOptions<TDraft, TOriginal>;\n  transform?: Transform<TDraft>[];\n}\n\nexport type Validations<TDraft, TOriginal> = {\n  [TPath in WildcardPathAsString<TDraft>]?: Record<string, Validation<TDraft, TOriginal, TPath>>;\n} & Record<string, Record<string, Validation<TDraft, TOriginal, any>>>;\n\nexport type Validation<TDraft, TOriginal, TPath> = (\n  value: WildcardValue<TDraft, TPath>,\n  context: {\n    draft: TDraft;\n    original: TOriginal;\n    field: PathAsString<TDraft> | '';\n  },\n) => boolean;\n\nexport type Field<TDraft, TOriginal, TPath extends PathAsString<TDraft>> = {\n  originalValue: Value<TOriginal, TPath> | undefined;\n  value: Value<TDraft, TPath>;\n  setValue: (\n    value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n  ) => void;\n  hasChange: boolean;\n  errors: string[];\n} & (Value<TDraft, TPath> extends Object_ ? FieldHelperMethods<TDraft, TPath> : {});\n\nexport type FieldHelperMethods<TDraft, TPath extends PathAsString<TDraft>> = {\n  names: ElementName<TDraft, TPath>[];\n  add: NonNullable<Value<TDraft, TPath>> extends readonly (infer T)[]\n    ? (element: T) => void\n    : NonNullable<Value<TDraft, TPath>> extends Record<infer K, infer V>\n    ? (key: K, value: V) => void\n    : never;\n  remove: Value<TDraft, TPath> extends readonly any[]\n    ? (index: number) => void\n    : (key: string) => void;\n};\n\nexport interface FormState<TDraft> {\n  draft: TDraft | undefined;\n  hasTriggeredValidations: boolean;\n  saveScheduled: boolean;\n  saveInProgress: boolean;\n}\n\nexport interface FormDerivedState<TDraft> {\n  draft: TDraft;\n  hasTriggeredValidations: boolean;\n  saveScheduled: boolean;\n  saveInProgress: boolean;\n  hasChanges: boolean;\n  errors: Map<string, string[]>;\n  isValid: boolean;\n}\n\nexport interface FormContext<TDraft, TOriginal> {\n  formState: Store<FormState<TDraft>>;\n  derivedState: Store<FormDerivedState<TDraft>>;\n  options: FormOptions<TDraft, TOriginal>;\n  original: TOriginal | undefined;\n  getField: <TPath extends PathAsString<TDraft>>(path: TPath) => Field<TDraft, TOriginal, TPath>;\n  getDraft: () => TDraft;\n  hasTriggeredValidations: () => boolean;\n  hasChanges: () => boolean;\n  getErrors: () => Map<string, string[]>;\n  isValid: () => boolean;\n  validate: () => boolean;\n  reset: () => void;\n}\n\nexport interface FormInstance<TDraft, TOriginal>\n  extends FormDerivedState<TDraft>,\n    Pick<FormContext<TDraft, TOriginal>, 'options' | 'original' | 'getField'> {}\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Implementation\n/// /////////////////////////////////////////////////////////////////////////////\n\nfunction FormContainer({\n  form,\n  ...formProps\n}: {\n  form: Form<any, any>;\n  onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<any, any>) => void;\n} & Omit<HTMLProps<HTMLFormElement>, 'form' | 'onSubmit'>) {\n  const formInstance = form.useForm();\n  const errors = formInstance.getErrors();\n  const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);\n\n  return (\n    <form\n      noValidate\n      {...formProps}\n      className={[formProps.className, hasTriggeredValidations ? 'validated' : undefined]\n        .filter(Boolean)\n        .join(' ')}\n      onSubmit={(event) => {\n        event.preventDefault();\n\n        const isValid = formInstance.validate();\n\n        let button;\n\n        if (\n          event.nativeEvent instanceof SubmitEvent &&\n          (button = event.nativeEvent.submitter) &&\n          (button instanceof HTMLButtonElement || button instanceof HTMLInputElement) &&\n          button.setCustomValidity\n        ) {\n          const errorString = [...errors.entries()]\n            .flatMap(([field, errors]) =>\n              errors.map((error) => {\n                return formInstance.options.localizeError?.(error, field) ?? error;\n              }),\n            )\n            .join('\\n');\n\n          button.setCustomValidity(errorString);\n        }\n\n        event.currentTarget.reportValidity();\n\n        if (isValid) {\n          formProps.onSubmit?.(event, {\n            ...formInstance,\n            ...formInstance.derivedState.get(),\n          });\n        }\n      }}\n    />\n  );\n}\n\nfunction getField<TDraft, TOriginal extends TDraft, TPath extends PathAsString<TDraft>>(\n  derivedState: Store<FormDerivedState<TDraft>>,\n  original: TOriginal | undefined,\n  path: TPath,\n): Field<TDraft, TOriginal, TPath> {\n  return {\n    get originalValue() {\n      return original !== undefined ? get(original as any, path as any) : undefined;\n    },\n\n    get value() {\n      const { draft } = derivedState.get();\n      return get(draft, path);\n    },\n\n    setValue(update: any) {\n      derivedState.set(join('draft', path) as any, update);\n    },\n\n    get hasChange() {\n      return !deepEqual(this.originalValue, this.value);\n    },\n\n    get errors() {\n      const { errors } = derivedState.get();\n      return errors.get(path) ?? [];\n    },\n\n    get names(): any {\n      const { value } = this;\n\n      if (Array.isArray(value)) {\n        return value.map((_, index) => join(path, String(index)));\n      }\n\n      if (value instanceof Object) {\n        return Object.keys(value).map((key) => join(path, key));\n      }\n\n      return [];\n    },\n\n    add(...args: any[]) {\n      this.setValue((value: any) => {\n        if (args.length === 1) {\n          return [...(value ?? []), args[0]];\n        }\n\n        return {\n          ...value,\n          [args[0]]: args[1],\n        };\n      });\n    },\n\n    remove(key: any) {\n      this.setValue((value: any) => {\n        if (!value) {\n          return value;\n        }\n\n        if (Array.isArray(value)) {\n          return value.filter((_, index) => index !== key);\n        }\n\n        if (value instanceof Object) {\n          const { [key]: _, ...rest } = value;\n          return rest;\n        }\n\n        return value;\n      });\n    },\n  } as any;\n}\n\nfunction getErrors<TDraft, TOriginal>(\n  draft: TDraft,\n  original: TOriginal | undefined,\n  validations: FormOptions<TDraft, TOriginal>['validations'],\n) {\n  const errors = new Map<string, string[]>();\n\n  for (const [path, block] of Object.entries(validations ?? {})) {\n    for (const [validationName, validate] of Object.entries(\n      block as Record<string, Validation<any, any, any>>,\n    )) {\n      let matched = false;\n\n      for (const [field, value] of Object.entries(getWildCardMatches(draft, path))) {\n        matched = true;\n        if (!validate(value, { draft, original, field })) {\n          const fieldErrors = errors.get(field) ?? [];\n          fieldErrors.push(validationName);\n          errors.set(field, fieldErrors);\n        }\n      }\n\n      if (!matched && !path.includes('*')) {\n        if (!validate(undefined, { draft, original, field: path })) {\n          const fieldErrors = errors.get(path) ?? [];\n          fieldErrors.push(validationName);\n          errors.set(path, fieldErrors);\n        }\n      }\n    }\n  }\n\n  return errors;\n}\n\nexport class Form<TDraft, TOriginal extends TDraft = TDraft> {\n  context = createContext<FormContext<TDraft, TOriginal> | null>(null);\n\n  constructor(public readonly options: FormOptions<TDraft, TOriginal>) {\n    autobind(Form);\n  }\n\n  useForm(): FormContext<TDraft, TOriginal> {\n    const context = useContext(this.context);\n\n    if (!context) {\n      throw new Error('Form context not found');\n    }\n\n    return context;\n  }\n\n  useFormState<S>(\n    selector: (state: FormInstance<TDraft, TOriginal>) => S,\n    useStoreOptions?: UseStoreOptions,\n  ) {\n    const form = this.useForm();\n\n    return useStore(\n      form.derivedState.map((state) =>\n        selector({\n          ...form,\n          ...state,\n        }),\n      ),\n      useStoreOptions,\n    );\n  }\n\n  useField<TPath extends PathAsString<TDraft>>(path: TPath, useStoreOptions?: UseStoreOptions) {\n    return this.useFormState((form) => form.getField(path), useStoreOptions);\n  }\n\n  // ///////////////////////////////////////////////////////////////////////////\n  // React Components\n  // ///////////////////////////////////////////////////////////////////////////\n\n  Form({\n    original,\n    defaultValue,\n    validations,\n    localizeError,\n    urlState,\n    autoSave,\n    transform,\n    ...formProps\n  }: {\n    original?: TOriginal;\n    onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<TDraft, TOriginal>) => void;\n  } & Partial<FormOptions<TDraft, TOriginal>> &\n    Omit<HTMLProps<HTMLFormElement>, 'defaultValue' | 'autoSave' | 'onSubmit'>) {\n    const options: FormOptions<TDraft, TOriginal> = {\n      defaultValue: { ...this.options.defaultValue, ...defaultValue },\n      validations: { ...this.options.validations, ...validations } as Validations<\n        TDraft,\n        TOriginal\n      >,\n      localizeError: localizeError ?? this.options.localizeError,\n      autoSave: autoSave ?? this.options.autoSave,\n      transform: transform ?? this.options.transform,\n    };\n\n    const formState = useMemo(() => {\n      return createStore<FormState<TDraft>>({\n        draft: undefined,\n        hasTriggeredValidations: false,\n        saveScheduled: false,\n        saveInProgress: false,\n      });\n    }, []);\n\n    const derivedState = useMemo(() => {\n      return formState.map<FormDerivedState<TDraft>>(\n        (state) => {\n          const {\n            draft = original ?? options.defaultValue,\n            hasTriggeredValidations,\n            saveScheduled,\n            saveInProgress,\n          } = state;\n          const errors = getErrors(draft, original, options.validations);\n\n          return {\n            draft,\n            hasTriggeredValidations,\n            saveScheduled,\n            saveInProgress,\n            hasChanges: !!draft && !deepEqual(draft, original),\n            errors,\n            isValid: errors.size === 0,\n          };\n        },\n        (newState) => ({\n          draft: newState.draft,\n          hasTriggeredValidations: newState.hasTriggeredValidations,\n          saveScheduled: newState.saveScheduled,\n          saveInProgress: newState.saveInProgress,\n        }),\n      );\n    }, [formState, original, options.validations, options.defaultValue]);\n\n    const context = useMemo(() => {\n      return {\n        formState,\n        derivedState,\n        options,\n        original,\n\n        getField(path) {\n          return getField(derivedState, original, path);\n        },\n\n        getDraft() {\n          return formState.get().draft ?? original ?? options.defaultValue;\n        },\n\n        hasTriggeredValidations() {\n          return formState.get().hasTriggeredValidations;\n        },\n\n        hasChanges() {\n          return derivedState.get().hasChanges;\n        },\n\n        getErrors() {\n          return derivedState.get().errors;\n        },\n\n        isValid() {\n          return derivedState.get().isValid;\n        },\n\n        validate() {\n          formState.set('hasTriggeredValidations', true);\n          return derivedState.get().isValid;\n        },\n\n        reset() {\n          formState.set('draft', undefined);\n          formState.set('hasTriggeredValidations', false);\n        },\n      } satisfies FormContext<TDraft, TOriginal>;\n    }, [formState, derivedState, original, defaultValue, validations, localizeError, urlState]);\n\n    useEffect(() => {\n      if (urlState) {\n        return connectUrl(\n          formState.map('draft'),\n          typeof urlState === 'object' ? urlState : { key: 'form' },\n        );\n      }\n\n      return undefined;\n    }, [formState, hash(urlState)]);\n\n    useEffect(() => {\n      const handles = options.transform?.map(({ trigger, update }) => {\n        const draft = derivedState.map('draft');\n        const triggerStore = trigger ? draft.map(trigger as any) : draft;\n\n        return triggerStore.subscribe(() => {\n          const value = trigger ? get(draft.get(), trigger as any) : draft.get();\n          const result = update(value as any, draft);\n\n          if (result !== undefined) {\n            draft.set(result);\n          }\n        });\n      });\n\n      return () => {\n        handles?.forEach((handle) => handle());\n      };\n    }, [options.transform]);\n\n    useFormAutosave(context);\n\n    return (\n      <this.context.Provider value={context}>\n        <FormContainer {...formProps} form={this} />\n      </this.context.Provider>\n    );\n  }\n\n  FormState<S>({\n    selector,\n    children,\n  }: {\n    selector: (form: FormInstance<TDraft, TOriginal>) => S;\n    children: (selectedState: S) => ReactNode;\n  }) {\n    const selectedState = this.useFormState(selector);\n    return <>{children(selectedState)}</>;\n  }\n\n  Field<TPath extends PathAsString<TDraft>>(\n    props: FormFieldPropsWithRender<TDraft, TPath>,\n  ): JSX.Element;\n\n  Field<\n    const TPath extends PathAsString<TDraft>,\n    const TComponent extends FormFieldComponent = 'input',\n  >(props: FormFieldPropsWithComponent<TDraft, TPath, TComponent>): JSX.Element;\n\n  Field(props: any): JSX.Element {\n    return Reflect.apply(FormField, this, [{ component: 'input', ...props }]);\n  }\n\n  ForEach<TPath extends ForEachPath<TDraft>>(props: FormForEachProps<TDraft, TPath>) {\n    return Reflect.apply(FormForEach, this, [props]);\n  }\n\n  Error<TPath extends PathAsString<TDraft>>({ name }: FormErrorProps<TDraft, TPath>) {\n    return Reflect.apply(FormError, this, [{ name }]);\n  }\n}\n\nexport function createForm<TDraft, TOriginal extends TDraft = TDraft>(\n  options: FormOptions<TDraft, TOriginal>,\n) {\n  return new Form(options);\n}\n","import { useCache } from './useCache';\nimport type { UseStoreOptions } from './useStore';\nimport type { Cache } from '@core';\n\nexport function read<T>(cache: Cache<T>, options?: UseStoreOptions): T {\n  const { status, value, error } = useCache(cache, options);\n\n  if (status === 'value') {\n    return value;\n  }\n\n  if (status === 'error') {\n    throw error;\n  }\n\n  throw cache.state.once((state) => state.status !== 'pending');\n}\n","import { startTransition, useEffect, useMemo, useRef, useState } from 'react';\nimport { type Duration } from '@core';\nimport { debounce } from '@lib/debounce';\nimport { hash } from '@lib/hash';\nimport { throttle } from '@lib/throttle';\n\nexport interface UseDecoupledStateOptions<T> {\n  debounce?: Duration;\n  throttle?: Duration;\n  onCommit?: (value: T) => void;\n}\n\nexport function useDecoupledState<T>(\n  value: T,\n  onChange: (value: T) => void,\n  options: UseDecoupledStateOptions<T> = {},\n): [state: T, setState: (value: T) => void] {\n  const [dirty, setDirty] = useState<{ v: T }>();\n  const ref = useRef({ onChange, onCommit: options.onCommit });\n\n  useEffect(() => {\n    ref.current = { onChange, onCommit: options.onCommit };\n  }, [onChange]);\n\n  const update = useMemo(() => {\n    const { onChange, onCommit } = ref.current;\n\n    const update = (value: T) => {\n      onChange(value);\n      setDirty(undefined);\n      onCommit?.(value);\n    };\n\n    let delayedUpdate: (value: T) => void;\n\n    if (options.debounce) {\n      delayedUpdate = debounce(update, options.debounce);\n    } else if (options.throttle) {\n      delayedUpdate = throttle(update, options.throttle);\n    } else {\n      delayedUpdate = (value) => startTransition(() => update(value));\n    }\n\n    return (value: T) => {\n      setDirty({ v: value });\n      delayedUpdate(value);\n    };\n  }, [hash([options.debounce, options.throttle])]);\n\n  return [dirty ? dirty.v : value, update];\n}\n","export function castArray<T>(value: T | T[]): T[] {\n  return Array.isArray(value) ? value : [value];\n}\n","import { type ReactNode, useEffect } from 'react';\nimport { castArray } from '@lib/castArray';\nimport { hash } from '@lib/hash';\n\nexport function useUrlParamScope({\n  key,\n  type = 'search',\n}: {\n  key: string | string[];\n  type?: 'search' | 'hash';\n}) {\n  useEffect(\n    () => () => {\n      const url = new URL(window.location.href);\n      const parameters = new URLSearchParams(url[type].slice(1));\n\n      for (const _key of castArray(key)) {\n        parameters.delete(_key);\n      }\n\n      url[type] = parameters.toString();\n      window.history.replaceState(null, '', url.toString());\n    },\n    [hash(key), type],\n  );\n}\n"],"names":["name","Fragment","value","options","_a","errors","onChange","update"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../src/react/form/customInput.tsx","../../../src/lib/wildcardMatch.ts","../../../src/react/form/formField.tsx","../../../src/react/form/formForEach.tsx","../../../src/react/form/useFormAutosave.ts","../../../src/react/form/form.tsx","../../../src/react/read.ts","../../../src/react/useDecoupledState.ts","../../../src/lib/castArray.ts","../../../src/react/useUrlParamScope.ts"],"sourcesContent":["import type { ReactNode } from 'react';\n\nexport interface CustomInputProps extends React.HTMLAttributes<HTMLDivElement> {\n  name: string;\n  children?: ReactNode;\n}\n\nexport function CustomInput({ name, children, ...props }: CustomInputProps) {\n  return (\n    <div\n      {...props}\n      style={{\n        position: 'relative',\n        ...props.style,\n      }}\n    >\n      {children}\n\n      <input\n        name={name}\n        style={{\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          opacity: 0,\n          width: '100%',\n          height: '100%',\n          pointerEvents: 'none',\n        }}\n      />\n    </div>\n  );\n}\n","import { type KeyType } from './path';\nimport { castArrayPath } from './propAccess';\n\nexport function wildcardMatch(s: KeyType[] | string, w: KeyType[] | string): boolean {\n  if (typeof s === 'string') {\n    s = castArrayPath(s);\n  }\n\n  if (typeof w === 'string') {\n    w = castArrayPath(w);\n  }\n\n  return s.length === w.length && s.every((s, i) => w[i] === '*' || s === w[i]);\n}\n\nexport function getWildCardMatches(\n  object: any,\n  path: [KeyType, ...KeyType[]] | string,\n): Record<KeyType, any> {\n  const matches: Record<KeyType, any> = {};\n  const [first, second, ...rest] = castArrayPath(path);\n\n  if (first === undefined) {\n    throw new Error('Path is empty');\n  }\n\n  if (!(object instanceof Object)) {\n    throw new Error('Object is not an object');\n  }\n\n  for (const [key, value] of Object.entries(object)) {\n    if (first !== '*' && first !== key) {\n      continue;\n    }\n\n    if (second === undefined) {\n      matches[key] = value;\n      continue;\n    }\n\n    for (const [subKey, subValue] of Object.entries(getWildCardMatches(value, [second, ...rest]))) {\n      matches[`${key}.${subKey}`] = subValue;\n    }\n  }\n\n  return matches;\n}\n","import { type PathAsString } from '@index';\nimport { type Value } from '@lib/path';\nimport {\n  createElement,\n  useEffect,\n  useMemo,\n  useState,\n  type Component,\n  type ComponentPropsWithoutRef,\n  type ReactNode,\n} from 'react';\nimport { type Form } from './form';\n\nexport interface FormFieldComponentProps<TValue, TPath> {\n  name: TPath;\n  value: TValue;\n  onChange: (event: { target: { value: TValue } } | TValue | undefined, ...args: any[]) => void;\n  onBlur: (...args: any[]) => void;\n}\n\ntype NativeInputType = 'input' | 'select' | 'textarea';\n\ntype PartialComponentType<P> =\n  | (new (props: P, context?: any) => Component<P, any>)\n  | ((props: P, context?: any) => ReactNode);\n\nexport type FormFieldComponent = NativeInputType | PartialComponentType<any>;\n\ntype FieldValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T>['value'];\n\ntype FieldChangeValue<T extends FormFieldComponent> = ComponentPropsWithoutRef<T> extends {\n  onChange?: (update: infer U) => void;\n}\n  ? U extends { target: { value: infer V } }\n    ? V\n    : U\n  : never;\n\ntype MakeOptional<T, Keys extends string> = Omit<T, Keys> & Partial<Pick<T, Keys & keyof T>>;\n\nexport type FormFieldProps<TDraft, TPath extends PathAsString<TDraft>> = {\n  name: TPath;\n  commitOnBlur?: boolean;\n  commitDebounce?: number;\n};\n\nexport type FormFieldPropsWithRender<TDraft, TPath extends PathAsString<TDraft>> = FormFieldProps<\n  TDraft,\n  TPath\n> & {\n  component?: undefined;\n  render: (props: FormFieldComponentProps<Value<TDraft, TPath>, TPath>) => ReactNode;\n  inputFilter?: undefined;\n  serialize?: undefined;\n  deserialize?: undefined;\n  onChange?: undefined;\n  onBlur?: undefined;\n};\n\nexport type FormFieldPropsWithComponent<\n  TDraft,\n  TPath extends PathAsString<TDraft>,\n  TComponent extends FormFieldComponent,\n> = FormFieldProps<TDraft, TPath> & {\n  component?: TComponent;\n  render?: undefined;\n  inputFilter?: (value: FieldChangeValue<TComponent>) => boolean;\n} & MakeOptional<\n    Omit<ComponentPropsWithoutRef<TComponent>, 'id' | 'name' | 'value'>,\n    'onChange' | 'onBlur'\n  > &\n  (Value<TDraft, TPath> extends FieldValue<TComponent>\n    ? { serialize?: (value: Value<TDraft, TPath>) => FieldValue<TComponent> }\n    : { serialize: (value: Value<TDraft, TPath>) => FieldValue<TComponent> }) &\n  (FieldChangeValue<TComponent> extends Value<TDraft, TPath>\n    ? { deserialize?: (value: FieldChangeValue<TComponent>) => Value<TDraft, TPath> }\n    : { deserialize: (value: FieldChangeValue<TComponent>) => Value<TDraft, TPath> });\n\nexport function FormField<\n  TDraft,\n  TPath extends PathAsString<TDraft>,\n  TComponent extends FormFieldComponent,\n>(\n  this: Form<TDraft, any>,\n  {\n    // id,\n    name,\n    component,\n    commitOnBlur,\n    commitDebounce,\n    render,\n    inputFilter,\n    serialize = (x) => x as FieldValue<TComponent>,\n    deserialize = (x) => x as Value<TDraft, TPath>,\n    ...restProps\n  }:\n    | FormFieldPropsWithRender<TDraft, TPath>\n    | FormFieldPropsWithComponent<TDraft, TPath, TComponent>,\n) {\n  type T = FieldChangeValue<TComponent>;\n\n  const { value, setValue } = this.useField(name);\n  const [localValue, setLocalValue] = useState<T>();\n\n  useEffect(() => {\n    if (localValue === undefined || !commitDebounce) {\n      return;\n    }\n\n    const timeout = setTimeout(() => {\n      setValue(deserialize(localValue));\n      setLocalValue(undefined);\n    }, commitDebounce);\n\n    return () => clearTimeout(timeout);\n  }, [localValue, commitDebounce]);\n\n  const props = {\n    ...restProps,\n    name,\n    value: localValue ?? serialize(value as Value<TDraft, TPath>),\n    onChange: (event: { target: { value: T } } | T, ...moreArgs: any[]) => {\n      const value =\n        typeof event === 'object' && event !== null && 'target' in event\n          ? event.target.value\n          : event;\n\n      if (inputFilter && !inputFilter(value)) {\n        return;\n      }\n\n      if (commitOnBlur || commitDebounce) {\n        setLocalValue(value);\n      } else {\n        setValue(deserialize(value));\n      }\n\n      restProps.onChange?.(event, ...moreArgs);\n    },\n    onBlur(...args: any[]) {\n      if (localValue !== undefined) {\n        setValue(deserialize(localValue));\n        setLocalValue(undefined);\n      }\n\n      restProps.onBlur?.apply(null, args);\n    },\n  };\n\n  if (render) {\n    return render(props as FormFieldComponentProps<Value<TDraft, TPath>, TPath>) ?? null;\n  }\n\n  if (component) {\n    return createElement(component, props);\n  }\n\n  return null;\n}\n","import { type GetKeys, type Join, type PathAsString, type Value } from '@lib/path';\nimport { Fragment, useCallback, type ReactNode } from 'react';\nimport { type FieldHelperMethods, type Form } from './form';\n\nexport type ForEachPath<T> = PathAsString<T>;\n\nexport type ElementName<TDraft, TPath extends PathAsString<TDraft>> = Join<\n  TPath,\n  GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)\n>;\n\nexport interface FormForEachProps<TDraft, TPath extends ForEachPath<TDraft>> {\n  name: TPath;\n  renderElement?: (props: {\n    name: ElementName<TDraft, TPath>;\n    key: `${GetKeys<NonNullable<Value<TDraft, TPath>>> & (string | number)}`;\n    index: number;\n    remove: () => void;\n  }) => ReactNode;\n  children?: (\n    props: {\n      setValue: (\n        value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n      ) => void;\n    } & FieldHelperMethods<TDraft, TPath>,\n  ) => ReactNode;\n}\n\nexport function FormForEach<TDraft, TPath extends ForEachPath<TDraft>>(\n  this: Form<TDraft, any>,\n  { name, renderElement, children }: FormForEachProps<TDraft, TPath>,\n) {\n  const form = this.useForm();\n\n  const names = this.useFormState(() => {\n    const field = form.getField(name) as any;\n    return field.names as any[];\n  });\n\n  const add = useCallback(\n    (...args: any[]) => {\n      const field = form.getField(name) as any;\n      field.add(...args);\n    },\n    [form],\n  );\n\n  const remove = useCallback(\n    (key: any) => {\n      const field = form.getField(name) as any;\n      field.remove(key);\n    },\n    [form],\n  );\n\n  const setValue = useCallback(\n    (value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>)) => {\n      const field = form.getField(name) as any;\n      field.setValue(value);\n    },\n    [form],\n  );\n\n  return (\n    <>\n      {renderElement &&\n        names.map((name, index) => {\n          const key = name.split('.').pop();\n\n          return (\n            <Fragment key={key}>\n              {renderElement({\n                name,\n                key,\n                index,\n                remove: () => remove(index),\n              })}\n            </Fragment>\n          );\n        })}\n\n      {children?.({\n        names,\n        add,\n        remove,\n        setValue,\n      } as any)}\n    </>\n  );\n}\n","import type { Duration } from '@core';\nimport { calcDuration } from '@lib/calcDuration';\nimport { debounce } from '@lib/debounce';\nimport { queue } from '@lib/queue';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport type { FormContext } from './form';\nimport type { MaybePromise } from '@lib/maybePromise';\nimport { deepEqual } from '@lib/equals';\n\nexport interface FormAutosaveOptions<TDraft, TOriginal> {\n  save: (draft: TDraft, form: FormContext<TDraft, TOriginal>) => MaybePromise<void>;\n  debounce?: Duration;\n  resetAfterSave?: boolean;\n}\n\nexport function useFormAutosave<TDraft, TOriginal extends TDraft>(\n  form: FormContext<TDraft, TOriginal>,\n) {\n  const { formState, options, getDraft } = form;\n  const debounceTime = calcDuration(options.autoSave?.debounce ?? 2_000);\n  const latestRef = useRef({ options });\n  const lastValue = useRef<TDraft>();\n  const q = useMemo(() => queue(), []);\n\n  const run = useMemo(\n    () =>\n      debounce(async () => {\n        const { options } = latestRef.current;\n        const save = options.autoSave?.save;\n        const draft = getDraft();\n\n        lastValue.current = draft;\n\n        q.clear();\n\n        q(async () => {\n          try {\n            formState.set('saveInProgress', true);\n            await save?.(draft, form);\n\n            if (q.size === 0 && options.autoSave?.resetAfterSave) {\n              form.reset();\n            }\n          } finally {\n            formState.set('saveInProgress', false);\n\n            if (q.size === 0) {\n              formState.set('saveScheduled', false);\n            }\n          }\n        });\n      }, debounceTime),\n    [formState, debounceTime],\n  );\n\n  useEffect(() => {\n    if (!options.autoSave?.save) {\n      return;\n    }\n\n    return formState\n      .map((state) => state.draft)\n      .subscribe(\n        () => {\n          if (deepEqual(getDraft(), lastValue.current)) {\n            return;\n          }\n\n          run();\n          formState.set('saveScheduled', true);\n        },\n        { runNow: false },\n      );\n  }, [formState]);\n\n  useEffect(() => {\n    latestRef.current = { options };\n  });\n}\n","import { connectUrl, createStore, type Store, type UrlStoreOptions } from '@core';\nimport { autobind } from '@lib/autobind';\nimport { deepEqual } from '@lib/equals';\nimport { hash } from '@lib/hash';\nimport {\n  type Path,\n  type PathAsString,\n  type Value,\n  type WildcardPathAsString,\n  type WildcardValue,\n} from '@lib/path';\nimport { get, join } from '@lib/propAccess';\nimport type { Object_ } from '@lib/typeHelpers';\nimport { getWildCardMatches } from '@lib/wildcardMatch';\nimport {\n  createContext,\n  useContext,\n  useEffect,\n  useMemo,\n  type FormEvent,\n  type HTMLProps,\n  type ReactNode,\n} from 'react';\nimport { useStore, type UseStoreOptions } from '../useStore';\nimport {\n  FormField,\n  type FormFieldComponent,\n  type FormFieldPropsWithComponent,\n  type FormFieldPropsWithRender,\n} from './formField';\nimport {\n  FormForEach,\n  type ElementName,\n  type ForEachPath,\n  type FormForEachProps,\n} from './formForEach';\nimport { useFormAutosave, type FormAutosaveOptions } from './useFormAutosave';\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Form types\n/// /////////////////////////////////////////////////////////////////////////////\n\nexport type Transform<TDraft> = Path<TDraft> | '' extends infer TPath\n  ? TPath extends TPath\n    ? {\n        update: (value: Value<TDraft, TPath>, store: Store<TDraft>) => void | TDraft;\n      } & (TPath extends '' ? { trigger?: '' } : { trigger: TPath })\n    : never\n  : never;\n\nexport interface FormOptions<TDraft, TOriginal> {\n  defaultValue: TDraft;\n  validations?: Validations<TDraft, TOriginal>;\n  localizeError?: (error: string, field: string) => string | undefined;\n  urlState?: boolean | UrlStoreOptions<TDraft>;\n  autoSave?: FormAutosaveOptions<TDraft, TOriginal>;\n  transform?: Transform<TDraft>[];\n}\n\nexport type Validations<TDraft, TOriginal> = {\n  [TPath in WildcardPathAsString<TDraft>]?: Record<string, Validation<TDraft, TOriginal, TPath>>;\n} & Record<string, Record<string, Validation<TDraft, TOriginal, any>>>;\n\nexport type Validation<TDraft, TOriginal, TPath> = (\n  value: WildcardValue<TDraft, TPath>,\n  context: {\n    draft: TDraft;\n    original: TOriginal;\n    field: PathAsString<TDraft> | '';\n  },\n) => boolean;\n\nexport type Field<TDraft, TOriginal, TPath extends PathAsString<TDraft>> = {\n  originalValue: Value<TOriginal, TPath> | undefined;\n  value: Value<TDraft, TPath>;\n  setValue: (\n    value: Value<TDraft, TPath> | ((value: Value<TDraft, TPath>) => Value<TDraft, TPath>),\n  ) => void;\n  hasChange: boolean;\n  errors: string[];\n} & (Value<TDraft, TPath> extends Object_ ? FieldHelperMethods<TDraft, TPath> : {});\n\nexport type FieldHelperMethods<TDraft, TPath extends PathAsString<TDraft>> = {\n  names: ElementName<TDraft, TPath>[];\n  add: NonNullable<Value<TDraft, TPath>> extends readonly (infer T)[]\n    ? (element: T) => void\n    : NonNullable<Value<TDraft, TPath>> extends Record<infer K, infer V>\n    ? (key: K, value: V) => void\n    : never;\n  remove: Value<TDraft, TPath> extends readonly any[]\n    ? (index: number) => void\n    : (key: string) => void;\n};\n\nexport interface FormState<TDraft> {\n  draft: TDraft | undefined;\n  hasTriggeredValidations: boolean;\n  saveScheduled: boolean;\n  saveInProgress: boolean;\n}\n\nexport interface FormDerivedState<TDraft> {\n  draft: TDraft;\n  hasTriggeredValidations: boolean;\n  saveScheduled: boolean;\n  saveInProgress: boolean;\n  hasChanges: boolean;\n  errors: Map<string, string[]>;\n  isValid: boolean;\n}\n\nexport interface FormContext<TDraft, TOriginal> {\n  formState: Store<FormState<TDraft>>;\n  derivedState: Store<FormDerivedState<TDraft>>;\n  options: FormOptions<TDraft, TOriginal>;\n  original: TOriginal | undefined;\n  getField: <TPath extends PathAsString<TDraft>>(path: TPath) => Field<TDraft, TOriginal, TPath>;\n  getDraft: () => TDraft;\n  hasTriggeredValidations: () => boolean;\n  hasChanges: () => boolean;\n  getErrors: () => Map<string, string[]>;\n  isValid: () => boolean;\n  validate: () => boolean;\n  reset: () => void;\n}\n\nexport interface FormInstance<TDraft, TOriginal>\n  extends FormDerivedState<TDraft>,\n    Pick<FormContext<TDraft, TOriginal>, 'options' | 'original' | 'getField'> {}\n\n/// /////////////////////////////////////////////////////////////////////////////\n// Implementation\n/// /////////////////////////////////////////////////////////////////////////////\n\nfunction FormContainer({\n  form,\n  ...formProps\n}: {\n  form: Form<any, any>;\n  onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<any, any>) => void;\n} & Omit<HTMLProps<HTMLFormElement>, 'form' | 'onSubmit'>) {\n  const formInstance = form.useForm();\n\n  const hasTriggeredValidations = form.useFormState((state) => state.hasTriggeredValidations);\n\n  return (\n    <form\n      noValidate\n      {...formProps}\n      className={[formProps.className, hasTriggeredValidations ? 'validated' : undefined]\n        .filter(Boolean)\n        .join(' ')}\n      onSubmit={(event) => {\n        event.preventDefault();\n\n        const isValid = formInstance.validate();\n        const errors = formInstance.getErrors();\n\n        for (const element of Array.from(event.currentTarget.elements)) {\n          if ('name' in element && 'setCustomValidity' in element) {\n            (element as HTMLObjectElement).setCustomValidity(\n              errors.get((element as HTMLObjectElement).name)?.join('\\n') ?? '',\n            );\n          }\n        }\n\n        let button;\n\n        if (\n          event.nativeEvent instanceof SubmitEvent &&\n          (button = event.nativeEvent.submitter) &&\n          (button instanceof HTMLButtonElement || button instanceof HTMLInputElement) &&\n          button.setCustomValidity\n        ) {\n          const errorString = [...errors.entries()]\n            .flatMap(([field, errors]) =>\n              errors.map((error) => {\n                return formInstance.options.localizeError?.(error, field) ?? error;\n              }),\n            )\n            .join('\\n');\n\n          button.setCustomValidity(errorString);\n        }\n\n        event.currentTarget.reportValidity();\n\n        if (isValid) {\n          formProps.onSubmit?.(event, {\n            ...formInstance,\n            ...formInstance.derivedState.get(),\n          });\n        }\n      }}\n    />\n  );\n}\n\nfunction getField<TDraft, TOriginal extends TDraft, TPath extends PathAsString<TDraft>>(\n  derivedState: Store<FormDerivedState<TDraft>>,\n  original: TOriginal | undefined,\n  path: TPath,\n): Field<TDraft, TOriginal, TPath> {\n  return {\n    get originalValue() {\n      return original !== undefined ? get(original as any, path as any) : undefined;\n    },\n\n    get value() {\n      const { draft } = derivedState.get();\n      return get(draft, path);\n    },\n\n    setValue(update: any) {\n      derivedState.set(join('draft', path) as any, update);\n    },\n\n    get hasChange() {\n      return !deepEqual(this.originalValue, this.value);\n    },\n\n    get errors() {\n      const { errors } = derivedState.get();\n      return errors.get(path) ?? [];\n    },\n\n    get names(): any {\n      const { value } = this;\n\n      if (Array.isArray(value)) {\n        return value.map((_, index) => join(path, String(index)));\n      }\n\n      if (value instanceof Object) {\n        return Object.keys(value).map((key) => join(path, key));\n      }\n\n      return [];\n    },\n\n    add(...args: any[]) {\n      this.setValue((value: any) => {\n        if (args.length === 1) {\n          return [...(value ?? []), args[0]];\n        }\n\n        return {\n          ...value,\n          [args[0]]: args[1],\n        };\n      });\n    },\n\n    remove(key: any) {\n      this.setValue((value: any) => {\n        if (!value) {\n          return value;\n        }\n\n        if (Array.isArray(value)) {\n          return value.filter((_, index) => index !== key);\n        }\n\n        if (value instanceof Object) {\n          const { [key]: _, ...rest } = value;\n          return rest;\n        }\n\n        return value;\n      });\n    },\n  } as any;\n}\n\nfunction getErrors<TDraft, TOriginal>(\n  draft: TDraft,\n  original: TOriginal | undefined,\n  validations: FormOptions<TDraft, TOriginal>['validations'],\n) {\n  const errors = new Map<string, string[]>();\n\n  for (const [path, block] of Object.entries(validations ?? {})) {\n    for (const [validationName, validate] of Object.entries(\n      block as Record<string, Validation<any, any, any>>,\n    )) {\n      let matched = false;\n\n      for (const [field, value] of Object.entries(getWildCardMatches(draft, path))) {\n        matched = true;\n        if (!validate(value, { draft, original, field })) {\n          const fieldErrors = errors.get(field) ?? [];\n          fieldErrors.push(validationName);\n          errors.set(field, fieldErrors);\n        }\n      }\n\n      if (!matched && !path.includes('*')) {\n        if (!validate(undefined, { draft, original, field: path })) {\n          const fieldErrors = errors.get(path) ?? [];\n          fieldErrors.push(validationName);\n          errors.set(path, fieldErrors);\n        }\n      }\n    }\n  }\n\n  return errors;\n}\n\nexport class Form<TDraft, TOriginal extends TDraft = TDraft> {\n  context = createContext<FormContext<TDraft, TOriginal> | null>(null);\n\n  constructor(public readonly options: FormOptions<TDraft, TOriginal>) {\n    autobind(Form);\n  }\n\n  useForm(): FormContext<TDraft, TOriginal> {\n    const context = useContext(this.context);\n\n    if (!context) {\n      throw new Error('Form context not found');\n    }\n\n    return context;\n  }\n\n  useFormState<S>(\n    selector: (state: FormInstance<TDraft, TOriginal>) => S,\n    useStoreOptions?: UseStoreOptions,\n  ) {\n    const form = this.useForm();\n\n    return useStore(\n      form.derivedState.map((state) =>\n        selector({\n          ...form,\n          ...state,\n        }),\n      ),\n      useStoreOptions,\n    );\n  }\n\n  useField<TPath extends PathAsString<TDraft>>(path: TPath, useStoreOptions?: UseStoreOptions) {\n    return this.useFormState((form) => form.getField(path), useStoreOptions);\n  }\n\n  // ///////////////////////////////////////////////////////////////////////////\n  // React Components\n  // ///////////////////////////////////////////////////////////////////////////\n\n  Form({\n    original,\n    defaultValue,\n    validations,\n    localizeError,\n    urlState,\n    autoSave,\n    transform,\n    ...formProps\n  }: {\n    original?: TOriginal;\n    onSubmit?: (event: FormEvent<HTMLFormElement>, form: FormInstance<TDraft, TOriginal>) => void;\n  } & Partial<FormOptions<TDraft, TOriginal>> &\n    Omit<HTMLProps<HTMLFormElement>, 'defaultValue' | 'autoSave' | 'onSubmit'>) {\n    const options: FormOptions<TDraft, TOriginal> = {\n      defaultValue: { ...this.options.defaultValue, ...defaultValue },\n      validations: { ...this.options.validations, ...validations } as Validations<\n        TDraft,\n        TOriginal\n      >,\n      localizeError: localizeError ?? this.options.localizeError,\n      autoSave: autoSave ?? this.options.autoSave,\n      transform: transform ?? this.options.transform,\n    };\n\n    const formState = useMemo(() => {\n      return createStore<FormState<TDraft>>({\n        draft: undefined,\n        hasTriggeredValidations: false,\n        saveScheduled: false,\n        saveInProgress: false,\n      });\n    }, []);\n\n    const derivedState = useMemo(() => {\n      return formState.map<FormDerivedState<TDraft>>(\n        (state) => {\n          const {\n            draft = original ?? options.defaultValue,\n            hasTriggeredValidations,\n            saveScheduled,\n            saveInProgress,\n          } = state;\n          const errors = getErrors(draft, original, options.validations);\n\n          return {\n            draft,\n            hasTriggeredValidations,\n            saveScheduled,\n            saveInProgress,\n            hasChanges: !!draft && !deepEqual(draft, original),\n            errors,\n            isValid: errors.size === 0,\n          };\n        },\n        (newState) => ({\n          draft: newState.draft,\n          hasTriggeredValidations: newState.hasTriggeredValidations,\n          saveScheduled: newState.saveScheduled,\n          saveInProgress: newState.saveInProgress,\n        }),\n      );\n    }, [formState, original, options.validations, options.defaultValue]);\n\n    const context = useMemo(() => {\n      return {\n        formState,\n        derivedState,\n        options,\n        original,\n\n        getField(path) {\n          return getField(derivedState, original, path);\n        },\n\n        getDraft() {\n          return formState.get().draft ?? original ?? options.defaultValue;\n        },\n\n        hasTriggeredValidations() {\n          return formState.get().hasTriggeredValidations;\n        },\n\n        hasChanges() {\n          return derivedState.get().hasChanges;\n        },\n\n        getErrors() {\n          return derivedState.get().errors;\n        },\n\n        isValid() {\n          return derivedState.get().isValid;\n        },\n\n        validate() {\n          formState.set('hasTriggeredValidations', true);\n          return derivedState.get().isValid;\n        },\n\n        reset() {\n          formState.set('draft', undefined);\n          formState.set('hasTriggeredValidations', false);\n        },\n      } satisfies FormContext<TDraft, TOriginal>;\n    }, [formState, derivedState, original, defaultValue, validations, localizeError, urlState]);\n\n    useEffect(() => {\n      if (urlState) {\n        return connectUrl(\n          formState.map('draft'),\n          typeof urlState === 'object' ? urlState : { key: 'form' },\n        );\n      }\n\n      return undefined;\n    }, [formState, hash(urlState)]);\n\n    useEffect(() => {\n      const handles = options.transform?.map(({ trigger, update }) => {\n        const draft = derivedState.map('draft');\n        const triggerStore = trigger ? draft.map(trigger as any) : draft;\n\n        return triggerStore.subscribe(() => {\n          const value = trigger ? get(draft.get(), trigger as any) : draft.get();\n          const result = update(value as any, draft);\n\n          if (result !== undefined) {\n            draft.set(result);\n          }\n        });\n      });\n\n      return () => {\n        handles?.forEach((handle) => handle());\n      };\n    }, [options.transform]);\n\n    useFormAutosave(context);\n\n    return (\n      <this.context.Provider value={context}>\n        <FormContainer {...formProps} form={this} />\n      </this.context.Provider>\n    );\n  }\n\n  FormState<S>({\n    selector,\n    children,\n  }: {\n    selector: (form: FormInstance<TDraft, TOriginal>) => S;\n    children: (selectedState: S) => ReactNode;\n  }) {\n    const selectedState = this.useFormState(selector);\n    return <>{children(selectedState)}</>;\n  }\n\n  Field<TPath extends PathAsString<TDraft>>(\n    props: FormFieldPropsWithRender<TDraft, TPath>,\n  ): JSX.Element;\n\n  Field<\n    const TPath extends PathAsString<TDraft>,\n    const TComponent extends FormFieldComponent = 'input',\n  >(props: FormFieldPropsWithComponent<TDraft, TPath, TComponent>): JSX.Element;\n\n  Field(props: any): JSX.Element {\n    return Reflect.apply(FormField, this, [{ component: 'input', ...props }]);\n  }\n\n  ForEach<TPath extends ForEachPath<TDraft>>(props: FormForEachProps<TDraft, TPath>) {\n    return Reflect.apply(FormForEach, this, [props]);\n  }\n}\n\nexport function createForm<TDraft, TOriginal extends TDraft = TDraft>(\n  options: FormOptions<TDraft, TOriginal>,\n) {\n  return new Form(options);\n}\n","import { useCache } from './useCache';\nimport type { UseStoreOptions } from './useStore';\nimport type { Cache } from '@core';\n\nexport function read<T>(cache: Cache<T>, options?: UseStoreOptions): T {\n  const { status, value, error } = useCache(cache, options);\n\n  if (status === 'value') {\n    return value;\n  }\n\n  if (status === 'error') {\n    throw error;\n  }\n\n  throw cache.state.once((state) => state.status !== 'pending');\n}\n","import { startTransition, useEffect, useMemo, useRef, useState } from 'react';\nimport { type Duration } from '@core';\nimport { debounce } from '@lib/debounce';\nimport { hash } from '@lib/hash';\nimport { throttle } from '@lib/throttle';\n\nexport interface UseDecoupledStateOptions<T> {\n  debounce?: Duration;\n  throttle?: Duration;\n  onCommit?: (value: T) => void;\n}\n\nexport function useDecoupledState<T>(\n  value: T,\n  onChange: (value: T) => void,\n  options: UseDecoupledStateOptions<T> = {},\n): [state: T, setState: (value: T) => void] {\n  const [dirty, setDirty] = useState<{ v: T }>();\n  const ref = useRef({ onChange, onCommit: options.onCommit });\n\n  useEffect(() => {\n    ref.current = { onChange, onCommit: options.onCommit };\n  }, [onChange]);\n\n  const update = useMemo(() => {\n    const { onChange, onCommit } = ref.current;\n\n    const update = (value: T) => {\n      onChange(value);\n      setDirty(undefined);\n      onCommit?.(value);\n    };\n\n    let delayedUpdate: (value: T) => void;\n\n    if (options.debounce) {\n      delayedUpdate = debounce(update, options.debounce);\n    } else if (options.throttle) {\n      delayedUpdate = throttle(update, options.throttle);\n    } else {\n      delayedUpdate = (value) => startTransition(() => update(value));\n    }\n\n    return (value: T) => {\n      setDirty({ v: value });\n      delayedUpdate(value);\n    };\n  }, [hash([options.debounce, options.throttle])]);\n\n  return [dirty ? dirty.v : value, update];\n}\n","export function castArray<T>(value: T | T[]): T[] {\n  return Array.isArray(value) ? value : [value];\n}\n","import { type ReactNode, useEffect } from 'react';\nimport { castArray } from '@lib/castArray';\nimport { hash } from '@lib/hash';\n\nexport function useUrlParamScope({\n  key,\n  type = 'search',\n}: {\n  key: string | string[];\n  type?: 'search' | 'hash';\n}) {\n  useEffect(\n    () => () => {\n      const url = new URL(window.location.href);\n      const parameters = new URLSearchParams(url[type].slice(1));\n\n      for (const _key of castArray(key)) {\n        parameters.delete(_key);\n      }\n\n      url[type] = parameters.toString();\n      window.history.replaceState(null, '', url.toString());\n    },\n    [hash(key), type],\n  );\n}\n"],"names":["value","name","Fragment","options","_a","errors","_b","onChange","update"],"mappings":"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"}

package/dist/types/react/form/customInput.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+export interface CustomInputProps extends React.HTMLAttributes<HTMLDivElement> {
+    name: string;
+    children?: ReactNode;
+}
+export declare function CustomInput({ name, children, ...props }: CustomInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/types/react/form/form.d.ts

@@ -1,12 +1,11 @@
 import { type Store, type UrlStoreOptions } from '../../core';
 import { type Path, type PathAsString, type Value, type WildcardPathAsString, type WildcardValue } from '../../lib/path';
-import { type HTMLProps, type ReactNode, type FormEvent } from 'react';
+import type { Object_ } from '../../lib/typeHelpers';
+import { type FormEvent, type HTMLProps, type ReactNode } from 'react';
 import { type UseStoreOptions } from '../useStore';
-import { type ForEachPath, type FormForEachProps, type ElementName } from './formForEach';
-import { type FormErrorProps } from './formError';
 import { type FormFieldComponent, type FormFieldPropsWithComponent, type FormFieldPropsWithRender } from './formField';
+import { type ElementName, type ForEachPath, type FormForEachProps } from './formForEach';
 import { type FormAutosaveOptions } from './useFormAutosave';
-import type { Object_ } from '../../lib/typeHelpers';
 export type Transform<TDraft> = Path<TDraft> | '' extends infer TPath ? TPath extends TPath ? {
     update: (value: Value<TDraft, TPath>, store: Store<TDraft>) => void | TDraft;
 } & (TPath extends '' ? {
@@ -91,6 +90,5 @@ export declare class Form<TDraft, TOriginal extends TDraft = TDraft> {
     Field<TPath extends PathAsString<TDraft>>(props: FormFieldPropsWithRender<TDraft, TPath>): JSX.Element;
     Field<const TPath extends PathAsString<TDraft>, const TComponent extends FormFieldComponent = 'input'>(props: FormFieldPropsWithComponent<TDraft, TPath, TComponent>): JSX.Element;
     ForEach<TPath extends ForEachPath<TDraft>>(props: FormForEachProps<TDraft, TPath>): any;
-    Error<TPath extends PathAsString<TDraft>>({ name }: FormErrorProps<TDraft, TPath>): any;
 }
 export declare function createForm<TDraft, TOriginal extends TDraft = TDraft>(options: FormOptions<TDraft, TOriginal>): Form<TDraft, TOriginal>;

package/dist/types/react/form/formField.d.ts

@@ -3,7 +3,6 @@ import { type Value } from '../../lib/path';
 import { type Component, type ComponentPropsWithoutRef, type ReactNode } from 'react';
 import { type Form } from './form';
 export interface FormFieldComponentProps<TValue, TPath> {
-    id: string;
     name: TPath;
     value: TValue;
     onChange: (event: {

package/dist/types/react/form/index.d.ts

@@ -1,3 +1,3 @@
+export { CustomInput, type CustomInputProps } from './customInput';
 export { Form, createForm, type Field, type FormContext, type FormDerivedState, type FormInstance, type FormOptions, type FormState, type Transform, type Validation, type Validations, } from './form';
-export { type FormErrorProps } from './formError';
 export { type FormFieldComponent, type FormFieldProps } from './formField';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cross-state",
-  "version": "0.24.0",
+  "version": "0.25.1",
   "description": "(React) state library",
   "license": "ISC",
   "repository": "schummar/cross-state",

package/dist/types/react/form/formError.d.ts

@@ -1,6 +0,0 @@
-import { type Form } from './form';
-import { type PathAsString } from '../../lib/path';
-export type FormErrorProps<TDraft, TPath extends PathAsString<TDraft>> = {
-    name: TPath;
-};
-export declare function FormError<TDraft, TPath extends PathAsString<TDraft>>(this: Form<TDraft, any>, { name }: FormErrorProps<TDraft, TPath>): import("react/jsx-runtime").JSX.Element | null;