@effect-app/vue-components 4.0.0-beta.315 → 4.0.0-beta.317

package/dist/vue-components69.es.js

@@ -1,5 +1,29 @@
-import { TraceAPI as e } from "./vue-components68.es.js";
-//#region ../../node_modules/.pnpm/@opentelemetry+api@1.9.1/node_modules/@opentelemetry/api/build/esm/trace-api.js
-var t = e.getInstance();
+import { getGlobal as e, registerGlobal as t, unregisterGlobal as n } from "./vue-components51.es.js";
+import { DiagAPI as r } from "./vue-components55.es.js";
+import { deleteSpan as i, getActiveSpan as a, getSpan as o, getSpanContext as s, setSpan as c, setSpanContext as l } from "./vue-components62.es.js";
+import { isSpanContextValid as u, wrapSpanContext as d } from "./vue-components63.es.js";
+import { ProxyTracerProvider as f } from "./vue-components67.es.js";
+//#region ../../node_modules/.pnpm/@opentelemetry+api@1.9.1/node_modules/@opentelemetry/api/build/esm/api/trace.js
+var p = "trace", m = class m {
+	constructor() {
+		this._proxyTracerProvider = new f(), this.wrapSpanContext = d, this.isSpanContextValid = u, this.deleteSpan = i, this.getSpan = o, this.getActiveSpan = a, this.getSpanContext = s, this.setSpan = c, this.setSpanContext = l;
+	}
+	static getInstance() {
+		return this._instance ||= new m(), this._instance;
+	}
+	setGlobalTracerProvider(e) {
+		let n = t(p, this._proxyTracerProvider, r.instance());
+		return n && this._proxyTracerProvider.setDelegate(e), n;
+	}
+	getTracerProvider() {
+		return e(p) || this._proxyTracerProvider;
+	}
+	getTracer(e, t) {
+		return this.getTracerProvider().getTracer(e, t);
+	}
+	disable() {
+		n(p, r.instance()), this._proxyTracerProvider = new f();
+	}
+};
 //#endregion
-export { t as trace };
+export { m as TraceAPI };

package/dist/vue-components70.es.js

@@ -1,43 +1,5 @@
-import { context as e } from "./vue-components67.es.js";
-import { trace as t } from "./vue-components69.es.js";
-import * as n from "effect-app/Option";
-import * as r from "effect-app/Effect";
-import { runtimeFiberAsPromise as i } from "effect-app/utils";
-import * as a from "effect/Data";
-import * as o from "effect/Fiber";
-//#region src/components/OmegaForm/submit.ts
-var s = class extends a.TaggedError("FormErrors") {}, c = (n, r) => n ? e.with(t.setSpan(e.active(), n), r) : r(), l = (e, t, n) => {
-	if (e) return ({ formApi: a, meta: s, value: l }) => c(s?.currentSpan, async () => {
-		let c = e({
-			formApi: a,
-			meta: s,
-			value: await n(t(l))
-		});
-		if (o.isFiber(c)) return await i(c);
-		if (r.isEffect(c)) {
-			let e = await n(c);
-			return o.isFiber(e) ? await i(e) : e;
-		}
-		return c;
-	});
-}, u = (i) => {
-	let a = i.handleSubmit.bind(i), o = async (e) => await a(e), c = (n) => o({
-		currentSpan: t.getSpan(e.active()),
-		...n
-	}), l = (e) => r.currentSpan.pipe(r.option, r.flatMap((t) => r.promise(() => o(n.isSome(t) ? {
-		currentSpan: t.value,
-		...e
-	} : e))));
-	return {
-		handleSubmit: c,
-		handleSubmitEffect: (e) => e?.checkErrors ? l(e?.meta).pipe(r.flatMap(r.fnUntraced(function* () {
-			let e = i.getAllErrors();
-			if (Object.keys(e.fields).length || e.form.errors.length) return yield* r.fail(new s({
-				form: e.form,
-				fields: e.fields
-			}));
-		}))) : l(e?.meta)
-	};
-};
+import { TraceAPI as e } from "./vue-components69.es.js";
+//#region ../../node_modules/.pnpm/@opentelemetry+api@1.9.1/node_modules/@opentelemetry/api/build/esm/trace-api.js
+var t = e.getInstance();
 //#endregion
