@macrulez/vue-form-schema 0.1.0

package/dist/index.js

@@ -0,0 +1,278 @@
+import { watchEffect as T, ref as y, computed as V, onUnmounted as C } from "vue";
+import { g as h, s as x, u as F, e as O, p as D, m as U, d as I, c as W, f as X, h as k, V as _ } from "./MaskEngine-D22m29OM.js";
+import { a as se, b as re, r as ie } from "./MaskEngine-D22m29OM.js";
+const z = /^[\w\s\d.'"[\]()!<>=&|?:+\-*/%]+$/;
+function G(l, n) {
+  if (!z.test(l))
+    return console.warn(`[vue-form-schema] Blocked unsafe expression: "${l}"`), !0;
+  try {
+    return !!new Function("values", `"use strict"; return (${l})`)(n);
+  } catch {
+    return !0;
+  }
+}
+class H {
+  constructor() {
+    this.stopHandle = null;
+  }
+  /**
+   * Start reactively watching values and writing evaluated fields into
+   * `resolvedFields`. Also handles clearOnHide side effect.
+   */
+  start(n, e, t, a) {
+    this.stopHandle = T(() => {
+      const f = e.value, u = t.value, i = this.evaluateFields(n, f);
+      a && this.clearHiddenValues(n, i, f, e, u), t.value = i;
+    });
+  }
+  stop() {
+    var n;
+    (n = this.stopHandle) == null || n.call(this), this.stopHandle = null;
+  }
+  /** Recursively evaluate visible/disabled/required for each field */
+  evaluateFields(n, e) {
+    return n.map((t) => {
+      const a = this.resolveBoolean(t.visible, e, !0), f = this.resolveBoolean(t.disabled, e, !1);
+      return {
+        ...t,
+        visible: a,
+        disabled: f,
+        fields: t.fields ? this.evaluateFields(t.fields, e) : void 0
+      };
+    });
+  }
+  resolveBoolean(n, e, t) {
+    return n === void 0 ? t : typeof n == "boolean" ? n : typeof n == "function" ? n(e) : typeof n == "string" ? G(n, e) : t;
+  }
+  clearHiddenValues(n, e, t, a, f) {
+    for (let u = 0; u < n.length; u++) {
+      const i = n[u], p = e[u], r = this.wasVisible(f, i.name), o = p.visible;
+      if (r && !o) {
+        const m = h(t, i.name), b = i.defaultValue ?? null;
+        m !== b && (a.value = x(a.value, i.name, b));
+      }
+      i.fields && p.fields && this.clearHiddenValues(i.fields, p.fields, t, a, f);
+    }
+  }
+  wasVisible(n, e) {
+    const t = n.find((a) => a.name === e);
+    return t ? t.visible !== !1 : !0;
+  }
+}
+function te(l, n) {
+  return new H().evaluateFields(l, n);
+}
+function K(l, n, e) {
+  switch (l) {
+    case "required":
+      return e ? (t, a) => k(t) ? e : null : k;
+    case "minLength":
+      return X(Number(n), e);
+    case "maxLength":
+      return W(Number(n), e);
+    case "min":
+      return I(Number(n), e);
+    case "max":
+      return U(Number(n), e);
+    case "pattern":
+      return D(new RegExp(String(n)), e);
+    case "email":
+      return e ? (t, a) => O(t) ? e : null : O;
+    case "url":
+      return e ? (t, a) => F(t) ? e : null : F;
+    default:
+      return console.warn(`[vue-form-schema] Unknown validator rule: "${l}"`), null;
+  }
+}
+function N(l) {
+  const n = [];
+  for (const e of l.validators ?? []) {
+    const t = K(e.rule, e.value, e.message);
+    t && n.push(t);
+  }
+  return {
+    type: l.type,
+    name: l.name,
+    label: l.label,
+    placeholder: l.placeholder,
+    defaultValue: l.default,
+    required: l.required,
+    disabled: l.disabled,
+    visible: l.visible,
+    mask: l.mask,
+    options: l.options,
+    validators: n.length ? n : void 0,
+    fields: l.fields ? l.fields.map(N) : void 0
+  };
+}
+function Q(l) {
+  return l.map(N);
+}
+function R(l) {
+  if (!Array.isArray(l) || l.length === 0) return !1;
+  for (const n of l) {
+    const e = n.validators;
+    if (Array.isArray(e) && e.some((t) => typeof t == "function"))
+      return !1;
+  }
+  return l.some((n) => {
+    const e = n;
+    if ("default" in e) return !0;
+    const t = e.validators;
+    return Array.isArray(t) && t.length > 0 && typeof t[0] == "object" && t[0] !== null && "rule" in t[0];
+  });
+}
+function Y(l) {
+  return R(l) ? Q(l) : l;
+}
+function g(l, n = {}) {
+  const e = {};
+  for (const t of l)
+    if (t.type === "group" && t.fields) {
+      const a = g(t.fields, n);
+      Object.assign(e, a);
+    } else if (t.type === "array") {
+      const a = h(n, t.name);
+      e[t.name] = a ?? t.defaultValue ?? [];
+    } else {
+      const a = h(n, t.name);
+      e[t.name] = a !== void 0 ? a : t.defaultValue ?? null;
+    }
+  for (const [t, a] of Object.entries(n))
+    t in e || (e[t] = a);
+  return e;
+}
+function ne(l) {
+  const {
+    schema: n,
+    initialValues: e = {},
+    validateOn: t = "blur",
+    clearOnHide: a = !1,
+    onSubmit: f
+  } = l, u = Y(n), i = new _(), p = new H(), r = y(
+    g(u, e)
+  ), o = y({}), m = y({}), b = y(!1), v = y(u);
+  p.start(u, r, v, a ?? !1);
+  const S = V(() => v.value), L = V(() => {
+    const s = g(u, e);
+    return JSON.stringify(r.value) !== JSON.stringify(s);
+  }), j = V(() => {
+    const s = i.validateAll(v.value, r.value);
+    return Object.values(s).every((c) => c.length === 0);
+  });
+  function E(s) {
+    if (s) {
+      const c = i.validateField(
+        s,
+        h(r.value, s.name),
+        r.value
+      );
+      o.value = { ...o.value, [s.name]: c }, i.validateAsync(
+        s,
+        h(r.value, s.name),
+        r.value,
+        (d, P) => {
+          o.value = {
+            ...o.value,
+            [d]: [...o.value[d] ?? [], ...P]
+          };
+        }
+      );
+    } else
+      o.value = i.validateAll(
+        v.value,
+        r.value
+      );
+  }
+  function q(s, c) {
+    if (r.value = x(
+      r.value,
+      s,
+      c
+    ), t === "input") {
+      const d = A(v.value, s);
+      d && E(d);
+    }
+  }
+  function J(s) {
+    return h(r.value, s);
+  }
+  function $(s) {
+    if (m.value = { ...m.value, [s]: !0 }, t === "blur") {
+      const c = A(v.value, s);
+      c && E(c);
+    }
+  }
+  async function w() {
+    const s = {};
+    for (const d of v.value) B(d, s);
+    if (m.value = s, o.value = i.validateAll(
+      v.value,
+      r.value
+    ), !Object.values(o.value).some((d) => d.length > 0)) {
+      b.value = !0;
+      try {
+        await (f == null ? void 0 : f(r.value));
+      } finally {
+        b.value = !1;
+      }
+    }
+  }
+  function M(s) {
+    const c = s ?? e;
+    r.value = g(
+      u,
+      c ?? {}
+    ), o.value = {}, m.value = {}, b.value = !1;
+  }
+  return C(() => {
+    p.stop(), i.destroy();
+  }), {
+    fields: S,
+    values: r,
+    errors: o,
+    touched: m,
+    isDirty: L,
+    isValid: j,
+    isSubmitting: b,
+    submit: w,
+    reset: M,
+    setField: q,
+    getField: J,
+    // expose touch for FormRenderer
+    // @ts-expect-error - internal
+    touchField: $
+  };
+}
+function A(l, n) {
+  for (const e of l) {
+    if (e.name === n) return e;
+    if (e.fields) {
+      const t = A(e.fields, n);
+      if (t) return t;
+    }
+  }
+}
+function B(l, n = {}) {
+  return n[l.name] = !0, l.fields && l.fields.forEach((e) => B(e, n)), n;
+}
+export {
+  H as ConditionEvaluator,
+  _ as ValidationEngine,
+  se as applyMask,
+  re as bindMask,
+  O as email,
+  te as evaluateFieldConditions,
+  h as getByPath,
+  U as max,
+  W as maxLength,
+  I as min,
+  X as minLength,
+  Q as parseJSON,
+  D as pattern,
+  ie as removeMask,
+  k as required,
+  x as setByPath,
+  F as url,
+  ne as useForm
+};

package/dist/parsers/json.d.ts

@@ -0,0 +1,3 @@
+import type { FieldDefinition, JSONSchema } from '../core/types';
+export declare function parseJSON(schema: JSONSchema): FieldDefinition[];
+//# sourceMappingURL=json.d.ts.map

package/dist/parsers/json.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"json.d.ts","sourceRoot":"","sources":["../../src/parsers/json.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,UAAU,EAAgC,MAAM,eAAe,CAAA;AA4E9F,wBAAgB,SAAS,CAAC,MAAM,EAAE,UAAU,GAAG,eAAe,EAAE,CAE/D"}

package/dist/parsers/yup.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Yup adapter — subentry-point 'vue-form-schema/yup'
+ * Yup is a peer dependency; this file does a lazy import so the core bundle
+ * is not bloated when Yup is not used.
+ */
+import type { FieldDefinition } from '../core/types';
+type YupSchema = any;
+export declare function parseYup(schema: YupSchema): FieldDefinition[];
+export {};
+//# sourceMappingURL=yup.d.ts.map

package/dist/parsers/yup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"yup.d.ts","sourceRoot":"","sources":["../../src/parsers/yup.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAe,MAAM,eAAe,CAAA;AAGjE,KAAK,SAAS,GAAG,GAAG,CAAA;AAsEpB,wBAAgB,QAAQ,CAAC,MAAM,EAAE,SAAS,GAAG,eAAe,EAAE,CAO7D"}

package/dist/parsers/zod.d.ts

@@ -0,0 +1,10 @@
+/**
+ * Zod adapter — subentry-point 'vue-form-schema/zod'
+ * Zod is a peer dependency; this file does a lazy import so the core bundle
+ * is not bloated when Zod is not used.
+ */
+import type { FieldDefinition } from '../core/types';
+type ZodTypeAny = any;
+export declare function parseZod(schema: ZodTypeAny): FieldDefinition[];
+export {};
+//# sourceMappingURL=zod.d.ts.map

package/dist/parsers/zod.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"zod.d.ts","sourceRoot":"","sources":["../../src/parsers/zod.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,eAAe,EAAe,MAAM,eAAe,CAAA;AAMjE,KAAK,UAAU,GAAG,GAAG,CAAA;AA8HrB,wBAAgB,QAAQ,CAAC,MAAM,EAAE,UAAU,GAAG,eAAe,EAAE,CAM9D"}

package/dist/ui/index.d.ts

@@ -0,0 +1,9 @@
+export { default as FormRenderer } from './FormRenderer.vue';
+export { default as TextField } from './fields/TextField.vue';
+export { default as NumberField } from './fields/NumberField.vue';
+export { default as TextareaField } from './fields/TextareaField.vue';
+export { default as SelectField } from './fields/SelectField.vue';
+export { default as CheckboxField } from './fields/CheckboxField.vue';
+export { default as RadioField } from './fields/RadioField.vue';
+export { default as DateField } from './fields/DateField.vue';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAC7D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACjE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAA;AACrE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAA"}

package/dist/ui.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),V=require("./MaskEngine-hd5xHed7.cjs"),N=["for"],q={key:0,class:"vfs-field__required","aria-hidden":"true"},D={key:1,class:"vfs-field__errors",role:"alert"},f=e.defineComponent({__name:"BaseField",props:{field:{},error:{},touched:{type:Boolean}},setup(t){const d=t;return(n,c)=>{var o,l;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["vfs-field",[`vfs-field--${d.field.type}`,{"vfs-field--error":t.touched&&((o=t.error)==null?void 0:o.length)}]])},[d.field.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:d.field.name,class:"vfs-field__label"},[e.createTextVNode(e.toDisplayString(d.field.label)+" ",1),d.field.required?(e.openBlock(),e.createElementBlock("span",q,"*")):e.createCommentVNode("",!0)],8,N)):e.createCommentVNode("",!0),e.renderSlot(n.$slots,"default"),t.touched&&((l=t.error)!=null&&l.length)?(e.openBlock(),e.createElementBlock("ul",D,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.error,(u,i)=>(e.openBlock(),e.createElementBlock("li",{key:i,class:"vfs-field__error"},e.toDisplayString(u),1))),128))])):e.createCommentVNode("",!0)],2)}}}),w=["id","type","name","value","placeholder","disabled","required"],k=e.defineComponent({__name:"TextField",props:{field:{},modelValue:{},error:{},touched:{type:Boolean}},emits:["update:modelValue","blur"],setup(t,{emit:d}){const n=t,c=d,o=e.ref(null);let l=null;e.onMounted(()=>{o.value&&n.field.mask&&(l=V.bindMask(o.value,n.field.mask))}),e.onUnmounted(()=>l==null?void 0:l());function u(i){c("update:modelValue",i.target.value)}return(i,s)=>(e.openBlock(),e.createBlock(f,{field:t.field,error:t.error,touched:t.touched},{default:e.withCtx(()=>[e.createElementVNode("input",{id:t.field.name,ref_key:"inputRef",ref:o,type:t.field.type==="email"?"email":"text",name:t.field.name,value:t.modelValue,placeholder:t.field.placeholder,disabled:t.field.disabled===!0,required:t.field.required,class:"vfs-input",onInput:u,onBlur:s[0]||(s[0]=b=>c("blur"))},null,40,w)]),_:1},8,["field","error","touched"]))}}),p=["id","name","value","placeholder","disabled","required"],y=e.defineComponent({__name:"NumberField",props:{field:{},modelValue:{},error:{},touched:{type:Boolean}},emits:["update:modelValue","blur"],setup(t,{emit:d}){const n=d;function c(o){const l=o.target.value;n("update:modelValue",l===""?null:Number(l))}return(o,l)=>(e.openBlock(),e.createBlock(f,{field:t.field,error:t.error,touched:t.touched},{default:e.withCtx(()=>[e.createElementVNode("input",{id:t.field.name,type:"number",name:t.field.name,value:t.modelValue??"",placeholder:t.field.placeholder,disabled:t.field.disabled===!0,required:t.field.required,class:"vfs-input",onInput:c,onBlur:l[0]||(l[0]=u=>n("blur"))},null,40,p)]),_:1},8,["field","error","touched"]))}}),R=["id","name","value","placeholder","disabled","required"],$=e.defineComponent({__name:"TextareaField",props:{field:{},modelValue:{},error:{},touched:{type:Boolean}},emits:["update:modelValue","blur"],setup(t,{emit:d}){const n=d;return(c,o)=>(e.openBlock(),e.createBlock(f,{field:t.field,error:t.error,touched:t.touched},{default:e.withCtx(()=>[e.createElementVNode("textarea",{id:t.field.name,name:t.field.name,value:t.modelValue,placeholder:t.field.placeholder,disabled:t.field.disabled===!0,required:t.field.required,class:"vfs-textarea",onInput:o[0]||(o[0]=l=>n("update:modelValue",l.target.value)),onBlur:o[1]||(o[1]=l=>n("blur"))},null,40,R)]),_:1},8,["field","error","touched"]))}}),T=["id","name","disabled","required"],L=["selected"],I=["value","selected"],g=e.defineComponent({__name:"SelectField",props:{field:{},modelValue:{},error:{},touched:{type:Boolean}},emits:["update:modelValue","blur"],setup(t,{emit:d}){const n=t,c=d;function o(l){var s;const u=l.target,i=(s=n.field.options)==null?void 0:s.find(b=>String(b.value)===u.value);c("update:modelValue",(i==null?void 0:i.value)??u.value)}return(l,u)=>(e.openBlock(),e.createBlock(f,{field:t.field,error:t.error,touched:t.touched},{default:e.withCtx(()=>[e.createElementVNode("select",{id:t.field.name,name:t.field.name,disabled:t.field.disabled===!0,required:t.field.required,class:"vfs-select",onChange:o,onBlur:u[0]||(u[0]=i=>c("blur"))},[e.createElementVNode("option",{value:"",disabled:"",selected:t.modelValue===null||t.modelValue===void 0||t.modelValue===""},e.toDisplayString(t.field.placeholder??"Select an option"),9,L),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.field.options,i=>(e.openBlock(),e.createElementBlock("option",{key:String(i.value),value:String(i.value),selected:t.modelValue===i.value},e.toDisplayString(i.label),9,I))),128))],40,T)]),_:1},8,["field","error","touched"]))}}),M={class:"vfs-checkbox-label"},U=["id","name","checked","disabled","required"],P={key:0,class:"vfs-checkbox-text"},C=e.defineComponent({__name:"CheckboxField",props:{field:{},modelValue:{type:Boolean},error:{},touched:{type:Boolean}},emits:["update:modelValue","blur"],setup(t,{emit:d}){const n=d;return(c,o)=>(e.openBlock(),e.createBlock(f,{field:{...t.field,label:void 0},error:t.error,touched:t.touched},{default:e.withCtx(()=>[e.createElementVNode("label",M,[e.createElementVNode("input",{id:t.field.name,type:"checkbox",name:t.field.name,checked:t.modelValue,disabled:t.field.disabled===!0,required:t.field.required,class:"vfs-checkbox",onChange:o[0]||(o[0]=l=>n("update:modelValue",l.target.checked)),onBlur:o[1]||(o[1]=l=>n("blur"))},null,40,U),t.field.label?(e.openBlock(),e.createElementBlock("span",P,e.toDisplayString(t.field.label),1)):e.createCommentVNode("",!0)])]),_:1},8,["field","error","touched"]))}}),j=["aria-labelledby"],z=["name","value","checked","disabled","onChange"],x=e.defineComponent({__name:"RadioField",props:{field:{},modelValue:{},error:{},touched:{type:Boolean}},emits:["update:modelValue","blur"],setup(t,{emit:d}){const n=d;return(c,o)=>(e.openBlock(),e.createBlock(f,{field:t.field,error:t.error,touched:t.touched},{default:e.withCtx(()=>[e.createElementVNode("div",{class:"vfs-radio-group",role:"radiogroup","aria-labelledby":t.field.name+"-label"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.field.options,l=>(e.openBlock(),e.createElementBlock("label",{key:String(l.value),class:"vfs-radio-label"},[e.createElementVNode("input",{type:"radio",name:t.field.name,value:String(l.value),checked:t.modelValue===l.value,disabled:t.field.disabled===!0,class:"vfs-radio",onChange:u=>n("update:modelValue",l.value),onBlur:o[0]||(o[0]=u=>n("blur"))},null,40,z),e.createTextVNode(" "+e.toDisplayString(l.label),1)]))),128))],8,j)]),_:1},8,["field","error","touched"]))}}),O=["id","name","value","disabled","required"],E=e.defineComponent({__name:"DateField",props:{field:{},modelValue:{},error:{},touched:{type:Boolean}},emits:["update:modelValue","blur"],setup(t,{emit:d}){const n=d;return(c,o)=>(e.openBlock(),e.createBlock(f,{field:t.field,error:t.error,touched:t.touched},{default:e.withCtx(()=>[e.createElementVNode("input",{id:t.field.name,type:"date",name:t.field.name,value:t.modelValue,disabled:t.field.disabled===!0,required:t.field.required,class:"vfs-input",onInput:o[0]||(o[0]=l=>n("update:modelValue",l.target.value)),onBlur:o[1]||(o[1]=l=>n("blur"))},null,40,O)]),_:1},8,["field","error","touched"]))}}),A={key:1,class:"vfs-group"},G={key:0},H=["disabled"],J=e.defineComponent({__name:"FormRenderer",props:{form:{},components:{},submitLabel:{}},emits:["submit"],setup(t,{emit:d}){const n=t,c=d,o={text:k,email:k,number:y,textarea:$,select:g,checkbox:C,radio:x,date:E};function l(a){var m;return((m=n.components)==null?void 0:m[a])??o[a]??null}function u(a){return V.getByPath(n.form.values.value,a.name)}function i(a,m){n.form.setField(a.name,m)}function s(a){var v;const m=n.form;(v=m.touchField)==null||v.call(m,a.name)}function b(a){return n.form.errors.value[a.name]??[]}function B(a){return n.form.touched.value[a.name]??!1}const S=e.computed(()=>n.form.fields.value.filter(a=>a.visible!==!1));async function F(a){a.preventDefault(),await n.form.submit(),c("submit")}return(a,m)=>{const v=e.resolveComponent("FormRenderer",!0);return e.openBlock(),e.createElementBlock("form",{class:"vfs-form",novalidate:"",onSubmit:F},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(S.value,r=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:r.name},[a.$slots[`field-${r.name}`]?e.renderSlot(a.$slots,`field-${r.name}`,{key:0,field:r,value:u(r),error:b(r),touched:B(r),setValue:h=>i(r,h),touch:()=>s(r)}):r.type==="group"?(e.openBlock(),e.createElementBlock("fieldset",A,[r.label?(e.openBlock(),e.createElementBlock("legend",G,e.toDisplayString(r.label),1)):e.createCommentVNode("",!0),r.fields?(e.openBlock(),e.createBlock(v,{key:1,form:t.form,components:t.components},null,8,["form","components"])):e.createCommentVNode("",!0)])):l(r.type)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(l(r.type)),{key:2,field:r,"model-value":u(r),error:b(r),touched:B(r),"onUpdate:modelValue":h=>i(r,h),onBlur:h=>s(r)},e.createSlots({_:2},[a.$slots[`label-${r.name}`]?{name:"label",fn:e.withCtx(()=>[e.renderSlot(a.$slots,`label-${r.name}`,{field:r})]),key:"0"}:void 0,a.$slots[`error-${r.name}`]?{name:"error",fn:e.withCtx(()=>[e.renderSlot(a.$slots,`error-${r.name}`,{field:r,error:b(r)})]),key:"1"}:void 0]),1064,["field","model-value","error","touched","onUpdate:modelValue","onBlur"])):e.createCommentVNode("",!0)],64))),128)),e.renderSlot(a.$slots,"submit",{isSubmitting:t.form.isSubmitting.value,isValid:t.form.isValid.value},()=>[e.createElementVNode("button",{type:"submit",disabled:t.form.isSubmitting.value,class:"vfs-submit"},e.toDisplayString(t.submitLabel??"Submit"),9,H)])],32)}}});exports.CheckboxField=C;exports.DateField=E;exports.FormRenderer=J;exports.NumberField=y;exports.RadioField=x;exports.SelectField=g;exports.TextField=k;exports.TextareaField=$;

