kiru 0.54.4 → 1.0.1

package/src/viewTransitions.ts

@@ -0,0 +1,88 @@
+import { flushSync } from "./scheduler.js"
+
+export namespace ViewTransitions {
+  type ViewTransitionJob = () => Promise<void>
+
+  const jobs: ViewTransitionJob[] = []
+  let running = false
+  let scheduled = false
+  let transition: ViewTransition | null = null
+  const supported =
+    "window" in globalThis && typeof document.startViewTransition === "function"
+
+  export function run<T>(
+    callback: () => T | Promise<T>,
+    options?: { signal?: AbortSignal }
+  ): Promise<T> {
+    const signal = options?.signal
+
+    return new Promise<T>((resolve) => {
+      const job: ViewTransitionJob = async () => {
+        const result = await callback()
+        resolve(result)
+      }
+
+      jobs.push(job)
+
+      signal?.addEventListener(
+        "abort",
+        () => {
+          const i = jobs.indexOf(job)
+          if (i !== -1) {
+            jobs.splice(i, 1)
+          } else {
+            transition?.skipTransition()
+          }
+        },
+        { once: true }
+      )
+
+      schedule()
+    })
+  }
+
+  export function stop() {
+    transition?.skipTransition()
+    transition = null
+    jobs.length = 0
+    running = false
+    scheduled = false
+  }
+
+  function schedule() {
+    if (scheduled) return
+    scheduled = true
+    queueMicrotask(() => {
+      scheduled = false
+      runJobs()
+    })
+  }
+
+  async function runJobs() {
+    if (running || jobs.length === 0) return
+
+    running = true
+
+    const __jobs = [...jobs]
+    jobs.length = 0
+
+    const runJobs = async () => {
+      await Promise.all(__jobs.map((j) => j()))
+      flushSync()
+    }
+
+    if (!supported) {
+      await runJobs()
+    } else {
+      transition = document.startViewTransition(runJobs)
+      await transition.finished
+    }
+
+    transition = null
+    running = false
+
+    if (jobs.length > 0) {
+      schedule()
+    }
+  }
+}

package/dist/appContext.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"appContext.d.ts","sourceRoot":"","sources":["../src/appContext.ts"],"names":[],"mappings":"AAKA,KAAK,KAAK,GAAG,IAAI,CAAC,KAAK,CAAA;AAEvB,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,KAAK,CAAA;IACf,MAAM,CAAC,QAAQ,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;IACnC,OAAO,IAAI,IAAI,CAAA;CAChB;AAID,wBAAgB,KAAK,CACnB,QAAQ,EAAE,GAAG,CAAC,OAAO,EACrB,SAAS,EAAE,WAAW,EACtB,OAAO,CAAC,EAAE,iBAAiB,GAC1B,UAAU,CA8CZ"}

