@overgaming/valiform 0.3.0 → 0.4.1

package/README.md

@@ -37,7 +37,7 @@ export default defineNuxtConfig({
 });
 ```
 
-The Nuxt module auto-imports `<Form>`, `<Field>`, `useLocale`, `useFormContext` and `useFieldContext`.
+The Nuxt module auto-imports `<Form>`, `<Field>`, `useLocale`, `useFormContext`, `useFieldContext` and `useInputContext`.
 
 ---
 
@@ -45,7 +45,7 @@ The Nuxt module auto-imports `<Form>`, `<Field>`, `useLocale`, `useFormContext`
 
 ### With custom components (recommended)
 
-Build a custom input component using `useFieldContext` and `defineModel`:
+Build a custom input component using `useInputContext` and `defineModel`. This makes the component work both **inside a `<Field>`** (picks up its context automatically) and **standalone with `v-model`** (creates sensible defaults):
 
 ```vue
 <!-- MyInput.vue -->
@@ -60,12 +60,12 @@ Build a custom input component using `useFieldContext` and `defineModel`:
 </template>
 
 <script setup lang="ts">
-  import { useFieldContext } from '@overgaming/valiform';
+  import { useInputContext } from '@overgaming/valiform';
 
   withDefaults(defineProps<{ type?: string }>(), { type: 'text' });
 
   const model = defineModel<string>({ default: '' });
-  const { inputValue, inputProps, error } = useFieldContext({ inputValue: model });
+  const { inputValue, inputProps, error } = useInputContext(model);
 </script>
 ```
 
@@ -244,9 +244,9 @@ const { values, isValid, errors, reset, validate, setErrors } = useFormContext()
 
 ### `useFieldContext()`
 
-Access the parent `<Field>` state from any descendant component.
+Access the parent `<Field>` state from any descendant component. Use this for components that **must always live inside a `<Field>`** (label, error, help text).
 
-Has three call signatures:
+Has two call signatures:
 
 ```ts
 // No args — component must always be inside a Field.
@@ -254,12 +254,6 @@ Has three call signatures:
 // Throws at runtime if called outside a Field.
 const { labelProps } = useFieldContext();
 
-// With fallback — component works inside or outside a Field.
-// Returns FieldContext directly (no ! needed).
-// When outside a Field, the fallback object is used instead.
-const model = defineModel<string>({ default: '' });
-const { inputValue, inputProps, error } = useFieldContext({ inputValue: model });
-
 // Explicit null — handle absence of context manually.
 // Returns FieldContext | null.
 const ctx = useFieldContext(null);
