@effect-app/vue-components 4.0.0-beta.298 → 4.0.0-beta.299

package/dist/vue-components33.es.js

@@ -1,8 +1,300 @@
-(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);if(e.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){grid-template-rows:1fr;min-height:0;transition:all .2s;display:grid;overflow:hidden}.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;appearance:none;width:auto;box-shadow:none;min-width:auto;height:auto;padding:.5em .5em .5em 1em;display:block}`)),document.head.appendChild(e),window.customElements){let e=window.customElements.define;window.customElements.define=function(t,n){let r=n.prototype.connectedCallback;return n.prototype.connectedCallback=function(){if(r&&r.call(this),this.shadowRoot){let e=document.createElement(`style`);e.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){grid-template-rows:1fr;min-height:0;transition:all .2s;display:grid;overflow:hidden}.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;appearance:none;width:auto;box-shadow:none;min-width:auto;height:auto;padding:.5em .5em .5em 1em;display:block}`)),this.shadowRoot.appendChild(e)}},e.call(window.customElements,t,n)}}}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
-(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);if(e.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){grid-template-rows:1fr;min-height:0;transition:all .2s;display:grid;overflow:hidden}.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;appearance:none;width:auto;box-shadow:none;min-width:auto;height:auto;padding:.5em .5em .5em 1em;display:block}`)),document.head.appendChild(e),window.customElements){let e=window.customElements.define;window.customElements.define=function(t,n){let r=n.prototype.connectedCallback;return n.prototype.connectedCallback=function(){if(r&&r.call(this),this.shadowRoot){let e=document.createElement(`style`);e.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){grid-template-rows:1fr;min-height:0;transition:all .2s;display:grid;overflow:hidden}.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;appearance:none;width:auto;box-shadow:none;min-width:auto;height:auto;padding:.5em .5em .5em 1em;display:block}`)),this.shadowRoot.appendChild(e)}},e.call(window.customElements,t,n)}}}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
-import e from "./vue-components31.es.js";
-
-//#region src/components/OmegaForm/OmegaInputVuetify.vue
-var t = e;
+import { getInputType as e } from "./vue-components13.es.js";
+import { typeOverrides as t } from "./vue-components32.es.js";
+import { Fragment as n, computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createSlots as s, defineComponent as c, guardReactiveProps as l, mergeProps as u, normalizeProps as d, openBlock as f, renderList as p, renderSlot as m, resolveComponent as h, resolveDynamicComponent as g, unref as _, watchEffect as v, withCtx as y } from "vue";
+//#region src/components/OmegaForm/OmegaInputVuetify.vue?vue&type=script&setup=true&lang.ts
+var b = /*@__PURE__*/ c({
+	inheritAttrs: !1,
+	__name: "OmegaInputVuetify",
+	props: {
+		inputProps: {},
+		field: {},
+		state: {}
+	},
+	emits: ["focus", "blur"],
+	setup(c) {
+		let b = c, x = r(() => !t.includes(b.inputProps.type));
+		return v(() => {
+			x.value && console.warn(`[OmegaForm] Unhandled input type "${b.inputProps.type}", falling back to a text input.`);
+		}), (t, r) => {
+			let v = h("v-text-field"), b = h("v-textarea"), S = h("v-radio"), C = h("v-radio-group"), w = h("v-select"), T = h("v-autocomplete");
+			return f(), o("div", {
+				class: "omega-input",
+				onFocusout: r[8] ||= (e) => {
+					t.$emit("blur", e), c.field.handleBlur();
+				},
+				onFocusin: r[9] ||= (e) => t.$emit("focus", e)
+			}, [
+				c.inputProps.type === "boolean" || c.inputProps.type === "switch" ? (f(), i(g(c.inputProps.type === "boolean" ? "v-checkbox" : "v-switch"), u({
+					key: 0,
+					id: c.inputProps.id,
+					name: c.field.name,
+					label: c.inputProps.label,
+					"error-messages": c.inputProps.errorMessages,
+					error: c.inputProps.error,
+					ripple: ""
+				}, t.$attrs, {
+					"model-value": c.state.value,
+					onChange: r[0] ||= (e) => c.field.handleChange(e.target.checked)
+				}), s({ _: 2 }, [t.$slots.label ? {
+					name: "label",
+					fn: y(() => [m(t.$slots, "label", d(l({
+						required: c.inputProps.required,
+						id: c.inputProps.id,
+						label: c.inputProps.label
+					})))]),
+					key: "0"
+				} : void 0]), 1040, [
+					"id",
+					"name",
+					"label",
+					"error-messages",
+					"error",
+					"model-value"
+				])) : a("", !0),
+				c.inputProps.type === "email" || c.inputProps.type === "string" || c.inputProps.type === "password" || c.inputProps.type === "date" || c.inputProps.type === "tel" || c.inputProps.type === "url" || c.inputProps.type === "color" || c.inputProps.type === "time" || c.inputProps.type === "search" ? (f(), i(v, u({
+					key: 1,
+					id: c.inputProps.id,
+					required: c.inputProps.required,
+					"min-length": c.inputProps.minLength,
+					"max-length": c.inputProps.maxLength,
+					type: _(e)(c.inputProps.type),
+					name: c.field.name,
+					label: c.inputProps.label,
+					"error-messages": c.inputProps.errorMessages,
+					error: c.inputProps.error
+				}, t.$attrs, {
+					"model-value": c.state.value,
+					"onUpdate:modelValue": r[1] ||= (e) => c.field.handleChange(e)
+				}), s({ _: 2 }, [t.$slots.label ? {
+					name: "label",
+					fn: y(() => [m(t.$slots, "label", d(l({
+						required: c.inputProps.required,
+						id: c.inputProps.id,
+						label: c.inputProps.label
+					})))]),
+					key: "0"
+				} : void 0]), 1040, [
+					"id",
+					"required",
+					"min-length",
+					"max-length",
+					"type",
+					"name",
+					"label",
+					"error-messages",
+					"error",
+					"model-value"
+				])) : a("", !0),
+				c.inputProps.type === "text" ? (f(), i(b, u({
+					key: 2,
+					id: c.inputProps.id,
+					required: c.inputProps.required,
+					"min-length": c.inputProps.minLength,
+					"max-length": c.inputProps.maxLength,
+					name: c.field.name,
+					label: c.inputProps.label,
+					"error-messages": c.inputProps.errorMessages,
+					error: c.inputProps.error
+				}, t.$attrs, {
+					"model-value": c.state.value,
+					"onUpdate:modelValue": r[2] ||= (e) => c.field.handleChange(e)
+				}), s({ _: 2 }, [t.$slots.label ? {
+					name: "label",
+					fn: y(() => [m(t.$slots, "label", d(l({
+						required: c.inputProps.required,
+						id: c.inputProps.id,
+						label: c.inputProps.label
+					})))]),
+					key: "0"
+				} : void 0]), 1040, [
+					"id",
+					"required",
+					"min-length",
+					"max-length",
+					"name",
+					"label",
+					"error-messages",
+					"error",
+					"model-value"
+				])) : a("", !0),
+				c.inputProps.type === "number" || c.inputProps.type === "range" ? (f(), i(g(c.inputProps.type === "range" ? "v-slider" : "v-text-field"), u({
+					key: 3,
+					id: c.inputProps.id,
+					required: c.inputProps.required,
+					min: c.inputProps.min,
+					max: c.inputProps.max,
+					type: c.inputProps.type,
+					name: c.field.name,
+					label: c.inputProps.label,
+					"error-messages": c.inputProps.errorMessages,
+					error: c.inputProps.error
+				}, t.$attrs, {
+					"model-value": c.state.value,
+					"onUpdate:modelValue": r[3] ||= (e) => {
+						e || e === 0 ? c.field.handleChange(Number(e)) : c.field.handleChange(void 0);
+					}
+				}), s({ _: 2 }, [t.$slots.label ? {
+					name: "label",
+					fn: y(() => [m(t.$slots, "label", d(l({
+						required: c.inputProps.required,
+						id: c.inputProps.id,
+						label: c.inputProps.label
+					})))]),
+					key: "0"
+				} : void 0]), 1040, [
+					"id",
+					"required",
+					"min",
+					"max",
+					"type",
+					"name",
+					"label",
+					"error-messages",
+					"error",
+					"model-value"
+				])) : a("", !0),
+				c.inputProps.type === "radio" ? (f(), i(C, u({
+					key: 4,
+					id: c.inputProps.id,
+					name: c.field.name,
+					label: c.inputProps.label,
+					"error-messages": c.inputProps.errorMessages,
+					error: c.inputProps.error
+				}, t.$attrs, {
+					"model-value": c.state.value,
+					"onUpdate:modelValue": r[4] ||= (e) => c.field.handleChange(e)
+				}), s({
+					default: y(() => [(f(!0), o(n, null, p(c.inputProps.options, (e) => (f(), i(S, {
+						key: e.value,
+						label: e.title,
+						value: e.value
+					}, null, 8, ["label", "value"]))), 128))]),
+					_: 2
+				}, [t.$slots.label ? {
+					name: "label",
+					fn: y(() => [m(t.$slots, "label", d(l({
+						required: c.inputProps.required,
+						id: c.inputProps.id,
+						label: c.inputProps.label
+					})))]),
+					key: "0"
+				} : void 0]), 1040, [
+					"id",
+					"name",
+					"label",
+					"error-messages",
+					"error",
+					"model-value"
+				])) : a("", !0),
+				c.inputProps.type === "select" || c.inputProps.type === "multiple" ? (f(), i(w, u({
+					key: 5,
+					id: c.inputProps.id,
+					clearable: c.inputProps.type === "select",
+					required: c.inputProps.required,
+					multiple: c.inputProps.type === "multiple",
+					chips: c.inputProps.type === "multiple",
+					name: c.field.name,
+					label: c.inputProps.label,
+					items: c.inputProps.options,
+					"error-messages": c.inputProps.errorMessages,
+					error: c.inputProps.error
+				}, t.$attrs, {
+					"model-value": c.state.value,
+					onClear: r[5] ||= (e) => c.field.handleChange(void 0),
+					"onUpdate:modelValue": c.field.handleChange
+				}), s({ _: 2 }, [t.$slots.label ? {
+					name: "label",
+					fn: y(() => [m(t.$slots, "label", d(l({
+						required: c.inputProps.required,
+						id: c.inputProps.id,
+						label: c.inputProps.label
+					})))]),
+					key: "0"
+				} : void 0]), 1040, [
+					"id",
+					"clearable",
+					"required",
+					"multiple",
+					"chips",
+					"name",
+					"label",
+					"items",
+					"error-messages",
+					"error",
+					"model-value",
+					"onUpdate:modelValue"
+				])) : a("", !0),
+				c.inputProps.type === "autocomplete" || c.inputProps.type === "autocompletemultiple" ? (f(), i(T, u({
+					key: 6,
+					id: c.inputProps.id,
+					clearable: c.inputProps.type === "autocomplete",
+					multiple: c.inputProps.type === "autocompletemultiple",
+					required: c.inputProps.required,
+					name: c.field.name,
+					label: c.inputProps.label,
+					items: c.inputProps.options,
+					"error-messages": c.inputProps.errorMessages,
+					error: c.inputProps.error,
+					chips: c.inputProps.type === "autocompletemultiple"
+				}, t.$attrs, {
+					"model-value": c.state.value,
+					onClear: r[6] ||= (e) => c.field.handleChange(void 0),
+					"onUpdate:modelValue": c.field.handleChange
+				}), s({ _: 2 }, [t.$slots.label ? {
+					name: "label",
+					fn: y(() => [m(t.$slots, "label", d(l({
+						required: c.inputProps.required,
+						id: c.inputProps.id,
+						label: c.inputProps.label
+					})))]),
+					key: "0"
+				} : void 0]), 1040, [
+					"id",
+					"clearable",
+					"multiple",
+					"required",
+					"name",
+					"label",
+					"items",
+					"error-messages",
+					"error",
+					"chips",
+					"model-value",
+					"onUpdate:modelValue"
+				])) : a("", !0),
+				x.value ? (f(), i(v, u({
+					key: 7,
+					id: c.inputProps.id,
+					required: c.inputProps.required,
+					type: _(e)(c.inputProps.type),
+					name: c.field.name,
+					label: c.inputProps.label,
+					"error-messages": c.inputProps.errorMessages,
+					error: c.inputProps.error
+				}, t.$attrs, {
+					"model-value": c.state.value,
+					"onUpdate:modelValue": r[7] ||= (e) => c.field.handleChange(e)
+				}), s({ _: 2 }, [t.$slots.label ? {
+					name: "label",
+					fn: y(() => [m(t.$slots, "label", d(l({
+						required: c.inputProps.required,
+						id: c.inputProps.id,
+						label: c.inputProps.label
+					})))]),
+					key: "0"
+				} : void 0]), 1040, [
+					"id",
+					"required",
+					"type",
+					"name",
+					"label",
+					"error-messages",
+					"error",
+					"model-value"
+				])) : a("", !0)
+			], 32);
+		};
+	}
+});
 //#endregion
