@caipira/tamandua 0.0.33 → 0.0.34

package/dist/Form.js

@@ -1,5 +1,5 @@
-import { _ as m } from "./Form.vue_vue_type_script_setup_true_lang-CbuLc6sr.js";
-import { p as a } from "./plugin-DF8iyfN5.js";
+import { _ as m } from "./Form.vue_vue_type_script_setup_true_lang-O6nqLPyU.js";
+import { p as a } from "./plugin-BkoyYU7S.js";
 export {
   m as Form,
   a as FormPlugin

package/dist/Form.vue_vue_type_script_setup_true_lang-O6nqLPyU.js

@@ -0,0 +1,205 @@
+import { reactive as C, defineComponent as A, ref as y, watch as P, provide as _, resolveComponent as T, openBlock as N, createElementBlock as O, renderSlot as B, unref as J, createElementVNode as E, normalizeClass as R, withDirectives as W, createVNode as j, mergeProps as K, vShow as M } from "vue";
+import { B as z } from "./ui-BC6H9E93.js";
+import { F as s, a as p } from "./form-BkXpIJ0e.js";
+import { f as L } from "./index-CjvqeRf7.js";
+const w = (t) => t ? L(t, "yyyy-MM-dd") : "", F = (t) => [`${t?.iso}`, `${t?.value}`], h = (t) => t?.iso2 ?? "", S = async (t) => t?.hash ? t.hash : t?.raw ?? "", i = {
+  default: (t, e, r) => (e[r] = t, e),
+  price: (t, e, r, n = ["Currency", "Value"]) => {
+    const [u, a] = F(t);
+    return e[`${r}${n[0]}`] = u, e[`${r}${n[1]}`] = a, e;
+  },
+  password: async (t, e, r) => (e[r] = await S(t), e),
+  stringArray: (t, e, r) => (e[r] = t, e)
+}, I = async (t, e, r, n) => {
+  switch (t) {
+    case s.Country:
+      return i.default(
+        h(r),
+        e,
+        n
+      );
+    case s.Documents:
+      return i.default(r, e, n);
+    case s.Date:
+      return i.default(
+        w(r),
+        e,
+        n
+      );
+    case s.Address:
+      return i.default(r, e, n);
+    case s.Price:
+      return i.price(r, e, n);
+    case s.Password:
+      return await i.password(r, e, n);
+    case s.StringArray:
+      return i.stringArray(r, e, n);
+    default:
+      return i.default(r, e, n);
+  }
+}, f = (t) => (t == null ? t = "" : typeof t == "object" ? t = JSON.stringify(t) : typeof t == "number" ? t = t.toString() : typeof t == "boolean" && (t = t ? "1" : "0"), t), c = {
+  default: (t, e, r) => {
+    const n = f(t);
+    return t && e.append(r, n), e;
+  },
+  price: (t, e, r, n = ["Currency", "Value"]) => {
+    const [u, a] = F(t);
+    return e.append(`${r}${n[0]}`, f(u)), e.append(`${r}${n[1]}`, f(a)), e;
+  },
+  address: (t, e, r) => (e.append(
+    r,
+    JSON.stringify({
+      ...t,
+      country: h(t?.country)
+    })
+  ), e),
+  documents: (t, e, r) => (r.endsWith("[]") || (r = `${r}[]`), Array.from(t).forEach((n) => e.append(r, n)), e),
+  document: (t, e, r) => (e.append(r, t), e),
+  stringArray: (t, e, r) => (r.endsWith("[]") || (r = `${r}[]`), t.forEach((n) => e.append(r, f(n))), e)
+}, Y = async (t, e, r, n) => {
+  switch (t) {
+    case s.Country:
+      return c.default(
+        h(r),
+        e,
+        n
+      );
+    case s.Document:
+      return c.document(r, e, n);
+    case s.Documents:
+      return c.documents(r, e, n);
+    case s.Date:
+      return c.default(
+        w(r),
+        e,
+        n
+      );
+    case s.Address:
+      return c.address(r, e, n);
+    case s.Price:
+      return c.price(r, e, n);
+    case s.Password:
+      return c.default(
+        await S(r),
+        e,
+        n
+      );
+    case s.StringArray:
+      return c.stringArray(r, e, n);
+    default:
+      return c.default(r, e, n);
+  }
+}, q = async (t, e, r) => {
+  switch (r) {
+    case p.JSON:
+      let n = {};
+      for (const a in t)
+        n = await I(
+          e[a],
+          n,
+          t[a],
+          a
+        );
+      return n;
+    case p.FormData:
+    default:
+      let u = new FormData();
+      for (const a in t)
+        u = await Y(
+          e[a],
+          u,
+          t[a],
+          a
+        );
+      return u;
+  }
+};
+function x(t) {
+  const e = C(
+    {}
+  );
+  return { form: e, setValue: (o, d) => {
+    e[o] = d;
+  }, setValues: (o) => {
+    for (const [d, b] of Object.entries(o))
+      e[d] = b;
+  }, getValue: (o) => e[o], reset: () => {
+    for (const o in e)
+      delete e[o];
+  }, submit: async () => {
+    const o = {
+      ...e
+    };
+    return t?.id?.value && (o.id = t.id.value), {
+      isValid: !0,
+      form: await q(
+        o,
+        t.schema,
+        t.format ?? p.JSON
+      )
+    };
+  } };
+}
+const Z = /* @__PURE__ */ A({
+  name: "TForm",
+  __name: "Form",
+  props: {
+    id: { default: "" },
+    idKey: { default: "id" },
+    schema: { default: () => ({}) },
+    formStyle: { default: () => ({}) },
+    showSubmit: { type: Boolean, default: !1 },
+    submitLabel: { default: "Submit" },
+    buttonProps: {},
+    buttonVariant: { default: z.PRIMARY },
+    submissionFormat: { default: p.FormData },
+    buttonWrapperClasses: { default: "" }
+  },
+  emits: ["submit", "change"],
+  setup(t, { expose: e, emit: r }) {
+    const n = t, u = r, a = y(), { form: l, getValue: o, setValue: d, setValues: b, reset: g, submit: $ } = x({
+      id: y(n.id),
+      idKey: n.idKey,
+      schema: n.schema,
+      format: n.submissionFormat
+    }), V = async () => {
+      const m = await $();
+      return u("submit", m), m;
+    };
+    return P(l, (m) => {
+      u("change", m);
+    }), _("formStyle", n.formStyle), e({
+      submit: V,
+      reset: g,
+      setValues: b,
+      form: l,
+      setValue: d,
+      getValue: o
+    }), (m, G) => {
+      const D = T("t-button");
+      return N(), O("form", {
+        onSubmit: V,
+        ref_key: "formReference",
+        ref: a
+      }, [
+        B(m.$slots, "default", { form: J(l) }),
+        E("div", {
+          class: R([n.buttonWrapperClasses])
+        }, [
+          W(j(D, K(n.buttonProps, {
+            type: "submit",
+            class: "mt-4",
+            variant: n.buttonVariant,
+            label: n.submitLabel,
+            onClick: V
+          }), null, 16, ["variant", "label"]), [
+            [M, n.showSubmit]
+          ])
+        ], 2)
+      ], 544);
+    };
+  }
+});
+export {
+  Z as _
+};

package/dist/ModalForm.js

@@ -1,5 +1,5 @@
-import { _ as a } from "./ModalForm.vue_vue_type_script_setup_true_lang-BSEORivR.js";
-import { p as l } from "./plugin-C3jERS0X.js";
+import { _ as a } from "./ModalForm.vue_vue_type_script_setup_true_lang-BpkPebgZ.js";
+import { p as l } from "./plugin-JFEZqDsu.js";
 export {
   a as ModalForm,
   l as ModalFormPlugin

package/dist/{ModalForm.vue_vue_type_script_setup_true_lang-BSEORivR.js → ModalForm.vue_vue_type_script_setup_true_lang-BpkPebgZ.js}

@@ -1,9 +1,9 @@
-import { defineComponent as K, ref as u, computed as L, resolveComponent as o, openBlock as l, createBlock as a, withCtx as n, createCommentVNode as d, createElementBlock as M, createVNode as c, normalizeClass as b, resolveDynamicComponent as N } from "vue";
-import { C as R } from "./crud-lKm5HfM4.js";
-const $ = {
+import { defineComponent as M, ref as c, computed as N, resolveComponent as o, openBlock as n, createBlock as a, withCtx as l, createCommentVNode as d, createElementBlock as R, createVNode as m, normalizeClass as b, resolveDynamicComponent as $ } from "vue";
+import { C as A } from "./crud-TcRx_r8S.js";
+const I = {
   key: 0,
   class: "inline-flex"
-}, O = /* @__PURE__ */ K({
+}, U = /* @__PURE__ */ M({
   name: "TModalForm",
   __name: "ModalForm",
   props: {
@@ -13,41 +13,43 @@ const $ = {
   },
   emits: ["saved", "closed"],
   setup(y, { expose: C, emit: k }) {
-    const i = y, p = k, e = u(null), m = u(!1), v = u(""), f = u(null), s = L(() => i.forms.find((r) => r.key === v.value)), g = (r, t) => {
-      v.value = r, e.value = new R(s.value?.title, f), t ? e.value?.edit(t) : e.value?.show();
+    const i = y, v = k, e = c(null), p = c(!1), f = c(""), r = c(), s = N(() => i.forms.find((u) => u.key === f.value)), g = (u, t) => {
+      f.value = u, e.value = new A(s.value?.title, r), t ? e.value?.edit(t) : e.value?.show();
     }, w = () => {
-      e.value?.onSave(!m.value), p("saved");
+      e.value?.onSave(!p.value), v("saved");
     }, x = () => {
       e.value?.delete();
-    }, S = () => {
-      e.value?.close(), p("closed");
+    }, S = async () => await r.value?.submit(), V = () => {
+      r.value?.reset();
+    }, D = () => {
+      e.value?.close(), v("closed");
     };
-    return C({ open: g, delete: x }), (r, t) => {
-      const V = o("t-input-switch"), D = o("t-icon"), E = o("t-dropdown"), B = o("t-popover"), _ = o("t-button"), h = o("t-popconfirm"), z = o("t-modal");
-      return e.value?.visible ? (l(), a(z, {
+    return C({ open: g, delete: x, submit: S, reset: V }), (u, t) => {
+      const E = o("t-input-switch"), B = o("t-icon"), h = o("t-dropdown"), z = o("t-popover"), _ = o("t-button"), F = o("t-popconfirm"), K = o("t-modal");
+      return e.value?.visible ? (n(), a(K, {
         key: 0,
         title: e.value?.title,
-        onClosed: S
+        onClosed: D
       }, {
-        header: n(() => [
-          s.value?.pinnable && !e.value?.isEditing ? (l(), a(V, {
+        header: l(() => [
+          s.value?.pinnable && !e.value?.isEditing ? (n(), a(E, {
             key: 0,
-            modelValue: m.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (F) => m.value = F),
+            modelValue: p.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (L) => p.value = L),
             label: "Keep open",
             class: "mt-4"
           }, null, 8, ["modelValue"])) : d("", !0)
         ]),
-        footer: n(() => [
-          i.options.length ? (l(), M("div", $, [
-            c(B, { placement: "bottom-start" }, {
-              content: n(() => [
-                c(E, {
+        footer: l(() => [
+          i.options.length ? (n(), R("div", I, [
+            m(z, { placement: "bottom-start" }, {
+              content: l(() => [
+                m(h, {
                   items: i.options
                 }, null, 8, ["items"])
               ]),
-              default: n(() => [
-                c(D, {
+              default: l(() => [
+                m(B, {
                   icon: "dots-vertical",
                   class: "text-lg mr-6",
                   size: "sm",
@@ -57,13 +59,13 @@ const $ = {
               ]),
               _: 1
             })
-          ])) : (l(), a(h, {
+          ])) : (n(), a(F, {
             key: 1,
             message: `Are you sure you want to delete this ${s.value?.title}?`,
             onConfirm: t[2] || (t[2] = () => e.value?.delete())
           }, {
-            default: n(() => [
-              e.value?.isEditing ? (l(), a(_, {
+            default: l(() => [
+              e.value?.isEditing ? (n(), a(_, {
                 key: 0,
                 variant: "danger",
                 icon: "trash-can-outline",
@@ -74,7 +76,7 @@ const $ = {
             ]),
             _: 1
           }, 8, ["message"])),
-          c(_, {
+          m(_, {
             variant: "success",
             icon: "save",
             label: "Save",
@@ -85,13 +87,13 @@ const $ = {
             onClick: t[3] || (t[3] = () => e.value?.save())
           }, null, 8, ["is-disabled", "class"])
         ]),
-        default: n(() => [
-          s.value ? (l(), a(N(s.value.component), {
+        default: l(() => [
+          s.value ? (n(), a($(s.value.component), {
             key: 0,
             id: `${e.value?.id}`,
             class: b([i.formClass]),
             ref_key: "formReference",
-            ref: f,
+            ref: r,
             onDeleted: t[1] || (t[1] = () => e.value?.onDelete()),
             onSaved: w
           }, null, 40, ["id", "class"])) : d("", !0)
@@ -102,5 +104,5 @@ const $ = {
   }
 });
 export {
-  O as _
+  U as _
 };

package/dist/components.js

@@ -6,7 +6,7 @@ import { _ as n } from "./ChartTreemap.vue_vue_type_script_setup_true_lang-DzIPu
 import { D as u } from "./Drawer-omdZnBPG.js";
 import { _ as l } from "./Dropdown.vue_vue_type_script_setup_true_lang-pjG__bX2.js";
 import { _ as h } from "./FileDrop.vue_vue_type_script_setup_true_lang-DLEH_LLX.js";
-import { _ as T } from "./Form.vue_vue_type_script_setup_true_lang-CbuLc6sr.js";
+import { _ as T } from "./Form.vue_vue_type_script_setup_true_lang-O6nqLPyU.js";
 import { _ as y } from "./FormItem.vue_vue_type_script_setup_true_lang-CjW-P8Xf.js";
 import { _ as C } from "./GraphyEmpty.vue_vue_type_script_setup_true_lang-B-hAjDCw.js";
 import { _ as G } from "./GraphyLabel.vue_vue_type_script_setup_true_lang-n_0200p7.js";
@@ -30,7 +30,7 @@ import { _ as er } from "./InputText.vue_vue_type_script_setup_true_lang-Dyvx9Ob
 import { _ as pr } from "./InputTextarea.vue_vue_type_script_setup_true_lang-DRo5eIw4.js";
 import { _ as sr } from "./Link.vue_vue_type_script_setup_true_lang-DeBJ2UGi.js";
 import { _ as fr } from "./Modal.vue_vue_type_script_setup_true_lang-DLl5shGS.js";
-import { _ as nr } from "./ModalForm.vue_vue_type_script_setup_true_lang-BSEORivR.js";
+import { _ as nr } from "./ModalForm.vue_vue_type_script_setup_true_lang-BpkPebgZ.js";
 import { _ as ur } from "./Pagination.vue_vue_type_script_setup_true_lang-PLZQJUd0.js";
 import { _ as lr } from "./Popconfirm.vue_vue_type_script_setup_true_lang-XyjBUx0p.js";
 import { _ as hr } from "./Popover.vue_vue_type_script_setup_true_lang-dnL75W40.js";

package/dist/{crud-lKm5HfM4.js → crud-TcRx_r8S.js}

@@ -9,7 +9,7 @@ class h {
     EDIT: "Edit "
   };
   isLoading = !1;
-  formReference = null;
+  formReference;
   constructor(e, s) {
     this.titles.ADD = this.titles.ADD + e, this.titles.EDIT = this.titles.EDIT + e, this.formReference = s;
   }
@@ -42,14 +42,14 @@ class h {
   reset() {
     this.id = "", this.formReference && this.formReference.reset && this.formReference?.reset(), this.isLoading && (this.isLoading = !1);
   }
-  save() {
-    this.formReference && (this.isLoading = !0, this.formReference.submit());
+  async save() {
+    this.formReference && (this.isLoading = !0, await this.formReference.submit());
   }
   onSave(e = !0) {
     e && this.close(), this.reset();
   }
   delete() {
-    this.formReference && (this.isLoading = !0, this.formReference.deleteItem());
+    this.formReference && (this.isLoading = !0, this.formReference.delete());
   }
   onDelete(e = !0) {
     e && this.close(), this.reset();

package/dist/form2.js

@@ -1,4 +1,4 @@
-import { C as i } from "./crud-lKm5HfM4.js";
+import { C as i } from "./crud-TcRx_r8S.js";
 const e = (r) => {
   const o = new FormData();
   if (r)

package/dist/{plugin-DF8iyfN5.js → plugin-BkoyYU7S.js}

@@ -1,5 +1,5 @@
 import { r } from "./register-component-B-fdqewb.js";
-import { _ as s } from "./Form.vue_vue_type_script_setup_true_lang-CbuLc6sr.js";
+import { _ as s } from "./Form.vue_vue_type_script_setup_true_lang-O6nqLPyU.js";
 const m = {
   install(o) {
     r(o, s);

package/dist/{plugin-C3jERS0X.js → plugin-JFEZqDsu.js}

@@ -1,5 +1,5 @@
 import { r } from "./register-component-B-fdqewb.js";
-import { _ as s } from "./ModalForm.vue_vue_type_script_setup_true_lang-BSEORivR.js";
+import { _ as s } from "./ModalForm.vue_vue_type_script_setup_true_lang-BpkPebgZ.js";
 const m = {
   install(o) {
     r(o, s);

package/dist/{plugins-BA8tojIo.js → plugins-Bc8aBhAD.js}

@@ -12,8 +12,8 @@ import "./Drawer-omdZnBPG.js";
 import { p as m } from "./plugin-DRcJuXpS.js";
 import { p as u } from "./plugin-CNqL90UL.js";
 import { p as l } from "./plugin-BscWXR9h.js";
-import "./Form.vue_vue_type_script_setup_true_lang-CbuLc6sr.js";
-import { p as t } from "./plugin-DF8iyfN5.js";
+import "./Form.vue_vue_type_script_setup_true_lang-O6nqLPyU.js";
+import { p as t } from "./plugin-BkoyYU7S.js";
 import { p as g } from "./plugin-DLFPglIt.js";
 import { p as a } from "./plugin-Buc7eEox.js";
 import { p as s } from "./plugin-D9k93Uu1.js";
@@ -40,7 +40,7 @@ import { p as w } from "./plugin-BQFwx3d5.js";
 import "./Link.vue_vue_type_script_setup_true_lang-DeBJ2UGi.js";
 import { p as x } from "./plugin-dL6oP11N.js";
 import { p as D } from "./plugin-BZC231Oj.js";
-import { p as F } from "./plugin-C3jERS0X.js";
+import { p as F } from "./plugin-JFEZqDsu.js";
 import { p as L } from "./plugin-YUomn9tF.js";
 import "./Popconfirm.vue_vue_type_script_setup_true_lang-XyjBUx0p.js";
 import { p as M } from "./plugin-Ee4Z5Rtp.js";

package/dist/plugins.js

@@ -12,8 +12,8 @@ import "./Drawer-omdZnBPG.js";
 import { p as D } from "./plugin-DRcJuXpS.js";
 import { p as L } from "./plugin-CNqL90UL.js";
 import { p as A } from "./plugin-BscWXR9h.js";
-import "./Form.vue_vue_type_script_setup_true_lang-CbuLc6sr.js";
-import { p as E } from "./plugin-DF8iyfN5.js";
+import "./Form.vue_vue_type_script_setup_true_lang-O6nqLPyU.js";
+import { p as E } from "./plugin-BkoyYU7S.js";
 import { p as j } from "./plugin-DLFPglIt.js";
 import { p as z } from "./plugin-Buc7eEox.js";
 import { p as J } from "./plugin-D9k93Uu1.js";
@@ -40,7 +40,7 @@ import { p as yr } from "./plugin-BQFwx3d5.js";
 import "./Link.vue_vue_type_script_setup_true_lang-DeBJ2UGi.js";
 import { p as Cr } from "./plugin-dL6oP11N.js";
 import { p as Sr } from "./plugin-BZC231Oj.js";
-import { p as vr } from "./plugin-C3jERS0X.js";
+import { p as vr } from "./plugin-JFEZqDsu.js";
 import { p as Dr } from "./plugin-YUomn9tF.js";
 import "./Popconfirm.vue_vue_type_script_setup_true_lang-XyjBUx0p.js";
 import { p as Lr } from "./plugin-Ee4Z5Rtp.js";

package/dist/tamandua.js

@@ -1,4 +1,4 @@
-import { p as n } from "./plugins-BA8tojIo.js";
+import { p as n } from "./plugins-Bc8aBhAD.js";
 const o = {
   install(s) {
     for (const i in n)

package/dist/types/components/Dropdown/types.d.ts

@@ -1,5 +1,5 @@
 import { getCurrentInstance } from 'vue';
-import { SelectOption } from '../../types/form.js';
+import { SelectOption } from '../InputSelect/types.js';
 
 export type DropdownProps = {
     items?: SelectOption[];

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

@@ -4,10 +4,13 @@ import { FormSchema, FormInstance } from '../../types/form.js';
 import { FormEvents } from './types.js';
 
 declare const _default: <T extends FormSchema>(__VLS_props: {
-    id?: string | undefined;
+    id?: string | number | undefined;
     idKey?: string | undefined;
     schema?: T | undefined;
-    formStyle?: import('../../types/form.js').FormStyle | undefined;
+    formStyle?: {
+        input?: string | undefined;
+        label?: string | undefined;
+    } | undefined;
     showSubmit?: boolean | undefined;
     submitLabel?: string | undefined;
     buttonProps?: import('../index.js').ButtonProps | undefined;
@@ -18,23 +21,29 @@ declare const _default: <T extends FormSchema>(__VLS_props: {
     attrs: any;
     slots: {
         default?(_: {
-            form: import('@vue/reactivity').DistrubuteRef<import("vue").UnwrapNestedRefs<FormInstance<T>>>;
+            form: import('@vue/reactivity').DistrubuteRef<import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>>;
         }): any;
     };
     emit: FormEvents;
 } | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{
-    submit: () => Promise<void>;
+    submit: () => Promise<{
+        isValid: boolean;
+        form: FormData | import("@/types/form.js").JSONForm;
+    }>;
     reset: () => void;
-    setValues: (values: Partial<FormInstance<T>>) => void;
-    getValues: () => import("vue").UnwrapNestedRefs<FormInstance<T>>;
-    setValue: <K extends keyof T>(name: K, value: T[K]) => void;
-    getValue: (key: string) => any;
+    setValues: (values: Partial<FormInstance<T extends undefined ? never : T>>) => void;
+    form: import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>;
+    setValue: <K extends keyof import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>>(key: K, value: import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>[K]) => void;
+    getValue: (key: keyof import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>) => import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>[keyof import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>];
 }>) => void) | undefined, __VLS_setup?: Promise<{
     props: {
-        id?: string | undefined;
+        id?: string | number | undefined;
         idKey?: string | undefined;
         schema?: T | undefined;
-        formStyle?: import('../../types/form.js').FormStyle | undefined;
+        formStyle?: {
+            input?: string | undefined;
+            label?: string | undefined;
+        } | undefined;
         showSubmit?: boolean | undefined;
         submitLabel?: string | undefined;
         buttonProps?: import('../index.js').ButtonProps | undefined;
@@ -43,17 +52,20 @@ declare const _default: <T extends FormSchema>(__VLS_props: {
         buttonWrapperClasses?: string | undefined;
     } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
     expose(exposed: import('vue').ShallowUnwrapRef<{
-        submit: () => Promise<void>;
+        submit: () => Promise<{
+            isValid: boolean;
+            form: FormData | import("@/types/form.js").JSONForm;
+        }>;
         reset: () => void;
-        setValues: (values: Partial<FormInstance<T>>) => void;
-        getValues: () => import("vue").UnwrapNestedRefs<FormInstance<T>>;
-        setValue: <K extends keyof T>(name: K, value: T[K]) => void;
-        getValue: (key: string) => any;
+        setValues: (values: Partial<FormInstance<T extends undefined ? never : T>>) => void;
+        form: import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>;
+        setValue: <K extends keyof import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>>(key: K, value: import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>[K]) => void;
+        getValue: (key: keyof import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>) => import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>[keyof import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>];
     }>): void;
     attrs: any;
     slots: {
         default?(_: {
-            form: import('@vue/reactivity').DistrubuteRef<import("vue").UnwrapNestedRefs<FormInstance<T>>>;
+            form: import('@vue/reactivity').DistrubuteRef<import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>>;
         }): any;
     };
     emit: FormEvents;
@@ -62,10 +74,13 @@ declare const _default: <T extends FormSchema>(__VLS_props: {
 }> & {
     __ctx?: {
         props: {
-            id?: string | undefined;
+            id?: string | number | undefined;
             idKey?: string | undefined;
             schema?: T | undefined;
-            formStyle?: import('../../types/form.js').FormStyle | undefined;
+            formStyle?: {
+                input?: string | undefined;
+                label?: string | undefined;
+            } | undefined;
             showSubmit?: boolean | undefined;
             submitLabel?: string | undefined;
             buttonProps?: import('../index.js').ButtonProps | undefined;
@@ -74,17 +89,20 @@ declare const _default: <T extends FormSchema>(__VLS_props: {
             buttonWrapperClasses?: string | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         expose(exposed: import('vue').ShallowUnwrapRef<{
-            submit: () => Promise<void>;
+            submit: () => Promise<{
+                isValid: boolean;
+                form: FormData | import("@/types/form.js").JSONForm;
+            }>;
             reset: () => void;
-            setValues: (values: Partial<FormInstance<T>>) => void;
-            getValues: () => import("vue").UnwrapNestedRefs<FormInstance<T>>;
-            setValue: <K extends keyof T>(name: K, value: T[K]) => void;
-            getValue: (key: string) => any;
+            setValues: (values: Partial<FormInstance<T extends undefined ? never : T>>) => void;
+            form: import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>;
+            setValue: <K extends keyof import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>>(key: K, value: import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>[K]) => void;
+            getValue: (key: keyof import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>) => import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>[keyof import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>];
         }>): void;
         attrs: any;
         slots: {
             default?(_: {
-                form: import('@vue/reactivity').DistrubuteRef<import("vue").UnwrapNestedRefs<FormInstance<T>>>;
+                form: import('@vue/reactivity').DistrubuteRef<import("vue").UnwrapNestedRefs<FormInstance<T extends undefined ? never : T>>>;
             }): any;
         };
         emit: FormEvents;

package/dist/types/components/Form/types.d.ts

@@ -1,10 +1,13 @@
 import { FormSubmissionFormat } from '../../enums/form.js';
 import { ButtonVariant } from '../../enums/ui.js';
-import { FormSchema, FormStyle, FormInstance, ValidationResult } from '../../types/form.js';
 import { ButtonProps } from '../Button/types.js';
+import { FormSchema, FormInstance, ValidationResult } from '../../types/form.js';
 
-export type FormProps<T> = {
-    id?: string;
+type FormStyle = {
+    [key in "label" | "input"]?: string;
+};
+export type FormProps<T extends FormSchema> = {
+    id?: string | number;
     idKey?: string;
     schema?: T;
     formStyle?: FormStyle;
@@ -16,6 +19,7 @@ export type FormProps<T> = {
     buttonWrapperClasses?: string;
 };
 export type FormEvents = {
-    (e: "submit", val: ValidationResult<FormSubmissionFormat>): void;
+    <T extends FormSubmissionFormat>(e: "submit", val: ValidationResult<T>): void;
     <T extends FormSchema>(e: "change", val: FormInstance<T>): void;
 };
+export {};

package/dist/types/components/InputPassword/InputPassword.vue.d.ts

@@ -1,4 +1,4 @@
-import { InputPasswordModel } from '../../types/form.js';
+import { InputPasswordModel } from './types.js';
 
 declare const _default: import('vue').DefineComponent<{
     modelValue: import("vue").PropType<InputPasswordModel>;

package/dist/types/components/InputPassword/types.d.ts

@@ -1,5 +1,13 @@
-import { InputPasswordModel } from '../../types/form.js';
-
+export type InputPasswordModel = {
+    /** Unencrypted password */
+    raw: string;
+    /** If an encryptor was passed, this prop will hold the encrypted value */
+    hash?: string;
+    /** Strength of the password */
+    strength?: number;
+    /** Date of creation or last update */
+    updatedAt?: Date;
+};
 export type InputPasswordProps = {
     autocomplete?: string;
     encryptor?: (value: string) => Promise<string>;