@effect-app/vue-components 0.3.1 → 0.3.2

package/dist/types/components/OmegaForm/useOmegaForm.d.ts

@@ -1,4 +1,4 @@
-import { S } from "effect-app";
+import { type Record, S } from "effect-app";
 import { type NestedKeyOf, type FilterItems, type FormProps, type MetaRecord, type OmegaFormApi } from "./OmegaFormStuff";
 type keysRule<T> = {
     keys?: NestedKeyOf<T>[];

package/dist/vue-components.es11.js

@@ -1,6 +1,6 @@
 import { defineComponent as d, watch as b, createElementBlock as g, openBlock as S, withModifiers as v, unref as n, createElementVNode as h, renderSlot as O } from "vue";
 import { useStore as i } from "@tanstack/vue-form";
-import { getOmegaStore as M } from "./vue-components.es16.js";
+import { getOmegaStore as M } from "./vue-components.es18.js";
 import { provideOmegaErrors as y } from "./vue-components.es4.js";
 import { useOmegaForm as E } from "./vue-components.es5.js";
 const w = ["disabled"], A = /* @__PURE__ */ d({

package/dist/vue-components.es15.js

@@ -1,95 +1,7 @@
-(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(o,t){const a=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(a&&a.call(this),this.shadowRoot){const i=document.createElement("style");i.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(i)}},e.call(window.customElements,o,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { defineComponent as B, getCurrentInstance as L, useId as P, computed as n, watch as x, onMounted as _, ref as S, watchEffect as A, renderSlot as D, normalizeProps as F, guardReactiveProps as M, createElementVNode as N, createBlock as R, createCommentVNode as T, unref as U, openBlock as z, mergeProps as j } from "vue";
-import { useStore as G } from "@tanstack/vue-form";
-import { useOmegaErrors as H } from "./vue-components.es4.js";
-import J from "./vue-components.es18.js";
-
-const Z = /* @__PURE__ */ B({
-  inheritAttrs: !1,
-  __name: "OmegaInternalInput",
-  props: {
-    field: {},
-    meta: {},
-    label: {},
-    options: {},
-    type: {},
-    validators: {}
-  },
-  setup(q) {
-    const e = q, o = L(), C = o == null ? void 0 : o.appContext.components.VTextField, u = P(), s = e.field, a = G(s.store, (t) => t), f = n(() => {
-      var t, r;
-      return e.type ? e.type : ((t = e.meta) == null ? void 0 : t.type) === "string" ? e.meta.format === "email" ? "email" : "string" : ((r = e.meta) == null ? void 0 : r.type) || "unknown";
-    }), l = n(() => a.value.value), d = n(
-      () => (
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        a.value.meta.errors.map((t) => t == null ? void 0 : t.message).filter(Boolean)
-      )
-    );
-    x(
-      () => [!!l.value],
-      () => {
-        var t, r;
-        d.value.length && !l.value && !((t = e.meta) != null && t.required) && s.setValue(
-          ((r = e.meta) == null ? void 0 : r.nullableOrUndefined) === "undefined" ? void 0 : null
-        );
-      }
-    ), _(() => {
-      var t, r;
-      !l.value && !((t = e.meta) != null && t.required) && ((r = e.meta) == null ? void 0 : r.nullableOrUndefined) === "null" && s.setValue(null);
-    });
-    const { addError: I, removeError: O, showErrors: $, showErrorsOn: k } = H(), i = S(!1);
-    A(() => {
-      ($.value || k === "onChange") && (i.value = !0);
-    });
-    const m = () => {
-      i.value = !0;
-    };
-    _(() => {
-      l.value && m();
-    });
-    const v = n(() => !i.value && f.value !== "select" ? [] : d.value);
-    x(
-      () => a.value.meta.errors,
-      () => {
-        a.value.meta.errors.length ? I({
-          inputId: u,
-          errors: a.value.meta.errors.map((t) => t.message).filter(Boolean),
-          label: e.label
-        }) : O(u);
-      }
-    );
-    const p = n(() => {
-      var t, r, c, g, y, h, b, E, V, w;
-      return {
-        id: u,
-        required: (t = e.meta) == null ? void 0 : t.required,
-        minLength: ((r = e.meta) == null ? void 0 : r.type) === "string" && ((c = e.meta) == null ? void 0 : c.minLength),
-        maxLength: ((g = e.meta) == null ? void 0 : g.type) === "string" && ((y = e.meta) == null ? void 0 : y.maxLength),
-        max: ((h = e.meta) == null ? void 0 : h.type) === "number" && ((b = e.meta) == null ? void 0 : b.maximum),
-        min: ((E = e.meta) == null ? void 0 : E.type) === "number" && ((V = e.meta) == null ? void 0 : V.minimum),
-        name: e.field.name,
-        modelValue: e.field.state.value,
-        errorMessages: v.value,
-        error: !!v.value.length,
-        field: e.field,
-        setRealDirty: m,
-        type: f.value,
-        label: `${e.label}${(w = e.meta) != null && w.required ? " *" : ""}`,
-        options: e.options
-      };
-    });
-    return (t, r) => D(t.$slots, "default", F(M(p.value)), () => [
-      N("div", { onFocusout: m }, [
-        U(C) ? (z(), R(J, j({
-          key: 0,
-          "input-props": p.value
-        }, t.$attrs, {
-          "vuetify-value": p.value.field.state.value
-        }), null, 16, ["input-props", "vuetify-value"])) : T("", !0)
-      ], 32)
-    ]);
-  }
-});
+import { isFunction as c } from "./vue-components.es16.js";
+const s = c, t = (o) => typeof o == "object" && o !== null, i = (o) => t(o) || s(o);
 export {
-  Z as default
+  s as isFunction,
+  i as isObject,
+  t as isRecordOrArray
 };

package/dist/vue-components.es16.js

@@ -1,13 +1,4 @@
-import { useStore as u } from "@tanstack/vue-form";
-import { computed as f } from "vue";
-function c(o, t) {
-  return f(() => t ? u(o.store, (n) => {
-    const r = {};
-    for (const e of t)
-      r[e] = n[e];
-    return r;
-  }).value : {});
-}
+const o = (n) => typeof n == "function";
 export {
-  c as getOmegaStore
+  o as isFunction
 };

package/dist/vue-components.es17.js

@@ -1,4 +1,95 @@
-import f from "./vue-components.es15.js";
+(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(o,t){const a=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(a&&a.call(this),this.shadowRoot){const i=document.createElement("style");i.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(i)}},e.call(window.customElements,o,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import { defineComponent as B, getCurrentInstance as L, useId as P, computed as n, watch as x, onMounted as _, ref as S, watchEffect as A, renderSlot as D, normalizeProps as F, guardReactiveProps as M, createElementVNode as N, createBlock as R, createCommentVNode as T, unref as U, openBlock as z, mergeProps as j } from "vue";
+import { useStore as G } from "@tanstack/vue-form";
+import { useOmegaErrors as H } from "./vue-components.es4.js";
+import J from "./vue-components.es20.js";
+
+const Z = /* @__PURE__ */ B({
+  inheritAttrs: !1,
+  __name: "OmegaInternalInput",
+  props: {
+    field: {},
+    meta: {},
+    label: {},
+    options: {},
+    type: {},
+    validators: {}
+  },
+  setup(q) {
+    const e = q, o = L(), C = o == null ? void 0 : o.appContext.components.VTextField, u = P(), s = e.field, a = G(s.store, (t) => t), f = n(() => {
+      var t, r;
+      return e.type ? e.type : ((t = e.meta) == null ? void 0 : t.type) === "string" ? e.meta.format === "email" ? "email" : "string" : ((r = e.meta) == null ? void 0 : r.type) || "unknown";
+    }), l = n(() => a.value.value), d = n(
+      () => (
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        a.value.meta.errors.map((t) => t == null ? void 0 : t.message).filter(Boolean)
+      )
+    );
+    x(
+      () => [!!l.value],
+      () => {
+        var t, r;
+        d.value.length && !l.value && !((t = e.meta) != null && t.required) && s.setValue(
+          ((r = e.meta) == null ? void 0 : r.nullableOrUndefined) === "undefined" ? void 0 : null
+        );
+      }
+    ), _(() => {
+      var t, r;
+      !l.value && !((t = e.meta) != null && t.required) && ((r = e.meta) == null ? void 0 : r.nullableOrUndefined) === "null" && s.setValue(null);
+    });
+    const { addError: I, removeError: O, showErrors: $, showErrorsOn: k } = H(), i = S(!1);
+    A(() => {
+      ($.value || k === "onChange") && (i.value = !0);
+    });
+    const m = () => {
+      i.value = !0;
+    };
+    _(() => {
+      l.value && m();
+    });
+    const v = n(() => !i.value && f.value !== "select" ? [] : d.value);
+    x(
+      () => a.value.meta.errors,
+      () => {
+        a.value.meta.errors.length ? I({
+          inputId: u,
+          errors: a.value.meta.errors.map((t) => t.message).filter(Boolean),
+          label: e.label
+        }) : O(u);
+      }
+    );
+    const p = n(() => {
+      var t, r, c, g, y, h, b, E, V, w;
+      return {
+        id: u,
+        required: (t = e.meta) == null ? void 0 : t.required,
+        minLength: ((r = e.meta) == null ? void 0 : r.type) === "string" && ((c = e.meta) == null ? void 0 : c.minLength),
+        maxLength: ((g = e.meta) == null ? void 0 : g.type) === "string" && ((y = e.meta) == null ? void 0 : y.maxLength),
+        max: ((h = e.meta) == null ? void 0 : h.type) === "number" && ((b = e.meta) == null ? void 0 : b.maximum),
+        min: ((E = e.meta) == null ? void 0 : E.type) === "number" && ((V = e.meta) == null ? void 0 : V.minimum),
+        name: e.field.name,
+        modelValue: e.field.state.value,
+        errorMessages: v.value,
+        error: !!v.value.length,
+        field: e.field,
+        setRealDirty: m,
+        type: f.value,
+        label: `${e.label}${(w = e.meta) != null && w.required ? " *" : ""}`,
+        options: e.options
+      };
+    });
+    return (t, r) => D(t.$slots, "default", F(M(p.value)), () => [
+      N("div", { onFocusout: m }, [
+        U(C) ? (z(), R(J, j({
+          key: 0,
+          "input-props": p.value
+        }, t.$attrs, {
+          "vuetify-value": p.value.field.state.value
+        }), null, 16, ["input-props", "vuetify-value"])) : T("", !0)
+      ], 32)
+    ]);
+  }
+});
 export {
-  f as default
+  Z as default
 };

package/dist/vue-components.es18.js

@@ -1,117 +1,13 @@
-import { defineComponent as P, resolveComponent as u, createElementBlock as g, openBlock as o, createBlock as n, createCommentVNode as l, mergeProps as s } from "vue";
-const b = /* @__PURE__ */ P({
-  inheritAttrs: !1,
-  __name: "OmegaInputVuetify",
-  props: {
-    inputProps: {},
-    vuetifyValue: {}
-  },
-  emits: ["focus", "blur"],
-  setup(y) {
-    return (e, r) => {
-      const a = u("v-checkbox"), i = u("v-text-field"), t = u("v-textarea"), m = u("v-select"), d = u("v-autocomplete");
-      return o(), g("div", {
-        class: "omega-input",
-        onFocusout: r[4] || (r[4] = (p) => e.$emit("blur", p)),
-        onFocusin: r[5] || (r[5] = (p) => e.$emit("focus", p))
-      }, [
-        e.inputProps.type === "boolean" ? (o(), n(a, s({
-          key: 0,
-          id: e.inputProps.id,
-          name: e.inputProps.name,
-          label: e.inputProps.label,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error,
-          ripple: ""
-        }, e.$attrs, {
-          "model-value": e.vuetifyValue,
-          onChange: r[0] || (r[0] = (p) => e.inputProps.field.handleChange(p.target.checked))
-        }), null, 16, ["id", "name", "label", "error-messages", "error", "model-value"])) : l("", !0),
-        e.inputProps.type === "email" || e.inputProps.type === "string" ? (o(), n(i, s({
-          key: 1,
-          id: e.inputProps.id,
-          required: e.inputProps.required,
-          "min-length": e.inputProps.minLength,
-          "max-length": e.inputProps.maxLength,
-          type: e.inputProps.type,
-          name: e.inputProps.name,
-          label: e.inputProps.label,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error
-        }, e.$attrs, {
-          "model-value": e.vuetifyValue,
-          "onUpdate:modelValue": e.inputProps.field.handleChange
-        }), null, 16, ["id", "required", "min-length", "max-length", "type", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : l("", !0),
-        e.inputProps.type === "text" ? (o(), n(t, s({
-          key: 2,
-          id: e.inputProps.id,
-          required: e.inputProps.required,
-          "min-length": e.inputProps.minLength,
-          "max-length": e.inputProps.maxLength,
-          type: e.inputProps.type,
-          name: e.inputProps.name,
-          label: e.inputProps.label,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error
-        }, e.$attrs, {
-          "model-value": e.vuetifyValue,
-          "onUpdate:modelValue": e.inputProps.field.handleChange
-        }), null, 16, ["id", "required", "min-length", "max-length", "type", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : l("", !0),
-        e.inputProps.type === "number" ? (o(), n(i, s({
-          key: 3,
-          id: e.inputProps.id,
-          required: e.inputProps.required,
-          min: e.inputProps.min,
-          max: e.inputProps.max,
-          type: e.inputProps.type,
-          name: e.inputProps.name,
-          label: e.inputProps.label,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error
-        }, e.$attrs, {
-          "model-value": e.vuetifyValue,
-          "onUpdate:modelValue": r[1] || (r[1] = (p) => {
-            e.inputProps.field.handleChange(Number(p));
-          })
-        }), null, 16, ["id", "required", "min", "max", "type", "name", "label", "error-messages", "error", "model-value"])) : l("", !0),
-        e.inputProps.type === "select" || e.inputProps.type === "multiple" ? (o(), n(m, s({
-          key: 4,
-          id: e.inputProps.id,
-          clearable: e.inputProps.type === "select",
-          required: e.inputProps.required,
-          multiple: e.inputProps.type === "multiple",
-          chips: e.inputProps.type === "multiple",
-          name: e.inputProps.name,
-          label: e.inputProps.label,
-          items: e.inputProps.options,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error
-        }, e.$attrs, {
-          "model-value": e.vuetifyValue,
-          onClear: r[2] || (r[2] = (p) => e.inputProps.field.handleChange(void 0)),
-          "onUpdate:modelValue": e.inputProps.field.handleChange
-        }), null, 16, ["id", "clearable", "required", "multiple", "chips", "name", "label", "items", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : l("", !0),
-        e.inputProps.type === "autocomplete" || e.inputProps.type === "autocompletemultiple" ? (o(), n(d, s({
-          key: 5,
-          id: e.inputProps.id,
-          clearable: e.inputProps.type === "autocomplete",
-          multiple: e.inputProps.type === "autocompletemultiple",
-          required: e.inputProps.required,
-          name: e.inputProps.name,
-          label: e.inputProps.label,
-          items: e.inputProps.options,
-          "error-messages": e.inputProps.errorMessages,
-          error: e.inputProps.error,
-          chips: e.inputProps.type === "autocompletemultiple"
-        }, e.$attrs, {
-          "model-value": e.vuetifyValue,
-          onClear: r[3] || (r[3] = (p) => e.inputProps.field.handleChange(void 0)),
-          "onUpdate:modelValue": e.inputProps.field.handleChange
-        }), null, 16, ["id", "clearable", "multiple", "required", "name", "label", "items", "error-messages", "error", "chips", "model-value", "onUpdate:modelValue"])) : l("", !0)
-      ], 32);
-    };
-  }
-});
+import { useStore as u } from "@tanstack/vue-form";
+import { computed as f } from "vue";
+function c(o, t) {
+  return f(() => t ? u(o.store, (n) => {
+    const r = {};
+    for (const e of t)
+      r[e] = n[e];
+    return r;
+  }).value : {});
+}
 export {
-  b as default
+  c as getOmegaStore
 };

package/dist/vue-components.es19.js

@@ -0,0 +1,4 @@
+import f from "./vue-components.es17.js";
+export {
+  f as default
+};

package/dist/vue-components.es20.js

@@ -1,6 +1,117 @@
-(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(o,t){const a=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(a&&a.call(this),this.shadowRoot){const i=document.createElement("style");i.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(i)}},e.call(window.customElements,o,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import o from "./vue-components.es18.js";
-
+import { defineComponent as P, resolveComponent as u, createElementBlock as g, openBlock as o, createBlock as n, createCommentVNode as l, mergeProps as s } from "vue";
+const b = /* @__PURE__ */ P({
+  inheritAttrs: !1,
+  __name: "OmegaInputVuetify",
+  props: {
+    inputProps: {},
+    vuetifyValue: {}
+  },
+  emits: ["focus", "blur"],
+  setup(y) {
+    return (e, r) => {
+      const a = u("v-checkbox"), i = u("v-text-field"), t = u("v-textarea"), m = u("v-select"), d = u("v-autocomplete");
+      return o(), g("div", {
+        class: "omega-input",
+        onFocusout: r[4] || (r[4] = (p) => e.$emit("blur", p)),
+        onFocusin: r[5] || (r[5] = (p) => e.$emit("focus", p))
+      }, [
+        e.inputProps.type === "boolean" ? (o(), n(a, s({
+          key: 0,
+          id: e.inputProps.id,
+          name: e.inputProps.name,
+          label: e.inputProps.label,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error,
+          ripple: ""
+        }, e.$attrs, {
+          "model-value": e.vuetifyValue,
+          onChange: r[0] || (r[0] = (p) => e.inputProps.field.handleChange(p.target.checked))
+        }), null, 16, ["id", "name", "label", "error-messages", "error", "model-value"])) : l("", !0),
+        e.inputProps.type === "email" || e.inputProps.type === "string" ? (o(), n(i, s({
+          key: 1,
+          id: e.inputProps.id,
+          required: e.inputProps.required,
+          "min-length": e.inputProps.minLength,
+          "max-length": e.inputProps.maxLength,
+          type: e.inputProps.type,
+          name: e.inputProps.name,
+          label: e.inputProps.label,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, e.$attrs, {
+          "model-value": e.vuetifyValue,
+          "onUpdate:modelValue": e.inputProps.field.handleChange
+        }), null, 16, ["id", "required", "min-length", "max-length", "type", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : l("", !0),
+        e.inputProps.type === "text" ? (o(), n(t, s({
+          key: 2,
+          id: e.inputProps.id,
+          required: e.inputProps.required,
+          "min-length": e.inputProps.minLength,
+          "max-length": e.inputProps.maxLength,
+          type: e.inputProps.type,
+          name: e.inputProps.name,
+          label: e.inputProps.label,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, e.$attrs, {
+          "model-value": e.vuetifyValue,
+          "onUpdate:modelValue": e.inputProps.field.handleChange
+        }), null, 16, ["id", "required", "min-length", "max-length", "type", "name", "label", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : l("", !0),
+        e.inputProps.type === "number" ? (o(), n(i, s({
+          key: 3,
+          id: e.inputProps.id,
+          required: e.inputProps.required,
+          min: e.inputProps.min,
+          max: e.inputProps.max,
+          type: e.inputProps.type,
+          name: e.inputProps.name,
+          label: e.inputProps.label,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, e.$attrs, {
+          "model-value": e.vuetifyValue,
+          "onUpdate:modelValue": r[1] || (r[1] = (p) => {
+            e.inputProps.field.handleChange(Number(p));
+          })
+        }), null, 16, ["id", "required", "min", "max", "type", "name", "label", "error-messages", "error", "model-value"])) : l("", !0),
+        e.inputProps.type === "select" || e.inputProps.type === "multiple" ? (o(), n(m, s({
+          key: 4,
+          id: e.inputProps.id,
+          clearable: e.inputProps.type === "select",
+          required: e.inputProps.required,
+          multiple: e.inputProps.type === "multiple",
+          chips: e.inputProps.type === "multiple",
+          name: e.inputProps.name,
+          label: e.inputProps.label,
+          items: e.inputProps.options,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error
+        }, e.$attrs, {
+          "model-value": e.vuetifyValue,
+          onClear: r[2] || (r[2] = (p) => e.inputProps.field.handleChange(void 0)),
+          "onUpdate:modelValue": e.inputProps.field.handleChange
+        }), null, 16, ["id", "clearable", "required", "multiple", "chips", "name", "label", "items", "error-messages", "error", "model-value", "onUpdate:modelValue"])) : l("", !0),
+        e.inputProps.type === "autocomplete" || e.inputProps.type === "autocompletemultiple" ? (o(), n(d, s({
+          key: 5,
+          id: e.inputProps.id,
+          clearable: e.inputProps.type === "autocomplete",
+          multiple: e.inputProps.type === "autocompletemultiple",
+          required: e.inputProps.required,
+          name: e.inputProps.name,
+          label: e.inputProps.label,
+          items: e.inputProps.options,
+          "error-messages": e.inputProps.errorMessages,
+          error: e.inputProps.error,
+          chips: e.inputProps.type === "autocompletemultiple"
+        }, e.$attrs, {
+          "model-value": e.vuetifyValue,
+          onClear: r[3] || (r[3] = (p) => e.inputProps.field.handleChange(void 0)),
+          "onUpdate:modelValue": e.inputProps.field.handleChange
+        }), null, 16, ["id", "clearable", "multiple", "required", "name", "label", "items", "error-messages", "error", "chips", "model-value", "onUpdate:modelValue"])) : l("", !0)
+      ], 32);
+    };
+  }
+});
 export {
-  o as default
+  b as default
 };

package/dist/vue-components.es22.js

@@ -0,0 +1,6 @@
+(function(){"use strict";try{if(typeof document<"u"){var n=document.createElement("style");if(n.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(n),window.customElements){const e=window.customElements.define;window.customElements.define=function(o,t){const a=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(a&&a.call(this),this.shadowRoot){const i=document.createElement("style");i.appendChild(document.createTextNode(".omega-input .v-input__details:has(.v-messages:empty){grid-template-rows:0fr;transition:all .2s}.omega-input .v-messages:empty{min-height:0}.omega-input .v-input__details:has(.v-messages){transition:all .2s;overflow:hidden;min-height:0;display:grid;grid-template-rows:1fr}.omega-input .v-messages{transition:all .2s}.omega-input .v-messages>*{transition-duration:0s!important}.omega-input [role=alert]:has(.v-messages:empty){padding:0}.omega-input .v-btn{cursor:pointer;width:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(i)}},e.call(window.customElements,o,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
+import o from "./vue-components.es20.js";
+
+export {
+  o as default
+};

package/dist/vue-components.es5.js

@@ -1,110 +1,125 @@
-import { useForm as p } from "@tanstack/vue-form";
-import { S as E } from "effect-app";
-import { generateMetaFromSchema as P } from "./vue-components.es6.js";
-import { computed as y, onUnmounted as I, onMounted as N, onBeforeUnmount as R } from "vue";
-const K = (a, t, u) => {
-  if (!a) throw new Error("Schema is required");
-  const b = E.standardSchemaV1(a), { filterItems: f, meta: c } = P(a), i = y(() => {
-    var r;
-    if ((r = u == null ? void 0 : u.persistency) != null && r.id)
-      return u.persistency.id;
-    const e = window.location.pathname, l = Object.keys(c);
-    return `${e}-${l.join("-")}`;
+import { useForm as E } from "@tanstack/vue-form";
+import { S as I } from "effect-app";
+import { generateMetaFromSchema as N } from "./vue-components.es6.js";
+import { computed as a, onUnmounted as R, onMounted as A, onBeforeUnmount as D } from "vue";
+import { isObject as J } from "./vue-components.es15.js";
+const z = (h, u, i) => {
+  if (!h) throw new Error("Schema is required");
+  const b = I.standardSchemaV1(h), { filterItems: V, meta: t } = N(h), c = a(() => {
+    var l;
+    if ((l = i == null ? void 0 : i.persistency) != null && l.id)
+      return i.persistency.id;
+    const e = window.location.pathname, r = Object.keys(t);
+    return `${e}-${r.join("-")}`;
   }), L = () => {
     const e = new URLSearchParams(window.location.search);
-    e.delete(i.value);
-    const l = new URL(window.location.href);
-    l.search = e.toString(), window.history.replaceState({}, "", l.toString());
-  }, U = y(() => {
+    e.delete(c.value);
+    const r = new URL(window.location.href);
+    r.search = e.toString(), window.history.replaceState({}, "", r.toString());
+  };
+  function f(e, r) {
+    for (const l in r)
+      r[l] && J(r[l]) ? (e[l] || (e[l] = {}), f(e[l], r[l])) : e[l] = r[l];
+    return e;
+  }
+  const U = a(() => {
     var l;
-    if (t != null && t.defaultValues && !((l = u == null ? void 0 : u.persistency) != null && l.overrideDefaultValues))
-      return t == null ? void 0 : t.defaultValues;
-    const e = u == null ? void 0 : u.persistency;
-    if (!(e != null && e.policies) || e.policies.length === 0) return {};
-    if (e.policies.includes("querystring"))
+    if (u != null && u.defaultValues && !((l = i == null ? void 0 : i.persistency) != null && l.overrideDefaultValues))
+      return u == null ? void 0 : u.defaultValues;
+    let e;
+    const r = i == null ? void 0 : i.persistency;
+    if (!(r != null && r.policies) || r.policies.length === 0) return {};
+    if (r.policies.includes("querystring"))
       try {
-        const s = new URLSearchParams(window.location.search).get(i.value);
-        if (L(), s)
-          return JSON.parse(s);
-      } catch (r) {
-        console.error(r);
+        const d = new URLSearchParams(window.location.search).get(c.value);
+        L(), d && (e = JSON.parse(d));
+      } catch (s) {
+        console.error(s);
       }
-    if (e.policies.includes("local") || e.policies.includes("session")) {
-      const r = e.policies.includes("local") ? localStorage : sessionStorage;
-      if (r)
+    if (
+      // query string has higher priority than local/session storage
+      !e && (r.policies.includes("local") || r.policies.includes("session"))
+    ) {
+      const s = r.policies.includes("local") ? localStorage : sessionStorage;
+      if (s)
         try {
-          const s = JSON.parse(
-            r.getItem(i.value) || "{}"
+          const d = JSON.parse(
+            s.getItem(c.value) || "{}"
           );
-          return r.removeItem(i.value), s;
-        } catch (s) {
-          console.error(s);
+          s.removeItem(c.value), e = d;
+        } catch (d) {
+          console.error(d);
         }
     }
-    return {};
-  }), n = p({
-    ...t,
+    if (e ?? (e = {}), (u == null ? void 0 : u.defaultValues) == null)
+      return e;
+    {
+      const s = u == null ? void 0 : u.defaultValues;
+      return f(s, e);
+    }
+  }), n = E({
+    ...u,
     validators: {
       onSubmit: b,
-      ...(t == null ? void 0 : t.validators) || {}
+      ...(u == null ? void 0 : u.validators) || {}
     },
-    onSubmit: t != null && t.onSubmit ? ({ formApi: e, meta: l, value: r }) => {
+    onSubmit: u != null && u.onSubmit ? ({ formApi: e, meta: r, value: l }) => {
       var s;
-      return (s = t.onSubmit) == null ? void 0 : s.call(t, {
+      return (s = u.onSubmit) == null ? void 0 : s.call(u, {
         formApi: e,
-        meta: l,
-        value: r
+        meta: r,
+        value: l
       });
     } : void 0,
     defaultValues: U.value
-  }), V = () => {
-    Object.keys(c).forEach((e) => {
+  }), j = () => {
+    Object.keys(t).forEach((e) => {
       n.setFieldValue(e, void 0);
     });
-  }, S = (e) => e.reduce(
-    (l, r) => {
-      const s = r.split(".");
-      return s.reduce((d, o, j) => (j === s.length - 1 ? d[o] = n.getFieldValue(r) : d[o] = d[o] || {}, d[o]), l);
+  }, o = (e) => e.reduce(
+    (r, l) => {
+      const s = l.split(".");
+      return s.reduce((d, w, P) => (P === s.length - 1 ? d[w] = n.getFieldValue(l) : d[w] = d[w] ?? {}, d[w]), r), r;
     },
     {}
-  ), h = (e) => {
+  ), v = (e) => {
     if (e) {
       if (Array.isArray(e.keys))
-        return S(e.keys);
+        return o(e.keys);
       if (Array.isArray(e.banKeys)) {
-        const l = Object.keys(c).filter(
-          (r) => {
+        const r = Object.keys(t).filter(
+          (l) => {
             var s;
-            return (s = e.banKeys) == null ? void 0 : s.includes(r);
+            return (s = e.banKeys) == null ? void 0 : s.includes(l);
           }
         );
-        return S(l);
+        return o(r);
       }
       return n.store.state.values;
     }
-  }, w = () => {
-    const e = u == null ? void 0 : u.persistency;
+  }, S = () => {
+    const e = i == null ? void 0 : i.persistency;
     if (!(!(e != null && e.policies) || e.policies.length === 0) && (e.policies.includes("local") || e.policies.includes("session"))) {
-      const l = e.policies.includes("local") ? localStorage : sessionStorage;
-      if (!l) return;
-      const r = h(e);
-      return l.setItem(i.value, JSON.stringify(r));
+      const r = e.policies.includes("local") ? localStorage : sessionStorage;
+      if (!r) return;
+      const l = v(e);
+      return r.setItem(c.value, JSON.stringify(l));
     }
-  }, v = () => {
-    const e = u == null ? void 0 : u.persistency;
+  }, y = () => {
+    const e = i == null ? void 0 : i.persistency;
     if (!(!(e != null && e.policies) || e.policies.length === 0) && e.policies.includes("querystring")) {
-      const l = h(e), r = new URLSearchParams(window.location.search);
-      r.set(i.value, JSON.stringify(l));
+      const r = v(e), l = new URLSearchParams(window.location.search);
+      l.set(c.value, JSON.stringify(r));
       const s = new URL(window.location.href);
-      s.search = r.toString(), window.history.replaceState({}, "", s.toString());
+      s.search = l.toString(), window.history.replaceState({}, "", s.toString());
     }
   };
-  return I(w), N(() => {
-    window.addEventListener("beforeunload", w), window.addEventListener("blur", v);
-  }), R(() => {
-    window.removeEventListener("beforeunload", w), window.removeEventListener("blur", v);
-  }), Object.assign(n, { meta: c, filterItems: f, clear: V });
+  return R(S), A(() => {
+    window.addEventListener("beforeunload", S), window.addEventListener("blur", y);
+  }), D(() => {
+    window.removeEventListener("beforeunload", S), window.removeEventListener("blur", y);
+  }), Object.assign(n, { meta: t, filterItems: V, clear: j });
 };
 export {
-  K as useOmegaForm
+  z as useOmegaForm
 };

package/dist/vue-components.es8.js

@@ -1,6 +1,6 @@
 import { defineComponent as i, computed as t, createBlock as p, openBlock as d, resolveDynamicComponent as u, withCtx as r, createVNode as f, mergeProps as c, renderSlot as v, normalizeProps as h, guardReactiveProps as g } from "vue";
 import { generateInputStandardSchemaFromFieldMeta as y } from "./vue-components.es6.js";
-import b from "./vue-components.es15.js";
+import b from "./vue-components.es17.js";
 const S = /* @__PURE__ */ i({
   inheritAttrs: !1,
   __name: "OmegaInput",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "@tanstack/vue-form": "^1.2.4",

package/src/components/OmegaForm/useOmegaForm.ts

@@ -5,7 +5,7 @@ import {
   type FormAsyncValidateOrFn,
   type StandardSchemaV1,
 } from "@tanstack/vue-form"
-import { S } from "effect-app"
+import { type Record, S } from "effect-app"
 import {
   generateMetaFromSchema,
   type NestedKeyOf,
@@ -15,6 +15,7 @@ import {
   type OmegaFormApi,
 } from "./OmegaFormStuff"
 import { computed, onBeforeUnmount, onMounted, onUnmounted } from "vue"
+import { isObject } from "effect/Predicate"
 
 type keysRule<T> =
   | {
@@ -76,13 +77,36 @@ export const useOmegaForm = <
     window.history.replaceState({}, "", url.toString())
   }
 
+  function deepMerge(target: any, source: any) {
+    for (const key in source) {
+      if (source[key] && isObject(source[key])) {
+        if (!target[key]) {
+          target[key] = {}
+        }
+        deepMerge(target[key], source[key])
+      } else {
+        target[key] = source[key]
+      }
+    }
+    return target
+  }
+
   const defaultValues = computed(() => {
     if (
       tanstackFormOptions?.defaultValues &&
       !omegaConfig?.persistency?.overrideDefaultValues
     ) {
+      // defaultValues from tanstack are not partial,
+      // so if ovverrideDefaultValues is false we simply return them
       return tanstackFormOptions?.defaultValues
     }
+
+    // we are here because there are no default values from tankstack
+    // or because omegaConfig?.persistency?.overrideDefaultValues is true
+
+    // will contain what we get from querystring or local/session storage
+    let defValuesPatch
+
     const persistency = omegaConfig?.persistency
     if (!persistency?.policies || persistency.policies.length === 0) return {}
     if (persistency.policies.includes("querystring")) {
@@ -91,7 +115,7 @@ export const useOmegaForm = <
         const value = params.get(persistencyKey.value)
         clearUrlParams()
         if (value) {
-          return JSON.parse(value)
+          defValuesPatch = JSON.parse(value)
         }
       } catch (error) {
         console.error(error)
@@ -99,8 +123,10 @@ export const useOmegaForm = <
     }
 
     if (
-      persistency.policies.includes("local") ||
-      persistency.policies.includes("session")
+      // query string has higher priority than local/session storage
+      !defValuesPatch &&
+      (persistency.policies.includes("local") ||
+        persistency.policies.includes("session"))
     ) {
       const storage = persistency.policies.includes("local")
         ? localStorage
@@ -111,13 +137,23 @@ export const useOmegaForm = <
             storage.getItem(persistencyKey.value) || "{}",
           )
           storage.removeItem(persistencyKey.value)
-          return value
+          defValuesPatch = value
         } catch (error) {
           console.error(error)
         }
       }
     }
-    return {}
+
+    // to be sure we have a valid object at the end of the gathering process
+    defValuesPatch ??= {}
+
+    if (tanstackFormOptions?.defaultValues == undefined) {
+      // we just return what we gathered from the query/storage
+      return defValuesPatch
+    } else {
+      const startingDefValues = tanstackFormOptions?.defaultValues
+      return deepMerge(startingDefValues, defValuesPatch)
+    }
   })
 
   const form = useForm<
@@ -158,14 +194,15 @@ export const useOmegaForm = <
     paths.reduce(
       (result, path) => {
         const parts = path.split(".")
-        return parts.reduce((acc, part, i) => {
+        parts.reduce((acc, part, i) => {
           if (i === parts.length - 1) {
             acc[part] = form.getFieldValue(path as any)
           } else {
-            acc[part] = acc[part] || {}
+            acc[part] = acc[part] ?? {}
           }
           return acc[part]
         }, result)
+        return result
       },
       {} as Record<string, any>,
     )