package/dist/appContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"appContext.js","sourceRoot":"","sources":["../src/appContext.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAClC,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAmBxC,IAAI,KAAK,GAAG,CAAC,CAAA;AAEb,MAAM,UAAU,KAAK,CACnB,QAAqB,EACrB,SAAsB,EACtB,OAA2B;IAE3B,IAAI,OAAO,EAAE,CAAC;QACZ,IAAI,SAAS,CAAC,UAAU,EAAE,CAAC;YACzB,MAAM,IAAI,KAAK,CACb,oEAAoE,CACrE,CAAA;QACH,CAAC;IACH,CAAC;IACD,MAAM,QAAQ,GAAG,cAAc,CAAC,SAAS,CAAC,CAAA;IAC1C,MAAM,EAAE,GAAG,KAAK,EAAE,CAAA;IAClB,MAAM,UAAU,GAAe;QAC7B,EAAE;QACF,IAAI,EAAE,OAAO,EAAE,IAAI,IAAI,OAAO,EAAE,EAAE;QAClC,QAAQ;QACR,MAAM;QACN,OAAO;KACR,CAAA;IAED,SAAS,MAAM,CAAC,QAAqB;QACnC,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,QAAQ,CAAA;QAClC,cAAc,CAAC,QAAQ,CAAC,CAAA;IAC1B,CAAC;IAED,SAAS,OAAO;QACd,QAAQ,CAAC,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAA;QAC9B,cAAc,CAAC,QAAQ,CAAC,CAAA;QACxB,IAAI,OAAO,EAAE,CAAC;YACZ,OAAO,SAAS,CAAC,UAAU,CAAA;YAC3B,OAAO,QAAQ,CAAC,GAAG,CAAA;QACrB,CAAC;QACD,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS,EAAE,UAAU,CAAC,CAAA;IAC3C,CAAC;IAED,IAAI,OAAO,EAAE,CAAC;QACZ,QAAQ,CAAC,GAAG,GAAG,UAAU,CAAA;IAC3B,CAAC;IAED,MAAM,CAAC,QAAQ,CAAC,CAAA;IAChB,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,UAAU,EAAE,aAAa,CAAC,CAAA;IACtD,IAAI,OAAO,EAAE,CAAC;QACZ,cAAc,CAAC,GAAG,EAAE;YAClB,MAAM,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC,CAAA;QAC/C,CAAC,CAAC,CAAA;IACJ,CAAC;IAED,OAAO,UAAU,CAAA;AACnB,CAAC;AAED,SAAS,cAAc,CAAC,SAAsB;IAC5C,MAAM,IAAI,GAAG,WAAW,CAAC,SAAS,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAA;IAC1D,IAAI,CAAC,KAAK,IAAI,eAAe,CAAA;IAC7B,IAAI,CAAC,GAAG,GAAG,SAAS,CAAA;IACpB,IAAI,OAAO,EAAE,CAAC;QACZ,SAAS,CAAC,UAAU,GAAG,IAAI,CAAA;IAC7B,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC"}

package/dist/components/memo.d.ts

@@ -1,10 +0,0 @@
-import { $MEMO } from "../constants.js";
-export interface MemoFn<T extends Record<string, unknown> = {}> {
-    (props: T): JSX.Element;
-    [$MEMO]: (prevProps: T, nextProps: T) => boolean;
-}
-export declare function memo<T extends Record<string, unknown> = {}>(fn: Kiru.FC<T>, arePropsEqual?: (prevProps: T, nextProps: T) => boolean): (props: T) => JSX.Element;
-export declare function isMemoFn(fn: Function & {
-    [$MEMO]?: any;
-}): fn is MemoFn;
-//# sourceMappingURL=memo.d.ts.map

package/dist/components/memo.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"memo.d.ts","sourceRoot":"","sources":["../../src/components/memo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAgBvC,MAAM,WAAW,MAAM,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE;IAC5D,CAAC,KAAK,EAAE,CAAC,GAAG,GAAG,CAAC,OAAO,CAAA;IACvB,CAAC,KAAK,CAAC,EAAE,CAAC,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,KAAK,OAAO,CAAA;CACjD;AAED,wBAAgB,IAAI,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,EACzD,EAAE,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EACd,aAAa,GAAE,CAAC,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,KAAK,OAAwB,GACtE,CAAC,KAAK,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAU3B;AAED,wBAAgB,QAAQ,CAAC,EAAE,EAAE,QAAQ,GAAG;IAAE,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAA;CAAE,GAAG,EAAE,IAAI,MAAM,CAEvE"}

package/dist/components/memo.js

@@ -1,23 +0,0 @@
-import { $MEMO } from "../constants.js";
-import { createElement } from "../element.js";
-function _arePropsEqual(prevProps, nextProps) {
-    const keys = new Set([...Object.keys(prevProps), ...Object.keys(nextProps)]);
-    for (const key of keys) {
-        if (prevProps[key] !== nextProps[key]) {
-            return false;
-        }
-    }
-    return true;
-}
-export function memo(fn, arePropsEqual = _arePropsEqual) {
-    return Object.assign(function Memo(props) {
-        return createElement(fn, props);
-    }, {
-        [$MEMO]: arePropsEqual,
-        displayName: "Kiru.memo",
-    });
-}
-export function isMemoFn(fn) {
-    return typeof fn[$MEMO] === "function";
-}
-//# sourceMappingURL=memo.js.map

