@effect-app/vue-components 0.20.6 → 0.21.0

package/dist/vue-components.es40.js

@@ -1,50 +1,28 @@
-import { NoopContextManager as f } from "./vue-components.es47.js";
-import { registerGlobal as s, getGlobal as p, unregisterGlobal as g } from "./vue-components.es45.js";
-import { DiagAPI as u } from "./vue-components.es42.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.es45.js";
+import { ProxyTracerProvider as i } from "./vue-components.es33.js";
+import { wrapSpanContext as c, isSpanContextValid as h } from "./vue-components.es36.js";
+import { deleteSpan as g, getSpan as S, getActiveSpan as x, getSpanContext as d, setSpan as f, setSpanContext as l } from "./vue-components.es46.js";
+import { DiagAPI as o } from "./vue-components.es42.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.es41.js

@@ -1,28 +1,4 @@
-import { registerGlobal as a, getGlobal as p, unregisterGlobal as s } from "./vue-components.es45.js";
-import { ProxyTracerProvider as i } from "./vue-components.es34.js";
-import { wrapSpanContext as c, isSpanContextValid as h } from "./vue-components.es37.js";
-import { deleteSpan as g, getSpan as S, getActiveSpan as x, getSpanContext as d, setSpan as f, setSpanContext as l } from "./vue-components.es46.js";
-import { DiagAPI as o } from "./vue-components.es42.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 f from "./vue-components.es27.js";
 export {
-  y as TraceAPI
+  f as default
 };

package/dist/vue-components.es42.js

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

package/dist/vue-components.es44.js

@@ -1,4 +1,4 @@
-import { DiagLogLevel as r } from "./vue-components.es31.js";
+import { DiagLogLevel as r } from "./vue-components.es30.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.es45.js

