@frollo/frollo-web-ui 9.0.0 → 9.0.2

package/esm/{vee-validate.esm-3ptvCDR1.js → vee-validate-0dtT5GSQ.js}

@@ -1,176 +1,8 @@
 import { getCurrentInstance, inject, warn as warn$1, ref, watch, computed, toValue, nextTick, unref, isRef, reactive, onUnmounted, onMounted, provide, onBeforeUnmount, defineComponent, toRef, resolveDynamicComponent, h, shallowRef, readonly, watchEffect } from 'vue';
 
-function getDevtoolsGlobalHook() {
-    return getTarget().__VUE_DEVTOOLS_GLOBAL_HOOK__;
-}
-function getTarget() {
-    // @ts-expect-error navigator and windows are not available in all environments
-    return (typeof navigator !== 'undefined' && typeof window !== 'undefined')
-        ? window
-        : typeof globalThis !== 'undefined'
-            ? globalThis
-            : {};
-}
-const isProxyAvailable = typeof Proxy === 'function';
-
-const HOOK_SETUP = 'devtools-plugin:setup';
-const HOOK_PLUGIN_SETTINGS_SET = 'plugin:settings:set';
-
-let supported;
-let perf;
-function isPerformanceSupported() {
-    var _a;
-    if (supported !== undefined) {
-        return supported;
-    }
-    if (typeof window !== 'undefined' && window.performance) {
-        supported = true;
-        perf = window.performance;
-    }
-    else if (typeof globalThis !== 'undefined' && ((_a = globalThis.perf_hooks) === null || _a === void 0 ? void 0 : _a.performance)) {
-        supported = true;
-        perf = globalThis.perf_hooks.performance;
-    }
-    else {
-        supported = false;
-    }
-    return supported;
-}
-function now() {
-    return isPerformanceSupported() ? perf.now() : Date.now();
-}
-
-class ApiProxy {
-    constructor(plugin, hook) {
-        this.target = null;
-        this.targetQueue = [];
-        this.onQueue = [];
-        this.plugin = plugin;
-        this.hook = hook;
-        const defaultSettings = {};
-        if (plugin.settings) {
-            for (const id in plugin.settings) {
-                const item = plugin.settings[id];
-                defaultSettings[id] = item.defaultValue;
-            }
-        }
-        const localSettingsSaveId = `__vue-devtools-plugin-settings__${plugin.id}`;
-        let currentSettings = Object.assign({}, defaultSettings);
-        try {
-            const raw = localStorage.getItem(localSettingsSaveId);
-            const data = JSON.parse(raw);
-            Object.assign(currentSettings, data);
-        }
-        catch (e) {
-            // noop
-        }
-        this.fallbacks = {
-            getSettings() {
-                return currentSettings;
-            },
-            setSettings(value) {
-                try {
-                    localStorage.setItem(localSettingsSaveId, JSON.stringify(value));
-                }
-                catch (e) {
-                    // noop
-                }
-                currentSettings = value;
-            },
-            now() {
-                return now();
-            },
-        };
-        if (hook) {
-            hook.on(HOOK_PLUGIN_SETTINGS_SET, (pluginId, value) => {
-                if (pluginId === this.plugin.id) {
-                    this.fallbacks.setSettings(value);
-                }
-            });
-        }
-        this.proxiedOn = new Proxy({}, {
-            get: (_target, prop) => {
-                if (this.target) {
-                    return this.target.on[prop];
-                }
-                else {
-                    return (...args) => {
-                        this.onQueue.push({
-                            method: prop,
-                            args,
-                        });
-                    };
-                }
-            },
-        });
-        this.proxiedTarget = new Proxy({}, {
-            get: (_target, prop) => {
-                if (this.target) {
-                    return this.target[prop];
-                }
-                else if (prop === 'on') {
-                    return this.proxiedOn;
-                }
-                else if (Object.keys(this.fallbacks).includes(prop)) {
-                    return (...args) => {
-                        this.targetQueue.push({
-                            method: prop,
-                            args,
-                            resolve: () => { },
-                        });
-                        return this.fallbacks[prop](...args);
-                    };
-                }
-                else {
-                    return (...args) => {
-                        return new Promise((resolve) => {
-                            this.targetQueue.push({
-                                method: prop,
-                                args,
-                                resolve,
-                            });
-                        });
-                    };
-                }
-            },
-        });
-    }
-    async setRealTarget(target) {
-        this.target = target;
-        for (const item of this.onQueue) {
-            this.target.on[item.method](...item.args);
-        }
-        for (const item of this.targetQueue) {
-            item.resolve(await this.target[item.method](...item.args));
-        }
-    }
-}
-
-function setupDevtoolsPlugin(pluginDescriptor, setupFn) {
-    const descriptor = pluginDescriptor;
-    const target = getTarget();
-    const hook = getDevtoolsGlobalHook();
-    const enableProxy = isProxyAvailable && descriptor.enableEarlyProxy;
-    if (hook && (target.__VUE_DEVTOOLS_PLUGIN_API_AVAILABLE__ || !enableProxy)) {
-        hook.emit(HOOK_SETUP, pluginDescriptor, setupFn);
-    }
-    else {
-        const proxy = enableProxy ? new ApiProxy(descriptor, hook) : null;
-        const list = target.__VUE_DEVTOOLS_PLUGINS__ = target.__VUE_DEVTOOLS_PLUGINS__ || [];
-        list.push({
-            pluginDescriptor: descriptor,
-            setupFn,
-            proxy,
-        });
-        if (proxy) {
-            setupFn(proxy.proxiedTarget);
-        }
-    }
-}
-
 /**
-  * vee-validate v4.13.1
-  * (c) 2024 Abdelrahman Awad
+  * vee-validate v4.15.1
+  * (c) 2025 Abdelrahman Awad
   * @license MIT
   */
 