package/dist/components/memo.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"memo.js","sourceRoot":"","sources":["../../src/components/memo.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AACvC,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAE7C,SAAS,cAAc,CACrB,SAAY,EACZ,SAAY;IAEZ,MAAM,IAAI,GAAG,IAAI,GAAG,CAAC,CAAC,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;IAC5E,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,IAAI,SAAS,CAAC,GAAG,CAAC,KAAK,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;YACtC,OAAO,KAAK,CAAA;QACd,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAA;AACb,CAAC;AAOD,MAAM,UAAU,IAAI,CAClB,EAAc,EACd,gBAAyD,cAAc;IAEvE,OAAO,MAAM,CAAC,MAAM,CAClB,SAAS,IAAI,CAAC,KAAQ;QACpB,OAAO,aAAa,CAAC,EAAE,EAAE,KAAK,CAAC,CAAA;IACjC,CAAC,EACD;QACE,CAAC,KAAK,CAAC,EAAE,aAAa;QACtB,WAAW,EAAE,WAAW;KACzB,CACF,CAAA;AACH,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EAAgC;IACvD,OAAO,OAAO,EAAE,CAAC,KAAK,CAAC,KAAK,UAAU,CAAA;AACxC,CAAC"}

package/dist/form/index.d.ts

@@ -1,4 +0,0 @@
-import type { UseFormConfig, UseFormState } from "./types";
-export type * from "./types";
-export declare function useForm<T extends Record<string, unknown> = {}>(config: UseFormConfig<T>): UseFormState<T>;
-//# sourceMappingURL=index.d.ts.map

package/dist/form/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/form/index.ts"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAaV,aAAa,EAEb,YAAY,EACb,MAAM,SAAS,CAAA;AAEhB,mBAAmB,SAAS,CAAA;AAwf5B,wBAAgB,OAAO,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,EAAE,EAC5D,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,GACvB,YAAY,CAAC,CAAC,CAAC,CA0IjB"}

package/dist/form/index.js

