@effect-app/vue-components 1.2.0 → 1.4.0

package/dist/vue-components.es41.js

@@ -1,33 +1,50 @@
-import { INVALID_SPAN_CONTEXT as o } from "./vue-components.es40.js";
-var i = (
+import { NoopContextManager as f } from "./vue-components.es49.js";
+import { registerGlobal as s, getGlobal as p, unregisterGlobal as g } from "./vue-components.es47.js";
+import { DiagAPI as u } from "./vue-components.es44.js";
+var y = function(t, e) {
+  var a = typeof Symbol == "function" && t[Symbol.iterator];
+  if (!a) return t;
+  var n = a.call(t), o, r = [], i;
+  try {
+    for (; (e === void 0 || e-- > 0) && !(o = n.next()).done; ) r.push(o.value);
+  } catch (c) {
+    i = { error: c };
+  } finally {
+    try {
+      o && !o.done && (a = n.return) && a.call(n);
+    } finally {
+      if (i) throw i.error;
+    }
+  }
+  return r;
+}, d = function(t, e, a) {
+  if (a || arguments.length === 2) for (var n = 0, o = e.length, r; n < o; n++)
+    (r || !(n in e)) && (r || (r = Array.prototype.slice.call(e, 0, n)), r[n] = e[n]);
+  return t.concat(r || Array.prototype.slice.call(e));
+}, l = "context", _ = new f(), A = (
   /** @class */
   (function() {
-    function t(n) {
-      n === void 0 && (n = o), this._spanContext = n;
+    function t() {
     }
-    return t.prototype.spanContext = function() {
-      return this._spanContext;
-    }, t.prototype.setAttribute = function(n, e) {
-      return this;
-    }, t.prototype.setAttributes = function(n) {
-      return this;
-    }, t.prototype.addEvent = function(n, e) {
-      return this;
-    }, t.prototype.addLink = function(n) {
-      return this;
-    }, t.prototype.addLinks = function(n) {
-      return this;
-    }, t.prototype.setStatus = function(n) {
-      return this;
-    }, t.prototype.updateName = function(n) {
-      return this;
-    }, t.prototype.end = function(n) {
-    }, t.prototype.isRecording = function() {
-      return !1;
-    }, t.prototype.recordException = function(n, e) {
+    return t.getInstance = function() {
+      return this._instance || (this._instance = new t()), this._instance;
+    }, t.prototype.setGlobalContextManager = function(e) {
+      return s(l, e, u.instance());
+    }, t.prototype.active = function() {
+      return this._getContextManager().active();
+    }, t.prototype.with = function(e, a, n) {
+      for (var o, r = [], i = 3; i < arguments.length; i++)
+        r[i - 3] = arguments[i];
+      return (o = this._getContextManager()).with.apply(o, d([e, a, n], y(r), !1));
+    }, t.prototype.bind = function(e, a) {
+      return this._getContextManager().bind(e, a);
+    }, t.prototype._getContextManager = function() {
+      return p(l) || _;
+    }, t.prototype.disable = function() {
+      this._getContextManager().disable(), g(l, u.instance());
     }, t;
   })()
 );
 export {
-  i as NonRecordingSpan
+  A as ContextAPI
 };

package/dist/vue-components.es42.js

@@ -1,50 +1,28 @@
-import { NoopContextManager as f } from "./vue-components.es49.js";
-import { registerGlobal as s, getGlobal as p, unregisterGlobal as g } from "./vue-components.es47.js";
-import { DiagAPI as u } from "./vue-components.es44.js";
-var y = function(t, e) {
-  var a = typeof Symbol == "function" && t[Symbol.iterator];
-  if (!a) return t;
-  var n = a.call(t), o, r = [], i;
-  try {
-    for (; (e === void 0 || e-- > 0) && !(o = n.next()).done; ) r.push(o.value);
-  } catch (c) {
-    i = { error: c };
-  } finally {
-    try {
-      o && !o.done && (a = n.return) && a.call(n);
-    } finally {
-      if (i) throw i.error;
-    }
-  }
-  return r;
-}, d = function(t, e, a) {
-  if (a || arguments.length === 2) for (var n = 0, o = e.length, r; n < o; n++)
-    (r || !(n in e)) && (r || (r = Array.prototype.slice.call(e, 0, n)), r[n] = e[n]);
-  return t.concat(r || Array.prototype.slice.call(e));
-}, l = "context", _ = new f(), A = (
+import { registerGlobal as a, getGlobal as p, unregisterGlobal as s } from "./vue-components.es47.js";
+import { ProxyTracerProvider as i } from "./vue-components.es35.js";
+import { wrapSpanContext as c, isSpanContextValid as h } from "./vue-components.es38.js";
+import { deleteSpan as g, getSpan as S, getActiveSpan as x, getSpanContext as d, setSpan as f, setSpanContext as l } from "./vue-components.es48.js";
+import { DiagAPI as o } from "./vue-components.es44.js";
+var n = "trace", y = (
   /** @class */
   (function() {
     function t() {
+      this._proxyTracerProvider = new i(), this.wrapSpanContext = c, this.isSpanContextValid = h, this.deleteSpan = g, this.getSpan = S, this.getActiveSpan = x, this.getSpanContext = d, this.setSpan = f, this.setSpanContext = l;
     }
     return t.getInstance = function() {
       return this._instance || (this._instance = new t()), this._instance;
-    }, t.prototype.setGlobalContextManager = function(e) {
-      return s(l, e, u.instance());
-    }, t.prototype.active = function() {
-      return this._getContextManager().active();
-    }, t.prototype.with = function(e, a, n) {
-      for (var o, r = [], i = 3; i < arguments.length; i++)
-        r[i - 3] = arguments[i];
-      return (o = this._getContextManager()).with.apply(o, d([e, a, n], y(r), !1));
-    }, t.prototype.bind = function(e, a) {
-      return this._getContextManager().bind(e, a);
-    }, t.prototype._getContextManager = function() {
-      return p(l) || _;
+    }, t.prototype.setGlobalTracerProvider = function(r) {
+      var e = a(n, this._proxyTracerProvider, o.instance());
+      return e && this._proxyTracerProvider.setDelegate(r), e;
+    }, t.prototype.getTracerProvider = function() {
+      return p(n) || this._proxyTracerProvider;
+    }, t.prototype.getTracer = function(r, e) {
+      return this.getTracerProvider().getTracer(r, e);
     }, t.prototype.disable = function() {
-      this._getContextManager().disable(), g(l, u.instance());
+      s(n, o.instance()), this._proxyTracerProvider = new i();
     }, t;
   })()
 );
 export {
-  A as ContextAPI
+  y as TraceAPI
 };

package/dist/vue-components.es43.js

@@ -1,28 +1,13 @@
-import { registerGlobal as a, getGlobal as p, unregisterGlobal as s } from "./vue-components.es47.js";
-import { ProxyTracerProvider as i } from "./vue-components.es36.js";
-import { wrapSpanContext as c, isSpanContextValid as h } from "./vue-components.es39.js";
-import { deleteSpan as g, getSpan as S, getActiveSpan as x, getSpanContext as d, setSpan as f, setSpanContext as l } from "./vue-components.es48.js";
-import { DiagAPI as o } from "./vue-components.es44.js";
-var n = "trace", y = (
-  /** @class */
-  (function() {
-    function t() {
-      this._proxyTracerProvider = new i(), this.wrapSpanContext = c, this.isSpanContextValid = h, this.deleteSpan = g, this.getSpan = S, this.getActiveSpan = x, this.getSpanContext = d, this.setSpan = f, this.setSpanContext = l;
-    }
-    return t.getInstance = function() {
-      return this._instance || (this._instance = new t()), this._instance;
-    }, t.prototype.setGlobalTracerProvider = function(r) {
-      var e = a(n, this._proxyTracerProvider, o.instance());
-      return e && this._proxyTracerProvider.setDelegate(r), e;
-    }, t.prototype.getTracerProvider = function() {
-      return p(n) || this._proxyTracerProvider;
-    }, t.prototype.getTracer = function(r, e) {
-      return this.getTracerProvider().getTracer(r, e);
-    }, t.prototype.disable = function() {
-      s(n, o.instance()), this._proxyTracerProvider = new i();
-    }, t;
-  })()
-);
+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 {
-  y as TraceAPI
+  c as getOmegaStore
 };

package/dist/vue-components.es44.js

@@ -1,6 +1,6 @@
 import { DiagComponentLogger as m } from "./vue-components.es45.js";
 import { createLogLevelDiagLogger as y } from "./vue-components.es46.js";
-import { DiagLogLevel as d } from "./vue-components.es33.js";
+import { DiagLogLevel as d } from "./vue-components.es32.js";
 import { unregisterGlobal as p, getGlobal as v, registerGlobal as w } from "./vue-components.es47.js";
 var b = function(i, n) {
   var r = typeof Symbol == "function" && i[Symbol.iterator];

package/dist/vue-components.es46.js

@@ -1,4 +1,4 @@
-import { DiagLogLevel as r } from "./vue-components.es33.js";
+import { DiagLogLevel as r } from "./vue-components.es32.js";
 function c(n, o) {
   n < r.NONE ? n = r.NONE : n > r.ALL && (n = r.ALL), o = o || {};
   function i(t, f) {

package/dist/vue-components.es48.js

@@ -1,6 +1,6 @@
-import { createContextKey as o } from "./vue-components.es32.js";
-import { NonRecordingSpan as a } from "./vue-components.es41.js";
-import { ContextAPI as u } from "./vue-components.es42.js";
+import { createContextKey as o } from "./vue-components.es31.js";
+import { NonRecordingSpan as a } from "./vue-components.es40.js";
+import { ContextAPI as u } from "./vue-components.es41.js";
 var n = o("OpenTelemetry Context Key SPAN");
 function r(e) {
   return e.getValue(n) || void 0;

package/dist/vue-components.es49.js

@@ -1,4 +1,4 @@
-import { ROOT_CONTEXT as l } from "./vue-components.es32.js";
+import { ROOT_CONTEXT as l } from "./vue-components.es31.js";
 var c = function(t, o) {
   var n = typeof Symbol == "function" && t[Symbol.iterator];
   if (!n) return t;

package/dist/vue-components.es5.js

@@ -1,9 +1,9 @@
 (function(){"use strict";try{if(typeof document<"u"){var i=document.createElement("style");if(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;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),document.head.appendChild(i),window.customElements){const e=window.customElements.define;window.customElements.define=function(s,t){const n=t.prototype.connectedCallback;return t.prototype.connectedCallback=function(){if(n&&n.call(this),this.shadowRoot){const a=document.createElement("style");a.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;appearance:none;box-shadow:none;display:block;min-width:auto;height:auto;padding:.5em .5em .5em 1em}")),this.shadowRoot.appendChild(a)}},e.call(window.customElements,s,t)}}}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
-import { defineComponent as E, getCurrentInstance as V, useId as w, computed as a, watch as d, nextTick as N, onMounted as c, ref as $, watchEffect as k, onUnmounted as B, renderSlot as I, normalizeProps as _, guardReactiveProps as q, createElementVNode as F, normalizeClass as L, createBlock as O, createCommentVNode as P, unref as S, openBlock as T, mergeProps as U } from "vue";
+import { defineComponent as x, getCurrentInstance as N, useId as V, computed as a, onMounted as c, ref as $, watchEffect as B, watch as I, onUnmounted as _, renderSlot as k, normalizeProps as q, guardReactiveProps as D, createElementVNode as F, normalizeClass as L, createBlock as O, createCommentVNode as P, unref as M, openBlock as S, mergeProps as U } from "vue";
 import { useStore as z } from "@tanstack/vue-form";
 import A from "./vue-components.es20.js";
 
-const H = /* @__PURE__ */ E({
+const H = /* @__PURE__ */ x({
   inheritAttrs: !1,
   __name: "OmegaInternalInput",
   props: {
@@ -15,48 +15,46 @@ const H = /* @__PURE__ */ E({
     validators: {}
   },
   setup(v) {
-    const e = v, g = V()?.appContext.components.VTextField, n = w(), o = e.field, r = z(o.store, (t) => t), m = a(() => e.type ? e.type : e.meta?.type === "string" ? e.meta.format === "email" ? "email" : "string" : e.meta?.type || "unknown"), l = a(() => r.value.value), y = a(
+    const e = v, g = N()?.appContext.components.VTextField, n = V(), l = e.field, r = z(l.store, (t) => t), u = a(() => e.type ? e.type : e.meta?.type === "string" ? e.meta.format === "email" ? "email" : "string" : e.meta?.type || "unknown"), m = a(() => r.value.value), h = a(
       () => (
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
         r.value.meta.errors.map((t) => t?.message).filter(Boolean)
       )
-    ), h = (t) => t == null || t === !1 || t === "" || Number.isNaN(t);
-    d(
-      () => !!l.value,
-      () => {
-        h(l.value) && e.meta?.type !== "boolean" && N(() => {
-          o.setValue(
-            e.meta?.nullableOrUndefined === "undefined" ? void 0 : null
-          );
-        });
+    ), y = (t) => t == null || t === !1 || t === "" || Number.isNaN(t), b = (t) => {
+      y(t) && e.meta?.type !== "boolean" ? e.field.handleChange(
+        e.meta?.nullableOrUndefined === "undefined" ? void 0 : null
+      ) : e.field.handleChange(t);
+    };
+    c(() => {
+      if (!m.value && !e.meta?.required && e.meta?.nullableOrUndefined === "null") {
+        const t = r.value.meta.isDirty;
+        l.setValue(null), l.setMeta((p) => ({ ...p, isDirty: t }));
       }
-    ), c(() => {
-      !l.value && !e.meta?.required && e.meta?.nullableOrUndefined === "null" && o.setValue(null);
     });
-    const { mapError: b, removeError: f, showErrors: x, showErrorsOn: C } = e.field.form.errorContext, s = $(!1);
-    k(() => {
-      (x.value || C === "onChange") && (s.value = !0);
+    const { mapError: C, removeError: d, showErrors: E, showErrorsOn: w } = e.field.form.errorContext, o = $(!1);
+    B(() => {
+      (E.value || w === "onChange") && (o.value = !0);
     });
-    const i = () => {
-      s.value = !0;
+    const s = () => {
+      o.value = !0;
     };
     c(() => {
-      l.value && i();
+      m.value && s();
     });
-    const p = a(() => !s.value && m.value !== "select" ? [] : y.value);
-    d(
+    const f = a(() => !o.value && u.value !== "select" ? [] : h.value);
+    I(
       () => r.value.meta.errors,
       () => {
-        r.value.meta.errors.length ? b({
+        r.value.meta.errors.length ? C({
           inputId: n,
           errors: r.value.meta.errors.map((t) => t.message).filter(Boolean),
           label: e.label
-        }) : f(n);
+        }) : d(n);
       }
-    ), B(() => {
-      f(n), e.field.form.deleteField(e.field.name);
+    ), _(() => {
+      d(n), e.field.form.deleteField(e.field.name);
     });
-    const u = a(() => ({
+    const i = a(() => ({
       id: n,
       required: e.meta?.required,
       minLength: e.meta?.type === "string" && e.meta?.minLength,
@@ -65,24 +63,25 @@ const H = /* @__PURE__ */ E({
       min: e.meta?.type === "number" && e.meta?.minimum,
       name: e.field.name,
       modelValue: e.field.state.value,
-      errorMessages: p.value,
-      error: !!p.value.length,
+      handleChange: b,
+      errorMessages: f.value,
+      error: !!f.value.length,
       field: e.field,
-      setRealDirty: i,
-      type: m.value,
+      setRealDirty: s,
+      type: u.value,
       label: `${e.label}${e.meta?.required ? " *" : ""}`,
       options: e.options
     }));
-    return (t, M) => I(t.$slots, "default", _(q(u.value)), () => [
+    return (t, p) => k(t.$slots, "default", q(D(i.value)), () => [
       F("div", {
         class: L(t.$attrs.class),
-        onFocusout: i
+        onFocusout: s
       }, [
-        S(g) ? (T(), O(A, U({
+        M(g) ? (S(), O(A, U({
           key: 0,
-          "input-props": u.value
+          "input-props": i.value
         }, t.$attrs, {
-          "vuetify-value": u.value.field.state.value
+          "vuetify-value": i.value.field.state.value
         }), null, 16, ["input-props", "vuetify-value"])) : P("", !0)
       ], 34)
     ]);

package/dist/vue-components.es8.js

@@ -1,6 +1,7 @@
-import { S as n, Option as c, pipe as L } from "effect-app";
-import { useIntl as U, getTransformationFrom as _ } from "./vue-components.es3.js";
-const N = n.NonEmptyArray(n.String), E = (e) => n.AST.isUnion(e) && e.types.find((i) => i._tag === "UndefinedKeyword" || i === n.Null.ast), g = (e) => !e || !n.AST.isUnion(e) ? !1 : e.types.find((i) => i._tag === "UndefinedKeyword") ? "undefined" : e.types.find((i) => i === n.Null.ast) ? "null" : !1, m = ({ meta: e = {}, parent: i = "", property: t, propertySignatures: p }, o = {}) => {
+import { S as n, Option as c, pipe as q } from "effect-app";
+import { getMetadataFromSchema as U } from "@effect-app/vue/form";
+import { useIntl as _, getTransformationFrom as N } from "./vue-components.es3.js";
+const w = n.NonEmptyArray(n.String), E = (e) => n.AST.isUnion(e) && e.types.find((i) => i._tag === "UndefinedKeyword" || i === n.Null.ast), g = (e) => !e || !n.AST.isUnion(e) ? !1 : e.types.find((i) => i._tag === "UndefinedKeyword") ? "undefined" : e.types.find((i) => i === n.Null.ast) ? "null" : !1, m = ({ meta: e = {}, parent: i = "", property: t, propertySignatures: p }, o = {}) => {
   if (t && t._tag === "Transformation")
     return m({
       parent: i,
@@ -18,7 +19,7 @@ const N = n.NonEmptyArray(n.String), E = (e) => n.AST.isUnion(e) && e.types.find
       if (n.AST.isUnion(r.type)) {
         const T = r.type.types.filter(
           (s) => s._tag !== "UndefinedKeyword" && s !== n.Null.ast
-        ).map(_);
+        ).map(N);
         if (T.some(
           (s) => "propertySignatures" in s
         )) {
@@ -148,7 +149,12 @@ const N = n.NonEmptyArray(n.String), E = (e) => n.AST.isUnion(e) && e.types.find
         const T = m({
           parent: l,
           property: r.type,
-          meta: { required: u, nullableOrUndefined: a }
+          meta: {
+            // an empty string is valid for a S.String field, so we should not mark it as required
+            // TODO: handle this better via the createMeta minLength parsing
+            required: u && (r.type._tag !== "StringKeyword" || U(r.type).minLength),
+            nullableOrUndefined: a
+          }
         });
         o[l] = T;
       }
@@ -201,10 +207,10 @@ const N = n.NonEmptyArray(n.String), E = (e) => n.AST.isUnion(e) && e.types.find
     ), e);
   }
   return o;
-}, q = (e) => {
+}, L = (e) => {
   const i = e.ast, t = {};
   if (i._tag === "Transformation" || i._tag === "Refinement")
-    return q(n.make(i.from));
+    return L(n.make(i.from));
   if ("propertySignatures" in i) {
     const p = m({
       propertySignatures: i.propertySignatures
@@ -220,13 +226,13 @@ const N = n.NonEmptyArray(n.String), E = (e) => n.AST.isUnion(e) && e.types.find
     o(p);
   }
   return t;
-}, I = (e) => n.extend(e, n.Struct({})), K = (e) => {
-  const i = q(e), t = L(
+}, P = (e) => n.extend(e, n.Struct({})), F = (e) => {
+  const i = L(e), t = q(
     e.ast,
     c.liftPredicate((p) => p._tag === "Refinement" && "filter" in p),
     c.flatMap((p) => n.AST.getJSONSchemaAnnotation(p)),
     c.filter((p) => "items" in p),
-    c.filterMap(({ items: p }) => n.decodeUnknownOption(N)(p)),
+    c.filterMap(({ items: p }) => n.decodeUnknownOption(w)(p)),
     c.zipWith(
       n.AST.getMessageAnnotation(e.ast),
       (p, o) => ({
@@ -237,8 +243,8 @@ const N = n.NonEmptyArray(n.String), E = (e) => n.AST.isUnion(e) && e.types.find
     c.getOrUndefined
   );
   return { schema: e, meta: i, filterItems: t };
-}, P = (e) => {
-  const { trans: i } = U();
+}, j = (e) => {
+  const { trans: i } = _();
   let t;
   switch (e.type) {
     case "string":
@@ -320,7 +326,7 @@ const N = n.NonEmptyArray(n.String), E = (e) => n.AST.isUnion(e) && e.types.find
       message: () => i("validation.empty")
     })
   ) : t = n.NullishOr(t), n.standardSchemaV1(t);
-}, j = (e, i) => n.NullOr(e).pipe(
+}, R = (e, i) => n.NullOr(e).pipe(
   n.transform(n.typeSchema(e), {
     decode: (t) => t ?? i(),
     encode: (t) => t
@@ -341,12 +347,12 @@ const N = n.NonEmptyArray(n.String), E = (e) => n.AST.isUnion(e) && e.types.find
   "text",
   "time",
   "url"
-], F = (e) => k.includes(e) ? e : "text";
+], J = (e) => k.includes(e) ? e : "text";
 export {
   m as createMeta,
-  I as duplicateSchema,
-  P as generateInputStandardSchemaFromFieldMeta,
-  K as generateMetaFromSchema,
-  F as getInputType,
-  j as nullableInput
+  P as duplicateSchema,
+  j as generateInputStandardSchemaFromFieldMeta,
+  F as generateMetaFromSchema,
+  J as getInputType,
+  R as nullableInput
 };

package/package.json

@@ -1,36 +1,36 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "1.2.0",
+  "version": "1.4.0",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
-    "effect": "^3.17.13",
+    "effect": "^3.18.0",
     "intl-messageformat": "^10.7.16",
     "mdi-js": "^1.0.1",
     "primeflex": "^4.0.0",
     "primeicons": "^7.0.0",
     "primevue": "^4.3.9",
-    "vue": "^3.5.21",
-    "vuetify": "^3.10.1"
+    "vue": "^3.5.22",
+    "vuetify": "^3.10.3"
   },
   "devDependencies": {
-    "@storybook/vue3": "^9.1.6",
-    "@storybook/vue3-vite": "^9.1.6",
-    "@types/node": "^24.5.1",
+    "@storybook/vue3": "^9.1.9",
+    "@storybook/vue3-vite": "^9.1.9",
+    "@types/node": "^24.6.0",
     "@vitejs/plugin-vue": "^6.0.1",
     "@vue/test-utils": "^2.4.6",
     "dprint": "^0.50.2",
     "jsdom": "^27.0.0",
     "rimraf": "^6.0.1",
-    "sass": "^1.92.1",
-    "storybook": "^9.1.6",
+    "sass": "^1.93.2",
+    "storybook": "^9.1.9",
     "typescript": "~5.9.2",
-    "vite": "^7.1.5",
+    "vite": "^7.1.7",
     "vite-plugin-css-injected-by-js": "^3.5.2",
     "vitepress": "^1.6.4",
     "vitest": "^3.2.4",
-    "vue-router": "^4.2.2",
-    "vue-tsc": "^3.0.7",
-    "@effect-app/eslint-shared-config": "0.2.1"
+    "vue-router": "^4.5.1",
+    "vue-tsc": "^3.1.0",
+    "@effect-app/eslint-shared-config": "0.3.1"
   },
   "files": [
     "src",
@@ -49,8 +49,8 @@
     "@tanstack/vue-form": "^1.23.4",
     "highlight.js": "^11.11.1",
     "vue3-highlightjs": "^1.0.5",
-    "@effect-app/vue": "2.81.0",
-    "effect-app": "3.8.1"
+    "effect-app": "3.9.0",
+    "@effect-app/vue": "2.82.0"
   },
   "scripts": {
     "build": "pnpm build:run",

package/src/components/OmegaForm/InputProps.ts

@@ -36,6 +36,7 @@ export type InputProps<From extends Record<PropertyKey, any>, TName extends Deep
   min?: number | false
   name: string
   modelValue: DeepValue<From, TName>
+  handleChange: (value: DeepValue<From, TName>) => void
   errorMessages: string[]
   error: boolean
   field: OmegaFieldInternalApi<From, TName>

package/src/components/OmegaForm/OmegaArray.vue

@@ -42,9 +42,11 @@
 <script
   setup
   lang="ts"
-  generic="// dprint ignore - somehow with 120 chars, this becomes a mess. should report it.
+  generic="
+  // dprint ignore - somehow with 120 chars, this becomes a mess. should report it.
   From extends Record<PropertyKey, any>,
-  To extends Record<PropertyKey, any>"
+  To extends Record<PropertyKey, any>
+"
 >
 import { type DeepKeys, type DeepValue } from "@tanstack/vue-form"
 import { computed, onMounted, provide } from "vue"

package/src/components/OmegaForm/OmegaAutoGen.vue

@@ -14,8 +14,10 @@
 <script
   setup
   lang="ts"
-  generic="From extends Record<PropertyKey, string>,
-  To extends Record<PropertyKey, string>"
+  generic="
+  From extends Record<PropertyKey, string>,
+  To extends Record<PropertyKey, string>
+"
 >
 import { type DeepKeys } from "@tanstack/vue-form"
 import { Array as A, Order, pipe } from "effect-app"

package/src/components/OmegaForm/OmegaFormInput.vue

@@ -17,9 +17,11 @@
 <script
   setup
   lang="ts"
-  generic="From extends Record<PropertyKey, any>,
+  generic="
+  From extends Record<PropertyKey, any>,
   To extends Record<PropertyKey, any>,
-  Name extends DeepKeys<From>"
+  Name extends DeepKeys<From>
+"
 >
 import { type DeepKeys } from "@tanstack/vue-form"
 import { inject } from "vue"

package/src/components/OmegaForm/OmegaFormStuff.ts

@@ -1,5 +1,6 @@
 import { type Effect, Option, pipe, type Record, S } from "effect-app"
 /* eslint-disable @typescript-eslint/no-explicit-any */
+import { getMetadataFromSchema } from "@effect-app/vue/form"
 import { type DeepKeys, type FieldAsyncValidateOrFn, type FieldValidateOrFn, type FormApi, type FormAsyncValidateOrFn, type FormOptions, type FormState, type FormValidateOrFn, type StandardSchemaV1, type VueFormApi } from "@tanstack/vue-form"
 import { type RuntimeFiber } from "effect/Fiber"
 import { getTransformationFrom, useIntl } from "../../utils"
@@ -492,7 +493,12 @@ export const createMeta = <T = any>(
           const newMeta = createMeta<T>({
             parent: key,
             property: p.type,
-            meta: { required: isRequired, nullableOrUndefined }
+            meta: {
+              // an empty string is valid for a S.String field, so we should not mark it as required
+              // TODO: handle this better via the createMeta minLength parsing
+              required: isRequired && (p.type._tag !== "StringKeyword" || getMetadataFromSchema(p.type).minLength),
+              nullableOrUndefined
+            }
           })
 
           acc[key as NestedKeyOf<T>] = newMeta as FieldMeta

package/src/components/OmegaForm/OmegaInput.vue

@@ -28,9 +28,11 @@
 <script
   setup
   lang="ts"
-  generic="// dprint ignore - somehow with 120 chars, this becomes a mess. should report it.
+  generic="
+  // dprint ignore - somehow with 120 chars, this becomes a mess. should report it.
   From extends Record<PropertyKey, any>,
-  To extends Record<PropertyKey, any>"
+  To extends Record<PropertyKey, any>
+"
 >
 import { computed, inject, type Ref } from "vue"
 import { useIntl } from "../../utils"