@effect-app/vue-components 4.0.0-beta.282 → 4.0.0-beta.284

package/dist/vue-components67.es.js

@@ -1,43 +1,5 @@
-import { context as e } from "./vue-components64.es.js";
-import { trace as t } from "./vue-components66.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-components66.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-components68.es.js

@@ -1,100 +1,43 @@
-import { useIntl as e } from "./vue-components6.es.js";
-import { generateMetaFromSchema as t, unwrapDeclaration as n } from "./vue-components14.es.js";
-import { defaultsValueFromSchema as r, fillNestedDefaults as i } from "./vue-components15.es.js";
-import { toFormSchema as a } from "./vue-components16.es.js";
-import { usePersistency as o } from "./vue-components18.es.js";
-import { annotateLiteralUnionMessages as s, toLocalizedStandardSchemaV1 as c } from "./vue-components19.es.js";
-import { eHoc as l, makeFieldMap as u } from "./vue-components20.es.js";
-import { fHoc as d } from "./vue-components21.es.js";
-import f from "./vue-components23.es.js";
-import p from "./vue-components25.es.js";
-import m from "./vue-components29.es.js";
-import h from "./vue-components36.es.js";
-import g from "./vue-components40.es.js";
-import _ from "./vue-components44.es.js";
-import { makeSubmitHandlers as v, wrapOnSubmit as y } from "./vue-components67.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-components65.es.js";
+import { trace as t } from "./vue-components67.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,
-		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-components69.es.js