package/dist/ui.d.ts

@@ -0,0 +1,324 @@
+import { Component } from 'vue';
+import { ComponentOptionsMixin } from 'vue';
+import { ComponentProvideOptions } from 'vue';
+import { ComputedRef } from 'vue';
+import { DefineComponent } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { PropType } from 'vue';
+import { PublicProps } from 'vue';
+import { Ref } from 'vue';
+
+declare const __VLS_component: DefineComponent<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+form: UseFormReturn;
+/** Override individual field renderers: { text: MyTextInput, ... } */
+components?: Partial<Record<FieldDefinition["type"], Component>>;
+/** Label for the submit button */
+submitLabel?: string;
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+submit: () => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
+form: UseFormReturn;
+/** Override individual field renderers: { text: MyTextInput, ... } */
+components?: Partial<Record<FieldDefinition["type"], Component>>;
+/** Label for the submit button */
+submitLabel?: string;
+}>>> & Readonly<{
+onSubmit?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+declare type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_2<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_3<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_4<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_5<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_6<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_7<T> = T extends undefined ? never : T;
+
+declare type __VLS_NonUndefinedable_8<T> = T extends undefined ? never : T;
+
+declare function __VLS_template(): Partial<Record<`field-${string}`, (_: {
+    field: FieldDefinition;
+    value: unknown;
+    error: string[];
+    touched: boolean;
+    setValue: (v: unknown) => void;
+    touch: () => void;
+}) => any>> & Partial<Record<`label-${string}`, (_: {
+    field: FieldDefinition;
+}) => any>> & Partial<Record<`error-${string}`, (_: {
+    field: FieldDefinition;
+    error: string[];
+}) => any>> & {
+    submit?(_: {
+        isSubmitting: boolean;
+        isValid: boolean;
+    }): any;
+};
+
+declare type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_2<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_2<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_3<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_3<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_4<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_4<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_5<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_5<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_6<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_6<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_7<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_7<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_TypePropsToRuntimeProps_8<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable_8<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+
+declare type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
+declare type AsyncValidatorFn = (value: unknown, values: Record<string, unknown>) => Promise<string | null>;
+
+export declare const CheckboxField: DefineComponent<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_6<{
+field: FieldDefinition;
+modelValue: boolean;
+error?: string[];
+touched?: boolean;
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+blur: () => void;
+"update:modelValue": (value: boolean) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_6<{
+field: FieldDefinition;
+modelValue: boolean;
+error?: string[];
+touched?: boolean;
+}>>> & Readonly<{
+onBlur?: (() => any) | undefined;
+"onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const DateField: DefineComponent<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_8<{
+field: FieldDefinition;
+modelValue: string;
+error?: string[];
+touched?: boolean;
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+blur: () => void;
+"update:modelValue": (value: string) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_8<{
+field: FieldDefinition;
+modelValue: string;
+error?: string[];
+touched?: boolean;
+}>>> & Readonly<{
+onBlur?: (() => any) | undefined;
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+declare interface FieldDefinition {
+    type: FieldType;
+    /** Dot-path for nested fields, e.g. "address.city" */
+    name: string;
+    label?: string;
+    placeholder?: string;
+    defaultValue?: unknown;
+    required?: boolean;
+    /** Static or dynamic disabled state */
+    disabled?: boolean | ((values: Record<string, unknown>) => boolean);
+    /** Static or dynamic visibility; string is evaluated as expression */
+    visible?: boolean | string | ((values: Record<string, unknown>) => boolean);
+    validators?: ValidatorFn[];
+    asyncValidators?: AsyncValidatorFn[];
+    mask?: string | MaskConfig;
+    /** For select / radio */
+    options?: FieldOption[];
+    /** For group and array */
+    fields?: FieldDefinition[];
+}
+
+declare interface FieldOption {
+    label: string;
+    value: unknown;
+}
+
+declare type FieldType = 'text' | 'number' | 'email' | 'select' | 'checkbox' | 'radio' | 'textarea' | 'date' | 'array' | 'group';
+
+export declare const FormRenderer: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+
+declare interface MaskConfig {
+    preset?: MaskPreset;
+    /** Custom mask pattern: '#' = digit, 'A' = letter, other chars are literals */
+    pattern?: string;
+}
+
+declare type MaskPreset = 'phone-ru' | 'phone-eu' | 'date' | 'inn' | 'iban';
+
+export declare const NumberField: DefineComponent<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_3<{
+field: FieldDefinition;
+modelValue: number | null;
+error?: string[];
+touched?: boolean;
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+blur: () => void;
+"update:modelValue": (value: number | null) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_3<{
+field: FieldDefinition;
+modelValue: number | null;
+error?: string[];
+touched?: boolean;
+}>>> & Readonly<{
+onBlur?: (() => any) | undefined;
+"onUpdate:modelValue"?: ((value: number | null) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const RadioField: DefineComponent<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_7<{
+field: FieldDefinition;
+modelValue: unknown;
+error?: string[];
+touched?: boolean;
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+blur: () => void;
+"update:modelValue": (value: unknown) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_7<{
+field: FieldDefinition;
+modelValue: unknown;
+error?: string[];
+touched?: boolean;
+}>>> & Readonly<{
+onBlur?: (() => any) | undefined;
+"onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const SelectField: DefineComponent<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_5<{
+field: FieldDefinition;
+modelValue: unknown;
+error?: string[];
+touched?: boolean;
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+blur: () => void;
+"update:modelValue": (value: unknown) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_5<{
+field: FieldDefinition;
+modelValue: unknown;
+error?: string[];
+touched?: boolean;
+}>>> & Readonly<{
+onBlur?: (() => any) | undefined;
+"onUpdate:modelValue"?: ((value: unknown) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const TextareaField: DefineComponent<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_4<{
+field: FieldDefinition;
+modelValue: string;
+error?: string[];
+touched?: boolean;
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+blur: () => void;
+"update:modelValue": (value: string) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_4<{
+field: FieldDefinition;
+modelValue: string;
+error?: string[];
+touched?: boolean;
+}>>> & Readonly<{
+onBlur?: (() => any) | undefined;
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+export declare const TextField: DefineComponent<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_2<{
+field: FieldDefinition;
+modelValue: string;
+error?: string[];
+touched?: boolean;
+}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+blur: () => void;
+"update:modelValue": (value: string) => void;
+}, string, PublicProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps_2<{
+field: FieldDefinition;
+modelValue: string;
+error?: string[];
+touched?: boolean;
+}>>> & Readonly<{
+onBlur?: (() => any) | undefined;
+"onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+
+declare interface UseFormReturn<T extends Record<string, unknown> = Record<string, unknown>> {
+    fields: ComputedRef<FieldDefinition[]>;
+    values: Ref<T>;
+    errors: Ref<Record<string, string[]>>;
+    touched: Ref<Record<string, boolean>>;
+    isDirty: ComputedRef<boolean>;
+    isValid: ComputedRef<boolean>;
+    isSubmitting: Ref<boolean>;
+    submit(): Promise<void>;
+    reset(values?: Partial<T>): void;
+    setField(path: string, value: unknown): void;
+    getField(path: string): unknown;
+}
+
+declare type ValidatorFn = (value: unknown, values: Record<string, unknown>) => string | null;
+
+export { }