@@ -272,6 +266,49 @@ TypeScript types for `FieldContext` and other interfaces are exported from the p
 import type { FieldContext, FieldState, FormContext } from '@overgaming/valiform';
 ```
 
+### `useInputContext(model)`
+
+The recommended composable for building input components that work **both inside a `<Field>` and standalone with `v-model`** — without any TypeScript hacks or duplicate logic.
+
+- **Inside a `<Field>`**: returns the injected `FieldContext` (validation, error state, accessibility props all come from the Field). The `model` parameter is ignored.
+- **Standalone (no Field ancestor)**: builds a minimal `FieldContext` using the provided `model` ref. Tracks `isDirty` and `isTouched`, generates accessible IDs, and provides a working `reset()`.
+
+```ts
+const model = defineModel<string>({ default: '' });
+const {
+  inputValue,
+  inputProps,
+  labelProps,
+  helpProps,
+  errorProps,
+  error,
+  isValid,
+  isTouched,
+  isDirty,
+  validate,
+  reset
+} = useInputContext(model);
+```
+
+Example — a checkbox that works inside or outside a Field:
+
+```vue
+<!-- MyCheckbox.vue -->
+<template>
+  <label v-bind="labelProps">
+    <input v-model="inputValue" v-bind="inputProps" type="checkbox" />
+    <slot />
+  </label>
+</template>
+
+<script setup lang="ts">
+  import { useInputContext } from '@overgaming/valiform';
+
+  const model = defineModel<boolean>({ default: false });
+  const { inputValue, inputProps, labelProps } = useInputContext(model);
+</script>
+```
+
 ### `useLocale()`
 
 Access and change the active locale.

package/dist/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),C=Symbol("locale-context"),q=(e=null)=>{const t=o.inject(C,e);if(!t&&t!==null)throw new Error("Context with localeContextKey not found");return t},E={required:"This field is required",email:"Please enter a valid email address",min:({value:e})=>`Must be at least ${e}`,max:({value:e})=>`Must be at most ${e}`,matches:"Format is not valid",number:"Must be a valid number",accepted:"Must be accepted",alpha:"Must contain only alphabetical characters",alphanumeric:"Must contain only letters and numbers",alphaSpaces:"Must contain only letters and spaces",between:({min:e,max:t})=>`Must be between ${e} and ${t}`,confirm:({fieldName:e})=>`Must match ${e}`,containsAlpha:"Must contain at least one letter",containsAlphanumeric:"Must contain at least one letter or number",containsAlphaSpaces:"Must contain at least one letter or space",containsLowercase:"Must contain at least one lowercase letter",containsNumeric:"Must contain at least one number",containsSymbol:"Must contain at least one symbol",containsUppercase:"Must contain at least one uppercase letter",dateAfter:({date:e})=>e?`Must be after ${e}`:"Must be after today",dateAfterOrEqual:({date:e})=>e?`Must be after or equal to ${e}`:"Must be after or equal to today",dateBefore:({date:e})=>e?`Must be before ${e}`:"Must be before today",dateBeforeOrEqual:({date:e})=>e?`Must be before or equal to ${e}`:"Must be before or equal to today",dateBetween:({startDate:e,endDate:t})=>`Must be between ${e} and ${t}`,dateFormat:({format:e})=>`Must match the format ${e}`,endsWith:({suffix:e})=>Array.isArray(e)?`Must end with one of: ${e.map(t=>`"${t}"`).join(", ")}`:`Must end with "${e}"`,is:({allowedValues:e})=>`Must be one of: ${Array.isArray(e)?e.join(", "):e}`,length:({value:e,min:t,max:n})=>t!==void 0&&n!==void 0?`Must be between ${t} and ${n} characters`:e!==void 0?`Must be exactly ${e} characters`:"Invalid length",lowercase:"Must contain only lowercase characters",not:({disallowedValues:e})=>`Must not be one of: ${Array.isArray(e)?e.join(", "):e}`,startsWith:({prefix:e})=>Array.isArray(e)?`Must start with one of: ${e.join(", ")}`:`Must start with "${e}"`,symbol:"Must contain only symbols",uppercase:"Must contain only uppercase characters",url:"Must be a valid URL"},B=o.shallowRef(new Map),_=(e,t)=>{B.value.set(e,t)},j=e=>{Object.entries(e).forEach(([t,n])=>{_(t,n)})},z=e=>B.value.get(e);function I(e){const t=e.accepted;return typeof t=="function"?t({}):t??"Must be accepted"}function U(e){return e?["yes","on","1","true"].includes(String(e).toLowerCase()):!1}function k(e,t={}){const{messages:n={}}=t;return U(e)?!0:I(n)}function K(e){const t=e.alpha;return typeof t=="function"?t({}):t??"Must contain only alphabetical characters"}function Z(e){return e?/^[a-zA-Z]+$/.test(String(e)):!0}function Y(e,t={}){const{messages:n={}}=t;return Z(e)?!0:K(n)}function G(e){const t=e.alphanumeric;return typeof t=="function"?t({}):t??"Must contain only letters and numbers"}function H(e){return e?/^[a-zA-Z0-9]+$/.test(String(e)):!0}function J(e,t={}){const{messages:n={}}=t;return H(e)?!0:G(n)}function Q(e){const t=e.alphaSpaces;return typeof t=="function"?t({}):t??"Must contain only letters and spaces"}function X(e){return e?/^[a-zA-Z\s]+$/.test(String(e)):!0}function ee(e,t={}){const{messages:n={}}=t;return X(e)?!0:Q(n)}function te(e,t,n){const r=e.between;return typeof r=="function"?r({min:t,max:n}):r??`Must be between ${t} and ${n}`}function ne(e,t,n){if(!e&&e!==0)return!0;const r=Number(e);if(isNaN(r))return!1;const s=Number(t),a=Number(n);return isNaN(s)||isNaN(a)?!1:r>=s&&r<=a}function re(e,t={}){const{args:n=[],messages:r={}}=t,[s,a]=n;return ne(e,s,a)?!0:te(r,s,a)}function se(e,t){const n=e.confirm;return typeof n=="function"?n({fieldName:t}):n??`Must match ${t}`}function oe(e,t,n){var r;return e?n?e===((r=n[t])==null?void 0:r.value):!1:!0}function ae(e,t={}){const{args:n=[],messages:r={},fields:s={}}=t,[a]=n;return oe(e,a,s)?!0:se(r,a)}function ue(e){const t=e.containsAlpha;return typeof t=="function"?t({}):t??"Must contain at least one letter"}function ie(e){return e?/[a-zA-Z]/.test(String(e)):!0}function ce(e,t={}){const{messages:n={}}=t;return ie(e)?!0:ue(n)}function le(e){const t=e.containsAlphanumeric;return typeof t=="function"?t({}):t??"Must contain at least one letter or number"}function fe(e){return e?/[a-zA-Z0-9]/.test(String(e)):!0}function me(e,t={}){const{messages:n={}}=t;return fe(e)?!0:le(n)}function de(e){const t=e.containsAlphaSpaces;return typeof t=="function"?t({}):t??"Must contain at least one letter or space"}function ge(e){return e?/[a-zA-Z\s]/.test(String(e)):!0}function pe(e,t={}){const{messages:n={}}=t;return ge(e)?!0:de(n)}function be(e){const t=e.containsLowercase;return typeof t=="function"?t({}):t??"Must contain at least one lowercase letter"}function ye(e){return e?/[a-z]/.test(String(e)):!0}function $e(e,t={}){const{messages:n={}}=t;return ye(e)?!0:be(n)}function he(e){const t=e.containsNumeric;return typeof t=="function"?t({}):t??"Must contain at least one number"}function ve(e){return e?/\d/.test(String(e)):!0}function Me(e,t={}){const{messages:n={}}=t;return ve(e)?!0:he(n)}function Ne(e){const t=e.containsSymbol;return typeof t=="function"?t({}):t??"Must contain at least one symbol"}function we(e){return e?/[^\w\s]/.test(String(e)):!0}function Ae(e,t={}){const{messages:n={}}=t;return we(e)?!0:Ne(n)}function Se(e){const t=e.containsUppercase;return typeof t=="function"?t({}):t??"Must contain at least one uppercase letter"}function De(e){return e?/[A-Z]/.test(String(e)):!0}function Fe(e,t={}){const{messages:n={}}=t;return De(e)?!0:Se(n)}function xe(e,t){const n=e.dateAfter;return typeof n=="function"?n({date:t}):n??(t?`Must be after ${t}`:"Must be after today")}function Ve(e,t){if(!e)return!0;const n=new Date(String(e)),r=t?new Date(t):new Date;return!isNaN(n.getTime())&&!isNaN(r.getTime())&&n>r}function je(e,t={}){const{args:n=[],messages:r={}}=t,[s]=n;return Ve(e,s)?!0:xe(r,s)}function Pe(e,t){const n=e.dateAfterOrEqual;return typeof n=="function"?n({date:t}):n??(t?`Must be after or equal to ${t}`:"Must be after or equal to today")}function Te(e,t){if(!e)return!0;const n=new Date(String(e)),r=t?new Date(t):new Date;return!isNaN(n.getTime())&&!isNaN(r.getTime())&&n>=r}function Ce(e,t={}){const{args:n=[],messages:r={}}=t,[s]=n;return Te(e,s)?!0:Pe(r,s)}function qe(e,t){const n=e.dateBefore;return typeof n=="function"?n({date:t}):n??(t?`Must be before ${t}`:"Must be before today")}function Ee(e,t){if(!e)return!0;const n=new Date(String(e)),r=t?new Date(t):new Date;return!isNaN(n.getTime())&&!isNaN(r.getTime())&&n<r}function Be(e,t={}){const{args:n=[],messages:r={}}=t,[s]=n;return Ee(e,s)?!0:qe(r,s)}function Oe(e,t){const n=e.dateBeforeOrEqual;return typeof n=="function"?n({date:t}):n??(t?`Must be before or equal to ${t}`:"Must be before or equal to today")}function Re(e,t){if(!e)return!0;const n=new Date(String(e)),r=t?new Date(t):new Date;return!isNaN(n.getTime())&&!isNaN(r.getTime())&&n<=r}function Le(e,t={}){const{args:n=[],messages:r={}}=t,[s]=n;return Re(e,s)?!0:Oe(r,s)}function We(e,t,n){const r=e.dateBetween;return typeof r=="function"?r({startDate:t,endDate:n}):r??`Must be between ${t} and ${n}`}function _e(e,t,n){if(!e)return!0;const r=new Date(String(e)),s=new Date(t),a=new Date(n);return!isNaN(r.getTime())&&!isNaN(s.getTime())&&!isNaN(a.getTime())&&r>=s&&r<=a}function ze(e,t={}){const{args:n=[],messages:r={}}=t,[s,a]=n;return _e(e,s,a)?!0:We(r,s,a)}const Ie=e=>{const t=e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"),n={YYYY:"\\d{4}",YY:"\\d{2}",MM:"(0[1-9]|1[012])",M:"([1-9]|1[012])",DD:"([012][0-9]|3[01])",D:"([012]?[0-9]|3[01])"};let r=t;return Object.keys(n).forEach(s=>{r=r.replace(new RegExp(s,"g"),n[s])}),new RegExp(`^${r}$`)};function Ue(e,t){const n=e.dateFormat;return typeof n=="function"?n({format:t}):n??`Must match the format ${t}`}function ke(e,t){return e?t&&typeof t=="string"?Ie(t).test(String(e)):!isNaN(Date.parse(String(e))):!0}function Ke(e,t={}){const{args:n=[],messages:r={}}=t,[s]=n;return ke(e,s)?!0:Ue(r,s)}function Ze(e){const t=e.email;return typeof t=="function"?t({}):t??"Please enter a valid email address"}function Ye(e){return e?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(e)):!0}function Ge(e,t={}){const{messages:n={}}=t;return Ye(e)?!0:Ze(n)}function He(e,t){const n=e.endsWith;return typeof n=="function"?n({suffix:t.length===1?t[0]:t}):n??`Must end with: ${t.join(", ")}`}function Je(e,...t){if(!e)return!0;const n=String(e);return t.some(r=>n.endsWith(r))}function Qe(e,t={}){const{args:n=[],messages:r={}}=t;return Je(e,...n)?!0:He(r,n)}function Xe(e,t){const n=e.is;return typeof n=="function"?n({allowedValues:t}):n??`Must be one of: ${t.join(", ")}`}function et(e,...t){return!e&&e!==0&&e!==!1?!0:t.includes(String(e))}function tt(e,t={}){const{args:n=[],messages:r={}}=t;return et(e,...n)?!0:Xe(r,n)}function nt(e,t,n){const r=e.length;return n!==void 0?typeof r=="function"?r({min:t,max:n}):r??`Must be between ${t} and ${n} characters`:typeof r=="function"?r({value:t}):r??`Must be exactly ${t} characters`}function rt(e,t,n){if(!e&&e!==0)return!0;let r=0;if(typeof e=="string")r=e.length;else if(Array.isArray(e))r=e.length;else if(typeof e=="object"&&e!==null)r=Object.keys(e).length;else return!1;if(n!==void 0){const a=Number(t),u=Number(n);return!isNaN(a)&&!isNaN(u)&&r>=a&&r<=u}const s=Number(t);return!isNaN(s)&&r===s}function st(e,t={}){const{args:n=[],messages:r={}}=t,[s,a]=n;return rt(e,s,a)?!0:nt(r,s,a)}function ot(e){const t=e.lowercase;return typeof t=="function"?t({}):t??"Must contain only lowercase characters"}function at(e){return e?/^[a-z]+$/.test(String(e)):!0}function ut(e,t={}){const{messages:n={}}=t;return at(e)?!0:ot(n)}function it(e,t,n){const r=t.matches;return typeof r=="function"?r({value:e,pattern:n}):r??"Format is not valid"}function ct(e,t){if(!e)return!0;if(!t)return!1;try{if(t.startsWith("/")&&t.includes("/",1)){const n=t.lastIndexOf("/"),r=t.slice(1,n),s=t.slice(n+1);return new RegExp(r,s).test(String(e))}return String(e)===t}catch{return!1}}function lt(e,t={}){const{args:n=[],messages:r={}}=t,[s]=n;return ct(e,s)?!0:it(e,r,s)}function ft(e,t){const n=e.max;return typeof n=="function"?n({value:t}):n??`Must be at most ${t}`}function mt(e,t){if(!e&&e!==0)return!0;const n=Number(t);if(isNaN(n))return!1;if(typeof e=="number")return e<=n;if(typeof e=="string"){const r=Number(e);return isNaN(r)?e.length<=n:r<=n}return Array.isArray(e)?e.length<=n:!1}function dt(e,t={}){const{args:n=[],messages:r={}}=t,[s]=n;return mt(e,s)?!0:ft(r,s)}function gt(e,t){const n=e.min;return typeof n=="function"?n({value:t}):n??`Must be at least ${t}`}function pt(e,t){if(!e&&e!==0)return!0;const n=Number(t);if(isNaN(n))return!1;if(typeof e=="number")return e>=n;if(typeof e=="string"){const r=Number(e);return isNaN(r)?e.length>=n:r>=n}return Array.isArray(e)?e.length>=n:!1}function bt(e,t={}){const{args:n=[],messages:r={}}=t,[s]=n;return pt(e,s)?!0:gt(r,s)}function yt(e,t){const n=e.not;return typeof n=="function"?n({disallowedValues:t}):n??`Must not be one of: ${t.join(", ")}`}function $t(e,...t){return!e&&e!==0&&e!==!1?!0:!t.includes(String(e))}function ht(e,t={}){const{args:n=[],messages:r={}}=t;return $t(e,...n)?!0:yt(r,n)}function vt(e){const t=e.number;return typeof t=="function"?t({}):t??"Must be a valid number"}function Mt(e){if(e==null||e==="")return!0;if(Number.isNaN(e))return!1;const t=Number(e);return!isNaN(t)&&isFinite(t)}function Nt(e,t={}){const{messages:n={}}=t;return Mt(e)?!0:vt(n)}function wt(e){const t=e.required;return typeof t=="function"?t({}):t??"This field is required"}function At(e){return e==null||e===""?!1:typeof e=="string"?e.trim().length>0:Array.isArray(e)?e.length>0:typeof e=="object"?Object.keys(e).length>0:e===0?!0:!!e}function St(e,t={}){const{messages:n={}}=t;return At(e)?!0:wt(n)}function Dt(e,t){const n=e.startsWith;return typeof n=="function"?n({prefix:t.length===1?t[0]:t}):n??`Must start with: ${t.join(", ")}`}function Ft(e,...t){if(!e)return!0;const n=String(e);return t.some(r=>n.startsWith(r))}function xt(e,t={}){const{args:n=[],messages:r={}}=t;return Ft(e,...n)?!0:Dt(r,n)}function Vt(e){const t=e.symbol;return typeof t=="function"?t({}):t??"Must contain only symbols"}function jt(e){return e?/^[^\w\s]+$/.test(String(e)):!0}function Pt(e,t={}){const{messages:n={}}=t;return jt(e)?!0:Vt(n)}function Tt(e){const t=e.uppercase;return typeof t=="function"?t({}):t??"Must contain only uppercase characters"}function Ct(e){return e?/^[A-Z]+$/.test(String(e)):!0}function qt(e,t={}){const{messages:n={}}=t;return Ct(e)?!0:Tt(n)}function Et(e){const t=e.url;return typeof t=="function"?t({}):t??"Must be a valid URL"}function Bt(e){if(!e)return!0;try{const t=new URL(String(e));return["http:","https:","ftp:","ftps:"].includes(t.protocol)}catch{return!1}}function Ot(e,t={}){const{messages:n={}}=t;return Bt(e)?!0:Et(n)}const Rt=Object.freeze(Object.defineProperty({__proto__:null,accepted:k,alpha:Y,alphaSpaces:ee,alphanumeric:J,between:re,confirm:ae,containsAlpha:ce,containsAlphaSpaces:pe,containsAlphanumeric:me,containsLowercase:$e,containsNumeric:Me,containsSymbol:Ae,containsUppercase:Fe,dateAfter:je,dateAfterOrEqual:Ce,dateBefore:Be,dateBeforeOrEqual:Le,dateBetween:ze,dateFormat:Ke,email:Ge,endsWith:Qe,is:tt,length:st,lowercase:ut,matches:lt,max:dt,min:bt,not:ht,number:Nt,required:St,startsWith:xt,symbol:Pt,uppercase:qt,url:Ot},Symbol.toStringTag,{value:"Module"})),Lt={install(e,t={}){j(Rt),t.rules&&j(t.rules);const n=o.isRef(t.locale)?t.locale:o.ref(t.locale??"en"),r={en:E};t.locales&&Object.keys(t.locales).forEach(a=>{r[a]={...r[a]??{},...t.locales[a]}});const s=o.shallowRef(r);e.provide(C,{locale:o.readonly(n),locales:o.readonly(s),setLocale:a=>{s.value[a]?n.value=a:console.warn(`Locale "${a}" not available.`)}})}},O=Symbol("form-state-context"),Wt=e=>{o.provide(O,e)},_t=(e=null)=>{const t=o.inject(O,e);if(!t&&t!==null)throw new Error("Context with formStateContextKey not found");return t},R=Symbol("form-context"),zt=e=>{o.provide(R,e)},It=(e=null)=>{const t=o.inject(R,e);if(!t&&t!==null)throw new Error("Context with formContextKey not found");return t};function Ut(e,t){if(!(!e||!t))return t.split(".").reduce((n,r)=>n==null?void 0:n[r],e)}function kt(e,t,n){if(!e||!t)return e;const r=t.split("."),s=r.pop(),a=r.reduce((u,d,c)=>{if(u[d]===null||u[d]===void 0){const y=r[c+1]||s;u[d]=/^\d+$/.test(y)?[]:{}}return u[d]},e);return a[s]=n,e}const Kt=o.defineComponent({__name:"Form",props:{modelValue:{default:()=>({})},modelModifiers:{}},emits:o.mergeModels(["submit"],["update:modelValue"]),setup(e,{emit:t}){const n=t,r=o.useModel(e,"modelValue");o.isReactive(r.value)||(r.value=o.reactive(r.value??{}));const s=o.ref({}),a=o.ref([]),u=o.computed(()=>r.value),d=o.computed(()=>a.value[0]??null),c=o.computed(()=>Object.keys(s.value).every(i=>s.value[i].isValid)),y=()=>{Object.keys(s.value).forEach(i=>{var p,g;(g=(p=s.value[i]).validate)==null||g.call(p)})},l=()=>{y(),c.value&&(a.value=[],n("submit",r.value,{setErrors:f,reset:m}))},f=(...i)=>{var p;if(i.length===1){const g=i[0];if(typeof g=="object"&&!Array.isArray(g)&&g!==null){Object.keys(g).forEach($=>{f($,g[$])});return}a.value=Array.isArray(g)?g:[g]}else if(i.length===2){const[g,$]=i;(p=s.value[g])==null||p.setErrors($)}},m=()=>{a.value=[],Object.keys(s.value).forEach(i=>{s.value[i].reset()})};return Wt({getFields(){return s.value},getField(i){return s.value[i]},addField(i,p){s.value[i]=p},removeField(i){delete s.value[i]},setFieldValue(i,p){kt(r.value,i,p)},getFieldValue(i){return Ut(r.value,i)}}),zt({values:u,isValid:c,error:d,errors:a,fields:s,reset:m,setErrors:f,validate:y}),(i,p)=>(o.openBlock(),o.createElementBlock("form",{onSubmit:o.withModifiers(l,["prevent"])},[o.renderSlot(i.$slots,"default",o.normalizeProps(o.guardReactiveProps({isValid:c.value,error:d.value,errors:a.value,values:u.value,fields:s.value,reset:m,setErrors:f,validate:y})))],32))}});function L(e){if(!e||typeof e!="string")return{};const t=e.split("|").filter(Boolean),n={};for(const r of t){const[s,...a]=r.split(":"),u=s.trim();if(a.length===0)n[u]=!0;else{const c=a.join(":").split(",").map(y=>y.trim());n[u]=c.length===1?c[0]:c}}return n}const Zt=(e,t,n={},r={})=>{if(!t)return!0;const s=L(t),a=[];for(const[u,d]of Object.entries(s)){const c=z(u);if(c){const l={args:d===!0?[]:Array.isArray(d)?d:[d],messages:n,fields:r},f=c(e,l);f!==!0&&a.push(f??"Invalid value")}else console.warn(`[Forms] Validation rule "${u}" not found.`)}return a.length===0?!0:a},Yt=(e,t)=>{const n=t(e);return n===!0?!0:typeof n=="string"?[n]:Array.isArray(n)?n:!!n?!0:["Invalid value"]};typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const P=()=>{};function Gt(e,t){function n(...r){return new Promise((s,a)=>{Promise.resolve(e(()=>t.apply(this,r),{fn:t,thisArg:this,args:r})).then(s).catch(a)})}return n}const Ht=e=>e();function Jt(e,t={}){let n,r,s=P;const a=c=>{clearTimeout(c),s(),s=P};let u;return c=>{const y=o.toValue(e),l=o.toValue(t.maxWait);return n&&a(n),y<=0||l!==void 0&&l<=0?(r&&(a(r),r=void 0),Promise.resolve(c())):new Promise((f,m)=>{s=t.rejectOnCancel?m:f,u=c,l&&!r&&(r=setTimeout(()=>{n&&a(n),r=void 0,f(u())},l)),n=setTimeout(()=>{r&&a(r),r=void 0,f(c())},y)})}}function Qt(e,t,n={}){const{eventFilter:r=Ht,...s}=n;return o.watch(e,Gt(r,t),s)}function T(e,t,n={}){const{debounce:r=0,maxWait:s=void 0,...a}=n;return Qt(e,t,{...a,eventFilter:Jt(r,{maxWait:s})})}function Xt(e,t={}){const n=o.ref(!0),r=o.ref(!1),s=o.ref([]),a=o.ref(null),u=o.computed(()=>o.toValue(t.rules)??null),d=o.computed(()=>o.toValue(t.messages)??{}),c=o.computed(()=>o.toValue(t.fields)??{}),y=o.computed(()=>{if(!u.value||typeof u.value!="string")return null;const i=L(u.value).confirm;if(!i||i===!0)return null;const p=c.value[i];return(p==null?void 0:p.value)??null}),l=()=>{let m;return typeof u.value=="function"?m=Yt(o.toValue(e),u.value):m=Zt(o.toValue(e),u.value,d.value,c.value),m===!0?(n.value=!0,s.value=[],!0):Array.isArray(m)?(n.value=!1,s.value=m,!1):m},f=()=>{a.value&&clearTimeout(a.value),r.value=!0,n.value=!0,s.value=[],a.value=setTimeout(()=>{r.value=!1,a.value=null},1e3)};return T(()=>o.toValue(e),()=>{r.value||l()},{debounce:300}),T(()=>o.toValue(y),()=>{r.value||o.toValue(e)&&l()},{debounce:300}),{validate:l,reset:f,isValid:o.readonly(n),errors:o.readonly(s)}}const A=Symbol("field-context"),en=e=>{o.provide(A,e)};function tn(e){if(e===void 0){const t=o.inject(A);if(!t)throw new Error("useFieldContext() must be called inside a Field component");return t}return o.inject(A,e)}const nn=o.defineComponent({__name:"Field",props:o.mergeModels({id:{},name:{},validation:{type:[String,Function,null]},validationMessages:{},error:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const t=e,n=o.useModel(e,"modelValue"),r=o.useId(),s=_t(),a=q(),u=o.computed({get:()=>s?s.getFieldValue(t.name):n.value,set:b=>{s?s.setFieldValue(t.name,b):n.value=b}}),d=o.computed(()=>t.validation??null),c=o.computed(()=>({...a?a.locales.value[a.locale.value]:{},...t.validationMessages??{}})),y=o.computed({get:()=>s?s.getFields():{},set:()=>{}}),l=Xt(u,{rules:d,messages:c,fields:y}),f=o.ref(!1),m=o.ref(!1),i=o.ref([]),p=o.computed(()=>u.value??null),g=o.computed(()=>l.isValid.value&&i.value.length===0),$=o.computed(()=>[...l.errors.value,...i.value]),h=o.computed(()=>$.value[0]??null),S=o.toValue(u),v=t.id??r,M=`${v}-error`,N=`${v}-help`,W=b=>{i.value=Array.isArray(b)?b:[b]},w=()=>{u.value=S,f.value=!1,m.value=!1,i.value=[],l.reset()};o.watch(()=>t.error,b=>{b?i.value=Array.isArray(b)?b:[b]:i.value=[]},{immediate:!0});const D=o.computed(()=>({id:v,name:t.name,modelValue:u.value,"aria-invalid":!!h.value,"aria-describedby":h.value?`${M} ${N}`:N,"aria-errormessage":h.value?M:void 0,"onUpdate:modelValue":b=>{u.value=b,!m.value&&b!==S&&(m.value=!0)},onBlur:()=>{f.value||(f.value=!0,l.validate())}})),F={for:v},x={id:M,role:"alert","aria-live":"polite"},V={id:N};return o.onMounted(()=>{s&&s.addField(t.name,{value:p,isValid:g,isTouched:f,isDirty:m,error:h,errors:$,setErrors:W,reset:w,validate:l.validate})}),o.onUnmounted(()=>{s&&s.removeField(t.name)}),en({inputValue:u,inputProps:D,labelProps:F,helpProps:V,errorProps:x,isValid:g,isTouched:f,isDirty:m,error:h,errors:$,validate:l.validate,reset:w}),(b,on)=>(o.openBlock(),o.createElementBlock("div",null,[o.renderSlot(b.$slots,"default",o.normalizeProps(o.guardReactiveProps({inputValue:u.value,inputProps:D.value,labelProps:F,helpProps:V,errorProps:x,isValid:g.value,isTouched:f.value,isDirty:m.value,error:h.value,errors:$.value,validate:o.unref(l).validate,reset:w})))]))}});function rn(){const e=q();if(!e)throw new Error("[Valiform] useLocale() must be used inside a component with FormsPlugin installed.");return{locale:e.locale,locales:e.locales,setLocale:e.setLocale}}const sn={required:"Este campo es obligatorio",email:"Por favor ingresa un email válido",min:({value:e})=>`Debe ser al menos ${e}`,max:({value:e})=>`Debe ser como máximo ${e}`,matches:"El formato no es válido",number:"Debe ser un número válido",accepted:"Debe ser aceptado",alpha:"Debe contener solo caracteres alfabéticos",alphanumeric:"Debe contener solo letras y números",alphaSpaces:"Debe contener solo letras y espacios",between:({min:e,max:t})=>`Debe estar entre ${e} y ${t}`,confirm:({fieldName:e})=>`Debe coincidir con ${e}`,containsAlpha:"Debe contener al menos una letra",containsAlphanumeric:"Debe contener al menos una letra o número",containsAlphaSpaces:"Debe contener al menos una letra o espacio",containsLowercase:"Debe contener al menos una letra minúscula",containsNumeric:"Debe contener al menos un número",containsSymbol:"Debe contener al menos un símbolo",containsUppercase:"Debe contener al menos una letra mayúscula",dateAfter:({date:e})=>e?`Debe ser posterior a ${e}`:"Debe ser posterior a hoy",dateAfterOrEqual:({date:e})=>e?`Debe ser posterior o igual a ${e}`:"Debe ser posterior o igual a hoy",dateBefore:({date:e})=>e?`Debe ser anterior a ${e}`:"Debe ser anterior a hoy",dateBeforeOrEqual:({date:e})=>e?`Debe ser anterior o igual a ${e}`:"Debe ser anterior o igual a hoy",dateBetween:({startDate:e,endDate:t})=>`Debe estar entre ${e} y ${t}`,dateFormat:({format:e})=>`Debe coincidir con el formato ${e}`,endsWith:({suffix:e})=>Array.isArray(e)?`Debe terminar con uno de: ${e.map(t=>`"${t}"`).join(", ")}`:`Debe terminar con "${e}"`,is:({allowedValues:e})=>`Debe ser uno de: ${Array.isArray(e)?e.join(", "):e}`,length:({value:e,min:t,max:n})=>t!==void 0&&n!==void 0?`Debe tener entre ${t} y ${n} caracteres`:e!==void 0?`Debe tener exactamente ${e} caracteres`:"Longitud inválida",lowercase:"Debe contener solo caracteres en minúscula",not:({disallowedValues:e})=>`No debe ser uno de: ${Array.isArray(e)?e.join(", "):e}`,startsWith:({prefix:e})=>Array.isArray(e)?`Debe comenzar con uno de: ${e.join(", ")}`:`Debe comenzar con "${e}"`,symbol:"Debe contener solo símbolos",uppercase:"Debe contener solo caracteres en mayúscula",url:"Debe ser una URL válida"};exports.Field=nn;exports.Form=Kt;exports.FormsPlugin=Lt;exports.en=E;exports.es=sn;exports.useFieldContext=tn;exports.useFormContext=It;exports.useLocale=rn;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),T=Symbol("locale-context"),q=(e=null)=>{const t=o.inject(T,e);if(!t&&t!==null)throw new Error("Context with localeContextKey not found");return t},E={required:"This field is required",email:"Please enter a valid email address",min:({value:e})=>`Must be at least ${e}`,max:({value:e})=>`Must be at most ${e}`,matches:"Format is not valid",number:"Must be a valid number",accepted:"Must be accepted",alpha:"Must contain only alphabetical characters",alphanumeric:"Must contain only letters and numbers",alphaSpaces:"Must contain only letters and spaces",between:({min:e,max:t})=>`Must be between ${e} and ${t}`,confirm:({fieldName:e})=>`Must match ${e}`,containsAlpha:"Must contain at least one letter",containsAlphanumeric:"Must contain at least one letter or number",containsAlphaSpaces:"Must contain at least one letter or space",containsLowercase:"Must contain at least one lowercase letter",containsNumeric:"Must contain at least one number",containsSymbol:"Must contain at least one symbol",containsUppercase:"Must contain at least one uppercase letter",dateAfter:({date:e})=>e?`Must be after ${e}`:"Must be after today",dateAfterOrEqual:({date:e})=>e?`Must be after or equal to ${e}`:"Must be after or equal to today",dateBefore:({date:e})=>e?`Must be before ${e}`:"Must be before today",dateBeforeOrEqual:({date:e})=>e?`Must be before or equal to ${e}`:"Must be before or equal to today",dateBetween:({startDate:e,endDate:t})=>`Must be between ${e} and ${t}`,dateFormat:({format:e})=>`Must match the format ${e}`,endsWith:({suffix:e})=>Array.isArray(e)?`Must end with one of: ${e.map(t=>`"${t}"`).join(", ")}`:`Must end with "${e}"`,is:({allowedValues:e})=>`Must be one of: ${Array.isArray(e)?e.join(", "):e}`,length:({value:e,min:t,max:n})=>t!==void 0&&n!==void 0?`Must be between ${t} and ${n} characters`:e!==void 0?`Must be exactly ${e} characters`:"Invalid length",lowercase:"Must contain only lowercase characters",not:({disallowedValues:e})=>`Must not be one of: ${Array.isArray(e)?e.join(", "):e}`,startsWith:({prefix:e})=>Array.isArray(e)?`Must start with one of: ${e.join(", ")}`:`Must start with "${e}"`,symbol:"Must contain only symbols",uppercase:"Must contain only uppercase characters",url:"Must be a valid URL"},R=o.shallowRef(new Map),B=(e,t)=>{R.value.set(e,t)},D=e=>{Object.entries(e).forEach(([t,n])=>{B(t,n)})},_=e=>R.value.get(e);function z(e){const t=e.accepted;return typeof t=="function"?t({}):t??"Must be accepted"}function U(e){return e?["yes","on","1","true"].includes(String(e).toLowerCase()):!1}function k(e,t={}){const{messages:n={}}=t;return U(e)?!0:z(n)}function K(e){const t=e.alpha;return typeof t=="function"?t({}):t??"Must contain only alphabetical characters"}function Z(e){return e?/^[a-zA-Z]+$/.test(String(e)):!0}function Y(e,t={}){const{messages:n={}}=t;return Z(e)?!0:K(n)}function G(e){const t=e.alphanumeric;return typeof t=="function"?t({}):t??"Must contain only letters and numbers"}function H(e){return e?/^[a-zA-Z0-9]+$/.test(String(e)):!0}function J(e,t={}){const{messages:n={}}=t;return H(e)?!0:G(n)}function Q(e){const t=e.alphaSpaces;return typeof t=="function"?t({}):t??"Must contain only letters and spaces"}function X(e){return e?/^[a-zA-Z\s]+$/.test(String(e)):!0}function ee(e,t={}){const{messages:n={}}=t;return X(e)?!0:Q(n)}function te(e,t,n){const r=e.between;return typeof r=="function"?r({min:t,max:n}):r??`Must be between ${t} and ${n}`}function ne(e,t,n){if(!e&&e!==0)return!0;const r=Number(e);if(isNaN(r))return!1;const s=Number(t),a=Number(n);return isNaN(s)||isNaN(a)?!1:r>=s&&r<=a}function re(e,t={}){const{args:n=[],messages:r={}}=t,[s,a]=n;return ne(e,s,a)?!0:te(r,s,a)}function se(e,t){const n=e.confirm;return typeof n=="function"?n({fieldName:t}):n??`Must match ${t}`}function oe(e,t,n){var r;return e?n?e===((r=n[t])==null?void 0:r.value):!1:!0}function ae(e,t={}){const{args:n=[],messages:r={},fields:s={}}=t,[a]=n;return oe(e,a,s)?!0:se(r,a)}function ue(e){const t=e.containsAlpha;return typeof t=="function"?t({}):t??"Must contain at least one letter"}function ie(e){return e?/[a-zA-Z]/.test(String(e)):!0}function ce(e,t={}){const{messages:n={}}=t;return ie(e)?!0:ue(n)}function le(e){const t=e.containsAlphanumeric;return typeof t=="function"?t({}):t??"Must contain at least one letter or number"}function fe(e){return e?/[a-zA-Z0-9]/.test(String(e)):!0}function me(e,t={}){const{messages:n={}}=t;return fe(e)?!0:le(n)}function de(e){const t=e.containsAlphaSpaces;return typeof t=="function"?t({}):t??"Must contain at least one letter or space"}function ge(e){return e?/[a-zA-Z\s]/.test(String(e)):!0}function pe(e,t={}){const{messages:n={}}=t;return ge(e)?!0:de(n)}function be(e){const t=e.containsLowercase;return typeof t=="function"?t({}):t??"Must contain at least one lowercase letter"}function ye(e){return e?/[a-z]/.test(String(e)):!0}function $e(e,t={}){const{messages:n={}}=t;return ye(e)?!0:be(n)}function he(e){const t=e.containsNumeric;return typeof t=="function"?t({}):t??"Must contain at least one number"}function ve(e){return e?/\d/.test(String(e)):!0}function Me(e,t={}){const{messages:n={}}=t;return ve(e)?!0:he(n)}function Ne(e){const t=e.containsSymbol;return typeof t=="function"?t({}):t??"Must contain at least one symbol"}function we(e){return e?/[^\w\s]/.test(String(e)):!0}function Ae(e,t={}){const{messages:n={}}=t;return we(e)?!0:Ne(n)}function De(e){const t=e.containsUppercase;return typeof t=="function"?t({}):t??"Must contain at least one uppercase letter"}function Se(e){return e?/[A-Z]/.test(String(e)):!0}function Fe(e,t={}){const{messages:n={}}=t;return Se(e)?!0:De(n)}function Ve(e,t){const n=e.dateAfter;return typeof n=="function"?n({date:t}):n??(t?`Must be after ${t}`:"Must be after today")}function xe(e,t){if(!e)return!0;const n=new Date(String(e)),r=t?new Date(t):new Date;return!isNaN(n.getTime())&&!isNaN(r.getTime())&&n>r}function je(e,t={}){const{args:n=[],messages:r={}}=t,[s]=n;return xe(e,s)?!0:Ve(r,s)}function Pe(e,t){const n=e.dateAfterOrEqual;return typeof n=="function"?n({date:t}):n??(t?`Must be after or equal to ${t}`:"Must be after or equal to today")}function Ce(e,t){if(!e)return!0;const n=new Date(String(e)),r=t?new Date(t):new Date;return!isNaN(n.getTime())&&!isNaN(r.getTime())&&n>=r}function Te(e,t={}){const{args:n=[],messages:r={}}=t,[s]=n;return Ce(e,s)?!0:Pe(r,s)}function qe(e,t){const n=e.dateBefore;return typeof n=="function"?n({date:t}):n??(t?`Must be before ${t}`:"Must be before today")}function Ee(e,t){if(!e)return!0;const n=new Date(String(e)),r=t?new Date(t):new Date;return!isNaN(n.getTime())&&!isNaN(r.getTime())&&n<r}function Re(e,t={}){const{args:n=[],messages:r={}}=t,[s]=n;return Ee(e,s)?!0:qe(r,s)}function Be(e,t){const n=e.dateBeforeOrEqual;return typeof n=="function"?n({date:t}):n??(t?`Must be before or equal to ${t}`:"Must be before or equal to today")}function Oe(e,t){if(!e)return!0;const n=new Date(String(e)),r=t?new Date(t):new Date;return!isNaN(n.getTime())&&!isNaN(r.getTime())&&n<=r}function Ie(e,t={}){const{args:n=[],messages:r={}}=t,[s]=n;return Oe(e,s)?!0:Be(r,s)}function Le(e,t,n){const r=e.dateBetween;return typeof r=="function"?r({startDate:t,endDate:n}):r??`Must be between ${t} and ${n}`}function We(e,t,n){if(!e)return!0;const r=new Date(String(e)),s=new Date(t),a=new Date(n);return!isNaN(r.getTime())&&!isNaN(s.getTime())&&!isNaN(a.getTime())&&r>=s&&r<=a}function _e(e,t={}){const{args:n=[],messages:r={}}=t,[s,a]=n;return We(e,s,a)?!0:Le(r,s,a)}const ze=e=>{const t=e.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&"),n={YYYY:"\\d{4}",YY:"\\d{2}",MM:"(0[1-9]|1[012])",M:"([1-9]|1[012])",DD:"([012][0-9]|3[01])",D:"([012]?[0-9]|3[01])"};let r=t;return Object.keys(n).forEach(s=>{r=r.replace(new RegExp(s,"g"),n[s])}),new RegExp(`^${r}$`)};function Ue(e,t){const n=e.dateFormat;return typeof n=="function"?n({format:t}):n??`Must match the format ${t}`}function ke(e,t){return e?t&&typeof t=="string"?ze(t).test(String(e)):!isNaN(Date.parse(String(e))):!0}function Ke(e,t={}){const{args:n=[],messages:r={}}=t,[s]=n;return ke(e,s)?!0:Ue(r,s)}function Ze(e){const t=e.email;return typeof t=="function"?t({}):t??"Please enter a valid email address"}function Ye(e){return e?/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(String(e)):!0}function Ge(e,t={}){const{messages:n={}}=t;return Ye(e)?!0:Ze(n)}function He(e,t){const n=e.endsWith;return typeof n=="function"?n({suffix:t.length===1?t[0]:t}):n??`Must end with: ${t.join(", ")}`}function Je(e,...t){if(!e)return!0;const n=String(e);return t.some(r=>n.endsWith(r))}function Qe(e,t={}){const{args:n=[],messages:r={}}=t;return Je(e,...n)?!0:He(r,n)}function Xe(e,t){const n=e.is;return typeof n=="function"?n({allowedValues:t}):n??`Must be one of: ${t.join(", ")}`}function et(e,...t){return!e&&e!==0&&e!==!1?!0:t.includes(String(e))}function tt(e,t={}){const{args:n=[],messages:r={}}=t;return et(e,...n)?!0:Xe(r,n)}function nt(e,t,n){const r=e.length;return n!==void 0?typeof r=="function"?r({min:t,max:n}):r??`Must be between ${t} and ${n} characters`:typeof r=="function"?r({value:t}):r??`Must be exactly ${t} characters`}function rt(e,t,n){if(!e&&e!==0)return!0;let r=0;if(typeof e=="string")r=e.length;else if(Array.isArray(e))r=e.length;else if(typeof e=="object"&&e!==null)r=Object.keys(e).length;else return!1;if(n!==void 0){const a=Number(t),u=Number(n);return!isNaN(a)&&!isNaN(u)&&r>=a&&r<=u}const s=Number(t);return!isNaN(s)&&r===s}function st(e,t={}){const{args:n=[],messages:r={}}=t,[s,a]=n;return rt(e,s,a)?!0:nt(r,s,a)}function ot(e){const t=e.lowercase;return typeof t=="function"?t({}):t??"Must contain only lowercase characters"}function at(e){return e?/^[a-z]+$/.test(String(e)):!0}function ut(e,t={}){const{messages:n={}}=t;return at(e)?!0:ot(n)}function it(e,t,n){const r=t.matches;return typeof r=="function"?r({value:e,pattern:n}):r??"Format is not valid"}function ct(e,t){if(!e)return!0;if(!t)return!1;try{if(t.startsWith("/")&&t.includes("/",1)){const n=t.lastIndexOf("/"),r=t.slice(1,n),s=t.slice(n+1);return new RegExp(r,s).test(String(e))}return String(e)===t}catch{return!1}}function lt(e,t={}){const{args:n=[],messages:r={}}=t,[s]=n;return ct(e,s)?!0:it(e,r,s)}function ft(e,t){const n=e.max;return typeof n=="function"?n({value:t}):n??`Must be at most ${t}`}function mt(e,t){if(!e&&e!==0)return!0;const n=Number(t);if(isNaN(n))return!1;if(typeof e=="number")return e<=n;if(typeof e=="string"){const r=Number(e);return isNaN(r)?e.length<=n:r<=n}return Array.isArray(e)?e.length<=n:!1}function dt(e,t={}){const{args:n=[],messages:r={}}=t,[s]=n;return mt(e,s)?!0:ft(r,s)}function gt(e,t){const n=e.min;return typeof n=="function"?n({value:t}):n??`Must be at least ${t}`}function pt(e,t){if(!e&&e!==0)return!0;const n=Number(t);if(isNaN(n))return!1;if(typeof e=="number")return e>=n;if(typeof e=="string"){const r=Number(e);return isNaN(r)?e.length>=n:r>=n}return Array.isArray(e)?e.length>=n:!1}function bt(e,t={}){const{args:n=[],messages:r={}}=t,[s]=n;return pt(e,s)?!0:gt(r,s)}function yt(e,t){const n=e.not;return typeof n=="function"?n({disallowedValues:t}):n??`Must not be one of: ${t.join(", ")}`}function $t(e,...t){return!e&&e!==0&&e!==!1?!0:!t.includes(String(e))}function ht(e,t={}){const{args:n=[],messages:r={}}=t;return $t(e,...n)?!0:yt(r,n)}function vt(e){const t=e.number;return typeof t=="function"?t({}):t??"Must be a valid number"}function Mt(e){if(e==null||e==="")return!0;if(Number.isNaN(e))return!1;const t=Number(e);return!isNaN(t)&&isFinite(t)}function Nt(e,t={}){const{messages:n={}}=t;return Mt(e)?!0:vt(n)}function wt(e){const t=e.required;return typeof t=="function"?t({}):t??"This field is required"}function At(e){return e==null||e===""?!1:typeof e=="string"?e.trim().length>0:Array.isArray(e)?e.length>0:typeof e=="object"?Object.keys(e).length>0:e===0?!0:!!e}function Dt(e,t={}){const{messages:n={}}=t;return At(e)?!0:wt(n)}function St(e,t){const n=e.startsWith;return typeof n=="function"?n({prefix:t.length===1?t[0]:t}):n??`Must start with: ${t.join(", ")}`}function Ft(e,...t){if(!e)return!0;const n=String(e);return t.some(r=>n.startsWith(r))}function Vt(e,t={}){const{args:n=[],messages:r={}}=t;return Ft(e,...n)?!0:St(r,n)}function xt(e){const t=e.symbol;return typeof t=="function"?t({}):t??"Must contain only symbols"}function jt(e){return e?/^[^\w\s]+$/.test(String(e)):!0}function Pt(e,t={}){const{messages:n={}}=t;return jt(e)?!0:xt(n)}function Ct(e){const t=e.uppercase;return typeof t=="function"?t({}):t??"Must contain only uppercase characters"}function Tt(e){return e?/^[A-Z]+$/.test(String(e)):!0}function qt(e,t={}){const{messages:n={}}=t;return Tt(e)?!0:Ct(n)}function Et(e){const t=e.url;return typeof t=="function"?t({}):t??"Must be a valid URL"}function Rt(e){if(!e)return!0;try{const t=new URL(String(e));return["http:","https:","ftp:","ftps:"].includes(t.protocol)}catch{return!1}}function Bt(e,t={}){const{messages:n={}}=t;return Rt(e)?!0:Et(n)}const Ot=Object.freeze(Object.defineProperty({__proto__:null,accepted:k,alpha:Y,alphaSpaces:ee,alphanumeric:J,between:re,confirm:ae,containsAlpha:ce,containsAlphaSpaces:pe,containsAlphanumeric:me,containsLowercase:$e,containsNumeric:Me,containsSymbol:Ae,containsUppercase:Fe,dateAfter:je,dateAfterOrEqual:Te,dateBefore:Re,dateBeforeOrEqual:Ie,dateBetween:_e,dateFormat:Ke,email:Ge,endsWith:Qe,is:tt,length:st,lowercase:ut,matches:lt,max:dt,min:bt,not:ht,number:Nt,required:Dt,startsWith:Vt,symbol:Pt,uppercase:qt,url:Bt},Symbol.toStringTag,{value:"Module"})),It={install(e,t={}){D(Ot),t.rules&&D(t.rules);const n=o.isRef(t.locale)?t.locale:o.ref(t.locale??"en"),r={en:E};t.locales&&Object.keys(t.locales).forEach(a=>{r[a]={...r[a]??{},...t.locales[a]}});const s=o.shallowRef(r);e.provide(T,{locale:o.readonly(n),locales:o.readonly(s),setLocale:a=>{s.value[a]?n.value=a:console.warn(`Locale "${a}" not available.`)}})}},O=Symbol("form-state-context"),Lt=e=>{o.provide(O,e)},Wt=(e=null)=>{const t=o.inject(O,e);if(!t&&t!==null)throw new Error("Context with formStateContextKey not found");return t},I=Symbol("form-context"),_t=e=>{o.provide(I,e)},zt=(e=null)=>{const t=o.inject(I,e);if(!t&&t!==null)throw new Error("Context with formContextKey not found");return t};function Ut(e,t){if(!(!e||!t))return t.split(".").reduce((n,r)=>n==null?void 0:n[r],e)}function kt(e,t,n){if(!e||!t)return e;const r=t.split("."),s=r.pop(),a=r.reduce((u,l,c)=>{if(u[l]===null||u[l]===void 0){const g=r[c+1]||s;u[l]=/^\d+$/.test(g)?[]:{}}return u[l]},e);return a[s]=n,e}const Kt=o.defineComponent({__name:"Form",props:{modelValue:{default:()=>({})},modelModifiers:{}},emits:o.mergeModels(["submit"],["update:modelValue"]),setup(e,{emit:t}){const n=t,r=o.useModel(e,"modelValue");o.isReactive(r.value)||(r.value=o.reactive(r.value??{}));const s=o.ref({}),a=o.ref([]),u=o.computed(()=>r.value),l=o.computed(()=>a.value[0]??null),c=o.computed(()=>Object.keys(s.value).every(i=>s.value[i].isValid)),g=()=>{Object.keys(s.value).forEach(i=>{var b,p;(p=(b=s.value[i]).validate)==null||p.call(b)})},f=()=>{g(),c.value&&(a.value=[],n("submit",r.value,{setErrors:m,reset:d}))},m=(...i)=>{var b;if(i.length===1){const p=i[0];if(typeof p=="object"&&!Array.isArray(p)&&p!==null){Object.keys(p).forEach($=>{m($,p[$])});return}a.value=Array.isArray(p)?p:[p]}else if(i.length===2){const[p,$]=i;(b=s.value[p])==null||b.setErrors($)}},d=()=>{a.value=[],Object.keys(s.value).forEach(i=>{s.value[i].reset()})};return Lt({getFields(){return s.value},getField(i){return s.value[i]},addField(i,b){s.value[i]=b},removeField(i){delete s.value[i]},setFieldValue(i,b){kt(r.value,i,b)},getFieldValue(i){return Ut(r.value,i)}}),_t({values:u,isValid:c,error:l,errors:a,fields:s,reset:d,setErrors:m,validate:g}),(i,b)=>(o.openBlock(),o.createElementBlock("form",{onSubmit:o.withModifiers(f,["prevent"])},[o.renderSlot(i.$slots,"default",o.normalizeProps(o.guardReactiveProps({isValid:c.value,error:l.value,errors:a.value,values:u.value,fields:s.value,reset:d,setErrors:m,validate:g})))],32))}});function L(e){if(!e||typeof e!="string")return{};const t=e.split("|").filter(Boolean),n={};for(const r of t){const[s,...a]=r.split(":"),u=s.trim();if(a.length===0)n[u]=!0;else{const c=a.join(":").split(",").map(g=>g.trim());n[u]=c.length===1?c[0]:c}}return n}const Zt=(e,t,n={},r={})=>{if(!t)return!0;const s=L(t),a=[];for(const[u,l]of Object.entries(s)){const c=_(u);if(c){const f={args:l===!0?[]:Array.isArray(l)?l:[l],messages:n,fields:r},m=c(e,f);m!==!0&&a.push(m??"Invalid value")}else console.warn(`[Forms] Validation rule "${u}" not found.`)}return a.length===0?!0:a},Yt=(e,t)=>{const n=t(e);return n===!0?!0:typeof n=="string"?[n]:Array.isArray(n)?n:!!n?!0:["Invalid value"]};typeof WorkerGlobalScope<"u"&&globalThis instanceof WorkerGlobalScope;const P=()=>{};function Gt(e,t){function n(...r){return new Promise((s,a)=>{Promise.resolve(e(()=>t.apply(this,r),{fn:t,thisArg:this,args:r})).then(s).catch(a)})}return n}const Ht=e=>e();function Jt(e,t={}){let n,r,s=P;const a=c=>{clearTimeout(c),s(),s=P};let u;return c=>{const g=o.toValue(e),f=o.toValue(t.maxWait);return n&&a(n),g<=0||f!==void 0&&f<=0?(r&&(a(r),r=void 0),Promise.resolve(c())):new Promise((m,d)=>{s=t.rejectOnCancel?d:m,u=c,f&&!r&&(r=setTimeout(()=>{n&&a(n),r=void 0,m(u())},f)),n=setTimeout(()=>{r&&a(r),r=void 0,m(c())},g)})}}function Qt(e,t,n={}){const{eventFilter:r=Ht,...s}=n;return o.watch(e,Gt(r,t),s)}function C(e,t,n={}){const{debounce:r=0,maxWait:s=void 0,...a}=n;return Qt(e,t,{...a,eventFilter:Jt(r,{maxWait:s})})}function Xt(e,t={}){const n=o.ref(!0),r=o.ref(!1),s=o.ref([]),a=o.ref(null),u=o.computed(()=>o.toValue(t.rules)??null),l=o.computed(()=>o.toValue(t.messages)??{}),c=o.computed(()=>o.toValue(t.fields)??{}),g=o.computed(()=>{if(!u.value||typeof u.value!="string")return null;const i=L(u.value).confirm;if(!i||i===!0)return null;const b=c.value[i];return(b==null?void 0:b.value)??null}),f=()=>{let d;return typeof u.value=="function"?d=Yt(o.toValue(e),u.value):d=Zt(o.toValue(e),u.value,l.value,c.value),d===!0?(n.value=!0,s.value=[],!0):Array.isArray(d)?(n.value=!1,s.value=d,!1):d},m=()=>{a.value&&clearTimeout(a.value),r.value=!0,n.value=!0,s.value=[],a.value=setTimeout(()=>{r.value=!1,a.value=null},1e3)};return C(()=>o.toValue(e),()=>{r.value||f()},{debounce:300}),C(()=>o.toValue(g),()=>{r.value||o.toValue(e)&&f()},{debounce:300}),{validate:f,reset:m,isValid:o.readonly(n),errors:o.readonly(s)}}const M=Symbol("field-context"),en=e=>{o.provide(M,e)};function tn(e){if(e===void 0){const t=o.inject(M);if(!t)throw new Error("useFieldContext() must be called inside a Field component");return t}return o.inject(M,e)}const nn=o.defineComponent({__name:"Field",props:o.mergeModels({id:{},name:{},validation:{type:[String,Function,null]},validationMessages:{},error:{}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(e){const t=e,n=o.useModel(e,"modelValue"),r=o.useId(),s=Wt(),a=q(),u=o.computed({get:()=>s?s.getFieldValue(t.name):n.value,set:y=>{s?s.setFieldValue(t.name,y):n.value=y}}),l=o.computed(()=>t.validation??null),c=o.computed(()=>({...a?a.locales.value[a.locale.value]:{},...t.validationMessages??{}})),g=o.computed({get:()=>s?s.getFields():{},set:()=>{}}),f=Xt(u,{rules:l,messages:c,fields:g}),m=o.ref(!1),d=o.ref(!1),i=o.ref([]),b=o.computed(()=>u.value??null),p=o.computed(()=>f.isValid.value&&i.value.length===0),$=o.computed(()=>[...f.errors.value,...i.value]),h=o.computed(()=>$.value[0]??null),S=o.toValue(u),v=t.id??r,N=`${v}-error`,w=`${v}-help`,W=y=>{i.value=Array.isArray(y)?y:[y]},A=()=>{u.value=S,m.value=!1,d.value=!1,i.value=[],f.reset()};o.watch(()=>t.error,y=>{y?i.value=Array.isArray(y)?y:[y]:i.value=[]},{immediate:!0});const F=o.computed(()=>({id:v,name:t.name,modelValue:u.value,"aria-invalid":!!h.value,"aria-describedby":h.value?`${N} ${w}`:w,"aria-errormessage":h.value?N:void 0,"onUpdate:modelValue":y=>{u.value=y,!d.value&&y!==S&&(d.value=!0)},onBlur:()=>{m.value||(m.value=!0,f.validate())}})),V={for:v},x={id:N,role:"alert","aria-live":"polite"},j={id:w};return o.onMounted(()=>{s&&s.addField(t.name,{value:b,isValid:p,isTouched:m,isDirty:d,error:h,errors:$,setErrors:W,reset:A,validate:f.validate})}),o.onUnmounted(()=>{s&&s.removeField(t.name)}),en({inputValue:u,inputProps:F,labelProps:V,helpProps:j,errorProps:x,isValid:p,isTouched:m,isDirty:d,error:h,errors:$,validate:f.validate,reset:A}),(y,an)=>(o.openBlock(),o.createElementBlock("div",null,[o.renderSlot(y.$slots,"default",o.normalizeProps(o.guardReactiveProps({inputValue:u.value,inputProps:F.value,labelProps:V,helpProps:j,errorProps:x,isValid:p.value,isTouched:m.value,isDirty:d.value,error:h.value,errors:$.value,validate:o.unref(f).validate,reset:A})))]))}});function rn(){const e=q();if(!e)throw new Error("[Valiform] useLocale() must be used inside a component with FormsPlugin installed.");return{locale:e.locale,locales:e.locales,setLocale:e.setLocale}}function sn(e){const t=o.inject(M,null);if(t)return t;const n=o.toValue(e),r=o.useId(),s=`${r}-error`,a=`${r}-help`,u=o.ref(!1),l=o.ref(!1),c=o.computed(()=>({id:r,name:r,modelValue:e.value,"aria-invalid":!1,"aria-describedby":a,"aria-errormessage":void 0,"onUpdate:modelValue":g=>{e.value=g,!l.value&&g!==n&&(l.value=!0)},onBlur:()=>{u.value||(u.value=!0)}}));return{inputValue:e,inputProps:c,labelProps:{for:r},helpProps:{id:a},errorProps:{id:s,role:"alert","aria-live":"polite"},isValid:o.computed(()=>!0),isTouched:u,isDirty:l,error:o.computed(()=>null),errors:o.computed(()=>[]),validate:()=>!0,reset:()=>{e.value=n,u.value=!1,l.value=!1}}}const on={required:"Este campo es obligatorio",email:"Por favor ingresa un email válido",min:({value:e})=>`Debe ser al menos ${e}`,max:({value:e})=>`Debe ser como máximo ${e}`,matches:"El formato no es válido",number:"Debe ser un número válido",accepted:"Debe ser aceptado",alpha:"Debe contener solo caracteres alfabéticos",alphanumeric:"Debe contener solo letras y números",alphaSpaces:"Debe contener solo letras y espacios",between:({min:e,max:t})=>`Debe estar entre ${e} y ${t}`,confirm:({fieldName:e})=>`Debe coincidir con ${e}`,containsAlpha:"Debe contener al menos una letra",containsAlphanumeric:"Debe contener al menos una letra o número",containsAlphaSpaces:"Debe contener al menos una letra o espacio",containsLowercase:"Debe contener al menos una letra minúscula",containsNumeric:"Debe contener al menos un número",containsSymbol:"Debe contener al menos un símbolo",containsUppercase:"Debe contener al menos una letra mayúscula",dateAfter:({date:e})=>e?`Debe ser posterior a ${e}`:"Debe ser posterior a hoy",dateAfterOrEqual:({date:e})=>e?`Debe ser posterior o igual a ${e}`:"Debe ser posterior o igual a hoy",dateBefore:({date:e})=>e?`Debe ser anterior a ${e}`:"Debe ser anterior a hoy",dateBeforeOrEqual:({date:e})=>e?`Debe ser anterior o igual a ${e}`:"Debe ser anterior o igual a hoy",dateBetween:({startDate:e,endDate:t})=>`Debe estar entre ${e} y ${t}`,dateFormat:({format:e})=>`Debe coincidir con el formato ${e}`,endsWith:({suffix:e})=>Array.isArray(e)?`Debe terminar con uno de: ${e.map(t=>`"${t}"`).join(", ")}`:`Debe terminar con "${e}"`,is:({allowedValues:e})=>`Debe ser uno de: ${Array.isArray(e)?e.join(", "):e}`,length:({value:e,min:t,max:n})=>t!==void 0&&n!==void 0?`Debe tener entre ${t} y ${n} caracteres`:e!==void 0?`Debe tener exactamente ${e} caracteres`:"Longitud inválida",lowercase:"Debe contener solo caracteres en minúscula",not:({disallowedValues:e})=>`No debe ser uno de: ${Array.isArray(e)?e.join(", "):e}`,startsWith:({prefix:e})=>Array.isArray(e)?`Debe comenzar con uno de: ${e.join(", ")}`:`Debe comenzar con "${e}"`,symbol:"Debe contener solo símbolos",uppercase:"Debe contener solo caracteres en mayúscula",url:"Debe ser una URL válida"};exports.Field=nn;exports.Form=Kt;exports.FormsPlugin=It;exports.en=E;exports.es=on;exports.registerRule=B;exports.registerRules=D;exports.useFieldContext=tn;exports.useFormContext=zt;exports.useInputContext=sn;exports.useLocale=rn;

package/dist/index.js

@@ -1,6 +1,6 @@
-import { inject as N, shallowRef as R, isRef as te, ref as h, readonly as A, provide as j, defineComponent as W, useModel as L, isReactive as ne, reactive as re, computed as b, openBlock as _, createElementBlock as z, withModifiers as se, renderSlot as I, normalizeProps as U, guardReactiveProps as K, mergeModels as Z, watch as k, toValue as $, useId as oe, onMounted as ae, onUnmounted as ue, unref as ie } from "vue";
-const Y = Symbol("locale-context"), G = (e = null) => {
-  const t = N(Y, e);
+import { inject as N, shallowRef as R, isRef as ne, ref as h, readonly as A, provide as j, defineComponent as W, useModel as L, isReactive as re, reactive as se, computed as d, openBlock as I, createElementBlock as _, withModifiers as oe, renderSlot as z, normalizeProps as U, guardReactiveProps as K, mergeModels as Z, watch as k, toValue as $, useId as Y, onMounted as ae, onUnmounted as ue, unref as ie } from "vue";
+const G = Symbol("locale-context"), H = (e = null) => {
+  const t = N(G, e);
   if (!t && t !== null)
     throw new Error("Context with localeContextKey not found");
   return t;
@@ -39,13 +39,13 @@ const Y = Symbol("locale-context"), G = (e = null) => {
   symbol: "Must contain only symbols",
   uppercase: "Must contain only uppercase characters",
   url: "Must be a valid URL"
-}, H = R(/* @__PURE__ */ new Map()), le = (e, t) => {
-  H.value.set(e, t);
+}, J = R(/* @__PURE__ */ new Map()), le = (e, t) => {
+  J.value.set(e, t);
 }, E = (e) => {
   Object.entries(e).forEach(([t, n]) => {
     le(t, n);
   });
-}, fe = (e) => H.value.get(e);
+}, fe = (e) => J.value.get(e);
 function me(e) {
   const t = e.accepted;
   return typeof t == "function" ? t({}) : t ?? "Must be accepted";
@@ -117,18 +117,18 @@ function je(e, t = {}) {
   const { args: n = [], messages: r = {}, fields: s = {} } = t, [o] = n;
   return xe(e, o, s) ? !0 : Fe(r, o);
 }
-function Te(e) {
+function Ve(e) {
   const t = e.containsAlpha;
   return typeof t == "function" ? t({}) : t ?? "Must contain at least one letter";
 }
-function Ve(e) {
+function Pe(e) {
   return e ? /[a-zA-Z]/.test(String(e)) : !0;
 }
-function qe(e, t = {}) {
+function Te(e, t = {}) {
   const { messages: n = {} } = t;
-  return Ve(e) ? !0 : Te(n);
+  return Pe(e) ? !0 : Ve(n);
 }
-function Pe(e) {
+function qe(e) {
   const t = e.containsAlphanumeric;
   return typeof t == "function" ? t({}) : t ?? "Must contain at least one letter or number";
 }
@@ -137,18 +137,18 @@ function Ce(e) {
 }
 function Ee(e, t = {}) {
   const { messages: n = {} } = t;
-  return Ce(e) ? !0 : Pe(n);
+  return Ce(e) ? !0 : qe(n);
 }
-function Oe(e) {
+function Be(e) {
   const t = e.containsAlphaSpaces;
   return typeof t == "function" ? t({}) : t ?? "Must contain at least one letter or space";
 }
-function Be(e) {
+function Oe(e) {
   return e ? /[a-zA-Z\s]/.test(String(e)) : !0;
 }
 function Re(e, t = {}) {
   const { messages: n = {} } = t;
-  return Be(e) ? !0 : Oe(n);
+  return Oe(e) ? !0 : Be(n);
 }
 function We(e) {
   const t = e.containsLowercase;
@@ -157,20 +157,20 @@ function We(e) {
 function Le(e) {
   return e ? /[a-z]/.test(String(e)) : !0;
 }
-function _e(e, t = {}) {
+function Ie(e, t = {}) {
   const { messages: n = {} } = t;
   return Le(e) ? !0 : We(n);
 }
-function ze(e) {
+function _e(e) {
   const t = e.containsNumeric;
   return typeof t == "function" ? t({}) : t ?? "Must contain at least one number";
 }
-function Ie(e) {
+function ze(e) {
   return e ? /\d/.test(String(e)) : !0;
 }
 function Ue(e, t = {}) {
   const { messages: n = {} } = t;
-  return Ie(e) ? !0 : ze(n);
+  return ze(e) ? !0 : _e(n);
 }
 function Ke(e) {
   const t = e.containsSymbol;
@@ -352,15 +352,15 @@ function xt(e) {
 function jt(e) {
   return e ? /^[a-z]+$/.test(String(e)) : !0;
 }
-function Tt(e, t = {}) {
+function Vt(e, t = {}) {
   const { messages: n = {} } = t;
   return jt(e) ? !0 : xt(n);
 }
-function Vt(e, t, n) {
+function Pt(e, t, n) {
   const r = t.matches;
   return typeof r == "function" ? r({ value: e, pattern: n }) : r ?? "Format is not valid";
 }
-function qt(e, t) {
+function Tt(e, t) {
   if (!e) return !0;
   if (!t) return !1;
   try {
@@ -373,9 +373,9 @@ function qt(e, t) {
     return !1;
   }
 }
-function Pt(e, t = {}) {
+function qt(e, t = {}) {
   const { args: n = [], messages: r = {} } = t, [s] = n;
-  return qt(e, s) ? !0 : Vt(e, r, s);
+  return Tt(e, s) ? !0 : Pt(e, r, s);
 }
 function Ct(e, t) {
   const n = e.max;
@@ -392,11 +392,11 @@ function Et(e, t) {
   }
   return Array.isArray(e) ? e.length <= n : !1;
 }
-function Ot(e, t = {}) {
+function Bt(e, t = {}) {
   const { args: n = [], messages: r = {} } = t, [s] = n;
   return Et(e, s) ? !0 : Ct(r, s);
 }
-function Bt(e, t) {
+function Ot(e, t) {
   const n = e.min;
   return typeof n == "function" ? n({ value: t }) : n ?? `Must be at least ${t}`;
 }
@@ -413,20 +413,20 @@ function Rt(e, t) {
 }
 function Wt(e, t = {}) {
   const { args: n = [], messages: r = {} } = t, [s] = n;
-  return Rt(e, s) ? !0 : Bt(r, s);
+  return Rt(e, s) ? !0 : Ot(r, s);
 }
 function Lt(e, t) {
   const n = e.not;
   return typeof n == "function" ? n({ disallowedValues: t }) : n ?? `Must not be one of: ${t.join(", ")}`;
 }
-function _t(e, ...t) {
+function It(e, ...t) {
   return !e && e !== 0 && e !== !1 ? !0 : !t.includes(String(e));
 }
-function zt(e, t = {}) {
+function _t(e, t = {}) {
   const { args: n = [], messages: r = {} } = t;
-  return _t(e, ...n) ? !0 : Lt(r, n);
+  return It(e, ...n) ? !0 : Lt(r, n);
 }
-function It(e) {
+function zt(e) {
   const t = e.number;
   return typeof t == "function" ? t({}) : t ?? "Must be a valid number";
 }
@@ -438,7 +438,7 @@ function Ut(e) {
 }
 function Kt(e, t = {}) {
   const { messages: n = {} } = t;
-  return Ut(e) ? !0 : It(n);
+  return Ut(e) ? !0 : zt(n);
 }
 function Zt(e) {
   const t = e.required;
@@ -511,10 +511,10 @@ const un = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   alphanumeric: ve,
   between: Se,
   confirm: je,
-  containsAlpha: qe,
+  containsAlpha: Te,
   containsAlphaSpaces: Re,
   containsAlphanumeric: Ee,
-  containsLowercase: _e,
+  containsLowercase: Ie,
   containsNumeric: Ue,
   containsSymbol: ke,
   containsUppercase: He,
@@ -528,11 +528,11 @@ const un = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   endsWith: Mt,
   is: At,
   length: Ft,
-  lowercase: Tt,
-  matches: Pt,
-  max: Ot,
+  lowercase: Vt,
+  matches: qt,
+  max: Bt,
   min: Wt,
-  not: zt,
+  not: _t,
   number: Kt,
   required: Yt,
   startsWith: Jt,
@@ -542,12 +542,12 @@ const un = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 }, Symbol.toStringTag, { value: "Module" })), An = {
   install(e, t = {}) {
     E(un), t.rules && E(t.rules);
-    const n = te(t.locale) ? t.locale : h(t.locale ?? "en"), r = { en: ce };
+    const n = ne(t.locale) ? t.locale : h(t.locale ?? "en"), r = { en: ce };
     t.locales && Object.keys(t.locales).forEach((o) => {
       r[o] = { ...r[o] ?? {}, ...t.locales[o] };
     });
     const s = R(r);
-    e.provide(Y, {
+    e.provide(G, {
       locale: A(n),
       locales: A(s),
       setLocale: (o) => {
@@ -555,17 +555,17 @@ const un = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
       }
     });
   }
-}, J = Symbol("form-state-context"), cn = (e) => {
-  j(J, e);
+}, Q = Symbol("form-state-context"), cn = (e) => {
+  j(Q, e);
 }, ln = (e = null) => {
-  const t = N(J, e);
+  const t = N(Q, e);
   if (!t && t !== null)
     throw new Error("Context with formStateContextKey not found");
   return t;
-}, Q = Symbol("form-context"), fn = (e) => {
-  j(Q, e);
+}, X = Symbol("form-context"), fn = (e) => {
+  j(X, e);
 }, Dn = (e = null) => {
-  const t = N(Q, e);
+  const t = N(X, e);
   if (!t && t !== null)
     throw new Error("Context with formContextKey not found");
   return t;
@@ -576,12 +576,12 @@ function mn(e, t) {
 }
 function dn(e, t, n) {
   if (!e || !t) return e;
-  const r = t.split("."), s = r.pop(), o = r.reduce((a, m, i) => {
-    if (a[m] === null || a[m] === void 0) {
-      const y = r[i + 1] || s;
-      a[m] = /^\d+$/.test(y) ? [] : {};
+  const r = t.split("."), s = r.pop(), o = r.reduce((a, c, i) => {
+    if (a[c] === null || a[c] === void 0) {
+      const g = r[i + 1] || s;
+      a[c] = /^\d+$/.test(g) ? [] : {};
     }
-    return a[m];
+    return a[c];
   }, e);
   return o[s] = n, e;
 }
@@ -596,32 +596,32 @@ const Sn = /* @__PURE__ */ W({
   emits: /* @__PURE__ */ Z(["submit"], ["update:modelValue"]),
   setup(e, { emit: t }) {
     const n = t, r = L(e, "modelValue");
-    ne(r.value) || (r.value = re(r.value ?? {}));
-    const s = h({}), o = h([]), a = b(() => r.value), m = b(() => o.value[0] ?? null), i = b(
+    re(r.value) || (r.value = se(r.value ?? {}));
+    const s = h({}), o = h([]), a = d(() => r.value), c = d(() => o.value[0] ?? null), i = d(
       () => Object.keys(s.value).every((u) => s.value[u].isValid)
-    ), y = () => {
+    ), g = () => {
       Object.keys(s.value).forEach((u) => {
-        var g, d;
-        (d = (g = s.value[u]).validate) == null || d.call(g);
+        var b, p;
+        (p = (b = s.value[u]).validate) == null || p.call(b);
       });
-    }, c = () => {
-      y(), i.value && (o.value = [], n("submit", r.value, { setErrors: l, reset: f }));
-    }, l = (...u) => {
-      var g;
+    }, l = () => {
+      g(), i.value && (o.value = [], n("submit", r.value, { setErrors: f, reset: m }));
+    }, f = (...u) => {
+      var b;
       if (u.length === 1) {
-        const d = u[0];
-        if (typeof d == "object" && !Array.isArray(d) && d !== null) {
-          Object.keys(d).forEach((v) => {
-            l(v, d[v]);
+        const p = u[0];
+        if (typeof p == "object" && !Array.isArray(p) && p !== null) {
+          Object.keys(p).forEach((v) => {
+            f(v, p[v]);
           });
           return;
         }
-        o.value = Array.isArray(d) ? d : [d];
+        o.value = Array.isArray(p) ? p : [p];
       } else if (u.length === 2) {
-        const [d, v] = u;
-        (g = s.value[d]) == null || g.setErrors(v);
+        const [p, v] = u;
+        (b = s.value[p]) == null || b.setErrors(v);
       }
-    }, f = () => {
+    }, m = () => {
       o.value = [], Object.keys(s.value).forEach((u) => {
         s.value[u].reset();
       });
@@ -633,14 +633,14 @@ const Sn = /* @__PURE__ */ W({
       getField(u) {
         return s.value[u];
       },
-      addField(u, g) {
-        s.value[u] = g;
+      addField(u, b) {
+        s.value[u] = b;
       },
       removeField(u) {
         delete s.value[u];
       },
-      setFieldValue(u, g) {
-        dn(r.value, u, g);
+      setFieldValue(u, b) {
+        dn(r.value, u, b);
       },
       getFieldValue(u) {
         return mn(r.value, u);
@@ -648,29 +648,29 @@ const Sn = /* @__PURE__ */ W({
     }), fn({
       values: a,
       isValid: i,
-      error: m,
+      error: c,
       errors: o,
       fields: s,
-      reset: f,
-      setErrors: l,
-      validate: y
-    }), (u, g) => (_(), z("form", {
-      onSubmit: se(c, ["prevent"])
+      reset: m,
+      setErrors: f,
+      validate: g
+    }), (u, b) => (I(), _("form", {
+      onSubmit: oe(l, ["prevent"])
     }, [
-      I(u.$slots, "default", U(K({
+      z(u.$slots, "default", U(K({
         isValid: i.value,
-        error: m.value,
+        error: c.value,
         errors: o.value,
         values: a.value,
         fields: s.value,
-        reset: f,
-        setErrors: l,
-        validate: y
+        reset: m,
+        setErrors: f,
+        validate: g
       })))
     ], 32));
   }
 });
-function X(e) {
+function ee(e) {
   if (!e || typeof e != "string")
     return {};
   const t = e.split("|").filter(Boolean), n = {};
@@ -679,7 +679,7 @@ function X(e) {
     if (o.length === 0)
       n[a] = !0;
     else {
-      const i = o.join(":").split(",").map((y) => y.trim());
+      const i = o.join(":").split(",").map((g) => g.trim());
       n[a] = i.length === 1 ? i[0] : i;
     }
   }
@@ -687,12 +687,12 @@ function X(e) {
 }
 const gn = (e, t, n = {}, r = {}) => {
   if (!t) return !0;
-  const s = X(t), o = [];
-  for (const [a, m] of Object.entries(s)) {
+  const s = ee(t), o = [];
+  for (const [a, c] of Object.entries(s)) {
     const i = fe(a);
     if (i) {
-      const c = { args: m === !0 ? [] : Array.isArray(m) ? m : [m], messages: n, fields: r }, l = i(e, c);
-      l !== !0 && o.push(l ?? "Invalid value");
+      const l = { args: c === !0 ? [] : Array.isArray(c) ? c : [c], messages: n, fields: r }, f = i(e, l);
+      f !== !0 && o.push(f ?? "Invalid value");
     } else
       console.warn(`[Forms] Validation rule "${a}" not found.`);
   }
@@ -702,7 +702,7 @@ const gn = (e, t, n = {}, r = {}) => {
   return n === !0 ? !0 : typeof n == "string" ? [n] : Array.isArray(n) ? n : !!n ? !0 : ["Invalid value"];
 };
 typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const O = () => {
+const B = () => {
 };
 function bn(e, t) {
   function n(...r) {
@@ -718,19 +718,19 @@ function bn(e, t) {
 }
 const yn = (e) => e();
 function $n(e, t = {}) {
-  let n, r, s = O;
+  let n, r, s = B;
   const o = (i) => {
-    clearTimeout(i), s(), s = O;
+    clearTimeout(i), s(), s = B;
   };
   let a;
   return (i) => {
-    const y = $(e), c = $(t.maxWait);
-    return n && o(n), y <= 0 || c !== void 0 && c <= 0 ? (r && (o(r), r = void 0), Promise.resolve(i())) : new Promise((l, f) => {
-      s = t.rejectOnCancel ? f : l, a = i, c && !r && (r = setTimeout(() => {
-        n && o(n), r = void 0, l(a());
-      }, c)), n = setTimeout(() => {
-        r && o(r), r = void 0, l(i());
-      }, y);
+    const g = $(e), l = $(t.maxWait);
+    return n && o(n), g <= 0 || l !== void 0 && l <= 0 ? (r && (o(r), r = void 0), Promise.resolve(i())) : new Promise((f, m) => {
+      s = t.rejectOnCancel ? m : f, a = i, l && !r && (r = setTimeout(() => {
+        n && o(n), r = void 0, f(a());
+      }, l)), n = setTimeout(() => {
+        r && o(r), r = void 0, f(i());
+      }, g);
     });
   };
 }
@@ -738,7 +738,7 @@ function hn(e, t, n = {}) {
   const { eventFilter: r = yn, ...s } = n;
   return k(e, bn(r, t), s);
 }
-function B(e, t, n = {}) {
+function O(e, t, n = {}) {
   const { debounce: r = 0, maxWait: s = void 0, ...o } = n;
   return hn(e, t, {
     ...o,
@@ -746,54 +746,54 @@ function B(e, t, n = {}) {
   });
 }
 function vn(e, t = {}) {
-  const n = h(!0), r = h(!1), s = h([]), o = h(null), a = b(() => $(t.rules) ?? null), m = b(() => $(t.messages) ?? {}), i = b(() => $(t.fields) ?? {}), y = b(() => {
+  const n = h(!0), r = h(!1), s = h([]), o = h(null), a = d(() => $(t.rules) ?? null), c = d(() => $(t.messages) ?? {}), i = d(() => $(t.fields) ?? {}), g = d(() => {
     if (!a.value || typeof a.value != "string") return null;
-    const u = X(a.value).confirm;
+    const u = ee(a.value).confirm;
     if (!u || u === !0) return null;
-    const g = i.value[u];
-    return (g == null ? void 0 : g.value) ?? null;
-  }), c = () => {
-    let f;
-    return typeof a.value == "function" ? f = pn($(e), a.value) : f = gn(
+    const b = i.value[u];
+    return (b == null ? void 0 : b.value) ?? null;
+  }), l = () => {
+    let m;
+    return typeof a.value == "function" ? m = pn($(e), a.value) : m = gn(
       $(e),
       a.value,
-      m.value,
+      c.value,
       i.value
-    ), f === !0 ? (n.value = !0, s.value = [], !0) : Array.isArray(f) ? (n.value = !1, s.value = f, !1) : f;
-  }, l = () => {
+    ), m === !0 ? (n.value = !0, s.value = [], !0) : Array.isArray(m) ? (n.value = !1, s.value = m, !1) : m;
+  }, f = () => {
     o.value && clearTimeout(o.value), r.value = !0, n.value = !0, s.value = [], o.value = setTimeout(() => {
       r.value = !1, o.value = null;
     }, 1e3);
   };
-  return B(
+  return O(
     () => $(e),
     () => {
-      r.value || c();
+      r.value || l();
     },
     { debounce: 300 }
-  ), B(
-    () => $(y),
+  ), O(
+    () => $(g),
     () => {
-      r.value || $(e) && c();
+      r.value || $(e) && l();
     },
     { debounce: 300 }
   ), {
-    validate: c,
-    reset: l,
+    validate: l,
+    reset: f,
     isValid: A(n),
     errors: A(s)
   };
 }
-const x = Symbol("field-context"), Mn = (e) => {
-  j(x, e);
+const D = Symbol("field-context"), Mn = (e) => {
+  j(D, e);
 };
 function Fn(e) {
   if (e === void 0) {
-    const t = N(x);
+    const t = N(D);
     if (!t) throw new Error("useFieldContext() must be called inside a Field component");
     return t;
   }
-  return N(x, e);
+  return N(D, e);
 }
 const xn = /* @__PURE__ */ W({
   __name: "Field",
@@ -809,91 +809,91 @@ const xn = /* @__PURE__ */ W({
   }),
   emits: ["update:modelValue"],
   setup(e) {
-    const t = e, n = L(e, "modelValue"), r = oe(), s = ln(), o = G(), a = b({
+    const t = e, n = L(e, "modelValue"), r = Y(), s = ln(), o = H(), a = d({
       get: () => s ? s.getFieldValue(t.name) : n.value,
-      set: (p) => {
-        s ? s.setFieldValue(t.name, p) : n.value = p;
+      set: (y) => {
+        s ? s.setFieldValue(t.name, y) : n.value = y;
       }
-    }), m = b(() => t.validation ?? null), i = b(() => ({
+    }), c = d(() => t.validation ?? null), i = d(() => ({
       ...o ? o.locales.value[o.locale.value] : {},
       ...t.validationMessages ?? {}
-    })), y = b({
+    })), g = d({
       get: () => s ? s.getFields() : {},
       set: () => {
       }
-    }), c = vn(a, { rules: m, messages: i, fields: y }), l = h(!1), f = h(!1), u = h([]), g = b(() => a.value ?? null), d = b(() => c.isValid.value && u.value.length === 0), v = b(() => [...c.errors.value, ...u.value]), M = b(() => v.value[0] ?? null), T = $(a), w = t.id ?? r, D = `${w}-error`, S = `${w}-help`, ee = (p) => {
-      u.value = Array.isArray(p) ? p : [p];
-    }, F = () => {
-      a.value = T, l.value = !1, f.value = !1, u.value = [], c.reset();
+    }), l = vn(a, { rules: c, messages: i, fields: g }), f = h(!1), m = h(!1), u = h([]), b = d(() => a.value ?? null), p = d(() => l.isValid.value && u.value.length === 0), v = d(() => [...l.errors.value, ...u.value]), M = d(() => v.value[0] ?? null), V = $(a), w = t.id ?? r, S = `${w}-error`, F = `${w}-help`, te = (y) => {
+      u.value = Array.isArray(y) ? y : [y];
+    }, x = () => {
+      a.value = V, f.value = !1, m.value = !1, u.value = [], l.reset();
     };
     k(
       () => t.error,
-      (p) => {
-        p ? u.value = Array.isArray(p) ? p : [p] : u.value = [];
+      (y) => {
+        y ? u.value = Array.isArray(y) ? y : [y] : u.value = [];
       },
       { immediate: !0 }
     );
-    const V = b(() => ({
+    const P = d(() => ({
       id: w,
       name: t.name,
       modelValue: a.value,
       "aria-invalid": !!M.value,
-      "aria-describedby": M.value ? `${D} ${S}` : S,
-      "aria-errormessage": M.value ? D : void 0,
-      "onUpdate:modelValue": (p) => {
-        a.value = p, !f.value && p !== T && (f.value = !0);
+      "aria-describedby": M.value ? `${S} ${F}` : F,
+      "aria-errormessage": M.value ? S : void 0,
+      "onUpdate:modelValue": (y) => {
+        a.value = y, !m.value && y !== V && (m.value = !0);
       },
       onBlur: () => {
-        l.value || (l.value = !0, c.validate());
+        f.value || (f.value = !0, l.validate());
       }
-    })), q = { for: w }, P = { id: D, role: "alert", "aria-live": "polite" }, C = { id: S };
+    })), T = { for: w }, q = { id: S, role: "alert", "aria-live": "polite" }, C = { id: F };
     return ae(() => {
       s && s.addField(t.name, {
-        value: g,
-        isValid: d,
-        isTouched: l,
-        isDirty: f,
+        value: b,
+        isValid: p,
+        isTouched: f,
+        isDirty: m,
         error: M,
         errors: v,
-        setErrors: ee,
-        reset: F,
-        validate: c.validate
+        setErrors: te,
+        reset: x,
+        validate: l.validate
       });
     }), ue(() => {
       s && s.removeField(t.name);
     }), Mn({
       inputValue: a,
-      inputProps: V,
-      labelProps: q,
+      inputProps: P,
+      labelProps: T,
       helpProps: C,
-      errorProps: P,
-      isValid: d,
-      isTouched: l,
-      isDirty: f,
+      errorProps: q,
+      isValid: p,
+      isTouched: f,
+      isDirty: m,
       error: M,
       errors: v,
-      validate: c.validate,
-      reset: F
-    }), (p, Nn) => (_(), z("div", null, [
-      I(p.$slots, "default", U(K({
+      validate: l.validate,
+      reset: x
+    }), (y, Nn) => (I(), _("div", null, [
+      z(y.$slots, "default", U(K({
         inputValue: a.value,
-        inputProps: V.value,
-        labelProps: q,
+        inputProps: P.value,
+        labelProps: T,
         helpProps: C,
-        errorProps: P,
-        isValid: d.value,
-        isTouched: l.value,
-        isDirty: f.value,
+        errorProps: q,
+        isValid: p.value,
+        isTouched: f.value,
+        isDirty: m.value,
         error: M.value,
         errors: v.value,
-        validate: ie(c).validate,
-        reset: F
+        validate: ie(l).validate,
+        reset: x
       })))
     ]));
   }
 });
 function jn() {
-  const e = G();
+  const e = H();
   if (!e)
     throw new Error(
       "[Valiform] useLocale() must be used inside a component with FormsPlugin installed."
@@ -904,7 +904,42 @@ function jn() {
     setLocale: e.setLocale
   };
 }
-const Tn = {
+function Vn(e) {
+  const t = N(D, null);
+  if (t)
+    return t;
+  const n = $(e), r = Y(), s = `${r}-error`, o = `${r}-help`, a = h(!1), c = h(!1), i = d(() => ({
+    id: r,
+    name: r,
+    modelValue: e.value,
+    "aria-invalid": !1,
+    "aria-describedby": o,
+    "aria-errormessage": void 0,
+    "onUpdate:modelValue": (g) => {
+      e.value = g, !c.value && g !== n && (c.value = !0);
+    },
+    onBlur: () => {
+      a.value || (a.value = !0);
+    }
+  }));
+  return {
+    inputValue: e,
+    inputProps: i,
+    labelProps: { for: r },
+    helpProps: { id: o },
+    errorProps: { id: s, role: "alert", "aria-live": "polite" },
+    isValid: d(() => !0),
+    isTouched: a,
+    isDirty: c,
+    error: d(() => null),
+    errors: d(() => []),
+    validate: () => !0,
+    reset: () => {
+      e.value = n, a.value = !1, c.value = !1;
+    }
+  };
+}
+const Pn = {
   required: "Este campo es obligatorio",
   email: "Por favor ingresa un email válido",
   min: ({ value: e }) => `Debe ser al menos ${e}`,
@@ -945,8 +980,11 @@ export {
   Sn as Form,
   An as FormsPlugin,
   ce as en,
-  Tn as es,
+  Pn as es,
+  le as registerRule,
+  E as registerRules,
   Fn as useFieldContext,
   Dn as useFormContext,
+  Vn as useInputContext,
   jn as useLocale
 };

package/dist/{src/nuxt.d.ts → nuxt/module.d.ts}

@@ -1,4 +1,4 @@
-import type { FormsPluginOptions } from './types';
+import type { FormsPluginOptions } from '../src/types';
 declare const _default: NuxtModule<TOptions, TOptions, false>;
 export default _default;
 export type ModuleOptions = FormsPluginOptions;

package/dist/nuxt.cjs

@@ -1,2 +1,5 @@
-"use strict";const e=require("@nuxt/kit"),i=e.defineNuxtModule({meta:{name:"@overgaming/valiform",configKey:"valiform",compatibility:{nuxt:">=3.0.0"}},defaults:{},setup(o){e.addPluginTemplate({filename:"valiform.plugin.mjs",getContents:()=>["import { defineNuxtPlugin } from '#app'","import { FormsPlugin } from '@overgaming/valiform'","export default defineNuxtPlugin((nuxtApp) => {",`  nuxtApp.vueApp.use(FormsPlugin, ${JSON.stringify(o)})`,"})"].join(`
-`)}),e.addComponent({name:"Form",export:"Form",filePath:"@overgaming/valiform"}),e.addComponent({name:"Field",export:"Field",filePath:"@overgaming/valiform"}),e.addImports([{name:"useLocale",from:"@overgaming/valiform"},{name:"useFormContext",from:"@overgaming/valiform"},{name:"useFieldContext",from:"@overgaming/valiform"}])}});module.exports=i;
+"use strict";const e=require("@nuxt/kit");var t=typeof document<"u"?document.currentScript:null;const s=e.defineNuxtModule({meta:{name:"@overgaming/valiform",configKey:"valiform",compatibility:{nuxt:">=3.0.0"}},defaults:{},setup(n){const r=e.createResolver(typeof document>"u"?require("url").pathToFileURL(__filename).href:t&&t.tagName.toUpperCase()==="SCRIPT"&&t.src||new URL("nuxt.cjs",document.baseURI).href),{rules:o,...i}=n,m=o&&Object.keys(o).length>0?`{
+${Object.entries(o).map(([a,l])=>`  ${JSON.stringify(a)}: ${l.toString()}`).join(`,
+`)}
+}`:"null";e.addTemplate({filename:"valiform/options.mjs",getContents:()=>[`export const pluginOptions = ${JSON.stringify(i)}`,`export const customRules = ${m}`].join(`
+`),write:!0}),e.addPlugin(r.resolve("./runtime/plugin")),e.addComponent({name:"Form",export:"Form",filePath:"@overgaming/valiform"}),e.addComponent({name:"Field",export:"Field",filePath:"@overgaming/valiform"}),e.addImports([{name:"useLocale",from:"@overgaming/valiform"},{name:"useFormContext",from:"@overgaming/valiform"},{name:"useFieldContext",from:"@overgaming/valiform"},{name:"useInputContext",from:"@overgaming/valiform"}])}});module.exports=s;

package/dist/nuxt.js

@@ -1,29 +1,32 @@
-import { defineNuxtModule as m, addPluginTemplate as i, addComponent as e, addImports as n } from "@nuxt/kit";
-const r = m({
+import { defineNuxtModule as l, createResolver as s, addTemplate as g, addPlugin as u, addComponent as o, addImports as f } from "@nuxt/kit";
+const v = l({
   meta: {
     name: "@overgaming/valiform",
     configKey: "valiform",
     compatibility: { nuxt: ">=3.0.0" }
   },
   defaults: {},
-  setup(o) {
-    i({
-      filename: "valiform.plugin.mjs",
+  setup(t) {
+    const n = s(import.meta.url), { rules: e, ...r } = t, i = e && Object.keys(e).length > 0 ? `{
+${Object.entries(e).map(([m, a]) => `  ${JSON.stringify(m)}: ${a.toString()}`).join(`,
+`)}
+}` : "null";
+    g({
+      filename: "valiform/options.mjs",
       getContents: () => [
-        "import { defineNuxtPlugin } from '#app'",
-        "import { FormsPlugin } from '@overgaming/valiform'",
-        "export default defineNuxtPlugin((nuxtApp) => {",
-        `  nuxtApp.vueApp.use(FormsPlugin, ${JSON.stringify(o)})`,
-        "})"
+        `export const pluginOptions = ${JSON.stringify(r)}`,
+        `export const customRules = ${i}`
       ].join(`
