@macrulez/vue-form-schema 0.1.6 → 0.1.9

package/dist/index.js

@@ -1,11 +1,11 @@
-import { g as S, k as R, u as q, e as $, p as ee, m as te, f as ne, d as se, h as ae, j as I, V as oe } from "./MaskEngine-BqJQYybS.js";
-import { a as xe, b as Le, c as je, i as Je, r as Pe, s as Be, l as De, n as He } from "./MaskEngine-BqJQYybS.js";
-import { computed as v, watchEffect as re, ref as b, onMounted as ie, watch as j, onUnmounted as le } from "vue";
+import { h as g, o as C, u as q, e as $, p as ee, m as te, j as ne, i as se, k as ae, n as T, V as oe } from "./MaskEngine-mLoXKd4d.js";
+import { a as xe, b as Le, c as je, f as Je, d as Pe, g as Be, l as De, r as He, s as Me, q as qe, t as $e } from "./MaskEngine-mLoXKd4d.js";
+import { computed as v, watchEffect as ie, ref as S, onMounted as le, watch as j, onUnmounted as re } from "vue";
 function ge(n) {
-  const s = v(() => n.touched && n.error.length > 0), t = v(() => s.value ? n.error[0] : null), e = v(() => n.touched ? n.error : []), r = v(() => n.field.required ?? !1), d = v(
+  const s = v(() => n.touched && n.error.length > 0), t = v(() => s.value ? n.error[0] : null), e = v(() => n.touched ? n.error : []), i = v(() => n.field.required ?? !1), c = v(
     () => typeof n.field.disabled == "boolean" ? n.field.disabled : !1
   );
-  return { hasError: s, errorMessage: t, allErrors: e, isRequired: r, isDisabled: d };
+  return { hasError: s, errorMessage: t, allErrors: e, isRequired: i, isDisabled: c };
 }
 const ue = /^[\w\s\d.'"[\]()!<>=&|?:+\-*/%]+$/;
 function ce(n, s) {
@@ -17,7 +17,7 @@ function ce(n, s) {
     return !0;
   }
 }
-class T {
+class I {
   constructor() {
     this.stopHandle = null;
   }
@@ -25,10 +25,10 @@ class T {
    * Start reactively watching values and writing evaluated fields into
    * `resolvedFields`. Also handles clearOnHide side effect.
    */
-  start(s, t, e, r) {
-    this.stopHandle = re(() => {
-      const d = t.value, u = e.value, c = this.evaluateFields(s, d);
-      r && this.clearHiddenValues(s, c, d, t, u), e.value = c;
+  start(s, t, e, i) {
+    this.stopHandle = ie(() => {
+      const c = t.value, u = e.value, f = this.evaluateFields(s, c);
+      i && this.clearHiddenValues(s, f, c, t, u), e.value = f;
     });
   }
   stop() {
@@ -38,7 +38,7 @@ class T {
   /** Recursively evaluate visible/disabled/options for each field */
   evaluateFields(s, t) {
     return s.map((e) => {
-      const r = this.resolveBoolean(e.visible, t, !0), d = this.resolveBoolean(e.disabled, t, !1);
+      const i = this.resolveBoolean(e.visible, t, !0), c = this.resolveBoolean(e.disabled, t, !1);
       let u;
       if (typeof e.options == "function") {
         const m = e.options(t);
@@ -47,8 +47,8 @@ class T {
         u = e.options;
       return {
         ...e,
-        visible: r,
-        disabled: d,
+        visible: i,
+        disabled: c,
         options: u,
         fields: e.fields ? this.evaluateFields(e.fields, t) : void 0
       };
@@ -57,28 +57,28 @@ class T {
   resolveBoolean(s, t, e) {
     return s === void 0 ? e : typeof s == "boolean" ? s : typeof s == "function" ? s(t) : typeof s == "string" ? ce(s, t) : e;
   }
-  clearHiddenValues(s, t, e, r, d) {
+  clearHiddenValues(s, t, e, i, c) {
     for (let u = 0; u < s.length; u++) {
-      const c = s[u], m = t[u], w = this.wasVisible(d, c.name), p = m.visible;
-      if (w && !p) {
-        const h = S(e, c.name), F = c.defaultValue ?? null;
-        h !== F && (r.value = R(r.value, c.name, F));
+      const f = s[u], m = t[u], O = this.wasVisible(c, f.name), p = m.visible;
+      if (O && !p) {
+        const y = g(e, f.name), V = f.defaultValue ?? null;
+        y !== V && (i.value = C(i.value, f.name, V));
       }
-      c.fields && m.fields && this.clearHiddenValues(c.fields, m.fields, e, r, d);
+      f.fields && m.fields && this.clearHiddenValues(f.fields, m.fields, e, i, c);
     }
   }
   wasVisible(s, t) {
-    const e = s.find((r) => r.name === t);
+    const e = s.find((i) => i.name === t);
     return e ? e.visible !== !1 : !0;
   }
 }
 function be(n, s) {
-  return new T().evaluateFields(n, s);
+  return new I().evaluateFields(n, s);
 }
 function fe(n, s, t) {
   switch (n) {
     case "required":
-      return t ? (e, r) => I(e) ? t : null : I;
+      return t ? (e, i) => T(e) ? t : null : T;
     case "minLength":
       return ae(Number(s), t);
     case "maxLength":
@@ -90,14 +90,14 @@ function fe(n, s, t) {
     case "pattern":
       return ee(new RegExp(String(s)), t);
     case "email":
-      return t ? (e, r) => $(e) ? t : null : $;
+      return t ? (e, i) => $(e) ? t : null : $;
     case "url":
-      return t ? (e, r) => q(e) ? t : null : q;
+      return t ? (e, i) => q(e) ? t : null : q;
     default:
       return console.warn(`[vue-form-schema] Unknown validator rule: "${n}"`), null;
   }
 }
-function C(n) {
+function R(n) {
   const s = [];
   for (const t of n.validators ?? []) {
     const e = fe(t.rule, t.value, t.message);
@@ -115,13 +115,13 @@ function C(n) {
     mask: n.mask,
     options: n.options,
     validators: s.length ? s : void 0,
-    fields: n.fields ? n.fields.map(C) : void 0
+    fields: n.fields ? n.fields.map(R) : void 0
   };
 }
-function ve(n) {
-  return n.map(C);
-}
 function de(n) {
+  return n.map(R);
+}
+function ve(n) {
   if (!Array.isArray(n) || n.length === 0) return !1;
   for (const s of n) {
     const t = s.validators;
@@ -136,23 +136,28 @@ function de(n) {
   });
 }
 function me(n) {
-  return de(n) ? ve(n) : n;
+  return ve(n) ? de(n) : n;
 }
 function N(n, s = {}) {
   const t = {};
   for (const e of n)
     if (e.type === "group" && e.fields) {
-      const r = N(e.fields, s);
-      Object.assign(t, r);
+      const i = N(e.fields, s);
+      Object.assign(t, i);
     } else if (e.type === "array") {
-      const r = S(s, e.name);
-      t[e.name] = r ?? e.defaultValue ?? [];
-    } else {
-      const r = S(s, e.name);
-      t[e.name] = r !== void 0 ? r : e.defaultValue ?? null;
+      const i = g(s, e.name), c = typeof e.defaultValue == "function" ? void 0 : e.defaultValue;
+      t[e.name] = i ?? c ?? [];
+    } else if (typeof e.defaultValue != "function") {
+      const i = g(s, e.name);
+      t[e.name] = i !== void 0 ? i : e.defaultValue ?? null;
     }
-  for (const [e, r] of Object.entries(s))
-    e in t || (t[e] = r);
+  for (const e of n)
+    if (e.type !== "group" && typeof e.defaultValue == "function") {
+      const i = g(s, e.name);
+      i === void 0 ? t[e.name] = e.defaultValue(t) : t[e.name] = i;
+    }
+  for (const [e, i] of Object.entries(s))
+    e in t || (t[e] = i);
   return t;
 }
 function pe(n) {
@@ -161,59 +166,59 @@ function pe(n) {
     schema: s,
     initialValues: t = {},
     validateOn: e = "blur",
-    validateMode: r = "first",
-    clearOnHide: d = !1,
+    validateMode: i = "first",
+    clearOnHide: c = !1,
     onSubmit: u,
-    persist: c = !1,
+    persist: f = !1,
     persistKey: m,
-    debug: w = !1
-  } = n, p = me(s), h = new oe(300, r), F = new T(), V = m ?? `vfs:${p.map((a) => a.name).join(",")}`;
+    debug: O = !1
+  } = n, p = me(s), y = new oe(300, i), V = new I(), w = m ?? `vfs:${p.map((a) => a.name).join(",")}`;
   function E() {
-    return typeof window > "u" || !c ? null : c === "local" ? window.localStorage : window.sessionStorage;
+    return typeof window > "u" || !f ? null : f === "local" ? window.localStorage : window.sessionStorage;
   }
-  const o = b(
+  const o = S(
     N(p, t)
-  ), f = b({}), g = b({}), A = b(!1), y = b(p), O = b({}), k = b({}), P = /* @__PURE__ */ new Set();
+  ), d = S({}), b = S({}), A = S(!1), h = S(p), F = S({}), k = S({}), P = /* @__PURE__ */ new Set();
   let x = !1;
-  F.start(p, o, y, d ?? !1);
+  V.start(p, o, h, c ?? !1);
   async function B(a) {
     if (typeof a.options != "function") return;
-    const i = a.options(o.value);
-    if (i instanceof Promise) {
-      O.value = { ...O.value, [a.name]: !0 };
+    const l = a.options(o.value);
+    if (l instanceof Promise) {
+      F.value = { ...F.value, [a.name]: !0 };
       try {
-        const l = await i;
-        k.value = { ...k.value, [a.name]: l };
-      } catch (l) {
-        console.warn(`[vue-form-schema] Failed to load options for "${a.name}"`, l);
+        const r = await l;
+        k.value = { ...k.value, [a.name]: r };
+      } catch (r) {
+        console.warn(`[vue-form-schema] Failed to load options for "${a.name}"`, r);
       } finally {
-        O.value = { ...O.value, [a.name]: !1 };
+        F.value = { ...F.value, [a.name]: !1 };
       }
     }
   }
   const D = p.filter((a) => typeof a.options == "function");
-  ie(async () => {
+  le(async () => {
     const a = E();
     if (a)
       try {
-        const i = a.getItem(V);
-        if (i) {
-          const l = JSON.parse(i);
+        const l = a.getItem(w);
+        if (l) {
+          const r = JSON.parse(l);
           o.value = {
             ...o.value,
-            ...l
+            ...r
           };
         }
       } catch {
       }
-    await Promise.all(D.map((i) => B(i)));
-  }), c && j(
+    await Promise.all(D.map((l) => B(l)));
+  }), f && j(
     o,
     (a) => {
-      var i;
+      var l;
       if (!x)
         try {
-          (i = E()) == null || i.setItem(V, JSON.stringify(a));
+          (l = E()) == null || l.setItem(w, JSON.stringify(a));
         } catch {
         }
     },
@@ -221,110 +226,110 @@ function pe(n) {
   );
   for (const a of D)
     (M = a.optionsDeps) != null && M.length && j(
-      () => a.optionsDeps.map((i) => S(o.value, i)),
+      () => a.optionsDeps.map((l) => g(o.value, l)),
       () => B(a)
     );
-  w && j(
+  O && j(
     o,
     (a) => {
-      console.group("[vue-form-schema] values changed"), console.log("values:", JSON.parse(JSON.stringify(a))), console.log("errors:", f.value), console.log("touched:", g.value), console.groupEnd();
+      console.group("[vue-form-schema] values changed"), console.log("values:", JSON.parse(JSON.stringify(a))), console.log("errors:", d.value), console.log("touched:", b.value), console.groupEnd();
     },
     { deep: !0 }
   );
-  const W = v(
-    () => y.value.map((a) => ({
+  const z = v(
+    () => h.value.map((a) => ({
       ...a,
       options: k.value[a.name] ?? a.options,
-      optionsLoading: O.value[a.name] ?? !1
+      optionsLoading: F.value[a.name] ?? !1
     }))
-  ), X = v(() => {
+  ), W = v(() => {
     const a = N(p, t);
     return JSON.stringify(o.value) !== JSON.stringify(a);
-  }), _ = v(() => {
-    const a = h.validateAll(y.value, o.value);
-    return Object.values(a).every((i) => i.length === 0);
+  }), X = v(() => {
+    const a = y.validateAll(h.value, o.value);
+    return Object.values(a).every((l) => l.length === 0);
   });
   function H(a) {
     if (a) {
-      const i = h.validateField(
+      const l = y.validateField(
         a,
-        S(o.value, a.name),
+        g(o.value, a.name),
         o.value
       );
-      f.value = { ...f.value, [a.name]: i }, h.validateAsync(
+      d.value = { ...d.value, [a.name]: l }, y.validateAsync(
         a,
-        S(o.value, a.name),
+        g(o.value, a.name),
         o.value,
-        (l, L) => {
-          f.value = {
-            ...f.value,
-            [l]: [...f.value[l] ?? [], ...L]
+        (r, L) => {
+          d.value = {
+            ...d.value,
+            [r]: [...d.value[r] ?? [], ...L]
           };
         }
       );
     } else
-      f.value = h.validateAll(
-        y.value,
+      d.value = y.validateAll(
+        h.value,
         o.value
       );
   }
-  function z(a, i) {
-    const l = J(y.value, a), L = l != null && l.transform ? l.transform(i, o.value) : i;
-    o.value = R(
+  function _(a, l) {
+    const r = J(h.value, a), L = r != null && r.transform ? r.transform(l, o.value) : l;
+    o.value = C(
       o.value,
       a,
       L
-    ), (e === "input" || e === "eager" && P.has(a)) && l && H(l);
+    ), (e === "input" || e === "eager" && P.has(a)) && r && H(r);
   }
   function G(a) {
-    return S(o.value, a);
+    return g(o.value, a);
   }
   function Q(a) {
-    if (g.value = { ...g.value, [a]: !0 }, P.add(a), e === "blur" || e === "eager") {
-      const i = J(y.value, a);
-      i && H(i);
+    if (b.value = { ...b.value, [a]: !0 }, P.add(a), e === "blur" || e === "eager") {
+      const l = J(h.value, a);
+      l && H(l);
     }
   }
   async function Y() {
     const a = {};
-    for (const l of y.value) K(l, a);
-    if (g.value = a, f.value = h.validateAll(
-      y.value,
+    for (const r of h.value) K(r, a);
+    if (b.value = a, d.value = y.validateAll(
+      h.value,
       o.value
-    ), !Object.values(f.value).some((l) => l.length > 0)) {
+    ), !Object.values(d.value).some((r) => r.length > 0)) {
       A.value = !0;
       try {
-        const l = U(y.value, o.value);
-        await (u == null ? void 0 : u(l));
+        const r = U(h.value, o.value);
+        await (u == null ? void 0 : u(r));
       } finally {
         A.value = !1;
       }
     }
   }
   function Z(a) {
-    var l;
-    const i = a ?? t;
+    var r;
+    const l = a ?? t;
     o.value = N(
       p,
-      i ?? {}
-    ), f.value = {}, g.value = {}, A.value = !1, x = !0, (l = E()) == null || l.removeItem(V), Promise.resolve().then(() => {
+      l ?? {}
+    ), d.value = {}, b.value = {}, A.value = !1, x = !0, (r = E()) == null || r.removeItem(w), Promise.resolve().then(() => {
       x = !1;
     });
   }
-  return le(() => {
-    F.stop(), h.destroy();
+  return re(() => {
+    V.stop(), y.destroy();
   }), {
-    fields: W,
+    fields: z,
     values: o,
-    errors: f,
-    touched: g,
-    optionsLoading: O,
-    isDirty: X,
-    isValid: _,
+    errors: d,
+    touched: b,
+    optionsLoading: F,
+    isDirty: W,
+    isValid: X,
     isSubmitting: A,
     submit: Y,
     reset: Z,
-    setField: z,
+    setField: _,
     getField: G,
     // expose touch for FormRenderer
     // @ts-expect-error - internal
@@ -347,56 +352,56 @@ function U(n, s) {
   const t = { ...s };
   for (const e of n) {
     if (e.parse) {
-      const r = S(t, e.name);
-      t[e.name] = e.parse(r);
+      const i = g(t, e.name);
+      t[e.name] = e.parse(i);
     }
     if (e.fields) {
-      const r = U(e.fields, t);
-      Object.assign(t, r);
+      const i = U(e.fields, t);
+      Object.assign(t, i);
     }
   }
   return t;
 }
 function Se(n, s) {
-  const t = n.map((o) => pe(o)), e = b(0), r = t.length, d = v(() => e.value === 0), u = v(() => e.value === r - 1), c = v(() => t[e.value]), m = v(
+  const t = n.map((o) => pe(o)), e = S(0), i = t.length, c = v(() => e.value === 0), u = v(() => e.value === i - 1), f = v(() => t[e.value]), m = v(
     () => t.reduce(
-      (o, f) => ({ ...o, ...f.values.value }),
+      (o, d) => ({ ...o, ...d.values.value }),
       {}
     )
-  ), w = v(() => t.every((o) => o.isValid.value)), p = v(() => t.some((o) => o.isSubmitting.value));
-  async function h() {
+  ), O = v(() => t.every((o) => o.isValid.value)), p = v(() => t.some((o) => o.isSubmitting.value));
+  async function y() {
     return await t[e.value].submit(), Object.values(t[e.value].errors.value).some(
-      (f) => f.length > 0
+      (d) => d.length > 0
     ) ? !1 : (u.value || e.value++, !0);
   }
-  function F() {
-    d.value || e.value--;
+  function V() {
+    c.value || e.value--;
   }
-  function V(o) {
-    o >= 0 && o < r && (e.value = o);
+  function w(o) {
+    o >= 0 && o < i && (e.value = o);
   }
   async function E() {
     for (const o of t)
-      if (await o.submit(), Object.values(o.errors.value).some((g) => g.length > 0)) return;
+      if (await o.submit(), Object.values(o.errors.value).some((b) => b.length > 0)) return;
     await (s == null ? void 0 : s(m.value));
   }
   return {
     currentStep: e,
-    totalSteps: r,
-    isFirstStep: d,
+    totalSteps: i,
+    isFirstStep: c,
     isLastStep: u,
-    form: c,
+    form: f,
     steps: t,
     values: m,
-    isValid: w,
+    isValid: O,
     isSubmitting: p,
-    next: h,
-    back: F,
-    goTo: V,
+    next: y,
+    back: V,
+    goTo: w,
     submit: E
   };
 }
-function Fe(n) {
+function Ve(n) {
   return { snapshot: v(() => ({
     values: JSON.parse(JSON.stringify(n.values.value)),
     errors: n.errors.value,
@@ -412,18 +417,18 @@ function Fe(n) {
     }))
   })) };
 }
-function Oe(...n) {
+function Fe(...n) {
   const s = /* @__PURE__ */ new Map();
   for (const t of n)
     for (const e of t)
       s.set(e.name, e);
   return Array.from(s.values());
 }
-function we(n, s) {
+function Oe(n, s) {
   const t = new Set(s);
   return n.filter((e) => !t.has(e.name));
 }
-function Ve(n, s) {
+function we(n, s) {
   const t = new Set(s);
   return n.filter((e) => t.has(e.name));
 }
@@ -434,7 +439,7 @@ function Ae(n) {
   return n;
 }
 export {
-  T as ConditionEvaluator,
+  I as ConditionEvaluator,
   oe as ValidationEngine,
   xe as applyMask,
   Le as bindMask,
@@ -443,26 +448,29 @@ export {
   $ as email,
   be as evaluateFieldConditions,
   Ee as extendField,
-  S as getByPath,
+  Je as fileCount,
+  Pe as fileSize,
+  Be as fileType,
+  g as getByPath,
   te as max,
   se as maxLength,
-  Oe as mergeSchemas,
+  Fe as mergeSchemas,
   ne as min,
   ae as minLength,
-  we as omitFields,
-  ve as parseJSON,
+  Oe as omitFields,
+  de as parseJSON,
   ee as pattern,
-  Ve as pickFields,
-  Je as provideRegistry,
-  Pe as removeMask,
-  I as required,
-  Be as sameAs,
-  R as setByPath,
+  we as pickFields,
+  De as provideRegistry,
+  He as removeMask,
+  T as required,
+  Me as sameAs,
+  C as setByPath,
   q as url,
-  De as useFieldArray,
+  qe as useFieldArray,
   pe as useForm,
-  Fe as useFormDebug,
+  Ve as useFormDebug,
   ge as useFormField,
   Se as useMultiStepForm,
-  He as useRegistry
+  $e as useRegistry
 };

package/dist/ui/index.d.ts

@@ -8,4 +8,5 @@ export { default as CheckboxField } from './fields/CheckboxField.vue';
 export { default as RadioField } from './fields/RadioField.vue';
 export { default as DateField } from './fields/DateField.vue';
 export { default as ArrayField } from './fields/ArrayField.vue';
+export { default as FileField } from './fields/FileField.vue';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAC9E,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;AAC7D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAA"}
+{"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,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAC9E,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;AAC7D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAA"}

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

@@ -0,0 +1,11 @@
+export { default as TailwindFormRenderer } from './TailwindFormRenderer.vue';
+export { default as TwTextField } from './TextField.vue';
+export { default as TwNumberField } from './NumberField.vue';
+export { default as TwTextareaField } from './TextareaField.vue';
+export { default as TwSelectField } from './SelectField.vue';
+export { default as TwCheckboxField } from './CheckboxField.vue';
+export { default as TwRadioField } from './RadioField.vue';
+export { default as TwDateField } from './DateField.vue';
+export { default as TwFileField } from './FileField.vue';
+export { default as TwArrayField } from './ArrayField.vue';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/tailwind/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA;AAC5E,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,qBAAqB,CAAA;AAChE,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,kBAAkB,CAAA"}

package/dist/ui-tailwind.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),v=require("./MaskEngine-DAKSNIHQ.cjs"),q={class:"mb-4"},D=["for"],T={key:0,class:"text-red-400 ml-0.5","aria-hidden":"true"},R=["id"],k=e.defineComponent({__name:"BaseField",props:{field:{},error:{},touched:{type:Boolean}},setup(t){const s=t,r=e.computed(()=>{var a;return!!(s.touched&&((a=s.error)!=null&&a.length))}),c=e.computed(()=>`${s.field.name}-error`),n=e.computed(()=>({"aria-required":s.field.required?"true":void 0,"aria-invalid":r.value?"true":"false","aria-describedby":r.value?c.value:void 0}));return(a,d)=>(e.openBlock(),e.createElementBlock("div",q,[t.field.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:t.field.name,class:"block text-xs font-semibold uppercase tracking-wider text-gray-400 mb-1.5"},[e.createTextVNode(e.toDisplayString(t.field.label)+" ",1),t.field.required?(e.openBlock(),e.createElementBlock("span",T,"*")):e.createCommentVNode("",!0)],8,D)):e.createCommentVNode("",!0),e.renderSlot(a.$slots,"default",e.normalizeProps(e.guardReactiveProps(n.value))),r.value?(e.openBlock(),e.createElementBlock("ul",{key:1,id:c.value,class:"mt-1 space-y-0.5",role:"alert","aria-live":"polite"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.error,(i,m)=>(e.openBlock(),e.createElementBlock("li",{key:m,class:"text-red-400 text-xs"},e.toDisplayString(i),1))),128))],8,R)):e.createCommentVNode("",!0)]))}}),A=["id","type","name","value","placeholder","disabled","required"],x=e.defineComponent({__name:"TextField",props:{field:{},modelValue:{},error:{},touched:{type:Boolean}},emits:["update:modelValue","blur"],setup(t,{emit:s}){const r=t,c=s,n=e.ref(null);let a=null;const d=e.computed(()=>{var i;return!!(r.touched&&((i=r.error)!=null&&i.length))});return e.onMounted(()=>{n.value&&r.field.mask&&(a=v.bindMask(n.value,r.field.mask))}),e.onUnmounted(()=>a==null?void 0:a()),(i,m)=>(e.openBlock(),e.createBlock(k,{field:t.field,error:t.error,touched:t.touched},{default:e.withCtx(f=>[e.createElementVNode("input",e.mergeProps({id:t.field.name,ref_key:"inputRef",ref:n,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},f,{class:["w-full rounded-lg border bg-gray-900 px-3 py-2 text-sm text-gray-100 placeholder-gray-500 outline-none transition focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50",d.value?"border-red-500 focus:ring-red-500":"border-gray-700 focus:ring-indigo-500 focus:border-indigo-500"],onInput:m[0]||(m[0]=g=>c("update:modelValue",g.target.value)),onBlur:m[1]||(m[1]=g=>c("blur"))}),null,16,A)]),_:1},8,["field","error","touched"]))}}),P=["id","name","value","placeholder","disabled","required"],V=e.defineComponent({__name:"NumberField",props:{field:{},modelValue:{},error:{},touched:{type:Boolean}},emits:["update:modelValue","blur"],setup(t,{emit:s}){const r=t,c=s,n=e.computed(()=>{var d;return!!(r.touched&&((d=r.error)!=null&&d.length))});function a(d){const i=d.target.value;c("update:modelValue",i===""?null:Number(i))}return(d,i)=>(e.openBlock(),e.createBlock(k,{field:t.field,error:t.error,touched:t.touched},{default:e.withCtx(m=>[e.createElementVNode("input",e.mergeProps({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},m,{class:["w-full rounded-lg border bg-gray-900 px-3 py-2 text-sm text-gray-100 placeholder-gray-500 outline-none transition focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50",n.value?"border-red-500 focus:ring-red-500":"border-gray-700 focus:ring-indigo-500 focus:border-indigo-500"],onInput:a,onBlur:i[0]||(i[0]=f=>c("blur"))}),null,16,P)]),_:1},8,["field","error","touched"]))}}),L=["id","name","value","placeholder","disabled","required"],$=e.defineComponent({__name:"TextareaField",props:{field:{},modelValue:{},error:{},touched:{type:Boolean}},emits:["update:modelValue","blur"],setup(t,{emit:s}){const r=t,c=s,n=e.computed(()=>{var a;return!!(r.touched&&((a=r.error)!=null&&a.length))});return(a,d)=>(e.openBlock(),e.createBlock(k,{field:t.field,error:t.error,touched:t.touched},{default:e.withCtx(i=>[e.createElementVNode("textarea",e.mergeProps({id:t.field.name,name:t.field.name,value:t.modelValue??"",placeholder:t.field.placeholder,disabled:t.field.disabled===!0,required:t.field.required},i,{class:["w-full resize-y rounded-lg border bg-gray-900 px-3 py-2 text-sm text-gray-100 placeholder-gray-500 outline-none transition focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50",n.value?"border-red-500 focus:ring-red-500":"border-gray-700 focus:ring-indigo-500 focus:border-indigo-500"],style:{"min-height":"80px"},onInput:d[0]||(d[0]=m=>c("update:modelValue",m.target.value)),onBlur:d[1]||(d[1]=m=>c("blur"))}),null,16,L)]),_:1},8,["field","error","touched"]))}}),I={key:0,class:"py-2 text-sm text-gray-400"},M=["id","name","disabled","required"],z=["selected"],U=["value","selected"],E=e.defineComponent({__name:"SelectField",props:{field:{},modelValue:{},error:{},touched:{type:Boolean}},emits:["update:modelValue","blur"],setup(t,{emit:s}){const r=t,c=s,n=e.computed(()=>Array.isArray(r.field.options)?r.field.options:[]),a=e.computed(()=>{var i;return!!(r.touched&&((i=r.error)!=null&&i.length))});function d(i){const m=i.target,f=n.value.find(g=>String(g.value)===m.value);c("update:modelValue",(f==null?void 0:f.value)??m.value)}return(i,m)=>(e.openBlock(),e.createBlock(k,{field:t.field,error:t.error,touched:t.touched},{default:e.withCtx(f=>[t.field.optionsLoading?(e.openBlock(),e.createElementBlock("div",I,"Loading…")):(e.openBlock(),e.createElementBlock("select",e.mergeProps({key:1,id:t.field.name,name:t.field.name,disabled:t.field.disabled===!0||t.field.optionsLoading,required:t.field.required},f,{class:["w-full rounded-lg border bg-gray-900 px-3 py-2 text-sm text-gray-100 outline-none transition focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50",a.value?"border-red-500 focus:ring-red-500":"border-gray-700 focus:ring-indigo-500 focus:border-indigo-500"],onChange:d,onBlur:m[0]||(m[0]=g=>c("blur"))}),[e.createElementVNode("option",{value:"",disabled:"",selected:t.modelValue===null||t.modelValue===void 0||t.modelValue==="",class:"bg-gray-800"},e.toDisplayString(t.field.placeholder??"Select an option"),9,z),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(n.value,g=>(e.openBlock(),e.createElementBlock("option",{key:String(g.value),value:String(g.value),selected:t.modelValue===g.value,class:"bg-gray-800"},e.toDisplayString(g.label),9,U))),128))],16,M))]),_:1},8,["field","error","touched"]))}}),j={class:"flex cursor-pointer items-center gap-2.5"},K=["id","name","checked","disabled","required","aria-checked"],O={key:0,class:"text-sm text-gray-200"},C=e.defineComponent({__name:"CheckboxField",props:{field:{},modelValue:{type:[Boolean,null]},error:{},touched:{type:Boolean}},emits:["update:modelValue","blur"],setup(t,{emit:s}){const r=s;return(c,n)=>(e.openBlock(),e.createBlock(k,{field:{...t.field,label:void 0},error:t.error,touched:t.touched},{default:e.withCtx(a=>[e.createElementVNode("label",j,[e.createElementVNode("input",e.mergeProps({id:t.field.name,type:"checkbox",name:t.field.name,checked:!!t.modelValue,disabled:t.field.disabled===!0,required:t.field.required,"aria-checked":t.modelValue?"true":"false"},a,{class:"h-4 w-4 cursor-pointer rounded border-gray-600 bg-gray-900 text-indigo-500 accent-indigo-500 disabled:cursor-not-allowed disabled:opacity-50",onChange:n[0]||(n[0]=d=>r("update:modelValue",d.target.checked)),onBlur:n[1]||(n[1]=d=>r("blur"))}),null,16,K),t.field.label?(e.openBlock(),e.createElementBlock("span",O,e.toDisplayString(t.field.label),1)):e.createCommentVNode("",!0)])]),_:1},8,["field","error","touched"]))}}),G=["aria-required","aria-invalid","aria-describedby"],H={key:0,class:"block text-xs font-semibold uppercase tracking-wider text-gray-400 mb-2"},J={key:0,class:"text-red-400 ml-0.5","aria-hidden":"true"},Q={class:"space-y-2"},W=["name","value","checked","disabled","onChange"],X={class:"text-sm text-gray-200"},Y=["id"],w=e.defineComponent({__name:"RadioField",props:{field:{},modelValue:{},error:{},touched:{type:Boolean}},emits:["update:modelValue","blur"],setup(t,{emit:s}){const r=t,c=s,n=e.computed(()=>{var i;return!!(r.touched&&((i=r.error)!=null&&i.length))}),a=e.computed(()=>`${r.field.name}-error`),d=e.computed(()=>Array.isArray(r.field.options)?r.field.options:[]);return(i,m)=>(e.openBlock(),e.createElementBlock("fieldset",{class:"mb-4","aria-required":t.field.required?"true":void 0,"aria-invalid":n.value?"true":"false","aria-describedby":n.value?a.value:void 0},[t.field.label?(e.openBlock(),e.createElementBlock("legend",H,[e.createTextVNode(e.toDisplayString(t.field.label)+" ",1),t.field.required?(e.openBlock(),e.createElementBlock("span",J,"*")):e.createCommentVNode("",!0)])):e.createCommentVNode("",!0),e.createElementVNode("div",Q,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,f=>(e.openBlock(),e.createElementBlock("label",{key:String(f.value),class:"flex cursor-pointer items-center gap-2.5"},[e.createElementVNode("input",{type:"radio",name:t.field.name,value:String(f.value),checked:t.modelValue===f.value,disabled:t.field.disabled===!0,class:"h-4 w-4 cursor-pointer border-gray-600 bg-gray-900 text-indigo-500 accent-indigo-500 disabled:cursor-not-allowed disabled:opacity-50",onChange:g=>c("update:modelValue",f.value),onBlur:m[0]||(m[0]=g=>c("blur"))},null,40,W),e.createElementVNode("span",X,e.toDisplayString(f.label),1)]))),128))]),n.value?(e.openBlock(),e.createElementBlock("ul",{key:1,id:a.value,class:"mt-1 space-y-0.5",role:"alert","aria-live":"polite"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.error,(f,g)=>(e.openBlock(),e.createElementBlock("li",{key:g,class:"text-red-400 text-xs"},e.toDisplayString(f),1))),128))],8,Y)):e.createCommentVNode("",!0)],8,G))}}),Z=["id","name","value","disabled","required"],N=e.defineComponent({__name:"DateField",props:{field:{},modelValue:{},error:{},touched:{type:Boolean}},emits:["update:modelValue","blur"],setup(t,{emit:s}){const r=t,c=s,n=e.computed(()=>{var a;return!!(r.touched&&((a=r.error)!=null&&a.length))});return(a,d)=>(e.openBlock(),e.createBlock(k,{field:t.field,error:t.error,touched:t.touched},{default:e.withCtx(i=>[e.createElementVNode("input",e.mergeProps({id:t.field.name,type:"date",name:t.field.name,value:t.modelValue??"",disabled:t.field.disabled===!0,required:t.field.required},i,{class:["w-full rounded-lg border bg-gray-900 px-3 py-2 text-sm text-gray-100 outline-none transition focus:ring-2 disabled:cursor-not-allowed disabled:opacity-50",n.value?"border-red-500 focus:ring-red-500":"border-gray-700 focus:ring-indigo-500 focus:border-indigo-500"],onInput:d[0]||(d[0]=m=>c("update:modelValue",m.target.value)),onBlur:d[1]||(d[1]=m=>c("blur"))}),null,16,Z)]),_:1},8,["field","error","touched"]))}}),_=["id","name","accept","multiple","disabled","required"],ee={class:"pointer-events-none space-y-1"},te={class:"text-sm text-gray-300"},oe={key:0,class:"text-xs text-gray-500"},re={key:0,class:"mt-2 space-y-1"},le={class:"truncate text-gray-200"},ne={class:"ml-2 shrink-0 text-xs text-gray-500"},ae=["aria-label","onClick"],F=e.defineComponent({__name:"FileField",props:{field:{},modelValue:{},error:{},touched:{type:Boolean}},emits:["update:modelValue","blur"],setup(t,{emit:s}){const r=t,c=s,n=e.ref(!1),a=e.ref(null),d=e.computed(()=>r.modelValue?Array.isArray(r.modelValue)?r.modelValue:[r.modelValue]:[]),i=e.computed(()=>r.field.multiple??!1);function m(l){if(!l||l.length===0){c("update:modelValue",null);return}c("update:modelValue",i.value?Array.from(l):l[0])}function f(l){m(l.target.files),c("blur")}function g(l){var o;n.value=!1,l.preventDefault(),m(((o=l.dataTransfer)==null?void 0:o.files)??null),c("blur")}function h(l){const o=d.value.filter((b,y)=>y!==l);o.length===0?(c("update:modelValue",null),a.value&&(a.value.value="")):c("update:modelValue",i.value?o:o[0])}function B(l){return l<1024?`${l} B`:l<1024*1024?`${(l/1024).toFixed(1)} KB`:`${(l/(1024*1024)).toFixed(1)} MB`}return(l,o)=>(e.openBlock(),e.createBlock(k,{field:t.field,error:t.error,touched:t.touched},{default:e.withCtx(b=>{var y;return[e.createElementVNode("div",{class:e.normalizeClass(["relative rounded-lg border-2 border-dashed p-6 text-center transition",n.value?"border-indigo-500 bg-indigo-500/10":t.touched&&((y=t.error)!=null&&y.length)?"border-red-500 bg-red-500/5":"border-gray-700 bg-gray-900 hover:border-gray-500"]),onDragover:o[0]||(o[0]=e.withModifiers(u=>n.value=!0,["prevent"])),onDragleave:o[1]||(o[1]=u=>n.value=!1),onDrop:g},[e.createElementVNode("input",e.mergeProps({id:t.field.name,ref_key:"inputRef",ref:a,type:"file",name:t.field.name,accept:t.field.accept,multiple:i.value,disabled:t.field.disabled===!0,required:t.field.required},b,{class:"absolute inset-0 h-full w-full cursor-pointer opacity-0 disabled:cursor-not-allowed",onChange:f}),null,16,_),e.createElementVNode("div",ee,[o[2]||(o[2]=e.createElementVNode("div",{class:"text-2xl"},"📁",-1)),e.createElementVNode("p",te,e.toDisplayString(n.value?"Drop files here":"Click to upload or drag & drop"),1),t.field.accept?(e.openBlock(),e.createElementBlock("p",oe,e.toDisplayString(t.field.accept),1)):e.createCommentVNode("",!0)])],34),d.value.length?(e.openBlock(),e.createElementBlock("ul",re,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.value,(u,p)=>(e.openBlock(),e.createElementBlock("li",{key:`${u.name}-${p}`,class:"flex items-center justify-between rounded-lg border border-gray-700 bg-gray-900 px-3 py-2 text-sm"},[e.createElementVNode("span",le,e.toDisplayString(u.name),1),e.createElementVNode("span",ne,e.toDisplayString(B(u.size)),1),e.createElementVNode("button",{type:"button","aria-label":`Remove ${u.name}`,class:"ml-2 shrink-0 text-gray-500 hover:text-red-400 transition",onClick:be=>h(p)}," × ",8,ae)]))),128))])):e.createCommentVNode("",!0)]}),_:1},8,["field","error","touched"]))}}),de={class:"mb-4"},ie={key:0,class:"block text-xs font-semibold uppercase tracking-wider text-gray-400 mb-2"},ue={class:"flex-1 space-y-0"},ce=["onClick"],S=e.defineComponent({__name:"ArrayField",props:{field:{},form:{},components:{}},setup(t){const s=t,r=v.useRegistry(),c={text:x,email:x,number:V,textarea:$,select:E,checkbox:C,radio:w,date:N};function n(l){var o;return l.component?l.component:((o=s.components)==null?void 0:o[l.type])??r[l.type]??c[l.type]??null}const{rows:a,append:d,remove:i}=v.useFieldArray(s.form,s.field.name);function m(l){return v.getByPath(s.form.values.value,l.name)}function f(l,o){s.form.setField(l.name,o)}function g(l){var b;const o=s.form;(b=o.touchField)==null||b.call(o,l.name)}function h(l){return s.form.errors.value[l.name]??[]}function B(l){return s.form.touched.value[l.name]??!1}return(l,o)=>(e.openBlock(),e.createElementBlock("div",de,[t.field.label?(e.openBlock(),e.createElementBlock("div",ie,e.toDisplayString(t.field.label),1)):e.createCommentVNode("",!0),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(e.unref(a),b=>(e.openBlock(),e.createElementBlock("div",{key:b.key,class:"mb-2 flex items-start gap-2 rounded-lg border border-gray-700 bg-gray-900 p-3"},[e.createElementVNode("div",ue,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(b.fields,y=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:y.name},[n(y)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(n(y)),{key:0,field:y,"model-value":m(y),error:h(y),touched:B(y),"onUpdate:modelValue":u=>f(y,u),onBlur:u=>g(y)},null,40,["field","model-value","error","touched","onUpdate:modelValue","onBlur"])):e.createCommentVNode("",!0)],64))),128))]),e.createElementVNode("button",{type:"button",class:"mt-7 shrink-0 rounded px-2 py-1 text-xs text-gray-500 hover:bg-red-500/10 hover:text-red-400 transition",onClick:y=>e.unref(i)(b.index)}," Remove ",8,ce)]))),128)),e.createElementVNode("button",{type:"button",class:"mt-1 rounded-lg border border-dashed border-gray-600 px-4 py-2 text-sm text-gray-400 hover:border-indigo-500 hover:text-indigo-400 transition",onClick:o[0]||(o[0]=b=>e.unref(d)())}," + Add row ")]))}}),se={key:1,class:"mb-4 rounded-lg border border-gray-700 p-4"},me={key:0,class:"px-1 text-xs font-semibold uppercase tracking-wider text-gray-400"},fe=["disabled"],ge=e.defineComponent({__name:"TailwindFormRenderer",props:{form:{},components:{},submitLabel:{}},emits:["submit"],setup(t,{emit:s}){const r=t,c=v.useRegistry(),n=s,a={text:x,email:x,number:V,textarea:$,select:E,checkbox:C,radio:w,date:N,file:F};function d(o){var b;return o.component?o.component:((b=r.components)==null?void 0:b[o.type])??c[o.type]??a[o.type]??null}function i(o){return v.getByPath(r.form.values.value,o.name)}function m(o,b){r.form.setField(o.name,b)}function f(o){var y;const b=r.form;(y=b.touchField)==null||y.call(b,o.name)}function g(o){return r.form.errors.value[o.name]??[]}function h(o){return r.form.touched.value[o.name]??!1}const B=e.computed(()=>r.form.fields.value.filter(o=>o.visible!==!1));async function l(o){o.preventDefault(),await r.form.submit(),n("submit")}return(o,b)=>{const y=e.resolveComponent("TailwindFormRenderer",!0);return e.openBlock(),e.createElementBlock("form",{novalidate:"",onSubmit:l},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.value,u=>(e.openBlock(),e.createElementBlock(e.Fragment,{key:u.name},[o.$slots[`field-${u.name}`]?e.renderSlot(o.$slots,`field-${u.name}`,{key:0,field:u,value:i(u),error:g(u),touched:h(u),setValue:p=>m(u,p),touch:()=>f(u)}):u.type==="group"?(e.openBlock(),e.createElementBlock("fieldset",se,[u.label?(e.openBlock(),e.createElementBlock("legend",me,e.toDisplayString(u.label),1)):e.createCommentVNode("",!0),u.fields?(e.openBlock(),e.createBlock(y,{key:1,form:t.form,components:t.components},null,8,["form","components"])):e.createCommentVNode("",!0)])):u.type==="array"?(e.openBlock(),e.createBlock(S,{key:2,field:u,form:t.form,components:t.components},null,8,["field","form","components"])):d(u)?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(d(u)),{key:3,field:u,"model-value":i(u),error:g(u),touched:h(u),"onUpdate:modelValue":p=>m(u,p),onBlur:p=>f(u)},null,40,["field","model-value","error","touched","onUpdate:modelValue","onBlur"])):e.createCommentVNode("",!0)],64))),128)),e.renderSlot(o.$slots,"submit",{isSubmitting:t.form.isSubmitting.value,isValid:t.form.isValid.value},()=>[e.createElementVNode("button",{type:"submit",disabled:t.form.isSubmitting.value,class:"mt-2 rounded-lg bg-indigo-600 px-5 py-2 text-sm font-medium text-white transition hover:bg-indigo-500 disabled:cursor-not-allowed disabled:opacity-40"},e.toDisplayString(t.submitLabel??"Submit"),9,fe)])],32)}}});exports.TailwindFormRenderer=ge;exports.TwArrayField=S;exports.TwCheckboxField=C;exports.TwDateField=N;exports.TwFileField=F;exports.TwNumberField=V;exports.TwRadioField=w;exports.TwSelectField=E;exports.TwTextField=x;exports.TwTextareaField=$;