@ng-forge/dynamic-forms 0.3.1 → 0.5.0

package/fesm2022/{ng-forge-dynamic-forms-ng-forge-dynamic-forms-D58rojQc.mjs → ng-forge-dynamic-forms-ng-forge-dynamic-forms-WGww2nXx.mjs}

@@ -1,21 +1,24 @@
 import * as i0 from '@angular/core';
-import { isSignal, computed, runInInjectionContext, InjectionToken, inject, signal, Injectable, untracked, input, linkedSignal, ChangeDetectionStrategy, Component, DestroyRef, Injector, model, afterNextRender, makeEnvironmentProviders, Pipe } from '@angular/core';
+import { isSignal, computed, runInInjectionContext, InjectionToken, inject, signal, Injectable, untracked, Injector, isDevMode, isWritableSignal, DestroyRef, input, linkedSignal, ChangeDetectionStrategy, Component, model, afterNextRender, makeEnvironmentProviders, Pipe } from '@angular/core';
 import { NgComponentOutlet } from '@angular/common';
-import { submit, email, min, max, minLength, maxLength, pattern, required, validate, validateAsync, validateHttp, disabled, readonly, hidden, applyEach, applyWhenValue, applyWhen, apply, schema, validateTree, form, provideSignalFormsConfig } from '@angular/forms/signals';
+import { submit, email, min, max, minLength, maxLength, pattern, required, validate, validateAsync, validateHttp, disabled, readonly, hidden, applyEach, applyWhenValue, applyWhen, apply, schema, validateStandardSchema, validateTree, form, provideSignalFormsConfig } from '@angular/forms/signals';
 import { toObservable, toSignal, takeUntilDestroyed, outputFromObservable } from '@angular/core/rxjs-interop';