-`)
-    }), e({ name: "Form", export: "Form", filePath: "@overgaming/valiform" }), e({ name: "Field", export: "Field", filePath: "@overgaming/valiform" }), n([
+`),
+      write: !0
+    }), u(n.resolve("./runtime/plugin")), o({ name: "Form", export: "Form", filePath: "@overgaming/valiform" }), o({ name: "Field", export: "Field", filePath: "@overgaming/valiform" }), f([
       { name: "useLocale", from: "@overgaming/valiform" },
       { name: "useFormContext", from: "@overgaming/valiform" },
-      { name: "useFieldContext", from: "@overgaming/valiform" }
+      { name: "useFieldContext", from: "@overgaming/valiform" },
+      { name: "useInputContext", from: "@overgaming/valiform" }
     ]);
   }
 });
 export {
-  r as default
+  v as default
 };

package/dist/runtime/plugin.cjs

@@ -0,0 +1 @@
+"use strict";const i=require("#app"),e=require("@overgaming/valiform"),s=require("#build/valiform/options.mjs"),t=i.defineNuxtPlugin(u=>{u.vueApp.use(e.FormsPlugin,s.pluginOptions),s.customRules&&e.registerRules(s.customRules)});module.exports=t;

package/dist/runtime/plugin.js

@@ -0,0 +1,9 @@
+import { defineNuxtPlugin as u } from "#app";
+import { FormsPlugin as e, registerRules as r } from "@overgaming/valiform";
+import { pluginOptions as t, customRules as i } from "#build/valiform/options.mjs";
+const l = u((o) => {
+  o.vueApp.use(e, t), i && r(i);
+});
+export {
+  l as default
+};

