@effect-app/vue-components 4.0.0-beta.231 → 4.0.0-beta.233

package/dist/types/components/OmegaForm/OmegaTaggedUnion.vue.d.ts

@@ -15,8 +15,8 @@ declare const __VLS_export: <From extends Record<PropertyKey, any>, To extends R
     attrs: any;
     slots: {
         [x: string]: ((props: {
-            field: import("./InputProps").OmegaFieldInternalApi<From, "_tag" | `${NonNullable<Name>}._tag`>;
-            state: NonNullable<import("@tanstack/vue-form").DeepValue<From, "_tag" | `${NonNullable<Name>}._tag`>>;
+            field: import("./InputProps").OmegaFieldInternalApi<From, DeepKeys<From>>;
+            tag: string;
         }) => any) | undefined;
     } & {
         OmegaCustomInput?: (props: {

package/dist/types/components/OmegaForm/OmegaTaggedUnionInternal.vue.d.ts

@@ -1,9 +1,9 @@
-import { type DeepKeys, type DeepValue } from "@tanstack/vue-form";
+import { type DeepKeys } from "@tanstack/vue-form";
 import { type OmegaFieldInternalApi } from "./InputProps";
 import { type useOmegaForm } from "./useOmegaForm";
 declare const __VLS_export: <From extends Record<PropertyKey, any>, To extends Record<PropertyKey, any>, Name extends DeepKeys<From>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
     props: import("vue").PublicProps & __VLS_PrettifyLocal<{
-        state: DeepValue<From, Name>;
+        tag: string | null;
         field: OmegaFieldInternalApi<From, Name>;
         name?: DeepKeys<From>;
         form: ReturnType<typeof useOmegaForm<From, To>>;
@@ -15,7 +15,7 @@ declare const __VLS_export: <From extends Record<PropertyKey, any>, To extends R
     slots: {
         [x: string]: ((props: {
             field: OmegaFieldInternalApi<From, Name>;
-            state: NonNullable<DeepValue<From, Name>>;
+            tag: string;
         }) => any) | undefined;
     };
     emit: {};

package/dist/vue-components37.es.js

@@ -3,20 +3,20 @@ import { createCommentVNode as e, defineComponent as t, mergeProps as n, normali
 var o = /* @__PURE__ */ t({
 	__name: "OmegaTaggedUnionInternal",
 	props: {
-		state: {},
+		tag: {},
 		field: {},
 		name: {},
 		form: {}
 	},
 	setup(t) {
 		let o = t, s = o.form.useStore(({ values: e }) => e);
-		return a(() => o.state, (e, t) => {
+		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.state ? i(a.$slots, `${t.name ? `${t.name}.` : ""}${t.state}`, r(n({ key: 0 }, {
+		}, { immediate: !0 }), (a, o) => t.tag ? i(a.$slots, `${t.name ? `${t.name}.` : ""}${t.tag}`, r(n({ key: 0 }, {
 			field: t.field,
-			state: t.state
+			tag: t.tag
 		}))) : e("", !0);
 	}
 });

package/dist/vue-components39.es.js

@@ -37,7 +37,7 @@ var _ = /* @__PURE__ */ o({
 				p(t.$slots, "default"),
 				a(e, {
 					field: n.field,
-					state: n.state.value,
+					tag: v.value,
 					name: o.name,
 					form: o.form
 				}, i({ _: 2 }, [f(t.$slots, (e, n) => ({
@@ -45,11 +45,11 @@ var _ = /* @__PURE__ */ o({
 					fn: g((e) => [p(t.$slots, n, c(s(e)))])
 				}))]), 1032, [
 					"field",
-					"state",
+					"tag",
 					"name",
 					"form"
 				]),
-				n.state.value ? p(t.$slots, "OmegaCommon", { key: 0 }) : r("", !0)
+				v.value ? p(t.$slots, "OmegaCommon", { key: 0 }) : r("", !0)
 			]),
 			_: 3
 		}, 8, ["name"]));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@effect-app/vue-components",
-  "version": "4.0.0-beta.231",
+  "version": "4.0.0-beta.233",
   "peerDependencies": {
     "@mdi/js": "^7.4.47",
     "effect": "^4.0.0-beta.66",
@@ -53,12 +53,12 @@
   },
   "dependencies": {
     "@opentelemetry/api": "^1.9.1",
-    "@tanstack/vue-form": "^1.23.5",
+    "@tanstack/vue-form": "^1.32.0",
     "highlight.js": "^11.11.1",
     "mitt": "^3.0.1",
     "vue3-highlightjs": "^1.0.5",
-    "@effect-app/vue": "4.0.0-beta.231",
-    "effect-app": "4.0.0-beta.231"
+    "@effect-app/vue": "4.0.0-beta.233",
+    "effect-app": "4.0.0-beta.233"
   },
   "scripts": {
     "check": "vue-tsc",

package/src/components/OmegaForm/OmegaTaggedUnion.vue

@@ -75,9 +75,15 @@ provide("getMetaFromArray", getMetaFromArray)
         />
       </slot>
       <slot />
+      <!--
+        Drive the branch off `currentTag`: the tag is read from the form store
+        (the canonical state), the same single source of truth that feeds
+        `getMetaFromArray` above — rather than the `Field` slot's `state`,
+        which is only a projection of it.
+      -->
       <OmegaTaggedUnionInternal
         :field="inputProps.field as any"
-        :state="inputProps.state.value"
+        :tag="currentTag"
         :name="name"
         :form="form"
       >
@@ -92,7 +98,7 @@ provide("getMetaFromArray", getMetaFromArray)
         </template>
       </OmegaTaggedUnionInternal>
       <slot
-        v-if="inputProps.state.value"
+        v-if="currentTag"
         name="OmegaCommon"
       />
     </template>

package/src/components/OmegaForm/OmegaTaggedUnionInternal.vue

@@ -1,8 +1,8 @@
 <template>
   <slot
-    v-if="state"
-    :name="`${name ? `${name}.` : ''}${state}`"
-    v-bind="{ field, state }"
+    v-if="tag"
+    :name="`${name ? `${name}.` : ''}${tag}`"
+    v-bind="{ field, tag }"
   />
 </template>
 
@@ -17,7 +17,7 @@ import { type OmegaFieldInternalApi } from "./InputProps"
 import { type useOmegaForm } from "./useOmegaForm"
 
 const props = defineProps<{
-  state: DeepValue<From, Name>
+  tag: string | null
   field: OmegaFieldInternalApi<From, Name>
   name?: DeepKeys<From>
   form: ReturnType<typeof useOmegaForm<From, To>>
@@ -26,7 +26,7 @@ const props = defineProps<{
 const values = props.form.useStore(({ values }) => values)
 
 // Watch for _tag changes
-watch(() => props.state, (newTag, oldTag) => {
+watch(() => props.tag, (newTag, oldTag) => {
   if (newTag === null) {
     props.field.setValue(null as DeepValue<From, Name>)
   }