-import { defer, combineLatest, from, map, catchError, of, pipe, switchMap, forkJoin, scan, isObservable, firstValueFrom, EMPTY, Subject, filter } from 'rxjs';
+import { defer, combineLatest, from, map, catchError, of, pipe, switchMap, forkJoin, scan, isObservable, firstValueFrom, EMPTY, debounceTime, distinctUntilChanged, startWith, tap, Subject, filter, combineLatestWith, auditTime, exhaustMap, scheduled, queueScheduler, pairwise, merge, timer } from 'rxjs';
+import { isStandardSchemaMarker } from '@ng-forge/dynamic-forms/schema';
 import { scan as scan$1, map as map$1, filter as filter$1, take, switchMap as switchMap$1, shareReplay } from 'rxjs/operators';
 import { explicitEffect } from 'ngxtension/explicit-effect';
 import { NG_STATUS_CLASSES } from '@angular/forms/signals/compat';
 
 /**
  * Type guard to check if a value is an array of Signals.
+ * @internal
  */
 function isSignalArray(value) {
     return Array.isArray(value) && value.every((item) => isSignal(item));
 }
 /**
- * Type guard to check if a value is an object of Signals (record).
+ * Type guard to check if a value is a record (object) of Signals.
+ * @internal
  */
 function isSignalRecord(value) {
     return typeof value === 'object' && value !== null && !Array.isArray(value) && Object.values(value).every((item) => isSignal(item));
@@ -133,9 +136,10 @@ function buildClassName(fieldDef) {
  * Used by mappers to build the inputs record.
  *
  * @param fieldDef The field definition to extract properties from
+ * @param defaultProps Optional form-level default props to merge with field props
  * @returns Record of input names to values
  */
-function buildBaseInputs(fieldDef) {
+function buildBaseInputs(fieldDef, defaultProps) {
     const { key, label, className, tabIndex, props, meta } = fieldDef;
     const inputs = {};
     // Always include key - required by components for accessibility and identification
@@ -158,8 +162,12 @@ function buildBaseInputs(fieldDef) {
     if (tabIndex !== undefined) {
         inputs['tabIndex'] = tabIndex;
     }
-    if (props !== undefined) {
-        inputs['props'] = props;
+    // Merge props: form-level defaultProps as base, field-level props override
+    // Cast props to Record since it's typed as unknown but always represents an object at runtime
+    const fieldProps = props;
+    const mergedProps = fieldProps !== undefined || defaultProps !== undefined ? { ...(defaultProps ?? {}), ...(fieldProps ?? {}) } : undefined;
+    if (mergedProps !== undefined) {
+        inputs['props'] = mergedProps;
     }
     if (meta !== undefined) {
         inputs['meta'] = meta;
@@ -404,6 +412,133 @@ function createSubmissionHandler(options) {
  * Native JavaScript utility functions to replace lodash-es
  * These are simple implementations for common object manipulation patterns
  */
+/**
+ * Performs a deep equality comparison between two values.
+ *
+ * Handles:
+ * - Primitives (including NaN via Object.is)
+ * - Dates (by timestamp)
+ * - Arrays (deep element comparison)
+ * - Plain objects (deep property comparison)
+ * - RegExp (by source and flags)
+ * - Map and Set (by entries)
+ * - Circular references (via WeakMap tracking)
+ *
+ * @param a - First value
+ * @param b - Second value
+ * @returns true if values are deeply equal
+ *
+ * @example
+ * ```typescript
+ * isEqual({ a: 1 }, { a: 1 }); // true
+ * isEqual([1, 2], [1, 2]); // true
+ * isEqual({ a: 1 }, { a: 2 }); // false
+ * isEqual(new Date('2024-01-01'), new Date('2024-01-01')); // true
+ * isEqual(/abc/gi, /abc/gi); // true
+ * ```
+ */
+function isEqual(a, b) {
+    return isEqualInternal(a, b, new WeakMap(), new WeakMap());
+}
+/**
+ * Internal implementation with circular reference tracking.
+ * @internal
+ */
+function isEqualInternal(a, b, seenA, seenB) {
+    // Same reference or both null/undefined
+    if (a === b)
+        return true;
+    // Handle NaN (NaN === NaN is false, but we want it to be equal)
+    if (typeof a === 'number' && typeof b === 'number') {
+        return Object.is(a, b);
+    }
+    // One is null/undefined but not both
+    if (a == null || b == null)
+        return false;
+    // Different types
+    if (typeof a !== typeof b)
+        return false;
+    // Non-object primitives (strings, booleans, symbols, bigints)
+    if (typeof a !== 'object') {
+        return Object.is(a, b);
+    }
+    // At this point, both a and b are objects (typeof a === 'object')
+    const objA = a;
+    const objB = b;
+    // Check for circular references
+    if (seenA.has(objA) || seenB.has(objB)) {
+        // If we've seen these objects before, check if they were paired together
+        return seenA.get(objA) === objB && seenB.get(objB) === objA;
+    }
+    // Mark these objects as seen (paired together)
+    seenA.set(objA, objB);
+    seenB.set(objB, objA);
+    // Different constructors means different types (e.g., Date vs Object)
+    if (objA.constructor !== objB.constructor)
+        return false;
+    // Handle dates
+    if (a instanceof Date && b instanceof Date) {
+        return a.getTime() === b.getTime();
+    }
+    // Handle RegExp
+    if (a instanceof RegExp && b instanceof RegExp) {
+        return a.source === b.source && a.flags === b.flags;
+    }
+    // Handle Map
+    if (a instanceof Map && b instanceof Map) {
+        if (a.size !== b.size)
+            return false;
+        for (const [key, value] of a) {
+            if (!b.has(key) || !isEqualInternal(value, b.get(key), seenA, seenB)) {
+                return false;
+            }
+        }
+        return true;
+    }
+    // Handle Set
+    if (a instanceof Set && b instanceof Set) {
+        if (a.size !== b.size)
+            return false;
+        for (const value of a) {
+            if (!b.has(value)) {
+                // For non-primitive values in Sets, we need deep comparison
+                // This is O(n^2) but Sets rarely contain objects
+                if (typeof value === 'object' && value !== null) {
+                    let found = false;
+                    for (const bValue of b) {
+                        if (typeof bValue === 'object' && bValue !== null && isEqualInternal(value, bValue, seenA, seenB)) {
+                            found = true;
+                            break;
+                        }
+                    }
+                    if (!found)
+                        return false;
+                }
+                else {
+                    return false;
+                }
+            }
+        }
+        return true;
+    }
+    // Handle arrays
+    if (Array.isArray(a) && Array.isArray(b)) {
+        if (a.length !== b.length)
+            return false;
+        return a.every((item, index) => isEqualInternal(item, b[index], seenA, seenB));
+    }
+    // Handle plain objects
+    const recordA = a;
+    const recordB = b;
+    // Get both string and symbol keys
+    const keysA = [...Object.keys(recordA), ...Object.getOwnPropertySymbols(recordA)];
+    const keysB = [...Object.keys(recordB), ...Object.getOwnPropertySymbols(recordB)];
+    if (keysA.length !== keysB.length)
+        return false;
+    // Create a Set for O(1) lookup
+    const keySetB = new Set(keysB);
+    return keysA.every((key) => keySetB.has(key) && isEqualInternal(recordA[key], recordB[key], seenA, seenB));
+}
 /**
  * Creates a new object without the specified keys
  * Native replacement for lodash omit()
@@ -511,54 +646,6 @@ function memoize(fn, resolverOrOptions) {
         return result;
     });
 }
-/**
- * Performs a deep equality comparison between two values
- * Native replacement for lodash isEqual()
- *
- * @param a - First value
- * @param b - Second value
- * @returns true if values are deeply equal
- *
- * @example
- * ```typescript
- * isEqual({ a: 1 }, { a: 1 }); // true
- * isEqual([1, 2], [1, 2]); // true
- * isEqual({ a: 1 }, { a: 2 }); // false
- * ```
- */
-function isEqual(a, b) {
-    // Same reference or both null/undefined
-    if (a === b)
-        return true;
-    // One is null/undefined but not both
-    if (a == null || b == null)
-        return false;
-    // Different types
-    if (typeof a !== typeof b)
-        return false;
-    // Handle dates
-    if (a instanceof Date && b instanceof Date) {
-        return a.getTime() === b.getTime();
-    }
-    // Handle arrays
-    if (Array.isArray(a) && Array.isArray(b)) {
-        if (a.length !== b.length)
-            return false;
-        return a.every((item, index) => isEqual(item, b[index]));
-    }
-    // Handle objects
-    if (typeof a === 'object' && typeof b === 'object') {
-        const objA = a;
-        const objB = b;
-        const keysA = Object.keys(objA);
-        const keysB = Object.keys(objB);
-        if (keysA.length !== keysB.length)
-            return false;
-        return keysA.every((key) => keysB.includes(key) && isEqual(objA[key], objB[key]));
-    }
-    // Primitives - use Object.is to handle NaN correctly (NaN === NaN is false, but Object.is(NaN, NaN) is true)
-    return Object.is(a, b);
-}
 /**
  * Normalizes a fields collection to an array.
  * Handles both array format and object format (keyed by field key).
@@ -569,6 +656,52 @@ function isEqual(a, b) {
 function normalizeFieldsArray(fields) {
     return Array.isArray(fields) ? [...fields] : Object.values(fields);
 }
+/**
+ * Gets the keys that differ between two objects.
+ *
+ * Compares top-level keys and returns those whose values are different.
+ * Uses deep equality comparison for nested values.
+ *
+ * @param previous - Previous object state
+ * @param current - Current object state
+ * @returns Set of keys that have different values
+ *
+ * @example
+ * ```typescript
+ * const prev = { a: 1, b: 2, c: 3 };
+ * const curr = { a: 1, b: 5, d: 4 };
+ * getChangedKeys(prev, curr); // Set { 'b', 'c', 'd' }
+ * ```
+ */
+function getChangedKeys(previous, current) {
+    const changedKeys = new Set();
+    // Handle null/undefined cases
+    if (!previous && !current)
+        return changedKeys;
+    if (!previous) {
+        return new Set(Object.keys(current ?? {}));
+    }
+    if (!current) {
+        return new Set(Object.keys(previous));
+    }
+    // Collect all keys from both objects
+    const allKeys = new Set([...Object.keys(previous), ...Object.keys(current)]);
+    // Check each key for differences
+    for (const key of allKeys) {
+        const prevValue = previous[key];
+        const currValue = current[key];
+        // Key added or removed
+        if (!(key in previous) || !(key in current)) {
+            changedKeys.add(key);
+            continue;
+        }
+        // Value changed
+        if (!isEqual(prevValue, currValue)) {
+            changedKeys.add(key);
+        }
+    }
+    return changedKeys;
+}
 
 /**
  * Injection token for providing field signal context to mappers and components.
@@ -628,6 +761,82 @@ const FIELD_SIGNAL_CONTEXT = new InjectionToken('FIELD_SIGNAL_CONTEXT', {
  * ```
  */
 const ARRAY_CONTEXT = new InjectionToken('ARRAY_CONTEXT');
+/**
+ * Injection token for form-level default props.
+ *
+ * Default props are form-wide property defaults that are merged with field-level props.
+ * Field props take precedence over default props.
+ *
+ * Unlike FIELD_SIGNAL_CONTEXT which is re-provided by container components (Group, Array),
+ * DEFAULT_PROPS is provided ONCE at the DynamicForm level and inherited by all children
+ * via Angular's hierarchical injector.
+ *
+ * The token provides a Signal to enable reactivity - when config changes, mappers
+ * that read the signal inside their computed() will automatically update.
+ *
+ * @example
+ * ```typescript
+ * // In a mapper function
+ * const defaultPropsSignal = inject(DEFAULT_PROPS);
+ *
+ * return computed(() => {
+ *   const defaultProps = defaultPropsSignal?.();  // Read inside computed for reactivity
+ *   const baseInputs = buildBaseInputs(fieldDef, defaultProps);
+ *   // ...
+ * });
+ * ```
+ */
+const DEFAULT_PROPS = new InjectionToken('DEFAULT_PROPS');
+/**
+ * Injection token for form-level default validation messages.
+ *
+ * Default validation messages act as fallbacks when fields have validation
+ * errors but no field-level `validationMessages` defined.
+ *
+ * Like DEFAULT_PROPS, this token is provided ONCE at the DynamicForm level
+ * and inherited by all children via Angular's hierarchical injector.
+ *
+ * The token provides a Signal to enable reactivity - when config changes, mappers
+ * that read the signal inside their computed() will automatically update.
+ *
+ * @example
+ * ```typescript
+ * // In a mapper or component
+ * const defaultMessagesSignal = inject(DEFAULT_VALIDATION_MESSAGES);
+ *
+ * return computed(() => {
+ *   const defaultMessages = defaultMessagesSignal?.();  // Read inside computed for reactivity
+ *   const message = defaultMessages?.required ?? 'Field is required';
+ *   // ...
+ * });
+ * ```
+ */
+const DEFAULT_VALIDATION_MESSAGES = new InjectionToken('DEFAULT_VALIDATION_MESSAGES');
+/**
+ * Injection token for form-level options.
+ *
+ * Form options control form-wide behavior including button disabled states.
+ * Used by button mappers to determine default disabled behavior.
+ *
+ * Like DEFAULT_PROPS, this token is provided ONCE at the DynamicForm level
+ * and inherited by all children via Angular's hierarchical injector.
+ *
+ * The token provides a Signal to enable reactivity - when config changes, mappers
+ * that read the signal inside their computed() will automatically update.
+ *
+ * @example
+ * ```typescript
+ * // In a button mapper
+ * const formOptionsSignal = inject(FORM_OPTIONS);
+ *
+ * return computed(() => {
+ *   const formOptions = formOptionsSignal?.();  // Read inside computed for reactivity
+ *   const disableWhenInvalid = formOptions?.submitButton?.disableWhenInvalid ?? true;
+ *   // ...
+ * });
+ * ```
+ */
+const FORM_OPTIONS = new InjectionToken('FORM_OPTIONS');
 
 /**
  * Base error class for all Dynamic Forms errors.
@@ -1014,10 +1223,10 @@ class RootFormRegistryService {
         this._formValueSignals.set(new Map());
         this.formContexts.clear();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: RootFormRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: RootFormRegistryService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: RootFormRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: RootFormRegistryService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: RootFormRegistryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: RootFormRegistryService, decorators: [{
             type: Injectable
         }] });
 
@@ -1141,10 +1350,10 @@ class FieldContextRegistryService {
             logger: this.logger,
         };
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FieldContextRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FieldContextRegistryService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: FieldContextRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: FieldContextRegistryService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FieldContextRegistryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: FieldContextRegistryService, decorators: [{
             type: Injectable
         }] });
 
@@ -1205,6 +1414,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
 class FunctionRegistryService {
     customFunctions = new Map();
     customFunctionScopes = new Map();
+    derivationFunctions = new Map();
     validators = new Map();
     asyncValidators = new Map();
     httpValidators = new Map();
@@ -1263,6 +1473,56 @@ class FunctionRegistryService {
         this.customFunctions.clear();
         this.customFunctionScopes.clear();
     }
+    // ─────────────────────────────────────────────────────────────────────────────
+    // Derivation Functions
+    // ─────────────────────────────────────────────────────────────────────────────
+    /**
+     * Register a derivation function for value derivation logic.
+     *
+     * Derivation functions compute derived values and are called when a
+     * `DerivationLogicConfig` references them by `functionName`.
+     *
+     * @param name - Unique identifier for the function
+     * @param fn - Function that receives EvaluationContext and returns the derived value
+     *
+     * @example
+     * ```typescript
+     * registry.registerDerivationFunction('getCurrencyForCountry', (ctx) => {
+     *   const countryToCurrency = { 'USA': 'USD', 'Germany': 'EUR', 'UK': 'GBP' };
+     *   return countryToCurrency[ctx.formValue.country] ?? 'USD';
+     * });
+     * ```
+     */
+    registerDerivationFunction(name, fn) {
+        this.derivationFunctions.set(name, fn);
+    }
+    /**
+     * Get a derivation function by name
+     */
+    getDerivationFunction(name) {
+        return this.derivationFunctions.get(name);
+    }
+    /**
+     * Get all derivation functions as an object
+     */
+    getDerivationFunctions() {
+        return Object.fromEntries(this.derivationFunctions);
+    }
+    /**
+     * Set derivation functions from a config object.
+     * Only updates functions if their references have changed.
+     *
+     * @param derivations - Object mapping function names to derivation functions
+     */
+    setDerivationFunctions(derivations) {
+        this.setRegistryIfChanged(this.derivationFunctions, derivations);
+    }
+    /**
+     * Clear all derivation functions
+     */
+    clearDerivationFunctions() {
+        this.derivationFunctions.clear();
+    }
     /**
      * Register a custom validator using Angular's public FieldContext API
      *
@@ -1480,14 +1740,15 @@ class FunctionRegistryService {
      */
     clearAll() {
         this.clearCustomFunctions();
+        this.clearDerivationFunctions();
         this.clearValidators();
         this.clearAsyncValidators();
         this.clearHttpValidators();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FunctionRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FunctionRegistryService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: FunctionRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: FunctionRegistryService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: FunctionRegistryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: FunctionRegistryService, decorators: [{
             type: Injectable
         }] });
 
@@ -2323,7 +2584,7 @@ class Evaluator {
 /**
  * Maximum cache size to prevent memory issues
  */
-const MAX_AST_CACHE_SIZE = 1000;
+const MAX_AST_CACHE_SIZE$1 = 1000;
 /**
  * LRU Cache implementation for AST nodes
  * Tracks access order to evict least-recently-used entries
@@ -2368,7 +2629,7 @@ class LRUCache {
 /**
  * Cache for parsed AST nodes to improve performance
  */
-const astCache = new LRUCache(MAX_AST_CACHE_SIZE);
+const astCache = new LRUCache(MAX_AST_CACHE_SIZE$1);
 /**
  * Secure expression parser that uses AST-based evaluation instead of eval() or new Function()
  *
@@ -2425,7 +2686,7 @@ class ExpressionParser {
     static getCacheStats() {
         return {
             size: astCache.size,
-            maxSize: MAX_AST_CACHE_SIZE,
+            maxSize: MAX_AST_CACHE_SIZE$1,
         };
     }
 }
@@ -2593,6 +2854,105 @@ function createLogicFunction(expression) {
     contextCache.set(cacheKey, fn);
     return fn;
 }
+/**
+ * Cache for debounced logic functions.
+ * Keyed by injection context similar to logicFunctionCache, but includes debounceMs in the key.
+ */
+const debouncedLogicFunctionCache = new WeakMap();
+/**
+ * Gets or creates the cache map for debounced functions in a specific injection context.
+ */
+function getDebouncedContextCache(ctx) {
+    let outerCache = debouncedLogicFunctionCache.get(ctx.functionRegistry);
+    if (!outerCache) {
+        outerCache = new WeakMap();
+        debouncedLogicFunctionCache.set(ctx.functionRegistry, outerCache);
+    }
+    let innerCache = outerCache.get(ctx.fieldContextRegistry);
+    if (!innerCache) {
+        innerCache = new Map();
+        outerCache.set(ctx.fieldContextRegistry, innerCache);
+    }
+    return innerCache;
+}
+/**
+ * Store for debounced signals per field context.
+ * Uses WeakMap with FieldContext objects as keys to automatically clean up
+ * when the context is garbage collected.
+ */
+const debouncedSignalStore = new WeakMap();
+/**
+ * Gets or creates the debounced signal store for a function registry.
+ */
+function getDebouncedSignalStore(functionRegistry) {
+    let store = debouncedSignalStore.get(functionRegistry);
+    if (!store) {
+        store = new WeakMap();
+        debouncedSignalStore.set(functionRegistry, store);
+    }
+    return store;
+}
+/**
+ * Create a debounced logic function from a conditional expression.
+ *
+ * This function wraps the condition evaluation in a debounce mechanism,
+ * so state changes only take effect after the specified delay.
+ * Useful for avoiding UI flicker during rapid typing.
+ *
+ * @param expression The conditional expression to evaluate
+ * @param debounceMs The debounce duration in milliseconds
+ * @returns A LogicFn that evaluates the condition with debouncing
+ */
+function createDebouncedLogicFunction(expression, debounceMs) {
+    // Inject services during factory creation, not during execution
+    const functionRegistry = inject(FunctionRegistryService);
+    const fieldContextRegistry = inject(FieldContextRegistryService);
+    const injector = inject(Injector);
+    // Get cache for this injection context
+    const contextCache = getDebouncedContextCache({ functionRegistry, fieldContextRegistry });
+    // Generate cache key including debounceMs
+    const cacheKey = `${serializeExpression(expression)}:${debounceMs}`;
+    // Check cache first
+    const cached = contextCache.get(cacheKey);
+    if (cached) {
+        return cached;
+    }
+    // Get or create the signal store for this context
+    const signalStore = getDebouncedSignalStore(functionRegistry);
+    const fn = (ctx) => {
+        // Create a unique key using the context object itself as identifier
+        // Since FieldContext doesn't have a path property, we use a WeakMap approach
+        // by storing the debounced signal directly on the context
+        const contextKey = ctx;
+        let signalPair = signalStore.get(contextKey);
+        if (!signalPair) {
+            // Create a signal to hold the immediate evaluation result
+            const immediateValue = signal(false, ...(ngDevMode ? [{ debugName: "immediateValue" }] : []));
+            // Create a debounced signal using RxJS
+            const immediateValue$ = toObservable(immediateValue, { injector }).pipe(debounceTime(debounceMs), distinctUntilChanged(), startWith(false));
+            const debouncedValue = toSignal(immediateValue$, { injector, initialValue: false });
+            signalPair = { immediateValue, debouncedValue };
+            signalStore.set(contextKey, signalPair);
+        }
+        // Create REACTIVE evaluation context for logic functions
+        const evaluationContext = fieldContextRegistry.createReactiveEvaluationContext(ctx, functionRegistry.getCustomFunctions());
+        // Evaluate the condition and update the immediate signal
+        const result = evaluateCondition(expression, evaluationContext);
+        // Update immediate value (this triggers the debounce chain)
+        // signalPair is guaranteed to exist here due to the initialization above
+        const { immediateValue, debouncedValue } = signalPair;
+        untracked(() => {
+            if (immediateValue() !== result) {
+                immediateValue.set(result);
+            }
+        });
+        // Return the debounced value
+        return debouncedValue() ?? false;
+    };
+    // Cache the function
+    contextCache.set(cacheKey, fn);
+    return fn;
+}
 
 /**
  * Cache for memoized dynamic value functions, keyed by service instance.
@@ -2640,6 +3000,36 @@ function createDynamicValueFunction(expression) {
     return fn;
 }
 
+/**
+ * Creates the default derivation log configuration.
+ *
+ * Defaults to 'none' (silent). Users can enable logging via `withLoggerConfig`.
+ *
+ * @returns Default DerivationLogConfig
+ *
+ * @public
+ */
+function createDefaultDerivationLogConfig() {
+    return {
+        level: 'none',
+    };
+}
+/**
+ * Checks if logging should occur at the specified level.
+ *
+ * @param config - Current log configuration
+ * @param minLevel - Minimum level required for logging
+ * @returns True if logging should occur
+ *
+ * @public
+ */
+function shouldLog(config, minLevel) {
+    if (config.level === 'none')
+        return false;
+    if (minLevel === 'summary')
+        return config.level === 'summary' || config.level === 'verbose';
+    return config.level === 'verbose';
+}
 /**
  * Type guard to check if a condition is a FormStateCondition.
  *
@@ -2651,6 +3041,28 @@ function createDynamicValueFunction(expression) {
 function isFormStateCondition(condition) {
     return typeof condition === 'string' && ['formInvalid', 'formSubmitting', 'pageInvalid'].includes(condition);
 }
+/**
+ * Type guard to check if a logic config is a StateLogicConfig.
+ *
+ * @param config - The logic config to check
+ * @returns true if the config is for field state logic
+ *
+ * @public
+ */
+function isStateLogicConfig(config) {
+    return config.type === 'hidden' || config.type === 'readonly' || config.type === 'disabled' || config.type === 'required';
+}
+/**
+ * Type guard to check if a logic config is a DerivationLogicConfig.
+ *
+ * @param config - The logic config to check
+ * @returns true if the config is for value derivation
+ *
+ * @public
+ */
+function isDerivationLogicConfig(config) {
+    return config.type === 'derivation';
+}
 
 /**
  * Regular expression to detect formValue property access in expressions.
@@ -2659,10 +3071,19 @@ function isFormStateCondition(condition) {
 const FORM_VALUE_ACCESS_PATTERN = /\bformValue\s*(?:\.|\[)/;
 /**
  * Regular expressions to extract field paths from formValue expressions.
+ *
+ * Enhanced to capture full nested paths including dot notation chains:
+ * - formValue.fieldName → captures 'fieldName'
+ * - formValue.parent.child.grandchild → captures 'parent.child.grandchild'
+ * - formValue['field-name'] → captures 'field-name'
+ * - formValue["field.with.dots"] → captures 'field.with.dots'
+ *
+ * Note: Computed property access (formValue[variableName]) is NOT supported
+ * and must use explicit dependsOn configuration.
  */
-const FORM_VALUE_DOT_PATTERN = /\bformValue\.(\w+)/g;
-const FORM_VALUE_BRACKET_SINGLE_PATTERN = /\bformValue\s*\[\s*'(\w+)'\s*\]/g;
-const FORM_VALUE_BRACKET_DOUBLE_PATTERN = /\bformValue\s*\[\s*"(\w+)"\s*\]/g;
+const FORM_VALUE_DOT_PATTERN = /\bformValue\.([\w.]+)/g;
+const FORM_VALUE_BRACKET_SINGLE_PATTERN = /\bformValue\s*\[\s*'([\w.-]+)'\s*\]/g;
+const FORM_VALUE_BRACKET_DOUBLE_PATTERN = /\bformValue\s*\[\s*"([\w.-]+)"\s*\]/g;
 /**
  * Detects if a ConditionalExpression references other fields (cross-field).
  *
@@ -2770,22 +3191,45 @@ function extractStringDependencies(expression) {
     extractFromExpressionString(expression, deps);
     return Array.from(deps);
 }
-/** Internal helper that populates a Set with dependencies from an expression string. */
+/**
+ * Internal helper that populates a Set with dependencies from an expression string.
+ *
+ * Extracts both root fields and full nested paths for precise dependency tracking:
+ * - 'formValue.parent.child' → adds 'parent' (root) and 'parent.child' (full path)
+ * - 'formValue.simple' → adds 'simple'
+ */
 function extractFromExpressionString(expression, deps) {
-    // Extract from dot notation: formValue.fieldName
+    // Extract from dot notation: formValue.fieldName or formValue.parent.child.grandchild
     const dotMatches = expression.matchAll(FORM_VALUE_DOT_PATTERN);
     for (const match of dotMatches) {
-        deps.add(match[1]);
+        const fullPath = match[1];
+        // Always add the root field (first segment) as the primary dependency
+        const rootField = fullPath.split('.')[0];
+        deps.add(rootField);
+        // Also add the full path for more precise dependency tracking if nested
+        if (fullPath.includes('.')) {
+            deps.add(fullPath);
+        }
     }
     // Extract from bracket notation with single quotes: formValue['fieldName']
     const bracketSingleMatches = expression.matchAll(FORM_VALUE_BRACKET_SINGLE_PATTERN);
     for (const match of bracketSingleMatches) {
-        deps.add(match[1]);
+        const fullPath = match[1];
+        const rootField = fullPath.split('.')[0];
+        deps.add(rootField);
+        if (fullPath.includes('.')) {
+            deps.add(fullPath);
+        }
     }
     // Extract from bracket notation with double quotes: formValue["fieldName"]
     const bracketDoubleMatches = expression.matchAll(FORM_VALUE_BRACKET_DOUBLE_PATTERN);
     for (const match of bracketDoubleMatches) {
-        deps.add(match[1]);
+        const fullPath = match[1];
+        const rootField = fullPath.split('.')[0];
+        deps.add(rootField);
+        if (fullPath.includes('.')) {
+            deps.add(fullPath);
+        }
     }
 }
 // ============================================================================
@@ -2839,20 +3283,40 @@ function hasCrossFieldWhenCondition(config, context) {
 // Logic Detection
 // ============================================================================
 /**
- * Detects if a LogicConfig has a cross-field condition.
+ * Detects if a StateLogicConfig has a cross-field condition.
  *
- * @param config The logic configuration to check
+ * Note: This function only handles state logic (hidden, readonly, disabled, required).
+ * Derivation logic is handled separately by the derivation system.
+ *
+ * @param config The state logic configuration to check
  * @param context Optional context providing function scope lookup
  * @returns true if the logic condition references other fields
  */
-function isCrossFieldLogic(config, context) {
+function isCrossFieldStateLogic(config, context) {
     return isCrossFieldExpression(config.condition, context);
 }
-// ============================================================================
-// Schema Detection
-// ============================================================================
 /**
- * Detects if a SchemaApplicationConfig has a cross-field condition.
+ * Detects if a LogicConfig has a cross-field condition.
+ *
+ * @param config The logic configuration to check
+ * @param context Optional context providing function scope lookup
+ * @returns true if the logic condition references other fields
+ *
+ * @deprecated Use `isCrossFieldStateLogic` for state logic configs.
+ *             Derivation logic is handled by the derivation system.
+ */
+function isCrossFieldLogic(config, context) {
+    // Only check state logic configs
+    if (!isStateLogicConfig(config)) {
+        return false;
+    }
+    return isCrossFieldExpression(config.condition, context);
+}
+// ============================================================================
+// Schema Detection
+// ============================================================================
+/**
+ * Detects if a SchemaApplicationConfig has a cross-field condition.
  *
  * @param config The schema application configuration to check
  * @param context Optional context providing function scope lookup
@@ -3108,13 +3572,111 @@ function applyValidators(configs, fieldPath) {
     configs.forEach((config) => applyValidator(config, fieldPath));
 }
 
+/**
+ * Default debounce duration in milliseconds.
+ */
+const DEFAULT_DEBOUNCE_MS = 500;
+/**
+ * Creates a debounced effect that triggers a callback after a signal's value
+ * has stabilized for the specified duration.
+ *
+ * Uses Angular's `toObservable` and `toSignal` with RxJS `debounceTime` for proper debouncing.
+ * This approach is cleaner than manual setTimeout management and integrates
+ * well with Angular's signal-based reactivity.
+ *
+ * @param source - The source signal to watch for changes
+ * @param callback - Function to call with the debounced value
+ * @param options - Configuration options
+ * @param options.ms - Debounce duration in milliseconds (default: 500)
+ * @param options.injector - Angular injector for the effect context
+ *
+ * @returns A signal that emits the debounced value (can be ignored if only side effects are needed)
+ *
+ * @example
+ * ```typescript
+ * // In a component or service
+ * const searchInput = signal('');
+ *
+ * createDebouncedEffect(
+ *   searchInput,
+ *   (value) => console.log('Debounced search:', value),
+ *   { ms: 300, injector: this.injector }
+ * );
+ * ```
+ *
+ * @public
+ */
+function createDebouncedEffect(source, callback, options) {
+    const { ms = DEFAULT_DEBOUNCE_MS, injector } = options;
+    const source$ = toObservable(source, { injector }).pipe(debounceTime(ms), distinctUntilChanged(), tap((value) => callback(value)));
+    return toSignal(source$, { injector });
+}
+/**
+ * Creates a debounced signal that emits values from the source signal
+ * only after the value has stabilized for the specified duration.
+ *
+ * Unlike `createDebouncedEffect`, this doesn't execute a side effect callback.
+ * Use this when you just need a debounced version of a signal.
+ *
+ * @param source - The source signal to debounce
+ * @param options - Configuration options
+ * @param options.ms - Debounce duration in milliseconds (default: 500)
+ * @param options.injector - Angular injector for the effect context
+ *
+ * @returns A signal that emits the debounced value
+ *
+ * @example
+ * ```typescript
+ * const input = signal('');
+ * const debouncedInput = createDebouncedSignal(input, { ms: 300, injector });
+ *
+ * effect(() => {
+ *   console.log('Debounced value:', debouncedInput());
+ * });
+ * ```
+ *
+ * @public
+ */
+function createDebouncedSignal(source, options) {
+    const { ms = DEFAULT_DEBOUNCE_MS, injector } = options;
+    const source$ = toObservable(source, { injector }).pipe(debounceTime(ms), distinctUntilChanged());
+    return toSignal(source$, { injector });
+}
+
+/**
+ * Extracts the trigger from a StateLogicConfig, handling the discriminated union.
+ */
+function getConfigTrigger(config) {
+    if (!isStateLogicConfig(config)) {
+        return 'onChange';
+    }
+    return config.trigger ?? 'onChange';
+}
+/**
+ * Extracts debounceMs from a StateLogicConfig if trigger is 'debounced'.
+ */
+function getConfigDebounceMs(config) {
+    if (!isStateLogicConfig(config)) {
+        return undefined;
+    }
+    // Type narrowing: debounceMs only exists when trigger is 'debounced'
+    if (config.trigger === 'debounced') {
+        return config.debounceMs;
+    }
+    return undefined;
+}
 function applyLogic(config, fieldPath) {
     const path = fieldPath;
+    const trigger = getConfigTrigger(config);
+    const debounceMs = getConfigDebounceMs(config) ?? DEFAULT_DEBOUNCE_MS;
     if (typeof config.condition === 'boolean') {
         applyLogicFn(config.type, path, () => config.condition);
         return;
     }
-    const logicFn = createLogicFunction(config.condition);
+    // Create appropriate logic function based on trigger
+    const logicFn = trigger === 'debounced'
+        ? createDebouncedLogicFunction(config.condition, debounceMs)
+        : createLogicFunction(config.condition);
     applyLogicFn(config.type, path, logicFn);
 }
 function applyLogicFn(type, path, logicFn) {
@@ -3172,10 +3734,10 @@ class SchemaRegistryService {
         }
         return schema;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SchemaRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SchemaRegistryService });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SchemaRegistryService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SchemaRegistryService });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: SchemaRegistryService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: SchemaRegistryService, decorators: [{
             type: Injectable
         }] });
 
@@ -3740,6 +4302,69 @@ function isDisplayOnlyField(field) {
     return field.type === 'text' || isContainerField(field);
 }
 
+/**
+ * Applies a form-level schema validation to a schema path.
+ * Supports both Standard Schema (Zod, Valibot, ArkType) and raw Angular schema callbacks.
+ *
+ * This is a helper function used internally by `createSchemaFromFields`
+ * to apply form-level validation after field-level validation.
+ *
+ * @typeParam TModel - The form value type
+ * @param path - The schema path to validate (from Angular's schema callback)
+ * @param formLevelSchema - Form-level schema (Standard Schema marker or Angular callback)
+ *
+ * @remarks
+ * Type assertions are required due to Angular's complex generic constraints:
+ * - `validateStandardSchema` uses `IgnoreUnknownProperties<TSchema>` to accommodate Zod's strict types
+ * - `SchemaPathTree` includes `SchemaPath` via conditional types that TypeScript can't narrow
+ * These assertions are safe because the path originates from Angular's schema() function.
+ *
+ * @internal
+ */
+function applyFormLevelSchema(path, formLevelSchema) {
+    if (isStandardSchemaMarker(formLevelSchema)) {
+        // Standard Schema (Zod, Valibot, ArkType, etc.)
+        // Cast via Parameters: validateStandardSchema's IgnoreUnknownProperties<TSchema> creates type incompatibility
+        // that TypeScript cannot resolve. The cast is safe as path comes from Angular's schema() callback.
+        validateStandardSchema(path, formLevelSchema.schema);
+    }
+    else if (typeof formLevelSchema === 'function') {
+        // Angular schema callback - execute directly with the path
+        // Cast via Function: AngularSchemaCallback expects intersection type SchemaPath & SchemaPathTree.
+        // SchemaPathTree structurally includes SchemaPath, so this is safe at runtime.
+        formLevelSchema(path);
+    }
+}
+/**
+ * Creates a schema from only form-level schema (when no field-level schema exists).
+ *
+ * Use this when the form has fields without validation rules but still
+ * needs form-level validation via a Standard Schema.
+ *
+ * @typeParam TModel - The form value type
+ * @param formLevelSchema - Form-level Standard Schema
+ * @returns Schema that applies form-level validation
+ *
+ * @example
+ * ```typescript
+ * import { z } from 'zod';
+ * import { standardSchema } from '@ng-forge/dynamic-forms/schema';
+ *
+ * const FormSchema = z.object({
+ *   email: z.string().email(),
+ *   password: z.string().min(8),
+ * });
+ *
+ * // Create schema from form-level schema only
+ * const formSchema = createFormLevelSchema(standardSchema(FormSchema));
+ * ```
+ */
+function createFormLevelSchema(formLevelSchema) {
+    return schema((path) => {
+        applyFormLevelSchema(path, formLevelSchema);
+    });
+}
+
 const emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
 function getFieldTreeByKey(ctx, key) {
     return ctx.fieldTree[key];
@@ -3756,13 +4381,18 @@ function getFieldTreeByKey(ctx, key) {
  *
  * @param fields Field definitions to create schema from
  * @param registry Field type registry
- * @param crossFieldValidators Optional array of collected cross-field validators
+ * @param optionsOrValidators Optional configuration object or array of cross-field validators (for backwards compatibility)
  */
-function createSchemaFromFields(fields, registry, crossFieldValidators) {
+function createSchemaFromFields(fields, registry, optionsOrValidators) {
     // Inject services for cross-field validation
     // These will be available because createSchemaFromFields is called within runInInjectionContext
     const functionRegistry = inject(FunctionRegistryService);
     const logger = inject(DynamicFormLogger);
+    // Normalize options - support both old array signature and new options object
+    const options = Array.isArray(optionsOrValidators)
+        ? { crossFieldValidators: optionsOrValidators }
+        : (optionsOrValidators ?? {});
+    const { crossFieldValidators, formLevelSchema } = options;
     return schema((path) => {
         for (const fieldDef of fields) {
             const valueHandling = getFieldValueHandling(fieldDef.type, registry);
@@ -3796,6 +4426,10 @@ function createSchemaFromFields(fields, registry, crossFieldValidators) {
         if (crossFieldValidators && crossFieldValidators.length > 0) {
             applyCrossFieldTreeValidator(path, crossFieldValidators, functionRegistry, logger);
         }
+        // Apply form-level Standard Schema validation
+        if (formLevelSchema) {
+            applyFormLevelSchema(path, formLevelSchema);
+        }
     });
 }
 /**
@@ -4146,10 +4780,10 @@ class EventBus {
         }
         return this.pipeline$.pipe(filter((event) => event.type === eventType));
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: EventBus, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: EventBus });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EventBus, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EventBus });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: EventBus, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: EventBus, decorators: [{
             type: Injectable
         }] });
 
@@ -4536,19 +5170,19 @@ function createEmptyCollection() {
 /** Traverses field definitions and collects cross-field entries (validators, logic, schemas). */
 function collectCrossFieldEntries(fields) {
     const collection = createEmptyCollection();
-    traverseFields(fields, collection);
+    traverseFields$1(fields, collection);
     return collection;
 }
-function traverseFields(fields, collection) {
+function traverseFields$1(fields, collection) {
     for (const field of fields) {
-        collectFromField(field, collection);
+        collectFromField$1(field, collection);
         // Recursively process container fields (page, row, group, array)
         if (hasChildFields(field)) {
-            traverseFields(normalizeFieldsArray(field.fields), collection);
+            traverseFields$1(normalizeFieldsArray(field.fields), collection);
         }
     }
 }
-function collectFromField(field, collection) {
+function collectFromField$1(field, collection) {
     const fieldKey = field.key;
     if (!fieldKey)
         return;
@@ -4619,9 +5253,19 @@ function tryCreateValidatorEntry(fieldKey, config) {
     }
     return null;
 }
-/** Returns a logic entry if cross-field, null otherwise. */
+/**
+ * Returns a logic entry if cross-field state logic, null otherwise.
+ *
+ * Note: Derivation logic is handled separately by the derivation system
+ * and is not collected here.
+ */
 function tryCreateLogicEntry(fieldKey, config) {
-    if (!isCrossFieldLogic(config)) {
+    // Only process state logic (hidden, readonly, disabled, required)
+    // Derivation logic is handled by the derivation collector
+    if (!isStateLogicConfig(config)) {
+        return null;
+    }
+    if (!isCrossFieldStateLogic(config)) {
         return null;
     }
     const condition = config.condition;
@@ -4629,7 +5273,7 @@ function tryCreateLogicEntry(fieldKey, config) {
         sourceFieldKey: fieldKey,
         logicType: config.type,
         condition,
-        config,
+        config: config,
         dependsOn: extractExpressionDependencies(condition),
         category: 'logic',
     };
@@ -4810,159 +5454,2552 @@ function isValidFormConfiguration(fields) {
     return FormModeValidator.validateFormConfiguration(fields).isValid;
 }
 
-class NextPageEvent {
-    type = 'next-page';
-}
+/**
+ * Centralized constants for the derivation system.
+ *
+ * These constants configure the behavior of derivation processing,
+ * caching, and path handling. Centralizing them enables:
+ * - Easy configuration changes
+ * - Consistent values across all derivation modules
+ * - Clear documentation of magic numbers
+ *
+ * @module
+ */
+/**
+ * Maximum number of derivation iterations before stopping to prevent infinite loops.
+ *
+ * The value of 10 is chosen based on:
+ * - Most derivation chains are 2-3 levels deep (A→B→C)
+ * - Complex forms with conditional cascades rarely exceed 5-6 levels
+ * - 10 provides headroom for bidirectional sync patterns (A↔B) which may need
+ *   2 iterations per pair to stabilize
+ * - Higher values delay detection of actual infinite loops
+ * - Lower values risk false positives on legitimate deep chains
+ *
+ * If you hit this limit legitimately, consider:
+ * 1. Restructuring derivations to reduce chain depth
+ * 2. Using explicit `dependsOn` to control evaluation order
+ * 3. Breaking complex derivations into computed signals outside the form
+ */
+const MAX_DERIVATION_ITERATIONS = 10;
+/**
+ * Placeholder string for array index in derivation paths.
+ *
+ * Used in paths like `items.$.quantity` to represent "each item in the array".
+ * The `$` is resolved to actual indices at runtime during array derivation processing.
+ */
+const ARRAY_PLACEHOLDER = '.$.';
+/**
+ * Maximum size of the expression AST cache.
+ *
+ * Expressions are parsed into Abstract Syntax Trees (AST) once and cached
+ * to avoid re-parsing on each evaluation. The cache uses LRU eviction.
+ *
+ * 1000 entries handles:
+ * - Large forms with many derivation expressions
+ * - Multiple form instances with different expressions
+ * - Memory efficiency (AST nodes are relatively small)
+ */
+const MAX_AST_CACHE_SIZE = 1000;
+/**
+ * Delimiter used to create unique derivation keys from source and target field keys.
+ *
+ * Uses null character (\x00) which is extremely unlikely to appear in field names,
+ * avoiding collision issues that could occur with common delimiters like ':'.
+ */
+const DERIVATION_KEY_DELIMITER = '\x00';
 
-class PageChangeEvent {
-    currentPageIndex;
-    totalPages;
-    previousPageIndex;
-    type = 'page-change';
-    constructor(
-    /** The current page index (0-based) */
-    currentPageIndex, 
-    /** Total number of pages */
-    totalPages, 
-    /** Previous page index (0-based), undefined if first navigation */
-    previousPageIndex) {
-        this.currentPageIndex = currentPageIndex;
-        this.totalPages = totalPages;
-        this.previousPageIndex = previousPageIndex;
-    }
+/**
+ * Creates an empty derivation collection.
+ *
+ * @returns Empty collection ready for population
+ *
+ * @internal
+ */
+function createEmptyDerivationCollection() {
+    return { entries: [] };
 }
-
-class PreviousPageEvent {
-    type = 'previous-page';
+/**
+ * Creates a new derivation chain context for tracking applied derivations.
+ *
+ * @returns Fresh context for a new derivation cycle
+ *
+ * @internal
+ */
+function createDerivationChainContext() {
+    return {
+        appliedDerivations: new Set(),
+        iteration: 0,
+    };
 }
-
 /**
- * Event dispatched to add a new item to an array field.
+ * Creates a unique key for a derivation entry.
  *
- * This event is used to dynamically add items to array fields at runtime.
- * The array field component listens for this event and adds a new item
- * based on the provided field template, or uses the array's own template if not provided.
+ * Uses a null character delimiter to avoid collision with field names
+ * that might contain common delimiters like ':'.
  *
- * @example
- * ```typescript
- * // Add item using array's own template
- * eventBus.dispatch(AddArrayItemEvent, 'contacts');
+ * @param sourceKey - The source field key
+ * @param targetKey - The target field key
+ * @returns Unique key for the derivation
  *
- * // Add item with explicit field template
- * const fieldTemplate = { key: 'email', type: 'input' };
- * eventBus.dispatch(AddArrayItemEvent, 'contacts', fieldTemplate);
+ * @internal
+ */
+function createDerivationKey(sourceKey, targetKey) {
+    return `${sourceKey}${DERIVATION_KEY_DELIMITER}${targetKey}`;
+}
+/**
+ * Parses a derivation key back into source and target field keys.
  *
- * // Add item at specific index
- * eventBus.dispatch(AddArrayItemEvent, 'contacts', fieldTemplate, 2);
- * ```
+ * @param key - The derivation key to parse
+ * @returns Object containing source and target field keys
+ *
+ * @internal
  */
-class AddArrayItemEvent {
-    arrayKey;
-    field;
-    index;
-    type = 'add-array-item';
-    constructor(
-    /** The key of the array field to add an item to */
-    arrayKey, 
-    /**
-     * Optional field template definition to render for the new array item.
-     * If not provided, the array field component will use its own template.
-     */
-    field, 
-    /** Optional index where to insert the item (defaults to end of array) */
-    index) {
-        this.arrayKey = arrayKey;
-        this.field = field;
-        this.index = index;
-    }
+function parseDerivationKey(key) {
+    const delimiterIndex = key.indexOf(DERIVATION_KEY_DELIMITER);
+    return {
+        sourceKey: key.substring(0, delimiterIndex),
+        targetKey: key.substring(delimiterIndex + DERIVATION_KEY_DELIMITER.length),
+    };
 }
 
 /**
- * Event dispatched to remove an item from an array field.
+ * Injection token for the collected derivation entries.
  *
- * This event is used to dynamically remove items from array fields at runtime.
- * The array field component listens for this event and removes the item
- * at the specified index.
+ * Provided at form level, contains the topologically sorted entries
+ * after validation. This is the "core data" that other derivation
+ * components consume.
  *
  * @example
  * ```typescript
- * // Remove item at index 1 from 'contacts' array
- * eventBus.dispatch(RemoveArrayItemEvent, 'contacts', 1);
+ * // In a component or service
+ * private readonly entries = inject(DERIVATION_ENTRIES);
  *
- * // Remove last item
- * eventBus.dispatch(RemoveArrayItemEvent, 'contacts');
+ * // Access the current entries
+ * const currentEntries = this.entries();
  * ```
  */
-class RemoveArrayItemEvent {
-    arrayKey;
-    index;
-    type = 'remove-array-item';
-    constructor(
-    /** The key of the array field to remove an item from */
-    arrayKey, 
-    /** Index of the item to remove (defaults to last item) */
-    index) {
-        this.arrayKey = arrayKey;
-        this.index = index;
-    }
-}
+const DERIVATION_ENTRIES = new InjectionToken('DerivationEntries');
 
 /**
- * Event dispatched when the form should be reset to its default values.
+ * Utilities for parsing and manipulating field paths in dynamic forms.
  *
- * This event instructs the dynamic form component to restore all field values
- * to their initial default values as defined in the form configuration.
+ * Field paths follow these formats:
+ * - Simple: "fieldName"
+ * - Nested: "parent.child.grandchild"
+ * - Array indexed: "items.0.quantity" or "items[0].quantity"
+ * - Array placeholder: "items.$.quantity" ($ = any index)
  *
- * @example
- * ```typescript
- * // Dispatch from a button component
- * eventBus.dispatch(FormResetEvent);
- * ```
+ * @module path-utils
+ */
+/**
+ * Parses an array derivation path into its components.
+ *
+ * Array paths use the `$` placeholder to represent "any index".
+ * Format: "arrayPath.$.relativePath"
+ *
+ * @param path - The path to parse (e.g., "items.$.quantity")
+ * @returns Parsed path info with arrayPath and relativePath
  *
  * @example
  * ```typescript
- * // Listen for reset events
- * eventBus.on<FormResetEvent>('form-reset').subscribe(() => {
- *   console.log('Form was reset to defaults');
- * });
+ * parseArrayPath('items.$.quantity')
+ * // { arrayPath: 'items', relativePath: 'quantity', isArrayPath: true }
+ *
+ * parseArrayPath('orders.lineItems.$.total')
+ * // { arrayPath: 'orders.lineItems', relativePath: 'total', isArrayPath: true }
+ *
+ * parseArrayPath('simpleField')
+ * // { arrayPath: '', relativePath: '', isArrayPath: false }
  * ```
+ *
+ * @public
  */
-class FormResetEvent {
-    type = 'form-reset';
+function parseArrayPath(path) {
+    const ARRAY_PLACEHOLDER = '.$.';
+    const placeholderIndex = path.indexOf(ARRAY_PLACEHOLDER);
+    if (placeholderIndex === -1) {
+        return {
+            arrayPath: '',
+            relativePath: '',
+            isArrayPath: false,
+        };
+    }
+    return {
+        arrayPath: path.substring(0, placeholderIndex),
+        relativePath: path.substring(placeholderIndex + ARRAY_PLACEHOLDER.length),
+        isArrayPath: true,
+    };
 }
-
 /**
- * Event dispatched when the form should be cleared.
+ * Resolves an array placeholder path to a concrete indexed path.
  *
- * This event instructs the dynamic form component to clear all field values,
- * resetting them to empty/undefined state regardless of their default values.
+ * @param path - The path with $ placeholder (e.g., "items.$.quantity")
+ * @param index - The array index to substitute
+ * @returns Resolved path with index (e.g., "items.0.quantity")
  *
  * @example
  * ```typescript
- * // Dispatch from a button component
- * eventBus.dispatch(FormClearEvent);
- * ```
+ * resolveArrayPath('items.$.quantity', 2)
+ * // 'items.2.quantity'
  *
- * @example
- * ```typescript
- * // Listen for clear events
- * eventBus.on<FormClearEvent>('form-clear').subscribe(() => {
- *   console.log('Form was cleared');
- * });
+ * resolveArrayPath('orders.lineItems.$.total', 0)
+ * // 'orders.lineItems.0.total'
  * ```
+ *
+ * @public
  */
-class FormClearEvent {
-    type = 'form-clear';
-}
-
-class PageNavigationStateChangeEvent {
-    state;
-    type = 'page-navigation-state-change';
-    constructor(state) {
-        this.state = state;
+function resolveArrayPath(path, index) {
+    const info = parseArrayPath(path);
+    if (!info.isArrayPath) {
+        return path;
     }
+    return `${info.arrayPath}.${index}.${info.relativePath}`;
 }
-
+/**
+ * Checks if a path contains an array placeholder.
+ *
+ * @param path - The path to check
+ * @returns True if the path contains .$.
+ *
+ * @public
+ */
+function isArrayPlaceholderPath(path) {
+    return path.includes('.$.');
+}
+/**
+ * Extracts the array path from a path that may contain an array placeholder.
+ *
+ * @param path - The path to extract from
+ * @returns The array path, or empty string if not an array path
+ *
+ * @example
+ * ```typescript
+ * extractArrayPath('items.$.quantity')
+ * // 'items'
+ *
+ * extractArrayPath('orders.lineItems.$.total')
+ * // 'orders.lineItems'
+ *
+ * extractArrayPath('simpleField')
+ * // ''
+ * ```
+ *
+ * @public
+ */
+function extractArrayPath(path) {
+    return parseArrayPath(path).arrayPath;
+}
+/**
+ * Splits a dot-separated path into segments.
+ *
+ * Handles both dot notation and bracket notation for array indices.
+ *
+ * @param path - The path to split
+ * @returns Array of path segments
+ *
+ * @example
+ * ```typescript
+ * splitPath('parent.child.grandchild')
+ * // ['parent', 'child', 'grandchild']
+ *
+ * splitPath('items.0.quantity')
+ * // ['items', '0', 'quantity']
+ * ```
+ *
+ * @public
+ */
+function splitPath(path) {
+    if (!path)
+        return [];
+    return path.split('.');
+}
+/**
+ * Joins path segments into a dot-separated path.
+ *
+ * @param segments - The path segments to join
+ * @returns Joined path string
+ *
+ * @public
+ */
+function joinPath(segments) {
+    return segments.join('.');
+}
+/**
+ * Gets the parent path from a nested path.
+ *
+ * @param path - The path to get parent from
+ * @returns The parent path, or empty string if no parent
+ *
+ * @example
+ * ```typescript
+ * getParentPath('parent.child.grandchild')
+ * // 'parent.child'
+ *
+ * getParentPath('topLevel')
+ * // ''
+ * ```
+ *
+ * @public
+ */
+function getParentPath(path) {
+    const segments = splitPath(path);
+    if (segments.length <= 1)
+        return '';
+    return joinPath(segments.slice(0, -1));
+}
+/**
+ * Gets the last segment (leaf) from a path.
+ *
+ * @param path - The path to get leaf from
+ * @returns The last segment
+ *
+ * @example
+ * ```typescript
+ * getLeafPath('parent.child.grandchild')
+ * // 'grandchild'
+ *
+ * getLeafPath('topLevel')
+ * // 'topLevel'
+ * ```
+ *
+ * @public
+ */
+function getLeafPath(path) {
+    const segments = splitPath(path);
+    return segments[segments.length - 1] ?? '';
+}
+/**
+ * Parses a path that may contain multiple array placeholders.
+ *
+ * This supports deeply nested array structures like `orders.$.items.$.quantity`
+ * where multiple levels of arrays need to be traversed.
+ *
+ * @param path - Path with zero or more $ placeholders
+ * @returns Parsed path information
+ *
+ * @example
+ * ```typescript
+ * parseMultiArrayPath('orders.$.items.$.quantity')
+ * // {
+ * //   isArrayPath: true,
+ * //   placeholderCount: 2,
+ * //   segments: ['orders', 'items', 'quantity'],
+ * //   placeholderPositions: [1, 3]
+ * // }
+ *
+ * parseMultiArrayPath('items.$.name')
+ * // {
+ * //   isArrayPath: true,
+ * //   placeholderCount: 1,
+ * //   segments: ['items', 'name'],
+ * //   placeholderPositions: [1]
+ * // }
+ *
+ * parseMultiArrayPath('simpleField')
+ * // {
+ * //   isArrayPath: false,
+ * //   placeholderCount: 0,
+ * //   segments: ['simpleField'],
+ * //   placeholderPositions: []
+ * // }
+ * ```
+ *
+ * @public
+ */
+function parseMultiArrayPath(path) {
+    const parts = path.split('.');
+    const segments = [];
+    const placeholderPositions = [];
+    for (let i = 0; i < parts.length; i++) {
+        if (parts[i] === '$') {
+            placeholderPositions.push(i);
+        }
+        else {
+            segments.push(parts[i]);
+        }
+    }
+    return {
+        isArrayPath: placeholderPositions.length > 0,
+        placeholderCount: placeholderPositions.length,
+        segments,
+        placeholderPositions,
+    };
+}
+/**
+ * Resolves a path with multiple array placeholders using provided indices.
+ *
+ * Each `$` placeholder is replaced with the corresponding index from the
+ * indices array, in order.
+ *
+ * @param path - Path with $ placeholders (e.g., 'orders.$.items.$.quantity')
+ * @param indices - Array of indices to substitute (e.g., [0, 2])
+ * @returns Resolved path (e.g., 'orders.0.items.2.quantity')
+ *
+ * @throws Error if number of indices doesn't match number of placeholders
+ *
+ * @example
+ * ```typescript
+ * resolveMultiArrayPath('orders.$.items.$.quantity', [0, 2])
+ * // 'orders.0.items.2.quantity'
+ *
+ * resolveMultiArrayPath('items.$.name', [5])
+ * // 'items.5.name'
+ * ```
+ *
+ * @public
+ */
+function resolveMultiArrayPath(path, indices) {
+    const parts = path.split('.');
+    let indexPointer = 0;
+    const resolved = parts.map((part) => {
+        if (part === '$') {
+            if (indexPointer >= indices.length) {
+                throw new Error(`Not enough indices provided for path '${path}'. ` +
+                    `Expected ${parts.filter((p) => p === '$').length} indices, got ${indices.length}.`);
+            }
+            return String(indices[indexPointer++]);
+        }
+        return part;
+    });
+    if (indexPointer < indices.length) {
+        throw new Error(`Too many indices provided for path '${path}'. ` + `Expected ${indexPointer} indices, got ${indices.length}.`);
+    }
+    return resolved.join('.');
+}
+/**
+ * Counts the number of array placeholders in a path.
+ *
+ * @param path - The path to analyze
+ * @returns Number of $ placeholders in the path
+ *
+ * @example
+ * ```typescript
+ * countArrayPlaceholders('orders.$.items.$.quantity')
+ * // 2
+ *
+ * countArrayPlaceholders('items.$.name')
+ * // 1
+ *
+ * countArrayPlaceholders('simpleField')
+ * // 0
+ * ```
+ *
+ * @public
+ */
+function countArrayPlaceholders(path) {
+    return path.split('.').filter((part) => part === '$').length;
+}
+
+/**
+ * Provides lazy-computed lookup maps for derivation entries.
+ *
+ * Instead of pre-computing all lookup maps at collection time (which caused
+ * hidden mutation and bloated the DerivationCollection god object), this class
+ * computes maps lazily on first access and caches them.
+ *
+ * @example
+ * ```typescript
+ * const lookup = inject(DerivationLookup);
+ *
+ * // Lazy-computed on first access
+ * const entriesForQuantity = lookup.byDependency.get('quantity');
+ * const onChangeEntries = lookup.getOnChangeEntries();
+ * ```
+ */
+class DerivationLookup {
+    entriesSignal = inject(DERIVATION_ENTRIES);
+    // Track the entries array reference to auto-invalidate on change
+    _cachedEntriesRef;
+    // Cached lookup maps (built lazily on first access)
+    _byTarget;
+    _bySource;
+    _byDependency;
+    _byArrayPath;
+    _wildcardEntries;
+    _onChangeEntries;
+    _debouncedEntriesByMs;
+    /**
+     * Current derivation entries (from signal).
+     * Auto-invalidates cache if entries reference changed.
+     */
+    get entries() {
+        const currentEntries = this.entriesSignal();
+        // Auto-invalidate if entries reference changed (schema was updated)
+        if (this._cachedEntriesRef !== currentEntries) {
+            this.invalidateCache();
+            this._cachedEntriesRef = currentEntries;
+        }
+        return currentEntries;
+    }
+    /**
+     * Map of target field key to entries that modify it.
+     * Used for quick lookup when processing derivations.
+     */
+    get byTarget() {
+        return (this._byTarget ??= this.buildByTargetMap());
+    }
+    /**
+     * Map of source field key to entries defined on it.
+     * Used for finding derivations when a field's value changes.
+     */
+    get bySource() {
+        return (this._bySource ??= this.buildBySourceMap());
+    }
+    /**
+     * Map of dependency field key to entries that depend on it.
+     * Used for efficient O(1) lookup when filtering by changed fields.
+     */
+    get byDependency() {
+        return (this._byDependency ??= this.buildByDependencyMap());
+    }
+    /**
+     * Map of array path to entries that derive array item values.
+     * Used for O(1) lookup when an array field changes.
+     */
+    get byArrayPath() {
+        return (this._byArrayPath ??= this.buildByArrayPathMap());
+    }
+    /**
+     * Entries that have wildcard (*) dependency.
+     * These entries depend on all form values and must always be considered.
+     */
+    get wildcardEntries() {
+        return (this._wildcardEntries ??= this.buildWildcardEntries());
+    }
+    /**
+     * Gets entries that should be processed based on changed fields.
+     *
+     * Handles nested path matching: if 'address' changed, entries depending on
+     * 'address.city' will also be included (parent change implies child changed).
+     *
+     * Uses O(k) lookup via indexed maps for exact matches, plus O(d) scan for
+     * nested dependencies, where k = changed fields, d = unique dependencies.
+     */
+    getEntriesForChangedFields(changedFields) {
+        const entrySet = new Set();
+        // Add entries triggered by each changed field via byDependency map
+        for (const fieldKey of changedFields) {
+            const entries = this.byDependency.get(fieldKey);
+            if (entries) {
+                for (const entry of entries) {
+                    entrySet.add(entry);
+                }
+            }
+            // Check if this changed field is an array path - O(1) lookup
+            const arrayEntries = this.byArrayPath.get(fieldKey);
+            if (arrayEntries) {
+                for (const entry of arrayEntries) {
+                    entrySet.add(entry);
+                }
+            }
+            // Handle nested dependencies: if 'address' changed, include entries
+            // that depend on 'address.city', 'address.street', etc.
+            // This is O(d) where d = number of unique dependency keys in the map.
+            const fieldKeyPrefix = fieldKey + '.';
+            for (const [depKey, depEntries] of this.byDependency) {
+                if (depKey.startsWith(fieldKeyPrefix)) {
+                    for (const entry of depEntries) {
+                        entrySet.add(entry);
+                    }
+                }
+            }
+        }
+        // Add all wildcard entries - O(w) where w = number of wildcard entries
+        for (const entry of this.wildcardEntries) {
+            entrySet.add(entry);
+        }
+        return Array.from(entrySet);
+    }
+    /**
+     * Gets entries with trigger 'onChange' (or no trigger, which defaults to onChange).
+     */
+    getOnChangeEntries() {
+        return (this._onChangeEntries ??= this.entries.filter((e) => e.trigger !== 'debounced'));
+    }
+    /**
+     * Gets entries with trigger 'debounced' for a specific debounce period.
+     */
+    getDebouncedEntries(debounceMs) {
+        if (!this._debouncedEntriesByMs) {
+            this._debouncedEntriesByMs = this.buildDebouncedEntriesMap();
+        }
+        return this._debouncedEntriesByMs.get(debounceMs) ?? [];
+    }
+    /**
+     * Gets all unique debounce periods that have entries.
+     */
+    getDebouncePeriods() {
+        if (!this._debouncedEntriesByMs) {
+            this._debouncedEntriesByMs = this.buildDebouncedEntriesMap();
+        }
+        return Array.from(this._debouncedEntriesByMs.keys());
+    }
+    /**
+     * Invalidates cached maps. Call this when entries change.
+     */
+    invalidateCache() {
+        this._byTarget = undefined;
+        this._bySource = undefined;
+        this._byDependency = undefined;
+        this._byArrayPath = undefined;
+        this._wildcardEntries = undefined;
+        this._onChangeEntries = undefined;
+        this._debouncedEntriesByMs = undefined;
+    }
+    // ─────────────────────────────────────────────────────────────────
+    // Private builders
+    // ─────────────────────────────────────────────────────────────────
+    buildByTargetMap() {
+        const map = new Map();
+        for (const entry of this.entries) {
+            const targetEntries = map.get(entry.targetFieldKey) ?? [];
+            targetEntries.push(entry);
+            map.set(entry.targetFieldKey, targetEntries);
+        }
+        return map;
+    }
+    buildBySourceMap() {
+        const map = new Map();
+        for (const entry of this.entries) {
+            const sourceEntries = map.get(entry.sourceFieldKey) ?? [];
+            sourceEntries.push(entry);
+            map.set(entry.sourceFieldKey, sourceEntries);
+        }
+        return map;
+    }
+    buildByDependencyMap() {
+        const map = new Map();
+        for (const entry of this.entries) {
+            for (const dep of entry.dependsOn) {
+                if (dep !== '*') {
+                    const depEntries = map.get(dep) ?? [];
+                    depEntries.push(entry);
+                    map.set(dep, depEntries);
+                }
+            }
+        }
+        return map;
+    }
+    buildByArrayPathMap() {
+        const map = new Map();
+        for (const entry of this.entries) {
+            if (isArrayPlaceholderPath(entry.targetFieldKey)) {
+                const arrayPath = extractArrayPath(entry.targetFieldKey);
+                if (arrayPath) {
+                    const arrayEntries = map.get(arrayPath) ?? [];
+                    arrayEntries.push(entry);
+                    map.set(arrayPath, arrayEntries);
+                }
+            }
+        }
+        return map;
+    }
+    buildWildcardEntries() {
+        return this.entries.filter((entry) => entry.dependsOn.includes('*'));
+    }
+    buildDebouncedEntriesMap() {
+        const map = new Map();
+        for (const entry of this.entries) {
+            if (entry.trigger === 'debounced') {
+                const ms = entry.debounceMs ?? DEFAULT_DEBOUNCE_MS;
+                const group = map.get(ms) ?? [];
+                group.push(entry);
+                map.set(ms, group);
+            }
+        }
+        return map;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DerivationLookup, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DerivationLookup });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DerivationLookup, decorators: [{
+            type: Injectable
+        }] });
+
+/**
+ * Sorts derivation entries in topological order based on their dependencies.
+ *
+ * This ensures that derivations are processed in the correct order:
+ * if derivation B depends on field A, and derivation A->A' modifies A,
+ * then A->A' is processed before B.
+ *
+ * Uses Kahn's algorithm for topological sorting, which also provides
+ * natural handling of entries with no dependencies (they come first).
+ *
+ * @param entries - The derivation entries to sort
+ * @returns A new array of entries in topological order
+ *
+ * @example
+ * ```typescript
+ * // Given derivations:
+ * // 1. quantity -> lineTotal (depends on quantity, unitPrice)
+ * // 2. unitPrice -> lineTotal (depends on quantity, unitPrice)
+ * // 3. lineTotal -> grandTotal (depends on lineTotal)
+ * //
+ * // Topological sort ensures lineTotal is computed before grandTotal
+ * const sorted = topologicalSort(entries);
+ * // Result: [1, 2, 3] - derivations that produce lineTotal come before
+ * // those that consume it
+ * ```
+ *
+ * @public
+ */
+function topologicalSort(entries) {
+    if (entries.length <= 1) {
+        return [...entries];
+    }
+    // Build adjacency list and in-degree count
+    // An edge A -> B exists if B depends on the target of A
+    const graph = new Map();
+    const inDegree = new Map();
+    // Initialize
+    for (const entry of entries) {
+        graph.set(entry, new Set());
+        inDegree.set(entry, 0);
+    }
+    // Pre-build index: target field -> entries that produce it
+    // This enables O(1) lookup instead of O(n) scanning
+    const producersByTarget = new Map();
+    for (const entry of entries) {
+        // Index by exact target field
+        const producers = producersByTarget.get(entry.targetFieldKey) ?? [];
+        producers.push(entry);
+        producersByTarget.set(entry.targetFieldKey, producers);
+        // Also index array field relative paths for array derivations
+        // If entry targets 'items.$.lineTotal', index under 'lineTotal' too
+        if (entry.targetFieldKey.includes('.$.')) {
+            const relativePath = entry.targetFieldKey.split('.$.')[1];
+            if (relativePath) {
+                const relativeProducers = producersByTarget.get(relativePath) ?? [];
+                relativeProducers.push(entry);
+                producersByTarget.set(relativePath, relativeProducers);
+            }
+        }
+    }
+    // Collect entries with wildcard dependencies (need special handling)
+    const wildcardDependents = [];
+    for (const entry of entries) {
+        if (entry.dependsOn.includes('*')) {
+            wildcardDependents.push(entry);
+        }
+    }
+    // Build edges using pre-computed index
+    // For each entry B, find all entries A whose target is in B's dependencies
+    for (const entryB of entries) {
+        for (const dep of entryB.dependsOn) {
+            // Skip wildcards here - handled separately below
+            if (dep === '*')
+                continue;
+            // O(1) lookup: find all producers of this dependency
+            const producers = producersByTarget.get(dep);
+            if (producers) {
+                for (const entryA of producers) {
+                    const entryAEdges = graph.get(entryA);
+                    if (entryA !== entryB && entryAEdges && !entryAEdges.has(entryB)) {
+                        entryAEdges.add(entryB);
+                        inDegree.set(entryB, (inDegree.get(entryB) ?? 0) + 1);
+                    }
+                }
+            }
+        }
+    }
+    // Handle wildcard dependencies: they depend on ALL producers
+    for (const entryB of wildcardDependents) {
+        for (const entryA of entries) {
+            const entryAEdges = graph.get(entryA);
+            if (entryA !== entryB && entryAEdges && !entryAEdges.has(entryB)) {
+                entryAEdges.add(entryB);
+                inDegree.set(entryB, (inDegree.get(entryB) ?? 0) + 1);
+            }
+        }
+    }
+    // Kahn's algorithm: process nodes with in-degree 0
+    const queue = [];
+    const sorted = [];
+    // Start with entries that have no dependencies on other derivation outputs
+    for (const entry of entries) {
+        if (inDegree.get(entry) === 0) {
+            queue.push(entry);
+        }
+    }
+    while (queue.length > 0) {
+        const current = queue.shift();
+        if (!current)
+            break; // TypeScript guard (shouldn't happen due to while condition)
+        sorted.push(current);
+        // Reduce in-degree for all neighbors
+        const neighbors = graph.get(current) ?? new Set();
+        for (const neighbor of neighbors) {
+            const newDegree = (inDegree.get(neighbor) ?? 0) - 1;
+            inDegree.set(neighbor, newDegree);
+            if (newDegree === 0) {
+                queue.push(neighbor);
+            }
+        }
+    }
+    // If we couldn't sort all entries, there's a cycle
+    // (but cycles should be caught by cycle-detector, so this is defensive)
+    if (sorted.length !== entries.length) {
+        // Return original order for entries in cycles
+        const sortedSet = new Set(sorted);
+        for (const entry of entries) {
+            if (!sortedSet.has(entry)) {
+                sorted.push(entry);
+            }
+        }
+    }
+    return sorted;
+}
+
+/**
+ * Collects all derivation entries from field definitions.
+ *
+ * This function traverses the field definition tree and extracts:
+ * - Shorthand `derivation` properties on fields
+ * - Full `logic` array entries with `type: 'derivation'`
+ *
+ * The collected entries include dependency information for cycle detection
+ * and reactive evaluation. Entries are sorted topologically so derivations
+ * are processed in dependency order.
+ *
+ * Lookup maps (byTarget, byDependency, etc.) are NOT built here - they are
+ * computed lazily via {@link DerivationLookup} to avoid hidden mutation
+ * and reduce the size of the returned collection.
+ *
+ * @param fields - Array of field definitions to traverse
+ * @returns Collection containing sorted derivation entries
+ *
+ * @example
+ * ```typescript
+ * const fields = [
+ *   { key: 'quantity', type: 'number' },
+ *   { key: 'unitPrice', type: 'number' },
+ *   {
+ *     key: 'total',
+ *     type: 'number',
+ *     derivation: 'formValue.quantity * formValue.unitPrice',
+ *   },
+ * ];
+ *
+ * const collection = collectDerivations(fields);
+ * // collection.entries has 1 entry for the 'total' field derivation
+ * ```
+ *
+ * @public
+ */
+function collectDerivations(fields) {
+    const entries = [];
+    const context = {};
+    traverseFields(fields, entries, context);
+    // Sort entries in topological order for efficient processing.
+    // This ensures derivations are processed in dependency order,
+    // reducing the number of iterations needed in the applicator.
+    const sortedEntries = topologicalSort(entries);
+    return { entries: sortedEntries };
+}
+/**
+ * Recursively traverses field definitions to collect derivations.
+ *
+ * @internal
+ */
+function traverseFields(fields, entries, context) {
+    for (const field of fields) {
+        collectFromField(field, entries, context);
+        // Recursively process container fields (page, row, group, array)
+        if (hasChildFields(field)) {
+            const childContext = { ...context };
+            // Update array path context if this is an array field
+            if (field.type === 'array') {
+                childContext.arrayPath = field.key;
+            }
+            traverseFields(normalizeFieldsArray(field.fields), entries, childContext);
+        }
+    }
+}
+/**
+ * Collects derivation entries from a single field.
+ *
+ * @internal
+ */
+function collectFromField(field, entries, context) {
+    const fieldKey = field.key;
+    if (!fieldKey)
+        return;
+    const validationField = field;
+    // Collect shorthand derivation property
+    if (validationField.derivation) {
+        const entry = createShorthandEntry(fieldKey, validationField.derivation);
+        entries.push(entry);
+    }
+    // Collect logic array derivations
+    if (validationField.logic) {
+        for (const logicConfig of validationField.logic) {
+            if (isDerivationLogicConfig(logicConfig)) {
+                const entry = createLogicEntry(fieldKey, logicConfig, context);
+                entries.push(entry);
+            }
+        }
+    }
+}
+/**
+ * Creates a derivation entry from the shorthand `derivation` property.
+ *
+ * Shorthand derivations:
+ * - Always target the same field they're defined on
+ * - Always apply (condition defaults to true)
+ * - Always trigger on change
+ *
+ * @internal
+ */
+function createShorthandEntry(fieldKey, expression) {
+    return {
+        sourceFieldKey: fieldKey,
+        targetFieldKey: fieldKey,
+        dependsOn: extractStringDependencies(expression),
+        condition: true,
+        expression,
+        trigger: 'onChange',
+        isShorthand: true,
+    };
+}
+/**
+ * Creates a derivation entry from a full `DerivationLogicConfig`.
+ *
+ * Handles:
+ * - Condition extraction and dependency analysis
+ * - Relative path resolution for array fields
+ * - Multiple value source types (static, expression, function)
+ * - Trigger and debounce configuration
+ *
+ * @internal
+ */
+function createLogicEntry(fieldKey, config, context) {
+    const targetFieldKey = resolveTargetFieldKey(config.targetField, fieldKey, context);
+    const dependsOn = extractDependencies(config);
+    const condition = config.condition ?? true;
+    const trigger = config.trigger ?? 'onChange';
+    // Extract debounceMs from debounced configs
+    // The type system ensures debounceMs is only present when trigger is 'debounced'
+    const debounceMs = trigger === 'debounced' ? config.debounceMs : undefined;
+    return {
+        sourceFieldKey: fieldKey,
+        targetFieldKey,
+        dependsOn,
+        condition,
+        value: config.value,
+        expression: config.expression,
+        functionName: config.functionName,
+        trigger,
+        debounceMs,
+        isShorthand: false,
+        originalConfig: config,
+        debugName: config.debugName,
+    };
+}
+/**
+ * Resolves a target field key, handling relative paths for array fields.
+ *
+ * Relative paths start with '$.' and reference siblings at the same array index.
+ *
+ * @param targetField - The target field specification from config
+ * @param sourceFieldKey - The source field key
+ * @param context - Current collection context with array path info
+ * @returns Resolved target field key
+ *
+ * @example
+ * ```typescript
+ * // Absolute path - returned as-is
+ * resolveTargetFieldKey('phonePrefix', 'country', {})
+ * // Returns: 'phonePrefix'
+ *
+ * // Relative path in array context
+ * resolveTargetFieldKey('$.lineTotal', 'items[0].quantity', { arrayPath: 'items' })
+ * // Returns: 'items.$.lineTotal'
+ * ```
+ *
+ * @internal
+ */
+function resolveTargetFieldKey(targetField, _sourceFieldKey, context) {
+    // Check for relative path indicator
+    if (targetField.startsWith('$.')) {
+        // Extract the relative field name (after '$.')
+        const relativePath = targetField.substring(2);
+        if (context.arrayPath) {
+            // Replace '$' with the array path for pattern matching
+            return `${context.arrayPath}.$.${relativePath}`;
+        }
+        // Not in array context - keep relative path as-is.
+        // This indicates a configuration error (relative path used outside array).
+        // The runtime applicator will handle this gracefully.
+        return targetField;
+    }
+    // Absolute path - return as-is
+    return targetField;
+}
+/**
+ * Extracts all field dependencies from a derivation config.
+ *
+ * Combines dependencies from:
+ * - Explicit `dependsOn` array (if provided, takes precedence)
+ * - Condition expression
+ * - Value expression
+ * - Function name (defaults to '*' if no explicit dependsOn)
+ *
+ * @internal
+ */
+function extractDependencies(config) {
+    const deps = new Set();
+    // If explicit dependsOn is provided, use it as the primary source
+    // This allows users to override automatic detection and control
+    // when derivations are triggered
+    if (config.dependsOn && config.dependsOn.length > 0) {
+        config.dependsOn.forEach((dep) => deps.add(dep));
+    }
+    else {
+        // Extract from expression (automatic dependency detection)
+        if (config.expression) {
+            const exprDeps = extractStringDependencies(config.expression);
+            exprDeps.forEach((dep) => deps.add(dep));
+        }
+        // Custom functions assume full form access if no explicit dependsOn
+        if (config.functionName) {
+            deps.add('*');
+        }
+    }
+    // Always extract from condition (these are additional runtime guards)
+    if (config.condition && config.condition !== true) {
+        const conditionDeps = extractExpressionDependencies(config.condition);
+        conditionDeps.forEach((dep) => deps.add(dep));
+    }
+    return Array.from(deps);
+}
+
+/**
+ * Detects cycles in the derivation dependency graph.
+ *
+ * Uses Kahn's algorithm variant with DFS to detect cycles.
+ * Bidirectional sync patterns (A→B→A) are allowed because they stabilize
+ * via the equality check at runtime.
+ *
+ * @param collection - The collected derivation entries
+ * @returns Result indicating whether a cycle exists and details if found
+ *
+ * @example
+ * ```typescript
+ * const collection = collectDerivations(fields);
+ * const result = detectCycles(collection);
+ *
+ * if (result.hasCycle) {
+ *   console.error(`Cycle detected: ${result.cyclePath?.join(' -> ')}`);
+ *   throw new Error(result.errorMessage);
+ * }
+ * ```
+ *
+ * @public
+ */
+function detectCycles(collection) {
+    // Build directed graph from derivation entries
+    const graph = buildDependencyGraph(collection);
+    // No entries means no cycles
+    if (graph.size === 0) {
+        return { hasCycle: false };
+    }
+    // Build bidirectional pairs set for cycle exemption
+    const bidirectionalPairs = detectBidirectionalPairs(collection);
+    // Run DFS to detect cycles
+    const result = detectCyclesWithDFS(graph, bidirectionalPairs);
+    // Include bidirectional pairs in result for warnings
+    if (bidirectionalPairs.size > 0) {
+        result.bidirectionalPairs = Array.from(bidirectionalPairs);
+    }
+    return result;
+}
+/**
+ * Detects bidirectional derivation pairs (A→B and B→A).
+ *
+ * These patterns are allowed because they stabilize via equality checks.
+ * Example: USD/EUR conversion where both fields derive from each other.
+ *
+ * ## Floating-Point Precision Note
+ *
+ * Bidirectional derivations stabilize via equality checks using exact IEEE 754
+ * comparison with no tolerance. This means:
+ *
+ * - **Integer math**: Safe (e.g., `A = B * 2`, `B = A / 2` where A is even)
+ * - **Floating-point math**: May oscillate due to rounding errors
+ *
+ * For currency conversions or other floating-point operations, consider:
+ * 1. Rounding values in your expression (e.g., `Math.round(value * 100) / 100`)
+ * 2. Using integer cents instead of decimal dollars
+ * 3. Using one-way derivation instead of bidirectional
+ *
+ * @example
+ * ```typescript
+ * // Safe - uses rounding to avoid oscillation
+ * logic: [
+ *   {
+ *     type: 'derivation',
+ *     targetField: 'eur',
+ *     expression: 'Math.round(formValue.usd * 0.92 * 100) / 100'
+ *   }
+ * ]
+ * ```
+ *
+ * @internal
+ */
+function detectBidirectionalPairs(collection) {
+    const pairs = new Set();
+    const edgeSet = new Set();
+    // Build set of all source→target edges
+    for (const entry of collection.entries) {
+        if (entry.sourceFieldKey !== entry.targetFieldKey) {
+            edgeSet.add(`${entry.sourceFieldKey}→${entry.targetFieldKey}`);
+        }
+    }
+    // Find bidirectional pairs (A→B exists AND B→A exists)
+    for (const entry of collection.entries) {
+        const reverseEdge = `${entry.targetFieldKey}→${entry.sourceFieldKey}`;
+        if (edgeSet.has(reverseEdge)) {
+            // Normalize pair key (alphabetically sorted)
+            const pairKey = entry.sourceFieldKey < entry.targetFieldKey
+                ? `${entry.sourceFieldKey}↔${entry.targetFieldKey}`
+                : `${entry.targetFieldKey}↔${entry.sourceFieldKey}`;
+            pairs.add(pairKey);
+        }
+    }
+    return pairs;
+}
+/**
+ * Checks if a cycle path represents a bidirectional pair.
+ *
+ * @internal
+ */
+function isBidirectionalCycle(cyclePath, bidirectionalPairs) {
+    // Bidirectional cycles are exactly: [A, B, A] (length 3 with first=last)
+    if (cyclePath.length !== 3) {
+        return false;
+    }
+    const [first, second, third] = cyclePath;
+    if (first !== third) {
+        return false;
+    }
+    // Check if this pair is in our bidirectional set
+    const pairKey = first < second ? `${first}↔${second}` : `${second}↔${first}`;
+    return bidirectionalPairs.has(pairKey);
+}
+/**
+ * Builds a dependency graph from derivation entries.
+ *
+ * Creates nodes for each field involved in derivations and
+ * edges representing the derivation dependencies.
+ *
+ * Edge direction: sourceField -> targetField
+ * (source triggers derivation that modifies target)
+ *
+ * @internal
+ */
+function buildDependencyGraph(collection) {
+    const graph = new Map();
+    // Helper to ensure a node exists
+    const ensureNode = (fieldKey) => {
+        let node = graph.get(fieldKey);
+        if (!node) {
+            node = {
+                fieldKey,
+                dependsOn: new Set(),
+                dependedOnBy: new Set(),
+            };
+            graph.set(fieldKey, node);
+        }
+        return node;
+    };
+    for (const entry of collection.entries) {
+        const sourceNode = ensureNode(entry.sourceFieldKey);
+        const targetNode = ensureNode(entry.targetFieldKey);
+        // For cycle detection, we care about the data flow:
+        // When sourceField changes -> targetField gets updated
+        // So the edge is: sourceField -> targetField
+        //
+        // A cycle exists if: A -> B -> A
+        // (A triggers B, B triggers A)
+        // For self-referential derivations (where source === target), don't add source->target edge.
+        // This includes:
+        // 1. Shorthand derivations (field.derivation = 'expression')
+        // 2. Self-transform derivations (logic: [{ targetField: 'self', ... }])
+        // These are legitimate patterns for computed fields and value transformations,
+        // not actual cycles. The real dependencies come from the expression (tracked in dependsOn).
+        const isSelfReferential = entry.sourceFieldKey === entry.targetFieldKey;
+        if (!isSelfReferential) {
+            // The target depends on the source for its value
+            targetNode.dependsOn.add(entry.sourceFieldKey);
+            sourceNode.dependedOnBy.add(entry.targetFieldKey);
+        }
+        // Also track dependencies from the derivation expression/condition
+        for (const dep of entry.dependsOn) {
+            if (dep !== '*' && dep !== entry.targetFieldKey) {
+                const depNode = ensureNode(dep);
+                targetNode.dependsOn.add(dep);
+                depNode.dependedOnBy.add(entry.targetFieldKey);
+            }
+        }
+    }
+    return graph;
+}
+/**
+ * Detects cycles using depth-first search.
+ *
+ * Uses three-color marking:
+ * - Unvisited (white): Not yet processed
+ * - InProgress (gray): Currently in the DFS stack
+ * - Completed (black): Fully processed
+ *
+ * A cycle is detected when we visit a node that's InProgress,
+ * unless it's a bidirectional sync pattern (allowed).
+ *
+ * @internal
+ */
+function detectCyclesWithDFS(graph, bidirectionalPairs) {
+    const visitState = new Map();
+    const parent = new Map();
+    // Initialize all nodes as unvisited
+    for (const fieldKey of graph.keys()) {
+        visitState.set(fieldKey, 0 /* VisitState.Unvisited */);
+    }
+    // Process each unvisited node
+    for (const fieldKey of graph.keys()) {
+        if (visitState.get(fieldKey) === 0 /* VisitState.Unvisited */) {
+            const cycleResult = dfsVisit(fieldKey, graph, visitState, parent, [], bidirectionalPairs);
+            if (cycleResult) {
+                return cycleResult;
+            }
+        }
+    }
+    return { hasCycle: false };
+}
+/**
+ * DFS visit function that detects back edges (cycles).
+ *
+ * @internal
+ */
+function dfsVisit(fieldKey, graph, visitState, parent, path, bidirectionalPairs) {
+    visitState.set(fieldKey, 1 /* VisitState.InProgress */);
+    path.push(fieldKey);
+    const node = graph.get(fieldKey);
+    if (!node) {
+        visitState.set(fieldKey, 2 /* VisitState.Completed */);
+        path.pop();
+        return null;
+    }
+    // Check all nodes that this field's changes would trigger
+    for (const targetFieldKey of node.dependedOnBy) {
+        const targetState = visitState.get(targetFieldKey);
+        if (targetState === 1 /* VisitState.InProgress */) {
+            // Back edge found - potential cycle
+            const cyclePath = extractCyclePath(path, targetFieldKey);
+            // Allow bidirectional sync patterns (A→B→A)
+            // These stabilize via equality checks at runtime
+            if (isBidirectionalCycle(cyclePath, bidirectionalPairs)) {
+                // Continue DFS without reporting this as a cycle
+                continue;
+            }
+            return {
+                hasCycle: true,
+                cyclePath,
+                errorMessage: formatCycleError(cyclePath),
+            };
+        }
+        if (targetState === 0 /* VisitState.Unvisited */) {
+            parent.set(targetFieldKey, fieldKey);
+            const result = dfsVisit(targetFieldKey, graph, visitState, parent, path, bidirectionalPairs);
+            if (result) {
+                return result;
+            }
+        }
+    }
+    visitState.set(fieldKey, 2 /* VisitState.Completed */);
+    path.pop();
+    return null;
+}
+/**
+ * Extracts the cycle path from the DFS path.
+ *
+ * @internal
+ */
+function extractCyclePath(path, cycleStart) {
+    const cycleStartIndex = path.indexOf(cycleStart);
+    if (cycleStartIndex === -1) {
+        // Shouldn't happen, but handle gracefully
+        return [...path, cycleStart];
+    }
+    // Extract from cycle start to current position, then back to start
+    const cyclePath = path.slice(cycleStartIndex);
+    cyclePath.push(cycleStart); // Close the cycle
+    return cyclePath;
+}
+/**
+ * Formats a human-readable error message for a detected cycle.
+ *
+ * @internal
+ */
+function formatCycleError(cyclePath) {
+    const pathStr = cyclePath.join(' -> ');
+    return (`Derivation cycle detected: ${pathStr}\n` +
+        `This would cause an infinite loop at runtime. ` +
+        `Remove one of the derivations to break the cycle.`);
+}
+/**
+ * Validates a derivation collection and throws if cycles are detected.
+ *
+ * This is the main entry point for cycle validation during form initialization.
+ * Should be called after collecting derivations and before setting up effects.
+ *
+ * In dev mode, logs a warning when bidirectional derivation pairs are detected.
+ * These patterns are allowed but may oscillate with floating-point values.
+ *
+ * @param collection - The collected derivation entries to validate
+ * @param logger - Optional logger for dev-mode warnings
+ * @throws Error if a cycle is detected, with details about the cycle
+ *
+ * @example
+ * ```typescript
+ * const collection = collectDerivations(fields);
+ *
+ * // This will throw if cycles exist
+ * validateNoCycles(collection, logger);
+ *
+ * // Safe to set up derivation effects now
+ * setupDerivationEffects(collection);
+ * ```
+ *
+ * @public
+ */
+function validateNoCycles(collection, logger) {
+    const result = detectCycles(collection);
+    if (result.hasCycle) {
+        throw new Error(result.errorMessage);
+    }
+    // Warn about bidirectional patterns in dev mode
+    if (isDevMode() && result.bidirectionalPairs && result.bidirectionalPairs.length > 0 && logger) {
+        logger.warn('[Derivation] Bidirectional derivation patterns detected. ' +
+            'These patterns stabilize via equality checks, but may oscillate with floating-point values ' +
+            '(e.g., currency conversions with rounding). ' +
+            'Consider adding tolerance-based comparisons for numeric values.', result.bidirectionalPairs);
+    }
+}
+
+/**
+ * Applies all pending derivations from a collection.
+ *
+ * This function processes derivations in order, evaluating conditions
+ * and computing values. It handles loop prevention through:
+ * 1. Chain tracking (prevents same derivation from running twice in one cycle)
+ * 2. Value equality checks (skips if target already has computed value)
+ * 3. Max iteration limit (safety fallback)
+ *
+ * @param collection - The collected derivation entries
+ * @param context - Context for applying derivations
+ * @param changedFields - Set of field keys that changed (for filtering)
+ * @returns Result of the derivation processing
+ *
+ * @example
+ * ```typescript
+ * const result = applyDerivations(collection, {
+ *   formValue: formValueSignal,
+ *   rootForm: form(),
+ *   derivationFunctions: customFnConfig?.derivations,
+ *   logger: inject(DynamicFormLogger),
+ * });
+ *
+ * if (result.maxIterationsReached) {
+ *   console.warn('Possible derivation loop detected');
+ * }
+ * ```
+ *
+ * @public
+ */
+function applyDerivations(collection, context, changedFields) {
+    const chainContext = createDerivationChainContext();
+    const { derivationLogger } = context;
+    const maxIterations = context.maxIterations ?? MAX_DERIVATION_ITERATIONS;
+    let appliedCount = 0;
+    let skippedCount = 0;
+    let errorCount = 0;
+    let warnCount = 0;
+    // Filter entries based on changed fields
+    const entriesToProcess = changedFields ? getEntriesForChangedFields(collection.entries, changedFields) : collection.entries;
+    // Log cycle start in verbose mode
+    derivationLogger.cycleStart('onChange', entriesToProcess.length);
+    // Process derivations iteratively until no more changes
+    let hasChanges = true;
+    while (hasChanges && chainContext.iteration < maxIterations) {
+        chainContext.iteration++;
+        hasChanges = false;
+        // Log iteration in verbose mode
+        derivationLogger.iteration(chainContext.iteration);
+        for (const entry of entriesToProcess) {
+            const result = tryApplyDerivation(entry, context, chainContext);
+            if (result.applied) {
+                appliedCount++;
+                hasChanges = true;
+            }
+            else if (result.error) {
+                errorCount++;
+            }
+            else if (result.warning) {
+                warnCount++;
+                skippedCount++;
+            }
+            else {
+                skippedCount++;
+            }
+        }
+    }
+    // Build result
+    const processingResult = {
+        appliedCount,
+        skippedCount,
+        errorCount,
+        warnCount,
+        iterations: chainContext.iteration,
+        maxIterationsReached: chainContext.iteration >= maxIterations,
+    };
+    if (processingResult.maxIterationsReached) {
+        derivationLogger.maxIterationsReached(processingResult, 'onChange');
+    }
+    // Log summary
+    derivationLogger.summary(processingResult, 'onChange');
+    return processingResult;
+}
+/**
+ * Gets entries that should be processed based on changed fields.
+ *
+ * Filters entries by checking if any of their dependencies are in the changed fields set.
+ * Also includes all wildcard (*) entries since they depend on any form change.
+ *
+ * Note: For optimal O(k) performance where k = changed fields count, use
+ * DerivationLookup.getEntriesForChangedFields() which uses pre-built indexes.
+ *
+ * @internal
+ */
+function getEntriesForChangedFields(entries, changedFields) {
+    return entries.filter((entry) => {
+        // Wildcard entries are always included
+        if (entry.dependsOn.includes('*')) {
+            return true;
+        }
+        // Check if any dependency is in changed fields
+        return entry.dependsOn.some((dep) => changedFields.has(dep));
+    });
+}
+/**
+ * Attempts to apply a single derivation.
+ *
+ * **Important:** When a derivation's condition evaluates to `false`, the previously
+ * derived value is NOT automatically cleared. If you need to reset a field when a
+ * condition becomes false, use a separate derivation with an inverted condition
+ * that sets the desired fallback value.
+ *
+ * @example
+ * ```typescript
+ * // Two derivations for conditional value with cleanup:
+ * // When country is USA, set phonePrefix to '+1'
+ * { condition: { field: 'country', operator: '==', value: 'USA' }, targetField: 'phonePrefix', value: '+1' }
+ * // When country is NOT USA, clear phonePrefix
+ * { condition: { field: 'country', operator: '!=', value: 'USA' }, targetField: 'phonePrefix', value: '' }
+ * ```
+ *
+ * @internal
+ */
+function tryApplyDerivation(entry, context, chainContext) {
+    const { derivationLogger } = context;
+    // Check if this is an array field derivation (has '$' placeholder)
+    if (isArrayPlaceholderPath(entry.targetFieldKey)) {
+        return tryApplyArrayDerivation(entry, context, chainContext);
+    }
+    const derivationKey = createDerivationKey(entry.sourceFieldKey, entry.targetFieldKey);
+    // Check if already applied in this cycle
+    if (chainContext.appliedDerivations.has(derivationKey)) {
+        derivationLogger.evaluation({
+            debugName: entry.debugName,
+            sourceFieldKey: entry.sourceFieldKey,
+            targetFieldKey: entry.targetFieldKey,
+            result: 'skipped',
+            skipReason: 'already-applied',
+        });
+        return { applied: false, targetFieldKey: entry.targetFieldKey };
+    }
+    // Create evaluation context
+    const formValue = untracked(() => context.formValue());
+    const evalContext = createEvaluationContext(entry, formValue, context);
+    // Evaluate condition
+    if (!evaluateDerivationCondition(entry.condition, evalContext)) {
+        derivationLogger.evaluation({
+            debugName: entry.debugName,
+            sourceFieldKey: entry.sourceFieldKey,
+            targetFieldKey: entry.targetFieldKey,
+            result: 'skipped',
+            skipReason: 'condition-false',
+        });
+        return { applied: false, targetFieldKey: entry.targetFieldKey };
+    }
+    // Compute derived value
+    let newValue;
+    try {
+        newValue = computeDerivedValue(entry, evalContext, context);
+    }
+    catch (error) {
+        const errorMessage = error instanceof Error ? error.message : String(error);
+        context.logger.error(formatDerivationError(entry, 'compute', errorMessage));
+        derivationLogger.evaluation({
+            debugName: entry.debugName,
+            sourceFieldKey: entry.sourceFieldKey,
+            targetFieldKey: entry.targetFieldKey,
+            result: 'error',
+            error: errorMessage,
+        });
+        return {
+            applied: false,
+            targetFieldKey: entry.targetFieldKey,
+            error: errorMessage,
+        };
+    }
+    // Check if value actually changed using exact equality.
+    // Note: This uses isEqual which performs deep comparison with exact IEEE 754
+    // equality for numbers. Bidirectional derivations with floating-point math
+    // may oscillate due to rounding errors. Use explicit rounding in expressions
+    // or integer arithmetic to avoid this issue.
+    const currentValue = getNestedValue(formValue, entry.targetFieldKey);
+    if (isEqual(currentValue, newValue)) {
+        derivationLogger.evaluation({
+            debugName: entry.debugName,
+            sourceFieldKey: entry.sourceFieldKey,
+            targetFieldKey: entry.targetFieldKey,
+            result: 'skipped',
+            skipReason: 'value-unchanged',
+        });
+        return { applied: false, targetFieldKey: entry.targetFieldKey };
+    }
+    // Apply the value
+    try {
+        const wasApplied = applyValueToForm(entry.targetFieldKey, newValue, context.rootForm, context.logger, context.warningTracker);
+        if (wasApplied) {
+            chainContext.appliedDerivations.add(derivationKey);
+            derivationLogger.evaluation({
+                debugName: entry.debugName,
+                sourceFieldKey: entry.sourceFieldKey,
+                targetFieldKey: entry.targetFieldKey,
+                result: 'applied',
+                previousValue: currentValue,
+                newValue,
+            });
+            return { applied: true, targetFieldKey: entry.targetFieldKey, newValue };
+        }
+        else {
+            // Field not found - this is a warning, not an error
+            // The warning was already logged by warnMissingField
+            derivationLogger.evaluation({
+                debugName: entry.debugName,
+                sourceFieldKey: entry.sourceFieldKey,
+                targetFieldKey: entry.targetFieldKey,
+                result: 'skipped',
+                skipReason: 'target-not-found',
+            });
+            return {
+                applied: false,
+                targetFieldKey: entry.targetFieldKey,
+                warning: `Target field '${entry.targetFieldKey}' not found`,
+            };
+        }
+    }
+    catch (error) {
+        const errorMessage = error instanceof Error ? error.message : String(error);
+        context.logger.error(formatDerivationError(entry, 'apply', errorMessage));
+        derivationLogger.evaluation({
+            debugName: entry.debugName,
+            sourceFieldKey: entry.sourceFieldKey,
+            targetFieldKey: entry.targetFieldKey,
+            result: 'error',
+            error: errorMessage,
+        });
+        return {
+            applied: false,
+            targetFieldKey: entry.targetFieldKey,
+            error: errorMessage,
+        };
+    }
+}
+/**
+ * Handles array field derivations with '$' placeholder.
+ *
+ * Iterates over all array items and applies the derivation for each,
+ * resolving '$' to the actual index and creating scoped evaluation contexts.
+ *
+ * @internal
+ */
+function tryApplyArrayDerivation(entry, context, chainContext) {
+    const formValue = untracked(() => context.formValue());
+    // Parse the target path using path utilities
+    const pathInfo = parseArrayPath(entry.targetFieldKey);
+    if (!pathInfo.isArrayPath) {
+        return { applied: false, targetFieldKey: entry.targetFieldKey, error: 'Invalid array derivation path' };
+    }
+    const { arrayPath } = pathInfo;
+    // Get the array from form values
+    const arrayValue = getNestedValue(formValue, arrayPath);
+    if (!Array.isArray(arrayValue)) {
+        return { applied: false, targetFieldKey: entry.targetFieldKey };
+    }
+    let appliedAny = false;
+    // Process each array item
+    for (let i = 0; i < arrayValue.length; i++) {
+        const resolvedTargetPath = resolveArrayPath(entry.targetFieldKey, i);
+        const derivationKey = createDerivationKey(entry.sourceFieldKey, resolvedTargetPath);
+        // Skip if already applied in this cycle
+        if (chainContext.appliedDerivations.has(derivationKey)) {
+            continue;
+        }
+        // Create evaluation context scoped to this array item
+        const arrayItem = arrayValue[i];
+        const evalContext = createArrayItemEvaluationContext(entry, arrayItem, formValue, i, arrayPath, context);
+        // Evaluate condition
+        if (!evaluateDerivationCondition(entry.condition, evalContext)) {
+            continue;
+        }
+        // Compute derived value
+        let newValue;
+        try {
+            newValue = computeDerivedValue(entry, evalContext, context);
+        }
+        catch (error) {
+            const errorMessage = error instanceof Error ? error.message : String(error);
+            context.logger.error(formatDerivationError(entry, 'compute', `[index ${i}] ${errorMessage}`));
+            continue;
+        }
+        // Check if value actually changed
+        const currentValue = getNestedValue(formValue, resolvedTargetPath);
+        if (isEqual(currentValue, newValue)) {
+            continue;
+        }
+        // Apply the value
+        try {
+            applyValueToForm(resolvedTargetPath, newValue, context.rootForm, context.logger, context.warningTracker);
+            chainContext.appliedDerivations.add(derivationKey);
+            appliedAny = true;
+        }
+        catch (error) {
+            const errorMessage = error instanceof Error ? error.message : String(error);
+            context.logger.error(formatDerivationError(entry, 'apply', `[index ${i}] ${errorMessage}`));
+        }
+    }
+    return { applied: appliedAny, targetFieldKey: entry.targetFieldKey };
+}
+/**
+ * Creates an evaluation context for derivation processing.
+ *
+ * @internal
+ */
+function createEvaluationContext(entry, formValue, context) {
+    const fieldValue = getNestedValue(formValue, entry.sourceFieldKey);
+    return {
+        fieldValue,
+        formValue,
+        fieldPath: entry.sourceFieldKey,
+        customFunctions: context.customFunctions,
+        logger: context.logger,
+    };
+}
+/**
+ * Creates an evaluation context scoped to a specific array item.
+ *
+ * For array derivations, `formValue` in the expression should reference
+ * the current array item's values, not the root form values.
+ *
+ * @internal
+ */
+function createArrayItemEvaluationContext(entry, arrayItem, rootFormValue, itemIndex, arrayPath, context) {
+    // For array item expressions, formValue should be the array item
+    // This allows expressions like 'formValue.quantity * formValue.unitPrice'
+    // to work within the context of each array item
+    return {
+        fieldValue: arrayItem,
+        formValue: arrayItem,
+        fieldPath: `${arrayPath}.${itemIndex}`,
+        customFunctions: context.customFunctions,
+        logger: context.logger,
+        // Provide access to root form value for cross-scope references
+        rootFormValue,
+        arrayIndex: itemIndex,
+        arrayPath,
+    };
+}
+/**
+ * Evaluates the derivation condition.
+ *
+ * @internal
+ */
+function evaluateDerivationCondition(condition, context) {
+    if (typeof condition === 'boolean') {
+        return condition;
+    }
+    return evaluateCondition(condition, context);
+}
+/**
+ * Computes the derived value based on the entry configuration.
+ *
+ * @internal
+ */
+function computeDerivedValue(entry, evalContext, applicatorContext) {
+    // Static value
+    if (entry.value !== undefined) {
+        return entry.value;
+    }
+    // Expression
+    if (entry.expression) {
+        return ExpressionParser.evaluate(entry.expression, evalContext);
+    }
+    // Custom function
+    if (entry.functionName) {
+        const fn = applicatorContext.derivationFunctions?.[entry.functionName];
+        if (!fn) {
+            throw new Error(`Derivation function '${entry.functionName}' not found in customFnConfig.derivations`);
+        }
+        return fn(evalContext);
+    }
+    // No value source specified
+    throw new Error(`Derivation for ${entry.targetFieldKey} has no value source. ` + `Specify 'value', 'expression', or 'functionName'.`);
+}
+/**
+ * Applies a value to the form at the specified path.
+ *
+ * Uses bracket notation to access child FieldTrees, following the same pattern
+ * as group-field and array-field components. Fields are accessed as signals
+ * and their value is set via the `.value.set()` method.
+ *
+ * Handles nested paths and array paths with '$' placeholder.
+ *
+ * @internal
+ */
+function applyValueToForm(targetPath, value, rootForm, logger, warningTracker) {
+    // Handle simple top-level fields
+    if (!targetPath.includes('.')) {
+        return setFieldValue(rootForm, targetPath, value, logger, warningTracker);
+    }
+    // Handle nested paths (e.g., 'address.city' or 'items.$.quantity')
+    const parts = targetPath.split('.');
+    let current = rootForm;
+    for (let i = 0; i < parts.length - 1; i++) {
+        const part = parts[i];
+        // Handle array index placeholder '$'
+        if (part === '$') {
+            // This case should be resolved at collection time
+            // If we still have '$', we need to skip for now
+            return false;
+        }
+        // Navigate to the next level using bracket notation
+        const next = current[part];
+        if (next === undefined || next === null) {
+            warnMissingField(targetPath, logger, warningTracker);
+            return false; // Path doesn't exist
+        }
+        current = next;
+    }
+    // Set the final value
+    const finalPart = parts[parts.length - 1];
+    return setFieldValue(current, finalPart, value, logger, warningTracker);
+}
+/**
+ * Error message prefix for derivation-related errors.
+ * @internal
+ */
+const ERROR_PREFIX = '[Derivation]';
+/**
+ * Creates a standardized error message for derivation errors.
+ * @internal
+ */
+function formatDerivationError(entry, phase, message) {
+    const source = entry.expression
+        ? `expression: "${entry.expression.substring(0, 50)}${entry.expression.length > 50 ? '...' : ''}"`
+        : entry.functionName
+            ? `function: "${entry.functionName}"`
+            : entry.value !== undefined
+                ? 'static value'
+                : 'unknown source';
+    return `${ERROR_PREFIX} Failed to ${phase} derivation (${entry.sourceFieldKey} → ${entry.targetFieldKey}, ${source}): ${message}`;
+}
+/**
+ * Sets a field value using the Angular Signal Forms pattern.
+ *
+ * Accesses the child field via bracket notation, drills down to find
+ * the WritableSignal, and uses isWritableSignal for type-safe signal detection.
+ *
+ * Angular Signal Forms structure:
+ * - form[key] is a callable function (field accessor)
+ * - form[key]() returns the field instance with { value: WritableSignal<T> }
+ * - form[key]().value.set(newValue) sets the value
+ *
+ * @returns true if the value was successfully set, false if field not found
+ *
+ * @internal
+ */
+function setFieldValue(parent, fieldKey, value, logger, warningTracker) {
+    // Access child field via bracket notation (same pattern as group-field/array-field)
+    const fieldAccessor = parent[fieldKey];
+    if (fieldAccessor === undefined || fieldAccessor === null) {
+        warnMissingField(fieldKey, logger, warningTracker);
+        return false;
+    }
+    // Angular Signal Forms: field accessor is a callable function
+    if (typeof fieldAccessor !== 'function') {
+        warnMissingField(fieldKey, logger, warningTracker);
+        return false;
+    }
+    // Call the accessor to get the field instance
+    const fieldInstance = fieldAccessor();
+    if (!fieldInstance || typeof fieldInstance !== 'object' || !('value' in fieldInstance)) {
+        warnMissingField(fieldKey, logger, warningTracker);
+        return false;
+    }
+    // Get the value signal and verify it's a WritableSignal
+    const valueSignal = fieldInstance.value;
+    if (isWritableSignal(valueSignal)) {
+        valueSignal.set(value);
+        return true;
+    }
+    else {
+        warnMissingField(fieldKey, logger, warningTracker);
+        return false;
+    }
+}
+/**
+ * Logs a warning for a missing target field (once per field per form instance).
+ *
+ * Uses the provided warning tracker to avoid log spam. If no tracker is provided,
+ * the warning will be logged every time.
+ *
+ * @internal
+ */
+function warnMissingField(fieldKey, logger, warningTracker) {
+    // If tracker is provided, check if we've already warned about this field
+    if (warningTracker) {
+        if (warningTracker.warnedFields.has(fieldKey)) {
+            return;
+        }
+        warningTracker.warnedFields.add(fieldKey);
+    }
+    logger?.warn(`${ERROR_PREFIX} Target field '${fieldKey}' not found in form. ` +
+        `Ensure the field is defined in your form configuration. ` +
+        `This warning is shown once per field.`);
+}
+/**
+ * Processes derivations for a specific trigger type.
+ *
+ * Filters entries by trigger type and applies them.
+ *
+ * @param collection - The collected derivation entries
+ * @param trigger - The trigger type to filter by
+ * @param context - Context for applying derivations
+ * @param changedFields - Set of field keys that changed (for filtering)
+ * @returns Result of the derivation processing
+ *
+ * @public
+ */
+function applyDerivationsForTrigger(collection, trigger, context, changedFields) {
+    // Filter entries by trigger type
+    const filteredEntries = collection.entries.filter((entry) => {
+        if (trigger === 'onChange') {
+            return !entry.trigger || entry.trigger === 'onChange';
+        }
+        return entry.trigger === trigger;
+    });
+    // Create a minimal collection with filtered entries
+    const filteredCollection = {
+        entries: filteredEntries,
+    };
+    return applyDerivations(filteredCollection, context, changedFields);
+}
+/**
+ * Gets all debounced derivation entries from a collection.
+ *
+ * Use this to extract debounced entries for separate processing with debounce timers.
+ *
+ * @param collection - The collected derivation entries
+ * @returns Array of debounced derivation entries
+ *
+ * @public
+ */
+function getDebouncedDerivationEntries(collection) {
+    return collection.entries.filter((entry) => entry.trigger === 'debounced');
+}
+
+/**
+ * Injection token for the derivation warning tracker.
+ * Provided at form component level for instance-scoped tracking.
+ *
+ * @public
+ */
+const DERIVATION_WARNING_TRACKER = new InjectionToken('DerivationWarningTracker', {
+    providedIn: null,
+    factory: () => ({ warnedFields: new Set() }),
+});
+/**
+ * Creates a fresh warning tracker instance.
+ *
+ * @returns A new DerivationWarningTracker with an empty warnedFields Set
+ *
+ * @public
+ */
+function createDerivationWarningTracker() {
+    return { warnedFields: new Set() };
+}
+
+/**
+ * Prefix for derivation debug log messages.
+ * @internal
+ */
+const LOG_PREFIX = '[Derivation]';
+/**
+ * Logs a summary of derivation processing results.
+ *
+ * Only logs when:
+ * - Config level is 'summary' or 'verbose'
+ * - At least one derivation was applied or an error occurred
+ *
+ * @param result - The derivation processing result
+ * @param trigger - The trigger type ('onChange' or 'debounced')
+ * @param logger - Logger instance
+ * @param config - Debug logging configuration
+ *
+ * @public
+ */
+function logDerivationSummary(result, trigger, logger, config) {
+    if (!shouldLog(config, 'summary'))
+        return;
+    // Only log if something interesting happened
+    if (result.appliedCount === 0 && result.errorCount === 0)
+        return;
+    logger.debug(`${LOG_PREFIX} Cycle complete (${trigger})`, {
+        applied: result.appliedCount,
+        skipped: result.skippedCount,
+        errors: result.errorCount,
+        iterations: result.iterations,
+    });
+}
+/**
+ * Logs when max iterations are reached (always logged as warning).
+ *
+ * @param result - The derivation processing result
+ * @param trigger - The trigger type
+ * @param logger - Logger instance
+ *
+ * @public
+ */
+function logMaxIterationsReached(result, trigger, logger) {
+    logger.warn(`${LOG_PREFIX} Processing reached max iterations (${trigger}). ` +
+        `This may indicate a loop in derivation logic. ` +
+        `Applied: ${result.appliedCount}, Skipped: ${result.skippedCount}, Errors: ${result.errorCount}`);
+}
+/**
+ * Logs a verbose entry for a single derivation evaluation.
+ *
+ * Only logs when config level is 'verbose'.
+ *
+ * @param entry - The derivation log entry with evaluation details
+ * @param logger - Logger instance
+ * @param config - Debug logging configuration
+ *
+ * @internal
+ */
+function logDerivationEvaluation(entry, logger, config) {
+    if (!shouldLog(config, 'verbose'))
+        return;
+    const name = entry.debugName ? `"${entry.debugName}"` : `${entry.sourceFieldKey} -> ${entry.targetFieldKey}`;
+    switch (entry.result) {
+        case 'applied':
+            logger.debug(`${LOG_PREFIX} -> Applied: ${name}`, {
+                source: entry.sourceFieldKey,
+                target: entry.targetFieldKey,
+                previousValue: entry.previousValue,
+                newValue: entry.newValue,
+                ...(entry.durationMs !== undefined && { durationMs: entry.durationMs }),
+            });
+            break;
+        case 'skipped':
+            logger.debug(`${LOG_PREFIX} -> Skipped: ${name} (${formatSkipReason(entry.skipReason)})`, {
+                source: entry.sourceFieldKey,
+                target: entry.targetFieldKey,
+                reason: entry.skipReason,
+            });
+            break;
+        case 'error':
+            logger.debug(`${LOG_PREFIX} -> Error: ${name}`, {
+                source: entry.sourceFieldKey,
+                target: entry.targetFieldKey,
+                error: entry.error,
+            });
+            break;
+    }
+}
+/**
+ * Formats the skip reason for human-readable output.
+ *
+ * @internal
+ */
+function formatSkipReason(reason) {
+    switch (reason) {
+        case 'condition-false':
+            return 'condition not met';
+        case 'value-unchanged':
+            return 'value unchanged';
+        case 'already-applied':
+            return 'already applied this cycle';
+        default:
+            return 'unknown';
+    }
+}
+/**
+ * Logs the start of a derivation processing cycle.
+ *
+ * Only logs when config level is 'verbose'.
+ *
+ * @param trigger - The trigger type ('onChange' or 'debounced')
+ * @param entryCount - Number of derivations to process in this cycle
+ * @param logger - Logger instance
+ * @param config - Debug logging configuration
+ *
+ * @internal
+ */
+function logDerivationCycleStart(trigger, entryCount, logger, config) {
+    if (!shouldLog(config, 'verbose'))
+        return;
+    logger.debug(`${LOG_PREFIX} Starting cycle (${trigger}) with ${entryCount} derivation(s)`);
+}
+/**
+ * Logs the start of a derivation iteration within a cycle.
+ *
+ * Only logs when config level is 'verbose'.
+ *
+ * @param iteration - Current iteration number (1-based)
+ * @param logger - Logger instance
+ * @param config - Debug logging configuration
+ *
+ * @internal
+ */
+function logDerivationIteration(iteration, logger, config) {
+    if (!shouldLog(config, 'verbose'))
+        return;
+    logger.debug(`${LOG_PREFIX} Iteration ${iteration}`);
+}
+
+/**
+ * Active implementation of DerivationLogger that performs actual logging.
+ *
+ * @internal
+ */
+class ActiveDerivationLogger {
+    logger;
+    config = createDefaultDerivationLogConfig();
+    /**
+     * Updates the log configuration.
+     */
+    setConfig(config) {
+        this.config = config;
+    }
+    cycleStart(trigger, entryCount) {
+        if (!shouldLog(this.config, 'verbose'))
+            return;
+        this.logger.debug(`Derivation - Starting cycle (${trigger}) with ${entryCount} derivation(s)`);
+    }
+    iteration(iterationNumber) {
+        if (!shouldLog(this.config, 'verbose'))
+            return;
+        this.logger.debug(`Derivation - Iteration ${iterationNumber}`);
+    }
+    evaluation(entry) {
+        if (!shouldLog(this.config, 'verbose'))
+            return;
+        const name = entry.debugName ? `"${entry.debugName}"` : `${entry.sourceFieldKey} -> ${entry.targetFieldKey}`;
+        switch (entry.result) {
+            case 'applied':
+                this.logger.debug(`Derivation - Applied ${name}`, {
+                    source: entry.sourceFieldKey,
+                    target: entry.targetFieldKey,
+                    previousValue: entry.previousValue,
+                    newValue: entry.newValue,
+                    ...(entry.durationMs !== undefined && { durationMs: entry.durationMs }),
+                });
+                break;
+            case 'skipped':
+                this.logger.debug(`Derivation - Skipped ${name} (${this.formatSkipReason(entry.skipReason)})`, {
+                    source: entry.sourceFieldKey,
+                    target: entry.targetFieldKey,
+                    reason: entry.skipReason,
+                });
+                break;
+            case 'error':
+                this.logger.debug(`Derivation - Error ${name}`, {
+                    source: entry.sourceFieldKey,
+                    target: entry.targetFieldKey,
+                    error: entry.error,
+                });
+                break;
+        }
+    }
+    summary(result, trigger) {
+        if (!shouldLog(this.config, 'summary'))
+            return;
+        // Only log if something interesting happened
+        if (result.appliedCount === 0 && result.errorCount === 0)
+            return;
+        this.logger.debug(`Derivation - Cycle complete (${trigger})`, {
+            applied: result.appliedCount,
+            skipped: result.skippedCount,
+            errors: result.errorCount,
+            iterations: result.iterations,
+        });
+    }
+    maxIterationsReached(result, trigger) {
+        this.logger.warn(`Derivation - Max iterations reached (${trigger}). ` +
+            `This may indicate a loop in derivation logic. ` +
+            `Applied: ${result.appliedCount}, Skipped: ${result.skippedCount}, Errors: ${result.errorCount}`);
+    }
+    formatSkipReason(reason) {
+        switch (reason) {
+            case 'condition-false':
+                return 'condition not met';
+            case 'value-unchanged':
+                return 'value unchanged';
+            case 'already-applied':
+                return 'already applied this cycle';
+            default:
+                return 'unknown';
+        }
+    }
+}
+/**
+ * No-op implementation of DerivationLogger.
+ * All methods are empty - no logging overhead when disabled.
+ *
+ * @internal
+ */
+class NoopDerivationLogger {
+    cycleStart() {
+        /* no-op */
+    }
+    iteration() {
+        /* no-op */
+    }
+    evaluation() {
+        /* no-op */
+    }
+    summary() {
+        /* no-op */
+    }
+    maxIterationsReached() {
+        /* no-op */
+    }
+}
+/** Singleton no-op instance to avoid creating new objects */
+const NOOP_INSTANCE = new NoopDerivationLogger();
+/**
+ * Injection token for the derivation logger service.
+ *
+ * @public
+ */
+const DERIVATION_LOGGER = new InjectionToken('DerivationLogger');
+/**
+ * Factory function to create a DerivationLogger.
+ *
+ * Returns a no-op implementation if config level is 'none',
+ * otherwise returns an active logger with the given config.
+ *
+ * @param config - The derivation log configuration
+ * @param logger - The underlying logger instance
+ * @returns A DerivationLogger instance
+ *
+ * @public
+ */
+function createDerivationLogger(config, logger) {
+    const effectiveConfig = config ?? createDefaultDerivationLogConfig();
+    // Return no-op if logging is completely disabled
+    if (effectiveConfig.level === 'none') {
+        return NOOP_INSTANCE;
+    }
+    // Create active logger with config
+    const service = new ActiveDerivationLogger();
+    service.logger = logger;
+    service.setConfig(effectiveConfig);
+    return service;
+}
+
+/**
+ * Orchestrates derivation processing for a dynamic form.
+ *
+ * Uses RxJS streams for reactive derivation processing:
+ * - `exhaustMap` prevents re-entry during onChange derivation application
+ * - `pairwise` tracks value changes without mutable state
+ * - `takeUntilDestroyed` handles automatic cleanup
+ *
+ * Injects common services directly, requiring only form-specific signals in config.
+ *
+ * @public
+ */
+class DerivationOrchestrator {
+    config;
+    injector = inject(Injector);
+    destroyRef = inject(DestroyRef);
+    logger = inject(DynamicFormLogger);
+    warningTracker = inject(DERIVATION_WARNING_TRACKER);
+    functionRegistry = inject(FunctionRegistryService);
+    formOptions = inject(FORM_OPTIONS);
+    /**
+     * Computed signal containing the collected and validated derivations.
+     * Returns null if no derivations are defined.
+     */
+    derivationCollection;
+    constructor(config) {
+        this.config = config;
+        this.derivationCollection = computed(() => {
+            const fields = config.schemaFields();
+            if (!fields || fields.length === 0) {
+                return null;
+            }
+            const collection = collectDerivations(fields);
+            if (collection.entries.length === 0) {
+                return null;
+            }
+            validateNoCycles(collection, this.logger);
+            this.warnAboutWildcardDependencies(collection.entries, fields.length);
+            return collection;
+        }, ...(ngDevMode ? [{ debugName: "derivationCollection" }] : []));
+        this.setupOnChangeStream();
+        this.setupDebouncedStream();
+    }
+    setupOnChangeStream() {
+        const collection$ = toObservable(this.derivationCollection, { injector: this.injector });
+        const formValue$ = toObservable(this.config.formValue, { injector: this.injector });
+        const form$ = toObservable(this.config.form, { injector: this.injector });
+        collection$
+            .pipe(filter((collection) => collection !== null), combineLatestWith(formValue$, form$), 
+        // auditTime(0): Batch synchronous emissions from Angular's change detection.
+        // When a single user action triggers multiple signal updates, this ensures
+        // we only process derivations once after all updates complete (microtask timing).
+        auditTime(0), 
+        // exhaustMap: Prevents re-entry while processing derivations.
+        // If form value changes DURING derivation processing (from our own setValue calls),
+        // we ignore those emissions and complete the current cycle first.
+        // switchMap would cancel mid-processing, causing incomplete derivation chains.
+        exhaustMap(([collection, , formAccessor]) => {
+            this.applyOnChangeDerivations(collection, formAccessor);
+            // scheduled with queueScheduler: Ensures the observable completes
+            // in the next microtask, allowing exhaustMap to accept new emissions.
+            // Without this, exhaustMap would block indefinitely.
+            return scheduled([null], queueScheduler);
+        }), takeUntilDestroyed(this.destroyRef))
+            .subscribe();
+    }
+    setupDebouncedStream() {
+        toObservable(this.config.formValue, { injector: this.injector })
+            .pipe(
+        // debounceTime: Wait for value to stabilize before detecting changes.
+        // Uses DEFAULT_DEBOUNCE_MS as the minimum debounce period.
+        debounceTime(DEFAULT_DEBOUNCE_MS), 
+        // startWith + pairwise: Track previous and current values to detect changes.
+        // startWith(null) ensures pairwise has an initial value to pair with.
+        startWith(null), pairwise(), filter((pair) => pair[1] !== null), map(([previous, current]) => ({
+            current,
+            changedFields: getChangedKeys(previous, current),
+        })), filter(({ changedFields }) => changedFields.size > 0), 
+        // switchMap: For debounced derivations, it's OK to cancel pending work
+        // if new changes come in - we want the latest debounced values.
+        // (Unlike onChange which uses exhaustMap to prevent cancellation)
+        switchMap(({ changedFields }) => {
+            const collection = untracked(() => this.derivationCollection());
+            const formAccessor = untracked(() => this.config.form());
+            if (!collection || !formAccessor)
+                return of(null);
+            // Get unique debounce periods from entries with trigger 'debounced'
+            const debouncePeriods = this.getDebouncePeriods(collection.entries);
+            if (debouncePeriods.length === 0)
+                return of(null);
+            // merge: Process multiple debounce periods concurrently.
+            // Each period stream handles its own timing independently.
+            const periodStreams = debouncePeriods.map((debounceMs) => this.createPeriodStream(debounceMs, collection, formAccessor, changedFields));
+            return merge(...periodStreams);
+        }), takeUntilDestroyed(this.destroyRef))
+            .subscribe();
+    }
+    createPeriodStream(debounceMs, collection, formAccessor, changedFields) {
+        const additionalWait = Math.max(0, debounceMs - DEFAULT_DEBOUNCE_MS);
+        if (additionalWait === 0) {
+            return of(null).pipe(map(() => {
+                this.applyDebouncedEntriesForPeriod(debounceMs, collection, formAccessor, changedFields);
+            }));
+        }
+        return timer(additionalWait).pipe(map(() => {
+            const currentCollection = untracked(() => this.derivationCollection());
+            const currentFormAccessor = untracked(() => this.config.form());
+            if (currentCollection && currentFormAccessor) {
+                this.applyDebouncedEntriesForPeriod(debounceMs, currentCollection, currentFormAccessor, changedFields);
+            }
+        }));
+    }
+    applyOnChangeDerivations(collection, formAccessor) {
+        const applicatorContext = {
+            formValue: this.config.formValue,
+            rootForm: formAccessor,
+            derivationFunctions: this.functionRegistry.getDerivationFunctions(),
+            customFunctions: this.functionRegistry.getCustomFunctions(),
+            logger: this.logger,
+            warningTracker: this.warningTracker,
+            derivationLogger: untracked(() => this.config.derivationLogger()),
+            maxIterations: untracked(() => this.formOptions()?.maxDerivationIterations),
+        };
+        const result = applyDerivationsForTrigger(collection, 'onChange', applicatorContext);
+        if (result.maxIterationsReached) {
+            this.logger.warn(`Derivation processing reached max iterations. ` +
+                `This may indicate a loop in derivation logic that wasn't caught at build time. ` +
+                `Applied: ${result.appliedCount}, Skipped: ${result.skippedCount}, Errors: ${result.errorCount}`);
+        }
+    }
+    applyDebouncedEntriesForPeriod(debounceMs, collection, formAccessor, changedFields) {
+        // Filter entries to just those with the specific debounce period
+        const debouncedEntries = collection.entries.filter((entry) => entry.trigger === 'debounced' && (entry.debounceMs ?? DEFAULT_DEBOUNCE_MS) === debounceMs);
+        if (debouncedEntries.length === 0) {
+            return;
+        }
+        // Create a minimal collection with filtered entries
+        const filteredCollection = {
+            entries: debouncedEntries,
+        };
+        const applicatorContext = {
+            formValue: this.config.formValue,
+            rootForm: formAccessor,
+            derivationFunctions: this.functionRegistry.getDerivationFunctions(),
+            customFunctions: this.functionRegistry.getCustomFunctions(),
+            logger: this.logger,
+            warningTracker: this.warningTracker,
+            derivationLogger: untracked(() => this.config.derivationLogger()),
+            maxIterations: untracked(() => this.formOptions()?.maxDerivationIterations),
+        };
+        const result = applyDerivationsForTrigger(filteredCollection, 'debounced', applicatorContext, changedFields);
+        if (result.maxIterationsReached) {
+            this.logger.warn(`Debounced derivation processing reached max iterations (${debounceMs}ms). ` +
+                `Applied: ${result.appliedCount}, Skipped: ${result.skippedCount}, Errors: ${result.errorCount}`);
+        }
+    }
+    /**
+     * Gets all unique debounce periods from entries with trigger 'debounced'.
+     */
+    getDebouncePeriods(entries) {
+        const periods = new Set();
+        for (const entry of entries) {
+            if (entry.trigger === 'debounced') {
+                periods.add(entry.debounceMs ?? DEFAULT_DEBOUNCE_MS);
+            }
+        }
+        return Array.from(periods);
+    }
+    warnAboutWildcardDependencies(entries, fieldCount) {
+        if (!isDevMode())
+            return;
+        // Find entries with wildcard dependency
+        const wildcardEntries = entries.filter((entry) => entry.dependsOn.includes('*'));
+        if (wildcardEntries.length === 0)
+            return;
+        // Find implicit wildcards (custom functions without explicit dependsOn)
+        const implicitWildcards = wildcardEntries.filter((entry) => entry.functionName && (!entry.originalConfig?.dependsOn || entry.originalConfig.dependsOn.length === 0));
+        if (implicitWildcards.length > 0) {
+            const derivationDescs = implicitWildcards.map((e) => `${e.sourceFieldKey} -> ${e.targetFieldKey} (${e.functionName})`);
+            this.logger.warn('[Derivation] Derivations using custom functions without explicit dependsOn detected. ' +
+                `These run on EVERY form change, which may impact performance (form has ${fieldCount} fields). ` +
+                'Consider specifying explicit dependsOn arrays for better performance.', derivationDescs);
+        }
+    }
+}
+/**
+ * Creates a DerivationOrchestrator for a dynamic form.
+ * Must be called within an injection context.
+ *
+ * @param config - Form-specific signals configuration
+ * @returns The created DerivationOrchestrator
+ *
+ * @public
+ */
+function createDerivationOrchestrator(config) {
+    return new DerivationOrchestrator(config);
+}
+/**
+ * Injection token for the DerivationOrchestrator.
+ *
+ * @public
+ */
+const DERIVATION_ORCHESTRATOR = new InjectionToken('DERIVATION_ORCHESTRATOR');
+/**
+ * Injects the DerivationOrchestrator from the current injection context.
+ *
+ * @returns The DerivationOrchestrator instance
+ * @throws Error if called outside of an injection context or if orchestrator is not provided
+ *
+ * @public
+ */
+function injectDerivationOrchestrator() {
+    return inject(DERIVATION_ORCHESTRATOR);
+}
+
+class NextPageEvent {
+    type = 'next-page';
+}
+
+class PageChangeEvent {
+    currentPageIndex;
+    totalPages;
+    previousPageIndex;
+    type = 'page-change';
+    constructor(
+    /** The current page index (0-based) */
+    currentPageIndex, 
+    /** Total number of pages */
+    totalPages, 
+    /** Previous page index (0-based), undefined if first navigation */
+    previousPageIndex) {
+        this.currentPageIndex = currentPageIndex;
+        this.totalPages = totalPages;
+        this.previousPageIndex = previousPageIndex;
+    }
+}
+
+class PreviousPageEvent {
+    type = 'previous-page';
+}
+
+/**
+ * Event dispatched to add a new item to an array field.
+ *
+ * This event is used to dynamically add items to array fields at runtime.
+ * The array field component listens for this event and adds a new item
+ * based on the provided field template, or uses the array's own template if not provided.
+ *
+ * @example
+ * ```typescript
+ * // Add item using array's own template
+ * eventBus.dispatch(AddArrayItemEvent, 'contacts');
+ *
+ * // Add item with explicit field template
+ * const fieldTemplate = { key: 'email', type: 'input' };
+ * eventBus.dispatch(AddArrayItemEvent, 'contacts', fieldTemplate);
+ *
+ * // Add item at specific index
+ * eventBus.dispatch(AddArrayItemEvent, 'contacts', fieldTemplate, 2);
+ * ```
+ */
+class AddArrayItemEvent {
+    arrayKey;
+    field;
+    index;
+    type = 'add-array-item';
+    constructor(
+    /** The key of the array field to add an item to */
+    arrayKey, 
+    /**
+     * Optional field template definition to render for the new array item.
+     * If not provided, the array field component will use its own template.
+     */
+    field, 
+    /** Optional index where to insert the item (defaults to end of array) */
+    index) {
+        this.arrayKey = arrayKey;
+        this.field = field;
+        this.index = index;
+    }
+}
+
+/**
+ * Event dispatched to remove an item from an array field.
+ *
+ * This event is used to dynamically remove items from array fields at runtime.
+ * The array field component listens for this event and removes the item
+ * at the specified index.
+ *
+ * @example
+ * ```typescript
+ * // Remove item at index 1 from 'contacts' array
+ * eventBus.dispatch(RemoveArrayItemEvent, 'contacts', 1);
+ *
+ * // Remove last item
+ * eventBus.dispatch(RemoveArrayItemEvent, 'contacts');
+ * ```
+ */
+class RemoveArrayItemEvent {
+    arrayKey;
+    index;
+    type = 'remove-array-item';
+    constructor(
+    /** The key of the array field to remove an item from */
+    arrayKey, 
+    /** Index of the item to remove (defaults to last item) */
+    index) {
+        this.arrayKey = arrayKey;
+        this.index = index;
+    }
+}
+
+/**
+ * Event dispatched when the form should be reset to its default values.
+ *
+ * This event instructs the dynamic form component to restore all field values
+ * to their initial default values as defined in the form configuration.
+ *
+ * @example
+ * ```typescript
+ * // Dispatch from a button component
+ * eventBus.dispatch(FormResetEvent);
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Listen for reset events
+ * eventBus.on<FormResetEvent>('form-reset').subscribe(() => {
+ *   console.log('Form was reset to defaults');
+ * });
+ * ```
+ */
+class FormResetEvent {
+    type = 'form-reset';
+}
+
+/**
+ * Event dispatched when the form should be cleared.
+ *
+ * This event instructs the dynamic form component to clear all field values,
+ * resetting them to empty/undefined state regardless of their default values.
+ *
+ * @example
+ * ```typescript
+ * // Dispatch from a button component
+ * eventBus.dispatch(FormClearEvent);
+ * ```
+ *
+ * @example
+ * ```typescript
+ * // Listen for clear events
+ * eventBus.on<FormClearEvent>('form-clear').subscribe(() => {
+ *   console.log('Form was cleared');
+ * });
+ * ```
+ */
+class FormClearEvent {
+    type = 'form-clear';
+}
+
+class PageNavigationStateChangeEvent {
+    state;
+    type = 'page-navigation-state-change';
+    constructor(state) {
+        this.state = state;
+    }
+}
+
 /**
  * PageOrchestrator manages page navigation and visibility for paged forms.
  * It acts as an intermediary between the DynamicForm component and PageField components,
@@ -4994,7 +8031,6 @@ class PageOrchestratorComponent {
     eventBus = inject(EventBus);
     fieldContextRegistry = inject(FieldContextRegistryService);
     functionRegistry = inject(FunctionRegistryService);
-    logger = inject(DynamicFormLogger);
     /**
      * Array of page field definitions to render
      */
@@ -5269,8 +8305,8 @@ class PageOrchestratorComponent {
         }
         return false;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: PageOrchestratorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: PageOrchestratorComponent, isStandalone: true, selector: "div[page-orchestrator]", inputs: { pageFields: { classPropertyName: "pageFields", publicName: "pageFields", isSignal: true, isRequired: true, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, fieldSignalContext: { classPropertyName: "fieldSignalContext", publicName: "fieldSignalContext", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.data-current-page": "state().currentPageIndex", "attr.data-total-pages": "state().totalPages" }, classAttribute: "df-page-orchestrator" }, providers: [
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: PageOrchestratorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: PageOrchestratorComponent, isStandalone: true, selector: "div[page-orchestrator]", inputs: { pageFields: { classPropertyName: "pageFields", publicName: "pageFields", isSignal: true, isRequired: true, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: true, transformFunction: null }, fieldSignalContext: { classPropertyName: "fieldSignalContext", publicName: "fieldSignalContext", isSignal: true, isRequired: true, transformFunction: null } }, host: { properties: { "attr.data-current-page": "state().currentPageIndex", "attr.data-total-pages": "state().totalPages" }, classAttribute: "df-page-orchestrator" }, providers: [
             {
                 provide: FIELD_SIGNAL_CONTEXT,
                 useFactory: (orchestrator) => orchestrator.extendedFieldSignalContext(),
@@ -5300,9 +8336,9 @@ class PageOrchestratorComponent {
         }
       }
     }
-  `, isInline: true, styles: [":host{display:block;position:relative;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('./ng-forge-dynamic-forms-page-field.component-m35XgkkL.mjs').then(m => m.default)], () => [import('./ng-forge-dynamic-forms-page-field.component-m35XgkkL.mjs').then(m => m.default)]] });
+  `, isInline: true, styles: [":host{display:block;position:relative;width:100%}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, deferBlockDependencies: [() => [import('./ng-forge-dynamic-forms-page-field.component-CrO9WTDw.mjs').then(m => m.default)], () => [import('./ng-forge-dynamic-forms-page-field.component-CrO9WTDw.mjs').then(m => m.default)]] });
 }
-i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.0.8", ngImport: i0, type: PageOrchestratorComponent, resolveDeferredDeps: () => [import('./ng-forge-dynamic-forms-page-field.component-m35XgkkL.mjs').then(m => m.default)], resolveMetadata: PageFieldComponent => ({ decorators: [{
+i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.1.0", ngImport: i0, type: PageOrchestratorComponent, resolveDeferredDeps: () => [import('./ng-forge-dynamic-forms-page-field.component-CrO9WTDw.mjs').then(m => m.default)], resolveMetadata: PageFieldComponent => ({ decorators: [{
                 type: Component,
                 args: [{ selector: 'div[page-orchestrator]', imports: [PageFieldComponent], template: `
     @for (pageField of pageFields(); track pageField.key; let i = $index) {
@@ -5341,6 +8377,136 @@ i0.ɵɵngDeclareClassMetadataAsync({ minVersion: "18.0.0", version: "21.0.8", ng
                         ], changeDetection: ChangeDetectionStrategy.OnPush, styles: [":host{display:block;position:relative;width:100%}\n"] }]
             }], ctorParameters: () => [], propDecorators: { pageFields: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageFields", required: true }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: true }] }], fieldSignalContext: [{ type: i0.Input, args: [{ isSignal: true, alias: "fieldSignalContext", required: true }] }] } }) });
 
+/**
+ * Type guard to check if a value is a DynamicFormFeature
+ */
+function isDynamicFormFeature(value) {
+    return (typeof value === 'object' &&
+        value !== null &&
+        'ɵkind' in value &&
+        typeof value.ɵkind === 'string' &&
+        'ɵproviders' in value &&
+        Array.isArray(value.ɵproviders));
+}
+/**
+ * Helper to create a feature with proper typing
+ */
+function createFeature(kind, providers) {
+    return {
+        ɵkind: kind,
+        ɵproviders: providers,
+    };
+}
+
+/**
+ * Console-based logger implementation.
+ */
+class ConsoleLogger {
+    prefix = '[Dynamic Forms]';
+    debug(message, ...args) {
+        console.debug(this.prefix, message, ...args);
+    }
+    info(message, ...args) {
+        console.info(this.prefix, message, ...args);
+    }
+    warn(message, ...args) {
+        console.warn(this.prefix, message, ...args);
+    }
+    error(message, ...args) {
+        console.error(this.prefix, message, ...args);
+    }
+}
+
+/**
+ * No-operation logger implementation.
+ * All methods are no-ops - used in production by default.
+ */
+class NoopLogger {
+    debug() {
+        // Intentionally empty
+    }
+    info() {
+        // Intentionally empty
+    }
+    warn() {
+        // Intentionally empty
+    }
+    error() {
+        // Intentionally empty
+    }
+}
+
+/**
+ * Injection token for derivation logging configuration.
+ *
+ * @internal
+ */
+const DERIVATION_LOG_CONFIG = new InjectionToken('DERIVATION_LOG_CONFIG', {
+    providedIn: 'root',
+    factory: createDefaultDerivationLogConfig,
+});
+/**
+ * Configure logging for dynamic forms.
+ *
+ * By default, general logging is enabled (ConsoleLogger) and derivation
+ * logging is disabled ('none'). Use this feature to enable derivation debugging.
+ *
+ * @example
+ * ```typescript
+ * // Disable all logging
+ * provideDynamicForm(
+ *   ...withMaterialFields(),
+ *   withLoggerConfig(false)
+ * )
+ *
+ * // Enable verbose derivation logging
+ * provideDynamicForm(
+ *   ...withMaterialFields(),
+ *   withLoggerConfig({ derivations: 'verbose' })
+ * )
+ *
+ * // Disable derivation logging but keep general logging
+ * provideDynamicForm(
+ *   ...withMaterialFields(),
+ *   withLoggerConfig({ derivations: 'none' })
+ * )
+ *
+ * // Conditional logging (e.g., only in dev mode)
+ * provideDynamicForm(
+ *   ...withMaterialFields(),
+ *   withLoggerConfig(() => isDevMode())
+ * )
+ * ```
+ *
+ * @param config - Boolean to enable/disable logging, a function returning boolean, or a config object
+ * @returns A DynamicFormFeature that configures logging
+ *
+ * @public
+ */
+function withLoggerConfig(config = true) {
+    // Handle boolean or function
+    if (typeof config === 'boolean' || typeof config === 'function') {
+        const isEnabled = typeof config === 'function' ? config() : config;
+        const logger = isEnabled ? new ConsoleLogger() : new NoopLogger();
+        return createFeature('logger', [{ provide: DynamicFormLogger, useValue: logger }]);
+    }
+    // Handle config object
+    const isEnabled = config.enabled !== false;
+    const logger = isEnabled ? new ConsoleLogger() : new NoopLogger();
+    const providers = [{ provide: DynamicFormLogger, useValue: logger }];
+    // Add derivation log config if specified
+    if (config.derivations !== undefined) {
+        providers.push({
+            provide: DERIVATION_LOG_CONFIG,
+            useValue: { level: config.derivations },
+        });
+    }
+    return createFeature('logger', providers);
+}
+
+function derivationOrchestratorFactoryWrapper(dynamicForm) {
+    return createDerivationOrchestrator(dynamicForm.derivationOrchestratorConfig);
+}
 /**
  * Dynamic form component that renders a complete form based on configuration.
  *
@@ -5372,6 +8538,7 @@ class DynamicForm {
     functionRegistry = inject(FunctionRegistryService);
     schemaRegistry = inject(SchemaRegistryService);
     logger = inject(DynamicFormLogger);
+    derivationLogConfig = inject(DERIVATION_LOG_CONFIG);
     // ─────────────────────────────────────────────────────────────────────────────
     // Inputs
     // ─────────────────────────────────────────────────────────────────────────────
@@ -5462,22 +8629,28 @@ class DynamicForm {
         const inputOptions = this.formOptions();
         return { ...configOptions, ...inputOptions };
     }, ...(ngDevMode ? [{ debugName: "effectiveFormOptions" }] : []));
+    /**
+     * Computed derivation logger based on injected config.
+     *
+     * Uses factory pattern to return no-op logger when logging is disabled,
+     * avoiding any logging overhead in production.
+     */
+    derivationLogger = computed(() => {
+        return createDerivationLogger(this.derivationLogConfig, this.logger);
+    }, ...(ngDevMode ? [{ debugName: "derivationLogger" }] : []));
     fieldSignalContext = computed(() => ({
         injector: this.injector,
         value: this.value,
         defaultValues: this.defaultValues,
         form: this.form(),
-        defaultValidationMessages: this.config().defaultValidationMessages,
-        formOptions: this.effectiveFormOptions(),
     }), ...(ngDevMode ? [{ debugName: "fieldSignalContext" }] : []));
+    /**
+     * Injector for field components with FIELD_SIGNAL_CONTEXT.
+     * Other form-level tokens (DEFAULT_PROPS, etc.) are provided at component level.
+     */
     fieldInjector = computed(() => Injector.create({
         parent: this.injector,
-        providers: [
-            {
-                provide: FIELD_SIGNAL_CONTEXT,
-                useValue: this.fieldSignalContext(),
-            },
-        ],
+        providers: [{ provide: FIELD_SIGNAL_CONTEXT, useValue: this.fieldSignalContext() }],
     }), ...(ngDevMode ? [{ debugName: "fieldInjector" }] : []));
     defaultValues = linkedSignal(() => this.formSetup().defaultValues, ...(ngDevMode ? [{ debugName: "defaultValues" }] : []));
     entity = linkedSignal(() => {
@@ -5500,12 +8673,27 @@ class DynamicForm {
     form = computed(() => {
         return runInInjectionContext(this.injector, () => {
             const setup = this.formSetup();
+            const config = this.config();
             let formInstance;
             untracked(() => this.rootFormRegistry.registerFormValueSignal(this.entity));
-            if (setup.schemaFields && setup.schemaFields.length > 0) {
+            const hasFields = setup.schemaFields && setup.schemaFields.length > 0;
+            const hasFormSchema = config.schema !== undefined;
+            if (hasFields) {
                 const crossFieldCollection = collectCrossFieldEntries(setup.schemaFields);
-                const schema = createSchemaFromFields(setup.schemaFields, setup.registry, crossFieldCollection.validators);
-                formInstance = untracked(() => form(this.entity, schema));
+                // Create schema with both field-level and form-level validation
+                // Type assertion needed due to complex generic type inference between TModel and InferFormValue
+                const combinedSchema = createSchemaFromFields(setup.schemaFields, setup.registry, {
+                    crossFieldValidators: crossFieldCollection.validators,
+                    formLevelSchema: config.schema,
+                });
+                formInstance = untracked(() => form(this.entity, combinedSchema));
+            }
+            else if (hasFormSchema) {
+                // Only form-level schema (no fields with validation)
+                // Non-null assertion safe: hasFormSchema guarantees config.schema is defined
+                // Type assertion needed due to generic type inference
+                const formSchema = createFormLevelSchema(config.schema);
+                formInstance = untracked(() => form(this.entity, formSchema));
             }
             else {
                 formInstance = untracked(() => form(this.entity));
@@ -5551,6 +8739,18 @@ class DynamicForm {
     }, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
     /** Whether the form is currently submitting. */
     submitting = computed(() => this.form()().submitting(), ...(ngDevMode ? [{ debugName: "submitting" }] : []));
+    /**
+     * Configuration for the derivation orchestrator.
+     * Bundles the form-specific signals needed by the orchestrator.
+     *
+     * @internal Used by DERIVATION_ORCHESTRATOR provider.
+     */
+    derivationOrchestratorConfig = {
+        schemaFields: computed(() => this.formSetup().schemaFields),
+        formValue: this.formValue,
+        form: computed(() => this.form()),
+        derivationLogger: this.derivationLogger,
+    };
     // ─────────────────────────────────────────────────────────────────────────────
     // Initialization
     // ─────────────────────────────────────────────────────────────────────────────
@@ -5630,6 +8830,11 @@ class DynamicForm {
     constructor() {
         this.setupEffects();
         this.setupEventHandlers();
+        // Lazily inject the derivation orchestrator to avoid circular dependency.
+        // The orchestrator's constructor sets up RxJS subscriptions that process derivations.
+        afterNextRender(() => {
+            this.injector.get(DERIVATION_ORCHESTRATOR);
+        });
     }
     /**
      * Handles native form submission triggered by:
@@ -5707,6 +8912,10 @@ class DynamicForm {
                 this.functionRegistry.registerCustomFunction(name, fn);
             });
         }
+        // Register derivation functions (stored separately for use by derivation applicator)
+        if (customFnConfig.derivations) {
+            this.functionRegistry.setDerivationFunctions(customFnConfig.derivations);
+        }
         this.functionRegistry.setValidators(customFnConfig.validators);
         this.functionRegistry.setAsyncValidators(customFnConfig.asyncValidators);
         this.functionRegistry.setHttpValidators(customFnConfig.httpValidators);
@@ -5755,8 +8964,36 @@ class DynamicForm {
     ngOnDestroy() {
         this.rootFormRegistry.unregisterForm();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: DynamicForm, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: DynamicForm, isStandalone: true, selector: "form[dynamic-form]", inputs: { config: { classPropertyName: "config", publicName: "dynamic-form", isSignal: true, isRequired: true, transformFunction: null }, formOptions: { classPropertyName: "formOptions", publicName: "formOptions", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", validityChange: "validityChange", dirtyChange: "dirtyChange", submitted: "submitted", reset: "reset", cleared: "cleared", events: "events", initialized: "initialized", onPageChange: "onPageChange", onPageNavigationStateChange: "onPageNavigationStateChange" }, host: { attributes: { "novalidate": "" }, listeners: { "submit": "onNativeSubmit($event)" }, properties: { "class.disabled": "disabled()", "class.df-form-paged": "formModeDetection().mode === \"paged\"", "class.df-form-non-paged": "formModeDetection().mode === \"non-paged\"", "attr.data-form-mode": "formModeDetection().mode" }, classAttribute: "df-dynamic-form df-form" }, providers: [EventBus, SchemaRegistryService, FunctionRegistryService, RootFormRegistryService, FieldContextRegistryService], ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicForm, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: DynamicForm, isStandalone: true, selector: "form[dynamic-form]", inputs: { config: { classPropertyName: "config", publicName: "dynamic-form", isSignal: true, isRequired: true, transformFunction: null }, formOptions: { classPropertyName: "formOptions", publicName: "formOptions", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", validityChange: "validityChange", dirtyChange: "dirtyChange", submitted: "submitted", reset: "reset", cleared: "cleared", events: "events", initialized: "initialized", onPageChange: "onPageChange", onPageNavigationStateChange: "onPageNavigationStateChange" }, host: { attributes: { "novalidate": "" }, listeners: { "submit": "onNativeSubmit($event)" }, properties: { "class.disabled": "disabled()", "class.df-form-paged": "formModeDetection().mode === \"paged\"", "class.df-form-non-paged": "formModeDetection().mode === \"non-paged\"", "attr.data-form-mode": "formModeDetection().mode" }, classAttribute: "df-dynamic-form df-form" }, providers: [
+            EventBus,
+            SchemaRegistryService,
+            FunctionRegistryService,
+            RootFormRegistryService,
+            FieldContextRegistryService,
+            // Form-level config tokens provided via useFactory to enable reactive updates
+            {
+                provide: DEFAULT_PROPS,
+                useFactory: (form) => computed(() => form.config().defaultProps),
+                deps: [DynamicForm],
+            },
+            {
+                provide: DEFAULT_VALIDATION_MESSAGES,
+                useFactory: (form) => computed(() => form.config().defaultValidationMessages),
+                deps: [DynamicForm],
+            },
+            {
+                provide: FORM_OPTIONS,
+                useFactory: (form) => form.effectiveFormOptions,
+                deps: [DynamicForm],
+            },
+            { provide: DERIVATION_WARNING_TRACKER, useFactory: createDerivationWarningTracker },
+            {
+                provide: DERIVATION_ORCHESTRATOR,
+                useFactory: derivationOrchestratorFactoryWrapper,
+                deps: [DynamicForm],
+            },
+        ], ngImport: i0, template: `
     @if (formModeDetection().mode === 'paged') {
       <div page-orchestrator [pageFields]="pageFieldDefinitions()" [form]="form()" [fieldSignalContext]="fieldSignalContext()"></div>
     } @else {
@@ -5766,7 +9003,7 @@ class DynamicForm {
     }
   `, isInline: true, styles: [":host,.df-form{--df-grid-columns: 12;--df-grid-gap: .5rem;--df-grid-row-gap: .5rem;--df-breakpoint-sm: 576px;--df-breakpoint-md: 768px;--df-breakpoint-lg: 992px;--df-breakpoint-xl: 1200px;--df-grid-gap-sm: .5rem;--df-grid-gap-md: .5rem;--df-grid-gap-lg: .5rem;--df-grid-gap-xl: .5rem;--df-grid-row-gap-sm: .5rem;--df-grid-row-gap-md: .5rem;--df-grid-row-gap-lg: .5rem;--df-grid-row-gap-xl: .5rem;--df-group-gap: var(--df-grid-gap);--df-group-padding: var(--df-grid-gap)}.df-form{display:grid;grid-template-columns:1fr;gap:var(--df-grid-row-gap);width:100%}.df-form>*{grid-column:1/-1}.df-row{display:grid;grid-template-columns:repeat(var(--df-grid-columns, 12),1fr);gap:var(--df-grid-gap);align-items:start;width:100%}.df-row>*:not([class*=df-col-]){grid-column:1/-1}.df-col-1{grid-column:span 1}.df-col-2{grid-column:span 2}.df-col-3{grid-column:span 3}.df-col-4{grid-column:span 4}.df-col-5{grid-column:span 5}.df-col-6{grid-column:span 6}.df-col-7{grid-column:span 7}.df-col-8{grid-column:span 8}.df-col-9{grid-column:span 9}.df-col-10{grid-column:span 10}.df-col-11{grid-column:span 11}.df-col-12{grid-column:span 12}.df-col-auto{grid-column:span auto;width:auto}.df-col-full{grid-column:1/-1}.df-col-start-1{grid-column-start:1}.df-col-start-2{grid-column-start:2}.df-col-start-3{grid-column-start:3}.df-col-start-4{grid-column-start:4}.df-col-start-5{grid-column-start:5}.df-col-start-6{grid-column-start:6}.df-col-start-7{grid-column-start:7}.df-col-start-8{grid-column-start:8}.df-col-start-9{grid-column-start:9}.df-col-start-10{grid-column-start:10}.df-col-start-11{grid-column-start:11}.df-col-start-12{grid-column-start:12}.df-col-end-1{grid-column-end:1}.df-col-end-2{grid-column-end:2}.df-col-end-3{grid-column-end:3}.df-col-end-4{grid-column-end:4}.df-col-end-5{grid-column-end:5}.df-col-end-6{grid-column-end:6}.df-col-end-7{grid-column-end:7}.df-col-end-8{grid-column-end:8}.df-col-end-9{grid-column-end:9}.df-col-end-10{grid-column-end:10}.df-col-end-11{grid-column-end:11}.df-col-end-12{grid-column-end:12}.df-col-end-13{grid-column-end:13}@media(max-width:576px){.df-form{--df-grid-gap: var(--df-grid-gap-sm);--df-grid-row-gap: var(--df-grid-row-gap-sm)}.df-row{grid-template-columns:1fr}.df-row>*{grid-column:1/-1!important}.df-row.df-row-mobile-keep-cols{grid-template-columns:repeat(var(--df-grid-columns),1fr)}.df-row.df-row-mobile-keep-cols>*{grid-column:revert!important}}@media(min-width:577px)and (max-width:768px){.df-form{--df-grid-gap: var(--df-grid-gap-md);--df-grid-row-gap: var(--df-grid-row-gap-md)}.df-row{--df-grid-columns: 6}.df-col-sm-1{grid-column:span 1}.df-col-sm-2{grid-column:span 2}.df-col-sm-3{grid-column:span 3}.df-col-sm-4{grid-column:span 4}.df-col-sm-5{grid-column:span 5}.df-col-sm-6{grid-column:span 6}.df-col-sm-full{grid-column:1/-1}}@media(min-width:769px)and (max-width:992px){.df-form{--df-grid-gap: var(--df-grid-gap-lg);--df-grid-row-gap: var(--df-grid-row-gap-lg)}.df-col-md-1{grid-column:span 1}.df-col-md-2{grid-column:span 2}.df-col-md-3{grid-column:span 3}.df-col-md-4{grid-column:span 4}.df-col-md-5{grid-column:span 5}.df-col-md-6{grid-column:span 6}.df-col-md-7{grid-column:span 7}.df-col-md-8{grid-column:span 8}.df-col-md-9{grid-column:span 9}.df-col-md-10{grid-column:span 10}.df-col-md-11{grid-column:span 11}.df-col-md-12{grid-column:span 12}.df-col-md-full{grid-column:1/-1}}@media(min-width:993px){.df-form{--df-grid-gap: var(--df-grid-gap-xl);--df-grid-row-gap: var(--df-grid-row-gap-xl)}.df-col-lg-1{grid-column:span 1}.df-col-lg-2{grid-column:span 2}.df-col-lg-3{grid-column:span 3}.df-col-lg-4{grid-column:span 4}.df-col-lg-5{grid-column:span 5}.df-col-lg-6{grid-column:span 6}.df-col-lg-7{grid-column:span 7}.df-col-lg-8{grid-column:span 8}.df-col-lg-9{grid-column:span 9}.df-col-lg-10{grid-column:span 10}.df-col-lg-11{grid-column:span 11}.df-col-lg-12{grid-column:span 12}.df-col-lg-full{grid-column:1/-1}}.df-gap-none{--df-grid-gap: 0}.df-gap-xs{--df-grid-gap: .25rem}.df-gap-sm{--df-grid-gap: .5rem}.df-gap-md{--df-grid-gap: 1rem}.df-gap-lg{--df-grid-gap: 1.5rem}.df-gap-xl{--df-grid-gap: 2rem}.df-row-gap-none{--df-grid-row-gap: 0}.df-row-gap-xs{--df-grid-row-gap: .25rem}.df-row-gap-sm{--df-grid-row-gap: .5rem}.df-row-gap-md{--df-grid-row-gap: 1rem}.df-row-gap-lg{--df-grid-row-gap: 1.5rem}.df-row-gap-xl{--df-grid-row-gap: 2rem}.df-field{display:block;width:100%;min-width:0;overflow:hidden;margin:0}.df-group,.df-page{display:block;width:100%}.df-form.disabled,.df-row.disabled,.df-field.disabled{opacity:.6;pointer-events:none}.df-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.df-sr-only-focusable:focus,.df-sr-only-focusable:active{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}.df-live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.df-form :focus-visible{outline:2px solid var(--df-focus-color, #005fcc);outline-offset:2px}.df-group:focus-within{outline:1px dashed var(--df-focus-color, #005fcc);outline-offset:4px}:host{display:grid;grid-template-columns:1fr;gap:var(--df-grid-row-gap);width:100%}:host>*{grid-column:1/-1}:host.df-form-spacing-custom{--df-grid-row-gap: var(--form-custom-spacing, 1.5rem)}:host.df-form-gap-none{--df-grid-row-gap: 0}:host.df-form-gap-xs{--df-grid-row-gap: .25rem}:host.df-form-gap-sm{--df-grid-row-gap: .5rem}:host.df-form-gap-md{--df-grid-row-gap: 1rem}:host.df-form-gap-lg{--df-grid-row-gap: 1.5rem}:host.df-form-gap-xl{--df-grid-row-gap: 2rem}:host.df-form-paged{--df-grid-row-gap: 0}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "component", type: PageOrchestratorComponent, selector: "div[page-orchestrator]", inputs: ["pageFields", "form", "fieldSignalContext"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: DynamicForm, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicForm, decorators: [{
             type: Component,
             args: [{ selector: 'form[dynamic-form]', imports: [NgComponentOutlet, PageOrchestratorComponent], template: `
     @if (formModeDetection().mode === 'paged') {
@@ -5776,7 +9013,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImpor
         <ng-container *ngComponentOutlet="field.component; injector: field.injector; inputs: field.inputs()" />
       }
     }
-  `, providers: [EventBus, SchemaRegistryService, FunctionRegistryService, RootFormRegistryService, FieldContextRegistryService], host: {
+  `, providers: [
+                        EventBus,
+                        SchemaRegistryService,
+                        FunctionRegistryService,
+                        RootFormRegistryService,
+                        FieldContextRegistryService,
+                        // Form-level config tokens provided via useFactory to enable reactive updates
+                        {
+                            provide: DEFAULT_PROPS,
+                            useFactory: (form) => computed(() => form.config().defaultProps),
+                            deps: [DynamicForm],
+                        },
+                        {
+                            provide: DEFAULT_VALIDATION_MESSAGES,
+                            useFactory: (form) => computed(() => form.config().defaultValidationMessages),
+                            deps: [DynamicForm],
+                        },
+                        {
+                            provide: FORM_OPTIONS,
+                            useFactory: (form) => form.effectiveFormOptions,
+                            deps: [DynamicForm],
+                        },
+                        { provide: DERIVATION_WARNING_TRACKER, useFactory: createDerivationWarningTracker },
+                        {
+                            provide: DERIVATION_ORCHESTRATOR,
+                            useFactory: derivationOrchestratorFactoryWrapper,
+                            deps: [DynamicForm],
+                        },
+                    ], host: {
                         class: 'df-dynamic-form df-form',
                         novalidate: '', // Disable browser validation - Angular Signal Forms handles validation
                         '[class.disabled]': 'disabled()',
@@ -5878,12 +9143,12 @@ function pageFieldMapper(fieldDef) {
 function textFieldMapper(fieldDef) {
     const fieldContextRegistry = inject(FieldContextRegistryService);
     const functionRegistry = inject(FunctionRegistryService);
-    // Build base inputs (static, from field definition)
-    const baseInputs = buildBaseInputs(fieldDef);
+    const defaultProps = inject(DEFAULT_PROPS);
     // Create computed signal for hidden state based on logic configuration
     const hiddenLogic = fieldDef.logic?.filter((l) => l.type === 'hidden') ?? [];
     // Return computed signal for reactive updates
     return computed(() => {
+        const baseInputs = buildBaseInputs(fieldDef, defaultProps());
         const inputs = { ...baseInputs };
         // Evaluate hidden logic if present
         if (hiddenLogic.length > 0) {
@@ -5960,13 +9225,13 @@ const BUILT_IN_FIELDS = [
     },
     {
         name: 'page',
-        loadComponent: () => import('./ng-forge-dynamic-forms-page-field.component-m35XgkkL.mjs'),
+        loadComponent: () => import('./ng-forge-dynamic-forms-page-field.component-CrO9WTDw.mjs'),
         mapper: pageFieldMapper,
         valueHandling: 'flatten',
     },
     {
         name: 'text',
-        loadComponent: () => import('./ng-forge-dynamic-forms-text-field.component-CfDZFTyf.mjs'),
+        loadComponent: () => import('./ng-forge-dynamic-forms-text-field.component-BcFx_kOz.mjs'),
         mapper: textFieldMapper,
         valueHandling: 'exclude',
     },
@@ -5977,46 +9242,6 @@ const BUILT_IN_FIELDS = [
     },
 ];
 
-/**
- * Type guard to check if a value is a DynamicFormFeature
- */
-function isDynamicFormFeature(value) {
-    return (typeof value === 'object' &&
-        value !== null &&
-        'ɵkind' in value &&
-        typeof value.ɵkind === 'string' &&
-        'ɵproviders' in value &&
-        Array.isArray(value.ɵproviders));
-}
-/**
- * Helper to create a feature with proper typing
- */
-function createFeature(kind, providers) {
-    return {
-        ɵkind: kind,
-        ɵproviders: providers,
-    };
-}
-
-/**
- * Console-based logger implementation.
- */
-class ConsoleLogger {
-    prefix = '[Dynamic Forms]';
-    debug(message, ...args) {
-        console.debug(this.prefix, message, ...args);
-    }
-    info(message, ...args) {
-        console.info(this.prefix, message, ...args);
-    }
-    warn(message, ...args) {
-        console.warn(this.prefix, message, ...args);
-    }
-    error(message, ...args) {
-        console.error(this.prefix, message, ...args);
-    }
-}
-
 /**
  * Provider function to configure the dynamic form system with field types and options.
  *
@@ -6110,55 +9335,6 @@ function provideDynamicForm(...items) {
     ]);
 }
 
-/**
- * No-operation logger implementation.
- * All methods are no-ops - used in production by default.
- */
-class NoopLogger {
-    debug() {
-        // Intentionally empty
-    }
-    info() {
-        // Intentionally empty
-    }
-    warn() {
-        // Intentionally empty
-    }
-    error() {
-        // Intentionally empty
-    }
-}
-
-/**
- * Configure logging for dynamic forms.
- *
- * By default, logging is enabled (ConsoleLogger). Use this feature to disable logging
- * or configure it conditionally.
- *
- * @example
- * ```typescript
- * // Disable logging
- * provideDynamicForm(
- *   ...withMaterialFields(),
- *   withLoggerConfig(false)
- * )
- *
- * // Conditional logging (e.g., only in dev mode)
- * provideDynamicForm(
- *   ...withMaterialFields(),
- *   withLoggerConfig(() => isDevMode())
- * )
- * ```
- *
- * @param enabled - Whether logging is enabled. Can be a boolean or a function that returns a boolean. Defaults to true.
- * @returns A DynamicFormFeature that configures logging
- */
-function withLoggerConfig(enabled = true) {
-    const isEnabled = typeof enabled === 'function' ? enabled() : enabled;
-    const logger = isEnabled ? new ConsoleLogger() : new NoopLogger();
-    return createFeature('logger', [{ provide: DynamicFormLogger, useValue: logger }]);
-}
-
 /**
  * No-op logger for when no logger is provided.
  * Used as fallback in button logic evaluation to avoid breaking downstream packages.
@@ -6414,6 +9590,62 @@ function resolveTokens(args, context) {
     });
 }
 
+/**
+ * Type-safe form config builder that ensures schema matches field structure.
+ *
+ * This helper function provides type safety when using form-level schemas by
+ * automatically inferring the form value type from fields and constraining
+ * the schema type parameter accordingly.
+ *
+ * **When to use:**
+ * - When you have a form-level `schema` and want type safety between fields and schema
+ * - When you prefer function syntax over `as const satisfies FormConfig`
+ *
+ * **Note:** This is optional. Users who don't need schema type safety can
+ * continue using `as const satisfies FormConfig` directly.
+ *
+ * @typeParam TFields - The field definitions array (narrowed via `as const`)
+ * @typeParam TProps - Optional form-level default props type
+ *
+ * @param config - The form configuration object
+ * @returns The same configuration with proper type inference
+ *
+ * @example Basic usage with Zod schema
+ * ```typescript
+ * import { z } from 'zod';
+ * import { formConfig } from '@ng-forge/dynamic-forms';
+ * import { standardSchema } from '@ng-forge/dynamic-forms/schema';
+ *
+ * const passwordSchema = z.object({
+ *   password: z.string().min(8),
+ *   confirmPassword: z.string(),
+ * }).refine(
+ *   (data) => data.password === data.confirmPassword,
+ *   { message: 'Passwords must match', path: ['confirmPassword'] }
+ * );
+ *
+ * const config = formConfig({
+ *   schema: standardSchema(passwordSchema),
+ *   fields: [
+ *     { key: 'password', type: 'input', label: 'Password', required: true, props: { type: 'password' } },
+ *     { key: 'confirmPassword', type: 'input', label: 'Confirm', required: true, props: { type: 'password' } },
+ *     { key: 'submit', type: 'submit', label: 'Register' },
+ *   ] as const,
+ * });
+ * ```
+ *
+ * @example Equivalent without helper
+ * ```typescript
+ * const config = {
+ *   schema: standardSchema(passwordSchema),
+ *   fields: [...],
+ * } as const satisfies FormConfig;
+ * ```
+ */
+function formConfig(config) {
+    return config;
+}
+
 /**
  * Converts DynamicText (string | Observable | Signal) to Observable<string>
  * Unifies all three types into a consistent Observable stream
@@ -6520,10 +9752,10 @@ class DynamicTextPipe {
         }
         return of(value || '');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: DynamicTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
-    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.0.8", ngImport: i0, type: DynamicTextPipe, isStandalone: true, name: "dynamicText" });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicTextPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
+    static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.1.0", ngImport: i0, type: DynamicTextPipe, isStandalone: true, name: "dynamicText" });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: DynamicTextPipe, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: DynamicTextPipe, decorators: [{
             type: Pipe,
             args: [{
                     name: 'dynamicText',
@@ -6632,14 +9864,14 @@ class RowFieldComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: RowFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: RowFieldComponent, isStandalone: true, selector: "div[row-field]", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: true, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "class.disabled": "disabled()", "id": "`${key()}`", "attr.data-testid": "key()" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: RowFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: RowFieldComponent, isStandalone: true, selector: "div[row-field]", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: true, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "class.disabled": "disabled()", "id": "`${key()}`", "attr.data-testid": "key()" } }, ngImport: i0, template: `
     @for (field of resolvedFields(); track field.key) {
       <ng-container *ngComponentOutlet="field.component; injector: field.injector; inputs: field.inputs()" />
     }
   `, isInline: true, styles: [":host,.df-form{--df-grid-columns: 12;--df-grid-gap: .5rem;--df-grid-row-gap: .5rem;--df-breakpoint-sm: 576px;--df-breakpoint-md: 768px;--df-breakpoint-lg: 992px;--df-breakpoint-xl: 1200px;--df-grid-gap-sm: .5rem;--df-grid-gap-md: .5rem;--df-grid-gap-lg: .5rem;--df-grid-gap-xl: .5rem;--df-grid-row-gap-sm: .5rem;--df-grid-row-gap-md: .5rem;--df-grid-row-gap-lg: .5rem;--df-grid-row-gap-xl: .5rem;--df-group-gap: var(--df-grid-gap);--df-group-padding: var(--df-grid-gap)}.df-form{display:grid;grid-template-columns:1fr;gap:var(--df-grid-row-gap);width:100%}.df-form>*{grid-column:1/-1}.df-row{display:grid;grid-template-columns:repeat(var(--df-grid-columns, 12),1fr);gap:var(--df-grid-gap);align-items:start;width:100%}.df-row>*:not([class*=df-col-]){grid-column:1/-1}.df-col-1{grid-column:span 1}.df-col-2{grid-column:span 2}.df-col-3{grid-column:span 3}.df-col-4{grid-column:span 4}.df-col-5{grid-column:span 5}.df-col-6{grid-column:span 6}.df-col-7{grid-column:span 7}.df-col-8{grid-column:span 8}.df-col-9{grid-column:span 9}.df-col-10{grid-column:span 10}.df-col-11{grid-column:span 11}.df-col-12{grid-column:span 12}.df-col-auto{grid-column:span auto;width:auto}.df-col-full{grid-column:1/-1}.df-col-start-1{grid-column-start:1}.df-col-start-2{grid-column-start:2}.df-col-start-3{grid-column-start:3}.df-col-start-4{grid-column-start:4}.df-col-start-5{grid-column-start:5}.df-col-start-6{grid-column-start:6}.df-col-start-7{grid-column-start:7}.df-col-start-8{grid-column-start:8}.df-col-start-9{grid-column-start:9}.df-col-start-10{grid-column-start:10}.df-col-start-11{grid-column-start:11}.df-col-start-12{grid-column-start:12}.df-col-end-1{grid-column-end:1}.df-col-end-2{grid-column-end:2}.df-col-end-3{grid-column-end:3}.df-col-end-4{grid-column-end:4}.df-col-end-5{grid-column-end:5}.df-col-end-6{grid-column-end:6}.df-col-end-7{grid-column-end:7}.df-col-end-8{grid-column-end:8}.df-col-end-9{grid-column-end:9}.df-col-end-10{grid-column-end:10}.df-col-end-11{grid-column-end:11}.df-col-end-12{grid-column-end:12}.df-col-end-13{grid-column-end:13}@media(max-width:576px){.df-form{--df-grid-gap: var(--df-grid-gap-sm);--df-grid-row-gap: var(--df-grid-row-gap-sm)}.df-row{grid-template-columns:1fr}.df-row>*{grid-column:1/-1!important}.df-row.df-row-mobile-keep-cols{grid-template-columns:repeat(var(--df-grid-columns),1fr)}.df-row.df-row-mobile-keep-cols>*{grid-column:revert!important}}@media(min-width:577px)and (max-width:768px){.df-form{--df-grid-gap: var(--df-grid-gap-md);--df-grid-row-gap: var(--df-grid-row-gap-md)}.df-row{--df-grid-columns: 6}.df-col-sm-1{grid-column:span 1}.df-col-sm-2{grid-column:span 2}.df-col-sm-3{grid-column:span 3}.df-col-sm-4{grid-column:span 4}.df-col-sm-5{grid-column:span 5}.df-col-sm-6{grid-column:span 6}.df-col-sm-full{grid-column:1/-1}}@media(min-width:769px)and (max-width:992px){.df-form{--df-grid-gap: var(--df-grid-gap-lg);--df-grid-row-gap: var(--df-grid-row-gap-lg)}.df-col-md-1{grid-column:span 1}.df-col-md-2{grid-column:span 2}.df-col-md-3{grid-column:span 3}.df-col-md-4{grid-column:span 4}.df-col-md-5{grid-column:span 5}.df-col-md-6{grid-column:span 6}.df-col-md-7{grid-column:span 7}.df-col-md-8{grid-column:span 8}.df-col-md-9{grid-column:span 9}.df-col-md-10{grid-column:span 10}.df-col-md-11{grid-column:span 11}.df-col-md-12{grid-column:span 12}.df-col-md-full{grid-column:1/-1}}@media(min-width:993px){.df-form{--df-grid-gap: var(--df-grid-gap-xl);--df-grid-row-gap: var(--df-grid-row-gap-xl)}.df-col-lg-1{grid-column:span 1}.df-col-lg-2{grid-column:span 2}.df-col-lg-3{grid-column:span 3}.df-col-lg-4{grid-column:span 4}.df-col-lg-5{grid-column:span 5}.df-col-lg-6{grid-column:span 6}.df-col-lg-7{grid-column:span 7}.df-col-lg-8{grid-column:span 8}.df-col-lg-9{grid-column:span 9}.df-col-lg-10{grid-column:span 10}.df-col-lg-11{grid-column:span 11}.df-col-lg-12{grid-column:span 12}.df-col-lg-full{grid-column:1/-1}}.df-gap-none{--df-grid-gap: 0}.df-gap-xs{--df-grid-gap: .25rem}.df-gap-sm{--df-grid-gap: .5rem}.df-gap-md{--df-grid-gap: 1rem}.df-gap-lg{--df-grid-gap: 1.5rem}.df-gap-xl{--df-grid-gap: 2rem}.df-row-gap-none{--df-grid-row-gap: 0}.df-row-gap-xs{--df-grid-row-gap: .25rem}.df-row-gap-sm{--df-grid-row-gap: .5rem}.df-row-gap-md{--df-grid-row-gap: 1rem}.df-row-gap-lg{--df-grid-row-gap: 1.5rem}.df-row-gap-xl{--df-grid-row-gap: 2rem}.df-field{display:block;width:100%;min-width:0;overflow:hidden;margin:0}.df-group,.df-page{display:block;width:100%}.df-form.disabled,.df-row.disabled,.df-field.disabled{opacity:.6;pointer-events:none}.df-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.df-sr-only-focusable:focus,.df-sr-only-focusable:active{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}.df-live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.df-form :focus-visible{outline:2px solid var(--df-focus-color, #005fcc);outline-offset:2px}.df-group:focus-within{outline:1px dashed var(--df-focus-color, #005fcc);outline-offset:4px}:host{display:flex;flex-wrap:wrap;gap:var(--df-grid-gap);align-items:flex-start;width:100%}:host ::ng-deep>*:not([class*=df-col-]){flex:0 0 auto}:host ::ng-deep>.df-col-1{flex:0 0 calc(8.3333333333% - var(--df-grid-gap) * .9166666667);max-width:calc(8.3333333333% - var(--df-grid-gap) * .9166666667)}:host ::ng-deep>.df-col-2{flex:0 0 calc(16.6666666667% - var(--df-grid-gap) * .8333333333);max-width:calc(16.6666666667% - var(--df-grid-gap) * .8333333333)}:host ::ng-deep>.df-col-3{flex:0 0 calc(25% - var(--df-grid-gap) * .75);max-width:calc(25% - var(--df-grid-gap) * .75)}:host ::ng-deep>.df-col-4{flex:0 0 calc(33.3333333333% - var(--df-grid-gap) * .6666666667);max-width:calc(33.3333333333% - var(--df-grid-gap) * .6666666667)}:host ::ng-deep>.df-col-5{flex:0 0 calc(41.6666666667% - var(--df-grid-gap) * .5833333333);max-width:calc(41.6666666667% - var(--df-grid-gap) * .5833333333)}:host ::ng-deep>.df-col-6{flex:0 0 calc(50% - var(--df-grid-gap) * .5);max-width:calc(50% - var(--df-grid-gap) * .5)}:host ::ng-deep>.df-col-7{flex:0 0 calc(58.3333333333% - var(--df-grid-gap) * .4166666667);max-width:calc(58.3333333333% - var(--df-grid-gap) * .4166666667)}:host ::ng-deep>.df-col-8{flex:0 0 calc(66.6666666667% - var(--df-grid-gap) * .3333333333);max-width:calc(66.6666666667% - var(--df-grid-gap) * .3333333333)}:host ::ng-deep>.df-col-9{flex:0 0 calc(75% - var(--df-grid-gap) * .25);max-width:calc(75% - var(--df-grid-gap) * .25)}:host ::ng-deep>.df-col-10{flex:0 0 calc(83.3333333333% - var(--df-grid-gap) * .1666666667);max-width:calc(83.3333333333% - var(--df-grid-gap) * .1666666667)}:host ::ng-deep>.df-col-11{flex:0 0 calc(91.6666666667% - var(--df-grid-gap) * .0833333333);max-width:calc(91.6666666667% - var(--df-grid-gap) * .0833333333)}:host ::ng-deep>.df-col-12{flex:0 0 calc(100% - var(--df-grid-gap) * 0);max-width:calc(100% - var(--df-grid-gap) * 0)}:host.df-gap-custom{--df-grid-gap: var(--row-custom-gap, 1rem)}@media(max-width:576px){:host.df-row-mobile-stack{flex-direction:column}:host.df-row-mobile-stack ::ng-deep>*{flex:0 0 100%!important;max-width:100%!important}}@media(min-width:577px)and (max-width:768px){:host.df-row-tablet-2col ::ng-deep>*{flex:0 0 calc(50% - var(--df-grid-gap) / 2);max-width:calc(50% - var(--df-grid-gap) / 2)}}@media(max-width:576px){:host{flex-direction:column}:host ::ng-deep>*{flex:0 0 100%!important;max-width:100%!important}:host.df-row-mobile-keep-cols{flex-direction:row}:host.df-row-mobile-keep-cols ::ng-deep>*:not([class*=df-col-]){flex:0 0 auto!important;max-width:none!important}}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: RowFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: RowFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'div[row-field]', imports: [NgComponentOutlet], template: `
     @for (field of resolvedFields(); track field.key) {
@@ -6770,7 +10002,6 @@ class GroupFieldComponent {
             value: this.parentFieldSignalContext.value,
             defaultValues: this.defaultValues,
             form: this.nestedFieldTree(),
-            defaultValidationMessages: this.parentFieldSignalContext.defaultValidationMessages,
         };
         return Injector.create({
             parent: this.injector,
@@ -6815,14 +10046,14 @@ class GroupFieldComponent {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: GroupFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: GroupFieldComponent, isStandalone: true, selector: "fieldset[group-field]", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: true, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { validityChange: "validityChange", dirtyChange: "dirtyChange", submitted: "submitted" }, host: { attributes: { "role": "group" }, properties: { "class": "hostClasses()", "class.disabled": "disabled()", "id": "`${key()}`", "attr.data-testid": "key()" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: GroupFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: GroupFieldComponent, isStandalone: true, selector: "fieldset[group-field]", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: true, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { validityChange: "validityChange", dirtyChange: "dirtyChange", submitted: "submitted" }, host: { attributes: { "role": "group" }, properties: { "class": "hostClasses()", "class.disabled": "disabled()", "id": "`${key()}`", "attr.data-testid": "key()" } }, ngImport: i0, template: `
     @for (field of resolvedFields(); track field.key) {
       <ng-container *ngComponentOutlet="field.component; injector: field.injector; inputs: field.inputs()" />
     }
   `, isInline: true, styles: [":host,.df-form{--df-grid-columns: 12;--df-grid-gap: .5rem;--df-grid-row-gap: .5rem;--df-breakpoint-sm: 576px;--df-breakpoint-md: 768px;--df-breakpoint-lg: 992px;--df-breakpoint-xl: 1200px;--df-grid-gap-sm: .5rem;--df-grid-gap-md: .5rem;--df-grid-gap-lg: .5rem;--df-grid-gap-xl: .5rem;--df-grid-row-gap-sm: .5rem;--df-grid-row-gap-md: .5rem;--df-grid-row-gap-lg: .5rem;--df-grid-row-gap-xl: .5rem;--df-group-gap: var(--df-grid-gap);--df-group-padding: var(--df-grid-gap)}.df-form{display:grid;grid-template-columns:1fr;gap:var(--df-grid-row-gap);width:100%}.df-form>*{grid-column:1/-1}.df-row{display:grid;grid-template-columns:repeat(var(--df-grid-columns, 12),1fr);gap:var(--df-grid-gap);align-items:start;width:100%}.df-row>*:not([class*=df-col-]){grid-column:1/-1}.df-col-1{grid-column:span 1}.df-col-2{grid-column:span 2}.df-col-3{grid-column:span 3}.df-col-4{grid-column:span 4}.df-col-5{grid-column:span 5}.df-col-6{grid-column:span 6}.df-col-7{grid-column:span 7}.df-col-8{grid-column:span 8}.df-col-9{grid-column:span 9}.df-col-10{grid-column:span 10}.df-col-11{grid-column:span 11}.df-col-12{grid-column:span 12}.df-col-auto{grid-column:span auto;width:auto}.df-col-full{grid-column:1/-1}.df-col-start-1{grid-column-start:1}.df-col-start-2{grid-column-start:2}.df-col-start-3{grid-column-start:3}.df-col-start-4{grid-column-start:4}.df-col-start-5{grid-column-start:5}.df-col-start-6{grid-column-start:6}.df-col-start-7{grid-column-start:7}.df-col-start-8{grid-column-start:8}.df-col-start-9{grid-column-start:9}.df-col-start-10{grid-column-start:10}.df-col-start-11{grid-column-start:11}.df-col-start-12{grid-column-start:12}.df-col-end-1{grid-column-end:1}.df-col-end-2{grid-column-end:2}.df-col-end-3{grid-column-end:3}.df-col-end-4{grid-column-end:4}.df-col-end-5{grid-column-end:5}.df-col-end-6{grid-column-end:6}.df-col-end-7{grid-column-end:7}.df-col-end-8{grid-column-end:8}.df-col-end-9{grid-column-end:9}.df-col-end-10{grid-column-end:10}.df-col-end-11{grid-column-end:11}.df-col-end-12{grid-column-end:12}.df-col-end-13{grid-column-end:13}@media(max-width:576px){.df-form{--df-grid-gap: var(--df-grid-gap-sm);--df-grid-row-gap: var(--df-grid-row-gap-sm)}.df-row{grid-template-columns:1fr}.df-row>*{grid-column:1/-1!important}.df-row.df-row-mobile-keep-cols{grid-template-columns:repeat(var(--df-grid-columns),1fr)}.df-row.df-row-mobile-keep-cols>*{grid-column:revert!important}}@media(min-width:577px)and (max-width:768px){.df-form{--df-grid-gap: var(--df-grid-gap-md);--df-grid-row-gap: var(--df-grid-row-gap-md)}.df-row{--df-grid-columns: 6}.df-col-sm-1{grid-column:span 1}.df-col-sm-2{grid-column:span 2}.df-col-sm-3{grid-column:span 3}.df-col-sm-4{grid-column:span 4}.df-col-sm-5{grid-column:span 5}.df-col-sm-6{grid-column:span 6}.df-col-sm-full{grid-column:1/-1}}@media(min-width:769px)and (max-width:992px){.df-form{--df-grid-gap: var(--df-grid-gap-lg);--df-grid-row-gap: var(--df-grid-row-gap-lg)}.df-col-md-1{grid-column:span 1}.df-col-md-2{grid-column:span 2}.df-col-md-3{grid-column:span 3}.df-col-md-4{grid-column:span 4}.df-col-md-5{grid-column:span 5}.df-col-md-6{grid-column:span 6}.df-col-md-7{grid-column:span 7}.df-col-md-8{grid-column:span 8}.df-col-md-9{grid-column:span 9}.df-col-md-10{grid-column:span 10}.df-col-md-11{grid-column:span 11}.df-col-md-12{grid-column:span 12}.df-col-md-full{grid-column:1/-1}}@media(min-width:993px){.df-form{--df-grid-gap: var(--df-grid-gap-xl);--df-grid-row-gap: var(--df-grid-row-gap-xl)}.df-col-lg-1{grid-column:span 1}.df-col-lg-2{grid-column:span 2}.df-col-lg-3{grid-column:span 3}.df-col-lg-4{grid-column:span 4}.df-col-lg-5{grid-column:span 5}.df-col-lg-6{grid-column:span 6}.df-col-lg-7{grid-column:span 7}.df-col-lg-8{grid-column:span 8}.df-col-lg-9{grid-column:span 9}.df-col-lg-10{grid-column:span 10}.df-col-lg-11{grid-column:span 11}.df-col-lg-12{grid-column:span 12}.df-col-lg-full{grid-column:1/-1}}.df-gap-none{--df-grid-gap: 0}.df-gap-xs{--df-grid-gap: .25rem}.df-gap-sm{--df-grid-gap: .5rem}.df-gap-md{--df-grid-gap: 1rem}.df-gap-lg{--df-grid-gap: 1.5rem}.df-gap-xl{--df-grid-gap: 2rem}.df-row-gap-none{--df-grid-row-gap: 0}.df-row-gap-xs{--df-grid-row-gap: .25rem}.df-row-gap-sm{--df-grid-row-gap: .5rem}.df-row-gap-md{--df-grid-row-gap: 1rem}.df-row-gap-lg{--df-grid-row-gap: 1.5rem}.df-row-gap-xl{--df-grid-row-gap: 2rem}.df-field{display:block;width:100%;min-width:0;overflow:hidden;margin:0}.df-group,.df-page{display:block;width:100%}.df-form.disabled,.df-row.disabled,.df-field.disabled{opacity:.6;pointer-events:none}.df-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.df-sr-only-focusable:focus,.df-sr-only-focusable:active{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}.df-live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.df-form :focus-visible{outline:2px solid var(--df-focus-color, #005fcc);outline-offset:2px}.df-group:focus-within{outline:1px dashed var(--df-focus-color, #005fcc);outline-offset:4px}:host{border:none;margin:0;padding:0;min-width:0;display:grid;grid-template-columns:1fr;gap:var(--df-grid-row-gap, .5rem);width:100%}:host>*{grid-column:1/-1}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: GroupFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: GroupFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'fieldset[group-field]', imports: [NgComponentOutlet], template: `
     @for (field of resolvedFields(); track field.key) {
@@ -6999,7 +10230,6 @@ function createItemInjector(options) {
         value: parentFieldSignalContext.value,
         defaultValues: () => ({}),
         form: formRef,
-        defaultValidationMessages: parentFieldSignalContext.defaultValidationMessages,
     };
     const injector = Injector.create({
         parent: parentInjector,
@@ -7261,14 +10491,14 @@ class ArrayFieldComponent {
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         parentForm().value.set({ ...currentValue, [arrayKey]: newArray });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ArrayFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.0.8", type: ArrayFieldComponent, isStandalone: true, selector: "array-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: true, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "id": "`${key()}`", "attr.data-testid": "key()" } }, ngImport: i0, template: `
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ArrayFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: ArrayFieldComponent, isStandalone: true, selector: "array-field", inputs: { field: { classPropertyName: "field", publicName: "field", isSignal: true, isRequired: true, transformFunction: null }, key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: true, transformFunction: null }, className: { classPropertyName: "className", publicName: "className", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "hostClasses()", "id": "`${key()}`", "attr.data-testid": "key()" } }, ngImport: i0, template: `
     @for (item of resolvedItems(); track item.id) {
       <ng-container *ngComponentOutlet="item.component; injector: item.injector; inputs: item.inputs()" />
     }
   `, isInline: true, styles: [":host,.df-form{--df-grid-columns: 12;--df-grid-gap: .5rem;--df-grid-row-gap: .5rem;--df-breakpoint-sm: 576px;--df-breakpoint-md: 768px;--df-breakpoint-lg: 992px;--df-breakpoint-xl: 1200px;--df-grid-gap-sm: .5rem;--df-grid-gap-md: .5rem;--df-grid-gap-lg: .5rem;--df-grid-gap-xl: .5rem;--df-grid-row-gap-sm: .5rem;--df-grid-row-gap-md: .5rem;--df-grid-row-gap-lg: .5rem;--df-grid-row-gap-xl: .5rem;--df-group-gap: var(--df-grid-gap);--df-group-padding: var(--df-grid-gap)}.df-form{display:grid;grid-template-columns:1fr;gap:var(--df-grid-row-gap);width:100%}.df-form>*{grid-column:1/-1}.df-row{display:grid;grid-template-columns:repeat(var(--df-grid-columns, 12),1fr);gap:var(--df-grid-gap);align-items:start;width:100%}.df-row>*:not([class*=df-col-]){grid-column:1/-1}.df-col-1{grid-column:span 1}.df-col-2{grid-column:span 2}.df-col-3{grid-column:span 3}.df-col-4{grid-column:span 4}.df-col-5{grid-column:span 5}.df-col-6{grid-column:span 6}.df-col-7{grid-column:span 7}.df-col-8{grid-column:span 8}.df-col-9{grid-column:span 9}.df-col-10{grid-column:span 10}.df-col-11{grid-column:span 11}.df-col-12{grid-column:span 12}.df-col-auto{grid-column:span auto;width:auto}.df-col-full{grid-column:1/-1}.df-col-start-1{grid-column-start:1}.df-col-start-2{grid-column-start:2}.df-col-start-3{grid-column-start:3}.df-col-start-4{grid-column-start:4}.df-col-start-5{grid-column-start:5}.df-col-start-6{grid-column-start:6}.df-col-start-7{grid-column-start:7}.df-col-start-8{grid-column-start:8}.df-col-start-9{grid-column-start:9}.df-col-start-10{grid-column-start:10}.df-col-start-11{grid-column-start:11}.df-col-start-12{grid-column-start:12}.df-col-end-1{grid-column-end:1}.df-col-end-2{grid-column-end:2}.df-col-end-3{grid-column-end:3}.df-col-end-4{grid-column-end:4}.df-col-end-5{grid-column-end:5}.df-col-end-6{grid-column-end:6}.df-col-end-7{grid-column-end:7}.df-col-end-8{grid-column-end:8}.df-col-end-9{grid-column-end:9}.df-col-end-10{grid-column-end:10}.df-col-end-11{grid-column-end:11}.df-col-end-12{grid-column-end:12}.df-col-end-13{grid-column-end:13}@media(max-width:576px){.df-form{--df-grid-gap: var(--df-grid-gap-sm);--df-grid-row-gap: var(--df-grid-row-gap-sm)}.df-row{grid-template-columns:1fr}.df-row>*{grid-column:1/-1!important}.df-row.df-row-mobile-keep-cols{grid-template-columns:repeat(var(--df-grid-columns),1fr)}.df-row.df-row-mobile-keep-cols>*{grid-column:revert!important}}@media(min-width:577px)and (max-width:768px){.df-form{--df-grid-gap: var(--df-grid-gap-md);--df-grid-row-gap: var(--df-grid-row-gap-md)}.df-row{--df-grid-columns: 6}.df-col-sm-1{grid-column:span 1}.df-col-sm-2{grid-column:span 2}.df-col-sm-3{grid-column:span 3}.df-col-sm-4{grid-column:span 4}.df-col-sm-5{grid-column:span 5}.df-col-sm-6{grid-column:span 6}.df-col-sm-full{grid-column:1/-1}}@media(min-width:769px)and (max-width:992px){.df-form{--df-grid-gap: var(--df-grid-gap-lg);--df-grid-row-gap: var(--df-grid-row-gap-lg)}.df-col-md-1{grid-column:span 1}.df-col-md-2{grid-column:span 2}.df-col-md-3{grid-column:span 3}.df-col-md-4{grid-column:span 4}.df-col-md-5{grid-column:span 5}.df-col-md-6{grid-column:span 6}.df-col-md-7{grid-column:span 7}.df-col-md-8{grid-column:span 8}.df-col-md-9{grid-column:span 9}.df-col-md-10{grid-column:span 10}.df-col-md-11{grid-column:span 11}.df-col-md-12{grid-column:span 12}.df-col-md-full{grid-column:1/-1}}@media(min-width:993px){.df-form{--df-grid-gap: var(--df-grid-gap-xl);--df-grid-row-gap: var(--df-grid-row-gap-xl)}.df-col-lg-1{grid-column:span 1}.df-col-lg-2{grid-column:span 2}.df-col-lg-3{grid-column:span 3}.df-col-lg-4{grid-column:span 4}.df-col-lg-5{grid-column:span 5}.df-col-lg-6{grid-column:span 6}.df-col-lg-7{grid-column:span 7}.df-col-lg-8{grid-column:span 8}.df-col-lg-9{grid-column:span 9}.df-col-lg-10{grid-column:span 10}.df-col-lg-11{grid-column:span 11}.df-col-lg-12{grid-column:span 12}.df-col-lg-full{grid-column:1/-1}}.df-gap-none{--df-grid-gap: 0}.df-gap-xs{--df-grid-gap: .25rem}.df-gap-sm{--df-grid-gap: .5rem}.df-gap-md{--df-grid-gap: 1rem}.df-gap-lg{--df-grid-gap: 1.5rem}.df-gap-xl{--df-grid-gap: 2rem}.df-row-gap-none{--df-grid-row-gap: 0}.df-row-gap-xs{--df-grid-row-gap: .25rem}.df-row-gap-sm{--df-grid-row-gap: .5rem}.df-row-gap-md{--df-grid-row-gap: 1rem}.df-row-gap-lg{--df-grid-row-gap: 1.5rem}.df-row-gap-xl{--df-grid-row-gap: 2rem}.df-field{display:block;width:100%;min-width:0;overflow:hidden;margin:0}.df-group,.df-page{display:block;width:100%}.df-form.disabled,.df-row.disabled,.df-field.disabled{opacity:.6;pointer-events:none}.df-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.df-sr-only-focusable:focus,.df-sr-only-focusable:active{position:static;width:auto;height:auto;padding:inherit;margin:inherit;overflow:visible;clip:auto;white-space:normal}.df-live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.df-form :focus-visible{outline:2px solid var(--df-focus-color, #005fcc);outline-offset:2px}.df-group:focus-within{outline:1px dashed var(--df-focus-color, #005fcc);outline-offset:4px}:host{display:grid;grid-template-columns:1fr;gap:var(--df-grid-row-gap, .5rem);width:100%}:host>*{grid-column:1/-1}\n"], dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.8", ngImport: i0, type: ArrayFieldComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ArrayFieldComponent, decorators: [{
             type: Component,
             args: [{ selector: 'array-field', imports: [NgComponentOutlet], template: `
     @for (item of resolvedItems(); track item.id) {
@@ -7416,10 +10646,6 @@ function extractErrorParams(error) {
  * - Field mappers (valueFieldMapper, checkboxFieldMapper, etc.)
  * - Error utilities (createResolvedErrorsSignal, shouldShowErrors)
  *
- * ## Testing API
- * Import from '@ng-forge/dynamic-forms/testing' for:
- * - Test utilities and harnesses
- * - Form config builders for testing
  */
 // ============================================================
 // PUBLIC API - For end users
@@ -7430,5 +10656,5 @@ function extractErrorParams(error) {
  * Generated bundle index. Do not edit.
  */
 
-export { BUILT_IN_FIELDS as $, AddArrayItemEvent as A, baseFieldMapper as B, ConsoleLogger as C, DynamicFormLogger as D, EventBus as E, FormClearEvent as F, buildBaseInputs as G, arrayFieldMapper as H, groupFieldMapper as I, pageFieldMapper as J, rowFieldMapper as K, textFieldMapper as L, FIELD_REGISTRY as M, NoopLogger as N, ARRAY_CONTEXT as O, PageChangeEvent as P, FIELD_SIGNAL_CONTEXT as Q, RemoveArrayItemEvent as R, SubmitEvent as S, dynamicTextToObservable as T, ArrayFieldComponent as U, GroupFieldComponent as V, RowFieldComponent as W, applyValidator as X, applyValidators as Y, getArrayLength as Z, resolveTokens as _, DynamicTextPipe as a, omit as a0, interpolateParams as a1, applyMetaToElement as a2, DynamicForm as b, createFieldResolutionPipe as c, derivedFromDeferred as d, emitComponentInitialized as e, isFormStateCondition as f, resolveNextButtonDisabled as g, isCheckedField as h, injectFieldRegistry as i, isValueField as j, isRowField as k, isArrayField as l, isContainerField as m, isDisplayOnlyField as n, isGroupField as o, provideDynamicForm as p, isLeafField as q, resolveSubmitButtonDisabled as r, isPageField as s, isValueBearingField as t, FormResetEvent as u, validatePageNesting as v, withLoggerConfig as w, NextPageEvent as x, PreviousPageEvent as y, DynamicFormError as z };
-//# sourceMappingURL=ng-forge-dynamic-forms-ng-forge-dynamic-forms-D58rojQc.mjs.map
+export { applyValidator as $, AddArrayItemEvent as A, DynamicFormError as B, ConsoleLogger as C, DynamicFormLogger as D, EventBus as E, FormClearEvent as F, baseFieldMapper as G, buildBaseInputs as H, arrayFieldMapper as I, groupFieldMapper as J, pageFieldMapper as K, rowFieldMapper as L, textFieldMapper as M, NoopLogger as N, FIELD_REGISTRY as O, PageChangeEvent as P, ARRAY_CONTEXT as Q, RemoveArrayItemEvent as R, SubmitEvent as S, DEFAULT_PROPS as T, DEFAULT_VALIDATION_MESSAGES as U, FIELD_SIGNAL_CONTEXT as V, FORM_OPTIONS as W, dynamicTextToObservable as X, ArrayFieldComponent as Y, GroupFieldComponent as Z, RowFieldComponent as _, DynamicTextPipe as a, applyValidators as a0, getArrayLength as a1, resolveTokens as a2, BUILT_IN_FIELDS as a3, isEqual as a4, omit as a5, interpolateParams as a6, applyMetaToElement as a7, RootFormRegistryService as a8, DynamicForm as b, createFieldResolutionPipe as c, derivedFromDeferred as d, emitComponentInitialized as e, isFormStateCondition as f, resolveNextButtonDisabled as g, isCheckedField as h, injectFieldRegistry as i, isValueField as j, isRowField as k, isArrayField as l, isContainerField as m, isDisplayOnlyField as n, isGroupField as o, provideDynamicForm as p, isLeafField as q, resolveSubmitButtonDisabled as r, isPageField as s, isValueBearingField as t, FormResetEvent as u, validatePageNesting as v, withLoggerConfig as w, NextPageEvent as x, PreviousPageEvent as y, formConfig as z };
+//# sourceMappingURL=ng-forge-dynamic-forms-ng-forge-dynamic-forms-WGww2nXx.mjs.map