package/dist/src/components/Form.vue.d.ts

@@ -18,17 +18,17 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: Record<string, unknown>) => any;
     submit: (values: Record<string, unknown>, helpers: {
         setErrors: typeof setErrors;
         reset: typeof reset;
     }) => any;
+    "update:modelValue": (value: Record<string, unknown>) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: (value: Record<string, unknown>) => any;
     onSubmit?: (values: Record<string, unknown>, helpers: {
         setErrors: typeof setErrors;
         reset: typeof reset;
     }) => any;
+    "onUpdate:modelValue"?: (value: Record<string, unknown>) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;

package/dist/src/context/__tests__/components/FieldInput.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_PublicProps = {
+    modelValue?: unknown;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: unknown) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: unknown) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/src/context/__tests__/components/InputInsideField.vue.d.ts

@@ -0,0 +1,9 @@
+type __VLS_Props = {
+    validation?: string | null;
+    validationMessages?: Record<string, unknown> | null;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    validation: string | null;
+    validationMessages: Record<string, unknown> | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/src/context/__tests__/components/StandaloneCheckbox.vue.d.ts

@@ -0,0 +1,14 @@
+type __VLS_Props = {
+    label?: string;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: boolean) => any;
+}>, {
+    label: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/src/context/__tests__/components/StandaloneInput.vue.d.ts

@@ -0,0 +1,16 @@
+type __VLS_Props = {
+    label?: string;
+    helpText?: string;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    modelValue?: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: (value: string) => any;
+}>, {
+    label: string;
+    helpText: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/src/context/__tests__/components/TwoStandaloneInputs.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/src/context/__tests__/useInputContext.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/context/useInputContext.d.ts

@@ -0,0 +1,26 @@
+import type { Ref } from 'vue';
+import type { FieldContext } from '../types';
+/**
+ * Creates a dual-mode input context. If the component is inside a `Field`,
+ * returns the Field's injected context. If standalone (no Field ancestor),
+ * creates a minimal `FieldContext` with sensible defaults using the provided
+ * model ref.
+ *
+ * This is the recommended way to build input components that work both
+ * inside `<Field>` and as standalone elements with `v-model`.
+ *
+ * @param model - A ref from `defineModel()` that holds the input value.
+ *   When inside a `Field`, this parameter is ignored (Field owns the value).
+ *   When standalone, it is used as the input's reactive value.
+ *
+ * @example
+ * // Works inside <Field> AND standalone — same code, no casts, no `!`:
+ * const model = defineModel<string>({ default: '' });
+ * const { inputValue, inputProps, error } = useInputContext(model);
+ *
+ * @example
+ * // Boolean (checkbox):
+ * const model = defineModel<boolean>({ default: false });
+ * const { inputValue, inputProps, labelProps } = useInputContext(model);
+ */
+export declare function useInputContext<T>(model: Ref<T>): FieldContext;

package/dist/src/index.d.ts

@@ -0,0 +1,11 @@
+export { FormsPlugin } from './plugins/FormsPlugin';
+export { registerRule, registerRules } from './validation/registry';
+export { default as Form } from './components/Form.vue';
+export { default as Field } from './components/Field.vue';
+export { useLocale } from './composables/useLocale';
+export { useFormContext } from './context/useFormContext';
+export { useFieldContext } from './context/useFieldContext';
+export { useInputContext } from './context/useInputContext';
+export type { FieldContext, FieldState, FormContext, InputProps, RuleFunction, FormsPluginOptions } from './types';
+export { en } from './locales/en';
+export { es } from './locales/es';

package/dist/src/types.d.ts

@@ -43,8 +43,8 @@ export interface FieldContext {
     };
     errorProps: {
         id: string;
-        role: string;
-        'aria-live': string;
+        role: 'alert';
+        'aria-live': 'polite';
     };
     isValid: ComputedRef<boolean>;
     isTouched: Ref<boolean>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@overgaming/valiform",
-  "version": "0.3.0",
+  "version": "0.4.1",
   "description": "Vue 3 form validation library",
   "keywords": [
     "form",
@@ -39,8 +39,8 @@
     "dev": "vite build --watch",
     "test": "vitest",
     "test:run": "vitest run",
-    "lint": "oxlint src index.ts nuxt.ts",
-    "lint:fix": "oxlint src index.ts nuxt.ts --fix",
+    "lint": "oxlint src nuxt",
+    "lint:fix": "oxlint src nuxt --fix",
     "format": "oxfmt .",
     "format:check": "oxfmt . --check",
     "typecheck": "vue-tsc --noEmit",

package/dist/index.d.ts

@@ -1,9 +0,0 @@
-export { FormsPlugin } from './src/plugins/FormsPlugin';
-export { default as Form } from './src/components/Form.vue';
-export { default as Field } from './src/components/Field.vue';
-export { useLocale } from './src/composables/useLocale';
-export { useFormContext } from './src/context/useFormContext';
-export { useFieldContext } from './src/context/useFieldContext';
-export type { FieldContext, FieldState, FormContext, InputProps, RuleFunction, FormsPluginOptions } from './src/types';
-export { en } from './src/locales/en';
-export { es } from './src/locales/es';

package/dist/nuxt.d.ts

@@ -1,2 +0,0 @@
-export { default } from './src/nuxt';
-export type { ModuleOptions } from './src/nuxt';