@@ -1,518 +0,0 @@
-import { __DEV__ } from "../env.js";
-import { Fragment } from "../element.js";
-import { safeStringify, shallowCompare, generateRandomID, call, } from "../utils/index.js";
-import { useEffect } from "../hooks/useEffect.js";
-import { useMemo } from "../hooks/useMemo.js";
-import { useRef } from "../hooks/useRef.js";
-import { useHook, useRequestUpdate } from "../hooks/utils.js";
-import { objGet, objSet } from "./utils.js";
-function createFormController(config) {
-    let isSubmitting = false;
-    const subscribers = new Set();
-    const state = structuredClone(config.initialValues ?? {});
-    const formFieldValidators = {};
-    const formFieldDependencies = {};
-    const formFieldsTouched = {};
-    const formFieldUpdaters = new Map();
-    const asyncFormFieldValidators = {};
-    const formFieldErrors = {};
-    const canSubmit = () => {
-        return isAnyFieldValidating() === false && getErrors().length === 0;
-    };
-    const getSelectorState = () => {
-        return {
-            values: state,
-            canSubmit: canSubmit(),
-            isSubmitting,
-        };
-    };
-    const updateSubscribers = () => {
-        const selectorState = getSelectorState();
-        for (const sub of subscribers) {
-            const { selector, selection, update } = sub;
-            const newSelection = selector(selectorState);
-            if (shallowCompare(selection, newSelection))
-                continue;
-            sub.selection = newSelection;
-            update();
-        }
-    };
-    const updateFieldComponents = (name) => {
-        if (!formFieldUpdaters.has(name))
-            return;
-        for (const update of formFieldUpdaters.get(name))
-            update();
-    };
-    const validateField = async (name, evt) => {
-        const fieldErrors = (formFieldErrors[name] ?? (formFieldErrors[name] = {}));
-        const asyncFieldValidatorStates = (asyncFormFieldValidators[name] ?? (asyncFormFieldValidators[name] = {}));
-        const fieldValidators = formFieldValidators[name] ?? {};
-        const validatorCtx = { value: getFieldValue(name) };
-        switch (evt) {
-            case "onMount": {
-                if (!fieldValidators.onMount)
-                    return;
-                fieldErrors.onMount = fieldValidators.onMount(validatorCtx);
-                updateSubscribers();
-                updateFieldComponents(name);
-                break;
-            }
-            case "onChange": {
-                if (fieldErrors.onMount)
-                    delete fieldErrors.onMount;
-                formFieldsTouched[name] = true;
-                if (!fieldValidators.onChange)
-                    return;
-                fieldErrors.onChange = fieldValidators.onChange(validatorCtx);
-                if (asyncFieldValidatorStates.onChangeAsync &&
-                    asyncFieldValidatorStates.onChangeAsync.timeout !== -1) {
-                    window.clearTimeout(asyncFieldValidatorStates.onChangeAsync.timeout);
-                    asyncFieldValidatorStates.onChangeAsync.abortController?.abort();
-                    asyncFieldValidatorStates.onChangeAsync = {
-                        epoch: asyncFieldValidatorStates.onChangeAsync.epoch,
-                        timeout: -1,
-                        abortController: null,
-                    };
-                    delete fieldErrors.onChangeAsync;
-                }
-                else if (fieldErrors.onChangeAsync) {
-                    delete fieldErrors.onChangeAsync;
-                }
-                updateSubscribers();
-                updateFieldComponents(name);
-                break;
-            }
-            case "onBlur": {
-                formFieldsTouched[name] = true;
-                if (!fieldValidators.onBlur)
-                    return;
-                fieldErrors.onBlur = fieldValidators.onBlur(validatorCtx);
-                updateSubscribers();
-                updateFieldComponents(name);
-                break;
-            }
-            case "onChangeAsync": {
-                if (fieldErrors.onChange || !fieldValidators.onChangeAsync)
-                    return;
-                window.clearTimeout(asyncFieldValidatorStates.onChangeAsync?.timeout);
-                const epoch = (asyncFieldValidatorStates.onChangeAsync?.epoch ?? 0) + 1;
-                const debounceMs = fieldValidators.onChangeAsyncDebounceMs ?? 0;
-                const abortController = new AbortController();
-                const asyncValidatorCtx = {
-                    ...validatorCtx,
-                    abortSignal: abortController.signal,
-                };
-                if (debounceMs <= 0) {
-                    fieldErrors.onChangeAsync = await fieldValidators.onChangeAsync(asyncValidatorCtx);
-                    updateSubscribers();
-                    updateFieldComponents(name);
-                    return;
-                }
-                asyncFieldValidatorStates.onChangeAsync = {
-                    abortController,
-                    timeout: window.setTimeout(() => {
-                        fieldValidators
-                            .onChangeAsync?.(asyncValidatorCtx)
-                            .then((result) => {
-                            if (fieldErrors.onChange)
-                                return;
-                            if (epoch !== asyncFieldValidatorStates.onChangeAsync?.epoch) {
-                                return;
-                            }
-                            fieldErrors.onChangeAsync = result;
-                            asyncFieldValidatorStates.onChangeAsync = {
-                                timeout: -1,
-                                epoch,
-                                abortController,
-                            };
-                            updateSubscribers();
-                            updateFieldComponents(name);
-                        });
-                    }, debounceMs),
-                    epoch,
-                };
-                updateSubscribers();
-                break;
-            }
-            case "onSubmit": {
-                fieldErrors.onSubmit = fieldValidators.onSubmit?.(validatorCtx);
-            }
-        }
-    };
-    const getFieldValue = (name) => {
-        return objGet(state, name.split("."));
-    };
-    const getFieldState = (name) => {
-        let errors = [];
-        let isValidating = false;
-        const fieldErrors = formFieldErrors[name] ?? {};
-        const asyncMeta = asyncFormFieldValidators[name] ?? {};
-        if (asyncMeta.onChangeAsync && asyncMeta.onChangeAsync.timeout !== -1) {
-            isValidating = true;
-        }
-        if (!isValidating) {
-            errors.push(...[
-                fieldErrors.onChangeAsync,
-                fieldErrors.onMount,
-                fieldErrors.onChange,
-                fieldErrors.onBlur,
-            ].filter(Boolean));
-        }
-        return {
-            value: getFieldValue(name),
-            errors,
-            isTouched: !!formFieldsTouched[name],
-            isValidating,
-        };
-    };
-    const onFieldChanged = (name) => {
-        validateField(name, "onChange");
-        if (formFieldValidators[name]?.onChangeAsync) {
-            validateField(name, "onChangeAsync");
-        }
-        if (formFieldDependencies[name]) {
-            for (const dependentOn of formFieldDependencies[name]) {
-                validateField(dependentOn, "onChange");
-                if (formFieldValidators[dependentOn]?.onChangeAsync) {
-                    validateField(dependentOn, "onChangeAsync");
-                }
-            }
-        }
-        formFieldUpdaters.get(name)?.forEach(call);
-    };
-    const setFieldValue = (name, value) => {
-        objSet(state, name.split("."), value);
-        onFieldChanged(name);
-    };
-    const removeFieldMeta = (name) => {
-        for (const metaMap of [
-            formFieldErrors,
-            asyncFormFieldValidators,
-            formFieldsTouched,
-            formFieldValidators,
-        ]) {
-            delete metaMap[name];
-            for (const key in metaMap) {
-                if (key.startsWith(`${name}.`)) {
-                    delete metaMap[key];
-                }
-            }
-        }
-        formFieldUpdaters.delete(name);
-        for (const key in formFieldUpdaters) {
-            if (key.startsWith(`${name}.`)) {
-                formFieldUpdaters.delete(key);
-            }
-        }
-    };
-    const arrayFieldReplace = (name, index, value) => {
-        const path = [...name.split("."), index.toString()];
-        objSet(state, path, value);
-        removeFieldMeta(`${name}.${index}`);
-        onFieldChanged(name);
-        updateFieldComponents(name);
-    };
-    const arrayFieldPush = (name, value) => {
-        const path = [...name.split(".")];
-        const arr = objGet(state, path);
-        arr.push(value);
-        onFieldChanged(name);
-        updateFieldComponents(name);
-    };
-    const arrayFieldRemove = (name, index) => {
-        const path = [...name.split(".")];
-        const arr = objGet(state, path);
-        arr.splice(index, 1);
-        removeFieldMeta(`${name}.${index}`);
-        onFieldChanged(name);
-        updateFieldComponents(name);
-    };
-    const getErrors = () => {
-        const errors = [];
-        for (const fieldName in formFieldErrors) {
-            const meta = formFieldErrors[fieldName];
-            errors.push(...[
-                meta.onChangeAsync,
-                meta.onMount,
-                meta.onChange,
-                meta.onBlur,
-            ].filter(Boolean));
-        }
-        return errors;
-    };
-    const isAnyFieldValidating = () => {
-        for (const fieldName in asyncFormFieldValidators) {
-            const fieldValidators = asyncFormFieldValidators[fieldName];
-            if (fieldValidators.onChangeAsync &&
-                fieldValidators.onChangeAsync.timeout !== -1) {
-                return true;
-            }
-        }
-        return false;
-    };
-    const connectField = (name, update) => {
-        if (!formFieldUpdaters.has(name)) {
-            formFieldUpdaters.set(name, new Set());
-        }
-        formFieldUpdaters.get(name).add(update);
-    };
-    const disconnectField = (name, update) => {
-        if (!formFieldUpdaters.has(name))
-            return;
-        formFieldUpdaters.get(name).delete(update);
-        const asyncValidators = asyncFormFieldValidators[name] ?? {};
-        const { abortController, timeout } = asyncValidators.onChangeAsync ?? {};
-        window.clearTimeout(timeout);
-        abortController?.abort();
-    };
-    const reset = (values) => {
-        if (values) {
-            for (const key in values) {
-                state[key] = values[key];
-            }
-        }
-        else {
-            const initialValues = (config.initialValues ?? {});
-            const keys = new Set([
-                ...Object.keys(state),
-                ...Object.keys(initialValues),
-            ]);
-            for (const key of keys) {
-                if (key in initialValues) {
-                    state[key] = structuredClone(initialValues[key]);
-                }
-                else {
-                    delete state[key];
-                }
-            }
-        }
-        for (const fieldName in formFieldsTouched) {
-            delete formFieldsTouched[fieldName];
-        }
-        for (const fieldName in asyncFormFieldValidators) {
-            const asyncFieldValidators = asyncFormFieldValidators[fieldName];
-            const { timeout, abortController } = asyncFieldValidators?.onChangeAsync ?? {};
-            if (timeout !== -1) {
-                window.clearTimeout(timeout);
-            }
-            abortController?.abort();
-            delete asyncFormFieldValidators[fieldName];
-        }
-        for (const fieldName in formFieldErrors) {
-            delete formFieldErrors[fieldName];
-        }
-        updateSubscribers();
-        formFieldUpdaters.forEach((updaters) => updaters.forEach(call));
-    };
-    const validateForm = async () => {
-        var _a;
-        for (const fieldName in formFieldValidators) {
-            const fieldValidators = formFieldValidators[fieldName];
-            if (fieldValidators?.onChange) {
-                await validateField(fieldName, "onChange");
-            }
-            if (fieldValidators?.onSubmit) {
-                await validateField(fieldName, "onSubmit");
-            }
-            if (!formFieldErrors[fieldName]?.onChange &&
-                fieldValidators?.onChangeAsync) {
-                const value = state[fieldName];
-                const abortController = new AbortController();
-                const asyncValidators = (asyncFormFieldValidators[_a = fieldName] ?? (asyncFormFieldValidators[_a] = {}));
-                const epoch = asyncValidators.onChangeAsync?.epoch ?? 0;
-                asyncValidators.onChangeAsync = {
-                    timeout: 0,
-                    epoch,
-                    abortController,
-                };
-                const ctx = {
-                    value,
-                    abortSignal: abortController.signal,
-                };
-                formFieldErrors[fieldName].onChangeAsync =
-                    await fieldValidators.onChangeAsync(ctx);
-                asyncValidators.onChangeAsync = {
-                    timeout: -1,
-                    epoch,
-                    abortController: null,
-                };
-                updateFieldComponents(fieldName);
-                updateSubscribers();
-            }
-        }
-        return getErrors();
-    };
-    const deleteField = (name) => {
-        delete state[name];
-        delete formFieldErrors[name];
-        delete asyncFormFieldValidators[name];
-        delete formFieldsTouched[name];
-        delete formFieldValidators[name];
-        formFieldUpdaters.delete(name);
-        updateSubscribers();
-    };
-    const resetField = (name) => {
-        if (config.initialValues?.[name]) {
-            state[name] = config.initialValues[name];
-        }
-        else {
-            delete state[name];
-        }
-        delete formFieldErrors[name];
-        delete asyncFormFieldValidators[name];
-        delete formFieldsTouched[name];
-        updateSubscribers();
-    };
-    const getFormContext = () => {
-        return {
-            deleteField,
-            resetField,
-            setFieldValue,
-            validateForm,
-            state,
-        };
-    };
-    const setFieldValidators = (name, validators) => {
-        formFieldValidators[name] = validators;
-        if (validators.dependentOn && validators.dependentOn.length > 0) {
-            for (const dependentOn of validators.dependentOn) {
-                if (!formFieldDependencies[dependentOn]) {
-                    formFieldDependencies[dependentOn] = new Set();
-                }
-                formFieldDependencies[dependentOn].add(name);
-            }
-        }
-    };
-    const setSubmitting = (submitting) => {
-        if (submitting !== isSubmitting) {
-            isSubmitting = submitting;
-            updateSubscribers();
-        }
-    };
-    return {
-        subscribers,
-        state,
-        validateField,
-        getFieldState,
-        setFieldValue,
-        arrayFieldReplace,
-        arrayFieldPush,
-        arrayFieldRemove,
-        connectField,
-        disconnectField,
-        setFieldValidators,
-        getSelectorState,
-        validateForm,
-        reset,
-        getFormContext,
-        setSubmitting,
-    };
-}
-export function useForm(config) {
-    return useHook("useForm", {}, ({ hook, isInit, isHMR }) => {
-        if (__DEV__) {
-            if (isInit) {
-                hook.dev = {
-                    initialArgs: [config],
-                };
-            }
-            if (isHMR) {
-                const [c] = hook.dev.initialArgs;
-                if (safeStringify(c) !== safeStringify(config)) {
-                    hook.cleanup?.();
-                    isInit = true;
-                    hook.dev.initialArgs = [config];
-                }
-            }
-        }
-        if (isInit) {
-            const $controller = (hook.formController = createFormController(config));
-            hook.Field = function Field(props) {
-                const didMount = useRef(false);
-                const update = useRequestUpdate();
-                if (props.validators) {
-                    $controller.setFieldValidators(props.name, props.validators);
-                }
-                useEffect(() => {
-                    $controller.connectField(props.name, update);
-                    if (props.validators?.onMount && !didMount.current) {
-                        didMount.current = true;
-                        $controller.validateField(props.name, "onMount");
-                    }
-                    return () => {
-                        $controller.disconnectField(props.name, update);
-                    };
-                }, []);
-                const fieldState = $controller.getFieldState(props.name);
-                const childProps = {
-                    name: props.name,
-                    state: fieldState,
-                    handleChange: (value) => {
-                        $controller.setFieldValue(props.name, value);
-                    },
-                    handleBlur: () => {
-                        $controller.validateField(props.name, "onBlur");
-                    },
-                };
-                if (props.array) {
-                    const asArrayProps = childProps;
-                    asArrayProps.items = {
-                        replace: (index, value) => {
-                            $controller.arrayFieldReplace(props.name, index, value);
-                        },
-                        push: (value) => {
-                            $controller.arrayFieldPush(props.name, value);
-                        },
-                        remove: (index) => {
-                            $controller.arrayFieldRemove(props.name, index);
-                        },
-                    };
-                }
-                return Fragment({
-                    key: useMemo(generateRandomID, []),
-                    children: props.children(childProps),
-                });
-            };
-            hook.Subscribe = function Subscribe(props) {
-                const selection = useHook("useFormSubscription", { sub: null }, ({ hook, isInit, isHMR, update }) => {
-                    if (__DEV__ && isHMR) {
-                        isInit = true;
-                        hook.cleanup?.();
-                    }
-                    if (isInit) {
-                        hook.sub = {
-                            selector: props.selector,
-                            selection: props.selector($controller.getSelectorState()),
-                            update,
-                        };
-                        $controller.subscribers.add(hook.sub);
-                        hook.cleanup = () => $controller.subscribers.delete(hook.sub);
-                    }
-                    return hook.sub.selection;
-                });
-                return props.children(selection);
-            };
-        }
-        return {
-            Field: hook.Field,
-            Subscribe: hook.Subscribe,
-            handleSubmit: async () => {
-                const controller = hook.formController;
-                const errors = await controller.validateForm();
-                const formCtx = controller.getFormContext();
-                if (errors.length)
-                    return config.onSubmitInvalid?.(formCtx);
-                controller.setSubmitting(true);
-                try {
-                    await config.onSubmit?.(formCtx);
-                }
-                finally {
-                    controller.setSubmitting(false);
-                }
-            },
-            reset: (values) => hook.formController.reset(values),
-            getFieldState: (name) => hook.formController.getFieldState(name),
-        };
-    });
-}
-//# sourceMappingURL=index.js.map