-export { s as FormErrors, u as makeSubmitHandlers, l as wrapOnSubmit };
+export { t as trace };

package/dist/vue-components71.es.js

@@ -1,101 +1,43 @@
-import { useIntl as e } from "./vue-components6.es.js";
-import { generateMetaFromSchema as t, unwrapDeclaration as n } from "./vue-components16.es.js";
-import { defaultsValueFromSchema as r, fillNestedDefaults as i } from "./vue-components17.es.js";
-import { toFormSchema as a } from "./vue-components18.es.js";
-import { usePersistency as o } from "./vue-components20.es.js";
-import { annotateLiteralUnionMessages as s, toLocalizedStandardSchemaV1 as c } from "./vue-components21.es.js";
-import { eHoc as l, makeFieldMap as u } from "./vue-components22.es.js";
-import { fHoc as d } from "./vue-components23.es.js";
-import f from "./vue-components25.es.js";
-import p from "./vue-components27.es.js";
-import m from "./vue-components31.es.js";
-import h from "./vue-components39.es.js";
-import g from "./vue-components43.es.js";
-import _ from "./vue-components47.es.js";
-import { makeSubmitHandlers as v, wrapOnSubmit as y } from "./vue-components70.es.js";
-import { watch as b } from "vue";
-import * as x from "effect-app/Schema";
-import { revalidateLogic as S, useForm as C } from "@tanstack/vue-form";
-import * as w from "effect-app/Context";
-import { makeRunPromise as T } from "@effect-app/vue/runtime";
-//#region src/components/OmegaForm/useOmegaForm.ts
-var E = Symbol("OmegaForm"), D = T(w.empty()), O = (w, T, E) => {
-	if (!w) throw Error("Schema is required");
-	let { trans: O } = e(), k = a(w), A = s(k, O), j = n(k.ast), M = (e) => i(j, e), N = c(A, O), P = {
-		...N,
-		"~standard": {
-			...N["~standard"],
-			validate: (e) => N["~standard"].validate(M(e))
+import { context as e } from "./vue-components68.es.js";
+import { trace as t } from "./vue-components70.es.js";
+import * as n from "effect-app/Option";
+import * as r from "effect-app/Effect";
+import { runtimeFiberAsPromise as i } from "effect-app/utils";
+import * as a from "effect/Data";
+import * as o from "effect/Fiber";
+//#region src/components/OmegaForm/submit.ts
+var s = class extends a.TaggedError("FormErrors") {}, c = (n, r) => n ? e.with(t.setSpan(e.active(), n), r) : r(), l = (e, t, n) => {
+	if (e) return ({ formApi: a, meta: s, value: l }) => c(s?.currentSpan, async () => {
+		let c = e({
+			formApi: a,
+			meta: s,
+			value: await n(t(l))
+		});
+		if (o.isFiber(c)) return await i(c);
+		if (r.isEffect(c)) {
+			let e = await n(c);
+			return o.isFiber(e) ? await i(e) : e;
 		}
-	}, F = x.decodeUnknownEffectConcurrently(k), I = (e) => F(M(e)), { meta: L, unionMeta: R } = t(k), z = { form: void 0 }, B = o({
-		meta: L,
-		persistency: E?.persistency,
-		preventWindowExit: E?.preventWindowExit,
-		defaultValuesPriority: E?.defaultValuesPriority,
-		tanstackDefaultValues: T?.defaultValues,
-		schemaDefaultValues: () => r(w),
-		getForm: () => z.form
-	}), V = C({
-		...T,
-		validationLogic: S(),
-		validators: {
-			onDynamic: P,
-			...T?.validators
-		},
-		onSubmit: y(T?.onSubmit, I, D),
-		defaultValues: B.defaultValues.value
+		return c;
 	});
-	z.form = V;
-	let H = () => {
-		let e = V.state.values, t = i(j, e);
-		if (t === e || !t || typeof t != "object") return;
-		let n = e, r = t;
-		for (let e of Object.keys(r)) if (r[e] !== n[e]) {
-			let t = e;
-			V.setFieldValue(t, r[e], {
-				dontUpdateMeta: !0,
-				dontValidate: !0
-			});
-		}
-	}, U = () => {
-		Object.keys(L).forEach((e) => {
-			V.setFieldValue(e, void 0);
-		});
+}, u = (i) => {
+	let a = i.handleSubmit.bind(i), o = async (e) => await a(e), c = (n) => o({
+		currentSpan: t.getSpan(e.active()),
+		...n
+	}), l = (e) => r.currentSpan.pipe(r.option, r.flatMap((t) => r.promise(() => o(n.isSome(t) ? {
+		currentSpan: t.value,
+		...e
+	} : e))));
+	return {
+		handleSubmit: c,
+		handleSubmitEffect: (e) => e?.checkErrors ? l(e?.meta).pipe(r.flatMap(r.fnUntraced(function* () {
+			let e = i.getAllErrors();
+			if (Object.keys(e.fields).length || e.form.errors.length) return yield* r.fail(new s({
+				form: e.form,
+				fields: e.fields
+			}));
+		}))) : l(e?.meta)
 	};
-	if (E?.preventWindowExit === "prevent-and-reset") {
-		let e = V.useStore((e) => e.isSubmitting), t = V.useStore((e) => e.submissionAttempts), n = V.useStore((e) => e.canSubmit), r = V.useStore((e) => e.values);
-		b([e, t], ([e, t], [i]) => {
-			i && !e && t > 0 && n.value && V.reset(r.value);
-		});
-	}
-	let { handleSubmit: W, handleSubmitEffect: G } = v(V), { fieldMap: K, registerField: q } = u(), J = Object.assign(V, {
-		i18nNamespace: E?.i18nNamespace,
-		ignorePreventCloseEvents: E?.ignorePreventCloseEvents,
-		inputs: E?.inputs,
-		meta: L,
-		unionMeta: R,
-		clear: U,
-		normalizeNullableStructs: H,
-		handleSubmit: W,
-		handleSubmitEffect: G,
-		registerField: q
-	}), Y = {
-		form: J,
-		fieldMap: K
-	};
-	return Object.assign(J, {
-		_paths: void 0,
-		_keys: void 0,
-		_schema: w,
-		errorContext: Y,
-		Form: d(J)(_),
-		Input: d(J)(E?.input ?? h),
-		TaggedUnion: d(J)(g),
-		Field: V.Field,
-		Errors: l(Y)(m),
-		Array: d(J)(f),
-		AutoGen: d(J)(p)
-	});
 };
 //#endregion
-export { E as OmegaFormKey, O as useOmegaForm };
+export { s as FormErrors, u as makeSubmitHandlers, l as wrapOnSubmit };

package/dist/vue-components72.es.js

@@ -1,36 +1,101 @@
-import e from "./vue-components39.es.js";
-import { useOmegaForm as t } from "./vue-components71.es.js";
-import { h as n } from "vue";
-//#region src/components/OmegaForm/createUseFormWithCustomInput.ts
-var r = (r) => (i, a, o) => {
-	let s = {
-		name: "WrappedInput",
-		inheritAttrs: !1,
-		setup(t, { attrs: i, slots: a }) {
-			return () => n(e, {
-				...t,
-				...i
-			}, {
-				default: ({ field: e, state: t, ...s }) => {
-					let c = Object.fromEntries(Object.entries(i).filter(([e]) => !Object.prototype.hasOwnProperty.call(s, e) && e !== "form"));
-					return n(o?.inputs?.[s.type] ?? r, {
-						...c,
-						field: e,
-						state: t,
-						inputProps: s
-					}, {
-						...a.label && { label: (e) => a.label(e) },
-						...a.default && { default: (e) => a.default(e) }
-					});
-				},
-				...a.label && { label: (e) => a.label(e) }
+import { useIntl as e } from "./vue-components6.es.js";
+import { generateMetaFromSchema as t, unwrapDeclaration as n } from "./vue-components16.es.js";
+import { defaultsValueFromSchema as r, fillNestedDefaults as i } from "./vue-components17.es.js";
+import { toFormSchema as a } from "./vue-components18.es.js";
+import { usePersistency as o } from "./vue-components20.es.js";
+import { annotateLiteralUnionMessages as s, toLocalizedStandardSchemaV1 as c } from "./vue-components21.es.js";
+import { eHoc as l, makeFieldMap as u } from "./vue-components22.es.js";
+import { fHoc as d } from "./vue-components23.es.js";
+import f from "./vue-components25.es.js";
+import p from "./vue-components27.es.js";
+import m from "./vue-components31.es.js";
+import h from "./vue-components40.es.js";
+import g from "./vue-components44.es.js";
+import _ from "./vue-components48.es.js";
+import { makeSubmitHandlers as v, wrapOnSubmit as y } from "./vue-components71.es.js";
+import { watch as b } from "vue";
+import * as x from "effect-app/Schema";
+import { revalidateLogic as S, useForm as C } from "@tanstack/vue-form";
+import * as w from "effect-app/Context";
+import { makeRunPromise as T } from "@effect-app/vue/runtime";
+//#region src/components/OmegaForm/useOmegaForm.ts
+var E = Symbol("OmegaForm"), D = T(w.empty()), O = (w, T, E) => {
+	if (!w) throw Error("Schema is required");
+	let { trans: O } = e(), k = a(w), A = s(k, O), j = n(k.ast), M = (e) => i(j, e), N = c(A, O), P = {
+		...N,
+		"~standard": {
+			...N["~standard"],
+			validate: (e) => N["~standard"].validate(M(e))
+		}
+	}, F = x.decodeUnknownEffectConcurrently(k), I = (e) => F(M(e)), { meta: L, unionMeta: R } = t(k), z = { form: void 0 }, B = o({
+		meta: L,
+		persistency: E?.persistency,
+		preventWindowExit: E?.preventWindowExit,
+		defaultValuesPriority: E?.defaultValuesPriority,
+		tanstackDefaultValues: T?.defaultValues,
+		schemaDefaultValues: () => r(w),
+		getForm: () => z.form
+	}), V = C({
+		...T,
+		validationLogic: S(),
+		validators: {
+			onDynamic: P,
+			...T?.validators
+		},
+		onSubmit: y(T?.onSubmit, I, D),
+		defaultValues: B.defaultValues.value
+	});
+	z.form = V;
+	let H = () => {
+		let e = V.state.values, t = i(j, e);
+		if (t === e || !t || typeof t != "object") return;
+		let n = e, r = t;
+		for (let e of Object.keys(r)) if (r[e] !== n[e]) {
+			let t = e;
+			V.setFieldValue(t, r[e], {
+				dontUpdateMeta: !0,
+				dontValidate: !0
 			});
 		}
+	}, U = () => {
+		Object.keys(L).forEach((e) => {
+			V.setFieldValue(e, void 0);
+		});
+	};
+	if (E?.preventWindowExit === "prevent-and-reset") {
+		let e = V.useStore((e) => e.isSubmitting), t = V.useStore((e) => e.submissionAttempts), n = V.useStore((e) => e.canSubmit), r = V.useStore((e) => e.values);
+		b([e, t], ([e, t], [i]) => {
+			i && !e && t > 0 && n.value && V.reset(r.value);
+		});
+	}
+	let { handleSubmit: W, handleSubmitEffect: G } = v(V), { fieldMap: K, registerField: q } = u(), J = Object.assign(V, {
+		i18nNamespace: E?.i18nNamespace,
+		ignorePreventCloseEvents: E?.ignorePreventCloseEvents,
+		inputs: E?.inputs,
+		meta: L,
+		unionMeta: R,
+		clear: U,
+		normalizeNullableStructs: H,
+		handleSubmit: W,
+		handleSubmitEffect: G,
+		registerField: q
+	}), Y = {
+		form: J,
+		fieldMap: K
 	};
-	return t(i, a, {
-		...o,
-		input: s
+	return Object.assign(J, {
+		_paths: void 0,
+		_keys: void 0,
+		_schema: w,
+		errorContext: Y,
+		Form: d(J)(_),
+		Input: d(J)(E?.input ?? h),
+		TaggedUnion: d(J)(g),
+		Field: V.Field,
+		Errors: l(Y)(m),
+		Array: d(J)(f),
+		AutoGen: d(J)(p)
 	});
 };
 //#endregion
-export { r as createUseFormWithCustomInput };
+export { E as OmegaFormKey, O as useOmegaForm };

package/dist/vue-components73.es.js

@@ -1,19 +1,36 @@
-import "./vue-components8.es.js";
-import "./vue-components13.es.js";
-import "./vue-components16.es.js";
-import "./vue-components17.es.js";
-import "./vue-components18.es.js";
-import "./vue-components20.es.js";
-import "./vue-components21.es.js";
-import "./vue-components22.es.js";
-import "./vue-components37.es.js";
-import "./vue-components39.es.js";
-import "./vue-components41.es.js";
-import "./vue-components43.es.js";
-import "./vue-components70.es.js";
-import "./vue-components71.es.js";
-import "./vue-components72.es.js";
-//#region src/components/OmegaForm/index.ts
-var e = (e) => e;
+import e from "./vue-components40.es.js";
+import { useOmegaForm as t } from "./vue-components72.es.js";
+import { h as n } from "vue";
+//#region src/components/OmegaForm/createUseFormWithCustomInput.ts
+var r = (r) => (i, a, o) => {
+	let s = {
+		name: "WrappedInput",
+		inheritAttrs: !1,
+		setup(t, { attrs: i, slots: a }) {
+			return () => n(e, {
+				...t,
+				...i
+			}, {
+				default: ({ field: e, state: t, ...s }) => {
+					let c = Object.fromEntries(Object.entries(i).filter(([e]) => !Object.prototype.hasOwnProperty.call(s, e) && e !== "form"));
+					return n(o?.inputs?.[s.type] ?? r, {
+						...c,
+						field: e,
+						state: t,
+						inputProps: s
+					}, {
+						...a.label && { label: (e) => a.label(e) },
+						...a.default && { default: (e) => a.default(e) }
+					});
+				},
+				...a.label && { label: (e) => a.label(e) }
+			});
+		}
+	};
+	return t(i, a, {
+		...o,
+		input: s
+	});
+};
 //#endregion
-export { e as duplicateSchema };
+export { r as createUseFormWithCustomInput };

package/dist/vue-components74.es.js

@@ -1,50 +1,19 @@
-import { __exportAll as e } from "./vue-components2.es.js";
-import t from "./vue-components4.es.js";
-import { useOnClose as n, usePreventClose as r } from "./vue-components8.es.js";
-import i from "./vue-components10.es.js";
-import a from "./vue-components12.es.js";
-import { getInputType as o } from "./vue-components13.es.js";
-import { createMeta as s, generateMetaFromSchema as c, isNullableOrUndefined as l, metadataFromAst as u } from "./vue-components16.es.js";
-import { defaultsValueFromSchema as d } from "./vue-components17.es.js";
-import { toFormSchema as f } from "./vue-components18.es.js";
-import { deepMerge as p } from "./vue-components20.es.js";
-import { makeStandardSchemaV1Hooks as m, toLocalizedStandardSchemaV1 as h } from "./vue-components21.es.js";
-import { useErrorLabel as g } from "./vue-components22.es.js";
-import _ from "./vue-components37.es.js";
-import v from "./vue-components39.es.js";
-import y from "./vue-components41.es.js";
-import b from "./vue-components43.es.js";
-import { FormErrors as x } from "./vue-components70.es.js";
-import { OmegaFormKey as S, useOmegaForm as C } from "./vue-components71.es.js";
-import { createUseFormWithCustomInput as w } from "./vue-components72.es.js";
-import { duplicateSchema as T } from "./vue-components73.es.js";
-//#region src/components/index.ts
-var E = /* @__PURE__ */ e({
-	CommandButton: () => t,
-	Dialog: () => i,
-	FixedNuxtErrorBoundary: () => a,
-	FormErrors: () => x,
-	OmegaFormKey: () => S,
-	OmegaInput: () => v,
-	OmegaTaggedUnion: () => b,
-	OmegaTaggedUnionInternal: () => y,
-	OmegaVuetifyInput: () => _,
-	createMeta: () => s,
-	createUseFormWithCustomInput: () => w,
-	deepMerge: () => p,
-	defaultsValueFromSchema: () => d,
-	duplicateSchema: () => T,
-	generateMetaFromSchema: () => c,
-	getInputType: () => o,
-	isNullableOrUndefined: () => l,
-	makeStandardSchemaV1Hooks: () => m,
-	metadataFromAst: () => u,
-	toFormSchema: () => f,
-	toLocalizedStandardSchemaV1: () => h,
-	useErrorLabel: () => g,
-	useOmegaForm: () => C,
-	useOnClose: () => n,
-	usePreventClose: () => r
-});
+import "./vue-components8.es.js";
+import "./vue-components13.es.js";
+import "./vue-components16.es.js";
+import "./vue-components17.es.js";
+import "./vue-components18.es.js";
+import "./vue-components20.es.js";
+import "./vue-components21.es.js";
+import "./vue-components22.es.js";
+import "./vue-components38.es.js";
+import "./vue-components40.es.js";
+import "./vue-components42.es.js";
+import "./vue-components44.es.js";
+import "./vue-components71.es.js";
+import "./vue-components72.es.js";
+import "./vue-components73.es.js";
+//#region src/components/OmegaForm/index.ts
+var e = (e) => e;
 //#endregion
-export { E as components_exports };
+export { e as duplicateSchema };

package/dist/vue-components75.es.js

@@ -0,0 +1,50 @@
+import { __exportAll as e } from "./vue-components2.es.js";
+import t from "./vue-components4.es.js";
+import { useOnClose as n, usePreventClose as r } from "./vue-components8.es.js";
+import i from "./vue-components10.es.js";
+import a from "./vue-components12.es.js";
+import { getInputType as o } from "./vue-components13.es.js";
+import { createMeta as s, generateMetaFromSchema as c, isNullableOrUndefined as l, metadataFromAst as u } from "./vue-components16.es.js";
+import { defaultsValueFromSchema as d } from "./vue-components17.es.js";
+import { toFormSchema as f } from "./vue-components18.es.js";
+import { deepMerge as p } from "./vue-components20.es.js";
+import { makeStandardSchemaV1Hooks as m, toLocalizedStandardSchemaV1 as h } from "./vue-components21.es.js";
+import { useErrorLabel as g } from "./vue-components22.es.js";
+import _ from "./vue-components38.es.js";
+import v from "./vue-components40.es.js";
+import y from "./vue-components42.es.js";
+import b from "./vue-components44.es.js";
+import { FormErrors as x } from "./vue-components71.es.js";
+import { OmegaFormKey as S, useOmegaForm as C } from "./vue-components72.es.js";
+import { createUseFormWithCustomInput as w } from "./vue-components73.es.js";
+import { duplicateSchema as T } from "./vue-components74.es.js";
+//#region src/components/index.ts
+var E = /* @__PURE__ */ e({
+	CommandButton: () => t,
+	Dialog: () => i,
+	FixedNuxtErrorBoundary: () => a,
+	FormErrors: () => x,
+	OmegaFormKey: () => S,
+	OmegaInput: () => v,
+	OmegaTaggedUnion: () => b,
+	OmegaTaggedUnionInternal: () => y,
+	OmegaVuetifyInput: () => _,
+	createMeta: () => s,
+	createUseFormWithCustomInput: () => w,
+	deepMerge: () => p,
+	defaultsValueFromSchema: () => d,
+	duplicateSchema: () => T,
+	generateMetaFromSchema: () => c,
+	getInputType: () => o,
+	isNullableOrUndefined: () => l,
+	makeStandardSchemaV1Hooks: () => m,
+	metadataFromAst: () => u,
+	toFormSchema: () => f,
+	toLocalizedStandardSchemaV1: () => h,
+	useErrorLabel: () => g,
+	useOmegaForm: () => C,
+	useOnClose: () => n,
+	usePreventClose: () => r
+});
+//#endregion
+export { E as components_exports };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "4.0.0-beta.315",
+  "version": "4.0.0-beta.317",
   "repository": {
     "type": "git",
     "url": "https://github.com/effect-app/libs.git",
@@ -62,8 +62,8 @@
     "highlight.js": "^11.11.1",
     "mitt": "^3.0.1",
     "vue3-highlightjs": "^1.0.5",
-    "@effect-app/vue": "4.0.0-beta.315",
-    "effect-app": "4.0.0-beta.315"
+    "@effect-app/vue": "4.0.0-beta.317",
+    "effect-app": "4.0.0-beta.317"
   },
   "scripts": {
     "check": "vue-tsc",

package/src/components/OmegaForm/OmegaInputVuetify.vue

@@ -91,7 +91,9 @@
          silently withholds out-of-range values from the model (so schema errors
          would never show) and clamps on blur. Validation stays schema-driven; the
          bounds are exposed to AT via the spinbutton ARIA attrs, which fall through
-         to the native input. -->
+         to the native input. Same reasoning for precision: Vuetify's default (0)
+         would silently block decimals, so it's forced to null and typing 1.5 into
+         an int field shows the schema error instead. -->
     <v-number-input
       v-if="inputProps.type === 'number'"
       :id="inputProps.id"
@@ -104,10 +106,11 @@
       :label="inputProps.label"
       :error-messages="inputProps.errorMessages"
       :error="inputProps.error"
-      :precision="inputProps.refinement === 'int' ? 0 : null"
+      :precision="null"
       control-variant="stacked"
       v-bind="$attrs"
       :model-value="state.value as any"
+      @beforeinput.capture="onNumberBeforeinput"
       @update:model-value="(v: number | null) => field.handleChange((v ?? undefined) as any)"
     >
       <template
@@ -270,7 +273,9 @@
   generic="From extends Record<PropertyKey, any>, Name extends DeepKeys<From>"
 >
 import { type DeepKeys } from "@tanstack/vue-form"
-import { computed, watchEffect } from "vue"
+import { computed, useAttrs, watchEffect } from "vue"
+import { useLocale } from "vuetify"
+import { handleDecimalSeparatorBeforeinput } from "./decimalSeparatorInput"
 import type { VuetifyInputProps } from "./InputProps"
 import { getInputType } from "./inputs"
 import { typeOverrides } from "./types"
@@ -286,6 +291,26 @@ defineOptions({
   inheritAttrs: false
 })
 
+const attrs = useAttrs()
+// useLocale throws outside a Vuetify app (e.g. tests mounting with stubbed
+// vuetify components); numbers then fall back to the "." separator.
+const localeDecimalSeparator = (() => {
+  try {
+    return useLocale().decimalSeparator
+  } catch {
+    return undefined
+  }
+})()
+
+// Mirrors VNumberInput's own resolution: an explicit decimal-separator attr
+// wins, otherwise the locale decides.
+const decimalSeparator = computed(() => {
+  const explicit = (attrs["decimal-separator"] ?? attrs["decimalSeparator"]) as string | undefined
+  return explicit?.[0] || localeDecimalSeparator?.value || "."
+})
+
+const onNumberBeforeinput = (e: Event) => handleDecimalSeparatorBeforeinput(e as InputEvent, decimalSeparator.value)
+
 // True when no dedicated branch handles `inputProps.type` (it's outside the
 // built-in `typeOverrides`): the fallback text input renders and we warn.
 const isUnhandledType = computed(() => !(typeOverrides as readonly string[]).includes(props.inputProps.type))

package/src/components/OmegaForm/decimalSeparatorInput.ts

@@ -0,0 +1,38 @@
+const escapeForRegex = (s: string) => s.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")
+
+/**
+ * VNumberInput only accepts the active decimal separator and silently drops
+ * the other one while typing. Attached in capture phase on the component
+ * root, this handler lets users type either "." or ",": the wrong character
+ * is translated to the active separator before Vuetify's own beforeinput
+ * filter can reject it.
+ *
+ * No validation beyond Vuetify's own single-separator typing rule: OmegaForm
+ * deliberately lets out-of-schema values through so schema errors show,
+ * instead of silently blocking input (same reasoning as min/max not being
+ * passed as props).
+ */
+export const handleDecimalSeparatorBeforeinput = (e: InputEvent, separator: string) => {
+  if (!e.data) return
+  // The active separator may be any single char (locale or explicit prop,
+  // e.g. "٫"); everything from [".", ","] that isn't it gets translated.
+  const wrongs = [".", ","].filter((c) => c !== separator)
+  if (!wrongs.some((c) => e.data!.includes(c))) return
+
+  const input = e.target as HTMLInputElement
+  e.preventDefault()
+  e.stopPropagation()
+
+  const data = wrongs.reduce((acc, c) => acc.replaceAll(c, separator), e.data)
+  const start = input.selectionStart ?? input.value.length
+  const end = input.selectionEnd ?? input.value.length
+  const next = input.value.slice(0, start) + data + input.value.slice(end)
+  // Mirrors Vuetify's own typing filter: at most one separator, "-" only at
+  // the start. A second separator would only produce an unparseable string.
+  if (!new RegExp(`^-?\\d*${escapeForRegex(separator)}?\\d*$`).test(next)) return
+
+  input.value = next
+  const cursor = start + data.length
+  input.setSelectionRange(cursor, cursor)
+  input.dispatchEvent(new Event("input", { bubbles: true }))
+}