@@ -323,6 +155,7 @@ function klona(x) {
 }
 
 const FormContextKey = Symbol('vee-validate-form');
+const PublicFormContextKey = Symbol('vee-validate-form-context');
 const FieldContextKey = Symbol('vee-validate-field-instance');
 const IS_ABSENT = Symbol('Default empty value');
 
@@ -411,6 +244,8 @@ function isPropPresent(obj, prop) {
  * Compares if two values are the same borrowed from:
  * https://github.com/epoberezkin/fast-deep-equal
  * We added a case for file matching since `Object.keys` doesn't work with Files.
+ *
+ * NB: keys with the value undefined are ignored in the evaluation and considered equal to missing keys.
  * */
 function isEqual(a, b) {
     if (a === b)
@@ -476,8 +311,16 @@ function isEqual(a, b) {
             return a.valueOf() === b.valueOf();
         if (a.toString !== Object.prototype.toString)
             return a.toString() === b.toString();
+        // Remove undefined values before object comparison
+        a = normalizeObject(a);
+        b = normalizeObject(b);
         keys = Object.keys(a);
         length = keys.length;
+        if (length !== Object.keys(b).length)
+            return false;
+        for (i = length; i-- !== 0;)
+            if (!Object.prototype.hasOwnProperty.call(b, keys[i]))
+                return false;
         for (i = length; i-- !== 0;) {
             // eslint-disable-next-line no-var
             var key = keys[i];
@@ -489,6 +332,14 @@ function isEqual(a, b) {
     // true if both NaN, false otherwise
     return a !== a && b !== b;
 }
+/**
+ * Returns a new object where keys with an `undefined` value are removed.
+ *
+ * @param a object to normalize
+ */
+function normalizeObject(a) {
+    return Object.fromEntries(Object.entries(a).filter(([, value]) => value !== undefined));
+}
 function isFile(a) {
     if (!isClient) {
         return false;
@@ -891,7 +742,8 @@ const parseRule = (rule) => {
 };
 function createLocator(value) {
     const locator = (crossTable) => {
-        const val = getFromPath(crossTable, value) || crossTable[value];
+        var _a;
+        const val = (_a = getFromPath(crossTable, value)) !== null && _a !== void 0 ? _a : crossTable[value];
         return val;
     };
     locator.__locatorRef = value;
@@ -1113,7 +965,7 @@ function fillTargetValues(params, crossTable) {
 }
 async function validateTypedSchema(schema, values) {
     const typedSchema = isTypedSchema(schema) ? schema : yupToTypedSchema(schema);
-    const validationResult = await typedSchema.parse(klona(values));
+    const validationResult = await typedSchema.parse(klona(values), { formData: klona(values) });
     const results = {};
     const errors = {};
     for (const error of validationResult.errors) {
@@ -1338,21 +1190,138 @@ function createFieldErrors() {
     };
 }
 
-function installDevtoolsPlugin(app) {
+const DEVTOOLS_FORMS = {};
+const DEVTOOLS_FIELDS = {};
+const INSPECTOR_ID = 'vee-validate-inspector';
+const COLORS = {
+    error: 0xbd4b4b,
+    success: 0x06d77b,
+    unknown: 0x54436b,
+    white: 0xffffff,
+    black: 0x000000,
+    blue: 0x035397,
+    purple: 0xb980f0,
+    orange: 0xf5a962,
+    gray: 0xbbbfca,
+};
+let SELECTED_NODE = null;
+/**
+ * Plugin API
+ */
+let API;
+async function installDevtoolsPlugin(app) {
     if (("production" !== 'production')) {
-        setupDevtoolsPlugin({
+        if (!isClient) {
+            return;
+        }
+        const devtools = await import('./index-C8z11jcJ.js');
+        devtools.setupDevtoolsPlugin({
             id: 'vee-validate-devtools-plugin',
             label: 'VeeValidate Plugin',
             packageName: 'vee-validate',
             homepage: 'https://vee-validate.logaretm.com/v4',
             app,
             logo: 'https://vee-validate.logaretm.com/v4/logo.png',
-        }, setupApiHooks);
+        }, api => {
+            API = api;
+            api.addInspector({
+                id: INSPECTOR_ID,
+                icon: 'rule',
+                label: 'vee-validate',
+                noSelectionText: 'Select a vee-validate node to inspect',
+                actions: [
+                    {
+                        icon: 'done_outline',
+                        tooltip: 'Validate selected item',
+                        action: async () => {
+                            if (!SELECTED_NODE) {
+                                // eslint-disable-next-line no-console
+                                console.error('There is not a valid selected vee-validate node or component');
+                                return;
+                            }
+                            if (SELECTED_NODE.type === 'field') {
+                                await SELECTED_NODE.field.validate();
+                                return;
+                            }
+                            if (SELECTED_NODE.type === 'form') {
+                                await SELECTED_NODE.form.validate();
+                                return;
+                            }
+                            if (SELECTED_NODE.type === 'pathState') {
+                                await SELECTED_NODE.form.validateField(SELECTED_NODE.state.path);
+                            }
+                        },
+                    },
+                    {
+                        icon: 'delete_sweep',
+                        tooltip: 'Clear validation state of the selected item',
+                        action: () => {
+                            if (!SELECTED_NODE) {
+                                // eslint-disable-next-line no-console
+                                console.error('There is not a valid selected vee-validate node or component');
+                                return;
+                            }
+                            if (SELECTED_NODE.type === 'field') {
+                                SELECTED_NODE.field.resetField();
+                                return;
+                            }
+                            if (SELECTED_NODE.type === 'form') {
+                                SELECTED_NODE.form.resetForm();
+                            }
+                            if (SELECTED_NODE.type === 'pathState') {
+                                SELECTED_NODE.form.resetField(SELECTED_NODE.state.path);
+                            }
+                        },
+                    },
+                ],
+            });
+            api.on.getInspectorTree(payload => {
+                if (payload.inspectorId !== INSPECTOR_ID) {
+                    return;
+                }
+                const forms = Object.values(DEVTOOLS_FORMS);
+                const fields = Object.values(DEVTOOLS_FIELDS);
+                payload.rootNodes = [
+                    ...forms.map(mapFormForDevtoolsInspector),
+                    ...fields.map(field => mapFieldForDevtoolsInspector(field)),
+                ];
+            });
+            api.on.getInspectorState(payload => {
+                if (payload.inspectorId !== INSPECTOR_ID) {
+                    return;
+                }
+                const { form, field, state, type } = decodeNodeId(payload.nodeId);
+                api.unhighlightElement();
+                if (form && type === 'form') {
+                    payload.state = buildFormState(form);
+                    SELECTED_NODE = { type: 'form', form };
+                    api.highlightElement(form._vm);
+                    return;
+                }
+                if (state && type === 'pathState' && form) {
+                    payload.state = buildFieldState(state);
+                    SELECTED_NODE = { type: 'pathState', state, form };
+                    return;
+                }
+                if (field && type === 'field') {
+                    payload.state = buildFieldState({
+                        errors: field.errors.value,
+                        dirty: field.meta.dirty,
+                        valid: field.meta.valid,
+                        touched: field.meta.touched,
+                        value: field.value.value,
+                        initialValue: field.meta.initialValue,
+                    });
+                    SELECTED_NODE = { field, type: 'field' };
+                    api.highlightElement(field._vm);
+                    return;
+                }
+                SELECTED_NODE = null;
+                api.unhighlightElement();
+            });
+        });
     }
 }
-const DEVTOOLS_FORMS = {};
-const DEVTOOLS_FIELDS = {};
-let API;
 const refreshInspector = throttle(() => {
     setTimeout(async () => {
         await nextTick();
@@ -1394,116 +1363,11 @@ function registerSingleFieldWithDevtools(field) {
     });
     refreshInspector();
 }
-const INSPECTOR_ID = 'vee-validate-inspector';
-const COLORS = {
-    error: 0xbd4b4b,
-    success: 0x06d77b,
-    unknown: 0x54436b,
-    white: 0xffffff,
-    black: 0x000000,
-    blue: 0x035397,
-    purple: 0xb980f0,
-    orange: 0xf5a962,
-    gray: 0xbbbfca,
-};
-let SELECTED_NODE = null;
-function setupApiHooks(api) {
-    API = api;
-    api.addInspector({
-        id: INSPECTOR_ID,
-        icon: 'rule',
-        label: 'vee-validate',
-        noSelectionText: 'Select a vee-validate node to inspect',
-        actions: [
-            {
-                icon: 'done_outline',
-                tooltip: 'Validate selected item',
-                action: async () => {
-                    if (!SELECTED_NODE) {
-                        console.error('There is not a valid selected vee-validate node or component');
-                        return;
-                    }
-                    if (SELECTED_NODE.type === 'field') {
-                        await SELECTED_NODE.field.validate();
-                        return;
-                    }
-                    if (SELECTED_NODE.type === 'form') {
-                        await SELECTED_NODE.form.validate();
-                        return;
-                    }
-                    if (SELECTED_NODE.type === 'pathState') {
-                        await SELECTED_NODE.form.validateField(SELECTED_NODE.state.path);
-                    }
-                },
-            },
-            {
-                icon: 'delete_sweep',
-                tooltip: 'Clear validation state of the selected item',
-                action: () => {
-                    if (!SELECTED_NODE) {
-                        console.error('There is not a valid selected vee-validate node or component');
-                        return;
-                    }
-                    if (SELECTED_NODE.type === 'field') {
-                        SELECTED_NODE.field.resetField();
-                        return;
-                    }
-                    if (SELECTED_NODE.type === 'form') {
-                        SELECTED_NODE.form.resetForm();
-                    }
-                    if (SELECTED_NODE.type === 'pathState') {
-                        SELECTED_NODE.form.resetField(SELECTED_NODE.state.path);
-                    }
-                },
-            },
-        ],
-    });
-    api.on.getInspectorTree(payload => {
-        if (payload.inspectorId !== INSPECTOR_ID) {
-            return;
-        }
-        const forms = Object.values(DEVTOOLS_FORMS);
-        const fields = Object.values(DEVTOOLS_FIELDS);
-        payload.rootNodes = [
-            ...forms.map(mapFormForDevtoolsInspector),
-            ...fields.map(field => mapFieldForDevtoolsInspector(field)),
-        ];
-    });
-    api.on.getInspectorState((payload, ctx) => {
-        if (payload.inspectorId !== INSPECTOR_ID || ctx.currentTab !== `custom-inspector:${INSPECTOR_ID}`) {
-            return;
-        }
-        const { form, field, state, type } = decodeNodeId(payload.nodeId);
-        if (form && type === 'form') {
-            payload.state = buildFormState(form);
-            SELECTED_NODE = { type: 'form', form };
-            return;
-        }
-        if (state && type === 'pathState' && form) {
-            payload.state = buildFieldState(state);
-            SELECTED_NODE = { type: 'pathState', state, form };
-            return;
-        }
-        if (field && type === 'field') {
-            payload.state = buildFieldState({
-                errors: field.errors.value,
-                dirty: field.meta.dirty,
-                valid: field.meta.valid,
-                touched: field.meta.touched,
-                value: field.value.value,
-                initialValue: field.meta.initialValue,
-            });
-            SELECTED_NODE = { field, type: 'field' };
-            return;
-        }
-        SELECTED_NODE = null;
-    });
-}
 function mapFormForDevtoolsInspector(form) {
     const { textColor, bgColor } = getValidityColors(form.meta.value.valid);
     const formTreeNodes = {};
     Object.values(form.getAllPathStates()).forEach(state => {
-        setInPath(formTreeNodes, unref(state.path), mapPathForDevtoolsInspector(state, form));
+        setInPath(formTreeNodes, toValue(state.path), mapPathForDevtoolsInspector(state, form));
     });
     function buildFormTree(tree, path = []) {
         const key = [...path].pop();
@@ -1529,7 +1393,7 @@ function mapFormForDevtoolsInspector(form) {
     const { children } = buildFormTree(formTreeNodes);
     return {
         id: encodeNodeId(form),
-        label: 'Form',
+        label: form.name,
         children,
         tags: [
             {
@@ -1548,7 +1412,7 @@ function mapFormForDevtoolsInspector(form) {
 function mapPathForDevtoolsInspector(state, form) {
     return {
         id: encodeNodeId(form, state),
-        label: unref(state.path),
+        label: toValue(state.path),
         tags: getFieldNodeTags(state.multiple, state.fieldsCount, state.type, state.valid, form),
     };
 }
@@ -1601,8 +1465,8 @@ function getFieldNodeTags(multiple, fieldsCount, type, valid, form) {
 }
 function encodeNodeId(form, stateOrField) {
     const type = stateOrField ? ('path' in stateOrField ? 'pathState' : 'field') : 'form';
-    const fieldPath = stateOrField ? ('path' in stateOrField ? stateOrField === null || stateOrField === void 0 ? void 0 : stateOrField.path : unref(stateOrField === null || stateOrField === void 0 ? void 0 : stateOrField.name)) : '';
-    const idObject = { f: form === null || form === void 0 ? void 0 : form.formId, ff: fieldPath, type };
+    const fieldPath = stateOrField ? ('path' in stateOrField ? stateOrField === null || stateOrField === void 0 ? void 0 : stateOrField.path : toValue(stateOrField === null || stateOrField === void 0 ? void 0 : stateOrField.name)) : '';
+    const idObject = { f: form === null || form === void 0 ? void 0 : form.formId, ff: (stateOrField === null || stateOrField === void 0 ? void 0 : stateOrField.id) || fieldPath, type };
     return btoa(encodeURIComponent(JSON.stringify(idObject)));
 }
 function decodeNodeId(nodeId) {
@@ -2058,6 +1922,7 @@ function useVModel({ prop, value, handleChange, shouldValidate }) {
     /* istanbul ignore next */
     if (!vm || !prop) {
         if (("production" !== 'production')) {
+            // eslint-disable-next-line no-console
             console.warn('Failed to setup model events because `useField` was not called in setup.');
         }
         return;
@@ -2310,6 +2175,7 @@ function resolveInitialValues(opts) {
 function useForm(opts) {
     var _a;
     const formId = FORM_COUNTER++;
+    const name = (opts === null || opts === void 0 ? void 0 : opts.name) || 'Form';
     // Prevents fields from double resetting their values, which causes checkboxes to toggle their initial value
     let FIELD_ID_COUNTER = 0;
     // If the form is currently submitting
@@ -2366,7 +2232,7 @@ function useForm(opts) {
     const errorBag = computed(() => {
         const pathErrors = pathStates.value.reduce((acc, state) => {
             if (state.errors.length) {
-                acc[state.path] = state.errors;
+                acc[toValue(state.path)] = state.errors;
             }
             return acc;
         }, {});
@@ -2387,14 +2253,14 @@ function useForm(opts) {
      */
     const fieldNames = computed(() => {
         return pathStates.value.reduce((names, state) => {
-            names[state.path] = { name: state.path || '', label: state.label || '' };
+            names[toValue(state.path)] = { name: toValue(state.path) || '', label: state.label || '' };
             return names;
         }, {});
     });
     const fieldBailsMap = computed(() => {
         return pathStates.value.reduce((map, state) => {
             var _a;
-            map[state.path] = (_a = state.bails) !== null && _a !== void 0 ? _a : true;
+            map[toValue(state.path)] = (_a = state.bails) !== null && _a !== void 0 ? _a : true;
             return map;
         }, {});
     });
@@ -2408,8 +2274,8 @@ function useForm(opts) {
     const meta = useFormMeta(pathStates, formValues, originalInitialValues, errors);
     const controlledValues = computed(() => {
         return pathStates.value.reduce((acc, state) => {
-            const value = getFromPath(formValues, state.path);
-            setInPath(acc, state.path, value);
+            const value = getFromPath(formValues, toValue(state.path));
+            setInPath(acc, toValue(state.path), value);
             return acc;
         }, {});
     });
@@ -2586,7 +2452,7 @@ function useForm(opts) {
         return pathState;
     }
     function findHoistedPath(path) {
-        const candidates = pathStates.value.filter(state => path.startsWith(state.path));
+        const candidates = pathStates.value.filter(state => path.startsWith(toValue(state.path)));
         return candidates.reduce((bestCandidate, candidate) => {
             if (!bestCandidate) {
                 return candidate;
@@ -2709,6 +2575,7 @@ function useForm(opts) {
         });
     }
     const formCtx = {
+        name,
         formId,
         values: formValues,
         controlledValues,
@@ -2877,9 +2744,9 @@ function useForm(opts) {
             var _a;
             state.__flags.pendingReset = true;
             state.validated = false;
-            state.touched = ((_a = resetState === null || resetState === void 0 ? void 0 : resetState.touched) === null || _a === void 0 ? void 0 : _a[state.path]) || false;
-            setFieldValue(state.path, getFromPath(newValues, state.path), false);
-            setFieldError(state.path, undefined);
+            state.touched = ((_a = resetState === null || resetState === void 0 ? void 0 : resetState.touched) === null || _a === void 0 ? void 0 : _a[toValue(state.path)]) || false;
+            setFieldValue(toValue(state.path), getFromPath(newValues, toValue(state.path)), false);
+            setFieldError(toValue(state.path), undefined);
         });
         (opts === null || opts === void 0 ? void 0 : opts.force) ? forceSetValues(newValues, false) : setValues(newValues, false);
         setErrors((resetState === null || resetState === void 0 ? void 0 : resetState.errors) || {});
@@ -2904,7 +2771,7 @@ function useForm(opts) {
         const validations = await Promise.all(pathStates.value.map(state => {
             if (!state.validate) {
                 return Promise.resolve({
-                    key: state.path,
+                    key: toValue(state.path),
                     valid: true,
                     errors: [],
                     value: undefined,
@@ -2912,7 +2779,7 @@ function useForm(opts) {
             }
             return state.validate(opts).then(result => {
                 return {
-                    key: state.path,
+                    key: toValue(state.path),
                     valid: result.valid,
                     errors: result.errors,
                     value: result.value,
@@ -3045,7 +2912,7 @@ function useForm(opts) {
             pathState.touched = true;
             const validateOnBlur = (_a = evalConfig().validateOnBlur) !== null && _a !== void 0 ? _a : getConfig().validateOnBlur;
             if (validateOnBlur) {
-                validateField(pathState.path);
+                validateField(toValue(pathState.path));
             }
         }
         function onInput() {
@@ -3053,7 +2920,7 @@ function useForm(opts) {
             const validateOnInput = (_a = evalConfig().validateOnInput) !== null && _a !== void 0 ? _a : getConfig().validateOnInput;
             if (validateOnInput) {
                 nextTick(() => {
-                    validateField(pathState.path);
+                    validateField(toValue(pathState.path));
                 });
             }
         }
@@ -3062,7 +2929,7 @@ function useForm(opts) {
             const validateOnChange = (_a = evalConfig().validateOnChange) !== null && _a !== void 0 ? _a : getConfig().validateOnChange;
             if (validateOnChange) {
                 nextTick(() => {
-                    validateField(pathState.path);
+                    validateField(toValue(pathState.path));
                 });
             }
         }
@@ -3127,7 +2994,9 @@ function useForm(opts) {
             return Object.assign({ [conf.model || 'modelValue']: model.value, [`onUpdate:${conf.model || 'modelValue'}`]: onUpdateModelValue }, props.value);
         });
     }
-    return Object.assign(Object.assign({}, formCtx), { values: readonly(formValues), handleReset: () => resetForm(), submitForm });
+    const ctx = Object.assign(Object.assign({}, formCtx), { values: readonly(formValues), handleReset: () => resetForm(), submitForm });
+    provide(PublicFormContextKey, ctx);
+    return ctx;
 }
 /**
  * Manages form meta aggregation
@@ -3194,8 +3063,8 @@ function useFormInitialValues(pathsState, formValues, opts) {
             if (wasTouched) {
                 return;
             }
-            const newValue = getFromPath(initialValues.value, state.path);
-            setInPath(formValues, state.path, klona(newValue));
+            const newValue = getFromPath(initialValues.value, toValue(state.path));
+            setInPath(formValues, toValue(state.path), klona(newValue));
         });
     }
     return {
@@ -3213,6 +3082,9 @@ function mergeValidationResults(a, b) {
         errors: [...a.errors, ...b.errors],
     };
 }
+function useFormContext() {
+    return inject(PublicFormContextKey);
+}
 
 const FormImpl = /** #__PURE__ */ defineComponent({
     name: 'Form',
@@ -3254,6 +3126,10 @@ const FormImpl = /** #__PURE__ */ defineComponent({
             type: Boolean,
             default: false,
         },
+        name: {
+            type: String,
+            default: 'Form',
+        },
     },
     setup(props, ctx) {
         const validationSchema = toRef(props, 'validationSchema');
@@ -3265,6 +3141,7 @@ const FormImpl = /** #__PURE__ */ defineComponent({
             initialTouched: props.initialTouched,
             validateOnMount: props.validateOnMount,
             keepValuesOnUnmount: keepValues,
+            name: props.name,
         });
         const submitForm = handleSubmit((_, { evt }) => {
             if (isFormSubmitEvent(evt)) {