-export { t as default };
+export { b as default };

package/dist/vue-components35.es.js

@@ -1,5 +1,8 @@
-import e from "./vue-components34.es.js";
-//#region src/components/OmegaForm/OmegaInternalInput.vue
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);if(e.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){grid-template-rows:1fr;min-height:0;transition:all .2s;display:grid;overflow:hidden}.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;appearance:none;width:auto;box-shadow:none;min-width:auto;height:auto;padding:.5em .5em .5em 1em;display:block}`)),document.head.appendChild(e),window.customElements){let e=window.customElements.define;window.customElements.define=function(t,n){let r=n.prototype.connectedCallback;return n.prototype.connectedCallback=function(){if(r&&r.call(this),this.shadowRoot){let e=document.createElement(`style`);e.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){grid-template-rows:1fr;min-height:0;transition:all .2s;display:grid;overflow:hidden}.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;appearance:none;width:auto;box-shadow:none;min-width:auto;height:auto;padding:.5em .5em .5em 1em;display:block}`)),this.shadowRoot.appendChild(e)}},e.call(window.customElements,t,n)}}}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
+(function(){try{if(typeof document<`u`){var e=document.createElement(`style`);if(e.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){grid-template-rows:1fr;min-height:0;transition:all .2s;display:grid;overflow:hidden}.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;appearance:none;width:auto;box-shadow:none;min-width:auto;height:auto;padding:.5em .5em .5em 1em;display:block}`)),document.head.appendChild(e),window.customElements){let e=window.customElements.define;window.customElements.define=function(t,n){let r=n.prototype.connectedCallback;return n.prototype.connectedCallback=function(){if(r&&r.call(this),this.shadowRoot){let e=document.createElement(`style`);e.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){grid-template-rows:1fr;min-height:0;transition:all .2s;display:grid;overflow:hidden}.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;appearance:none;width:auto;box-shadow:none;min-width:auto;height:auto;padding:.5em .5em .5em 1em;display:block}`)),this.shadowRoot.appendChild(e)}},e.call(window.customElements,t,n)}}}}catch(e){console.error(`vite-plugin-css-injected-by-js`,e)}})();
+import e from "./vue-components33.es.js";
+
+//#region src/components/OmegaForm/OmegaInputVuetify.vue
 var t = e;
 //#endregion
 export { t as default };