@@ -1,33 +1,101 @@
-import e from "./vue-components36.es.js";
-import { useOmegaForm as t } from "./vue-components68.es.js";
-import { h as n } from "vue";
-//#region src/components/OmegaForm/createUseFormWithCustomInput.ts
-var r = (r) => (...i) => {
-	let [a, o, s] = i, c = {
-		name: "WrappedInput",
-		inheritAttrs: !1,
-		setup(t, { attrs: i, slots: a }) {
-			return () => n(e, {
-				...t,
-				...i
-			}, {
-				default: ({ field: e, state: t, ...o }) => n(r, {
-					...Object.fromEntries(Object.entries(i).filter(([e]) => !Object.prototype.hasOwnProperty.call(o, e) && e !== "form")),
-					field: e,
-					state: t,
-					inputProps: o
-				}, {
-					...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-components14.es.js";
+import { defaultsValueFromSchema as r, fillNestedDefaults as i } from "./vue-components15.es.js";
+import { toFormSchema as a } from "./vue-components16.es.js";
+import { usePersistency as o } from "./vue-components18.es.js";
+import { annotateLiteralUnionMessages as s, toLocalizedStandardSchemaV1 as c } from "./vue-components19.es.js";
+import { eHoc as l, makeFieldMap as u } from "./vue-components20.es.js";
+import { fHoc as d } from "./vue-components21.es.js";
+import f from "./vue-components23.es.js";
+import p from "./vue-components25.es.js";
+import m from "./vue-components29.es.js";
+import h from "./vue-components37.es.js";
+import g from "./vue-components41.es.js";
+import _ from "./vue-components45.es.js";
+import { makeSubmitHandlers as v, wrapOnSubmit as y } from "./vue-components68.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(a, o, {
-		...s,
-		input: c
+	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-components70.es.js

@@ -1,19 +1,36 @@
-import "./vue-components8.es.js";
-import "./vue-components11.es.js";
-import "./vue-components14.es.js";
-import "./vue-components15.es.js";
-import "./vue-components16.es.js";
-import "./vue-components18.es.js";
-import "./vue-components19.es.js";
-import "./vue-components20.es.js";
-import "./vue-components34.es.js";
-import "./vue-components36.es.js";
-import "./vue-components38.es.js";
-import "./vue-components40.es.js";
-import "./vue-components67.es.js";
-import "./vue-components68.es.js";
-import "./vue-components69.es.js";
-//#region src/components/OmegaForm/index.ts
-var e = (e) => e;
+import e from "./vue-components37.es.js";
+import { useOmegaForm as t } from "./vue-components69.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-components71.es.js

@@ -1,48 +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 { getInputType as a } from "./vue-components11.es.js";
-import { createMeta as o, generateMetaFromSchema as s, isNullableOrUndefined as c, metadataFromAst as l } from "./vue-components14.es.js";
-import { defaultsValueFromSchema as u } from "./vue-components15.es.js";
-import { toFormSchema as d } from "./vue-components16.es.js";
-import { deepMerge as f } from "./vue-components18.es.js";
-import { makeStandardSchemaV1Hooks as p, toLocalizedStandardSchemaV1 as m } from "./vue-components19.es.js";
-import { useErrorLabel as h } from "./vue-components20.es.js";
-import g from "./vue-components34.es.js";
-import _ from "./vue-components36.es.js";
-import v from "./vue-components38.es.js";
-import y from "./vue-components40.es.js";
-import { FormErrors as b } from "./vue-components67.es.js";
-import { OmegaFormKey as x, useOmegaForm as S } from "./vue-components68.es.js";
-import { createUseFormWithCustomInput as C } from "./vue-components69.es.js";
-import { duplicateSchema as w } from "./vue-components70.es.js";
-//#region src/components/index.ts
-var T = /* @__PURE__ */ e({
-	CommandButton: () => t,
-	Dialog: () => i,
-	FormErrors: () => b,
-	OmegaFormKey: () => x,
-	OmegaInput: () => _,
-	OmegaTaggedUnion: () => y,
-	OmegaTaggedUnionInternal: () => v,
-	OmegaVuetifyInput: () => g,
-	createMeta: () => o,
-	createUseFormWithCustomInput: () => C,
-	deepMerge: () => f,
-	defaultsValueFromSchema: () => u,
-	duplicateSchema: () => w,
-	generateMetaFromSchema: () => s,
-	getInputType: () => a,
-	isNullableOrUndefined: () => c,
-	makeStandardSchemaV1Hooks: () => p,
-	metadataFromAst: () => l,
-	toFormSchema: () => d,
-	toLocalizedStandardSchemaV1: () => m,
-	useErrorLabel: () => h,
-	useOmegaForm: () => S,
-	useOnClose: () => n,
-	usePreventClose: () => r
-});
+import "./vue-components8.es.js";
+import "./vue-components11.es.js";
+import "./vue-components14.es.js";
+import "./vue-components15.es.js";
+import "./vue-components16.es.js";
+import "./vue-components18.es.js";
+import "./vue-components19.es.js";
+import "./vue-components20.es.js";
+import "./vue-components35.es.js";
+import "./vue-components37.es.js";
+import "./vue-components39.es.js";
+import "./vue-components41.es.js";
+import "./vue-components68.es.js";
+import "./vue-components69.es.js";
+import "./vue-components70.es.js";
+//#region src/components/OmegaForm/index.ts
+var e = (e) => e;
 //#endregion
-export { T as components_exports };
+export { e as duplicateSchema };

package/dist/vue-components72.es.js

@@ -0,0 +1,48 @@
+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 { getInputType as a } from "./vue-components11.es.js";
+import { createMeta as o, generateMetaFromSchema as s, isNullableOrUndefined as c, metadataFromAst as l } from "./vue-components14.es.js";
+import { defaultsValueFromSchema as u } from "./vue-components15.es.js";
+import { toFormSchema as d } from "./vue-components16.es.js";
+import { deepMerge as f } from "./vue-components18.es.js";
+import { makeStandardSchemaV1Hooks as p, toLocalizedStandardSchemaV1 as m } from "./vue-components19.es.js";
+import { useErrorLabel as h } from "./vue-components20.es.js";
+import g from "./vue-components35.es.js";
+import _ from "./vue-components37.es.js";
+import v from "./vue-components39.es.js";
+import y from "./vue-components41.es.js";
+import { FormErrors as b } from "./vue-components68.es.js";
+import { OmegaFormKey as x, useOmegaForm as S } from "./vue-components69.es.js";
+import { createUseFormWithCustomInput as C } from "./vue-components70.es.js";
+import { duplicateSchema as w } from "./vue-components71.es.js";
+//#region src/components/index.ts
+var T = /* @__PURE__ */ e({
+	CommandButton: () => t,
+	Dialog: () => i,
+	FormErrors: () => b,
+	OmegaFormKey: () => x,
+	OmegaInput: () => _,
+	OmegaTaggedUnion: () => y,
+	OmegaTaggedUnionInternal: () => v,
+	OmegaVuetifyInput: () => g,
+	createMeta: () => o,
+	createUseFormWithCustomInput: () => C,
+	deepMerge: () => f,
+	defaultsValueFromSchema: () => u,
+	duplicateSchema: () => w,
+	generateMetaFromSchema: () => s,
+	getInputType: () => a,
+	isNullableOrUndefined: () => c,
+	makeStandardSchemaV1Hooks: () => p,
+	metadataFromAst: () => l,
+	toFormSchema: () => d,
+	toLocalizedStandardSchemaV1: () => m,
+	useErrorLabel: () => h,
+	useOmegaForm: () => S,
+	useOnClose: () => n,
+	usePreventClose: () => r
+});
+//#endregion
+export { T as components_exports };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "4.0.0-beta.282",
+  "version": "4.0.0-beta.284",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "effect": "^4.0.0-beta.88",
@@ -56,8 +56,8 @@
     "highlight.js": "^11.11.1",
     "mitt": "^3.0.1",
     "vue3-highlightjs": "^1.0.5",
-    "@effect-app/vue": "4.0.0-beta.282",
-    "effect-app": "4.0.0-beta.282"
+    "@effect-app/vue": "4.0.0-beta.284",
+    "effect-app": "4.0.0-beta.284"
   },
   "scripts": {
     "check": "vue-tsc",

package/src/components/OmegaForm/OmegaInput.vue

@@ -53,7 +53,10 @@ import { type OmegaInputPropsBase } from "./types"
 const props = defineProps<OmegaInputPropsBase<From, To, Name>>()
 const internalInputProps = computed(() => ({
   label: props.label,
-  validators: props.validators
+  required: props.required,
+  type: props.type,
+  options: props.options,
+  inputs: props.form.inputs
 }))
 
 // downgrade to *as* DeepKeys<From> to avoid useless and possible infinite recursion in TS

package/src/components/OmegaForm/OmegaInputVuetify.vue

@@ -34,7 +34,12 @@
       v-if="inputProps.type === 'email'
       || inputProps.type === 'string'
       || inputProps.type === 'password'
-      || inputProps.type === 'date'"
+      || inputProps.type === 'date'
+      || inputProps.type === 'tel'
+      || inputProps.type === 'url'
+      || inputProps.type === 'color'
+      || inputProps.type === 'time'
+      || inputProps.type === 'search'"
       :id="inputProps.id"
       :required="inputProps.required"
       :min-length="inputProps.minLength"
@@ -198,6 +203,33 @@
         />
       </template>
     </v-autocomplete>
+
+    <!-- Fallback for any type not handled by a dedicated branch above (e.g. an
+         unrecognized schema type resolved to "unknown", or a custom `type` with
+         no renderer). Renders an editable text input instead of nothing. -->
+    <v-text-field
+      v-if="isUnhandledType"
+      :id="inputProps.id"
+      :required="inputProps.required"
+      :type="getInputType(inputProps.type)"
+      :name="field.name"
+      :label="inputProps.label"
+      :error-messages="inputProps.errorMessages"
+      :error="inputProps.error"
+      v-bind="$attrs"
+      :model-value="state.value"
+      @update:model-value="(v: any) => field.handleChange(v)"
+    >
+      <template
+        v-if="$slots.label"
+        #label
+      >
+        <slot
+          name="label"
+          v-bind="{ required: inputProps.required, id: inputProps.id, label: inputProps.label }"
+        />
+      </template>
+    </v-text-field>
   </div>
 </template>
 
@@ -207,10 +239,12 @@
   generic="From extends Record<PropertyKey, any>, Name extends DeepKeys<From>"
 >
 import { type DeepKeys } from "@tanstack/vue-form"
+import { computed, watchEffect } from "vue"
 import type { VuetifyInputProps } from "./InputProps"
 import { getInputType } from "./inputs"
+import { typeOverrides } from "./types"
 
-defineProps<VuetifyInputProps<From, Name>>()
+const props = defineProps<VuetifyInputProps<From, Name>>()
 
 defineEmits<{
   (e: "focus", event: Event): void
@@ -220,6 +254,19 @@ defineEmits<{
 defineOptions({
   inheritAttrs: false
 })
+
+// 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))
+
+watchEffect(() => {
+  if (isUnhandledType.value) {
+    // eslint-disable-next-line no-console
+    console.warn(
+      `[OmegaForm] Unhandled input type "${props.inputProps.type}", falling back to a text input.`
+    )
+  }
+})
 </script>
 
 <style>