@@ -1,6 +1,6 @@
-import { VERSION as t } from "./vue-components.es51.js";
-import { isCompatible as f } from "./vue-components.es52.js";
-import { _globalThis as m } from "./vue-components.es53.js";
+import { VERSION as t } from "./vue-components.es50.js";
+import { isCompatible as f } from "./vue-components.es51.js";
+import { _globalThis as m } from "./vue-components.es52.js";
 var u = t.split(".")[0], n = Symbol.for("opentelemetry.js.api." + u), l = m;
 function d(r, o, e, i) {
   var v;

package/dist/vue-components.es46.js

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

package/dist/vue-components.es47.js

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

package/dist/vue-components.es50.js

@@ -1,6 +1,4 @@
-(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 o from "./vue-components.es48.js";
-
+var r = "1.9.0";
 export {
-  o as default
+  r as VERSION
 };

package/dist/vue-components.es51.js

@@ -1,4 +1,46 @@
-var r = "1.9.0";
+import { VERSION as d } from "./vue-components.es50.js";
+var h = /^(\d+)\.(\d+)\.(\d+)(-(.+))?$/;
+function s(c) {
+  var m = /* @__PURE__ */ new Set([c]), f = /* @__PURE__ */ new Set(), t = c.match(h);
+  if (!t)
+    return function() {
+      return !1;
+    };
+  var e = {
+    major: +t[1],
+    minor: +t[2],
+    patch: +t[3],
+    prerelease: t[4]
+  };
+  if (e.prerelease != null)
+    return function(r) {
+      return r === c;
+    };
+  function a(n) {
+    return f.add(n), !1;
+  }
+  function p(n) {
+    return m.add(n), !0;
+  }
+  return function(r) {
+    if (m.has(r))
+      return !0;
+    if (f.has(r))
+      return !1;
+    var i = r.match(h);
+    if (!i)
+      return a(r);
+    var u = {
+      major: +i[1],
+      minor: +i[2],
+      patch: +i[3],
+      prerelease: i[4]
+    };
+    return u.prerelease != null || e.major !== u.major ? a(r) : e.major === 0 ? e.minor === u.minor && e.patch <= u.patch ? p(r) : a(r) : e.minor <= u.minor ? p(r) : a(r);
+  };
+}
+var v = s(d);
 export {
-  r as VERSION
+  s as _makeCompatibilityCheck,
+  v as isCompatible
 };

package/dist/vue-components.es52.js

@@ -1,46 +1,4 @@
-import { VERSION as d } from "./vue-components.es51.js";
-var h = /^(\d+)\.(\d+)\.(\d+)(-(.+))?$/;
-function s(c) {
-  var m = /* @__PURE__ */ new Set([c]), f = /* @__PURE__ */ new Set(), t = c.match(h);
-  if (!t)
-    return function() {
-      return !1;
-    };
-  var e = {
-    major: +t[1],
-    minor: +t[2],
-    patch: +t[3],
-    prerelease: t[4]
-  };
-  if (e.prerelease != null)
-    return function(r) {
-      return r === c;
-    };
-  function a(n) {
-    return f.add(n), !1;
-  }
-  function p(n) {
-    return m.add(n), !0;
-  }
-  return function(r) {
-    if (m.has(r))
-      return !0;
-    if (f.has(r))
-      return !1;
-    var i = r.match(h);
-    if (!i)
-      return a(r);
-    var u = {
-      major: +i[1],
-      minor: +i[2],
-      patch: +i[3],
-      prerelease: i[4]
-    };
-    return u.prerelease != null || e.major !== u.major ? a(r) : e.major === 0 ? e.minor === u.minor && e.patch <= u.patch ? p(r) : a(r) : e.minor <= u.minor ? p(r) : a(r);
-  };
-}
-var v = s(d);
+var o = typeof globalThis == "object" ? globalThis : typeof self == "object" ? self : typeof window == "object" ? window : typeof global == "object" ? global : {};
 export {
-  s as _makeCompatibilityCheck,
-  v as isCompatible
+  o as _globalThis
 };

package/dist/vue-components.es53.js

@@ -1,4 +1,6 @@
-var o = typeof globalThis == "object" ? globalThis : typeof self == "object" ? self : typeof window == "object" ? window : typeof global == "object" ? global : {};
+(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 o from "./vue-components.es48.js";
+
 export {
-  o as _globalThis
+  o as default
 };

package/dist/vue-components.es7.js

@@ -1,7 +1,8 @@
-import { defineComponent as d, inject as f, computed as r, createBlock as n, openBlock as m, resolveDynamicComponent as c, withCtx as l, createCommentVNode as v, mergeProps as y, renderSlot as g, normalizeProps as h, guardReactiveProps as b } from "vue";
-import { generateInputStandardSchemaFromFieldMeta as C } from "./vue-components.es10.js";
-import F from "./vue-components.es27.js";
-const P = /* @__PURE__ */ d({
+import { defineComponent as g, inject as y, computed as m, createBlock as s, openBlock as l, resolveDynamicComponent as h, withCtx as i, createCommentVNode as C, mergeProps as M, renderSlot as $, normalizeProps as b, guardReactiveProps as F } from "vue";
+import { generateInputStandardSchemaFromFieldMeta as k } from "./vue-components.es10.js";
+import A from "./vue-components.es27.js";
+import { useIntl as w } from "./vue-components.es3.js";
+const j = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "OmegaInput",
   props: {
@@ -12,41 +13,41 @@ const P = /* @__PURE__ */ d({
     options: {},
     type: {}
   },
-  setup(s) {
-    const a = s, o = f(
+  setup(p) {
+    const e = p, r = y(
       "getMetaFromArray",
       null
-    ), t = r(() => o?.value && o.value(a.name) ? o.value(a.name) : a.form.meta[a.name]), i = r(() => {
+    ), t = m(() => r?.value && r.value(e.name) ? r.value(e.name) : e.form.meta[e.name]), u = m(() => {
       if (!t.value)
-        throw console.log(a.name, Object.keys(a.form.meta), a.form.meta), new Error("Meta is undefined");
-      return C(t.value);
-    });
-    return (e, k) => (m(), n(c(e.form.Field), {
-      name: e.name,
+        throw console.log(e.name, Object.keys(e.form.meta), e.form.meta), new Error("Meta is undefined");
+      return k(t.value);
+    }), { formatMessage: f } = w(), o = (a) => a.replace(/([A-Z])/g, " $1").replace(/^./, (n) => n.toUpperCase()).trim(), d = () => e.form.i18nNamespace ? f({ id: `${e.form.i18nNamespace}.inputs.${e.name}`, defaultMessage: o(e.name) }) : o(e.name);
+    return (a, n) => (l(), s(h(a.form.Field), {
+      name: a.name,
       validators: {
-        onChange: i.value,
-        ...e.validators
+        onChange: u.value,
+        ...a.validators
       }
     }, {
-      default: l(({ field: p }) => [
-        t.value ? (m(), n(F, y({
+      default: i(({ field: c }) => [
+        t.value ? (l(), s(A, M({
           key: 0,
-          field: p,
-          label: e.label,
-          options: e.options,
+          field: c,
+          label: a.label ?? d(),
+          options: a.options,
           meta: t.value,
-          type: e.type
-        }, e.$attrs), {
-          default: l((u) => [
-            g(e.$slots, "default", h(b(u)))
+          type: a.type
+        }, a.$attrs), {
+          default: i((v) => [
+            $(a.$slots, "default", b(F(v)))
           ]),
           _: 3
-        }, 16, ["field", "label", "options", "meta", "type"])) : v("", !0)
+        }, 16, ["field", "label", "options", "meta", "type"])) : C("", !0)
       ]),
       _: 3
     }, 8, ["name", "validators"]));
   }
 });
 export {
-  P as default
+  j as default
 };

package/dist/vue-components.es9.js

@@ -1,6 +1,6 @@
-import { useForm as R } from "@tanstack/vue-form";
-import { S as A, Fiber as m, Effect as p } from "effect-app";
-import { runtimeFiberAsPromise as N } from "./vue-components.es22.js";
+import { useForm as I } from "@tanstack/vue-form";
+import { S as R, Fiber as m, Effect as p } from "effect-app";
+import { runtimeFiberAsPromise as A } from "./vue-components.es22.js";
 import { isObject as D } from "./vue-components.es23.js";
 import { computed as g, onUnmounted as J, onMounted as K, onBeforeUnmount as M, provide as q } from "vue";
 import x from "./vue-components.es6.js";
@@ -9,10 +9,10 @@ import { trace as V } from "./vue-components.es24.js";
 import { context as w } from "./vue-components.es25.js";
 const $ = Symbol("OmegaForm"), Y = (d, i, n) => {
   if (!d) throw new Error("Schema is required");
-  const j = A.standardSchemaV1(d), { filterItems: E, meta: c } = _(d), o = g(() => {
+  const j = R.standardSchemaV1(d), { filterItems: E, meta: l } = _(d), o = g(() => {
     if (n?.persistency?.id)
       return n.persistency.id;
-    const e = window.location.pathname, r = Object.keys(c);
+    const e = window.location.pathname, r = Object.keys(l);
     return `${e}-${r.join("-")}`;
   }), L = () => {
     const e = new URLSearchParams(window.location.search);
@@ -59,7 +59,7 @@ const $ = Symbol("OmegaForm"), Y = (d, i, n) => {
       const t = i?.defaultValues;
       return S(t, e);
     }
-  }), U = (e, r) => e ? w.with(V.setSpan(w.active(), e), r) : r(), a = R({
+  }), U = (e, r) => e ? w.with(V.setSpan(w.active(), e), r) : r(), a = I({
     ...i,
     validators: {
       onSubmit: j,
@@ -71,29 +71,29 @@ const $ = Symbol("OmegaForm"), Y = (d, i, n) => {
         meta: r,
         value: t
       });
-      return m.isFiber(s) && m.isRuntimeFiber(s) ? await N(s) : p.isEffect(s) ? await p.runPromise(
+      return m.isFiber(s) && m.isRuntimeFiber(s) ? await A(s) : p.isEffect(s) ? await p.runPromise(
         s.pipe(
           // meta?.currentSpan
           //   ? Effect.withParentSpan(meta.currentSpan)
           //   : (_) => _,
-          p.flatMap((l) => m.join(l))
+          p.flatMap((c) => m.join(c))
         )
       ) : s;
     }) : void 0,
     defaultValues: P.value
   }), F = () => {
-    Object.keys(c).forEach((e) => {
+    Object.keys(l).forEach((e) => {
       a.setFieldValue(e, void 0);
     });
   }, h = (e) => e.reduce((r, t) => {
     const s = t.split(".");
-    return s.reduce((l, u, I) => (I === s.length - 1 ? l[u] = a.getFieldValue(t) : l[u] = l[u] ?? {}, l[u]), r), r;
+    return s.reduce((c, u, O) => (O === s.length - 1 ? c[u] = a.getFieldValue(t) : c[u] = c[u] ?? {}, c[u]), r), r;
   }, {}), y = (e) => {
     if (e) {
       if (Array.isArray(e.keys))
         return h(e.keys);
       if (Array.isArray(e.banKeys)) {
-        const r = Object.keys(c).filter((t) => e.banKeys?.includes(t));
+        const r = Object.keys(l).filter((t) => e.banKeys?.includes(t));
         return h(r);
       }
       return a.store.state.values;
@@ -120,13 +120,14 @@ const $ = Symbol("OmegaForm"), Y = (d, i, n) => {
   }), M(() => {
     window.removeEventListener("beforeunload", f), window.removeEventListener("blur", v);
   });
-  const O = a.handleSubmit, b = Object.assign(a, {
-    meta: c,
+  const N = a.handleSubmit, b = Object.assign(a, {
+    i18nNamespace: n?.i18nNamespace,
+    meta: l,
     filterItems: E,
     clear: F,
     handleSubmit: (e) => {
       const r = V.getSpan(w.active());
-      return O({ currentSpan: r, ...e });
+      return N({ currentSpan: r, ...e });
     }
     // /** @experimental */
     // handleSubmitEffect: (meta?: Record<string, any>) =>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "0.20.6",
+  "version": "0.21.0",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "effect": "^3.17.13",
@@ -29,7 +29,7 @@
     "vitepress": "^1.6.4",
     "vitest": "^3.2.4",
     "vue-tsc": "^3.0.6",
-    "@effect-app/eslint-shared-config": "0.0.9"
+    "@effect-app/eslint-shared-config": "0.0.10"
   },
   "files": [
     "src",
@@ -48,7 +48,7 @@
     "@tanstack/vue-form": "^1.19.5",
     "highlight.js": "^11.11.1",
     "vue3-highlightjs": "^1.0.5",
-    "@effect-app/vue": "2.60.6",
+    "@effect-app/vue": "2.60.7",
     "effect-app": "3.3.6"
   },
   "scripts": {

package/src/components/OmegaForm/OmegaArray.vue

@@ -42,10 +42,8 @@
 <script
   setup
   lang="ts"
-  generic="
-  From extends Record<PropertyKey, any>,
-  To extends Record<PropertyKey, any>
-"
+  generic="From 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

@@ -15,10 +15,8 @@
 <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,11 +17,9 @@
 <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

@@ -11,10 +11,11 @@ export type ShowErrorsOn = "onChange" | "onBlur" | "onSubmit"
 export type OmegaInputProps<From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>> = {
   form: OmegaFormReturn<From, To> & {
     meta: MetaRecord<From>
+    i18nNamespace?: string
   }
   name: NestedKeyOf<From>
   validators?: FieldValidators<From>
-  label: string
+  label?: string
   options?: { title: string; value: string }[]
   type?: TypeOverride
 }

package/src/components/OmegaForm/OmegaInput.vue

@@ -11,7 +11,7 @@
       <OmegaInternalInput
         v-if="meta"
         :field="field"
-        :label="label"
+        :label="label ?? i18n()"
         :options="options"
         :meta="meta"
         :type="type"
@@ -28,14 +28,13 @@
 <script
   setup
   lang="ts"
-  generic="
-  From extends Record<PropertyKey, any>,
-  To extends Record<PropertyKey, any>
-"
+  generic="From extends Record<PropertyKey, any>,
+  To extends Record<PropertyKey, any>"
 >
 import { computed, inject, type Ref } from "vue"
 import { type FieldMeta, generateInputStandardSchemaFromFieldMeta, type OmegaInputProps } from "./OmegaFormStuff"
 import OmegaInternalInput from "./OmegaInternalInput.vue"
+import { useIntl } from "../../utils";
 
 const props = defineProps<OmegaInputProps<From, To>>()
 
@@ -62,4 +61,13 @@ const schema = computed(() => {
   }
   return generateInputStandardSchemaFromFieldMeta(meta.value)
 })
+
+const { formatMessage } = useIntl()
+const humanize = (str: string) => {
+  return str 
+    .replace(/([A-Z])/g, " $1") // Add space before capital letters
+    .replace(/^./, (char) => char.toUpperCase()) // Capitalize the first letter
+    .trim() // Remove leading/trailing spaces
+}
+const i18n = () => props.form.i18nNamespace ? formatMessage({id:`${props.form.i18nNamespace}.inputs.${props.name}`, defaultMessage: humanize(props.name)}) : humanize(props.name)
 </script>

package/src/components/OmegaForm/OmegaInputVuetify.vue

@@ -111,10 +111,8 @@
 <script
   setup
   lang="ts"
-  generic="
-  From extends Record<PropertyKey, any>,
-  Name extends DeepKeys<From>
-"
+  generic="From extends Record<PropertyKey, any>,
+  Name extends DeepKeys<From>"
 >
 import { type DeepKeys } from "@tanstack/vue-form"
 import type { InputProps } from "./InputProps"

package/src/components/OmegaForm/OmegaInternalInput.vue

@@ -17,10 +17,8 @@
 <script
   setup
   lang="ts"
-  generic="
-  From extends Record<PropertyKey, any>,
-  Name extends DeepKeys<From>
-"
+  generic="From extends Record<PropertyKey, any>,
+  Name extends DeepKeys<From>"
 >
 import { type DeepKeys, useStore } from "@tanstack/vue-form"
 import { computed, type ComputedRef, getCurrentInstance, nextTick, onMounted, ref, useId, watch, watchEffect } from "vue"
@@ -135,7 +133,7 @@ watch(
           // eslint-disable-next-line @typescript-eslint/no-explicit-any
           .map((e: any) => e.message)
           .filter(Boolean),
-        label: props.label
+        label: props.label,
       })
     } else {
       removeError(id)

package/src/components/OmegaForm/OmegaWrapper.vue

@@ -27,12 +27,10 @@
 <script
   setup
   lang="ts"
-  generic="
-  From extends Record<PropertyKey, any>,
+  generic="From extends Record<PropertyKey, any>,
   To extends Record<PropertyKey, any>,
   K extends keyof OmegaFormState<From, To> =
-    keyof OmegaFormState<From, To>
-"
+    keyof OmegaFormState<From, To>"
 >
 /**
  * Form component that wraps TanStack Form's useForm hook

package/src/components/OmegaForm/useOmegaForm.ts

@@ -22,6 +22,8 @@ type keysRule<T> =
   }
 
 export type OmegaConfig<T> = {
+  i18nNamespace?: string
+
   persistency?: {
     /** Order of importance:
      * - "querystring": Highest priority when persisting
@@ -37,6 +39,7 @@ interface OF<From, To> extends OmegaFormApi<From, To> {
   meta: MetaRecord<From>
   filterItems?: FilterItems
   clear: () => void
+  i18nNamespace?: string
   // /** @experimental */
   // handleSubmitEffect: (meta?: Record<string, any>) => Effect.Effect<void, never, never>
 }
@@ -330,6 +333,7 @@ export const useOmegaForm = <
 
   const handleSubmit = form.handleSubmit
   const formWithExtras: OF<From, To> = Object.assign(form, {
+    i18nNamespace: omegaConfig?.i18nNamespace,
     meta,
     filterItems,
     clear,