package/dist/vue-components36.es.js

@@ -1,64 +1,73 @@
-import { useErrorLabel as e } from "./vue-components20.es.js";
-import t from "./vue-components35.es.js";
-import { computed as n, createBlock as r, createCommentVNode as i, createSlots as a, defineComponent as o, guardReactiveProps as s, inject as c, mergeProps as l, normalizeProps as u, openBlock as d, renderSlot as f, resolveDynamicComponent as p, unref as m, useAttrs as h, withCtx as g } from "vue";
-//#region src/components/OmegaForm/OmegaInput.vue?vue&type=script&setup=true&lang.ts
-var _ = /*@__PURE__*/ o({
+import e from "./vue-components35.es.js";
+import { computed as t, createBlock as n, createCommentVNode as r, createElementVNode as i, createSlots as a, defineComponent as o, getCurrentInstance as s, guardReactiveProps as c, mergeProps as l, normalizeClass as u, normalizeProps as d, openBlock as f, renderSlot as p, resolveDynamicComponent as m, useAttrs as h, useId as g, useSlots as _, withCtx as v } from "vue";
+import { useStore as y } from "@tanstack/vue-form";
+//#region src/components/OmegaForm/OmegaInternalInput.vue?vue&type=script&setup=true&lang.ts
+var b = /*@__PURE__*/ o({
 	inheritAttrs: !1,
-	__name: "OmegaInput",
+	__name: "OmegaInternalInput",
 	props: {
-		form: {},
+		field: {},
+		state: {},
+		meta: {},
 		label: {},
-		validators: {},
+		type: { default: void 0 },
 		required: {
 			type: Boolean,
 			default: void 0
 		},
-		name: {},
-		inputClass: {},
-		type: {},
-		options: {}
+		inputClass: { default: void 0 },
+		register: {},
+		options: { default: void 0 },
+		inputs: { default: void 0 }
 	},
 	setup(o) {
-		let _ = o, v = n(() => ({
-			label: _.label,
-			required: _.required,
-			type: _.type,
-			options: _.options,
-			inputs: _.form.inputs
-		})), y = n(() => _.name), b = h(), x = n(() => {
-			if (_.inputClass !== null) return _.inputClass === void 0 ? b.class : _.inputClass;
-		}), S = c("getMetaFromArray", null), C = n(() => S?.value && S.value(_.name) ? S.value(y.value) : _.form.meta[y.value]), w = e(_.form);
-		return (e, n) => (d(), r(p(o.form.Field), {
-			name: o.name,
-			validators: o.validators
-		}, {
-			default: g(({ field: n }) => [C.value ? (d(), r(t, l({ key: 0 }, {
-				...e.$attrs,
-				...v.value,
-				inputClass: x.value
-			}, {
-				field: n,
-				state: n.state,
-				register: o.form.registerField,
-				label: o.label ?? m(w)(y.value),
-				meta: C.value
-			}), a({
-				default: g((t) => [f(e.$slots, "default", u(s(t)))]),
-				_: 2
-			}, [e.$slots.label ? {
-				name: "label",
-				fn: g((t) => [f(e.$slots, "label", u(s(t)))]),
-				key: "0"
-			} : void 0]), 1040, [
-				"field",
-				"state",
-				"register",
-				"label",
-				"meta"
-			])) : i("", !0)]),
-			_: 3
-		}, 8, ["name", "validators"]));
+		let b = o, x = t(() => b.required ?? b?.meta?.required), S = s()?.appContext.components.VTextField, C = h(), w = _(), T = t(() => {
+			let { class: e, ...t } = C;
+			return t;
+		}), E = t(() => C.class), D = g(), O = b.field;
+		y(O.store, (e) => e);
+		let k = y(O.form.store, (e) => e.fieldMeta), A = t(() => b.type ? b.type : b.meta?.type === "string" ? b.meta.format === "email" ? "email" : "string" : b.meta?.type || "unknown"), j = t(() => b.inputs?.[A.value] ?? (S ? e : void 0));
+		b.register(t(() => ({
+			name: b.field.name,
+			label: b.label,
+			id: D
+		})));
+		let M = t(() => k.value[b.field.name]?.errors ?? []), N = t(() => M.value.map((e) => e?.message).filter(Boolean)), P = (e) => e == null || e === !1 || e === "" || Number.isNaN(e), F = (e) => {
+			P(e) && b.meta?.type !== "boolean" ? b.meta?.nullableOrUndefined ? b.field.handleChange(b.meta.nullableOrUndefined === "undefined" ? void 0 : null) : b.meta?.isOptionalKey ? b.field.form.deleteField(b.field.name) : b.field.handleChange(e) : b.field.handleChange(e), b.field.form.normalizeNullableStructs?.();
+		}, I = (e) => new Proxy(e, { get(e, t, n) {
+			return t === "handleChange" ? F : Reflect.get(...arguments);
+		} }), L = t(() => ({
+			inputProps: {
+				id: D,
+				required: x.value,
+				minLength: b.meta?.type === "string" && b.meta?.minLength,
+				maxLength: b.meta?.type === "string" && b.meta?.maxLength,
+				max: b.meta?.type === "number" ? b.meta?.maximum ?? (typeof b.meta?.exclusiveMaximum == "number" ? b.meta.exclusiveMaximum - 1 : void 0) : void 0,
+				min: b.meta?.type === "number" ? b.meta?.minimum ?? (typeof b.meta?.exclusiveMinimum == "number" ? b.meta.exclusiveMinimum + 1 : void 0) : void 0,
+				errorMessages: N.value,
+				error: !!N.value.length,
+				type: A.value,
+				label: w.label ? b.label : `${b.label}${x.value ? " *" : ""}`,
+				options: b.options,
+				inputClass: b.inputClass
+			},
+			state: b.state,
+			field: I(b.field)
+		}));
+		return (e, t) => p(e.$slots, "default", d(c({
+			...L.value.inputProps,
+			field: L.value.field,
+			state: L.value.state
+		})), () => [i("div", { class: u(E.value) }, [j.value ? (f(), n(m(j.value), d(l({ key: 0 }, {
+			...T.value,
+			...L.value,
+			class: b.inputClass
+		})), a({ _: 2 }, [e.$slots.label ? {
+			name: "label",
+			fn: v((t) => [p(e.$slots, "label", d(c(t)))]),
+			key: "0"
+		} : void 0]), 1040)) : r("", !0)], 2)]);
 	}
 });
 //#endregion
-export { _ as default };
+export { b as default };

package/dist/vue-components37.es.js

@@ -1,5 +1,5 @@
 import e from "./vue-components36.es.js";
-//#region src/components/OmegaForm/OmegaInput.vue
+//#region src/components/OmegaForm/OmegaInternalInput.vue
 var t = e;
 //#endregion
 export { t as default };

package/dist/vue-components38.es.js

@@ -1,24 +1,64 @@
-import { createCommentVNode as e, defineComponent as t, mergeProps as n, normalizeProps as r, renderSlot as i, watch as a } from "vue";
-//#region src/components/OmegaForm/OmegaTaggedUnionInternal.vue?vue&type=script&setup=true&lang.ts
-var o = /*@__PURE__*/ t({
-	__name: "OmegaTaggedUnionInternal",
+import { useErrorLabel as e } from "./vue-components22.es.js";
+import t from "./vue-components37.es.js";
+import { computed as n, createBlock as r, createCommentVNode as i, createSlots as a, defineComponent as o, guardReactiveProps as s, inject as c, mergeProps as l, normalizeProps as u, openBlock as d, renderSlot as f, resolveDynamicComponent as p, unref as m, useAttrs as h, withCtx as g } from "vue";
+//#region src/components/OmegaForm/OmegaInput.vue?vue&type=script&setup=true&lang.ts
+var _ = /*@__PURE__*/ o({
+	inheritAttrs: !1,
+	__name: "OmegaInput",
 	props: {
-		tag: {},
-		field: {},
+		form: {},
+		label: {},
+		validators: {},
+		required: {
+			type: Boolean,
+			default: void 0
+		},
 		name: {},
-		form: {}
+		inputClass: {},
+		type: {},
+		options: {}
 	},
-	setup(t) {
-		let o = t, s = o.form.useStore(({ values: e }) => e);
-		return a(() => o.tag, (e, t) => {
-			e === null && o.field.setValue(null), e !== t && (o.form.reset(s.value), setTimeout(() => {
-				o.field.validate("change");
-			}, 0));
-		}, { immediate: !0 }), (a, o) => t.tag ? i(a.$slots, `${t.name ? `${t.name}.` : ""}${t.tag}`, r(n({ key: 0 }, {
-			field: t.field,
-			tag: t.tag
-		}))) : e("", !0);
+	setup(o) {
+		let _ = o, v = n(() => ({
+			label: _.label,
+			required: _.required,
+			type: _.type,
+			options: _.options,
+			inputs: _.form.inputs
+		})), y = n(() => _.name), b = h(), x = n(() => {
+			if (_.inputClass !== null) return _.inputClass === void 0 ? b.class : _.inputClass;
+		}), S = c("getMetaFromArray", null), C = n(() => S?.value && S.value(_.name) ? S.value(y.value) : _.form.meta[y.value]), w = e(_.form);
+		return (e, n) => (d(), r(p(o.form.Field), {
+			name: o.name,
+			validators: o.validators
+		}, {
+			default: g(({ field: n }) => [C.value ? (d(), r(t, l({ key: 0 }, {
+				...e.$attrs,
+				...v.value,
+				inputClass: x.value
+			}, {
+				field: n,
+				state: n.state,
+				register: o.form.registerField,
+				label: o.label ?? m(w)(y.value),
+				meta: C.value
+			}), a({
+				default: g((t) => [f(e.$slots, "default", u(s(t)))]),
+				_: 2
+			}, [e.$slots.label ? {
+				name: "label",
+				fn: g((t) => [f(e.$slots, "label", u(s(t)))]),
+				key: "0"
+			} : void 0]), 1040, [
+				"field",
+				"state",
+				"register",
+				"label",
+				"meta"
+			])) : i("", !0)]),
+			_: 3
+		}, 8, ["name", "validators"]));
 	}
 });
 //#endregion
-export { o as default };
+export { _ as default };

package/dist/vue-components39.es.js

@@ -1,5 +1,5 @@
 import e from "./vue-components38.es.js";
-//#region src/components/OmegaForm/OmegaTaggedUnionInternal.vue
+//#region src/components/OmegaForm/OmegaInput.vue
 var t = e;
 //#endregion
 export { t as default };

package/dist/vue-components40.es.js

@@ -1,59 +1,24 @@
-import e from "./vue-components39.es.js";
-import { computed as t, createBlock as n, createCommentVNode as r, createSlots as i, createVNode as a, defineComponent as o, guardReactiveProps as s, normalizeProps as c, openBlock as l, provide as u, ref as d, renderList as f, renderSlot as p, unref as m, watch as h, withCtx as g } from "vue";
-//#region src/components/OmegaForm/OmegaTaggedUnion.vue?vue&type=script&setup=true&lang.ts
-var _ = /*@__PURE__*/ o({
-	__name: "OmegaTaggedUnion",
+import { createCommentVNode as e, defineComponent as t, mergeProps as n, normalizeProps as r, renderSlot as i, watch as a } from "vue";
+//#region src/components/OmegaForm/OmegaTaggedUnionInternal.vue?vue&type=script&setup=true&lang.ts
+var o = /*@__PURE__*/ t({
+	__name: "OmegaTaggedUnionInternal",
 	props: {
+		tag: {},
+		field: {},
 		name: {},
-		form: {},
-		type: {},
-		options: {},
-		label: {}
+		form: {}
 	},
-	setup(o) {
-		let _ = o, v = d(null), y = t(() => _.name ? `${_.name}._tag` : "_tag"), b = _.form.useStore((e) => e.values);
-		return h(() => y.value.split(".").reduce((e, t) => e?.[t], b.value), (e) => {
-			v.value = e ?? null;
-		}, { immediate: !0 }), u("getMetaFromArray", t(() => {
-			let e = v.value;
-			return (t) => {
-				if (!e) return null;
-				let n = _.form.unionMeta[e];
-				return n ? n[t] ?? null : null;
-			};
-		})), (t, u) => (l(), n(m(o.form).Field, { name: o.name ? `${o.name}._tag` : "_tag" }, {
-			default: g((n) => [
-				p(t.$slots, "OmegaCustomInput", c(s(n)), () => [a(m(o.form).Input, {
-					name: o.name ? `${o.name}._tag` : "_tag",
-					label: o.label,
-					type: o.type ?? "select",
-					options: o.options
-				}, null, 8, [
-					"name",
-					"label",
-					"type",
-					"options"
-				])]),
-				p(t.$slots, "default"),
-				a(e, {
-					field: n.field,
-					tag: v.value,
-					name: o.name,
-					form: o.form
-				}, i({ _: 2 }, [f(t.$slots, (e, n) => ({
-					name: n,
-					fn: g((e) => [p(t.$slots, n, c(s(e)))])
-				}))]), 1032, [
-					"field",
-					"tag",
-					"name",
-					"form"
-				]),
-				v.value ? p(t.$slots, "OmegaCommon", { key: 0 }) : r("", !0)
-			]),
-			_: 3
-		}, 8, ["name"]));
+	setup(t) {
+		let o = t, s = o.form.useStore(({ values: e }) => e);
+		return a(() => o.tag, (e, t) => {
+			e === null && o.field.setValue(null), e !== t && (o.form.reset(s.value), setTimeout(() => {
+				o.field.validate("change");
+			}, 0));
+		}, { immediate: !0 }), (a, o) => t.tag ? i(a.$slots, `${t.name ? `${t.name}.` : ""}${t.tag}`, r(n({ key: 0 }, {
+			field: t.field,
+			tag: t.tag
+		}))) : e("", !0);
 	}
 });
 //#endregion
-export { _ as default };
+export { o as default };

package/dist/vue-components41.es.js

@@ -1,5 +1,5 @@
 import e from "./vue-components40.es.js";
-//#region src/components/OmegaForm/OmegaTaggedUnion.vue
+//#region src/components/OmegaForm/OmegaTaggedUnionInternal.vue
 var t = e;
 //#endregion
 export { t as default };